@charset "UTF-8";
html{font-size: 14px; overflow-x: hidden;}
body{width:100%;}
*{font-size:1rem; line-height:1.4; color:#333; margin:0; padding:0; list-style:none; font-family:'Arial','微軟正黑體','新細明體','標楷體';}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; vertical-align:baseline; zooom:1;}
td{padding:5px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none; margin:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}
h1{font-size:34px; line-height:45px;}
h2{font-size:24px; line-height:36px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
textarea{resize:none;}
.hidden, .hideit{display:none;}
.form{width:600px; margin:20px auto;}
hr{border:solid #EEE; border-width:1px 0 0;	clear:both; height:0; margin:5px 0;}
pre{height:auto; font-family:Consolas, monospace; border:1px solid #f0f0f0;	background:#fafafa; padding:10px 20px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:0 0 20px 0; overflow-x:auto;}
label{margin-right:5px; display: inline-block;}
.controlgroup:after{content: ''; display: block; clear: left;}
.controlgroup label{background: #eee; border:1px #6fa33e solid; font-weight: normal; margin:0; padding: 2px 15px; text-align: center; cursor: pointer; display:inline-block; float:left; color:#6fa33e; transition:All 0.2s ease;}
.controlgroup label:hover{background:#6fa33e; color:#fff;}
.controlgroup label:nth-child(1){border-bottom-left-radius:0.4rem; border-top-left-radius:0.4rem;}
.controlgroup label:nth-last-child(1){border-top-right-radius:0.4rem; border-bottom-right-radius:0.4rem;}
.controlgroup label.active{background:#6fa33e; color: #fff;}
.controlgroup input{display: none;}
.responsive img, .responsive iframe, .responsive object, .responsive embed{width:100%; height:auto;}
iframe{max-width: 100%;}
img{max-width:100%; height:auto;}
a{color:#2D2C29; text-decoration:none;}
a:hover, a:focus{color:#6fa33e;}
.sabrosus{padding:3px; margin:50px auto; text-align:center; width:100%; padding-top:10px;}
.sabrosus #sabrosus_dp{display:none;}
.sabrosus *{color:#6fa33e;}
.sabrosus a{color:#6fa33e; text-decoration:none; width:30px; height:30px; line-height:30px; border-radius: 15px; margin:0 5px; display: inline-block;}
.sabrosus a:hover{border:#6fa33e 1px solid; color:#fff; background:#6fa33e;}
.sabrosus a:hover *{color:#fff;}
.sabrosus a.current{padding: 2px 5px; font-weight:bold; color: #fff; margin-right: 2px; background:#6fa33e}
.bh{text-align:right; margin:100px 0 20px 0;}
.w50{width:50%;}
section, .frame{width:100%; max-width:1116px; margin:0 auto; position:relative;}
.share_tool{text-align:right;}
aside{width:250px; float:left; overflow:hidden; margin-top:1rem;}
aside a{font-size:1.1rem; display: block; position: relative; padding:5px;}
aside a:hover, aside a.active{background: #6fa33e; color:#fff;}
article{width:calc(100% - 290px); float:right;}
article .title{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:16px; line-height:25px; color:#6fa33e;}
article .a{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:30px; line-height:30px; float:left; font-weight:bold; margin:0 5px 50px 0;}
article.one{width:100%; max-width:800px; margin:1rem auto; float: none;}
header{position: fixed; z-index: 900; left:0; top:0; width:100%; background: #fff; display: block;}
header .header{background:#6fa33e; text-align: center; color:#fff; line-height: 1; padding:8px 5px;}
header form{float:left; margin-top:7px;}
header > section{text-align: center;}
header input{border:none; background:#FFF; float:left; height:21px;}
#logo{margin:20px 0 0 0; display: inline-block;}
#logo img{height:130px;}
#searchBox{width:200px; position: absolute; right:10px; bottom:10px; background:#eee; border-radius:15px; padding:0 0 0 10px;}
#searchBox input{border-right:none; width:calc(100% - 40px); padding:5px 0 5px 10px; border:0; background: transparent;}
#searchBox button{border-left:none; background:transparent; width:30px; border:none; padding:5px 0; position: absolute; right:0;}
#show_searchBox{display: none;}
#navation{display:none; cursor: pointer;}
#close_nav{display: none;}
nav{display:inline-block; margin-top:60px;}
nav ul{margin:0;}
nav ul li{display:inline-block;}
nav ul li a{display: block; padding:10px;}
nav .subnav{display: none;}
header .tools{position:absolute; right:30px; top:1rem;}
header .tools a{color:#606060; margin-left:10px; position: relative;}
header .tools a i{font-size:1.6rem;}
header .tools a img{height: 1.2rem;}
header .tools a.facebook{color:#1877f2;}
header .tools a.line{color:#00b731;}
header .tools a.instagram{color:#1a1a1a; width:1.2rem; height:1.2rem; margin-bottom:-0.2rem;}
#qcShoppingCartBox{position: fixed; z-index: -1; right:10px; top:5rem; background: #fff; width:300px; height: 0; padding: 10px 15px; border-radius:5px; border:1px #eee solid; box-shadow: 2px 3px 3px #666; text-align: right; opacity: 0;}
#qcShoppingCartBox.show{opacity: 1; height: auto; z-index: 902;}
#qcShoppingCartBox .btn{float: left; margin:0;}
#qcShoppingCartBox ul{margin:0; padding: 0; max-height: 60vh; overflow-x: hidden; overflow-y: auto;}
#qcShoppingCartBox ul li{list-style: none; margin-bottom: 10px; position: relative;}
#qcShoppingCartBox ul li .img{background: no-repeat center; background-size: contain; width:50px; padding-bottom: 50px; display: inline-block; margin:0 15px 10px 25px; float: left;}
#qcShoppingCartBox ul li h5{font-size:0.9rem; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#qcShoppingCartBox ul li .del{position: absolute; left:0; top:0; color:#6fa33e; cursor: pointer;}
#qcShoppingCartBox ul li:after{content: ''; display: block; clear: both;}
#qcShoppingCartBox .btn#hideQcshoppingCart{margin-left: 10px;}
#scn{background:#6fa33e; color:#fff; font-size:1rem; line-height:1.2rem; width:1.2rem; height:1.2rem; border-radius:0.6rem; text-align:center; position:absolute; right:-7px; top:-1rem; overflow: hidden;}
main{margin-top:180px; padding:0 10px;}
#banners{width:100%;}
#banners img{width:100%; height:auto;}
.slick-dots{width:100%; text-align: center; position: absolute; bottom:10px;}
.slick-dots li{display: inline-block; list-style: none; width:2rem; height:5px; border-radius:0.5rem; background: rgba(255,255,255,0.7); margin:0 10px; cursor: pointer;}
.slick-dots li.slick-active{background:#fff;}
.slick-dots li button{display: none;}
.slick-arrow{position: absolute; z-index: 900; top:calc(50% - 44px); left:0px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-next{left:auto; right: -30px;}
#product_list{margin:0;}
#product_list li{list-style:none; display:inline-block; width:calc(33% - 30px); line-height:1.2; vertical-align:top; float:left; margin:0 0 2rem 15px;}
#product_list li:nth-child(3n + 1){clear: left;}
#product_list li .img{width:173px; height:173px; border:1px #CCC solid; padding:5px;}
#product_list li .title{color:#6fa33e; font-weight:bold; font-size:14px;}
#product_list li s{display:block; color:#777; line-height:18px;}
#product_list li .size{border:1px #CCC solid; padding:2px 3px; margin-bottom:5px; display:inline-block; font-size:12px; line-height:14px;}
#product_imgbox{width:300px; float:left;}
#product_imgbox #img{width:100%; height:300px; margin-bottom:20px; display:block; position:relative; overflow:hidden;}
#product_imgbox #img img{width:285px; height:285px; border:1px #CCC solid; padding:5px; position:absolute; left:0; top:0;}
#product_imgbox .gallery{width:82px; height:82px; border:1px #CCC solid; padding:5px; cursor:pointer;}
#product_infobox{width:calc(100% - 320px); float:right;}
#product_infobox *{font-size:12px; color:#777;}
#product_infobox s, #product_infobox .cash{font-size:14px; color:#777;}
#product_infobox .cash{margin-bottom:10px;}
#product_infobox h1.title{color:#6fa33e; font-size:18px; line-height:25px; border-bottom:2px #6fa33e solid; margin-bottom:10px;}
a.specifications{display:inline-block; text-align:center; margin:0 2px 5px 0; cursor:pointer; border:1px #777 solid; color:#777; font-weight:bold; padding:0 5px;}
a.specifications_current{background:#F0F0F0;}
hr.product_clear{border:none; border-bottom:1px #CCC solid; margin:10px 0 20px 0;}
.product_infotitle{font-size:1.2rem; font-weight:bold; line-height:24px; color:#6fa33e;}
.product_infotitle_hr{border:none; border-bottom:2px #6fa33e solid; width:70px; margin:0 0 15px 25px;}
.mc_box{background:#f1f1f1; text-align: center; margin:1rem;}
.mc_box a{display: inline-block; line-height:1; border-bottom:2px transparent solid; padding:1rem 1rem;}
.mc_box a:hover, .mc_box a.active{border-color:#6fa33e;}
.products_list{margin:2rem 0; padding:0;}
.products_list li{width:calc(25% - 20px); margin:0 10px 30px 10px; padding:0; list-style: none; float: left; position: relative;}
.products_list li:nth-child(1), .products_list li:nth-child(4n + 1){clear: left;}
.products_list li .img{background: no-repeat center; background-size:contain; width:100%; padding-bottom:78%; display: block; margin-bottom: 10px;}
.products_list li .mask{position: absolute; left:0; top:0; background:rgba(111,163,62,0.7); width:100%; height: 100%; display:none; justify-content: center; align-items: center; color:#fff;}
.products_list li h5.title{width:100%; height:2.5rem; overflow: hidden; display: block; font-size:1rem; line-height:1.3; margin-bottom:5px;}
.products_list li .price.hasMprice{color:#999; text-decoration:line-through;}
.products_list li .mprice{color:#6fa33e; font-size:1.1rem;}
.products_list li .tools{float: right;}
.products_list li .tools a{font-size:1.3rem;}
.tags{margin-bottom: 20px; background:#eee;}
.tags span{display: inline-block; color:#999; padding: 5px 10px; cursor: pointer;}
.tags span.active{border-color:#6fa33e; background: #6fa33e; color:#fff;}
.tags_info{opacity: 0; width:100%; height: 0; transition: all .3s ease;}
.tags_info:after{content: ''; display: block; clear: both;}
.tags_info.active{opacity: 1; height: auto;}
#products_imgs_box{width:40%; float: left; margin-bottom: 20px;}
#products_imgs{width:100%; padding-bottom:100%; margin-bottom:40px; position: relative; overflow: hidden; box-shadow:0 0 10px rgba(0,0,0,0.4);}
#products_imgs a{width:100%; padding-bottom: 100%; display: block; background: no-repeat center; background-size: contain; opacity: 0; transition: all .3s ease; position: absolute;}
#products_imgs a:nth-child(1), #products_imgs a.active{opacity: 1;}
#products_thumbs{margin-bottom:20px;}
#products_thumbs a{width:60px; padding-bottom:60px; display: inline-block; background: no-repeat center #eee; background-size: cover; margin:0 10px 10px 0;}
#products_info{width:50%; float: right; margin-bottom: 20px;}
#products_info h1{font-size:1.3rem;}
#products_info .description{margin:10px 0;}
#products_info .stock{display: inline-block; padding: 5px 10px; border:1px #6fa33e solid; cursor: pointer;}
#products_info .stock.active{background:#6fa33e; color:#fff;}
#products_info .numBox{float: left; margin:0 20px 1rem 0;}
#products_info .btn{margin:0; width:45%;}
.numBox .fa-minus, .numBox .fa-plus{cursor: pointer; padding:0 5px; display: inline-block;}
.shareToBox a{color:#6fa33e; font-size: 1.5rem; margin-right:0.5rem;}
.stocks{margin-bottom: 20px;}
#price{font-size: 1rem; color:#999; transition: all .3s ease;}
#price.hasMprice{text-decoration:line-through;}
#mprice{font-size: 1.4rem; transition: all .3s ease; color: #6fa33e;}
#price:before, #mprice:before{content: 'NT$ ';}
.area_title{text-align: center; font-size:2rem; font-weight:bold; margin:2rem 0 3rem 0;}
#findus{border-top:11px #6fa33e solid; text-align:center; padding:70px 0;}
#links{text-align:center; margin-top:30px;}
#links a:before{content:'｜';}
#links a:nth-child(1):before{content:'';}
#info{margin:50px auto 0 auto;}
#info:after{contain: ''; display: block; clear:both;}
#info li{width:calc(33% - 65px); max-width:230px; display:inline-block; padding:50px 0 0 65px; vertical-align:top; color:#6fa33e;}
#info li:nth-child(2){margin-left:7%;}
#info li:nth-last-child(1){float: right;}
#member_function a{margin-bottom:5px; width:73%;}
#member_function a:hover{color:#FFF;}
#member_default_box{margin:30px auto 0 auto; border:none; width:650px;}
#members_info{width:100%; margin:10px auto;}
#login_area{background:url(../images/user_login.png) no-repeat; width:334px; height:123px; padding-right:50px; float:left;}
#login_area .text{width:240px; height:38px; line-height:38px; border:none; background:none; margin-left:30px;}
#register_area{width:264px; float:right;}
#brand_list{width:100%;}
#brand_list td{border-bottom:3px #CCC solid; padding:10px 5px;}
#brand_list .img{width:143px; height:119px;}
footer{border-top:1px #CCC solid; padding:10px 0;}
.title_en{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:4rem; line-height:80px; text-align:center; color:#EED7B1;}
.find_us{font-size:3rem;}
.product_title{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:1.2rem; font-weight:bold; line-height:20px; text-align:center; margin-top:40px;}
.product_title_en{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:4rem; line-height:80px; text-align:center; border-bottom:1px #CCC solid; padding-bottom:30px; margin-bottom:30px;}
.product_sc_title{font-size:18px; font-weight:bold; line-height:24px; color:#000; background:url('../images/square02-16x16.png') no-repeat 0 2px; padding-left:20px;}
.product_sc_title_hr{border:none; border-bottom:2px #6fa33e solid; width:70px;}
.product_tc_box{border:1px #CCC solid; padding:18px 29px; margin:22px 0 44px 0;}
.product_tc_box a{border-bottom:1px #CCC solid; display:block; padding:0 20px 0 10px; margin-bottom:5px; font-size:15px; font-weight:bold;}
.product_tc_box a span{width:10px; height:10px; display:inline-block; margin:0 5px 1px 0;}
.product_tc_box a:hover, .product_tc_box a.current{color:#6fa33e;}
.product_tc_box a:hover span, .product_tc_box a.current span{background:#6fa33e;}
.fb_like{margin-top:-10px; display:inline-block; height:20px; overflow:hidden;}
.but_back, .increase{float:left; width:20px; height:20px; text-align:center; background:#F0F0F0; color:#777; border:1px #CCC solid;; line-height:20px; display:inline-block;}
input.num{width:3rem; text-align: center;}
#product_infobox .button1, .button1{padding:0 10px; color:#FFF; background:#6fa33e; border:none; height:25px; line-height:25px; display:inline-block; font-size:14px; cursor:pointer;}
.shoppingCart_list{margin:2rem 0;}
.shoppingCart_list li{list-style: none; position: relative;}
.shoppingCart_list li:after{content: ''; display: block; clear:both;}
.shoppingCart_list .delShoppingProduct{float: left; margin-top:2rem;}
.shoppingCart_list .img{width:80px; height: 80px; background: no-repeat center; background-size: contain; float: left; margin:0 2rem 1rem 2rem; display: inline-block;}
.shoppingCart_list li .numBox{display: inline-block; margin-left:1rem;}
.shoppingCart_list li .mprice{float: right;}
#accounting{max-width:350px; float: right;}
#accounting span{display: inline-block; width:150px; text-align: right;}
#accounting hr{margin:5px 0;}
#ordersForm input, #ordersForm textarea{margin-bottom:1rem;}
#orders_list{width:100%; margin:20px 0;}
#orders_list tr.title td{font-weight:bold;}
#orders_list tr td{text-align:center; border-bottom:1px #CCC solid; padding:5px 0;}
#shopping_steps{margin:0 auto 20px auto; width:700px; height:74px;}
#shopping_steps li{list-style:none; text-align:center; border:1px #FFF solid; float:left; height:74px; line-height:74px; font-family:'Droid Serif'; font-size:30px; color:#6fa33e;}
#shopping_steps li.current{border-color:#CCC;}
#shopping_list{width:100%;}
#shopping_list tr.title td{text-align:center; font-weight:bold; background:#EEEEEF;}
#shopping_list td{text-align:center; vertical-align:top;}
#order_email{width:350px; margin-right:10px; margin:0 10px 20px 150px;}
.myorders{width:100%;}
.myorders tr:nth-child(1) td{background: #6fa33e; color:#fff;}
.myorders tr td{border-color:#6fa33e;}
#loginBox{width:350px; margin:50px auto;}
#loginBox [type=text], #loginBox [type=password]{width:100%; margin-bottom:1rem;}
#loginBox button{display: block; width:100%; margin-bottom: 15px; color:#fff; text-align: center;}
#loginBox .forgotPassword{float: right; color:#6fa33e;}
span.icon{background:url('../images/square02-16x16.png') no-repeat; display:inline-block; width:16px; height:16px; margin:0 5px 0 0;}
.blue{color:#06F;}
.red{color:#F00;}
#dirlink{margin:1.5rem 0; color:#666;}
#dirlink a{font-family:'新細明體'; font-size:13px; color:#666;}
#dirlink a:hover{color:#999;}
#page_title{font-size:1.4rem; margin-bottom:1rem; color:#6fa33e;}
.page_title{text-align: center; color:#6fa33e; font-size:1.4rem; margin:2rem 0 1rem 0;}
.news_list{margin-top:3rem;}
.news_list li{list-style: none; border-bottom: 1px #cdc7c7 solid; margin-bottom:2rem; padding-bottom:1.5rem;}
.news_list li .more{float: right; color:#6fa33e; font-size: 0.8rem;}
.date1{background:#6fa33e; color:#fff; font-size:1.4rem; line-height: 1; display: inline-block; padding:5px 5px; float: left; margin-right:2rem; position: relative; top:-1rem;}
.date1 span{font-size:0.9rem; color:#fff; line-height: 1;}
.d{color:#6fa33e;}
.colTitle{width:7rem; display: inline-block; vertical-align: top; float: left; clear:left;}
.hasTitle{width:100%; max-width:calc(100% - 10rem); display:inline-block; margin-bottom:1rem;}
.btn{background: #6fa33e; border:1px #6fa33e solid; border-radius: 0; padding:10px 20px; color:#fff; font-size:0.9rem; display: inline-block; line-height: 1; cursor: pointer; text-align: center;}
.btn *{color:#fff;}
.btn:hover{background: #fff; color:#6fa33e !important;}
.btn:hover *{color:#6fa33e;}
.btn.facebook{background:#3B5998; color:#fff; border:#3B5998; padding:10px 20px;}
.btn.red{background:#E83828; color:#fff; border-color:#E83828;}
.btn.red:hover{background: #fff; color:#E83828 !important;}
button.facebook{background:#3B5998 !important; color: #ffffff; border-color:#3B5998;}
button.facebook .fab{font-size: 18px; color:#fff; margin-right: 10px;}
button.facebook:hover{opacity: 0.9;}.captcha{max-width:5rem;}
.line-through{border-top: 1px #666 solid; position: relative; text-align: center; margin:40px 0 30px 0;}
.line-through span{background:#fff; padding: 5px 10px; display: inline-block; position: relative; top:-15px;}
.ckn{max-width: 80px; display: inline-block; float: left; margin-right: 5px;}
.cknImg{display: inline-block;}
.cknImg img{height:35px;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.clearup:after{clear: both; content: ''; display: block;}
img.fl{margin:0 1rem 1rem 0;}
img.fr{margin:0 0 1rem 1rem;}
.mobile{display: none;}
.mobile-x{display: inline;}
div.mobile-x{display: block;}
.fancybox-toolbar *{color:#fff;}
.fancybox-button--share{display: none !important;}
#float_box{position: fixed; z-index:900; right:20px; bottom:1rem; width:3rem; text-align: center;}
#float_box a{display: block; background:#fff; width:50px; height:50px; border-radius:25px; border:1px #eee solid; box-shadow:2px 2px 5px #898989; margin-bottom:1rem;}
#float_box a i{font-size:1.6rem; line-height:50px;}
#float_box a span{display: none;}
#float_box a.line{background:#06c153 no-repeat center url('../images/LINE.png'); background-size:90% auto;}
#footer_info{border-top:7px #6fa33e solid; margin:1rem 0; padding:2rem 0;}
#footer_info .list{width:100%; max-width:calc(170px); min-height:6rem; padding:10px; display: inline-block; float: left;}
#footer_info .list h6, #footer_info .info h6{color:#6fa33e;}
#footer_info .list a{display: block;}
#footer_info .info{width:100%; max-width: calc(100% - 590px); padding:10px; display: inline-block;}
ul.c4{margin:1rem 0 0 0;}
ul.c4 li{list-style: none; display: inline-block; width:calc(25% - 15px); margin:0 0 20px 20px; vertical-align: top; position: relative; float: left; background: #fff;}
ul.c4 li:nth-child(1), ul.c4 li:nth-child(4n + 1){margin-left:0; clear: left;}
ul.c4 li .img{width:100%; display: block; margin-bottom: 0.5rem; padding-bottom:60%; background:no-repeat center; background-size: contain;}
#contactUsBox{margin:2rem 0;}
#contactUsBox .info{max-width:calc(100% - 500px);}
#contactUsBox form{width:100%; max-width:400px;}

@media screen and (max-width:1000px) {
    #menu li a{font-size:1rem;}
}
@media screen and (max-width:900px) {
    #logo img{height:100px;}
    main{margin-top:160px;}
    #close_nav{position: absolute; top:-2rem; font-size:2rem; margin-left:15px;}
    nav{display: none; position: fixed; z-index:900; right:0; top:3rem; background:#ccc; width:100%; max-width:250px;}
    nav > ul > li{display: block; margin:10px 0;}
    nav > ul > li a{display: block;}
    nav .subnav{display: block; background:#eee; padding:10px 10px 10px 1rem;}
    nav .subnav a{display: block;}
    header .tools{margin-top:2rem;}
    header .tools a{margin-left:2rem; font-size:1.4rem;}
    header .tools a i{font-size:1.4rem;}
    #show_searchBox, #navation{display: inline-block;}
    #searchBox{top:70px; bottom:auto; z-index:899;}
    #footer_info .list{width:50%;}
    #footer_info .info{max-width: none;}
    #contactUsBox .info{margin-bottom:2rem;}
    #contactUsBox .info, #contactUsBox form{width:100%; max-width:none;}
}
@media screen and (max-width:700px) {
    html{font-size:13px;}
    .fr{float: none;}
    .fl{float: none;}
    .mobile{display: inline;}
    .mobile-x{display: none;}
    aside, article{float: none; width:100%; max-width: none; margin:0 auto;}
    aside a{display: inline-block; margin:0 1rem 1rem 0;}
    body#products aside{display: none;}
    #product_imgbox, #product_infobox{width:100%; float: none;}
    #info{margin:2rem 0 0 1rem;}
    #info li{width:100%; max-width: none; float: none;}
    #info li:nth-child(2){margin:1rem 0;}
    #info li:nth-last-child(1){float: none;}
    .products_list li:nth-child(1), .products_list li:nth-child(4n + 1){clear:none;}
    ul.products_list li{width:calc(50% - 20px); float:left;}
    ul.products_list li:nth-child(even){float: right;}
    ul.products_list li:nth-child(2n + 1){margin-left:0; clear:both;}
    #products_imgs{padding-bottom:calc(100% - 20px);}
    #products_imgs_box, #products_info{width:calc(100% - 20px); margin:0 auto; float: none;}
    ul.c4 li{width:calc(50% - 10px); margin-left:0;}
    ul.c4 li:nth-child(even){float: right;}
    ul.c4 li:nth-child(1), ul.c4 li:nth-child(4n + 1){margin-left:0; clear: left;}

}