@charset "utf-8";
/* CSS Document */
button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus {
    outline: none;          
}

* a, * a:hover{text-decoration: none;}
.nevin_hidden, .hidden{ display:none !important;}

.pdname2{color:#006DD9}
.acname{background:#60ABAD; padding: 1px 5px; color:#FFFFFF}

.headtoppart {display: block; width: 100%;background-color: #60ABAD;margin: 0px auto;padding: 0px 0px;min-width: 320px; }
.headerwp {max-width: 1320px;margin: 0 auto;padding: 0px 15px 0px 15px;height: 28px;}
.headertopleft {width: 50%;float: left;}
.headertopright {width: 50%;float: right;text-align: right;}
.headertopright a {line-height: 30px;color: #f2f2f2;font-size: 16px;padding: 0px 12px;float: right;}
.headertopright a:hover {
    background-color: #272B37;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
 }
.headertopright a.facebookicon:hover {background-color: #3b5998;color: #fff;}
.headertopright a.instagramicon:hover {background-color: #D00067;color: #fff;}

.cd-search {
  position:fixed;
  z-index:20001;
  height: 100px;
  width: 100%;
  top: -90px;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  visibility:hidden;
  background: #FFF;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.cd-overlay, .nav-is-fixed .cd-search {
  position: fixed
}
.cd-search form {
  height: 100%;
  max-width: 600px;
  margin: 25px auto
}
.cd-search input {
  border-radius: 0;
  background: #fff;
  height: 50px;
  width: 100%;
  padding: 5px;
  border: 1px solid #FFF;
  border-bottom:solid 1px #f2f2f2;
  font-size: 16px;
  position: relative;
}

.cd-search input::-webkit-input-placeholder {
  color: #646473
}
.cd-search input::-moz-placeholder {
  color: #646473
}
.cd-search input:-moz-placeholder {
  color: #646473
}
.cd-search input:-ms-input-placeholder {
  color: #646473
}
.cd-search input:focus {
  outline: 0
}
.cd-search.is-visible {
  opacity: 1;
  top:0px;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.cd-overlay {
  z-index:20000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}

@media only screen and (max-width:1021px) {
    .cd-search {height: 55px;}
    .cd-search form {
    margin: 10px auto
    }
    .cd-search input {
    height: 35px;
    width: 70%; margin: 0px 15%;
    }
    .headtoppart {display: none;}
   .mymasterslider, .myindexbox{padding-top: 55px;}
}

.myindexbox{max-width:1320px; margin: 0px auto; padding: 0px;}
.myindexbox_fixed{padding-top: 74px;}

.header_fixed,.header_h_fixed{position:fixed; top:0px; left:0px;z-index: 500;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.master-slider_fixed{padding-top: 74px;}
.wsmainfull_fixed{box-shadow: 0 1px 4px rgba(0,0,0,.1);	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);background-color: rgba(255,255,255,.95);}

.header_h_fixed .desktoplogo {width:160px; padding-top: 38px;}
.header_h_fixed.wsmainfull {height: 78px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>a {padding: 7px 8px 15px 8px;}
.header_h_fixed .wsmenu>.wsmenu-list>li span.myRicon {padding: 17px 3px 15px 3px;}
.header_h_fixed .wsmenu>.wsmenu-list>li span.myRicon3 {padding-right: 12px}
.header_h_fixed .wsmenu>.wsmenu-list>li span.carticon em.roundpoint {top: 13px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>ul.sub-menu {top: 77px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>a:after { bottom: 0px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>a i{bottom: 5px; transform: translate(-44%,-5px);transform: scale(.7);}
.header_h_fixed .wsmenu>.wsmenu-list>li:hover>a i,.header_h_fixed .wsmenu>.wsmenu-list>li>a:hover i {bottom: -1px; left: 50%; transform: translate(-50%,1px); transform: rotate(180deg);}
.header_h_fixed .wsmenu>.wsmenu-list>li a.active i {bottom: -1px;left: 50%;transform: translate(-50%,1px);transform: rotate(180deg);}


.noticewd{padding-top: 10px; padding-bottom: 10px; font-size: 16px; margin-top: 30px; color:#d90000; position: relative; text-align: center;}

.hotwd{background:#5DA4A6; padding-top: 15px; padding-bottom: 15px; font-size: 16px; margin-top: 30px; color:#fff; padding-left: 115px; position: relative;}
.hotwd:before{content:'熱門關鍵字：'; position: absolute; top:20px; left:15px;}
.hotwd a{display:inline-block; padding: 5px 5px; margin-right: 10px; color:#fff; text-decoration: none;}
.hotwd a:hover{color:#FFE599;}

/*adm2*/
.adm2{max-width:1320px; margin:30px auto;}
.adm2a{ float:left; padding:1px; width:25%; overflow: hidden;}
.adm2b{ float:left; padding:1px; width:50%; overflow: hidden;}
.adm2a img,.adm2b img{width:100%; height:auto;}
.adm2a img,.adm2b img{
    -webkit-transition: transform 0.4s ease-in-out;
       -moz-transition: transform 0.4s ease-in-out;
         -o-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out;
}
.adm2a:hover img,.adm2b:hover img{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
         -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}




@media only screen and (max-width: 700px) {
	.adm2a{ float:left; padding:1px; width:50%}
	.adm2b{ float:left; padding:1px; width:100%}
}


.np40{padding-top: 40px; padding-bottom: 40px;}
.np60{padding-top: 60px; padding-bottom: 60px;}
.np80{padding-top: 80px; padding-bottom: 80px;}


/*d hot pd*/
.d_hot_title{ background: url(../images/d_hot_line.png) center left repeat-x; text-align:center; margin:0px 0px 0px 0px;}
.d_hot_title .dntitle{ display:inline-block; padding:10px 30px 10px 30px; background:#FFF; position:relative;}
.d_hot_title .dntitle .dh1{ color:#000000; font-size:30px; font-weight:500; padding-bottom:10px;}
.d_hot_title .dntitle .dh2{ color:#000000; font-size:20px; font-weight:600;}









body{ background:#F2F2F2;}
.bg_white{background:#FFF}
.clear{ clear:both;}
html, body {
  height: 100%;
}
.nevin_hidden, .hidden{ display:none;}
a{color:#666;}
a:hover{color:#333;}
main {
  min-height: 100%;
  /* equal to .footer height */
  margin-bottom: -255px;
}
main:after {
  content: "";
  display: block;
}
.footer, main:after {
  height: 255px; 
}

.wrapper{
	max-width:1140px;
	margin:0 auto;
	/*min-width:320px;*/
	padding:0px;
	font-size:14px;
	}
.wrappera{
	max-width:1400px;
	margin:0 auto;
	min-width:320px;
	padding:0px;
	font-size:14px;
	}
.wrapperb{
	max-width:1180px;
	margin:0 auto;
	min-width:320px;
	padding:0px;
	font-size:14px;
	}
.wrappermem{
	max-width:800px;
	margin:40px auto;
	padding:0px;
	font-size:14px;
	}
.wrapper_t{ max-width:1160px; margin:0 auto; min-width:320px; line-height:20px}

.header{
	width:100%;
	display:block;
	min-height:70px;
	background:#FFF;
	border-bottom:#60ABAD solid 1px;
	margin:0;
	padding:0;
	z-index:50 !important;
	position:fixed;
	}
.mbd{ padding-bottom:80px; background:#FFF;}
.logo{
	padding:30px 0px 25px 0px;
	margin:0;
	text-align:center;
	max-height:120px;
	width:auto;
	}
.logo img{ height:100%; width:auto;}
.msmeneu{position:absolute; right:0px; z-index:102;}
.msmeneu ul{ list-style-type:none;}
.msmeneu ul li{ display:inline-block; text-align:right; padding:20px 6px; vertical-align:middle;}
.msmeneu ul li i{ font-size:17px; color:#60ABAD; vertical-align:middle; padding-right:1px;}
.msmeneu ul li a{ color:#333; text-decoration:none; letter-spacing:1px; font-size:14px;}

.toptitle{ background:#60ABAD; height:25px; color:#FFF}
.smalltoptitle{background:#60ABAD; height:25px; color:#FFF; padding-left:10px;}

.slogo{position:fixed;z-index:102;  display:none; padding:20px; top:15px;}
	
.show-grid{background-color:#fff; }

/*history*/
.pdhistory{ padding:40px 0px 40px 0px;}
.pdhistory h1{ font-size:24px; font-weight:800; text-align:center; line-height:50px;}
.pdhistory .pdtitle{ font-size:14px; text-align:center; height:20px; line-height:22px; overflow: hidden; margin-top:5px;}
.pdhistory .myprice{ text-align:center;}
.pdhistory .pdprice, .pdhistory .pdprice2{ display:inline-block; font-size:16px; position:relative; padding:3px; text-align:center; margin:0px 5px 0px 5px;}
.pdhistory .pdprice span{ font-size:13px; color:#666}
.pdhistory .pdprice2 span{ font-size:13px; color:#C79F61}
.pdhistory .pdprice{color:#666; text-align:center; padding-top:0px; font-weight:600;}
.pdhistory .pdprice2{color:#C79F61; text-align:center; padding-top:0px; font-weight:600;}
.pdhistory .pdprice .delline{ display:inline-block; padding:0px; background: url(../images/price-del-line.png) top left repeat-x; height:2px;  position:absolute; top:8px;width:100%}

/*d_ad*/
.d_ad{ max-width:1400px; margin:20px auto 30px auto;position:relative;}
.d_ad img{ max-width:100%; height:auto;}
.d_ad .Lad{ float:left; width:60.714%;}
.d_ad .Rad{ float:right;width:38.571%; position:relative;}
.d_ad .Rad .t1{ width:100%; margin-bottom:1.961%;}
.d_ad .Rad .t2{width:100%;}

.myhr{border-bottom:#E3F0F0 solid 1px; padding:0; margin:20px 0px 40px 0px;}

.footer{background:#60ABAD; padding-top:0px; color:#FFF; position:relative;}

.f_logo img{ height:40px; width:auto; padding-bottom: 0px;}
.icn{ padding: 10px 0px;}
.icn ul{ list-style-type:none; display:block; margin: 0px; padding: 0px;}
.icn ul li { padding:5px; display:inline-block; overflow: hidden;}
.icn ul li img{
    -webkit-transition: transform 0.4s ease-in-out;
       -moz-transition: transform 0.4s ease-in-out;
         -o-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out;
}
.icn ul li:hover img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}




.info ul{ list-style-type:none; display:block; margin: 0px; padding: 0px;}
.info ul li { padding:1px; display:block; font-size: 14px;}
.info ul li span.nn1{ display:inline-block; width:40px;}
.info ul li span.nn2{ display:inline-block; width:10px;}
.info ul li a{ color:#FFF}
.info ul li a:hover{ color:#FC6}

.nlink ul{ list-style-type:none; margin-bottom:10px; margin-left:10px; padding: 0px;}
.nlink ul li { width:48%; display:inline-block; height:25px;}
.nlink ul li a{ color:#FFF; font-size:14px;}
.nlink ul li a:hover{ text-decoration:none; color: #FC6}


/*pdbox*/
.pdbox{ width:33.333%; padding:22px; float:left;}
.pdbox .pdimg{ min-height:100%; position:relative;} 
.pdbox img{ width:100%; height:auto;}
.pdbox .pdtitle{ font-size:14px; text-align:center; height:20px; line-height:22px; overflow: hidden; margin-top:5px;}
.pdbox .myprice{ text-align:center;}
.pdbox .pdprice, .pdbox .pdprice2{ display:inline-block; font-size:16px; position:relative; padding:3px; text-align:center; margin:0px 5px 0px 5px;}
.pdbox .pdprice span{ font-size:13px; color:#666}
.pdbox .pdprice2 span{ font-size:13px; color:#C79F61}
.pdbox .pdprice{color:#666; text-align:center; padding-top:0px; font-weight:600;}
.pdbox .pdprice2{color:#C79F61; text-align:center; padding-top:0px; font-weight:600;}
.pdbox .pdprice .delline{ display:inline-block; padding:0px; background: url(../images/price-del-line.png) top left repeat-x; height:2px;  position:absolute; top:8px;width:100%}


.pdbox .pdimg .icnbox{ position:absolute; width:17%; height:auto; top:3px; left:3px;}

.pddeticn{ padding:0px 0px 40px 0px;}
.pddeticn img{ width:50px; height:auto;}

.onsaleboxwd{ font-size:14px; display:inline-block; border:#AB0001 solid 1px; padding:0px 10px 0px 0px; margin-bottom:3px;}
.onsaleboxwd span{ display:inline-block; padding:3px 10px 3px 10px; margin-right:10px; background:#AB0001; color:#FFF;}

.smallicn{}
.smallicn span{ display:inline-block; vertical-align:middle;}
.smallicn span.act{ display:inline-block; color:#900; margin-left:5px;}
/*.pdbox{ width:33.333%; padding:22px; float:left;}
.pdbox .pdimg{ min-height:100%;} 
.pdbox img{ width:100%; height:auto;}
.pdbox .pdtitle{ font-size:14px; text-align:center; height:20px; line-height:22px; overflow: hidden; margin-top:5px;}
.pdbox .pdprice{color:#C79F61; text-align:center; padding-top:0px; font-weight:600;}*/

/*d_pdbox*/
.d_pdbox{ width:33.333%; padding:22px; float:left;}
.d_pdbox .pdimg{ min-height:100%;} 
.d_pdbox img{ width:100%; height:auto;}
.d_pdbox .pdtitle{ font-size:14px; text-align:center; height:20px; line-height:22px; overflow: hidden; margin-top:5px;}
.d_pdbox .myprice{ text-align:center;}
.d_pdbox .pdprice, .d_pdbox .pdprice2{ display:inline-block; font-size:16px; position:relative; padding:3px; text-align:center; margin:0px 5px 0px 5px;}
.d_pdbox .pdprice span{ font-size:13px; color:#666}
.d_pdbox .pdprice2 span{ font-size:13px; color:#C79F61}
.d_pdbox .pdprice{color:#666; text-align:center; padding-top:0px; font-weight:600;}
.d_pdbox .pdprice2{color:#C79F61; text-align:center; padding-top:0px; font-weight:600;}
.d_pdbox .pdprice .delline{ display:inline-block; padding:0px; background: url(../images/price-del-line.png) top left repeat-x; height:2px;  position:absolute; top:8px;width:100%}

/*brandbox*/
.brandbox{ width:25%; padding:15px; float:left;}
.brandbox .bimg, .brandbox .blogo{ text-align:center}
.brandbox .bimg img{ width:100%; height:auto; max-width:265px; max-height:265px;}
.brandbox .blogo img{ width:100%; max-width:150px; height:auto;}

/*myindex*/
.myindex ul{ list-style-type:none; padding-bottom:10px;}
.myindex ul li { padding:5px 5px 5px 0px; display:inline-block;font-size:14px;}
.myindex ul li a{ color:#333; font-size:14px;}
.myindex ul li a:hover{ text-decoration:none; color: #000}
.myindex i{ padding-right:5px; font-size:14px;}

.mycontent{ padding:40px 0px 50px 0px;}

.cLbox, .mLbox{ width:150px; float:left;}
.cRbox, .mRbox, .mdRbox{ margin-left: 180px; font-size:15px; line-height:25px;}
.cRbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#E1E1E1 solid 1px;}
.mRbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}
.mdRbox h1{ font-size:20px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}

.cLbox ul{ list-style-type:none;}
.cLbox ul li{ padding:10px 0px 10px 0px;}
.cLbox ul li a{ color:#626A70; text-decoration:none;}
.cLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}

.mLbox ul{ list-style-type:none;}
.mLbox ul li{ padding:10px 0px 10px 0px;}
.mLbox ul li a{ color:#626A70; text-decoration:none;}
.mLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}

.pdcatmemo{ padding:10px 0px 0px 0px; line-height:22px; text-align:center; font-size:15px;}

/*cart*/
.cartbox{line-height:25px;}
.cartbox h1{ font-size:24px; padding:0px 0px 5px 0px; line-height:30px; margin-bottom:0px; font-weight:600; border-bottom:#000 solid 1px; color:#AB0001}
.cartbox h1.c1{color:#648129;border-bottom:#648129 solid 1px;}
.cartbox h1.c2{color:#0F609B;border-bottom:#0F609B solid 1px;}
.cartbox h1.c3{color:#25696A;border-bottom:#25696A solid 1px;}

/*產品明細*/
.pdphoto{ float:left; width:48.246%; text-align: center;}
.pdinfo{float:right; width:44%;}
.pdinfo h1{ font-size:24px; line-height:28px; font-weight:600; border-bottom:#E1E1E1 solid 1px; padding-bottom:20px}
.pdinfo .brandLogo{ padding:15px; text-align:center;}
.pdinfo .cont_memo{ padding:5px 0px 15px 0px; line-height:24px; font-size:14px; text-align: justify;text-justify:inter-ideograph;}
.pdinfo .cont_memo ul{ list-style-type: disc; margin-left:22px;}
.pdinfo .pdprice{color:#C79F61; font-size:18px; font-weight:600;}
.pdinfo .pdprice span{ color:#666; display:inline-block; margin-right:30px; position:relative; padding-left:5px;}
.pdinfo .pdprice span span.delline{padding:0px; background:url(../images/price-del-line.png) top left repeat-x; height:2px; display:inline-block; width:100%; position:absolute; top:8px;}

.pdpadd{ padding:10px 0px 80px 0px;}
.pdmemo{ margin-top: 20px; padding-bottom:50px; border-top:#E1E1E1 solid 1px;}
.pdmemoLeft{ background:url(../images/pdmemo-topLine.png) top left no-repeat; width:50%; float:left; padding:20px 20px 0px 20px; line-height:24px;font-size: 15px;}
.pdmemoRight{background:url(../images/pdmemo-topLine.png) top left no-repeat; width:50%; float:left; padding:20px 20px 0px 20px; line-height:24px;font-size: 15px;}
.pdmemoLeft h1, .pdmemoRight h1{ font-size:16px; font-weight:600; color:#000; margin-bottom:20px;}
.pdmemoLeft ul, .pdmemoRight ul{list-style-type: disc; margin-left:22px;font-size: 15px;}
.pdinfo .cont_memo p, .pdmemoLeft p, .pdmemoRight p{ padding:0px; margin-bottom:5px; line-height:20px; font-size: 15px;}

.nodata{ text-align:center;}

.salewd{background:#b20000; padding: 2px 4px; color:#fff; margin-right: 5px; font-size:14px; border-radius: 4px;}

/*mem login box , mem register box*/
.memloginbox{ float:left; width:50%; padding:30px 50px 30px 10px; background:url(../images/mem_r_v_line.png) right 80px no-repeat;}
.memregbox{ float:right; width:50%;padding:30px 10px 30px 50px; }
.memloginbox h1, .memregbox h1{ font-size:20px; font-weight:800; margin-bottom:30px;}
.memregbox .mbtn{ margin-top:130px;}

/**/
/*密碼重設*/
#cpd_content{ margin:20px auto; max-width:400px;}

/*toTop*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:2px;
	right:2px;
	overflow:hidden;
	width:31px;
	height:31px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
	z-index:100;
}
#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -31px;
	width:31px;
	height:31px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}

.pdos{ padding-top:80px;}

/*info index*/
.infoindex{ }
.infoindex ul {
    z-index: 1;
    position: relative;
    zoom: 1;
	margin-left:5px;
	list-style-type:none;
}
.infoindex li{
    float: left;
    margin-top: 4px;
    margin-right: 1px;
	border-top:#999 solid 1px; border-left:#999 solid 1px;border-right:#999 solid 1px;
	border-bottom:#000 solid 1px; 
	background:#FFF;
	cursor:pointer;
	position:relative;
	top:1px;
}
.infoindex li a{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0px 20px 0px 20px;
}

.infoindex li:hover{
	border-top:#000 solid 1px; border-left:#000 solid 1px;border-right:#000 solid 1px; 
}
.infoindex li.selected {
    border-top:#000 solid 1px; border-left:#000 solid 1px;border-right:#000 solid 1px;
	border-bottom:#F2F2F2 solid 1px; 
	background:#F2F2F2;
	color:#C30;
    position: relative;
    top: 1px;
}
.infoindex li.selected a {color:#C30;}

.a2a_kit a img{-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.a2a_kit a:hover img{opacity: 0.5; filter: alpha(opacity=50);}

.sfL{ position:absolute; top:0px; right:0px;}

.mbonusbox{ max-width:300px; margin:60px auto;}
.bonussum{ font-size:16px;}
.bonussum span{ display:inline-block; padding-right:5px; color:#C00; width:50px; text-align:right; font-weight:800;}

/*toTop*/
.neffect1{-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.scrollToTop{
	width:40px; 
	height:40px;
	line-height:30px;
	text-align:center; 
	background-color:rgba(255, 255, 255, 0.8);
	border:#000 solid 4px;
	border-radius:40px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	z-index:2000;
	transition-property: background, color, border;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.scrollToTop:hover{
	text-decoration:none;
	background:#666;
	color:#FFF;
	border:#FFF solid 4px;
}

@-webkit-keyframes rotating  {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}



.main-content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
} 

@media only screen and (min-width: 230px) and (max-width:780px){
.wrapper, .wrappera, .wrapperb{ width:100%; margin:0% 0%; }
.header{min-height:52px;}
.msmeneu { display:none !important; }
.header{ box-shadow:none !important; background-image:none !important; }

}

@media only screen and (min-width: 781px) and (max-width:1064px) {
.wrapper, .wrappera { width:96%; margin:0% 2%; }
.wrapperb { width:100%; margin:0px; padding:10px; }
.pdbox, .d_pdbox{ padding:10px;}
}


@media only screen and (min-width: 1024px) and (max-width:1200px) {
.wrapper, .wrappera { width:96%; margin:0% 2%; }
.wrapperb { width:100%; margin:0px; padding:10px; }
.pdbox, .d_pdbox{ padding:10px;}

}
@media only screen and (max-width: 1100px) {
	.header{ position:static;}
	.msmeneu { display:none !important; }
	.slogo{padding:10px;}
	.header{min-height:52px;}
	.mbd{ padding-bottom:0px;}
	/*.logo{ height:120px;}*/
	.mytmenu{ 
		background:#FFF; 
		height:62px; 
		position:fixed;
		z-index:101;
		width:100%;
		box-shadow: 0 1px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
	}
	.mobilemenu{ width:300px; margin:0 auto; height:40px;}
	.mobilemenu ul{ list-style-type:none; text-align:center;}
	.mobilemenu ul li{ position:relative; display: inline-block; width:35px; margin:10px 10px 0px 10px; text-align:center; height:30px;}
	.mobilemenu ul li i{ font-size:20px; color:#000;-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
	.mobilemenu ul li i:hover{ font-size:20px; color:#666}
	.i-search img{ }
	.pdos{ padding-top:10px;}
	
}

@media only screen and (max-width: 880px) {
	.wrapper, .wrappera{ width:96%; margin:0% 2%; }
	.wrapperb { width:100%; margin:0px; padding:10px; }
	.pdbox, .d_pdbox{ padding:10px;}
	.cLbox{ width:150px; float:left;}
	.cRbox{ margin-left: 150px; font-size:15px; line-height:25px;}
	.mLbox{ width:150px; float:left;}
	.mRbox,.mdRbox{ margin-left: 150px; font-size:15px; line-height:25px;}
	.brandbox{ width:33%;}
	.pdbox .pdimg .icnbox{ position:absolute; width:25%;}
}

@media only screen and (max-width: 768px) {
	.pdphoto,.pdinfo{float:none; width:100%;}
	.pdmemoLeft, .pdmemoRight{ float:none; width:100%; padding-left:0px;}
	.pdmemoRight{ margin-top:30px;}
	.memloginbox{ float:none; width:80%; margin:0 auto; padding:30px 30px 30px 30px; background:none;}
	.memregbox{ float:none; width:80%; margin:0 auto; padding:30px 30px 30px 30px; }
	.memregbox .mbtn{ margin-top:20px;}
	.mLbox{ float:none; width:100%;}
	.mRbox,.mdRbox{ margin-left: 0px; font-size:15px; line-height:25px;}
	.mLbox ul{ list-style-type:none; text-align:left; margin-bottom:20px;}
	.mLbox ul li{display:inline-block;}
	.mLbox ul li a{ color:#626A70; text-decoration:none; font-size:15px; border:#999 solid 1px; height:30px; line-height:27px; width:80px; display:inline-block; text-align:center;}
	.mLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}
}
@media only screen and (max-width: 850px) {
	.d_ad .Lad,.d_ad .Rad{ float:none;width:100%; text-align:center; margin-bottom:7px; position:relative;}
	.d_ad .Rad .t1{ float:left; width:49.5%}
	.d_ad .Rad .t2{ float:right; width:49.5%}
}
@media only screen and (max-width: 720px) {
	.d_ad .Lad,.d_ad .Rad,.d_ad .Rad .t1,.d_ad .Rad .t2{ float:none;width:100%; text-align:center; margin-bottom:7px; position:relative;}
	.cartbox h1.c1{background-color:#648129; color:#FFF;border-bottom:#648129 solid 1px; padding:5px;}
	.cartbox h1.c2{background-color:#0F609B; color:#FFF;border-bottom:#0F609B solid 1px;padding:5px;}
	.cartbox h1.c3{background-color:#25696A; color:#FFF;border-bottom:#25696A solid 1px;padding:5px;}
}

@media only screen and (max-width: 600px) {
	.wrapper, .wrappera, .wrapperb, .wrappermem { width:96%; margin:0% 2%; }
	.wrapperb, .wrappermem { width:100%; margin:0px; padding:10px; }
	.pdbox, .d_pdbox{ padding:10px; width:50%; float:left;}
	.pdbox .pdtitle{font-size:15px; height:40px;}
	
	.cLbox{ display:none;}
	.cRbox{ margin-left: 0px; font-size:15px; line-height:25px;}
	.memloginbox{ float:none; width:90%; margin:0 auto; padding:30px 30px 30px 30px; background:none;}
	.memregbox{ float:none; width:90%; margin:0 auto; padding:30px 30px 30px 30px; }
	.top-form .ccc{width:50%; float:left;}
	.brandbox{ width:50%;}
	.sfL{ position: relative; top:0px; right:auto;}
}
@media only screen and (max-width: 576px) {
    main {
	  margin-bottom: -340px; 
	}
	.footer, main:after {
	  height: 340px; 
	}
    .footer, .icn, .icn ul, .icn ul li{text-align: center;}

}
@media only screen and (max-width: 520px) {
	.footer{height:auto;}
	.footer .foot_M{ width:210px; position:relative; float:none; display:block; right:auto; margin: 20px auto 10px auto;}
	.footer .foot_R{ width:280px; position:relative; text-align:center; float:none; display:block; right:auto; margin: 10px auto 10px auto;}
	
	.footer .foot_R ul.icn, .footer .foot_R ul.info{ text-align:center;}
	
	
}

@media only screen and (max-width: 480px) {
	.wrapperb, .wrappermem{ padding:0px;}
	.pdbox, .d_pdbox{ padding:5px; min-height:270px; }
	.pdbox .pdprice, .pdbox .pdprice2{font-size:15px;}
	.memloginbox{ float:none; width:90%; margin:0 auto; padding:10px; background:none;}
	.memregbox{ float:none; width:90%; margin:0 auto; padding:10px; }
	.footer .foot_R ul.info li span.nn1, .footer .foot_R ul.info li span.nn2{display:none;}
}