@charset "utf-8";
body{ font-family:"Microsoft JhengHei"; background:url(../../images/index/banner-bg-pink.png) center 45px no-repeat; background-size:contain; }
a{text-decoration:none; color:#E41B4E;}
ul{ list-style:none; margin:0; padding:0; }
.clearfix{clear:both;}
.text-center { text-align:center;}
.text-left { text-align:left;}
.text-right { text-align:right;}
.hint-default { color:#F00; display:inline-block; margin:0 3px; }
a.hint-default { color:#F00;}
.hint-block { display:block;}
.hint-lg { font-size:22pt;}
.hint-orange { color:#ED5321;}
.btn{ cursor:pointer;display:inline-block; padding:5px 15px; border:1px solid #999; color:#666; border-radius:3px; background-color:#FFF; margin:10px 10px 10px 0; font-size:11pt;}
.btn:hover { background-color:#DDD;}
.btn-div { margin:15px auto;}
.btn-inline { color:#000; }
.btn-block { display:block;}
.btn-gray { background-color:#DDD; color:#000;}
.pagebar { margin:15px auto;}
.form-control {border-radius:3px; padding:2px; border:1px solid #AAA; padding:3px;}
.btn-buynow { background-color:#F00; color:#FFF;}
.btn-buynow:hover { background-color:#DF0000; color:#FFF;}
.btn-trace { background-color:#EFB63B; color:#FFF; border:0;}
.btn-trace:hover { background-color:#ECA717; color:#FFF;}
.btn-info { background-color:#0077B4; color:#FFF; border:0;}
.btn-info:hover { background-color:#00689F; color:#FFF;}
.btn-pink { background-color:#E83862; color:#FFF;  border:0;}
.btn-pink:hover { background-color:#E41B4E; color:#FFF;  border:0;}
.form-group .label-data,
.form-group .control-field { display:inline-block; margin:10px auto;}
.form-group .label-data:before{ content:" "; text-align:justify; display:inline-block;}
.form-group .label-data { width:120px;text-align:justify; }
.form-group .control-field{ margin-left:10px; margin-right:10px;}
.hideme { display:none;}
.radio-inline { display:inline-block; margin:2px 5px; cursor:pointer;}
.table-sm { font-size:11pt;}
span.date{font-size:9pt; display:inline-block; color:#999;}
/*	global	*/
.loadingbox{
	background:url(../../images/loading.gif) center no-repeat;
	background-color:rgba(30%,30%,30%,0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
}
img.listimgshow { height:80px; margin:5px; }
.qtgroup { border-radius:5px; border:1px solid #AAA; height:30px; width:90%; margin:0 auto;  display:inline-block;}
.qtgroup input[type=text] { border:0; width:auto; text-align:center; width:30px; height:30px;}
.qtgroup a { color:#FFF; background-color:#AAA; display:inline-block; font-size:14pt; font-weight:bold; width:30px; height:30px; text-align:center; }
.qtgroup a.qt_mius { border-radius:3px 0 0 3px; float:left;}
.qtgroup a.qt_plus { border-radius:0 3px 3px 0; float:right;}
span.cartcount { display:inline-block; margin:0 3px; color:#F00;}
body.hidecartfloat .cartbox {display:none;}
.cartbox { width:100px; background-color:#FFF; padding:10px 15px; border-radius:3px; text-align:center; /*-webkit-box-shadow: -2px 2px 9px -1px rgba(148,148,148,1);
-moz-box-shadow: -2px 2px 9px -1px rgba(148,148,148,1);
box-shadow: -2px 2px 9px -1px rgba(148,148,148,1);*/}
.bgbox {    background: url(../../images/index/bg_gray.png) top center repeat-x;/* position:fixed; z-index:99999;*/ width:100%;  }
.ifping .header-top { width:1180px;  }

.cartimg {  display:block; position:relative;}
.carttxt {  display:block; position:relative; font-size:10pt; margin-top:10px;}
.header {background:url(../../images/index/bg_gray.png) top center repeat-x; color:#DC007B;}
.header a{ color:#cc1574;}
.content-header { width:1180px; margin:0 auto;}
.container { width:1180px; margin:0 auto;}
.header-top {  height:45px; width:100%; }
.header-middle { height:76px; margin-bottom:1px; }
.mini-menu { font-size:10pt; height:45px; float:left;}
.mini-menu ul { vertical-align:bottom; display:block; float:left; height:45px;}
.mini-menu ul li {display:block; float:left; margin:17px 1px 0 1px; position:relative}
.mini-menu ul li:after { content:"|"; margin-left:3px; margin-right:3px; }
.mini-menu ul li:first-child { margin-top:7px;}
.mini-menu ul li:first-child:after{ content:"";}
.mini-menu ul li:last-child:after { content:""; }
.searchbox { float:right; height:26px; width:190px; border:2px solid #CC1277; border-radius:8px; margin-top:5px;}
.searchbox input[type=text] { background-color:transparent; border:0; width:140px; height:24px; margin-left:3px;}
.searchbox input[type=submit] { background:url(../../images/index/search.png) center no-repeat; background-color:#CC1277;  border:0; width:40px; height:26px; border-radius:0 5px 5px 0; float:right;}

.hint { border-radius:50%; background-color:#F00; display:block; position:absolute; }

.hint.hint-upper { padding:1px 3px; top:-5px;right:-15px; color:#FFF; font-size:8pt;}

.header-middle { width:100%; background:url(../../images/index/bg_logoback.png) center bottom no-repeat; background-color:#FFF;}
.header-middle .logo { width:720px; text-align:center; float:left;}
.header-middle .social { float:right; margin-top:43px; margin-right:3px;}
.social ul li { display:inline-block; }
.mini-banner{ float:left; }

.menu {text-align:center;}
.menu li { position:relative; display:inline-block;}
.menu li a { display:block; word-wrap:none; width:106px; background:url(../../images/index/btn_bg.png) center repeat; height:37px; line-height:37px; text-align:center;border-radius:5px 5px 0 0; margin-right:1px; font-size:11pt; letter-spacing:2px;}
.menu li:hover a,
.menu li.active a { background:url(../../images/index/btn_bg_on.png) center repeat; color:#FFF; }
.bannerbox { width:1180px; margin:0 auto; position:relative;}
.bannerline { width:100%; height:53px; background:url(../../images/index/banner_line.png) center top repeat-x; position:absolute; top:0; left:0;}

.cookies { width:100%; margin:5px auto;}
.cookies a { color:#666;}
.cookies ul li { display:inline-block; font-size:10pt; }
.cookies ul li:after { content:" / "; display:inline-block; margin-left:4px; margin-right:2px;}
.cookies ul li:last-child:after{content:"";}
.cookies ul li:last-child a {color:#EB6FA5;}
.content-body { padding-bottom:70px; padding-top:25px; color;#cc1574;}


.pager { width:100%; display:block; text-align:center;}
.pager li { display:inline-block; margin:3px 5px;}
.pager li a { display:block; color:#EB6FA5; }
.pager li.active { display:inline-block; color:#9A9A9A; }
.pager li.active a { color:#000;}
.pager.product-style li { padding:2px 8px; border-radius:50%; color:#FFF; text-align:center; }
.pager.product-style li a { color:#666;}
.pager.product-style li.active a,
.pager.product-style li:hover a { color:#FFF;}
.pager.product-style li.active,
.pager.product-style li:hover { background-color:#C63762; }

/*.content-body.page-body { padding-top:0;}*/
.content-body .leftside h3.subject {background-color:#EB6FA5; color:#FFF; text-align:center; padding:6px 0;}
.content-body .product-class,
.content-body .product-class a { color:#666; font-size:10pt; display:block;}
.content-body .leftside { width:240px; float:left; }
.product-class { padding-bottom:30px; border-bottom:20px solid #EB6FA5; }
.product-class li { padding:5px 5px;}
.product-class li:nth-child(even) { background-color:#FBE6EF; }

.content-body .rightside { width:910px; float:right;}
.page-subject h3.subject {background-color:#FFF; display:inline-block; padding:2px 15px; margin:0 auto 15px auto; letter-spacing:3px; font-size:14pt;}
.page-subject .page-subject-line { height:14px; border-bottom:2px solid #C63762; text-align:center; color:#C63762; margin:0 auto 25px auto;}
.page-subject:first-child .page-subject-line a { color:#C63762; border-bottom-color:#C63762;}
.product-onsale .page-subject-line,.product-onsale a { color:#7291C0; border-bottom-color:#7291C0;}
.product-package .page-subject-line,.product-package a { color:#C4B983; border-bottom-color:#C4B983;}
.product-ontime .page-subject-line,.product-ontime a { color:#57BDB0; border-bottom-color:#57BDB0;}
.buynow { display:inline-block; font-size:10pt; padding:1px 4px 2px 4px; margin-top:15px; margin-bottom:15px; border:0; cursor:pointer;}
/*.product-list { text-align:center;}*/
.product-list>ul { display:inline-block; width:170px; margin-right:3px; margin-left:3px; margin-bottom:15px; }
.product-list>ul>li a { color:#333;}
.product-list .imgbox { margin:0 auto;margin-bottom:10px;  height:170px; width:170px; overflow:hidden; border:1px solid #DEDEDE;}
.product-list .imgbox a.imglink { width:170px; height:170px; display:block; overflow:hidden; text-align:center; margin:0 auto;}
.product-list .imgbox a.imglink:before {
   content:'';
   width:0;
   height:100%;
   display:inline-block;
   position:relative;
   vertical-align:middle;
   background:#f00
}
.product-list .imgbox img { display:inline-block; width:150px; margin:0 auto;
   display:inline-block;
   vertical-align:middle;}
.product-list li {text-align:justify;}
.product-list li.subject {font-size:11pt; margin-bottom:5px; min-height:40px; height:60px; overflow:hidden;}
.product-list .saleinfo { font-size:9pt; text-align:left;}
.product-list .saleinfo .price { color:#F00; }
.product-list .saleinfo .sales { color:#666;}
.product-list .saleinfo .sales:before { content:" / ";}
.buynow.product-promo  { display:inline-block; color:#FFF; background-color:#C63762;}
.buynow.product-onsale  { display:inline-block; color:#FFF; background-color:#7291C0;}
.buynow.product-package { display:inline-block; color:#FFF; background-color:#C4B983;}
.buynow.product-ontime  { display:inline-block; color:#FFF; background-color:#57BDB0;}

.full-footer { color:#FFF; background-color:#EB6FA5; border-top:8px solid #FCE5EE; font-size:10pt;  }
.full-footer a { color:#FFF; }
.qrcode { text-align:center;}
.footer-box ul.service { margin-left:60px; }
.footer-box ul.service li{ display:block;  }
.footer-box { width:1180px; margin:0 auto; padding-top:63px; padding-bottom:53px; letter-spacing:1px; position:relative;}
.gotopbox { width:36px; height:55px; display:block; position:absolute; top:-55px; right:0; position:absolute;}
.footer-box .leftside {float:left;}
.footer-box .leftside ul:first-child{ font-size:11pt;}
.footer-box .leftside>ul { margin-bottom:5px;}
.footer-box .rightside {float:right;}
.footer-box .rightside>ul>li:after { content:"|"; margin-right:3px; margin-left:4px; }
.footer-box .rightside ul li:last-child:after{content:"";}
.footer-box ul li { display:inline-block;}
.newsbutton { position:absolute; top:0; }
/*	hack	*/
	.bx-wrapper .bx-pager { padding-top:0;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:15px;}
	.bx-wrapper .bx-pager.bx-default-pager a { width:12px; height:12px; border-radius:50%; background-color:transparent; border:2px solid #EB6FA5;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#EB6FA5;}
	.bx-wrapper {margin-bottom:5px; }
/*	index	*/
.special-box { position:relative; width:284px; height:350px; display:inline-block; margin-right:10px;}
.special-box:last-child{ margin-right:0; }
.special-img { text-align:center;}
.special-img a { height:285px; overflow:hidden; display:block;}
.special-img img { width:100%;}
.special-icon { background:url(../../images/index/discount.png) center no-repeat; width:199px; height:58px; position:absolute; bottom:40px;}
.special-h { height:65px; line-height:40px; font-size:14pt;letter-spacing:2px; color:#FFF;	text-align:center; position:absolute; width:100%;}
.special-box.seta .special-h { background:url(../../images/index/bg_half_a.png) center top repeat-x; }
.special-box.setb .special-h { background:url(../../images/index/bg_half_b.png) center top repeat-x; }
.special-box.setc .special-h { background:url(../../images/index/bg_half_c.png) center top repeat-x; }
.special-box.setd .special-h { background:url(../../images/index/bg_half_d.png) center top repeat-x; }
.special-price { height:72px; }
.special-pricebox {position:absolute; bottom:0; height:70px; width:100%; color:#FFF; text-align:right;}
.seta .special-pricebox { background-color:#A53B87;}
.setb .special-pricebox { background-color:#EFB71A;}
.setc .special-pricebox { background-color:#2CADB7;}
.setd .special-pricebox { background-color:#76C3E7;}
.special-price-org  { position:absolute; text-decoration:line-through; font-style:italic; font-size:22pt; bottom:5px; left:0; width:128px; text-align:right;}
.special-price-sale { position:absolute; font-size:32pt; font-style:italic; right:10px; bottom:5px;}

/*	qa	*/
.qa-list div { padding:10px 15px; margin-bottom:3px;}
.qa-list:nth-child(odd) { background-color:#F9E4ED;}
.qa-list:nth-child(even) { background-color:#E3A9C1;}
.qa-list .q-box { cursor:pointer;}
.qa-list .a-box { border-bottom:5px solid #FFF; display:none;}
.article-class { text-align:center; }
.article-class li { background-color:#DDD; border:1px solid #999; border-width:1px 1px 0 1px; }
.article-class li:last-child{border-width:1px;}
.article-class li a { color:#000; display:block; padding:6px 0;}
.article-class li a:hover,
.article-class li a.active { background-color:#F6C3CC;}

/*	news	*/
.news-list{ position:relative; display:block; }
.news-list,
.news-list a { margin-bottom:15px; color:#C63762;}
.news-list span.date { color:#999; float:right;}
.new-content { text-align:justify;}
/*	member	*/
.form-box { background-color:#F9E4ED;  padding:30px 0; border-radius:5px;}
.form-box table { width:730px; margin:0 auto; /*display:block;*/}
.form-box table th,
.form-box table td { padding:10px 6px; font-size:10pt; }
.form-box table th { width:205px; text-align:right; letter-spacing:4px;;}
.form-box input[type=text],
.form-box input[type=submit],
.form-box input[type=email],
.form-box input[type=reset],
.form-box input[type=password],
.form-box input[type=date],
.form-box select,
.form-box .form-textarea { width:100%; border:1px solid #EB6FA5; height:30px; padding-left:3px; border-radius:3px;}
input[type=number] { text-align:center; border-radius:3px; border:1px solid #DDD; padding:3px 0;}
.form-box .form-textarea { min-height:180px;}
input.imgcode { border:1px solid #A9a9a9;}
.form-box input.imgcode { width:95%;}
.form-box img.imgcode { width:100%; height:32px;}
.form-box .form-submit[type=submit],
.form-box .form-submit[type=reset] { color:#FFF; background-color:#A0A0A0; padding:3px 8px; height:30px; width:120px; margin:3px 5px; cursor:pointer; font-size:11pt; letter-spacing:1px;}
.form-box .form-control.form-sm { width:25%;}
.form-box .form-control.form-xs { width:15%;}
.membertool { margin:15px auto; width:100%;  text-align:left; letter-spacing:1px;}
.membertool ul li { display:inline-block; height:21px; line-height:21px; font-size:11pt;}
.membertool ul li ,
.membertool ul li a { color:#999;}
.membertool ul li a.hint-default { color:#F00;}
.membertool ul li:after { content:"|"; display:inline-block; margin:0 2px 0 8px; height:21px; line-height:21px; font-size:10pt;}
.membertool ul li:last-child:after{ content:""; }

/*	brand	*/
.brandbox { display:inline-block; width:180px; min-height:308px; margin-right:13px; margin-bottom:30px; }
.brandbox:last-child { margin-right:0;}
.brandbox li { width:100%; margin-top:14px; text-align:center; letter-spacing:2px;}
.brandbox li a { color:#000; display:block; padding:5px 0; font-size:13pt;}

.brandbox:nth-child(odd) li { background-color:#E9E7D4;}
.brandbox:nth-child(even) li { background-color:#F5A6A8;}

.brandunder { background-color:#7acad3; border-radius:5px; padding:15px; text-align:center; margin:15px auto;}
.brandunder ul { margin:15px auto;}
.brandlink li { width:180px; display:inline-block; background-color:#E41B4E; padding:6px 0; margin:3px 0; border-radius:3px; letter-spacing:2px;}
.brandlink.brandhair li { background-color:#F9F4F8;  }
.brandlink li a { color:#FFF; }
.brandlink.brandhair li a { color:#000; }


/*	shopping	*/
.cartinfo { margin:15px auto;}
.table-list td.tb-noborder{ border-width:0 0 0 0;}
.table-list th { background-color:#E8E8E8; text-align:center;}
.table-list th,
.table-list td { padding:5px 0; border:1px solid #AAA; border-width:0 0 1px 0; text-align:center;}
.table-list tbody tr td:first-child{ padding:5px 10px;}
.table-list tbody tr td:nth-child(2){ width: 650px; }
.table-list tbody tr td:nth-child(3){ padding:5px 10px;}
.table-list tbody tr td:nth-child(4){ padding:5px 10px;}
.table-list tbody tr td:nth-child(5){ padding:5px 10px;}
.table-list td.text-right{text-align:right;}
.table-list td.text-left{text-align:left; padding:3px; letter-spacing:1px; font-size:11pt;}
.table-search { width:100%; border:1px solid #ED7081; border-width:0 0 1px 1px;}
.table-search th { background-color:#E8E8E8; text-align:center;}
.table-search th,
.table-search td { padding:5px 0; border:1px solid #ED7081; border-width:1px 1px 0 0; text-align:center;}
.table-search td { background-color:#F9E4ED;}
.table-list { width:100%; border:1px solid #AAA; border-width:0 0 0 0;}
.product-box { margin-bottom:15px;}
.product-box .imgbox { width:390px; display:block; position:relative; float:left; text-align:center; padding:0; border:1px solid #9A9A9A; height:390px; vertical-align:middle;}
.product-box .imgwrapper { width:390px; height:390px; display:block;}
.product-box .imgbox img { width:100%; display:inline-block; margin:0 auto; vertical-align:middle; }
.product-box .imgbox .imgwrapper:before {content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: #f00; }
.product-box .product-info { width:490px;  display:block; position:relative; float:right;}
.product-info .subject { color:#D9004F; margin-bottom:3px; font-size:13pt; letter-spacing:1px;}
.price-info { padding:15px 0; margin:15px auto; border:1px solid #F9BDDD; border-width: 1px 0;}
.price-info>p { margin:5px auto;}
.product-info>p { color:#C50C28; font-size:11pt; margin-bottom:3px;}
.table-descript { font-size:10pt; }
.table-descript td { padding:5px 0;}
.form-textarea { width:60%; margin:15px auto;}
.qaformbox { text-align:center; border-top:1px solid #DDD; margin:15px auto; padding-top:15px; width:90%;}
.tab-list { border:1px solid #9f9F9F; background:url(../../images/index/bg_gray.png) center top repeat-x;}
.tab-list li { display:inline-block; width:95px; height:40px; line-height:40px; text-align:center; border-right:1px solid #9F9f9F;}
.tab-list li.active,
.tab-list li:hover{ background-color:#FFF; }
.tab-list li a { color:#000; display:block;}
.tab-group { border:1px solid #9f9F9F; border-top:0 }
.tab-group .tab-content:first-child{ display:block; }
.tab-group .tab-content { display:none; min-height:100px; padding:15px; }
.product-qa-list { width:100%; margin-bottom:15px;  }
.product-qa { padding:15px 20px; background-color:#EFEFEF;}
.question-answer { padding:15px 0 15px 45px; background-color:#FFF;}
.question-timesago { color:#888; font-size:10pt; display:inline-block; margin:0 5px;}
.question-nickname { display:inline-block; margin:0 5px;}
.transbox,.order_step { margin:15px auto;}
.order_userdata { border:1px solid #EEE; border-radius:5px; margin:30px auto; padding:15px;}
.info-subject {  background-color:#E83862; color:#FFF; padding:5px 10px; border-radius:5px; text-align:center; margin:5px auto;}
.borderbox { clear:both; margin:15px; height:15px;}
.order-detail { border:0; width:100%; }
.order-detail th{ font-weight:bold;}
.order-detail th,
.order-detail td { border-bottom:1px solid #CCC; padding:10px 3px;}
.order-detail td{ color:#666;}
.order-detail td.noborder,
.order-detail th.noborder { border:0;}
.order-detail.order-border { border:1px solid #CCC;}
.order-detail.order-border td,
.order-detail.order-border th { border:solid 1px #CCC; padding:10px 5px;}
.order-subject { margin:25px auto 5px auto;}
.orderevabox { position:relative; text-align:center;}
.control-group { margin:15px auto;}
.orderinfoslider { display:none;}
/*	evaluation	*/
.evalist { text-align:left;}
.evalist li { display:inline-block; }
.evalist li a {color:#666;}
.evalist li.active a { color:#E41B4E;}
.evalist li:after { content:"|"; display:inline-block; margin:0 3px; color:#E41B4E; font-size:10pt; color:#999;}
.evalist li:last-child:after{content:""; }
.form-box table.evaluation { width:90%; margin:15px auto;}
.form-box.eva { padding:15px;}
table.evaluation td,
table.evaluation th{ font-size:16pt; text-align:center;}
table.evaluation td p{ margin-top:25px;}
table .table-left-line { border-left:1px solid #999;}
.table-info { margin:15px auto;}


#tableclass { margin:0 auto; }
#tableclass td,#tableclass th { border:1px solid #FFF; padding:5px; }
.titimgcenter { width:100%; text-align:center; margin:0 auto;}
.ui-dialog .ui-dialog-titlebar-close { display:none;}

.ordertransportlist { width:500px; margin: 0 auto; }
.ordertransportlist li { border-radius:5px; margin:10px 0; text-align: center;   padding:10px 0; 

		background: rgb(254,175,197);
		background: -moz-linear-gradient(top, rgba(254,175,197,1) 0%, rgba(234,72,129,1) 100%);
		background: -webkit-linear-gradient(top, rgba(254,175,197,1) 0%,rgba(234,72,129,1) 100%);
		background: linear-gradient(to bottom, rgba(254,175,197,1) 0%,rgba(234,72,129,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feafc5', endColorstr='#ea4881',GradientType=0 );		

}
.ordertransportlist li a { color: #fff; }
.ordertransportlist li { opacity:0.4; }
.ordertransportlist li.active { opacity:1; }


@media screen and (max-width: 1024px){
	.header-bottom,.bgbox,.header,.full-footer { width: 1180px; }

	.menu li { width: calc(100%/11); }
	.menu li a { width: initial; }
	.special-box { width: calc(100%/4 - 15px); }
}