@charset "utf-8";
@font-face{font-family:iconfont;src:url(../fonts/iconfont.woff2) format('woff2'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype');font-display:swap;}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-chat:before{content:"\e65e"}.fa-shopping-cart-fill:before{content:"\e865"}.fa-check-2:before{content:"\e61a"}.fa-right:before{content:"\e617"}.fa-right1:before{content:"\e605"}.fa-right2:before{content:"\e6d5"}.fa-arrowleft:before{content:"\e693"}.fa-arrowright:before{content:"\e694"}.fa-arrow-up-filling:before{content:"\e688"}.fa-arrow-down-filling:before{content:"\e689"}.fa-arrow-left-filling:before{content:"\e68a"}.fa-arrow-right-filling:before{content:"\e68b"}.fa-right-double-arrow:before{content:"\e841"}.fa-arrow-down:before{content:"\e692"}.fa-close:before{content:"\e69a"}.fa-search:before{content:"\e6ac"}.fa-web-fill:before{content:"\e6fc"}.fa-fax-fill:before{content:"\e620"}.fa-twitter:before{content:"\e646"}.fa-facebook:before{content:"\e6e5"}.fa-Linkedin:before{content:"\e740"}.fa-phone:before{content:"\e635"}.fa-phone-fill:before{content:"\e725"}.fa-youtube:before{content:"\e880"}.fa-youtube-fill:before{content:"\e883"}.fa-Fax:before{content:"\e60e"}.fa-Web:before{content:"\e619"}.fa-right-arrow:before{content:"\e840"}.fa-menu_bold:before{content:"\e7f4"}.fa-arrow-up:before{content:"\e618"}.fa-minus_bold:before{content:"\e613"}.fa-plus_bold:before{content:"\e614"}.fa-search_bold:before{content:"\e615"}.fa-close_bold:before{content:"\e616"}.fa-minus:before{content:"\e611"}.fa-plus:before{content:"\e612"}.fa-twitter-fill:before{content:"\e610"}.fa-home-fill:before{content:"\e6bb"}.fa-pos-fill:before{content:"\e62e"}.fa-pos:before{content:"\e606"}.fa-email-fill:before{content:"\e668"}.fa-email:before{content:"\e66f"}.fa-home:before{content:"\e6b8"}.fa-linkedin-fill:before{content:"\eccc"}.fa-blogger-fill:before{content:"\eccd"}.fa-facebook-fill:before{content:"\e695"}
@media (min-width:500px){@font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Regular.eot');src:url('../fonts/OpenSans-Regular.woff2') format('woff2'),url('../fonts/OpenSans-Regular.eot?#iefix') format('Open Sans'),url('../fonts/OpenSans-Regular.woff') format('woff'),url('../fonts/OpenSans-Regular.ttf') format('truetype'),url('../fonts/OpenSans-Regular.svg#Open Sans') format('svg');font-display:swap;}}
:root{--m:#45a7ff;--v:#ffd800;--v1:#0f5cbd;--w:#ffffff;--b:#212529;--b1:#555555;--b2:#888888;--g:#f2f2f2;--g1:#ebf1fa;--g2:#dae3f3;--g3:#aaaaaa;--g4:#fbe5d6;--i:inline-block;--t:all 0.5s ease-in-out;--s:0 0 10px rgba(0,0,0,0.35);--r:relative;--a:absolute;--f:'Open Sans'Arial,Helvetica,Verdana,Tahoma,sans-serif}
body{margin:0;padding:0;font:normal 1rem/1.75 var(--f);background-repeat:no-repeat;background-position:top center;-webkit-text-size-adjust:none;scroll-behavior:smooth;color:var(--b);letter-spacing:0;overflow-x:hidden;}
.backtop{position:fixed;right:5px;bottom:66px;cursor:pointer;z-index:99999;background:var(--m);text-align:center;width:50px;height:50px;border-radius:50%;font:bold 14px var(--f);color:var(--w);padding:8px 5px 0 5px;display:none;transition:var(--t);}
.backtop span{display:block;padding-bottom:2px;font-size:1rem;}
.backtop:hover{background:var(--v)}
a{color:var(--m);text-decoration:none;cursor:pointer;transition:var(--t);}
a:hover{color:var(--v1)}
p{margin:0 0 15px;padding:0;}
img{display:var(--i);max-width:100%;height:auto;vertical-align:top}
sub,sup{position:var(--r);font-size:50%;line-height:0}
a:focus,input:focus,textarea:focus,select:focus,button:focus{outline:0}
.btn{position:var(--r);font:normal 16px/1.5 var(--f);display:var(--i);color:var(--w);padding:10px 30px;border-radius:80px;cursor:pointer;text-align:center;vertical-align:middle;border:0;background:var(--m);transition:var(--t);box-shadow:var(--s);margin-top:20px;}
.btn:hover{color:var(--b);background:var(--w);}
.v-btn{background:var(--v);color:var(--b);}
.v-btn:hover{background:var(--m);color:var(--w);}
.w-btn{background:var(--w);color:var(--b);}
.w-btn:hover{background:var(--m);color:var(--w);}
.btn .iconfont{padding-left:6px}
.greybg{background:var(--g1)}
.mainbg{background:var(--m);color:var(--w);}
.vicebg{background:var(--v);color:var(--w);}
.t-center,.text-center{text-align:center}
.t-right,.text-right{text-align:right}
.t-left,.text-left{text-align:left}
.it-center{align-items:center;}
.mar0{margin-top:0 !important;margin-bottom:0 !important;}
.pad0{padding-top:0 !important;padding-bottom:0 !important;}
.colorw{color:var(--w) !important;}
.colorm{color:var(--m) !important;}
.colorv{color:var(--v1) !important;}
.pic-table{width:100%;display:table;height:100%;padding-top:80px;}
.pgtable{width:100%;display:table;height:100%}
.pic-cell,.pgcell{display:table-cell;vertical-align:middle}
.clear{clear:both}

body.is-scrolling{scroll-behavior:smooth;transition:scroll-behavior 0.3s ease-out;}
html{font-size:1rem;}
body,html{font-family:'Open Sans',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.container-xxl{max-width:1560px;}
::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:transparent;border:1px solid #dae1eb;background:#333;width:5px;border-radius:10px;-webkit-transition:.5s;transition:.5s;}
.logo{width:100%}
ul{list-style:none;padding-left:0;}
header{width:100%;position:fixed;top:0;left:0;z-index:99;padding:.5rem 0;transition:all .3s ease;background:#fff;}
header.fixed{background:#fff;box-shadow:0px 12px 26px 0px rgba(0,0,0,0.10),0px 48px 48px 0px rgba(0,0,0,0.09),0px 108px 65px 0px rgba(0,0,0,0.05),0px 193px 77px 0px rgba(0,0,0,0.01),0px 301px 84px 0px rgba(0,0,0,0.00);}
header.fixed .menu{color:#333}
header.fixed .search{color:#333}
header.fixed .search span:nth-of-type(2){background-color:#fff;}
header.fixed .search span:nth-of-type(1){border-color:#fff;}
header.fixed .menu span::before{opacity:0;}
header.fixed .menu span::after{opacity:1;}
header.fixed .main-menu>li:hover span.arrow::after{color:#3278d6;}
#search{display:none;}
.search{margin:0 0 0 20px;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:row;color:#fff;text-transform:uppercase;font-weight:bold;}
.search>div{width:30px;height:30px;border-radius:50%;transition:all 300ms ease;position:relative;}
.search>div::after{content:"";width:25px;height:25px;border:rgba(255,255,255,0) solid 2px;position:absolute;top:0;left:0;border-radius:300px;opacity:1;}
.search:hover>div{transform:scale(1.2);}
.search:hover>div::after{opacity:0;border:rgba(255,255,255,1) solid 1px;transform:scale(1.8);transition:all 300ms ease;}
header.fixed .search>div::after{border:rgba(255,138,86,0) solid 2px;}
header.fixed .search:hover>div::after{border:rgba(255,138,86,1) solid 1px;}
.search span{position:relative;display:block;width:50%;height:3px;background-color:#fff;float:left;transform-origin:center center;transition:transform 250ms ease;z-index:200;}
.search span:nth-of-type(1){transform:translate(0px,2px);width:20px;height:20px;background:none;border:#fff solid 2px;border-radius:100%;}
.search span:nth-of-type(2){transform:translate(10px,18px);rotate:45deg;width:30%;border-radius:20px;}
.search-ico{display:flex;align-items:center;justify-content:center;flex-direction:column;width:60px;height:50px;position:absolute;right:0;top:0;z-index:0;}
.search-ico i{position:relative;display:block;width:50%;height:1px;background-color:#333;float:left;transform-origin:center center;transition:transform 250ms ease;z-index:200;}
.search-ico i:nth-of-type(1){transform:translate(-2px,-2px);width:20px;height:20px;background:none;border:#333 solid 1px;border-radius:100%;}
.search-ico i:nth-of-type(2){transform:translate(4px,-8px);rotate:45deg;width:17%;}
.search-sc option{color:#333}
.search-sc,#searchkey{background:rgba(255,255,255,0.75);}
.search-box{position:absolute;right:0;top:0;width:0;height:0;margin:0;padding:0;transition:width 500ms ease,opacity 500ms ease,border 1ms ease;z-index:90;opacity:0;border-radius:42px;border:#999 solid 0px;}
#search:checked~.search-box{right:0;top:0;z-index:99;height:52px;width:472px;opacity:1;display:block;background:#fff;border-radius:300px;padding:0 15px;z-index:201;border:#999 solid 1px;}
.search-box-menu{height:36px;width:400px;background:#fff;padding:0;z-index:201;border-bottom:#333 solid 1px;display:unset;}
@media (min-width:768px){.search-box-menu{display:unset;}}
@media (min-width:1200px){.search-box-menu{display:none;}
.nav .main-menu{width:100%;}}
@media (min-width:1400px){.search-box-menu{display:unset;}
.nav .main-menu{width:calc(100% - 390px);}}
.search-box-menu .s-input{height:36px;}
.search-box-menu .search-ico{width:36px;height:36px;}
.search-box-menu .s-input input[type="text"]{width:100%;}
.search-box .s-input{overflow:hidden;}
#search:checked~.search-box .s-input{overflow:unset;}
#search:checked~.search-box:after{top:0;}
.s-input{width:100%;max-width:1024px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-between;align-items:center;height:50px;position:relative;z-index:996;}
.s-input select,.s-input input{border:none;height:100%;outline:none;height:30px;}
.s-input select{width:150px;background:none;color:#333;margin-right:5px;}
.s-input input[type="button"]{width:60px;background:none;color:#333;border-radius:0;position:relative;z-index:6;}
.s-input input[type="text"]{width:calc(100% - 210px);background:none;color:#333;}
.s-input input[type="text"]::placeholder{color:#999;}
.menu{align-items:center;justify-content:center;flex-direction:row;width:auto;transition:transform 250ms ease;cursor:pointer;z-index:200;height:50px;color:#333;gap:14px;margin:0 0 0 auto;text-transform:uppercase;font-weight:bold;}
.menu:hover span{transform:scale(1.15);}
.menu:hover span::before,header.fixed .menu:hover span::before,.menu:hover span::after,header.fixed .menu:hover span::after{transform:scale(1.4);opacity:0;}
.menu span{position:relative;display:flex;width:20px;height:20px;transform-origin:center center;transition:transform 250ms ease;z-index:200;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;}
.menu span::before,.menu span::after{width:44px;height:44px;content:"";position:absolute;top:-12px;left:-12px;opacity:1;transition:transform ease .3s,opacity ease .3s;}
.menu span::before{opacity:1;}
.menu span::after{opacity:0;}
.menu span i{border-radius:20px;}
.menu span i:nth-of-type(1){transform:translateY(-5px);width:100%;height:3px;background-color:var(--m);transform-origin:center center;transition:transform 250ms ease;}
.menu span i:nth-of-type(2){width:100%;height:3px;background-color:var(--m);transform-origin:center center;transition:transform 250ms ease;}
.menu span i:nth-of-type(3){transform:translateY(5px);width:100%;height:3px;background-color:var(--m);transform-origin:center center;transition:transform 250ms ease;}
#menu{display:none;}
#menu:checked~.menu span::before,#menu:checked~.menu span::after{opacity:0;}
#menu:checked~.menu span i:nth-of-type(1){transform:translateY(1px) rotate(45deg);background-color:var(--m);}
#menu:checked~.menu span i:nth-of-type(2){display:none;}
#menu:checked~.menu span i:nth-of-type(3){transform:translateY(-2px) rotate(-45deg);background-color:var(--m);}
#menu:checked~.menu{color:var(--m);}
.main-menu a>svg{display:none;}
.main-menu .hasul>a>svg{display:inline-block;vertical-align:middle;margin-left:5px;}
.main-menu>li>ul{background:#000000d9;}
.main-menu>li{list-style:none;}
.main-menu>li>a{position:relative;}
.main-menu>li>ul{padding:1rem 0;}
.main-menu>li>ul>li>a{padding:.5rem 1rem;}
.main-menu>li>ul:not(.ul-multiple)>li:hover{background:#666;border-radius:1px;}
.main-menu>li>ul li{position:relative;}
.main-menu a{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.level3{display:none;left:auto;position:absolute;top:auto;width:100%;background:#666666f5;border-radius:10px;z-index:9;max-height:305px;overflow:auto;grid-template-columns:repeat(1,1fr);padding:10px 20px;}
.level3 .fa-arrow-down{display:none}
.active>.level3{display:grid;}
.level4{display:none;}
.active>.level4{display:grid;grid-template-columns:repeat(2,1fr);}
.main-menu>li>ul>li:hover a{color:#fff;text-decoration:none;}
.main-menu li a{color:#ffffff;text-decoration:none;}
.nav>ul>li:hover>a,.nav>ul>li.active>a,header.fixed .main-menu>li.active>a,.nav>ul>li a:hover{color:#3278d6;}
.nav>ul>li>a:after{position:absolute;content:"";bottom:0px;left:0;width:0;height:100%;z-index:-1;border-radius:4px;transition:width .3s ease;}
.nav>ul>li:hover>a:after,.nav>ul>li.active>a::after{width:100%;height:32px;transition:width .25s ease;border-top:#3278d6 solid 2px;border-radius:0;transform:translateY(32px);}
.nav{height:67px;width:100%;padding-top:0px;background:#000000;position:fixed;left:0;top:-126px;transition:top 0.2s ease-in-out;justify-content:center;align-items:center;align-content:center;z-index:100;}
#menu:checked~.nav{left:0;top:0;}
.nav .main-menu{display:flex;justify-content:center;margin:0;padding:0;width:calc(100% - 165px);justify-content:space-evenly;}
@media only screen and (min-width:1201px){.menu{display:none;}
.nav{position:unset;width:calc( 100% - 40vw);background:none;}
.search-box-menu{width:390px;}
.main-menu>li>ul{opacity:0;pointer-events:none;transition:ease-out .2s transform;position:absolute;top:100%;left:auto;right:auto;min-width:200px;text-align:left;}
.main-menu li li{margin-bottom:0px;padding:0;}
.main-menu>li>.ul-multiple{width:100%;left:0 !important;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;max-width:100%;}
.main-menu>li>.ul-multiple>li>a{font-size:1rem;font-weight:bold;}
.main-menu>li>.ul-multiple>li ul li{list-style-type:none;}
.main-menu>li>.ul-multiple{gap:20px;}
.main-menu>li>.ul-multiple>li{width:calc(33.3% - 20px);list-style:none;}
.main-menu>li ul{flex-wrap:wrap;border-radius:4px;}
.main-menu>li li{width:100%}
.main-menu>li.active>ul{display:flex;opacity:1;pointer-events:auto;margin-top:28px;z-index:20;left:auto;top:auto;list-style:none;}
.main-menu>li ul span.arrow{display:none;}
.main-menu>li>span.arrow::after,.main-menu>li>a,header.fixed .main-menu>li>a,header.fixed .main-menu>li span.arrow::after{color:var(--b);}
.level3 a{font-size:0.9rem;}}
@media only screen and (min-width:1500px){.main-menu>li>.ul-multiple>li{width:calc(25% - 20px);}}
@media only screen and (max-width:1200px){header.fixed .main-menu>li>a,header.fixed .main-menu>li span.arrow::after{color:var(--w);}
.menu{display:flex;}
header{display:flex;flex-direction:row;align-content:flex-start;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;top:0;left:0;}
header::after{content:"";background:unset;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;display:none;}
.logo{width:288px;max-width:140px;z-index:82;transform:translateY(0px);}
.menu{display:flex;margin-left:auto;}
#menu:checked~.nav{left:0px;top:62px;z-index:80;}
.nav{height:auto;max-height:90vh;width:100%;background:rgba(0,0,0,0.8);position:fixed;left:0;top:-100%;transition:top 0.2s ease-in-out;overflow-y:auto;box-shadow:0px 20px 60px rgb(0 0 0 / 20%);padding:40px 0px 20px 0px;}
.search-box-menu{width:90%;margin:0 auto}
.search{display:none;}
.nav .main-menu{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;}
.nav .main-menu li,.nav .main-menu li a{width:100%;}
.main-menu>li ul{display:none;position:unset;opacity:1;width:100%;}
.main-menu>li.active>ul{display:unset;}
.main-menu>li{padding:.2rem 1rem!important}
.main-menu li{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:.2rem 0rem;}
.main-menu>li span.arrow::after{color:#fff}
.main-menu>li a{color:#fff;width:calc(100% - 30px)!important;padding:8px 0}
.search-box{width:100%;margin-bottom:.5rem;position:relative;z-index:81;}
.main-menu>li>ul{transform:translateY(0);max-height:250px;overflow-y:auto;}
.main-menu .open{height:auto;padding:1rem;opacity:1;}
.main-menu>li span.active{transform:rotate(180deg);transition:transform .3s ease;}
.main-menu>li span:active::after{color:#fff;}
.main-menu>li span.active::after{color:#fff;}
.main-menu>li ul span.arrow{display:inline-block;}
.level3{max-height:none;border-radius:0;margin-top:5px;}
.nav>ul>li>a:before{display:none;}}
.nav>ul>li>ul>li>ul>li>ul{display:none!important;}
span.hot{display:inline-block;width:22px;height:18px;margin-left:2px;background:url(../images/hot.gif) no-repeat;background-size:22px 18px;}
span.new{display:inline-block;width:22px;height:18px;margin-left:2px;background:url(../images/new.gif) no-repeat;background-size:22px 18px;}
footer,footer *{font-size:.875rem;}
footer p{line-height:1.5;}
footer a,footer .li{margin-bottom:10px;display:block;color:#fff;line-height:1.7;}
footer a.a_link{display:inline-block;margin:0}
footer ul{list-style:none;padding:0;margin:0}
footer{background:#1b1c1e;background-size:contain;background-position:left top;background-repeat:no-repeat;color:#fff;}
.f-contact{background:#FF8A56;height:auto;display:flex;font-size:1.25rem;gap:20px;color:#fff;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;padding:15px 20px;}
footer .h3{font-size:1.125rem;margin-bottom:20px;font-weight:700;color:#fff;}
footer a{color:#fff;text-decoration:none;}
footer a:hover{color:#FF8A56}
.ul-contact{display:flex;flex-flow:column;grid-row-gap:1rem;padding:0;margin:0;}
.ul-contact li{position:relative;padding-left:25px;line-height:22px;}
.ul-contact li .iconfont{position:absolute;left:0;}
.f-pr-list{display:flex;flex-wrap:wrap;}
.f-pr-list li{width:50%;}
@media screen and (max-width:768px){.f-pr-list li{width:100%;}}
.bi{fill:#fff}
.link-dark .bi{transition:fill .25s ease-in-out;}
.facebook:hover .bi{fill:#ff9333;}
.twitter:hover .bi{fill:#ff9333;}
.linkedin:hover .bi{fill:#ff9333;}
.youtube:hover .bi{fill:#ff9333;}
.blog:hover .bi{fill:#ff9333;}
.social-box{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-start;align-items:center;}
.social-box li{margin:10px 10px 10px 0}
.social-box a{transform:translateX(0px);}
.social-box a:hover{transform:translateX(0px);}
#backtotop{width:54px;height:54px;background-color:#313030;border-radius:4px;margin-bottom:15px;color:#fff;font-size:.95rem;display:flex;justify-content:center;align-items:center;position:fixed;bottom:210px;right:5px;opacity:.85;cursor:pointer;z-index:996;transition:all .3s ease;display:none;}
#backtotop:hover{opacity:1;}
#backtotop:active{background-color:#181818;}
.search-btn{height:100%;position:relative}
.search-btn::after{content:""}
.search-btn span{display:block;padding:25px;cursor:pointer;color:#fff}
.search-btn span:last-child{display:none}
.search-btn.open span:last-child{display:block}
.search-btn.open span:first-child{display:none}
.fa-arrow-down{display:none}
.has-children>.fa-arrow-down,.has-children>.level1-a>.fa-arrow-down{display:unset}
.search-box{position:absolute;top:0;height:100vh;padding:0 30px;background-color:rgba(34,51,77,.5);width:100%;display:none;border-bottom:1px solid #ddd;z-index:10;align-items:center;justify-content:center;backdrop-filter:blur(5px)}
.search-box.open{display:flex;align-items:center}
.search-box select{height:30px;margin-right:20px;border:1px solid #ddd}
.searchtxt{width:60%;align-items:center;display:flex}
.searchtxt span{color:#fff;padding:10px;cursor:pointer}
.search-sc{padding:12px;border:none;border-bottom:1px solid #333;width:170px}
.search-sc:focus-visible{outline:0}
#search_button{cursor:pointer}
#searchkey{padding:12px 55px 12px 12px;border:none;border-bottom:1px solid #333;width:calc(100% - 170px)}
#search_buttonsearchkey{cursor:pointer}
.listsearchkey{width:100%;background:#fff;margin:0}
.listsearchkey ul{padding:15px 0}
.listsearchkey ul li{padding:0 15px;cursor:pointer}
.listsearchkey ul li:hover{background:#f6f6f6;color:#4587df}
#searchkey:focus{outline:0}
.search-close{position:absolute;top:20px;right:30px}
#searchkey::-webkit-input-placeholder{color:#999}
#searchkey:-moz-placeholder{color:#999}
#searchkey::-moz-placeholder{color:#999}
#searchkey:-ms-input-placeholder{color:#999}
@media (max-width:1199px){.search-btn span{padding:25px 10px}}
.nav-search{position:relative;display:none}
.nav-search.open{display:flex;position:absolute;top:68px;right:0;flex-wrap:wrap;width:580px}
.nav-search .fa-search_bold{position:absolute;top:13px;right:10px}
.nav-search .close{position:absolute;top:16px;right:34px;color:#3278d6;cursor:pointer;font-size:.85rem;display:none}
.nav-right{display:flex;position:relative}
.nav-right>span{padding:10px 10px;display:inline-block;font-weight:700;margin-left:10px;color:var(--b);cursor:pointer;width:45px;display:flex;justify-content:center;align-items:center}
.nav-right>span .iconfont{font-size:1.85rem;color:var(--b);position:relative}
.has-children:hover>.level1-a>a,.has-children:hover>.level1-a>i,.has-children:hover>a,.has-children:hover>i{color:#4587df}
.basket-sidecontainer .side-content .sidebasket tr td span{color:#84b2ff!important}
.icon-basket:before{content:"\f07a";font-family:'FontAwesome';padding:5px;display:block;color:#fff;font-size:1.5em}
.basket-sidecontainer{padding:5px 10px;line-height:18px;z-index:100000;position:relative}
.basket-sidecontainer:hover .glyphicon{color:#fff}
.basket-sidecontainer a{color:#f2f2f2;text-decoration:none}
.basket-sidecontainer:hover a{color:#fff}
.basket-sidecontainer:hover .side-content{display:block;color:#b9e8f7}
.basket-sidecontainer .side-content{z-index:99;position:absolute;top:100%;right:0;background-color:#21241d;display:none;color:#fff;padding:15px;width:380px}
.basket-sidecontainer .side-content a{width:auto;display:inline-block}
.basket-sidecontainer .side-content .h{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#fff}
.basket-sidecontainer .side-content .sidebasket{font-size:.75rem;max-height:300px;overflow:hidden;overflow-x:auto;overflow-y:scroll;color:#fff}
.basket-sidecontainer .side-content .sidebasket tr td{border-bottom:1px solid #ccc;padding:8px;color:#fff;line-height:18px;background-color:#21241d}
.basket-sidecontainer .side-content .sidebasket tr:last-child td{border-bottom:0}
.basket-sidecontainer .basket-count{width:20px;height:20px;display:inline-block;background-color:red;color:#fff;z-index:12;position:absolute;top:25px;right:0;border-radius:15px;text-align:center;font-size:.75rem;line-height:20px;z-index:110}
.cartbtn{display:inline-block;text-align:center;color:#fff;text-decoration:none;background-color:#4587df;border:0;cursor:pointer;border-radius:5px;outline:0;margin:10px 0;padding:10px 15px}
.cartbtn:hover{background-color:#0957bf;color:#fff}
.addtobasket:before{content:"\f07a";font-family:'FontAwesome';padding:3px 0;display:block;color:#fff;border-radius:3px;background-color:rgba(69,135,223,1);font-size:1.3em;text-align:center;width:45px;cursor:pointer;margin-right:5px}
.addtobasket:hover:before{background-color:#0769b1}
.basket-sidecontainer .side-content .sidebasket tr td span{color:#84b2ff!important}
@media screen and (max-width:768px){.basket-sidecontainer .side-content{position:fixed;top:68px;display:none;right:0;background-color:#21241d;padding:15px;width:100%;max-height:calc(100vh - 68px);overflow-y:auto;}}
.tdaddtobasket{display:inline-block;float:right}
.ShoppingCar .carTit{font-size:1.25rem;font-weight:700}
.ShoppingCarList{display:table;width:100%;font-size:.85rem;padding:5px}
.ShoppingCarqiansebg{background-color:#f2f2f2;font-weight:700}
.ShoppingCarList td{padding:8px}
.ShoppingCarList tr td{border-bottom:1px solid #efefef;background-color:#fff;vertical-align:middle;}
.ShoppingCarList a:hover{color:red}
.ShoppingCarList .docare{color:#000;cursor:pointer}
.ShoppingCarList .docare:hover{color:red}
.ShoppingCarList .dellink{color:#000;cursor:pointer}
.ShoppingCarList table tr:nth-of-type(2n+2) td{background-color:#fafafa}
.shoppoingNote{padding:10px 10px 10px 30px;background-color:#fcf6ee;font-size:1rem;margin-bottom:15px;border:1px solid #f4dec0;font-weight:lighter;position:relative}
.input-group .arrow{height:31px;width:31px;background-color:#efefef;text-align:center;font-size:.75rem;display:inline-block;z-index:1;line-height:31px;cursor:pointer}
.input-group .arrow.sitetop{position:absolute;top:0;right:0;border:1px solid #a1a1a1}
.input-group .arrow.sitebottom{position:absolute;top:0;left:0;border:1px solid #a1a1a1}
.input-group .arrow:hover{background-color:#203869;transform:background-color .3s;border:1px solid #203869;color:#fff}
.shopping-unit{display:table;padding:0;margin:0}
.shopping-unit:nth-child(2n+1){background-color:#f2f2f2}
.headbg,thead{background-color:#4b87dc!important;color:#fff!important;font-weight:700}
.headbg li:nth-child(8){color:#fff!important;cursor:none!important}
.shopping-unit li{float:left;padding:10px}
.shopping-unit li:first-child{width:7%}
.shopping-unit li:nth-child(2){width:15%}
.shopping-unit li:nth-child(3){width:26%}
.shopping-unit li:nth-child(4){width:7%}
.shopping-unit li:nth-child(5){width:10%}
.shopping-unit li:nth-child(6){width:15%}
.shopping-unit li:nth-child(7){width:10%}
.shopping-unit li:nth-child(8){width:10%}
.shopping-unit li:nth-child(8) i{font-weight:700}
.shopping-unit li:nth-child(8):hover{color:red}
.shopping-unit li:nth-child(8){color:#666;cursor:pointer}
.cash{display:table;width:100%;margin-top:20px}
.cash ul{padding:0;margin:0;display:table;width:100%;height:100px}
.cash ul li{padding:10px;background-color:#efefef;color:#666;position:relative;height:100px;list-style:none}
.cash ul li select{margin-top:5px;display:block}
.cash ul li .fuhao{position:absolute;right:15px;top:15%;color:#ddd;font-size:2.5rem}
.cash ul li:last-child{background-color:#f2e63b;color:#000}
.cash ul li .num{font-size:1.1rem;display:block;font-family:Arial," sans-serif",Helvetica Neue,Helvetica;font-weight:700;margin-top:5px}
.shoppingTit{font-weight:700;font-size:1.75rem;margin-bottom:20px;margin-top:20px}
.smallshoppingTit{font-weight:700;font-size:1rem;border-bottom:1px solid #efefef;padding-bottom:15px}
.smallshoppingTit i{color:#f2e63b;margin-right:8px}
.Checkout-info-unit{display:table;width:100%;padding-bottom:30px;margin-top:15px}
.radio-inline{margin-bottom:15px}
.Checkout-info-unit .info-title{vertical-align:middle}
.checkout-btn{border-radius:5px;margin-top:5px;margin-bottom:10px;color:#fff;background-color:#1e3664;border:0;padding:10px 20px 10px 20px;font-family:Arial," sans-serif",Helvetica Neue,Helvetica;font-weight:700;font-size:1.25rem}
.checkout-btn:hover{background-color:#f2e63b;color:#000}
.checkout-btn-mod{color:#000;background-color:#f2e63b;border-radius:5px;margin-top:5px;margin-bottom:10px;border:0;padding:10px 20px 10px 20px;font-family:Arial," sans-serif",Helvetica Neue,Helvetica;font-weight:700;font-size:1.25rem}
.checkout-btn-mod:hover{background-color:#1e3664;color:#fff}
.price-total:before{content:'$'}
.minus-icon,.plus-icon{cursor:pointer}
.minus-icon:before{font-family:glyphicons;content:"\2212";color:#9c9b9b}
.plus-icon:before{font-family:glyphicons;content:"\002b";color:#9c9b9b}
.table-cart .input-sm{min-width:40px}
@media only screen and (min-width:1366px){.shopping-unit{width:100%}
.cash ul li{width:18%;float:left}
.cash ul li:first-child{width:28%;float:left}
.Checkout-info-unit .info-title{padding-top:11px}
.Checkout-info-page div[class*=col].info-input{padding-top:11px}
.Checkout-info-unit div[class*=col]{padding-bottom:10px}}
.tabledetail{margin-top:15px}
.tabledetail:after{display:table;content:" "}
.tabledetail:after{clear:both}
.tabledetailbox table{border-collapse:collapse}
.tabledetailbox table,.tabledetailbox table tr,.tabledetailbox table tr td,.tabledetailbox table tr th{border:1px solid #ddd;text-align:center}
.tabledetailbox table tr th{background:#f5f5f5;color:#000}
.tabledetailbox table tr:nth-of-type(2n+2) td{background:#fff}
.tabledetailbox table input{text-align:center;border:1px solid #a7a6a6}

@media (min-width:992px){.tabledetail .tabledetailimg{width:25%;float:left;margin-right:5%}
.tabledetail .tabledetailimg img{max-width:100%!important}
.tabledetail .tabledetailbox{width:70%;float:left}}
.btn-inquiry.inquiry-button{width:120px;height:36px;line-height:36px}
.successinfo .iconarea .iconunit{background:#198754;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:60px}
#notification{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background-color:#4caf50;z-index:999;color:#fff;padding:10px 20px;border-radius:5px;display:none}
@media only screen and (max-width:1200px){.nav-right{position:fixed;top:5px;right:46px;z-index:10;}
.nav-search.open{position:fixed;width:100%;top:67px;}}
.btn-buy{--bs-btn-color:#fff;--bs-btn-bg:#fd8d0d;--bs-btn-border-color:#fd8d0d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#e07e0d;--bs-btn-hover-border-color:#e07e0d;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#e07e0d;--bs-btn-active-border-color:#cf750e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#fd8d0d;--bs-btn-disabled-border-color:#fd8d0d}
.btn-outline-buy{--bs-btn-color:#fd8d0d;--bs-btn-border-color:#fd8d0d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#fd8d0d;--bs-btn-hover-border-color:#fd8d0d;--bs-btn-focus-shadow-rgb:74,134,219;--bs-btn-active-color:#fff;--bs-btn-active-bg:#fd8d0d;--bs-btn-active-border-color:#fd8d0d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fd8d0d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#fd8d0d;--bs-gradient:none}
.text-bg-buy{color:#fff!important;background-color:#fd8d0d!important}
.text-buy{color:#fd8d0d!important;}
.account-btn{border:#333 solid 1px;border-radius:100%;height:34px!important;width:34px!important;align-self:center;}
.nav-search{position:relative;display:none}
.nav-account{position:relative;display:none}
.nav-account.open{display:flex;position:absolute;top:64px;right:0;flex-wrap:wrap;width:420px;border:#eee solid 1px;border-radius:13px;box-shadow:10px 10px 60px rgba(0,0,0,.2),-10px -10px 60px rgba(0,0,0,.2);min-height:350px;background:#fff;}
#account-btn-close{font-size:2.35rem;height:38px;width:38px;line-height:38px;font-weight:100;color:#999;cursor:pointer;}
#account-btn-close:hover{color:#000}
@media screen and (max-width:768px){.nav-account.open{display:flex;position:fixed;top:0px;right:0;flex-wrap:wrap;border:none;border-radius:0;box-shadow:none;height:100vh;background:#fff;z-index:999999999999;width:100vw;}html{font-size:13px}.btn{font-size:.75rem !important;padding:6px 10px;}.btn .iconfont{font-size:.75rem;}.search-sc{padding:12px 1px;width:120px;}#searchkey{padding:12px 25px 12px 6px;width:calc(100% - 120px);}}
#cart{width:35px;height:35px;}
.cart-path{fill-rule:evenodd;clip-rule:evenodd;fill:var(--b);}
@media (max-width:310px){.logo{max-width:90px;}.nav-right>span{width:auto;height:auto;padding:7px 4px;}.nav-right>span .iconfont{font-size:1.25rem;}#cart{width:25px;}.basket-sidecontainer{padding:10px 5px;}.basket-sidecontainer .basket-count{font-size:8px;width:15px;height:15px;line-height:15px;}.nav-right{right:36px;}.menu span{width:15px;height:5px;}}