html,body{padding:0;margin:0;font-family:Roboto}
a{text-decoration:none;font:inherit;color:inherit}
.container{width:1200px;margin:auto;display:block}
.sep{width:238px;height:28px;margin:auto;display:block;background:url(images/sep.jpg) no-repeat center;background-size:contain}
hr{width:100%;margin:0;padding:0}
.PanelHeader{}
.PanelHeader .row1{height:40px;background-color:#5B5A5F;color:white}
.PanelHeader .row1 .bar{width:calc(50% - 65px);line-height:40px;font-size:14px;color:white;display:inline-block;vertical-align:top}
.PanelHeader .row1 .bar a{}
.PanelHeader .row1 .bar i{font-size:14px;margin:0 5px 0 10px}
.PanelHeader .row1 .lang{width:calc(50% - 65px);height:40px;display:inline-block;vertical-align:top;float:right}
.PanelHeader .row1 .lang ul{margin:0;padding:0;list-style:none}
.PanelHeader .row1 .lang ul li{line-height:40px;margin-right:8px;font-size:12px;color:white;display:inline-block;vertical-align:top;float:right}
.PanelHeader .row1 .lang ul li img{height:18px;margin-top:10px;display:block}
.PanelHeader .row1 .lang ul li i{font-size:14px;margin-right:5px}
.PanelHeader .row2{height:90px}
.PanelHeader .row2 .logo{width:300px;display:inline-block;vertical-align:top}
.PanelHeader .row2 .logo img{max-width:300px;max-height:90px}
.PanelHeader .row2 .search{width:450px;height:40px;margin:20px 10px 0 80px;border:1px solid #ebebeb;border-radius:20px;display:inline-block;vertical-align:top;position:relative}
.PanelHeader .row2 .search input[type="text"]{width:calc(100% - 40px);height:40px;line-height:40px;margin:0;padding:0 20px;border:0;border-radius:20px;outline:none;color:#333;font-size:14px}
.PanelHeader .row2 .search button{width:40px;height:40px;border:0;border-radius:50%;background:none;background-color:#5B5A5F;display:block;position:absolute;right:0;top:0;z-index:2}
.PanelHeader .row2 .search i{margin-top:4px;font-size:16px;text-align:center;color:white}
.PanelHeader .row2 .cart{height:50px;margin-top:15px;margin-bottom:0 !important;color:#898989;font-size:14px;display:inline-block;vertical-align:top;float:right}
.PanelHeader .row2 .cart a{display:inline-block;vertical-align:top}
.PanelHeader .row2 .cart i{width:35px;height:30px;margin:10px 0;color:#0A2B78;font-size:26px;float:left}
.PanelHeader .row2 .cart b{line-height:25px;height:25px;font-size:14px;color:#333;display:inline-block;}
#cartcount{color:red;font-weight:500}
.PanelHeader .row-menu{height:45px;background:#0A2B78;}
.PanelHeader .row-menu ul.menu{width:100%;margin:0 auto;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.PanelHeader .row-menu ul.menu i.fa{font-size:14px;margin-right:5px;}
.PanelHeader .row-menu ul.menu li{height:45px;line-height:45px;display:inline-block;margin-right:40px;position:relative;}
.PanelHeader .row-menu ul.menu li a{color: #ffffff;font-size:16px;font-weight:400;display:block;text-transform:uppercase;}
.PanelHeader .row-menu ul.menu li a i{margin:18px 0 0 8px;font-size:10px;float:right}
.PanelHeader .row-menu ul.menu li ul{min-width:220px;max-width:300px;margin:0;padding:0;display:none;position:absolute;background:#0A2B78;top:90%;z-index:9999;}
.PanelHeader .row-menu ul.menu li ul li{width:calc(100% - 20px);height:35px;line-height:35px;margin:0;padding:0 10px;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:block}
.PanelHeader .row-menu ul.menu li ul li:hover{background:#5B5A5F;}
.PanelHeader .row-menu ul.menu li ul li:last-child{border-bottom:0}
.PanelHeader .row-menu ul.menu li ul li a{padding:0;font-size:14px;font-weight:400;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}
.PanelHeader .row-menu ul.menu li:hover ul{display: block;}

.PanelAds .slider{width:100%;}
.PanelAds .slider .item{width:100%;position:relative;outline:none;padding:0}
.PanelAds .slider .item img{width:100%;outline:none;}
.slick-prev{position:absolute;top:calc(50% - 20px);left:20px !important;z-index: 9999;}
.slick-next{position:absolute;top:calc(50% - 20px);right:40px !important;z-index: 9999;}
.slick-prev:before, .slick-next:before{font-size:40px !important}

.PanelRegister{width:100%;margin:auto;background-color:white;position:relative}
.PanelRegister .form{width:50%;margin:auto;}
.PanelRegister .form h2{width:100%;height:50px;line-height:50px;padding:0;margin:5px 0;font-size:22px;color:black;text-align:center;text-transform:uppercase}
.PanelRegister .form input[type="text"],.PanelRegister .form textarea,.PanelRegister .form select{width:calc(100% - 18px);height:30px;line-height:30px;margin:0 0 8px;padding:0 8px;border:solid 1px #c4ac9c;background-color:#f1ebda;display:inline-block;vertical-align:top;outline:none}
.PanelRegister .form select{width:100%}
.PanelRegister .form .result{width:60%;margin:10px auto;line-height:30px;font-size:14px;color:white;display:block}
.PanelRegister .note{width:80%;height:40px;line-height:16px;font-size:12px;color:#828282;position:absolute;top:525px;left:0}

.PanelFooter{background-color:#F4F4F4}
.PanelFooter .bg{width:100%}
.PanelFooter .bg img{width:100%}
.PanelFooter .parter{display:flex;height:100px;padding-top:30px;justify-content:center}
.PanelFooter .parter div{height:80px;margin:10px}
.PanelFooter .parter img{height:100%}
.PanelFooter .register{margin-top:30px;padding-top:30px;border-top:1px solid #D3D3D3;display:flex}
.PanelFooter .register > div{width:33%}
.PanelFooter .register h3{margin:0 0 15px;padding:0;color:#545454;font-size:18px;font-weight:bold;text-transform:uppercase}
.PanelFooter .register ul{margin:0;padding:0;list-style:none}
.PanelFooter .register li{line-height:25px;color:#696969;font-size:12px;}
.PanelFooter .register li i{font-size:16px;margin-right:10px;}
.PanelFooter .register .sub{height:40px;position:relative;color:red;font-size:14px;line-height:20px;display:inline-block}
.PanelFooter .register .sub input[type="text"],.PanelFooter .register .sub textarea{width:calc(100% - 40px);height:30px;line-height:30px;margin-top:5px;padding:0 30px 0 10px;border:1px solid #ccc;color:black}
.PanelFooter .register .sub textarea{height:50px}
.PanelFooter .register .sub a{width:20px;height:20px;display:block;position:absolute;top:8px;left:215px;cursor:pointer}
.PanelFooter .register .sub button{width:150px;height:30px;line-height:30px;margin-top:2px;padding:0 10px;border:1px solid #9A0000;border-radius:10px;background-color:#9A0000;color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1px;cursor:pointer;outline:none;display:block}
.PanelFooter .register .sub button:hover{background-color:#9A0000;border-color:#9A0000}
.PanelFooter .register .social a{display:inline-block;margin:10px 5px 20px 0;width:40px;height:40px;line-height:40px;text-align:center;padding:0}
.PanelFooter .register .social i{margin:12px 0 0 0;font-size:18px;width:40px;color:white;text-align:center}
.facebook{background:#4D6BAB}
.youtube{background:#FF0000}
.twitter{background:#4EC6F8}

.PanelNewsHome{}
.PanelNewsHome > h2{width:800px;line-height:1.3;margin:30px auto 10px;padding:0;color:#4F4F4F;font-family:'KoHo', sans-serif;font-size:26px;font-weight:bold;text-align:center;text-transform:uppercase}
.PanelNewsHome .container{margin-top:20px;padding:0 30px}
.PanelNewsHome .item{width:360px;height:500px;margin:15px 10px;outline:none;background-color:white;box-shadow:0 0 10px #ccc}
.PanelNewsHome .item .image{width:360px;height:270px;margin:0;display:block;overflow:hidden}
.PanelNewsHome .item .image img{width:100%;height:100%}
.PanelNewsHome .item .name{height:50px;line-height:1.5;padding:10px 10px 0;font-size:16px;font-weight:bold;color:#333333;font-family:'KoHo', sans-serif}
.PanelNewsHome .item .desc{height:125px;margin:0;padding:0 10px;color:#858585;font-size:14px;text-align:justify;overflow:hidden}
.PanelNewsHome .item .desc *{margin:0;padding:0;line-height:1.5;color:#858585;font-size:14px;text-align:justify;font-family:'KoHo', sans-serif}
.PanelNewsHome .more{height:30px;line-height:30px;padding:10px;font-size:14px;color:red;display:block;text-align:right;font-family:'KoHo', sans-serif}
.PanelNewsHome .slick-prev{left:-20px !important}
.PanelNewsHome .slick-next{right:0 !important}
.PanelNewsHome .slick-prev:before,.PanelNewsHome .slick-next:before{color:black !important}

.PanelNews{}
.PanelNews > h2{width:800px;line-height:1.3;margin:30px auto 10px;padding:0;color:#4F4F4F;font-family:'KoHo', sans-serif;font-size:26px;font-weight:bold;text-align:center;text-transform:uppercase}
.PanelNews .container{margin-top:20px;padding:0 30px}
.PanelNews .item{width:360px;height:500px;margin:15px 10px;outline:none;background-color:white;box-shadow:0 0 10px #ccc;display:inline-block;vertical-align:top}
.PanelNews .item .image{width:360px;height:270px;margin:0;display:block;overflow:hidden}
.PanelNews .item .image img{width:100%;height:100%}
.PanelNews .item .name{height:50px;line-height:1.5;padding:10px 10px 0;font-size:16px;font-weight:bold;color:#333333;overflow:hidden;text-overflow:ellipsis}
.PanelNews .item .desc{height:125px;margin:0;padding:0 10px;color:#858585;font-size:14px !important;text-align:justify;overflow:hidden}
.PanelNews .item .desc *{margin:0;padding:0;line-height:1.5;color:#858585;font-size:14px !important;text-align:justify}
.PanelNews .more{height:30px;line-height:30px;padding:10px;font-size:14px;color:red;display:block;text-align:right}
.PanelNews .detail{width:800px;padding:0 20px;background-color:white;display:inline-block;vertical-align:top}
.PanelNews .detail h1{width:100%;line-height:1.5;margin:0 0 20px;padding:0;color:#EF7367;font-size:22px;font-weight:bold}
.PanelNews .detail .date{width:auto;height:22px;line-height:22px;font-size:14px;color:#898989;text-indent:20px;background:url(Images/date.png) no-repeat left center;display:inline-block;vertical-align:top}
.PanelNews .detail .social{width:45%;height:25px;display:inline-block;vertical-align:top}

.hot{width:300px;margin:0 0 0 10px;padding:20px;border:1px solid #EF7367;display:inline-block;vertical-align:top}
.hot h2{line-height:1.3;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;color:#EF7367;font-size:16px;font-weight:bold;text-transform:uppercase}
.hot div{width:100%;padding:10px 0;border-bottom:1px solid #ccc;font-size:14px;display:inline-block}
.hot div:last-child{padding-bottom:0;border-bottom:0}
.hot img{max-width:80px;margin-right:10px;display:inline;float:left}
.same{}
.same > h2{line-height:1.3;margin:20px auto 10px;padding:20px 0 0;border-top:1px solid #ccc;color:#4F4F4F;font-family:'KoHo', sans-serif;font-size:26px;font-weight:bold;text-align:center;text-transform:uppercase}
.same .list{margin:0;padding:0 40px}
.same .item{width:260px;height:400px;margin:15px 10px;outline:none;background-color:white;box-shadow:0 0 10px #ccc}
.same .item .image{width:260px;height:195px;margin:0;display:block;overflow:hidden}
.same .item .image img{width:100%;height:100%}
.same .item .name{height:50px;line-height:1.5;padding:10px 10px 0;font-size:16px;font-weight:bold;color:#333333;font-family:'KoHo', sans-serif;overflow:hidden;text-overflow:ellipsis}
.same .item .desc{height:125px;margin:0;padding:0 10px;color:#858585;font-size:14px !important;text-align:justify;overflow:hidden}
.same .item .desc *{margin:0;padding:0;line-height:1.5;color:#858585;font-size:14px !important;text-align:justify}
.same .slick-prev{left:-20px !important}
.same .slick-next{right:0 !important}
.same .slick-prev:before,.same .slick-next:before{color:black !important}

.PanelProductHome{margin-top:20px}
.PanelProductHome .group{width:calc(100% - 2px);margin-top:10px;border:1px solid #ddd;background-color:rgba(255,255,255,0.9);}
.PanelProductHome .group:first-child{margin-top:0;}
.PanelProductHome h3{width:auto;height:50px;line-height:50px;margin:0 20px;padding:0;font-size:24px;font-weight:bold;color:#2c2c2c;border-bottom:1px solid #2c2c2c;display:inline-block;}
.PanelProductHome .group > a{height:50px;line-height:50px;color:#4caf50;font-size:15px;}
.PanelProductHome .group .all{width:100%;height:100px;border-top:1px solid #ddd;display:flex;justify-content:center;align-items:center;}
.PanelProductHome .group .all div{height: 50px;line-height: 50px;padding: 0 20px;border: 1px solid #4caf50;font-size: 18px;font-weight: bold;color: #4caf50}
.PanelProduct{}
.PanelProduct .container{margin:20px auto;border:1px solid #ddd;background-color:white;}
.PanelProduct .container > h3{width:auto;height:50px;line-height:50px;margin:0 20px;padding:0;font-size:24px;font-weight:bold;color:#2c2c2c;border-bottom:1px solid #2c2c2c;display:inline-block;}
.PanelProduct .container > select{width:200px;height:39px;margin:10px 10px 0;border-bottom:0;display:inline-block;float:right;}
.PanelProduct .detail{width:calc(100% - 40px);padding:20px;border-top:1px solid #ddd;display:flex}
.PanelProduct .detail .image{width:500px;height:500px;margin:auto;background-color:#e9f0fa;position:relative;display:inline-block;vertical-align:top}
.PanelProduct .detail .image .bg{width:100%;height:100%;top:0;left:0;z-index:1;position:absolute;background-size:cover;background-repeat:no-repeat;}
.PanelProduct .detail .image img{max-width:90%;max-height:90%;display:block;position:absolute;z-index:2;transform:translate(-50%, -50%);top:50%;left:50%;}
.PanelProduct .detail > h2{margin:0;color:#E7434B;margin-top:10px;}
.PanelProduct .detail .info{width:calc(100% - 540px);height:calc(100%);margin-left:40px;display:inline-block;vertical-align:top;}
.PanelProduct .detail .code{width:calc(100%);padding:0;height:40px;line-height:40px;color:#005284;font-size:20px;font-weight:500;}
.PanelProduct .detail .name{width:calc(100%);padding:0;height:40px;line-height:40px;color:black;font-size:16px;}
.PanelProduct .detail .code span,.PanelProduct .detail .name span{width:100px;font-weight:bold;display:inline-block;vertical-align:top}
.PanelProduct .detail .book{margin:10px 0 20px}
.PanelProduct .detail .slogan{width:100%;margin:10px 0}
.PanelProduct .detail .slogan div{width:calc(100%);height:35px;line-height:35px;font-size:16px;text-indent:35px;background-size:25px;background-repeat:no-repeat;background-position:left center;}
.PanelProduct .detail .summary{width:100%;border-top:1px solid rgba(0,0,0,0.1);margin-top:10px;padding-top:10px;font-size:15px;color:#8f8f8f}
.PanelProduct .detail .summary p{margin:0;padding:0;line-height:1.5;font-size:14px;text-align:justify}
.PanelProduct .desc{width:calc(100% - 40px);margin:0 20px;clear:both}
.list{width:100%;margin-top:-1px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.list .item{width:calc(25% - 5px);height:330px;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:nth-child(4n + 1){width:calc(25%);border-left:0;}
.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 .viewcount{position:absolute;top:10px;right:10px;z-index:3;font-size:12px;color:#888}
.list .item .image .viewcount i{margin-right:5px}
.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);height:40px;line-height:1.3;margin:5px 10px;font-weight:bold;overflow:hidden;}
.list .item .name a{font-size:14px;line-height:20px;color:#2c2c2c;text-decoration:none}
.list .item .name a:hover{color:#4caf50;}
.list .item .price{width:calc(100% - 20px);height:25px;margin:0 10px 5px;line-height:25px;font-size:16px;font-weight:bold;color:red;text-align:left}
.book{width:calc(100% - 20px);margin:0 10px;display:flex}
.book .minus,.book .plus{width:38px;height:38px;line-height:38px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;}
.book .minus:hover,.book .plus:hover{background-color:#F4F4F4;}
.book input[type="text"]{width:40px;height:38px;line-height:38px;margin:0;padding:0 5px;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;display:inline-block;vertical-align:top;}
.book input[type="text"].incart{background-color:#eee;}
.book .order{width:calc(100% - 160px);max-width:150px;height:40px;line-height:40px;margin-left:10px;padding:0 5px;border-radius:2px;background-color:#0097FB;text-align:center;font-size:16px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer}
.book .order:hover{background-color:#0080D5}
.book.disabled .order{background-color:#ccc !important}

.PanelIntro{}
.PanelIntro .container{margin-top:20px;padding:0 30px}
.PanelIntro .detail{width:800px;padding:0 20px;background-color:white;display:inline-block;vertical-align:top}
.PanelIntro .detail h1{width:100%;line-height:1.5;margin:0 0 20px;padding:0;color:#EF7367;font-size:22px;font-weight:bold}
.PanelIntro .detail .social{width:45%;height:25px;display:inline-block;vertical-align:top}

.PanelSearch{margin-bottom:30px}
.PanelSearch .container{margin-top:20px;padding:0}
.PanelSearch .filter{width:280px;padding:0;display:inline-block;vertical-align:top;position:relative}
.PanelSearch .filter h3{margin-top:20px !important}
.PanelSearch .filter h3:first-child{margin-top:0 !important}
.PanelSearch .filter div{position:relative}
.PanelSearch .filter div input[type="text"]{width:calc(100% - 30px);height:30px;line-height:30px;margin:0;padding:0 10px;outline:none;color:black;background-color:white}
.PanelSearch .filter div i{width:20px;height:40px;position:absolute;top:9px;right:10px;font-size:16px;color:#F07468}
.PanelSearch .filter ul{margin:0;padding:0;list-style:none}
.PanelSearch .filter li{height:40px;line-height:40px;padding:0 10px 0 0;border:1px solid #E1E1E1;margin:3px 0 0;border-radius:5px;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.PanelSearch .filter li:hover{background-color:#e9eef3;}
.PanelSearch .filter li.selected{background-image:url(Images/checked.png);}
.PanelSearch .filter li a{color:black;text-decoration:none}
.PanelSearch .result{width:880px;margin:0 0 0 30px;padding:0;display:inline-block;vertical-align:top;position:relative}
.PanelSearch .result h3{width:100%;height:39px;margin:0;padding:0;border-bottom:1px solid #0A2B78}
.PanelSearch .result h3 > span{height:39px;line-height:42px;color:white;margin:0;padding:0 20px;background-color:#0A2B78;font-size:18px;font-weight:bold;text-transform:uppercase;float:left;border-top-left-radius:5px;border-top-right-radius:5px}
.PanelSearch .result .list{display:flex;justify-content:center;flex-wrap:wrap}
.PanelSearch .result .item{width:260px;height:250px;margin:15px 10px;outline:none;background-color:white;box-shadow:0 0 10px #ccc;display:inline-block;vertical-align:top}
.PanelSearch .result .item .image{width:260px;height:190px;margin:0;display:block;overflow:hidden}
.PanelSearch .result .item .image img{width:100%;height:100%}
.PanelSearch .result .item .name{height:40px;line-height:1.5;padding:10px 10px 0;font-size:14px;text-align:center;color:#333333;overflow:hidden;text-overflow:ellipsis}
.PanelSearch .result .image{width:100%;height:100%}
.PanelSearch .result .image img{max-width:100%;max-height:400px;display:block;margin:auto;}
.PanelSearch .error404{width:880px;margin:auto;display:inline-block;vertical-align:top}
.PanelSearch .error404 .title{width:100%;margin:30px auto 0;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #2c2c2c;}
.PanelSearch .error404 img{width:100px;margin:50px auto;display:block;}
.PanelSearch .error404 .title2{width:100%;font-size: 17px;line-height: 1.47;color: #2c2c2c;text-align: center;}

.nav{margin:0;padding:10px;color:#252525;font-weight:500;border-bottom:1px solid #E1E1E1;}
.nav li{margin:0 10px;display:inline}
.nav li:first-child{margin-left:0}
.nav li:last-child{color:#898989}

.page{width:100%;background-color:white;list-style:none;display:inline-block}
.page .prev{float:left}
.page .prev i{margin-right:8px;font-size:18px}
.page .next{float:right}
.page .next i{margin-left:8px;font-size:18px}
.page a{width:120px;height:30px;line-height:30px;margin:20px 8px;text-align:center;font-size:14px;color:#fff;background-color:#0097FB;display:inline-block}
.page .prev a{background-color:red}

.error404{margin:30px auto;position:relative;width:420px}
.error404 .title{width:100%;margin:30px auto 0;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #2c2c2c;}
.error404 img{width:100px;margin:50px auto;display:block;}
.error404 .title2{width:100%;font-size:17px;line-height:1.5;color:#2c2c2c;text-align:center;}

.right{text-align:right !important}

.cartalert{width:80px;height:80px;border-radius:50%;position:fixed;bottom:50px;right:50px;z-index:999;cursor:pointer;transition:all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.6);background-color:white}
.cartalert.active{display:block !important;}
.cartalert i{font-size:36px;color:red;position:absolute;top:20px;left:20px}
.cartalert .cartcount{width:20px;height:20px;line-height:20px;padding:2px;border-radius:50%;color:#fff;background-color:#f00;font-size:12px;font-weight:bold;text-align:center;display:block;position:absolute;top:-5px;right:5px;cursor:pointer;}

.PanelCart{margin:30px 0;position:relative}
.PanelCart .steps{width:800px;margin:0 auto;padding:20px 0;border-top:1px solid #252525;}
.PanelCart .status{width:calc(24% - 10px);margin-right:10px;font-size:16px;font-weight:600;color:#252525;position:relative;display:inline-block;vertical-align:top;}
.PanelCart .status.end{width:auto;position:absolute;}
.PanelCart .status span{width:20px;height:20px;border:1px solid #0080D5;border-radius:50%;background-color:white;position:absolute;top:-30px;left:0;display:block;}
.PanelCart .status.complete span{background-color:#0080D5;display:block;}

.PanelCart .colleft{width:calc(100% - 365px);margin:10px;position:relative;display:inline-block;vertical-align:top;}
.PanelCart .colright{width:340px;margin:10px 0;position:relative;display:inline-block;vertical-align:top;}
.PanelCart .colright .list div{margin:10px 0}
.PanelCart .colright .list label{width:90px;font-size:16px}
.PanelCart .colright .list span{float:right;font-size:16px}
.PanelCart .colleft table,.PanelCart .colright table{width:calc(100%);margin:0;}

.PanelCart .list{width:calc(100% - 42px);min-height:100px;padding:10px 20px;background-color:white;border:solid 1px #E1E1E1}
.PanelCart .list th{height:35px;line-height:35px;padding:5px;font-size:16px;color:#252525;text-align:left;}
.PanelCart .list th.right{text-align:right;}
.PanelCart .list thead th{border-bottom:1px solid #E1E1E1}
.PanelCart .list tfoot th{border-top:1px solid #E1E1E1}
.PanelCart .list td{padding:10px 5px 5px;vertical-align:top;font-size:16px;color:#252525;text-align:left;}
.PanelCart .list td img{width:80px;max-height:80px;}
.PanelCart .list td a{font-size:14px;color:crimson;}
.PanelCart .list td input[type="text"]{width:50px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:right;border: solid 1px #E1E1E1;font-size:16px;color:#252525}
.PanelCart .list h2{height:35px;line-height:35px;padding:0;margin:0;font-size:16px;color:#252525;text-align:left;border-bottom:1px solid #c4ac9c;}
.PanelCart .list h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:#252525;text-align:left;}
.PanelCart .list p{line-height:25px;padding:0;margin:5px;font-size:14px;color:#252525;}
.PanelCart .list p span{color:red;}
.PanelCart .list > p{line-height:25px;padding:0;margin:5px 5px 5px 30px;font-size:14px;color:#252525;}
.PanelCart .list > div.item{width:30%;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;}
.PanelCart .list > div.item img{max-width:100%;max-height:100%;margin:auto;display:block;transition:all 0.5s;}
.PanelCart .list > div.item:hover img{transform:scale(1.2);}
.PanelCart .list button{width:200px;height:40px;line-height:40px;margin-left:10px;padding:0 10px;border:0;border-radius:2px;background-color:#0080D5;text-align:center;font-size:16px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear;float:right;text-transform:uppercase}
.PanelCart .list button:hover{background-color:#ED1C24;}
.PanelCart .list .header{height:30px;line-height:30px;font-size:16px;color:#cdb9a8;}
.PanelCart .row{margin-top:10px;margin-left:0;margin-right:0}
.PanelCart .row > label{width:120px;height:30px;line-height:30px;font-size:16px;font-weight:600;color: #252525;display:inline-block;vertical-align:top;}
.PanelCart .row > span{width:calc(100% - 130px);height:30px;line-height:30px;font-size:16px;font-weight:bold;color: #252525;}
.PanelCart .row > div{width:calc(100%);height:30px;line-height:30px;font-size:16px;color:#252525;text-align:center;}

.PanelCart .colright button{width:calc(100%);height:50px;line-height:50px;margin:10px 0;padding:0;background-color:#0080D5;border: solid 1px #ffcf96;color:white;font-family:Roboto;font-size:16px;font-weight:500;letter-spacing: 1px;text-transform:uppercase;float:right;cursor:pointer;}
.PanelCart .colright button:hover{background-color:#ED1C24;}

.PanelCart .col{width:calc(50% - 25px);margin:0 0 0 20px;padding:0;display:inline-block;vertical-align:top}
.PanelCart .col:nth-child(even){width:calc(50%);margin:0}
.PanelCart .col label{width:120px;height:32px;line-height:32px;font-size:16px;font-weight:600;color: #252525;display:inline-block;vertical-align:top;}
.PanelCart .col span{font-size:22px;font-weight:600;color: #252525;}
.PanelCart .col input[type="text"],.PanelCart .col textarea{width:calc(100% - 136px);height:30px;line-height:30px;margin:0;padding:0 5px;border:solid 1px #E1E1E1;display:inline-block;vertical-align:top;}
.PanelCart .row{margin-top:10px;}
.PanelCart .osSelect-container{width: calc(100% - 125px) !important;text-align:left !important}
.PanelCart .osSelect-container span{font-size:14px}
.PanelCart .osSelect-container li{height:22px !important}
.PanelCart .osSelect-container span{font-weight:normal !important}
.PanelCart .osSelect-choices{margin:0 !important;background:#FFF;height:35px;border: solid 1px #E1E1E1 !important;}
.PanelCart .osSelect-choices span{height:16px !important;line-height:16px !important;font-size:14px;color:#252525}
.PanelCart .osSelect-choices input[type="text"]{border:0;height:25px !important;line-height:25px !important;}
.PanelCart .osSelect-results{background:#fff !important;text-align:left !important;}
.PanelCart .osSelect-results li:hover,.PanelCart .osSelect-results li.highlight{background:#f1ebda !important;}
.PanelCart .home{width:760px;margin:30px auto;padding:20px 0;border-top:1px solid #c4ac9c;display:flex;justify-content:center;}
.PanelCart .home a{min-width:200px;height:40px;line-height:40px;margin:0 10px;padding:0 10px;background-color:#c11d0d;border:0;color:#fff;text-align:center;font-size:16px;font-weight: 500;text-transform:uppercase;letter-spacing: 1px;display:block;cursor:pointer;}
.PanelCart .home a:hover{background-color:#0080D5;}
.PanelCart .PaymentConfirm{width:800px;margin:auto}