html{font-size:12px;    font-family: Microsoft JhengHei,Heiti TC;}
img{border:0;}
*{margin:0;padding:0}
body{    font-family: Microsoft JhengHei,Heiti TC;overflow-x:hidden;margin:0px;font-size:100%;min-width:220px;/*line-height:1.5em;*/font-size-adjust:none;height:100%;}
ul,li,dl,dd,dt{ margin:0px; padding:0px; list-style-type:none;}
a{color:#558616;text-decoration:none;}
a:hover{text-decoration:none;}
font[size="-1"]{font-size:1em;}
.topbar{margin-bottom:0.5em;font-size:1em;padding:5px 0 0 5px;}
.font_top{color:#FF6600;margin-left:10px;margin-top:30px;font-size:120%;}
.basket{background:url(../images/bg_headbar.jpg) repeat-x;;text-align:right;padding:0 5px 3px 5px;;color:#FFFFFF;font-size:110%;height:25px;}
.basket a{color:#FFFFFF;}
.search{font-size:110%;margin-top:0.5em;padding-left:10px;}
td.searchleft{width:2.5em;font-size:110%;}
td.searchmid{width:auto;}
td.searchbutton{width:2em;padding:0 0.5em;}
.imagepic{border-top:solid 1px #999999;border-bottom:solid 1px #999999;padding-top:5px;padding-bottom:5px;text-align:center;margin-top:5px;}
.imagepicfont1{color:#FF6600;font-size:120%;font-weight:bold;text-align:center;}
.imagepicfont2{color:#666666;text-align:center;font-size:110%;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.imagepicfont2 a{color:#004b91;text-align:center;}
.cat_title{text-align:center;color:#FF6600;font-size:10pt;font-size:110%;padding:20px;}
.category{margin-top:5px;padding:0 10px;}
.categorylist{border:solid 1px #dadada;background:url(../images/bg_menu.gif) repeat-x top;height:20px;padding-top:10px;padding-left:10px;}
.categorylist a{color:#666666;font-size:110%;font-weight:bold;font-size:110%;}
/*.menu{border-top:solid 1px #47740d;margin-top:5px;float:left;width:100%;}*/
.menulist{border-top:solid 1px #a8d073;border-bottom:solid 1px #558616;background:#88b335;}
.menulist a{color:#fff;background:url(../images/arrow.png);background-position:right center;background-repeat:no-repeat;display:block;font-size:110%;font-weight:bold;margin:0.4em 1.1em;font-size:110%;}
.login{margin-top:0.2em;text-align:center;font-size:100%;color:#FFf;}
.login a{color:#FFf;}
.productmaintitle{font-size:1.3em;color:#FF6600;text-align:center;}
.productlist{border-bottom:dotted 1px #666666;}
td.proimg{width:75px;padding:0.2em;}
.list_title{color:#004B91;font-weight:bold;font-size:110%;}
.list_title a{color:#004B91;}
.list_price{color:#333333;font-size:110%;}
.list_star{color:#FFCC00;font-size:0.8em;}
.list_num{color:#666666;font-size:110%;}
.prolistpage{text-align:center;padding-left:5px;font-size:110%;}
.prolistpage a{color:#0066CC;}
.listsearch{background:#e7f5ff;padding:10px 10px;margin-top:0.5em;}
.producttitle{color:#333333;font-size:1.2em;font-weight:bold;padding:0 0.5em;}
.pronum{color:#666666;font-size:110%;padding:0 0.5em;}
.pronomalpic{border-top:dotted 1px #666666;border-bottom:dotted 1px #666666;padding:1em 0;text-align:center;}
.proprice{font-size:110%;border-bottom:dotted 1px #666666;background:#ecf8d8;padding:0.5em 0.5em;height:auto;min-height:60px;}
.proprice dl {margin:0px; padding:2px 0; clear:both;width:98%;}
.proprice dt {margin:0; padding:0px;float:left; width:50%;}
.proprice dd { margin:0px; padding:0px; float:left; width:50%;}
.proprice .font_red{color:#FF6600;}
.buyboxsection{background:#bde2ff;padding:0.5em;margin-top:1em; clear:both;}
.variationbox{background-color:#EAF3FE;border:1px solid #6DAEE1;margin-left:1em;margin-right:1.25em;text-align:left;padding:0.5em;}
.variationbox dl {margin:0px; padding:2px 0; clear:both;width:80%; height:20px;}
.variationbox dt {margin:0px; padding:0px;float:left; width:50%;}
.variationbox dd {margin:0px; padding:0px;float:left;width:40%;}
.addtocart{cursor:pointer;margin-left:1em;margin-right:1.25em;margin-top:0.5em; margin-bottom:0.5em;}
.addtomylove{cursor:pointer;margin-left:1em;margin-right:1.25em;margin-top:0.5em;}

#detailInfo{padding:0.5em;margin-top:0.5em; margin-bottom:0.5em;}
#detailInfo dl {margin:0px; padding:2px 0; clear:both;width:100%;}
#detailInfo dt {margin:0px; padding:0px;float:left; width:100%; background-color:#e7f5ff;}
#detailInfo dd {margin:0px; padding:0px;float:left;width:50%; height:35px;}



#prodetail h4{background:url(/mobile/images/faq_close.jpg) no-repeat left 12px ;cursor:pointer;margin-bottom:10px;padding:6px 0 0 25px; color:#004b91; font-weight:bold; font-size:12px;line-height:24px;border-bottom:solid 1px #999999;}
#prodetail h4.open{background:url(/mobile/images/faq_open.jpg) no-repeat left 12px;}
#prodetail .answer{border-bottom:1px solid #ddd;margin-bottom:30px;padding:10px;}
.ContentText{padding:10px;}
.prodetailtitle{background:url(../images/bg_menu.gif) repeat-x;}
.prodetailtext{color:#666666;}
.reviews{padding:0.8em;color:#FF9900;border-bottom:solid 1px #999999}
.reviewtext{color:#FFCC00;}
.review_averagescore{color:#FFCC00;padding:10px 10px;border-bottom:solid 1px #999999;}
.review_detail{border-bottom:dotted 1px #999999;padding:10px;}
.review_font1{color:#005fb7;font-weight:bold;}
.review_font2{color:#999999;font-size:90%;}
.review_font3{color:#333333;}
.review_star{color:#FFCC00;padding-right:10px;}
.pro_comment{padding:10px;}
.loginpage{text-align:left;padding-left:10px;font-size:110%;}
.shoppingtitle{font-size:1.3em;color:#FF6600;text-align:center;background:#d6f0ff;margin-top:0.5em;padding:0.2em 0;}
.shoppingtotal{padding:5px;background:#d6f0ff;border-bottom:solid 1px #66CCFF}
.alltotal{color:#666666;padding:10px;}
.alltotal a{color:#333333;font-size:110%;}
.alltotal a:hover{text-decoration:underline;}
.shoppingtextright{text-align:right;}
.addresslist{padding:5px 10px;margin-bottom:10px;}
.addlist_font1{color:#333333;font-size:110%;font-weight:bold;}
.addlist_font2{color:#333333;font-size:110%;}
.addlist_font3{color:#333333;font-size:110%;}
.addlist_font4{color:#333333;font-size:110%;}
.addlist_font5{color:#333333;font-size:110%;}
.newaddress{padding:0 10px;}
.nextstep{padding:10px 10px;}
.tabletopstype1{background:#eeeeee;}
.tabletopstype2{border:solid 1px #eeeeee;}
#tablestyle1{border:solid 1px #deeeeee;}
#tablestyle1 td{border:solid 1px #eeeeee;}
.payforpart{padding:10px;}
.confirm_address{padding:10px;border-top:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;margin-top:10px;}
.confirm_payfor{padding:10px;border-bottom:solid 1px #d6f0ff}
.confirm_remark{padding:10px;border-bottom:solid 1px #CCCCCC;}
.confirm_cart{padding:10px;border-bottom:solid 1px #d6f0ff;}
.confirm_total{padding:10px;border-bottom:solid 1px #CCCCCC;}
.confirm_coupon{padding:10px;}
.account{padding:10px;border-bottom:solid 1px #CCCCCC;border-top:solid 1px #CCCCCC;margin-top:10px;}
.account_other{padding:10px;}
.accountstyle{background:url(../images/bg_button.gif) repeat-x center top;border:solid 1px #ed6700;padding:2px 5px;font-size:100%;}
.accountstyle a{color:#925200;}
.account_discoun{padding:10px;}
.account_infor{padding:10px;border-top:solid 1px #CCCCCC;}
.shoppingresult{padding:10px;}
/*button-style*/
input.btn_search{background:#ff6c00;padding:1px;font-size:100%;width:30px;border:solid 1px #db5d00;cursor:pointer;color:#FFFFFF;-moz-border-radius:0.5em;cursor: pointer;}
input.txt_search{border:1px #787878 solid;color:#4D4D4D;font-size:120%;width:100%;-moz-border-radius:0.5em;}
input.txt_nomal{border:1px #787878 solid;}
input.btn_buy{background:url(../images/bg_button.gif) repeat-x center top;cursor:pointer;border:solid 1px #ed6700;padding:0.5em;cursor:pointer;font-size:100%;text-align:left;color:#502300;font-weight:bold;width:100%;}
input.btn_normal{padding:1px;font-size:100%;}
input.btn_updatequa{background:url(../images/bg_button.gif) repeat-x center top;cursor:pointer;cursor: pointer;border:solid 1px #ed6700;padding:1px;font-size:110%;color:#925200;}
input.btn_login{background:#ff6c00;border:solid 1px #db5d00;padding:0.1em;cursor:pointer;font-size:110%;cursor: pointer;color:#FFFFFF;}
input.btn_address{background:url(../images/bg_button.gif) repeat-x center top;cursor:pointer;border:solid 1px #ed6700;cursor: pointer;padding:1px;font-size:100%;color:#925200;-moz-border-radius:0.5em;}
input.btn_account{background:url(../images/bg_button.gif) repeat-x center top;border:solid 1px #ed6700;cursor:pointer;cursor: pointer;padding:1px;font-size:100%;color:#925200;}
input.btn_alipay{background:url(../images/bg_button.gif) repeat-x center top;border:solid 1px #ed6700;cursor:pointer;padding:1px;font-size:100%;color:#925200;-moz-border-radius:0.4em;}
input.btn_forget{background:url(../images/bg_button.gif) repeat-x center top;border:solid 1px #ed6700;cursor:pointer;padding:1px;font-size:100%;cursor: pointer;color:#925200;-moz-border-radius:0.4em;}
input.btn_checkout{background:url(../images/bg_button.gif) repeat-x center top;border:solid 1px #ed6700;cursor:pointer;padding:1px;font-size:100%;cursor: pointer;color:#925200;-moz-border-radius:0.4em;}
.ddl_size{width:100px;height:25px;font-size:110%;}
/*color*/
.fontwhite{color:#FFFFFF;}
/*footer*/
.footcopyright{text-align:center;color:#666666;margin-top:0.5em; clear:both}

/*=================newcss*/

.container {
    position: relative;
    right: 0;
    width: 100%;
    /* margin-bottom: 50px; */
    padding-left: 0;
    padding-right: 0;
        display: inline-block;
}

.menu{
    padding: 0 20px;
}
.menu li{
    padding-left: 4px;
    border-bottom: 1px solid #6f7173;
    height: 58px;
    line-height: 58px;
}
.menu li a{
    color: #221e1f;
        font-size: 18px;
    font-family: 'Cambria Regular';
    text-transform: uppercase;
}
.menu li span{
    color: black;
    font-size: 18px;
    font-family: 'Cambria Regular';
}
.menu li:last-child{
    /*border-bottom: 1px solid #ffc5c2;*/
}

.leftPart{
    width: 280px;
    position: fixed;
    right: -280px;
        height: 100%;
    z-index: 1000;
    background-color: #fff;
}

.co1{
	width: 10%
}

.co8{
	width: 79%
}

.fl{
	float: left;
}

.new_top{
	width: 100%;
	height: 80px;
	background-color: #ccd857;
	padding: 5px;
	box-sizing: border-box;
}

.new_top div{
	height: 100%;
	text-align: center;
}

.new_top div img{
	max-height: 100%;
	max-width: 100%;
}

.intronnews_in{
	width: 100%;
	height: 170px;
	display: inline-table;
    transition: all .2s;
}

.intronnews_in_box{
	width: 50%;
	height: 100%;
	display: table-cell;
    background-size: 100% auto;
    transition: all 1s;
    background-color: #00aeef;
}

.intronnews_in_box p{
    font-size: 30px;
    transition: all .2s;
}

.youtube,.fb{
	width: 100%;
}

.coopco{
	padding: 15px;
    box-sizing: border-box;
    display: block;
    height: 840px;
    overflow: auto;
    background-color: #dbd86f;
}

.coopco::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #dbd86f;
}

.coopco::-webkit-scrollbar
{
    width: 6px;
    background-color: #dbd86f;
}

.coopco::-webkit-scrollbar-thumb
{
    background-color: #7d7c3d;
}

.coopco p,.ad p{
	color: #262262;
	font-size: 28px;
	text-align: center;
	padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
}

.coopco_box{
    text-align: center;
    float: left;
    width: calc(100%/2 - 6px);
    margin: 3px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    height: 185px;
    background-color: #fff;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.coopco_box img{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 14rem;
    object-fit: contain;

}

.coopco_box:hover{
    transform: scale(1.2);
}

.coopco_box2{
    text-align: center;
    float: left;
    width: calc(100%/2);
    padding: 10px;
    box-sizing: border-box;
    height: 150px;
    background-color: #fff;
}

.coopco_box2 img{
    padding: 3px;
    box-sizing: border-box;
    height: 100%;
    max-width: 100%;
}

.main_pt_big{
	width: 100%;
	min-height: 250px;
}

.footer{
	text-align: center;
	padding: 15px 0;
}

.overlay.on{
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 11111;
    right: 280px;
}
.mobilecms{
    padding: 0 1rem;
    overflow-x: scroll;
}
.mobilecms p img, .mobilecms h1 img{
    width: 100% !important;
}