@charset "UTF-8";
/* CSS Document */


body{ width:100%; margin:0; padding:0; font-family:"微軟正黑體",Verdana, Geneva, sans-serif;}
.clear{ clear:both;}
.topline{ width:100%; height:9px; background:#f45545;}
#top{ width:1020px; margin:auto;}
.logo{ float:left; margin:17px 0;}
.fblogin{ float:right; font-size:15px; color:#828282; margin-top:10px;}
.fbpc{ border-radius:50%; height:43px; width:43px; vertical-align:middle;}
.loginout{ border:1px solid #828282; padding:7px 12px; margin-left:8px;}
#center{ width:100%; background:#f5f5f5; padding-bottom: 10px;}
.banner{ width:1050px; margin:auto;}
#footer{ background:#dfdfdf;}
.foot{ width:1050px; margin:auto; text-align:right; color:#686868; padding:40px 0; font-size:15px;}
.buybox{ margin-top:22px; width:1010px; margin:20px auto; padding:20px 19px; border:1px #cbcace solid; border-top:5px solid #F35545; background:#FFF;}
.product{ position:relative; float:left; max-width:580px;}
.orderbt{position:relative; margin: 10px 30px 0; float:left; width:442px;}
.product img{ vertical-align:bottom;border: 1px solid rgb(223, 223, 223);}
.productname{ position:absolute; background: url(../images/redpick.png) no-repeat right bottom rgba(0, 0, 0, 0.6); bottom:0; left:0; background:#F45545\9; width:100%; color:#FFF; padding:15px 0; display:table; padding-bottom:0\9;}
.productnamein{ display:table-row;}
.producttitle{ display:table-cell;  vertical-align:middle; font-size:18px;
width:54%; padding-left:15px; float:left\9;}
.productprice{  display:table-cell; vertical-align:middle; padding-right:15px; width:45%; text-align:right; float:right\9; width:35%\9;}
.price{ font-size:30px;}
.plus{ float:right; font-size:16px; width:470px; }
.rule{ background:#fde5e3; color:#f45545; width:100%; padding:11px 0;}
.ruletd{ float: left; width:50%; text-align:center; width:48%\9;}
.plustype{ width:100%; padding:5px 0;}
.number{ float:left; width:10%; text-align:center;    line-height: 30px;}
.numbertype{ float:left; width:40%;    line-height: 30px;}
.plusminus{ float:left;width: 45%;
    text-align: right;    padding-right: 5%;}
	
	.gray{ background:#f6f6f6; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
	

.scrollup{ padding:0 10px; cursor:pointer; display: block !important; opacity: 1 !important;}

.rightfix{ position:fixed; right:35px;  bottom: 22%;    background-color: rgba(244, 85, 69, 0.68);  color: #FFF;    text-align: center;    font-size: 15px; padding: 12px 5px; display: block !important; opacity: 1 !important;}



.input-number{
  width: 65px;  padding: 0 5px;font-size: 16px;
  vertical-align: top;  text-align: center;  outline: none;}

.input-number,
.input-number-decrement,
.input-number-increment{
  border: 1px solid #f55e4f;  height: 30px;  user-select: none;}

.input-number-decrement{
  display: inline-block;
  width: 40px;  line-height: 30px;  background: #f7776b;
  color: #fde4e1;  font-size: 23px;  text-align: center;
  font-weight: bold;  cursor: pointer;}
  
.input-number-increment{
  display: inline-block;
  width: 40px;  line-height: 30px;  background: #f45545;
  color: #ffffff; font-size: 23px;  text-align: center;
  font-weight: bold;  cursor: pointer;}

  .input-number-decrement:active,
.input-number-increment:active{  background: #f55e4f;}

.input-number-decrement{  border-right: none;  border-radius: 4px 0 0 4px;}

.input-number-increment{  border-left: none;  border-radius: 0 4px 4px 0;}


.howmuch{ width:100%; border-top:1px solid #F35545; border-bottom:1px double #F35545; padding:14px 0; margin-top:5px; margin-bottom:3px;  line-height: 1.5;}

.howmuch .plusminus{padding-right: 15%;    width: 35%; font-weight:bold;}
.howmuch .numbertype{ line-height:1.5; font-size:18px; }
.howmuch .number{ line-height:1.2; }

.bt{  margin-top: 10px; float: right;  width: 470px;}
.btr01{ background:#fde5e3; color:#f45545; border:1px solid #f45545; font-size:16px; width: 100%; padding:13px 45px; cursor:pointer;}
.btr02{ background:#f45545; color:#FFF; border:1px solid #f45545; font-size:16px; float:right;padding:13px 92px; cursor:pointer;}

.shoppingcarttitle{ font-size:30px; color:#F35545; margin-bottom:15px;}
.shoppingcartbox{ width:calc(100% - 38px); border-radius:4px; border:1px solid #f45545; padding:25px 18px; margin-bottom:25px;}
.productdetail{ float:left; width:48%;}

.cartsmalltitle{ color:#f45545; padding-bottom:10px;float: left;}
.tt{ float:left; width:210px; margin-left:11px;}
.tt a{color: #000;}
.tt a:hover{  text-decoration:underline;}
.cartbigmore img{    opacity: 1;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;}
.cartbigmore img:hover{  visibility: visible;    opacity: .6;    transition-delay: 0s;}

.producthowmany{ float:right; width:48%;}
.type{ width:45%; margin-left:4%;}
.howmany{ width:15%;text-align:center;}
.money{ width:25%;text-align:center;}
.check{ width:10%;text-align:center;}
.cartsmall{float: left;}
.cartlist{ padding:15px 0;}
.count{ font-weight:bold;}
.mailbox{ border:1px solid #DBDBDB; background:#F5F5F5; float:left;  padding: 20px 15px; width:525px;}
.mailtt{ font-size:18px; color:#4b4b4b;  padding-bottom: 5px;}
.altogether{ float:right; font-size:16px; color:#f45545; font-weight: bold; max-width:425px;}
.plusfreight{ border-top:1px solid #F35545; padding:20px 50px 20px 50px; border-bottom:1px solid #F35545;}
.reight{  width: 50px;  margin-right: -7px;text-align: right; color:#8f8f8f;}
.total{padding:0px 50px 20px 50px; line-height:30px;}
.cc{text-align: left;  float: left;  padding-left: 112px;}
.inputtext{ background:#FFF;border:1px solid #e5e5e5; border-radius:5px; padding:6px; font-size:15px;}
.mailboxlist{ margin-top:5px;}
.addresseename{ width:calc(49% - 14px); float:left;}
.addresseephone{width:calc(49% - 14px); float:right; float:none\9;}
.addresseeemail{ width:calc(100% - 14px);}
.addresseeemore{ width:calc(100% - 14px) !important; min-height:70px;}
.addresseeewhere{ color:darkgrey; width:19%;}
.addresseeaddress{ width:77%; float:right;float:none\9;}
select{ height:32px;}
.submit{ float:right;  padding: 5px 10px; width:405px;}
.btr03{ background:#fde5e3; color:#f45545; border:1px solid #f45545; font-size:16px; float:left; padding:13px; width:45%; cursor:pointer;}
.btr03r{ background:#fde5e3; color:#f45545; border:1px solid #f45545; font-size:16px; float:right; padding:13px; width:45%; cursor:pointer;}
.btr04{ background:#f45545; color:#FFF; border:1px solid #f45545; font-size:16px;padding:13px; width:100%; cursor:pointer;}

.pc{ display:block;}
.mobile{ display:none;}

span + p{ color:red;}
input[type="checkbox"] {
  display:none; display:block\9;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:25px; display:none\9;
    height:25px;
    margin:-3px 0px 0 0;
    vertical-align:middle;
    background:url(../images/check0.png)  no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/check1.png)  no-repeat;
}

.moneymonry {
    text-align: right;
    padding: 0 5%;
    width: 15%;
}

.checktop{ margin-top:-16px;}

.iehate{ display:none; display:block\9;}
.totalmoney{ float:none\9 !important;}
.totalmoney span{ float:none\9 !important;}
.reightinput{ float:none\9 !important;}
.plusfreight div{ float:none\9 !important;}

.backlist{ float:left; background:#F45545; padding:10px 5px; width:45px; color:#FFF;font-size: 16px;
text-align: center;}

.reddd{  border-bottom: 1px double #F35545;}

/*classily*/

.classilybox{ border-top:4px solid #F35545; box-shadow: 0px 1px 2px #AFAFAF; width:245px; margin-right:23px; float:left; background:#FFF; margin-bottom:25px;}
.finalclassily01{ margin-right:0 !important;}
.finalclassily02{ margin-right:0 !important;}
.centerbox{    margin-top: 22px;    width: 1050px;    margin: 20px auto;}
	.topfont{ padding:18px 12px 10px 12px; font-size:34px; min-height:96px; position:relative;}
	.triangle{ position:absolute; bottom:4px; right:4px;width: 0;
height: 0;border-style: solid;border-width: 0 0 16px 16px;
border-color: transparent transparent #F35545 transparent;}
	.red01{border-top:4px solid #F35545; color:#F35545;}
	.red01 .triangle{border-color: transparent transparent #F35545 transparent;}
	.red02{border-top:4px solid #f19149; color:#f19149;}
	.red02 .triangle{border-color: transparent transparent #f19149 transparent;}
	.red03{border-top:4px solid #eb8d77; color:#eb8d77;}
	.red03 .triangle{border-color: transparent transparent #eb8d77 transparent;}
	.red04{border-top:4px solid #d69e50; color:#d69e50; margin-right: 0;}
	.red04 .triangle{border-color: transparent transparent #d69e50 transparent;}
	
	.bottomfont{ color:#FFF; font-size:15px; padding:14px 16px 25px;    min-height: 54px;}
	.red01 .bottomfont{ background:#F35545;} .red02 .bottomfont{ background:#f19149;}
	.red03 .bottomfont{ background:#eb8d77;} .red04 .bottomfont{ background:#d69e50;}
	
	ul, li {	margin: 0;	padding: 0;	list-style: none;}	
.abgne_tab {clear: left;width: 100%; margin:0 0 10px 0;}
ul.tabs {	max-width: 100%;	height: 45px;	border-bottom: 5px solid #f45545;}
	ul.tabs li {	float: left;	height: 40px;	line-height: 40px;	overflow: hidden;	position: relative;	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */	border: 1px solid #f45545;	border-left: none;    margin-top: 4px;	background: #FFF;
margin-right:5px;}

ul.tabs li a {	display: block;	padding: 0 55px;	color: #f45545;
	border: 1px solid #f45545;	text-decoration: none;}
	
ul.tabs li a:hover {background: #fde5e3;}
ul.tabs li.active  {background: #f45545;    margin-top: 0;    padding: 2px 0;	border-bottom: 1px solid #f45545;}

ul.tabs li.active a:hover  {background: #f45545;}

ul.tabs li.active a  {	color:#FFF;}
div.tab_container {	clear: left;	width: 100%;	box-shadow: 0px 1px 2px #AFAFAF;
	background: #fff;}
div.tab_container .tab_content {padding: 20px;}

.productnewimg{ border:1px solid #BBB; width:187px; height:187px; text-align:center; line-height:180px;    overflow: hidden; }
.productnewimg img{ vertical-align:middle; max-width:100%; max-height:187px;}
.productnew{ float:left;width: 190px;    margin-right: 12px;}
.productnewtitle{ font-size:13px; margin:5px 0 10px;    min-height: 32px;}	
.productnew:hover .productnewimg{border:1px solid #F35545;}
.productnew:hover .productnewtitle{ color:#F35545;}

/*classilyin*/


.liststyle{ float:right; width:735px; text-align: right; color: #828282; font-size: 15px; margin:0 0 5px;}
.liststyle ul{float: right;}
.liststyle ul li{list-style: none; float: left; border-right: 1px solid #828282; padding: 0 10px;}
.liststyle ul .frist{border-right: 0px; padding: 0;}
.liststyle ul .last{border-right: 0px;}
.liststyle ul li a{color: #828282;}
.liststyle ul li a:hover{color: #f45545;}
.liststyle ul li a.listnow{color: #f45545; font-weight: bold;}
.rightbigbox{ float:right; width:735px; background:#FFF; border-top:4px solid #f19149; padding:25px 20px; box-shadow: 0px 1px 2px #AFAFAF;}
.leftmenu{ float:left; width:245px; }
.rightbigbox .productnew{width:175px;    margin: 0 4px;}
.rightbigbox .productnew .productnewimg{ width:176px; height:176px; line-height:168px;}
.classilymenu{ background:#FFF;  box-shadow: 0px 1px 2px #AFAFAF;  border-top:4px solid #f45545;border-bottom:4px solid #f45545; margin-bottom:15px;}
.classilymenu ul li{ border-top:1px solid #f5f5f5; padding:13px 12px; color:#f19149;}
.classilymenu ul li:hover{ background:#F1F1F1;}
.now{ background: url(../images/menunext.png) no-repeat 93% center #f1f1f1; color:#f45545;}
a li.now{color:#f45545;}
.now:hover{ background: url(../images/menunext.png) no-repeat 93% center #f1f1f1 !important; }

.hotandnew .abgne_tab .tab_container .tab_content { padding: 8px;}
.hotandnew ul.tabs li a{ padding:0; border:none;}
.hotandnew ul.tabs li{ text-align:center;margin-right: 0;width: calc(50% - 1px); 
width:48%\9;}

.hotandnewlist{ border-bottom:1px solid #f19149; padding:3px 6px;}
.hotandnewlist .productnewimg{ width:65px; height:65px; line-height:60px; float:left;}
.hotandnewlist .productnewtitle{ float:left;    width: 62%;    margin-left: 3%;}

.productnewimg{ position:relative;}
.new{ position:absolute; right:0; top:0;}
.hot{ position:absolute; left:0; bottom:0;}

.hrfirefox{display: block;
border-bottom:1px solid #FFF !important;}
.plus{ margin-right:30px;}
.product{margin-left:30px;}

/*******vivi****/
.checkr{float: right; line-height: 24px;}
.mbts{margin-top: 10px; padding-bottom: 10px; float: right;}
.mbts a{display: block; float: left;}
.mbts a span{display: block;}
.mbts .cart{
	float:left;
	padding-right:12px;}
.obt{
    border: 1px solid #f45545;
    padding: 7px 12px;
	background: #f45545;
	color: #FFF;
	}
.smallnext{ float:right;margin-left: 5px; }		
.sbt{
    padding: 3px 12px;
    background: #fde5e3;
    color: #f45545;
    border: 1px solid #f45545;
	margin-left: 15px;
	}
.babt{
    padding: 3px 12px;
    background: #fde5e3;
    color: #f45545;
    border: 1px solid #f45545;
	float: right;
	margin-top: 5px;
	}
.int{float: left;}
.ordertitle{float: left;}
.sreach{
	float: right;
	margin-top: 10px;
	}
.littletext{
	font-size: 13px;
	color: #686868;
	margin-left: 20px;
	}
.orderlist, .listin{width: 100%;}
.orderlist .title td, .listin .title td{
	background: #f6f6f6;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
	line-height: 30px;
	}
.orderlist td, .listin td{
	padding: 5px 10px;
	line-height: 24px;
    border-bottom: 1px solid #bfbfbf;
	}
.orderlink{color: #da5319; text-decoration: none;}
.orderlink:hover{text-decoration: underline;}
.status_n, .status_f{
	width: 38px;
    padding: 6px 10px;
    line-height: 10px;
    font-size: 12px;
    border-radius: 3px;
	text-align: center;
	border: 1px solid;
	}
.status_n{background: #f45545; color: #FFF; border-color: #f45545;}
.status_f{background: #fde5e3; color: #f45545; border-color: #f45545;}
.intitle{
    color: #f45545;
	line-height: 24px;
	font-weight: bold;
	margin: 30px 0 10px;
	padding-left: 20px;
	background: url(../images/intitle.jpg) no-repeat;
	background-position: 7px 7px;
	}
.listin .iehate{
	display: block;
	float: left;
	}
.listin .mailboxlist{margin-top: 0;}
.listin .mailbox{line-height: 28px;}
.listin .altogether{width: 425px;}
.cart_del{float: right; margin-top: -16px;}
.cart_del img{
	display: block;
	cursor: pointer;
	margin-top: 20px;
	}
.lefton hr{border: none; height: 1px;}
.username{float: right;}
.pccart{float: right; margin-top: 6px;}
.pccart img{margin: 0 0 -5px 5px;}
.topsreach{
	float: right;
	margin: 64px -20px 0 0;
	}
.sreachbt{
	outline: none;
    color: #f45545;
    border: 1px solid #f45545;
    padding: 9px 17px 8px 17px;
	cursor: pointer;
	background: url(../images/searchbticon.png) no-repeat #fde5e3 4px 4px;
	margin-left: 10px;
}
.sreachbt:hover{
    color: #FFF;
	background: url(../images/searchbticon_hover.png) no-repeat #f45545 4px 4px;
}
.sreach_a{
	font-size: 14px;
	background: url(../images/searchbticon.png) no-repeat 0 3px;
	color: #828282;
	padding-left: 30px;
	line-height: 32px;
	}
.sreach_text{color: #F35545;}
@media screen and (max-width: 1050px) {
	.scrollup{padding: 0;}
	.orderbt{width: 100%; margin: 10px 0 0;}
	ul.fixed{width: 100%;}
ul.fixed {
	position: fixed; 
	top: 0;
	height: 41px;
	background: #f5f5f5;
	z-index: 1;
	width: 1050px;
}
ul.fixed li{margin-top: 0;}
	.foot{ width:100%; text-align:center;} 
	#top{ width:100%;} 
	.banner{width:100%;}
	.buybox{width: calc(100% - 40px);}
	.product, .leftp{    max-width: 50%;}
	.bt{ width:100%;margin-top: 55px;}
	.product img { width: 100%;}
	.plus{    width: 42%;}
	.mailbox{    width: 45%;}
	.producthowmany{ width:50%;}
	.altogether{ width:48%;}
	.total{  padding: 0px 3% 20px 3%; }
	.plusfreight { padding: 20px 3% 20px 3%;}
	.addresseeaddress { width: 70%;}
	.addresseeewhere {  width: 24%;}
	.submit{ width:45%;}
	.tt{ width: 46%;}
	.btr01{padding: 13px 30px;}
	.btr02{padding: 13px 55px;}
	.centerbox{width: 100%;}
	.abgne_tab {    width: 98%;    margin: 0 1% 10px 1%;}
	.classilybox{    width: 48%;   margin-right: 1%;    margin-left: 1%;}
	.productnew {    width: 47%;    margin-left: 1%;    margin-bottom: 12px;}
	.productnewimg {
    height:auto;    width: 95px; height:95px;    float: left;    line-height: 90px; }
	.productnewtitle {
    float: left;    min-height: 36px;
    width: 50%;    font-size: 14px;    margin-left: 2%;}
	.leftmenu {    float: left;    width: 25%;}		
	.rightbigbox{ width:calc(73% - 20px );    padding: 15px 10px;}
	.liststyle{ width:calc(75% - 20px );}
	.rightbigbox .productnew .productnewtitle{ width:100%;}
	.hotandnew{ display:none;}
	.classilymenu ul li{padding: 13px 35px 13px 8px;}
	.finalclassily02{ margin-right:10px !important;}
	.plus{ margin-right:0px;}
.product, .leftp{margin-left:0px;}
.plusminus{ width:48%; padding-right:2%;}
.orderlist td.oname{display: none;}
.orderlist td{width: 25%; padding: 5px 0; font-size: 12px;}
.orderlist td.omoney{width: 23%; padding: 5px 2% 5px 0;}
.listin td{width: 25%; padding: 5px 0; font-size: 12px;}
.status_n, .status_f{padding: 6px 0;}
.mailtt{font-size: 16px;}
.cart_del{margin-top: 0;}
.mbts .cart{
	float:left;
	padding-right:12px;}
	.topsreach{margin: 64px 0 0 0;}
}

@media screen and (max-width: 900px) {
	
	.product { width: 100%;   max-width: 100%;}
	.plus{ width:100%;    margin-top: 10px;}
	.loginout{    margin-left: 15px; margin-right:5px;}
	.cc{ padding-left:0;}
	div.tab_container .tab_content { padding: 10px;}
	.mbts .cart{
	float:left;
	padding-right:12px;}
}


@media screen and (max-width: 767px) {
	.altogether{ width:100%; float:none; max-width:100%;border-bottom:1px solid #F55645; padding-bottom:3px; margin-bottom:5px;}
	.productdetail{ width:100%; float:none;}
	.producthowmany{ width:100%; float:none;    clear: both;
    padding-top: 5px;}
	.cartbigmore img {    width: 105px;}
	.shoppingcartbox{    width: calc(100% - 20px);  padding: 10px;  margin-bottom: 15px;}
	.total{ padding:0 20px 20px 20px; }
	.mailbox{width: calc(100% - 20px); padding:10px;    float: none;}
	.addresseename{width: calc(100% - 14px);}
	.addresseephone{width: calc(100% - 14px); margin-top:5px;}
	.submit{ float:none; width:96%; margin:auto; padding:5px 0;}
	.checktop{ margin-top:0px;}
	.pc{ display:none;}
.mobile{ display:block;}
.backlist{float: right; width:auto;padding: 5px 10px;}
.bt{width:100%;}
.rightbigbox{ width:calc(100% - 20px);}

.nows{ background: url(../images/menudown.png) no-repeat 93% center #f1f1f1; color:#f45545;}

.mobileslide li{ padding:13px 35px 13px 8px;}

.mobilemenu{ display:none;}
.nowmenuslide{ background: url(../images/menuup.png) no-repeat 93% center #f1f1f1 !important}
.mbts .cart{
	float:left;
	padding-right:12px;}
	.liststyle{float: none; width: calc(100% - 20px );}
	.liststyle ul li{padding: 0 4px; font-size: 13px;}
	.liststyle ul .frist{display: none;}
}


@media screen and (max-width: 650px) {
	.topsreach{margin: 0 6px 10px 0;}
	img{ max-width:100%; height:auto;}	
	.btr02 {  padding: 13px 13px; text-align: center;  width: 50%;}
	.btr01{  padding: 13px 13px; text-align: center;  width: 35%;}
	.orderbt .btr01{width: 100%;}
	.logo{ width:50%;margin: 25px 0 4px;}
	.fblogin{margin-top: 14px;    font-size: 12px;}
	.buybox {
    width: calc(100% - 22px);
	padding:10px;}
	.producttitle{ display:inline-block; width:calc(100% - 30px);}
	.productprice{display:inline-block; width:calc(100% - 30px);}
	.productname{ padding:5px 0;}
	.price {font-size: 20px;}
	.loginout{    margin-left: 10px;}
	.bt{ margin-top:20px;}
	.input-number{    width: 50px;
    padding: 0px 2px;}
	.input-number-increment{    width: 35px;}
	.input-number-decrement{    width: 35px;}
	.tt{ width: 58%;}
	.scrollup{width: 35px;right: 13px;  bottom: 20px;}
	.total{ padding: 20px 7% 20px 7%;}
	.plusfreight{ padding: 20px 7% 20px 7%;}
	.cartlist{ padding: 10px 0;}
	.dd{ display:none;}
	.moneymonry{ padding:0; width:25%;}
	.totalmoney{ width:49%;}
	.productnew {   width: 47%; margin-left: 2%; margin-right: 1%; margin-bottom: 2%;}
	.topfont {    padding: 9px 12px 6px 12px;    font-size: 24px;    min-height: 68px;}
	.bottomfont{padding: 10px 12px 10px;}
	.centerbox{ margin:10px 0;}
	.classilybox{ margin-bottom: 8px;}.bottomfont{    display: none;}
	.topfont {    padding: 7px 10px 6px 10px;    font-size: 18px;    min-height: 60px;}
	ul.tabs li a{    padding: 0 0;}
	ul.tabs li{    width: 33%;  margin-right:0;   text-align: center;}
	.productnewimg{ width:65px; height:70px; line-height:65px;}
	.rightbigbox .productnew .productnewimg{ width:65px; height:70px; line-height:65px;}
	
	.productnewtitle{width: calc(95% - 64px);    font-size: 13px; min-height:inherit; margin-bottom:0; margin-top:0;}
	.rightbigbox .productnew{ width: 45%; margin-right: 1%;}
	.rightbigbox .productnew .productnewtitle{width: calc(96% - 64px);    font-size: 13px; min-height:inherit; margin-bottom:0;}
	.fbpc{ width:30px ;height:30px;}
	.rightbigbox .finalclassily{margin-right:2% !important;}
	.flex-direction-nav a{    width: 16px !important;      background-size: contain !important; top:56% !important;  height: 25px !important;}
	.new{ width:27px;}
    .hot{ width:27px;}	
	.rightfix{bottom: 0; right:0; background:rgba(244, 85, 69, 0.9);width: 100%; font-size: 12px; padding: 5px 0;}
	.lefton{ width: 25%; float:left;}
	.lefton a{display: block; border-right:1px solid #FFF;}
	.scrollup a{border-right: none;}
	.hrfirefox{ display:none;}
	.bticon2{vertical-align: bottom;
margin-right: 5px;}
    .foot{padding: 10px 0px 60px;}
	.sreach{float: none; margin: 10px 0; width: 100%;}
	.hasDatepicker{width: 90px;}
	ul.tabs li .pc{display: none;}
	.mbts .cart{
	float:left;
	padding-right:12px;
	width:40px;
	height:32px;}
	.ordertitle{float: none;}
}

@media screen and (max-width: 367px) {
.mbts .cart{
	float:left;	padding-right:12px;	width:40px;	height:32px;}
	.smallnext{ display: block; margin-top:4px; float:right; margin-left:1px;  }	
	.obt { padding:7px 10px;}
}

@media screen and (max-width: 350px) {
	.productnew{    width: 47%; margin-bottom: 3%;}
	.rightbigbox .productnew{    width: 98%; margin-bottom: 3%;}
.loginout, .obt{    margin-left: 0px;padding: 5px 7px;}
.obt{margin-right: 10px;}
.logo{    margin: 14px 0 4px;}
.fblogin{    margin-top: 9px;}
.flex-direction-nav .flex-prev { opacity: 0;}
.flex-direction-nav .flex-next { opacity: 0;}
.input-number{    width: 45px;
    padding: 0 0px;}
	.input-number-decrement{    width: 30px;}
	.input-number-increment{    width: 30px;}
	.number{ font-size: 14px;} .numbertype{ font-size: 14px;}
	.btr01{ width:43%;}
	.orderbt .btr01{width: 100%;}
	.btr02{ width: 53%;}
	.addresseeaddress{ width: calc(100% - 14px);}
	.addresseeewhere {width: 34%;}
	.type{ width:40%;}
	.money {width: 30%;}
	.moneymonry{ padding:0;}
	.buybox {    width: calc(100% - 14px);    padding: 6px;}
	.shoppingcartbox {width: calc(100% - 10px);    padding: 5px;}
	.fbpc{ width:30px ;height:30px;}
	.mbts .cart{
	float:left;
	padding-right:12px;
	width:38px;
	height:30px;}
	.smallnext{ margin-bottom:10px; margin-top:10px;margin-right: 1px; }	

}