header{padding:10px 10px;position:sticky;top:0;z-index:10056;backdrop-filter: blur(5px);} .brtop{border-bottom:1px solid #e1e1e1;}
header [logo]{width:130px;}
header [logo] a{display:inline-block;padding:0 0 5px 0;}
header [logo] a img{width:110px;}
header [hcolw]{width: 40%;}
[htdv]{height:30px;}
.hmenu dt a{font-size:16px;font-weight:400;display:inline-block;padding:8px 14px;color: #555;border-radius:20px;transition:all 0.2s ease;}
.hmenu dt a:hover{background: #eee;color: #222;}
.hmenu dt .showpmu{padding:8px 35px 8px 12px;position:relative;background: #e2f0ff;color: #222;}
.hmenu dt .showpmu:hover{background: #e2f0ff;color: #222;}
.hmenu dt .showpmu:after{content:'\e96e';font-family:icomoon;position:absolute;width:25px;right:0;top:12px;font-size:14px;}

.rmenu{padding-right:8px;}
.rmenu li{padding:0 2px;vertical-align:top;}
.rmenu li [iccn]{width:40px;height:40px;border-radius:50%;font-size:18px;color: #404040;}
.rmenu li [icxt]{height:40px;border-radius:20px;color: #404040;padding:11px 15px 0 45px;background: #eee;display:block;font-weight:400;font-size:16px;}
.rmenu li [icxt] i{width:45px;height:100%;left:0;top:1px;font-size:18px;color: #555;}

.dpmenu{width:100%;position:fixed;background: rgba(255,255,255,0.92);backdrop-filter: blur(10px);left:0;z-index:10055;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
	top:0;max-height:100%;overflow-y:auto;display:none;}
.dpmenun{padding:110px 0 20px 0;}
.dpmenun ul li{width:calc(25% - 8px);padding:15px 0;vertical-align:top;}
.dpmenun ul li a{font-weight:700;padding:0 12px 15px 12px;display:block;color: #222;font-size:16px;}
.dpmenun li ul li{width:100%;padding:0 0;}
.dpmenun li ul li a{display:block;padding:5px 12px;color: #474747;font-weight:400;}
.dpmenun li ul li a:hover{color: #000;background:#e2f0ff;border-radius:18px;}

.swmenus{position:absolute;width:550px;background: rgba(255,255,255,0.98);padding:45px 15px 25px 15px;top:calc(100% + 12px);left:0;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);display:none;}
.swmenus [subpr]{width:calc(50% - 10px);padding:0 5px;}
.swmenus [subpr] > a{font-weight:700;}
.swmenus li{vertical-align:top;}
.swmenus li a{display:block;padding:7px 12px;color: #474747;font-weight:400;}
.swmenus li a:hover{background: #e2f0ff;color: #222;}


.slidehm{padding:0 5%;}
[sdout]{padding:0 40px;} [sdoin]{background: #474747;}
.sdbox{z-index:5;top:0;left:0;display:none;}
#slide0{display:block;}
.slideCnr{left:0;bottom:20px;z-index:10;}
.slideCnr li{padding:5px 0;cursor:pointer;}
.slideCnr li b{width:25px;height:25px;border-radius:50%;background: #eee;font-size:14px;color: #555;font-weight:500;text-align:center;padding:5px 0 0 0;}
.slideCnr li:hover b{background: #ffdeb0;color: #111;}
.slideCnr .actv b{background: #ff7441;color: #fff;}
.slideCnr .actv article{width:70px;height:3px;border-radius:2px;background: #324c80;display:inline-block;margin:11px 0 0 7px;position:relative;overflow:hidden;}
.slideCnr .actv article span{background: #ff7441;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
@keyframes widd{0%{width:0%;} 100%{width:100%;}}
.sdbox section{left:80px;max-width:450px;text-align:left;z-index:5;}
.sdbox .arshow{display:none;}
.sdbox .fmbota{display:block;}
/*.sdbox section article h1{backdrop-filter: brightness(0.4);}*/
.sdbox section article h1 a{font-size:35px;font-weight:300;padding-right:45px;transition:all 0.2s ease;mix-blend-mode: difference;}
.sdbox section article h1 [hrffa]:after{content:'\ea4f';font-family:icomoon;font-size:25px;width:34px;height:34px;border-radius:50%;background: rgba(255,255,255,0.4);
	position:absolute;right:0;bottom:6px;display:flex;align-items: center;justify-content: center;}
.sdbox section article h1 [hrffa]:hover{transform: scale(0.9);}
.sdbox section article h1 [hrffa]:hover:after{background: #ff7441;color: #fff;}
[sc1]{color: #111;}
[sc2]{color: #fff;}
.sdbox .videosd{ width: 100%;height: 100%;object-fit: cover;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}



.homeBrands{padding:40px 0 40px 0;}
.homeBrands h1{margin:0 0 20px 0;}
.homeBrands ul li{vertical-align:middle;padding:5px 5px;}
.homeBrands ul li a{width:140px;height:60px;padding:10px;background: #f1f1f1;transition:all 0.1s ease;}
.homeBrands ul li a img{max-height:36px;}
.homeBrands ul li a:hover{transform: scale(1.1);}


[xscbox] [ttlea]{margin-left:20px;}
[xscbox] {padding:10px 0 0 0;margin:0 auto;}
[xscbox]:after{content:'';position:absolute;width:100%;height:20px;background: #fff;bottom:0;left:0;z-index:5;}
[xscbox] .scurt{width:100%;overflow-x:auto;padding:20px 0 25px 0;display:flex;flex-wrap: nowrap;position:relative;}
[xscbox] dt{margin:0 10px;width:calc(25% - 20px);flex: 0 0 auto;vertical-align:middle;}
[xscbox] figure{white-space:normal;padding:10px;}
.prlist figure:hover{}
.prlist figure figcaption{width:100%;position:relative;transition:all 0.2s ease;filter: contrast(0.9);}
.prlist figure figcaption span{background: rgba(255,255,255,0);border-radius:5px;width:40px;height:35px;position:absolute;bottom:10px;right:10px;}
.prlist figure figcaption label{background:#ff7441;border-radius:5px;height:34px;position:absolute;bottom:10px;left:10px;color: #fff;padding:8px 7px 0 7px;font-weight:500;}
.prlist figure figcaption span img{max-width:36px;max-height:22px;}
.prlist figure figcaption a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;}
.prlist figure figcaption:hover{filter: contrast(0.9);}
.prlist figure h3 a{font-size:16px;font-weight:400;display:inline-block;position:relative;padding:8px 15px 0 2px;}
.prlist figure h3 a mark{position:relative;padding:2px 45px 5px 0;background:none;color: #404040;}
.prlist figure h3 a mark:after{content:'\ea4f';font-family:icomoon;position:absolute;right:25px;bottom:6.5px;font-size:19px;color: #999;				display:none;}
.prlist figure h3 a:hover mark{color: #000;}
.prlist figure h3 a:hover mark:after{color: #000;right:22px;}
.prlist figure h2{font-size:16px;font-weight:600;padding:15px 0 0 2px;}
.prlist figure h2 s{display:inline-block;padding:0 0 0 10px;color: #888;}
/*
.prlist figure p{background:#ff7441;color: #fff;display:inline-block;padding:5px 5px 1px 5px;margin:2px 0 0 2px;}
*/
[btnpr]{padding:1px 0 0 0;}
[btnpr] li{width:33.33%;}
[btnpr] li a{width:100%;height:40px;font-size:17px;cursor:pointer;transition:all 0.05s ease;}
[btnpr] li a:hover{background: #e1e1e1;color: #222;font-size:18px;}

[wbox13p]{width:100%;max-width:1310px;margin:0 auto;}
[p13a]{padding:50px 0 0 0;}
.listgr{text-align:center;}
.listgr dt{margin:25px 9px 25px 9px;width:calc(25% - 24px);display:inline-block;vertical-align:top;text-align:left;}
.listgr figure{padding:10px;}


.hmbnner{padding:20px 0 0 0;}
.hmbnner section{padding:0 20px;width:50%;}
.hmbnner article a{width:100%;height:55%;left:0;bottom:0;display:block;z-index:5;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0.7) 100%);}
.hmbnner article a mark{bottom:15px;left:25px;font-size:22px;font-weight:400;color: #fff;background:none;display:inline-block;padding:0 40px 0 0;transition:all 0.2s ease;}
.hmbnner article a mark:after{content:'\ea4f';font-family:icomoon;position:absolute;right:2px;bottom:3px;font-size:19px;color: #fff;background: #ff7441;width:25px;height:25px;
	border-radius:50%;display:flex;align-items: center;justify-content: center;}
.hmbnner section p{padding:15px 0 0 2px;}
.hmbnner article a:hover mark:after{right:0;transform:scale(1.05);transition:all 0.1s ease;}
[vidbg]{top:0;left:0;z-index:1;background: #000;}
[vidbg] iframe{width:100%;height:100%;}

.pgout{height:70px;}
.pheadsc{position:fixed;width:100%;height:70px;top:62px;left:0;z-index:10055;display:none;}
.pghead{width:calc(100% - 20px);margin:0 auto;overflow:hidden;/*position:sticky;top:60px;z-index:10050;*/backdrop-filter: blur(8px);padding:15px 25px 15px 25px;}
.pheadsc .pghead{box-shadow: 0px 0 5px 0px rgba(0,0,0,0.05);}
.pghead:before{content:'';position:absolute;width:45px;height:45px;border-radius:50%;background: #f26836;z-index:1;left:20px;top:-35px;}
.pghead [pcola]{width:33.33%;padding-left:10px;}
.pghead [pcolb]{width:66.66%;}
.adsearch{display:block;padding:10px 12px 0 12px;height:38px;color: #324c80;position:relative;}
.pghead [serha]{width:50%;margin:0 auto;padding:8px 12px 7px 10px;background: rgba(255,255,255,0.05);border:1px solid rgba(0,0,0,0.05);transition:all 0.1s ease;border-radius:18px;}
.pghead [serha]:focus{padding-left:12px;background: #fff;}

.pghead section{padding:0 15px;}
.pghead aside{padding:0 7px;}

.brandhead{width:92%;margin:0 auto;overflow:hidden;}
.brandhead section{min-height:400px;}
.brandhead section h1{font-size:22px;font-weight:400;color: #fff;padding:15px 0 0 0;}

.pgtitle{padding:35px 0 0 0;}
.pgtitle h1{font-size:17px;font-weight:600;}


.ssbg{position:fixed;width:100%;height:100%;top:0;left:0;background: rgba(255,255,255,0.2);z-index:10058;display:none;}
.advensedss{width:100%;max-width:320px;background: rgba(255,255,255,0.95);backdrop-filter: blur(10px);position:fixed;height:100%;left:0;top:0;z-index:10059;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	display:none;}
.advensedss [fxtopn]{height:50px;position:sticky;top:0;background: #fff;z-index:10;padding:15px 0 0 20px;}
.advensedss [fxtopn] a{width:40px;height:40px;right:5px;top:5px;}
.advensedss .sslits{padding:10px 20px;height:calc(100% - 110px);}
.advensedss .sslits h2{font-size:16px;font-weight:700;padding:0 0 5px 0;}
.advensedss .sslits li{padding:4px 2px;}
.advensedss .sslits li article{padding:2px 5px 2px 28px;font-size:16px;}
.advensedss .sslits [sslt]{padding:10px 0;}
[fxbotm]{position:sticky;bottom:0;z-index:5;height:50px;padding:0 14px;}
[fxbotm] article{padding:5px 2px 0 2px;}
[ssbtna]{background: #eee;height:36px;border-radius:18px;border:2px solid #ccc;cursor:pointer;}
[ssbtnb]{background: #f9f9f9;height:36px;border-radius:18px;border:2px solid #e1e1e1;cursor:pointer;}
[ssbtna]:hover, [ssbtnb]:hover{background: #324c80;color: #fff;border:2px solid rgba(0,0,0,0);}

[dttle]{font-size:25px;padding:8px 0;color: #222;}

.detailn{padding:25px 20px;}
.detailn aside{width:60%;}
.detailn section{width:40%;padding:10px 0 0 40px;}
.detailn section h2{padding:4px 0;}
.detailn section h2 small{display:inline-block;padding:0 10px 0 0;}
.detailn section h2 s{display:inline-block;padding:0 0 0 5px;}
.detailn section h2 label{display:inline-block;border-radius:4px;color:#f26836;padding:0 0 0 10px;}
.detool li{padding:0 0 0 4px;}
.specss{padding:10px 0 0 0;}
.specss table{border-collapse:collapse;}
.specss table tr td{padding:5px 5px 4px 0;border-top:1px dashed #eee;}
.bodyxt{padding:25px 0 0 0;}



.txted h1{font-size:18px;font-weight:500;color: #222;padding:8px 0;}
.txted p{padding:7px 0;}
.txted table{border-collapse:collapse;text-align:left;}
.txted table tr td{padding:5px 8px;border-top:1px solid #e1e1e1;}

.gridt{display:inline-block;width:calc(50% - 44px);margin:20px 20px;vertical-align:top;}
.gridb{display:block;width:100%;padding:20px 22px;}

.wvideo iframe{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}

.gridlayt{padding:0;columns: 30rem;gap:30px;counter-reset: grid;}
.infox + .infox {}
.infox {break-inside: avoid;padding:15px 0;}
.infox::before {counter-increment: grid;/*content: counter(grid);*/}

.gridlayta{border-top:5px solid #f3f2f0;}
[descrnn]{padding:15px 0;}
.promainbx{width:calc(100% - 20px);margin:2px auto;}

.bodybx{}
.bodybx p{padding:10px 0;}
.table-bordered{border-collapse:collapse;width:100%;}
.table-bordered tr td{border-top:1px solid #eee;padding:5px 10px 5px 0;}


[brnd] [mainph]{max-width:100%;max-height:590px;}
[brnd] span{background: rgba(255,255,255,0.9);border-radius:5px;width:40px;height:35px;bottom:15px;right:10px;}
[brnd] span img{max-width:36px;max-height:22px;}


[bnta]{display:block;height:38px;padding:10px 15px 0 30px;color: #324c80;position:relative;border-radius:19px;}
[bnta] i{position:absolute;left:0;top:0;height:100%;width:30px;}

[bntb]{display:block;height:38px;padding:10px 30px 0 15px;color: #324c80;position:relative;border-radius:19px;}
[bntb] i{position:absolute;right:0;top:0;height:100%;width:30px;}

[btnc]{display:block;padding:10px 15px 0 15px;height:38px;color: #fff;position:relative;border-radius:19px;background: #f26836;font-size:15px;}
[btnd]{display:block;padding:10px 15px 0 15px;height:38px;color: #404040;position:relative;border-radius:19px;background: #e1e1e1;font-size:15px;}

.bagtoo{top:0;right:0;color: #f26836;font-size:15px;font-weight:700;}

.showwn{animation: showw 0.5s ease;}
@keyframes showw{
	0%{} 50%{font-size:35px} 100%{}
}
.showwn{color:#f26836 !important;}



footer{background: #111;margin-top:40px;overflow:hidden;}
.footer{padding:40px 0 0 0;}
.footer:before{content:'';position:absolute;width:55px;height:55px;border-radius:50%;background: rgba(242,104,54,0.8);z-index:1;left:20px;top:-40px;}
.footer aside{text-align:left;}
[ftle]{font-size:20px;color: rgba(255,255,255,0.9);font-weight:200;padding:10px 0 15px 0;}
.footer p{color: #eee;font-weight:100;padding:7px 0;display:block;font-size:15px;}
[ftul] li a{color: #eee;font-weight:100;padding:7px 0;display:block;font-size:15px;}

.footer [fcola]{width:34%;padding:0 35px 22px 22px;}
.footer [fcolb]{width:22%;padding:0 22px 22px 22px;}
[sccl]{padding:0 0 0 0;}
[sccl] li{padding:5px 4px;}
[sccl] li a{width:38px;height:38px;border-radius:50%;background: rgba(255,255,255,0.6);color: #222;}

[cpyright]{font-size:15px;font-weight:200;color: #afafaf;padding:25px 0 20px 0;border-top:1px solid rgba(255,255,255,0.05);}


[ttlea]{font-size:22px;font-weight:600;color: #324c80;position:relative;padding:0 0 5px 0;}
[ttlea]:before{content:'';position:absolute;bottom:0;left:0;width:25px;height:3px;background: #ee7144;border-radius:2px;}


[c1]{color: #324c80;}
[c2]{color: #111;}
[c3]{color: #555;}
[c7]{color: #777;}
[bg1]{background: rgba(255,255,255,0.85);}
[bg2]{background:#f26836;}
[bg3]{background: #f3f2f0;}

[p150]{padding:15px 0;}
[p200]{padding:20px 0;}
[p210]{padding:20px 10px;}



.rmenu li [iccn]{background: #f3f2f0;}
.rmenu li [icxt]{background: #f3f2f0;}
.pheadsc{background: rgba(240,236,232,0);}
.pghead{background: #f3f2f0;}
[btnpr] li a{background:#f3f2f0;color: #777;}





.mmbg{position:fixed;width:100%;height:100%;top:0;left:0;background: rgba(0,0,0,0.4);display:none;z-index:10990;}
.asmenu{position:fixed;width:100%;max-width:320px;background: #fff;top:0;left:0;height:100%;overflow-y:auto;z-index:11000;display:none;
	box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.25);}
.asmenu [sttop]{position:sticky;top:0;width:100%;background: #f4f4f4;z-index:25;padding:20px 10px 30px 10px;}
.asmenu [sttop] img{width:100px;}
[hddx]{right:0;top:0;width:45px;height:45px;font-size:18px;}
.asmenus{padding:15px 0 15px 15px;}
.asmenus ul li{width:100%;}
.asmenus ul li a{color: #363636;display:block;padding:10px 12px;width:100%;font-size:16px;}
.asmenus ul li li{padding:0 0 0 25px;}
.asmenus ul li ul{display:none;padding:10px 0;}
.asmenus .sbaa{position:relative;padding-right:25px;}
.asmenus .sbaa:after{content:'\e9ef';font-family:icomoon;position:absolute;right:15px;top:8px;color: #ccc;}
.asmenus .sbaab:after{content:'\e9f0';}

.ppgrid{display: grid;grid-template-rows: auto minmax(0, 1fr) auto;}
[sttopa]{position:sticky;top:0;width:100%;background: #ffff;z-index:25;padding:20px 10px 30px 10px;}
.prodboxr{position:fixed;width:100%;max-width:400px;background: #fff;top:0;right:0;height:100%;overflow-y:auto;z-index:10900;display:none;
	box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.25);}
.prodst{overflow-y:auto;padding:0 20px 20px 20px;}

[bottmm]{padding:15px;}
[abtna]{height:40px;border-radius:2px;background: #f5f5f5;border:2px solid #c1c1c1;font-weight:500;}
[abtna]:hover{background:#eee;}

.empbox{top:0;left:0;}
.empbox i{font-size:50px;color: #ccc;}
.schide{overflow: hidden;}
[bbable]{border-collapse:collapse;}
[bbable] tr td{border-top:1px dashed #eee;padding:5px;}
[abable]{border-collapse:collapse;}
[abable] tr td{border-top:1px dashed #ccc;padding:10px 5px;}

[hhvv]{color: #555 !important;}
[hhvv]:hover{color: #222;}

.buylist{padding:15px 20px;}
.tooupwn{border-radius:4px;margin:5px 0 0 0;overflow:hidden; }
.tooupwn button{width:38px;height:38px;border:none;background: #e1e1e1;font-size:17px;cursor:pointer;vertical-align:top;}
.tooupwn .addn{border-radius:0 4px 4px 0;}
.tooupwn input{width:60px;border:none;background: #e4e4e4;height:38px;text-align:center;vertical-align:top;}
.tooupwn b{display:inline-block;padding:10px 0 0 15px;}

.buysteps{padding:15px 10px;}
.buysteps ul li{width:33.33%;position:relative;height:5px;background:#e1e1e1;}
.buysteps ul li b{font-size:17px;position:absolute;width:38px;height:38px;border-radius:50%;background:#e1e1e1;top:-17px;}
.buysteps ul li:nth-child(1) b{left:0;}.buysteps ul li:nth-child(2) b{left:calc(50% - 16px);}.buysteps ul li:nth-child(3) b{right:0;}
.buysteps ul li .bbg2{background:#f26836;color: #fff;}
.buysteps ul .bbg2{background:#f26836;}

[innt]{padding:8px 10px;border-radius:4px;background: #f2f2f2;border:2px solid #eee;resize: vertical;}
[innt]:focus{border:2px solid #999;}
.redmm{background:#f9dede;border:2px solid #f0cdcd;}
.userfld dl{padding:10px 0;}

.payments{padding:0 15px 15px 15px}
.payments ul li a{padding:10px;background:#edf1f4;border-radius:5px;}
.payments ul li a:hover{background: #e1e9f0;}
.payments ul li a img{height:45px;}

.sendnoat dl{padding:15px 0;}
[brtte]{padding:30px 10px 2px 10px;border-bottom:2px solid #e1e1e1;margin-bottom:20px;}
.noatorg{display:none;}
.successd{padding:50px 15px 20px 15px}

[c2]{color: #222;}
[c3]{color: #f26836;}


[mttle]{font-size:28px;font-weight:500;display:block;padding:5px 0 15px 0;color: #222;}
[mttlea]{font-size:24px;font-weight:500;display:block;padding:5px 0 15px 0;color: #222;}
[imgvbx]{padding:0 0 15px 0;}
.texted{width:100%;max-width:800px;margin:0 auto;}
.contentmn{padding:0 12px;}
.contentmn figure{padding:15px 0;}
.contentmn [hovera]{width:30%;}
.contentmn [padl]{width:70%;}
[padl]{padding:0 0 0 15px;}
.texted a{color: #1159BD;}