@font-face{
    font-family: "Open Sans";
    src:url(opensans/OpenSans-Regular.ttf);
}
@font-face{
    font-family: "Open Sans Bold";
    src:url(opensans/OpenSans-Bold.ttf);
}
html{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    overflow-x: hidden;
}
body{
    font-family: "Open Sans",sans-serif;
    background: #ffff;
}
    
.top-bar{background: #292929;border-top: 3px solid #2f2e2a;height: 44px;width:auto;}
.top-bar-left {padding: 0}
.top-bar-left ul{text-align: left;line-height: 40px;}
.top-bar-left ul li{display: inline-block;color: red;}
.top-bar-left ul li a{text-decoration: none;color: #ccc;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" ;margin-left: 5px;cursor: pointer}
.top-bar-left ul li:first-child a:last-child{padding-right: 10px; border-right: 1px solid #666;margin-right: 10px}
.top-bar-left ul li i{color: white}
.top-bar-right{height: 43px;box-sizing:border-box;}
.top-bar-right ul{text-align: right;line-height: 40px}
.top-bar-right ul li{display: inline-block;}
.top-bar-right ul li >a{padding: 0 11px;border-right: 1px solid #666; color: white;text-decoration: none;font-size: 14px;font-family: 'Time New Roman'; }
.top-bar-right ul li:last-child{margin-left: 11px;position: relative;cursor: pointer;color: #ccc; font-size: 14px;font-family: 'Time New Roman'}
.top-bar-right ul li:last-child:hover .info {display: block;}
.top-bar-right ul li .info{position: absolute;background-color:#292929;width: 170px;left: -50px;border-radius: 5px;display: none;z-index: 99999}
.top-bar-right ul li .info a{transition: background .5s;text-decoration: none;display: block;text-align: left;padding:0 5px;border-bottom:1px solid #666;font-size: 90%;font-family: Geneva;color: white;font-weight: bold;line-height: 30px}
.top-bar-right ul li .info a:hover{background: red;}
/*style header*/
.header{position: relative;z-index: 9999;background:#E7DF11;width: 100%;border-bottom: 1px solid #f5f5f5;}
.header .logo-header img{transition: height .2s,width .2s}
.icon-menu{float: left;top: 5px;right: 5px;position: relative;display: block;border-radius:4px;border: 1px solid #999;cursor: pointer;display: none; cursor: pointer;z-index: 9999999999}
.icon-menu:hover{background: #999}
.icon-menu img{cursor: pointer; }
.item-menu{position: absolute;z-index: 100;top: 100%;width: 100%;height: 60px;display: none;}
.list{z-index: 100;width: 100%;height: 100px;box-sizing: border-box;display: none;}
.list > ul{display: none;height: 100px;list-style-type: none;overflow: auto;padding-top: 5px;padding-left: 5px;background:#ededed;;border-bottom: 1px solid #bd0103}
.list .title-menu:hover{cursor: pointer;}
.list .title-menu:hover >a{color: red}
.list .title-menu > a{position: relative;;text-decoration: none;color: #444;font-weight: 700;display: block;padding: 5px 5px;}
.list .title-menu > a >span{position: absolute;left: 5px;top: -5px;padding: 0 5px;background: #bd0103;color: #666;}
.list .title-menu > a >span::after{  content: '';border-style: solid;position: absolute;left: 5px;bottom: -4px;border-width: 4px 4px 0;border-color: #bd0103 transparent;  }
.list .title-menu > a:hover{color: #bd0103}
.item-title-menu{background: white;margin-top: 15px;display: none;}
.item-title-menu > li{padding: 5px 0}
.item-title-menu > li a{text-decoration: none;color: #666}
.item-title-menu > li a:hover{color: #bd0103}
.list .title-menu .title{list-style-type: none;margin-left: -5px}
.list .title-menu .title h4 a{text-decoration: none;color: #444;cursor: pointer;text-transform: uppercase;}
.list .title-menu .title h4 a:hover{color:#bd0103}
.logo-header{margin: 5px 0;}
.logo-header img{width:40px ;height: 40px;}
.menu-header > ul{list-style-type: none;width: 100%;height:25%;padding: 0;text-align:center;}
.menu-header > ul li{display: inline-block;margin-top: 45px;position: static;padding-bottom: 12px;transition: all 0.5s}
.menu-header > ul li:hover .item-menu-header{display: block;}
.menu-header > ul li> a{text-decoration: none;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";color: #444; font-weight: 700;margin-left: 20px;cursor: pointer;position: relative;padding: 5px 5px}
.menu-header > ul li> a:hover{color: #bd0103}
.menu-header > ul li >a span{text-transform: capitalize;position: absolute;left: 10px;top: -10px;padding: 5 5px;background: #bd0103;color: white;border-radius: 4px}
.menu-header > ul li >a span:after{content: '';border-style: solid;position: absolute;left: 5px;bottom: -10px;border-width: 4px 4px 0;border-color: #bd0103 transparent}
.menu-header > ul li >a span:after{-webkit-animation: myborder 300ms infinite;-moz-animation: myborder 300ms infinite;-o-animation: myborder 300ms infinite;animation: myborder 300ms infinite;}
@keyframes myborder {
    0% {
        border-color: #bd0103 transparent;
    }
    50% {
        border-color: #F8CD0A transparent;
    }
    100% {
        border-color: #bd0103 transparent;
    }
}
.menu-header > ul li >a span:hover{color: white}
.menu-header .item-menu-header{position: absolute;top:78px;left: 0;z-index: 99999;text-align: left;margin-left: -40%;background:#F8F8E3;right no-repeat #fff;display: none;}
.hot{-webkit-animation: mybackground 300ms infinite;-moz-animation: mybackground 300ms infinite;-o-animation: mybackground 300ms infinite;animation: mybackground 300ms infinite;}
@keyframes mybackground {
    0% {
        background: #bd0103;
    }
    50% {
        background: #F8CD0A;
    }
    100% {
        background: #bd0103;
    }
}
.menu-header .item-menu-header .item-item-menu-header{margin: 15px 15px 30px}
.item-item-menu-header h4 a{text-decoration: none;color: #333;text-transform: uppercase;font-family: Raleway,Lato,sans-serif;}
.item-item-menu-header h4 a:hover{cursor: pointer;color: #bd0103;}
.item-item-menu-header > a{font-size: 13px;font-family: Raleway,Lato,sans-serif;}
.menu-header .item-menu-header .item-item-menu-header >a {text-transform: capitalize;list-style-type: disc;display: list-item;padding: 0 0 10px 10px;margin-left: 15px;text-decoration: none;color: #666;border-bottom: 1px solid #ededed; }
.menu-header .item-menu-header .item-item-menu-header >a:hover{cursor: pointer;color: #bd0103}
/**/
.item-product-sp{width: 200px;padding: 0;position: absolute;text-align: left;top: 78px;display: none;background: white;z-index: 9999}
.item-product-sp li{padding-bottom: 0!important;margin: 0!important;display: block;border-bottom: 1px solid #ededed;width: 200px;font-size: 13px;font-weight: bold;}
.item-product-sp li:hover{background: #ededed;color:#bd0103}
.item-product-sp li:hover a{color:#bd0103 }
.item-product-sp li a{margin: 0;padding:0;color: #666;width: 100%;height: 100%;display: block;}
.menu-header > ul li:hover .item-product-sp{display: block;}
/**/
.icon-header{text-align: right;top: 45px;transition: all .5s}
.icon-header >span:last-child{background: #ccc;padding: 8px;border-radius: 4px;cursor: pointer;margin-left: 5px;position: relative;}
.icon-header >span:last-child:hover{background: #bd0103;color: white}
.icon-header >span i{font-size: 15px}
.icon-header >span{display: inline-block;}
.icon-header .cart{color: #333;background: #ccc;padding: 8px;border-radius: 4px;cursor: pointer;margin-left: 5px;position: relative;}
.icon-header .cart a{text-decoration: none;color: #333}
.icon-header .cart:hover > a{color: white}
.icon-header .cart:hover{background: #bd0103;}
.icon-header .cart:hover .item-icon-header{opacity: 1;top: 44px;visibility: visible;}
.icon-header .cart:hover .quantity-cart{ background: #444 ;transition: all .3s }
.icon-header .cart .quantity-cart
{
    background: #bd0103;
    border-radius: 50%;
    position: absolute;
    top: -14px;
    left: -11px;
    width: 25px;
    height: 25px;
    text-align: center;
    box-sizing: border-box;
    color: white;
    font-weight: bold;
    padding-top: 3px;
}
.icon-header .cart:hover .quantity-cart{ background: #444 ;transition: all .3s }
.item-icon-header .title-product a{color:#444;}
.icon-header .search:hover .search-icon-header{opacity: 1;top: 44px;visibility: visible;}
.item-icon-header{z-index: 9999;visibility: hidden;transition: all .4s;box-sizing: border-box;overflow: auto;color:black;position: absolute;width: 320px;height:400px;right: -35px;top: 60px;opacity: 0;border: 1px solid #666;text-align: left;padding: 20px 20px;cursor: auto;background: white}
.item-icon-header .soluong{padding:5px 10px;border-radius: 4px;background: red}
.item-icon-header .sanpham{color: red}
.search-icon-header{position: absolute;right: 0px;top: 50px;visibility: hidden;z-index: 9999;transition: all .4s;box-sizing: border-box;opacity: 0;}
.search-icon-header input{width: 330px;height: 40px}
.search{z-index: 999}
/*banner*/
.header-bottom{margin: 10px 0}
/*bcrumbs*/
.bcrumbs{padding: 3px 0 }
.bcrumbs ul {list-style-type: none;padding: 0;margin: 0}
.bcrumbs ul li{display: inline-block;padding-right: 15px;background: url(../image/icon/Arrow-Right-icon.png) right center no-repeat;background-size: 12px}
.bcrumbs ul li a{color: #333;text-decoration: none;cursor: pointer;font-size: 13px;font-weight: bold;font-family: Relaway;}
/*item-product*/
.product h2{ font-family: Montserrat,Raleway,Lato,sans-serif;font-weight: 700;border-bottom: 1px dashed #CCC;padding-bottom: 10px;margin-bottom: 30px;float: left;}
.item-product{text-align: center;margin-bottom: 30px;box-sizing: border-box;border-bottom: 1px solid #fff}
.item-product:hover{border-bottom: 1px solid #bd0103}
.item-product img{max-width: 100%;position: relative;}
.item-product h4 a{text-decoration: none;font-family: inherit;color: #333;}
.item-product p{font-family:Montserrat ;color: #bd0103;font-size: 18px;font-weight: 700;padding: 15px 0 5px}
/**/
.form-search{position: relative;}
.form-search button{position: absolute;right: 4px;top:4px;background: none;border: none;padding: 3px 7px;color: #666}
/**/
.footer-content{box-sizing: border-box;border-left: 5px solid #bd0103;margin-bottom: 15px}
.footer-content h4{font-size: 16px;    font-weight: 700;font-family: inherit;color: #333}
.footer-content p{    font-family: "ARCUS FONT",Raleway,Lato,sans-serif;font-size: 14px;color: #666}
/**/
footer{background: black;padding-top: 20px}
.footer-botom{list-style-type: none;padding-left: 0;width: 100%;display: block;}
.footer-botom li{float: left;}
.footer-botom li a{text-decoration: none;color: #bbb;padding: 0 5px;border-right:1px solid #666 }
.footer-botom li:first-child{padding: 0}
.footer-botom li:last-child a{border: none;}
.div-footer{color: #bbb;}
.div-footer span{color: #bd0103;cursor: pointer;}
.div-footer span:hover{color: #666}
/**/
.back-to-top{transition: opacity .5s;opacity: 0;z-index: 9;display: block;font-size: 30px;font-size: ;color: white;background: #333;font-weight: bold;padding: 10px 10px 0px;position: fixed;bottom: 50px;right: 20px}
.back-to-top:hover{cursor: pointer;background: #bd0103}
/**/
.pg-product{list-style-type: none;background: red}
.pg-product li{float: left;}
/**/
@media screen and (max-width:1200px){
    .buy{padding: 11px 10px }
    /*thongtingiohang*/
    .thongtin .left .nhan{text-align: left !important; }
    .thongtin .left .height{margin-bottom: 30px;}
}
@media screen and (max-width: 992px){
    /*.buy{width: 100% !important;padding: 11px 10px !important}*/
    .menu-header > ul li> a{font-size: 13px}
    .menu-header .item-menu-header{background:url('') right no-repeat #ededed}
}

/*end style header*/
@media screen and (max-width: 768px){
    /*.search{display: none;}*/
    .header .logo-header img{height:50px;width:150px}
    .item-product .buy-cart {left: 45% !important}
    .menu-header > ul li{display: none;}
    .icon-menu{display: block;}
    .top-bar-right{margin-top: -11px}
    .icon-header .cart{margin-right: 15px}
    .logo-header img{width: 150px;height: 50px}
    .icon-header{top: 23px}
    .icon-menu{top: 23px}
    .bcrumbs{}
    .icon-header .cart{background: white;color: #bd0103;border: 1px solid #bbb;box-sizing: border-box;padding: 6px}
    .icon-header .cart a{color: #bd0103}
    .icon-header .cart:hover a{color: #666}
    .icon-header .cart:hover{background: #bbb;}
    .icon-header .cart:hover .item-icon-header{display: none;}
}
/**/
.delete-product-cart{background: #999;float: left;padding:5px;cursor: pointer;}
.delete-product-cart:hover{background: #666}
.item-icon-header .soluong {padding:5px 5px 5px 10px;margin-right:5px }
.item-product .buy-cart{cursor: auto}
/**/
/*style thongtingiohang*/
.thongtin .left{border-right: 1px solid #999;padding-bottom: 30px}
.thongtin .left .nhan{text-align: right;}
.thongtin .left .nhan .name{color: #555;font-family: Raleway;font-size: 13px;}
.thongtin .left .height{display: block;height: 34px;}
.thongtin .left,.thongtin .right hr{margin-top: 0}
.thongtin .left h3,.thongtin .right h3{font-family: Raleway;    color: #333;}
.thongtin .select{background: #ededed;width: 100%;border: none;height: 30px;padding-left: 10px}
.thongtin .left .submitdk{padding-top: 20px}
.thongtin .left .submitdk .guidonhang{background: #ff7f00;width: 150px;display: block;padding:15px 20px;border-bottom: 2px solid #970000;}
.thongtin .left .submitdk .guidonhang:hover{ background: #1e1e1e;}
.thongtin .left .submitdk .guidonhang .text{text-decoration: none;color: white;text-transform: uppercase;}
.thongtin .right .guidonhang{cursor: pointer;background: #ff7f00;width: 150px;display: block;padding:15px 20px;border-bottom: 2px solid #970000;margin: 20px auto 0}
.thongtin .right .guidonhang:hover{ background: #1e1e1e;}
.thongtin .right .guidonhang .text{text-decoration: none;color: white;text-transform: uppercase;}
.thongtin .right {font-family: Raleway;font-size: 13px}
.thongtin .right  .table>tbody>tr>td{    border-bottom: 1px solid #ddd;}
.thongtin .right .name-product a{color: #bd0103;text-decoration: none;transition: color .5s}
.thongtin .right .name-product a:hover{color: #333}
/* style gio hang*/
.item-icon-header .title-product{margin-bottom: 10px}
.item-icon-header .title-product a{font-weight: 700;color: #444;text-decoration: none;transition: .5s}
.item-icon-header .title-product a:hover{color: #bd0103}
.item-icon-header .soluong-gia{font-family: Raleway;margin-bottom: 10px;color: #333;font-size: 14px;}
/**/
#footer-header{border-top: 4px solid #bd0103;background: #1e1e1e;padding:30px 0;}
#footer-header .wapper2,#footer-header .wapper3{border-right: 1px solid #333;    background: #2E2E2E;}
#footer-header .wapper1 p {color: #bbb;margin-top: 10px;border-bottom: 1px solid #666;padding-bottom: 10px;font-family: Raleway;font-size: 16px}
#footer-header .wapper1 span{background: #ccc;padding: 10px 0px;border-radius: 50%}
#footer-header .wapper2:hover{background: #333}
#footer-header .wapper2 h3{color: #999;text-transform: uppercase;margin-bottom: 15px}
#footer-header .wapper2 h3 span{background: #bd0103;padding: 5px 10px 5px 10px;border-radius: 50%}
#footer-header .wapper2 h3 span i{color: #ccc;font-size: 20px}
#footer-header .wapper2 ul{padding: 0;list-style-type: none;}
#footer-header .wapper2 ul li{font-family: "Open Sans Bold";padding-left: 10px;padding-bottom: 10px;color: #ccc;font-size: 13px;border-bottom: 1px solid #ccc;padding-top: 10px;cursor: pointer;transition: all .5s}
/*#footer-header .wapper2 ul li > a{color: #ccc;text-decoration: none;text-transform: capitalize;}*/
#footer-header .wapper2 ul li:hover{background: #696969}
#footer-header .wapper2 ul li span{margin-right:10px;background: #ccc;height: 18px;width: 18px;border-radius: 50px;display: inline-block;text-align: center;line-height: 18px}
#footer-header .wapper2 ul li span i{font-size: 10px;color: #444}
#footer-header .wapper3:hover{background: #333}
#footer-header .wapper3 h3{color: #999;text-transform: uppercase;margin-bottom: 15px}
#footer-header .wapper3 h3 span{background: #bd0103;padding: 5px 10px 5px 10px;border-radius: 50%}
#footer-header .wapper3 h3 span i{color: #ccc;font-size: 20px}
#footer-header .wapper3 ul{padding: 0;list-style-type: none;}
#footer-header .wapper3 ul li{padding-left: 10px;padding-bottom: 10px;color: #ccc;font-size: 13px;border-bottom: 1px solid #ccc;padding-top: 10px;cursor: pointer;transition: all .5s}
#footer-header .wapper3 ul li:hover{background: #696969}
#footer-header .wapper3 ul li span{margin-right:10px;background: #ccc;padding:2px 5px;border-radius: 50px}
#footer-header .wapper3 ul li span i{font-size: 12px;color: #444}
/**/

.news-letter{margin-top: 25px;margin-bottom: 20px;color: white;background: url(../image/newsletter-bg.png) center center no-repeat fixed;padding: 60px 0 40px;background-size: cover;}
.news-letter h2 {padding-bottom: 20px;text-transform: uppercase;color: white;font-weight: 700}
.news-letter form {margin-top: 20px}
.news-letter form input{padding:8px 15px;color: #666;width: 50%}
.news-letter form button{transition: all .3s;margin-left: -4px;cursor: pointer;padding: 9px 15px;border: 1px solid #bd0103;background-color: #bd0103;color: #fff;}
.news-letter form button:hover{background: black;border: 1px solid black}

.wapper-map{ margin: 15px 0;position: relative; }
.wapper-map .top-map{  padding: 5px 15px;background: #122b40;color: white;font-size: 15px;font-weight: 700;}
.wapper-map #map {height: 500px;}
.tt-lienhe .title{ background: url(image/icon/c1.gif) repeat-x left center;margin: 15px 0}
.tt-lienhe .title h3{background: white;padding: 0 10px;display: inline-block;margin-top: 10px;font-weight: 700;font-size: 20px}
.tt-lienhe .tt-right .foooter {margin-top: 10px;color: #444;font-family: Raleway;font-weight: 700}
.address,.phone,.mail{margin-bottom: 10px}
.address .left .icon-ttrigt,.phone .left .icon-ttrigt,.mail .left .icon-ttrigt{background: #ededed;text-align: center;padding: 8px;border-radius: 50%;color: #666}
.address .right,.phone .right,.mail .right{font-size: 13px;font-family: Raleway;font-weight: 700;color: #666}
.address .right .media-body,.phone .right .media-body,.mail .right .media-body{font-family: georgia;font-size: 12px}

.map-bd .title{ background: url(/image/icon/c1.gif) repeat-x left center;margin: 15px 0;text-align: center}
.map-bd .title h3{background: white;  padding: 0 10px;  display: inline-block;  margin-top: 10px;  font-weight: 700;  font-size: 20px;}

/*trang gioi-thieu.php*/
#gioithieu-ch{padding-top: 15px;padding-bottom: 15px}
#gioithieu-ch .content-gt{margin-top: 20px;font-family: Raleway;color: #444}
#gioithieu-ch .title{font-weight: 700;  font-size: 20px;border-bottom: 1px dashed #cccccc;padding-bottom: 5px}
/*trang huong-dan-mua-hang.php*/
#huongdan-ch{padding-top: 15px;padding-bottom: 15px}
#huongdan-ch .content-gt{margin-top: 20px;font-family: Raleway;color: #444}
#huongdan-ch .title{font-weight: 700;  font-size: 20px;border-bottom: 1px dashed #cccccc;padding-bottom: 5px}
/*trang chinh-sach-khach-vip*/
#chinhsach-kv{padding-top: 15px;padding-bottom: 15px}
#chinhsach-kv .content-gt{margin-top: 20px;font-family: Raleway;color: #444}
#chinhsach-kv .title{font-weight: 700;  font-size: 20px;border-bottom: 1px dashed #cccccc;padding-bottom: 5px}
/*trang chinh-sach-giao-hang*/
#chinhsach-gh{padding-top: 15px;padding-bottom: 15px}
#chinhsach-gh .content-gt{margin-top: 20px;font-family: Raleway;color: #444}
#chinhsach-gh .title{font-weight: 700;  font-size: 20px;border-bottom: 1px dashed #cccccc;padding-bottom: 5px}
/*trang chinh-sach-doi-hang*/
#chinhsach-dh{padding-top: 15px;padding-bottom: 15px}
#chinhsach-dh .content-gt{margin-top: 20px;font-family: Raleway;color: #444}
#chinhsach-dh .title{font-weight: 700;  font-size: 20px;border-bottom: 1px dashed #cccccc;padding-bottom: 5px}
/*trang chinh-sach-bao-mat*/
#chinhsach-bm{padding-top: 15px;padding-bottom: 15px}
#chinhsach-bm content-gt{margin-top: 20px;font-family: Raleway;color: #444}
#chinhsach-bm .title{font-weight: 700;  font-size: 20px;border-bottom: 1px dashed #cccccc;padding-bottom: 5px}

/**/
.wapper-map{ margin: 15px 0;position: relative; }
.wapper-map .top-map{  padding: 5px 15px;background: #122b40;color: white;font-size: 15px;font-weight: 700;}
.wapper-map #map_canvas {height: 500px;}


.tt-lienhe .title{ background: url(image/icon/c1.gif) repeat-x left center;margin: 15px 0}
.tt-lienhe .title h3{background: white;padding: 0 10px;display: inline-block;margin-top: 10px;font-weight: 700;font-size: 20px}
.tt-lienhe .tt-right .foooter {margin-top: 10px;color: #444;font-family: Raleway;font-weight: 700}
.address,.phone,.mail{margin-bottom: 10px}
.address .left .icon-ttrigt,.phone .left .icon-ttrigt,.mail .left .icon-ttrigt{background: #ededed;text-align: center;padding: 8px;border-radius: 50%;color: #666}
.address .right,.phone .right,.mail .right{font-size: 13px;font-family: Raleway;font-weight: 700;color: #666}
.address .right .media-body,.phone .right .media-body,.mail .right .media-body{font-family: georgia;font-size: 12px}

#gioi-thieu {margin-top: 0px}
#themes{transform: rotate(90deg);  -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);z-index: 9999999999;position: fixed;top: 172px;right: -24px;font-family: "Josefin Slab", serif;cursor: pointer;font-weight: 700;color: white;background: #d73814;padding:8px 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
#themeContainer{position: fixed;top:150px;right: -200px;z-index: 999999999999999;width: 200px;padding-top: 2px;background: #1e1e1e;}

#themeContainer .wrapper-style .time #minutes,#themeContainer .wrapper-style .time #seconds{width: 40px}
#themeContainer .wrapper-style .time{padding: 15px}
#themeContainer .wrapper-style .time  #save-time{margin-left: 10px}
#themeContainer .wrapper-style .time #point{font-weight: bold;color: white;margin: 0 2px}
#themeContainer .wrapper-style >h4 {box-sizing: border-box;background: #1e1e1e;font-size: 16px;margin: 0;color: white;padding: 10px;width: 100%;border-top: 1px solid #444;border-bottom: 1px solid #444;}
#themeContainer .wrapper-style >h4 #close-themes{transition: color .5s;float: right;font-size: 20px;margin-top: -5px;margin-right: 10px;box-sizing: border-box}
#themeContainer .wrapper-style >h4 #close-themes:hover{color: #d73814}
#themeContainer .wrapper-style .oregional-skins{width: 100%;border-bottom: 1px solid #444}
#themeContainer .wrapper-style .oregional-skins  .item-oregional-skins{box-sizing: border-box;padding: 10px ;width: 100%}
#themeContainer .wrapper-style .oregional-skins  .item-oregional-skins .item-oregional-skins-x{width: 18px;height: 18px;border: 2px solid #666;display: inline-block;margin-right: 5px}