.advisory-title{margin-bottom: 20px; border: 1px solid #d7d7d7; border-bottom: 2px solid #f2d088;}
.advisory-title-inner{position: relative; display: inline-block; padding: 0 10px; font-family: OpenSansBold; font-size: 19px; text-transform: uppercase; line-height: 40px; color: #dcb069;}
.advisory-title-inner:after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #dcb069;}
.advisory-head{margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.advisory-head-item{margin-bottom: 10px;}
.advisory-head-img{margin-bottom: 5px;}
.advisory-head-name a{display: block; font-family: OpenSansBold; font-size: 17px; color: #333; transition: all 0.25s ease 0s;}
.advisory-head-name a:hover{color: #fe72a3;}
.advisory-head-item:nth-child(1) .advisory-head-img{margin-bottom: 10px;}
.advisory-head-item:nth-child(1) .advisory-head-name{margin-bottom: 10px;}
.advisory-head-item:nth-child(1) .advisory-head-name a{font-size: 19px;}
.advisory-head-item:nth-child(1) .advisory-head-prev{line-height: 20px; color: #555;}
.advisory-item{margin-bottom: 20px;}
.advisory-img{float: left; margin-right: 10px;}
.advisory-name{margin-bottom: 5px;}
.advisory-name a{display: block; font-family: OpenSansBold; font-size: 17px; color: #333; transition: all 0.25s ease 0s;}
.advisory-name a:hover{color: #fe72a3;}
.advisory-prev{max-height: 100px; line-height: 20px; color: #555; overflow: hidden;}
.advisory-more a{position: relative; padding-left: 25px; font-family: OpenSansBold; line-height: 20px; color: #fe72a3;}
.advisory-more i{position: absolute; top: 0; left: 0; font-size: 20px; transition: all 0.25s ease 0s;}
.advisory-more:hover i{transform: translateX(3px);}
@media (min-width:320px){
    .advisory-right{display: none;}
    .advisory-head-item{float: left; width: calc((100% - 20px)/2);}
    .advisory-head-item:nth-child(1){width: 100%;}
    .advisory-head-item:nth-child(3){float: right;}
}
@media (min-width:480px){
    .advisory-head-item{float: left; width: calc((100% - 40px)/3);}
    .advisory-head-item:nth-child(1){width: calc(100% - (100% - 40px)/3 - 20px); margin-right: 20px;}
}
@media (min-width:767px){
    .advisory-item{float: left; width: calc(50% - 10px);}
    .advisory-item:nth-child(2n){float: right;}
    .advisory-name{height: 69px; verflow: hidden;}
}
@media (min-width:970px){
    .advisory-left{float: left; width: calc(100% - 320px);}
    .advisory-right{float: right; display: block; width: 300px;}
}.book-detail{margin-bottom: 25px;}
.book-form{box-sizing: border-box; padding: 15px; background: #f9f9f9; border-radius: 5px;}
.book-title{font-family: OpenSansBold; font-size: 16px; margin-bottom: 15px;}
.book-title a{display: block; color: #333;}
.book-list-1{margin-bottom: 20px;}
.book-list ul{list-style: none;}
.book-list ul li{line-height: 20px; margin-bottom: 5px;}
.book-list ul li i{width: 20px; text-align: center;}
.book-list ul li:nth-child(1) b{color: #ff0000;}
.book-list ul li label{display: inline-block; width: calc(100% - 115px); font-family: OpenSansBold;}
.book-list ul li span{display: inline-block; width: 115px; font-family: OpenSansBold; text-align: right; color: #ff0000;}
.book-list ul li.total{padding-top: 5px; border-top: 2px solid #d7d7d7;}
.book-tks{font-family: OpenSansBold; font-size: 16px; color: #dcb069; margin-bottom: 10px;}
.book-item{position: relative; margin-bottom: 10px;}
.book-item input[type='submit']{width: 100%;}
.book-item input.error{border: 1px solid #ff0000;}
.book-item input::-webkit-input-placeholder{color: #777;}
.book-item input:-moz-placeholder{color: #777;}
.book-item input::-moz-placeholder{color: #777;}
.book-item input:-ms-input-placeholder{color: #777;}
.book-item textarea::-webkit-input-placeholder{color: #777;}
.book-item textarea:-moz-placeholder{color: #777;}
.book-item textarea::-moz-placeholder{color: #777;}
.book-item textarea:-ms-input-placeholder{color: #777;}
.book-item p{font-style: italic;color: #777; padding: 5px 0 0;}

@media (min-width:320px){
    .book-form{margin-top: 20px;}
}
@media (min-width:970px){
    .book-form{float: left; width: calc(100% - 430px); margin-top: 0;}
    .book-col{float: right; width: 400px;}
    .book-col-wrap{padding: 15px; background: #fff; border: 1px solid #d7d7d7; border-radius: 5px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);}
}.breadcrumb{margin: 15px 0;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{float: left; line-height: 20px;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 5px;}
.breadcrumb ul li a{display: inline-block; color: #333;}
@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-mobile{display: none;}
}
@media (min-width:767px){
    .breadcrumb ul li.breadcrumb-mobile{display: block;}
}.spaR-title{background: #f2d088; font-family: OpenSansBold; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 38px; color: #fff;}
.spaR{margin-bottom: 30px; border-bottom: 1px solid #d7d7d7;}
.spaR ul{list-style: none; padding: 0 5px; border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.spaR ul li{position: relative; padding: 5px 0; border-bottom: 1px solid #d7d7d7;}
.spaR ul li .spaR-name{position: absolute; right: 0; bottom: 5px; left: 0; margin: auto; background: rgba(0,0,0,0.5); transition: all 0.25s ease 0s;}
.spaR ul li:hover .spaR-name{background: rgba(0,0,0,0.75);}
.spaR ul li .spaR-name a{display: block; padding: 5px; font-family: OpenSansBold; font-size: 14px; text-align: center; line-height: 20px; color: #fff;}

.cosmeticR{border-bottom: 1px solid #d7d7d7;}
.cosmeticR ul{list-style: none; border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.cosmeticR ul li{position: relative; padding: 10px; border-bottom: 1px dashed #d7d7d7; font-family: OpenSansBold; font-size: 14px;}
.cosmeticR ul li .cosmeticR-name{margin-bottom: 10px;}
.cosmeticR ul li .cosmeticR-name a{display: block; color: #dcb069;}
.cosmeticR ul li .cosmeticR-name a:hover {color: #fe72a3;}
.cosmeticR ul li .cosmeticR-img{float: left; margin-right: 10px; padding: 1px; border: 1px solid #d7d7d7;}
.cosmeticR ul li .cosmeticR-price{position: relative;}
.cosmeticR ul li .cosmeticR-price p:nth-child(1){font-family: OpenSans; text-decoration: line-through;}
.cosmeticR ul li .cosmeticR-price p:nth-child(2){ font-size: 16px; color: #ff0000;}
.cosmeticR ul li .cosmeticR-price span{display: block; position: absolute; top: 0; right: 0; width: 49px; padding: 12px 0 17px; background: url(/components/home.cosmetic/s.png) no-repeat center; text-align: center; line-height: 20px; color: #fff;}
.cosmeticR ul li .cosmeticR-cart{position: absolute; right: 10px; bottom: 10px; width: calc(100% - 124px); margin: auto; background: #fe72a3; border-radius: 3px; transition: all 0.25s ease 0s;}
.cosmeticR ul li .cosmeticR-cart:hover {background: #dcb069;}
.cosmeticR ul li .cosmeticR-cart a{display: block; font-family: OpenSans; text-transform: uppercase; text-align: center; line-height: 25px; color: #fff;}.col-menu{margin-bottom: 30px;}
.col-menu ul{list-style: none;}
.col-menu ul li{position: relative;}
.col-menu ul li a{position: relative; display: block; font-size: 15px; text-transform: uppercase; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.col-menu ul li a i{position: absolute; top: 0; left: 8px; font-size: 10px; line-height: 35px; transition: all 0.25s ease 0s;}
.col-menu ul li a:hover i{transform: translateX(3px);}
.col-menu ul li ul li a i{left: 25px;}
#col-menu > ul{background: #fff; border: 1px solid #d7d7d7;}
#col-menu > ul.col-post{box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}
#col-menu > ul > li > a{font-family: OpenSansBold; padding-left: 25px;}
#col-menu > ul > li > a:hover, #col-menu > ul > li.active > a{color: #dcb069;}
#col-menu > ul > li > i{position: absolute; top: 0; right: 0; width: 35px; height: 35px; font-size: 10px; text-align: center; line-height: 35px; cursor: pointer;}
#col-menu > ul > li > i:hover, #col-menu > ul > li.active > i{color: #dcb069;}
#col-menu > ul > li > ul > li > a{padding-left: 40px;}
#col-menu > ul > li > ul > li > a:hover, #col-menu > ul > li > ul > li.active > a{color: #dcb069;}
.col-title{position: relative; padding: 0 0 0 10px; font-family: OpenSansBold; font-size: 19px; text-transform: uppercase; line-height: 40px; color: #dcb069; margin-bottom: 15px; border: 1px solid #d7d7d7; border-bottom: 2px solid #dcb069;}.comment{}
.comment_title{font-size: 15px; margin-bottom: 10px; font-family: OpenSansBold;}
.comment_title span{font-weight: normal;}
.comment .commentItem{position: relative;}
.comment .commentItemF{width: 100%; margin: 0 0 10px;}
.comment input{}
.comment input[type="submit"]{float: right; width: 70px; margin: 0;}
.list_comment li{list-style: none; padding: 15px 0;}
.list_comment li.commentli{}
.list_comment_ava{float: left; width: 35px; height: 35px; margin-right: 10px;display: none;}
.list_comment_ava img{max-width: 100%; height: auto;}
.list_comment_content{padding-bottom: 5px;}
.list_comment_name{font-family: OpenSansBold; padding: 0 0 5px;}
.list_comment_name span{font-size: 11px; font-weight: normal; color: rgba(51,51,51,0.5);}
.list_comment_name a{color: #333; font-size: 12px; cursor: pointer; float: right; line-height: 17px;}
.list_comment_name a:hover{color: #00aff0;}
.list_comment_sub{margin: 0 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;}
.list_comment_sub li.last-child{padding: 10px 0 0;}
.comment_name, .comment_email {float: left;}

@media (min-width: 320px){
    .comment .commentItem{width: 100%; margin: 0 0 10px;}
}
@media (min-width: 480px){
    .comment .commentItem{width: 40%; float: left; margin: 0 10px 10px 0 ;}
}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #dcb069; font-family: OpenSansBold; font-size: 17px;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li p{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}
.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #dcb069; line-height: 33px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 30px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.product-left{float: left; width: 400px;}
.product-right{float: right; width: calc(100% - 430px);}

.product-prev{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.product-string{list-style: none; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.product-string li{line-height: 22px;}
.product-string li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-string li b:after{content: ':'; position: absolute; right: 0;}
.product-string li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px;}
.product-red{font-family: OpenSansBold; color: #ff0000;}
.product-blue{font-family: OpenSansBold; color: #fed24f;}
.product-price{list-style: none; margin-bottom: 10px;}
.product-price li{line-height: 30px;}
.product-price li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-price li b:after{content: ':'; position: absolute; right: 0;}
.product-price li label{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: OpenSansBold; font-size: 20px; color: #ff0000;}
.product-price li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: OpenSansBold; font-size: 14px;}
.product-quantity{margin: 0 0 13px;}
.product-quantity b{position: relative; display: inline-block; width: 105px; height: 30px; line-height: 30px; vertical-align: top;}
.product-quantity b:after{content: ':'; position: absolute; right: 0;}
.product-quantity-control{display: inline-block; width: 105px; margin: 0 0 0 12px;}
.product-quantity-control div{float: left; width: 22px; height: 30px;}
.product-quantity-control div:last-child{float: right;}
.product-quantity-control div a{display: block; font-size: 25px; text-align: center; line-height: 30px; color: #fff; background: #fed24f; transition: all 0.25s ease 0s;}
.product-quantity-control div a:hover{background: #fe72a3;}
.product-quantity-control input[type='text']{float: left; width: calc(100% - 54px); height: 30px; margin: 0 5px; font-size: 15px; text-align: center; text-indent: 0; color: #fed24f; border: 1px solid #fed24f;}
.product-cart{}
.product-cart p{line-height: 22px;}
.product-cart a{position: relative; display: block; font-family: OpenSansSB; font-size: 15px; color: #fff; padding: 7px 35px 9px 55px;}
.product-cart a i{position: absolute; top: 10px; left: 19px; width: 18px; height: 15px; margin: auto; text-align: center;}
.product-cart-add, .product-cart-go{vertical-align: top; transition: all 0.25s ease 0s;}
.product-cart-add a{background: #fe72a3;}
.product-cart-add:hover a{background: #fed24f;}
.product-cart-go a{background: #fed24f;}
.product-cart-go:hover a{background: #fe72a3;}
.product-tab{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d7d7d7;}
.product-tab ul{list-style: none;}
.product-tab li a{display: block; font-family: OpenSansSB; color: #fff; background: #d7d7d7; border: 1px solid #d7d7d7; border-bottom: 0;}
.product-tab li a.active{position: relative; background: #fff; color: #fed24f}
.product-tab li a.active:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff;}
.product-content{padding: 10px; border: 1px solid #d7d7d7}
@media (min-width: 320px){
    .product-left{width: 100%; margin-bottom: 30px;}
    .product-right{width: 100%;}
    .product-cart-add{margin-bottom: 3px;}
    .product-tab li{display: block;}
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 410px){
    .product-cart-add, .product-cart-go{display: inline-block; margin: 0;}
    .product-tab li{display: inline-block;}
    .product-tab li a{padding: 5px 6px 7px; font-size: 14px; border-top: 3px solid #d7d7d7;}
}
@media (min-width: 480px){
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 767px){
    .product-left{float: left; width: 350px; margin-bottom: 0;}
    .product-right{float: right; width: calc(100% - 375px);}
}
@media (min-width: 970px){
    .product-left{width: 400px;}
    .product-right{width: calc(100% - 430px);}
}.filter{position: absolute; top: 0; right: 0; z-index: 99991;}
.filter-button{font-family: OpenSansBold; text-transform: uppercase; line-height: 43px; color: #333; padding: 0 15px; cursor: pointer;}
.filter-form{box-sizing: border-box; display: none; position: absolute; padding: 10px; background: #fff; border: 1px solid #d7d7d7; box-shadow: 0px 2px 2px rgba(0,0,0,0.25); }
.filter-item{position: relative; float: left; width: calc(100%/3);}
.filter-item b{display: block; text-transform: uppercase; margin-bottom: 10px;}
.filter-item label{position: relative; display: block; margin-bottom: 5px; padding-left: 20px; font-size: 12px; line-height: 16px; cursor: pointer;}
.filter-item label input[type='checkbox']~span:before{content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 14px; border: 1px solid #333;}
.filter-item label input[type='checkbox']:checked~span{color: #fe72a3;}
.filter-item label input[type='checkbox']:checked~span:before{content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 14px; border: 1px solid #fe72a3; color: #fe72a3;}
.filter-submit input[type='submit']{display: block; width: 70px; margin: auto; background: #fe72a3;}
.filter-submit input[type='submit']:hover{background: #fed24f;}
@media (min-width:320px){
    .filter-form{top: 43px; right: 0; width: 310px;}
}
@media (min-width:360px){
    .filter-form{width: 350px;}
}
@media (min-width:410px){
    .filter-form{width: 400px;}
}
@media (min-width:480px){
    .filter-form{top: 0; right: 100%; width: 470px;}
}.cart{margin-bottom: 30px;}
.cart-item{text-align: left;}
.cart-img{float: left; margin-right: 10px;}
.cart-name{font-size: 15px; text-transform: uppercase; text-align: left; color: #dcb069;}
.cart-string{list-style: none; margin-bottom: 5px;}
.cart-button{text-align: left;}
.cart-button a{display: inline-block!important; text-align: center; line-height: 25px; color: #fff; padding: 0 11px; background: #696969; transition: all 0.25s ease 0s;}
.cart-button a:hover{background: #fe72a3;}
.cart-price{margin-bottom: 17px;}
.cart-price b{font-size: 15px; color: #ff0000;}
.cart-quantity{}
.cart-quantity input[type='number']{float: left; text-indent: 0; text-align: center; width: 39px;}
.cart-quantity input::-webkit-outer-spin-button, .cart-quantity input::-webkit-inner-spin-button{-webkit-appearance: none;}
.cart-quantity div{float: left; width: 20px; height: 35px; background: #696969; transition: all 0.25s ease 0s;}
.cart-quantity div:hover{background: #fe72a3;}
.cart-quantity div.cart-minus{margin: 0 5px 0 0;}
.cart-quantity div.cart-plus{margin: 0 0 0 5px;}
.cart-quantity div a{display: block; line-height: 35px; color: #fff;}
.cart-bill p{font-size: 15px; line-height: 30px;}
.cart-bill p span{display: inline-block;}
.cart-bill p span:nth-child(1){float: left;}
.cart-bill p span:nth-child(2){float: right; color: #ff0000;}
.cart-bill a{display: block; margin-top: 10px; text-transform: uppercase; text-align: center; line-height: 30px; color: #fff; background: #dcb069; transition: all 0.25s ease 0s;}
.cart-bill a:hover{background: #fe72a3;}
.cart-bill a:nth-of-type(1){float: left; width: calc(50% - 5px);}
.cart-bill a:nth-of-type(2){float: right; width: calc(50% - 5px);}
.cart-form{}
.cart-form-left{float: left; width: calc(50% - 5px);}
.cart-form-right{float: right; width: calc(50% - 5px);}
.cart-form-item{position: relative; margin-bottom: 10px;}
.cart-form-item textarea{height: 170px;}
.cart-paylist{}
@media (min-width:320px){
    .cart-product{margin-bottom: 20px;}
    .cart-img, .cart-string{display: none;}
}
@media (min-width:400px){
    .cart-string{display: block;}
}
@media (min-width:767px){
    .cart-product{float: left; width: calc(100% - 280px); margin-bottom: 0;}
    .cart-bill{float: right; width: 270px;}
}
@media (min-width:970px){
    .cart-img{display: block;}
    .cart-form{float: left; width: calc(100% - 420px);}
    .cart-paylist{float: right; width: 400px;}
}/*** TABLE ***/
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box; background: #fff;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row;}
/*.table-row:hover{background: #f9f9f9;}*/
.table-row.table-head{text-transform: uppercase; border-bottom: 3px solid #dcb069;}
.table-cell{border: 1px solid #d7d7d7; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}
/*** OPTION ***/
.table-price{font-size: 15px; color: #ff0000;}
.table-left{text-align: left;}
.table-right{text-align: right;}
.table-transform{text-transform: uppercase;}
.table-background{background: #f9f9f9;}
/*** SIZE ***/
.table-50px{width: 50px;}
.table-110px{width: 110px;}
.table-175px{width: 175px;}
@media (min-width:320px){
    .table-cell-price, .table-mobile, .table-tablet{display: none;}
}
@media (min-width:480px){
    .table-cell-price{display: table-cell;}
}
@media (min-width:767px){
    .table-mobile{display: table-cell;}
}
@media (min-width:970px){
    .table-tablet{display: table-cell}
}
@media (min-width:1170px){
}.consultant{margin-bottom: 10px;}
.consultant-title{margin-bottom: 15px; border: 1px solid #d7d7d7; border-bottom: 2px solid #fed24f;}
.consultant-title a{position: relative; display: inline-block; padding-left: 10px; font-family: OpenSansBold; font-size: 15px; text-transform: uppercase; line-height: 40px; color: #7f441c;}
.consultant-title a:after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #7f441c;}
.consultant-item{box-sizing: border-box; float: left; margin-bottom: 15px; padding-bottom: 10px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.consultant-item:hover{border: 1px solid #fed24f;}
.consultant-owl{margin-bottom: 15px; padding-bottom: 10px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.consultant-owl:hover{border: 1px solid #fed24f;}
.consultant-img{margin-bottom: 5px; padding: 1px; border-bottom: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.consultant-item:hover .consultant-img{border-bottom: 1px solid #fed24f;}
.consultant-owl:hover .consultant-img{border-bottom: 1px solid #fed24f;}
.consultant-name{padding: 0 5px; overflow: hidden;}
.consultant-name a{display: block; font-size: 14px; text-align: center; line-height: 24px; color: #7f441c; transition: all 0.25s ease 0s;}
.consultant-name a:hover{color: #fe72a3;}
.consultant-time{text-align: center; line-height: 24px; margin-bottom: 5px;}
.consultant-more{width: 90px; margin: auto; background: #fed24f; border-radius: 3px; transition: all 0.25s ease 0s;}
.consultant-more:hover {background: #fe72a3;}
.consultant-more a{display: block; text-transform: uppercase; text-align: center; line-height: 25px; color: #fff;}
.consultant .owl-nav{position: absolute; top: -49.5px; right: 10px; width: 55px;}
.consultant .owl-nav div{width: 23px; height: 23px; border: 1px solid #d7d7d7; border-radius: 50%; transition: all 0.25s ease 0s;}
.consultant .owl-nav div:hover{background: #fed24f; border: 1px solid #fed24f;}
.consultant .owl-nav div i{display: block; text-align: center; line-height: 23px; color: #fed24f; transition: all 0.25s ease 0s;}
.consultant .owl-nav div:hover i{color: #fff;}
.consultant .owl-nav div.owl-prev{float: left;}
.consultant .owl-nav div.owl-next{float: right;}
@media (min-width:320px){
    .consultant-item{width: calc((100% - 10px)/2); margin-right: 10px;}
    .consultant-item:nth-child(2n){margin-right: 0;}
    .consultant-name{height: 72px;}
}
@media (min-width:480px){
    .consultant-item{width: calc((100% - 15px)/2); margin-right: 15px;}
    .consultant-item:nth-child(2n){margin-right: 0;}
    .consultant-name{height: 48px;}
}
@media (min-width:580px){
    .consultant-item{width: calc((100% - 20px)/3); margin-right: 10px;}
    .consultant-item:nth-child(2n){margin-right: 10px;}
    .consultant-item:nth-child(3n){margin-right: 0;}
    .consultant-name{height: 72px;}
}
@media (min-width:767px){
    .consultant-item{width: calc((100% - 30px)/3); margin-right: 15px;}
    .consultant-item:nth-child(2n){margin-right: 15px;}
    .consultant-item:nth-child(3n){margin-right: 0;}
    .consultant-name{height: 48px;}
}
@media (min-width:970px){
    .consultant-item{width: calc((100% - 45px)/4); margin-right: 15px;}
    .consultant-item:nth-child(2n),
    .consultant-item:nth-child(3n){margin-right: 15px;}
    .consultant-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
}.cosmetic{margin-bottom: 30px;}
.cosmetic-title{margin-bottom: 15px; border: 1px solid #d7d7d7; border-bottom: 2px solid #fed24f;}
.cosmetic-title-inner{position: relative; display: inline-block; padding: 0 40px 0 10px; background: #fed24f; font-size: 15px; text-transform: uppercase; line-height: 40px; color: #fff;}
.cosmetic-title-inner:after{content: ''; position: absolute; top: 0; right: -30px; width: 30px; height: 40px; background: url(/components/home.cosmetic/t.png) no-repeat center;}
.cosmetic-title b, .cosmetic-title h1{font-size: 19px;}
.cosmetic-item{box-sizing: border-box; float: left; margin: 0 10px 20px 0; padding-bottom: 10px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.cosmetic-item:hover{border: 1px solid #fed24f;}
.cosmetic-owl{margin-bottom: 10px; padding-bottom: 10px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.cosmetic-owl:hover{border: 1px solid #fed24f;}
.cosmetic-img{margin-bottom: 5px; padding: 1px; border-bottom: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.cosmetic-item:hover .cosmetic-img{border-bottom: 1px solid #fed24f;}
.cosmetic-owl:hover .cosmetic-img{border-bottom: 1px solid #fed24f;}
.cosmetic-name{margin-bottom: 10px; padding: 0 5px; overflow: hidden;}
.cosmetic-name a{display: block; font-size: 14px; text-align: center; line-height: 20px; color: #111; transition: all 0.25s ease 0s;}
.cosmetic-name a:hover{color: #fe72a3;}
.cosmetic-price{position: relative; margin-bottom: 10px; padding-left: 25px;}
.cosmetic-price p{height: 20px; line-height: 20px; overflow: hidden;}
.cosmetic-price p:nth-child(1){font-size: 14px; text-decoration: line-through;}
.cosmetic-price p:nth-child(2){font-family: OpenSansBold; font-size: 16px; color: #ff0000;}
.cosmetic-price span{display: block; position: absolute; top: -5px; right: 20px; width: 49px; padding: 12px 0 17px; background: url(/components/home.cosmetic/s.png) no-repeat center; font-family: OpenSansBold; font-size: 14px; text-align: center; line-height: 20px; color: #fff;}
.cosmetic-more{width: 120px; margin: auto; background: #fe72a3; border-radius: 3px; transition: all 0.25s ease 0s;}
.cosmetic-more:hover {background: #fed24f;}
.cosmetic-more a{display: block; text-transform: uppercase; text-align: center; line-height: 25px; color: #fff;}
.cosmetic .owl-nav{position: absolute; top: -53px; right: 10px; width: 55px;}
.cosmetic .owl-nav div{width: 23px; height: 23px; background: #fed24f; border: 1px solid #fed24f; border-radius: 50%; transition: all 0.25s ease 0s;}
.cosmetic .owl-nav div:hover{background: #fff;}
.cosmetic .owl-nav div i{display: block; text-align: center; line-height: 23px; color: #fff; transition: all 0.25s ease 0s;}
.cosmetic .owl-nav div:hover i{color: #fed24f;}
.cosmetic .owl-nav div.owl-prev{float: left;}
.cosmetic .owl-nav div.owl-next{float: right;}
@media (min-width:320px){
    .cosmetic-name{height: 60px;}
    .cosmetic-item{width: calc((100% - 10px)/2)}
    .cosmetic-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){
    .cosmetic-name{height: 40px;}
}
@media (min-width:580px){
    .cosmetic-item{width: calc((100% - 20px)/3)}
    .cosmetic-item:nth-child(2n){margin-right: 10px;}
    .cosmetic-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .cosmetic-item{width: calc((100% - 30px)/4)}
    .cosmetic-item:nth-child(2n),
    .cosmetic-item:nth-child(3n){margin-right: 10px;}
    .cosmetic-item:nth-child(4n){margin-right: 0;}
}.email{padding: 8px 0; background: #f4f5f6; border-top: 2px solid #7f441c;}
.email-title{font-size: 14px; color: #171717;}
.email-prev{color: #717171;}
.email-item{position: relative; float: left; height: 38px;}
.email-item:nth-child(1){width: calc(100% - 80px);}
.email-item:nth-child(2){width: 80px;}
.email-item input[type='text']{height: 100%; text-indent: 15px; border: 0; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);}
.email-item input[type='submit']{width: 100%; height: 100%;}
.email-item label.error, #email-registered{line-height: 38px; color: #ff0000;}
#email-result{font-size: 15px; text-transform: uppercase; text-align: center; line-height: 38px; color: #fff; background: #006cb5;}
@media (min-width:320px){
    .email{padding: 10px 0 15px;}
    .email-title{margin: 0 0 5px;}
    .email-prev{margin: 0 0 10px;}
    .email img{display: none;}
}
@media (min-width:970px){
    .email{padding: 8px 0;}
    .email-title{float: left; width: 120px; margin: 0 15px 0 10px; padding: 4px 30px 4px 65px; background: url(/components/home.email/e.png) no-repeat center left; border-right: 1px solid #d7d7d7;}
    .email-prev{float: left; width: 265px; padding: 4px 0;}
    .email-wrap{float: right; width: 450px; margin: 4px 0;}
}
@media (min-width:1170px){
    .email img{display: block; position: absolute; right: 0; bottom: -8px;}
    .email-wrap{margin: 3px 164px 4px 0;}
}.four{padding-top: 30px;}
.four-item{margin-bottom: 20px;}
.four-img{float: left; width: 50px;}
.four-text{float: right; width: calc(100% - 60px);}
.four-name{font-family: OpenSansBold; font-size: 14px; text-transform: uppercase; color: #7f441c; margin-bottom: 5px;}
.four-prev{color: #333;}
@media (min-width:580px){
    .four-item{float: left; width: 50%;}
    .four-prev{height: 36px; overflow: hidden;}
}
@media (min-width:970px){
    .four-item{width: 25%; display: flex; align-items: center; justify-content: center;}
}
@media (min-width:1170px){
    .four-wrap{width: calc(100% - 30px);}
}.partner{}
.partner .wrap{padding-top: 25px; border-top: 1px solid #d7d7d7;}
.partner-wrap{max-width: 900px; margin: auto;}
.partner-title{font-family: OpenSansSB; font-size: 15px; text-transform: uppercase; text-align: center; color: #333;}
.partner-item{position: relative; height: 110px;}
.partner-item img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: calc(100% - 20px);max-height: calc(100% - 20px);}.setup-title{margin-bottom: 30px; padding-left: 10px; background: #fed24f; border: 1px solid #d7d7d7;}
.setup-title-inner{font-family: OpenSansBold; font-size: 15px; text-transform: uppercase; line-height: 40px; color: #fff;}
.setup-title h1, .setup-title b{font-size: 19px;}
.setup-item{margin-bottom: 30px;}
.setup-img{position: relative; overflow: hidden; z-index: 1;}
.setup-img img{transform: scale3d(1.05,1.05,1.05); transition: all 0.25s ease 0s;}
.setup-name{position: relative; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 0 7px 1px rgba(0,0,0,0.125); z-index: 0;}
.setup-name a{display: block; padding: 0 5px; font-size: 14px; text-transform: uppercase; text-align: center; color: #7f441c;}
.setup-name a:hover{color: #fe72a3;}
.setup-item:hover .setup-img img{transform: scale3d(1,1,1);}
@media (min-width:320px){
    .setup-name a{line-height: 30px;}
}
@media (min-width:480px){
    .setup-item{float: left; width: calc((100% - 25px)/2); margin-right: 25px;}
    .setup-item:nth-child(2n){margin-right: 0;}
    .setup-name{height: 60px; overflow: hidden;}
}
@media (min-width:580px){
    .setup-item{width: calc((100% - 30px)/2); margin-right: 30px;}
    .setup-name{height: 40px;}
    .setup-name a{line-height: 40px;}
}
@media (min-width:767px){
    .setup-item{width: calc((100% - 35px)/2); margin-right: 35px;}
    .setup-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .setup-item{width: calc((100% - 70px)/3);}
    .setup-item:nth-child(2n){margin-right: 35px;}
    .setup-item:nth-child(3n){margin-right: 0;}
}.spa{margin-bottom: 10px;}
.spa-title{margin-bottom: 20px; background: #fed24f; border: 1px solid #d7d7d7;}
.spa-title-inner{display: inline-block; padding: 0 25px; font-size: 15px; text-transform: uppercase; line-height: 40px; color: #fff; background: #fed24f; border-right: 1px solid #d7d7d7;}
.spa-title h1, .spa-title b{font-size: 19px;}
.spa-item{box-sizing: border-box; margin-bottom: 20px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;position: relative;}
.spa-item:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.spa-owl{margin-bottom: 20px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.spa-owl:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.spa-img{border-bottom: 1px solid #d7d7d7;position: relative;}
.spa-name{position: relative; padding: 5px;}
.spa-name:after{content: ''; position: absolute; right: 0; left: 0; width: 100%; height: 1px;  margin: auto; background: #d7d7d7;}
.spa-name a{display: block; height: 40px; font-family: OpenSansBold; font-size: 12px; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.spa-name a:hover{color: #fe72a3;}
.spa-prev{height: 60px; padding: 0 5px; line-height: 20px; overflow: hidden;}
.spa-more{position: relative; margin-top: 5px; text-align: right;}
.spa-more:after{content: ''; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 1px; margin: auto; background: #d7d7d7;}
.spa-more a{position: relative; display: inline-block; padding: 0 5px 0 25px; font-family: OpenSansBold; line-height: 35px; color: #fe72a3;}
.spa-more a i{position: absolute; top: 8px; left: 0; font-size: 20px; transition: all 0.25s ease 0s;}
.spa-more:hover a i{transform: translateX(3px);}
.spa .owl-nav{position: absolute; top: -53px; right: 10px; width: 55px;}
.spa .owl-nav div{width: 23px; height: 23px; background: #fed24f; border: 1px solid #fed24f; border-radius: 50%; transition: all 0.25s ease 0s;}
.spa .owl-nav div:hover{background: #fff;}
.spa .owl-nav div i{display: block; text-align: center; line-height: 23px; color: #fff; transition: all 0.25s ease 0s;}
.spa .owl-nav div:hover i{color: #fed24f;}
.spa .owl-nav div.owl-prev{float: left;}
.spa .owl-nav div.owl-next{float: right;}
@media (min-width:320px){
    .spa-img{margin-bottom: 5px;}
    .spa-name{margin-bottom: 10px;}
    .spa-name:after{bottom: -5px;}
    .spa-name a{line-height: 20px;}
}
@media (min-width:480px){
    .spa-item{float: left; width: calc((100% - 10px)/2); margin-right: 10px;}
    .spa-item:nth-child(2n){margin-right: 0;}
    .spa-img{margin-bottom: 0;}
    .spa-name{height: auto; margin-bottom: 5px;}
    .spa-name:after{bottom: 0;}
    .spa-name a{line-height: 20px;}
}
@media (min-width:580px){
    .spa-item{width: calc((100% - 20px)/2); margin-right: 20px;}
    .spa-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .spa-item{width: calc((100% - 40px)/3); margin-right: 20px;}
    .spa-item:nth-child(2n){margin-right: 20px;}
    .spa-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .spa-item{width: calc((100% - 30px)/4); margin-right: 10px;}
    .spa-item:nth-child(2n),
    .spa-item:nth-child(3n){margin-right: 10px;}
    .spa-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
    .spa-item{width: calc((100% - 60px)/4); margin-right: 20px;}
    .spa-item:nth-child(2n),
    .spa-item:nth-child(3n){margin-right: 20px;}
    .spa-item:nth-child(4n){margin-right: 0;}
}.left-title{position: relative; font-family: Avo; font-size: 21px; font-weight: normal; text-transform: uppercase; color: #004dfc; margin-bottom: 10px; padding: 2px 0 6px 21px; border: 1px solid #d7d7d7;}
.left-title:after{content: ''; position: absolute; top: -1px; left: -1px; width: 9px; height: 39px; background: #004dfc;}

.left-list{margin-bottom: 30px;}
.left-list ul{list-style: none;}
.left-list ul li a{display: block; font-size: 14px; line-height: 32px; border-bottom: 1px solid #d7d7d7;}
.left-list ul li a:hover{color: #004dfc;}
.left-list ul li span{position: absolute; top: 0; right: 0; width: 17px; height: 32px; cursor: pointer;}
.left-list ul li span.left-button-minus{background: url(/components/left/img/m.png) no-repeat center;}
.left-list ul li span.left-button-plus{background: url(/components/left/img/p.png) no-repeat center;}

.left-list > ul{border: 1px solid #d7d7d7; border-bottom: 0;}
.left-list > ul > li{position: relative;}
.left-list > ul > li > a{color: #565656; padding-left: 20px; background: url(/components/left/img/li.png) no-repeat bottom 10px left 7px;}
.left-list > ul > li.active > a{background: url(/components/left/img/li2.png) no-repeat bottom 10px left 7px; color: #004dfc;}
.left-list > ul > li > ul > li > a{color: #333!important; padding-left: 40px; background: url(/components/left/img/li.png) no-repeat bottom 10px left 27px;}
.left-list > ul > li > ul > li > a:hover, .left-list > ul > li > ul > li.active > a{background: url(/components/left/img/li2.png) no-repeat bottom 10px left 27px; color: #004dfc!important;}

.help{margin-bottom: 30px;}
.help-item{border-bottom: 1px solid #d7d7d7;}
.help-list{padding: 9px 0 0; border: 1px solid #d7d7d7; border-bottom: 1px;}
.help-name{font-size: 14px; text-align: center; line-height: 26px;}
.help-phone{text-align: center; margin-bottom: 11px;}
.help-phone a{font-size: 16px; line-height: 26px; color: #ff0000;}
.help-chat{margin-bottom: 11px;}
.help-zalo{position: relative; float: left; margin-left: 20px;}
.help-zalo-code{position: absolute; bottom: 40px; left: 0; width: 175px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.25); border: 5px solid #fff;}
.help-skype{float: right; margin-right: 20px;}
.help-email{margin: 0 7px; padding-left: 43px; background: url(/components/left/img/e.png) no-repeat center left 7px; border-top: 1px dashed #d7d7d7;}
.help-email a{display: block; line-height: 42px; color: #147e3e;}

.left-tin{}
.left-tin-container{border: 1px solid #d7d7d7; border-bottom: 0;}
.left-tin-item{padding: 10px; border-bottom: 1px dashed #d7d7d7;}
.left-tin-item:last-child{border-bottom: 1px solid #d7d7d7;}
.left-tin-img{float: left; margin-right: 10px; padding: 1px; border: 1px solid #d7d7d7;}
.left-tin-name{height: 60px; overflow: hidden;}
.left-tin-name a{display: block; line-height: 20px; color: #333; transition: all 0.25s ease 0s;}
.left-tin-item:hover .left-tin-name a{color: #0774b8;}@font-face {font-family: 'Roboto'; font-weight: normal; font-style: normal; src: url('/theme/fonts/Roboto-Regular.eot');
	src: url('/theme/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/theme/fonts/Roboto-Regular.woff2') format('woff2'), url('/theme/fonts/Roboto-Regular.woff') format('woff'), url('/theme/fonts/Roboto-Regular.ttf') format('truetype'), url('/theme/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}
.menu{position: relative; height: 40px; background: #fed24f; z-index: 100;}
.menu:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 33%; height: 40px; background: #f2d088; z-index: -1;}
.menu:before{content: ''; position: absolute; top: 0; right: 33%; bottom: 0; margin: auto; width: 45px; height: 40px; background: url(/components/menu/b.png); z-index: -1;}
.menu-desk{float: left;}
.menu-desk ul{list-style: none; transition: all 0.25s ease 0s;}
.menu-desk ul li{position: relative; float: left; list-style: none; transition: all 0.25s ease 0s;}
.menu-desk ul li a{display: block; font-family: Roboto; font-size: 16px; text-transform: uppercase; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.menu-desk ul > li.active, .menu-desk ul > li:hover{}
.menu-desk ul > li.active > a, .menu-desk ul > li:hover > a{}
.menu-desk ul li ul{position: absolute; width: 200px; opacity: 0; transform-origin: 0 0;}
.menu-desk ul li ul li{float: none; margin: 0; background: #fed24f;}
.menu-desk ul li ul li:hover{background: #f2d088;}
.menu-desk ul li ul li a{padding: 0 7px; text-transform: none; line-height: 30px;}
.menu-desk ul li ul{top: 100%; left: 0; transform: scale(1,0);}
.menu-desk ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu-desk ul li ul li ul{top: 0; left: 100%; transform: scale(0,1);}
.menu-desk ul li ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
#menu-mobile{opacity: 0;}
.menu-mobile{position: relative; float: left; width: 50px; height: 40px; text-align: center;}
.menu-mobile span{display: block; width: 33px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background: #fff;}
.menu-mobile span:after, .menu-mobile span:before{display: block; width: 33px; height: 3px; background: #fff; position: absolute; content: '';}
.menu-mobile span:after{bottom: -9px;}
.menu-mobile span:before{top: -9px;}
.menu-search{position: relative; float: right; width: 225px; height: 28px; margin: 3px 0; padding: 3px 5px 3px 15px; background: rgba(255,255,255,0.4); border-radius: 17px;}
.menu-search input[type='text']{float: left; width: calc(100% - 40px); height: 28px; background:#fff; border-radius: 5px; border: 0; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.25); text-indent: 10px;}
.menu-search input[type='submit']{float: left; width: 40px; height: 28px; background: url(/components/menu/s.png) center center no-repeat;}
@media (min-width: 320px){
    .menu-desk{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu-desk{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    
    .menu-desk ul > li > a{padding: 0 10px}
}
@media (min-width: 1170px){
    .menu-desk ul > li > a{padding: 0 20px}
}.setup-circle{margin-bottom: 30px;}
.setup-circle ul{list-style: none; font-size: 19px; text-transform: uppercase; text-align: center; text-shadow: 2px 2px 3px rgba(0,0,0,0.75);}
.setup-circle .st-circle{margin: 0 13px; border-radius: 50%; overflow: hidden;}
.setup-circle .st-des{font-size: 15px;padding: 10px;}
.setup-circle ul li a{position: relative; display: flex; align-items: center; justify-content: center; color: #fff;}
.setup-circle ul li a img{transform: scale3d(1.025,1.025,1.025); transition: all 0.5s ease 0s;}
.setup-circle ul li a:hover img{transform: scale3d(1,1,1);}
.setup-circle ul li a b{position: absolute; display: block; padding: 0 15px; z-index: 1; transition: all 0.25s ease 0s;}
.setup-circle ul li a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0,0,0,0.125); z-index: 0;}
.setup-banner{margin-bottom: 20px;}
.setup-slide{margin-bottom: 20px;}
.setup-slide-owl{position: relative;}
.setup-slide-owl:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; height: 124px; background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); z-index: 0;}
.setup-slide-info{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 0 0 20px 20px; z-index: 1;}
.setup-slide-group{margin-bottom: 7px;}
.setup-slide-group a{display: inline-block; background: #dcb069; padding: 2px 10px 3px 10px; border-radius: 3px; line-height: 20px; color: #fff; transition: all 0.25s ease 0s;}
.setup-slide-group a:hover{background: #fe72a3;}
.setup-slide-name{margin-bottom: 5px;}
.setup-slide-name a{display: block; font-size: 21px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); transition: all 0.25s ease 0s;}
.setup-slide-name a:hover{color: #dcb069;}
.setup-slide-more p{display: inline-block; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.setup-slide-more p:nth-child(1){margin-right: 10px;}
.setup-slide-more p i{margin-right: 5px;}
.setup-slide-more p a{display: block; color: #fff; transition: all 0.25s ease 0s;}
.setup-slide-more p a:hover{color: #dcb069;}
.setup-hot-title{font-size: 31px; line-height: 45px; margin-bottom: 10px;}
.setup-hot-item{margin-bottom: 20px;}
.setup-hot-img{float: left; margin-right: 10px;}
.setup-hot-name a{display: block; color: #dcb069; transition: all 0.25s ease 0s;}
.setup-hot-name a:hover{color: #fe72a3;}
.setup-group{margin-top: 20px;}
.setup-group-name{margin-bottom: 20px; border-bottom: 2px solid #f2d088;}
.setup-group-name a{display: inline-block; padding: 0 10px; background: #f2d088; font-family: OpenSansBold; font-size: 21px; line-height: 40px; color: #fff;}
.setup-group-list{margin-bottom: 20px;}
.setup-post-item{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #d7d7d7;}
.setup-post-img{float: left; margin-right: 10px;}
.setup-post-group{margin-bottom: 6px;}
.setup-post-group a{display: inline-block; background: #fe72a3; padding: 2px 10px 3px 10px; border-radius: 3px; line-height: 20px; color: #fff; transition: all 0.25s ease 0s;}
.setup-post-group a:hover{background: #dcb069;}
.setup-post-name{max-height: 66px; margin-bottom: 6px; overflow: hidden;}
.setup-post-name a{display: block; font-size: 17px; line-height: 22px; color: #333; transition: all 0.25s ease 0s;}
.setup-post-name a:hover{color: #fe72a3;}
.setup-post-more p{display: inline-block; color: #777;}
.setup-post-more p:nth-child(1){margin-right: 10px;}
.setup-post-more p i{margin-right: 5px;}
.setup-post-more p a{display: block; color: #777; transition: all 0.25s ease 0s;}
.setup-post-more p a:hover{color: #fe72a3;}
.setup-post-item:nth-child(1) .setup-post-img{float: none; margin: 0 0 12px;}
.setup-post-item:nth-child(1) .setup-post-name{max-height: none;}
.setup-post-item:nth-child(1) .setup-post-name a{font-size: 21px; line-height: 25px;}
.setup-post-item:nth-child(1) .setup-post-more{margin-bottom: 12px;}
.setup-post-item:nth-child(5){margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
@media (min-width:320px){
    .setup-hot-name{max-height: 88px; overflow: hidden;}
    .setup-hot-name a{font-size: 17px; line-height: 22px;}
    .setup-hot-prev{display: none;}
    .setup-circle ul li{box-sizing: border-box; width: 100%; }
}
@media (min-width:480px){
    .setup-hot-name{max-height: 50px; overflow: hidden;}
    .setup-hot-name a{font-size: 19px; line-height: 25px;}
    .setup-hot-prev{display: block; height: 40px; line-height: 20px; overflow: hidden;}
}
@media (min-width:767px){
    .setup-slide{float: left; width: calc(50% - 5px);}
    .setup-hot{float: right; width: calc(50% - 15px);}
    .setup-post-item{float: left; width: calc(50%);}
    .setup-post-item:nth-child(1){width: calc(50% - 41px); margin: 0 20px 20px 0; padding: 0 20px 0 0; border-right: 1px solid #d7d7d7; border-bottom: 0;}
    .setup-circle ul li{box-sizing: border-box; display: inline-block; width: calc(25% - 30px); }
}.stickytooltip{display: none; position: absolute; display: none; border: 1px solid #2a89cc !important; background: #fff; z-index: 3000; text-align: center;}
.stickytooltip img{max-width: 100%; height: auto;}
.stickytooltip .stickystatus{ background: black; color: white; padding: 5px; text-align: center; font: bold 11px Arial;}

.spa-price{display: block; position: absolute; top: 10px; right: 10px; width: 49px; padding: 12px 0 17px; background: url(/components/home.cosmetic/s.png) no-repeat center; font-family: OpenSansBold; font-size: 14px; text-align: center; line-height: 20px; color: #fff;}
.spa-head{margin-bottom: 30px; padding: 15px; background: #f9f9f9;}
.spa-preview h1{font-size: 19px; margin-bottom: 10px;}
.spa-preview p{line-height: 20px; color: #555; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.spa-preview ul{list-style: none;}
.spa-preview ul li{line-height: 20px; margin-bottom: 10px;}
.spa-preview ul li:nth-child(1) b{color: #ff0000;}
.spa-preview ul li:nth-child(2) span.open{color: #46a128;}
.spa-preview ul li:nth-child(2) span.close{color: #7f441c;}
.spa-preview ul li i{width: 20px; text-align: center;}
.spa-preview ul li:last-child{font-style: italic;}
.price_dl{text-decoration: line-through;}
.spa-content{margin-bottom: 20px;}

.spa-left ul{list-style: none; background: #f9f9f9;}
.spa-left ul li{box-sizing: border-box;}
.spa-left ul li a{position: relative; display: block; padding-left: 30px; font-size: 15px; line-height: 40px; color: #333;}
.spa-left ul li a:hover{background: #d7d7d7; color: #fe72a3;}
.spa-left ul li a.active{color: #fe72a3;}
.spa-left ul li a i,
.spa-left ul li a:after{position: absolute; top: 0; bottom: 0; left: 0; width: 30px; height: 40px; font-size: 15px; text-align: center; line-height: 40px;}
.spa-left ul li a:after{content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 0; left: inherit;}

.spa-service label{position: relative; float: left; display: block; margin-right: 10px; margin-bottom: 15px; cursor: pointer;}
.spa-service label img{margin-bottom: 3px;}
.spa-service label p{display: block; height: 45px; font-family: OpenSansBold; line-height: 20px; overflow: hidden;}
.spa-service label p:nth-child(2){text-transform: uppercase; color: #333;}
.spa-service label p:nth-child(3){color: #ff0000;}
.spa-service label p:nth-child(3) b{color: #777;}
.spa-service label span{position: absolute; right: 0; bottom: 0;}
.spa-service label input[type='checkbox']~span:before{content: ''; display: block; width: 18px; height: 18px; border: 1px solid #333;}
.spa-service label input[type='checkbox']:checked~span:before{content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 18px; border: 1px solid #fe72a3; color: #fe72a3;}
.spa-service input[type='submit']{display: block; margin: auto; background: #fe72a3; border-radius: 3px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.125);}
.spa-service input[type='submit']:hover{box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}

.spa-gallery a{position: relative; display: block; float: left; width: calc((100% - 30px)/4); margin-right: 10px; margin-bottom: 10px;}
.spa-gallery a:nth-child(4n){margin-right: 0;}
.spa-gallery a:after,
.spa-gallery a i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: all 0.25s ease 0s;}
.spa-gallery a:after{content: ''; z-index: 0;}
.spa-gallery a i{width: 30px; height: 30px;font-size: 20px; text-align: center; line-height: 30px; color: #fff; z-index: 1;}
.spa-gallery a:hover:after{background: rgba(0,0,0,0.25); opacity: 1;}
.spa-gallery a:hover i{text-shadow: 2px 2px 2px rgba(0,0,0,0.5); opacity: 1;}

.spa-rate{width: 150px; margin: 0 auto 20px;}
.spa-comment{position: relative;}
.spa-comment .likebtn{position: absolute; top: 7px; right: 10px; line-height: 8px;}

.jRatingAverage{background:url(/components/spa.detail/a.png) left top -28px;position:relative;top:0;left:0;z-index:10;height:100%;}
.jRatingColor{background:url(/components/spa.detail/a.png) left top -14px;position:relative;top:0;left:0;z-index:5;height:100%;}
.jStar{position:relative;left:0;z-index:3;}
p.jRatingInfos{position:absolute;z-index:9999;background:#da251d;color:#FFF;display:none;padding:3px 5px;margin-top: -40px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
p.jRatingInfos span.maxRate{color:#c9c9c9;font-size:14px;}

.jRating{margin: 5px auto 10px;}
.jRatingFrame{position:relative;text-align: left;}
.jRatingFrame .jRatingNote{font-size:12px;left:0;position:absolute;right:0;bottom:-45px;background-color:#d2f7ad;background-position:10px 11px;background-repeat:no-repeat;border:1px solid #cacbcd;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px rgba(255,255,255,0.4) inset;color:#444;line-height:20px;margin:5px auto;padding:5px;text-align:center;z-index: 200;width: calc(100% - 32px);}
.jRatingFrame .serverResponse{height:50px;color:#ec3237;font-size:50px;font-weight:100;line-height:50px;text-align:center;}

@media (min-width:320px){
    .spa-picture{margin-bottom: 10px;}
    .spa-left ul{margin-bottom: 20px}
    .spa-left ul li{float: left; width: calc(100% / 2)}
    .spa-left ul li a:after{display: none;}
    .spa-service label{width: calc((100% - 10px)/2);}
    .spa-service label:nth-child(2n){margin-right: 0;}
    .spa-tooltip{padding: 5px;width: 200px;}
}
@media (min-width:480px){
    .spa-left ul li{width: calc(100% / 4)}
    .spa-left ul li+li{border-left: 1px solid #d7d7d7;}
    .spa-rate{float: left;}
    .spa-comment{float: right; width: calc(100% - 150px);}
}
@media (min-width:580px){
    .spa-left ul li{width: calc(100% / 4)}
    .spa-service label{width: calc((100% - 20px)/3);}
    .spa-service label:nth-child(2n){margin-right: 10px;}
    .spa-service label:nth-child(3n){margin-right: 0;}
}
@media (min-width:767px){
    .spa-picture{float: left; width: 50%; margin-bottom: 0;}
    .spa-preview{float: right; width: calc(50% - 15px); padding-left: 15px;}
    .spa-left{float: left; width: 200px;}
    .spa-left ul{margin-bottom: 0}
    .spa-left ul li{float: none; width: auto;}
    .spa-left ul li+li{border-top: 2px solid #d7d7d7; border-left: 0;}
    .spa-left ul li a:after{display: block;}
    .spa-right{float: right; width: calc(100% - 220px);}
    .spa-tooltip{padding: 5px;width: 300px;}
}
@media (min-width:970px){
    .spa-left{width: 300px;}
    .spa-right{width: calc(100% - 330px);}
}
@media (min-width:1170px){
    .spa-service label{width: calc((100% - 30px)/4);}
    .spa-service label:nth-child(2n),
    .spa-service label:nth-child(3n){margin-right: 10px;}
    .spa-service label:nth-child(4n){margin-right: 0;}
    .spa-tooltip{padding: 5px;width: 350px;}
}.acc-left ul{list-style: none; border: 1px solid #e2e2e2; border-radius: 5px;}
.acc-left ul li{box-sizing: border-box; transition: all 0.25s ease 0s;}
.acc-left ul li:hover, .acc-left ul li.active{}
.acc-left ul li a{position: relative; display: block; font-family: OpenSansBold; color: #333; transition: all 0.25s ease 0s;}
.acc-left ul li a:hover{text-indent: 5px; color: #ebae51;}
.acc-left ul li.active a{color: #ebae51;}
.acc-left ul li a i{position: absolute;}
.acc-right{padding-bottom: 30px; border: 1px solid #e2e2e2; border-radius: 5px;}
.acc-title h1{padding-left: 15px; font-size: 22px; line-height: 45px; border-bottom: 1px solid #e2e2e2;}
@media (min-width:320px){
    .acc-left{margin-bottom: 20px;}
    .acc-right{padding-bottom: 20px;}
    .acc-title{margin-bottom: 20px;}
    .acc-left ul li a{padding: 0 10px; line-height: 35px;}
    .acc-left ul li a i{right: 10px; top: 12px;}
}
@media (min-width:580px){
    .acc-left ul li{float: left; width: calc(100%/3);}
    .acc-left ul li+li{border-left: 1px solid #e2e2e2;}
    .acc-left ul li a{line-height: 45px;}
    .acc-left ul li a i{top: 17px;}
}
@media (min-width:767px){
    .acc-left ul li a{font-size: 15px; padding: 0 15px;}
    .acc-left ul li a i{right: 15px;}
}
@media (min-width:970px){
    .acc-left ul li{float: none; width: auto;}
    .acc-left ul li+li{border-top: 1px solid #e2e2e2; border-left: 0;}
    .acc-left{float: left; width: 350px; margin-bottom: 30px;}
    .acc-right{float: right; width: calc(100% - 382px); padding-bottom: 30px;}
    .acc-title{margin-bottom: 30px;}
}.help-item{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #e2e2e2;}
.help-item:nth-last-child(3){margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.help-ask,
.help-answer{position: relative; padding-left: 30px; line-height: 20px;}
.help-answer{display: none;}
.help-ask i{width: 15px; height: 15px; margin-left: 10px; border: 1px solid #e2e2e2; font-size: 10px; text-align: center; line-height: 15px; color: #ebae51; cursor: pointer;}
.help-ask i:hover{color: #ebae51; transition: all 0.25s ease 0s;}
.help-ask:after,
.help-answer:after{font-family: HNBold; position: absolute; top: 0; left: 0;}
.help-ask:after{content: 'Q:';}
.help-answer:after{content: 'A:';}
@media (min-width:320px){
    .help{padding: 0 20px;}
}
@media (min-width:970px){
    .help{padding: 0 30px;}
}.login{}
.login-form{box-sizing: border-box; width: 404px; margin: auto; padding: 0 5px;}
.login-item{position: relative; width: 100%; margin-bottom: 15px;}
.login-item-password label{position: relative; display: inline-block; padding-left: 31px; cursor: pointer;}
.login-item-password label:after,
.login-item-password a:after{content: "\f00c"; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; height: 25px; margin: auto; border: 1px solid #e2e2e2; border-radius: 5px;
    font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 25px; color: #e2e2e2; transition: all 0.25s ease 0s;}
.login-item-password label:hover:after,
.login-item-password a:hover:after{color: #333; border: 1px solid #333;}
.login-item-password input[type='checkbox']{display: none;}
.login-item-password input[type='checkbox']:checked + label:after{color: #333; border: 1px solid #333;}
.login-item-password a{position: absolute; display: inline-block; top: 0; right: 0; color: #333; padding-right: 31px;}
.login-item-password a:after{content: "\f128"; right: 0; left: inherit;}
.login-item-register{margin-bottom: 0; text-align: center;}
.login-item-register a{color: #333; transition: all 0.25s ease 0s;}
.login-item-register a:hover{color: #ff0000;}
.login-error, .login-update{text-transform: uppercase; line-height: 21px; color: #fff; margin: 0 0 15px; padding: 7px 0 5px 15px;}
.login-error{background: rgba(255,0,0,0.5); border-left: 5px solid #ff0000;}
.login-update{background: rgba(0,128,0,0.5); border-left: 5px solid #008000;}.booked-title{font-family: HNBold; color: #ff0000; margin-bottom: 5px;}
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row;}
.table-row:hover{background: #f2f2f2;}
.table-row.table-head{font-family: HNBold; background: #f6f6f6; border-bottom: 3px solid #ebae51;}
.table-cell{border: 1px solid #e2e2e2; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}
.table-cell a{display: block; color: #ff0000;}
@media (min-width:320px){
    .booked{padding: 0 20px;}
    .table-tablet{display: none;}
}
@media (min-width:580px){
    .table-tablet{display: table-cell}
}
@media (min-width:970px){
    .booked{padding: 0 30px;}
}