.mm-menu_offcanvas.mm-menu_opened{
display : block!important;
z-index: 2;
}

.no-padding{
  padding:0 !important;
}
.padding-top-0{
  padding-top:0!important;
}
.no-margin{
  margin:0 !important;
}
.margin-auto{
  margin:0 auto!important;
}
.width-100{
  width:100%;
}
.width-auto{
  width:auto !important;
}
.border-0{
  border:0!important;
}
.border-none{
  border:none!important;
}
.border-blue{
  border: 2px solid #d8f2ff;
}
.clear-both{
  clear: both;
}
.display-inline-block{
  display:inline-block !important;
}
.txt-Gallery{
  font-size: 48px;
  padding: 0;
  margin: 10px 0;
  color: #01a8e8;
}
.txt-blue{
  color:#01a8e8;
}
.txt-gray{
  color:#787878;
}
.txt-back{
  color:#333333;
}
.txt-red{
  color:red;
}
.ErrorLabel, .EditingFormErrorLabel {
  color: red;
}
iframe{
  max-width:100%;
  display: block;
  margin: auto;
}
.breadcrumb{
  text-transform: uppercase;
}
.hm {
  display: none;
  position: relative;
}
#share img{
  width:32px;
}
section.main-detail .product-search .box-commened .content-qa{
  padding:15px;
}
.box_top_comment{
  overflow: hidden;
}
section.main-detail .product-search .box-commened .content-qa .box_top_comment .txt-qa-title{
  margin:0;
}
.img_profile_comment{
  float: left;
  width: 80px;
  height: 80px;
}
.img_profile_comment img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.name_profile_comment{
  float:left;
  padding-left: 20px;
}
section.main-detail .product-search .box-commened .content-qa .box-commened-detail{
  overflow: hidden;
  margin: 15px 0 30px;
}
.search-box-container>button,
.search-box-container>input{
  height:100%;
}
.pad-left-0{
  padding-left:0;
}
.menu-bar .main-menu .txt-main-menu a, .shop-bar .main-menu .txt-main-menu a{
  font-family: "ThaiSans Neue Regular";
}
.menu-bar .main-menu .active a, .shop-bar .main-menu .active a{
  font-family: "ThaiSans Neue Bold";
}
.contorl-img-fix{
  display:inline-block;
  float:none;
  vertical-align: top;
}
.control-fix{
  display: flex;
  align-items: center;
}
.Block-Product-control{
  /* height: 370px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #d8f2ff;*/
}
.Block-Product-control img{
  /*max-height: 100%;
  max-width: unset;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%,-50%);*/
}
.Block-Product-control-default{
  /*height: 320px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #d8f2ff;*/
}
.Block-Product-control-default img{
  /*max-height: 100%;
  max-width: unset;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%,-50%);*/
}
.config-inline{
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-right: -6px;
}
.Content-wrapper .container,
footer .container{
  padding:0 60px;
}
section.products-detail .ratting-box{
  margin-top:15px;
}
section.main-detail .box-wrapper{
  text-align:left;
}
section.main-detail .box-wrapper img{
  display: block;
  max-width: 100%;
  height: auto !important;
  margin:auto;
}
.ratting-box .bottom-qa .rating .CntRatingResult{
  display:none;
}
.ratting-box .bottom-qa .count-view{
  position: relative;
  top: -3px;
}
.content-menufooter{
  /*display:none;*/
}
footer .accordion .item .heading{
  background-position: right 0px top 5px;
}
@media (max-width: 576px){
  .Block-Related .swiper-pagination{
    position: unset;
  }
  footer .sitemap ul{
    font-size:20px;
  }
}
@media (max-width: 767px){
  .config-inline{
    margin-right:0;
  }
  footer .sitemap ul li{
    line-height: 1;
    padding-bottom: 10px;
  }
  .box-footer-top .box-footer{
    display: inline-block;
    float: none;
    vertical-align: top;
    padding: 0 8px;
  }
}


/*# Font Face #*/
/*----------------------------------------------------------------*/

.title-txt {
  font-family: "ThaiSans Neue Light";
  font-size: 72px;
  text-align: center;
  color: #01a8e8;
  line-height: 1;
  padding:10px 0 30px;
}
.title-second-txt {
  font-size: 48px;
  font-family: "ThaiSans Neue Bold";
}
.title-content-hl-txt {
  font-size: 48px;
  color:#fff;
  line-height: 1;
  padding-bottom:15px;
}
.txt-hm{
  height:48px;
  overflow: hidden;
}
.txt-nm{
  height:45px;
  overflow: hidden;
}
.detail-content-hl-txt {
  font-size:24px;
  color:#fff;
  line-height: 1;
}
.treatments-related-txt{
  font-size:48px;
  font-family: "ThaiSans Neue Bold";
  color: #01a8e8;
  text-align: left;
  margin: 0 0 20px;
}
footer .sitemap .topic-site a{
  color: #a5a5a5;
}
footer .sitemap .topic-site a:hover{
  color: #01a8e8;
}


/*--====================================--*/
.font-ThaiSansRegular{
  font-family: "ThaiSans Neue Regular";
}
.font-ThaiSansLight{
  font-family: "ThaiSans Neue Light";
}
.font-ThaiSansBold , strong , b{
  font-family: "ThaiSans Neue Bold";
}
.font-ThaiSansSemBd{
  font-family: 'ThaiSans Neue SemBd';
}
.font-size-72{
  font-size:72px!important;
}
.font-size-60{
  font-size:60px!important;
}
.font-size-48{
  font-size:48px!important;
}
.font-size-40{
  font-size:40px!important;
}
.font-size-36{
  font-size:36px!important;
}
.font-size-32{
  font-size:32px!important;
}
.font-size-30{
  font-size:30px!important;
}
.font-size-28{
  font-size:28px!important;
}
.font-size-26{
  font-size:26px!important;
}
.font-size-24{
  font-size:24px!important;
}
.font-size-20{
  font-size:20px!important;
}
.font-size-18{
  font-size:18px!important;
}
.font-size-16{
  font-size:16px!important;
}
.font-size-14{
  font-size:14px!important;
}

@media (max-width: 1024px){
  .font-md-40{
    font-size:40px!important;
  }
}

@media (max-width: 992px){
  .font-sm-40{
    font-size:40px!important;
  }
  .font-sm-36{
    font-size:36px!important;
  }
  .font-sm-28{
    font-size:28px!important;
  }
  .font-sm-26{
    font-size:26px!important;
  }
  .font-sm-20{
    font-size:20px!important;
  }
}
@media (max-width: 767px){
  .font-xxs-48{
    font-size:48px!important;
  }
  .font-xxs-40{
    font-size:40px!important;
  }
  .font-xxs-36{
    font-size:36px!important;
  }
  .font-xxs-30{
    font-size:30px!important;
  }
  .font-xxs-24{
    font-size:24px!important;
  }
  .font-xxs-22{
    font-size:22px!important;
  }
  .font-xxs-20{
    font-size:20px!important;
  }
  .font-xxs-18{
    font-size:18px!important;
  }
  .font-xxs-14{
    font-size:14px!important;
  }
  .title-txt{
    font-size:60px;
    padding:10px 0 20px;
  }
}

/*--------------------------------End Font Face--------------------------------*/






/*# MenuTop #*/
/*----------------------------------------------------------------*/

header .menu-size .menu-top{
  overflow: hidden;
}
header .menu-size .menu-top ul li:last-child{
  display:none;
}


/*--------------------------------End MenuTop--------------------------------*/




/*#MainMenu#*/
/*----------------------------------------------------------------*/

.menu-bar .main-menu .txt-main-menu:last-child a{
  /*pointer-events: none;*/
}


/*--------------------------------End MainMenu--------------------------------*/




/*# MenuMobile #*/
/*----------------------------------------------------------------*/

@media (max-width: 1024px){
  .content-home .member-wrapper .point-wrapper .btn-s input[type=submit]{
    max-width:60%;
  }
}
@media (max-width: 767px){
  .content-home .member-wrapper .border-left-gl{
    border:none;
    padding: 10px 15px;
  }
  .content-home .member-wrapper .box-control-profile{
    overflow: hidden;
  }
  .control-ico-mmenu{
    text-align: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-bottom:10px;
  }
  .control-ico-mmenu img{
    width:25px;
    display:inline-block;
    vertical-align: top;
  }
  .control-ico-mmenu div{
    padding:0 10px;
    display:inline-block;
    color:#333;
  }
}
@media (max-width: 480px){
  .content-home .member-wrapper .point-wrapper .btn-s input[type=submit]{
    max-width:85%;
  }
}

/*--------------------------------End MenuMobile--------------------------------*/





/*# Modal #*/
/*----------------------------------------------------------------*/

.fade.in{
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-dialog{
  min-height: calc(100% - (1.75rem*2));
  display: flex;
  align-items: center;
  justify-content: center;
}
#FormResendEmail>.modal-dialog-centered,
#FormForgotPass>.modal-dialog-centered{
  max-width:950px;
  width:auto;
}
#p_lt_ctl05_pageplaceholder_p_lt_ctl04_LogonForm1_pnlUpdatePasswordRetrievalLink,
#p_lt_ctl05_pageplaceholder_p_lt_ctl04_RC_ActivationEmail_RequiredFieldValidator1{
  display:none;
}
.FormForgotPassword .form-horizontal .form-group .editing-form-label-cell:first-child{
  display:none;
}
#FormResendEmail .form-horizontal .form-group .editing-form-label-cell,
#FormForgotPass .form-horizontal .form-group .editing-form-label-cell{
  display:inline-block;
  width:20%;
  vertical-align: top;
  text-align: center;
  padding: 0 15px 15px;
}
.FormForgotPassword .search-box-container{
  height:auto;
}
.FormForgotPassword .form-horizontal .form-group .editing-form-value-cell{
  overflow: hidden;
  display: inline-block;
  padding: 0 15px 15px;
}
.FormForgotPassword .form-horizontal .form-group .editing-form-value-cell input{
  border: 1px solid #ccc;
  border-radius: 5px;
  color:#787878;
  width:300px;
  padding:3px 10px 6px;
}
#FormResendEmail input[type=submit],
#FormForgotPass .logon-password-retrieval-button{
  height: 40px;
  padding: 0;
}
#FormResendEmail .logon-password-retrieval-button:hover,
#FormForgotPass .logon-password-retrieval-button:hover{
  color:#000;
  background-color: #01a8e8;
}
#FormForgotPass .modal-body .search-box-container div{
  padding:0;
}
.FormForgotPassword h4,
#FormResendEmail h4{
  font-size: 40px;
  color: #01a8e8;
  line-height: 1;
}
#FormResendEmail .modal-header,
.FormForgotPassword .modal-header{
  padding: 15px;
}
#FormResendEmail input[type=email]{
  width: calc(100% - 15px);
  padding: 10px 20px!important;
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  border-radius: 28px;
  border-color: #40b9e3;
  font-size: 24px;
  height: 40px;
  border: 1px solid;
}
#FormResendEmail .form-group p{
  display:inline-block;
}
#FormResendEmail .form-group:first-child{
  display:inline-block;
  vertical-align: top;
  width:20%;
  text-align: center;
  padding: 0 15px 15px !important;
}
#FormResendEmail .form-group{
  display:inline-block;
  width:70%;
  overflow: hidden;
}
#FormResendEmail h3.modal-title{
  font-size:30px;
}
#FormResendEmail h5.modal-title{
  font-size:18px;
  color: #787878;
}

#modal-ThankYou .modal-body{
  
}

@media only screen and (max-width: 767px) {
  #FormResendEmail .form-group span{
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  #FormForgotPass .form-horizontal .form-group .editing-form-label-cell,
  #FormForgotPass .form-horizontal .form-group .editing-form-value-cell,
  #FormResendEmail .form-group:first-child,
  #FormResendEmail .form-group{
    display: block;
    width: 100%;
  }
  #FormForgotPass .form-horizontal .form-group .editing-form-value-cell input,
  #FormResendEmail input[type=email]{
    max-width:100%;
    width: 100%;
  }
  section.rc-club #FormForgotPass .logon-password-retrieval-button{
    margin:auto;
  }
}




.modal-title{
  text-align: left;
  line-height:1;
  color: #01a8e8;
  font-family: "ThaiSans Neue Bold";
}
.modal-body .title-txt-sub{
  padding:0;
  text-align: center;
}
.modal-body h1{
  margin:0;
}
.modal-body span{
  color: #787878;
}




/*--------------------------------End Modal--------------------------------*/




/*# AddThis #*/
/*----------------------------------------------------------------*/
#share.social-sect .at-share-btn-elements a{
  border-radius: 25px !important;
  width:auto;
}
/*-------------------------------- End AddThis --------------------------------*/



/*# About Company #*/
/*----------------------------------------------------------------*/

section.aboutus .aboutus-main{
  padding: 50px 0 0;
}
section.aboutus .fade.in{
  background-color:transparent;
}

@media (max-width: 767px){
  section.aboutus .aboutus-main{
    padding: 30px 0 0;
  }
}

/*-------------------------------- End About Company --------------------------------*/



/*# pager comment #*/
/*----------------------------------------------------------------*/

.box-commened .PagerControl .PagerResults{
  display:none;
}
.box-commened .PagerControl .PagerNumberArea{
  padding: 15px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  font-size: 1.6rem;
  margin: 0;
  width:100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 17%, white 83%, rgba(255, 255, 255, 0) 100%);
}
.box-commened .PagerControl .PagerNumberArea .SelectedPrev,
.box-commened .PagerControl .PagerNumberArea .UnselectedPrev,
.box-commened .PagerControl .PagerNumberArea .SelectedPage,
.box-commened .PagerControl .PagerNumberArea .UnselectedPage,
.box-commened .PagerControl .PagerNumberArea .SelectedNext,
.box-commened .PagerControl .PagerNumberArea .UnselectedNext{
  margin: 5px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  transition: all 170ms linear;
  padding:5px 10px;
}
.box-commened .PagerControl .PagerNumberArea .UnselectedPrev:hover,
.box-commened .PagerControl .PagerNumberArea .UnselectedNext:hover,
.box-commened .PagerControl .PagerNumberArea .UnselectedPage:hover{
  color: #fff;
  background-color: #01a8e8;
  transition: all 170ms linear;
}
.box-commened .PagerControl .PagerNumberArea .SelectedPage{
  color: #fff;
  background-color: #01a8e8;
}
.box-commened .qa-box-num{
  padding:0!important;
}



/*-------------------------------------------------------------------*/

.box-commened .warp-pagerNum .warp-pagerNum-desktop,
.box-commened .warp-pagerNum .warp-pagerNum-Mobile{
  padding: 15px;
  
  display: inline-block;
  text-align: center;
  background-size: cover;
  /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 17%, white 83%, rgba(255, 255, 255, 0) 100%);*/
}
.box-commened .warp-pagerNum{
  clear: both;
  text-align: center;
}
.box-commened .warp-pagerNum .qa-box-num-ar,
.box-commened .warp-pagerNum .txt-pagination{
  float:left;
}
.box-commened .warp-pagerNum .warp-pagerNum-desktop,
.box-commened .warp-pagerNum .warp-pagerNum-Mobile{
  width:auto;
}
.box-commened .warp-pagerNum .txt-pagination,
.box-commened .warp-pagerNum a{
  float: left;
  margin: 5px;
  border-radius: 4px;
  transition: all 170ms linear;
  padding: 0 10px;
  line-height: 30px!important;
  overflow: hidden;
  text-align: center!important;
  min-width: 30px!important;
  height: 30px!important;
  border-radius: 50%;
  /*font-size: 16px;*/
}
.box-commened .warp-pagerNum a:hover{
  text-decoration: underline;
}
.box-commened .warp-pagerNum .txt-pagination,
.box-commened .warp-pagerNum a:hover{
  transition: all 170ms linear;
  color: #fff;
  background-color: #01a8e8;
  text-decoration: none;
}
.box-commened .warp-pagerNum .qa-box-num-ar .BTN-pagerNum-PreviousPage{
  background: url(/App_Themes/Stylesheet/Images/Location/arrow-left-S.png) no-repeat center center;
}
.box-commened .warp-pagerNum .qa-box-num-ar .BTN-pagerNum-NextPage{
  background: url(/App_Themes/Stylesheet/Images/Location/arrow-right-S.png) no-repeat center center;
}
/*-------------------------------- End pager comment --------------------------------*/



/*# Member #*/
/*----------------------------------------------------------------*/
section.rc-club select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/App_Themes/Stylesheet/Images/down-arrow.png)!important;
  background-size: 15px 15px!important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding: 0 35px 0 15px;
  width: calc(100% - 15px);
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
}
section.rc-club .tab-content .tab-pane.BTNconfirmRCMember{
  display:block;
}
section.rc-club .wrap-Captcha-Member .wrap-imgSecurityCode {
  display: inline-block;
  float: left;
  width:40%;
}
section.rc-club .wrap-Captcha-Member table.CaptchaTable{
  clear: both;
}
section.rc-club .wrap-Captcha-Member table.CaptchaTable input{
  width: 100%;
  margin: 0 15px 15px 0;
  border: 1px solid #40b9e3;
  border-radius: 28px;
  overflow: hidden;
  font-size:24px;
}
section.rc-club .wrap-Captcha-Member .control-wrap-imgSecurity{
  padding:0 ;
  overflow: hidden;
  margin-bottom: 15px;
}
section.rc-club .search-block .search-box-container{
  height:100%;
  border-radius: 0;
}
section.rc-club .txt-nm{
  line-height:1;
  height:auto;
  padding: 10px 0;
}
.wrap-submitLogin{
  overflow: hidden;
  padding: 10px 0;
}
section.rc-club .tab-content .check-block .submit-box div:last-child {
  text-align:left;
  padding: 15px 0 0;
  line-height: 1;
  font-size: 18px;
}
section.rc-club .tab-content .search-block div:last-child{
  font-size: 18px;
}
@media (max-width: 767px){
  #FormResendEmail input[type=submit], #FormForgotPassword .logon-password-retrieval-button{
    margin:0 auto;
  }
  #FormResendEmail .modal-footer .submit-block{
    text-align:center;
    padding:0;
  }
}
/*--------------------------------End Member --------------------------------*/





/*# LogIn #*/
/*----------------------------------------------------------------*/
section.rc-club .form-horizontal .form-group {
  margin:10px 0;
}
section.rc-club .other-link{
  padding:20px 0;
}
section.rc-club .Login-wrapper{
  margin: 0 auto;
  padding: 2% 0;
  width: 100%;
  text-align: center;
}
section.rc-club .bg-login .btn{
  line-height:1;
}
section.rc-club .form-horizontal .form-group .editing-form-label-cell{
  display:none;
}
section.rc-club .form-horizontal .form-group .editing-form-value-cell input{
  width: calc(100% - 15px);
  padding: 10px 20px!important;
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  border-radius: 28px;
  border-color: #40b9e3;
  font-size: 24px;
  height: 40px;
  border: 1px solid;
}
section.rc-club .form-horizontal .form-group .editing-form-value-cell input::placeholder{
  color: #01a8e8;
}
section.rc-club .submit-block input.btn-info{
  /*font-size: 18px;
  line-height: 24px;*/
  padding: 10px 15px;
  margin: 0;
  width: 100%;
  max-width: 240px;
  color: #ffffff;
  background: #01a8e8;
  vertical-align: top;
  zoom: 1;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 25px;
  transition:.3s;
  font-size: 24px;
  line-height: 1;
}
section.rc-club .submit-block input.btn-info:hover{
  color:#000;
}
section.rc-club .logon-remember-me-checkbox{
  margin:0;
}
section.rc-club .logon-remember-me-checkbox label{
  /*font-size: 18px;*/
  text-align: left;
  padding-left: 30px;
}
.Login-wrapper input[type="checkbox"]:checked + label::after{
  color: #01a8e8;
  top:6px;
}
.other-link a:focus{
  outline: none;
  text-decoration: none;
}
.modal-dialog-centered {
  /*min-height: calc(100% - (1.75rem*2));*/
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}
.modal-content{
  width:100%;
}
.modal-header {
  position: relative;
}
.modal-header p {
  font-size:20px;
  margin:0;
}
.modal-header .close{
  position: absolute;
  top: 15px;
  right: 15px;
}

.wrap-otherlinklogin .modal-footer{
  border:none;
}
.wrap-otherlinklogin .modal-header{
  
}
.wrap-otherlinklogin .modal-body .txt-nm{
  padding: 0 0 10px;
}
#FormMemberPrivileges .modal-content{
  background-color: #ebf8fd;
}
#FormMemberPrivileges .modal-footer{
  text-align: center;
}
section.rc-club .ico-box p{
  /*display:inline-block;*/
}
.form-control-error,.error-label{
  color:red;
}
@media (min-width: 768px){
  .modal-dialog {
    margin: 15px auto;
  }
}
@media (max-width: 576px){
  section.rc-club .bg-login {
    padding: 15px;
    overflow: hidden;
  }
}
/*-------------------------------- End LogIn --------------------------------*/






/*# Forgot #*/
/*----------------------------------------------------------------*/
section.rc-club .wizard {
  margin: 20px auto;
  background: #fff;
  width: 75%;
}
section.rc-club .wizard > div.wizard-inner{
  position: relative;
  width: 100%;
  margin: 0 auto;
}
section.rc-club .connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 60%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}
section.rc-club .wizard .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
  border: none;
}
section.rc-club .wizard .nav-tabs > li {
  width: 33.33%;
}
section.rc-club .wizard li.active:after {
  content: " ";
  position: absolute;
  left: 46.5%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #5bc0de;
}
section.rc-club .wizard li:after {
  content: " ";
  position: absolute;
  left: 46.5%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}
section.rc-club .wizard .nav-tabs > li a{
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}
section.rc-club .wizard .nav-tabs > li.active > a, section.rc-club .wizard .nav-tabs > li.active > a:hover, section.rc-club .wizard .nav-tabs > li.active > a:focus{
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}
section.rc-club .wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #5bc0de;
}
section.rc-club span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}
section.rc-club .wizard li.active span.round-tab i {
  color: #5bc0de;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-pencil:before {
  content: "\270f";
}
section.rc-club .tab-content .help{
  display:block;
}
section.rc-club #FormForgotPass .logon-password-retrieval-result{
  color:red;
}
section.rc-club .tab-content .check-block .con-input .bullet-label label{
  height: auto;
}
section.rc-club #FormForgotPass .search-box-container *,
section.rc-club #FormResendEmail .search-box-container *{
  padding:0;
}
section.rc-club #FormForgotPass .logon-password-retrieval-button{
  height: 40px;
  margin-bottom: 15px;
  text-shadow:none;
}
section.rc-club #FormForgotPass .logon-password-retrieval-button:hover{
  color: #333;
  background: #01a8e8;
}
section.rc-club #FormForgotPass .logon-password-retrieval-link{
  display:none;
}
section.rc-club #FormForgotPass .form-horizontal .form-group .editing-form-label-cell:first-child {
  display: none;
}
section.rc-club #FormForgotPass .form-horizontal .form-group .editing-form-label-cell{
  display:block;
}

@media (max-width: 767px){
  section.rc-club .wizard{
    width: 100%;
  }
  section.rc-club .tab-content{
    padding: 0;
  }
  section.rc-club .tab-content .search-block .search-box-container{
    width: 100%;
  }
}


@media (max-width: 585px){
  section.rc-club span.round-tab{
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  section.rc-club .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  section.rc-club .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 42.5%;
  }
  section.rc-club .tab-content .check-block .con-input .half-bar{
    width: 100%
  }
}

/*-------------------------------- End Forgot --------------------------------*/


/*# Register #*/
/*----------------------------------------------------------------*/
section.rc-club .tab-content .search-block:nth-child(6)>.form-group>.help:nth-child(2){
  display:none;
}
section.rc-club .input-group{
  width: 100%;
}
section.rc-club .input-group .submit-block{
  width: 100%!important;
}
section.rc-club .input-file{
  display:none!important;
}
section.rc-club .input-file + label {
  height:auto;
  font-size:24px;
}
section.rc-club .label--file::before{
  display:none;
}
section.rc-club .input-group .submit-block .input-file__info{
  margin-top: 10px;
  display: inline-block;
}
section.rc-club .tab-content .check-block select{
  padding:0 20px!important;
}
section.rc-club .list-inline{
  width:100%;
  float:none;
}
section.rc-club .list-inline>li{
  display: inline;
}
@media only screen and (max-width: 767px) {
  section.rc-club .input-group .submit-block .input-file__info{
    text-align: center;
    display: block;
    margin-top: 15px;
  }
  section.rc-club .input-group .submit-block .label--file{
    display: block;
    margin:0 auto;
  }
}
/*-------------------------------- End Register --------------------------------*/






/*# MAIN BRANCHES #*/
/*----------------------------------------------------------------*/
section.branches .banner-size {
  width: 100%; }
section.branches .banner-size img {
  width: 100%; }
section.branches .contact-wrapper {
  margin: 0 auto;
  padding: 2% 15px; }
section.branches .contact-wrapper .img-topic {
  padding: 10px 0; }
section.branches .contact-wrapper .social-bar .ico-social-size {
  width: 40px; }
section.branches .contact-wrapper .social-bar .ico-social-size-mg {
  margin: 0 5px; }
section.branches .btn-txt-blue {
  max-width: 210px;
  border-radius: 25px;
  background-color: transparent;
  color: #01a8e8;
  border: 1px solid #01a8e8;
  padding:0;
  /*background: #fec486;
  background: -moz-linear-gradient(-45deg, #fec486 0%, #e69030 51%, #fec486 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #fec486), color-stop(51%, #e69030), color-stop(100%, #fec486));
  background: -webkit-linear-gradient(-45deg, #fec486 0%, #e69030 51%, #fec486 100%);
  background: -o-linear-gradient(-45deg, #fec486 0%, #e69030 51%, #fec486 100%);
  background: -ms-linear-gradient(-45deg, #fec486 0%, #e69030 51%, #fec486 100%);
  background: linear-gradient(135deg, #fec486 0%, #e69030 51%, #fec486 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec486', endColorstr='#fec486', GradientType=1 );*/ }
section.branches .btn-txt-blue:hover{
  background-color:#01a8e8;
  color:#fff;
}
section.branches .branches-main {
  padding: 50px 0; }
@media (max-width: 767px){
  section.branches .branches-main {
    padding: 30px 0; 
  }
  section.branches .popupMap .detail{
    padding:0;
  }
  section.branches .popupMap .detail .search{
    margin: 0 0 5px;
  }
}
section.branches .branches-head {
  color: #01a8e8;
  font-size: 50px;
  font-size: 5rem;
  line-height: 60px; }
@media only screen and (max-width: 480px) {
  section.branches .branches-head {
    padding: 10px 0;
    font-size: 35px;
    font-size: 3.5rem; } }
section.branches .branches-head2 {
  color: #01a8e8;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 36px; }
@media only screen and (max-width: 480px) {
  section.branches .branches-head2 {
    padding-bottom: 20px;
    font-size: 20px;
    font-size: 2rem; } }
section.branches .branches-map {
  padding: 30px 0; }
section.branches .boxmap {
  border: 2px solid #40b9e3;
  border-radius: 10px;
  overflow: hidden; }
section.branches .nav-pills > li {
  width: 50%;
  text-align: center; }
/*section.branches .social-sect {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
vertical-align: top;
zoom: 1; }*/
section.branches .social-sect a {
  width: 10%;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  /*padding-top: 10px;
  padding-right: 5px;*/ }
@media only screen and (max-width: 480px) {
  section.branches .social-sect a {
    width: 10%; } }
section.branches .branches-box {
  position: relative; }
section.branches .nav-pills > li + li {
  margin-left: 0; }
section.branches .nav-pills > li.tb1 a {
  -webkit-border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  -ms-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
section.branches .nav-pills > li.tb2 a {
  -webkit-border-radius: 0 6px 0 0;
  -moz-border-radius: 0 6px 0 0;
  -ms-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
section.branches .nav-pills > li.active > a {
  color: #5d5d5d;
  /*font-family: "sukhumvitset-bold";*/
  background-color: rgba(30, 178, 235, 0.18); }
section.branches .nav-pills > li.active > a:hover {
  background-color: rgba(30, 178, 235, 0.18); }
section.branches .nav-pills > li.active > a:focus {
  background-color: rgba(30, 178, 235, 0.18); }
section.branches .nav-pills > li a {
  line-height: 20px;
  color: #b0acac;
  padding: 15px 0px;
  border: 1px solid #40b9e3; }
section.branches .nav-pills > li h3 {
  width: max-content;
  margin: 0 auto;
  padding-bottom: 0;
}
@media only screen and (max-width: 480px) {
  section.branches .nav-pills > li h3 {
    font-size: 16px;
    font-size: 1.6rem; } }
@media only screen and (max-width: 320px) {
  section.branches .nav-pills > li h3 {
    font-size: 14px;
    font-size: 1.4rem; } }
section.branches .tab-content > .tab-pane {
  /* font-size: 18px;
  font-size: 1.8rem;*/
  line-height: 30px;
  color: #787878;
  background-color: transparent;
  padding: 30px 15px 20px;}
@media only screen and (max-width: 320px) {
  section.branches .tab-content > .tab-pane {
    font-size: 16px;
    font-size: 1.6rem; } }
section.branches .tab-content > .tab-pane ul {
  margin-left: 40px;
  margin-bottom: 0;
  padding:0; 
  padding-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  section.branches .tab-content > .tab-pane ul {
    margin-left: 30px; } }
section.branches .tab-content > .tab-pane ul li a {
  color: #787878;
  font-size:20px;}
section.branches .tab-content > .tab-pane ul li a:hover {
  color: #ff80ad; }
section.branches .branches-boxmap-footer {
  background-color: #01a8e8;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 10px; }
section.branches .silde-size {
  width: 100%;
  height: 310px; }
section.branches .branchesdetail-head {
  font-size: 36px;
  line-height:1;
  color: #01a8e8;
  margin: 0 0 15px; }
section.branches .branchesdetail-txt {
  padding-bottom: 15px;
}
section.branches .branchesdetail-btn {
  padding: 0 15px 30px;}
section.branches .branchesdetail-txt-l {
  /*font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;*/
  color: #a5a5a5;
  line-height:1;}
section.branches .branchesdetail-txt-l2 {
  /*font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;*/
  color: #a5a5a5;
  margin: 10px 0; }
section.branches .branchesdetail-txt-r {
  /*font-size: 18px;
  font-size: 1.8rem;*/
  line-height: 1; 
}
section.branches .branchesdetail-box-container {
  display: inline-block;
  box-sizing: content-box;
  width: 100%;
  max-width: 300px;
  text-align: center;
  height: 40px;
  padding: 0 20px;
  background-color: #ffffff;
  border: 1px solid #01a8e8;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden; }

.branches-headtb{
  background-image: url(/App_Themes/Stylesheet/Images/Branches/branches-head-tb.png);
}

section.branches .branches-headtb tbody tr td{
  border:1px solid #fff;
  
}
section.branches .branches-headtb thead {
  /*background-image: url(/App_Themes/Stylesheet/Images/Branches/branches-head-tb.png);*/
  border: 1px solid #fff;
}
section.branches .branches-headtb thead tr td {
  font-size: 28px;
  color: #ffffff;
  padding: 20px;
  height: 93px; }
section.branches .branches-headtb tbody tr td.lightblue1 {
  padding: 20px;
  vertical-align: top;
  background: #adeefd;
  border-bottom: solid 1px #ffffff; }
section.branches .branches-headtb tbody tr td.lightblue1 a {
  color: #787878; }
section.branches .branches-headtb tbody tr td.lightblue1 a:hover {
  color: #01a8e8; }
section.branches .branches-headtb tbody tr td.lightblue2 {
  /*font-size: 16px;
  font-size: 1.6rem;
  /*line-height: 26px;*/
  padding: 20px;
  vertical-align: top;
  background: #d1f0fc;
  border-bottom: solid 1px #ffffff; }
section.branches .branches-headtb tbody tr td.lightblue2 a {
  color: #787878; }
section.branches .branches-headtb tbody tr td.lightblue2 a:hover {
  color: #01a8e8; }
@media screen and (max-width: 479px) {
  section.branches {
    /* 0px - 479px */ }
  section.branches .flip thead {
    /*display: none;*/
    /* ตัดหัวข้อของแต่ละคอลัมน์ออกไป */ }
  section.branches .flip td {
    display: block;
    /* กำหนดให้ td เรียงต่อๆ กันในแนวตั้ง */ }
  section.branches .flip td:before {
    display: inline-block;
    width: 50%;
    content: attr(data-column);
    /* สร้างหัวข้อโดยเอาข้อมูลมาจาก data-column ของ td นั้นๆ */
    font-weight: bold; } }
section.branches .map-container {
  /*padding: 50px 0;*/
  display: inline-block; }
@media only screen and (max-width: 576px) {
  section.branches .map-container.img-Maps {
    display: none; 
  } 
}
section.branches .map-container ul#map-bkk {
  list-style: none;
  background: url(/App_Themes/Stylesheet/Images/Branches/bg-map02.png) no-repeat 0 0;
  position: relative;
  width: 580px;
  height: 550px;
  margin: 0 auto;
  padding: 0;
  background-position: top; }
section.branches .map-container ul#map-bkk li {
  position: absolute; }
section.branches .map-container ul#map-bkk li a:hover,
section.branches .map-container ul#map-bkk li a.active{
  background: url(/App_Themes/Stylesheet/Images/Branches/bg-map.png) no-repeat 0 0;
  width: 100%;
  transition: 0s; }
section.branches .map-container .northamerica {
  width: 227px;
  height: 142px;
  top: 2px;
  left: 105px; }
section.branches .map-container .southamerica {
  width: 140px;
  height: 190px;
  bottom: 30px;
  left: 170px; }
section.branches .map-container .africa {
  width: 130px;
  height: 230px;
  top: 110px;
  left: 165px; }
section.branches .map-container .europe {
  width: 100px;
  height: 50px;
  top: 205px;
  left: 210px; }
section.branches .map-container .asia {
  width: 205px;
  height: 170px;
  top: 64px;
  left: 258px; }
section.branches .map-container .australia {
  width: 114px;
  height: 110px;
  top: 205px;
  left: 265px; }
section.branches .map-container ul#map-bkk li a {
  display: block;
  outline: none;
  height: 100%; }
section.branches .map-container ul#map-bkk li.northamerica a:hover,
section.branches .map-container ul#map-bkk li.northamerica a.active{
  background-position: -34px -566px; }
section.branches .map-container ul#map-bkk li.southamerica a:hover,
section.branches .map-container ul#map-bkk li.southamerica a.active{
  background-position: -74px -1471px; }
section.branches .map-container ul#map-bkk li.africa a:hover,
section.branches .map-container ul#map-bkk li.africa a.active{
  background-position: -79px -904px; }
section.branches .map-container ul#map-bkk li.europe a:hover,
section.branches .map-container ul#map-bkk li.europe a.active{
  background-position: -101px -1172px; }
section.branches .map-container ul#map-bkk li.asia a:hover,
section.branches .map-container ul#map-bkk li.asia a.active{
  background-position: -52px -712px; }
section.branches .map-container ul#map-bkk li.australia a:hover,
section.branches .map-container ul#map-bkk li.australia a.active{
  background-position: -106px -1285px; }
section.branches .map-container ul#map-bkk li a span {
  display: none;
  font-size:20px;}
section.branches .map-container ul#map-bkk li a:hover span,
section.branches .map-container ul#map-bkk li a.active span{
  display: block;
  padding: 10px;
  max-width: 175px;
  width: 175px;
  border-radius: 5px;
  text-align: center;
  background: rgba(249, 225, 237, 0.67);
  position: relative;
  top: 0;
  left: -20%;
  opacity: 1;
  filter: alpha(opacity=75);
  color: #0090cf; }
section.branches .map-container ul#map-bkk li.right a:hover span::after,
section.branches .map-container ul#map-bkk li.right a.active span::after{
  content: "";
  position: absolute;
  margin-top: -6px;
  margin-left: -5px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid rgba(249, 225, 237, 0.67);
  transform: rotate(-90deg);
  left: -13px;
  top: 21px; }
section.branches .map-container ul#map-bkk li.left a:hover span::after,
section.branches .map-container ul#map-bkk li.left a.active span::after{
  content: "";
  position: absolute;
  margin-top: -6px;
  margin-left: -5px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid rgba(249, 225, 237, 0.67);
  transform: rotate(90deg);
  right: -18px;
  top: 21px; }
section.branches .map-container ul#map-bkk li.northamerica a:hover span,
section.branches .map-container ul#map-bkk li.northamerica a.active span{
  top: 30%;
  left: -40%; }
section.branches .map-container ul#map-bkk li.southamerica a:hover span,
section.branches .map-container ul#map-bkk li.southamerica a.active span{
  top: 40%;
  left: -100%; }
section.branches .map-container ul#map-bkk li.africa a:hover span,
section.branches .map-container ul#map-bkk li.africa a.active span{
  top: 15%;
  left: -110%; }
section.branches .map-container ul#map-bkk li.asia a:hover span,
section.branches .map-container ul#map-bkk li.asia a.active span{
  top: 65px;
  left: 66%; }
section.branches .map-container ul#map-bkk li.australia a:hover span,
section.branches .map-container ul#map-bkk li.australia a.active span{
  top: 15%;
  left: 45%; }
section.branches .map-container ul#map-bkk li.europe a:hover span,
section.branches .map-container ul#map-bkk li.europe a.active span{
  top: 0%;
  left: -151%; }
section.branches .map-container ul#map-bkk li a:hover span strong,
section.branches .map-container ul#map-bkk li.europe a:hover span strong {
  display: block;
  margin-bottom: 2px;
  text-decoration: none;
  outline: none;}
.tab-content .tab-pane{
  display: none;
}
.tab-content .tab-pane.active{
  display: block;
}
section.branches .tab-pane h3{
  margin:0;
  font-family: "ThaiSans Neue Bold";
}
section.branches .table-boxmap,
section.branches .map-container.img-Maps{
  padding-top: 50px;
}
/*-------------------------------- End MAIN BRANCHES --------------------------------*/




/*# DETAIL BRANCHES #*/
/*----------------------------------------------------------------*/
.swiper-container {
  width: 100%;
  /*height: 310px;*/
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.wrapper-btn-map{
  display:inline;
}
.gallery-top {
  height: 75%;
  width: 100%;
}
.gallery-thumbs {
  /*height: 25%;*/
  height:35%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.gallery-top img{
  width:100%;
}
.branche-Map {
  padding: 40px;
  background-color: #adeefd;
  border: 5px solid #fff;
}
.btn-branches-contact{
  width: 100%;
  max-width: 300px !important;
  border: 1px solid #01a8e8;
  border-radius: 25px;
}
.branche-Map .close{
  opacity: 1;
  position: absolute;
  top: -20px;
  right: -25px;
  width: 57px;
  height: 56px;  
}
section.branches .swiper-button-next.swiper-button-white{
  right: 5px;
}
section.branches .swiper-button-prev.swiper-button-white{
  left: 5px;
}
section.branches p.note{
  margin:10px 0;
  color: #333;
}
.Branches-for .slick-prev{
  left: 15px;
  z-index:1;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.Branches-for .slick-next{
  right: 15px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.Branches-nav{
  padding:10px 0;
}
section.branches .slick-track{
  margin-left: 0;
  margin-right: 0;
}


@media only screen and (max-width: 767px) {
  section.branches .branches-main .silde-size .gallery-top img {
    margin:0 auto;
  }
  section.branches .social-sect{
    display:block;
  }
  section.branches .branchesdetail-btn{
    text-align: center;
  }
  section.branches .table-boxmap{
    padding-top:0;
  }
  .branche-Map{
    padding:15px;
  }
  .btn-branches-contact{
    max-width: unset !important;
  }
  section.branches .recommend{
    /*padding:0;*/
  }
  section.branches .wrapper-btn-map{
    padding-top: 30px;
  }
  section.branches .branchesdetail-txt-l{
    line-height: normal;
  }
  section.branches .silde-size{
    height:auto;
  }
  section.branches .branches-headtb{
    /*width:800px;*/
  }
  .wrap-branches{
    /*overflow: auto;*/
  }
  section.branches .branches-headtb thead tr td{
    padding:3px;
    font-size: 16px;
    text-align: center;
    height: 50px;
  }
  section.branches .branches-headtb tbody tr td.lightblue1,
  section.branches .branches-headtb tbody tr td.lightblue2,
  section.branches .branches-headtb tbody tr td{
    padding: 5px;
    font-size:14px;
  }
  section.branches .branches-headtb tbody tr td:nth-child(3),
  section.branches .branches-headtb tbody tr td:first-child{
    text-align: center;  }
}
/*-------------------------------- End DETAIL BRANCHES --------------------------------*/
@media only screen and (max-width: 576px) {
  section.branches .wrapper-btn-map{
    display: block;
    margin: auto;
    padding-top: 15px;
  }
  section.branches .wrapper-btn-map+.wrapper-btn-map{
    padding-top: 30px;
  }
}


/*# Highlight #*/
/*----------------------------------------------------------------*/
section.Highlight-detail .banner-size{
  margin:0 auto;
}

/*-------------------------------- End Highlight --------------------------------*/






/*# Home > Poll #*/
/*----------------------------------------------------------------*/
.quiz-wrapper input[type="checkbox"]:checked + label::after{
  color: #fff;
  line-height:1;
  border-radius:20%;
}
.quiz-wrapper input[type="radio"]:checked + label::after{
  color: #fff;
}
.quiz-wrapper-bg{
  position: relative;
  background-color: rgba(100, 178, 208, 0.9);
  overflow: hidden;
}
.content-home .quiz-wrapper .quiz-poll{
  padding:15px 30px;
}




@media (max-width: 768px){
  .box-quiz{
    padding:0;
  }
}
@media (max-width: 767px){
  .quiz-wrapper-bg{
    background-color: rgba(100, 178, 208, 0.9);
  }
  .content-home .quiz-wrapper .bg-quiz{
    /*background-color: rgba(100, 178, 208, 0.9);*/
  }
  .content-home .quiz-wrapper .quiz-poll {
    padding: 30px;
  }  
  .quiz-wrapper-Image img{
    height:auto!important;
    width:100%!important;
  }
}
/*-------------------------------- End Home > Poll --------------------------------*/


/*# Home QA #*/
/*----------------------------------------------------------------*/

.content-home .question .content-qa2 {
  padding: 30px 15px;
  margin: 5px 0;
  width: 100%;
  background: #beebfe;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  text-align: left;
}
.content-home .question a:nth-child(even) .content-qa2{
  background-color: #def8ff;
}
.content-home .question .content-qa2:hover,.content-home .question a:nth-child(even) .content-qa2:hover{
  background-color: #00a8e8;
}
.content-home .question .content-qa2:hover .txt-qa-detail,.content-home .question a:nth-child(even) .content-qa2:hover .txt-qa-detail{
  color: #fff;
}
.content-home .question a:nth-child(even) .content-qa2 .txt-qa-detail{
  color: #787878;
  padding: 5px 0;
}
.content-home .question .content-qa2 .txt-qa-detail{
  color: #787878;
  padding: 5px 0;
}
.content-home .question .content-qa2 .bottom-qa{
  padding: 5px 0;
}

@media (max-width: 768px){
  .content-home .question .content-qa2 .ctn-ico{
    padding: 0;
  }
}

/*-------------------------------- End Home QA --------------------------------*/



/*# Contact #*/
/*----------------------------------------------------------------*/
section._contactus {
  /* :checked */ }
section._contactus .search-block::before {
  content: "";
  color: #e60000; }
section._contactus input[type=radio] + label::after {
  content: " ";
  top: .25em;
  left: .25em;
  width: .5em;
  height: .5em;
  background: #01a8e8;
  border: .2em solid transparent;
  border-radius: 50%; }
section._contactus input[type="checkbox"]:checked + label::before,
section._contactus input[type="radio"]:checked + label::before {
  background: transparent;
  border-color: #01a8e8; }
section._contactus .popular {
  padding: 30px 15px; }
section._contactus .banner-size {
  width: 100%; }
section._contactus .banner-size img {
  width: 100%; }
section._contactus .contact-wrapper {
  margin: 0 auto;
  padding: 2% 15px; }
section._contactus .contact-wrapper .img-topic {
  padding: 10px 0; }
section._contactus .contact-wrapper .social-bar .ico-social-size {
  width: 40px; }
section._contactus .contact-wrapper .social-bar .ico-social-size-mg {
  margin: 0 5px; }
section._contactus .title-txt {
  /*line-height: 1.5;*/ }
section._contactus .title-txt h2 {
  margin-top: 0;
}
.wrap-FormContact .InfoLabel{
  font-size: 30px;
  color: red;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  section._contactus .title-txt h2 {
    font-size: 22px;
    font-size: 2.2rem; } }
section._contactus .qa-main {
  padding: 30px 0; }
section._contactus .qa-main .qa-box-search {
  padding: 60px 0 30px;
  margin: 0 auto;
  text-align: center; }
@media only screen and (max-width: 480px) {
  section._contactus .qa-main .qa-box-search {
    padding: 30px 0 30px; } }
section._contactus .qa-main .search-box-container {
  font-size: 20px;
  font-size: 2rem;
  width: 50%;
  border: 1px solid #e2e2e2;
  margin: 25px auto; }
@media only screen and (max-width: 480px) {
  section._contactus .qa-main .search-box-container {
    width: 80%; } }
section._contactus .qa-main .submit {
  background-color: #fff; }
section._contactus .qa-main .submit .fa {
  color: #01a8e8; }
section._contactus .qa-main .search-box {
  width: calc(100% - 50px);
  padding: 0 20px;
  float: left;
  color: #23527c;
  background-color: #fff;
  box-shadow: none; }
section._contactus .qa-main .search-box.placeholder {
  color: #01a8e8; }
section._contactus .qa-main .search-box:-moz-placeholder {
  color: #01a8e8; }
section._contactus .qa-main .search-box::-moz-placeholder {
  color: #01a8e8; }
section._contactus .qa-main .search-box:-ms-input-placeholder {
  color: #01a8e8; }
section._contactus .qa-main .search-box::-webkit-input-placeholder {
  color: #01a8e8; }
section._contactus .qa-main .qa-box-num {
  text-align: left;
  padding: 0 20px; }
section._contactus .qa-main .qa-box-num .qa-box-num-l {
  text-align: center;
  margin: 0 auto;
  width: 50%; }
@media only screen and (max-width: 480px) {
  section._contactus .qa-main .qa-box-num .qa-box-num-l {
    width: 100%; } }
section._contactus .qa-main .qa-box-num .qa-box-num-ar {
  float: left;
  padding: 0 10px; }
section._contactus .qa-main .qa-box-num .qa-box-num-txt {
  float: left;
  padding: 8px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px; }
section._contactus .qa-main .qa-box-num .qa-box-num-txtbox {
  float: left;
  padding: 0 10px; }
section._contactus .qa-main .qa-box-num .qa-box-num-txtbox input {
  padding: 5px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  color: #787878;
  border: 2px solid #CCC;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  max-width: 65px;
  text-align: center; }
section._contactus .qa-main .qa-box-num a .qa-box-num-btn {
  float: left;
  background: #f95a96;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  padding: 5px; }
section._contactus .qa-main .btn-send-quest {
  color: #ffffff;
  border: 1px solid #ffffff;
  display: -moz-inline-stack;
  float: right;
  padding: 5px 10px;
  text-align: center;
  max-width: 240px;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
  margin: 10px 0 0; }
section._contactus .qa-main .btn-send-quest2 {
  color: #01a8e8;
  border: 1px solid #01a8e8;
  display: -moz-inline-stack;
  float: right;
  padding: 5px 10px;
  margin: 5px 0;
  text-align: center;
  max-width: 210px;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  font-family: "sukhumvitset-bold";
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer; }
@media only screen and (max-width: 480px) {
  section._contactus .qa-main .btn-send-quest2 {
    float: right;
    margin: 10px; } }
section._contactus .qa-main .btn-send-quest3 {
  color: #01a8e8;
  border: 1px solid #01a8e8;
  display: -moz-inline-stack;
  float: right;
  padding: 5px 10px;
  text-align: center;
  max-width: 240px;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-family: "sukhumvitset-bold";
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer; }
section._contactus .qa-main .sizebtn-main-qa {
  text-align: center; }
section._contactus .qa-main .size-btn-ss {
  padding: 0 30px; }
section._contactus .qa-main .size-btn-ss .size-aq-share {
  float: left; }
section._contactus .qa-box-recommened {
  background: #01a8e8;
  padding: 30px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px; }
@media only screen and (max-width: 480px) {
  section._contactus .qa-box-recommened {
    padding: 30px 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; } }
section._contactus .qa-box-recommened .txt-qa-title {
  color: #787878;
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  min-height: 52px;
  margin: 0 0 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }
@media only screen and (max-width: 603px) {
  section._contactus .content-qa .ctn-ico {
    padding: 0; } }
section._contactus .content-qa .ctn-ico img {
  width: 100%; }
section._contactus .qa-box-recommened .content-qa {
  background: #ffffff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 30px 15px;
  margin: 5px 0;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1; }
section._contactus .qa-box-recommened .content-qa .qa-ico-arrow {
  text-align: center;
  padding: 30px 0; }
@media only screen and (max-width: 767px) {
  section._contactus .qa-box-recommened .content-qa .qa-ico-arrow {
    display: none; } }
section._contactus .qa-box-recommened-detail .txt-qa-detail {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #a5a5a5;
  padding: 5px 0;
  color: #787878; }
section._contactus .qa-box-recommened-detail .txt-qa-detail span {
  padding: 0 10px; }
section._contactus .qa-box-recommened-detail .bottom-qa {
  float: left; }
section._contactus .qa-box-recommened-detail .bottom-qa div {
  float: left; }
section._contactus .qa-box-recommened-detail .bottom-qa .rating {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  font-size: 2rem; }
section._contactus .qa-box-recommened-detail .bottom-qa .rating span {
  color: #c6e9f6; }
section._contactus .qa-box-recommened-detail .bottom-qa .rating .checked {
  color: #ffdd50; }
section._contactus .qa-box-recommened-detail .bottom-qa .count-view {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #a5a5a5;
  padding: 5px 10px; }
section._contactus .qa-box-recommened-detail .bottom-qa .countviews {
  margin: 5px 0 0; }
section._contactus .qa-box-recommened2 {
  padding: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
@media only screen and (max-width: 767px) {
  section._contactus .qa-box-recommened2 {
    padding: 15px 0; } }
section._contactus .qa-box-recommened2 .txt-qa-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  min-height: 52px;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }
section._contactus .qa-box-recommened2 .txt-qa-answer {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  margin: 0 0 20px; }
section._contactus .qa-box-recommened2 .txt-qa-title2 {
  text-align: center;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 42px;
  color: #01a8e8;
  padding: 10px 0 20px; }
section._contactus .qa-box-recommened2 .content-qa {
  background: #def8ff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  padding: 30px 15px;
  margin: 5px 0;
  color: #787878;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1; }
section._contactus .qa-box-recommened2 .content-qa .qa-ico-arrow {
  text-align: center;
  padding: 30px 0; }
section._contactus .qa-box-recommened2 .content-qa2, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa {
  padding: 30px 15px;
  margin: 5px 0;
  background: #beebfe;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1; }
@media only screen and (max-width: 603px) {
  section._contactus .qa-box-recommened2 .content-qa2 .ctn-ico, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .ctn-ico, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .ctn-ico {
    padding: 0; } }
section._contactus .qa-box-recommened2 .content-qa2 .ctn-ico img, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .ctn-ico img, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .ctn-ico img {
  width: 100%; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-ico-arrow, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-ico-arrow, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-ico-arrow {
  text-align: center;
  padding: 30px 0; }
section._contactus .qa-box-recommened2 .content-qa2 .txt-qa-title, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .txt-qa-title, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .txt-qa-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  min-height: 52px;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #787878; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .txt-qa-detail, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .txt-qa-detail, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .txt-qa-detail {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #787878;
  padding: 5px 0; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .txt-qa-detail span, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .txt-qa-detail span, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .txt-qa-detail span {
  padding: 0 10px; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa {
  float: left; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa div, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa div, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa div {
  float: left; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .rating, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .rating, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .rating {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  font-size: 2rem; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .rating span, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .rating span, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .rating span {
  color: #c6e9f6; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .rating .checked, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .rating .checked, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .rating .checked {
  color: #ffdd50; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .count-view, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .count-view, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .count-view {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #787878;
  padding: 5px 10px; }
section._contactus .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .countviews, section._contactus .qa-box-recommened2 section.careers .careers-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .countviews, section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 .content-qa .qa-box-recommened-detail .bottom-qa .countviews {
  margin: 5px 0 0;
  color: #787878; }
section._contactus .qa-box-recommened2 .bgqa {
  background: #ffffff;
  border: 1px solid #ddd; }
section._contactus .qa-box-recommened2 a .content-qa:hover,
section._contactus .qa-box-recommened2 a .content-qa2:hover,
section._contactus .qa-box-recommened2 a section.careers .careers-box-recommened2 .content-qa:hover,
section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 a .content-qa:hover {
  background-color: #00a8e8; }
section._contactus .qa-box-recommened2 a .content-qa:hover .txt-qa-title,
section._contactus .qa-box-recommened2 a .content-qa2:hover .txt-qa-title,
section._contactus .qa-box-recommened2 a section.careers .careers-box-recommened2 .content-qa:hover .txt-qa-title,
section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 a .content-qa:hover .txt-qa-title {
  color: #ffffff; }
section._contactus .qa-box-recommened2 a .content-qa:hover .qa-box-recommened-detail .txt-qa-detail,
section._contactus .qa-box-recommened2 a .content-qa2:hover .qa-box-recommened-detail .txt-qa-detail,
section._contactus .qa-box-recommened2 a section.careers .careers-box-recommened2 .content-qa:hover .qa-box-recommened-detail .txt-qa-detail,
section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 a .content-qa:hover .qa-box-recommened-detail .txt-qa-detail {
  color: #ffffff; }
section._contactus .qa-box-recommened2 a .content-qa:hover .qa-box-recommened-detail .bottom-qa .count-view,
section._contactus .qa-box-recommened2 a .content-qa2:hover .qa-box-recommened-detail .bottom-qa .count-view,
section._contactus .qa-box-recommened2 a section.careers .careers-box-recommened2 .content-qa:hover .qa-box-recommened-detail .bottom-qa .count-view,
section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 a .content-qa:hover .qa-box-recommened-detail .bottom-qa .count-view {
  color: #ffffff; }
section._contactus .qa-box-recommened2 a .content-qa:hover .qa-box-recommened-detail .bottom-qa .countviews,
section._contactus .qa-box-recommened2 a .content-qa2:hover .qa-box-recommened-detail .bottom-qa .countviews,
section._contactus .qa-box-recommened2 a section.careers .careers-box-recommened2 .content-qa:hover .qa-box-recommened-detail .bottom-qa .countviews,
section.careers .careers-box-recommened2 section._contactus .qa-box-recommened2 a .content-qa:hover .qa-box-recommened-detail .bottom-qa .countviews {
  color: #ffffff; }
section._contactus .qa-box-recommened-detail .txt-qa-detail {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #a5a5a5;
  padding: 5px 0; }
section._contactus .qa-box-recommened-detail .txt-qa-detail span {
  padding: 0 10px; }
section._contactus .qa-box-recommened-detail .bottom-qa {
  float: left; }
section._contactus .qa-box-recommened-detail .bottom-qa div {
  float: left; }
section._contactus .qa-box-recommened-detail .bottom-qa .rating {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  font-size: 2rem; }
section._contactus .qa-box-recommened-detail .bottom-qa .rating span {
  color: #c6e9f6; }
section._contactus .qa-box-recommened-detail .bottom-qa .rating .checked {
  color: #ffdd50; }
section._contactus .qa-box-recommened-detail .bottom-qa .count-view {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #a5a5a5;
  padding: 5px 10px; }
section._contactus .qa-box-recommened-detail .bottom-qa .countviews {
  margin: 5px 0 0; }
section._contactus .qa-box-recommened-head {
  padding: 0 0 5px; }
section._contactus .qa-box-recommened-head-txt {
  float: left;
  font-size: 40px;
  font-size: 4rem;
  line-height: 46px;
  color: #ffffff; }
@media only screen and (max-width: 480px) {
  section._contactus .qa-box-recommened-head-txt {
    width: 100%;
    text-align: center; } }
section._contactus .product-wrapper {
  margin: 0 auto;
  padding: 2% 0;
  width: 100%;
  text-align: center; }
section._contactus .box-wrapper {
  margin: 20px auto;
  padding: 0px;
  width: 100%; }
section._contactus .box-wrapper .box-content {
  padding: 0px;
  text-align: left; }
section._contactus .box-wrapper .box-content p {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 15px 0; }
section._contactus .box-wrapper .box-content .search-block {
  /*padding: 20px 0 0;  
  margin: 0 auto; */
  margin:5px 0;}
section._contactus .box-wrapper .box-content .search-block .search-box-container {
  width: 100%;
  margin: 0;
  border: 1px solid #40b9e3;
  box-shadow: none;
  height: auto;}
section._contactus .box-wrapper .box-content .search-block .textarea {
  height: 100%; }
section._contactus .box-wrapper .box-content .search-block .search-box,
section._contactus .box-wrapper .box-content .search-block input{
  width: 100%;
  padding: 10px 20px;
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  box-shadow: none;
  font-size:24px;
  height:40px;
}
section._contactus .box-wrapper .box-content .search-block .search-box.placeholder {
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .search-block .search-box:-moz-placeholder {
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .search-block .search-box::-moz-placeholder {
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .search-block .search-box:-ms-input-placeholder {
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .search-block .search-box::-webkit-input-placeholder {
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .search-block .submit {
  background-color: #ffffff; }
section._contactus .box-wrapper .box-content .search-block .submit .fa {
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .submit-block {
  padding: 20px 0 0;
  margin: 0 auto; }
section._contactus .box-wrapper .box-content .note {
  text-align: left; }
section._contactus .box-wrapper .box-content .check-block {
  padding:5px 0;
  margin: 0 auto;
  display: inline-flex; }
@media only screen and (max-width: 480px) {
  section._contactus .box-wrapper .box-content .check-block {
    display: inline-block; } }
section._contactus .box-wrapper .box-content .check-block div {
  padding: 0 10px; }
@media only screen and (max-width: 480px) {
  section._contactus .box-wrapper .box-content .check-block div {
    padding: 10px 0; } }
section._contactus .box-wrapper .box-content .check-block p {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "sukhumvitset-bold";
  text-align: left;
  padding: 5px 0; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll {
  padding: 30px;
  color: #01a8e8;
  min-height: 500px;
  text-align: left;
  width: 100%; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll::-webkit-scrollbar {
  width: 1px; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .title-i {
  font-style: italic;
  font-size: 36px;
  font-size: 3.6rem;
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .title-vote {
  padding: 30px 0;
  font-size: 30px;
  font-size: 3rem; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .con-input .bullet-label {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .con-input .bullet-label label {
  font-weight: normal;
  margin-bottom: 10px; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .btn-s {
  margin: 30px 0; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .btn-s a {
  background-color: transparent;
  border-color: #01a8e8;
  color: #01a8e8;
  max-width: 160px; }
section._contactus .box-wrapper .box-content .check-block .quiz-poll .btn-s a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #01a8e8; }
section._contactus .box-wrapper .box-content .check-block .code-box {
  display: inline-flex; }
section._contactus .box-wrapper .box-content .check-block .code-box img {
  width: 50%;
  display: inline-block; }
section._contactus .box-wrapper .box-content .check-block .code-box span {
  width: 50%;
  display: inline-block;
  padding: 0 15px; }
section._contactus .Captcha div:nth-child(2) div{
  display:none;
}
section._contactus .box-wrapper .box-content .check-block div{
  display:inline-block;
}
section._contactus .box-wrapper .box-content .DropDownField{
  width:100%;
  height:40px;
}
section._contactus .box-wrapper .box-content select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/App_Themes/Stylesheet/Images/down-arrow.png)!important;
  background-size: 15px 15px!important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding: 0 35px 0 15px;
  width: calc(100% - 15px);
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  font-size:24px;
}
section._contactus .box-wrapper .box-content textarea{
  height:140px !important;
}
section._contactus .box-wrapper .box-content .wrap-input-area{
  height:100%;
}
section._contactus td.search-box-container input::placeholder{
  color: #01a8e8;
}
section._contactus .Captcha table{
  width:100%;
}
section._contactus .Captcha div:nth-child(2){
  
}
section._contactus .title-txt{
  padding-bottom:0;
}
section._contactus address{
  line-height:1;
}
section._contactus .ErrorLabel{
  display:none!important;
}
section._contactus td.search-box-container{
  width: 100%;
  margin: 0;
  border: 1px solid #40b9e3;
  box-shadow: none;
}
section._contactus td.search-box-container input{
  width: calc(100% - 15px);
  padding: 3px 20px 6px;
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  font-size:24px;
  height:40px;
}
section._contactus .btn-txt-blue{
  line-height:1;
}
section._contactus .box-content .FormButton {
  font-size: 24px;
  padding: 10px 15px;
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  max-width: 240px;
  color: #ffffff;
  background: #01a8e8;
  display: block;
  vertical-align: top;
  zoom: 1;
  outline: none !important;
  box-shadow: none !important;
  transition: .3s;
  border: 2px solid #FFF;
  border-radius: 25px;
  line-height:1;
}
section._contactus .box-content .FormButton:hover {
  color:#000;
}
section._contactus .box-content .CaptchaTable td:before{
  display:none;
}
section._contactus .search-block .search-box-container>div{
  padding:0;
}
section._contactus .label-box-contact {
  padding: 0;
}
section._contactus .form-validation-cell .EditingFormErrorLabel{
  padding:0 0 0 25px;
  font-size:18px;
}
@media (max-width: 991px){
  section._contactus .box-wrapper .box-content .check-block .wrap-img-Captcha{
    width: 50%;
    display: flex;
    align-items: center;    
  }
  section._contactus .box-wrapper .box-content .check-block .txt-Captcha{
    width: 50%;
  }
}
@media (max-width: 767px){
  section._contactus .box-wrapper .box-content .check-block .wrap-img-Captcha,
  section._contactus .box-wrapper .box-content .check-block .txt-Captcha{
    width: 100%;
    display: block; 
  }
  section._contactus .box-wrapper .box-content .check-block .wrap-img-Captcha img{
    margin:auto;
  }
}
/*-------------------------------- End Contact --------------------------------*/







/*# Careers #*/
/*----------------------------------------------------------------*/
section.careers .careers-detail .btn-s a{
  border-radius: 10em;
  border: solid 2px #01a8e7;
  height:auto;
}
section.careers .careers-detail .btn-s span{
  font-family: "ThaiSans Neue Regular";
}
section.careers .careers-box-recommened2{
  width:100%;
  padding: 0 0 30px;
}
section.careers .careers-detail .careers-type ul{
  list-style:none;
}
section.careers #Form-Quick-Apply .col-form-label{
  font-weight: normal;
}
section.careers #Form-Quick-Apply label::before{
  border: none;
}
section.careers #Form-Quick-Apply input{
  font-size:24px;
}
section.careers #Form-Quick-Apply .form-control{
  border: 1px solid #40b9e3;
  border-radius: 28px;
  padding: 2px 20px 2px;
  height: auto;
}
.modal-body span.auto-style2{
  color:red;
}
/*-------------------------------- End Careers --------------------------------*/


/*# Search #*/
/*----------------------------------------------------------------*/
header .menu-size .menu-bottom #search-h input[type=search]{
  z-index:2;
}
.top-search-btn{
  z-index: 10;
  position: relative;
  position: absolute;
  right: 6px;
  top: 3px;
  padding: 0;
  height: 20px;
  display: none;
}

section.searchresult .search-list .search-title{
  font-size:28px;
}
section.searchresult .search-list:hover .search-list-block-link{
  color:#fff;
}
section.searchresult .Img-Search img{
  margin:auto;
}
section.searchresult .search-list-block-content{
  padding-left: 20px;
}
.search-list{
  display: flex;
  align-items: center;
}
.search-list-block-link{
  overflow-wrap: break-word;
  font-size:20px;
}
section.searchresult .search-block input.btn-txt-blue{
  text-shadow: none !important;
  border:none;
  padding:0;
  height:40px;
}
section.searchresult .search-block input.btn-txt-blue:hover{
  color: #000;
  background-color: #01a8e8;
}
.Block_Filter_Search{
  display:inline-block;
  vertical-align: top;
  max-width:240px;
  width:100%;
}
.BTN-Filter_Search{
  display: block;
  vertical-align: top;
  zoom: 1;
  background-color: transparent;
  border-color: #01a8e8;
  color: #01a8e8;
  font-size: 24px;
  padding: 3px 0 0;
  width: 100%;
  height:40px;  
  border-radius: 25px;
}
.BTN-Filter_Search:hover,
.BTN-Filter_Search:active,
.BTN-Filter_Search:focus{
  color: #01a8e8;
}
.BTN-Filter_Search img{
  width: 24px;
  position: relative;
  top: -3px;
}



@media (max-width: 767px){
  section.searchresult .result-box {
    padding: 20px 0;
  }
  section.searchresult .search-list-block-content {
    padding-left:0;
  }
  section.careers .careers-box-recommened2{
    /*padding:0 0;*/
  }
  section.careers .careers-box-recommened2 .content-qa2, section.careers .careers-box-recommened2 .content-qa{
    padding:15px;
  }
  section.careers .careers-box-recommened2 .content-qa .ctn-txt-careers .txt-qa-detail p{
    margin:0;
  }
  .Block_Filter_Search {
    margin: 10px auto;
  }
}
/*-------------------------------- End Search --------------------------------*/


/*# CAREERS #*/
/*----------------------------------------------------------------*/
/*section.careers .modal .modal-dialog{
min-height: calc(100% - (1.75rem*2));
display: flex;    
align-items: center;
width:800px;
}
section.careers #modalLoginForm .modal-header h3{
font-weight: bold;
}
section.careers #modalLoginForm .wrap-body-Quick{
font-size:16px;
}
section.careers #modalLoginForm .wrap-body-Quick td{
padding:0;
}
section.careers #modalLoginForm .wrap-body-Quick td input,
section.careers #modalLoginForm .wrap-body-Quick td select{
margin-bottom: 15px;
}
section.careers #modalLoginForm td::before{
display:none;
}
section.careers #modalLoginForm .wrap-body-Quick input[type=file]{
margin-bottom:5px;
}
section.careers #modalLoginForm .wrap-body-Quick .btn{
max-width: 180px;
}
section.careers #modalLoginForm .wrap-body-Quick tr td:first-child{
vertical-align: top;
}
section.careers #modalLoginForm .wrap-body-Quick tr td.Quick-input-file{
padding-bottom: 10px;
}
section.careers #modalLoginForm .wrap-body-Quick tr td.Remark-Quick{
margin:7.5px 0;
padding:7.5px 0;
}
@media only screen and (max-width: 1024px) {
section.careers #modalLoginForm .wrap-body-Quick tr td:first-child{
margin-bottom:10px;
}
section.careers #modalLoginForm .wrap-body-Quick .Spade-lg{
display:none
}
section.careers .modal .modal-dialog{
width:750px;
}
section.careers #modalLoginForm .wrap-body-Quick tr td.wrap-btn-Quick{
text-align: center;
}
section.careers #modalLoginForm .wrap-body-Quick tr td{
display:block;
}
}
@media only screen and (max-width: 767px) {
section.careers .modal .modal-dialog{
width:auto;
}
}*/


section.careers .careers-detail h1{
  font-family: "ThaiSans Neue Bold";
}
section.careers .input-group{
  width: 100%;
}
section.careers .input-file{
  display:none!important;
}
section.careers .input-file + label {
  height:auto;
  line-height:1;
}
#Form-Quick-Apply .submit-block .btn{
  line-height:1;
}
section.careers .label--file::before{
  display:none;
}
section.careers .input-group.js-input-file .input-file__info{
  margin-top: 10px;
  display: inline-block;
}

@media (max-width: 425px){
  section.careers .input-group.js-input-file .input-file__info{
    margin-top: 5px;
  }
}
section.careers .note{
  text-align: left;
  padding: 5px 0 7px;
  display:block;
  font-size: 18px;
}
section.careers .modal-header .modal-title{
  color: #01a8e8;
}
section.careers .wrap-imgSecurityCode{
  width: 45%;
  margin-bottom:10px;
  float: left;
}
section.careers .safeSecurityCode{
  float: left;
  width: 50%;
}
@media (max-width: 767px){
  section.careers .safeSecurityCode{
    display: block;
    width:100%;
  }
  section.careers .wrap-imgSecurityCode{
    width:100%;
  }
  section.careers .safeSecurityCode span{
    padding-left: 0;
    margin-bottom: 12px;
  }
}
section.careers #Form-Quick-Apply select{
  -webkit-appearance: none;
  background-image: url(/App_Themes/Stylesheet/Images/down-arrow.png)!important;
  background-size: 15px 15px!important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding: 0 35px 0 15px;
  background-color: #ffffff;
  font-size:24px;
}
section.careers #Form-Quick-Apply td:nth-of-type(1):before,
section.careers #Form-Quick-Apply td:nth-of-type(2):before{
  display:none;
}
section.careers #Form-Quick-Apply td{
  padding:0;
}
@media (max-width: 767px){
  section.careers #Form-Quick-Apply .marginLSN{
    margin-top:15px;
  }
}
/*-------------------------------- END CAREERS --------------------------------*/

/*#Treatment#*/
/*----------------------------------------------------------------*/

section.treatment .control-cat-trmat{
  width: 20%;
  float: none;
  margin-left: -7px!important;
}
.category-head .title-txt p{
  color: #787878;
  font-size: 26px;
}

@media (max-width: 767px){
  .category-head .title-txt p{
    font-size: 24px;
  }
}

/*--------------------------------Treatment--------------------------------*/


/*# Procedures #*/
/*----------------------------------------------------------------*/

section.procedures select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/App_Themes/Stylesheet/Images/down-arrow.png)!important;
  background-size: 15px 15px!important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding: 0 35px 0 15px;
  width: calc(100% - 15px);
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  height:100%;
}
.HLS .swiper-pagination-bullet a{
  background: #8fdffa !important;
}
.HLS .swiper-pagination-bullet-active{
  width: 20px!important;
  height: 20px!important;
}
.HLS .swiper-pagination-bullet a{
  top: 2px!important;
}
.HLS .swiper-pagination-bullet-active a{
  left: -6px!important;
  top: -6px!important;
}
@media (max-width: 767px){
  section.procedures .search-wrapper .border-left{
    border:none;
  }
}


/*-------------------------------- End Procedures --------------------------------*/



/*# Location #*/
/*----------------------------------------------------------------*/

section.branches .popupMap .detail{
  text-align: center;
  padding: 20px 0;
}
section.branches .popupMap .detail .search .search-box{
  border: #999 1px solid;
  background:#fff;
  color: #999;
  display: block;
  line-height: 42px;
  text-align: left;
  padding-left: 15px;
  width: 250px;
  height: 42px;
  padding-right: 40px;
  font-size:24px;
}
section.branches .popupMap .detail .search .submit{
  background: url(/App_Themes/Stylesheet/Images/search.png) no-repeat center center transparent;
  overflow: hidden;
  /* z-index: 10; */
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  left:unset;
  /*border-radius: 4px;*/
  border:none;
  background-size: 60%;
}
section.branches .popupMap .detail .search {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  position: relative;
}
section.branches .popupMap .detail .text {
  display: inline-block;
  line-height: 42px;
  margin: 0 10px;
  vertical-align: top;
  height: 42px;
  font-size: 24px;
  font-weight: bold;
}
section.branches .popupMap .detail .link {
  background: #01a8e8;
  color: #fff;
  display: inline-block;
  line-height: 42px;
  padding: 0 10px 0 10px;
  vertical-align: top;
  max-width:240px;
  width: 100%;
  height: 42px;
  border-radius: 4px;
  border:none;
  font-size:24px;
}
section.branches .popupMap .detail .link:hover{
  color: #000;
}
section.branches .popupMap .box__result {
  margin-right: -15px;
  margin-left: -15px;
}
section.branches .popupMap .box__result .head__info{
  float:left;
  margin:20px 0;
  font-size: 30px;
  line-height: normal;
}
section.branches .popupMap .box__result .head__info span{
  font-size: 36px;
  color: #01a8e8;
}
section.branches .popupMap .box__result .text__result {
  float:right;
  margin:30px 0;
  font-size: 30px;
  line-height: normal;
}
section.branches .popupMap .box__result .box__accordion .accordion {
  border-bottom: #dedede 1px solid;
}
section.branches .popupMap .box__result .box__accordion .title {
  cursor: pointer;
  font-size: 24px;
  padding: 0 20px 0 0;
}
section.branches .popupMap .box__result .box__accordion .title strong{
  font-weight: normal;
}
section.branches .popupMap .box__result .box__accordion .accordion .title span{
  display: block;
  padding: 20px 0;
  background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_plus__blue-1.png) no-repeat right center;
}
section.branches .popupMap .box__result .box__accordion .accordion.open .title span{
  background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_cross__grey-1.png) no-repeat right center;
}
section.branches .popupMap .box__result .box__accordion .info{
  padding: 0 0 20px;
  min-height: 50px;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__address,
section.branches .popupMap .box__result .box__accordion .accordion .box__contact,
section.branches .popupMap .box__result .box__accordion .accordion .box__time,
section.branches .popupMap .box__result .box__accordion .accordion .box__other{
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__address{
  width: 40%;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__contact{
  width: 40%;
}
/*section.branches .popupMap .box__result .box__accordion .accordion .box__time{
width:19%;
}*/
section.branches .popupMap .box__result .box__accordion .accordion .box__other {
  text-align: center;
  width: 20%;
}
section.branches .popupMap .box__result .box__accordion .accordion .list__detail .head {
  color: #222;
  margin-bottom: 5px;
  height: 30px;
}
section.branches .popupMap .box__result .box__accordion .accordion .list__detail p{
  color: #666;
  line-height: 24px;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__address .head{
  background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_address.png) no-repeat 0 center;
  padding-left: 26px;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__contact .head {
  background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_contact.png) no-repeat 0 center;
  padding-left: 31px;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__time .head {
  background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_time.png) no-repeat 0 center;
  padding-left: 32px;
}
section.branches .popupMap .box__result .box__accordion .accordion .box__other .branch,
section.branches .popupMap .box__result .box__accordion .accordion .box__other .print{
  background: url(/App_Themes/Stylesheet/Images/Location/rcskin_location.png) no-repeat center 0;
  display: inline-block;
  padding: 65px 10px 5px;
  text-align: center;
  vertical-align: top;
}
section.branches .box__paging{
  margin-top: 20px;
}
section.branches .box__paging ul.list.pagination{
  padding: 15px;
  display: flex;
  justify-content: center;
  vertical-align: top;
  zoom: 1;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
section.branches .box__paging ul.list.pagination li.page-item a.page-link{
  margin: 5px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  transition: all 170ms linear;
  padding: 0 10px;
  line-height: 36px!important;
  overflow: hidden;
  text-align: center!important;
  min-width: 36px!important;
  height: 36px!important;
  font-size:16px;
}
section.branches .box__paging ul.list.pagination li.page-item a.page-link:hover{
  color: #fff;
  background-color: #01a8e8;
  transition: all 170ms linear;
}
section.branches .box__paging ul.list.pagination li.page-item.active a.page-link{
  color: #fff;
  background-color: #01a8e8;
}
section.branches .box__paging ul.list.pagination li.prev a.page-link{
  text-indent: -9998px;
  background: url(/App_Themes/Stylesheet/Images/Location/arrow-left-S.png) no-repeat center center #fff!important;
}
section.branches .box__paging ul.list.pagination li.prev a.page-link:hover{
  background: url(/App_Themes/Stylesheet/Images/Location/arrow-left-N.png) no-repeat center center #01a8e8!important;
}
section.branches .box__paging ul.list.pagination li.next a.page-link{
  text-indent: -9998px;
  background: url(/App_Themes/Stylesheet/Images/Location/arrow-right-S.png) no-repeat center center #fff!important;
}
section.branches .box__paging ul.list.pagination li.next a.page-link:hover{
  background: url(/App_Themes/Stylesheet/Images/Location/arrow-right-N.png) no-repeat center center #01a8e8!important;
}
@media (max-width: 1023px){
  section.branches .popupMap .detail .search .search-box{
    width: 100%;
  }
  section.branches .popupMap .box__result .head__info{
    float: none;
    text-align: center;
    margin:7.5px 0;
  }
  section.branches .popupMap .box__result .text__result{
    float: none;
    text-align: center;
    margin:7.5px 0;
  }
  section.branches .popupMap .box__result .head__info span{
    text-align: center;
    display:block;
  }
  section.branches .popupMap .box__result .box__accordion .accordion .box__address,
  section.branches .popupMap .box__result .box__accordion .accordion .box__contact,
  section.branches .popupMap .box__result .box__accordion .accordion .box__time,
  section.branches .popupMap .box__result .box__accordion .accordion .box__other{
    display: block;
    margin: 0 0 20px;
    padding: 0;
    width: auto;
  }
  section.branches .popupMap .box__result .container {
    width: 100%;
  }
}
@media (max-width: 966px){
  section.branches .popupMap .box__result .container {
    width: 100%;
  }
}
@media (max-width: 767px){
  section.branches .popupMap .detail .search,
  section.branches .popupMap .detail .text,
  section.branches .popupMap .detail .link{
    display:block;
    margin: 0 auto;
  }
  section.branches .popupMap .box__result .box__accordion .title{
    padding:0;
  }
  section.branches .popupMap .box__result .box__accordion .accordion .title span{
    background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_plus__blue-1.png) no-repeat right top 20px;
  }
  section.branches .popupMap .box__result .box__accordion .accordion.open .title span {
    background: url(/App_Themes/Stylesheet/Images/Location/srisawad_ngerntidlor_cross__grey-1.png) no-repeat right top 20px;
  }
}
/*-------------------------------- End Location --------------------------------*/

/*# Doctor #*/
/*----------------------------------------------------------------*/
section.doctor .search-wrapper select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/App_Themes/Stylesheet/Images/down-arrow.png)!important;
  background-size: 15px 15px!important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding: 0 35px 0 15px;
  width: calc(100% - 15px);
  float: left;
  color: #01a8e8;
  background-color: #ffffff;
  height:100%;
  font-size:24px;
}
section.doctor .control-title-review{
  text-align: center;
}
section.doctor .control-title-review .txt-hm{
  height:56px;
}
section.doctor .control-title-review .txt-nm {
  height:25px;
}
section.doctor .doctor-mobile-detail{
  padding: 20px 0 30px 0;
  clear: both;
}
section.doctor .doctor-headtb{
  background-image: url(/App_Themes/Stylesheet/Images/Branches/branches-head-tb.png);
}
section.doctor .doctor-headtb thead{
  border: 1px solid #fff;
}
section.doctor .doctor-headtb thead tr th{
  font-size: 28px;
  color: #ffffff;
  padding: 20px;
  height: 93px;
  border: none;
}
section.doctor .doctor-headtb td{
  padding:20px;
  vertical-align: top;
  border: solid 1px #fff;
}
section.doctor .doctor-headtb tbody tr{
  background: #adeefd;
}
section.doctor .doctor-headtb tbody tr:nth-child(even){
  background: #d1f0fc;
}

@media (max-width: 991px){
  section.doctor .control-title-review .txt-nm {
    height:48px;
  }
}
@media (max-width: 767px){
  section.doctor .control-title-review .txt-nm,
  section.doctor .control-title-review .txt-hm{
    height:auto;
  }
  section.doctor .careers-box-recommened2{
    /*width:650px;*/
  }
  section.doctor .doctor-mobile-detail{
    padding: 20px 0 30px 0;
  }
  section.doctor .doctor-headtb thead tr th{
    padding: 3px;
    font-size: 16px;
    text-align: center;
    height: 50px;
  }
  section.doctor .doctor-headtb td{
    padding: 5px;
    font-size: 14px;
  }
}

/*-------------------------------- End Doctor --------------------------------*/


/*# Home Profile #*/
/*----------------------------------------------------------------*/

@media (max-width: 576px){
  .content-home .member-wrapper .control-ico,
  .content-home .member-wrapper .control-profile{
    width:100%;
    padding: 10px 0;
    text-align: center;
  }
}

/*-------------------------------- End Home Profile --------------------------------*/



/*# Home VDO #*/
/*----------------------------------------------------------------*/

.bg-video-block{
  background-repeat: no-repeat;
}
.content-home .control-vdo .btn-iconplay{
  color: #01aef0;
  width: 80px;
  height: 80px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 80px;
}
.content-home .control-vdo #btn-iconplayvdo{
  cursor: pointer;
}
.content-home .control-vdo #btn-iconplayvdo:hover .btn-iconplay{
  color: #fff;
  background-color: #01aef0;
}
.mfp-iframe-holder .mfp-close{
  right:0;
}
@media (max-width: 767px){
  .content-home .control-vdo{
    padding: 30px 0 0;
  }
}
@media (max-width: 576px){
  .content-home .control-vdo .btn-iconplay{
    width: 60px;
    height: 60px;
    font-size: 60px;
    margin-top:0;
  }
}

/*-------------------------------- End Home VDO --------------------------------*/







/*# Messen Board #*/
/*----------------------------------------------------------------*/
.box-commened .content-qa .img-size-ico{
  margin:0 auto;
}
@media (max-width: 767px){
  .box-commened .content-qa .img-size-ico{
    margin: 0 0 15px;
  }
}

/*-------------------------------- End Messen Board --------------------------------*/


/*# Home highlight #*/
/*----------------------------------------------------------------*/
section.Highlight-detail .highlight-wrapper{
  margin: 0 auto;
  padding: 2% 0;
  width: 100%;
  text-align: center;
}
section.Highlight-detail .highlight-wrapper .box-wrapper .box-content p {
  padding-bottom: 20px;
}
section.Highlight-detail .box-wrapper .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 4px;
  width: 80%;
  margin: 0 auto;
}
section.Highlight-detail .box-wrapper .column {
  -ms-flex: 25%;
  flex: 25%;
  max-width: 33%;
  padding: 0 15px;
}
section.Highlight-detail.box-wrapper .column img {
  margin-top: 8px;
  vertical-align: middle;
}
section.Highlight-detail .box-wrapper .box-content .txt-title {
  font-size: 36px;
  font-size: 3.6rem;
  color: #40b9e3;
  padding-bottom: 20px;
}
.content-home .product-wrapper .box-highlight2 .btn-s,
.content-home .product-wrapper .box-highlight3.HL .btn-s{
  position: absolute;
  bottom: 20px;
  width: 50%;
  padding: 0 18px;
  text-align: left;
}
.content-home .product-wrapper .box-highlight .btn-s{
  float: right;
  width: 50%;
  text-align: left;
  padding-left: 45px;
}
.content-home .product-wrapper .box-highlight .btn-s a{
  max-width: 160px;
  border-color: #fff;
  color: #fff;
}
.content-home .product-wrapper .box-highlight .btn-s a:hover{
  background-color: rgba(255, 255, 255, 0.2);
}
.Treatments_home .box-highlight-txt3 .detail-content-hl-txt{
  min-height: 150px;
}
.Treatments_home .box-highlight-txt3 .btn-s{
  padding:15px 0;
}
@media screen and (max-width: 991px){
  .content-home .product-wrapper .box-highlight .box-highlight-txt,
  .content-home .product-wrapper .box-highlight-txt2{
    padding:15px;
  }
  .content-home .product-wrapper .box-highlight .btn-s{
    padding-left: 30px;
  }
  .box-highlight-txt2 .title-content-hl-txt{
    height:65px;
    overflow: hidden;
  }
  .box-highlight-txt2 .detail-content-hl-txt{
    max-height:100px;
  }
}
@media screen and (max-width: 800px){
  section.Highlight-detail .box-wrapper .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 767px){
  .content-home .product-wrapper .box-highlight .box-highlight-txt{
    padding:15px 0;
  }
  
  .box-highlight-txt2 .title-content-hl-txt{
    height:auto;
  }
  .content-home .product-wrapper{
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 600px){
  section.Highlight-detail .box-wrapper .column {
    flex: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 576px){
  .content-home .product-wrapper .box-highlight .btn-s,
  .content-home .product-wrapper .box-highlight2 .btn-s,
  .content-home .product-wrapper .box-highlight3.HL .btn-s{
    width:100%
  }
}
@media screen and (max-width: 480px){
  
}

/*-------------------------------- End Home highlight --------------------------------*/


/*# Doctor #*/
/*----------------------------------------------------------------*/
section.doctor .box-review {
  background-color: transparent;
  border:none;
}
section.doctor .control-title-profile{
  padding-left:30px;
}
@media (max-width: 768px){
  section.doctor .profile img{
    margin:0 auto;
  }
  section.doctor .control-title-profile{
    padding: 0;
    text-align: center;
  }
}

/*-------------------------------- End Doctor --------------------------------*/



/*# QA #*/
/*----------------------------------------------------------------*/
.content-home .question .box-question .box-qa-ravi .rating .checked {
  color: #ffdd50 !important;
}
.qa-paging{
  margin-top: 30px;
}
section.qa .qa-main .search-box-container{
  height:40px;
}
.starbox .stars .star_holder .star{
  width: 20px!important;
  height: 20px!important;
  background-size: contain;
}
section.qa .qa-box-recommened2 a:nth-child(odd) .content-qa2{
  background: #def8ff;
}
section.qa .qa-box-recommened2 a:nth-child(odd) .content-qa2:hover{
  background-color: #00a8e8;
}
section.qa .wrap-img-Captcha{
  width: 50%;
  display: inline-block;
}
section.qa .wrap-CaptchaTable{
  clear: both;
  padding-top: 20px;
  width: 100%;
}
section.qa .wrap-CaptchaTable table td{
  display:block;
}
section.qa .wrap-CaptchaTable table td:last-child{
  display:none;
}
section.qa .wrap-CaptchaTable table{
  width: 100%;
}
section.qa .wrap-CaptchaTable table input{
  width:100%;
  font-size:24px;
  color: #01a8e8;
  padding: 3px 20px 6px;
  height: 40px;
  border-radius: 25px;
  border-color: #01a8e8;
}
section.qa .wrap-CaptchaTable table input::placeholder{
  color: #01a8e8;
}
section.qa .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .view-number .box-view,
section.qa .qa-box-recommened2 .content-qa2 .qa-box-recommened-detail .bottom-qa .view-number .box-num,
section.qa .qa-box-recommened-detail .bottom-qa .view-number .box-view,
section.qa .qa-box-recommened-detail .bottom-qa .view-number .box-num{
  float:none;
}
section.qa .btn-tag{
  margin-left: -3px;
}
section.qa .ratting-box{
  clear: both;
  padding: 15px 0 0;
}
section.qa .ratting-box .bottom-qa{
  padding:0;
  width:100%;
}
section.qa .ratting-box .bottom-qa .count-view{
  line-height: 28px;
  vertical-align: top;
}
section.qa .txt-search{
  margin-bottom: 0;
}
.txt-qa-detail span{
  padding: 0 10px;
}


@media (max-width: 576px){
  section.qa .wrap-img-Captcha,
  section.qa .box-wrapper .box-content .check-block .code-box span{
    width:100%;
    padding: 0;
  }
  section.qa .box-wrapper .box-content .check-block .code-box{
    display:block;
  }
}

/*-----------------------------End QA-----------------------------------*/



/*# slick-slider #*/
/*----------------------------------------------------------------*/

.slick-prev, .slick-next{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 21px;
  height: 33px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-next {
  right: -25px;
  background-image: url("/Rajdhevee/media/Rajdhevee/image/ico/ico-arrow.png");
}
.slick-prev {
  left: -25px;
  background-image: url("/Rajdhevee/media/Rajdhevee/image/ico/ico-arrow-l.png");
}

/*-----------------------------End slick-slider-----------------------------------*/


/*# Product #*/
/*----------------------------------------------------------------*/

section.product .product-search .result-product p {
  font-size: 20px;
}
section.product .product-search .result-product{
  padding:0 100px;
  overflow: hidden;
}
section.product .box-review .control-title-review .txt-hm{
  
}
.wrap-showProduct{
  overflow: hidden;
  padding-bottom: 20px;
}
.Block-Related .slick-slide{
  margin: 0 15px;
}
.warp-slider-fan .slick-slide{
  margin:0 7.5px;
}
.warp-slider-fan img{
  margin:0 auto;
  max-height: 300px;
}
.warp-slider-fan .slick-track{
  display: flex;
  align-items: center;
}    
.opacity-plus:hover{
  background-color: rgba(27, 30, 33, 0.30);
}
.opacity-plus{
  position: absolute;
  top: 0;
  left:0;
  background-color: rgba(27, 30, 33, 0.15);
  height: 100%;
  width: 100%;
  color: white;
  transition: .4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.opacity-plus img{
  width:32px;
}
.warpper-fancy{
  padding-bottom: 30px;
  overflow: hidden;
}
.warpper-fancy .box-fancy {
  width: 16.66%;
  float: none;
  padding:5px;
  position: relative;
  display: inline-block;
  margin: 0 -3px;
  vertical-align: top;
}
.warpper-fancy-block{
  overflow: hidden;
}
.warpper-fancy img{
  margin: auto;
}
.fancybox-thumbs{
  top:unset!important;
  width:100%!important;
  background:transparent!important;
  text-align: center;
  padding:10px!important;
}
.fancybox-thumbs>ul>li{
  float: none!important;
  display: inline-block;
  background-color: #fff;
}
.fancybox-thumbs>ul>li>img{
  position: unset!important;
  max-width: 100%!important;
  max-height: 100%!important;
  margin: auto!important;
  width:auto!important;
  height:auto!important;
  min-width:unset!important;
  min-height:unset!important;
}
.fancybox-show-thumbs .fancybox-inner{
  right:0!important;
}
.Block-Related .title-txt{
  padding-left:15px;
  padding-right:15px;
}
section.products-detail .detail-right .branchesdetail-txt-l{
  padding:0;
}

@media (max-width: 1024px){
  section.product .product-search .result-product{
    padding:0 ;
  }
}
@media (max-width: 767px){
  .warpper-fancy .box-fancy {
    width: 50%;
    /*display: inline-block;
    float: none;
    margin-right: -4px;*/
  }
  .tltle-txt{
    padding: 0 0 20px;
  }
  section.products-detail .product-wrapper{
    padding: 20px 0 30px 0;
  }
  .Block-Related .slick-slide{
    margin:0 5px;
  }
  .Block-Related .box-review{
    width:100%;
  }
  .Block-Related .swiper-slide{
    padding:0 10px;
  }
  .related-mobile .swiper-pagination-bullet a{
    background: #8fdffa !important;
  }
  section.products-detail .detail-left{
    padding-bottom:5px;
  }
  section.products-detail .detail-left img{
    width:100%;
  }
  .section.products-detail .detail-right .branchesdetail-txt-l{
    padding:0 15px;;
  }
  section.products-detail .detail-right .branchesdetail-txt-r{
    padding:0;
  }
}

/*-----------------------------End Product-----------------------------------*/


/*# Reting #*/
/*----------------------------------------------------------------*/

.Block-wrap-public{
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #ccc;
  margin-top: 30px;
}
.Block-Rating .CntRatingContent{
  display: inline-block;
}
.Block-Rating .CntRatingResult{
  display: inline-block;
  position: relative;
  top: -2px;
  color: #ccc;
}
.Block-Rating{
  display: inline-block;
}
.Block-wrap-View{
  display: inline-block;
  margin-left: 15px;
}

/*-----------------------------End Reting-----------------------------------*/


/*# Treatment #*/
/*----------------------------------------------------------------*/

section.treatment .product-search .result-product{
  padding:0 100px;
  overflow: hidden;
}

@media (max-width: 1024px){
  section.treatment .product-search .result-product{
    padding:0 ;
  }
}

/*-----------------------------End Treatment-----------------------------------*/



/*# Profile #*/

._profile-wrapper{
  padding:30px 0;
}
._profile-wrapper .title-txt span{
  color:#333;
  font-size:20px;
  display: block;
}
._profile-wrapper .Block-HeadProfile{
  overflow:hidden;
  position: relative;
}
._profile-wrapper .box-NameProfile .box-txtNameProfile{
  color:#333;
}
._profile-wrapper .box-NameProfile .sign-out{
  line-height:1;
}
._profile-wrapper .box-NameProfile input,
._profile-wrapper .box-NameProfile input:active:hover,
._profile-wrapper .box-NameProfile input:active:focus{
  font-size:18px;
  color: #01A8E8;
  border: none;
  background: none;
  text-shadow: none;
  box-shadow: none;
  padding: 0;
}
._profile-wrapper .nav-tabs,
._profile-wrapper .nav-tabs li a:hover,
._profile-wrapper .nav-tabs li.active>a,
._profile-wrapper .nav-tabs li.active>a:focus,
._profile-wrapper .nav-tabs li.active>a:hover{
  border:none;
}
._profile-wrapper .nav>li>a:focus,
._profile-wrapper .nav>li>a:hover{
  background-color: transparent;
}
._profile-wrapper .nav-tabs li a{
  color: #A5A5A5;
  border:none;
}
._profile-wrapper .nav-tabs li.active a,
._profile-wrapper .nav-tabs li.active a:focus,
._profile-wrapper .nav-tabs li.active a:hover,
._profile-wrapper .nav-tabs li a:hover{
  border-bottom:3px solid #01A8E8;
  color: #01A8E8;
}
._profile-wrapper .nav-tabs li:first-child a{
  margin:0 10px 0 0;
}
._profile-wrapper .nav-tabs li a{
  margin: 0 10px;
  padding: 0;
  font-size: 26px;
  font-family: "ThaiSans Neue Bold";
}
._profile-wrapper .box-ImageProfile{
  position: relative;
  margin: auto;
  border-radius: 100%;
  border: 5px solid #01A8E8;
  height: 130px;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._profile-wrapper .box-ImageProfile img{
  /*position: absolute;*/
  z-index: -1;
  max-width: none;
  max-height:130px;
}
._profile-wrapper .wrap-headProfile-left{
  width:25%;
}
._profile-wrapper .wrap-headProfile-right{
  width:75%;
  position: unset;
}
._profile-wrapper .wrap-headProfile-right .box-TabProfile{
  position: absolute;
  bottom: 0;
  width: 100%;
}
._profile-wrapper .tab-content{
  overflow: hidden;
}
._profile-wrapper .Block-Profile{
  padding:25px 0;
  clear: both;
  overflow: hidden;
}
._profile-wrapper .Edit-Profile{
  display:inline-block;
}
._profile-wrapper .Edit-Profile img{
  width:20px;
  vertical-align: unset;
}
._profile-wrapper .tab-content .Heading{
  color: #00A8E7;
  font-size:36px;
  padding:0;
}
._profile-wrapper .tab-content .detail-profil{
  overflow:hidden;
  margin: 10px 0;
}
._profile-wrapper .tab-content .detail-profil-l{
  text-align:right;
}
._profile-wrapper .tab-content .detail-profil-r{
  text-align:left;
}
._profile-wrapper .tab-content{
  padding:25px 0;
}
._profile-wrapper .tab-content input[type="checkbox"] + label::before,
._profile-wrapper .tab-content input[type="radio"] + label::before{
  border-color: #00A8E7;
  top: 0;
}
._profile-wrapper .tab-content input[type="radio"]:checked + label::after{
  color: #00A8E7;
  top: 3px;
}
._profile-wrapper .tab-content input[type="radio"]:checked + label::after{
  top: 5px;
  width: 10px;
  height: 10px;
  background: #00A8E7;
}
._profile-wrapper .tab-content .check-block{
  overflow: hidden;
  padding: 15px 0;
}
._profile-wrapper .tab-content .check-block input[type="text"]{
  margin-top:15px;
}
._profile-wrapper .tab-content .btn-c{
  display: inline-block;
  float: left;
}
._profile-wrapper .tab-content .btn-c a{
  width: 200px;
  padding: 5px;
  border-radius: 5px;
  color: #01A8E8;
  border: 1px solid #01A8E8;
  font-size: 24px;
}
._profile-wrapper .tab-content .btn-c a:hover{
  color: #fff;
  border: 1px solid #fff;
  background-color: #01A8E8;
}
._profile-wrapper .tab-content .btn-save{
  clear: both;
  display: inline-block;
  float: right;
}
._profile-wrapper .tab-content .btn-save a{
  padding: 5px;
  width: 200px;
  border: none;
  border-radius: 5px;
}
._profile-wrapper .box-TabProfile #mySelect{
  width: 100%;
  text-align-last: center;
  color: #fff;
  border: none;
  background-color: #00a9e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/App_Themes/Stylesheet/Images/down-arrow-w.png)!important;
  background-size: 15px 15px!important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  margin-top: 10px;
}
._profile-wrapper .tab-content .size-btn-ss{
  padding: 0 30px 30px
}
._profile-wrapper .tab-content .btn-send-quest2{
  color: #01a8e8;
  border: 1px solid #01a8e8;
  display: -moz-inline-stack;
  float: right;
  padding: 5px 10px;
  margin: 5px 0;
  text-align: center;
  max-width: 240px;
  width: 100%;
  border-radius: 25px;
  cursor: pointer;
  line-height: 1;
}
._profile-wrapper .tab-content .content-qa2{
  padding: 30px 15px;
  margin: 5px 0;
  width: 100%;
  background: #def8ff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  text-align: left;
}
._profile-wrapper .tab-content .qa-box-recommened2 a:nth-child(even) .content-qa2{
  background-color: #beebfe;
}
._profile-wrapper .tab-content .qa-box-recommened2 .content-qa2:hover, ._profile-wrapper .tab-content .qa-box-recommened2 a:nth-child(even) .content-qa2:hover{
  background-color: #00a8e8;
}
._profile-wrapper .tab-content .qa-box-recommened2 .content-qa2:hover .txt-qa-detail, ._profile-wrapper .tab-content .qa-box-recommened2 a:nth-child(even) .content-qa2:hover .txt-qa-detail{
  color:#fff;
}
._profile-wrapper .tab-content .cTable{
  margin: 0;
  width: 100%;
}
._profile-wrapper .tab-content table.cTable th{
  padding:10px;
  font-size:20px;
}
._profile-wrapper .tab-content table.cTable tbody td{
  padding:10px;
  font-size:20px;
}
.Block-HeadProfile .wrap-iconedit{
  position: absolute;
  top: 0;
  right: 15px;
  display: flex;
  align-items: center;
  height: 100%;
}
.wrap-iconedit img {
  width: 18px;
}
.Block-HeadProfile .wrap-iconedit .btn{
  padding: 5px 0;
  cursor: pointer;
  display: block;
}
._profile-wrapper .tab-content .detail-profil-r input,
._profile-wrapper .tab-content .detail-profil-r textarea,
._profile-wrapper .tab-content .detail-profil-r select{
  width:100%;
  padding: 0 15px;
}
.Block__profile{
  max-width: 900px;
  overflow: hidden;
  margin: auto;
}
.Block__profile .actions{
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
}
._profile-wrapper .box_btncontrol{
  overflow: hidden;
  max-width: 500px;
  margin: auto;
  float: none;
  padding: 0;
}
.btn_clearList {
  line-height: 0;
}
.WishlistInfo{
  text-align: center;
  display: block;
}


@media (max-width: 991px){
  ._profile-wrapper .wrap-headProfile-left{
    width:30%;
  }
  ._profile-wrapper .wrap-headProfile-right {
    width: 70%;
  }
  .Block-HeadProfile .wrap-iconedit{
    right:0
  }
}
@media (max-width: 767px){
  ._profile-wrapper .tab-content .Heading{
    font-size:24px;
  }
  ._profile-wrapper .tab-content .detail-profil{
    font-size:24px;
  }
  ._profile-wrapper .tab-content .detail-profil-l{
    text-align: left;
    padding: 0;
    width: 28%;
    /*width : 100%;*/
    /*margin-left: 30px;*/
  }
  ._profile-wrapper .tab-content .detail-profil-r {
    width: 72%;
    /*width : 100%;*/
  }
  ._profile-wrapper .Block-Profile{
    padding:10px 0;
  }
  ._profile-wrapper .tab-content .btn-c,
  ._profile-wrapper .tab-content .btn-save{
    display: block;
    float: none;
    margin: 7.5px 0;
  }
  
  ._profile-wrapper .tab-content .btn-c a,
  ._profile-wrapper .tab-content .btn-save a{
    width:100%;
    max-width: 100%;
    font-size: 20px;
  }
  ._profile-wrapper .tab-content .check-block label{
    font-size:18px;
  } 
  ._profile-wrapper .box-NameProfile{
    text-align:center;
  }
  ._profile-wrapper .content-qa2 .ctn-ico{
    padding:0;
  }
  ._profile-wrapper .wrap-tableListBuy{
    overflow-x:auto;
  }
  ._profile-wrapper .tab-content .cTable{
    width:768px;
  }
  .Block-HeadProfile .wrap-iconedit{
    position: unset;
    justify-content: center;
  }
  .Block-HeadProfile .wrap-iconedit .btn{
    display: inline-block;
    padding: 15px 5px 0;
  }
  ._profile-wrapper .wrap-headProfile-right .box-TabProfile{
    position: unset;
  }
  .Block__profile .actions{
    top: 10px;
    right: 5px;
    width: 24px;
    height: 24px;
  }
}



/*==================Profile==================*/


/*# Beauty hacks #*/
/*----------------------------------------------------------------*/

section.beautyhack .control-tag{
  padding-top:20px;
}

/*==================Beauty hacks==================*/


/*# REVIEWS #*/
/*----------------------------------------------------------------*/

section.reviews .control-tag{
  padding-top:20px;
/*}
.control-box-review{
  text-align:left;*/
}

/*==================REVIEWS==================*/


/*# Responsive New #*/
/*----------------------------------------------------------------*/

.content-home .product-wrapper .box-highlight-txt3 .highlight-txt-title2{
  height:75px;
  overflow: hidden;
}
.content-home .product-wrapper .box-highlight-txt2 .highlight-txt-title2{
  height:120px;
  overflow: hidden;
} 
.banner-size{
  width: 100%;
}
.box-footer-top .box-footer{
  min-height: 320px;
}
.box-footer-buttom .box-footer{
  min-height: 230px;
}
.box-footer-buttom .box-footer:last-child ul li:nth-last-child(2){
  /*pointer-events: none;*/
}
.product-search{
  clear: both;
}
.product-wrapper .title-txt,
.review-wrapper .title-txt{
  line-height: 1;
}
.Banner-IS-none .swiper-pagination-bullets,.Banner-IS-none .swiper-button-prev,.Banner-IS-none .swiper-button-next{
  display:none;
}


@media screen and (min-width: 577px){
  .col-md-pull-6{
    right:50%
  }
  .col-md-push-6{
    left:50%
  }
}

@media screen and (max-width: 1200px){
  .content-home .product-wrapper .box-highlight-txt2 .highlight-txt-title2{
    height:90px;
  }  
  .Content-wrapper .container,
  footer .container{
    padding:0 15px ;
  }
}

@media (max-width: 1199px){
  .menu-bar .main-menu .txt-main-menu a{
    padding: 6.5px 10px;
  }
}

@media (max-width: 991px){
  .menu-bar .main-menu .txt-main-menu a{
    padding: 2px 10px;
    font-size: 20px;
  }
  
  footer .container>.row{
    margin:0;
  }
}

@media screen and (max-width: 820px){
  .menu-bar .main-menu .txt-main-menu {
    margin:0;
  }
}

@media (min-width: 768px){
  .col-sm-offset-3{
    margin-left: 25% !important;
  }
}

@media (max-width: 768px){
  .content-home .review-wrapper .control-box-review .size-review .box-review a .box-review-bg{
    padding:10px;
  }
  section.doctor .control-title-review{
    padding:10px;
  }
  section.products-detail .box-review .control-title-review{
    padding:10px;
  }
  section.beautyhack .control-box-review .size-review .box-review a .box-review-bg{
    padding:10px;
  }
  .content-home .question .box-question .qa-ico-arrow{
    display:none;
  }
  header .menu-size .menu-bottom li a{
    font-size:18px;
  }
  .content-home .product-wrapper .box-highlight-txt2{
    padding:15px;
  }
  .content-home .question .box-question .title-qa-txt{
    line-height:1;
  }
}
@media (max-width: 720px){
  .menu-bar .main-menu .txt-main-menu a{
    padding: 5px;
  }
}
@media (max-width: 767px){
  .content-home .product-wrapper .box-highlight .btn-s,
  .content-home .product-wrapper .box-highlight2 .btn-s,
  .content-home .product-wrapper .box-highlight3.HL .btn-s{
    position: unset;
    clear: both;
    padding: 15px;
    float:left;
  }
  .content-home .product-wrapper .box-highlight2,
  .content-home .product-wrapper .box-highlight3{
    margin-bottom:15px;
  }
  .content-home .product-wrapper .box-highlight3.HL{
    margin-bottom:0;
  }
  .content-home .activities .txt-news-act{
    padding:15px;
  }
  .content-home .product-wrapper .box-highlight{
    margin-bottom:15px;
  }
  .content-home .question .size-btn-q .btn-s{
    display: block;
    float: none;
  }
  section.main-detail .box-review .control-title-review{
    padding:10px 15px;
  }
  section.main-detail .txt-created{
    font-size: 20px;
    line-height:1;
  }
  section.product .product-wrapper,
  section.treatment .product-wrapper{
    padding:30px 0;
  }
  .qa-box-num .qa-box-num-l .qa-box-num-txtbox input{
    padding:0;
  }
  .content-home .product-wrapper .box-highlight-img3 img{
    height:auto;
  }
  .Treatments_home .box-highlight-txt3 .detail-content-hl-txt{
    min-height:unset;
  }
  section.qa .qa-main .size-btn-ss{
    padding:0 30px 20px;
  }
  section.beautyhack .qa-box-num .qa-box-num-txtbox{
    padding: 0 10px 0 0;
  }
  .qa-box-num .qa-box-num-l .qa-box-num-txtbox {
    padding: 0 10px 0 0; }
  section.rc-club .submit-box .submit-block{
    text-align: center;
  }
  section.rc-club .wrap-Captcha-Member table.CaptchaTable{
    width:100%;
  }
  section.rc-club .wrap-Captcha-Member .wrap-imgSecurityCode{
    width:100%;
  }
  section.rc-club .tab-content .check-block .code-box{
    width:100%;
  }
  section.rc-club .wrap-Captcha-Member .wrap-imgSecurityCode img{
    margin:0 auto;
    margin-bottom: 15px;
  }
  section.rc-club .btn-info-full{
    margin-top: 15px;
  }
  section.rc-club .tab-content .form-section{
    padding: 15px 0;
  }
}
@media (max-width: 576px){
  .content-home .activities .img-news-act{
    margin-top:15px;
  }
  .content-home .activities .img-news-act:first-child{
    margin-top:0;
  }
  .box-footer{
    min-height: unset!important;
  }
  .box-desktop {
    display: none;
  }
  .related-mobile {
    display: block;
  }
  .box-review .control-title-review{
    padding:15px;
  }
  footer .contact-wrapper .social-ico{
    padding-left: 15px;
  }
  footer .contact-wrapper .tol-ico{
    padding:0;
  }
  .Treatments_home .box-highlight-txt3 .btn-s{
    padding: 15px 0 0;
  }
  .Content-wrapper .container{
    padding: 0;
  }
   footer .s-menu-footer{
    padding: 15px;
    text-align: left;
  }
  .Content-wrapper .container>.row{
    margin: 0 ;
  }
}
@media (max-width: 480px){
  .Content-wrapper .container{
    /*padding: 0 15px;*/
  }
}

/*@media (max-width: 640px){
header {display: none;}
.menu-bar {display: none;}
.hm {display: block;}
}*/



@media (max-width: 767px){
  .col-xxs-12{
    width: 100%!important;
  }
  .col-xxs-7{
    width: 58.33333333%;
  }
  .col-xxs-5{
    width: 41.66666667%;
  }
  .visible-xxs{
    display:block!important;
  }
  .hidden-xxs{
    display:none!important;
  }
  .pad-LR{
    padding-left:0;
    padding-right:0;
  }
  header {display: none;}
  .menu-bar {display: none;}
  .hm {display: block;}
}
/*-------------------------------- End Responsive New --------------------------------*/

/*# TextInfo #*/
.cookie-popup {
  /*z-index: 99999;*/
  color: #999999;
  font-size: 18px;
  padding:10px 10px 10px;
  position: relative;
  display:none;
}
.close-cookie {
  position: absolute;
  right: 5px;
  top: 15px;
  font-size: 20px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
}
.close-cookie img{
  vertical-align: top;
}
@media (max-width: 767px){
  .cookie-popup{
    font-size:14px;
    overflow: hidden;
    padding: 8px 25px 8px 10px;
  }
  .close-cookie{
    top: 8px;
  }
}

/*-------------------------------- End Responsive New --------------------------------*/


.mm-listitem .mm-btn_fullwidth+span{
  padding-right: 10px!important;
}
.mm-menu .mm-listitem_opened>.mm-panel{
  padding-left: 0px!important;
  margin-bottom:5px;
}
.mm-menu_offcanvas.mm-menu_opened{
  display:block!important;
}
.header img{
  position: relative;
  top: -5px;
}


.block-cv{
  padding-top: 5px;
}


section.rc-club .wizard .nav-tabs > li a span{
  border: 2px solid #5bc0de;
  color: #5bc0de;
  
}
section.rc-club .wizard .nav-tabs > li.disabled a span{
  border: 2px solid #e0e0e0;
  color: #777;
}


section.rc-club .tab-content .check-block .con-input .bullet-label .other-input{
  margin-top: 10px;
}

section.rc-club .tab-content .search-block .search-box .form-control{
  height: auto;
}
section.rc-club .tab-content .help{
  padding-left: 0;
  margin: 5px 0;
}
/*.cookie-popup{
  color: #999999;
  font-size: 18px;
  padding: 10px 10px 10px;
  position: relative;
}*/
section.rc-club .tab-content .help input{
  border:0;
}
/*.close-cookie {
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 20px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}
.close-cookie img {
    vertical-align: top;
}*/
section.rc-club .tab-content .check-block .submit-box .submit-block label{
  border:0;
  line-height:1;
}

section.rc-club .tab-content .submit-box .submit-block #btnNext{
  line-height:1;
  /*border:0;
  padding: 7px 15px;*/
}
section.rc-club .tab-content .submit-box .submit-block #btnNext span{
  /*position: relative;
  top:-4px;*/
}
section.rc-club .tab-content .submit-box .submit-block #btnNext i{
  font-size:16px;
}
section.rc-club .tab-content .check-block .code-box span{
  padding: 0;
}
.txt-search{
  /*margin-top:-15px;*/
  line-height:1;
}
section.products-detail .box-review .img-review,
section.products .box-review .img-review{
  border: 0;
}


@media (min-width: 768px){
  .qa-box-num-l{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btn-box-num{
    margin-left: 10px;
  }
}

.ratting-box .bottom-qa .rating > div{
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #CCC;
  font-size: 24px;
  vertical-align: text-bottom;
}


.menu-top li:first-child{
  /*pointer-events: none;*/
}

.display-table{
  display: table;
}
.table-header{
  display: table-header-group;
}
.table-row{
  display: table-row;
}
.table-row > *,
.table-header > *{
  display: table-cell;
  float: none;
  width: auto!important;
}
.table-doctor .table-header{
  
}
.table-doctor .table-header > *{
  vertical-align: middle;
  height: 93px!important;
}
.table-doctor .table-header,
.table-doctor .table-row{
  padding: 0!important;
  
}
.table-doctor .table-row > *{
  border: 1px solid #fff;
}

.ContentBody .icon-star-empty{
  line-height: 28px;
}

.ContentBody .icon-star-full{
  line-height: 28px;
}

.ContentBody .icon-star-full {
  /*content: "★";
  color: rgb(255, 193, 7) !important;
  font-size: 28px;*/
  display:inline-block;
  background-image: url(/CMSScripts/jquery/jStarbox-master/images/5-large.png);
  width: 20px;
  height:20px;
  background-color: #ffdd50;
  background-size: cover;
  float:none!important;
  
}

.ContentBody .icon-star-empty {
  /*content: "★";
  color: rgb(204, 204, 204);
  font-size: 28px;*/
  display:inline-block;
  background-image: url(/CMSScripts/jquery/jStarbox-master/images/5-large.png);
  width: 20px;
  height:20px;
  background-color: #a1a1a1;
  background-size: cover;
  float:none!important;
}

.tag-cl{display:block;}

.Block-Related{padding: 50px 0 0;}
@media (max-width: 767px){
  .Block-Related {
    padding: 30px 0;
  }
}

.branches-headtb tbody tr td.nametimecol{
  padding: 3px 20px;
}
.branches-headtb tbody:nth-child(2n) tr td{
  background: #adeefd;
}
.branches-headtb tbody:nth-child(2n+1) tr td{
  background: #d1f0fc;
}
.Block-404{
  padding:50px 0;
}





/*# CSS BALL#*/
/*.Center{
  margin: auto;
  width:50%;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.cTxtSearch{
  border-radius: 5px;
  border: 1px solid #848484;
  outline: 0;
  height: 54px;
  width: 300px;
  padding: inherit;
  margin-top: 2px;
}
.cTable{
  margin-right: 0px;
  margin-left: 10%;
}
.cThead{
  background: url(/App_Themes/Stylesheet/Images/Branches/branches-head-tb.png);
  border: 1px solid #fff;
}
.cTr{
  /*font-size: 2rem;*/
  line-height: 26px;
  color: #ffffff;
  padding: 20px;
  height: 93px;
}
.cTable .cThead .cTr{
  text-align : center;
}
.cTbody{
  text-align : center;
}
table.cTable th {
  text-align: center;
  font-size:28px;
}
table.cTable tbody td{
  padding:10px 0;
}
table.cTable tbody tr:nth-child(odd){
  padding: 20px;
  vertical-align: top;
  background: #adeefd;
  border-bottom: solid 1px #ffffff;
  padding: 10px 0;
}
table.cTable tbody tr:nth-child(even){
  padding: 20px;
  vertical-align: top;
  background: #d1f0fc;
  border-bottom: solid 1px #ffffff;
  padding:10px 0;
}
.lightblue1{
  padding: 20px;
  vertical-align: top;
  background: #adeefd;
  border-bottom: solid 1px #ffffff;;
}
.lightblue2{
  padding: 20px;
  vertical-align: top;
  background: #d1f0fc;
  border-bottom: solid 1px #ffffff;
}
.aContactUs{
  color:#787878;
}*/
.Block-Followshop{
  
}
.searchFollowshop{
  text-align: center;
  padding: 15px 0;
}
.TableFollowshop{
  padding: 15px 0;
}
.Center button{
  height:40px;
  border-radius:4px;
}
.Center button:hover{
  color:#333;
}
.cTxtSearch{
  font-size: 24px;
  height: 40px;
  padding: 0 12px;
  max-width: 300px;
  display: inline-block;
}
.cTable{
  
}
.cThead{
  background: url(/App_Themes/Stylesheet/Images/Branches/branches-head-tb.png);
  border: 1px solid #fff;
}
.cTr{
  color: #ffffff;
  height: 70px;
}
.cTable .cThead .cTr{
  text-align : center;
}
.cTbody{
  text-align : center;
}
table.cTable th {
  text-align: center;
  font-size:28px;
}
table.cTable tbody td{
  padding:10px 0;
}
table.cTable tbody tr:nth-child(odd){
  padding: 20px;
  vertical-align: top;
  background: #adeefd;
  border-bottom: solid 1px #ffffff;
  padding: 10px 0;
}
table.cTable tbody tr:nth-child(even){
  padding: 20px;
  vertical-align: top;
  background: #dcf1f9;
  border-bottom: solid 1px #ffffff;
  padding:10px 0;
}
.lightblue1{
  padding: 20px;
  vertical-align: top;
  background: #adeefd;
  border-bottom: solid 1px #ffffff;;
}
.lightblue2{
  padding: 20px;
  vertical-align: top;
  background: #d1f0fc;
  border-bottom: solid 1px #ffffff;
}
.aContactUs{
  color:#787878;
}

@media (max-width: 767px){
  .cTable{
    width: 1000px;
    font-size: 18px;
  }
  table.cTable th{
    font-size: 18px;
  }
  .TableFollowshop{
    overflow: auto;
    padding: 5px 0;
  }
  .cTr {
    height: 50px;
  }
  table.cTable tbody td {
    padding: 5px 0;
  }
  .cTxtSearch{
    font-size: 18px;
    height: 35px;
  }
  .Center button{
    margin-top:15px;
    font-size: 18px;
    height: 35px;
  }
  .searchFollowshop{
    padding: 5px 0;
  }
}

.sitemappage ul li {
  list-style-type: none;
}

.sitemappage .topic-site {
  padding: 10px 0;
  font-family: "ThaiSans Neue Bold";
  font-size: 28px;
  color: #a5a5a5;
}
.sitemappage .topic-site a {
  color: #a5a5a5;
}
.sitemappage ul li a {
  color: #a5a5a5;
}
.sitemappage ul {
  padding: 0px;
  text-align: left;
}
.sitemapbread{
  margin-left:14px;
}
.closeModal{
  color: black;
}
.lightBoxModalHead{
  border-bottom: unset;
  text-align : center;
}
.eCon{
  width:unset;
}
.cImg{
  max-height: calc(100vh - 60px);
  max-width:100%;
}
@media (min-width: 768px){
  .lightBoxModalFade .modal-dialog {
    padding: unset;
  }
  
}

@media (min-width: 768px){
  .lightBoxModalDialog {
    width: auto;
    display:inline-block;
  }
}
.lightBoxModalFade{
  text-align : center;
  /*z-index : 9999999999999999;*/
}
.cOrderList{
  cursor:pointer;
}
.sAccountNumber{
  font-size: 35px;
}
.QR-Code{
  display:none;
}

.linkShop{
  padding-top:20px;
}

.linkShopProduct{
  padding-right:20px !important;
  padding-left:20px !important;
  margin-right:20px !important;
}

.marTable{
  margin-top:30px;
}

.cLBLAlert{
  color: #e62e00;
  display: block;
  background-color: #f2f2f2;
  margin: 10px 10px 20px 10px;
  padding: 20px 0px;
  font-family: 'ThaiSans Neue Bold';
}
.dFormSendPay {
    margin-bottom: 20px;
    margin-left: 14px;
    color: red;
    margin-top: 20px;
}
.dFormSendPay2 {
    color: red;
    margin-top: 30px;
    margin-bottom: 10px;
}
.dalert {
    text-align: left;
    color: red;
    margin-bottom: 30px;
}
.StockContainer .unavailable {
    font-family: 'ThaiSans Neue SemBd';
}
.block-desFollowShop{
  display:none;
  margin-top: 30px;
}
@media (max-width: 768px){
  .block-desFollowShop{
    display:block;
    margin-top: 30px;
  }
}

/*.lightBoxModalDialog{
  display:inline-block;
}
.tHowPay{
  margin-right: unset;
  margin-left: unset;
}*/

.table-left{
      text-align: left;
}
/*END CSS BALL*/


ul.control-pointer.mm-listview {
    min-height: 100vh;
}
.block-Related-productshop-detail {
    overflow: hidden;
}


