.container{width:960px;margin:0 auto;clear:both;display:block;position:relative;}.column{width:100%;position:relative;margin-right:0;margin-left:0;margin-bottom:20px;float:left;}.column-one-half,.column-one-third,.column-one-fourth,.column-two-third,.column-three-fourth{float:left;margin-right:10px;margin-left:10px;margin-bottom:20px;}.last{margin-right:0;}.first{margin-left:0;}input{/* -webkit-appearance:none; */}.column-one-half{ width:460px; }.column-one-third{ width: 32.2%;background: #eee;}.column-one-fourth{ width:224px;margin: 0 0.5% 0 0; }.column-two-third{ width:620px; }.column-three-fourth{ width:700px; width: 80%; margin: 0 0 0 0;}.viewMode{width:100%;}/* #wrapper{width: 100%;padding: 2% 0;max-width: 1200px;}.viewAll ul {width: 99%;padding: 0.5% 0.5%;}.viewAll ul li{}.viewAll ul li a.shop {width:57%;right: 18%;padding: 10px 0;}.viewAll ul li a:hover.shop{width:57%; border: 1px solid #c00;padding: 10px 0;}.brandId input[type="text"]{padding: 7px 2% 7px 15%;width: 82%;}.viewMode.list-mode .viewAll ul li{ width: 98%; margin: 0.5% 0.5%;padding: 2% 0.5% 1%;}.viewMode.list-mode .viewAll ul li:first-child { margin-top: 0.5%;}.viewMode.list-mode .viewAll ul li a.blockImg {width: 30%;}.viewMode.list-mode .viewAll ul li h1.titlename{width:70%;font-weight: bold;margin-top: 10px;height: 40px;}.viewMode.list-mode .viewAll font.save{left:30%;}.viewMode.list-mode .viewAll ul li h2{left:37%;}.viewMode.list-mode .viewAll ul li h3{left:37%;}.viewMode.list-mode .viewAll ul li a.shop{width:30%;}.viewMode.list-mode .viewAll ul li img{padding:0;}.viewMode.list-mode .viewAll ul li .detailGoods{display: inline-block;text-align: center;top: 32%;right: 12px;width: 37%;}.nstSlider{width:100%;}.price_range_input { width: 32.6%;}.modalDialog .ctainer{margin: 6% auto 0;max-height:600px;}.zoom .ctainer{margin: 10px 0 0 -400px;} */
/*.fixed-header{position: fixed;top: 0;left: 0;z-index: 8;width: 100%;padding: 15px 0 10px;background: rgba(0, 0, 0, 0.4);}.fixed-header .cover_search{width:1200px;margin:auto;}.fix_bullet{width:224px;float: left;margin: 0;clear: none;top: 2%;z-index: 8;}.fix_bullet .bullet .label{margin: 0 0 5px;display: inline-block;}.search{ -webkit-transition: all 0.3s;transition: all 0.3s;-webkit-appearance: none;}.fixed-header .searchinList i{background: #fff;color: #222;font-size: 25px;}.fixed-header .searchinList input[type="text"]{width: 80%;border:1px solid #fff;}*/
.top{/* background-color: white; */position: fixed!important;top: 10px;z-index: 8;}.fixed-content {margin-left: 230px;}.show-menu{font-family: DBHelvethaicaXRegular;text-decoration: none;color: #fff;display: none;background: #252525;font-size: 26px;margin: 0;line-height: 16px;text-align:left;padding: 15px 10px 15px;background: rgb(0,0,0);background: -moz-linear-gradient(top, rgba(0,0,0,1) 1%, rgba(69,72,77,1) 1%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,1) 1%,rgba(69,72,77,1) 1%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,1) 1%,rgba(69,72,77,1) 1%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );}
.show-menu i{margin: 0 10px 0 0;vertical-align: middle;}input[type=checkbox]{/* display: none; *//* -webkit-appearance: none; */}input[type=checkbox]:checked ~ #menu{display: block;}
.promotion{width: 98%;padding: 1% 1% 1% 1%;}
li:hover span.cartCount{
background: url(https://www.siamphone.com/images/cart_icon_white.png) no-repeat;
background-size: 25px;
background-position:0 -3px;
}
li:hover font.cartCountNum{
color:#b70000;
}
@media only screen and (min-width: 1225px) {
.viewAll ul li:hover{
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.10);
border: 1px solid #b70000;
}
.viewAll ul li:hover a.shop {
color: #fff;
border: 1px solid #c32a28;
background: #d42826;
}
.viewAll ul li a:hover.shop{
background: #c00;
color: #fff;
border: 0 solid #c00;
}
.viewAll li:hover font.save.viewAll:hover font:after{
background: repeating-linear-gradient(45deg, #bfbfbf, #bfbfbf 1px);
}
.viewAll li:hover font.save{
color: #000;
background-color: #DCFF52;
border: 1px solid #DCFF52;
}
li:hover span.cartCount{
background: url(https://www.siamphone.com/images/cart_icon_white.png) no-repeat;
background-size: 25px;
background-position:0 -3px;
}
li:hover font.cartCountNum{
color:#b70000;
}
.viewMode.list-mode .viewAll ul li:hover a.shop font.cartCountNum{color:#b70000;}
.viewAll ul li .detailGoods a span{
display:none;
}
.viewAll ul li:hover .detailGoods a span, .viewMode.list-mode .viewAll ul li .detailGoods a span{
display:inline-block;
padding: 0 0 0 10px;
text-indent: 0;
}
.viewAll ul li:hover .detailGoods a, .viewMode.list-mode .viewAll ul li:hover .detailGoods a{
border: 1px solid #DCFF52;
background: #DCFF52;
color: rgba(0, 0, 0, 1.0);
text-decoration: none;
}
.viewMode.list-mode .viewAll ul li:hover .detailGoods a i{
opacity:1.0;
}
.viewAll ul li:hover .detailGoods a{
width:66px;
right:27px;
}
.viewAll ul li .detailGoods a i, .viewMode.list-mode .viewAll ul li .detailGoods a i{opacity:0.45;}
.viewAll ul li:hover .detailGoods a i, .viewMode.list-mode .viewAll ul li:hover .detailGoods a i{
opacity: 1.0;
background-color: transparent;
}
.viewAll ul li:hover a.shop{color: #fff;border: 1px solid #c00;background-color: #c00;background: #cc0000;background: -moz-linear-gradient(top, #cc0000 0%, #b70000 100%);background: -webkit-linear-gradient(top, #cc0000 0%,#b70000 100%);background: linear-gradient(to bottom, #cc0000 0%,#b70000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#b70000',GradientType=0 );}
}
@media only screen and (max-width:1224px) {
.viewAll ul li .detailGoods a span, .viewMode.list-mode .viewAll ul li .detailGoods a span{display:none;}
.search-in-tab input[type="text"]{width:99%;-webkit-appearance: none;}
input[type="text"].price_range_input{-webkit-appearance: none;}
.cate li.checkbox input[type="checkbox"] {-webkit-appearance: none;opacity:0;}
.viewAll ul li a.shop, .viewMode.list-mode .viewAll ul li a.shop{letter-spacing:0;}
}
@media only screen and (min-width: 1024px) and (max-width:1224px) {
header #header_cover{width:99%;}
.menuBar{width:100%;}
#wrapper{width:96%;padding: 2% 2%;/* background:blue; */}
.viewAll ul li a.blockImg{padding: 5px 0 0;}
.viewAll ul li h3{padding: 10px 0 0 0;}
.column-one-fourth{width:19%;margin:0 0.5% 0 0;position:fixed;}
.column-three-fourth{margin-left: 20%;}
.fixed-content{margin-left: 20%;}
/* .fixed-header .cover_search{width:96%;} */
.fix_bullet{width:19.5%;margin:0;clear:none;}
.home_store{width:100%;}
.home_store span{padding: 6px 14%;right:4%;}
.viewMode.list-mode .viewAll ul li .detailGoods{top:38%;}
.viewMode.list-mode .viewAll ul li .detailGoods a span {display:block;}
.zoom .ctainer{ margin: 10px 0 0 -400px;}
/* in Choice */.viewAll ul li .inchoice h2, .viewMode.list-mode .viewAll ul li .inchoice h2 {left: 38%;}
.viewAll ul li a.shop, .viewAll ul li:hover a.shop{width: 75%; right:10%;}
footer{display:block;width:100%;}
footer nav li a{padding:0 15px;}
#statistic{min-height:25px;}
.rigth_details{line-height:18px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
#wrapper{width: 96%;padding: 3% 2%;/* background:red; */}
.switchHead{width:97%;padding: 0 1% 0 2%;text-align: right;margin:0 0 10px;}
.column-one-fourth{width: 25%;margin: 0 0 0 0;}
.column-three-fourth{width: 75%;}
.filterSearch h1{line-height: 30px;}
button#btn_all_cate{float:none;margin: 5px 0;width: 97%;padding: 8px 0;font-size: 25px;}
.viewAll ul li{width: 49.5%;padding: 10px 0;margin: 0;}
.viewAll ul li a.shop, .viewAll ul li:hover a.shop{width: 75%; right:10%;}
/* List Mode */.viewMode.list-mode .viewAll ul li {width: 98%;margin: 0;padding: 2% 0.5% 2%;}
.viewMode.list-mode .viewAll ul li a.blockImg {width: 40%;}
.viewMode.list-mode .viewAll ul li h1.titlename {width: 60%;}
.viewMode.list-mode .viewAll font.save{left: 40%;}
.viewMode.list-mode .viewAll ul li h2 , .viewMode.list-mode .viewAll ul li h3{left: 51%;}
.viewMode.list-mode .viewAll ul li a.shop{width: 27%;right: 4%;}
.viewMode.list-mode .viewAll ul li .detailGoods{display:none;}
.viewMode.list-mode .viewAll ul li .detailGoods{display: inline-block;width:34px;top: 50px;}
.viewMode.list-mode .viewAll ul li .detailGoods a{width: 34px;z-index: 2;border: 0;background-color: rgba(255, 255, 255, 0.5);}
.viewMode.list-mode .viewAll ul li .detailGoods a:hover{width:66px; right: 35px; border: 1px solid #DCFF52; background: #DCFF52;}
.viewMode.list-mode .viewAll ul li .detailGoods a span{display:none;}
.viewMode.list-mode .viewAll ul li .detailGoods a:hover span{display: inline-block;}
.viewMode.list-mode .viewAll ul li:hover .detailGoods{width:34px;}
/* search fix */.fixed-content { margin-left: 25%;}
/* .fixed-header .cover_search{width:96%;}
.fixed-header .searchinList input[type="text"] { width: 74%;} */
.fix_bullet{width:25%;margin:0;clear:none;}
/* Fillter Left Side */.home_store{width:100%;}
.home_store span{padding: 6px 13%;right:4%;}
h1.shopHeader{text-indent: 0;padding: 0;width: 100%;display: block;text-align: center;}
h1.shopHeader span {}
h1.shopHeader img{width: auto;height: 80px;left: 0;top: 5px;position: relative;float: none;margin: 0 0 15px 0;}
/* Zoom Modal */#ctain{left:2%;width:100%;}
.close{/* right:6%; */}
.zoom h1{width:100%;padding: 2% 0;}
.bigPic {padding: 10px 0 20px;}
.bigPic img{max-height:350px;}
/* Shop */#ctain{left:0;}
.modalDialog .ctainer{top: 40%;min-width: auto;width: 81%;left: 49%;}
.modalDialog h1{width:100%;}
.modalDialog #banner{overflow:hidden;}
.zoom .ctainer{min-width: auto;width: 89%;}
.block h2{left: 0 !important;}
.block.lazada h2,.block.itruemart h2, .block.cdiscount h2, .block.ais h2, .block.central h2, .block.topvalue h2, .block.shopat7 h2, .block.apple h2 ,.block.banana h2{background-size: 90%;width: 20% !important;height:55px;max-width: 120px;}
.block{width:100%;}
.block p {display: block;width: 30% !important;padding: 0 1%;margin: 10px 0 0;margin-left: 0 !important;height: 40px;}
.modalDialog .close { width:35px;margin-left: 650px;}
.block h4{ padding: 6px 0px 10px 8%;width: 14%;}
.saveShop{top: auto;bottom: 13%;right: auto;left: 51%;}
.viewMode.list-mode .viewAll ul li .block .detailShop, .viewAll ul li .block .detailShop, .block .detailShop{width: 18%;margin: 14px 12px 0 0 !important;float:right;}
.linkDetail, .viewAll .linkDetail, .viewMode.list-mode .viewAll .linkDetail{padding: 20px 0;}
/* inchoice */
.inChoice .blockImg, .viewAll .inChoice .blockImg, .viewMode.list-mode .viewAll .inChoice .blockImg {width:30%;}
.viewAll ul li .inChoice a.shop , .viewMode.list-mode .viewAll ul li .inChoice a.shop , .inChoice a.shop,
.viewAll ul li:hover .inChoice a.shop , .viewMode.list-mode .viewAll ul li:hover .inChoice a.shop , .inChoice a.shop{width: 24%;right: 10px;}
.viewMode.list-mode .viewAll ul li .inChoice h2, .viewAll ul li .inChoice h2{text-indent: 0;left: 30%;}
.viewMode.list-mode .viewAll ul li.discount .inChoice h2, .viewMode.list-mode .viewAll ul li:hover.discount .inChoice h2{left:38%;}
.viewMode.list-mode .viewAll ul li.discount .inChoice h3, .viewMode.list-mode .viewAll ul li:hover.discount .inChoice h3{left:38%;}
.viewMode.list-mode .viewAll ul li .inChoice .detailGoods a:hover{right:auto;width:70px;}
.promotion{width: 98%;padding:1% 1%;}
.promotion .promotion__item {width:27.25%;margin:1% 1%;padding: 2% 2% 5% 2%;}
.promotion .promotion__partner{padding: 0 0.2em 0.2em;}
.modal_promo_code{width:90%;}
.forDeal{margin-top:-25px;}
#openPartner .ctainerBrand{width: 78%;padding: 2% 2% 5%;margin: 10px 9%;left: 0;top: 5%;min-width: auto;height: auto;}
#openPartner .ctainerBrand .close{margin-left: 70%;right: 10%;}
#openPartner #modal_brand_menu li input{-webkit-appearance: none;}
#openPartner #modal_brand_menu li{
width: 22.85%;
height: 50px;
background: none;
float: left;
position: relative;
border: 1px solid #eaeaea;
border-radius: 10px;
margin: 0.8% 0.85%;
padding: 5px 0;
}
#openPartner #modal_brand_menu li i{left:20%;width:120px; margin:0 auto;display:block;}
footer{display:block;width:100%;}
footer nav{height:auto;}
footer nav ul li{width:14%;border-bottom:1px solid #777;}
footer nav li a{padding:0;text-align:center;}
#statistic {padding: 2px 0 0 0;min-height: 25px;width: 15%;}
.footer_logo{width:20%;}
.rigth_details{width:80%;line-height:18px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper {width: 96%;padding: 2% 2%;/* background:green; */}
.column-three-fourth { width: 100%;margin:0 0 0 0;}
.viewAll ul li {width: 33%;height: 310px;margin: 0;padding: 0;border:0;}
/* .viewAll ul li:hover {border:0;} */
.viewAll ul li a.blockImg{padding:0;}
.viewAll ul li img {height: 150px;margin-top: 10px;}
.viewAll ul li h2{ width: 100%;bottom: 18%;}
.viewAll ul li.discount h2{text-indent:15px;}
.viewAll ul li h3{ padding: 15px 0 0 0;}
.viewAll font.save { bottom: 80%;}
.viewAll ul li a.shop , .viewAll ul li:hover a.shop{width: 75%;margin: 0 auto 0;right: 12%;}
.viewMode.list-mode .viewAll ul li label{float: left;width: 70%;height: 40px;overflow: hidden;}
.viewMode.list-mode .viewAll ul li{height: 181px;width: 98%;padding: 4% 0.5%;margin: 0 0;}
.viewMode.list-mode .viewAll ul li a.blockImg {width: 35%;}
.viewMode.list-mode .viewAll ul li img{height:180px;margin-top:0;}
.viewMode.list-mode .viewAll ul li h1.titlename {width: 65%;}
.viewMode.list-mode .viewAll font.save {left: 35%;bottom: 30%;}
.viewMode.list-mode .viewAll ul li h2{ left: 46%;bottom: 29%;}
.viewMode.list-mode .viewAll ul li h3 {left: 46%;bottom: 42%;}
.viewMode.list-mode .viewAll ul li a.shop {width: 45%; bottom: 9%;right:10%;}
/* DetailGoods*/
.viewMode.list-mode .viewAll ul li .detailGoods{display:none;}
.viewMode.list-mode .viewAll ul li .detailGoods{display: inline-block;width:34px;top: 50px;}
.viewMode.list-mode .viewAll ul li .detailGoods a{width: 34px;z-index: 2;border: 0;background-color: rgba(255, 255, 255, 0.5);}
.viewMode.list-mode .viewAll ul li .detailGoods a:hover{width:66px; right: 35px; border: 1px solid #DCFF52; background: #DCFF52;}
.viewMode.list-mode .viewAll ul li .detailGoods a span{display:none;}
.viewMode.list-mode .viewAll ul li .detailGoods a:hover span{display: inline-block;}
.viewMode.list-mode .viewAll ul li:hover .detailGoods{width:34px;}
h1.shopHeader{text-indent:0;}
h1.shopHeader span {display: inline-block;text-indent:0;}
h1.shopHeader img{top:0;height:40px;}
h1.shopHeader{ float: left;text-indent:0;font-size:24px;padding:0;width: 100%;text-align: center;display: block;}
h1.shopHeader span { font-size: 29px;}
h1.shopHeader img {width:auto;height:80px; left: 0;top: 5px;position:relative;float:none;}
.fixed-header h1.shopHeader img{display:none;}
/* search fix */
.fixed-content { margin-left: 30%;}
/* .fixed-header .cover_search{width:96%;}
.fixed-header .searchinList input[type="text"] { width: 69%;}
.fixed-header .brandExample{margin:0 0 0 0;} */
.fix_bullet{width:30%;margin:0;clear:none;}
.brandExample{margin:5% 0 0 0;}
/* Filter Search */
.filterSearch{width: 100%;display: block;height: auto !important;overflow: hidden;}
ul#filter_search {position: static;display: none;}
ul#filter_search li{background: white;padding: 0% 2%;border-radius: 8px;margin: 10px 0;}
ul#filter_search li:last-child {padding-bottom:2%;}
.show-menu{display:block;}
ul#filter_search{position: static;display: none;}
input[type=checkbox]:checked ~ #filter_search{display: block;height: 250px;overflow-x: hidden;overflow-y: scroll;margin: 0px 0 0;padding: 2% 2% 0;background: #fff;border-top: 0;border-bottom: 0 solid #000;}
.top{position:relative !important;top:auto;padding:0 0 2%;}
.fixed-content{margin-left: 0;}
dt{margin:0;}
.home_store{background:#000;width:100%;padding-top:1%;}
.home_store span{padding: 2% 30px;width: 70%;text-align: center;border-radius: 3px;bottom: 7px;color:#fff;}
.price_range_input {width: 43%;margin-bottom: 20px;}
/* Modal */
.block a.delivery{display:none;}
.ctainer #banner{/*display:none;*/}
/* Shop */
.modalDialog .ctainer{left: auto;right: auto;top: 5%;min-width: auto;width: 86%;margin: 0 2%;float: none;}
.modalDialog h1{width:100%;}
.block h2{background-size: 100%;width: 20% !important;height:65px;max-width: 120px;background-position: 0 8px !important;margin:0 5px 0;}
.block{width:100%;}
.block p{display: block;width: 28% !important;padding: 0 1%;margin: 2% 0 0;margin-left: 0 !important;height: 49px;line-height: 17px;}
.block .detailShop{width:40%;margin: 5px 30% 15px !important;}
.modalDialog .close {right: 10%;width:35px;}
.block h4{ padding:11px 0px 10px 6%;width:20%;text-indent:0;}
.saveShop{top: auto;right: auto;left: 50%;bottom:auto;}
.viewMode.list-mode .viewAll ul li .block .detailShop, .viewAll ul li .block .detailShop{width: 20%;margin: 15px 5px 0 0 !important;padding: 10px 0 !important;float:right;}
.linkDetail, .viewAll .linkDetail, .viewMode.list-mode .viewAll .linkDetail{padding: 20px 0;}
.viewAll .inChoice .shopNow img, .viewMode.list-mode .viewAll .inChoice .shopNow img, .inChoice .shopNow img {margin-top: 0;}
/*in Choice */
.inChoice .blockImg, .viewAll .inChoice .blockImg, .viewMode.list-mode .viewAll .inChoice .blockImg {width:32%;}
.inChoice font.save, .viewAll .inChoice font.save, .viewMode.list-mode .viewAll .inChoice font.save {left:32%;}
.inChoice .detailGoods, .viewAll .inChoice .detailGoods, .viewMode.list-mode .viewAll .inChoice .detailGoods{left:32%;}
.viewAll .inChoice h3, .viewMode.list-mode .viewAll .inChoice h3, .inChoice h3 {left:44%;}
.viewAll .inChoice h2, .viewAll .discount .inChoice h2, .viewMode.list-mode .viewAll .inChoice h2, .viewMode.list-mode .viewAll .discount .inChoice h2, .inChoice h2, .inChoice .discount h2{left:44%;}
.viewMode.list-mode .viewAll ul li .inChoice .detailGoods a:hover{right:auto;width:70px;}
.viewAll ul li:hover .inChoice a.shop{width:180px; margin:0;right: 10px; }
/* Zoom Modal */
#ctain{width:100%;left:0;}
.zoom .ctainer{margin-left: 0;left:1%;min-width: auto;width: 94%;padding: 20px 2%;top:10%;}
.close{right: 4%;}
.zoom h1{width: 94%;padding: 5% 3% 2%;line-height: 0.9em;}
.bigPic{padding: 2% 0 5%;}
.bigPic img{max-width:300px;max-height:300px;}
.thumPic dl{width:100%;}
.thumPic dl dd{min-width: 15%; width: 19%;height: 20%;}
.thumPic dl dd img{max-height: 110px;max-width: 100%;}
.thumPic dl dd.active:after{left:36%;}
header, footer{display:none;}
.promotion{width: 96%;padding: 2% 2%;}
.promotion .promotion__item {width:44%;margin:1% 1%;padding: 2% 2% 5% 2%;}
.promotion .promotion__partner{padding: 0 0.2em 0.2em;}
.modal_promo_code{width:90%;}
#openPartner .ctainerBrand{width: 78%;padding: 2% 2% 2%;margin: 10px 9%;left: 0;top: 5%;min-width: auto;height: auto;}
#openPartner #modal_brand_menu li{
width: 31%;
height: 50px;
background: none;
float: left;
position: relative;
border: 1px solid #eaeaea;
border-radius: 10px;
margin: 0.8% 0.85%;
padding: 5px 0;
}
#openPartner #modal_brand_menu li i{left:8%;width:120px;margin: 0 auto;display: block;}
footer{display:block;width:100%;}
footer nav{height:auto;background:transparent;border:0;}
footer nav ul{display:none;}
#statistic{padding:0;float:none;width:100%;text-align:center;}
.footer_logo{width:100%;}
.rigth_details{width: 90%;padding: 0 5%;white-space: normal;margin:0 auto 20px;}
footer{width: 100%;text-align: center;display: block;line-height: 20px;}
footer p{line-height:20px;}
}
@media only screen and (max-width: 568px) {
#wrapper {width: 96%;padding: 2% 2%;/* background:yellow; */ }
.column-three-fourth{ width: 100%;margin:0 0 0 0;}
.switchHead{width:97%;padding: 0 1% 0 2%;text-align:right;margin:0 0 10px;}
.sortMenu{width:100%;margin:0;}
.sortMenu span{display:none;}
.sortMenu button{width:25%;}
.viewAll ul li {width: 50%;height: 290px;margin: 0;padding: 0;border:0;}
.viewAll ul li img{margin-top: 10px;height: auto;width: auto;max-width: 140px;max-height: 140px;}
.viewAll ul li a.shop{/* width: 83%;right: 8%; */}
.viewMode.list-mode .viewAll ul li {height: 155px;}
.viewMode.list-mode .viewAll ul li img {height: 150px;}
.viewMode.list-mode .viewAll ul li h1.titlename{margin:0;}
.viewMode.list-mode .viewAll font.save {bottom: 35%;}
.viewMode.list-mode .viewAll ul li h2{left:48%;bottom:33%;}
.viewMode.list-mode .viewAll ul li h3{left:48%;bottom:48%;}
h1.shopHeader span {}
h1.shopHeader img{top:2px;}
.show-menu{display:block;}
ul#filter_search{position: static;display: none;}
input[type=checkbox]:checked ~ #filter_search{display: block;height: 250px;overflow-x: hidden;overflow-y: scroll;margin: 0px 0 0;padding: 2% 2% 0;background: #fff;border-top: 0;border-bottom: 0 solid #000;}
.top{position:relative !important;top:auto;padding:0 0 2%;}
.fixed-content{margin-left: 0;}
dt{margin:0;}
.home_store{background:transparent;width:100%;padding-top:1%;}
.home_store:hover{background:transparent;}
.home_store span{background-color: #999999;padding: 2% 30px;width: 70%;text-align: center;border-radius: 3px;bottom: 7px;color: #fff;}
/* Shop */
#ctain{width:100%;left:0;}
.modalDialog .ctainer{margin: auto;left: 0;width: 90%;min-width: auto;padding: 20px 10px 20px;margin: 0;left:3%;top:5%;height: 80%;max-height: 97%;border: 0;}
.modalDialog h1{width:100%;line-height: 30px;margin-top: 0;}
/* .block.lazada h2, .block.itruemart h2, .block.cdiscount h2, .block.ais h2, .block.central h2, .block.topvalue h2, .block.shopat7 h2, .block.apple h2, .block.banana h2 {background-size: 100%;width: 25% !important;max-width: 120px;height: 56px;} */
.block{width:100%;}
.block h4{ padding: 6px 0px 10px 60px;width: 26%;text-indent: -27px;}
.saveShop {top: auto;bottom: 11%;right: auto;left: 35%;}
.block p{display:none;}
.block .detailShop{ width: 24%; margin: 8px 12px 0 0 !important;}
/* in Choice
.viewAll .inChoice, .inChoice{ height: 250px;}
.viewAll .inChoice .blockImg, .inChoice .blockImg{width:40%;}
.viewAll .inChoice h1.titlename, .viewMode.list-mode .viewAll .inChoice h1.titlename, .inChoice h1.titlename{width:60%;}
.viewAll .inChoice .detailGoods, .viewMode.list-mode .viewAll .inChoice .detailGoods, .inChoice .detailGoods{left: 41%;top:52%;}
.viewAll .inChoice font.save, .viewMode.list-mode .viewAll .inChoice font.save, .inChoice font.save{ left: 40%;top: 27%;}
.viewAll .inChoice h2, .viewAll .discount .inChoice h2, .inChoice h2, .inChoice .discount h2{left: 53%;top: 34%;bottom: auto;}
.viewAll .inChoice h2, .viewMode.list-mode .viewAll .discount .inChoice h2, .inChoice h2, .inChoice .discount h2{left: 53%;top: 34%;bottom: auto;}
.viewAll .discount .inChoice h3, .viewMode.list-mode .viewAll .discount .inChoice h3, .inChoice h3, .inChoice .discount h3{left: 53%;top: 22%;}
.viewAll .inChoice .shopNow, .inChoice .shopNow{width: 40%;bottom: 0px;left: 0;float: left;}
.viewAll .inChoice .shopNow img, .viewMode.list-mode .viewAll .inChoice .shopNow img, .inChoice .shopNow img{margin-top:0;}
.viewAll ul li:hover .inChoice a.shop,
.viewAll .inChoice a.shop, .inChoice a.shop{ right: 14%;width: 180px;padding: 12px 0;bottom: 15px;} */
/* Zoom Modal */
.zoom #ctain{width:100%;left:0;}
.zoom .ctainer{margin-left: 0;left:1%;min-width: auto;width: 94%;padding: 20px 2%;top:10%;min-height:500px;}
.close{right: 4%;}
.zoom h1{width: 94%;padding: 5% 3% 2%;line-height: 0.9em;}
.bigPic{padding: 2% 0 5%;}
.bigPic img{max-width:300px;max-height:300px;}
.thumPic dl{width:100%;}
.thumPic dl dd{min-width: 15%; width: 19%;height: 20%;}
.thumPic dl dd img{max-height: 110px;max-width: 100%;}
.thumPic dl dd.active:after{left:36%;}
#back-to-top:hover{height: 35px;}
#back-to-top a span{display:none}
.promotion {width: 96%;padding: 2% 2%;}
.promotion .promotion__item {width:42%;margin:2% 2%;padding: 2% 2% 5% 2%;}
.forDeal{margin-top:-25px;}
footer{display:block;width:100%;}
footer nav{height:auto;background:transparent;border:0;}
footer nav ul{display:none;}
#statistic{padding:0;float:none;width:100%;text-align:center;}
.footer_logo{width:100%;}
.rigth_details{width: 90%;padding: 0 5%;white-space: normal;margin:0 auto 20px;}
footer{width: 100%;text-align: center;display: block;line-height: 20px;}
footer p{line-height:20px;}
}
@media only screen and (max-width: 568px) and (min-width:481px){
.block{min-height:110px;}
.block p {display: block; width: 31% !important;width: 58% !important;height: auto;margin: 2% 0 0 0;padding: 0 2% 0 2%;position: absolute;top: 54px;}
.block h4{padding: 6px 0px 10px 30px;width: 31%;position: absolute;right: 0;}
.saveShop{top: auto;left: auto;right: 21%;bottom: auto;margin: 8px 20px 0 0;}
.block .detailShop {width: 34% !important;margin: 5px 12px 10px 0 !important;position: absolute;right: 0;bottom: 12px;}
.show-menu {display:block;}
ul#filter_search {position: static;display: none;}
input[type=checkbox]:checked ~ #filter_search{display: block;height: 200px;overflow-x: hidden;overflow-y: scroll;margin: 0px 0 0;padding: 2% 2% 0;background: #fff;border-top: 0;border-bottom: 0 solid #000;}
.top{position:relative !important;top:auto;padding:0 0 2%;}
.fixed-content{margin-left: 0;}
dt{margin:0;}
.home_store{background:transparent;width:100%;padding-top:1%;}
.home_store span{background-color: black;padding: 2.5% 30px;width: 63%;text-align: center;border-radius: 3px;bottom: 7px;}
/* in Choice */
.viewAll .inChoice, .inChoice{ height: 250px;}
.viewAll .inChoice .blockImg, .inChoice .blockImg{width:40%;}
.viewAll .inChoice h1.titlename, .viewMode.list-mode .viewAll .inChoice h1.titlename, .inChoice h1.titlename{width:60%;}
.viewAll .inChoice .detailGoods, .viewMode.list-mode .viewAll .inChoice .detailGoods, .inChoice .detailGoods{left: 41%;top:52%;}
.viewAll .inChoice font.save, .viewMode.list-mode .viewAll .inChoice font.save, .inChoice font.save{ left: 40%;top: 27%;}
.viewAll .inChoice h2, .viewAll .discount .inChoice h2, .inChoice h2, .inChoice .discount h2{left: 53%;top: 34%;bottom: auto;}
.viewAll .inChoice h2, .viewMode.list-mode .viewAll .discount .inChoice h2, .inChoice h2, .inChoice .discount h2{left: 53%;top: 34%;bottom: auto;}
.viewAll .discount .inChoice h3, .viewMode.list-mode .viewAll .discount .inChoice h3, .inChoice h3, .inChoice .discount h3{left: 53%;top: 22%;}
.viewAll .inChoice .shopNow, .inChoice .shopNow{width: 40%;bottom: 0px;left: 0;float: left;}
.viewAll .inChoice .shopNow img, .viewMode.list-mode .viewAll .inChoice .shopNow img, .inChoice .shopNow img{margin-top:0;}
.viewAll ul li:hover .inChoice a.shop,
.viewAll .inChoice a.shop, .inChoice a.shop{ right: 14%;width: 180px;padding: 5px 0 10px;bottom: 15px;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
#openPartner #modal_brand_menu ul{overflow-y: scroll;overflow-x: hidden;height: 230px;}
}
/* iPhone 6 Plus Landscape */
@media only screen and (max-width: 736px) and (orientation: landscape) {
.modalDialog .ctainer { max-height: 350px;max-height: 77%;width:86%;min-width: 50%;}
.zoom .ctainer{margin:14px;left:0;width:92%;min-height: 300px;}
.zoom h1{padding:0 3%;width:74%;}
.nextPic{right:28%;}
.bigPic {padding: 2% 0 0;width:80%;float: left;}
.bigPic img {max-width: 300px;max-height: 284px;}
.thumPic{width:17%;float:left;}
.thumPic dl {width: 100%;margin: 0;height: 292px;overflow-x: hidden;overflow-y: scroll;}
.thumPic dl dd {min-width: 15%;height: 25%;width: 97%;padding: 8px 0;opacity: 0.5;}
.thumPic dl dd img {max-height: 72px;max-width: 100%;}
.thumPic dl dd.active {border: 1px solid #000000;opacity: 1.0;}
.thumPic dl dd.active:after{display:none;}
}
/* iPhone 6 Landscape*/
@media only screen and (max-width: 667px) and (orientation: landscape){
/* .zoom .ctainer { margin-top: 0;margin: 12px;}
.modalDialog .ctainer { max-height: 310px;max-height: 86%;top:92%;width:90%;left:62%;min-width:50%;} */
}
/* iPhone 5 Landscape */
@media only screen and (max-width: 568px) and (orientation: landscape) {
.modalDialog .ctainer{ max-height: 260px;max-height: 87%;top:0;width:96%;left:0;}
.zoom .ctainer{margin:0;padding: 20px 2% 10px;width:95.5%;max-height: 285px;}
.zoom h1{padding:0 3%;}
.nextPic{ right: 29%;}
.bigPic {padding: 2% 0 0;width:80%;float: left;}
.bigPic img {max-width: 260px;max-height: 240px;}
.thumPic{width:17%;float:left;}
.thumPic dl {width: 100%;margin: 0;height: 240px;overflow-x: hidden;overflow-y: scroll;}
.thumPic dl dd {min-width: 15%;height: 29%;width: 97%;padding: 5px 0;opacity: 0.5;}
.thumPic dl dd img {max-height: 72px;max-width: 100%;}
.thumPic dl dd.active {border: 1px solid #000000;opacity: 1.0;}
.thumPic dl dd.active:after{display:none;}
.modalDialog .close{right:4%;width:35px;}
/* in Choice */
.viewMode.list-mode .viewAll ul li .inChoice a.blockImg{width:40%;}
.viewAll .inChoice a.shop, .viewMode.list-mode .viewAll .inChoice a.shop, .inChoice a.shop{right: 14%;width: 180px;padding: 12px 0;bottom: 15px;}
.viewAll .inChoice h1.titlename, .viewMode.list-mode .viewAll .inChoice h1.titlename, .inChoice h1.titlename{width:52%;}
.viewAll .inChoice .detailGoods, .viewMode.list-mode .viewAll .inChoice .detailGoods, .inChoice .detailGoods{left:41%;}
.viewMode.list-mode .viewAll ul li .inChoice h3 , .viewAll ul li .inChoice h3{ left: 53%;}
.viewMode.list-mode .viewAll ul li .inChoice h2 , .viewAll ul li .inChoice h2{ left: 53%;}
#openPartner .ctainerBrand {width: 78%;padding: 2% 2% 5%;margin: 10px 9%;left: 0;top: 5%;min-width: auto;height: auto;}
#openPartner #modal_brand_menu li{width:48%;padding:0;margin:1% 0;border:0;}
#openPartner #modal_brand_menu li i{left:12%;width: 120px;margin: 0 auto;display: block;}
}
@media only screen and (max-width: 480px) and (min-width: 100px){
.column-three-fourth {width: 100%;margin-left: 0;margin-right: 0; }
#wrapper {width: 94%;padding: 3% 3%;/* background:#b1fdff; */}
.switchHead{width: 96%;padding:0 1% 0 3%;margin:0 0 10px;text-align:right;}
.sortMenu{width: 100%;margin: 0;}
.sortMenu button{width:50%;padding:0;font-size:22px;}
.sortMenu button:nth-child(2), .sortMenu button:nth-child(4) {border-left: 1px solid #333;}
.sortMenu button:nth-child(2), .sortMenu button:nth-child(3) {border-bottom: 0 solid #333;}
.sortMenu span{display:none;}
.searchinList input[type="text"]{width: 99.37%;}
.viewAll ul {width: 100%;padding: 0 0 1%;}
.viewAll ul li {width: 50%;height: 330px;margin: 0;padding: 0;border:0;}
.viewAll ul li a.shop {display: block;position: absolute;width: 71%;right: 10%;bottom: 4%;margin: 0 4%;padding: 5px 0 5px;line-height:27px;}
.viewAll ul li:hover a.shop{width:71%;/* padding: 12px 0; */}
.viewAll ul li h3{bottom: 64px;position: absolute;left: 59%;}
.viewAll ul li h1.titlename{height:80px;}
.viewAll ul li h1.titlename a{font-size: 11px;line-height:14px;font-size: 1rem;line-height: 1.5rem;}
.viewAll ul li.discount h2{text-indent:22px;}
.viewAll ul li h2{bottom: 53px;}
.viewMode.list-mode .viewAll ul{width: 100%;padding: 1% 0;}
.viewMode.list-mode .viewAll ul li{width: 95%;padding: 2% 2%;margin: 0;height: 360px;}
.viewMode.list-mode .viewAll ul li:first-child{margin-top: 1%;}
.viewMode.list-mode .viewAll ul li a.blockImg{width: 100%;margin: 5% 0 0 0;}
.viewMode.list-mode .viewAll ul li img {padding: 0;height: 180px;margin-top: 0;}
.viewMode.list-mode .viewAll ul li h1.titlename{width: 100%;margin-top: 10px;height: 40px;font-weight:100;}
.viewMode.list-mode .viewAll ul li h1.titlename a{text-align:center;width:100%;display:block;}
.viewMode.list-mode .viewAll ul li a.shop {width: 71%;right: 10%;bottom: 5%;margin: 0 4%;}
.viewMode.list-mode .viewAll font.save {left: auto;right: 5px;bottom: 75%;}
.viewMode.list-mode .viewAll ul li h2 {left: auto;bottom: 19%;width: 100%;float: left;text-indent:0;}
.viewMode.list-mode .viewAll ul li.discount h2{text-indent: 0;width: 80%;}
.viewMode.list-mode .viewAll ul li h3 {bottom: auto;text-align: left;padding: 20px 0 0 0;position: relative;display: block;width: 40%;float: right;bottom: 76px;position: absolute;left: 59%;}
.viewMode.list-mode .viewAll ul li label{display:none;}
/* DetailGoods*/
.viewMode.list-mode .viewAll ul li .detailGoods{display:none;}
.viewMode.list-mode .viewAll ul li .detailGoods{display: inline-block;width:34px;top: 22%;}
.viewMode.list-mode .viewAll ul li .detailGoods a{width: 34px;z-index: 2;border: 0;background-color: rgba(255, 255, 255, 0.5);}
.viewMode.list-mode .viewAll ul li .detailGoods a:hover{width:66px; right: 35px; border: 1px solid #DCFF52; background: #DCFF52;}
.viewMode.list-mode .viewAll ul li .detailGoods a span{display:none;}
.viewMode.list-mode .viewAll ul li .detailGoods a:hover span{display: inline-block;}
.viewMode.list-mode .viewAll ul li:hover .detailGoods{width:34px;}
.viewAll ul li:hover h3{color: #909090;visibility: visible;}
/* Partner shopHeader */
#ctain{width:100%;left:0;}
.modalDialog .ctainer {padding: 20px 10px 0;margin: auto;width: auto;margin: 0;top:5%;height: 80%;max-height: 97%;border: 0;border-radius: 0;width: 90%;left: 3%;}
h1.shopHeader{ float: left;text-indent:0;font-size:24px;padding:0 ;width: 100%;text-align: center;display: block;}
h1.shopHeader span { font-size: 29px;}
h1.shopHeader img {width:auto;height:80px; left: 0;top: 5px;position:relative;float:none;}
.fixed-header h1.shopHeader img{display:none;}
.block h2{
position: relative;
left: auto !important;
bottom:0;
width: 100% !important;
background-position: 50% 50%;
background-size: 30%;
margin: 0;
height:45px;
margin-left:5px;
}
/* .block.lazada h2,.block.itruemart h2, .block.cdiscount h2, .block.ais h2, .block.central h2, .block.topvalue h2, .block.shopat7 h2, .block.apple h2, .block.banana h2{background-size:120px;width: 120px !important;height:60px;} */
.block a.delivery{display:none;}
.block p {display: block;width:58% !important;height:42px;float:right;padding: 0 2%;margin: 0;margin-left:0 !important;text-align:right;margin: 10px 0 0;font-size: 12px;}
.block h4{ border-left: 0; padding: 6px 0 10px 55px; width:35%;}
.saveShop{top: auto;bottom: 8%;right:auto;left: 3%;}
.block .detailShop{width:40%;float:right;margin:10px 10px 10px 0 !important;}
.modalDialog .close {right:6%;z-index:999;width:35px;}
.linkDetail, .viewAll .linkDetail, .viewMode.list-mode .viewAll .linkDetail{padding:20px 0;}
.linkDetail a, .viewAll .linkDetail a, .viewMode.list-mode .viewAll .linkDetail a{padding:7px 5px 7px 15px;width:93%;font-size: 19px;}
.ctainer #banner{/*display:none;*/}
/* Zoom Modal*/
.bigPic img{max-width:300px;}
.zoom #ctain {width:100%;left: 0;}
.zoom .close{right: 4%;}
.zoom .ctainer{position:fixed;}
/* .nextPic, .prevPic{top:23%;} */
/* in Choice */
.viewAll .inChoice, .inChoice{height:auto;min-height:350px;}
.viewAll .inChoice .blockImg, .viewMode.list-mode .viewAll .inChoice .blockImg, .inChoice .blockImg{width:100%; margin:0 0 0 0;}
.viewAll .inChoice .blockImg img, .viewMode.list-mode .viewAll .inChoice .blockImg img, .inChoice .blockImg img {margin-top:0;}
.viewAll .inChoice h1.titlename, .viewMode.list-mode .viewAll .inChoice h1.titlename, .inChoice h1.titlename{width:100%;text-align:center;height:10px;}
.viewAll .inChoice font.save, .viewMode.list-mode .viewAll .inChoice font.save, .inChoice font.save{top:53%;left:20%;}
.viewAll .discount .inChoice h2,
.viewMode.list-mode .viewAll .discount .inChoice h2,
.inChoice h2, .inChoice .discount h2{top:58%;bottom:auto;width:auto;}
.viewAll .inChoice h2, .viewMode.list-mode .viewAll .inChoice h2{width:100%;left:0;text-indent:0;top:auto;bottom:32%;}
.viewAll .inChoice h3, .viewMode.list-mode .viewAll .inChoice h3, .inChoice h3{top: 48%;left:38.5%;bottom: auto;width: auto;float: none;right: auto;position: absolute;}
.viewAll .inChoice .shopNow, .inChoice .shopNow{width:100%;bottom:35px;}
.viewAll .inChoice .shopNow img, .viewMode.list-mode .viewAll .inChoice .shopNow img, .inChoice .shopNow img{margin-top:0;}
.viewAll .inChoice a.shop, .viewMode.list-mode .viewAll .inChoice a.shop, .inChoice a.shop{ width:50% !important;right:25%;bottom:-10px;}
.viewAll .inChoice .detailGoods, .viewMode.list-mode .viewAll .inChoice .detailGoods, .inChoice .detailGoods{display:none;}
.linkDetail a.moreShop {float: left !important;}
.linkDetail a i, .viewAll .linkDetail a i, .viewMode.list-mode .viewAll .linkDetail a i{top:5px;}
/* search fix */
.fixed-content { margin-left: 30%;}
/* .fixed-header .cover_search{width:96%;}
.fixed-header .searchinList input[type="text"] { width: 100%;margin-bottom:10px;}
.fixed-header .brandExample{margin:0 0 0 0;} */
.fix_bullet{width:100%;margin:0;clear:none;top: 1%;}
.brandExample{margin:5% 0 0 0;}
/* Filter Search */
.filterSearch{width: 100%;display: block;height: auto !important;overflow: hidden;}
ul#filter_search{position: static;display: none;}
ul#filter_search li{background: white;padding: 0% 2%;border-radius: 8px;margin: 0 0;}
ul#filter_search li:last-child {padding-bottom:2%;}
ul#filter_search li dl{margin:0;}
.show-menu {display:block;}
ul#filter_search {position: static;display: none;}
input[type=checkbox]:checked ~ #filter_search {width:95%;display: block;height: 250px;overflow-x: hidden;overflow-y: scroll;margin: 0px 0 0;padding: 2% 2% 0;background: #fff;border-top: 0;border-bottom: 0 solid #000;}
.top{position:relative !important;top:auto;padding:0 0 2%;}
.fixed-content {margin-left: 0;}
dt{margin:0;}ul#filter_search li
.search{-webkit-transition: none;transition: none; -webkit-appearance: none;}
.home_store{ background:transparent;width:100%;padding-top:1%;}
.home_store span{padding: 3% 30px;width: 50%;text-align: center;border-radius: 3px;bottom: 9px;right: 10px; color: #fff;}
.price_range_input { width: 40%; margin-bottom: 10px;}
#show-list{display:none;}
.best_seller .viewAll .inChoice h1.titlename a{text-align:center;}
.best_seller .viewAll .inChoice h2, .best_seller .inChoice h2{text-indent:0;}
.best_seller .viewAll ul li h1.titlename{height:45px;}
.promotion{width: 96%;padding: 2% 2%;}
.promotion .promotion__item{width: 92%;margin: 2% 2%;padding: 2% 2% 5% 2%;}
.promotion .promotion__partner{padding: 0 0.2em 0.2em;}
.modal_promo_code{width:90%;}
.modal_promo_image img{width:100%;}
.forDeal{margin-top:-25px;}
#openPartner .ctainerBrand {width: 78%;padding: 2% 2% 5%;margin: 10px 9%;left: 0;top: 5%;min-width: auto;height: auto;}
#openPartner #modal_brand_menu ul{
overflow-y: scroll;
overflow-x: hidden;
height: 430px;
}
#openPartner #modal_brand_menu li{
width: 28.3%;
height: 50px;
background: none;
float: left;
position: relative;
border: 1px solid #eaeaea;
border-radius: 10px;
margin: 2% 2%;
padding: 5px 0;
}
#openPartner #modal_brand_menu li a{height:50px;}
#openPartner #modal_brand_menu li i{left:3%;width:92px;margin:0 auto;display: block;}
#openPartner .ctainerBrand .close{margin-top: -12px;right:12%;}
}
@media only screen and (min-width: 200px) and (max-width: 479px){
}