ul{padding:0}
.clear{clear:both}
.aln-c{text-align:center}
.pc{display: block;}
.intro{padding:6vw;font-size:17px;color:#d4282d;background:#f5f5f5;text-shadow:1px 1px 0 #fff}
.intro i{font-style:italic!important;font-size:120%}
.content{max-width:1440px;margin:0 auto}
.content ul{margin:0;padding:0}
.all{background: #033e68 url("../images/decentmk2s-bubble-04.png");background-size:  100% center;}
ul li,.c_floor ul li{list-style:none!important}
.content li img,.floor_es img{display:block;padding:0!important;transition:all .2s}
.hero_l{position:relative}
.hero_l img.banner_desktop{display:none}
.hero_l img.banner_mobile{display:block}
.products-image{max-width:300px;}
.floor{padding:0 0 30px;width:100%}
.floor.floor_gift .wrap{padding:2vw}
.floor.floor_gift .wrap li{background:#fff;margin:0 2vw}
.nav_f{width:100%;transition:all .2s;font-style:italic;background:#fff}
.nav_f.on{top:0;position:fixed;box-shadow:0 10px 10px rgb(0 0 0 / 7%);z-index:10;}
.nav_f a{font-size:16px;padding:.8rem 2rem .5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#321A06 !important;}
nav.nav_f a:after{transition:all .2s;border:3px solid transparent;bottom:-15px;content:"";width:80%;margin:0 auto;display:block;position:relative}
nav.nav_f a.active:after{border-bottom:3px solid #007cc3;border-right:0;bottom:0}
.nav_f::-webkit-scrollbar{display:none}
.wrap{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;align-items:flex-start;justify-content:space-between;justify-content:center}
.wrap li{position:relative}
.wrap li .tag{font-size:12px;color:#333;position:absolute;bottom:-5px;left:0;right:0;border-bottom:1px solid #d20532}
.wrap li .tag b{background:#d20532;color:#fff;padding:0 4px;margin-right:4px;font-weight:400;display:inline-block}
.floor .wrap{padding:10px 0;max-width:1440px}
.floor li.promo-product{font-style:initial;width:calc(50% - 20px);margin:5px;padding:0 0 20px;border-radius:8px;transition:all .2s;display:flex;align-items:center;flex-direction:column;box-shadow:0 1px 2px rgb(0 0 0 / 10%);background-color:#fff}
.content-product-l .product-image-con{width:40%}
.content-product-l .product-txt-con{width:60%}
.product-a ul.color-con{display:block}
.products ul.color-con.color-n{display:none}
.product-txt-con{padding:6px;text-align:center;width:100%}
.pricebox{color:#333}
.subs{color:#787878;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:6px}
.products .discount,.products .old-price span{display:none}
.discount span{font-size:24px;font-family:candara;line-height:1;display:inline-block;position:relative}
.discount .cf{font-size:12px;padding-right:2px;font-weight:400;font-family:auto;position:relative;top:-5px}
.floor li.promo-product h3{font-size:19px}
.app__product__title{text-transform:uppercase;margin-bottom:0;color:#333}
.price{color:#d4282d}
.floor_es{width:100%;overflow:hidden;padding:3vw 8vw;font-style:italic}
.floor h2{font-size:18px;margin-top:20px;font-style:italic;}
.title{padding:50px 20px;background: #fff;}
.title h2.wrap{font-size:2rem;font-weight:bold;background:linear-gradient(135deg,#0062c3 10%, #00a5e1 80%);background:-webkit-linear-gradient(135deg,#0062c3 10%, #00a5e1 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.title h2 span{font-size:55px;padding:0 12px;margin-top:-16px;display: inline-block;}
.title p.wrap{margin-top: 40px;font-size: 20px;}
.title h4.wrap span{background:linear-gradient(135deg,#0062c3 10%, #00a5e1 80%);background:-webkit-linear-gradient(135deg,#0062c3 10%, #00a5e1 80%);color:#fff;padding:0 10px;border-radius:4px;font-size:.875rem;}
.floor h4{font-size:1.25rem;padding-top:50px;color:#fff;}
.floor h4 svg{fill: #fff;}
a.btn-size-default{border:0;display:inline-block;transition:all .2s;border-radius:20px;white-space:nowrap}
a.btn-white-border{background: 0 !important;}
#sn_floor a.btn-size-default{color:#fff;background:#033e68}
#sn_floor a.btn-size-default:hover{box-shadow:0 0 4px #aaa}
.content-product-l .product-txt-con{text-align:left}
.wrap li:hover .txt i{display:block}
.products h3.products-name{color:#212121;line-height:1.2}
.floor .discount{position:absolute;top:0;left:6px;background:#E4312B;color:#fff5e9;width:66px;padding-top:12px;line-height:1}
.floor .discount:before,.floor .discount:after{display:block;content:"";width:0;height:0;position:absolute}
.floor .discount:after{border-width:16px 33px 0;border-style:solid;border-color:#E4312B transparent transparent;left:0;bottom:-16px}
.products .old-price{margin-bottom:5px;display:inline-block;color:#555}
.products .old-price span{text-decoration:line-through}
.products .sale-price{font-size:18px;}
.sale-price b,.old-price b{font-weight:400;font-size:13px;margin-right:3px}
.content-product-l .promo-product{width:50%;position:relative;align-items:center;flex-direction:column}
.content-product-l h3.products-name{padding-bottom:10px}
.products .product-image-con{position:relative}
.products .product-image-con img{display:none;border-radius:8px;transition:all .2s;margin:0 auto}
.products .product-image-con img.active{display:inline}
.products ul.color-con{display:none;padding:0;margin-top:.5em;position:absolute;right:0;top:4px;width:40px;z-index:2}
.products ul.color-con li{display:inline-block;width:17px;height:17px;border-radius:50%;background-color:#000;border:1px solid #ccc;cursor:pointer;padding:0;margin-right:4px}
.products ul.color-con li.active{border:3px double #ccc}
.products .price-con div{display:none}
.products .price-con div.active{display:block}

@media (max-width:760px) {
.nav_f a{padding:.7rem 0;font-size:14px;text-align:center;width:16.66%}
.nav_f a.active{border-width:3px}
.title{padding:20px 15px;}
.title h2.wrap{font-size:28px;}
.title p.wrap{font-size: 16px;margin-top: 20px;}
.title h2 span{font-size:26px;padding:0 6px;margin-top:-6px;}
.floor .discount{transform:scale(0.8);left: 0;}
.pc{display: none;}
}
@media screen and (min-width:821px) {
.content{margin:0 auto}
.product-txt-con{padding:15px 10px}
.floor li.promo-product{width:calc(25% - 20px);margin:10px}
.hero_l img.banner_desktop{display:block}
.hero_l img.banner_mobile{display:none}
}