@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:16px;}
.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%;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:16px;}
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;}
::-webkit-scrollbar-thumb{background:transparent;border:1px solid #dae1eb;background:#333;width:5px;border-radius:10px;-webkit-transition:.5s;transition:.5s;}
:root{--main-color:#3278d6}
.logo{width:100%}
ul{list-style:none;}
a{color:#3278d6;text-decoration:none;}
a:hover{color:var(--bs-btn-active-bg)}
header{width:100%;position:fixed;top:0;left:0;z-index:99;min-height:82px;padding:.5rem 0;transition:all .3s ease;background:none;}
header.fixed{background:#222;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 .menu span i{background-color:#fff}
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;/* border-radius:300px;*/
 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;background:url(../img/menu-ico-bg.svg) no-repeat;}
.menu span::after{opacity:0;background:url(../img/menu-ico-bg-2.svg) no-repeat;}*/
.menu span i{border-radius:20px;}
.menu span i:nth-of-type(1){transform:translateY(-5px);width:100%;height:3px;background-color:#fff;transform-origin:center center;transition:transform 250ms ease;}
.menu span i:nth-of-type(2){width:100%;height:3px;background-color:#fff;transform-origin:center center;transition:transform 250ms ease;}
.menu span i:nth-of-type(3){transform:translateY(5px);width:100%;height:3px;background-color:#fff;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:#fff;}
#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:#fff;}
#menu:checked~.menu{color:#fff;}
.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:.5rem 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;}
.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;}
@media screen and (min-width:768px){.main-menu li ul a{transform:translateX(0px);transition:transform ease .5s,color ease .3s;font-size:.9rem;}
.main-menu li ul a:hover{transform:translateX(10px);color:rgba(255,255,255,0.75);text-decoration:underline;}}
.main-menu>li>a{font-weight:500;text-transform:uppercase;position:relative;}
.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:#000000d9;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;}
.main-menu>li>.ul-multiple li,.main-menu>li>ul li{margin-bottom:4px;line-height:1.2;}
.main-menu li li{margin-bottom:10px;}
.main-menu>li>ul ul{padding-left:10px;}
.main-menu>li span.arrow::after{content:"";display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;color:#fff;}
.main-menu>li:hover span.arrow::after{color:#3278d6}
@media only screen and (min-width:1291px){.menu{display:none;}
.nav{position:unset;width:calc( 100% - 202px);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{max-width:275px;}
.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(25% - 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:#fff;}}
@media only screen and (max-width:1290px){header.fixed .main-menu>li>a,header.fixed .main-menu>li span.arrow::after{color:#fff;}
.menu{display:flex;}
header{display:flex;flex-direction:row;align-content:center;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:0;z-index:80;}
.nav{height:100vh;width:100%;background:rgba(0,0,0,0.99);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;}
.nav .main-menu{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;padding:0 20px;}
.nav .main-menu li,.nav .main-menu li a{width:100%;}
.main-menu>li>ul{display:none;}
.main-menu>li.active>ul{display:unset;}
.search-box-menu{width:90%;margin:0 auto}
.search{display:none;}
.search-box{width:100%;margin-bottom:.5rem;position:relative;z-index:81;}
.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;}
.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(../img/hot.gif) no-repeat;background-size:22px 18px;}
span.new{display:inline-block;width:22px;height:18px;margin-left:2px;background:url(../img/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:5px;display:block;color:#fff;}
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;}

.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}
.nav-box{padding:0 5px 0 0}
.level1-a{position:relative;display:flex;align-items:center}
.level1-a i{position:relative;right:15px}
.nav-logo{display:flex;align-items:center}
.level2{display:none;z-index:10}
.level2::-webkit-scrollbar,.level3::-webkit-scrollbar,.level4::-webkit-scrollbar{width:8px;height:4px}
.level2::-webkit-scrollbar-thumb,.level3::-webkit-scrollbar-thumb,.level4::-webkit-scrollbar-thumb{border-radius:20px;-webkit-box-shadow:inset 0 0 1px rgb(12 12 12 / 20%);background:#999}
.level2 a{font-size:15px}
.top-menu a{color:#000}
.top-menu a:hover{color:#4587df}
.top-menu .open>.level2-a>a,.top-menu .open>a{color:#4587df}
.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% - 0px)}
#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}
.m-menu i{display:block;padding:25px 10px;cursor:pointer}
.level2-a{position:relative}
.level2-a i{position:absolute;top:14px;right:10px;transform:rotate(-90deg)}
@media (max-width:1199px){.nav-box{display:flex;justify-content:space-between;padding:0 10px}
.top-menu{position:absolute;width:100%;top:70px;left:0;padding:0 10px;display:none;z-index:10}
.top-menu.show{display:block}
.top-menu li{margin:10px 0}
.level2-a{border-bottom:1px solid #ddd;padding-bottom:5px}
.level1-a i{top:-3px;display:block;padding:5px;right:9px;color:#888}
.has-children.active1 .level2{display:block}
.search-btn span{padding:25px 10px}
.level2-a a{padding:5px 0!important;display:inline-block}
.level2-a i{position:absolute;right:10px;top:4px;font-size:14px;padding:5px;color:#888;cursor:pointer;display:block}}
.top-nav{min-height:70px;height:auto;top:0;width:100%;position:fixed;background:#111;z-index:20}
.top-nav.fixed{background:#111}
.m-menu{color:#fff}
.top-menu>li .d-layer{display:none}
.top-menu>li.active .d-layer{height:330px;display:block}
@media (min-width:1200px){.level1-a>a,.level1-a>i{color:#fff}
.m-menu{display:none}
.nav-box{display:flex;height:70px;width:100%;align-items:center;justify-content:space-between}
.top-menu{display:flex;width:100%;justify-content:center;font-size:18px}}
.nav-logo img:last-child{display:none}
.top-nav.fixed .nav-logo img:last-child{display:block}
.top-nav.fixed .nav-logo img:first-child{display:none}
.top-nav.fixed .search-btn span{color:#000}
.nav-search{position:relative;display:none}
.nav-search.open{display:flex;position:absolute;top:71px;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:14px;display:none}
.nav-right{display:flex;position:relative}
.nav-right>span{padding:10px 10px;display:inline-block;font-weight:700;margin-left:10px;color:#fff;cursor:pointer;width:45px;display:flex;justify-content:center;align-items:center}
.nav-right>span .iconfont{font-size:30px;color:#fff;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: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:18px;font-weight:700;margin-bottom:10px;color:#fff}
.basket-sidecontainer .side-content .sidebasket{font-size:12px;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:12px;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:20px;font-weight:700}
.ShoppingCarList{display:table;width:100%;font-size:14px;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:16px;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:12px;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:40px}
.cash ul li:last-child{background-color:#f2e63b;color:#000}
.cash ul li .num{font-size:18px;display:block;font-family:Arial," sans-serif",Helvetica Neue,Helvetica;font-weight:700;margin-top:5px}
.shoppingTit{font-weight:700;font-size:28px;margin-bottom:20px;margin-top:20px}
.smallshoppingTit{font-weight:700;font-size:16px;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:20px}
.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:20px}
.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:1290px){.nav-right{position:fixed;top:15px;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:38px;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:12px !important;padding:6px 10px;}.btn .iconfont{font-size:12px;}.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:#fff;}
@media (max-width:310px){.logo{max-width:90px;}.nav-right>span{width:auto;height:auto;padding:10px 4px;}.nav-right>span .iconfont{font-size:20px;}#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;}}

.pagination>.active>a,.pagination a:hover{border-radius:4px;background:#4587df;color:#fff;}
.pagination>li>a,.pagination>li>span{border:0;background:#f5f5f5;border-radius:4px;width:auto;display:flex;justify-content:center;height:100%;line-height:30px;padding:0 10px;height:30px;}
.pagination{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;align-content:center;margin:15px 0;}