.hidden{
    display: none !important;
}
.grid1366{
    max-width:100%; margin:0 auto;
}
.grid1240{
    width:1240px; max-width:92%; margin:0 auto;
}
.grid1180{
    width:1180px; margin:0 auto;
}
.grid990{
    width:990px; margin:0 auto;
}
.fa-trash-o:before, .fa-heart:before, .fa-facebook:before{
    font-family: FontAwesome;
}
.clearfix{
    float:none!important; clear:both; display:block;
}
a{ text-decoration:none; }
.spriteIcon{
    background:url("../img/spriteIcon.png") no-repeat transparent;
}
.btn{
    border:none; cursor:pointer;
    background:#000;
    color:#fff; text-align:center;
}
textarea,select,input[type="text"],
input[type="tel"],input[type="color"],.uneditable-input,
input[type="password"],input[type="datetime"],input[type="datetime-local"],
input[type="date"],input[type="month"],input[type="time"],input[type="week"],
input[type="number"],input[type="email"],input[type="url"],input[type="search"]{
    border:1px solid #CCCCCC;
    box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;
    transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s;
}
textarea,input[type="text"],
input[type="tel"],input[type="color"],.uneditable-input,
input[type="password"],input[type="datetime"],input[type="datetime-local"],
input[type="date"],input[type="month"],input[type="time"],input[type="week"],
input[type="number"],input[type="email"],input[type="url"],input[type="search"]{
    color:#555555;
    height:20px;
    line-height:20px;
    padding:2px 6px;
}
textarea:focus,select:focus,input[type="text"]:focus,
input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus,
input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,
input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,
input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus{
    border-color:rgba(82,168,236,0.8);
    box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    outline:0 none;
}

/*-------------------------------------------------------------header-------------*/
#firstHeader{
    height:33px; border-bottom:2px solid #d5d5d5;
}
#firstHeader>p{
    float:left; line-height:33px;
    text-transform:uppercase;
}
#firstHeader>a{
    float:right; line-height:33px;
    text-transform:uppercase;
}
#midleHeader>div{
    float:left; font-size:13px; cursor:pointer;
    padding:5px 0; position:relative;
}
#midleHeader>div:hover>p{
    display:block;
}
#midleHeader>div>p{
    display:none; background:#fff; box-shadow:0 0 1px #bbb;
    padding:5px; position:absolute; top:28px; left:0; width:300px; z-index:100;
}
#midleHeader>div>p span{
    display:list-item; list-style:inside; padding:5px 0; font-size:12px;
}
#midleHeader>div>p:after{
    content:"";
    background:#fff; border:solid #ddd; border-width:1px 1px 0 0;
    position:absolute; top:-4px; left:20%; width:7px; height:7px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}
#midleHeader>p{
    display:block; text-align:center;
    margin:0 auto; padding:15px 0;
    width: 200px;
}
#search{
    float:right; position:relative;
}
#search>p{
    display:block; padding:5px 0; text-align:right;
}
#search>p>a{
    display:inline-block; font-size:13px;
}
#search>p>a:hover{
    text-decoration:underline;
}
#search>label{
    display:block; margin:10px 0; width:170px;
}
#search>label input{
    height:35px; box-shadow:0 0 0; width:150px;
}
#search>label button{
    display:inline-block; margin-left:-25px; border:none;
    background:transparent; cursor:pointer;
}
#searchFolding{
    position:absolute; top:81px; right:0; width:250px; display:none; padding:5px 10px;
    background:#fff; box-shadow:0 0 2px #bbb; border-bottom:1px solid #888;
    z-index:100;
}
#searchFolding a{
    display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:2px 0; font-size:13px;
}
#searchFolding a:hover{
    text-decoration:underline;
}
#lastHeader{
    height:35px;
    background:#000;
}
#menu{
    margin:0 auto; position:relative; text-align:center;
}
#menu>li{
    display:inline-block; line-height:35px; margin:0 25px; text-align:left; position:relative;
}
#menu>li:hover>a, #menu>li.active>a{
    background:#fff; color:#333;
}
#menu>li:last-of-type:hover>a, #menu>li:last-of-type.active{
    background:#ff9900; color:#fff;
}
#menu>li:hover div.dropdownMenu{
    visibility:visible; opacity:1;
}
#menu>li:hover>a, #menu>li.active>a{
    font-weight:bold;
}
#menu>li>a{
    display:block; text-transform:uppercase; padding:0 10px; color:#fff;
}
.dropdownMenu{
    visibility:hidden; opacity:0; transition:all 0.2s; left:-100px; width:522px;
    position:absolute; top:35px; box-shadow:0 1px 5px #5d5d5d;
    background-color:#fff!important; z-index:110;
}
.dropdownMenu>ul>li{
    float:left; line-height:normal;
    padding:5px 15px; border-right:1px solid #e5e5e5;
}
.dropdownMenu>ul>li>h3{
    border-bottom:3px solid #e5e5e5; padding:5px 0 5px 10px; font-weight:normal; text-transform:uppercase;
}
.dropdownMenu>ul>li>a{
    display:list-item; padding:5px 0; list-style:disc; font-weight:lighter; margin:0 0 0 15px;
}
.dropdownMenu a:hover{
    text-decoration:underline;
}
.dropdownMenu .cl>ul{
    width:330px; float:left;
}
.dropdownMenu .cl>ul>li{
    list-style:none; margin-left:8px; padding:5px 0;
    display: inline-block;
    width: 45%;
}
.dropdownMenu .h>ul>li>a{
    font-weight:300; margin-left:10px;
}
/*-------------------------------------------------------icon cart*/
#cartQuickview{
    visibility:hidden; position:absolute; top:77px; right:0;
    background:#ffffff;
    box-shadow:0 2px 5px #888888; padding:10px;
    z-index:100; transition:all 0.3s; opacity:0;
}
.cartQuickviewInfo{
    padding:10px 0;
}
.cartQuickviewInfo>p{
    display:block;
    font-size:14px; color:#888888; text-align:right;
    padding:3px 0; line-height:1em;
}
.cartQuickviewInfo>p>span:last-child{
    margin:0 0 0 35px;
    color:#a9302a;
}
.cartQuickviewInfo>p>span:first-child{
    color:#000000;
}
.cartQuickviewInfo>p>span{
    font-weight:bold;
}
.cartQuickviewInfo>p>i{
    font-size:12px;
}
.cartQuickviewInfo>p>a{
    display:inline-block;
    padding:5px 40px;
    font-weight:bold; text-transform:uppercase;
    color:#ffffff;
}
.cartQuickviewInfo>p>a>i{
    display:block;
    color:#ffffff;
    font-size:11px; text-transform:none; font-weight:lighter;
}
#cartEmpty{
    width:250px; height:50px;
    border-bottom:1px solid #888888;
}
#cartEmpty>p{
    padding:10px 0;
}
/*-------------------------------------------------------------end header-------------*/

/*-------------------------------------------------------------content-------------*/
.listProduct{
    display:block;
}
.listProduct ul{
    padding: 0 0 0 40px;
}
.listProduct ul li{
    list-style: inherit;
}
.listProduct>h2, #bestseller>h2{
    text-transform:uppercase; font-size:25px; font-weight:normal;
    padding:15px 0;clear: both;
    background:linear-gradient(to bottom, #fff 50%,#ccc 50%,#ccc 51%,#fff 50%);
}
.listProduct>h2 span, #bestseller>h2 span{
    font-size:25px; padding-right:40px; background:#fff;
}
.itemProduct{
    float:left; width:23.4%;
    padding:0 0 20px 0; margin:0 0.8%;
    position:relative;
}
.itemProduct.hisProduct{
    width:16%; margin:0 0.3%;
}

.itemProduct:hover .qiv{
    visibility:visible; opacity:1;
}
.itemProduct>p{
    display:block; position:relative;
}
.itemProduct>p>a{
    display:block; height:435px; overflow:hidden;
}
.itemProduct.hisProduct>p>a{
    height:inherit;
}
.qiv{
    position:absolute; left:0; bottom:10px; width:100%; visibility:hidden; opacity:0;
    padding:10px 0; z-index:9; text-align:center; transition:all 0.2s;
}
.qiv i{
    border:1px solid #333; padding:7px 17px; background:#f4f4f4; col1or:#848484; cursor:pointer;
    font-style:normal;
}
/*.qiv i:last-of-type{*/
/*border-left:none;*/
/*}*/
.itemProduct>p>a>img{
    width:100%; display:block;
}

.itemProduct>div{
    display:block; max-height:111px; margin-top:15px; border:1px solid #ddd; padding:0 10px; text-align:center;
    position:relative;
}
.itemProduct>div>i{
    position:absolute; top:-1px; left:35%; width:30%; height:1px; background:#fff; z-index:10;
}

.itemProduct>div>h3{
    color:#5d5d5d; font-weight:normal; height:35px; overflow:hidden;
    padding:8px 0; border-bottom:1px dotted #ddd;
}
.itemProduct>div>span{
    display:block; width:100%;
    font-size:16px; font-weight:bold;
    padding:5px 0;
    color:black;

}

.itemProduct>span, .hisProduct>span, .cateProduct>span{
    padding:1px 13px; position:absolute; top:10px; left:10px;
    background:#fff; border:1px solid #333;
    text-transform:uppercase; font-size:12px;
}
/*--------------------------------------------------------promotion page---*/
#promotionPage{
    padding:10px 0; text-align:center; position:relative;
}
#promotionContent{
    position:absolute; left:220px; top:1180px; width:775px;
}
#listPromotion{
    float:left; width:455px; height:435px; background:#f7f7f7;
    box-shadow:4px 4px 0 0 #EEE; border:solid #E7E7E7; border-width:0 1px 0 1px;
}
#listPromotion>h3{
    padding:10px 0; text-transform:uppercase; font-weight:300;
}
#listPromotion>div>label, #listPromotion>div>label select{
    display:inline-block; margin:0 10px 10px 10px;
}
#listPromotion>div{
    max-height:300px; overflow:auto;
}
#listPromotion>div>p{
    display:block; border-bottom:1px solid #d9d9d9; padding:5px 0;
    font-size:18px; margin:0 40px; color:#666;
}
#listPromotion>div>p span{
    padding:0 7px; border-radius:10px; color:#fff; background:#444;
}
#listPromotion>div>p b{
    color:#cc0000;
}
/*--------------------------------------------------------history product*/
.hisProduct{
    float: left;
    width: 19%;
    padding: 0 0 20px 0;
    margin: 0 0.5%;
    position: relative;
}
.hisProduct:hover .qiv{
    visibility:visible; opacity:1;
}
.hisProduct>p{
    display:block; position:relative;
}
.hisProduct>p>a{
    height: 235px;
    overflow: hidden;
    display:block;
}
.hisProduct>p>a>img{
    width:100%; display:block;
}
.hisProduct>div{
    display:block; height:100px; margin-top:15px; border:1px solid #ddd; padding:0 10px; text-align:center;
    position:relative;
}
.hisProduct>div>i{
    position:absolute; top:-1px; left:35%; width:30%; height:1px; background:#fff; z-index:10;
}
.hisProduct>div>h3{
    color:#5d5d5d; font-weight:normal; height:35px; overflow:hidden;
    padding:8px 0; border-bottom:1px dotted #ddd;
}
.hisProduct>div>span{
    display:block; width:100%;
    font-size:16px; font-weight:bold;
    padding:5px 0;
}
/*--------------------------------------------------------categoty Product*/
.cateProduct{
    float:left; width:31%; margin:0 3% 25px 0;
    position:relative;
}
.cateProduct:nth-of-type(3n){
    margin-right:0;
}
.cateProduct:hover .qiv{
    visibility:visible; opacity:1;
}
.cateProduct>p{
    display:block; position:relative; height:360px;overflow: hidden;
}
.cateProduct>p>a{
    display:block;
}
.cateProduct>p>a>img{
    width:100%; display:block;
}
.cateProduct>div{
    display:block; max-height:111px; margin-top:15px; border:1px solid #ddd; padding:0 10px; text-align:center;
    position:relative;
}
.cateProduct>div>i{
    position:absolute; top:-1px; left:35%; width:30%; height:1px; background:#fff; z-index:10;
}
.cateProduct>div>h3{
    color:#5d5d5d; font-weight:normal; height:34px; overflow:hidden;
    padding:8px 0; border-bottom:1px dotted #ddd;
}
.cateProduct>div>span{
    display:block; width:100%;
    font-size:16px; font-weight:bold;
    padding:5px 0;
}

/*--------------------------product item style*/

.seeMore{
    display:block; margin-top:10px;
    text-align:right; border-bottom:1px solid #b5b5b5;
}

/*------------------------------------------------------------- home-------------*/
/*#bannerHome{*/
/*margin-top:15px; overflow:hidden*/
/*}*/
#bannerPromotion{
    margin:30px 0; overflow:hidden;
}
/*#bannerHome a, */#bannerPromotion a{
                       float:left; max-height:380px; overflow:hidden; width:100%
                   }
/*#bannerHome a img,*/ #bannerPromotion a img{
                           width:100%;
                       }
/*.slideItem{*/
/*float:left;*/
/*}*/
/*.prevSlide, .nextSlide{*/
/*position:absolute; top:45%;*/
/*padding:20px 15px;*/
/*}*/
/*.nextSlide{*/
/*right:0;*/
/*background-color:#fff; background-position:-85px -22px;*/
/*}*/
/*.nextSlide:hover{*/
/*background-color:#000;*/
/*background-position:-29px -79px;*/
/*}*/
/*.prevSlide{*/
/*left:0;*/
/*background-color:#fff; background-position:-56px -22px;*/
/*}*/
/*.prevSlide:hover{*/
/*background-color:#000;*/
/*background-position:0 -78px;*/
/*}*/
#albumHome{
    margin:35px 0;
}
#albumHome div{
    float:left; width:31%; margin-right:3%;
}
#albumHome div:nth-child(3){
    margin:0;
}
#albumHome div>a{
    display:block; overflow:hidden;
}
#albumHome div a img{
    display:block; width:100%;
}
#albumHome div p{
    display:block; padding:10px 0; text-transform:uppercase; text-align:center; font-size:25px; font-weight:lighter;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
#albumHome div p a{
    display:block; width:100%; font-size:12px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
#carouselHome>li{
    float:left;
}
.pgSlideImg{
    display:inline-block; margin:0 15px;
}
.pgSlideImg a{
    display:inline-block; width:10px; height:10px; margin:0 6px;
    border-radius:10px; background:#c1c1c1;
}
.pgSlideImg a.selected{
    background:#333;
}
.pgSlideImg a span{
    display:none;
}
#prevSlide,#nextSlide{
    position:relative; display:inline-block;
    height:26px;
}
#prevSlide i,#nextSlide i{
    position:absolute; top:0; left:-5px;
    font-size:40px;
}

/*-------------------------------------------------------------filter-------------*/
/*#filter{*/
    /*padding:5px 0;*/
/*}*/
.navigationFilter>li:hover>a, .navigationFilter>li>a.active{
    text-decoration:underline;
    color:#000;
}
.navigationFilter>li:hover>ul{
    visibility:visible; opacity:1;
}
.navigationFilter{
    display:block; text-align:center;
}
.navigationFilter>li{
    display:inline-block; line-height:25px;
    padding:0 15px;
    position:relative;
}
.navigationFilter>li>a{
    color:#888;
}
.navigationFilter ul{
    background:white; border-bottom:1px solid;
    visibility:hidden; opacity:0; transition:all 0.2s;
    position:absolute; left:0; top:25px;
    width:150px;
    z-index:100;
}
.navigationFilter ul li a{
    color:#808080;
    display:inline-block; padding:2px 0; margin:0 0 0 10px;
}
.navigationFilter ul li a:hover{
    text-decoration:underline; color:#000000;
}
.filterMore{
    margin:20px 0; text-align:right;
}
.filterMore span{
    text-transform:uppercase; font-size:18px;
}
.filterMore a{
    text-transform:uppercase; font-size:18px;
    padding:0 10px;
    border-right:1px solid #000;
}
.filterMore a:last-of-type{
    border:none;
}
.filterMore a.active, .filterMore a:hover{
    font-weight:bold;
}
.filterMore h1{
    float:left;
    text-transform:uppercase; font-size:30px; font-weight:normal;
}

#filterAttr{
    position:relative; border-bottom:1px solid #000;
    padding:5px 0 40px 0;
}
.filterTitle div{
    float:left;
    margin:0 40px 0 0;
}
.filterTitle div span{
    color:#8b8b8b; font-size:14px;
    float:left;
    margin-right:5px;
}
.filterTitleColor a.spriteIcon{
    background-position:-228px -1px;
    width:25px; height:25px; float:left;
    margin:0 4px;
    border-radius:15px;
}
.boxS{
    border:1px solid #000;
    padding:0 5px 1px 5px;
}
.boxS>a{
    width:15px; height:15px;
    background-position:-230px -4px;
    display:inline-block;
}
.filterContent{
    display:none; margin:10px 0 0 0; position:relative; padding-bottom:30px;
}
.filterContent>div{
    width:14%; float:left; margin-right:2%;
}
.filterContent>div:last-of-type{
    margin:0;
}
.filterContentCate{
    width:27.5%!important;
}
.filterColor{
    margin-right:3%!important; width:21%!important;
}
.filterContent>div>span{
    color:#7f7f7f; font-size:14px; text-transform:uppercase;
    display:block; padding:2px 0; border-bottom:1px solid #000;
}
.filterContent>div>div{
    margin:10px 0 0 0;
}
.filterColor a{
    width:25px; height:25px; float:left;
    margin:0 12px 10px 0;
    border-radius:15px;
}
.sizeft a {
    width:50%;
    display:inline-flex!important;
}
.filterColor a:hover, .filterColor a.active{
    box-shadow:0 0 1px 2px #333;
}
.filterContentItem>div>a{
    color:#7f7f7f; font-size:14px;
    display:block;
    margin:5px 0;
}
.filterContentCate>div>a{
    display:inline-table;
    width:50%;
}
.filterContentItem span.spriteIcon{
    width:12px; height:12px;
    border:1px solid #000;
    display:inline-block;
    margin:2px 5px 0 0;
}
.filterContentItem a.active span.spriteIcon{
    background-position:-234px -7px;
}
.filterOnOff{
    border:1px solid #000; padding:2px 35px;
    position:absolute; top:-35px; right:0;
}
.filterOnOff.vnxk{
    top:5px; right:0; z-index:99;
}
#off{ display:none; }
#filterBtn{
    padding:5px 20px; position:absolute; right:0; bottom:0;
}
/*-------------------------------------------------------------end filter-------------*/

/*-------------------------------------------------------------index menu-------------*/
#productIndexMenu{
    padding-bottom:30px; border-bottom:1px solid #000;
}
#productIndexMenu>h2{
    font-size:25px; text-align:center; padding:20px 0; color:#777777; font-weight:lighter;
}
#productIndexMenu>div:nth-of-type(1){
    margin-left:0;
}
#productIndexMenu>div{
    float:left; width:18.5%;
    overflow:hidden; margin-left:1.8%;
}
#productIndexMenu>div>a{
    display:block; position:relative;
}
#productIndexMenu>div>a:hover>img{
    -webkit-transform:translate(0, 0) rotate(0rad) skewX(0rad) scale(1.5, 1.5);
    transform:translate(0, 0) rotate(0rad) skewX(0rad) scale(1.5, 1.5);
}
#productIndexMenu>div>a:hover>i, #productIndexMenu>div>a:hover>h2{
    opacity:0;
}
#productIndexMenu>div>a>img{
    width:100%; transition:all 1s; display:block;
}
#productIndexMenu>div>a>h2{
    position:absolute; top:40%; left:0; margin:0 20%; width:60%; transition:all 2s;
    font-size:20px; text-align:center; font-weight:normal;
    color:#fff; border-bottom:1px solid #fff; border-top:1px solid #fff;
}
#productIndexMenu>div>a>i{
    position:absolute; top:0; left:0; transition:all 2s;
    height:100%; width:100%;
    background:rgba(0, 0, 0, 0.4);
}
/*-------------------------------------------------------------end index menu-------------*/

/*-------------------------------------------------------------campaign banner----------*/
#bannerCamp{
    margin:20px 0 40px 0; text-align:center;
}
#bannerCamp>img{
    max-width:100%;
}
/*-------------------------------------------------------------end banner category-------------*/

/*-------------------------------------------------------------breadcrumb-------------*/
.breadcrumb_view{
    /*border-top:1px solid #000;*/
    /*padding:10px 0;*/
}
.breadcrumb_view.book{
    border-top:none; border-bottom:1px solid #000;
}
.breadcrumbs{
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}
.breadcrumbs>li{
    float:left; padding:0 15px 0 0;
    background:url("../img/list_style.jpg") right 4px no-repeat;
}
.breadcrumbs>li:last-of-type{
    background:none;
}
/*-------------------------------------------------------------end breadcrumb-------------*/

/*-------------------------------------------------------------product detail-------------*/
.cloudzoom-zoom {
    border:none; box-shadow:none;
}
.cloudzoom-lens{
    border-width:1px;
}
#productDetail{
    width: 100%;
    overflow: hidden;
}
#imgZoom{
    float:left; width:40%; min-height:460px;
}
#imgZoom>p{
    display:block; margin:5px 0;
}
#imgZoom>p a{
    border:1px solid #ccc; width:40px; line-height:40px; text-align:center;
    cursor:pointer; transition:all 0.15s; font-size:18px;
}
#imgZoom>p a:hover{
    color:#a52a2a;
}
#imgZoom>p a.fa-facebook:hover{
    color:#2476ff;
}
#productInfo{
    float:left; width:38%; min-height:460px;
}
#zoomer{
    float:left; width:290px; position:relative;
    margin:0 20px 0 0;
}
#zoomer>span{
    position:absolute; top:10px; left:10px; border:1px solid #000;
    background:#fff; padding:2px 10px;
}
#zoomSlide{
    float:left; width:70px; position:relative;
}
#listImgZoom>li{
    float:left; height:106px; width:100%;
    margin:2px 0; overflow:hidden;
}
#listImgZoom>li img{
    display:block; width:97%; cursor:pointer; border:1px solid transparent;
}
#listImgZoom>li img.cloudzoom-gallery-active{
    border:1px solid red;
}
#prevSlideZ, #nextSlideZ{
    position:absolute; left:0; width:100%; height:15px;
}
#prevSlideZ{
    top:-15px;
    background-position:25px -254px;
}
#nextSlideZ{
    bottom:-15px;
    background-position:22px -269px;
}


#productInfo>h1{
    font-size:20px; font-weight:300; text-transform:uppercase;
}
#productInfo>h1 span{
    background:#666; color:#fff; font-size:13px; text-transform:none;
    padding:0 5px; margin-left:10px; white-space:nowrap;
}
#productInfo>div{
    border-bottom:1px solid #ccc; padding:10px 0;
}
#productInfo>div>p{
    display:block; padding:5px 0;
}
#productInfo>div.price p{
    font-size:24px;
}
#productInfo>div.price p s{
    color:#a8a8a8; font-size:14px;
    margin-left: 5px;
}
#productInfo>div>label{
    display:block; text-transform:uppercase; cursor:pointer; font-size:14px;
}
#productInfo .viewDp{
    display:list-item; margin-left:20px; padding:5px 0; color:#999; font-size:14px;
}

.attr p a{
    display:inline-block; min-width:25px; min-height:25px; overflow:hidden; line-height:25px;
    border:1px solid #ffffff; margin-right:4px; transition:all 0.2s;
    box-shadow:0 0 0 1px #B8B8B8; text-align:center;
}
.attr p a:hover,.attr p a.active{
    box-shadow:0 0 1px 1px #FF7A00;
}
.attr .qty b{
    display:inline-block; border:1px solid #ccc; border-right:none;
}
.attr .qty b i{
    display:inline-block; border-right:1px solid #ccc; text-align:center; width:25px; height:25px; line-height:25px;
    font-style:normal; cursor:pointer; background:#F2F2F2;
}
.size .deactive, .cbSize .deactive{
    background-color:#e5e5e5;
}
#sizeTb{ margin-left:15px; cursor:pointer; display:inline-block!important;}
#sizeTable img{ float:left; }
#productInfo .btn{
    padding:10px 60px; cursor:pointer; display:block;
    text-transform:uppercase; font-size:18px; font-weight:bold;
    background:#ff9900; color:#fff;
    border-bottom:3px solid #d9d9d9;
}
#productInfo .unsel{
    cursor:not-allowed;
}

#productMix{
    float:left; width:20.4%; margin-left:1%; border:1px solid #eac899;
    background:#FFF1DE; min-height:400px;
}
#productMix>p{
    display:block; font-size:13px; padding:10px;
}
#loadCart .cartProd{
    margin:5px 0; background:#ECECEC;
}
#loadCart .cartProd>a{
    float:left; width:60px; padding:5px 0;
    overflow:hidden; margin-right:5px;
}
#loadCart .cartProd>a img{
    width:100%;
}
#loadCart .cartProdInfo>p{
    display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    font-size:13px; padding:3px 0;
}
#payOnline{
    background:#FF5335; padding:5px 10px; margin:5px 0; display:block;
}
#payHome{
    background:#FF9900; padding:5px 10px; width:100%; margin:5px 0;
}
/*------------------------------------------------------------------combo--*/
.combo{
    border-top:1px solid #000;
    padding:10px 0;
}
.combo>h3{
    font-size:30px; padding:2px 0; margin-bottom:10px; font-weight:normal;
}
#slideCombo>li{
    float:left; width:100%;
}
#slideCombo span.add{
    float:left; font-size:30px;
    padding:0 15px; line-height:200px;
}
.comboProd{
    float:left; width:13%;
}
.comboProd>a{
    display:block; height:225px; overflow:hidden;
}
.comboProd>a>img{
    display:block; width:100%;
}
.comboProd>p{
    display:block; font-size:14px;
}
.comboProd>p>span{
    display:block; font-weight:bold;
}
.comboPrice{
    float:left; width:13%; padding:30px 0;
}
.comboPrice p{
    display:block; font-size:14px; margin:3px 0;
}
.comboPrice p.price{
    color:#a52a2a; font-weight:bold; font-size:20px; font-family:Arial, sans-serif;
}
.comboPrice p.oldPrice{
    font-size:18px;
}
.comboPrice button{
    padding:5px 20px; font-weight:bold; text-transform:uppercase;
    margin:10px 0 0 0; cursor:pointer;
}
.comboPrice button.unsel{
    cursor:not-allowed;
}

.attrCbo span{
    display:block; margin:5px 0;
}
.attrCbo .detailComb{
    text-decoration:underline; font-size:14px;
}
.attrCbo span a{
    float:left; width:20px; height:20px; margin-right:10px;
    border:1px solid #fff; text-align:center;
    box-shadow:0 0 0 1px #B8B8B8;
}

/*------------------------------------------------------search product-------*/
.titleFil{
    margin-bottom:15px;
}
.titleFil>p{
    display:inline-block; width:19%; margin-right:2%; position:relative; overflow:hidden;
}
.titleFil>p>a{
    display:inline-block; width:40%; border:1px solid #000; color:#999; text-align:center;
    padding:5px 0; text-transform:uppercase; font-size:13px;
}

.titleFil>p>a.active{
    background:#000; color:#fff;
}
.titleFil>p>span{
    background:#000;
    width:17px; height:40px;
    position:absolute; top:-6px; left:84px;
    -webkit-transform:rotate(25deg);
    -moz-transform:rotate(25deg);
    -ms-transform:rotate(25deg);
    -o-transform:rotate(25deg);
    tranform:rotate(25deg);
}

.itemSearchAlbum{
    float:left; width:30%; margin:0 1%; height:345px;
}
.itemSearchAlbum:hover>a p{
    visibility:visible; opacity:1;
}
.itemSearchAlbum>a{
    display:block; position:relative;
}
.itemSearchAlbum>a img{
    display:block; width:100%;
}
.itemSearchAlbum>a p{
    position:absolute; left:0; bottom:0; width:93%; background:rgba(255, 255, 255, 0.5);
    padding:10px; color:#666; visibility:hidden; opacity:0; transition:all 0.15s;
}
.itemSearchAlbum>a p span{
    float:right;
}
.itemSearchAlbum>span{
    display:block; padding:5px 0;
}
/*-------------------------------------------------------------end product detail-------------*/

/*-------------------------------------------category-----*/
#catSideBar{
    float:left; width:19%; margin-right:2%;
}
#catSideBar>p{
    display:block; background:#000;
    color:#fff; text-align:center; padding:5px 0;
    text-transform:uppercase; font-size:20px;
}
#catSideBar>p img{
    display:block; width:100%;
}
#catSideBar>span.titleCtegory{
    padding:10px 0; text-transform:uppercase; border-bottom:2px solid #000;display: block;font-weight: bold;
}
#catSideBar>h3{
    font-weight: normal;
}
#catSideBar>h3 .fa{
    font-size:17px; font-weight:300; float:right; line-height:20px; cursor:pointer;
}
#catSideBar a{
    display:block; padding:5px 0; text-transform:uppercase;/* border-bottom:1px dotted #bbb;*/
    font-size:14px;
}
#catSideBar a .fa {
    padding-right: 5px;
}
#catSideBar a.visible{
    text-decoration:underline;
}
#catSideBar a.active{
    box-shadow:0 0 1px 1px #FF7A00!important;;
}
.removeFt{
    border:1px solid #000; font-weight:300;
    padding:0 5px!important; float:right; font-size:10px!important;
}



#catContent{
    float:left; width:79%;
}
#catContent .banner>p{
    display:inline-block; margin-bottom:30px; max-height:350px; overflow:hidden;
    width:50%;
}
#catContent .banner>a{
    display:inline-block; width:30%; margin:0 4.6% 30px 0; position:relative;
}
#catContent .banner>a>p{
    position:absolute; bottom:35px; left:0; width:100%; height:90px;
    background:#fff; opacity:0.9;
    text-align:center;
}
#catContent .banner>a>p>span{
    font-size:25px; display:block; margin-top:20px;
}
#catContent .banner>a>p>button{
    border:none; background:#5e5e5e; color:#fff; font-size:10px; text-transform:uppercase;
    padding:2px 5px; cursor:pointer;
}
#catContent .banner>a:nth-of-type(3n){
    margin-right:0;
}
#catContent .banner a img{
    display:block; width:100%;
}
.showPs{
    margin-bottom:30px; text-align:right; position:relative;
}
.showPs>span{
    float:left; text-align:left; text-transform:uppercase;
    border-top:1px solid #ccc;
    width:72%; padding:2px;
}
.showPs>p{
    display:inline-block; border:1px solid #999; padding:0 10px;
    cursor:pointer;
}
.showPs>div{
    display:none; position:absolute; right:0; top:23px; border:1px solid #999;
    background:#fff; z-index:10; padding:5px; transition:all 0.15s;
}
.showPs>div>a{
    display:block; padding:2px 0;
}
.showPs>div>a:hover{
    text-decoration:underline;
}
#cSlide{
    position:relative; margin-bottom:40px;
}
#cSlide .prev{
    position:absolute; top:40%; left:0;
    font-size:50px;
}
#cSlide .next{
    position:absolute; top:40%; right:0;
    font-size:50px;
}
.slideCategories li{
    float:left; width:120px; margin:0 17px; height:170px;
}
.slideCategories li a{
    display:block; font-weight:bold;
    text-align:center; transition:all 0.2s;
}
.slideCategories li:hover a{
    color:#BDBDBD;
}


/*-------------------------------------------------------------cart-------------*/
#cart>h1{
    font-size:25px; font-weight:lighter; text-transform:uppercase; text-align:center;
    padding:20px 0;
}
#orderSteps{
    text-align:center; margin:0 0 30px 0;
}
#orderSteps li{
    display:inline-block; margin:0 40px;
}
#orderSteps li span{
    display:block; width:35px; margin:10px auto; background:#666; color:#fff;
    border-radius:20px; padding:5px 0; font-weight:bold; font-size:20px;
    box-shadow:0 0 0 5px #ccc;
}
#orderSteps li span.active{
    background:#000;
    box-shadow:0 0 0 5px #ccc;
}
#cartContent table{
    border:1px solid #dbdbdb;
    margin:0 0 10px 0;
}
#cartContent table .title{
    height:35px; border-bottom:1px solid #dbdbdb;
    text-align:center; text-transform:uppercase;
}
#cartContent table .cartItem{
    min-height:120px;
    border-bottom:1px solid #dbdbdb;
}
#cartContent table tr td{
    text-align:center; padding:0 10px;
}
.cartImgItem{
    display:block; width:115px; border:1px solid #dbdbdb; margin:10px 0;
}
.cartImgItem img{
    display:block; width:100%;
}
.cartItem select{
    font-size:13px; width:45px;
}
.removeCartItem{
    border:1px solid #dbdbdb; border-radius:3px; padding:0 5px;
    color:#999; margin-left:15px;
}
#infoCart p{
    display:block; padding:3px 0 3px 125px; font-size:20px; text-align:left; font-weight:300;
    margin:5px 0;
}
#infoCart p span{
    float:right; font-size:23px;
}
#infoCart p span i{
    float:right; font-size:14px;
}
#infoCart p input{
    float:right; width:100px; font-size:15px;
}
#infoCart p a{
    padding:8px 20px; /*border:1px solid #dbdbdb;*/ margin:0 3px; display:inline-block;
    /*box-shadow:0 0 0 2px #000;*/ text-transform:uppercase;
    background:#ff9900;
}
#infoCart p a.more{
    background:#fff;
    border:1px solid #dbdbdb;
    box-shadow:none; color:#333; padding:7px 20px;
}

#askCkout{
    width:925px;
}
#askCkout>h2{
    height:75px; line-height:75px;
    text-transform:uppercase; text-align:center; font-weight:lighter; font-size:25px;
    border-bottom:1px solid #c7c7c7;
}
.cAskCk{
    width:49.5%; height:220px; border-left:1px solid #c7c7c7;
    padding:35px 0; float:left; position:relative;
}
.cAskCk>span{
    text-transform:uppercase; font-size:25px; float:left;
    width:100%; padding:5px 0; text-align:center;
}
.cAskCk>p{
    float:left; line-height:1.6em;
    width:100%; padding:15px 0; text-align:center;
}
.cAskCk>a.btn{
    position:absolute; bottom:50px; left:170px;
    text-transform:uppercase;
    padding:5px 25px;
}
.cAskCk>a.forgotP{
    position:absolute; bottom:30px; left:0; text-align:center; width:100%;
    text-decoration:underline;
    font-size:13px;
}
#fAskCk{
    background:#c7c7c7; height:100px; float:left;
    width:100%; padding:30px 0;
}
#fAskCk>p{
    font-weight:bold; font-family:Arial;
    text-align:center; line-height:1.6em;
}
#fAskCk>p>b{
    font-size:25px; font-weight:bold;
}
#fAskCk>a{
    width:100%; display:inline-block;
    padding:5px 0; text-align:center;
}

/*-------------------------------------------------------------end cart-------------*/

/*----------------------------------------------------------------pay---------------*/
#formCheckOut{
    padding-top:10px;
}
#formCheckOut>h1{
    font-size:25px; font-weight:lighter; text-transform:uppercase; text-align:center;
    padding:20px 0;
}
.checkoutStep{
    float:left; width:25%; position:relative;
    padding:0 0 30px 0;
}
.checkoutStep>h2{
    border-top:1px solid #000; padding:5px 0;
    text-transform:uppercase; font-size:18px; font-weight:300;
}
#verification{
    width:50%;
}
.orderProd {
    /*min-width:310px;*/ min-height:120px; margin:5px 0;
}
.orderProd>a {
    float:left; width:75px; height:105px;
    overflow:hidden; margin-right:5px;
}
.orderProd>a>img {
    width:100%; min-height:105px;
}
.orderProdInfo>p {
    display:block; padding:2px 10px;
}
.purchaseInfo .f{
    margin-top:5px;
}
.purchaseInfo .f label{
    display:block; padding:3px 0; font-size:14px;
}
.purchaseInfo .f input[type='text']{
    display:block; width:75%; font-size:14px;
}
.purchaseInfo .f select{
    display:block; width:80%; font-size:14px; height:26px;
}
#cartReview{
    float:left; width:55%; max-height:360px; margin:20px 0 0 0; border-bottom:2px solid #333;
    overflow-y:auto; overflow-x:hidden;
}
#priceReview{
    float:left; width:41%; margin-top:20px; padding:2%;
    background-color:rgb(247,247,247);
}
#priceReview div p{
    display:block; padding:5px 0;
}
#priceReview div p b{
    float:right; font-size:15px;
}
#priceReview input{
    width:52%; height:30px; margin-right:2%;
}
#priceReview textarea{
    width:94.5%; height:50px; resize:none;
}
#priceReview p button{
    padding:8px 5%; cursor:pointer;
}
#priceReview>button{
    width:100%; padding:10px 0; margin:10px 0; background:#ff9900;
    font-weight:bold; text-transform:uppercase; cursor:pointer;
}
#paymentMethod{
    padding:10px 20px 0 0;
}
#paymentMethod>div{
    position:relative; margin:5px 0;
}
#paymentMethod label{
    display:block; font-size:14px;
}
#paymentMethod label>i,#paymentMethod label>span{
    display:block; padding-left:15px; font-weight:lighter; font-size:13px;
    color:#888;
}
#paymentMethod label>i>a{
    display:block;font-weight:lighter; font-size:13px;
    color:#888;
}
#paymentMethod label>i>a:hover{
    color:#153088;
}
.address{
    margin:10px 0; padding:5px 0;
    border-top:1px solid #333;
}
.address>label{
    display:block; padding:5px 0;
}
#addressBook{ display:none; }
#addressBook label{
    display:block; padding:5px 0; border-bottom:1px solid #e5e5e5;
}
#addressBook label span{
    display:block; margin-left:75px; padding:2px 0;
}

.listBank{
    display:none;
    padding:5px 0 0 15px;
    border-bottom:1px solid #b5b5b5;
}
.listBank>span{
    float:left; width:50px; height:34px; overflow:hidden;
    margin:2px; cursor:pointer; padding:2px; transition:all 200ms ease;
}
.listBank>span>img{
    display:block; width:100%;
}
.listBank>span:hover,.listBank>span.active{
    background:#999;
}
.listBank>p{
    display:block; margin:5px 0; font-weight:300; font-size:14px;
}
.listBank>p input{
    width:70px; text-align:right; height:15px;
}
#orderV{
    width:960px; margin:20px auto;
}
#orderVTT{
    position:relative;
}
#orderVTT>div{
    background:url("../img/orderBg.png") repeat-x;
    width:100%; height:290px;
}
#orderVTT>span{
    position:absolute; top:100px; left:25%;
    background:white; border-radius:20px; padding:40px 100px;
    text-transform:uppercase; font-size:30px; font-weight:bold;
}
#orderVct{
    width:650px; margin:0 auto;
}
#orderVct>h3{
    color:#ed1c24; font-size:16px; font-family:Arial; text-align:center; padding:10px 0;
}
#orderVct>p{
    font-family:Arial; text-align:center; line-height:1.3em; margin:10px 5px; color:#666666;
}
#orderVct>p:last-child>a{
    display:inline-block;
    color:#000000; font-family:Arial; font-weight:bold;
    background:#cec9bb; border-radius:25px; padding:5px 25px;
}

#verifyOtp{
    width:400px; margin:40px auto;
}
#verifyOtp div{
    margin:5px 0;
}
#verifyOtp label{
    display:inline-block; width:150px;
}
#verifyOtp button{
    margin-left:153px; padding:5px 10px;
}
/*-------------------------------------------------------------end pay-------------*/

/*-------------------------------------------------------------pagination-------------*/
.paginator{
    clear: both;
    text-align:right; color:#b0b0b0;
    padding:20px 0;
}
.paginator span, .paginator a{
    color:#b0b0b0;
}
.paginator span.currentPage{
    border:1px solid #ddd; position:relative;
    padding:0 5px; margin:0 10px; display:inline-block;
}
.paginator>a{
    display:inline-block; position:relative;
    padding:0 5px; margin:0 10px;
    border:1px solid transparent;
}
.paginator>a:after, .paginator span.currentPage:after{
    position:absolute; top:0; right:-13px;
    content:"|";
}
.paginator>a:hover{
    border:1px solid #ddd;
}
.paginator .paging-next:after{
    content:'XEM TIẾP'; position:inherit; top:0; right:0;
}
.paginator .paging-first, .paginator .paging-last, .paginator .paging-previous{
    display:none;
}
/*-------------------------------------------------------------end pagination-------------*/

/*-------------------------------------------------------------orther album-------------*/
.itemOrtAlbum{
    float:left;
    width:100%;
    margin:0 0.5% 30px 0.5%;
    position:relative;
}
.itemOrtAlbum1{
    float:left;
    width:24%;
    height: 300px;
    margin:0 0.5% 0px;
    position:relative;
}
.itemOrtAlbum>a{
    display:block; max-height:280px;
    overflow:hidden; position:relative;
}
.itemOrtAlbum1>a{
    display:block; max-height:280px;
    overflow:hidden; position:relative;
}
.itemOrtAlbum1 > a:hover {
    box-shadow: 2px 5px 5px 0px #000;
    transition: all .2s;
}
.itemGllAlbum>a>p {
    position: absolute;
    left: 0;
    bottom: 30px;
    font-size: 35px;
    padding: 5px 20px;
    background: #fff;
    transition: background 0.5s;
    opacity: 0.7;
}
.itemOrtAlbum>a>img{
    width:100%;
}
.itemOrtAlbum1>a>img{
    width:100%;
}
.itemOrtAlbum>a>span{
    position:absolute; left:0; bottom:0;
    padding:5px 15px;
    text-transform:uppercase; background:#fff;
}
.itemOrtAlbum1>a>span{
    position:absolute; left:0; bottom:0;
    padding:5px 15px;
    text-transform:uppercase; background:#fff;
    border: 1px solid #eee;
    font-size: 13px;
    width: 86.7%;
}
.itemOrtAlbum>span{
    padding:10px 0 5px 0;
    display:block; height:40px; line-height:1.2em;
    overflow:hidden;
}
.itemOrtAlbum1>span{
    padding:10px 0 5px 0;
    display:block; height:40px; line-height:1.2em;
    overflow:hidden;
}
#viewDemo{
    position:relative; height:50px; overflow:hidden;
}
.gradient{
    position:absolute; top:0; left:0; height:100%; width:100%;
    background:url("../img/gradient.png") repeat-x;
    z-index:100;
}

.itemGllAlbum{
    margin:0 0 50px 0;
}
.itemGllAlbum>a{
    display:block; overflow:hidden; position:relative;
}
.itemGllAlbum>a>img{
    display:block; width:100%;
}
.itemGllAlbum>a>p{
    position:absolute; left:0; bottom:30px;
    font-size:35px; padding:5px 20px;
    background:#fff; transition:background 0.5s; opacity:0.7;
}
.itemGllAlbum>a>p>span{
    float:right;
    font-weight:lighter; color:transparent; opacity:1;
    padding:5px 0;
}
.itemGllAlbum>a:hover>p{
    background:#000; color:#fff;
}
.itemGllAlbum>a:hover>p>span{
    color:white;
}
.itemGllAlbum>a>p>span>span{
    background-position:-228px -88px;
    float:right; height:20px; width:25px;
}

#album_view{
    max-width:960px; margin:20px auto;
}
#album_view .title{
    border-bottom:1px dashed #bebebe;
    padding:0 0 10px 0; margin:0 0 20px 0;
}
#album_view .title>h1{
    text-transform:uppercase; font-size:35px; font-weight:lighter;
    color:#5d5d5d;
    padding:0 0 20px 0;
}
.social{ padding:10px 0; }
.albumGallery>div{
    margin:0 auto; width:650px;
    position:relative;
}
.albumGallery>div a{
    display:block;
}
.albumGallery>div img {
    max-width:100%
}
.itemImgGll{
    width:600px; margin:10px auto;
    position:relative;
}
.itemImgGll>div{
    border:2px solid #999999; border-radius:5px; box-shadow:0 0 10px #ffffff;
    position:absolute; opacity:0;
}
.itemImgGll:hover>div{
    opacity:1;
    transition:all 0.5s ease;
}
.itemImgGll>div:hover>div{
    display:block;
}
.itemImgGll>div>div{
    display:none; width:200px;
    position:absolute; top:20%; left:65%;
    background:#ffffff;
    border-radius:5px; box-shadow:0 0 2px #5d5d5d;
}
.itemImgGll>div>div>span{
    background:transparent url("../img/arrow_tags.png") no-repeat;
    float:left; width:25px; height:20px;
    margin:11px 0 0 -25px;
}
.itemImgGll>div>div >a{
    float:left; border-bottom:1px dashed #494949;
    padding:10px 4px;
}
.itemImgGll>div>div >a:hover{
    color:#149bdf;
}
.itemImgGll>div>div>div{
    float:left; padding:5px 0;
    width:100%;
}
.itemImgGll>div>div>div>h3{
    float:left; color:#c11c3d; padding:2px 4px;
}
.itemImgGll>div>div>div>a{
    float:right; border-radius:2px; font-size:14px; margin-right:4px;
}
.itemImgGll>div>div>div>a:hover{
    color:forestgreen;
}
.itemImgGll>img{
    max-width:100%;
}

#backToTop{
    position:fixed; bottom:40px; right:20px;
    background-position:-243px -412px; width:40px; height:40px; z-index:200;
}
/*----------------------------------------------------light box album*/
#appendImg{
    float:left;
}
.itemSl{ display:none; }
.itemSl>span{
    float:left; width:410px; height:560px; padding:20px; margin:0 10px;
    background-color:#fff;
    box-shadow:0 0 2px #e5e5e5; border-radius:3px;
}
.itemSl>span>span{
    display:block; height:100%; overflow:hidden;
}
.itemSl>span>span>img{
    width:100%;
}
.itemSl .prod{
    float:left; width:275px; height:560px; padding:20px;
    background-color:#fff;
    box-shadow:0 0 2px #e5e5e5; border-radius:3px;
}
.itemSl .prod>a{
    display:block; padding:10px 0;
    border-bottom:1px solid #000; font-family:Arial, sans-serif;
}
.itemSl .prod>a:hover{
    text-decoration:underline;
}
.itemSl .prod>a>span{
    display:block; padding:2px 0;
    font-family:Arial, sans-serif; font-weight:bold;
}
#albumGllSlide{
    float:left; width:90px; height:570px;
    position:relative; padding:15px 10px;
    background-color:#fff;
    box-shadow:0 0 2px #e5e5e5; border-radius:3px;
}
#listImgAlbumGll li{
    float:left; width:100%;
    margin:5px 0;
}
#listImgAlbumGll li a{
    display:block; overflow:hidden; height:100%;
}
#listImgAlbumGll li img{
    width:100%;
}
#prevSlideA, #nextSlideA{
    position:absolute; left:0; width:100%; height:15px;
}
#prevSlideA{
    top:0; background-position:45px -254px;
}
#nextSlideA{
    bottom:0; background-position:42px -269px;
}
.fancybox-album>.fancybox-skin{
    background:none;
}
/*-------------------------------------------------------------footer album-------------*/
#artRelate{
    width:960px; margin:0 auto;
}
#artRelate>h3{
    padding:5px 0;
    font-size:25px; font-weight:normal;
}
#artRelate>div{
    margin:20px 35px 0 0;
    width:28%; float:left;
}
#artRelate .albumReItem > a{
    float:left; width:40%; height:110px;
    overflow:hidden;
    margin:0 10px 0 0;
}
#artRelate .albumReItem > a img{
    width:100%; height:100%;
}
.albumReItem p {
    float:left; width:55%;
}
#select_view{
    position:fixed;
    top:40%;
    right:10px;
    z-index:100;
}
#select_view>div:first-child>span:first-child.spriteIcon{
    background-position:-170px -27px;
    height:30px;
    width:30px;
    background-color:#e5e5e5;
    position:absolute;
    right:0;
    top:0;
}
#select_view>div:first-child>span.spriteIcon{
    background-position:-198px -27px;
    height:30px;
    width:30px;
    background-color:#e5e5e5;
    position:absolute;
    top:30px;
    right:0;
}
#select_view>div:first-child>div,
#select_view>div:last-child>a.spriteIcon>span{
    background:#ffffff;
    border:1px solid #999999;
    box-shadow:0 0 2px #5d5d5d;
    position:absolute;
    top:-5px;
    right:40px;
    width:200px;
    padding:10px;
}
#select_view>div:first-child>div>span.spriteIcon:first-child,
#select_view>div:last-child>a.spriteIcon>span>span.spriteIcon{
    background-position:-170px -56px;
    width:20px;
    height:30px;
    position:absolute;
    top:2px;
    right:-7px;
}
#select_view>div:first-child>div>a.spriteIcon{
    background-position:-233px -7px;
    width:15px;
    height:15px;
    position:absolute;
    top:2px;
    right:2px;
}
#select_view>div:first-child>div>div{
    float:left;
    margin:5px 0 0 0;
    width:100%; cursor:pointer;
}

#select_view>div:first-child>div>div>span{
    background-position:-141px -31px;
    width:30px;
    height:25px;
    float:left;
}
#select_view>div:first-child>div>div:last-child>span{
    background-position:-113px -31px;
    width:30px;
    height:25px;
    float:left;
}
#select_view>div:last-child{
    position:absolute;
    right:0;
    top:0;
}
#select_view>div:last-child>a.spriteIcon:first-child{
    background-position:-170px -28px;
    background-color:#e5e5e5;
    width:30px;
    height:30px;
    float:right;
    position:relative;
    border:1px solid #e0e0e0;
}
#select_view>div:last-child>a.spriteIcon:last-child{
    background-position:-197px -28px;
    border:1px solid #e0e0e0;
    border-top:none;
    width:30px;
    height:30px;
    float:right;
    position:relative;
}
#select_view>div:last-child>a.spriteIcon>span{
    display:none;
    width:110px;
    padding:5px 10px 10px 10px;
}
#select_view>div:last-child>a.spriteIcon:first-child:hover>span{
    display:block;
}
#select_view>div:last-child>a.spriteIcon:last-child:hover>span{
    display:block;
}
#select_view>div:last-child>a.spriteIcon:first-child:hover{
    background-position:-141px -28px;
}
#select_view>div:last-child>a.spriteIcon.active:first-child{
    background-position:-141px -28px;
}
#select_view>div:last-child>a.spriteIcon.active:last-child{
    background-position:-113px -28px;
}
#select_view>div:last-child>a.spriteIcon:last-child:hover{
    background-position:-113px -28px;
}
#scrollProGll{
    position:fixed; z-index:100;
    right:10px; top:65%;
}
#scrollProGll>span{
    background-position:-226px -26px; display:inline-block; border:1px solid #c7c7c7;
    width:30px; height:30px; background-color:#c7c7c7; cursor:pointer;
}
#scrollProGll>span:hover{
    background-color:#ffffff; border:1px solid #c7c7c7;
    background-position:-56px -56px;
}
#tooltipAp{
    position:absolute; top:-5px; right:40px;
    background:#fff;
    border:1px solid #999;
    box-shadow:0 0 2px #5d5d5d;
    width:150px;
    padding:10px;
}
#tooltipAp span.spriteIcon{
    background-position:-170px -56px;
    width:20px;
    height:30px;
    position:absolute;
    top:2px;
    right:-7px;
}
#tooltipAp a.spriteIcon{
    background-position:-233px -7px;
    width:15px;
    height:15px;
    position:absolute;
    top:2px;
    right:2px;
}

/*-------------------------------------------------------------end footer album-------------*/
/*-------------------------------------------------------------end orther album-------------*/

/*-------------------------------------------------------------brand-------------*/
#brandBanner{
    border-bottom:1px solid #000; padding:5px 0;
}
/*-------------------------------------------------------------end brand-------------*/

/*-------------------------------------------------------------profile-------------*/
.profileInfo{
    border:1px solid #ddd; padding:10px 20px; margin:20px 0;
}
#avatarProfile{
    float:left; width:190px; height:180px; position:relative; overflow:hidden;
}
#avatarProfile img{
    display:block; width:100%;
}
#avatarProfile a{
    position:absolute; left:0; bottom:0; width:100%; padding:5px 0; background:rgba(255, 255, 255, 0.2);
    text-align:center; color:#636363; text-decoration:underline;
}
.profileInfo{
    position:relative;
}
.profileInfo div{
    float:left; margin-left:20px;
}
.profileInfo div h3{
    text-transform:uppercase; font-weight:normal; font-size:18px;
    padding:5px 0;
}
.profileInfo div p{
    display:block; padding:5px 0;
}
.profileInfo>a{
    position:absolute; top:5px; right:5px; background:#000; color:#fff; padding:5px;
}
#profileMenu{
    border:solid #ddd; border-width:1px 0; text-align:center;
}
#profileMenu li{
    display:inline-block; margin:0 4%;
}
#profileMenu li a{
    display:block; padding:10px 0; text-transform:uppercase; font-size:16px;
}
#profileMenu li.active a{
    font-weight:bold;
}
#addressBookProfile{
    margin:30px 0;
}
#addressBookProfile>li{
    float:left; width:45%; padding-left:4%;
}
#addressBookProfile>li>h3{
    text-transform:uppercase; font-size:18px; font-weight:normal;
}
#addressBookProfile form label{
    display:block; margin:5px 0;
    text-transform:uppercase; height:35px;
}
#addressBookProfile form label input{
    float:right; width:225px; height:25px;
}
#addressBookProfile form label select{
    float:right; width:238px; height:30px;
}
#addressBookProfile form label button{
    float:right; width:235px; padding:8px 0; background:#000;
    color:#fff; border:1px solid #fff;
    text-transform:uppercase; box-shadow:0 0 0 2px #000; cursor:pointer;
}
#listAddressBookPf{
    max-height:350px; overflow:auto;
}
#listAddressBookPf li{
    border-bottom:1px solid #ddd;
    padding:5px 0; position:relative;
}
#listAddressBookPf li h4{
    font-size:18px; font-weight:normal;
}
#listAddressBookPf li a{
    position:absolute; top:5px; right:5px;
    background:#000; color:#fff; padding:0 5px;
}
#orderFilerProfile{
    margin:20px 0; text-align:center;
}
#orderFilerProfile label{
    display:inline-block; margin-right:20px;
}
#orderFilerProfile label button{
    padding:3px 15px;
}

#listOrderTitle td{
    height:40px; text-align:center; font-weight:600;
}

.listItemOrder{
    text-align:center; height:30px; transition:all 0.15s;
}
.listItemOrder:hover, .listItemOrder.active{
    background:#000; color:#fff;
}
.listItemOrder:hover td, .listItemOrder:hover a, .listItemOrder.active td, .listItemOrder.active a{
    color:#fff;
}
.listOrderIf{
    background:#f5f5f5; display:none;
}
.listOrderIf tr{
    margin:10px 0; display:block;
}
.listOrderIf tr p{
    display:block; padding:5px 0;
}
.listOrderIf .f1{
    width:100px;
}


/*-------------------------------------------------------------end profile-------------*/

/*-------------------------------------------------------------wearing today-------------*/
#bgWearingToday{
    box-shadow:inset 0 200px 100px -100px #e5e5e5; min-height:600px;
}
#wether{
    min-height:255px; border-bottom:1px solid #000;
}
#weatherIcon{
    width:780px; margin:0 auto;
    padding-top:30px;
}

.iconw{
    float:left; height:105px; margin-top:25px;
    background:#fff; box-shadow:0 0 20px #c3c3c3;
}
.iconleft.iconw,.iconleft.iconw>span{
    border-radius:8px 0 0 8px;
}
.iconRight.iconw,.iconRight.iconw>span{
    border-radius:0 8px 8px 0;
}
.iconw>span{
    float:left; width:95px; height:100%; background-size:65px!important;
}
.iconw>p{
    float:left; width:110px; height:100%;
}
.iconw>p>span{
    display:block; font-weight:bold;
    position:relative; padding-left:5px; font-size:13px;
}
.iconw>p>span:last-of-type{
    font-size:40px; font-weight:lighter; line-height:1em;
    text-indent:10px;
}
.iconw>p>span sub{
    font-weight:lighter; font-size:12px;
}
.iconw>p>span>i{
    position:absolute; top:5px; right:35px;
    width:20px; height:20px; background-position:-255px -269px;
}

.iconCenter{
    background:#fff;
    float:left; height:150px; border-radius:8px;
    box-shadow:0 0 20px #c3c3c3;
}
.iconCenter>span{
    float:left; width:160px; height:100%;
    border-radius:8px 0 0 8px;
}
.iconCenter>p{
    float:left; width:205px; height:100%;
}
.iconCenter>p>span{
    display:block; position:relative; padding-left:10px;
    font-size:20px;
}
.iconCenter>p>span:last-of-type{
    font-size:70px; font-weight:lighter; text-indent:15px;
    line-height:1em;
}
.iconCenter>p>span sub{
    font-size:16px;
}
.iconCenter>p>span i{
    position:absolute; top:10px; right:70px;
    width:30px; height:30px; background-position:-255px -292px;
}

#filterWeather{
    display:block; margin:40px 0 5px 0;
}
#filterWeather>a{
    display:inline-table; background-position:-265px -370px;
    text-indent:20px; margin:0 15px 0 0;
}
#filterWeather>a.active{
    background-position:-265px -350px;
}
#filterWeather>select{
    float:right; font-size:14px;
}

#wearingSlide{
    padding:40px 95px; position:relative;
}
#wsl>li{
    float:left; width:330px; margin:0 10px;
}
#wsl>li>a{
    display:block; max-height:460px; margin-bottom:5px;
}
#wsl>li>a>img{
    width:100%;
}
#wsl>li>p{
    display:block;
}
#wsl>li>p:hover{
    text-decoration:underline;
}
#wsl>li>p span{
    float:right; font-weight:bold;
}
#wsl>li>p i{
    display:inline-table; background-position:-5px -336px; width:15px; height:15px;
}

#question>h3{
    padding:10px 0; border-bottom:1px solid #000;
    font-size:25px;
}
#question>h3>span{
    float:right;
}
#question>h3>span input{
    float:left; font-weight:lighter; font-size:14px;
}
#question>h3>span button{
    float:left; width:30px; height:26px; cursor:pointer;
    border:1px solid #e5e5e5; border-left:none;
    background-position:-198px -87px;
}
#listQuestion{
    float:left; width:77%;
}
#listQuestion .ctent.confirmed{
    display:none;
}
#relateQuestion{
    float:left; width:23%; padding:30px 0;
}
#listQuestion .hd{
    padding:30px 0; border-bottom:1px solid #c0c0c0;
}
#listQuestion .hd>select{
    float:right;
}
.questionItem{
    margin-bottom:25px;
}
.questionItem .title{
    padding:10px 0;
}
.questionItem .title>span{
    display:inline-table; padding:2px 50px 2px 5px;
    background:url("../img/bg_title.jpg");
}
.questionItem .title>span>a{
    display:block;
    font-size:20px;
}
.questionItem .title>p{
    display:block; padding:5px 0;
}
.questionItem .title>p span{
    display:inline-block; margin-right:20px;
    text-indent:30px;
}
.questionItem .title>p span:nth-of-type(1){
    background-position:0 -350px;
}
.questionItem .title>p span:nth-of-type(2){
    background-position:0 -368px;
}
.questionItem .title>p span:nth-of-type(3){
    background-position:0 -388px;
}

.questionItem .ct>a{
    float:left; width:140px; height:140px;
    background:#e5e5e5;
    border:1px solid #BDBDBD;
}
.questionItem .ct>p.text{
    float:left; height:140px; width:55%;
    padding:0 10px;
}
.questionItem .ct>p.tag{
    float:left; height:140px; width:220px;
    border-left:1px solid #bdbdbd;
    padding:0 0 0 20px;
}



#sentQuestion{
    margin:0 0 0 10px; padding:5px;
    border:1px solid #c0c0c0;
}
#sentQuestion p{
    display:block; padding:5px 0;
    border-bottom:1px solid #c0c0c0;
}
#sentQuestion label{
    font-weight:bold; color:#999;
    display:inline-table; width:80px;
}
#sentQuestion label.error{
    width:auto; font-weight:lighter; font-size:12px;
    color:rgb(206, 0, 0); text-indent:84px;
}
#sentQuestion input[type="text"]{
    display:inline-table;
}
#sentQuestion textarea{
    height:70px; width:95%;
}
#sentQuestion input.btn{
    padding:2px 10px; float:right; cursor:pointer;
}
.newActions{
    margin:20px 0 20px 10px;
}
.newActions>h4{
    font-size:20px; padding:5px;
    border-bottom:1px solid #000; color:#7A7A7A;
}
.newActions>div>p{
    display:block; margin:2px;
    color:#7a7a7a;
}
.newActions>div>p span.spriteIcon{
    display:inline-table; width:15px; height:15px;
    background-position:-5px -335px;
}


.btntd{
    display:inline-table;
    border:1px solid #000; padding:2px 15px;
}
.btntd:hover{
    background-color:#000; color:#fff; transition:all 0.2s;
}
/*-------------------------------------------------------------question detail*/
#detailQts .hd>h3{
    padding:5px 0;
}
#detailQts .hd>h3>span{
    display:inline-table; font-size:25px; font-weight:normal;
    background:url("../img/bg_title.jpg"); padding:2px 50px 2px 5px;
}
/*#detailQts .hd>h3{*/
/*padding:5px 0;*/
/*}*/
#detailQts .hd>p{
    display:block; padding:5px 0;
}
#detailQts .hd>p>span{
    display:inline-block; margin-right:20px; text-indent:30px;
}
#detailQts .hd>p>span:nth-of-type(1){
    background-position:0 -350px;
}
#detailQts .hd>p>span:nth-of-type(2){
    background-position:0 -368px;
}
#detailQts .hd>p>span:nth-of-type(3){
    background-position:0 -388px;
}
#answers{
    margin:20px 0;
}
#answersTitle{
    width:220px; border-bottom:1px solid #333;
}
#answersTitle a{
    display:inline-table; border-bottom:3px solid transparent;
    font-size:18px; font-weight:normal; margin-right:15px;
}
#answersTitle a.active, #answersTitle a:hover{
    border-bottom:3px solid #333;
}
#answers .tab{
    padding-top:20px;
}
#qtComment{
    width:82%;
}
.editor a{
    display:inline-table; width:11.5%; height:90px; overflow:hidden;
}
.editor a img{
    display:block; width:100%;
}
.editor textarea{
    display:inline-table; height:85px; width:86%;
    border-radius:3px;
}
.editor p{
    display:block; text-align:right;
}
.editor p button{
    padding:5px 15px; margin:5px; cursor:pointer;
}
.showComment .child1{
    padding:5px 0; border-bottom:1px solid #e5e5e5; margin:10px 0 10px 90px;
}
.showComment .child1 a{
    float:left; width:10%; height:70px; overflow:hidden;
}
.showComment .child1 a img{
    width:100%;
}
.showComment .child1 p{
    float:left; width:87%; padding:0 0 0 10px;
}
.showComment .child1 p span{
    display:block; padding:3px 0;
}






/*-------------------------------------------------------------article footer-------------*/
#artMenu{
    float:left; width:20%; margin:20px 0 0 0;
}
#artMenu li{
    padding:5px 0; border-bottom:1px dotted #ddd;
}
#artMenu li>h3{
    font-size:24px; font-weight:normal;
}
#artMenu li a:hover,#artMenu li a.active{
    color:#a52a2a;
}
#artContent{
    float:right; width:73%; margin:20px 0 0 0; border:1px solid #ddd; padding:2%; overflow:hidden;
}
#artContent>h1{
    padding:5px 0 20px 0; text-transform:uppercase;
}
#artContent>div{
    padding:0 0 0 10px;
}
#artContent>div p{
    padding:5px 0;
    line-height: 26px;
}
#artContent>div p > img{
    max-width:100%
}
/*-------------------------------------------------------------end artcle footer-------------*/


/*-------------------------------------------------------------end content-------------*/


/*-------------------------------------------------------------footer-------------*/
#footer{
    margin:60px 0 0 0;
    clear: both;
}
#firstFooter{
    border-top:4px solid #333;
}
#firstFooter>div{
    float:left; background:#f4f4f4; height:100px; width:24.5%;
    margin:0 0.25%; text-align:center;
}
#firstFooter>div>a{
    display:block; padding:5px 0; text-align:center;
    font-weight:bold; font-size:13px;
}
#firstFooter>div>a>span, #firstFooter>div>span{
    display:inline-block; width:30px; height:30px;
}
#lastFooter{
    padding:25px 0 0 0;
}
#lastFooter>div{
    float:left; width:27%;
    border-right:1px solid #ddd;
    padding-right:3%; margin-right:3%;
}
#lastFooter>div>h4{
    text-transform:uppercase; font-weight:normal;
}
#lastFooter>div>p{
    display:block; margin:5px 0; font-size:13px;
}

/*-------------------------------------------------------------end footer-------------*/

/*------------------------------------------------------------quick view-----*/

#quickView .sl{
    float:left; position:relative; margin-right:20px;
}
#quickView .sl li{
    float:left; width:290px; height:430px; overflow:hidden;
}
#quickView .sl li img{
    width:100%;
}
#quickView>#productInfo{
    min-height:inherit; width:350px;
}
.fancybox-qv .fancybox-skin{
    background:#ffffff;
}

#error>h1, #error>h2{
    text-align:center; font-weight:normal; text-transform:uppercase;
}
#error>h1{
    font-size:100px;
}
#error>h2{
    font-size:30px;
}
#error>p{
    text-align:center; margin-bottom:20px;
}

#error>p>span{
    font-size:20px; border-top:1px solid #333; padding:15px 0; display:inline-block;
}
/*------------------------------------------------------------promotion list---*/
.promotionItem{
    float:left; width:23%; margin:10px 1%;
}
.promotionItem>a{
    display:block;
}
.promotionItem>a img{
    width:100%;
}
.promotionItem>h3{
    font-size:18px; font-weight:normal; text-transform:uppercase;
    padding: 10px 0;
}

/*-------------------------------------------------------------end quick view-------------*/

.ui-tooltip, .arrow:after{
    background:black!important;
    border:2px solid white!important;
}
.ui-tooltip{
    padding:10px 20px; color:white!important;
    box-shadow:0 0 7px black;
}
.ui-tooltip-content{
    color:#ffffff!important;
}
.arrow{
    width:70px; height:16px; overflow:hidden;
    position:absolute; left:50%; margin-left:-32px; bottom:-16px;
}
.arrow.top{
    top:-16px; bottom:auto;
}
.arrow.left{
    left:20%;
}
.arrow:after{
    content:""; position:absolute; left:20px; top:-20px; width:20px; height:20px;
    box-shadow:6px 5px 9px -9px black;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    tranform:rotate(45deg);
}
.arrow.top:after{
    bottom:-20px; top:auto;
}
/* signin, signup */
#signU h1{
    margin: 20px 0;
    font-weight: 500;
    font-size: 23px;
}
#signU{
    text-align: center;
}
#sign .f ul li{
    margin: 10px 0;
}
#sign .f .errors li{
    color: red;
    padding-left: 590px;
    width: 400px;
    text-align: left;
}
#sign .f label{
    width: 150px;
    text-align: left;
    display: inline-block;
}
#sign .f input{
    padding: 5px;
    width: 200px;
}
#sign .f select{
    padding: 5px;
    width: 212px;
}
#sign .f input#btnSubmit{
    border: 1px solid #fff;
    margin-left: 150px;
    width: 210px;
    font-weight: bold;
    cursor: pointer;
    background: #000;
    color: #fff;
    box-shadow: 0 0 0 2px #000;
}

/*_______________________________________________ responsive _______________________________________*/

@media (min-width:1000px) and (max-width:1225px){
    .grid1180{
        width:960px; margin:0 auto;
    }
    .cateProduct>p{
        height:360px;
    }
    #zoomer{
        width:260px; margin:0 10px 0 0;
    }
    .orderProd{
        min-width:inherit;
    }
    .orderProdInfo>p{
        white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
    }
    #priceReview input{
        width:57%;
    }
}
@media screen and (max-width : 900px) {
    .grid990{width: 800px;}
    .dropdownMenu{
        left: -200px;
    }
    #subscribe{width: 100px;}
    #zoomSlide, #cartReview, #menu>li[data-rel="fs"]{
        display: none;
    }
    #orderSteps li{
        margin: 0 30px;
    }
    #priceReview{width: auto;}
    .checkoutStep{
        width: 30%;
    }
    #verification{ width: 40%; }
    .cateProduct>p{height: 290px;}
    .showPs>span{width: 60%;}
}

/*sign in / sign up*/
.btnSign{
    padding: 10px 60px;
    text-transform: uppercase;
}
.btnSign:HOVER {
    background:#000;
}
.btnRed {
    border: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    /*background: linear-gradient(to bottom,#FF5335 0%,red 92%,#D93307 92%);*/
    border-radius:4px;
    font-weight: bold;
}
a.loginFb, a.loginG {
    display: block;
    width: 200px;
    overflow: hidden;
    float: left;
    margin: 10px;
}
a.loginFb:HOVER, a.loginG:HOVER{
    opacity:0.8;
}
a.loginFb img, a.loginG img {
    max-width: 100%;
}
.grid1240 form ul li label {
    display: inline-block;
    min-width: 155px;
    text-align: left;
}
.grid1240 form ul li label span{
    color: #000;
}
.f .errors li{
    color: red;
}
.grid1240 form ul li{
    padding-bottom: 10px;
}
.required {
    color: #000;
    font-weight: bold;
}
label {
    cursor: default;
    font-size: 12px;
    margin-right: 7px;
}
.grid1240 h2{
    padding-bottom: 20px;
}
.grid1240 form ul li input.tb {
    width: 220px;
}
input[type='text'], input[type='password'], select {
    padding: 0px 5px;
    border: 1px solid #DCDCDC;
    height: 28px;
    line-height: 28px;
    width: 232px;
}
#btnSubmit {
    font-size: 16px;
    background-color:  #000;
    padding: 6px 23px 6px;
    white-space: normal;
    color: #fff;
    border: none;
    border-radius:4px;
    margin-left: 32px;
}
#btnSubmit:HOVER {
    background-color:#000;
}
/*
.cloudzoom-lens{
    width: 190px !important;
    height: 190px !important;
}
*/
.loadMoreProductHome, .loadMorePrd {
    margin: 20px 0 10px;
    text-align: center;
}
.loadMoreProductHome > a, .loadMorePrd > a {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #000;
    color: #fff;
    padding: 5px 10px;
}


/*news*/
.itemOrtNews{
    width: 100%;
    float: left;
    margin-bottom: 20px
}
.itemOrtNews >a {
    width: 30%;
    float: left;
    height: 130px;
    overflow: hidden;
    display: block;
}

.itemOrtNews >span{
    width: 67%;
    float: right;
    margin-left: 3%;
}

.itemOrtNews >span a{
    font-weight: bold;
    font-size: 16px;
}

#subscribe{
    width: 164px !important;
}
.listProduct div p img{
    max-width: 100% !important;
}
.fb_iframe_widget{
    vertical-align: top;
}

.contactWrp .contactTitle{
    text-align: center;
}
.contactWrp .contactTitle h5{
    display: block;
    padding: 10px 0;
}
.contactWrp .titleContent > p{
    padding: 0 0 10px 0;
    display: block;
}
.contactWrp .contactContent .content{
    line-height: 25px;
}
.outOSBottom{
	display: none;
}
.content{
    text-align: justify;
    line-height: 22px;
    padding: 0 !important;
}
#artContent table, #artContent div, #artContent p, .the-article-body{
    width: 100% !important;
}
div#popup-banner-bottom {
    bottom: 0;
    left: 1px;
    position: fixed;
    max-width: 75%;
    z-index: 500;
    text-align: center;
}
.popup-banner-bottom .inner {
    position: relative;
}
.popup-banner-bottom .banner-s {
    position: relative;
    z-index: 2;
}
.bannerClose {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url(/js/jquery/fancybox-2.1.5/source/fancybox_sprite.png);
}
.show-popup-footer {
    border-radius: 50%;
    padding: 12px 15px;
    background: #000;
    bottom: 50px;
    left: 25px;
    position: fixed;
    color: #fff;
}
.storeMap {
    display: block;
}
#pinView {
    position: relative;
    top: -6.5px;
    left: 4px;
    display: inline-block;
}
#promotionPage .itemProduct {
    width: 24%;
}
#promotionPage .itemProduct:nth-child(5n) {
    margin-right: unset;
}
#promotionPage .itemProduct:nth-child(4n) {
    margin-right: 0;
}
#productInfo>div.price p.discounted-price, #productInfo>div.price p.discounted-price span {
    font-size: 13px;
    color: #b0b0b0;
}
.percent-pview {
    position: absolute;
    top: 0;
    right: 0;
    display: table;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    color: #fff;
    background-color: #d4232b;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    border: 0;
    padding: 0;
}