body,ul{margin:0;padding:0;list-style:none;}
body{background:white;font-size:15px;font-family:'Roboto', sans-serif;}
body a{text-decoration:none;color:inherit}
a:hover{text-decoration:underline}
*{outline:none}
img[data-src]{display:none}
iframe{max-width:100%}
.schema{display:none}
.hotline{width:100%;margin-top:20px}
.video{width:800px;height:600px;margin:auto}
.video360{width:600px;height:600px;margin:auto}
.container{width:100%;margin:0}
.searching{background:url(/images/load.gif) no-repeat top+8px right+5px;background-size:20px 20px}
.nav{width:100%;height:30px;line-height:30px;margin-bottom:20px;background-color:#F2F2F2;color:#B9B9B9}
.nav ul{margin:0 0 0 282px;padding:0;list-style:none;font-size:13px;color:#B4B4B4}
.nav li{margin:0 10px;display:inline}
.nav li:first-child{margin-left:0}
.nav li:last-child{color:#62B846}

.breadcrumb{line-height:1.5;padding:10px;color:#aaa;list-style:none}
.breadcrumb li{margin:0 10px;display:inline}
.breadcrumb li:first-child{margin-left:0}
.breadcrumb li:last-child{color:#212121;font-weight:bold}

.description{line-height:1.5;font-size:15px;color:#262626}
.description h1,.description h2{font-size:18px;font-weight:bold;line-height:2.5}
.description h3{font-size:16px;font-weight:bold;line-height:2}
.description a{color:#007263}
.description a:hover{text-decoration:underline}

.list{width:100%;margin-top:-1px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex !important;flex-wrap:wrap}
.list .item{width:calc(25% - 1px);padding:0;margin:0;border-bottom:1px solid #ddd;border-left:1px solid #ddd;position:relative;overflow:hidden;display:inline-block;vertical-align:top;transition:all 0.3s ease}
.list .item .image{height:200px;position:relative;}
.list .item .image .bg{width:100%;height:100%;top:0;left:0;opacity:0.3;z-index:1;position:absolute;background-size:cover;background-repeat:no-repeat;}
.list .item .image .zoom{position:absolute;bottom:10px;right:10px;z-index:3;display:none}
.list .item .image:hover .zoom{display:block}
.list .item .image .zoom i{font-size:22px;color:#888;transition:all 0.3s linear}
.list .item .image .zoom:hover i{font-size:26px}
.list .item:nth-child(even) .image .bg{opacity:0.5;}
.list .item .image img{max-width:90%;max-height:90%;display:block;position:absolute;z-index:2;transform:translate(-50%, -50%);top:50%;left:50%;}
.list .item .name{width:calc(100% - 20px);margin:0 10px;text-align:left;overflow:hidden;}
.list .item .name a{font-size:14px;line-height:20px;color:#2c2c2c;text-decoration:none;transition:all 0.3s linear}
.list .item .name a:hover{color:#007263;}
.list .item .code{width:calc(100% - 120px);height:25px;margin:0 10px 5px;line-height:25px;font-size:16px;font-weight:bold;color:#005284;text-align:left;display:inline-block;float:left;}
.list .item .viewcount{width:90px;height:25px;line-height:25px;margin:0 10px 5px 0;font-size:15px;color:#8f8f8f;text-align:right;display:inline-block;float:right;}
.list .item .price{margin:5px 10px;font-size:16px;font-weight:bold;color:#ed1c24;text-align:left}
.list .item .price span{font-size:12px;font-weight:400;color:#999;text-decoration:line-through;display:block}
.list .item .brand{margin:5px 10px;font-size:14px;color:#2c2c2c;text-align:left}
.saleoff{position:absolute;top:5px;right:5px;z-index:2;background-color:#ED1C24;opacity:0.8;border-radius:50%;width:40px;height:40px;line-height:35px;color:white;font-size:14px;text-align:center;}

/*header*/
.header{width:100%;height:50px;background-color:#300053;position:fixed;top:0;left:0;z-index:999;overflow:initial}
.header ul{width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}
.header li{width:calc(33% - 25px);padding:0 5px;text-align:center;overflow:hidden}
.header li:nth-child(2){width:calc(66% - 40px)}
.header li img{height:20px;margin:5px auto 0;display:block}
.header li label{height:22px;line-height:22px;display:block;text-align:center;color:white;font-size:12px}
.header li input[type="text"]{width:100%;height:22px;line-height:22px;margin:0;padding:0;border:0;outline:0;font-size:12px;color:white;text-align:center;background-color:transparent;transition:0.3s border-bottom linear}
.header li input[type="text"]:focus{border-bottom:1px solid #6FB843;}
.header li:last-child{width:45px;padding:0}
.header li:last-child img{height:30px;margin:10px 0 0}
.header li ul{width:100vw;height:calc(100vh - 100px);margin:0;padding:0;list-style:none;background-color:rgba(0,114,99,0.95);position:absolute;top:50px;left:0;display:none;overflow-y:auto}
.header li:hover ul{display:block}
.header li li,.header li li:last-child{width:calc(100% - 20px);height:30px;line-height:30px;padding:5px 10px;font-size:14px;text-align:left;color:white;display:block}
.header li li.on{color:#6FB843}
.header ul.brand li{width:80px;height:60px;margin:10px 5px 0;border:1px solid #ccc;background-color:white;display:inline-flex;vertical-align:top;justify-content:center;align-items:center;overflow:hidden}
.header ul.brand li img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;margin:auto}
.header .osSelectText{width:100vw !important;height:calc(100vh - 100px) !important;position:fixed !important;top:50px;left:0;z-index:99}
.header .osSelectTextClose{top:-50px;height:50px !important;width:50px;border-radius:0;background-color:red;line-height:50px}
.header .osSelectTextClose a{color:yellow !important}
.header .osSelectTextList{height:calc(100%) !important;top:0;max-height:unset !important;background-color:black}
.header .osSelectTextList a.ui-btn{background-color:transparent;text-shadow:none;color:white;border:0 !important;line-height:30px;margin:0 !important;padding:0}
.cartcount{width:20px;height:20px;line-height:22px;padding:0;border-radius:50%;color:#fff;background-color:#f00;font-size:12px;text-align:center;display:block;position:absolute;top:5px;right:5px;}
.cartalert{height:30px;line-height:30px;padding:5px 10px;border-radius:5px;color:yellow;background-color:#f00;text-align:center;display:block;position:absolute;top:50px;right:5px;cursor:pointer;display:none;transition:all 0.3s;}
.cartalert.active{display:block;z-index:10}
.cartalert a{font-size:16px;font-weight:bold;color:yellow !important;}
.cartalert .fa-times{margin-left:10px;}
.cartalert .fa-triangle{position:absolute;top:-2px;right:5px;border:solid #f00;border-width:0 8px 8px 0;color:transparent;display:inline-block;padding:8px;transform:rotate(-135deg);z-index:-1}
.osSelectAutocomplete{position:absolute !important;left:0 !important;top:50px !important;background-color:white;width:100% !important}

.headermenu{margin-top:50px}
.headermenu .slide{width:calc(100%);margin:0;padding:0}
.headermenu .slide .item{outline:none;}
.headermenu .slide .ads{width:100%;overflow:hidden}
.headermenu .slide .ads img{width:100%;outline:none}
.headermenu .slide .ads .slick-prev,.headermenu .slide .ads .slick-next{width:40px;height:40px;position:absolute;z-index:2;background:rgba(0,0,0,0);border:0;outline:none;opacity:0.6 !important;}
.headermenu .slide .ads .slick-prev{left:0}
.headermenu .slide .ads .slick-next{right:0}
.headermenu .slide .ads .slick-arrow img{width:auto;height:80px;cursor:pointer;}
.headermenu .slide .ads .slick-prev:before,.headermenu .slide .ads .slick-next:before{font-size:40px !important;}
.headermenu .slide .ads .slick-dots{bottom:10px !important;}
.headermenu .slide .ads .slick-dots li button:before{font-size:16px !important;color:#ED1C24 !important}
.headermenu .slick-dotted.slick-slider{margin-bottom:0 !important}
.headermenu .brand{width:calc(100%)}
.headermenu .brand h2{margin:0;padding:0;height:35px;line-height:35px;font-size:14px;color:#212121;text-align:center}
.headermenu .brand .list{width:100%;padding:0 0 10px;display:flex;justify-content:center}
.headermenu .brand .list div{width:80px;height:60px;margin:10px 5px 0;border:1px solid #ccc;display:inline-flex;justify-content:center;align-items:center;overflow:hidden}
.headermenu .brand .list img{max-width:100%;max-height:100%;display:block;margin:auto}

/*footermenu*/
.footermenu{width:100%;height:49px;border-top:1px solid #A3A3A3;background:#F9F9F9;position:fixed;bottom:0;left:0;z-index:3000;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2)}
.footermenu ul{height:100%;margin:0;padding:0;display:flex}
.footermenu li{width:20%;height:100%;list-style:none;display:inline-block;vertical-align:top;text-align:center;position:relative}
.footermenu li.on{background-color:#DF5526}
.footermenu ul.col4 li{width:25%}
.footermenu a,.footermenu a:visited{line-height:22px;font-size:12px;font-weight:400;color:#A1A1A1;display:block}
.footermenu li.on a,.footermenu li.on i{color:white !important;}
.footermenu i{width:100%;height:20px;line-height:20px;margin:5px 0 0;display:block;text-align:center;font-size:20px}
.footermenu img{max-width:100%;height:20px;display:block;margin:5px auto 0}
.footermenu ul li:last-child img{border-radius:50%}

.hotgroup{width:100%;margin:15px 0;position:relative}
.hotgroup .container{background-color:white}
.hotgroup h2{height:40px;line-height:40px;margin:0;padding:0;text-transform:uppercase;font-size:18px;background-color:red;color:white}
.hotgroup h2 img{height:25px;margin:6px 5px 0;float:left}
.hotgroup .list{width:calc(100% - 20px);padding:10px}
.hotgroup .list .item{width:calc(33% - 1px);border:1px solid #ddd;border-left:0}
.hotgroup .list .item:nth-child(-n + 3){margin-bottom:-1px}
.hotgroup .list .item:nth-child(3n + 1){width:calc(33% - 2px);border-left:1px solid #ddd}
.hotgroup .list .item:nth-child(n+10){display:none}
.hotgroup.more .list .item:nth-child(n+10){display:block}
.hotgroup .more{width:calc(100% - 20px);margin:10px;line-height:25px;font-size:14px;color:#ccc;text-align:right}
.hotgroup .list .item .image{height:100px}
.hotgroup .list .item .name{width:calc(100% - 10px);margin:0 5px 5px;text-align:center}

.seen{width:100%;margin:15px 0;}
.seen h2{height:40px;line-height:40px;margin:0;padding:0 10px;text-transform:uppercase;font-size:18px;background-color:red;color:white}
.seen .list{margin-top:0 !important}
.seen .list .item{width:calc(50% - 1px)}
.seen .list .item:nth-child(n+3){border-bottom:0}
.seen .list .item .image{height:220px}
.seen .list .item .name{}
.seen .slick-prev,.seen .slick-next{width:20px;height:44px;top:calc(50% + 2px);position:absolute;z-index:2;background:#eee;color:white;font-size:18px;border:0;outline:none;opacity:0.9 !important;z-index:2}
.seen:hover .slick-prev,.seen:hover .slick-next{opacity:0.9 !important;background:#d2d2d2}
.seen .slick-prev{left:0;border-radius:0 20px 20px 0;}
.seen .slick-prev i{float:left;margin-left:3px}
.seen .slick-next{right:0;border-radius:20px 0 0 20px;}
.seen .slick-next i{float:right;margin-right:3px}
.seen .slick-prev:before,.seen .slick-next:before{font-size:0 !important;color:transparent}

.homeproduct{}
.homeproduct .group{width:calc(100%);background-color:white}
.homeproduct .group:first-child{margin-top:0}
.homeproduct .group > h2{height:40px;line-height:40px;margin:0;padding:0;text-transform:uppercase;text-indent:10px;font-size:18px;background-color:#007263;color:white}
.homeproduct .group > h2 a{margin-right:10px;text-transform:capitalize;font-size:14px;float:right}
.homeproduct .group .all h3{height:40px;line-height:40px;margin:0 10px;padding:0;font-size:16px;font-weight:bold;color:red}
.homeproduct .list{margin-top:0 !important;border-bottom:0 !important}
.homeproduct .list .item{width:calc(50% - 1px)}
.homeproduct .list .item .image{}
.homeproduct .slick-prev,.homeproduct .slick-next{width:20px;height:44px;top:calc(50% + 2px);position:absolute;z-index:2;background:#eee;color:white;font-size:18px;border:0;outline:none;opacity:0.9 !important;z-index:2}
.homeproduct .group:hover .slick-prev,.homeproduct .group:hover .slick-next{opacity:0.9 !important;background:#d2d2d2}
.homeproduct .slick-prev{left:0;border-radius:0 20px 20px 0;}
.homeproduct .slick-prev i{float:left;margin-left:3px}
.homeproduct .slick-next{right:0;border-radius:20px 0 0 20px;}
.homeproduct .slick-next i{float:right;margin-right:3px}
.homeproduct .slick-prev:before,.homeproduct .slick-next:before{font-size:0 !important;color:transparent}

.catalog{width:100%}
.catalog ul{width:100%;margin:0;padding:0;display:inline-flex !important;flex-wrap:wrap}
.catalog li{width:calc(50% - 1px);border:1px solid #ddd;border-left:0;margin-top:-1px;display:inline-block}
.catalog li:nth-child(2n){border-right:0}
.catalog li div:first-child{width:100%;height:120px;position:relative}
.catalog li div:first-child img{max-width:90%;max-height:90%;display:block;position:absolute;z-index:2;transform:translate(-50%, -50%);top:50%;left:50%;}
.catalog li div:nth-child(2){width:calc(100% - 10px);height:50px;margin:5px;overflow:hidden;text-align:center}
.catalog li div:nth-child(2) a{font-size:14px;line-height:20px;color:#2c2c2c;text-decoration:none;transition:all 0.3s linear}
.catalog li div:nth-child(2) a:hover{color:#007263;}

.home h2{margin:10px;text-align:center;text-transform:uppercase;font-size:22px}
.home .newshot{}
.home .newshot .first{width:100%;height:450px;position:relative;overflow:hidden}
.home .newshot .first > img{width:auto;height:100%}
.home .newshot .first > div{width:calc(100% - 40px);padding:20px;background-color:rgba(0,0,0,0.6);position:absolute;bottom:0;left:0;z-index:2;overflow:hidden}
.home .newshot .first > div .title{width:100%;line-height:1.2;margin:0;padding:0;color:white;font-size:18px;font-weight:bold}
.home .newshot .first > div .summary{font-size:15px;font-weight:400;color:white !important;overflow:hidden}
.home .newshot .first > div .summary *{font-size:15px !important;line-height:1.33;font-weight:400;color:white !important}
.home .newshot .first > div .summary p{margin:5px 0;padding:0;color:white !important}
.home .newshot .second{width:100%}
.home .newshot .second .item{width:100%;max-height:150px;margin:0;padding:10px 0;overflow:hidden}
.home .newshot .second .item img{width:100%;display:block;margin:auto;}
.home .newshot .second .item > div{width:120px;max-height:150px;margin-right:10px;float:left;overflow:hidden}
.home .newshot .second .item > label{width:calc(100% - 145px);line-height:1.2;margin:0;padding:0;font-size:16px;font-weight:bold;color:#007263;text-align:justify;display:block;overflow:hidden}
.home .newshot .second .item > .summary{width:calc(100% - 145px);height:95px;margin:5px 0 0;padding:0;float:none;overflow:hidden}
.home .newshot .second .item > .summary *{margin:0;padding:0;line-height:1.33;font-size:15px !important;color:#262626 !important;text-align:justify !important}

.intro{margin:10px}
.intro .menu{}
.intro .menu ul{margin-top:0}
.intro .menu li{margin:0;padding:0;font-size:15px;color:#262626;position:relative}
.intro .menu li.on{font-weight:bold}
.intro .menu li h2{height:40px;line-height:40px;margin:10px 0 0;padding:0;text-transform:uppercase;font-size:18px;color:black}
.intro .menu li:first-child h2{margin-top:0}
.intro .menu li a{height:35px;line-height:35px;text-indent:20px;border-top:1px solid #E1E1E1;text-transform:capitalize;display:block}
.intro .menu li a:hover{background-color:#E7B100;color:white}
.intro .menu > img,.intro .menu > iframe{width:300px;margin:20px 0}
.intro .detail{}
.intro .title{line-height:1.5;margin:10px 0;padding:0;color:#007263;font-size:18px;font-weight:bold;text-transform:uppercase;text-align:center}
.intro .desc *{line-height:1.5;font-size:15px !important}

.contact{}
.contact h1,.contact h2{margin:20px 0;padding:0;height:50px;line-height:50px;font-size:24px;font-weight:bold;color:#007263;text-transform:uppercase}
.contact .info{display:flex;flex-wrap:wrap;color:white;line-height:1.5;font-size:15px}
.contact .col{width:calc(50% - 70px);margin:0 30px 30px 0;padding:20px;background-color:#62B946}
.contact .info h3{margin:0 0 10px;padding:0;text-transform:uppercase;font-size:18px;}
.contact .info p{margin:3px 0;padding:0}
.contact .info i{margin-right:5px}
.contact .form{width:calc(50%);margin:0;padding:0}
.contact .form p{line-height:1.5;color:#737373;font-size:15px}
.contact .form .loading{width:80px;margin:30px 0 50px;display:none}
.contact .form .result{margin-bottom:50px;line-height:1.5;color:red;font-size:16px}
.contact .form input[type="text"]{width:calc(100% - 30px);height:30px;margin:10px 0;padding:5px 10px;border-radius:5px;display:block;background-color:#F2F2F2;border:1px solid #B7B7B7;color:#717171}
.contact .form textarea{width:calc(100% - 30px);height:80px;margin:15px 0;padding:5px 10px;border-radius:5px;display:block;background-color:#F2F2F2;border:1px solid #B7B7B7;color:#717171;resize:none}
.contact .form .error{background-image:url(/images/Fail.png) !important;background-repeat:no-repeat !important;background-position:right center !important}
.contact .form button{height:35px;line-height:35px;margin:0 0 20px;padding:0 20px;outline:none;border:1px solid #44448C;border-radius:10px;background-color:#3E4393;color:white;font-size:15px;font-weight:bold;text-transform:uppercase;text-align:center}
.contact .form button:hover{background-color:#007263;border-color:#007263}
.product{margin-bottom:30px;position:relative}
.product .menu{margin:0;padding:0}
.product .menu h2{margin:10px 0;padding:0;font-size:18px}
.product .menu ul{margin:0;padding:0}
.product .menu li{height:40px;line-height:40px;margin:0;padding:0;color:black;transition:all 0.2s linear;list-style:none}
.product .menu li:hover{color:#2fa8fc}
.product .menu li a{display:block}
.product .menu a:first-child{width:calc(100% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product .menu li i{margin-right:5px;color:#aaa}
.product .menu .grouplist{width:calc(100% - 12px);margin-bottom:20px;padding:0 5px;border:1px solid #ccc}
.product .menu .grouplist ul{width:100%;margin:0;padding:0;list-style:none}
.product .menu .grouplist a{display:inline-block}
.product .menu .grouplist a:first-child{width:calc(100% - 30px)}
.product .menu .grouplist li{position:relative}
.product .menu .grouplist li img{max-width:30px;max-height:30px;display:inline;float:left;margin:5px 5px 0 0;transition:padding 0.2s linear}
.product .menu .grouplist li ul{width:270px;padding-left:10px;border:1px solid #ccc;background-color:white;display:none;transition:all 0.3s linear;position:absolute;top:0;left:250px;z-index:10}
.product .menu .grouplist li:hover > ul{display:block}
.product .menu .grouplist li li{}
.product .menu .grouplist li li:last-child{}
.product .content{}
.product .content .group h2{margin:10px 15px;padding:0;font-size:18px;line-height:40px}
.product .content .group h2 img{height:30px;margin:5px 10px 0 0;float:left}
.product .content .group .list{width:calc(100% - 20px);margin:10px;border:0;padding:0;justify-content:flex-start;position:relative}
.product .content .group .list .item{width:calc(33% - 1px);border:1px solid #ddd;border-left:0;margin-top:-1px}
.product .content .group .list .item:nth-child(-n + 3){margin-bottom:-1px}
.product .content .group .list .item:nth-child(3n + 1){width:calc(33% - 2px);border-left:1px solid #ddd}
.product .content .group .list .item .image{height:100px}
.product .content .group .list .item .name{width:calc(100% - 10px);margin:0 5px 5px;text-align:center}
.product .content .brand h2{margin:10px 15px;padding:0;font-size:18px;line-height:40px}
.product .content .brand h2 img{height:30px;margin:5px 10px 0 0;float:left}
.product .content .brand .list{width:calc(100% - 20px);padding:0 10px 10px;border:0;display:flex;justify-content:flex-start;align-items:center;overflow:hidden}
.product .content .brand .list div{width:80px;height:60px;margin:10px 5px 0;border:1px solid #ccc;display:inline-flex;justify-content:center;align-items:center;overflow:hidden}
.product .content .brand .list img{max-width:100%;max-height:100%;display:block;margin:auto}
.product .content > h2{margin:10px 15px;padding:0;font-size:18px;line-height:40px}
.product .content > h2 img{height:30px;margin:5px 10px 0 0;float:left}
.product .content > .list{width:calc(100% - 30px);margin:10px 15px;border:0;padding:0;justify-content:flex-start;position:relative}
.product .content > .list .item{width:calc(50% - 1px);border:1px solid #ddd;border-left:0}
.product .content > .list .item:nth-child(-n + 2){margin-bottom:-1px}
.product .content > .list .item:nth-child(2n + 1){width:calc(50% - 2px);border-left:1px solid #ddd}
.topgroup{margin-bottom:20px}
.topgroup > h2{height:40px;line-height:40px;margin:0;padding:0;text-transform:uppercase;text-indent:10px;font-size:18px;background-color:#007263;color:white}
.topgroup > h2 a{margin-right:10px;text-transform:capitalize;font-size:14px;float:right}
.topgroup .list{margin-top:0 !important;border-bottom:0 !important}
.topgroup .list .item{width:calc(50% - 1px)}
.topgroup .list .item:nth-child(2n+1){width:calc(50%);border-left:0}
.topgroup .list .item .image{}
.topgroup .slick-prev,.topgroup .slick-next{width:20px;height:44px;top:calc(50% + 2px);position:absolute;z-index:2;background:#eee;color:white;font-size:18px;border:0;outline:none;opacity:0.9 !important;z-index:2}
.topgroup:hover .slick-prev,.topgroup:hover .slick-next{opacity:0.9 !important;background:#d2d2d2}
.topgroup .slick-prev{left:0;border-radius:0 20px 20px 0;}
.topgroup .slick-prev i{float:left;margin-left:3px}
.topgroup .slick-next{right:0;border-radius:20px 0 0 20px;}
.topgroup .slick-next i{float:right;margin-right:3px}
.topgroup .slick-prev:before,.topgroup .slick-next:before{font-size:0 !important;color:transparent}
.product .detail{}
.product .detail > h2{height:40px;line-height:40px;font-size:18px;font-weight:bold;margin:0;color:#007263}
.product .detail .desc{height:180px;line-height:1.6;font-size:15px;background-color:#F2F2F2;margin:0;padding:10px 10px 20px;overflow:hidden;position:relative}
.product .detail .desc p{padding:0;margin:0;line-height:1.6;}
.product .detail .desc *{color:#262626 !important;font-size:15px !important}
.product .detail .desc .more{position:absolute;bottom:0;right:10px;padding:5px 10px;height:20px;line-height:1.5;text-align:right;font-size:12px !important;background-color:white;color:#213D7E !important;font-weight:bold;border-top-left-radius:5px;border-top-right-radius:5px}
.product .detail .desc .more i{font-size:12px !important;color:#213D7E !important;margin:3px}
.product .detail .infoimage{width:100%;display:inline-block;vertical-align:top;position:relative}
.product .detail .infoimage h1{line-height: 1.5;font-size:22px;font-weight:bold;text-align:center;margin:10px;color:#007263}
.product .detail .image{width:100%;overflow:hidden}
.product .detail .image img{max-width:90%;max-height:90%;display:block;margin:auto;}
.product .detail .image .slick-list{height:430px}
.product .detail .image .slick-track{height:100%}
.product .detail .image .slick-slide{display:flex;align-items:center;height:100%;overflow:hidden}
.product .detail .thumbnail{width:calc(100% - 200px);height:62px;display:inline-block;vertical-align:top;overflow:hidden}
.product .detail .thumbnail.more0{width:100%}
.product .detail .thumbnail.more1{width:calc(100% - 100px)}
.product .detail .thumbnail .slick-slide{width:90px;height:60px;border:1px solid #B9B9B9;margin-right:8px;overflow:hidden}
.product .detail .thumbnail .slick-current,.product .detail .thumbnail .active{border:1px solid #62B946}
.product .detail .thumbnail img{display:block;margin:auto;max-width:90px;max-height:60px}
.product .detail .more{height:62px;display:inline-block;vertical-align:top}
.product .detail .more div{width:90px;height:60px;border:1px solid #B9B9B9;margin-right:8px;display:flex;justify-content:center;align-items:center;position:relative}
.product .detail .more div:last-child{margin-right:0}
.product .detail .more img{width:30px;height:30px;display:block;margin:auto;}
.product .detail .more [data-type="video"] img{width:90px;height:60px;opacity:0.6}
.product .detail .more [data-type="video"] i{width:30px;height:30px;position:absolute;top:15px;left:30px;font-size:30px;color:#FF0000;transition:all 0.3s linear}
.product .detail .more [data-type="video"]:hover i{width:40px;height:40px;font-size:40px;top:10px;left:20px}
.product .detail .infoproduct{}
.product .detail .infoproduct .summary{padding:0 10px}
.product .detail .infoproduct .summary > h3{width:100%;height:30px;line-height:30px;margin:0;padding:0;border:0;text-align:left;text-transform:uppercase;color:#007263;font-size:20px;font-weight:bold}
.product .detail .infoproduct .summary > div{padding:0;margin:0;overflow:hidden}
.product .detail .infoproduct .summary > div p{margin:0;padding:0;line-height:2}
.product .detail .infoproduct .summary > div *{color:#262626 !important;font-size:15px !important;}
.product .detail .infoproduct .summary > div ul{margin:0;padding:0}
.product .detail .infoproduct .summary > div li{line-height:25px;list-style:circle}
.product .detail .tabs{margin:10px}
.product .detail .property{padding:10px;color:#262626;overflow:hidden;}
.product .detail .property label{width:100px;line-height:2.2;display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.product .detail .property span{width:calc(100% - 105px);line-height:2.2;display:inline-block;vertical-align:top;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.product .detail .property span a{color:#262626}
.product .detail .property span a:before{content:", "}
.product .detail .property span a:first-child:before{content:""}
.product .same h2{text-indent:20px}
.product .same .item{width:calc(50% - 1px);}
.product .same .item:nth-child(2n+1){width:calc(50%);border-left:0}
.product .same .item .image{height:150px}
.product .menuorder{width:calc(100% - 20px);margin:0;padding:0 10px;border-top:1px solid #e1e1e1;background-color:white;position:fixed;bottom:50px;left:0;z-index:999}
.product .menuorder label{width:70px;font-size:16px;line-height:35px;color:#252525;display:inline-block;vertical-align:top}
.product .menuorder > div{margin:0;color:#ed1c24;font-size:18px;font-weight:bold;}
.product .menuorder del{margin-left:10px;font-size:14px;font-weight:400;color:#252525;text-decoration:line-through;display:inline-block;vertical-align:top}
.product .menuorder .book{width:calc(100%);margin:0 0 5px;display:flex}
.product .menuorder .book label{width:75px;height:35px;line-height:35px;margin:0;padding:0;font-size:16px;font-weight:bold;color:#252525;display:inline-block;vertical-align:top;float:left}
.product .menuorder .book .minus,.product .menuorder .book .plus{width:33px;height:33px;line-height:33px;font-size:16px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-weight:bold;cursor:pointer;float:left;user-select:none;}
.product .menuorder .book .minus:hover,.product .menuorder .book .plus:hover{background-color:#F4F4F4;}
.product .menuorder .book input[type="text"]{width:70px;height:33px;line-height:33px;margin:0;padding:0 5px;font-size:16px;color:black;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;display:inline-block;vertical-align:top;float:left}
.product .menuorder .book input[type="text"].incart{background-color:#eee;}
.product .menuorder .book .order{width:calc(100% - 230px);height:35px;line-height:35px;margin:0 5px;font-size:18px;text-align:center;background-color:#ED1C24;text-transform:uppercase;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear}
.product .menuorder .book .order:hover{background-color:#007263}

.news{margin-bottom:30px}
.news h1{line-height:1.5;margin:20px 0 0;padding:0;font-size:18px;text-align:center;font-weight:bold;color:#007263;text-transform:uppercase}
.news .list{display:flex;flex-wrap:wrap;justify-content:start;border:0}
.news .list .item{width:calc(100% - 20px);margin:20px 10px 0;padding:0;border:0;position:relative;overflow:hidden}
.news .list .item .image{height:auto}
.news .list .item .image img{max-width:100%;max-height:200px;position: relative;display:block;transform:unset;top:0;left:0;}
.news .list .item > h3{width:calc(100%);line-height:22px;margin:5px 0;padding:0;font-size:14px;font-weight:bold;color:#007263;text-align:left;text-transform:uppercase;display:block;overflow:hidden}
.news .list .item > span{width:100%;height:22px;line-height:22px;font-size:14px;color:#898989;display:block}
.news .list .item > span i{margin-right:5px}
.news .list .item > hr{margin:5px 0;padding:0;border:0;width:50px;height:1px;background-color:#007263}
.news .list .item > .summary{width:100%;max-height:150px;margin:5px 0 0;padding:0;display:block;overflow:hidden}
.news .list .item > .summary *{margin:0;padding:0;line-height:1.3;font-size:14px !important;font-weight:400 !important;text-align:justify !important;color:#262626}
.news .detail{width:calc(100% - 20px);padding:0 10px;display:inline-block;vertical-align:top;position:relative}
.news .detail h1{line-height:1.5;margin:10px 0 0;padding:0;color:#007263;font-size:18px;font-weight:bold;text-transform:uppercase}
.news .detail .date{width:100%;height:30px;line-height:30px;font-size:14px;color:#A9A9A9;display:block}
.news .detail .date i{margin-right:5px}
.news .detail .summary{margin:0;padding:0}
.news .detail .summary *{font-size:15px;font-weight:bold;line-height:1.5;color:#191919}
.news .detail .summary p{margin:0;padding:0}
.news .mostview{width:calc(100% - 930px);margin-left:20px;display:inline-block;vertical-align:top}
.news .mostview .title{width:calc(100% - 40px);height:40px;line-height:40px;margin:0;padding:0 20px;text-align:left;background-color:#007263;color:white;font-size:16px;font-weight:500;text-transform:uppercase}
.news .mostview .item{margin-top:10px;clear:both;display:inline-block}
.news .mostview .item a{display:block}
.news .mostview .item img{width:90px;height:60px;margin-right:10px;float:left}
.news .mostview .item h3{height:60px;margin:0;padding:0;line-height:1.3;font-size:15px;font-weight:400;color:#262626;overflow:hidden}
.news .mostview .item:hover h3{color:#007263}
.news .same{width:100%;height:300px;margin:20px;display:flex}
.news .same .item{width:240px;height:310px;margin:0;padding:0 30px 0 0;position:relative;overflow:hidden}
.news .same .item .image{height:160px;overflow:hidden}
.news .same .item .image a{display:block}
.news .same .item .image img{max-width:100%;max-height:100%}
.news .same .item > h3{width:calc(100%);height:44px;line-height:22px;margin:5px 0;padding:0;font-size:15px;color:#007263;text-align:left;display:block;overflow:hidden}
.news .same .item > span{width:100%;height:22px;line-height:22px;font-size:13px;color:#A9A9A9;display:block}
.news .same .item > span i{margin-right:5px}
.news .same .item > .summary{width:100%;margin:5px 0 0;padding:0;display:block}
.news .same .item > .summary *{margin:0;padding:0;line-height:1.3;font-size:14px !important;font-weight:400 !important;text-align:justify !important;color:#262626}
.news .same .slick-prev{top:-30px;right:60px;left:unset}
.news .same .slick-next{top:-30px;right:30px}
.news .same .slick-prev:before,.news .same .slick-next:before{color:#007263}
#Description .index{min-width:300px;margin:20px 0;padding:20px;background-color:#EFEFEF;display:inline-block}
#Description .index div{line-height:1.8;font-size:15px;color:#666666;font-weight:500}
#Description .index div:hover{color:#007263}
#Description .index .title{color:#007263;font-size:16px;text-align:center;text-transform:uppercase}
#Description .index .level2{text-indent:20px}
#Description .viewmore{min-width:300px;margin:20px 0;padding:20px;background-color:#EFEFEF;display:inline-block}
#Description .viewmore .title{color:#007263;font-size:16px;text-align:center;text-transform:uppercase}
#Description .viewmore p{margin:0;padding:0;line-height:1.8;font-size:15px;color:#666666}
#Description .viewmore a:hover{color:#007263}
.tags{width:100%;margin:10px 0;padding:0;display:inline-block}
.tags ul{margin:0;padding:0;list-style:none;}
.tags li{margin:0 10px 10px 0;padding:5px 8px;background-color:#e2e2e2;color:#656565;border-radius:5px;display:inline;float:left}
.tags li:hover:not(:first-child){background-color:#ccc}
.tags i{margin-right:5px}
.os-info{margin:10px 0;padding:10px 0;border-top:1px solid #A2A2A2;border-bottom:1px solid #A2A2A2}
.os-info > ul{display:none}
.os-info .title{width:100%;display:inline-block}
.os-info .title > h3{height:40px;line-height:40px;color:#007263;margin:0;padding:0;font-size:18px;font-weight:bold;text-transform:uppercase;float:left}
.os-info .title > a{height:40px;line-height:40px;margin:0 10px;color:#262626;font-size:15px;float:right}
.os-info .title > a i{width:16px;height:16px;line-height:16px;margin-left:5px;font-size:10px;color:white;background-color:#007263;border-radius:50%;text-align:center}
.os-info .list{display:flex;justify-content:center}
.os-info .list .item{width:255px;height:auto;margin:10px;padding:0;position:relative}
.os-info .list .item:nth-child(3n+1){margin-left:0}
.os-info .list .item:nth-child(3n+2){}
.os-info .list .item:nth-child(3n+3){margin-right:0}
.os-info .list .item .image{width:calc(100% - 2px);height:auto;padding-top:calc(66.66% - 2px);border:1px solid #E1E1E1;overflow:hidden;position:relative}
.os-info .list .item .image:hover{border:1px solid #ED1C24}
.os-info .list .item .image a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center}
.os-info .list .item .image img{display:block;margin:auto;max-width:100%;max-height:100%}
.os-info .list .item > h3,.os-info .list .item > label{width:calc(100% - 20px);height:36px;line-height:1.2;margin:10px 0 0;padding:0 10px;font-size:14px;color:#262626;font-weight:400;text-align:center;text-transform:uppercase;display:block}
.os-info .list .item > span{width:calc(100% - 20px);line-height:1.5;padding:0 10px;font-size:14px;font-weight:bold;text-align:center;color:#EB3839;background:none;display:block}
.os-info .detail .infoimage{width:510px;display:inline-block;vertical-align:top;position:relative}
.os-info .detail .infoimage h1{height:46px;line-height:46px;font-size:18px;font-weight:bold;margin:0;color:#007263}
.os-info .detail .image{width:100%;overflow:hidden}
.os-info .detail .image img{max-width:100%;max-height:100%;display:block;margin:auto;}
.os-info .detail .image .slick-list{height:430px}
.os-info .detail .image .slick-track{height:100%}
.os-info .detail .image .slick-slide{display:flex;align-items:center;height:100%;overflow:hidden}
.os-info .detail .thumbnail{width:calc(100% - 200px);height:62px;display:inline-block;vertical-align:top;overflow:hidden}
.os-info .detail .thumbnail.more0{width:100%}
.os-info .detail .thumbnail.more1{width:calc(100% - 100px)}
.os-info .detail .thumbnail .slick-slide{width:90px;height:60px;border:1px solid #B9B9B9;margin-right:8px}
.os-info .detail .thumbnail .slick-current,.os-info .detail .thumbnail .active{border:1px solid #62B946}
.os-info .detail .thumbnail img{display:block;margin:auto;width:90px;height:60px}
.os-info .detail .more{height:62px;display:inline-block;vertical-align:top}
.os-info .detail .more div{width:90px;height:60px;border:1px solid #B9B9B9;margin-right:8px;display:flex;justify-content:center;align-items:center;position:relative}
.os-info .detail .more div:last-child{margin-right:0}
.os-info .detail .more img{width:30px;height:30px;display:block;margin:auto;}
.os-info .detail .more [data-type="video"] img{width:90px;height:60px;opacity:0.6}
.os-info .detail .more [data-type="video"] i{width:30px;height:30px;position:absolute;top:15px;left:30px;font-size:30px;color:#FF0000;transition:all 0.3s linear}
.os-info .detail .more [data-type="video"]:hover i{width:40px;height:40px;font-size:40px;top:10px;left:20px}
.os-info .detail .infoproduct {width:calc(100% - 520px);margin-left:10px;display:inline-block;vertical-align:top}
.os-info .detail .infoproduct .price{}
.os-info .detail .infoproduct .price label{width:100px;line-height:2.5;display:inline-block;vertical-align:top;color:#EB3839;font-size:18px;font-weight:bold}
.os-info .detail .infoproduct .price span{width:calc(100% - 105px);line-height:2.5;display:inline-block;vertical-align:top;font-size:18px;color:#EB3839;font-weight:bold}
.os-info .detail .infoproduct .summary{width:100%;margin-top:20px}
.os-info .detail .infoproduct .summary > h3{width:100%;height:30px;line-height:30px;margin:0;padding:0;border:0;text-align:left;text-transform:uppercase;color:#007263;font-size:20px;font-weight:bold}
.os-info .detail .infoproduct .summary > div{height:120px;padding:0;margin:0;overflow:hidden}
.os-info .detail .infoproduct .summary > div p{margin:0;padding:0;line-height:2}
.os-info .detail .infoproduct .summary > div *{color:#262626 !important;font-size:15px !important;font-weight:400}
.os-info .detail .infoproduct .summary > div ul{margin:0;padding:0}
.os-info .detail .infoproduct .summary > div li{line-height:25px;list-style:circle}
.os-info .detail .property{padding:0;height:330px;color:#262626;overflow:hidden;}
.os-info .detail .property label{width:100px;line-height:2.2;display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.os-info .detail .property span{width:calc(100% - 105px);line-height:2.2;display:inline-block;vertical-align:top;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.os-info .detail .property span a{color:#262626}
.os-info .detail .property span a:before{content:", "}
.os-info .detail .property span a:first-child:before{content:""}
.os-info .detail .button{width:180px;height:35px;line-height:35px;margin:10px auto;padding:0 10px;outline:none;border-radius:10px;background-color:#007263;color:white;font-size:14px;font-weight:bold;text-align:center;display:block;clear:both}
ul.page{width:100%;margin:30px auto 0;display:flex;justify-content:center;clear:both}
ul.page li{width:32px;height:32px;line-height:34px;margin:0 5px 0 0;border-radius:50%;border:1px solid #E9E9E9;background-color:#E9E9E9;color:#8D8D8D;font-size:15px;text-align:center;display:inline-block;vertical-align:top}
ul.page li:hover,ul.page li.on{border:1px solid #007263;background-color:#007263;color:white}
ul.page a{display:block}

.footer{width:100%;background-color:#F9F9F9}
.footer .container{width:calc(100% - 20px);padding:10px}
.footer i{font-size:14px;margin-right:10px}
.footer a:hover{font-weight:bold}
.footer .column{margin-top:10px;color:#212121}
.footer .column h3{line-height:1.3;color:#007263;font-size:16px;font-weight:bold;text-transform:uppercase;margin:5px 0;padding:0;display:block}
.footer .column h4{line-height:1.3;color:#007263;font-size:16px;font-weight:500;text-transform:uppercase;margin:5px 0;padding:0;display:block}
.footer .column div{line-height:1.8;font-size:14px}
.footer li{font-size:14px;line-height:30px}

.login{margin:0 auto;padding:30px 0;background-color:#F9F9F9}
.login .col{margin:10px;padding:10px;background-color:white}
.login h2{margin:20px 0;padding:0 0 10px;border-bottom:1px solid #ccc;font-size:18px;font-weight:bold;color:black;background-color:transparent}
.login button{width:150px;height:35px;line-height:35px;border:0;outline:0;margin:10px auto;text-align:center;color:white;font-size:16px;font-weight:bold;background-color:#DB0074}
.login button:hover{background-color:#DA2529}
.login button.black{background-color:#212121}
.login p{margin:18px;line-height:25px;max-height:80px;font-size:14px;color:red;display:none;overflow:hidden}
.login .col label{width:120px;height:32px;line-height:32px;font-size:16px;font-weight:600;color: #252525;display:inline-block;vertical-align:top;}
.login .col span{height:32px;line-height:32px;font-size:16px;font-weight:600;color: #252525}
.login .col input[type="text"],.login .col input[type="password"]{width:calc(100% - 136px);height:30px;line-height:30px;margin:0;padding:0 5px;border:solid 1px #E1E1E1;display:inline-block;vertical-align:top;}
.login .row{margin-top:10px;}
.login .error{color:#480000;border-color:red;background:url(/images/Fail.png) no-repeat right center #ffebef !important}
.login .valid{color:#002f00;border-color:#96b796 !important;background:url(/images/ok.png) no-repeat right center #e3ffe5 !important}

.confirm{position: fixed;top: 0;left: 0;margin: 0;padding: 0;width: 100%;height: 100%; z-index: 20000; overflow: hidden; }
.confirm .mask{background-color:black;opacity:0.8;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;z-index:1;overflow:hidden}
.confirm .maskclose{position:absolute;margin:0;padding:0;width:42px;height:16px;background-image:url(/images/close.png);z-index:3;cursor:pointer}
.confirm .main{position:absolute;margin:0;padding: 0;box-shadow:0 0 8px rgba(0,0,0,0.5);border-radius:5px;background-color:white;z-index:2;overflow:hidden}
.confirm .header{margin:0;padding:10px 15px;line-height:30px;font-size:22px;background:linear-gradient(to bottom,#eee 0%,#ccc 100%);color:#212121;}
.confirm .content{width:calc(100% - 30px);margin:15px;padding:0;overflow:hidden}
.confirm textarea{width:calc(100% - 30px);height:calc(100% - 140px);margin:15px;resize:none;background-color:white !important}
.confirm input[type="text"]{width:calc(100% - 30px);height:35px;margin:15px;resize:none;background-color:white !important}
.confirm .button{width:calc(100% - 30px);height:40px;margin:15px;padding:0;overflow:hidden;display:flex;justify-content:center;position:absolute;bottom:0}
.confirm .button a{width:100px;margin:0 10px;padding:5px 10px;line-height:32px;background-color:#1d96b2;color:white;font-size:16px;text-align:center;transition:all 0.3s ease;cursor:pointer}
.confirm .button a:hover{background-color:#23B7DC}
.confirm .button a.cancel{background-color:red}
.confirm .button a.cancel:hover{background-color:#FF5555}

#Search .error404{width:420px;margin:30px auto;}
#Search .error404 .title{width:100%;margin:30px auto 0;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #2c2c2c;}
#Search .error404 img{width:100px;margin:50px auto;display:block;}
#Search .error404 .title2{width:100%;font-size: 17px;line-height: 1.47;color: #2c2c2c;text-align: center;}
#Search .menu .item{height:40px;line-height:40px;padding:0;background-image:url(Images/unchecked.png);background-repeat:no-repeat;background-size:18px 18px;background-position:left+11px center;text-indent:40px;color:#2c2c2c;font-size:15px;transition:all 0.3s;cursor:pointer;}
#Search .menu .item:hover{background-color:#e9eef3;}
#Search .menu .item.selected{background-image:url(Images/checked.png);}
#Search .menu .item a{color:black;text-decoration:none}
#Search .menu h3{margin-top:20px !important}
#Search .menu h3:first-child{margin-top:0 !important}
#Search .detail .name{margin-top:30px !important}
#Search .detail .name:first-child{margin-top:0 !important}

/*PanelCart*/
.empty{width:calc(100%);margin-top:100px;padding:30px 0;font-size:22px;text-align:center}
.empty img{max-height:50px;margin:10px auto;display:block;}
.empty div{width:100%;height:40px;line-height:40px;margin:10px auto;font-size:32px;color:black;text-align:center;display:block;}
.empty a{width:80%;height:43px;line-height:43px;margin:30px auto;background-color:#5F9F23;display:block;font-size:20px;color:#fff !important;text-transform:uppercase;text-align:center;}

.cartbody{margin:110px 5px 150px}
.cartbody .list{width:calc(100% - 32px);min-height:100px;margin:0 5px 20px;padding:10px;background-color:#fff;border:solid 1px #ddd}
.cartbody h2{width:100%;height:40px;line-height:40px;padding:0;margin:0;font-size:18px;color:black;text-align:left;border-bottom:1px solid #ddd;}
.cartbody h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:black;text-align:left;}
.cartbody .list > div{padding:10px 0;border-bottom:1px solid #ccc;}
.cartbody .list > div:last-child{border-bottom:0;}
.cartbody .list .row{width:calc(100% - 10px);min-height:25px;padding:0 5px;margin-top:3px;border:0;display:inline-block}
.cartbody .list .row > label{width:90px;height:35px;line-height:35px;margin:5px 0;display:inline-block;float:left;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cartbody .list .row > input[type="text"]{width:calc(100% - 120px);height:30px;line-height:30px;border:1px solid #ccc;margin:5px 0 0;padding:0 5px;display:inline-block;vertical-align:top;}
.cartbody .list .row > textarea{line-height:1.8;border:1px solid #ccc;}
.cartbody .list .row > span{width:auto;height:35px;line-height:35px;margin:5px;display:inline-block;vertical-align:top;white-space:nowrap}
.cartbody .list .row > div.ui-input-text,.cartbody .list .row > div.ui-select,.cartbody .list .row > textarea{width:calc(100% - 100px);margin:5px 0;display:inline-block;float:left;vertical-align:top}
.cartbody .list .row > select{height:35px;margin:0;padding:0;border:1px solid #ccc;font-size:14px;color:#212121;display:inline-block;vertical-align:top}
.cartbody .list .row > select:focus{outline:none;border:1px solid #aaa}
.cartbody .list .row.auto > div{width:auto}
.cartbody .image{width:80px;height:80px;display:inline-block;vertical-align:top;}
.cartbody .image img{max-width:80px;max-height:80px;margin:auto;display:block;}
.cartbody .name{width:calc(100% - 100px);margin-left:10px;line-height:25px;display:inline-block;vertical-align:top;}
.cartbody .name a{line-height:30px;font-size:14px;color:red !important;}
.cartbody .name input[type="text"],.cartbody .name input[type="number"]{width:80px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:center;border: solid 1px #ddd;font-size:16px;color:black;}
.cartbody del{margin-left:15px;color:#ccc;font-size:12px}
.cartbody .bank{width: 150px;height: 30px;line-height: 30px;border: 1px solid #D09D2C;margin: 5px;padding: 5px 0;background-color: white;display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden;text-align: center;font-weight: bold;}
.cartbody .bank img{max-width: 100%;max-height: 100%;margin: auto;display: block;transition: all 0.5s;}
.cartbody button{width:100%;height:40px;line-height:40px;padding:0 10px;border:0;background-color:#5F9F23;color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;overflow:hidden}
.cartbody .PaymentConfirm{margin:10px 5px;padding:20px;background-color:white;}
.cartbody .PaymentConfirm h1{text-align:center;font-size:22px}
.cartbody .PaymentConfirm p{line-height:2;font-size:14px}
.cartbody .book{margin:5px auto;max-width:200px;display:block}
.cartbody .book input[type="text"]{width:calc(100% - 12px);height:30px;line-height:30px;margin:0;padding:0 5px;border:1px solid #ddd;text-align:center;display:block}
.cartbody .book .minus,.cartbody .book .plus{width:33px;height:33px;line-height:33px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;float:left;user-select:none;}
.cartbody .book input[type="number"]{width:calc(100% - 80px);max-width:80px;height:33px;line-height:33px;margin:0;padding:0 5px;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;display:inline-block;vertical-align:top;float:left}
.cartbody .book input[type="number"].incart{background-color:#eee;}
.cartbody .book .order{width:calc(100% - 10px);height:35px;line-height:35px;padding:0 5px;background-color:#0097FB;color:#ffffff;text-align:center;font-size:16px;font-weight:bold;display:inline-block;vertical-align:top}
.cartbody .book .order:hover{background-color:#0080D5}
.cartbody .book.disabled .order{background-color:#ccc !important}

.cartheader{width:100%;height:100px;position:fixed;top:0;left:0;z-index:999;background-color:#fff;border-bottom:1px solid #ccc;}
.cartheader .title{width:100%;height:50px;line-height:50px;background-color:#5F9F23;color:#fff;font-size:16px;font-weight:bold;text-align:center;text-transform:uppercase;position:relative;}
.cartheader .title .fa-home{width:30px;height:30px;margin:10px;position:absolute;top:0;left:0;font-size:25px;color:white}
.cartheader .title h2{margin:0;padding:0;font-size:18px}
.cartheader .cartnav{margin:auto;padding:20px 0 5px;background-color:#fff;display:flex}
.cartheader .cartnav a{color:inherit !important}
.cartheader .status{width:calc(25% - 8px);margin-right:5px;font-size:12px;font-weight:500;color:black;text-align:center;position:relative;display:inline-block;vertical-align:top;}
.cartheader .status span{width:20px;height:20px;border:1px solid #487A1B;border-radius:50%;background-color:#fff;position:absolute;top:-30px;left:calc(50% - 10px);display:block;}
.cartheader .status.complete span{background-color:#487A1B;display:block;}
.cartheader .status.fail span{background-color:red;display:block;}
.cartheader .search{height:40px;margin:auto;padding:5px 10px;background-color:#fff;display:flex;position:relative}
.cartheader .search select{width:60px;height:35px;line-height:35px;border:1px solid #ccc;margin:0;padding:0;display:inline-block;vertical-align:top}
.cartheader .search input[type="text"]{width:calc(100% - 80px);height:34px;line-height:34px;border:1px solid #ccc;margin:0;padding:0 20px;outline:none;color:#333;font-size:14px;margin-left:5px;display:inline-block;vertical-align:top}
.cartheader .search a{width:30px;height:30px;border:0;border-radius:5px;background:none;background-color:white;display:flex;justify-content:center;align-items:center;position:absolute;right:12px;top:8px;z-index:2}
.cartheader .search a i{font-size:16px;text-align:center;color:#5F9F23}
.cartheader i.fa-shopping-cart{margin-top:10px;font-size:26px;text-align:center;color:white;font-size:22px;position:absolute;right:20px;top:5px}

.cartfooter{width:calc(100% - 20px);padding:5px 10px;background-color:#fff;position:fixed;bottom:0;left:0;z-index:999;border-top:1px solid #ccc;}
.cartfooter div{line-height:2;text-align:right;color:#aaa;display:flex}
.cartfooter label{width:calc(50% - 10px);height:25px;line-height:25px;font-size:16px;color:black;text-align:left;vertical-align:top;display:inline-block;}
.cartfooter span{width:50%;height:25px;line-height:25px;color:black;font-size:16px;font-weight:bold;vertical-align:top;display:inline-block;}
.cartfooter button,.cartfooter a{width:calc(100%);height:35px;line-height:35px;margin:10px 0;padding:0;border:0;background-color:#ed2f2e;color:#fff !important;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:block;text-align:center}