a {
    transition: all .5s;
}

.vogue-form .form-control,
.vogue-form .custom-select {
    border: 1px solid #dedede;
}

.vogue-form .form-check label {
    color: #858585;
}

.forget_pwd {
    padding: 10px 0px;
    text-align: right;
}

.forget_pwd a {
    color: #050505;
    transition: all .5s;
    /* cursor: pointer; */
}

.forget_pwd a:hover {
    color: #B61056;
}

.n_ptb_50 {
    padding: 50px 0px;
}

.n_fleft {
    float: left;
}

.n_txt_color_gray {
    color: #676767;
    /* font-size: 18px; */

}

.n_txt_color_black {
    color: #000000;
}

.n_txt_bold {
    font-weight: bold;
}

.n_bgprofile_pink {
    width: 204px;
    height: 204px;
    background-color: #C6004E;
    border-radius: 50%;
    margin: 20px auto 50px;
    padding: 2px 0px 0 2px;
}

.n_bg_imgprofile {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    /* margin: 20px auto 50px; */
    background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.n_bg_imgprofile img {
    border-radius: 50%;
    width: 92%;
    margin: 7px;
}

.n_imgprofie_btn {
    background-color: #C6004E;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 17px;
    left: 50%;
    margin-left: 58px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    padding-top: 3px;
    border: 1px solid #C6004E;
}

a .n_imgprofie_btn {
    transition: all .5s;
}

a .n_imgprofie_btn:hover {
    color: #C6004E;
    background-color: #ffffff;
    border: 1px solid #C6004E;
}

a .n_btn_default {
    transition: all .5s;
    background-color: #787878;
    border: 1px solid #ffffff;
}

a .n_btn_default:hover {
    background-color: #C6004E;
    border: 1px solid #ffffff;
}

.n_editor_color {
    background-color: linear-gradient (to right, #FF382E 0%, #FF382E 20%, #FF8A84 80%, #FF8A84 100%);
}

.n_sub_left {
    background-color: #FF382E;
    color: #ffffff;
    padding: 50px;
}

.n_sub_right {
    background-color: #FF8A84;
    color: #ffffff;
    padding: 50px;
}

.n_txtsub {
    font-family: "MrEaves_VOGUE_TH_Bd";
    color: #ffffff;
    font-size: 34px;
    line-height: 34px;
    text-transform: uppercase;
}

.n_head_underline {
    margin: 20px 0px;
    width: 30px;
    height: 3px;
    background-color: #ffffff;
}

.n_bg_w {
    background-color: #ffffff;
}

.n_bg_g {
    background-color: #cacaca;
}

/* position  */
.n_pl_50 {
    padding-left: 50px;
}

.n_mb__17 {
    margin-bottom: -17px;
}

.n_tleft {
    text-align: left;
}

.n_pl_5 {
    padding: 0px 0px 0px 5px;
}

.n_p_breadcamp {
    padding: 0px 0px 20px 20px;
}

.n_ml__30 {
    margin-left: -30px;
}



/* radio poll */
input[type='radio'] {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 0 2px #C6004E;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

input[type='radio']:checked:before {
    background: #C6004E;
}

.role {
    margin-right: 80px;
    margin-left: 10px;
    font-weight: normal;
}

.checkbox label {
    margin-bottom: 20px !important;
}

.roles {
    margin-bottom: 40px;
}

/* more */
.n_cate_more {
    font-size: 9px;
    transition: all .5s;
    color: #999999;
    text-transform: uppercase;
}

.n_cate_more:hover {
    color: #C6004E;
}

.n_detail_more {
    font-size: 10px;
    transition: all .5s;
    color: #000000;
    text-transform: uppercase;
}

.n_detail_more:hover {
    color: #C6004E;
}

.n_detail_link {
    line-height: 12px;
}

.n_breadcamp_link {
    font-size: 14px;
    transition: all .5s;
    color: #000000;
    text-transform: uppercase;
}

.n_breadcamp_link:hover {
    color: #C6004E;
}

.n_bar_poll {
    height: 10px;
    margin: 5px 0px 20px 0px;
    width: 95%;
}

.n_bar_p1 {
    border-radius: 5px;
    background-color: #C6004E;
}

.n_bar_p2 {
    border-radius: 5px;
    background-color: #FF382E;
}

.n_bar_p3 {
    border-radius: 5px;
    background-color: #FF6E1C;
}

.n_bar_p4 {
    border-radius: 5px;
    background-color: #FF9E17;
}

.n_pull_right {
    margin-top: 25px;
}

.n_social_poll {
    border: 0px;
    background: none;
    color: #999999;
    font-size: 22px;
    padding: 20px 15px 20px 0px;
    transition: all .5s;
}

.n_social_poll:hover {
    color: #C6004E;
}

.n_img_result {
    width: 100%;
    padding: 30px 0px;
}

.n_img_result img {
    width: 100%;
}

.n_mcenter {
    margin: auto;
}

.n_tcenter {
    text-align: center;
}

.n_tright {
    text-align: right;
}

.n_fontset {
    font-family: "MrEaves_VOGUE_TH_Rg";
}

.n_tpink {
    color: #C6004E;
}
.n_poptitle{
    font-size: 30px;
    font-weight: bold;
}
.n_poptxt{
    font-size: 20px;
    color: #424242;
}
.n_btcancel{
    width: 130px !important;
    margin-right: 30px !important;
}
.n_btsubmit{
    width: 130px !important;
    /* margin-right: 30px !important; */
}
.form-control {
    border-radius: 0px !important;
}
.n_linetitle {
    border-bottom: 1px solid #999999 !important;
    padding: 0px 10px 13px 10px;
    margin-bottom: 19px;
    color: #424242;
}
.n_forgotpwd{
    font-size: 15px;
}
.n_forgotpwd a{
    font-size: 15px;
    color: #C6004E;
    transition: all .5s;
}
.n_forgotpwd a:hover{
    color: #999999;
}
.n_linkblack{
    color: #000000 !important;
    transition: all .5s !important;
}
.n_linkblack:hover{
    color: #999999 !important;
}
.modal-footer{
    border-top: none !important;
}
.modal-header{
    border-bottom: none !important;
}
.n_popup_close{
    width: 100px;
    border-radius: 0px;
    padding: 4px 10px;
    border: none;
}
.n_popup_submit{
    width: 100px;
    border-radius: 0px;
    padding: 4px 10px;
    border: none;
    background-color: #C6004E;;
}
.n_popup_submit:hover{
    background-color: #b6064b !important;
}
.n_modalpadding{
    padding: 10px 15%;
}
.cus-select-classic2 {
  background-image: linear-gradient(
  45deg, transparent 50%, #000000 50%), linear-gradient(
  135deg, #000000 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
  background-position: calc(100% - 20px) calc(1em + -4px), calc(100% - 15px) calc(1em + -4px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #000;
  font-size: 1.4rem;
}
.cus-input-classic2 {
  font-size: 1.4rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #000;
}
.btn-pink {
  background: #FF8A84;
  border: #FF8A84;
  color: #fff;
}
.btn-orange {
  background: #C6004E;
  border: #C6004E;
  color: #fff;
}
.border-2 {
  border-width: 2px;
}
/**
 * Gallery Styles
 * 1. Enable fluid images
 */
.gallery {
  overflow: hidden;
}

.gallery__hero {
  overflow: hidden;
  position: relative;
  padding: 2em;
  margin: 0 0 0.3333333333em;
  background: #fff;
}
.is-zoomed .gallery__hero {
  cursor: move;
}
.is-zoomed .gallery__hero img {
  max-width: none;
  position: absolute;
  z-index: 0;
  top: -50%;
  left: -50%;
}

.gallery__hero-enlarge {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 1;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6bS00OC4yNS0xMC43MWMtMTYuOTU0IDAtMzAuNzUzLTEzLjc5OC0zMC43NTMtMzAuNzUyIDAtMTYuOTY0IDEzLjgtMzAuNzY0IDMwLjc1My0zMC43NjQgMTYuOTY0IDAgMzAuNzUzIDEzLjggMzAuNzUzIDMwLjc2NCAwIDE2Ljk1NC0xMy43ODggMzAuNzUzLTMwLjc1MyAzMC43NTN6TTYzLjAzMiA0NS4zNTRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2MmgtOS4xNjR2OS4xNjRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2Mi0yLjM1NSAwLTQuMjYyLTEuOTE4LTQuMjYyLTQuMjYydi05LjE2NGgtOS4xNjRjLTIuMzU1IDAtNC4yNjItMS45MTgtNC4yNjItNC4yNjIgMC0yLjM1NSAxLjkwNy00LjI2MiA0LjI2Mi00LjI2Mmg5LjE2NHYtOS4xNzVjMC0yLjM0NCAxLjkwNy00LjI2MiA0LjI2Mi00LjI2MiAyLjM1NSAwIDQuMjYyIDEuOTE4IDQuMjYyIDQuMjYydjkuMTc1aDkuMTY0YzIuMzU1IDAgNC4yNjIgMS45MDcgNC4yNjIgNC4yNjJ6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__hero-enlarge:hover {
  opacity: 1;
}
.is-zoomed .gallery__hero-enlarge {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6TTE0LjU5IDQ1LjM1NGMwLTE2Ljk2NCAxMy44LTMwLjc2NCAzMC43NTMtMzAuNzY0IDE2Ljk2NCAwIDMwLjc1MyAxMy44IDMwLjc1MyAzMC43NjQgMCAxNi45NTQtMTMuNzkgMzAuNzUzLTMwLjc1MyAzMC43NTMtMTYuOTUzIDAtMzAuNzUzLTEzLjgtMzAuNzUzLTMwLjc1M3pNNTguNzcyIDQ5LjYxSDMxLjkyYy0yLjM1NSAwLTQuMjYzLTEuOTA3LTQuMjYzLTQuMjZzMS45MDgtNC4yNjMgNC4yNjItNC4yNjNINTguNzdjMi4zNTQgMCA0LjI2MiAxLjkwOCA0LjI2MiA0LjI2MnMtMS45MSA0LjI2LTQuMjYyIDQuMjZ6Ii8+PC9zdmc+);
}

.gallery__thumbs {
  text-align: center;
  background: #fff;
}
.gallery__thumbs a {
  display: inline-block;
  width: 20%;
  padding: 0.5em;
  opacity: 0.75;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__thumbs a:hover {
  opacity: 1;
}
.gallery__thumbs a.is-active {
  opacity: 0.2;
}
.style3 {
  margin: 30px 0;
  text-align: center;
}
.style3 h3 {
  position: relative;
  margin-bottom: 30px;
  font-family: "MrEaves_VOGUE_TH_Rg";
}
.style3 .box-img {
  padding: 0 0 20px;
}
.content_box .menu-category_top2 .head2 {
  font-size: 56px;
  line-height: 56px;
  font-family: "MillerBanner_Light";
  letter-spacing: -4px;
  color: #C6004E;
  margin: 0 0 20px;
}
.content_box .menu-category_top2 .head3 {
  font-size: 56px;
  line-height: 56px;
  font-family: "MillerBanner_Light";
  letter-spacing: -4px;
  color: #333333;
  margin: 0 0 20px;
}
.content_box .menu-category_top2 p {
  font-family: "thongtermlight";
}
.table-beautyclub table {
	 border: 1px solid #ccc;
	 border-collapse: collapse;
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 table-layout: fixed;
}
 .table-beautyclub table caption {
	 font-size: 1.5em;
	 margin: 0.5em 0 0.75em;
   caption-side: top;
}
 .table-beautyclub table tr {
	 background-color: #fff;
	 border: 1px solid #ddd;
	 padding: 0.35em;
}
 .table-beautyclub table th, .table-beautyclub table td {
	 padding: 0.625em;
	 text-align: center;
    font-size: 1.5em;
}
.table-beautyclub table th {
	 font-size: 1.5em;
	 letter-spacing: 0.1em;
	 text-transform: uppercase;
}
.table-beautyclub table td img {
	 width: 150px;
   margin: 0 auto;
}
.line-bt {
  border-bottom: 2px solid #ccc;
}
.owl-carousel .owl-nav {
    margin-top: 0;
}
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 30px;
    height: 60px;
    top: 33%;
    left: 30px;
}
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    width: 30px;
    height: 60px;
    top: 33%;
    right: 30px;
}
.owl-carousel svg {
    fill: none;
    stroke-width: 1px;
    stroke: #ffffff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
.modal-xl .close {
  font-size: 2.5rem;
  line-height: 0;
}
 @media screen and (max-width: 600px) {
	 .table-beautyclub table {
		 border: 0;
	}
	 .table-beautyclub table caption {
     font-size: 1.5em;

	}
	 .table-beautyclub table thead {
		 border: none;
		 clip: rect(0 0 0 0);
		 height: 1px;
		 margin: -1px;
		 overflow: hidden;
		 padding: 0;
		 position: absolute;
		 width: 1px;
	}
	 .table-beautyclub table tr {
		 border-bottom: 3px solid #ddd;
		 display: block;
		 margin-bottom: 0.625em;
	}
	 .table-beautyclub table td {
		 border-bottom: 1px solid #ddd;
		 display: block;
		 font-size: 1.2em;
		 text-align: right;
	}
	 .table-beautyclub table td::before {
		/* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label);
		 */
		 content: attr(data-label);
		 float: left;
		 font-weight: bold;
		 text-transform: uppercase;
	}
	 .table-beautyclub table td:last-child {
		 border-bottom: 0;
	}
  .role {
      margin-right: 0px;
      margin-left: 10px;
      font-weight: normal;
  }
}

@media screen and (max-width: 480px) {
  #header-mobile .login {
    margin: 15px;
  }
  .header-mobile .search-btn {
    margin: 15px;
  }
}