@charset "utf-8";
/*  global  */
	body{ font-family: Arial,"Microsoft JhengHei";}
	body.btmsite100,
	html.btmsite100 { height:100%; overflow:hidden;}
	.footerbox.btmsite{ position:fixed; bottom:0; width:100%; z-index:2001;}
	.wrap{ width:100%;}
	.container{ width:1200px; margin: 0 auto;}
	.container.container-maxout { width:1500px; }
	.container.container-zoomout { width:1000px; }
	.container.container-xmiddle { width:850px; }
	.container.container-middle { width:700px; }
	.rwd-img { width:100%;}
	.rwd-maximg { max-width:100%;}
	.imgbox { overflow:hidden;}
	a{ color:#000; text-decoration:none;}
	/*a:hover { color:#000; text-decoration:none;}*/
	a:focus, a:hover { text-decoration:none; }
	h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
	ul, section, div, h3 { position: relative;}
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
		}
	ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
	ul{ list-style:none; margin:0; padding:0; }
	body,div,p { margin: 0;padding: 0;}
	
/*	==========================================	*/

	/*  icon  */
	.footericon { padding-left:35px; }
	.icon-tel { background:url(../../images/index/icon_03.png) no-repeat left; }
	.icon-fax { background:url(../../images/index/icon_04.png) no-repeat left; }
	.icon-mail { background:url(../../images/index/icon_05.png) no-repeat left; }
	.icon-loc  { background:url(../../images/index/icon_06.png) no-repeat left; }

	/*  onscrolling  */

	
	/*  header  */
	.headerbox { padding:10px 15px; position:fixed; top:0; left:0; width:100%; z-index:999; }
	.headerbg { background-color:#ec558c; }
	
	.logobox { float:left; margin-left:15px; }
	.rwdsearchboxbtn { display:none; float:right; margin-right:15px; margin-top:9px; }
	.topsearchbox { float:right; margin-right:15px; margin-top:9px; }
	
	
	.searchtext { float:left; width:500px; }
	.searchtext .input-control { border-radius:3px 0 0 3px; margin-bottom:0; }
	.searchimg { float:left; height:34px; border-radius:0 3px 3px 0; }
	
	.topcartbox { float:right; margin-top:7px; }
	
	.menubox { float:left; margin:12px 0 0 260px; }
	.menu li { float:left; margin-left:15px; text-align:center; }
	.menu li a { font-size:12pt; color:#4D4D4D; letter-spacing:2px; position:relative; }
	.menu li a:hover:before,.menu li a.active:before { content:""; position:absolute; left:13px; top:20px; background:url(../../images/index/icon_01.png) no-repeat center; width:44px; height:30px; }
	.menu li a:hover,.menu li a.active { color:#4D4D4D;}
	
	.langbox { float:right; padding:0 15px; }
	.langbox:before { content:""; position:absolute; left:0; top:-16px; height:77px; border-left:2px solid #ececec; }
	.langbtn .fa-sort-desc { position:absolute; top:0; left:56px; }
	
	
	.lang { max-height:0; overflow:hidden; position:absolute; top:45px; left:-9px; width:77px; background-color:rgba(0,0,0,0.20); 
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
															-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.44);
					-moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.44);
							 box-shadow: 0 1px 10px 0 rgba(0,0,0,0.44);
													
	}
	.lang li { text-align:center; margin:5px 0; }
	.lang li a { font-size:10pt; color:#fff; }
	.langbtn:hover .lang,.langbtn:active .lang { max-height:1000px; }
	
		/*  rwd menu  */
		.rwdmenubtnbox { float:left; margin-top:9px; z-index:99;  }
		.rwdmenubtn { color:#fff; font-size:25pt; }
		
		.rwdmenubox { position:fixed; top:0; left:0; width:320px; height:100%; background-color:#ff7bad; z-index:99999; /*opacity:0;*/
									-moz-transform:translateX(-100%);
									-webkit-transform:translateX(-100%);
									-o-transform:translateX(-100%);
									-ms-transform:translateX(-100%);
									transform:translateX(-100%);
	-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.44);
				-moz-box-shadow: 0 1px 8xp 0 rgba(0,0,0,0.44);
						 box-shadow: 0 1px 8px 0 rgba(0,0,0,0.44);
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
		}
		.rwdmenubox.in { opacity:1;
									-moz-transform:translateX(0);
									-webkit-transform:translateX(0);
									-o-transform:translateX(0);
									-ms-transform:translateX(0);
									transform:translateX(0);
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
		}
		
	  .rwdmenumask { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;	
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;	  	
	  }
	  .rwdmenumask.in { display:block; }
		
		.rwdmenu { text-align:center; }
		.rwdmenu li { padding:10px 0; position:relative; }
		.rwdmenu > li { padding:15px; border-bottom:1px solid #fca2c6; }
		.rwdmenu li a { font-size:12pt; color:#fff; display:block; }
		
		.rwdmenu-2 { max-height:0; overflow:hidden; 
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;	  			
		}
		.rwdmenu-2.active { max-height:1000px; 
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;	  			
		}
		.rwdmenu-2 li {box-shadow: inset 0px 0px 0px 1px rgba( 255, 255, 250, 0.6), inset 0 -2px 0 rgba( 0, 0, 0, 0.1); }

		
		.menu-downox { color:#fff; }
		.menu-downox .fa-chevron-up { display:none; }
		.menu-downox.active .fa-chevron-up { display:block; }
		.menu-downox.active .fa-chevron-down { display:none; }
		
/*	==========================================	*/
	.boticonbox { position:fixed; bottom:0; left:0; width:100%; z-index:999; }
	.boticonbg { background-color:#ec558c; }
	.botion { padding:10px; }	
	.botion li { float:left; width:calc(100%/5); text-align:center; position:relative; }
	.botion li:before { content:""; position:absolute; top:10px; right:0; width:1px; height:70%; border-right:1px solid #ff78ab; }
	.botion li:last-child:before { content:"";  border-right:0; }
	.botion li a { font-weight:bold; color:#fff; }
	
	.rwdmenu-subbox { padding:5px 15px; border-top:1px solid #ed8db2; border-bottom:1px solid #ed8db2; background-color:#e95088; }
	.rwdmenu-subbox .fa.fa-times { position:absolute; top:7px; right:15px; }
	
	.rwdmenu-user li { float:left; padding:10px 15px; width:calc(100%/2); border-right:1px solid #fca2c6; min-height:38px; line-height:38px; color:#fbc3dc; }
	.rwdmenu-user li:last-child { border-right:0; }
	.rwdmenu-user li a { color:#fbc3dc; }


		
	/*	footer	*/
	.footer-info { text-align:center; }
	.footer-info li { margin:0 15px; margin-bottom:20px; padding:5px 0; border: 1px solid #c7c7c7; display:inline-block; width:46%; text-align:center; background-color:#fff; border-radius:8px; }
	.footer-info li a { display:block; }
	.footer-info li:nth-child(3) { margin-bottom:0; }
	.footer-info li:last-child { margin-bottom:0; }	
	.footer-infobox { background-color:#e6e6e6;  padding:15px 0;}

	


	/*  index  */
	.container { width:100%; margin: 0 auto; }
	.wrap.index { margin-top:72px; padding-bottom:80px; }
	
	
	.index-brand li { display:inline-block; margin:10px 5px; width: calc(100%/4 - 14px); vertical-align:middle; }
	.index-brand li.index-brand-banner {/* padding: 24px 15px;*/  /*width:200px;*/ /* border-radius:20px; border: 2px solid #e6307a; background-color:#000;*/ }

	.index-limitproduct li { border: 1px solid #e7e7e7; margin:10px; position:relative; }
	.index-limitproduct li .textbox { position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; padding:5px 10px; }
	.owl-limitproductbox { position:absolute; top: calc(50% - 27px / 2); left:0; width:100%;  }
	.owl-limitproductbox .owlprev { position: absolute; left: 30px; }
	.owl-limitproductbox .owlnext { position: absolute; right: 30px; }
	.owl-limitproductbox img { border-radius:50px; border:1px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.5); z-index:-1; padding:3px; }

	.index-newproduct li { border: 1px solid #e7e7e7; margin:10px; position:relative; }
	.index-newproduct li .textbox { position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; padding:5px 10px; }
	.owl-newproductbox { position:absolute; top: calc(50% - 27px / 2); left:0; width:100%;  }
	.owl-newproductbox .owlprev { position: absolute; left: 30px; }
	.owl-newproductbox .owlnext { position: absolute; right: 30px; }
	.owl-newproductbox img { border-radius:50px; border:1px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.5); z-index:-1; padding:3px; }

	
	/* content */
	
		/* news */
		.articlebox { min-height:685px; padding-bottom:50px; }
		.editorbox.news img { max-width:100%; }
		.new-content img { max-width:100%; }
		.news-list, .news-list a { margin-bottom: 15px; color: #C63762; }
		.news-list span.date { color: #999; float: right; margin-top: 3px; }
		span.date {  font-size: 9pt;  display: inline-block; color: #999; }
		
		/* brnad */
		.brandlist { background-color:#7acad3; }
		.brandlist li { padding:10px; width: calc(100%/5 - 0px); border: 1px solid #fff; float:left; text-align:center; }
	
		/* product */
		.product-subjectbox { padding: 10px 0; }
		.product-subject { padding: 5px 15px; }
		
		.product-conditionbox .select-control { border:0; width:auto; border:1px solid #cccccc; background-color:transparent; border-radius:0; height:20px; 
			-webkit-box-shadow: none;
	    box-shadow: none;
		}
		.product-conditionbox { display:inline-block; margin:5px 0; padding:0 15px; }
		.productlist li { padding:15px; border-bottom:1px solid #e5e5e5; }
		.productlist li .cols-per-20 { padding-right:30px; }
		.productlist li .cols-per-80 { }
		.productlist li .subjectbox { height:48px; overflow:hidden; margin-bottom:69px; }
		.productlist li .price-org { height: 7px; border-bottom: 1px solid #cccccc; }
		

		.product-detail .imgbox img { /*width:40%;*/ margin: 20px auto; }
		.product-detail .table-per-15 { width:100px; padding:5px 15px; }
		.product-detail .table-per-85 { width:90%; padding:5px 15px; border-right:1px solid #e6e6e6;  }
		.product-detail .table-box {  border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
		.product-detail .quantitybox select { border-radius:5px; background-color:#f8f8f8; border: 1px solid #bbbbbb; }
		
		.tab-list li { width:calc(100%/3 - 3.4px); float:left; margin-right:5px; background-color:#f2f2f2; text-align:center; }
		.tab-list li:last-child { margin-right:0; }
		.tab-list li.active { background-color:#ff7bad; }
		.tab-list li a { display:block; font-weight:bold; padding:10px 0; }
		
		.tab-group .tab-content { display:none; }
		.tab-group .tab-content:first-child { display:block; }
		.tab-group .tab-content img { max-width:100%; }
		#tab1 #tableclass { width:100%; }
	
		/* member */
		.hint-default { color:#FF0000; }
		.member-loginbox { min-height: 100vh; }
		.loginbtn li { float:left; width:calc(100%/2); text-align:center; }
		.loginbtn li { float:left; width:calc(100%/2); text-align:center; }
		.member-form { width:512px; margin: 50px auto; }

		.member-menu { margin:15px 0 30px 0; padding:0 15px; }
		.member-menu li { display:inline-block; padding: 0 2px; }
		.member-menu li.active { border-bottom:1px solid #000; }
		.member-menu li a.active { border-bottom:1px solid #000; }
		
		.member-modifybox { min-height:646px; }
		.member-passwodbox { min-height:646px; }
		.member-ordersearchbox { min-height:667px; }
		
		.order-detail { border-collapse: collapse; border-spacing: 0; }
		.order-detail th { text-align:left; border: solid 1px #CCC; }
		.order-detail td { border: solid 1px #CCC; }
		.member-orderdetailbox { padding-bottom:50px; }

		/* order */
		.orderlist-processbox { min-height:667px; }
		.orderlistbox { min-height:666px; }
		.orderbtnbox { margin-top: 30px; }
		.orderlist-process li { width:calc(100%/4); float:left; margin:10px 0; background-color:#cccccc; text-align:center; min-height:41px; line-height:41px; position:relative; }
		.orderlist-process li.active { background-color:#ff7bad; }
		.orderlist-process li:before {  content: " "; position: absolute; right: -16px; top:6px; z-index:9;
		  width: 28px;
		  height: 28px;
		  border: 2px solid #fff;
		  border-left: 0;
		  border-bottom: 0;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		.orderlist-process li span:before {  content: " "; position: absolute; right: -19px; top:1px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 0 19px 19px;
			border-color: transparent transparent transparent #cccccc;
		}
		.orderlist-process li span:before {  content: " "; position: absolute; right: -19px; top:1px; z-index:9;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 0 19px 19px;
			border-color: transparent transparent transparent #cccc;
		}
		.orderlist-process li.active span:before {  content: " "; position: absolute; right: -19px; top:1px; z-index:9;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 0 19px 19px;
			border-color: transparent transparent transparent #ff7bad;
		}
		.orderlist-process li:last-child:before {  content: " "; display:none; }
		.orderlist-process li:last-child span:before {  content: " "; display:none; }
		.orderlistbox .quantitybox select { border-radius:5px; width:auto; background-color:#f8f8f8; border: 1px solid #bbbbbb; }
		.orderbtnbox li { float:left; margin-right:2px; width:calc(100%/2 - 1px); text-align:center; }
		.orderbtnbox li:last-child { margin-right:0; }
		
		.ordertransportlist { width:500px; margin: 0 auto; }
		.ordertransportlist li a { border-radius:5px; margin-bottom:15px; opacity:0.4;  }
		.ordertransportlist li:last-child a { margin-bottom:0; }
		.ordertransportlist li a.active { opacity:1; }
		
		.formset { padding: 0 15px; width:800px; margin: 0 auto; }
		.formset .label-control { width:120px; }
		.formset .inputblock { width:83%; }
		.formset .textarea-control { min-height:80px; }
		.formset .input-inline .inline { width:calc(100%/3 - 3px); }
		
		.formset2 { padding-bottom: 50px; }

		.orderbtnbox li a { border-radius: 25px;  }
		.orderbtnbox li input { border-radius: 25px;  }
		
		/* trace */
		.tracebox { min-height:667px; }
	
	/* hack  */
	.bx-controls-direction { display:none; }
	.bx-wrapper { margin: 0; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:10px; z-index:99; }
	.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #fff; background-color:transparent; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#fff; }	
	.owl-pagination{ display:none; }
	
	.mCSB_scrollTools .mCSB_draggerContainer { left:12px; }
	
	.video-rwd { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
	.video-rwd iframe,
	.video-rwd object,
	.video-rwd embed { position:absolute; top:0; left:0; width:100%; height:100%; }



@media screen and (max-width: 768px){
	
	/* header */
	.searchtext { width:300px; }
	
	/* footer */
	.footer-info li { width:45%; }
	
	/* index */
	
	/* brnad */
	.brandlist li { width: calc(100%/4); }
	
	/* product */
	.productlist .cols-per-20 { width:27%; }
	.productlist .cols-per-80 { width:73%; }
	
	/* order */
	.formset { width:100%; }
	.formset .inputblock { width:82%; }

}

@media screen and (max-width: 736px){
	
	/* order */
	.formset .inputblock { width: 81%; }

}

@media screen and (max-width: 667px){
	
	/* product */
	.productlist .cols-per-20 { width: 30%; }
	.productlist .cols-per-80 { width: 70%; }

	/* order */
	.formset .inputblock { width: 79%; }

}


@media screen and (max-width: 568px){
	
	/* header */
	.searchtext { width: 160px; }	
	
	/* footer */
	.footer-info li { width: 44%; }
	
	/* member */
	.member-form { width:100%; }
	
	/* order */
	.formset .inputblock { width: 75%; }
	
	/* product */
	.productlist .cols-per-20 { width: 37%; }
	.productlist .cols-per-80 { width: 63%; }

}

@media screen and (max-width: 425px){
	
	/* header */
	.rwdsearchboxbtn { display:block; }
	.topsearchbox { width:100%; position:absolute; top:65px; left:0;  margin: 0; display:none;	}
	.searchtext { width:91.3%; }

	/* footer */
	.footer-info li { width:44%; margin:5px 10px; }
	
	/* index */
	.index-brand li.index-brand-banner { width: calc(100%/2 - 13px); }
	.index-brand li { width: calc(100%/2 - 13px); }
	
	/* brnad */
	.brandlist li { width: calc(100%/2); }
	
	/* product */
	.productlist li .cols-per-20 { padding-right:10px; }
	.productlist .cols-per-20 { width:51%; }
	.productlist .cols-per-80 { width:49%; }
	.productlist li .subjectbox { margin-bottom:5px; font-size:10pt; height:50px; }
	.productlist li .pricebox { margin:10px 0; }


	/* member */
	.member-menu { text-align:center; }
	.member-ordersearchbox { min-height:666px; }

	/* order */
	.formset .label-control { width: 120px; }
	.formset .inputblock {  width: 100%; }
	
	.orderlist-process { font-size:10pt; }
	.orderlist-process span { margin-left:20px; }
	.ordertransportlist { width:100%; }
	

}

@media screen and (max-width: 414px){
	
	/* header */
	.searchtext { width:91.1%; }
	
	/* order */
	.orderlist-processbox { min-height: 584px; }
	.orderlistbox { min-height:452px; }


}

@media screen and (max-width: 375px){
	
	/* header */
	.searchtext { width:90.1%; }
	
	/* order */
	.orderlist-process span { margin-left:24px; }
	.orderlist-processbox { min-height: 515px; }
	.orderlistbox { min-height:383px; }


}

@media screen and (max-width: 320px){
	
	/* header */
	.logobox { width:120px; }
	.logobox img { width:100%; }
	.topcartbox {margin-top: 1px;}
	.rwdsearchboxbtn { margin-top:2px; margin-right: 0; }
	.rwdmenubtnbox { margin-top:3px; }
	.searchtext { width:88.2%; }
	.topsearchbox { top:51px; }
	
	/* footer */
	.footer-info li { width:43%; }
	.botion li a { font-size:10pt; }
	
	/* index */
	.wrap.index { margin-top:59.48px; padding-bottom: 77px; }
	
	/* product */
	.productlist li .price-sale .margin-r-15 { margin: 0; display:block; }
	
	/* order */
	.orderlist-process li:before { content:" "; display:none; }
	.orderlist-process li.active span:before { content:" "; display:none; }
	.orderlist-process li span:before { content:" "; display:none; }
	.orderlist-process span { margin-left:0; }
	.orderlist-processbox { min-height: 432px; }
	.orderlistbox { min-height:300px; }


}