body button:focus{
    outline: none !important;
}

body, p, span, div, a{
    /*font-family: sans-serif, "Glyphicons Halflings" !important;*/
    /*font-family: sans-serif !important;*/
}
html, body{
    min-width: 970px !important;
}
.container{
    min-width: 970px !important;
}
body{
    background-color: #F7F7F7;

}
.flex{
    display: flex;
}
.flex-1{
    flex: 1;
}
.flex-2{
    flex: 2;
}
.flex-3{
    flex: 3;
}
.flex-4{
    flex: 4;
}
.flex-5{
    flex: 5;
}
.flex-6{
    flex: 6;
}
.flex-7{
    flex: 7;
}
.flex-8{
    flex: 8;
}
.flex-9{
    flex: 9;
}
.bg-cover{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-contain{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.object-fit{
    object-fit: cover;
    object-position: center;
}
textarea{
    resize: none;
}
.vertical-align{
    display: flex;
    align-items: center;
}
.wrap-content-60{
    word-wrap: break-word;
    width: 60%;
}

.media-content-left-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}
.media-content-right-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
}
.custom-loading-div{
    position: fixed;
    z-index: 10001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
}
.custom-loading-img{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.col-h-center{
    margin: 0 auto;
}
.center-my-child{
    display:flex;
    align-items:center;
    justify-content:center;
}

.my-head-img{
    width: 50px;
    margin-left: 20px;
    border-radius: 50%;
}
body .rating-container .filled-stars{
    color: #FBE15F;
    -webkit-text-stroke: unset;
}
orangeText{
    color: rgb(242, 185, 45);
}
pinkText{
    color: rgb(254, 148, 248);
}
.fix-plus-font{
    font-family: sans-serif !important;
    word-spacing: 0 !important;
}
a.a2a_dd:active, a.a2a_dd:focus{
    outline: none;
}
/*Step arrow*/
.thick-arrow-div{
    height: 40px;
    position: relative;
    margin-bottom: 45px;
}
.thick-arrow-div div{
    text-align: center;
    float: left;
}
.thick-arrow-elem{
    position: absolute;
    width: 100px;
    text-align: center;
    height: 40px;
    top: -1px;
    left: -1px;
    background-color: #FBE15F;
}
.thick-arrow-elem p{
    padding-top: 8px;
    padding-left: 15px;
}
.thick-arrow-elem-1{
    left: -1px;
}
.thick-arrow-elem-2{
    left: 99px;
}
.thick-arrow-icon{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px;
    border-color: transparent transparent transparent transparent;
}
.thick-arrow-icon-1{
    left: 99px;
    z-index: 2;
}
.thick-arrow-icon-2{
    left: 198px;
    z-index: 2;
}
div.custom-white{
    background-color: white;
}
div.custom-white-arrow{
    border-left-color: white;
}
div.custom-yellow{
    background-color: #FBE15F;
}

div.custom-yellow-arrow{
    border-left-color: #FBE15F;
}

#footerMainDiv, #brandConceptDiv{
    min-width: 700px;
}
#main-top-error-message, #main-top-success-message{
    z-index: 9998;
    position: fixed;
    width: 100%;
    text-align: center;
    font-size: 22px;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.custom-yellow-btn{
    background-color: #FBE15F;
    border: none;
    width: 150px;
    color: #000;
}

.custom-gray-btn{
    background-color: #E3E3E3;
    border: none;
    width: 150px;
}

.ui-dialog {
    z-index: 9994;
}
.ui-draggable .ui-dialog-titlebar{
    text-align: center;
}
.ui-dialog .ui-dialog-title{
    width: 100%;
    font-size: 18px;
}
.ui-dialog .ui-dialog-content{
    display: table;
    text-align: center;
    font-size: 18px;
    width: 100% !important;
}
.ui-dialog .ui-dialog-content p{
    display: table-cell;
    vertical-align: middle;
}
.ui-dialog-buttonset button{
    width: 100px;
    height: 30px;
    border-radius: 5px;
    outline: none;
    border: none;
}
.ui-dialog-buttonset button:first-child{

}
.ui-dialog-buttonset button:last-child{

    background-color: #FBE15F;
}

#kvFileinputModal{
    z-index: 9999;
}
.file-preview .glyphicon-plus-sign{
    display: none;
}


/*Header*/
/*Header*/
.app-qr-main-div{
    position: fixed;
    width: 100%;
    height: 120px;
    padding-top: 10px;
    background-color: #E8E4E3;
    z-index: 9998;
    box-shadow: 0 0 10px;
}
.app-qr-main-div>div{
    width: 70%;
    margin: 0 auto;
   min-width: 850px;
    height: 60px;
}
.app-qr-sub-d1{
    float: left;
    font-size: 25px;
    font-weight: bold;
    padding-top: 20px;
}
.app-qr-sub-d1 img{
    width: 60px;
    border-radius: 10px;
    margin-right: 15px;
}
.app-qr-sub-d2{
    height: 100%;
    text-align: right;
}
.app-qr-sub-d2-d1,
.app-qr-sub-d2-d2,
.app-qr-sub-d2-d3{
    display: inline-block;
    height: 100%;
}
.app-qr-sub-d2-d1{

}
.app-qr-sub-d2-d1>img,
.app-qr-sub-d2-d2>img{
    margin-left: 10px;
    margin-right: 40px;
    width: 100px;
}

.app-qr-sub-d2-d2{

}

.app-qr-sub-d2-d2>img{

}
.app-qr-sub-d2-d3{
    vertical-align: middle;
    padding-left: 15px;
}
.app-qr-sub-d2-d3 i{
    font-size: 25px;
    color: lightgray;
    cursor: pointer;
    padding-top: 15px;
}

@media (min-width: 1240px) {
    #header-d1-row{
        width: 75%;
    }
}
#header-d1-container{
    position: fixed;
    top: 0;
    /*background-color: transparent;*/
    min-width: 100%;
    width: 970px;
    padding: 0;
    z-index: 9995;
    vertical-align: middle;
    background-color:white;
}
#header-d1-container a:hover{

}
#header-d1-container a.menu-head-img:hover{
    background: transparent;
}
#header-d1-row{
    margin: 0 auto;
}

#header-d1-nav-menu{
    height: 61px;
    border: none;
    margin-bottom: 0;
    background-color: transparent;
}

#header-d1-nav-left{
    padding-top: 0;
    float: left;
}
#header-d1-nav-left .navbar-brand{
    padding-top: 10px;
}
#header-d1-nav-left .navbar-brand img{
    width: 200px;
}

#header-d1-nav-middle{
    margin-left: 260px;
}
#header-d1-nav-middle li{
    padding-top: 5px;
}
#header-d1-nav-middle li.open a{
    background-color: transparent;
}
#header-d1-nav-middle .dropdown-menu{
    padding: 0;
    width: 611px;
    top: 60px;
}

div#search-box-in-menu{
    width: 609px;
}
#search-box-in-menu div:first-child{

}

#search-box-in-menu input{
    border-radius: 0;
    border: 1px solid #FBE15F;
    height: 40px;
}
#search-box-in-menu button{
    border-radius: 0;
    border: 1px solid #FBE15F;
    background-color: #FBE15F;
    min-width: 90px;
    height: 40px;
}
#header-d1-nav-right{

}
#header-d1-nav-right ul{

}
#header-d1-nav-right ul li{
    text-align: center;
    position: relative;
    padding-top: 5px;
    width: 110px;
}
#header-d1-nav-right ul li a{

}
#header-d1-nav-right li.short-right-border{
    border-right: 1px solid lightgray;
    top: 25px;
    height: 15px;
    width: 0;
}
#header-d1-nav-right .menu-head-img{
    padding-top: 6px;
    padding-bottom: 0;
    color: white;
}
#header-d1-nav-right .menu-head-img img{
    width: 40px;
    height: 40px;
}



#main-search-bar-menu1{
    border: 1px solid lightgray;
    border-top: none;
    width: 700px;
    position: absolute;
    top: calc(60% + 40px);
    left: 0;
    right: 0;
    z-index: 9995;
    padding: 0;
    margin: 0 auto;
    min-height: 560px;
    max-height: 560px;
    background-color: white;
    overflow: hidden;
}
#main-search-bar-menu1 ul{
    max-width: 200px;
    padding: 0;
    box-shadow: 10px 0 5px -10px lightgray;
    border: none;
}
#main-search-bar-menu1 ul li{
    height: 70px;
    background-color: white;
    margin: 0;
    padding: 0;
    text-align: center;
    max-width: 200px;
    outline: none;
    border: none;
}
#main-search-bar-menu1 li.ui-state-active{
    border: none;
    background: none;
}
#main-search-bar-menu1{

}
#main-search-bar-menu1>div{
    padding: 0;
}
#main-search-bar-menu1 li{
    width: 100%;
}
#main-search-bar-menu1 li p{
    text-align: center;
    margin: 0;
    display: inline-block;
    height: 70px;
    padding-top: 17px;
    padding-left: 20px;
    width: 100%;
}
#main-search-bar-menu1 p img{
    display: inline-block;
    float: left;
    width: 30px;
    min-height: 35px;
    max-height: 35px;
    object-fit: scale-down;
}
#main-search-bar-menu1 a, #main-search-bar-menu1 a:hover, #main-search-bar-menu1 a:active{
    display: inline-block;
    color: black;
    outline: none;
    text-decoration: none;
    text-align: center;
}
#main-search-bar-menu1 li.ui-tabs-active p{
    background-color: #FBE15F;
}
.menu-right-content{
    min-height: 574px;
    max-height: 574px;
    overflow: auto;
    right: -18px;
    overflow-y: scroll;
}
.menu-right-content>div{
    width: 100%;
}
#main-search-bar-menu1 .menu-right-content{
    padding: 10px 20px;
}
.menu-right-content .first-level-menu{

}
.menu-right-content .first-level-menu a{
    font-size: 18px;
}
.menu-right-content .second-level-menu{
    padding-left: 40px;
}
.menu-right-content .second-level-menu a{

}
.menu-right-content .third-level-menu{

}
#main-search-bar-menu1 .menu-right-content .third-level-menu a{
    color: gray;
    font-size: 13px;
}

span.arrow-right {
    position: absolute;
    width: 0;
    height: 0;
    top: 33px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FBE15F;
}

div#searchBox{
    overflow: hidden;
    word-spacing: normal;
    position: absolute;
    width: 550px;
    height: auto;
    margin: auto;
    top: 60%; left: 0; bottom: 0; right: 0;
}

#searchBox div:first-child{
    text-align: center;
    padding-bottom: 50px;
}
#searchBox input{
    border: 1px solid #FBE15F;
    height: 40px;
}
#searchBox button{
    border: 1px solid #FBE15F;
    background-color: #FBE15F;
    min-width: 90px;
    height: 40px;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.bannerCarousel{
    position: relative;
    top: 0;
    width: 100%;
}

.bannerCarousel img{
    width: 100%;
    object-fit: cover;
    min-height: 550px;
}

#bannerCarousel .carousel-inner .item{

}

.bannerCarousel form{

}
#bannerCarousel .carousel-inner .item img{
    min-height: 31%;
    max-height: 31%;
    width: 100%;
}
.homepageSeparator{
    height: 550px;
}
#navMenu2{
    background-color: #faf7ce;
    border: none;
    border-radius: 0;
    z-index: 15;
}
#topMenu2{
    display: table;
    margin: 0 auto;
}
#topMenu2 ul{

}
#topMenu2 li{
    width: 145px;
    text-align: center;
    float: left;
}
#topMenu2 li a{
    color: black;
    font-size: large;
    font-weight: bold;
}
.collapse.in{
    background-color: transparent;
}
#topMenu2 li a.active{
    background-color: black;
    color: #FBE15F;
}

/*Footer*/
/*Footer*/
.footer{
    width: 100%;
    padding: 0;
    margin: 0;
}

.customLayer{
    background-color: rgba(50, 50, 50, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.customLayer2{
    background-color: rgba(50, 50, 50, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.fullWidth{
    width: 100%;
    height: 400px;
}

#bottomMenuRow{
    margin-top: 40px;
}
#bottomMenuRow div{
    min-height: 250px;

}
div.bottomMenuDiv{
    width: 100%;
    height: 250px;
    padding: 5px;
    position: relative;
}

.bannerContainer img{
    width: 100%;
}
div.bottomNestedMenu{
    width: 50%;
    height: 50%;
}
.bottomNestedMenu p{
    color: white;
}

#footerMenuDiv{
    background-color: rgb(50, 50, 50);
    height: 340px;
}
#footerBannerDiv{
    background-color: #E8E4E3;
    position: relative;
}
#footerBannerDiv p{
    line-height: 30px;
}
div#footerContent1, div#footerContent2, div#footerContent3{
    z-index: 500;
}
#footerContent1{
    font-size: 25px;
    padding-top: 35px;
    text-align: center;
}
#footerContent2, #footerContent3{
    padding-top: 30px;
    font-size: 15px;
    text-align: left;
}
#footerContent2{

}
#footerContent3{

}
#footerContent3 p:last-child{

}
#footerMenuDiv{
    color: white;

}
#footerMenuSubDiv{
    padding-top: 35px;
    margin: 0 auto;
    width: 50%;
}

#footerMenuSubDiv>ul>li:first-child{
    color: #FBE15F;
}
#footerMenuSubDiv li{
    font-weight: bold;
    padding-top: 15px;

}
#footerMenuSubDiv a{
    color: white;
    font-size: 14px;
}
#footerMenuDiv hr{
    width: 100%;
    margin-top: 240px;
    border-color: grey;
}
#copyRightDiv{
    text-align: center;
    color: grey;
}

.bannerContainer{
    margin-top: 50px;
}


#send-msg-div{
    background-color: #3F3C3C;
    height: 250px;
    color: white;
    text-align: center;
    padding: 70px;
}
#send-msg-div p{
    font-size: 25px;
}
#send-msg-div input{
    background: white;
}
#send-msg-btn{
    margin-top: 10px;
    border-radius: 5px;
    border: none;
    height: 52px;
    font-size: 20px;
    width: 170px;
    outline: none;
}

#categorySubDiv .customLayer div{
    bottom: 0;
}


.footerMainDiv a{
    text-decoration: none;
}


.bottomNestedMenu p{
    color: white;
}

#footerMenuDiv{
    background-color: rgb(50, 50, 50);
    height: 340px;
}


#footerMenuDiv{
    color: white;

}
#footerMenuSubDiv{
    padding-top: 35px;
    margin: 0 auto;
    width: 50%;
}

#footerMenuSubDiv>ul>li:first-child{
    color: #FBE15F;
}
#footerMenuSubDiv li{
    font-weight: bold;
    padding-top: 15px;

}
#footerMenuSubDiv a{
    color: white;
}
#footerMenuDiv hr{
    width: 100%;
    margin-top: 240px;
    border-color: grey;
}
#copyRightDiv{
    text-align: center;
    color: grey;
}

/*Home*/
/*Home*/
.item-label{
    color: rgba(0,0,0,0.8);
}

.infoImgDiv div.item-label{
    padding: 0;
}

.infoImgDiv div.item-label input{
    top: 15px;
    left: 15px;
}

a, a:hover, a:link{
    color: black;
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
}
/*Brand concepte*/
#brandConceptDiv{
    margin-top: 50px;

    word-spacing: -10px;
}
#brandConceptDiv>div{
    padding-left: 0;
    padding-right: 0;
}
#brandConceptDiv img{
    width: 100%;
    min-height: 560px;
}
#conceptContentDiv div{
    background-color: white;
    height: 470px;
    margin-top: 55px;
    padding: 50px;
}
#conceptContentDiv p{
    line-height: 30px;
    font-size: 18px;
}
#conceptContentDiv p:nth-child(2){
    font-size: 30px;
    word-spacing: 5px;
}
#conceptContentDiv p:nth-child(3){
    padding-top: 40px;
    margin-right: 110px;
}
/*Sub title*/
.homeSubTitle{
    margin: 50px 0;
    text-align: center;
}
.homeSubTitle p:first-child{
    font-size: 25px;
    font-weight: bold;
}
.homeSubTitle p:last-child{
    font-size: 20px;

}
/*Beauty diary*/
.diaryDiv{
    height: 550px;
}

.diarySubDiv{
    margin-top: 0;
    background-color: white;
    border-radius: 1%;
}
.diarySubDiv div{
    padding: 15px;
}
div.diaryImgDiv, div.infoImgDiv{
    padding: 0;
    height: 250px;
    overflow: hidden;
}
.diaryImgDiv img, .infoImgDiv img, #firstInfoSubDivDiv{
}
.diaryImgDiv .diary-thumb, #firstInfoSubDiv img, .infoImgDiv .diary-thumb{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.diaryTitleDiv{
    text-align: center;
}
div.diaryDepictDiv{
    text-align: center;
    padding: 0 15px;
}
.diaryAuthorDiv{
    text-align: center;
}
.diaryAuthorDiv div:first-child{

}
.diaryAuthorDiv img{
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
div.diaryFooterDiv{
    text-align: center;

}
.diaryFooterDiv div, .infoFooterDiv div{
    padding: 2px;
    display: inline-block;
}

i.fa-eye{
    padding-left: 15px;
    color: #FBE15F;
}
i.fa-share-alt{
    padding-top: 2px;
    color: #FBE15F;
    vertical-align: middle;
}
.diaryBottomDiv{
    border-radius: 1%;
    background-color: white;
    min-height: 50px;
    border-top: 1px solid #EEEEEE;
}
.plusIconDiv{
    border-radius: 50%;
    border: 1px solid #EEEEEE;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    z-index: 180;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 34px;
    background-color: white;
}
.diaryBottomDiv{

}

/*Home Category*/
#home-category-main{
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    padding: 0 10%;

}
.home-category-sub:hover{
    transform: scale(1.05);
    transition: all 0.5s ease;
}
#home-category-main a, #home-category-main a:hover{
    font-size: 16px;
}
.home-category-sub{
    padding: 0.4vw;
}
.home-category-sub>div{
    border-radius: 25px;
}

.home-category-sub p{
    /*color: white;*/
    padding-top: 6px;
}
.home-cat-icon{
    object-fit: cover;
    object-position: center;
}

.home-category-bg{
    padding: 30px 0 10px 0;
    height: 140px;
}

/*Home First beauty info*/
#firstInfoSubDiv{
    position: relative;
}
div.customLayer{
    background-color: rgba(50, 50, 50, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#firstInfoImgDiv{
    height: 405px;
    padding: 0;
}
#firstInfoImgDiv img{
    width: 100%;
    height: 100%;
}
#firstInfoTitleDiv, #firstInfoDepictDiv, #categorySubDiv .customLayer div{
    position: absolute;
    text-align: center;
    z-index: 180;
    left: 0; right: 0;  top: 0;
    background-color: transparent;
    width: 50%;
    height: 50%;
    margin: auto;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}
#firstInfoTitleDiv{
    bottom: -75px;
    font-size: 25px;
    font-weight: bold;

}

#firstInfoTitleDiv a{
    color: white;
    font-size: 25px;
}
#firstInfoDepictDiv{
    font-size: 15px;
    bottom: -155px;
    width: 90%;
}
#firstInfoDepictDiv p{
    white-space: normal;
    font-weight: normal;
}

.infoDiv{
    padding: 8px 5px;
    position: relative;
    min-height: 425px;
}
.infoCategoryDiv{
    width: 100px;
    height: 33px;
    text-align: center;
    background-color: #FBE15F;
    position: absolute;
    top: 15px;
    left: 15px;
}
#firstInfoSubDiv{
    height: 405px;
}
#firstInfoSubDiv .infoCategoryDiv{
    top: 13px;
    left: 13px;
}

.infoSubDiv{
    padding-top: 0;
    margin-top: 0;
    background-color: white;
    border-radius: 1%;
}
.infoSubDiv:hover{
    margin-top: -5px;
    transition: margin-top ease 0.5s;
    box-shadow: 0 5px 10px lightgrey;
}
.custom-hover-up{
    box-shadow: 0 5px 10px lightgrey;
    transition: margin-top ease 0.5s;
}

.custom-hover-up-with-move{
    margin-top: -5px;
    box-shadow: 0 5px 10px lightgrey;
    transition: margin-top ease 0.5s;
}

.infoSubDiv div{
    padding: 5px;
}
div.infoImgDiv{
    padding: 0;
}

div.infoDepictDiv p, .infoTitleDiv p{
    padding: 0 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.infoDepictDiv{
    padding-top: 0;
}
.infoFooterDiv{
    text-align: left;
}
.infoFooterDiv i.fa-eye{
    padding-left: 0;
}
.showLessContent{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*Banner*/
.whiteWithWH{
    color: white;
    font-size: 25px;
    width: 50%;
    height: 50%;
}

#middleBannerDiv{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 400px;
}
#middleBannerDiv p{
    color: white;
    font-size: 20px;
}
#middleBannerDiv input{
    background: transparent;
}
.middleInAbsDiv{
    position: absolute;
    margin: auto;
    left: 0; right: 0;  top: 0; bottom: 0;
    text-align: center;
    z-index: 200;
    width: auto;
}
#registerBtnInBanner{
    top: 110px;
    color: #FBE15F;
    border: 1px solid;
    border-radius: 5%;
    height: 52px;
    font-size: 20px;
    width: 170px;
    outline: none;
}
#middleBannerDiv p.titleP{
    font-size: 25px;
}

#home-go-top{
    position: fixed;
    bottom: 100px;
    right: 80px;
    z-index: 999;
    cursor: pointer;
}
#home-go-top img{
    width: 80px;
}
/*Aboutus*/
/*Aboutus*/
#about-d1, #about-d2, #about-d3, #about-d4{
    margin-top: 60px;
    font-weight: bold;
}
#about-d1{
    text-align: center;
}
.about-d1-title{
    font-size: 1.5em;
}
.about-d1-content{
    color: grey;
    font-size: 16px;
    line-height: 35px;
}
#about-d1 p b, #about-d2 p b, #about-d3 p b, #about-d4 p b{
    color: #FBE15F;
    font-size: 1.5em;
}

#about-d2-left,
#about-d4-left{
    height: 400px;
    color: black;
}
#about-d2-left div,
#about-d4-left div{
    width: 80%;
    z-index: 20;
    border: 1px solid lightgray;
    padding: 5% 10%;
}
#about-d2 p, #about-d3 p, #about-d4 p{
    line-height: 40px;
    font-size: 0.9em;

}
#about-d2 p b,
#about-d4 p b{
    font-size: 1.5em;
}
#about-d2-right{
    height: 400px;
    background-image: url("/static/img/aboutus/bg-about-1-v3.jpg");
}

#about-d4-right{
    height: 400px;
    background-image: url("/static/img/aboutus/bg-about-4.jpg");
}
#about-d3{
    position: relative;
    background: transparent;
}
#about-d3-left, #about-d3-right{

}

#about-d3-left>div{
    background-image: url("/static/img/aboutus/bg-about-2-v3.png");
    height: 350px;
}
#about-d3-right div{
    margin-top: 48px;
    width: 100%;
    z-index: 20;
    border: 1px solid lightgray;
    padding: 5% 10%;

}
#about-d3-right p{
    line-height: 35px;
}

/*Beauty diary*/
/*Beauty diary*/
.add-to-favour-div{
    cursor: pointer;
    position: relative !important;
    padding: unset !important;
}
.add-to-favour-div img{
    width: 30px !important;
    height: 40px !important;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
}
#diary-d1{
    margin-top: 50px;
    font-weight: bold;
}
#diary-d1 #searchForm .caret{
    content: "\f0dc";
    font-family: FontAwesome;
}
#diary-d1-left form>div{
    padding-left: 10px;
    padding-right: 0;
}
#diary-d1-left #btnPageSearch{
    font-weight: bold;
    width: 100%;
    background-color: #FBE15F;
}

#diary-d1 .dd-layer-1::before{
    content: 'haha';
}
#diary-d1 .dd-layer-2{

}
#diary-d1 .dd-layer-3{

}
#diary-d1 .dd-layer-4{

}


#diary-d1-right{
    text-align: right;
}
#diary-d1-right a{

}
#diary-d1-right input{
    outline: none;
    font-weight: bold;
    background-color: #FBE15F;
    border-radius: 20px;
    margin-right: 10px;
}

@media (min-width: 576px) {
    #diary-d1-right{
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    #diary-d1-right{
        margin-top: 0;
    }
}
#diary-d2 .add-to-favour-div img{
    padding-bottom: 0;
}
#diary-d3{
     width: 80%;
     margin: 60px auto 0 auto;
 }
#diary-d3 .diary-row{
    margin: 50px 0;
}
#diary-d3 .col-xs-6{
    box-shadow: 0 0 1px;
    padding: 0;
}

#diary-d3 .diary-row-bnf img, .diary-row-treatment img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 300px;
}
#diary-d3 .diary-row-content{
    min-height: 270px;
    max-height: 270px;
    background-color: white;
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 30px;

}
#diary-row-tag{
    margin-top: 10px;
    min-height: 30px;
}
.diary-row-text{
    padding-top: 15px;
    color: rgb(254, 107, 65);
}


.diary-row-text a{
    color: rgb(254, 107, 65);
    margin-top: 0;
    width: 100%;
}
.diary-row-text h1 a{
    color: rgb(254, 107, 65);
}

#diary-d3 .diary-row-depict{
    padding-top: 10px;
    min-height: 130px;
    max-height: 130px;
    overflow: hidden;
    color: grey;
    pointer-events: none;
}
#diary-d3 .diary-row-footer{
    margin-top: 15px;
    margin-left: -15px;
}
#diary-d3 .diary-row-footer div{
    float: left;
    margin-right: 10px;
}

#diary-d3 .uc-delete-diary-btn, #diary-d3 .uc-edit-diary-btn{
    position: absolute;
    right: 10px;
    bottom: 8px;
    border-radius: 10px;
    background-color: lightgray;
    border: none;
    outline: none;
}
#diary-d3 .uc-edit-diary-btn{
    right: 70px;
}
.showLessNoUnwrap{
    overflow: hidden;
    text-overflow: ellipsis;
}
#diary-d4{
    margin: 0 auto;
    width: 50%;
    text-align: center;
}
#diary-d4 div{
    display: inline-block;
}
.general-pagination-div{
    margin: 20px 0;
    text-align: center;
}
.custom-pagination-text{
    vertical-align: middle;
    padding-bottom: 25px;
    margin-right: 20px;
    display: inline-block;
}
.custom-pagination{
    display: inline-block;
}
.paginationjs-pages li, .paginationjs-next, .paginationjs-prev{
    margin-right: 4px;
    border: none !important;
}
.paginationjs li a{
    background-color: rgb(235, 235, 235) !important;
    color: rgb(254, 107, 65) !important;
}
li.paginationjs-ellipsis a{
    background: transparent !important;
}
.paginationjs li.active a{
    background-color: #FBE15F !important;
    color: black !important;
}
/*Beauty info*/
/*Beauty info*/
#info-d1{
    width: 90%;
    margin: 60px auto 0 auto;
}

#info-d1 .info-row{
    margin: 50px 0;
    padding: 20px;
}
#info-d1 .info-row:hover{
    border: 1px solid #FBE15F;
    box-shadow: 0 0 5px lightgrey;
}
#info-d1>div{
    padding: 0;
}
#info-d1 .info-row-thumb img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
}
#info-d1 .info-row-content{
    min-height: 290px;
    max-height: 290px;
    background-color: white;
    margin-top: 32px;
    padding-left: 30px;
    padding-right: 30px;

}
.info-row-text{
    padding-top: 15px;
    padding-bottom: 10px;
}
.info-row-text a{
    color: rgb(254, 107, 65);
    margin-top: 0;
    width: 100%;
}

#info-d1 .info-row-depict{
    min-height: 170px;
    max-height: 170px;
    overflow: hidden;
    color: grey;
    cursor: pointer;
}
#info-d1 .info-row-footer{
    margin-top: 15px;
    margin-left: -15px;
}
#info-d1 .info-row-footer div{
    float: left;
    margin-right: 10px;
}
#info-d1 .item-label{
    position: relative !important;
    padding: unset !important;

}
.item-label input{
    background-color: #FBE15F;
    border: none;
    outline: none;
    width: 140px !important;
    height: 40px !important;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 999;
    cursor: default !important;
    font-weight: bold;
}

#info-d2{
    margin: 0 auto;
    width: 50%;
    text-align: center;
}
#info-d2 div{
    display: inline-block;
}
#info-d2-text{
    vertical-align: middle;
    padding-bottom: 25px;
    margin-right: 20px;
}

/*Login*/
/*Login*/
#full-page-layer, .full-page-layer{
    position: fixed;
    z-index: 9996;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
}
.custom-fb-login-btn{
    background-color: #4968B4;
    color: white;
    height: 40px;
}
.custom-fb-login-btn:disabled{
    background-color: lightgray;
}
.custom-fb-login-btn:disabled:after{
    content: '加載中';
}
.custom-wc-login-btn{
    background-color: #42ca3b;
    color: white;
    height: 40px;
}
#login-d1{
    margin: 0 auto;
    width: 60%;
    min-height: 420px;
    padding: 20px;
    background-color: white;
    overflow: auto;
}
#login-form{

}

#login-pwd-input{
    width: 100%;

}
#login-pwd-input #user_password{
    border-right: none;
}
#login-pwd-input .input-group-addon{
    border-left: none;
    background-color: transparent;
}
#login-form input[type=submit]{
    margin-top: 40px;
    background-color: #FBE15F;
    font-weight: bold;
    border: none;
}
#login-form-footer label{
    color: gray;
}
#login-form-footer input{
    width: 100px;
    font-weight: bold;
}
#login-d2{
    width: 630px;
    height: 600px;
    margin: auto;
    position: fixed;
    z-index: 9997;
    background-color: #f2f2f2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#login-d2-form{
    width: 350px;
    margin: 0 auto;
}

#login-d2-title{
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
}
#login-d2-form-d1{
    margin-top: 40px;
    text-align: center;
}
#login-d2-form-d1 img{
    border-radius: 50%;
    width: 70px;
    margin-bottom: 20px;
}
#login-d2-form-d2{
    text-align: center;
    margin-bottom: 20px;
}
#login-d2-form .login-v-code-btn input{
    background-color: #FBE15F;
    border: none;
    border-radius: 30px;
    font-weight: bold;
}
.login-v-code-btn{
    position: relative;
}
#counter-div{
    text-align: right;
}
.login-v-code select{
    padding: 0;
    padding-left: 5px;
}
#fb-submit-btn{
    text-align: center;
    width: 100%;
    background-color: #FBE15F;
    border: none;
    margin-top: 20px;
    height: 40px;
}

#login-form .tab-content{
    margin-top: 20px;
    margin-bottom: 20px;
}
#login-form #mobile-login-panel div{
    padding: 0;
}

#login-form #mobile-login-panel .custom-yellow-btn{
    width: 100%;
}


/*Register*/
/*Register*/
.require-asterisk{
    color: red;
    float: right;
}
#register-container{
    width: 1000px;
}
#register-d1{
    margin-bottom: 20px;
}
#register-d2{

}
#register-d1, #register-d2{
    width: 950px;
    margin: 20px auto;
    overflow: auto;
}

#register-d2-left, #register-d2-right{
    min-height: 1200px;
    padding: 40px;
    background-color: white;
}
#register-d2-left form{
    margin-top: 10px;
    border-right: 1px solid #EBEBEB;
}
#register-d2-left .form-group{
    margin-top: 35px;
}
#register-d2 form label{
    padding-top: 5px;
}

#register-d2 input[type="checkbox"] + span {
    text-align: center;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: #EBEBEB;
    width: 100%;
    margin: 0 5px;
    display: inline-block;
}
#register-d2 input[type="checkbox"] + span {

}
#register-d2 input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}

#register-d2-right{
    padding-top: 100px;
    padding-left: 15px;
}

.picker__weekday{
    text-align: center;
}
.picker__header select{
    height: auto;
    font-size: 18px;
}
#register-tnc-div{
    text-align: center;
}
.register-tnc-span{
    color: rgb(254, 107, 65);
    cursor: pointer;
}
#register-submit-btn{
    background-color: #FBE15F;
    width: 150px;
    border: none;
}

.register-main-body .register-tnc-content{
    background-color: white;
    padding: 50px;
    font-size: 14px;
    position: fixed;
    top: 100px;
    bottom: 100px;
    left: 0;
    right: 0;
    width: 90%;
    overflow: auto;
    z-index: 9999;
    margin: 0 auto;

}

.register-main-body .v-code{
    padding-left: 0;
}

.register-main-body #send-sms-btn{
    background-color: #FBE15F;
}
.bold-underline{
    font-weight: bold;
    text-decoration: underline;
}
.bold{
    font-weight: bold;
}
.register-main-body .close-page{
    margin-top: 20px;
    text-align: center;
}

/*Register tnc*/
/*Register tnc*/

/*Diary detail*/
/*Diary detail*/
#dd-container{
    min-width: 800px;
}
#dd-d1{
    padding-left: 0;
    font-size: 15px;
}
#dd-d1 a{
    font-size: 15px;
}
#dd-d2>div{
    margin: 20px 0;
}
#dd-d2 .flexslider{
    border: none;
}
#dd-d2-title{
    margin: 20px 0;
    font-size: 25px;
    color: rgb(254, 107, 65);
}
#dd-d2-title input{
    width: 100px;
    float: right;
}
#dd-d2-content{
    overflow-wrap: break-word;
}
.dd-d2-treatment{
    max-height: 400px;
    max-width: 400px;

}
.dd-d2-img img, .dd-d2-treatment img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 400px;
}

.dd-d2-tag{
    font-size: 20px;

}
#dd-d2-tag a{
    color: rgb(250, 165, 0);
}
#dd-d2-footer{
    margin-top: 15px;
    margin-left: -15px !important;
}
#dd-d2-footer div{
    float: left;
    margin-right: 10px;
}

.detail-footer-action img{
    width: 15px;
    margin-top: -3px;
    cursor: pointer;
}

#dd-d2 .dd-d2-bnf{
    min-width: 800px;
    min-height: 600px;
    max-width: 800px;
    max-height: 600px;
}
#dd-d2-slider img,
#dd-d2 .dd-d2-bnf img{
    width: 100%;
    max-height: 600px;
    object-fit: contain;
    object-position: center;
    margin: auto;
}
#dd-d2 .dd-d2-bnf img{
    min-height: 600px;
    object-fit: cover;
}
#dd-d2-slider .flex-control-thumbs{
    margin: 20px auto;
    width: 60%;
}
#dd-d2-slider .flex-direction-nav a:before{
    font-size: 35px;
}
#dd-d2-slider .flex-control-thumbs img{
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    object-fit: cover;
    object-position: center;
    margin-top: 0;
}

#dd-d2-slider .flex-control-thumbs li{
    width: 16%;
    float: none;
}


#dd-d2-slider .slides > li{
    position: relative;
}


#dd-d3{
    margin-top: 30px;
    min-height: 250px;
}

.jquery-comments .comment-wrapper img{
    width: 50px;
    height: 50px;
}

.jquery-comments .main>li>.comment-wrapper .name{
    height: 50px;
    padding-left: 7px;
    padding-top: 15px;
}
.jquery-comments .main>li>.comment-wrapper time{
    height: 50px;
    padding-left: 7px;
    padding-top: 15px;
}
.jquery-comments .main>li>.comment-wrapper .wrapper .content{
    padding: 15px 0 15px 64px;
}
.jquery-comments .main>li>.comment-wrapper .wrapper .action{
    padding: 5px 0 15px 64px;
}
.jquery-comments .comment-wrapper{
    border-top: 0 !important;
}
.jquery-comments .child-comments .comment-wrapper{
    background-color: rgb(238, 238, 238);
    margin: 0 auto;
    position: relative;
}
.child-comments .comment-wrapper time{
    position: absolute;
    bottom: 0;
    left: 15px;
    margin-bottom: 15px;
}
.jquery-comments .child-comments div.comment-wrapper div.name{

}

.jquery-comments .child-comments .wrapper{
    display: inline;
}

.child-comments .comment-wrapper .content{
    padding-left: 15px;
    padding-bottom: 50px;
    line-height: 26px;
}
.child-comments .content span{
    color: #707070;
    float: left;
    margin-right: 5px;
}
.child-comments img{
    display: none;
}

.jquery-comments ul.main li.comment .name a{
    line-height: 20px;
    text-decoration: none;
}
.jquery-comments ul.main li.comment div.expand-name-field{

}
.child-comments .comment-wrapper .action{
    position: absolute;
    bottom: 0;
    left: 90px;
    margin-bottom: 14px;
}

.jquery-comments .child-comments div.comment-wrapper div.name{
    display: none;
}
.jquery-comments .textarea-wrapper .control-row>span.send{
    padding: 5px;
    width: 80px;
    text-align: center;
}

.child-comments i.profile-picture{
    display: none;
}

#dd-d5{
    height: 100px;
}



/*Detail Info*/
/*Detail Info*/
#di-container{
    min-width: 720px;
}
#di-d1{
    font-size: 15px;
}
#di-d1 a{
    font-size: 15px;
}
#di-d2>div{
    margin: 20px 0;
}
#di-d2-title{
    margin: 20px 0;
    font-size: 25px;
    color: rgb(254, 107, 65);
}
#di-d2-img{
    /*max-height: 600px;*/
    /*max-width: 600px;*/
}
#di-d2-img img{
    width: 100%;
}
#di-d2-content,
#dd-d2-content
{
    max-width: 100%;
    overflow: hidden;
}
#di-d2-content img,
#dd-d2-content img
{
    max-width: 100%;
}
#di-d2-tag{
    font-size: 20px;
    clear: both;

}
#di-d2-tag a{
    color: rgb(250, 165, 0);
}
#di-d2-footer{
    margin-top: 15px;
    margin-left: -15px !important;
}
#di-d2-footer div{

    float: left;
    margin-right: 10px;
}

#di-d3{
    margin-top: 30px;
    min-height: 250px;
}
#di-d5{
    height: 100px;
}

/*Contact us*/
/*Contact us*/
#contact-d1{
    width: 90%;
    margin: 30px auto;
}

#contact-d1-left{
    height: 350px;
    padding-right: 65px;
    padding-top: 50px;
}
#contact-d1-left p{
    line-height: 30px;
}
#contact-d1-left .p-title{
    font-weight: bold;
    font-size: 15px;
}
.p-title b{
    color: #FBE15F;
    font-size: 25px;
}
#contact-d1-right{

}
#contact-d1-right div{
    width: 100%;
    height: 350px;
    background-image: url("/static/img/contactus/contact-right.jpg");
}

#contact-d2{
    background-image: url("/static/img/contactus/contact-banner-v2.jpg");
    background-size: cover;
    height: 350px;
    margin-top: 60px;
}

/*Search result*/
/*Search result*/
#s-result-container{
    background-color: white;
    margin-top: -25px;
}
#s-result-sub-container{
    margin-bottom: 60px;
}
#s-result-d1{
    margin-left: 30px;
    margin-top: 30px;
    width: 70%;
}
#s-result-container .sub-menu-hr{
    margin: 10px 0 22px 30px;
}
#s-result-container .market-item-list hr{
    margin: 20px 0;
}
#sr-sub-search-box{
    word-spacing: normal;
    width: 80%;
    overflow: auto;

}
#sr-sub-search-box div:first-child{
    text-align: center;
    /*padding-bottom: 50px;*/
}
#sr-sub-search-box input{
    border: 1px solid rgb(247, 247, 247);
    height: 40px;
}
#sr-sub-search-box button{
    border: 1px solid #FBE15F;
    background-color: #FBE15F;
    min-width: 90px;
    height: 40px;
}
#s-result-d2{
    margin-top: 20px;
    margin-left: 30px;
}
#s-result-d2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#s-result-d2 li {
    float: left;
}

#s-result-d2 li a {
    display: block;
    color: black;
    text-align: center;
    padding: 10px;
    text-decoration: none;
}

#s-result-d2 li a:hover {
    background-color: #FBE15F;
}

#s-result-d3{
    margin: 0 45px;
}

#s-result-d3 .item-row-depict{
    max-height: 60px;
    min-height: 60px;
    pointer-events: none;
    color: grey;
    overflow: hidden;
}
#s-result-d3 .item-row-footer{
    margin-top: 15px;
    margin-left: -15px;
}
#s-result-d3 .item-row-footer div{
    float: left;
    margin-right: 10px;
}
.s-result-d3-row{
    width: 100%;
    height: 180px;
    background-color: rgb(247, 247, 247);
    margin-bottom: 30px;
}
#s-result-d3.thiner-div{
    width: 60%;
}
.s-result-d3-row-left{
    padding: 0;
}


.s-result-d3-row-left img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
}
.s-result-d3-row-right{
    padding-left: 30px;
}
.s-result-d3-row-right .diary-row-text{
    padding-top: 0;
}
.s-result-d3-row-right .diary-row-text h1{
    margin-top: 0;
}

#s-result-d3 .user-row{
    max-width: 620px;
}

#s-result-d3 .user-row .unfollowed{
    background-color: #FBE15F;
    border-color: #FBE15F;
}
#s-result-d3 .user-row .followed{
    background-color: #e3e3e3;
    border-color: #e3e3e3;
}

#s-result-d3 .user-row img{
    width: 70px;
    height: 70px;
    object-fit: cover;
}

#s-result-d3 .user-row .follow-role{
    width: 60px;
    padding: 4px;
    background-color: dodgerblue;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: white;
}
#s-result-d3 .user-row .media-body{
    padding-left: 20px;
}

#s-result-d4{
    margin: 40px auto;
    width: 50%;
    text-align: center;
}
#s-result-d4 div{
    display: inline-block;
}
#s-result-d4-text{
    vertical-align: middle;
    padding-bottom: 25px;
    margin-right: 20px;
}

#s-result-container .active-menu{
    color: red;
}
/*User about*/
/*User about*/
#user-about-main{
    background-color: white;
    min-height: 800px;
    min-width: 950px;
    padding: 50px;

}
#user-about-main>div{

}
#user-about-main hr{
    margin-top: 30px;
}
#user-about-d1{

}

#user-about-d1-left .ua-head-img{
    width: 210px;
    border-radius: 50%;
    padding-top: 20px;
}

#user-about-d1-right>div{
    margin-top: 20px;
}
#user-about-d1-right .ua-user-name{
    font-size: 25px;
}
#user-about-d1-right .ua-follow{
    border: none;
    width: 100px;
    margin-left: 30px;
    margin-bottom: 8px;
    outline: none;
}
#user-about-d1-right .ua-follow-btn{
    background-color: #FBE15F;

}
#user-about-d1-right .ua-followed-btn{
    background-color: lightgray;
}

#ua-d1-r-row-1{

}
#ua-d1-r-row-2>div{
    text-align: center;
}
#ua-d1-r-row-2 .short-right-border{
    border-right: 1px solid lightgray;
    height: 35px;
    width: 0;
    margin: 0 40px;
}

#ua-d1-r-row-2 div, #ua-d1-r-row-3 div, #ua-d1-r-row-4 div{
    display: inline-block;
}
#ua-d1-r-row-3{

}

#ua-d1-r-row-3>div{
    width: 150px;
}
#ua-d1-r-row-3 .short-right-border, #ua-d1-r-row-4 .short-right-border{
    border-right: 1px solid lightgray;
    height: 15px;
    width: 0;
    margin: 0 30px;
}
#user-about-d1-right i.fa{
    vertical-align: middle;
    width: 20px;
    font-size: 20px;
    color: gray;
}
#user-about-d1-right i.uc-icon-level{
    vertical-align: middle;
    width: 30px;
}
#ua-d1-r-row-4{

}

#ua-d1-r-row-4>div{
    width: 150px;

}
#user-about-d2{

}
#user-about-d2>div:first-of-type{
    padding: 50px;
}
#user-about-d2 .user-thumb-slick-wrap{
    padding: 0 50px;
}
#user-about-d2 .personal-img{
    padding: 0 50px;
}
#user-about-d2 .user-thumb-slick-wrap .slick-slide{
    text-decoration: none;
    outline: none;
}

#user-about-d2 .user-thumb-slick-wrap img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
#user-about-d2 .user-thumb-slick-wrap .slick-slide{
    text-decoration: none;
    outline: none;
}

.slick-slider .slick-arrow:before,
.slick-slider .slick-arrow:after {
    color: #000;
}

#user-about-main .popup-large-div{
    position: fixed;
    z-index: 9996;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
}
#user-about-main .popup-large-img{
    width: 80%;
    height: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#user-about-d3{

}
#ua-d3-r-1{
    margin: 0 auto;
    width: 50%;
    text-align: center;
}
#ua-d3-r-1 div{
    display: inline-block;
    width: 80px;
    padding-bottom: 10px;
    margin-right: 20px;
}
#ua-d3-r-1 div.active{
    border-bottom: 4px solid #FBE15F;
}

#ua-d3-r-1 a, #ua-d3-r-1 a:hover,#ua-d3-r-1 a:active{
    outline: none;
    text-decoration: none;
}


#user-about-d4{
    margin-top: 40px;
}

/*User center*/
/*User center*/
.uc-market{
    background-image: url('/static/img/usercenter/uc-market.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.uc-icon-sprite {
    background-image: url('/static/img/usercenter/menu-icon.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.uc-icon-info {
    width: 21px;
    height: 17px;
    background-position: -5px -270px;
}


.uc-icon-order {
    width: 19px;
    height: 21px;
    background-position: -5px -95px;
}

.uc-icon-follow {
    width: 20px;
    height: 16px;
    background-position: -5px -126px;
}
.uc-icon-points {
    width: 20px;
    height: 22px;
    background-position: -5px -63px;
}
.uc-icon-diary {
    width: 17px;
    height: 18px;
    background-position: -5px -35px;
}
.uc-icon-message {
    width: 18px;
    height: 20px;
    background-position: -5px -240px;
}

.uc-icon-level {
    width: 20px;
    height: 20px;
    background-position: -5px -5px;
}


.uc-icon-account_setting {
    width: 20px;
    height: 20px;
    background-position: -5px -152px;
}

.uc-icon-address {
    width: 17px;
    height: 20px;
    background-position: -5px -182px;
}
.uc-icon-record{
    background-image: url('/static/img/usercenter/uc-record.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 20px;
}
.uc-icon-logout {
    width: 18px;
    height: 18px;
    background-position: -5px -212px;
}

.user-center-container,
.vendor-center-container{
    margin-top: 100px;
    margin-bottom: 100px;
    height: auto;
}
.user-center-d1,
.vendor-center-d1
{
    width: 950px;
    height: 800px;
    margin: 0 auto;
}
.user-center-d1-left,
.vendor-center-d1-left{
    padding: 0;
}
.user-center-d1-left ul,
.vendor-center-d1-left ul{
    padding: 0;
    border: 1px solid rgb(238, 238, 238);
}

.user-center-d1-left ul li.active,
.vendor-center-d1-left ul li.active{
    background-color: white !important;
}


.user-center-d1-left .yellow-vertical-bar,
.vendor-center-d1-left .yellow-vertical-bar{
    position: absolute;
    height: 100%;
    width: 0;
    border: 5px solid #FBE15F;
    top: 0;
}

.user-center-d1-left li,
.vendor-center-d1-left li{
    position: relative;
    list-style-type: none;
    padding: 15px 0 15px 0;
    width: 100%;
}
.user-center-d1-left li a,
.vendor-center-d1-left li a{
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
}


.user-center-d1-left li i,
.vendor-center-d1-left li i{
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
}
.user-center-d1-left ul, .user-center-d1-right,
.vendor-center-d1-left ul, .vendor-center-d1-right{
    min-height: 660px;
}
.user-center-d1-right,
.vendor-center-d1-right{
    background-color: white;
    border: 1px solid rgb(238, 238, 238);
    padding: 0;
}
.uc-d1-right-container,
.vc-d1-right-container{
    padding: 15px 30px;
}

.uc-common-d1,
.vc-common-d1{
    font-size: 25px;
    font-weight: bold;
}

/*Info in user center */
/*Info in user center */
.uc-info-main .user-center-d1-right{
    height: auto;
}
.uc-d1-right-container .form-group{
    margin-bottom: 30px;
}
.uc-info-d2{
    padding-left: 15px;
}
.uc-info-d1{

}

.uc-info-d2 img, .uc-info-d2 span, .uc-info-d2 input{
    display: inline-block;
}
.uc-info-d2 img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.uc-info-d2 span{
    cursor: pointer;
    font-weight: bold;
}
.uc-info-d2 label{
    font-weight: bold;
}

.uc-info-d3{
    margin-top: 25px;
}

.uc-info-d4 label{
    margin-bottom: 12px;
}
.uc-info-d4 input[type="checkbox"] + span {
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    background-color: #EBEBEB;
    min-width: 100px;
    width: 100%;
    margin: 0 5px;
    /*border: 1px solid grey;*/
    display: inline-block;
}
.uc-info-d4 input[type="checkbox"] + span {
}
.uc-info-checkbox{
    padding-left: 0;
}
.uc-info-d4 input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}
.uc-info-d4 input[type="submit"]{
    background-color: #FBE15F;
    width: 100px;
    font-weight: bold;
}

/*Points in user center*/
/*Points in user center*/
.uc-points-d2{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}
.uc-points-d2 img{
    margin-bottom: 25px;
}

.ui-icon-caret-1-s, .ui-icon-caret-1-n{
    float: right;
}

.uc-points-d3 .qna-accordion .answer-area{
    background-color: #EEEEEE;
}

/*Level in user center*/
/*Level in user center*/
.uc-level-d2 img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-top: 10px;
}
.uc-level-d2 div{
    text-align: center;
}
.uc-level-d2-d2{
    margin-top: 50px;
}
.uc-level-d2 .progress{
    width: 70%;
    margin: 0 auto;
    border: 1px solid rgb(242, 185, 45);
    border-radius: 40px;
    background-color: white;
}
.uc-level-d2 .progressbar-custom{
    background-color: rgb(242, 185, 45);
}
.progress-bar-container{
    position: relative;
}
.progress-bar-container span:first-of-type{
    position: absolute;
    left: 100px;

}
.progress-bar-container span:last-of-type{
    position: absolute;
    right: 100px;

}
.uc-level-d3{
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
}

.uc-level-d4{
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
}
.uc-level-d4 img{
    width: 200px;
    height: 160px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

/*Account settings in user center*/
/*Account settings in user center*/
#uc-ac-set-main{

}

#uc-ac-set-main .form-group{
    margin-bottom: 15px;
}
.uc-ac-settings-d2{

}

#uc-ac-set-d2-d2{
    margin-top: 5px;
}
#uc-ac-set-d2-d2 span{
    font-size: 12px;
    color: gray;
}
#uc-ac-set-d2-d2 input{

}
.uc-ac-settings-d2 input[type=submit]{
    font-weight: bold;
    width: 100px;
    background-color: #FBE15F;
}

.me-diary-main .user-center-d1-right{
    height: auto;
}
.me-diary-main #diary-d3{
    width: 90%;
}
.me-diary-main #diary-d3 .diary-row-content{
    min-height: 250px;
    max-height: 250px;
    margin-top: 0;
}
.me-diary-main #diary-d3 .diary-row-bnf img, .me-diary-main #diary-d3 .diary-row-treatment img{
    height: 250px;
}

.me-diary-main #diary-row-tag{
    min-height: 25px;
}

/*Create diary*/
/*Create diary*/
#dc-d1 p{
    font-size: 20px;
    font-weight: bold;
    margin-left: 140px;
}
.bootstrap-tagsinput {
    width: 100% !important;
}
#diary-create-form .thick-arrow-div{
    margin-left: 150px;
}
#diary-create-form .form-step-1, #diary-create-form .form-step-2{

}
#diary-create-form btn.form-step-1, #diary-create-form btn.form-step-2{
    margin-right: 5px;
}
#diary-create-form .form-group{
    margin-bottom: 35px;
}
#diary-create-form .option-label{
    padding-left: 0;
    padding-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
}
#diary-create-form .option-span {
    width: 100%;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: white;
    margin: 0 5px;
    border: 1px solid lightgray;
    display: inline-block;
    min-width: 90px;
    text-align: center;
}

#diary-create-form input[type="radio"]:checked + span, #diary-create-form input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}
#diary-create-form .label-info{
    background-color: #FBE15F;
    color: black;
}
#diary-create-form .ingredient_div{
    border: none;
    background: none;
}
#diary-create-form .limit-width{
    max-width: 730px;
}
#diary-create-form .ingredient_div .ui-widget-header{
    border: none;
    background: none;
    padding: 0;
}
#diary-create-form .ui-tabs-tab{
    border: none;
    background-color: #F7F7F7;
}
#diary-create-form .ui-tabs .ui-tabs-nav li.ui-tabs-active{
    background-color: white;
}
#diary-create-form .ui-tabs-panel{
    border: none;
    background-color: white;
}
#diary-create-form li.ui-tabs-active a{
    color: black;
    text-decoration: none;
    outline: none;
}

.bnf-upload-file{
    padding-left: 0;
}

#dc-classify-options-parent{
    position: relative;
}

#dc-classify-options .menu-right-content{
    padding-top: 20px;
    right: 0;
}
#dc-classify-options .menu-right-content .third-level-menu a{
    color: gray;
    font-size: 13px;
}
#dc-classify-options{
    border: 1px solid lightgray;
    border-top: none;
    width: 700px;
    position: absolute;
    z-index: 9995;
    padding: 0;
    min-height: 590px;
    max-height: 590px;
    background-color: white;
    overflow: hidden;
}
#dc-classify-options ul{
    max-width: 150px;
    padding: 0;
    box-shadow: 10px 0 5px -10px lightgray;
}
#dc-classify-options ul li{
    margin: 0;
    padding: 0;
    text-align: center;
    max-width: 150px;
    outline: none;
}

#dc-classify-options>div{
    padding: 0;
}
#dc-classify-options li{
    width: 100%;
}
#dc-classify-options li p{
    text-align: center;
    margin: 0;
    display: inline-block;
    height: 70px;
    padding-top: 17px;
    padding-left: 20px;
    width: 100%;
}
#dc-classify-options p img{
    display: inline-block;
    float: left;
    width: 30px;
    min-height: 35px;
    max-height: 35px;
    object-fit: scale-down;
}
#dc-classify-options a, #dc-classify-options a:hover, #dc-classify-options a:active{
    display: inline-block;
    color: black;
    outline: none;
    text-decoration: none;
    text-align: center;
}
#dc-classify-options li.ui-tabs-active p{

}
#dc-classify-options .menu-right-content i{
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 500;
    color: gray;
    width: 6%;

}

#diary_function, #diary_other{
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
}
#form-button-group{
    margin-right: 100px;
}
#form-button-group input[type=submit]{
    background-color: #FBE15F;
    color: black;
    margin-right: 25px;
}
#form-button-group{
    float: right;
}
#form-button-group .second-step-trigger{
    margin-right: 20px;
}
#form-button-group button,  #form-button-group input{
    border: none;
    width: 150px;
}
#form-button-group button{
    margin-right: 15px;
}

#create-diary-submit-btn{
    width: 200px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #FBE15F;
    color: black;
}


#diary-create-body .modal{
    z-index: 10010;

}

#diary-create-body #tag-modal.modal-dialog{
    width: fit-content;
    text-align: center;
    max-width: 600px;

}
#diary-create-body #tag-modal .modal-body{
    text-align: center;

}
#diary-create-body #tag-modal .modal-body img{
    max-width: 600px;
}

#diary-create-body #tag-modal .modal-body{
    position: relative;
    max-height: 100%;
    padding: 0;
}
#diary-create-body .modal-body canvas{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    margin: 0 auto;
}
#diary-create-body #tag-modal .modal-content{
    border: 0;
}
#diary-create-body #tag-modal .auto-height{

}

#diary-create-body .modal-backdrop.in{
    z-index: 10000;
}

/*User center Follow and Fans*/
/*User center Follow and Fans*/
#uc-follow-main{

}
.uc-follow-d2{

}
ul.uc-right-top-menu{
    height: 16px;
}

.uc-right-top-menu li{
    float: left;
    list-style: none;
    width: 150px;
}
.uc-right-top-menu li a{
    width: 65px;
    display: inline-block;
    text-align: center;
    padding-bottom: 10px;
}


.uc-follow-d3{
    margin-top: -20px;
    min-height: 230px;
}
.uc-follow-d3 div, .uc-message-d3 div{
    display: inline-block;
}

.uc-follow-d3 .follow-row, .uc-message-d3 .msg-row{
    width: 100%;
    height: 130px;
    padding: 25px 40px 40px 40px;
}
.uc-follow-d3 .follow-row>div, .uc-message-d3 .msg-row>div{
    height: 100px;

}
.uc-follow-d3 .follow-head-img, .uc-message-d3 .msg-head-img{
    float: left;
    width: 100px;
}
.uc-follow-d3 .follow-head-img img, .uc-message-d3 .msg-head-img img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-top: 10px;
}
.uc-follow-d3 .follow-content, .uc-message-d3 .msg-content{
    width: 370px;
}
.uc-follow-d3 .follow-content .name-sex, .uc-message-d3 .msg-content .name-sex{
    font-size: 19px;
}
.uc-follow-d3 .follow-content .fa, .uc-message-d3 .msg-content .fa{
    margin-left: 5px;
    font-size: 16px;
}
.fa-venus{
    color: rgb(254, 107, 65);
}
.fa-mars-stroke-v{
    color: cornflowerblue;
}
.uc-follow-d3 .follow-content .follow-role{
    width: 60px;
    padding: 4px;
    background-color: dodgerblue;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: white;
}

.uc-follow-d3 .follow-row .followed-btn{
    float: right;
}
.uc-follow-d3 .follow-row .followed-btn input{
    margin-top: 30px;
    outline: none;
}
.fans-time{
    float: right;
    padding-right: 30px;
    padding-top: 20px;
}

#uc-follow-main .custom-page-div{
    margin-top: 70px;
}

.follow-fans .follow-content{
    margin-top: 14px;
}

/*User center address*/
/*User center address*/
#uc-address-main form, #uc-address-main .form-group{
    padding-left: 0;
}
.empty-label{
    height: 15px;
}
#uc-address-main .form-group{
    margin-bottom: 10px;
}
.uc-address-d3 div{
    margin-top: 10px;
    margin-bottom: 10px;
}
#uc-addr-d3-table{
    border: 1px solid lightgray;
}
#uc-addr-d3-table td{
    max-width: 100px;
    overflow-wrap: break-word;
    vertical-align: middle;
}
#uc-addr-d3-table .table-edit-trigger{
    cursor: pointer;
}
#uc-addr-d3-table input{
    width: 80px;
    outline: none;
}
/*User center message*/
/*User center message*/
.user-center-container #diary-d4{
    margin-top: 30px;
}
.uc-message-d3 .msg-comment{
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 20px;
}
.uc-message-d3 .msg-time{
    float: right;
    padding-right: 30px;
    padding-top: 7px;
}
.uc-message-d3 .name-sex span{
    font-size: 14px;
}
.uc-message-d4{
    text-align: center;
}
/*User center diary*/
/*User center diary*/
#uc-diary-d3{
    text-align: center;
}
/*User center bcoin record*/
/*User center bcoin record*/
#uc-b-record-main .uc-b-record-d2 img{
    width: 100px;
    height: 100px;
}
#uc-b-record-main .uc-b-record-d2{

}
#uc-b-record-main .uc-b-record-d2 .media-body{
    padding-left: 10px;
    position: relative;
    max-width: 540px;
}
#uc-b-record-main .media-body h4{
    word-wrap: break-word;
    width: 60%;
}


#uc-b-record-main .uc-b-record-d2 .total-value,
#uc-b-record-main .uc-b-record-d2 .create-date,
#uc-b-record-main .uc-b-record-d2 .quantity
{
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}

#uc-b-record-main .uc-b-record-d2 .create-date{
    right: 0;
}
#uc-b-record-main .uc-b-record-d2 .quantity{
    bottom: 40px;
    right: 0;
}
#uc-b-record-main .uc-b-record-d3{
    text-align: center;
}

/*User center market*/
/*User center market*/
#uc-market{

}
#uc-market .uc-market-d2{
    padding: 20px;
}

#uc-market .uc-market-panel{
    text-align: center;
    padding-bottom: 20px;
}
/*Bcoin list*/
/*Bcoin list*/
#bcoin-list-main-div{
    max-width: 1000px;
}
#bcoin-list-main-div>div{
    margin-top: 50px;
}
.bcoin-list-d1{

}
.bcoin-list-d1>div{
    min-width: 150px;
}

.bcoin-list-d1 span{
    font-size: 30px;
}
.bcoin-list-d1 img{
    width: 120px;
    height: 120px;
}

.bcoin-list-d1>div:nth-child(2){

}
.bcoin-list-d1>div:nth-child(2) p{
    color: #fe6b41;
    font-weight: bold;
    font-size: 17px;
}
.bcoin-list-d1>div:last-child{
    text-align: right;
}
.bcoin-list-d2{
    text-align: center;
}
.bcoin-list-d2 img{
    width: 70%;

}
.bcoin-list-d3{
    font-size: 16px;
}
.bcoin-list-d3 .thumbnail{
    padding: 20px;
}
.bcoin-list-d3 .bcoin-list-item img{
    max-width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: center;
}
.bcoin-list-d3 .caption p:first-of-type{
    font-size: 18px;
    height: 3em;
    line-height: 1.5em;
    word-wrap: break-word;
    white-space: normal;
}
.bcoin-list-d3 .caption p:nth-of-type(2){
    color: #DA7BA5;
}
.bcoin-list-d3 .caption p:nth-of-type(2) span{
    font-size: 20px;
}
.bcoin-list-d3 .caption p:last-of-type{
    color: gray;
}
.bcoin-list-d4{
    text-align: center;
}

/*Bcoin product detail*/
/*Bcoin product detail*/
.bcoin-p-detail-d2{
    background-color: white;
}
.bcoin-p-detail-d2>div{
    padding: 30px;
}
.product-thumb-slider img{
    width: 100%;
}
.product-thumb-slider .slick-dots li button::before{
    color: grey;
    font-size: 12px;
}
.product-thumb-slider .slick-dots li.slick-active button::before{
    color: #f7ee13;
}
.product-thumb-slider .slick-dots{
    bottom: -35px;
}
.bcoin-p-detail-right{
    font-size: 18px;
    padding-left: 30px;
}
.bcoin-p-detail-right p{
    margin-top: 20px;
}
.bcoin-p-detail-right .product-title{
    font-size: 23px;
}
.bcoin-p-detail-right .product-price{
    color: #DA7BA5;
}
.bcoin-p-detail-right .product-price span{
    font-size: 25px;
}
.bcoin-p-detail-right .product-inventory{
    color: gray;
}
.bcoin-p-detail-right input[type=button]{
    margin-top: 30px;
    width: 120px;
    height: 40px;
    font-size: 18px;
}

.bcoin-p-detail-d3{
    margin-top: 20px;
}
.bcoin-p-detail-d3>div{
    padding: 30px;
}
.bcoin-p-detail-d3 .nested-d1{
    background-color: white;
    height: 50px;
    font-size: 18px;
}

.bcoin-p-detail-d3 .nested-d2{
    min-height: 300px;
    background-color: lightgray;
}

/*Bcoin order preview*/
/*Bcoin order preview*/
.bcoin-order-preview-d1{
    background-color: white;
    padding: 50px;
}
.bcoin-order-preview-d1 .nested-d1,
.bcoin-order-preview-d1 .nested-d3{
    font-size: 18px;
}
.bcoin-order-preview-d1 .delivery-method-div{
    margin: 30px 0 80px 0;
}
.bcoin-order-preview-d1 td:first-child i{
    color: #fe6b41;
    font-size: 22px;
    display: none;
}
.bcoin-order-preview-d1 .edit-addr-btn{
    display: none;
}
#bcoin-order-preview-d-main-div td{
    border-top: none;
    vertical-align: middle;
    padding-top: 10px;
}

.bcoin-order-preview-d1 tr.row-selected{
    background-color: #fdfbda;
    border: 1px solid #FBE15F;
}
.bcoin-order-preview-d1 tr.row-selected td:first-child i,
.bcoin-order-preview-d1 tr.row-selected .edit-addr-btn{
    display: inline;
}
.bcoin-order-preview-d1 td:first-child{
    width: 5%;
    text-align: center;
}

.bcoin-order-preview-d1 td:last-child{
    width: 10%;
    text-align: center;
}
.bcoin-order-preview-d1 .nested-d2>div input{
    /*margin-left: 6%;*/
}
.bcoin-order-preview-d1 .nested-d2 input[type=button]{
    outline: none;
    border: 1px solid lightgray;
}
.bcoin-order-preview-d1 .nested-d3{
    margin-top: 50px;
}
.bcoin-order-preview-d1 .nested-d4 .media-left img{
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.bcoin-order-preview-d1 .media-body{
    padding-left: 30px;
    position: relative;
}
.bcoin-order-preview-d1 .media-body>div{
    position: absolute;
    right: 0;
    bottom: 0;
}
.bcoin-order-preview-d1 .media-body button{
    display: inline-block;
    width: 40px;
    border-radius: 5px;
    border: 1px solid lightgray;
    background-color: white;
    padding: 6px;
    color: gray;
}
.bcoin-order-preview-d1 .media-body label{
    margin: 0 10px;
    font-size: 18px;
}
.bcoin-order-preview-d1 .nested-d5>div{
    position: relative;
    height: 50px;
}
.bcoin-order-preview-d1 .nested-d5>div div{
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 21px;
    font-weight: bold;
}
.bcoin-order-preview-d1 .nested-d5 .value-total{
    margin-left: 20px;
}
.bcoin-order-preview-d2 input{
    float: right;
}
.bcoin-order-preview-d3 .form-group{
    margin-bottom: 20px;
}
.bcoin-order-preview-d3{
    width: 700px;
    height: 715px;
    margin: auto;
    position: fixed;
    z-index: 9997;
    background-color: #f2f2f2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 30px;
}

/*Bcoin order detail*/
/*Bcoin order detail*/
.bcoin-order-detail-d1{
    background-color: white;
    padding: 50px;
}
.bcoin-order-detail-d1 .nested-d1,
.bcoin-order-detail-d1 .nested-d3{
    font-size: 18px;
}

.bcoin-order-detail-d1 .nested-d2,
.bcoin-order-detail-d1 .nested-d4{
    color: #505050;
}
.bcoin-order-detail-d1 .media img{
    width: 130px;
    height: 130px;
}
.bcoin-order-detail-d1 .media-body{
    padding-left: 30px;
    max-width: 950px;
    position: relative;
}
.bcoin-order-detail-d1 h4{
    font-size: 22px;
}
.bcoin-order-detail-d1 .media-content-right-bottom{
    font-size: 22px;
}
.bcoin-order-detail-d1 .nested-d3{
    margin-top: 50px;
}
.bcoin-order-detail-d1 td{
    padding: 10px;
    width: auto;
    font-size: 18px;
}

/*Help Center*/
/*Help Center*/
#help-center-main-div ul{
    padding-left: 0;
}
#help-center-main-div .qna-li{
    list-style-type: none;
}
#help-center-main-div .qna-li img{
    width: 50px;
    height: 50px;
    padding-right: 20px;
    object-fit: contain;
}
#help-center-main-div a.active{
    color: #fe6b41;
}
#help-center-main-div .help-center-d1{
    font-size: 18px;
    padding-left: 15px;
    color: grey;

}
#help-center-main-div .hc-title{
    margin-top: 10px;
    font-size: 18px;
    padding-left: 10px;
    color: #fe6b41;
}
.qna-accordion .ui-accordion-header,
.qna-accordion .ui-accordion-header-active{
    border: 0;
    background: transparent;
    color: black;
}
.qna-accordion h3{
    font-size: 16px;
    font-weight: bold;
    outline: none;
}
.qna-accordion .ui-accordion-content{
    background: transparent;
    border: 0;
}
.ui-accordion .ui-accordion-content{
    line-height: 1.6em;
    font-size: 16px;
}
.qna-accordion .answer-area{
    margin-top: 10px;
    background-color: white;
}
.qna-accordion .ui-icon{
    zoom: 1.8;
}
/*Custom orange radio button*/
/*Custom orange radio button*/
.custom-radio-container{
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.custom-radio-container input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio-container .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radio-container input:checked ~ .checkmark {
    background-color: #fe6b41;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio-container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

/*Shop*/
/*Shop*/
#shop-d1{

}
#shop-d1 div{
    background-image: url("/static/img/shop/bg-shop-v2.jpg");
    height: 1100px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size:cover;
}

/*Beemall*/
/*Beemall*/
/*Register Type*/
/*Register Type*/
#register-type .register-d2{
    margin-top: 60px;
    min-height: 200px;
}
#register-type .customer-reg-btn,
#register-type .vendor-reg-btn{
    width: 250px;
    font-size: 25px;
    padding: 10px;
}

/*Vendor Register*/
/*Vendor Register*/
.red-border{
    border: 1px solid red !important;
}
#v-register-container{
    width: 1000px;
}
#v-register-d1{
    width: 950px;
    margin: 20px auto;
    overflow: auto;
}
#vendor-register #register-d2-right{
    min-height: 1200px;
}
#vendor-register .v-code{
    padding-left: 0;
}
#vendor-register .v-code-btn{
    padding-right: 0;
}

#vendor-register #send-sms-btn{
    background-color: #FBE15F;
}

.date-input.form-control[readonly]{
    background-color: unset;
}
.picker__input.form-control[readonly]{
    background-color: unset;
}
.option-label{
    margin-bottom: 12px;
    padding-left: 0;
}
.option-label input[type="checkbox"] + span {
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    background-color: #EBEBEB;
    min-width: 100px;
    width: 100%;
    margin: 0 5px;
    display: inline-block;
}

.full-width{
    width: 100%;
}
.option-label input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}

#vendor-register .reject-reason{
    padding: 15px;
    font-size: 16px;
    line-height: 30px;
}
/*Vendor center*/
/*Vendor center*/
/*VC Index*/
#vc-index .right-section-title{
    margin-bottom: 20px;
    padding: 0;
    font-size: 18px;
}
#vc-index .daily-info-wrap{
    padding: 0;
}
#vc-index .daily-info{
    padding: 10px;
    min-height: 103px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}
#vc-index .daily-info .info-icon{
    height: 100%;
}
#vc-index .daily-info .info-icon i{
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    background-color: #FBE15F;
    color: white;
    padding-left: unset;
}
#vc-index .daily-info .info-value{
    height: 100%;
}
#vc-index .daily-info .on-sales-wrap i{
    background-color: #6fae6a;
}
#vc-index .daily-info .off-sales-wrap i{
    background-color: #e04a4a;
}
/*VC During Register*/
#vc-during-register .vc-dr-d1{
    font-size: 18px;
}
#vc-during-register .vc-dr-d1>div{
    padding: 20px 0;
}
#vc-during-register button{
    font-size: 18px;
    padding: 10px;
    width: 150px;
}
/*VC Info*/
/*VC Info*/
#vc-info .user-center-d1-right{
    height: auto;
}

.vc-info-d2{
    padding-left: 15px;
}
.vc-info-d1{

}

.vc-info-d2 img, .vc-info-d2 span, .vc-info-d2 input{
    display: inline-block;
}
.vc-info-d2 img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.vc-info-d2 span{
    cursor: pointer;
    font-weight: bold;
}
.vc-info-d2 label{
    font-weight: bold;
}

.vc-info-d3{
    margin-top: 25px;
}

.vc-info-d4 label{
    margin-bottom: 12px;
}
.vc-info-d4 input[type="checkbox"] + span {
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    background-color: #EBEBEB;
    min-width: 100px;
    width: 100%;
    margin: 0 5px;
    display: inline-block;
}
.vc-info-d4 input[type="checkbox"] + span {
}
.vc-info-checkbox{
    padding-left: 0;
}
.vc-info-d4 input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}
.vc-info-d4 input[type="submit"]{
    background-color: #FBE15F;
    width: 100px;
    font-weight: bold;
}
/*VC Product Deploy*/
/*VC Product Deploy*/
#vc-product input[type="radio"]:checked + span,
#vc-product input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}
#vc-product .option-label{
    padding: 10px 10px 10px 0;
    margin-bottom: 0;
}
#vc-product .option-span {
    width: 100%;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: #f7f7f7;
    margin: 0 5px;
    border: 1px solid lightgray;
    display: inline-block;
    min-width: 90px;
    text-align: center;
    cursor: pointer;
}

#vc-product .vendor-center-container .ui-tabs .ui-tabs-nav{
    padding: 0;
    border: 0;
}
#vc-product .vendor-center-container .ui-tabs-tab{
    border: none;
    background-color: transparent;
    margin-top: 0;
}
#vc-product .vendor-center-container .ui-tabs .ui-tabs-nav li.ui-tabs-active{
    background-color: white;
    border-bottom: 3px solid #FBE15F;
}
#vc-product .vendor-center-container .ui-tabs-panel{
    border: none;
    background-color: white;
}
#vc-product .vendor-center-container li.ui-tabs-active a{
    color: black;
    text-decoration: none;
    outline: none;
}
#vc-product .vendor-center-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding: 10px 40px;
}
#vc-product .vendor-center-container .ui-widget.ui-widget-content{
    border: none;
    background: transparent;
}
#vc-product .vendor-center-container .form-group>div.tabs-area{
    border: 1px solid #f7f7f7;
    background: transparent;
    padding: 0;
}

#vc-product .sku-group{
    background-color: #f7f7f7;
    padding: 10px;
}
#vc-product .sku-group .sku-control-btn{
    float: right;
    margin-right: 15px;
}
#vc-product .sku-group hr{
    margin: 10px 0;
    border-color: #fff;
}

#vc-product .sku-group .sku-option-area .checkbox{
    margin-top: 0;
}
#vc-product .sku-group .sku-option-area .checkbox-option{
    margin-top: 7px;
    width: 15px;
    height: 15px;
}

#vc-product .sku-group .checkbox-name{
    padding: 10px;
    height: 25px;
}
#vc-product .sku-group .checkbox-name.unchecked{
    border: none;
    text-decoration: none;
    outline: none;
    background: transparent;
    box-shadow: none;
}

#vc-product .sku-group .sku-option-area label{
    padding-right: 0;
}
#vc-product .sku-table{
    table-layout: fixed;
}
#vc-product .sku-table td{
    vertical-align: middle;
}

/*VC Order Panel*/
/*VC Order Panel*/
.vendor-panel-page .search-form label,
.vendor-panel-page .search-form .form-group div{
    padding: 0;
}
.vendor-panel-page .search-form .form-group{
    display: flex;
    align-items: center;
}
.vendor-panel-page .search-btn-box{
    margin: 25px;
    text-align: center;
}
.vendor-panel-page .search-btn-box button{
    margin-left: 10px;
}
.vendor-panel-page .order-group-template,
.vendor-panel-page .order-product-template,
.vendor-panel-page .product-info-template{
    display: none;
}


.vendor-panel-page .list-title div,
.vendor-panel-page .list-content div{
    text-align: center;
}
.vendor-panel-page .batch-operation{
    padding: 0 10px 10px 10px;
}
.vendor-panel-page .batch-operation button{
    margin-left: 20px;
}
.vendor-panel-page .list-content .panel-heading,
.vendor-panel-page .list-content .panel-body{
    padding: 15px;
}
.vendor-panel-page .list-content .panel-heading{
    position: relative;
    text-align: left;
}
.vendor-panel-page .list-content .order-group.cancelled{
    border-color: #e3e3e3;
}
.vendor-panel-page .list-content .panel-heading.cancelled{
    background-color: #e3e3e3;
    border-color: #e3e3e3;
}
.vendor-panel-page .panel-heading .checkbox-inline{
    margin-top: 0;
}

.vendor-panel-page .panel-heading .order-control-btn{
    position: absolute;
    right: 10px;
    bottom: 7px;
    text-align: right;
    display: flex;
}

.vendor-panel-page .panel-heading .order-control-btn>div{
    display: inline-block;
    /*margin-left: 10px;*/
    min-width: 110px;
}
.vendor-panel-page .panel-heading .order-control-btn button{
    width: 100px;
}

.vendor-panel-page .panel-heading .order-control-btn .paypal-group{
    position: relative;
}
.vendor-panel-page .panel-heading .order-control-btn .paypal-group>button,
.vendor-panel-page .panel-heading .order-control-btn .paypal-group>div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.vendor-panel-page .panel-heading .order-control-btn .paypal-btn{
    opacity: 0.01;
    overflow: hidden;
    z-index: 5;
}
.vendor-panel-page .panel-heading .order-control-btn .complete-group{
    width: 340px;
    text-align: right;
}
.vendor-panel-page .panel-heading .order-control-btn .delivery-btn{
    /*width: 100%;*/
    max-width: 100px;
}





.vendor-panel-page .order-group a{
    margin: 0;
    width: 100%;
}

.vendor-panel-page .order-group .product-list{
    border-right: 1px solid #eee;
}
.vendor-panel-page .order-group .product-info{
    margin-bottom: 25px;
}
.vendor-panel-page .order-group .product-info>div:first-of-type{
    padding-left: 0;
}

.vendor-panel-page .product-info img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    padding: 5px 0 0 0;
}
.vendor-panel-page .product-detail{
    padding-right: 0;
}
.vendor-panel-page .product-detail .product-title{
    font-weight: bold;
}

.vendor-panel-page .product-detail .product-sku{
    color: #888;
    text-align: left;
}
.custom-pagination-wrap{
    text-align: center;
}


.vendor-panel-page .product-list .product-title{
    word-break: break-word;
    text-align: left;
}
#vc-order-panel .modal{
    top: 20%;
}

#vc-order-panel .modal .modal-header .modal-title{
    font-size: 18px;
}
#vc-order-panel .modal .modal-body .form-group{
    padding: 10px;
    height: 30px;
}

#vc-order-panel .leave-comment-modal .form-group{
    display: flex;
    align-items: center;
}
#vc-order-panel .leave-comment-modal .clear-rating{
    display: none;
}
#vc-order-panel .leave-comment-modal .caption span{
    background-color: #FBE15F;
    color: #000;
    font-size: 14px;
    padding: 8px;
    margin-left: 5px;
}
#vc-order-panel .leave-comment-modal .caption span.clear-caption{
    background-color: #e3e3e3;
}
#vc-order-panel .leave-comment-modal .modal-body .form-group.rating-comment-wrap{
    padding: 40px 10px;
}

.vendor-panel-page .make-diary-modal .has-diary-indicator{
    background-color: #E3E3E3;
    padding: 10px;
    border-radius: 5px;
}
    /*VC Item Panel*/
/*VC Item Panel*/
.item-wrap-template{
    display: none;
}
#vc-item-panel .list-wrap{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}
#vc-item-panel .list-header{
    position: relative;
}
#vc-item-panel .list-header .create-btn{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

#vc-item-panel .item-wrap{

}
#vc-item-panel .item-wrap .col-xs-7{
    padding-left: 0;
}
#vc-item-panel .item-wrap .item-info{
    padding-left: 0;
    padding-right: 0;
}
#vc-item-panel .item-wrap .item-info .checkbox{
    margin: 10px 0;
}

#vc-item-panel .item-info img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    padding: 5px 0 0 0;
}
#vc-item-panel .item-wrap .item-info .item-detail{
    padding-right: 0;
}
#vc-item-panel .item-wrap .item-info .item-detail .item-title{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
#vc-item-panel .item-wrap .item-info .item-detail .item-classify{
    text-align: left;
    color: #888;
    font-size: 12px;
}
#vc-item-panel .modal{
    top: 40%;
}
.btn-yellow{
    background-color: #FBE15F;
    border-color: #FBE15F;
    color: #000;
}
#vc-item-panel .item-edit-btn{
    margin-bottom: 10px;
}

/*VC Order Detail*/
/*VC Order Detail*/
.panel-yellow{
    border-color: #FBE15F;
}
.panel-yellow>.panel-heading{
    background-color: #FBE15F;
    border-color: #FBE15F;
    color: #000;
}
#vc-order-detail .panel-yellow .panel-body a{
    float: unset;
    width: unset;
    margin: unset;
}
#vc-order-detail .panel-heading{
    font-size: 18px;
}
#vc-order-detail .panel-body{
    padding: 25px 40px;
}
#vc-order-detail .panel-row{
    padding: 5px 0;
}
#vc-order-detail .row-title{
    font-size: 16px;
}
#vc-order-detail .order-div{

}
#vc-order-detail .order-div .order-info .panel-row{

}
#vc-order-detail .order-div .order-info .panel-row div{
    padding: 10px
}

#vc-order-detail .order-div .order-item{
    margin-top: 20px;
}

#vc-order-detail .order-div table img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin: 5px 10px;
}
#vc-order-detail .order-div table td{
    vertical-align: middle;
}

#vc-order-detail .payment-wrap{
    text-align: right;
}

/*VC Rating Panel*/
/*VC Rating Panel*/
/*VC Rating Panel*/
.rating-bar-wrap{
    position: relative;
}
.rating-bar-wrap .rating-bar{
    background: linear-gradient(to right, #fff 0%, #fffead 20%, #fff293 40%, #fedb86 60%, #febd7b 80%, #fda771 100%);
    width: 100%;
    height: 30px;
}
.rating-bar-wrap .bar-separator{
    position: absolute;
    top: 0;
    height: 40px;
    border: 1px solid #ddd;
}
.rating-bar-wrap .bar-0{left: 2%;}
.rating-bar-wrap .bar-20{left: 20%;}
.rating-bar-wrap .bar-40{left: 40%;}
.rating-bar-wrap .bar-60{right: 40%;}
.rating-bar-wrap .bar-80{right: 20%;}
.rating-bar-wrap .bar-100{right: 2%;}

.rating-bar-wrap .bar-info-1{left: 16%;}
.rating-bar-wrap .bar-info-2{left: 37%;}
.rating-bar-wrap .bar-info-3{left: 57%;}
.rating-bar-wrap .bar-info-4{left: 77%;}
.rating-bar-wrap .bar-info-5{right: 0;}


.rating-bar-wrap .bar-label{
    position: absolute;
    top: -35px;
    height: 30px;
    width: 40px;
    text-align: center;
    padding: 6px;
    background-color: #FBE15F;
}

.rating-bar-wrap .bar-info{
    position: absolute;
    height: 30px;
    text-align: center;
}
.vendor-rating .vendor-rating-foot{
    height: 90px;
}

.rating-icon-sprite {
    background-image: url('/static/img/rating-icon.png');
    background-repeat: no-repeat;
    display: inline-block;
    zoom: 1.3;
    width: 25px;
    height: 20px;
    vertical-align: middle;
}

.rating-icon-good{
    background-position: 0 -100px;
}
.rating-icon-medium{
    background-position: 0 -50px;
}
.rating-icon-bad{
    background-position: 0 0;
}
#vc-rating-panel .vendor-rating-group{
    height: 120px;

}
#vc-rating-panel .vendor-rating-group>div{
    font-size: 16px;
}
#vc-rating-panel .vendor-rating-group .star-wrap{
    padding: 5px 0;
}
#vc-rating-panel .table{
    table-layout: fixed;
    text-align: center;
}

#vc-rating-panel .table th{
    text-align: center;
    padding: 15px;
    background-color: #eee;
}
#vc-rating-panel .table td{
    padding: 15px;
}

#vc-rating-panel .list-content .list-group-item{
    display: flex;
    align-items: center;
}

#vc-rating-panel .panel-body .filter-control{
    display: flex;
    align-items: center;
}
/*Shop index*/
/*Shop index*/
.custom-head-img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.item-list-page .shop-type>div{
    font-size: 30px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.item-list-page .row-title{
    text-align: center;
    font-size: 24px;
    padding: 30px 0;
}

.item-list-page .more-para{
    font-size: 18px;
    color: grey;
    margin-bottom: 15px;
    position: relative;
    height: 50px;
}
.item-list-page .more-para>div{
    position: absolute;
    bottom: 0;
}
.item-list-page .more-para .para-title{
    font-size: 22px;
    left: 0;
}
.item-list-page .more-para .para-link{
    cursor: pointer;
    right: 0;
    bottom: -5px;
}
.item-list-page .more-para .para-link a{
    color: grey;
}
.item-list-page .row-title button{
    background-color: #FBE15F;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    width: 300px;
}

.point-to-zoom{
    transition: transform 1.5s;
}
.point-to-zoom:hover{
    transform: scale(1.2);
}

.item-list-page .shop-type .shop-type-beemall{
    background-image: url("/static/img/shop/bmback.png");
    margin-top: 30px;
}
.item-list-page .shop-type .shop-type-market{
    background-image: url("/static/img/shop/marketback.png");
    margin-top: 30px;
}
.item-list-page .shop-type .middle-border{
    border: 1px solid;
}
#shop-index .shop-type-select{
    cursor: pointer;
}
#shop-index .shop-type-select,
#shop-index .banner{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#shop-index .beemall-banner{
    background-image: url("/static/img/shop/bmbanner.png");
    height: 220px;
    /*margin-top: 50px;*/
    /*margin-bottom: 20px;*/
    width: 80%;
    margin: 20px auto 0px auto;
}
#shop-index .market-banner{
    background-image: url("/static/img/shop/marketbanner.png");
    height: 200px;
    /*margin-top: 30px;*/
    width: 80%;
    margin: 20px auto 0 auto;
}
#shop-index .slick-prev{
    left: -35px;
    zoom: 1.5;
}
#shop-index .slick-next{
    right: -35px;
    zoom: 1.5;
}
.vendor-list-wrap{
    margin-bottom: 30px;
}
.vendor-list-wrap .vendor-list-inner{
    border: 1px solid #e3e3e3;
    padding: 30px 0;
}
.vendor-list-wrap .vendor-wrap.slick-slide:focus{
    outline: none;
}
.vendor-list-wrap .vendor-wrap .star-wrap{
    padding-left: 0;
}
.vendor-list-wrap .vendor-wrap .vendor-info-wrap img{
    border-radius: 50%;
    padding: 0;
    width: 70px;
    height: 70px;
}
.vendor-list-wrap .vendor-wrap .vendor-info-wrap .vendor-name{
    font-size: 16px;
    font-weight: bold;
}
.vendor-list-wrap .vendor-wrap .vendor-control-wrap{
    text-align: center;
}
.vendor-list-wrap .vendor-wrap .vendor-control-wrap button{
    width: 150px;
}
.vendor-list-wrap .vendor-product-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.vendor-wrap .unfollowed{
    background-color: #FBE15F;
    border-color: #FBE15F;
}
.vendor-wrap .followed{
    background-color: #e3e3e3;
    border-color: #e3e3e3;
}
#shop-index .new-item>div{
    position: relative;
    margin-top: 10px;
}

/*Market item list*/
/*Market item list*/
div.market-item-list .thumbnail{
    padding: 0;
    border: none;
    box-shadow: 0 3px 10px 0 lightgrey;
}

div.market-item-list .new-label{
    position: absolute;
    width: 70px;
    top: -10px;
    left: 0;
    right: 0;
    background-color: #f96262;
    color: #fff;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}

div.market-item-list .list-item-thumb{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
div.market-item-list .list-item-title{
    text-align: center;
    font-weight: bold;
}
div.market-item-list .list-item-info{
    text-align: center;
    min-height: 55px;
}

div.market-item-list .list-item-info>div
{
    display: inline-block;
    vertical-align: middle;
}


div.market-item-list .list-item-info>div:first-child{
    color: grey;
    text-decoration: line-through;
}
div.market-item-list .list-item-info>div:nth-child(2){
    color: #ca1e1e;
    font-size: 25px;
    padding: 10px;
}
div.market-label,
div.beemall-label{
    background-color: #FBE15F;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 auto 10px auto;
    width: 50%;
    text-align: center;
}

div.beemall-label{
    background-color: #fccdd5;
}

div.market-item-list .list-item-author{
    text-align: center;
    padding-bottom: 5px;
}
div.market-item-list .list-item-author div
{
    vertical-align: middle;
}


div.market-item-list .list-item-author img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

a, a:hover, a:link{
    font-size: inherit;
    font-weight: inherit;

}

/*Market list*/
/*Market list*/
.show-after-loaded{
    visibility: hidden;
}
#market-list .breadcrumb{

}

.breadcrumb > li + li:before{
    content: '\003e';
    color: #000;
}
.item-filter-page .type-choice .item-type-option:hover,
.item-filter-page .item-classify-option:hover
{
    cursor: pointer;
}
.item-filter-page .type-choice .item-type-option{
    text-align: center;
    border: 1px solid #e3e3e3;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
}

.item-filter-page .type-choice .item-type-option.active{
    background-color: #e5e5e5;
}

.item-filter-page .type-choice .product-icon{
    border-radius: 10px 0 0 10px;
}

.item-filter-page .type-choice .product-icon img{
    margin-right: 20px;
    height: 42px;
}
.item-filter-page .type-choice .treatment-icon{
    border-radius: 0 10px 10px 0;
}

.item-filter-page .type-choice .treatment-icon img{
    margin-right: 20px;
    height: 42px;
}

.item-filter-page .filter-wrapper{
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 80%;
    border: 1px solid #e3e3e3;
    border-radius: 0 0 10px 10px;
    border-top-width: 0;
}

.item-filter-page .filter-wrapper *:focus{
    text-decoration: none;
    outline: none;
}



.item-filter-page .filter-wrapper .list-wrapper{
    margin: 10px 0;
}
.item-filter-page .filter-wrapper .slick-arrow{
    background: transparent;
    border: none;
    z-index: 5;
    padding-top: 5px;
    font-size: 40px;
}

.item-filter-page .filter-wrapper .fa-caret-left,
.item-filter-page .filter-wrapper .fa-caret-right{
    position: absolute;
    top: 0;
    width: 50px;
    cursor: pointer;
    z-index: 2;
}
.item-filter-page .filter-wrapper .fa-caret-left{
    left: 0;
}
.item-filter-page .filter-wrapper .fa-caret-right{
    right: 0;
}

.item-filter-page .filter-wrapper .prev-arrow,
.item-filter-page .filter-wrapper .next-arrow{
    width: 40px;
    height: 40px;

}
.item-filter-page .filter-wrapper .list-classify{
    font-size: 16px;
}

.item-filter-page .item-classify-option.active{
    background-color: #e5e5e5;
}

.item-filter-page .slick-initialized .slick-slide{
    border-right: 1px solid #e3e3e3;
    height: 50px;
}
.item-filter-page .slick-initialized .slick-slide:last-child{
    border-right: none;
}
.item-filter-page .slick-track>div{
    padding-top: 10px;
}

.item-filter-page .slick-slide img{
    display: inline;
}

.item-filter-page .filter-wrapper hr{
    margin: 10px 0;
}

.item-filter-page .filter-group{

}
.item-filter-page .filter-menu{
    height: 30px;
    padding: 0;

}
.item-filter-page .list-group{
    border-color: #e3e3e3;
    margin-bottom: 0;
}

.item-filter-page .filter-menu div{
    border-right: 1px solid #e3e3e3;
}
.item-filter-page .filter-menu div:hover{
    cursor: pointer;
}

.item-filter-page .filter-menu div:last-child{
    border-right: none;
}

.item-filter-page .filter-group .list-group-item{
    border: 0;
    margin-bottom: 0;
    padding: 10px 15px;
}
.item-filter-page .filter-group .list-group-item:last-child{
    margin-bottom: 10px;
}

.item-filter-page .filter-form{
    text-align: left;
}
.item-filter-page .filter-form hr{
    margin: 12px 10px;
}
.item-filter-page .filter-form .control-label{
    text-align: left;
    padding-left: 30px;
    border-right: 1px solid #E3E3E3;
    color: #555;
}

.item-filter-page .filter-form .price-range .col-xs-1{
    padding-top: 5px;
}
.item-filter-page .form-control[name='price_lower'],
.item-filter-page .form-control[name='price_upper']{
    border-radius: 5px;
}

.item-filter-page .filter-form .form-button{
    text-align: center;
}


.item-filter-page .filter-form .form-button button{
    width: 150px;
    border-radius: 10px;
}

.item-filter-page .filter-form .form-button .form-reset{
    margin-right: 50px;
    color: #000;
}

.item-filter-page .filter-form .form-button .form-submit{
    color: #000;
}
/*Market item detail*/
/*Market item detail*/
#mi-detail{
    background-color: #fff;
}

#mi-detail .mi-page-top{
    position: relative;
}


#mi-detail .edit-button-div{
    position: absolute;
    right: 0;
    top: 0;
}
#mi-detail .breadcrumb{
    background-color: #fff;
}
#mi-detail .breadcrumb > li + li:before{
    content: '\003e';
    color: #000;
}

#mi-detail .mi-detail-top{
    margin-bottom: 40px;
    margin-top: 30px;
    display: flex;
}
#mi-detail .mi-detail-top>div{
    padding: 0 20px;
}
#mi-detail .mi-detail-top .vendor-name{
    margin: 15px 0;
    font-weight: bold;
}
#mi-detail .mi-detail-top .vendor-name .contact-btn{
    margin-left: 10px;
}
#mi-detail .mi-detail-top-left{
    border-right: 2px dotted #e3e3e3;
}
#mi-detail .mi-detail-top-left img{
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center;
}

#mi-detail .mi-detail-top-right{
    position: relative;
    min-height: 360px;
}

#mi-detail .mi-detail-top-body{
    margin: 20px 0;
}
#mi-detail .mi-detail-top-title{
    font-size: 22px;
    font-weight: bold;
    min-width: 300px;
    margin-bottom: 15px;
}

#mi-detail .mi-detail-top-right .item-label{
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    width: 140px;
    text-align: center;
    vertical-align: middle;
}


#mi-detail .mi-detail-top-right .market-label{
    background-color: #FBE15F;
}
#mi-detail .mi-detail-top-right .beemall-label{
    background-color: #fccdd5;
}

#mi-detail .mi-detail-top-price{
    color: #ca1e1e;
    font-size: 40px;
}

#mi-detail .mi-detail-top-old-price{
    color: grey;
    font-size: 22px;
    text-decoration: line-through;
}
#mi-detail .mi-detail-top-label{
    background-color: #FBE15F;
    margin-right: 15px;
}
#mi-detail .mi-detail-top-body p{
    margin-top: 20px;
}

#mi-detail .mi-detail-sku-wrap .sku-name{
    margin: 5px 0;
    padding-left: 25px;
    font-size: 16px;
    font-weight: bold;
}

#mi-detail .mi-detail-top-footer{
    margin-bottom: 20px;
}


#mi-detail .mi-detail-top-footer button{
    width: 100%;
    font-size: 20px;
    padding: 10px;
    border: none;
}
#mi-detail .mi-detail-top-footer button:focus,
#mi-detail .mi-detail-top-footer button:hover{
    color: unset;
}

#mi-detail .mi-detail-top-footer button.btn-secondary{
    background-color: #e3e3e3;
}

#mi-detail .mi-detail-top-footer .collect-btn.collected{
    background-color: #FBE15F;
}


#mi-detail .mi-detail-top-footer>div div{
    padding-left: 0;
}


#mi-detail .mi-detail-top-footer a.a2a_dd{
    width: 100%;
}
#mi-detail .mi-detail-body{
    padding: 40px 0;
}

#mi-detail .mi-detail-body>div{
    text-align: center;
}

#mi-detail .mi-detail-body img{
    max-width: 100%;
}
#mi-detail .more-para{
    margin-right: 20px;
}
#mi-detail .mi-detail-footer{
    min-height: 100px;
}

#mi-detail .mi-detail-footer p{
    word-break: break-all;
}
#mi-detail .row-title{
    text-align: center;
    font-size: 24px;
    padding: 30px 0;
}
#mi-detail input[type="radio"]:checked + span,
#mi-detail input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}
#mi-detail .option-label{

}
#mi-detail .option-span {
    width: 100%;
    padding: 5%;
    border-radius: 20px;
    background-color: #f7f7f7;
    margin: 0 5px;
    border: 1px solid lightgray;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.btn-red,
.btn-red:hover,
.btn-red:focus {
    background-color: #fa6163 !important;
    border-color: #fa6163 !important;
    color: #fff !important;
}


.comment-template{
    display: none;
}

#mi-detail .mi-detail-datetime-wrap>.row{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}
#mi-detail .mi-detail-datetime-wrap>.row>div{
    margin-bottom: 15px;
}
#mi-detail #mi-comments .item-comments-list{
    margin-bottom: 40px;
}
#mi-detail #mi-comments .user-info{
    margin: 0 0 15px 0;
}
#mi-detail #mi-comments .my-head-img{
    margin-right: 15px;
    margin-left: 0;
}
#mi-detail .rate-option{
    margin: 30px 0;
}
#mi-detail .item-comments-list>.row{
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 0;
}
/*bi detail*/
/*bi detail*/

.bi-detail .qty-select-div{
    margin-top: 20px;
}
.qty-select-div .qty-select-wrap>span{
    margin-left: 20px;
}
.qty-select-wrap {
    margin-left: 5px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.qty-select-wrap .qty-counter {
    width: 80px;
    border-radius: 0;
    text-align: center;
    border: 1px solid #ccc;
    height: 34px;
}
.qty-select-wrap .add-qty-btn {
    margin-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.qty-select-wrap .minus-qty-btn {
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*Instant message widget*/
/*Instant message widget*/
#im-widget-wrap{

}
#im-widget-main{
    background-color: #FBE15F;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 200px;
    border-radius: 5px 0 0 5px;
    margin: auto;
    text-align: center;
    z-index: 1000;
    width: 63px;
}
#im-widget-main .im-widget-wrapper div{

}
#im-widget-main>div{
    padding: 10px;
}
#im-widget-main img{

}
.im-widget-wrapper .fa-circle{
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 14px;
    color: #fa6163;
}
#im-widget-main .widget-message{
    position: relative;
}
#im-widget-main .badge{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f96262;
}

#im-widget-wrap .im-pop-up-wrap{
    z-index: 10000;
    overflow: hidden;
    border-radius: 20px;
    min-width: 900px;
    width: 50%;
    height: 700px;
    position: fixed;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px 0 lightgrey;
}
#im-widget-wrap .im-pop-up-left{
    background-color: #FBE15F;
    display: inline-block;
    height: 100%;
    text-align: center;
    max-width: 260px;
    min-width: 260px;
    overflow-y: auto;
}

.im-pop-up-left .im-user-head-div img{
    margin: 0;
    width: 80px;
    height: 80px;
}
.im-pop-up-left .im-user-head-div{
    padding: 40px;
}

.im-pop-up-left .m-panel .panel_text{
    text-align: left;
}
.im-pop-up-left .m-panel .panel_item{
    height: 62px;
}
.im-pop-up-left .session-title{
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
}
.im-pop-up-left .m-panel .panel_text .panel_count{
    padding: 0;
}
/*right popup*/
.im-pop-up-right{
    position: relative;
}
.im-pop-up-right .close-widget{
    position: absolute;
    font-size: 30px;
    top: 10px;
    right: 15px;
    cursor: pointer;
}
.im-pop-up-right .im-msg-nav-div{
    padding: 20px;
    font-size: 18px;
}
.im-pop-up-right .im-msg-nav{
    padding: 0;
    margin: 0;
    list-style: none;
}
.im-pop-up-right .im-right-content{
    padding: 0 20px;
    overflow-y: auto;
    height: 620px;
    position: relative;
}
.im-pop-up-right .im-msg-nav div{
    position: relative;
    display: inline-block;
    padding: 5px 0;
    cursor: pointer;
}
.im-pop-up-right .im-msg-nav li{
    cursor: pointer;
}
.im-pop-up-right .im-msg-nav div.active{
    border-bottom: 2px solid #FBE15F;

}
.im-pop-up-right .im-msg-nav .badge{
    position: absolute;
    top: 0px;
    right: -11px;
}

.im-right-content .notify-block-wrap{
    padding: 20px;
    background-color: #f7f7f7;
    margin: 20px;
    border-radius: 10px;
    align-items: center;
}
.im-right-content .item-me img{
    margin-right: 10px;
}
.im-right-content .notify-block-wrap.im-room{
    background-color: #fff;
    padding: 0;
    height: 500px;
    overflow-y: auto;
    margin: 0;
}
.im-right-content .notify-block-wrap{

}
.notify-block-wrap .notify-block-head{
    text-align: center;
}
.notify-block-wrap .notify-block-head img{
    margin: 0;
}
.notify-block-wrap .notify-block-body{
    overflow: auto;
    width: 0;
    padding-left: 20px;
}
.notify-block-wrap .notify-block-body>div:first-child{
    padding-right: 20px;
}
.notify-block-wrap .notify-block-foot{
    text-align: right;
    margin-right: 20px;
}

.notify-block-tail img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.im-pop-up-right .u-chat-notice{
    position: inherit;
    width: 100%;
}

.im-pop-up-right #chatContent .clearfix{
    margin: 10px;
}
.im-pop-up-right #chatEditor{
    height: 100px;
    border-top: 1px solid #eee;
    background-color: unset;
    padding-top: 5px;
    position: absolute;
}
.im-pop-up-right #chatEditor #messageText{
    padding-top: 0;
    height: 40px;
}
.im-pop-up-right #chatEditor #sendBtn{
    top: unset;
    bottom: 16px;
    right: 15px;
    background-color: #FBE15F;
    border: none;
    border-radius: 5px;
    color: #000;
    width: 170px;
    height: 37px;
    font-size: 16px;

}
.im-pop-up-right .item-you .msg-text{
    background-color: #FBE15F;
    color: #000;
    border: none;
}

.im-pop-up-right .item-me .msg-text{
    background-color: #FBCCCC;
    color: #000;
    border: none;
}

.im-pop-up-right .item-me .msg:after{
    border-left: 7px solid #FBCCCC;
}



.im-pop-up-right .item-you .img,
.im-pop-up-right .item-me .img{
    border-radius: 50%;
}

.im-pop-up-right .item-you .msg:before{
    border-right: 7px solid #FBE15F;
}

#im-widget-wrap #chatContent .custom-msg{
    padding: 2px 5px 0 0;
    display: flex;
    max-width: 330px;
    cursor: pointer;
}

#im-widget-wrap #chatContent .item-img-wrap{
    flex: 1;
}
#im-widget-wrap #chatContent .item-me .custom-msg img{
    margin: 0 14px 0 0;
    object-fit: cover;
}
#im-widget-wrap #chatContent .item-img{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    object-fit: cover;
}
#im-widget-wrap #chatContent .item-info-wrap{
    vertical-align: top;
    margin-right: 40px;
}
#im-widget-wrap #chatContent .item-title{
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    max-width: 200px;
}
#im-widget-wrap #chatContent .item-price-wrap{
    margin-top: 15px;
}
#im-widget-wrap #chatContent .item-original-price{
    color: grey;
    text-decoration: line-through;
}

#im-widget-wrap #chatContent .item-price{
    color: #ca1e1e;
    font-size: 16px;
    padding: 10px;
}


#im-widget-wrap #chn-pinup-bee{
    padding: 5px;
}
#im-widget-wrap .m-emoji-picCol{
    overflow-x: hidden;
}
#im-widget-wrap .m-emoji-picCol-ul span{
    width: 50px;
    height: 50px;
}
/*Scroll bar*/
/*Scroll bar*/
#im-widget-wrap div::-webkit-scrollbar{
    width: 4px;
}
/* Track */
#im-widget-wrap div::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
#im-widget-wrap div::-webkit-scrollbar-thumb {
    background: #FBE15F;
}

/* Handle on hover */
#im-widget-wrap div::-webkit-scrollbar-thumb:hover {
    background: #FBE15F;
}

#im-widget-wrap div.im-pop-up-left::-webkit-scrollbar{
    background: transparent;
}

#im-widget-wrap .m-emoji-picCol-ul{
    padding-left: 0;
}

/*Market item create page*/
/*Market item create paged*/
#mi-create .page-title{
    font-size: 20px;
    font-weight: bold;
    margin-left: 110px;
}
#mi-create .form-group>.col-xs-9:not('.error-field'){
    background-color: #fff;
    padding: 10px 0;
    margin-left: 16px;
}
#mi-create .file-preview{
    background-color: #fff;
}

#mi-create .option-label{
    padding: 10px 10px 10px 0;
    margin-bottom: 0;
}
#mi-create .option-span {
    width: 100%;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: #f7f7f7;
    margin: 0 5px;
    border: 1px solid lightgray;
    display: inline-block;
    min-width: 90px;
    text-align: center;
    cursor: pointer;
}

#mi-create input[type="radio"]:checked + span,
#mi-create input[type="checkbox"]:checked + span {
    background-color: #FBE15F;
}

#mi-create .ui-tabs-tab{
    border: none;
    background-color: #F7F7F7;
}
#mi-create .ui-tabs .ui-tabs-nav li.ui-tabs-active{
    background-color: white;
    border-bottom: 3px solid #FBE15F;
}
#mi-create .ui-tabs-panel{
    border: none;
    background-color: white;
}
#mi-create li.ui-tabs-active a{
    color: black;
    text-decoration: none;
    outline: none;
}
#mi-create .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding: 10px 40px;
}
#mi-create .ui-widget.ui-widget-content{
    border: none;
    background: transparent;
}

#mi-create .form-group>div.tabs-area{
    border: none;
    background: transparent;
    padding: 0;
}

#mi-create .form-group>div.input-text-area{
    padding: 0;
    background: transparent;
}

#mi-create .ui-tabs .ui-tabs-nav{
    background: transparent;
    border-width: 0 0 1px 0;
    padding: 0;

}

#mi-create .radio-area{
    background-color: #fff;
    padding-left: 8px;
}

#mi-create .form-group>.file-input-area{
    padding: 0;
}

#mi-create .button-set{
    text-align: right;
    margin-right: 90px;
}

/*Featured vendor*/
#featured-vendor .vendor-wrap{
    border: 1px solid #e3e3e3;
    padding: 25px 5px;
    margin-bottom: 30px;
}

#featured-vendor .filter-group .filter-menu>div{
    padding: 10px;
}

/*Vendor detail*/
.list-item-author .sales-no-div{
    display: inline-block;
    margin-right: 10px;
}
#vendor-detail-page .tab-content>div{
    margin: 50px 0;
}

#vendor-detail-page div.pinterest-like-wrap{
    width: 100%;
}

#vendor-detail-page .add-to-favour-div img{
    padding-bottom: 0;
}

#vendor-detail-page .keyword-wrap{
    margin-top: 30px;
}

#vendor-detail-page .fa-search{
    cursor: pointer;
}

#vendor-detail-page .fa-map-marker{
    vertical-align: middle;
    width: 20px;
    font-size: 20px;
    color: gray;
}

#vendor-detail-page #vd-tab-details{
    margin-top: 20px;
}
#vendor-detail-page #vd-tab-details>div>div{
    padding: 0 20px;

}

#vendor-detail-page #vd-tab-details .extend-address{
    margin-top: 20px;
}
#vendor-detail-page #vd-tab-details .slick-list{
    height: 150px;
}
#vendor-detail-page .personal-img{
    padding: 0 50px;
}
#vendor-detail-page .user-thumb-slick-wrap .slick-slide{
    text-decoration: none;
    outline: none;
}
#vendor-detail-page .vd-details-img{
    text-align: center;
}
#vendor-detail-page .user-thumb-slick-wrap img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    object-fit: cover;
}
#vendor-detail-page .user-thumb-slick-wrap .slick-slide{
    text-decoration: none;
    outline: none;
}
#vendor-detail-page .item-filter-page .slick-initialized .slick-slide{
    border-right: unset;
}
/*Shopping cart*/
/*Shopping cart*/
#shopping-cart-page{
    /*min-width: 1000px;*/
}
.shopping-cart-page .item-filter-page{
    margin: 20px 0;
}
.shopping-cart-page .list-title,
.shopping-cart-page .list-content{
    text-align: center;
}

.shopping-cart-page .list-header{
    font-weight: bold;
}

.shopping-cart-page .product-list .product-title{
    word-break: break-word;
    text-align: left;
}
.shopping-cart-page .nested-d2{
    margin-bottom: 40px;
}
.shopping-cart-page .vendor-info{
    margin: 20px 0 15px 0;
    padding-left: 0;
}
.shopping-cart-page .vendor-info>div{
    text-align: left;
}
.shopping-cart-page .vendor-info .vendor-name{
    padding-left: 0;
}
.shopping-cart-page .item-info{
    padding-left: 0;
}
.shopping-cart-page .item-info .item-link{
    padding-left: 0;
}
.shopping-cart-page .item-area{
    border: 1px solid #E3E3E3;
    border-bottom: unset;
}
.shopping-cart-page .item-area .item-wrap{
    padding: 30px 0;
}
.shopping-cart-page .item-area .item-wrap.selected{
    background-color: #FFF8E1;
}
.shopping-cart-page .item-area .item-wrap.expired{
    background-color: #eee;
}
.shopping-cart-page .item-area .item-wrap.not-last{
    border-bottom: 1px solid #e3e3e3;
}
.shopping-cart-page .item-area img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    padding: 5px 0 0 0;
}

.shopping-cart-page .item-area hr{
    margin: 20px;
}

.shopping-cart-page .item-area .item-info{
    text-align: left;
}
.shopping-cart-page .item-area .item-amount{
    /*width: 6em;*/
}
.shopping-cart-page .item-area .item-amount span{
    display: inline-block;
    width: 1.5em;
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    text-align: center;
}
.shopping-cart-page .item-area .item-amount input{
    display: inline-block;
    width: 3.5em;
    background-color: #fff;
    border: 1px solid #aaaaaa;
    text-align: center;
}

.shopping-cart-page .total-order-amount-wrap>div{
    text-align: right;
    margin-bottom: 10px;
    font-size: 18px;
}

.shopping-cart-page .cart-submit-btn{
    width: 200px;
    font-size: 20px;
}
.shopping-cart-page .goods-settlement{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 14px;
    height: 70px;
    display: flex;
    padding: 0 20px;
    z-index: 999;
}
.shopping-cart-page .goods-settlement .inner{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #e4e4e4;
    position: relative;
    padding: 10px;

}

.shopping-cart-page .goods-settlement .inner>div{
    display: flex;
    align-items: center;
    height: 100%;
}
.shopping-cart-page .goods-settlement .inner .fl{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.shopping-cart-page .goods-settlement .inner .select-all .batch-operation{
    cursor: pointer;
}
.shopping-cart-page .goods-settlement .inner .select-all .cleanUp{
    padding-bottom: 5px;
}
.shopping-cart-page .goods-settlement .inner .select-all .cleanUp:hover{
    text-decoration: underline;
}
.shopping-cart-page .goods-settlement .inner .fr{
    position: absolute;
    right: 0;
}
.shopping-cart-page .goods-settlement .inner .fr>div,
.shopping-cart-page .goods-settlement .inner .fr form{
    height: 100%;
}
.shopping-cart-page .goods-settlement .inner .select-all .delete,
.shopping-cart-page .goods-settlement .inner .select-all .cleanUp {
    margin-left: 30px;
    cursor: pointer;
}
.shopping-cart-page .goods-settlement .inner .settlement .goods-num {
    /*cursor: pointer;*/
}
.shopping-cart-page .goods-settlement .inner .settlement .goods-num i {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: #fa6163;
}
.shopping-cart-page .goods-settlement .inner .settlement .amount-price {
    margin-left: 30px;
}
.shopping-cart-page .goods-settlement .inner .settlement .amount-price i {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: #fa6163;
}
.shopping-cart-page .goods-settlement .inner .settlement .settlement-btn {
    margin-left: 30px;
    font-size: 20px;
    width: 8em;
    height: 100%;
    background-color: #f7451d;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shopping-cart-page .goods-settlement .inner .settlement .settlement-btn.isSettlement {
    background-color: #fa6163;
}

.cart-count{
    background-color: #f7451d;
}
/*Order preview*/
/*Order preview*/
#bm-order-preview #bcoin-order-preview-d-main-div{
    margin-bottom: 100px;
}
#bm-order-preview .bcoin-order-preview-d1{
    padding: 20px 0;
    background-color: inherit;
}
#bm-order-preview .nested-d2,
#bm-order-preview .vendor-delivery-info{
    padding: 20px;
    background-color: #fff;
}
#bm-order-preview .bcoin-order-preview-d1 .nested-d3{
    margin-top: 25px;
}
#bm-order-preview .nested-d4{
    padding: 20px;
    background-color: #fff;
    margin-top: 30px;
}

#bm-order-preview .nested-d4 .media-left{
    vertical-align: middle;
}
#bm-order-preview .nested-d5>div div{
    position: unset;
    font-size: 21px;
    font-weight: bold;
}

#bm-order-preview .total-amount-div div{
    text-align: right;
}

#bm-order-preview .nested-d5{
    margin-top: 15px;
}
#bm-order-preview .nested-d5 .value-total{
    color: #f7451d;
    font-size: 30px;
}

#bm-order-preview  .bcoin-order-preview-d2{
    margin-top: 20px;
}

/*Beemall item error page*/
#beemall-item-error-page .error-div{
    height: 300px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 25px;
}
#beemall-item-error-page .fa-times{
    color: red;
    margin-right: 15px;
}

body .mfp-bg,
body .mfp-wrap{
    z-index: 9996;
}
/*VC Branch address*/
/*VC Branch address*/
#vc-branch-address .uc-address-d3{
    padding: 15px;
}
#vc-branch-address .business-hours .checkbox{
    margin-top: 12px;
}
#vc-branch-address .business-hours{
    margin-top: 8px;
}
#vc-branch-address .business-hours-table>div{
    margin-top: 12px;
}
#vc-branch-address .bootstrap-tagsinput{
    min-height: 36px;
}
#vc-branch-address .input-group-addon{
    background-color: #fff;
}
/*for video icon*/
.pl-img-wrap{
    position: relative;
}

img.video-icon{
    position: absolute;
    top: 0;
    left: 15px;
    width: 50px;
    height: 50px;
    max-width: 50px !important;
    max-height: 50px !important;
}

div.pinterest-like-wrap figure .pl-img-wrap img.video-icon{
    top: 5px;
    left: 5px;
    padding-bottom: 0;
}

#s-result-container #s-result-d3{
    position: relative;
}

#s-result-container #s-result-d3 img.video-icon{
    left: 5px;
}
.me-diary-main .diary-row img.video-icon{
    left: 5px;
}

.video-wrapper{
    width: 100%;
    /*max-height: 300px;*/
    /*height: 400px;*/
}
/*for video icon*/

.header-cart .badge{
    /*background-color: #FBE15F;*/
    /*color: #000;*/
}
#reset-password #login-d1 .v-code,
#reset-password #login-d1 .v-code-btn{
    /*padding: 0;*/
}

#reset-password #login-d1 .v-code-btn{
    /*padding-left: 10px;*/
}

#reset-password #login-d1 #send-sms-btn{
    width: 100%;
}

#reset-password #login-d1 #counter-div{
    margin-top: 5px;
}

#reset-password #login-d1 .password-wrap{

}