/***************** font-face : ThaiSans Neue *****************/
@font-face {
    font-family: 'ThaiSans Neue';
    src: url('../fonts/ThaiSansNeue-Regular.eot');
    src: url('../fonts/ThaiSansNeue-Regular.eot?') format('embedded-opentype'),
    	url('../fonts/ThaiSansNeue-Regular.woff?') format('woff'),
    	url('../fonts/ThaiSansNeue-Regular.ttf?') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ThaiSans Neue';
    src: url('../fonts/ThaiSansNeue-Bold.eot');
    src: url('../fonts/ThaiSansNeue-Bold.eot?') format('embedded-opentype'),
    	url('../fonts/ThaiSansNeue-Bold.woff?') format('woff'),
    	url('../fonts/ThaiSansNeue-Bold.ttf?') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ThaiSans Neue';
    src: url('../fonts/ThaiSansNeue-Italic.eot');
    src: url('../fonts/ThaiSansNeue-Italic.eot?') format('embedded-opentype'),
    	url('../fonts/ThaiSansNeue-Italic.woff?') format('woff'),
    	url('../fonts/ThaiSansNeue-Italic.ttf?') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'ThaiSans Neue';
    src: url('../fonts/ThaiSansNeue-BoldItalic.eot');
    src: url('../fonts/ThaiSansNeue-BoldItalic.eot?') format('embedded-opentype'),
    	url('../fonts/ThaiSansNeue-BoldItalic.woff?') format('woff'),
    	url('../fonts/ThaiSansNeue-BoldItalic.ttf?') format('truetype');
    font-weight: bold;
    font-style: italic;
}

 /***************** font-face : THSarabunNew *****************/
@font-face {
    font-family: 'THSarabunNew';
    src: url('../fonts/THSarabunNew.eot');
    src: url('../fonts/THSarabunNew.eot?') format('embedded-opentype'),
    	url('../fonts/THSarabunNew.woff?') format('woff'),
    	url('../fonts/THSarabunNew.ttf?') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url('../fonts/THSarabunNewBold.eot');
    src: url('../fonts/THSarabunNewBold.eot?') format('embedded-opentype'),
    	url('../fonts/THSarabunNewBold.woff?') format('woff'),
    	url('../fonts/THSarabunNewBold.ttf?') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url('../fonts/THSarabunNewItalic.eot');
    src: url('../fonts/THSarabunNewItalic.eot?') format('embedded-opentype'),
    	url('../fonts/THSarabunNewItalic.woff?') format('woff'),
    	url('../fonts/THSarabunNewItalic.ttf?') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'THSarabunNew';
    src: url('../fonts/THSarabunNewBoldItalic.eot');
    src: url('../fonts/THSarabunNewBoldItalic.eot?') format('embedded-opentype'),
    	url('../fonts/THSarabunNewBoldItalic.woff?') format('woff'),
    	url('../fonts/THSarabunNewBoldItalic.ttf?') format('truetype');
    font-weight: bold;
    font-style: italic;
}

 /***************** font-face : Mitr Light *****************/
@font-face {
   font-family: 'Mitr Light';
   src: url('../fonts/Mitr-Light');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Mitr Regular';
   src: url('../fonts/Mitr-Regular');
   font-weight: normal;
   font-style: normal;
}

 /***************** font-face : Prompt *****************/
@font-face {
   font-family: 'Prompt Medium';
   src: url('../fonts/Prompt-Medium.ttf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Prompt Regular';
   src: url('../fonts/Prompt-Regular.ttf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Prompt SemiBold';
   src: url('../fonts/Prompt-SemiBold.ttf');
   font-weight: normal;
   font-style: normal;
}


/************** font-face : DB HelvethaicaX  *****************/
@font-face {
    font-family: 'DB HelvethaicaX Li';
    src: url('../fonts/DBHelvethaicaX Li.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DB HelvethaicaX Med';
    src: url('../fonts/DBHelvethaicaX Med.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'DBHelvethaicaX';
  src: url('../fonts/DBHelvethaicaX.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBHelvethaicaX';
  src: url('../fonts/DBHelvethaicaXIt.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'DBHelvethaicaX';
  src: url('../fonts/DBHelvethaicaXBd.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'DBHelvethaicaX';
  src: url('../fonts/DBHelvethaicaXBdIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}


html, body {
	/* font-family: 'DB HelvethaicaX Li'; */
	font-family: 'THSarabunNew';
	color:#000;
}
* { font-size: 22px; }

/************** Validation ***************/
.help-block.error {color: red; font-style: italic;}

.form-group .labelRequest::after {
	color: red;
	content: " *";
}



/***************** layout *****************/
 .header-top {
	background-color: #F2F2F2;
	font-family: 'Tahoma';
}
.header-top a {
	color: #1a1a1a;
	margin: 20px 0px 20px 20px;
}
.noty_type_information .noty_message .noty_close {top: 8px !important;right: 8px !important;}
.header-top .navbar { 
	margin-bottom: 0px;
}
.header-top .navbar ul li a { 
	margin: 5px 10px 5px 0px; 
	padding: 5px 10px 5px 5px; 
}
.title-logo img {width: 180px;}
.header {
	padding: 5px 0px;
	background-color: #FFFFFF;
	font-family: 'ThaiSans Neue';
}


#hilight-zone.hilight-th .title-hilight-02 {padding-left: 0%}
#hilight-zone.hilight-th .title-hilight-03 {padding-left: 0%}

#hilight-zone.hilight-th .title-hilight-01 {font-size: 65px;}
#hilight-zone.hilight-th .title-hilight-02 {font-size: 50px;}

#hilight-zone.hilight-en .title-hilight-01 {font-size: 64px;line-height: 51px;}
#hilight-zone.hilight-en .title-hilight-02 {font-size: 38px;line-height: 40px;}
#hilight-zone.hilight-en .title-hilight-03 {font-size: 38px;line-height: 40px;}
#hilight-zone.hilight-en .title-hilight-02 {margin-top: 20px;margin-bottom: 20px;}
#hilight-zone.hilight-en .divTitle {top: 70px;}

#hilight-zone.hilight-zh .title-hilight-01 {font-size: 50px;line-height: 51px;}
#hilight-zone.hilight-zh .title-hilight-02 {font-size: 38px;line-height: 40px;}
#hilight-zone.hilight-zh .title-hilight-03 {font-size: 38px;line-height: 40px;}

.btn.disabled {border: #cbcbcb !important;background: #cbcbcb !important;}
.btn-info.active {background-color: #ad7801;border-color: #ad7801;}

.container .info-main2 {height: 495px;}

.content-wrapper .container .row .col-md-12 p {width: 100% ;height :auto;}
#txtSearch {border-radius: 4px;}

/***************** Header *****************/
.main-header { box-shadow: 0px 0px 5px #7d7d7d; max-height: unset; width: 100%; }
.main-header .main-header-header {}
.main-header .main-header-main {color: #000;}

.main-header .main-header-main2 {background-color: #1989b3; background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%); padding-top: 10px; padding-bottom: 10px;}

.main-header .logo-brand {display: inline-block; padding: 5px; border-radius: 50%;margin-top: 0px;}
.main-header .logo-brand img { height: 92px; object-fit: cover; }

.main-header .main-header-right { display: block; }
.main-header .main-header-right .main-header-top {font-size: 1.6rem;}
.main-header .main-header-right .main-header-top .navbar-right {margin-top: 5px;}
.main-header .main-header-right .main-header-top .navbar-nav > li {border-left: 1px solid #d6d2d2; margin-bottom: 5px; }
.main-header .main-header-right .main-header-top .navbar-nav > li:first-child {border-left: none;}
.main-header .main-header-right .main-header-top .navbar-nav > li > a { padding-top: 5px; padding-bottom: 0px;color: white; font-family: 'DB HelvethaicaX Med'; font-size: 1.5rem;}
.main-header .main-header-right .main-header-top .navbar-nav > li > a:hover { color: #0071bc; }
.main-header .main-header-right .main-header-top .navbar-nav > li > ul a {font-size: 1.9rem;}
.main-header .main-header-right .main-header-menu {font-size: 2.1rem; margin-top: 0px;  font-family: 'DB HelvethaicaX Med';}
.main-header .main-header-right .main-header-menu .navbar-nav > li > a {color: #ffffff; font-weight: normal; font-family: 'DBHelvethaicaX'; padding: 10px 14px; font-size: 2.1rem; text-align: left; }
.main-header .main-header-right .main-header-menu .navbar-nav > li > a em {font-size: 1.5rem;}
.main-header .main-header-right .main-header-menu .navbar-nav > li > a.sell-regis-menu { display: flex; align-items: center; gap: 10px; color: #fff; background-color: #62c8fc; border: 1px solid #62c8fc; border-radius: 5px; }
.main-header .main-header-right .main-header-menu .navbar-nav > li > a.sell-home-menu { display: flex; align-items: center; gap: 10px; color: #fff; background-color: #c298dd; border: 1px solid #c298dd; border-radius: 5px; }
.main-header .main-header-right .main-header-menu .navbar-nav > li > a.product-menu {background-color: #c298dd; color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;margin-right: 75px;}
.main-header .main-header-right .main-header-menu .navbar-nav > li > a.product-menu em {margin-right: 5px;}
.main-header .nav>li>a:hover, .main-header .nav>li>a:active, .main-header .nav>li>a:focus { color: white; background: none; }
.main-header .main-header-right .main-header-top .navbar-nav li.user-menu .dropdown-toggle {padding-top: 4px;}
.modal-content #dialogReportform #formReportDialog .form-group #txtReport {font-size: 23px;}
.modal-content #dialogReportlist .report-list a {text-align: center;font-weight: bold;}
.modal-content #dialogReportlist #formlist {text-align: center;font-weight: bold;}

.main-header .main-header-right .navbar-right { margin-right: 0px; float: unset !important; }
.main-header .main-header-right .navbar-right .navbar-nav { float:unset !important; /*display: flex; flex-direction: row;*/ }
.main-header .main-header-right .navbar-right .navbar-nav>li { width: auto; text-align: center; padding: 0; }
.main-header .main-header-right .navbar-right .navbar-nav>li.store-name {color: #fff; font-size: 26px;}
.main-header .main-header-right .navbar-right .navbar-nav>li.to-right { float: right; padding: 0; margin-left: 15px;}
.main-header .main-header-right .navbar-right .navbar-nav>li:last-child { float: right; padding: 0; }

/* .main-header .main-header-right .menu2 .navbar-nav li { border-right: 1px solid rgba(51, 51, 51, 0.2); } */
/* .main-header .main-header-right .navbar-nav li.active a {color:#0071bc;} */
/* .main-header .main-header-right .menu2 .navbar-nav li.active a:after { border-bottom: 5px solid #004d93; content: ' '; width: 100%; display: block; position: absolute; bottom: 0px; left: 0; } */
/* .main-header .main-header-right .menu2 .navbar-nav li a:hover:after { border-bottom: 5px solid #004d93; content: ' '; width: 100%; display: block; position: absolute; bottom: 0px; left: 0; } */

.main-header-main { display: flex; flex-direction: row; justify-content: space-between; margin: 0px 0px 0px 0px; align-items: center; column-gap: 15px; }
.main-header-main .profile-box { display: flex; flex-direction: row; align-items: center; gap: 30px; flex: 1;padding-left: 0%;}
.main-header-main .profile-box .head-profile-box { display: flex; flex-direction: row; align-items: center; gap: 10px; cursor: pointer;}
.main-header-main .profile-box .head-profile-box .dropdown-menu {right: 0; left: unset;}
.main-header-main .profile-box .head-profile-box .profile-img { }
.main-header-main .profile-box .head-profile-box .profile-img img { width: 35px; height: 35px; object-fit: cover; border-radius: 50%; }
.main-header-main .profile-box .head-profile-box .profile-menu { font-size: 20px; font-family: 'DBHelvethaicaX'; padding-top: 10px;}
.main-header-main .profile-box .head-profile-box .profile-menu a em {color: #3fbba9;margin-right:5px;}
.main-header-main .profile-box .head-profile-box .profile-menu a {color: #999;font-size: 20px;}

.main-header-main .profile-box .head-cart-box { font-size: 25px; position: relative; }
.main-header-main .profile-box .head-cart-box a {color: #3fbba9;position: relative;}
.main-header-main .profile-box .head-cart-box em { margin-top: 15px;margin-right: 13px;}
.main-header-main .profile-box .head-cart-box .amount { font-size: 17px; background-color: #E32886; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-family: 'DBHelvethaicaX'; position: absolute; top: -11px; right: 0px; }
.main-header-main .profile-box .head-cart-box .head-cart-box-span {font-weight: bold;font-family: tahoma;font-size: 15px;}

.main-header-main .profile-box .head-notify-box { font-size: 25px; position: relative; }
.main-header-main .profile-box .head-notify-box a {color: #3fbba9;}
.main-header-main .profile-box .head-notify-box em { margin-top: 15px; }
.main-header-main .profile-box .head-notify-box .amount { font-size: 17px; background-color: #E32886; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-family: 'DBHelvethaicaX'; position: absolute; top: 5px; right: -16px; }

.main-header-main .profile-box .head-fav-box { font-size: 25px; position: relative; }
.main-header-main .profile-box .head-fav-box a {color: #3fbba9;}
.main-header-main .profile-box .head-fav-box em { margin-top: 15px; }
.main-header-main .profile-box .head-fav-box .amount { font-size: 17px; background-color: #E32886; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-family: 'DBHelvethaicaX'; position: absolute; top: 5px; right: -16px; }

/* header lang */
.main-header-main .profile-box .head-lang-box { font-size: 25px; position: relative; color: #999; font-weight: bold;}
.main-header-main .profile-box .head-lang-box .lang-switch {padding-top: 10px;}
.main-header-main .profile-box .head-lang-box .lang-switch a {color: #999	;}
.main-header-main .profile-box .head-lang-box .lang-switch span {color: #3fbba9;}

/* header chat icon */
.main-header-main .profile-box .head-chat-box { font-size: 25px; position: relative; }
.main-header-main .profile-box .head-chat-box a {color: #3fbba9;}
.main-header-main .profile-box .head-chat-box em { margin-top: 15px; }
.main-header-main .profile-box .head-chat-box .amount { font-size: 17px; background-color: #E32886; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-family: 'DBHelvethaicaX'; position: absolute; top: 5px; right: -16px; }


.main-header-main .profile-box .head-serach-box { position: relative; align-items: center; flex: 1; }
.main-header-main .profile-box .head-serach-box .head-serach-box-box {width: 300px; position: relative;padding-bottom: 15px;padding-top: 25px;}
.main-header-main .profile-box .head-serach-box input { padding: 5px 35px 5px 10px; font-size: 17px; font-family: 'DBHelvethaicaX'; background: rgb(255 255 255 / 70%); border: 1px solid #eee; border-radius: 5px; width: 100%;color: #999999;line-height: 22px;}
.main-header-main .profile-box .head-serach-box input::placeholder {color: #3fbba9;}
.main-header-main .profile-box .head-serach-box em { position: absolute; right: 15px; font-size: 20px; color: #0DC093; top: 32px;}
.main-header-main .profile-box .head-serach-box-text {font-size: 17px;font-family: 'DBHelvethaicaX';color: #999999;}
.main-header-main .profile-box .head-serach-box-text span {font-size: 17px;margin-right: 10px;}
.main-header-main .profile-box .head-serach-box-text .head-serach-box-text-word {font-size: 16px;background: #0DC093;color: #fff;padding: 0px 10px;border-radius: 10px;}

.main-header-main .profile-box .head-store-box{ position: relative; align-items: center; flex: 1; }
.main-header-main .profile-box .head-store-box .head-store-box-box {color: #3fbba9; font-family: 'DB HelvethaicaX Med'; font-size: 32px; }

.main-header .logo-box { display: flex; flex-direction: row; align-items: flex-start; gap: 15px;  }
.main-header .logo-box .logo-text { font-family: 'DBHelvethaicaX'; }
.main-header .logo-box .logo-text .logo-text1 { font-size: 3rem; font-family: 'DB HelvethaicaX Li'; }
.main-header .logo-box .logo-text .logo-text2 { font-size: 2.1rem; line-height: 10px; font-family: 'DB HelvethaicaX Li'; }




.skin-smart .wrapper {
 	background-color: #fff;
 }
.content-wrapper {
 	background-color: #fff;
}
 .content-header, .content {
 	padding-left: 0px;
 	padding-right: 0px;
 } 
 .main-title {position: relative;}
 .main-title .title-logo {
 	float: left;
 	margin-right: 20px;
 }
 .main-title .title {
 	font-family: 'ThaiSans Neue' ;
 	font-weight: bold;
 	font-size: 46px;
 	color: #FF6A00;
 }
 .main-title .title .title-hilight {color: #FF6A00; font-size: 40px; }
 .main-title .subtitle {
 	font-family: 'ThaiSans Neue' ;
 	font-size: 30px;
 }
  .info-right, .info-right a{
 	color: #1a1a1a;
 	font-weight: bold;
 }
 .main-title .info-right {
 	position: absolute;
 	top:0px;
 	right: 0px;
 	margin-top: 15px;
 	text-align: right;
 }
 .main-title .info-right #divFontSize,  .main-title .info-right #divTheme {
 	display: inline;
 	color: #B21F29;
 	font-weight: bold;
 }
  .main-title .info-right #divFontSize a,  .main-title .info-right #divTheme a{
  	border-radius: 20px;
  	display: block;
  	width: 20px;
  	font-size: 0px;
  	height: 20px;
  	float: right;
  	border: 1px solid #1a1a1a;
  	margin: 2px 5px;
  	background-color: #1a1a1a;
  }

h2.title { text-align: center; font-family: 'ThaiSans Neue' ; font-size: 48px; font-weight: bold; color: #283e56; margin: 0px; }
h2.title small { color: #FFF; }
h2.title .hilight { color: #006ea0; }
.line-zone { margin: 5px 0px 25px;}
.line-zone .line {border-top: 2px solid #1aa3d1; display: block;}

.page-title-zone  {background-color: #3b6aa0;padding: 42px 0px 15px 0px;color: #fff;background-image: url(../img/pagetitle.jpg);}
  
  .main-title .info-right #divSlogan {
 	font-family: 'ThaiSans Neue' ;
 	font-style: italic;
 	font-size: 22px;
 	padding: 5px 0px;
  }

h2.pageName {
	color: #B21F29;
	font-family: 'ThaiSans Neue' ;
	font-size: 32px;
	font-weight: bold; 
	border-bottom: 1px solid #B21F29;
	padding: 3px 0px 5px;
	margin-bottom: 5px;
}

#Directoryupdate-zone .imagelocation-small {width: 33.33%;float: left;}
#Directoryupdate-zone .imagelocation-small img {width:100%;}
.title-label {
	color: #4E876C;
	font-size: 2.6rem;
	padding: 2px 0px 3px;
	border-bottom: 1px solid #4E876C;
	margin-bottom: 15px;
	font-weight: bold;
}
.pointer { cursor: pointer; }

/***************** layout : breadcrumb *****************/
.content-header > .breadcrumb {
  position: relative;
  margin-top: 5px;
  top: 0;
  right: 0;
  float: none;
  background: #d2d6de;
  padding-left: 10px;
}
.content-header > .breadcrumb li:before {
  color: #97a0b3;
}

.modal-content .modal-body #dialogReportDetail #divDialogReport .detail {font-size: 19px !important;}
.modal-header .bootstrap-dialog-close-button .close {color: #ffffff;text-shadow: initial;filter: initial;opacity: 1;}
.modal-content .modal-body #dialogReportDetail .txtStatus-W {font-family: Mitr Light;font-size: 14px;}
.modal-content .modal-body {padding: 5px 15px 15px;}
.modal-content .modal-body #dialogReportDetail #divDialogReport .txtRating {font-family: Mitr Light;font-size: 14px;}
#mypage-tab #tab04 .itemBox .detail {line-height: 2.0;}
.modal-content .modal-body #divDialogReview .pull-right {width:100%;float:left;}
.modal-content .modal-body #divDialogReview .imgRating {margin-right: 1px;}
.modal-content .modal-body #divDialogReview .txtRating{font-size: 19px;}
.modal-content .modal-body #divDialogReview .detail {font-size: 19px;}
#tab04 .itemBox .title {margin-bottom: 5px;}
#mypage-tab #lnktab03 a {background-color: #206ef5 !important;}
#tab03 .itemBox .imgStd-elephant {height: 24px !important;margin-top: -3px !important;}
#tab03 .itemBox .imgStd-verified {height: 18px !important;margin-left: 10px !important;margin-right: 10px !important;}
#tab03 .itemBox .imgStd-official {height: 20px !important;margin-top: 0px !important;}


/***************** layout : Search *****************/
#search-zone { padding: 25px 0px 15px; }
#search-zone .btn, #search-zone .form-control {font-size: 2.1rem;height: 39px;}
#search-zone .form-group {margin-bottom: 0px;}	
#search-zone .form-control {height: 39px;}
#search-zone .search-location .btn {color: #1a1a1a; background-color: #cccccc; border-radius: 0px;}
#search-zone .search-location .btn span { display: block; float: left; padding-left: 5px; font-family: 'DBHelvethaicaX'; font-size: 2.1rem; line-height: 1.2;}
#search-zone .search-location .glyphicon-map-marker { float: left; padding-left: 5px; color: #1a1a1a; font-size: 1.6rem; }
#search-zone .search-location .btn.actived {background-color: #f39c12; }
#search-zone .search-text input { font-family: 'DBHelvethaicaX'; font-size: 2.1rem; background-color: #e11130; color: #fff; border-radius: 0px; text-overflow: ellipsis;display: block;padding-top: 6px;}
#search-zone .search-text input::placeholder  {color: #eee;}
#search-zone .search-province .select2-container, 
#search-zone .search-maintype .select2-container 
{height: auto;display: block;z-index: 99;}
#search-zone .search-province .select2-selection, 
#search-zone .search-maintype .select2-selection 
{height: 39px;}
#search-zone .search-province .select2-selection span.select2-selection__rendered, 
#search-zone .search-maintype .select2-selection span.select2-selection__rendered
{ color: #fff; height: auto; margin-top: 0px; font-family: 'DBHelvethaicaX'; font-size: 2.1rem; line-height: 1.2;}
#search-zone .search-province .select2-selection span.select2-selection__arrow, #search-zone .search-maintype .select2-selection span.select2-selection__arrow {height: 100%;}
#search-zone .search-province .select2-selection span b, #search-zone .search-maintype .select2-selection span b {border-color: #fff transparent transparent transparent;}
.select2-results .select2-results__option { font-size: 2.1rem; font-family: 'DBHelvethaicaX'; }
.select2-container--default .select2-search--dropdown .select2-search__field { font-family: 'DBHelvethaicaX'; }
#search-zone .search-province .select2-selection {background-color: #245aa3; border-radius: 0px;text-align: left;}
#search-zone .search-maintype .select2-selection {background-color: #666666; border-radius: 0px;text-align: left;}
#search-zone .search-button .btn { color: #0033FF; background-color: #e4e4e4; border-radius: 0px; font-family: 'DBHelvethaicaX'; font-size: 2.1rem; line-height: 1.2;}
#search-zone .search-button .btn .fa-search {padding-right: 5px;}
#search-zone .search-location , #search-zone .search-text ,#search-zone .search-province ,#search-zone .search-maintype , #search-zone .search-button {}

#search-zone.hasToggle {position: relative; margin-bottom: 20px; padding-top: 0; padding-bottom: 0;}
#search-zone.hasToggle.top { top:0px; bottom: unset;}
#search-zone.hasToggle.open { 
	background: #ffffff;
	background: -moz-linear-gradient(top, #e9e9e9 0%,#ffffff 40%);
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#ffffff 40%);
	background: linear-gradient(top, #e9e9e9 0%,#ffffff 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 );
	padding-top: 15px;
	padding-bottom: 5px;
}
#search-zone.hasToggle > div.container {display: none;}
#search-zone.hasToggle.open > div.container {display: block;}
#search-zone.hasToggle .search-toggle {height: 20px; position: absolute; bottom: 0; left: 0; right: 0;background: #ffffff;}
#search-zone.hasToggle.open .search-toggle {bottom: -20px; }
#search-zone.hasToggle.open #search-toggle-up {display: block; width: 100%;}
#search-zone.hasToggle #search-toggle-up {display: none;}
#search-zone.hasToggle.open #search-toggle-down {display: none;}
#search-zone.hasToggle #search-toggle-down {display: block; width: 100%;}
#search-zone.hasToggle > div {text-align: center; cursor: pointer;}
#search-zone.hasToggle .search-toggle > div em {font-size: 1.8rem; color:#0033FF; display: none;}
#search-zone.hasToggle .search-toggle:hover > div em {display: inline-block;}

 /***************** font *****************/
.thsans {
	font-family: 'ThaiSans Neue' ;
}
.thsarabunnew {
	font-family: 'THSarabunNew' ;
}
.content-inform {
	border: 1px solid;
	border-color: #1a1a1a;
	padding: 10px;
}

/***************** button *****************/
.btn-action, .btn-sidemenu {
	font-family: 'ThaiSans Neue' ;
	text-align: left;
	font-size: 20px;
}
.btn {font-size: 22px;}



/***************** panel *****************/
.panel-detail {font-family: 'THSarabunNew';font-size: 2.1rem; border: none;}
.panel-detail .panel-body {padding-right: 0px; padding-left: 0px;}
.panel-detail input, .panel-detail select, .panel-detail textarea, .panel-detail .divControl { font-size: 2.1rem; }
.panel-detail .help-block {font-size: 1.8rem; }
.panel-detail .form-control {height: auto;}
.panel-detail .btn {font-size: 2.1rem; }
.panel-detail .divControl .checkbox.with-icheck label { margin-bottom: 5px; }
.panel-detail .divControl .help-block.error {margin-bottom: 0px;}
.panel-detail label.control-label { }
.panel-detail .form-inline.radio { padding-top: 0px; }
.panel-detail .radio-inline { padding-top: 0px; }
.panel-detail.panelHeader { font-family: 'ThaiSans Neue'; font-size: 18px; }
.panel-detail.panelHeader .item-img { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 5px; }
.panel-detail.panelHeader .title { font-size: 32px; font-weight: bold; margin-bottom: 15px; }
.panel-detail.panelHeader .detail { margin-bottom: 5px; }
.panel-detail.panelHeader .img-thumbnail { border: none; }

/***************** formSearchSide *****************/
.formSearchSide {}
.formSearchSide .search-panel { margin-bottom: 20px; }
.formSearchSide .search-panel span { line-height: 25px; }
.formSearchSide .clearFilter { width: 100%; font-size: 14px; font-weight: bold; margin-bottom: 20px; }

/****************Check box ******************/
.checkbox.with-icheck label {
	padding-left: 0px;
}
.checkbox.with-icheck div[class*=icheckbox] {
	/* margin-right: 5px; */
    margin-top: -5px;
}
.radio.with-icheck label {
	padding-left: 0px;
}
.radio.with-icheck div[class*=iradio] {
	margin-right: 2px;
}

/********* DataTable *************/
.dataTables_wrapper {
	clear: both;
	position: relative;
}
.dataTable caption {
	background-color: #FF6666;
	color: #ffffff;
	font-weight: bold;
	padding-left: 8px; 
	padding-right: 8px;
	font-family: 'ThaiSans Neue' ;
	font-size: 20px;
}
.dataTable thead tr th {
	background: linear-gradient(#E6E6E6, #FFFFFF); 
	font-family: 'ThaiSans Neue' ;
	font-size: 20px;
	vertical-align: middle;
}
.dataTable .bottom {font-family: 'ThaiSans Neue' ; font-size: 20px;}
.dataTable .bottom select {font-family: tahoma; font-size: 14px;}
.dataTable .bottom .dataTables_info , .dataTable .bottom .dataTables_length {float: left; width: auto;}
.dataTable .bottom .dataTables_paginate{float: right; width: auto;}
.dataTable .bottom .dataTables_length {padding-top: 8px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc;}

.skin-smart .pagination > .active > a, 
.skin-smart .pagination > .active > a:focus, 
.skin-smart .pagination > .active > a:hover, 
.skin-smart .pagination > .active > span, 
.skin-smart .pagination > .active > span:focus, 
.skin-smart .pagination > .active > span:hover {
	background-color: #000000;
	border-color: #000000;
}

/**************** Overwrite ****************/
.help-block { font-size: 20px; font-style:italic }

/**************** Overwrite button ****************/


.skin-smart .box.box-solid.box-primary {
  border: 1px solid #B21F29;
}
.skin-smart .box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #B21F29;
  background-color: #B21F29;
}

.skin-smart .box.box-info {
  border-top-color: #FA76D9;
}
.skin-smart .box.box-solid.box-info {
  border: 1px solid #FA76D9;
}
.skin-smart .box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #B7BBC2;
  background-color: #B7BBC2;
}

.skin-smart .sidebar-menu {background-color: #ffffff; font-family: 'ThaiSans Neue' ; font-size: 20px;} 
.skin-smart .sidebar-menu .treeview-menu > li > a { font-size: 18px;} 

/************ Login Page *************/
#login-panel {padding: 20px;}
#login-panel .panel {width: 500px; margin-right: auto; margin-left: auto; }
#login-panel .panel-body { margin: 15px 20px 15px 20px; }
/* #login-panel .title { font-size: 48px; font-weight: bold; }
#login-panel .hilight { color: #B21F29; } */
#login-panel .login-title { max-width:500px; text-align: left; font-size: 3.2rem; font-weight: bold; margin: 10px 0px; font-family: 'DBHelvethaicaX';}
#login-panel .login-alert { max-width:500px; font-size: 2.1rem; font-weight: bold; }
#login-panel .btn { max-width:500px; width: 100%; font-size: 2.1rem; font-weight: bold; }
#login-panel .form-control { max-width:500px; width: 100%; }
#login-panel .btn-login { margin-top: 40px; }
#login-panel .btn-facebook { background-color: #3B5998; border-color: #3B5998; }
#login-panel .regis { margin-top: 26px; }
#login-panel .regis-title {font-family: 'DBHelvethaicaX'; font-size: 2.2rem; font-weight: bold; color: graytext; }
#login-panel .regis-link {font-family: 'DBHelvethaicaX'; font-size: 2.2rem; font-weight: bold; color: #4F33FF; text-decoration: underline; }

/*************** Line ****************/
.linezone {position: relative; height: 30px; overflow: hidden; text-align: center; margin: 20px 0px 15px 0px; }
.linezone .line-left {position: absolute; right: 50%; height: 1px; background-color: #CCCCCC; width: 100%; margin-top: 10px; margin-right: 20px;}
.linezone .line-right {position: absolute; left: 50%; height: 1px; background-color: #CCCCCC; width: 100%; margin-top: 10px; margin-left: 20px;}
.linezone .line-center {position: relative; color: graytext;font-family: 'DBHelvethaicaX'; font-size: 2.2rem; top: -6px; }

/* @media screen and (max-width: 992px) {
	#login-panel .panel { width: 600px; }
	#login-panel .sub-title { max-width:500px; }
	#login-panel .login-alert { max-width:500px; }
	#login-panel .btn { max-width:500px; }
	#login-panel .form-control { max-width:500px; }
}
@media screen and (max-width: 767px) {
	#login-panel .panel { width: 400px; }
	#login-panel .sub-title { max-width:300px; }
	#login-panel .login-alert { max-width:300px; }
	#login-panel .btn { max-width:300px; }
	#login-panel .form-control { max-width:300px; }
}
@media screen and (max-width: 456px) {
	#login-panel .panel { width: 100%; }
	#login-panel .sub-title { max-width: 90%; }
	#login-panel .login-alert { max-width: 90%; }
	#login-panel .btn { max-width: 90%; }
	#login-panel .form-control { max-width: 90%; }
} */

/************ Register Page ************/
/* #register-panel .title { font-size: 48px; font-weight: bold;}
#register-panel .hilight { color: #B21F29; }
#register-panel .sub-title { text-align: left; font-size: 36px; font-weight: bold; margin: 10px 10px 20px; }
#register-panel .title,
#register-panel .sub-title,
#register-panel .btn { font-size: 18px; font-weight: bold; } */

/********* Forgot Password Page *********/
#forgot-panel .panel { width: 800px; }
#forgot-panel .title { font-size: 3rem; font-weight: bold;}
#forgot-panel .hilight { color: #B21F29; }
#forgot-panel .sub-title { max-width:600px; text-align: center; font-size: 3rem; font-weight: bold; margin: 10px; }
#forgot-panel .btn { max-width:600px; width: 100%; font-size: 20px; font-weight: bold; }
#forgot-panel .form-control { max-width: 600px; width: 100%; }
#resetPassword-panel .btn { font-size: 18px; font-weight: bold; }


/************* Other Page *************/
#finish-panal,
#activate-panal { /* font-family:'ThaiSans Neue'; */ font-family:'Tahoma'; text-align: center; }
#bannerzone { background-color: #E9ECEF; }
#bannerzone.content { min-height: 100px; }


/************* Authentication ***********/
.header-user { position: relative;  right: 0px; top: -30px; font-size: 22px; }


.navbar-custom-menu >.navbar-nav>li>.dropdown-menu { z-index: 11000; position: absolute; top: 50px; right: 0px; }
.navbar-nav >.user-menu >.dropdown-menu { width: auto; min-width: 200px; }
.navbar-nav >.user-menu >.dropdown-menu  >.user-footer div a { display: block; color: #444444; }
.navbar-nav >.user-menu >.dropdown-menu>.user-footer div:hover { background-color: #E5E5E5; }
.navbar-nav>.user-menu >.dropdown-menu >.user-footer div.active { background-color: #E5E5E5; }
/* .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default { min-width: 120px; } */

/********** Fix Position Header ***********/
.content-header-fix { position: fixed; top: 0px; height: 20px; width: 100%; z-index: 10000; }
/*.content-wrapper { margin-top: 175px; overflow: auto; }*/


/*************** Header ***************/
.title-logo.mobile img{ width: 50px; margin-left: 60px; }
.navbar-header.mobile { position: absolute; left: 0px; top: -12px; font-size: 32px; }


/**************** Menu **************/
#service , #contact { top: -124px; }



/*************** Back to Top **************/
#back-to-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 9999;
	text-align: center;
	cursor: pointer;
	border: 0;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .5);
	text-align: center;
	min-width: 100px;
}
#back-to-top:hover { background: #e9ebec; }
#back-to-top.show { opacity: 1; }
#back-to-top .toTop-content { margin: 5px; color: black; font-weight: bold; opacity: 0.5; filter: alpha(opacity = 50); /* For IE8 and earlier */ }
#back-to-top .toTop-content div { margin-top: 5px; }
#back-to-top .toTop-img { height: 45px; }

/********** Footer *********/
.main-footer { 
    border-top: 10px solid #349946;
    border-left: none;
    color: #fff;
    background-color: #1989b3;
    background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);
    background-position: center bottom;
    background-size: 100%;
    padding: 20px 15px 20px;
    /*#349946*/
    position:relative;
}
.main-footer:before {
    content:'';
    position:absolute;
    width:100%;
    height:10px;
    background:linear-gradient(to left, #c298dd, #c298dd);
    top:-10px;
    left:0;
}
.main-footer .container {}
.main-footer .footer-border {height: 5px; background-color: #349946;}
.main-footer a { color: #FFF ; }
.main-footer .footer-title {font-size: 2.5rem; font-weight: bold; position: relative;}
.main-footer .footer-title .footer-social {font-size: 1.6rem; position: absolute; top: 50%; right: 0px;}
.main-footer .footer-link {margin-top: 5px; font-size: 2.0rem; text-align: right;}
.main-footer .footer-link a {font-size: 2.0rem; }
.main-footer .footer-text {margin-top: 5px; font-size: 1.8rem; text-align: right;}
.main-footer .footer-copyright {margin-top: 5px; font-size: 2rem; text-align: right;}
.main-footer .footer-view {font-size: 2rem; text-align: right;}

.footer-box { display: flex; flex-direction: row-reverse; justify-content: space-between; column-gap: 10px;}
.footer-box .footer-item { flex: 1; }
.footer-box .footer-item.imte-1 { flex: unset; width: 150px; }
.footer-box .footer-item .item-title { font-size: 28px; font-family: 'DBHelvethaicaX'; }
.footer-box .footer-item .item-list { display: flex; flex-direction: row; gap: 10px; font-size: 20px; font-family: 'DBHelvethaicaX'; align-items: flex-start; margin-bottom: 5px; }
.footer-box .footer-item .item-list > div {flex: 1;}
.footer-box .footer-item .item-lists { display: flex; flex-direction: column; font-size: 20px; font-family: 'DBHelvethaicaX'; gap: 2px; }
.footer-box .footer-item .item-lists span a::before { content: '\f111'; font-family: FontAwesome; font-size: 5px; margin-right: 2px; vertical-align: middle; }
.footer-box .footer-item .item-socail { display: flex; flex-direction: row; gap: 20px; font-size: 40px; margin-top: 10px; }
.footer-box .footer-item .item-socail .social-item a { height: 40px; display: block;font-size: 31px;}
.footer-box .footer-item .item-socail .social-item em {  transition: all 0.4s; }
.footer-box .footer-item .item-socail .social-item:hover em { box-shadow: rgba(214, 214, 214, 0.699) 0px 2px 8px 0px; }
.footer-box .footer-item .item-socail .social-item.social-item-facebook:hover em { color: #3B5998 !important; }
.footer-box .footer-item .item-socail .social-item.social-item-youtube:hover em { color: #FF0000 !important; }
.footer-box .footer-item .item-socail .social-item.social-item-twitter:hover em { color: #00acce !important; }
.footer-box .footer-item .item-socail .social-item.social-item-instagram:hover em { background: -webkit-linear-gradient( 45deg , #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.footer-box .footer-item .footer-brand {margin-bottom: 15px;}
.footer-box .footer-item .footer-brand:after {content: ''; display: block; clear: both;}
.footer-box .footer-item .footer-brand .footer-brand-logo {max-width: 150px; width: 100%; }
.footer-box .footer-item .footer-brand .footer-brand-logo img {width: 100%;}
.footer-box .footer-item .footer-brand .footer-brand-name {margin-left: 125px; padding-top: 15px; font-size: 28px; font-family: 'DBHelvethaicaX'; }


/********** Jssor banner BulletNavigatorOptions CSS *********/
.jssorb05 { position: absolute; }
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(/plugins/jssor-slider/img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/********** Jssor banner ArrowNavigatorOptions CSS *********/
.jssora11l, .jssora11r {
	display: block;
	position: absolute;
	width: 37px;
	height: 37px;
	cursor: pointer;
	background: url(/plugins/jssor-slider/img/a11.png) no-repeat;
	overflow: hidden;
}
.jssora11l { background-position: -11px -41px; }
.jssora11r { background-position: -71px -41px; }
.jssora11l:hover { background-position: -131px -41px; }
.jssora11r:hover { background-position: -191px -41px; }
.jssora11l.jssora11ldn { background-position: -251px -41px; }
.jssora11r.jssora11rdn { background-position: -311px -41px; }

/*************** Input date calendar icon *****************/
.inner-addon { position: relative; }
.inner-addon .fa { position: absolute; padding: 10px; pointer-events: none; }
.left-addon .fa  { left:  15px;}
.right-addon .fa { right: 15px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.info-image-zone #infoImageContainer { box-shadow: unset; }

/*  ************** datepicker *********** */
.datepicker.dropdown-menu * {font-size: 14px;}

/******************* Product Detail ********************/
.product-title { font-family: 'ThaiSans Neue'; font-size: 50px; font-weight: bold; color: #B21F29; }
.product-rate-detail { font-family: 'Tahoma' ; font-size: 14px; color: graytext; }
.product-last-update { font-family: 'Tahoma' ; font-size: 12px; color: graytext; }

.product-intellectual-property { background-color: #007EFD; padding: 7px; border-radius: 5px; color: #FFF; }
.product-category { background-color: #6AB5FF; padding: 7px; border-radius: 5px; color: #FFF; margin-left: 5px; }

.product-view-detail { font-weight: bold; font-size: 18px; }
.product-view-hilight { font-weight: bold; font-size: 22px; color: #FFA500; }

.product-price-box { padding: 10px; background-color: #F2F2F2; margin: 10px 0px 10px 0px; }
.product-price-box em.fa-tag { font-size: 26px; }
.product-price-title { font-size: 20px; font-weight: bold; }
.product-price { font-size: 24px; font-weight: bold; color: #B21F29; }

.product-detail-box { padding: 20px 10px 20px 20px; background-color: #F2F2F2; margin: 20px 0px 20px 0px; }
.product-detail-title1 { font-family: 'ThaiSans Neue'; font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #1a1a1a; position: relative; }
.product-detail-title2 { font-family: 'ThaiSans Neue'; font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #B21F29; }
.product-detail-title1 em, .product-detail-title2 em { font-size: 32px; }
.product-detail-title1 span { position: absolute; left: 50px; }
.product-detail { font-family: 'Tahoma'; font-size: 14px; color: graytext; }

.comments-title { font-family: 'ThaiSans Neue'; font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #1a1a1a; }
.comments-title em { font-size: 30px; color: #0F71D3; }
.comments-title .btn { font-weight: normal; font-size: 18px; }
.comments-box { padding: 10px; }
.comments-box-bg { padding: 10px; background-color: #F2F2F2; }
.comments-box-moment { font-family: 'Tahoma'; color: graytext; font-size: 14px; }
.comments-box-title { font-size: 16px; font-weight: bold; margin: 10px 0px 10px 0px; color: #666666; }
.comments-box-comment-by { color: graytext; }

.favorites-title { font-family: 'ThaiSans Neue'; font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #1a1a1a; }
.favorites-title em { font-size: 30px; color: #B21F29; }
.favorites-title a { font-weight: normal; font-size: 20px; margin-top: 10px; }

.contact-detail { font-size: 14px;  }

.btnContact { font-weight: bold; font-size: 16px; padding-top: 10px; padding-bottom: 10px; }
.btnCart, .btnWishlist { font-weight: bold; font-size: 14px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; }

.endLine { border-bottom: solid 1px #CCCCCC; margin-bottom: 10px; margin-top: -20px; }

#share-buttons { margin: 0px 20px 10px 20px; padding-top: 10px; border-top: solid 1px #CCCCCC; }
#share-buttons label { margin-right: 5px; }
#share-buttons a img { width: 30px; }

/***************** Profile Side Menu *******************/
#profile_menu { width: 100%; }
#profile_menu a { color: #1a1a1a; }
#profile_menu ul li.main-catagory { background: #FFFFFF; }
#profile_menu ul li.main-catagory { padding: 10px 8px 10px 22px; }
#profile_menu ul li.main-catagory:hover, #profile_menu li.main-catagory.active { background: #FF6666; }
#profile_menu ul li.main-catagory:hover a, #profile_menu li.main-catagory.active a { color: #FFFFFF; }
#profile_menu ul, #profile_menu li { list-style: none; margin: 0; padding: 0; }
#profile_menu span, #profile_menu a { display: inline-block; font-family: Tahoma; font-size: 14px; text-decoration: none; }
#profile_menu .main-catagory .sub-catagory .catagory-box { margin: 20px; line-height: 150%; }


/***************** Profile Product List ******************/
.dataList { font-family: 'Tahoma'; font-size: 14px; }
.dataList .dataList-header { display: flex; background-color: #FF6666; }
.dataList .dataList-list { display: flex; background-color: #FFFFFF; border-bottom: solid 1px #E4E4E4; min-height: 40px; }
.dataList .dataList-header-left { float: left; width: 30px; border-right: solid 1px #FFFFFF;}
.dataList .dataList-list-left { float: left; width: 30px; }
.dataList .dataList-header-right , .dataList .dataList-list-right { float: right; width: 100% }
.dataList .dataList-header-right .dataList-button-action { border-bottom: solid 1px #FFFFFF; }
.dataList .dataList-header .dataList-header-left , .dataList .dataList-list .dataList-list-left  { text-align: center; }
.dataList .dataList-header .dataList-header-right .dataList-column .dataList-column-header { padding: 5px; text-align: center; font-weight: bold; color: #FFFFFF; }
.dataList .dataList-header .dataList-header-right .dataList-column .dataList-column-header.borderRight { border-right: solid 1px #FFFFFF; }
.dataList .dataList-list .dataList-list-right .dataList-column .dataList-column-detail { padding: 5px; }
.dataList .dataList-button-action .btn.btn-default { margin: 5px; }
.dataList .dataList-column .dataList-column-detail  span.btn.btn-success.view-only ,
.dataList .dataList-column .dataList-column-detail  span.btn.btn-primary.view-only { cursor: default; border: none; min-width: 90px; }
.dataList .dataList-column .dataList-column-detail  span.btn.btn-success.view-only:hover { background-color: #00A65A; }
.dataList .dataList-column { display: flex; }
.btn.btn-default.custom { background-color: #DDDDDD;}
.btn.btn-default.custom:hover { background-color: #C6C6C6; }

/*************** Profile Product Add & Edit ****************/
fieldset { border:1px solid #B91F29; border-radius: 5px; padding: 10px; margin-bottom: 20px; }
legend { width: 40px; font-weight: bold; border: none; padding-right: 10px; color: #B91F29; font-size: 16px; text-align:right; }

/******************* Bootstrap Overwrite ******************/
.form-control {font-size: 22px; color: #000;}
.form-control-static { padding-top: 2px;padding-bottom: 2px;}
.form-control-feedback { right: 15px; }
.modal-dialog .modal-header { background: #0099CC; font-weight: bold; color: #FFFFFF;padding: 7px 15px;font-size: 2.4rem;}
.modal-dialog .modal-header .close {font-size: 34px}

.modal-dialog .btn.btn-primary { background: #0099CC; border-color: #0099CC; }
.breadcrumbs-panel .breadcrumb >.active {color: #0071bc; font-size: 1.8rem;font-family: 'DBHelvethaicaX';}
#dialogReviewerlist #formlist div img {width:16px;}
#tab02 .titleBox .title {font-size: 24px !important;}
#tab06 .titleBox .title {font-size: 24px !important;}
.main-header .main-header-right .main-header-top .navbar-nav li.user { min-width: 160px; max-width: 230px;}
.main-header .main-header-right .main-header-top .navbar-nav li.user a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#tab03 .itemBox .txtRating {font-size: 18px !important;}
#tab01 .itemBox .txtRating {font-size: 18px !important;}
#tab02 .itemBox .txtRating {font-size: 18px !important;}
#tab06 .itemBox .txtRating {font-size: 18px !important;}
#tab01 .itemBox .imgStd-official {height: 20px !important;margin-top: 0px !important;}
#tab02 .itemBox .imgStd-official {height: 20px !important;margin-top: 0px !important;}
#tab06 .itemBox .imgStd-official {height: 20px !important;margin-top: 0px !important;}



/******************* Bootstrap Overwrite : dialog ******************/
.bootstrap-dialog .modal-header {border-top-left-radius: 0px; border-top-right-radius: 0px;}
.bootstrap-dialog.type-primary .modal-header {background-color: #4E876C;}
.bootstrap-dialog.size-normal .bootstrap-dialog-title {font-size: 28px;}

/***************** lightgallery Overwrite *****************/
/* .lg-outer { padding-top: 180px; }
@media screen and (max-width: 767px) {
	.lg-outer { padding-top: 50px; }
} */
.lSPager.lSpg { display: none; }
ul{
	list-style: none outside none;
    padding-left: 0;
          margin: 0;
}

/***************** CSS for module content *****************/
.content-info-search.page-title-zone .fa-camera { margin-top: -15px; }
.content-info-search.page-title-zone .title { margin-top: -105px; margin-left: 10px; font-size: 32px; font-family: 'ThaiSans Neue'; }
.content-info-search.page-title-zone #contentCategoryId { color: gray; }

#content-info #searchResult .searchResultItemProduct { border: none; border-radius: 0px; box-shadow: 0px 0px 0px #FFFFFF; }
#content-info #searchResult .searchResultItemProduct:hover { background-color: #FFFFFF; }
#content-info #searchResult .searchResultItemProduct .item-info { padding: 0px;}
#content-info #searchResult .searchResultItemProduct .item-img { border: solid 1px #CCCCCC; border-radius: 0px; text-align: center; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#content-info #searchResult .searchResultItemProduct .item-img img { visibility: hidden; width: 100%; }
#content-info #searchResult .searchResultItemProduct .item-img > a { width: 100%; height: 100%; display: block; }
#content-info #searchResult .searchResultItemProduct .item-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#content-info #searchResult .searchResultItem:nth-of-type(2n+1) { background-color: #F2F2F2; }
#content-info #searchResult .title-label { color: #555; font-size: 21px; font-family: 'ThaiSans Neue'; padding: 2px 0px 3px; border-bottom: 1px solid #ccc; margin-bottom: 15px; }

#content-info-detail { margin-top: 20px; }
#content-info-detail .title-label {font-size: 32px; font-family: 'ThaiSans Neue'; padding: 2px 0px 3px; border-bottom: 1px solid #ccc; margin-bottom: 15px; margin-top: 15px; }
#content-info-detail .topcontent { display: block; width: 100%; text-align: right; color: #555555; }
#content-info-detail div.effect-box { overflow: hidden; margin-top: 20px; } 
#content-info-detail div.effect-image { overflow: hidden; text-align: center; margin-top: 20px; }
#content-info-detail div.effect-image img { max-width: none; width: 100%; height: auto; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#content-info-detail div.effect-image:hover img { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
#content-info-detail div.effect-box .item-img { border: solid 1px #CCCCCC; border-radius: 0px; text-align: center; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#content-info-detail div.effect-box .item-img img { visibility: hidden; width: 100%; }
#content-info-detail div.effect-box .item-img > a { width: 100%; height: 100%; display: block; }
#content-info-detail div.effect-box .item-img > li { width: 100%; height: 100%; display: block; }

/* Test Overwrite Menu */
.main-header .title-zone .navbar-nav>li>a { padding: 0px 10px 0px 10px; }

.info-main2 h3 .fa-map-marker {float:left;margin-right:10px;}
.info-main2 h3 span {display:table;}
#mypage-tab .tab-content .tab-pane .attractionBox .itemBox {margin-left: 10px;margin-right: 10px;}
#mypage-tab .tab-content .tab-pane .activityBox .itemBox {margin-left: 10px;margin-right: 10px;}
#mypage-tab .attractionBox-title, #mypage-tab .activityBox-title {font-size: 22px !important;}
#mypage-tab .reviewBox-title, #mypage-tab .reportBox-title {font-size: 22px !important;}


/********* infopage **********/
.search-panel {}
.hilight-panel {position: relative; }
.hilight-panel img {width: 100%; height: auto; }
.hilight-panel .hilight-inner {position: absolute; width: 100%; bottom: 0px; background-color: rgba(0,0,0, 0.5); padding: 15px 0px;}
.hilight-panel .hilight-inner-title {color: #fff; font-family: 'DB HelvethaicaX Med';  font-size: 5rem; line-height: 1.4;}
.hilight-panel .hilight-inner-category {padding: 0px 0px; margin-top: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.hilight-panel .hilight-inner-category .hilight-inner-category-item {}
.hilight-panel .hilight-inner-category .hilight-inner-category-item:hover {background-color: rgba(0,0,0,0.75);}
.hilight-panel .hilight-inner-category .hilight-inner-category-item.active {background-color: #fff;}
.hilight-panel .hilight-inner-category .hilight-inner-category-item.active:hover {background-color: #ccc;}
.hilight-panel .hilight-inner-category a {display: block; width: 100%; padding: 7px; font-family:'DBHelvethaicaX'; font-size: 23px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hilight-panel .hilight-inner-category .active  a {color: #1a1a1a;}
.breadcrumbs-panel {padding-top: 5px !important;}
.breadcrumbs-panel .breadcrumb {background-color: unset; padding-right: 0px; padding-left: 0px; margin-bottom: 0px; font-size: 2.2rem; line-height: 1.2;}
.breadcrumbs-panel .breadcrumb > li + li::before {content: ' > '; color: #999;}
.breadcrumbs-panel .breadcrumb a {font-family:'DBHelvethaicaX';font-size: 1.8rem; color: #333;}
.title-panel {padding: 7px 0px; font-family:'DBHelvethaicaX'; font-size: 2.2rem;}
.title-panel hr {margin-top: 7px; margin-bottom: 5px; border-color: #cccccc;}
.title-panel .title {font-family: 'DB HelvethaicaX Med'; font-size: 3.6rem; }
.title-panel small { font-size: 2rem; line-height: 1.2; display: inline-block;color: #245aa3;}
.title-panel .switch-view-part {font-size: 18px;line-height: 20px;}
.title-panel .switch-view-part a, .title-panel .switch-view-part span {display: inline-block; margin-left: 30px; text-align: center;}
.title-panel .switch-view-part a {color: #ccc;}
.title-panel .switch-view-part a:hover {color: #333;}
.title-panel .switch-view-part span {color: #333;}
.title-panel .switch-view-part span .fa {color: #0099cc;}
.result-list-panel {margin-top: 15px; margin-bottom: 15px;}
.result-list-panel .infocard .fa.fa-map-marker {color: #999999;}
.result-map-panel {margin-top: 15px; margin-bottom: 15px;}
.result-map-panel .result-amount, .result-list-panel .result-amount {font-size: 2rem; color: #0066ff; padding: 3px 0 0px;position: relative;top: -29px;}
.main-header .main-header-top .navbar-right{font-size: 11px;}
.main-header .main-header-right .navbar-right .dropdown-menu {width:100%;min-width: initial;}


/********* infopage : detail **********//*
.infodetail {}

.infodetail .intro-panel .breadcrumbs-panel > div  { position: relative;}
.infodetail .intro-panel .breadcrumbs-panel .report-change-part { position: absolute; top: 5px; right: 15px;}

.infodetail .intro-panel .intro-inner-panel {padding: 5px 0 60px;}
.infodetail .intro-box {box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34); background-color: #f2f2f2; padding: 15px; height: 438px;}
.infodetail .intro-box hr {}
.infodetail .intro-box .title {font-family: Mitr Light;font-size: 25px; text-align: center; line-height: 1.3; color: 333; font-weight: bold; padding: 0px 0px 25px;max-height: 148px;overflow: hidden;}
.infodetail .intro-box .address {    font-family: Mitr Light;font-size: 17px; text-align: center; color: #333; line-height: 1.2;}
.infodetail .intro-box .address fa {color: #cccccc; }
.infodetail .intro-box .status {text-align: center; color: #333;font-family: Mitr Light;font-size: 17px;}
.infodetail .intro-box .status .status-text { color: #333;}
.infodetail .intro-box .status .status-text.OPEN { color: #339933;}
.infodetail .intro-box .status .status-text.CLOSE { color: #e11130;}
.infodetail .intro-box .status .status-text.NEARLYCLOSE { color: #f1ba39;}
.infodetail .intro-box .review {text-align: center; color: #333; font-family: Mitr Light;font-size: 17px;}
.infodetail .intro-box .review span {color: #459fd2;}
.infodetail .intro-box .review img {height: 20px; margin-top: -5px;}
.infodetail .intro-box .button-action {text-align: center; font-size: 2.1rem;}
.infodetail .intro-box .button-action #btnStory {background-color: #0000ff; color: #fff;font-family: Mitr Light;font-size: 15px;margin-right: 10px;height: 40px;}
.infodetail .intro-box .button-action #btnReview {background-color: #245aa3; color: #fff;font-family: Mitr Light;font-size: 15px;margin-right: 10px;height: 40px;}
.infodetail .intro-box .button-action #btnFavorite {font-family: Mitr Light;font-size: 15px;height: 40px;}
.info-image-zone .vdo-btn-zone {background-color: #E11130 !important;height: 37px;}
.infodetail .std-panel {font-size: 1.8rem;}
.infodetail .std-panel .std-part {height: auto; margin-top: -40px; padding: 5px 0px; box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34); 
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
}
.infodetail .std-panel .standard {clear: both;}
.infodetail .std-panel .standard > li {display: block; width: 33%; float: left; border-left: 1px solid #ccc; height: auto; padding-left: 20px;}
.infodetail .std-panel .standard > li .line2 {color: #0071bc;font-weight: bold;}
.infodetail .std-panel .standard.standard2 > li {width: 50%;}
.infodetail .std-panel .standard > li:FIRST-CHILD {border-left: none;}
.infodetail .std-panel .standard img {display: block;}
.infodetail .std-panel .standard .std-official img { height: 45px;}
.infodetail .std-panel .standard .std-official div { float:left;font-size: 20px;}
.infodetail .std-panel .standard .std-verified img { height: 45px;}
.infodetail .std-panel .standard .std-verified div { float:left;font-size: 20px;}
.infodetail .std-panel .standard .std-elephant img { height: 45px;}
.infodetail .std-panel .standard .std-elephant div {float:left;font-size: 20px;}

.infodetail .information-panel {margin-top: 15px;font-size: 24px; padding-bottom: 15px; line-height: 28px;}
.infodetail .information-panel .title {color: #245aa3; font-weight: bold; padding-bottom: 5px; line-height: 1.5;}
.infodetail .information-panel .detail { line-height: 2;color: #1a1a1a;}
.infodetail .information-panel h3 {margin-top: 0px;   margin-bottom: 15px;   font-family: 'ThaiSans Neue';   font-size: 2.6rem;   font-weight: bold;}
.infodetail .information-panel h3 em {color: #1aa3d1; width: 28px; font-size: 2.2rem; text-align: center;}
.infodetail .information-panel p.subtitle { background-color: #0071bc; color: #fff; text-align: center; padding: 5px 0px; font-size: 1.6rem;} 
.infodetail .information-panel ul {margin-left: 20px;}
.infodetail .information-panel ul li {list-style-position: outside; list-style-type: disc;}
.infodetail .information-panel .btn-source, 
.infodetail .information-panel .btn-source:active, 
.infodetail .information-panel .btn-source:focus, 
.infodetail .information-panel .btn-source:hover { font-size: 2.3rem; color: #fff; background-color: #0000ff; border-color: #0000ff;padding: 12px 0px;height: 55px;}

.infodetail .result-list-panel {margin-bottom: 0px;}

.infodetail .detail-box {background-color: #f2f2f2; box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34); padding: 5px 0px;}
.infodetail .detail-box hr {border-color: #fff; margin-top: 5px; margin-bottom: 5px;} 
.infodetail .detail-box .detail-row {} 
.infodetail .detail-box .detail-row .icon {float: left; width: 60px; text-align: center; padding: 5px; font-size: 2.4rem; color: #245aa3; line-height: 1.5;} 
.infodetail .detail-box .detail-row .detail {padding: 5px; margin-left: 60px;margin-right: 10px;} 
.infodetail .detail-box .detail-row .detail .title {font-size: 2.6rem; font-weight: bold; padding-bottom: 5px;} 
.infodetail .detail-box .detail-row .detail .desc {font-size: 2.1rem; } 


.report-change-part #btnReport {background-color: #54b94c;color: #fff;font-family: Mitr Light;font-size: 18px;height: 37px;padding: 3px 12px;}
.report-change-part #btnReport em {font-size: 20px;}
.report-change-part #btnReport .btn {padding: 4px 12px;}

.mb-15 {margin-bottom: 15px;}

/* Detail : Prototype New DT; */
.infodetail .intro-panel { background: linear-gradient(to bottom, #eaeaea 1px, #fff 40px); }
.infodetail .intro-panel .breadcrumbs-panel { margin-bottom: 15px; padding-top: 10px; }
.infodetail .intro-panel .intro-inner-panel {padding: 5px 0 0px; margin-bottom: 15px; }
.infodetail .intro-box { box-shadow: unset; background-color: #f2f2f2; height: 438px; padding: 15px 0; color: #4d4d4d; }
.infodetail .intro-box.b-4 { padding: 0px; }

.infodetail .intro-box .std-official { position: relative; height: 136px; font-family: 'DBHelvethaicaX'; overflow: hidden; }
.infodetail .intro-box .std-verified { position: relative; height: 136px; font-family: 'DBHelvethaicaX'; overflow: hidden; }
.infodetail .intro-box .std-datetime { position: relative; position: relative; height: 136px; font-family: 'DBHelvethaicaX'; overflow: hidden; }
.infodetail .intro-box .std-standard { position: relative; height: 136px; font-family: 'DBHelvethaicaX'; overflow: hidden; }
.infodetail .intro-box .std-review { position: relative; height: 136px; font-family: 'DBHelvethaicaX'; overflow: hidden; text-align: center; position: relative; color: #0071ba; }

.infodetail .intro-box .std-product-box { height: 174.4px; font-family: 'DBHelvethaicaX';overflow: hidden; }
.infodetail .intro-box .std-product-box:nth-clid(2) { height: 261.6px; }
.infodetail .intro-box .std-product-box .type-product { font-size: 2.8rem; margin-bottom: 0px; }
.infodetail .intro-box .std-product-box .address-zone .place { font-size: 2.8rem; color: #0982e1; font-family: 'DBHelvethaicaX';margin-bottom: 5px; }
.infodetail .intro-box .std-product-box .address-zone .title { font-size: 2.4rem; font-family:'DBHelvethaicaX';margin-bottom: 5px; color: #333; }
.infodetail .intro-box .std-product-box .address-zone .address { margin-bottom: 5px; }
.infodetail .intro-box .std-product-box .address-zone .address .ff { margin-right: 5px; padding-top: 5px;}
.infodetail .intro-box .std-product-box .address-zone .address .txt { font-size: 2.4rem; display: table; line-height: 1.5; }

.infodetail .intro-box.b-4 .std-official { height: 109.5px; }
.infodetail .intro-box.b-4 .std-verified { height: 109.5px; }
.infodetail .intro-box.b-4 .std-datetime { height: 109.5px; }
.infodetail .intro-box.b-4 .std-standard { height: 109.5px; }
.infodetail .intro-box.b-4 .std-review { height: 109.5px; }

.infodetail .intro-box .std-official { font-size: 2.1rem; border-bottom: 1px solid white; }
.infodetail .intro-box .std-verified { font-size: 2.1rem; border-bottom: 1px solid white; }
.infodetail .intro-box .std-standard { font-size: 2.1rem; border-bottom: 1px solid white; }
.infodetail .intro-box .std-review { font-size: 2.2rem; border-bottom: 1px solid white; }

.infodetail .intro-box .std-product-box { padding: 15px; border-bottom: 2px solid white; word-break: break-word; }
.infodetail .intro-box .std-product-box .title-zone { margin: 0; }
.infodetail .intro-box .std-product-box .title-zone .title { overflow: hidden; max-height: 115px; }

.infodetail .intro-box .std-official .line2 { color: #0071ba; }
.infodetail .intro-box .std-verified .line2 { color: #0071ba; }

.infodetail .intro-box .std-official img { height: 55px; }
.infodetail .intro-box .std-verified img { height: 40px; margin-bottom: 5px; }
.infodetail .intro-box .std-standard img { height: 55px; }

.infodetail .intro-box.b-4 .std-official img { height: 45px; }
.infodetail .intro-box.b-4 .std-verified img { height: 35px; }
.infodetail .intro-box.b-4 .std-standard img { height: 40px; }

.infodetail .intro-box .std-verified div { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.infodetail .intro-box .std-datetime { font-size: 4rem; text-align: center; position: relative; vertical-align: middle; }
.infodetail .intro-box .std-datetime .date-title img { margin-top: -5px; }
.infodetail .intro-box .std-box-center { padding: 0 15px; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.infodetail .intro-box .std-datetime .date-detail { color: #39b34a; }
.infodetail .intro-box .std-datetime .date-title.OPEN { color: #339933; }
.infodetail .intro-box .std-datetime .date-title.NEARLYCLOSE { color: #f1ba39; }
.infodetail .intro-box .std-datetime .date-title.CLOSE { color: #e11130; }

.infodetail .title-part { margin-bottom: 30px; }
.infodetail .title-zone { margin: 0 0 15px; }
.infodetail .title-zone .title { font-size: 3.6rem; font-family: 'DB HelvethaicaX Med'; margin-bottom: 10px; color: #333; }
.infodetail .title-zone .address { font-size: 2.4rem; font-family: 'DBHelvethaicaX'; color: #0982e1}

.infodetail .btn-zone,
.infodetail .review-zone,
.infodetail .title-part .compare-zone
{ display: inline-block; width: 100%; }
.product.infodetail .intro-panel .intro-inner-panel { margin-bottom: 30px; }
.guide.infodetail .intro-panel .intro-inner-panel { margin-bottom: 30px; }
.guide.infodetail .intro-box { height: auto; min-height: 175px; margin-bottom: 15px; }
.guide.infodetail .intro-box .col-md-12 { height: 50%; padding: 15px 0 0; }
.guide.infodetail .intro-box:nth-child(2) { min-height: 110px; margin-bottom: 0px; }
.guide.infodetail .title-zone .address { text-align: right; }
.guide.infodetail .intro-box .std-official { font-size: 2rem; height: auto; padding: 0 15px; margin-bottom: 15px; }
.guide.infodetail .intro-box .std-verified { font-size: 2rem; height: auto; padding: 0 15px; margin-bottom: 15px; }
.guide.infodetail .intro-box .std-standard { font-size: 2rem; height: auto; padding: 0 15px; margin-bottom: 15px; }
.guide.infodetail .intro-box .std-official img { height: 40px; margin-bottom: 0px; }
.guide.infodetail .intro-box .std-verified img { height: 35px; margin-bottom: 5px; }
.guide.infodetail .intro-box .std-standard img { height: 35px; margin-bottom: 5px; }

.infodetail .btn-zone button { font-family: 'DBHelvethaicaX'; font-size: 2.4rem; padding: 0px; border-radius: 0; }
.infodetail .btn-zone #btnReview,
.infodetail .btn-zone #btnFavorite
{ width: 24%; margin-right: 1%; float: left; height: 40px; color: white; }
.infodetail .btn-zone #btnReport { width: 50%; float: left; height: 40px; color: white; }
.infodetail .btn-zone #btnReview { background-color: #f9ae3b; }
.infodetail .btn-zone #btnFavorite { background-color: #d64c56; }
.infodetail .btn-zone #btnReport { background-color: #54b74c; }
.infodetail .review-zone { display: inline-block; width: 100%; font-family: 'DBHelvethaicaX'; padding: 5px 10px 10px; font-size: 2.4rem; color: #0071ba; }
.infodetail .review-zone img { height: 20px; margin-top: -5px; }
.infodetail .review-zone .fa-star { margin-right: 5px; }
.infodetail .title-part .compare-zone .btn { width: 100%; background-color: #0071ba; font-size: 2.4rem; color: white; font-family:'DBHelvethaicaX';padding-top: 5px; padding-bottom: 5px; }
.infodetail .detail-part .description { display: inline-block; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-width: 0px 0px 1px 0px; border-style: solid; border-image: linear-gradient(to right, #b1b1b1 20%, white 20%, white 23%, #b1b1b1 20%) 1; border-color: #b1b1b1; }
.infodetail .detail-part .description.full { border-style: solid; border-image: linear-gradient(to right, #eee, #eee) 1; }
.infodetail .detail-part .description.n-bt { border-width: 0px; }
.infodetail .detail-part .description .topic { color: #2EB16D; font-family: 'DBHelvethaicaX'; font-size: 3.3rem; margin-bottom: 15px; }
.infodetail .detail-part .description .detail { color: #333; font-size: 15px; font-family: Tahoma; line-height: 1.5; }
.infodetail .detail-part .description .detail.facility div:not(.intro-group) { padding: 0px; margin-bottom: 15px; white-space: nowrap; font-family:'THSarabunNew';line-height: 50px;}
.infodetail .detail-part .description .detail.facility .intro-group {}
.infodetail .detail-part .description .detail.facility .intro-group:after {content: ''; display: block; clear: both;}
.infodetail .detail-part .description .detail.facility em {color: #3fbba9;margin-right:5px;}
.infodetail .detail-part .description .detail.facility img { margin-right: 5px; }
.infodetail .detail-part .description .topic .sub-weather { display: inline-block; bottom: 0px; color: #979797; }
.infodetail .detail-part .description .weather-group { padding: 20px 5px 5px; width: calc(100%/9); display: inline-block; float: left; color: #999999; text-align: center; font-size: 14px; }
.infodetail .detail-part .description .weather-group.main { text-align: left; width: calc(100% - calc(100%/9)*7); font-size: 16px; padding: 5px 5px 5px; }
.infodetail .detail-part .description .weather-group .day,
.infodetail .detail-part .description .weather-group .condition
{ margin-bottom: 5px; word-break: break-word; }
.infodetail .detail-part .description .weather-group img { height: 35px; display: block; margin: auto auto 5px; }
.infodetail .detail-part .description .weather-group.main img { display: inline-block; height: 45px; margin: auto 5px 5px auto; }
.infodetail .detail-part .description .weather-group .temperature { color: #333; font-size: 12px; }
.infodetail .detail-part .description .weather-group.main .temperature { color: #333; font-size: 24px; }
.infodetail .detail-part .description .weather-group.main .temperature .MaxTemperature { color: #222; }
.infodetail .detail-part .description .weather-group .temperature .MaxTemperature { color: #979797; }
.infodetail .detail-part .description .weather-group .temperature .MinTemperature { color: #b1b1b1; }
.infodetail .detail-part .description .detail .intro-title .col-md-4 div {font-size: 2.5rem;}
.infodetail .detail-part .description .detail .intro-title .col-md-4 .intro-detail {font-size: 2.1rem;}

.infodetail .detail-part .description .intro-group { display:block; width: 100%; margin-bottom: 15px;border: 1px solid #eee;padding: 20px 20px;border-radius: 5px;}
.infodetail .detail-part .description .intro-group.rowspan { margin-bottom: 0px; }
.infodetail .detail-part .description .intro-group.rowspan .intro-detail { padding-bottom: 10px; }
.infodetail .detail-part .description .intro-group.mb-0 { margin-bottom: 0px; }
.infodetail .detail-part .description .intro-group .fa { color: #3fbba9; }
.infodetail .detail-part .description .intro-group .bt-l { border-left: 1px solid #eee; padding-bottom: 15px; }
.infodetail .detail-part .description .intro-group .intro-title { font-size: 2.4rem; font-family:'DBHelvethaicaX'; display: table; width: calc(100% - 25px); }
.infodetail .detail-part .description .intro-group .intro-title .img { float: left; margin-right: 5px; }
.infodetail .detail-part .description .intro-group .intro-title .text { display: table; }
.infodetail .detail-part .description .intro-group .intro-title img { width: 25px; }
.infodetail .detail-part .description .intro-group .intro-detail { font-size: 2.2rem; font-family: 'THSarabunNew';}
.infodetail .detail-part .description .intro-group .intro-detail * {font-size: 2.2rem; }
.infodetail .detail-part .description .intro-group .intro-detail div { margin-bottom: 5px; }

.infodetail .detail-part .description .contact-topic { margin-bottom: 10px; }
.infodetail .detail-part .description .contact-topic img { width: 25px; }
.infodetail .detail-part .description .contact-group { display: inline-block; width: 100%; margin-top: 10px; font-family: 'DBHelvethaicaX';}
.infodetail .detail-part .description .contact-group .contact-title { font-size: 2.4rem; }
.infodetail .detail-part .description .contact-group .contact-detail { font-size: 2.2rem; word-break: break-word; }
.infodetail .detail-part .description .contact-group .contact-detail:before { content: ": "; position: absolute; left: 0; }
.infodetail .review-box { padding: 15px; border: 1px solid #999999; display: inline-block; width: 100%; border-radius: 10px; }
.mt-10 { margin-top: 10px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.p-b-0 { padding-bottom: 0px !important; }
.p-0 { padding: 0px !important; }
.ff { float: left; }
.w-25 { width: 25px; }
.w-35 { width: 35px; }
.d-ilb { display: inline-block ;}
.bt-0 { border-bottom: unset !important; }
.fit-block { display: inline-block; width: 100%; margin-bottom: 0px !important; }
.sc-l:before { content: ": "; position: absolute; left: -10px; }
.txt-center { text-align: center; }
@media screen and (max-width: 768px) {
	.infodetail .detail-part .description .intro-group .bt-l { border: unset; padding-bottom: unset; }
	.infodetail .detail-part .description { border-image: unset; }
	.infodetail .detail-part .description .contact-group .contact-detail:before { content:""; }
	.guide.infodetail .title-zone .address { text-align: left; }
	.guide.infodetail .intro-box .col-md-12 { padding: 0px; }
	.guide.infodetail .intro-box .col-md-12:nth-child(1) { padding-top: 15px; }
	.guide.infodetail .intro-box .col-md-12:nth-child(2) { padding-bottom: 15px; } 
	.guide.infodetail .review-zone { padding: 0px; margin-bottom: 15px; }
}
/* Detail : Review *//*
#RatePercentage .rateTitle-title {font-family: 'Mitr Light'; } 
#RatePercentage .rateTitle-detail {font-family: 'Mitr Light'; } 
#RatePercentage .review-summary span.review-summary1, #RatePercentage .review-summary span.review-summary2, #RatePercentage .review-summary div.review-summary3 {font-family: 'Mitr Light'; font-size: 2rem;} 
*/
#RatePercentage {padding: 30px 0px; margin-bottom: 20px; border-bottom: solid 1px #a5a7aa;}
#RatePercentage .meter { 
       height: 5px;
       position: relative;
       background: #EFEFEF;
       -moz-border-radius: 25px;
       -webkit-border-radius: 25px;
       border-radius: 25px;
       padding: 5px;
       box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
       margin-bottom: 15px;
   }
   #RatePercentage .meter > span {
       display: block;
       height: 100%;
       border-top-right-radius: 8px;
       border-bottom-right-radius: 8px;
       border-top-left-radius: 20px;
       border-bottom-left-radius: 20px;
       background-color: rgb(43,194,83);
       background-image: linear-gradient(
           center bottom,
           rgb(43,194,83) 37%,
           rgb(84,240,84) 69%
       );
       box-shadow: 
           inset 0 2px 9px  rgba(255,255,255,0.3),
           inset 0 -2px 6px rgba(0,0,0,0.4);
       position: relative;
       overflow: hidden;
   }
   #RatePercentage .blue > span {
       position: absolute;
       top: 0;
       left: 0;
       border-radius: 20px;
       background-color: #29a9e0;
       background-image: linear-gradient(to bottom, #33b5e6, #33b5e6);
   }
#RatePercentage .rateTitle { text-align: center;}
#RatePercentage .rateTitle-title { color: #29a9e0; font-size: 60px; font-family: 'Prompt Medium'; }
#RatePercentage .rateTitle-detail { color: #29a9e0; font-size: 20px; font-family: 'Prompt Regular'; }
#RatePercentage .rateBar { color: #535259; }
#RatePercentage .rateBarTitle { margin-bottom: 10px; }
#RatePercentage .rateBarTitle .rate { width: 55px; display: inline-block; float: left; font-size: 2rem; color: #9E9E9E; font-family: 'DBHelvethaicaX';}
#RatePercentage .rateBarTitle .rate span { color: #535259; margin-right: 5px; }
#RatePercentage .rateBarTitle .rate ion-icon { color: #999999; }
#RatePercentage .rateBarTitle .bar { width: calc(100% - 60px); display: inline-block; float: left; margin-top: 5px; }

#RatePercentage div.profile-header-img { display: inline-block; }
#RatePercentage div.profile-header-img img.img-circle {  width: 80px; height: 80px; border-radius: 5px; object-fit: cover; }
#RatePercentage div.imgleft { display: inline-block; width: 85px; }
#RatePercentage div.imgCenter { display: inline-block; width: 155px; padding-left: 5px; }
#RatePercentage div.imgRight { display: inline-block; width: calc(100% - 250px); }
#RatePercentage div.imgHint { color: #9E9E9E; padding-left: 2px; line-height: 1.2; font-size: 16px; font-weight: bold;}
#RatePercentage div.g-recaptcha { display: inline-block; margin-top: 30px; }

#RatePercentage div.f-name { font-weight: bold; font-size: 30px; margin-top: 10px; }
#RatePercentage div.review-title { font-weight: bold; font-size: 24px; margin-top: 15px; }
#RatePercentage div.review-title.bor { border-bottom: solid 1px #e0e0e0; margin: 15px 0px; }
#RatePercentage span.review-sub-title { font-weight: bold; font-size: 20px; }

#RatePercentage div.review-summary { padding-top: 25px; text-align: center; font-family: 'DBHelvethaicaX';}
#RatePercentage span.review-summary1 { font-size: 2.8rem; font-weight: bold; color: #666; }
#RatePercentage span.review-summary2 { font-size: 2.8rem; font-weight: bold; color: #f9ae3b; }
#RatePercentage div.review-summary3 { font-size: 2.8rem; font-weight: bold; color: #f9ae3b; padding-top: 10px; border-top: solid 1px #f9ae3b; width: 65%; margin: 0 auto; cursor: pointer;}

#ReviewsData .review-item { margin-bottom: 30px; color: #3d3d3d !important; display: block; border-bottom: solid 1px #a5a7aa;}
#ReviewsData .review-item:last-child { border-bottom: 0px; }
#ReviewsData .review-img {float: left; display: block; width: 70px; height: 70px;}
#ReviewsData .review-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
#ReviewsData .review-detail { margin-left: 70px; padding-left: 15px; font-family: 'DBHelvethaicaX';}
#ReviewsData .review-detail .review-name {font-weight: bold; margin-bottom: 7px; font-size: 2.2rem; }
#ReviewsData .review-detail .review-rating {margin-bottom: 7px; margin-top: -10px; }
#ReviewsData .review-detail .review-date { font-size: 2.2rem; }
#ReviewsData .review-detail .review-msg {color: #333; margin: 15px 0px; font-size: 2.4rem;}
#ReviewsData .rating-star {width: 16px;}
#ReviewsData .dialog-report-complete .bootstrap-dialog-footer-buttons { margin-top: 0px; }
#ReviewsData .dialog-report-complete .modal-header { visibility: hidden; height: 0px; }
#ReviewsData .dialog-report-complete .modal-body { margin: 25px; }
#ReviewsData .review-img-list { padding-left: 85px; width: 100%; margin-top: 10px; cursor: pointer; display: inline-block; }
#ReviewsData .review-img-list .review-img { margin-right: 15px !important; width: 120px !important;; height: 120px !important;; }
#ReviewsData .review-img-list .review-img img { border-radius: 5px !important; }
.lg-backdrop.in { z-index: 1050 !important; }
#seeMoreReview { background: #999; padding: 7px 15px; border-radius: 10px; color: white; width: 100%; font-family: 'DBHelvethaicaX'; font-size: 2.2rem}
.subtitle.reviews { font-family: 'DB HelvethaicaX Med'; font-size: 3.2rem; color: #333; }
.subtitle.reviews img { width: 30px; }


/**************** InfoCompare ********************/
.infodetail h3.compare-title { font-family: 'THSarabunNew'; font-size: 3.6rem; font-weight: bold; }
.infodetail .compareBox.header { border: solid 1px #CCC; background-color: #0099CC; color: #FFF; text-align: center; font-weight: bold; font-size: 3rem; padding: 10px; margin-bottom: 10px; font-family: 'THSarabunNew'; }
.infodetail .compareBox { border: solid 1px #CCC; font-size: 2.1rem;}
.infodetail .compareBox .title { padding: 15px; font-weight: bold; font-size: 2.1rem;  }
.infodetail .compareBox .title.list { background-color: #AD7801; color: #FFF; text-align: center; height: 100%;}
.infodetail .compareBox .title.dataSource { background-color: #999999; color: #FFF; text-align: center; height: 100%; }
.infodetail .compareBox .title.dataInfo { background-color: #CC0033; color: #FFF; text-align: center; height: 100%; }
.infodetail .compareBox .detail { padding: 15px; }
.infodetail .compareBox .imgBox { overflow: hidden; margin-top: 10px; }
.infodetail .compareBox .imgBox .item-img { border: solid 1px #CCCCCC; border-radius: 0px; text-align: center; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.infodetail .compareBox .imgBox .item-img > a { width: 100%; height: 100%; display: block; }
.infodetail .compareBox .imgBox .item-img img { visibility: hidden; width: 100%; }
.infodetail .compareBox.compareBox-moredetail img {width:100% !important; height : auto !important;}

/********* infopage : detail content **********/
.infodetail .title-label {font-size: 2.8rem; padding: 2px 0px 3px; margin-bottom: 15px; margin-top: 15px; border-bottom: none; }
.infodetail .topcontent { display: block; width: 100%; text-align: right; color: #555555; }
.infodetail div.effect-box { overflow: hidden; margin-top: 20px; } 
.infodetail div.effect-image { overflow: hidden; text-align: center; margin-top: 20px; }
.infodetail div.effect-image img { max-width: none; width: 100%; height: auto; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.infodetail div.effect-image:hover img { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.infodetail div.effect-box .item-img { border: solid 1px #CCCCCC; border-radius: 0px; text-align: center; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.infodetail div.effect-box .item-img img { visibility: hidden; width: 100%; }
.infodetail div.effect-box .item-img > a { width: 100%; height: 100%; display: block; }
.infodetail div.effect-box .item-img > li { width: 100%; height: 100%; display: block; }

/**************** Review Dialog ********************/
.ReviewDialog.bootstrap-dialog.size-normal .bootstrap-dialog-message {font-size: 2.1rem;}
.ReviewDialog.bootstrap-dialog .modal-header {border-top-left-radius: 0px; border-top-right-radius: 0px;}
.ReviewDialog.bootstrap-dialog.size-normal .bootstrap-dialog-title {font-size: 2.4rem;}
.ReviewDialog .bootstrap-dialog-footer-buttons {margin-top:0;}
.ReviewDialog .bootstrap-dialog-footer-buttons .btn {font-size: 2.1rem;}
.ReviewDialog .dataTable .bottom {font-family: 'THSarabunNew';}
.ReviewDialog .dataTable .bottom select {font-family: 'THSarabunNew'; font-size: 2.1rem; height: auto;}
.ReviewDialog .review-tbl td {clear: both;}
.ReviewDialog .review-tbl .review-img {float: left; display: block; width: 70px; height: 70px;}
.ReviewDialog .review-tbl .review-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 50%;
}
.ReviewDialog .review-tbl .review-detail {margin-left: 70px; padding-left: 15px;}
.ReviewDialog .review-tbl .review-detail .review-name {font-weight: bold; margin-bottom: 7px;}
.ReviewDialog .review-tbl .review-detail .review-rating {margin-bottom: 7px;}
.ReviewDialog .review-tbl .review-detail .review-msg {color: #333;}
.ReviewDialog .rating-star {width: 16px;}

.ReviewDialog .dialog-report-complete .bootstrap-dialog-footer-buttons { margin-top: 0px; }
.ReviewDialog .dialog-report-complete .modal-header { visibility: hidden; height: 0px; }
.ReviewDialog .dialog-report-complete .modal-body { margin: 25px; }

/**************** alert-zone **********************/
.alert-zone > div {padding-top: 15px;}
.alert-zone {font-size: 2.6rem; }

/********* infocard **********/
.infocard {margin-bottom: 15px;  position: relative;}
.infocard .image { height: 240px; width: 100%;float: left;position: relative; border-radius: 10px; overflow: hidden; }
.infocard .image img {object-fit: cover; width: 100%; height: 100%;}
.infocard .image .openhour {top: 10px; left: 0px; padding: 1px 15px; background-color: #ccc; font-size: 1.9rem; color: #fff;position: absolute;}
.infocard .image .openhour.OPEN {background-color: #339933; font-family: 'DBHelvethaicaX';}
.infocard .image .openhour.CLOSE {background-color: #e11130; font-family: 'DBHelvethaicaX';}
.infocard .image .openhour.NEARLYCLOSE {background-color: #f1ba39; font-family: 'DBHelvethaicaX';}
.infocard .image .fav {position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background-color: #ff0000; border-radius: 50%; color: #fff; text-align: center;}
.infocard .image .fav em {line-height: 32px;}
.infocard .detail {font-size: 2rem; padding: 15px 0px 7px;line-height: 29px;width: 100%;height: auto;display: block;float: left;}
.infocard .detail .detail-title {font-size: 2.7rem; font-family: 'DBHelvethaicaX'; margin-bottom: 10px;/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.infocard .detail .detail-title a {font-size: 2.7rem;}
.infocard .detail .detail-title, 
.infocard .detail .detail-row, 
.infocard .detail .detail-date, 
.infocard .detail .detail-symbol {padding: 3px 0px;}

.infocard .detail .detail-row {position: relative;width: 100%;float: left; font-family: 'DBHelvethaicaX';}
.infocard .detail .detail-address { font-family: 'DBHelvethaicaX'; color: #0D4B9F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.7rem;}
.infocard .detail .detail-address a {font-size: 1.7rem;text-decoration: underline;}
.infocard .detail .detail-address .fa-map-marker {color: #0D4B9F; }
.infocard .detail .detail-rating {color: #FFC000; font-size: 1.5rem;}
.infocard .detail .detail-rating img {width: 11px; display: inline-block;}
.infocard .detail .detail-date {color: #0033ff;}
.infocard .detail .detail-symbol {height: 29px;float: left;width: 100%;}
.infocard .detail .detail-symbol img {height: 100%; display: inline-block;}
.infocard .detail .detail-title a {color:#333;}
#dialogReview #formReviewDialog #txtReview {font-size: 23px;}
.hilight-inner .hilight-inner-category #hilight-inner-category .slick-track {/*width: 100% !important;*/}

.footer-title .footer-social a {margin-right: 10px;}

.infodetail .title-panel small .fa-map-marker {display:none;}
#mypage .edit1 {text-align: right;}

/**************** infoMapBox *********************************/
.infoMapBox {width: 280px; height: 350px; background-color: #fff; box-shadow: 5px 5px 5px #7d7d7d; font-family: 'THSarabunNew'; position: absolute; z-index: -1;}
.infoMapBox .infocard {margin-bottom: 0px;}
.infoMapBox .infocard .image {box-shadow: none;}
.infoMapBox .infocard .detail {padding: 5px;}

.select2-dropdown {border: 1px solid #cbcbcb36 !important;}
#tab03 .attractionBox, #tab03 .activityBox {overflow-y: initial !important;overflow-x: initial !important;height: auto !important;}
#tab04 .reviewBox, #tab04 .reportBox {overflow-y: initial !important;overflow-x: initial !important;height: auto !important;}
#tab05 .attractionBox, #tab05 .activityBox {overflow-y: initial !important;overflow-x: initial !important;height: auto !important;}

/**** google map: infobox **************/
.infoBox .imBox {width: 400px; height: 150px; background-color: #fff; box-shadow: 5px 5px 5px #7d7d7d;}
.infoBox .imBox .imBox-img {width: 220px; height: 100%; float: left; display: block;}
.infoBox .imBox .imBox-img img {width: 100%; height: 100%; object-fit: cover;}
.infoBox .imBox .imBox-info {margin-left: 220px; padding: 5px;}
.infoBox .imBox .imBox-info .imBox-title {color: #245aa3; font-size: 2.5rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'THSarabunNew'; font-weight: bold;}
.infoBox .imBox .imBox-info .imBox-detail {color: #1a1a1a; font-size: 2rem; width: 100%; overflow: hidden; font-family: 'THSarabunNew'; line-height: 1.2; max-height: 70px; }

/******** noty **************/
.noty_buttons button {font-size: 2.2rem; font-weight: bold; padding: 5px 25px; line-height: 1.2;}

/******** recommend **************/
#recommendPanal { background-color: #ececec; padding: 50px; }
#recommendPanal .infocard { box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34); padding-bottom: 0px; border-radius: 5px; overflow: hidden; }
#recommendPanal .infocard .image { box-shadow: none; border-radius: 0px; background: #fff; }
#recommendPanal .infocard .detail { background-color: #fff; padding: 15px; }
#recommendPanal .zone-title { text-align: left; margin-bottom: 50px; }
#recommendPanal .zone-title .title { font-size: 4rem; font-family: 'DB HelvethaicaX Med';}
#recommendPanal.result-list-panel {margin-bottom: 0px;}


/******** upload **************/
.icon-jfi-trash.jFiler-item-trash-action { font-size: 16px; color: #ff818c; }
.jFiler-lnk-preview { font-size: 16px;}
.jFiler-item-title * {font-size: 13px;} 

/***************** Overwrite: Font Size Large *****************/
/* Home */
.fontLarge .main-header .main-header-top .navbar-right { font-size : 13rem; }
.fontLarge .main-header .main-header-right .main-header-menu { font-size: 2.3rem; }
.fontLarge .main-header .main-header-right .main-header-top .navbar-nav > li > ul a { font-size: 2.3rem; }

.fontLarge #search-zone .btn { font-size: 2.3rem; }
.fontLarge #search-zone .form-control { font-size: 2.3rem; }
.fontLarge #search-zone .search-province .select2-selection span.select2-selection__rendered { font-size: 2.3rem; }
.fontLarge #search-zone .search-maintype .select2-selection span.select2-selection__rendered { font-size: 2.3rem; }
.fontLarge #search-zone .search-location .btn span { font-size: 2.3rem; }
.fontLarge #search-zone .search-location .glyphicon-map-marker { font-size: 2.3rem; }
.fontLarge #search-zone .search-location .btn#btnMap {padding: 3px 0px;}

.fontLarge .zone-title .title { font-size: 6.4rem; }
.fontLarge .zone-title .sub-title { font-size: 4em; }
.fontLarge .homecard .image .openhour { font-size: 2.1rem; }
.fontLarge .homecard .detail .detail-title { font-size: 3rem; }
.fontLarge .homecard .detail .detail-address { font-size: 2.6rem; }
.fontLarge .homecard .detail .detail-row { font-size: 2.6rem; }
.fontLarge .homecard .detail .detail-rating img { width: 13px; }
.fontLarge .homecard .detail .detail-symbol img { }
.fontLarge .content-box-zone .content-intro p { font-size: 7.1rem; }
.fontLarge .content-box-zone .content-intro p:nth-child(2) { font-size: 4.7rem; }
.fontLarge .content-box-zone .content-intro a.viewall .fa-plus-circle { font-size: 30px; }
.fontLarge .content-box-zone .content-box .content-details .content-title { font-size: 3.2rem; }
.fontLarge .content-box-zone .content-box .content-details .content-title small { font-size: 2.3rem; }
.fontLarge .fontLarge .zone-title .title { font-size: 3.9rem; }
.fontLarge .btn { font-size: 16px; }
.fontLarge .zone-title .btn.btn-default { height: 32px; }

.fontLarge .main-footer .footer-title { font-size: 2.7rem; }
.fontLarge .main-footer .footer-link { font-size: 2.2rem; }
.fontLarge .main-footer .footer-text { font-size: 2rem; }
.fontLarge .main-footer .footer-copyright { font-size: 2.4rem; }
.fontLarge .main-footer .footer-view { font-size: 2.2rem; }
/* List */
.fontLarge .title-panel .switch-view-part { font-size: 20px; }
.fontLarge .hilight-panel .hilight-inner-title { font-size: 5.2rem; }
.fontLarge .hilight-panel .hilight-inner-category a { font-size: 25px; }
.fontLarge .breadcrumbs-panel .breadcrumb { font-size: 2.4rem; }
.fontLarge .breadcrumbs-panel .breadcrumb a { font-size: 2.4rem; }
.fontLarge .title-panel .title { font-size: 3.8rem; }
.fontLarge .infocard .image .openhour { font-size: 2.1rem; }
.fontLarge .infocard .detail .detail-title { font-size: 3rem; }
.fontLarge .infocard .detail .detail-row { font-size: 2.6rem; }
.fontLarge .infocard .detail .detail-address { font-size: 2.6rem; }
.fontLarge .infocard .detail .detail-rating img { width: 13px; }
.fontLarge .infocard .detail .detail-symbol { height: 31px; }
.fontLarge .result-paging { font-size: 16px; }
.fontLarge .result-map-panel .result-amount, 
.fontLarge .result-list-panel .result-amount 
{font-size: 2.2rem;}
/* Detail */
.fontLarge .alert-zone { font-size: 2.8rem; }
.fontLarge .report-change-part #btnReport { font-size: 27px; }
/*
.fontLarge .infodetail .intro-box .title { font-size: 4.2rem; }
.fontLarge .infodetail .intro-box .address { font-size: 2.6rem; }
.fontLarge .infodetail .intro-box .status { font-size: 2.6rem; }
.fontLarge .infodetail .intro-box .review { font-size: 2.6rem; }
.fontLarge .infodetail .intro-box .review img { height: 22px; }
.fontLarge .infodetail .intro-box .button-action #btnReview { font-size: 2.3rem; }
.fontLarge .infodetail .intro-box .button-action #btnFavorite { font-size: 2.3rem; }
.fontLarge .info-image-zone .image-paging { font-size: 2.3rem; }
.fontLarge .info-image-zone .vdo-btn-zone { font-size: 2.3rem; }
.fontLarge .infodetail .std-panel .standard .std-official img { height: 47px; }
.fontLarge .infodetail .std-panel .standard .std-verified img { height: 47px; }
.fontLarge .infodetail .std-panel .standard .std-elephant img { height: 47px; }
.fontLarge .infodetail .std-panel .standard .std-official div { font-size: 22px; }
.fontLarge .infodetail .std-panel .standard .std-verified div { font-size: 22px; }
.fontLarge .infodetail .std-panel .standard .std-elephant div { font-size: 22px; }
.fontLarge .infodetail .information-panel .btn-source { font-size: 2.5rem; }
.fontLarge .infodetail .information-panel .btn-source:active { font-size: 2.5rem; }
.fontLarge .infodetail .information-panel .btn-source:focus { font-size: 2.5rem; }
.fontLarge .infodetail .information-panel .btn-source:hover { font-size: 2.5rem; }
.fontLarge .infodetail .detail-box .detail-row .detail .title { font-size: 2.8rem; }
.fontLarge .infodetail .detail-box .detail-row .detail .desc { font-size: 2.3rem; }
.fontLarge .infodetail .information-panel { font-size: 26px; }
.fontLarge .infodetail .information-panel .detail.moredetail { font-size: 2.6rem; }
.fontLarge .infodetail .information-panel .detail.moredetail p { font-size: 2.6rem !important; }
.fontLarge .infodetail .information-panel .detail.moredetail span { font-size: 2.6rem !important; }
*/

.fontLarge .infodetail .intro-box .std-product-box .type-product { font-size: 3rem; }
.fontLarge .infodetail .intro-box .std-product-box .address-zone .place { font-size: 3rem; }
.fontLarge .infodetail .intro-box .std-product-box .address-zone .title { font-size: 2.6rem; }
.fontLarge .infodetail .intro-box .std-product-box .address-zone .address .txt { font-size: 2.6rem; }
.fontLarge .guide.infodetail .intro-box .std-official { font-size: 2.3rem; }
.fontLarge .guide.infodetail .intro-box .std-verified { font-size: 2.3rem; }
.fontLarge .guide.infodetail .intro-box .std-standard { font-size: 2.3rem; }
.fontLarge .infodetail .intro-box .std-official { font-size: 2.3rem;}
.fontLarge .infodetail .intro-box .std-verified { font-size: 2.3rem;}
.fontLarge .infodetail .intro-box .std-datetime { font-size: 4.2rem; }
.fontLarge .infodetail .intro-box .std-standard { font-size: 2.3rem; }
.fontLarge .infodetail .intro-box .std-review { font-size: 2.3rem; }
.fontLarge .infodetail .title-zone .title { font-size: 3.8rem; }
.fontLarge .infodetail .title-zone .address { font-size: 2.6rem; }
.fontLarge .infodetail .btn-zone button { font-size: 2.6rem; }
.fontLarge .infodetail .review-zone { font-size: 2.6rem; }
.fontLarge .infodetail .title-part .compare-zone .btn { font-size: 2.6rem; }
.fontLarge .infodetail .detail-part .description .topic { font-size: 3rem; }
.fontLarge .infodetail .detail-part .description .detail { font-size: 17px; }
.fontLarge .infodetail .detail-part .description .weather-group { font-size: 16px; }
.fontLarge .infodetail .detail-part .description .weather-group.main { font-size: 2.6rem; }
.fontLarge .infodetail .detail-part .description .weather-group .temperature { font-size: 14px; }
.fontLarge .infodetail .detail-part .description .weather-group.main .temperature { font-size: 26px; }
.fontLarge .infodetail .detail-part .description .intro-group .intro-title { font-size: 2.6rem; }
.fontLarge .infodetail .detail-part .description .intro-group .intro-detail { font-size: 2.4rem; }
.fontLarge .infodetail .detail-part .description .contact-group .contact-title { font-size: 2.6rem; }
.fontLarge .infodetail .detail-part .description .contact-group .contact-detail { font-size: 2.4rem; }
.fontLarge .subtitle.reviews { font-size: 3.4rem;; }

.fontLarge .infodetail .information-panel h3 { font-size: 2.8rem; }
.fontLarge #RatePercentage .rateTitle-title { font-size: 62px; }
.fontLarge #RatePercentage .rateTitle-detail { font-size: 24px; }
.fontLarge #RatePercentage span.review-summary1 { font-size: 24px; }
.fontLarge #RatePercentage span.review-summary2 { font-size: 24px; }
.fontLarge #RatePercentage div.review-summary3 { font-size: 24px; }
.fontLarge #RatePercentage .rateBarTitle .rate { font-size: 16px; }
.fontLarge #ReviewsData .review-detail .review-date { font-size: 2.4rem; }
.fontLarge #ReviewsData .rating-star { width: 18px; }
.fontLarge #ReviewsData .review-detail .review-name { font-size: 2.4rem; }
.fontLarge #ReviewsData .review-detail .review-msg { font-size: 2.6rem; }
.fontLarge #recommendPanal .zone-title .title { font-size: 4.2rem; }
.fontLarge span.noty_text { font-size: 26px; }
.fontLarge .ReviewDialog.bootstrap-dialog.size-normal .bootstrap-dialog-title { font-size: 2.6rem; }
.fontLarge .ReviewDialog.bootstrap-dialog.size-normal p.form-control-static:nth-child(1) { font-size: 1.7em; }
.fontLarge .ReviewDialog.bootstrap-dialog.size-normal .bootstrap-dialog-message { font-size: 2.3rem; }
.fontLarge .modal-content #dialogReportform #formReportDialog .form-group #txtReport { font-size: 25px; }
.fontLarge .ReviewDialog div.review-name { font-size: 32px; }
.fontLarge .ReviewDialog .rateTitle-title { font-size: 62px; }
.fontLarge .ReviewDialog span.review-summary1 { font-size: 22px; }
.fontLarge .ReviewDialog span.review-summary2 { font-size: 24px; }
.fontLarge .ReviewDialog div.review-title { font-size: 26px; }
.fontLarge .ReviewDialog .symbol { height: 26px; width: 26px; }
.fontLarge .ReviewDialog span.review-sub-title { font-size: 22px; }
.fontLarge .ReviewDialog #dialogReview #formReviewDialog #txtReview { font-size: 25px; }
.fontLarge .ReviewDialog div.imgHint { font-size: 18px; }
.fontLarge .ReviewDialog .rc-anchor-checkbox-label { font-size: 16px; }
.fontLarge  .ReviewDialog .bootstrap-dialog-footer-buttons .btn { font-size: 2.3rem; }
.fontLarge .form-control { font-size: 18px; }
/* Route Detail */
.fontLarge .title-panel small { font-size: 2.2rem; }
.fontLarge .information-panel .descAll p { font-size: 24px !important; }
.fontLarge .detail-zone #im-detail-title a#lnkDirection { font-size: 2rem; }
/* Login */
.fontLarge #login-panel .login-title { font-size: 3.4rem; }
.fontLarge .panel-detail input { font-size: 2.3rem; }
.fontLarge .panel-detail select { font-size: 2.3rem; }
.fontLarge .panel-detail textarea { font-size: 2.3rem; }
.fontLarge .panel-detail .divControl { font-size: 2.3rem; }
.fontLarge .remember-me { font-size: 22px; }
.fontLarge .forget-link { font-size: 22px; }
.fontLarge #login-panel .btn { font-size: 2.2rem; }
.fontLarge #login-panel .btn { font-size: 2.3rem; }
.fontLarge #login-panel .regis-title { font-size: 2.4rem; }
.fontLarge #login-panel .regis-link { font-size: 2.4rem; }
.fontLarge .linezone .line-center { font-size: 24px; }
/* Register */
.fontLarge .title-label { font-size: 2.8rem; }
.fontLarge .panel-detail { font-size: 2.3rem; }
.fontLarge .jFiler-theme-default .jFiler-input { font-size: 14px; }
.fontLarge .panel-detail .help-block { font-size: 2rem; }
.fontLarge .panel-detail .btn { font-size: 2.3rem; }
/* My Page */
.fontLarge #mypage .title-label { font-size: 2.8rem; }
.fontLarge #mypage .title { font-size: 28px; }
.fontLarge #mypage p { font-size: 2.3rem; }
.fontLarge #mypage a#lnkChangePassword { font-size: 2rem; }
.fontLarge #mypage a#lnkEditProfile { font-size: 2rem; }
.fontLarge #mypage-tab .nav-tabs>li>a em { font-size: 2rem; }
.fontLarge #tab01 .itemBox .title { font-size: 2.3rem; }
.fontLarge #tab01 .itemBox .detail { font-size: 2.1rem; }
.fontLarge #tab01 .itemBox .imgStd-official { height: 22px !important; }
.fontLarge #tab01 .itemBox .imgStd-verified { height: 22px; }
.fontLarge #tab01 .itemBox .imgStd-elephant { height: 27px; }
.fontLarge #tab01 .itemBox .imgRating { height: 18px; }
.fontLarge #tab01 .itemBox .txtRating { font-size: 20px !important; }
.fontLarge #tab01 .itemBox .lnkRemoveFavorite { height: 27px; width: 27px; }
.fontLarge #tab02 .titleBox .title { font-size: 26px !important; }
.fontLarge #mypage-tab .tab-content { font-size: 2.3rem; }
.fontLarge #tab02 .itemBox .title { font-size: 2.3rem; }
.fontLarge #tab02 .itemBox .detail { font-size: 2.1rem; }
.fontLarge #tab02 .itemBox .imgStd-official { height: 22px !important; }
.fontLarge #tab02 .itemBox .imgStd-verified { height: 22px; }
.fontLarge #tab02 .itemBox .imgStd-elephant { height: 27px; }
.fontLarge #tab02 .itemBox .imgRating { height: 18px; }
.fontLarge #tab02 .itemBox .txtRating { font-size: 20 !important; }
.fontLarge #mypage-tab .attractionBox-title { font-size: 24px !important; }
.fontLarge #mypage-tab .activityBox-title { font-size: 24px !important; }
.fontLarge #tab03 .itemBox .title { font-size: 2.3rem; }
.fontLarge #tab03 .itemBox .detail { font-size: 2.1rem; }
.fontLarge #tab03 .itemBox .imgStd-official { height: 22px !important; }
.fontLarge #tab03 .itemBox .imgStd-verified { height: 20px !important; }
.fontLarge #tab03 .itemBox .imgStd-elephant { height: 26px !important; }
.fontLarge #tab03 .itemBox .imgRating { height: 18px; }
.fontLarge #tab03 .itemBox .txtRating { font-size: 20 !important; }
.fontLarge #mypage-tab .reviewBox-title { font-size: 24px !important; }
.fontLarge #mypage-tab .reportBox-title { font-size: 24px !important; }
.fontLarge #tab04 .itemBox .title { font-size: 2.3rem; }
.fontLarge #tab04 .itemBox .imgRating { height: 18px; }
.fontLarge #tab04 .itemBox .txtRating { font-size: 2.1rem; }
.fontLarge #tab04 .itemBox .detail { font-size: 2.1rem; }
.fontLarge .modal-dialog .modal-header { font-size: 2.6rem; }
.fontLarge #divDialogReview .imgRating { height: 20px; }
.fontLarge .modal-content .modal-body #divDialogReview .txtRating { font-size: 21px; }
.fontLarge .modal-content .modal-body #divDialogReview .detail { font-size: 21px; }
.fontLarge .modal-content .modal-body #dialogReportDetail #divDialogReport .txtRating { font-size: 21px; }
.fontLarge .modal-content .modal-body #dialogReportDetail #divDialogReport .detail { font-size: 21px !important; }
.fontLarge .modal-content .modal-body #dialogReportDetail .txtStatus-W { font-size: 21px; }
.fontLarge #tab05 .btn-zone button { font-size: 2.1rem; }
.fontLarge #tab06 .titleBox .title { font-size: 26px !important; }
.fontLarge #mypage-tab .tab-content { font-size: 2.3rem; }
.fontLarge #tab06 .itemBox .title { font-size: 2.3rem; }
.fontLarge #tab06 .itemBox .detail { font-size: 2.1rem; }
.fontLarge #tab06 .itemBox .imgStd-official { height: 22px !important; }
.fontLarge #tab06 .itemBox .imgStd-verified { height: 22px; }
.fontLarge #tab06 .itemBox .imgStd-elephant { height: 27px; }
.fontLarge #tab06 .itemBox .imgRating { height: 18px; }
.fontLarge #tab06 .itemBox .txtRating { font-size: 20px !important; }
/* Compare */
.fontLarge .infodetail h3.compare-title { font-size: 3.8rem; }
.fontLarge .infodetail .compareBox.header { font-size: 3.2rem; }
.fontLarge .infodetail .compareBox .title { font-size: 2.3rem; }
.fontLarge .infodetail .compareBox .detail { font-size: 2.3rem; }
/* API */
.fontLarge .serviceapi-zone-box .serviceapi-box .serviceapi .serviceapi-title-bottom { font-size: 2.3rem; }
.fontLarge .serviceapi-zone-box .serviceapi-box .serviceapi-details .serviceapi-title { font-size: 3.2rem; }
.fontLarge .serviceapi-zone-step-registration .serviceapi-step-registration-box .step-img .step-text-inner { font-size: 2.6rem; }
.fontLarge .serviceapi-zone-step-registration .serviceapi-step-registration-box .step-text { font-size: 2.3rem; }
.fontLarge .serviceapi-zone-step-registration .btn-agreement { font-size: 2.3rem; }
.fontLarge .serviceapi-zone-step-registration .agreement-warning span { font-size: 2.4rem !important; }
.fontLarge .serviceapi-zone-step-registration .agreement-warning { font-size: 2.4rem; }
.fontLarge .serviceapi-title span { font-size: 3.2rem; }
.fontLarge .serviceapi-agreement { font-size: 2.4rem; }
.fontLarge .serviceapi-agreement .serviceapi-agreement-header { font-size: 2.8rem; }
.fontLarge .serviceapi-agreement .tbl-display-requirements { font-size: 2.3rem; }
.fontLarge .serviceapi-agreement .hilight-display { font-size: 3.2rem; }
.fontLarge .serviceapi-detail #txt-header { font-size: 2.8rem; }
.fontLarge .serviceapi-detail .txt-header { font-size: 2.8rem; }
.fontLarge .serviceapi-detail div.border-api { font-size: 1.6rem; }
.fontLarge .serviceapi-detail table { font-size: 2.3rem; }
.fontLarge .serviceapi-detail pre { font-size: 15px; }
.fontLarge .serviceapi-detail div.bottom p { font-size: 2.3rem; }


/***************** Overwrite: Font Size Small *****************/
/* Home */
.fontSmall .main-header .main-header-top .navbar-right { font-size : 10px; }
.fontSmall .main-header .main-header-right .main-header-menu { font-size: 1.9rem; }
.fontSmall .main-header .main-header-right .main-header-top .navbar-nav > li > ul a { font-size: 1.9rem; }

.fontSmall #search-zone .btn { font-size: 1.9rem; }
.fontSmall #search-zone .form-control { font-size: 1.9rem; }
.fontSmall #search-zone .search-province .select2-selection span.select2-selection__rendered { font-size: 1.9rem; }
.fontSmall #search-zone .search-maintype .select2-selection span.select2-selection__rendered { font-size: 1.9rem; }
.fontSmall #search-zone .search-location .btn span { font-size: 1.8rem; }
.fontSmall #search-zone .search-location .glyphicon-map-marker { font-size: 1.9rem; }

.fontSmall .zone-title .title { font-size: 5rem; }
.fontSmall .zone-title .sub-title { font-size: 2rem; }

.fontSmall .homecard .image .openhour { font-size: 1.7rem; }
.fontSmall .homecard .detail .detail-title { font-size: 2.6rem; }
.fontSmall .homecard .detail .detail-address { font-size: 2.2rem; }
.fontSmall .homecard .detail .detail-date { font-size: 2.2rem; }
.fontSmall .homecard .detail .detail-row { font-size: 2.2rem; }
.fontSmall .homecard .detail .detail-rating img { width: 9px; }
.fontSmall .homecard .detail .detail-symbol img { height: 18px; }

.fontSmall .content-box-zone .content-intro p { font-size: 6.7rem; }
.fontSmall .content-box-zone .content-intro p:nth-child(2) { font-size: 4.3rem; }
.fontSmall .content-box-zone .content-intro a.viewall .fa-plus-circle { font-size: 26px; }
.fontSmall .content-box-zone .content-box .content-details .content-title { font-size: 2.8rem; }
.fontSmall .content-box-zone .content-box .content-details .content-title small { font-size: 1.9rem; }
.fontSmall .btn { font-size: 12px; }
.fontSmall .zone-title .btn.btn-default { height: 24px; }

.fontSmall #stat-zone .stat-icon-zone .stat-box .icon img { height: 98px; }
.fontSmall #stat-zone .stat-icon-zone .stat-box .number { font-size: 4.8rem; }
.fontSmall #stat-zone .stat-icon-zone .stat-box .name { font-size: 2.0rem; }
.fontSmall #accommodation-zone .list-item .detail .detail-title { font-size: 2.0rem; }
.fontSmall #accommodation-zone .list-item .detail { font-size: 1.8rem; }
.fontSmall #accommodation-zone .list-item .detail .detail-row .detail-rating img { height: 10px; }
.fontSmall #accommodation-zone .list-item .detail .detail-symbol { height: 24px; }
.fontSmall #abotthailand-zone .box-zone .box-item a { font-size: 2.2rem; }
.fontSmall .main-footer .footer-title { font-size: 2.3rem; }
.fontSmall .main-footer .footer-link { font-size: 1.8rem; }
.fontSmall .main-footer .footer-text { font-size: 1.6rem; }
.fontSmall .main-footer .footer-copyright { font-size: 2.0rem; }
.fontSmall .main-footer .footer-view { font-size: 1.8rem; }
/* List */
.fontSmall .title-panel .switch-view-part { font-size: 16px; }
.fontSmall .hilight-panel .hilight-inner-title { font-size: 4.8rem; }
.fontSmall .hilight-panel .hilight-inner-category a { font-size: 21px; }
.fontSmall .breadcrumbs-panel .breadcrumb { font-size: 2rem; }
.fontSmall .breadcrumbs-panel .breadcrumb a { font-size: 2rem; }
.fontSmall .title-panel .title { font-size: 3.4rem; }
.fontSmall .infocard .image .openhour { font-size: 1.7rem; }
.fontSmall .infocard .detail .detail-title { font-size: 2.6rem; }
.fontSmall .infocard .detail .detail-row { font-size: 2.2rem; }
.fontSmall .infocard .detail .detail-address { font-size: 2.2rem; }
.fontSmall .infocard .detail .detail-rating img { width: 9px; }
.fontSmall .infocard .detail .detail-symbol { height: 23px; }
.fontSmall .result-paging { font-size: 12px; }
.fontSmall .result-map-panel .result-amount, 
.fontSmall .result-list-panel .result-amount 
{font-size: 1.8rem;}

/* Detail */
.fontSmall .alert-zone { font-size: 2.0rem; }
.fontSmall .report-change-part #btnReport { font-size: 23px; }

/*
.fontSmall .infodetail .intro-box .title { font-size: 3.8rem; }
.fontSmall .infodetail .intro-box .address { font-size: 2.2rem; }
.fontSmall .infodetail .intro-box .status { font-size: 2.2rem; }
.fontSmall .infodetail .intro-box .review { font-size: 2.2rem; }
.fontSmall .infodetail .intro-box .review img { height: 18px; }
.fontSmall .infodetail .intro-box .button-action #btnReview { font-size: 1.9rem; }
.fontSmall .infodetail .intro-box .button-action #btnFavorite { font-size: 1.9rem; }
.fontSmall .info-image-zone .image-paging { font-size: 1.9rem; }
.fontSmall .info-image-zone .vdo-btn-zone { font-size: 1.9rem; }
.fontSmall .infodetail .std-panel .standard .std-official img { height: 43px; }
.fontSmall .infodetail .std-panel .standard .std-verified img { height: 43px; }
.fontSmall .infodetail .std-panel .standard .std-elephant img { height: 43px; }
.fontSmall .infodetail .std-panel .standard .std-official div { font-size: 18px; }
.fontSmall .infodetail .std-panel .standard .std-verified div { font-size: 18px; }
.fontSmall .infodetail .std-panel .standard .std-elephant div { font-size: 18px; }
.fontSmall .infodetail .information-panel .btn-source { font-size: 2.1rem; }
.fontSmall .infodetail .information-panel .btn-source:active { font-size: 2.1rem; }
.fontSmall .infodetail .information-panel .btn-source:focus { font-size: 2.1rem; }
.fontSmall .infodetail .information-panel .btn-source:hover { font-size: 2.1rem; }
.fontSmall .infodetail .detail-box .detail-row .detail .title { font-size: 2.0rem; }
.fontSmall .infodetail .detail-box .detail-row .detail .desc { font-size: 1.9rem; }
.fontSmall .infodetail .information-panel { font-size: 18px; }
.fontSmall .infodetail .information-panel .detail.moredetail { font-size: 2.2rem; }
.fontSmall .infodetail .information-panel .detail.moredetail p { font-size: 2.2rem !important; }
.fontSmall .infodetail .information-panel .detail.moredetail span { font-size: 2.2rem !important; }
.fontSmall .infodetail .information-panel h3 { font-size: 2.0rem; }
*/

.fontSmall .infodetail .intro-box .std-product-box .type-product { font-size: 2.6rem; }
.fontSmall .infodetail .intro-box .std-product-box .address-zone .place { font-size: 2.6rem; }
.fontSmall .infodetail .intro-box .std-product-box .address-zone .title { font-size: 2.2rem; }
.fontSmall .infodetail .intro-box .std-product-box .address-zone .address .txt { font-size: 2.2rem; }
.fontSmall .guide.infodetail .intro-box .std-official { font-size: 1.9rem; }
.fontSmall .guide.infodetail .intro-box .std-verified { font-size: 1.9rem; }
.fontSmall .guide.infodetail .intro-box .std-standard { font-size: 1.9rem; }
.fontSmall .infodetail .intro-box .std-official { font-size: 1.9rem; }
.fontSmall .infodetail .intro-box .std-verified { font-size: 1.9rem; }
.fontSmall .infodetail .intro-box .std-datetime { font-size: 3.8rem; }
.fontSmall .infodetail .intro-box .std-standard { font-size: 1.9rem; }
.fontSmall .infodetail .intro-box .std-review { font-size: 1.9rem; }
.fontSmall .infodetail .title-zone .title { font-size: 3.4rem; }
.fontSmall .infodetail .title-zone .address { font-size: 2.2rem; }
.fontSmall .infodetail .btn-zone button { font-size: 2.2rem; }
.fontSmall .infodetail .review-zone { font-size: 2.2rem; }
.fontSmall .infodetail .title-part .compare-zone .btn { font-size: 2.2rem; }
.fontSmall .infodetail .detail-part .description .topic { font-size: 2.6rem; }
.fontSmall .infodetail .detail-part .description .detail { font-size: 13px; }
.fontSmall .infodetail .detail-part .description .weather-group { font-size: 12px; }
.fontSmall .infodetail .detail-part .description .weather-group.main { font-size: 14px; }
.fontSmall .infodetail .detail-part .description .weather-group .temperature { font-size: 10px; }
.fontSmall .infodetail .detail-part .description .weather-group.main .temperature { font-size: 22px; }
.fontSmall .infodetail .detail-part .description .intro-group .intro-title { font-size: 2.2rem; }
.fontSmall .infodetail .detail-part .description .intro-group .intro-detail { font-size: 2rem; }
.fontSmall .infodetail .detail-part .description .contact-group .contact-title { font-size: 2.2rem; }
.fontSmall .infodetail .detail-part .description .contact-group .contact-detail { font-size: 2rem; }
.fontSmall .subtitle.reviews { font-size: 3rem;; }

.fontSmall #RatePercentage .rateTitle-title { font-size: 58px; }
.fontSmall #RatePercentage .rateTitle-detail { font-size: 18px; }
.fontSmall #RatePercentage span.review-summary1 { font-size: 18px; }
.fontSmall #RatePercentage span.review-summary2 { font-size: 18px; }
.fontSmall #RatePercentage div.review-summary3 { font-size: 18px; }
.fontSmall #RatePercentage .rateBarTitle .rate { font-size: 12px; }
.fontSmall #ReviewsData .review-detail .review-date { font-size: 2rem; }
.fontSmall #ReviewsData .rating-star { width: 10px; }
.fontSmall #ReviewsData .review-detail .review-name { font-size: 2rem; }
.fontSmall #ReviewsData .review-detail .review-msg { font-size: 2.2rem; }
.fontSmall #recommendPanal .zone-title .title { font-size: 3.8rem; }
.fontSmall span.noty_text { font-size: 18px; }
.fontSmall .ReviewDialog.bootstrap-dialog.size-normal .bootstrap-dialog-title { font-size: 2.2rem; }
.fontSmall .ReviewDialog.bootstrap-dialog.size-normal p.form-control-static:nth-child(1) { font-size: 1.7em; }
.fontSmall .ReviewDialog.bootstrap-dialog.size-normal .bootstrap-dialog-message { font-size: 1.9rem; }
.fontSmall .modal-content #dialogReportform #formReportDialog .form-group #txtReport { font-size: 21px; }
.fontSmall .ReviewDialog div.review-name { font-size: 24px; }
.fontSmall .ReviewDialog .rateTitle-title { font-size: 58px; }
.fontSmall .ReviewDialog span.review-summary1 { font-size: 18px; }
.fontSmall .ReviewDialog span.review-summary2 { font-size: 20px; }
.fontSmall .ReviewDialog div.review-title { font-size: 18px; }
.fontSmall .ReviewDialog .symbol { height: 18px; width: 18px; }
.fontSmall .ReviewDialog span.review-sub-title { font-size: 18px; }
.fontSmall .ReviewDialog #dialogReview #formReviewDialog #txtReview { font-size: 21px; }
.fontSmall .ReviewDialog div.imgHint { font-size: 10px; }
.fontSmall .ReviewDialog .rc-anchor-checkbox-label { font-size: 12px; }
.fontSmall  .ReviewDialog .bootstrap-dialog-footer-buttons .btn { font-size: 1.9rem; }
.fontSmall .form-control { font-size: 10px; }
/* Route Detail */
.fontSmall .title-panel small { font-size: 1.8rem; }
.fontSmall .information-panel .descAll p { font-size: 24px !important; }
.fontSmall .detail-zone #im-detail-title a#lnkDirection { font-size: 1.6rem; }
/* Login */
.fontSmall #login-panel .login-title { font-size: 3rem; }
.fontSmall .panel-detail input { font-size: 1.9rem; }
.fontSmall .panel-detail select { font-size: 1.9rem; }
.fontSmall .panel-detail textarea { font-size: 1.9rem; }
.fontSmall .panel-detail .divControl { font-size: 1.9rem; }
.fontSmall .remember-me { font-size: 18px; }
.fontSmall .forget-link { font-size: 18px; }
.fontSmall #login-panel .btn { font-size: 1.8rem; }
.fontSmall #login-panel .btn { font-size: 1.9rem; }
.fontSmall #login-panel .regis-title { font-size: 2rem; }
.fontSmall #login-panel .regis-link { font-size: 2rem; }
.fontSmall .linezone .line-center { font-size: 20px; }
/* Register */
.fontSmall .title-label { font-size: 2.0rem; }
.fontSmall .panel-detail { font-size: 1.9rem; }
.fontSmall .jFiler-theme-default .jFiler-input { font-size: 10px; }
.fontSmall .panel-detail .help-block { font-size: 1.6rem; }
.fontSmall .panel-detail .btn { font-size: 1.9rem; }
/* My Page */
.fontSmall #mypage .title-label { font-size: 2.0rem; }
.fontSmall #mypage .title { font-size: 24px; }
.fontSmall #mypage p { font-size: 1.9rem; }
.fontSmall #mypage a#lnkChangePassword { font-size: 1.6rem; }
.fontSmall #mypage a#lnkEditProfile { font-size: 1.6rem; }
.fontSmall #mypage-tab .nav-tabs>li>a em { font-size: 1.6rem; }
.fontSmall #tab01 .itemBox .title { font-size: 1.9rem; }
.fontSmall #tab01 .itemBox .detail { font-size: 1.7rem; }
.fontSmall #tab01 .itemBox .imgStd-official { height: 22px !important; }
.fontSmall #tab01 .itemBox .imgStd-verified { height: 18px; }
.fontSmall #tab01 .itemBox .imgStd-elephant { height: 23px; }
.fontSmall #tab01 .itemBox .imgRating { height: 10px; }
.fontSmall #tab01 .itemBox .txtRating { font-size: 20px !important; }
.fontSmall #tab01 .itemBox .lnkRemoveFavorite { height: 23px; width: 23px; }
.fontSmall #tab02 .titleBox .title { font-size: 26px !important; }
.fontSmall #mypage-tab .tab-content { font-size: 1.9rem; }
.fontSmall #tab02 .itemBox .title { font-size: 1.9rem; }
.fontSmall #tab02 .itemBox .detail { font-size: 1.7rem; }
.fontSmall #tab02 .itemBox .imgStd-official { height: 22px !important; }
.fontSmall #tab02 .itemBox .imgStd-verified { height: 18px; }
.fontSmall #tab02 .itemBox .imgStd-elephant { height: 23px; }
.fontSmall #tab02 .itemBox .imgRating { height: 10px; }
.fontSmall #tab02 .itemBox .txtRating { font-size: 20 !important; }
.fontSmall #mypage-tab .attractionBox-title { font-size: 24px !important; }
.fontSmall #mypage-tab .activityBox-title { font-size: 24px !important; }
.fontSmall #tab03 .itemBox .title { font-size: 1.9rem; }
.fontSmall #tab03 .itemBox .detail { font-size: 1.7rem; }
.fontSmall #tab03 .itemBox .imgStd-official { height: 22px !important; }
.fontSmall #tab03 .itemBox .imgStd-verified { height: 20px !important; }
.fontSmall #tab03 .itemBox .imgStd-elephant { height: 26px !important; }
.fontSmall #tab03 .itemBox .imgRating { height: 10px; }
.fontSmall #tab03 .itemBox .txtRating { font-size: 20 !important; }
.fontSmall #mypage-tab .reviewBox-title { font-size: 24px !important; }
.fontSmall #mypage-tab .reportBox-title { font-size: 24px !important; }
.fontSmall #tab04 .itemBox .title { font-size: 1.9rem; }
.fontSmall #tab04 .itemBox .imgRating { height: 10px; }
.fontSmall #tab04 .itemBox .txtRating { font-size: 1.7rem; }
.fontSmall #tab04 .itemBox .detail { font-size: 1.7rem; }
.fontSmall .modal-dialog .modal-header { font-size: 2.2rem; }
.fontSmall #divDialogReview .imgRating { height: 16px; }
.fontSmall .modal-content .modal-body #divDialogReview .txtRating { font-size: 17px; }
.fontSmall .modal-content .modal-body #divDialogReview .detail { font-size: 17px; }
.fontSmall .modal-content .modal-body #dialogReportDetail #divDialogReport .txtRating { font-size: 17px; }
.fontSmall .modal-content .modal-body #dialogReportDetail #divDialogReport .detail { font-size: 21px !important; }
.fontSmall .modal-content .modal-body #dialogReportDetail .txtStatus-W { font-size: 17px; }
.fontSmall #tab05 .btn-zone button { font-size: 1.7rem; }
.fontSmall #tab06 .titleBox .title { font-size: 26px !important; }
.fontSmall #mypage-tab .tab-content { font-size: 1.9rem; }
.fontSmall #tab06 .itemBox .title { font-size: 1.9rem; }
.fontSmall #tab06 .itemBox .detail { font-size: 1.7rem; }
.fontSmall #tab06 .itemBox .imgStd-official { height: 22px !important; }
.fontSmall #tab06 .itemBox .imgStd-verified { height: 18px; }
.fontSmall #tab06 .itemBox .imgStd-elephant { height: 23px; }
.fontSmall #tab06 .itemBox .imgRating { height: 10px; }
.fontSmall #tab06 .itemBox .txtRating { font-size: 20px !important; }
/* Compare */
.fontSmall .infodetail h3.compare-title { font-size: 3.8rem; }
.fontSmall .infodetail .compareBox.header { font-size: 2.8rem; }
.fontSmall .infodetail .compareBox .title { font-size: 1.9rem; }
.fontSmall .infodetail .compareBox .detail { font-size: 1.9rem; }
/* API */
.fontSmall .serviceapi-zone-box .serviceapi-box .serviceapi .serviceapi-title-bottom { font-size: 1.9rem; }
.fontSmall .serviceapi-zone-box .serviceapi-box .serviceapi-details .serviceapi-title { font-size: 2.8rem; }
.fontSmall .serviceapi-zone-step-registration .serviceapi-step-registration-box .step-img .step-text-inner { font-size: 2.2rem; }
.fontSmall .serviceapi-zone-step-registration .serviceapi-step-registration-box .step-text { font-size: 1.9rem; }
.fontSmall .serviceapi-zone-step-registration .btn-agreement { font-size: 1.9rem; }
.fontSmall .serviceapi-zone-step-registration .agreement-warning span { font-size: 2.4rem !important; }
.fontSmall .serviceapi-zone-step-registration .agreement-warning { font-size: 2.0rem; }
.fontSmall .serviceapi-title span { font-size: 2.8rem; }
.fontSmall .serviceapi-agreement { font-size: 2.0rem; }
.fontSmall .serviceapi-agreement .serviceapi-agreement-header { font-size: 2.0rem; }
.fontSmall .serviceapi-agreement .tbl-display-requirements { font-size: 1.9rem; }
.fontSmall .serviceapi-agreement .hilight-display { font-size: 2.8rem; }
.fontSmall .serviceapi-detail #txt-header { font-size: 2.0rem; }
.fontSmall .serviceapi-detail .txt-header { font-size: 2.0rem; }
.fontSmall .serviceapi-detail div.border-api { font-size: 1.6rem; }
.fontSmall .serviceapi-detail table { font-size: 1.9rem; }
.fontSmall .serviceapi-detail pre { font-size: 11px; }
.fontSmall .serviceapi-detail div.bottom p { font-size: 1.9rem; }

/* custom font */
.infodetail .information-panel .title {font-family: Mitr Light;font-size: 18px;} 
.infodetail .information-panel .detail {font-family: 'tahoma';font-size: 15px;}
.infodetail .detail-box .detail-row .detail .desc {font-size: 15px;}
.infodetail .detail-box .detail-row .detail .title {font-size: 16.5px;}
.infodetail .information-panel .btn-source, .infodetail .information-panel .btn-source:active, .infodetail .information-panel .btn-source:focus, .infodetail .information-panel .btn-source:hover {font-family: Mitr Light;font-size: 17px;}
.infodetail .std-panel {font-family: 'tahoma'; font-size: 16px;}
.infodetail .std-panel .standard {font-family: 'tahoma'; font-size: 15px;}
.infodetail .std-panel .standard > li .line2 {font-family: Mitr Light;font-size: 15px;}
.infodetail .std-panel .standard .std-verified div {font-family: Mitr Light;font-size: 15px;}
.infodetail .std-panel .standard .std-official div {font-family: Mitr Light;font-size: 15px;}
.infodetail .information-panel p.subtitle {font-family: Mitr Light;font-size: 17px;}
.infodetail .information-panel {font-size :14px;}
#pressrelease-info {font-family: Mitr Light !important;font-size: 19px !important;}
.pressrelease-title {font-family: Mitr Light !important;font-size: 19px !important;}


/* breadcrumbs */
.breadcrumbs-panel { padding-top: 20px; }
.breadcrumbs-panel .breadcrumb li.active a { color: #0B56A4; }

.atss.atss-right a { display: none !important; }
#at-share-dock { display: none !important; }


/* Footer Deparment */
.department-section { margin: 40px 0 30px 0; }
.department-section .department-list {  }
.department-section .department-list .department-item { margin: 0 10px; }
.department-section .department-list .department-item .item-img {  }
.department-section .department-list .department-item .item-img img { width: 70px; height: 40px; object-fit: contain; }


/* sweetalert2 ************ */
.swal2-popup {border-radius: 1.25em; width: 48em;}
.swal2-title {font-family: 'DB HelvethaicaX Med';}
.swal2-styled {padding: 5px 20px;}

/*Head title*/
.headtitle .main-title {font-family: 'DBHelvethaicaX';letter-spacing: 1.5px;}
.headtitle .sub-title {font-family: 'DBHelvethaicaX';font-size: 2.5rem !important;}
.switch-view {font-family: 'DBHelvethaicaX';font-size: 2rem !important;margin-bottom: 10px !important;}
.switch-view em {margin-right:5px;top: 2px;position: relative;}
.switch-view a.active {color:#0D47A1;}

/*Filter*/
.search-filter-zone #btnfilter {font-family: 'DBHelvethaicaX';font-size: 2rem !important;color: #999;line-height: 19px;border: 1px solid #cbcbcb;}
.search-filter-zone #search-selected {font-family: 'DBHelvethaicaX';font-size: 2rem !important;line-height: 24px;}

.search-filter-zone {border-top: none !important;}

.dropdown-menu .card .card-header {font-family: 'DBHelvethaicaX';font-weight: normal !important;background-color: #1989b3;
background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);color: #fff;}
.search-filter-zone .dropdown-menu label {font-weight: normal;font-family: tahoma;font-size: 13px;}
.search-filter-zone .dropdown-menu em {font-size: 16px;float:right;}
.search-selected-box {border-radius: 7px;}

/**/
.result-list .list-empty em {font-size: 90px !important;}
.result-list .list-empty div {font-size: 40px !important;font-weight: normal !important;font-family: 'DBHelvethaicaX';}
.search-filter-zone {border-top: 1px solid #eee;padding-top: 30px;padding-bottom: 30px;}
.infocard .image .fav em {font-size: 18px;}
.infocard .image .fav {background-color: #E32886;}
.infocard .image .openhour {background-color: rgb(46 204 113 / 87%) !important !important;padding: 3px 13px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.infocard .image .openhour em {margin-right: 5px;position: relative;top: 2px;}
.infocard .detail-rating-str em {color: #FCB315;font-size: 15px;margin-right: 5px;}
.infocard .detail .detail-title {height:65px;overflow: hidden;}
.infocard .detail-rating-str {font-size: 19px;color: #000;}
.infocard .store-img {width: 50px !important;height: 50px;object-fit: contain;}
.infocard .detail-store {font-family:'DB HelvethaicaX Med';font-size: 20px;padding-top: 5px;}
.infocard .detail-store-img {width: 20%;text-align: center;padding: 5px 10px;float: left;}
.infocard .detail-store-star {margin-top: 10px;padding-top: 5px !important;}
.infocard .detail .detail-detail {margin-bottom: 5px;height: 77px;overflow: hidden;font-family: 'THSarabunNew';color:#000;font-size: 2.1rem;line-height: 27px;}
.result-list .col-md-4 {margin-bottom: 40px;}
.infocard .detail .detail-address .fa-map-marker {margin-right: 5px;}
.skin-smart .pagination > .active > a, .skin-smart .pagination > .active > a:focus, .skin-smart .pagination > .active > a:hover, .skin-smart .pagination > .active > span, .skin-smart .pagination > .active > span:focus, .skin-smart .pagination > .active > span:hover {    border-radius: 5px;
width: 50px;}

/*Detail Page*/
.header-zone .header-main-zone .header-main .header-main-title span {font-weight: normal !important;font-family: 'DBHelvethaicaX';font-size: 3.3rem !important;}
.intro-inner-panel .btn {font-family: 'DBHelvethaicaX';font-size: 19px;}
.intro-inner-panel #lnkContact {background-color: #c298dd;border-color: #c298dd;position: relative;left: 15px;}
.header-zone .header-main-zone .header-main .header-main-rating {font-size: 16px;}
.header-zone .header-main-zone .address-box {font-family: 'DBHelvethaicaX';color: #999;}
.header-zone .header-main-zone .address-box span {font-size: 19px;}
.header-zone .header-main-zone .address-box em {font-size: 19px;}
.header-contact .social-box .social .share {font-size: 19px;font-family: 'DBHelvethaicaX';}
.header-contact .social .share img {width: 20px;margin-right: 8px;}
.header-contact .social .icon.favorite a em , .social .icon.like a em {font-size: 19px;}
.header-contact .social .icon a {font-size: 19px;}
.header-contact .social {margin-top: 25px;}
.header-contact .social .icon.like a em {color: #0DC093;}

.infodetail .container {margin-top: 10px !important;}
.text-content-box .content-title {color: #2EB16D !important;font-size: 3.3rem !important;}
.weather .weather-hourly .weather-hourly-condition .weather-hourly-condition-condition {font-family: 'DBHelvethaicaX';}
.weather .weather-days .weather-day .weather-day-day {font-family: 'DBHelvethaicaX';}
.weather .weather-days .weather-day .weather-day-condition img {height: 50px;}

/*Menu Profile*/
.dropdown-menu > li.dropdown-header {font-family: 'DBHelvethaicaX'; font-size: 22px;}
.dropdown-menu>li>a {font-family: 'DBHelvethaicaX';font-size: 18px;}


.detail-box {padding: 20px 30px !important;}

/**/
.sell-regis-form .header .header-text {font-family: 'DBHelvethaicaX' !important;padding-top: 18px !important;}
.sell-regis-form .header .header-logo img {width: 180px !important;}
.sell-regis-form {border: none !important;}
.btn {font-family: 'DBHelvethaicaX' !important;}
.btn-primary , .btn-primary:hover, .btn-primary:active, .btn-primary.hover {background-color: #0DC093;border-color:#0DC093;}
.title-label {padding-top: 5px;font-weight: normal !important;font-family: 'DBHelvethaicaX' !important;padding-left:15px;color:#1989b3;border-bottom: 1px solid #1989b3;}

.sell-regis-form .sell-regis-finish .title {font-family: 'DBHelvethaicaX';font-weight: normal !important;}
.sell-regis-form .sell-regis-finish .button-zone {font-family: 'DBHelvethaicaX';}
.sell-regis-form .sell-regis-finish .button-zone a {background-color: #0DC093 !important;}
#formData .form-group {padding-left:20px;}
.panel-profile-menu .title {font-family: 'DBHelvethaicaX';}
.panel-profile-menu .menu-list a.active, .panel-profile-menu .menu-list a:hover {background-color: #1989b3;
background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);color:#fff;}
.panel-profile-menu .menu-list a.active, .panel-profile-menu .menu-list a:hover {color:#fff !important;}
.panel-profile-menu .menu-list a span {font-family: 'DBHelvethaicaX';font-size: 19px;}
.panel-profile-menu .menu-list a em {position: relative;top: 4px;font-size: 18px;}
.panel-profile-menu hr {margin-top: 10px;margin-bottom: 10px;}

/**/
.info .panel-default .search-zone .search-part-button .btn {font-size: 18px; padding: 8px;}
.info .panel-default .search-zone .search-part-filter input[type=text], .info .panel-default .search-zone .search-part-filter select {font-family: 'DBHelvethaicaX';font-size: 21px;
height: 38px;}
.info .panel-default .control-label {font-family: 'DBHelvethaicaX';font-weight: normal;}

/*Banner Content*/
.banner-content span {font-family: 'DBHelvethaicaX';}
.banner-content input {font-family: 'DBHelvethaicaX';}


/**/
.headtitiel span {font-family: 'DBHelvethaicaX';letter-spacing: 1.5px;font-size: 5rem;font-weight: bold;}
.headtitiel div {font-family: 'DBHelvethaicaX';font-size: 2.5rem !important;}

/**/
#map_detail_info .content-box .item-detail-box .item-detail {height: 50px;overflow: hidden;font-family:'THSarabunNew';font-size: 17px;}
#map_detail_info .item-address {font-family: 'DBHelvethaicaX';}
#map_detail_info .item-address span {font-size: 17px;/*color: #c298dd;*/}
#map_detail_info .content-box .item-detail-box .item-title a {font-family: 'DBHelvethaicaX';font-size: 2.3rem;color:#0DC093;font-weight: normal;}
#map_detail_info .content-box .item-detail-box .item-title {line-height: 30px;}
#map_detail_info .content-box .item-detail-box .item-status .item-rate {font-size: 14px;}
#map_detail_info .content-box .item-detail-box .item-status {margin-top:0px;}
#map_detail_info .item-detail-box hr {margin-top: 10px;margin-bottom: 10px;}
#map_detail_info .content-box .item-detail-box .item-status .item-address em {margin-right: 3px;/*color: #c298dd;*/font-size: 17px;}

.inforow .detail .detail-title a.detail-name {/*font-family: 'DBHelvethaicaX';*/font-size: 2.3rem !important;color: #2EB16D !important;/*font-weight: normal !important;*/}
.inforow .detail .detail-status .status.status-approve {font-family: 'DBHelvethaicaX';}
.inforow .detail .detail-rating img {width: 15px;}
.skin-smart .pagination > .active > a, .skin-smart .pagination > .active > a:focus, .skin-smart .pagination > .active > a:hover, .skin-smart .pagination > .active > span, .skin-smart .pagination > .active > span:focus, .skin-smart .pagination > .active > span:hover
{background-color: #eee !important;border-color: #eee !important;color:#000 !important;}
.control-label-with-icon em {background: #19bf92 !important;}
.infodetail .text-content-box .conttent-title em {font-size: 2.5rem;margin-right: 5px;}
.infodetail .text-content-box .conttent-title span {font-size: 2.5rem;}
.quiz-btn a {font-family: 'DBHelvethaicaX';}
.comment-panel .comment-title {font-family: 'DBHelvethaicaX';font-size: 2.5rem !important;}
.comment-panel .comment-box .box-item {font-family: 'DBHelvethaicaX';}
.infodetail .comment-list em {font-size: 90px !important;}
.infodetail .comment-list div {font-family: 'DBHelvethaicaX';font-weight: normal !important;font-size: 40px !important; }
.infodetail .comment-list .comment-img-list {padding-left: 0px !important;}
.infodetail .comment-list {padding-bottom}
.atraction-box .atraction-list .atraction-item .address .province {font-family: 'DBHelvethaicaX';}
.atraction-box .atraction-list .atraction-item .address .province span {font-size: 16px;}
.atraction-box .atraction-list .atraction-item .item-detail {font-size: 2.1rem !important;height: 73px !important;line-height: 25px;margin-bottom: 15px;margin-top: 7px;}
.infodetail .content-list .content-box .content-detail {padding-left: 33px;}
.infodetail .content-list .content-box .content-detail em {margin-right: 5px;}
.infodetail .rate-box .bar-item {font-family: 'DBHelvethaicaX';}
.infodetail .rate-more  {font-family: 'DBHelvethaicaX';}
.atraction-box .atraction-list .atraction-item .item-titel a {font-weight: normal !important;color:#000 !important;}
.atraction-box .atraction-list .atraction-item .item-titel {white-space: unset !important;height: 72px !important;}
.quiz-btn a {background: #0DC093 !important;}
.comment-panel .comment-title {background-color:#c298dd !important;}
.comment-panel .comment-title.comment-title-link {background-color: transparent !important;color: #c298dd !important;}
.header-zone .header-contact .social-box #lnkReport {background-color: #faca00;border-color: #faca00;}
.inforow .detail .detail-title {margin-bottom: 10px;}
.main-footer a {font-size: 19px;}
.footer-box .footer-item .item-lists {padding-left: 10px;}
.main-footer .footer-link {font-family: 'DBHelvethaicaX';}
.main-footer .footer-text {font-family: 'DBHelvethaicaX';}
.main-footer .footer-copyright {font-family: 'DBHelvethaicaX';}
.inforow .detail .detail-status .status.status-approve {background-color: #2ca37e !important;}
#map_detail_info {height: 700px;overflow-y: scroll;}
.content-box-map .item-img img {height: 200px;object-fit: cover;}
.content-box-map .col-md-4 {padding-right: 0px;}
.content-box-map .item-img {border-radius:10px !important;}
.comment-list .comment-item .item-info .item-img {margin-right: 20px; display: none;}
.comment-list .comment-item .item-info .item-img img {width: 50px !important;height: 50px !important;}
.comment-list .comment-item .item-info .item-text .name {font-size: 22px !important;color: #2EB16D !important;}
.comment-list .comment-item .item-info .item-text .date {font-size: 17px !important;color: #62c8fc !important;}
.comment-list .comment-item .item-info .item-rate em {font-size: 20px !important;}
.comment-list .comment-item .comment-text {font-size: 22px !important;color: #000;font-family: 'THSarabunNew'; padding-left: 0px !important;}
.recommend-box .recommend-list .recommend-item .item-detail-box .item-titel {white-space: unset !important;font-family: 'DBHelvethaicaX';height: 72px;}
.recommend-box .recommend-list .recommend-item .item-detail-box .item-titel a {font-weight: normal !important;color: #2EB16D !important;}
.recommend-box .recommend-list .recommend-item .item-detail-box .item-price {font-size: 2.5rem !important;}
.recommend-box .recommend-list .recommend-item .item-detail-box .item-rate em {margin-right:2px;}
.rate-box {padding: 10px 15px 10px 15px !important;}
.workshop-box {padding: 10px 15px 10px 15px !important;}


.form-group #tblPayment {text-align: center;}
.form-group #tblCert td {text-align: center;}
/*product*/
.product .detail-box .item-title {font-size: 4rem !important;line-height: 44px;color: #000;}
.product .detail-box .price .priceunit {font-size: 3.3rem;font-family: tahoma;font-weight: bold;color: #0eba9b;}
.product .detail-box .price .unit {font-family: 'DBHelvethaicaX';color: #777;}
.product .detail-box .detail-standards .standard-name span {font-weight: bold;padding-left: 10px;}
.product .detail-box .detail-standards .standard-name img {width: 25px !important;object-fit: contain;}
.product .detail-box .detail-standards .detail-standard-item .item-text1::before {content: "\f111";font-family: 'FontAwesome';margin-right: 10px;font-size: 5px;vertical-align: middle;}
.product .detail-box .item-department .dp-rate em {margin-right: 3px;}
.product .detail-box .item-btn .btn1 span , .detail-box .item-btn .btn2 span {font-family: 'DBHelvethaicaX';}
.detail-box .detail-store .item-address {margin-left: 0px !important;margin-top: 7px;}
.product .detail-box .price {padding-bottom: 15px;}
/*.product .detail-box .item-text1 {font-family: 'DBHelvethaicaX';}*/
.product .social .share img {width: 20px;}
.product .detail-box .item-btn .btn1 {background: #0eba9b;}
.product .detail-box .item-btn .btn2 {background: #c298dd;}
.product .detail-box .item-btn .btn2.btn-add-to-reserve {background: #E9B266; cursor: pointer;}
.product .social .icon.favorite a em {font-size: 19px;}
.product .social .share {text-align: left;font-family: 'DBHelvethaicaX';}
.product .social .compare {font-family: 'DBHelvethaicaX';}
.product .checkprice-dit {font-family: 'DBHelvethaicaX';}
.product .detail-box .item-detail {margin-bottom: 10px;}
.product .comment-title-warning a {font-size: 2.5rem !important;}
.product .comment-panel .comment-title.comment-title-warning {background-color: #faca00 !important;display:none;}
.recommend-box .btn-gallery.galleryNext {width: 30px;height: 30px;background: #c298dd !important;}
.recommend-box .btn-gallery.galleryPrev {width: 30px;height: 30px;}
.recommend-box .btn-gallery.galleryPrev {right: 40px !important;}
.product-bestseller-zone .product-bestseller-list .product-item .detail {padding: 10px 20px !important;}
.product-promotion-zone .product-promotion-list .product-item .detail {padding: 10px 20px !important;}
.product-seasons-zone .product-seasons-list .product-item .detail {padding: 10px 20px !important;}

.production-zone .production-list .production-item .image {padding:20px !important;}
.production-zone .production-list .production-item .detail {padding: 10px 20px !important;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .image {padding: 10px !important;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail {padding-top: 20px !important;}

.influencersdetail-zone {padding: 30px 0px 30px !important;}
.workshop-activity-box .workshop-activity .activity-section1 > div {color: #c298dd !important;}
.atraction-box .btn-gallery.galleryNext {width: 30px;height: 30px;background: #c298dd !important;}
.atraction-box .btn-gallery.galleryPrev {width: 30px;height: 30px;}
.atraction-box .btn-gallery.galleryPrev {right: 50px !important;}

.product-list-result .infocard .detail {padding: 10px 20px !important;}

.comment-panel .comment-box .box-item div em {margin-right: 3px;}

/*Banner*/
.banner-content {width: 60% !important;}
.banner-content .banner-input {margin-top: 40px; position: relative; width: 75%; margin: auto; }
.banner-content .banner-input .search {position: absolute; width: 40px;height: 50px;color: #000; left: 0; display: block; line-height: 50px;text-align: center;cursor: pointer;}
.banner-content input {}
.banner-bg-market .banner-content .sub-text .desc {font-weight: 200;font-size: 3.2rem;background: rgba(0, 0, 0, 0.3);padding: 10px;border-radius: 10px;}
.banner-bg-market .banner-content input {margin-top: 40px;}
.banner-bg-market .banner-content .banner-logo img {width: 165px;}
.banner-bg-production .banner-content .sub-text .desc {font-size: 3.2rem;}
.banner-bg-attraction .banner-content .sub-text .desc {font-size: 4.8rem;}

/*order*/
.tblCart td.storesummary .btn-order {font-weight: normal !important;}
.tblCart td.storesummary .btn-cancel {font-weight: normal !important;}
.tblCart td.store {font-family: 'DBHelvethaicaX';font-weight: normal !important;}
.tblCart {border: 1px solid #ddd !important;}
.delivery-address-box {border: 1px solid #ddd !important;}
.tblCart td.store {border-bottom: 1px solid #ddd !important;}
.tblCart td.storesummary {border-top: 1px solid #ddd !important;}
.tblCart td.product-cell .product .product-info .product-price {font-size: 23px !important;}
.tblCart td.total .price-total {font-size: 27px !important;}
.tblCart td.storesummary.total .price-total-all {font-size: 31px !important;color: #0DC093;}
.tblCart td.store {background: #ddd;padding-left: 10px !important;}
.tblCart td.product-cell {padding: 15px 15px !important;}
.tblCart td.storesummary .btn-order {background-color: #0DC093 !important;}
.tblCart td.storesummary {text-align: center;background: #f6f6f6;}
.tblCart td.product-cell .product .product-info .product-rating em {margin-right: 3px;}
.form-group .form-control {height: 40px;}
.form-group textarea.form-control {height: auto;}
#formData .btn-order {background-color: #19bf92 !important;font-weight: normal !important;}
#formData .btn-more {font-weight: normal !important;}
.Sbutton-panel-zone {text-align: center;}
.search-zone .search-part-button #btnReset {background-color: #c298dd;border-color: #c298dd;}
.inforow .detail .d-status .status.status-waitpayment {font-family: 'DBHelvethaicaX';font-weight: normal;}

/**/
.product-bestseller-zone .infocard .image img {padding: 20px;}



.product-promotion-zone .infocard .image img {padding: 20px;}
.product-seasons-zone .infocard .image img {padding: 20px;}
.product-bestseller-zone .product-bestseller-list .product-item .detail-store a {font-family: 'DBHelvethaicaX' !important;font-size: 19px;}

.hiligth-search-box {padding-top: 8px;}
.product-seasons-zone .product-seasons-tabs .product-seasons-tab:first-child {font-family: 'DBHelvethaicaX' !important;font-size: 3.5rem;}
.product-seasons-zone .product-seasons-tabs .product-seasons-tab:last-child {font-family: 'DBHelvethaicaX' !important;font-size: 3.5rem;}
.product-seasons-zone .product-seasons-btn a {font-family: 'DBHelvethaicaX' !important;}
.product-seasons-zone .product-seasons-tabs {top: 90px !important;}

.activity-header-zone .activity-header-title {}


.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail {min-height: 270px !important;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item {height: 320px;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .image .fav em {font-size: 16px;}
.attraction-zone .attraction-header-zone .attraction-header-category .attraction-header-category-word {border: none !important;background-color: rgb(100 201 252 / 57%) !important;}
.attraction-zone .attraction-header-zone .attraction-header-desc a {padding: 2px 25px !important;margin-left: 10px;}
.attraction-zone .attraction-header-zone .attraction-header-desc {font-size: 3rem !important;}
.production-zone .production-title a {padding: 2px 25px !important;margin-left: 10px;}
.storebrand-zone .storebrand-title a {padding: 2px 25px !important;margin-left: 10px;}
.influencers-zone .influencers-title a {padding: 2px 25px !important;margin-left: 10px;}
.activity-zone .activity-header-zone .activity-header-btn a {padding: 2px 25px !important;}
.productcategory-zone .productcategory-title a {padding: 2px 25px !important;margin-left: 10px;}
.product-promotion-zone .product-promotion-title a {padding: 2px 25px !important;margin-left: 10px;}
.product-bestseller-zone .product-bestseller-title a {padding: 2px 25px !important;margin-left: 10px;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail-address {font-family: 'DBHelvethaicaX' !important;font-size: 19px;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail-address a {font-size: 19px;text-decoration: underline;}
.banner-content .sub-text .hot-btn button {border: none;}
.attraction-zone .attraction-header-zone .attraction-header-title {padding-top: 40px;}
.attraction-zone .attraction-header-zone .attraction-header-title {font-size: 6rem !important;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .image .fav {background-color: #E32886 !important;}
.influencers-zone .influencers-title span.subtitle {font-size: 4rem !important;color: #333 !important;}
.influencersdetail-zone .influencersdetail-item .item-detail-box .item-detail {height: 135px;overflow: hidden;}

/*.info-list-activity .infocard .image {height: 380px;}*/

.product .product-list .product-item .item-detail-box .item-title a {font-size: 2.3rem !important;color: #0eba9b;}
.product .product-list .product-item .item-detail-box .item-title {font-size: 2.3rem !important;height: 60px;overflow:hidden;}
.product .product-list .product-item .item-img img {height: 235px;}

.product .productlast-list .productlast-item .item-detail-box .item-title, .product .productlast-list .productlast-item .item-detail-box .item-title a {font-size: 2.3rem !important;color: #0eba9b;height: 60px;overflow:hidden;}
.product .product-list .product-item .item-detail-box .item-department {font-family: 'DBHelvethaicaX' !important;}.
.product .productlast-list .productlast-item .item-detail-box .item-department {font-family: 'DBHelvethaicaX' !important;}

.product .productlast-list .productlast-item .item-img img {height: 235px;object-fit: contain;padding: 20px;background: #fff;}

.franchise-field .franchise-label {font-family: 'DBHelvethaicaX' !important;font-weight: normal !important;}
.franchise .rate-box .rate-title {font-family: 'DBHelvethaicaX' !important;color: #2EB16D !important;}

.banner-content input {background: rgb(255 255 255 / 71%) !important;}

.activity-zone .activity-header-zone .activity-header-title {font-size: 6rem !important;}

.product-promotion-zone .product-promotion-title span {color: #00bc9c;}
.product-promotion-zone .product-promotion-title em {color: #00bc9c;}
.product-promotion-zone .product-promotion-title .fa-chevron-right {color:#fff;}

.product-new-zone .product-new-title span {color: #00bc9c;}
.product-new-zone .product-new-title em {color: #00bc9c;}
.product-new-zone .product-new-title .fa-chevron-right {color:#fff;}

.product-bestseller-zone .product-bestseller-title span {color: #00bc9c;}
.product-bestseller-zone .product-bestseller-title em {color: #00bc9c;}
.product-bestseller-zone .product-bestseller-title .fa-chevron-right {color:#fff;}

.product-seasons-zone .product-seasons-tabs {border-radius: 40px !important;}
.product-seasons-zone .product-seasons-tabs .product-seasons-tab:first-child {border-top-left-radius: 30px !important;border-bottom-left-radius: 30px !important;}
.product-seasons-zone .product-seasons-tabs .product-seasons-tab:last-child {border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.productcategory-zone .productcategory-title span {color: #00bc9c;}
.productcategory-zone .productcategory-title em {color: #00bc9c;}
.productcategory-zone .productcategory-title .fa-chevron-right {color:#fff;}


.production-zone .production-title span {color: #00bc9c;}
.production-zone .production-title em {color: #00bc9c;}
.production-zone .production-title .fa-chevron-right {color:#fff;}

.storebrand-zone .storebrand-title {padding-top: 30px;}

/*title*/
.info .headtitle {display:none;}
.switch-view {text-align: right !important;position: relative;top: -20px;}
.search-filter-zone {padding-top: 10px;padding-bottom: 10px;}
.banner-content .sub-text .hot-btn button {background-color: rgb(100 201 252 / 57%) !important;}
.banner-content .sub-text .hot-text {color:#fff !important;padding-left: 7px;}

.switch-view a.active {background-color: #1989b3;background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);color: #fff;
font-weight: normal !important;}
.search-filter-zone #btnfilter {background-color: #1989b3;background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);color: #fff;border: none;}

.banner-bg-franchise .banner-content input {margin-top: 40px;}
.banner-bg-franchise .sub-text .desc {font-weight: 200;background: rgba(0, 0, 0, 0.3);padding: 10px;border-radius: 10px;font-size: 3.2rem !important;}

.header-box .sort-box .sort-box-label {font-family: 'DBHelvethaicaX' !important;}
.header-box .sort-box .sort-box-select select.form-control {font-family: 'DBHelvethaicaX' !important;border-radius: 5px;background: #f5f5f5;}
.header-box .sort-box {position: relative;top: -50px;}
.header-box .sort-box .sort-box-label {color: #0DC093;}
.product-list-result .infocard .detail-price a {font-size: 2.1rem;font-family: tahoma;}
.product-list-result .infocard .detail-price  {/*padding-top: 12px;padding-bottom: 12px;*/}
.infocard .detail .detail-title a {color: #0DC093;font-weight: bold;}
.product-list-result .infocard .detail-store a {font-weight: normal;font-size: 19px;font-family: 'THSarabunNew';}
.product-list-result .infocard .detail .detail-rating .ranking {font-weight: normal !important;}
.product-list-result .infocard .detail .detail-rating .ranking {color: #0B56A4;font-size: 19px;}
.product-list-result .infocard .detail .detail-rating .review {color: #0B56A4;font-size: 19px;}

.product-list-result .infocard .image img {object-fit: contain;padding: 20px;}
.product-list-result .infocard .detail-store {display:none;}
.main-header-main .profile-box .head-serach-box-text {display:none;}

.productcategory-zone .btn-gallery {display:none !important;}
.product-bestseller-zone .btn-gallery {display:none !important;}
.product-promotion-zone .btn-gallery {display:none !important;}
.product-seasons-zone .btn-gallery {display:none !important;}
.activity-zone .btn-gallery {display:none !important;}
.attraction-zone .btn-gallery {display:none !important;}
.production-zone .btn-gallery {display:none !important;}
.storebrand-zone .btn-gallery {display:none !important;}
.influencers-zone .btn-gallery {display:none !important;}

.banner-bg-attraction .sub-text .row {display: flex;}
.banner-bg-attraction .sub-text .row .col-md-12:nth-child(1) {width:30%;padding-right: 0px;}
.banner-bg-attraction .sub-text .row .col-md-12:nth-child(2) {padding-left: 0px;}
.banner-bg-attraction .banner-content .sub-text .hot-text {padding-top: 10px;}
.banner-bg-attraction .banner-content .sub-text {padding-left: 10.5%;}

.bootstrap-dialog.type-primary .modal-header {background-color: #1989b3;background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);}
.bootstrap-dialog.size-normal .bootstrap-dialog-title {font-family: 'DBHelvethaicaX';font-weight:normal;}
.rate-box .rate-title {font-family: 'DBHelvethaicaX';color: #2EB16D !important;}
.quiz-title {color: #2EB16D !important;}


.workshop-box .workshop-title {font-family: 'DBHelvethaicaX';color: #2EB16D !important;}
.workshop-activity-box .workshop-activity-action a {color: #fff;background-color: #c298dd !important;}
.prodction .quiz-title {margin-top: 20px;}
#vue-panel .room-box.active {background: #3fbba9 !important;}
.mymessage .message {background: #c298dd !important;}
.header-box a {font-family: 'DBHelvethaicaX';font-size: 3.5rem !important;}

.address-list .address-box .address-action a.lnkDefault {background-color: #c298dd;color:#fff !important;border: none !important;padding: 5px 12px !important;
border-radius: 5px;font-family: 'DBHelvethaicaX';}
#recommendPanal .zone-title .title {font-size: 3.5rem;color:#3fbba9;}
#recommendPanal .lnk-view-all {font-family: 'DBHelvethaicaX';}
.infodetail.activity .title-zone .title {font-size: 4rem;}
.infodetail.activity .title-zone .address {color: #c298dd;}
.infodetail.activity .title-zone .address a {color: #c298dd;}
.infodetail.activity .title-zone p {margin-top: 20px;font-size: 25px;}
.infodetail.activity .detail-part {padding-bottom: 100px;}.product-promotion-zone .product-promotion-list .product-item .detail-store a {font-size: 19px;}
.product-seasons-zone .product-seasons-list .product-item .detail-store a {font-size: 19px;}
.product-bestseller-zone .product-bestseller-list .product-item .detail-price, .product-bestseller-zone .product-bestseller-list .product-item .detail-price a {font-size: 1.8rem;font-family: tahoma;}
.product-promotion-zone .product-promotion-list .product-item .detail-price, .product-promotion-zone .product-promotion-list .product-item .detail-price a {font-size: 1.8rem;font-family: tahoma;}
.product-seasons-zone .product-seasons-list .product-item .detail-price, .product-seasons-zone .product-seasons-list .product-item .detail-price a {font-size: 1.8rem;font-family: tahoma;}


.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {z-index: 1050;}
.c-offcanvas {z-index: 1060;}
.offcanvas-inner .offcanvas-logo-brand img {width: 200px;padding-bottom: 10px;}
.offcanvas-inner .offcanvas-logo-box {text-align: center;}
.offcanvas-inner #main-menu li.store-name {width: 100%;font-family: 'DB HelvethaicaX Med';display: block;padding: 7px 20px;color: #3fbba9;border-bottom: 1px solid #eee;}
.offcanvas-inner #main-menu li a {width: 100%;font-family: 'DBHelvethaicaX';display: block;padding: 7px 20px;color: #3fbba9;border-bottom: 1px solid #eee; }
.offcanvas-inner #main-menu li a:hover {width: 100%;font-family: 'DBHelvethaicaX';display: block;padding: 7px 20px;color: #3fbba9;border-bottom: 1px solid #eee; background-color: #e1e3e9;}
.offcanvas-inner #main-menu li a.product-menu {background-color: #c298dd;color:#fff;}
.offcanvas-inner #main-menu li a.sell-home-menu {background-color: #c298dd;color:#fff;}

.offcanvas-inner #main-menu li a.sell-regis-menu {background-color: #62c8fc;color:#fff;}
.offcanvas-inner #main-menu li a em {position: relative;top: 3px;margin-right: 5px;}
.offcanvas-inner #main-menu li a::before {content: "\f111";font-family: 'FontAwesome';margin-right: 10px;font-size: 5px;vertical-align: middle;}
#offCanvas .c-button__text .fa-remove {padding: 7px;margin: 0px;background: rgb(0 0 0 / 57%);color: #fff;}
.banner-content .sub-text .hot-btn button {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.info-calendar-activity {font-family: 'DBHelvethaicaX';}
.skin-smart .main-footer {}
.banner-content .banner-input-date .banner-input-date-date .form-control-feedback {color: #999;}

.order-panel .order-products table .tr-product .td-name, .order-panel .order-products table .tr-product .td-amount {font-size: 21px !important; padding-top: 0px;}
.inforow .detail .detail-product table .tr-product .td-name, .inforow .detail .detail-product table .tr-product .td-amount {font-size: 21px !important;line-height: 21px;}
.delivery-timeline .delivery-timeline-date {font-weight: bold;}
.infodetail .image-box .show-more {bottom: 30px !important;}
.infodetail .image-box .show-more #show_vdo_btn {background: #3fbba9;color: #fff;border: none;border: 1px solid #3fbba9;}
.infodetail .image-box .show-more #show_vdo_btn em {color:#fff !important;}

.infodetail .image-box .show-more #show_more_btn {background: #c298dd;color: #fff;border: none;border: 1px solid #c298dd;}
.infodetail .image-box .show-more #show_more_btn em {color:#fff !important;}

.ContactDialog .contact-title {font-family: 'DBHelvethaicaX';}
.ContactDialog .contact-row {margin-bottom: 12px !important;}
.ContactDialog .telephone .contact-icon {background-color: #c298dd !important;}
.ContactDialog .contact-row.email .contact-icon {background-color: #26c5c6 !important;}
.ContactDialog .contact-row.website .contact-icon {background-color: #ebc224 !important;}
.ContactDialog .contact-row:nth-child(odd) {background: #f8f8f8;}
.ContactDialog .contact-row {padding: 10px 15px;}
.ContactDialog .contact-title {text-align: center;}
.reserve-box .reserve-title em {color: #3fbba9;}
.inforow .detail .detail-workshop-title span {color: #3fbba9 !important;}
.reserve-box-title {color: #3fbba9;}
.inforow .detail .detail-workshop-detail .detail-workshop-label em {font-size: 1.5rem;}
.inforow .detail .detail-workshop-date  em {font-size: 1.5rem;}
.inforow .detail .d-status .status {font-family: 'DBHelvethaicaX';font-weight: normal;}

.inforow .detail .detail-title a.detail-name {color: #000 !important;}
.rate-box {margin-bottom: 25px;}
.infodetail .detail-part {margin-top: 20px;}
.infodetail.activity .intro-image-part img {margin-bottom: 40px;}
.infodetail.activity .title-zone .title {color: #3fbba9;}
.infodetail.activity .title-zone p {color: #f3c918;font-family: 'DBHelvethaicaX';}
.dialogProduct .btn.btn-primary-lite {padding: 2px 6px;border-radius: 10px;}
.section-message .message {background: #3fbba9;color: #fff;}
.section-message .info .btn-zone .btn.btn-primary-lite {background: #3fbba9 !important;border-color: #3fbba9 !important;color: #fff !important;}

.inforow .detail .env-icon {color:#3fbba9 !important;}
.noti-filter select {width: 120px;text-align: center;font-family: 'DBHelvethaicaX';border-radius: 5px}
.info .inforow .detail .detail-info-name {font-family: 'THSarabunNew';font-size: 24px !important;}
.info .inforow .image img {border-radius: 50%;padding: 12px;}
.info .inforow .detail-time em {font-size: 16px;}
.info .inforow .detail .env-icon {font-size: 21px}
.info-profile-favorite .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 25px !important;}
.info-profile-history .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 25px !important;}
.tblCart td.product-cell .product .product-info .product-name {color: #3fbba9 !important;}
.info-profile-order .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;}

.info-profile-reserve .inforow .detail .detail-store-title span {color: #000 !important;}
.info-profile-reserve .inforow .detail .detail-reserve-detail .detail-reserve-label em {color: #3fbba9 !important;}
.info-profile-reserve .inforow .detail .detail-reserve-date em {color: #3fbba9 !important;margin-right: 5px;}
.info-profile-reserve .inforow .detail .detail-reserve-detail.detail-reserve-detail-summary .detail-reserve-label {font-size: 31px !important;}
.info-profile-reserve .inforow .detail .detail-reserve-detail.detail-reserve-detail-summary .detail-reserve-info {font-size: 31px !important;}
.info-profile-reserve .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;}
.info-profile-reserve .inforow .detail .detail-reserve-detail.detail-reserve-detail-summary em {font-size: 21px;}

.info-profile-reserveworkshop .inforow .detail .detail-workshop-title span {color: #000 !important;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-detail .detail-workshop-label em {color: #3fbba9 !important;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-date em {color: #3fbba9 !important;margin-right: 5px;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-detail.detail-workshop-detail-summary .detail-workshop-label {font-size: 27px !important;font-weight: bold;color: #3fbba9 !important;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-detail.detail-workshop-detail-summary .detail-workshop-info {font-size: 27px !important;color: #3fbba9 !important;font-weight: bold;}
.info-profile-reserveworkshop .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-detail.detail-workshop-detail-summary em {font-size: 21px;}

.info-seller-product .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 23px !important;}
.info-seller-product .inforow .detail .detail-price em {font-size: 16px;margin-right:5px;}
.info-seller-order .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 23px !important;}
.info-seller-order .inforow .detail .detail-order-date {font-size: 24px !important;font-family: 'THSarabunNew';color:#000 !important;}
.info-seller-order .inforow .detail .detail-title a.detail-name .detail-order-date span {color:#000;font-size: 21px !important;}
.info-seller-order .inforow .detail .detail-title a.detail-name .detail-order-date {font-size: 21px !important;}

.info-seller-reserve .inforow .detail .detail-store-title span {color: #000 !important;}
.info-seller-reserve .inforow .detail .detail-reserve-detail .detail-reserve-label em {color: #3fbba9 !important;}
.info-seller-reserve .inforow .detail .detail-reserve-date em {color: #3fbba9 !important;margin-right: 5px;}
.info-seller-reserve .inforow .detail .detail-reserve-detail.detail-reserve-detail-summary .detail-reserve-label {font-size: 31px !important;}
.info-seller-reserve .inforow .detail .detail-reserve-detail.detail-reserve-detail-summary .detail-reserve-info {font-size: 31px !important;}
.info-seller-reserve .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;}
.info-seller-reserve .inforow .detail .detail-reserve-detail.detail-reserve-detail-summary em {font-size: 21px;}

.info-seller-reserveworkshop .inforow .detail .detail-title a.detail-name span {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 25px !important;}
.info-seller-reserveworkshop .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 25px !important;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-title span {color: #000 !important;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-date {font-size: 21px;font-weight: normal;margin-bottom: 5px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-date em {margin-right:15px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-detail-summary .detail-workshop-label {font-size: 27px !important;font-weight: bold !important;color: #3fbba9 !important;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-detail-summary .detail-workshop-info {font-size: 27px !important;font-weight: bold;color: #3fbba9 !important;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-detail-summary  em {font-size: 21px;}
.info-seller-reserveworkshop .inforow .detail em {color: #3fbba9 !important;margin-right: 5px;}

.tblCart td.product-cell .product .product-info .product-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 23px !important;font-weight: normal !important;line-height: 23px;}
.info-seller-production .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX';font-weight: normal;color: #3fbba9 !important;font-size: 25px !important;}
.room-box .profile-info .name {color: #3fbba9 !important;}
.info-profile-order .inforow .detail .detail-product table .td-amount {color: #3fbba9 !important;}
.info-profile-info .panel-default .control-label {color: #3fbba9 !important;line-height: 21px;}
.title-label {color: #000;border-bottom: 1px solid #3fbba9;}
.info-seller-info .panel-default .control-label {color: #3fbba9 !important;line-height: 21px;}
.order-panel .order-products table .td-amount {color: #3fbba9 !important;}
.order-panel .order-store-image .image-inner div img {border-radius: 50%;}
.order-panel .order-store-name span, .order-panel .order-store-info span {color: #3fbba9 !important;}
.order-status .status.status-finish {    background-color: #3fbba9 !important;}
.info-profile-notification .inforow .detail .detail-title a.detail-name {font-family: 'DBHelvethaicaX' !important;font-weight: normal !important;color: #3fbba9 !important;font-size: 25px !important;}
.info-seller-chat .search-box input {font-family: 'DBHelvethaicaX';}
.infodetail.franchise .franchise-field {margin-bottom: 15px;}
#formReviewDialog div.review-name {font-family: 'DBHelvethaicaX';font-weight: normal;}
.inforow .detail .detail-title a.lnkEdit, .inforow .detail .detail-title a.lnkRemove {background-color: #dd4b39 !important;}
.info-profile-chat .search-box .form-control {border-color: #3fbba9;font-family: 'DBHelvethaicaX';}
.info-seller-chat .search-box .form-control {border-color: #3fbba9;font-family: 'DBHelvethaicaX';}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-date {font-weight: normal;font-size: 21px}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-date em {margin-right: 10px;}

.info-calendar-activity .fc .fc-button-primary {background-color: #c298dd !important;border-color: #c298dd !important;}
.info-calendar-activity #calendar.fc .fc-toolbar-title {color:#3fbba9 !important}
.info-calendar-activity #calendar.fc .fc-col-header-cell-cushion {color:#3fbba9 !important}
.info-calendar-activity .fc .fc-daygrid-day-top {text-align: center;}
.info-calendar-activity #calendar .fc-daygrid-event-harness .fc-daygrid-dot-event.fc-daygrid-event .fc-daygrid-event-dot {border-color:#3fbba9 !important;}
.info-calendar-activity .fc-timegrid-event {border-color:#3fbba9 !important;background-color:#3fbba9 !important;}
.info-calendar-activity .fc .fc-button-primary.fc-button-active {background-color: #b587d2 !important;border-color: #b587d2 !important;}

.dropdown-menu > li.dropdown-header.dropdown-header-buyer {color:#fff;background-color: #1989b3;background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);}
.dropdown-menu > li.dropdown-header.dropdown-header-seller {color:#fff;background-color: #c298dd;}
.dropdown-menu > li .amount {font-size: 14px; line-height: 16px; background-color: #E32886;width: 16px;height: 16px;display: inline-block; text-align: center; border-radius: 50%;color: #fff;font-family: 'DBHelvethaicaX'; margin-left: 5px; }

.steps-zone .step-active .step-circle {background-color: #c298dd !important;border-color: #c298dd !important;}
.steps-zone .step-active .step-circle::before {color: #c298dd !important;}
.steps-zone .step-active .step-text {color: #c298dd !important;}
.dropdown-menu {border: none;}
.steps-zone {padding-top: 30px;padding-bottom: 30px;}
.order-panel .order-header .order-order .order-store-name span {font-size: 31px;font-family: 'DBHelvethaicaX';font-weight: normal;}
.order-panel .order-header .order-order .order-order-info {font-size: 19px;}
.order-panel .order-header .order-order .order-order-info span {font-size: 19px;}
.order-panel .order-products {font-size: 19px;}
.order-panel .tr-product-summary {font-size: 19px;}
.order-panel .order-products table .tr-summary .td-name, .order-panel .order-products table .tr-summary .td-amount {font-size: 24px !important;}

.payment-detail .form-control-static {padding-bottom: 0px;}
.payment-detail .form-group {margin-bottom: 0px !important;}



.inforow .detail .d-status .status.status-waitingconfirm {background-color: #f4c442 !important;}
.order-status .status.status-waitingconfirm {background-color: #f4c442 !important;}

.info-profile-notification .inforow .detail .detail-info-name {font-size: 19px !important;line-height: 21px;}
.info-profile-notification .inforow .detail .detail-time {font-size: 19px !important;line-height: 21px;}


.activity-zone .activity-list-zone .activity-list .activity-item .image {padding-top: 70% !important;}

.infodetail.product #image-hilight .image-hilight-inner {background-color: #fff;}
.infodetail.product #image-items .image-hilight-inner img {object-fit: cover;}
.infodetail.product .head-box .content-title {color: #0eba9b;margin-bottom: 10px;}

#formData .form-group {margin-bottom: 5px;}

.detail-box .item-text1 {font-family: 'DBHelvethaicaX';color: #0eba9b !important;}
.detail-box .item-text2 .lnkStore {color: #fff!important;background: #c298dd;padding: 3px 10px;border-radius: 5px;font-size: 17px;font-family: 'DBHelvethaicaX';margin-left: 5px;}
.detail-box .item-address {align-items: unset !important;}
.detail-box hr {margin-top: 10px;margin-bottom: 10px;}
.detail-box .item-address .icon {margin-right: 8px;}
.detail-box .detail-store .item-email {margin-right: 5px;}
.detail-box .detail-store .item-email {margin-left: 0px !important;}
.detail-box .item-email .icon {margin-right: 8px;}
.checkprice-dit-complain a {margin: auto;}

.store .intro-inner-panel .head-box .content-image img {border-radius: 50%;border: 2px solid #3fbba9;}
.store .detail-box .item-title {color: #3fbba9;}

.store .detail-box .item-btn .btn1.btn-contact-seller {background: #0eba9b;}
.store .detail-box .item-btn .btn1.btn-contact-seller span {font-family: 'DBHelvethaicaX';}
.product .product-list .product-item .item-img img {object-fit: contain;padding: 20px;background: #fff;}

.panel-profile-menu .profile .profile-name {color: #3fbba9 !important;font-family: 'DBHelvethaicaX';line-height: 24px;}

.banner-zone .btn-gallery.banner-slide-prev {top: 28% !important;}
.banner-zone .btn-gallery.banner-slide-next {top: 28% !important;}

.recommend-box .recommend-list .recommend-item .item-img img {object-fit: contain !important;padding: 20px;background: #fff;}

.inforow .detail .detail-product table .td-amount {color: #0dc093 !important;}
.room-box.active .profile-info .name {color: #fff !important;}
.info-seller-reserve .inforow .detail .detail-reserve-date {font-size: 21px;font-weight: normal;}
.info-seller-reserve .inforow .detail .detail-store-title {font-size: 21px;font-weight: normal;}
.inforow .detail .detail-reserve-detail .detail-reserve-label {font-size: 21px;font-weight: normal;}

.inforow .detail .detail-status .status {font-family: 'DBHelvethaicaX';}

.tblCart td.store {background: #3fbba9;color: #fff;}
.inforow .detail .d-status .status.status-cancel {}
.inforow .detail .d-status .status.status-waiting {background-color: #f39c12;}
.inforow .detail .detail-store-title {font-size: 22px !important;font-weight: normal !important;}
.info-profile-reserve .inforow .detail .detail-store-title span {font-size: 22px !important;font-weight: normal !important;}
.info-profile-reserve .inforow .detail .detail-reserve-date {font-size: 22px !important;font-weight: normal !important;}
.info-profile-reserve .inforow .detail em {font-size: 15px;}
.inforow .detail .detail-reserve-action {border-top:none !important;margin-top: 15px !important;}

.info-profile-address #address-list .address-action-link .lnkEdit {padding: 3px 10px;font-size: 15px;border-radius: 5px;background: #f39c12;color: #fff;}
.info-profile-address #address-list .address-action-link .lnkDelete {padding: 3px 10px;font-size: 15px;border-radius: 5px;background: #dd4b39;color: #fff;}
.info-profile-address #address-list .address-action-link .lnkEdit em ,
.info-profile-address #address-list .address-action-link .lnkDelete em {font-size: 11px;}

.panel-profile-menu .profile .profile-image img {width: 50px !important;height: 50px !important;}
.panel-profile-menu .profile .profile-name {padding-left: 0px !important;}

/**/

.info-profile-info #formData .form-group {margin-bottom: 10px;}

/**/
.info-profile-order .inforow .image {width: 75px;}
.info-profile-order .inforow .detail {margin-left: 90px;}
.info-profile-order .inforow .detail .detail-title {margin-bottom: 0px;}
.info-profile-order .inforow .detail .detail-product table td {padding-bottom: 0px;padding-top: 2px;font-size: 23px !important;}
.info-profile-order .filter-status-zone .filter-status-tab {border-bottom: 2px solid #39c4d2 !important;}
.info-profile-order .filter-status-zone .filter-status-tab.active {border-color: #0dc093 !important;}


/**/
.info-profile-notification .inforow .image {width: 75px;}
.info-profile-notification .inforow .detail {margin-left: 90px;}

/**/
.info-profile-history .inforow .image {width: 75px;}
.info-profile-history .inforow .detail {margin-left: 90px;}
.info-profile-history .inforow .detail .detail-title {margin-bottom: 5px;}
.info-profile-history .inforow .detail .detail-time {font-size: 19px !important;line-height: 21px;}
.info-profile-history .inforow .detail .detail-rating {margin-bottom: 0px;}

/**/
.info-profile-favorite .inforow .image {width: 75px;}
.info-profile-favorite .inforow .detail {margin-left: 90px;}
.info-profile-favorite .inforow .detail .detail-title {margin-bottom: 5px;}
.info-profile-favorite .inforow .detail .detail-time {font-size: 19px !important;line-height: 21px;}
.info-profile-favorite .inforow .detail .detail-rating {margin-bottom: 0px;}

/**/
.info-profile-order .inforow .detail .detail-title a.detail-name span {font-size: 25px;}

/**/
.info-profile-reserve .inforow .image {width: 75px;}
.info-profile-reserve .inforow .detail {margin-left: 90px;}
.info-profile-reserve .inforow .detail .detail-title a.detail-name span {font-size: 25px;}
.info-profile-reserve .inforow .detail .detail-title a.detail-name {font-size: 25px !important;}
.inforow .detail .detail-reserve-action {text-align: center;}

/**/
.info-profile-reserveworkshop .inforow .image {width: 75px;}
.info-profile-reserveworkshop .inforow .detail {margin-left: 90px;}
.info-profile-reserveworkshop .inforow .detail .detail-title {margin-bottom: 5px;}
.info-profile-reserveworkshop .inforow .detail .detail-title a.detail-name span {font-size: 25px;color: #3fbba9 !important;}
.info-profile-reserveworkshop .inforow .detail .detail-title a.detail-name {font-size: 25px !important;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-title {font-weight: normal;font-size: 21px;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-title span {font-weight: normal;font-size: 21px;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-detail .detail-workshop-label {font-weight: normal;font-size: 21px;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-detail .detail-workshop-info {font-weight: normal;font-size: 21px;}
.info-profile-reserveworkshop .inforow .detail .detail-workshop-action {border-top:none;}


/**/
.info-seller-product .inforow .image {width: 75px;}
.info-seller-product .inforow .detail {margin-left: 90px;}
.info-seller-product .inforow .detail .detail-title a.detail-name span {font-size: 25px;}

.info-seller-product .inforow .detail .detail-title {margin-bottom: 0px !important;}
.info-seller-product .inforow .detail .detail-price {font-size: 21px !important;line-height: 21px;margin-bottom: 0px;}

/**/
.info-seller-order .inforow .image {width: 75px;}
.info-seller-order .inforow .detail {margin-left: 90px;}
.info-seller-order .inforow .detail .detail-title a.detail-name span {font-size: 25px;}
.info-seller-order .inforow .detail .detail-title {margin-bottom: 0px;}
.info-seller-order .inforow .detail .detail-product table td {padding-bottom: 0px;padding-top: 2px;font-size: 23px !important;}

/**/
.info-seller-reserve .inforow .image {width: 75px;}
.info-seller-reserve .inforow .detail {margin-left: 90px;}
.info-seller-reserve .inforow .detail .detail-title a.detail-name span {font-size: 25px;color: #3fbba9 !important;}
.info-seller-reserve .inforow .detail .detail-title a.detail-name {font-size: 25px !important;color: #3fbba9 !important;}

.info-seller-reserve .inforow .detail .detail-workshop-date em {font-size: 1.5rem;}

/**/
.info-seller-reserveworkshop .inforow .image {width: 75px;}
.info-seller-reserveworkshop .inforow .detail {margin-left: 90px;}
.info-seller-reserveworkshop .inforow .detail .detail-title a.detail-name span {font-size: 25px;color: #3fbba9 !important;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-title span {font-weight: normal;font-size: 21px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-title {font-weight: normal;font-size: 21px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-fullname {font-weight: normal;font-size: 21px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-fullname span {font-weight: normal;font-size: 21px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-detail .detail-workshop-label {font-weight: normal;font-size: 21px;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-action {border-top:none;text-align: center;}
.info-seller-reserveworkshop .inforow .detail .detail-workshop-action em {color:#fff !important;}

/**/
.info-seller-production .inforow .image {width: 75px;}
.info-seller-production .inforow .detail {margin-left: 90px;}
.info-seller-production .inforow .detail .detail-title a.detail-name span {font-size: 25px;color: #3fbba9 !important;}
.info-seller-production .inforow .detail .detail-title {margin-bottom: 0px;}


.order-panel .order-store-image {width: 62px !important;}
.info-seller-production .inforow .detail .detail-status {padding-top: 10px;}
.info-profile-notification .noti-filter select {background: #ddd;text-align: center;}



.footer-box .imte-1 .item-list .fa {line-height: 32px;}
.footer-box .imte-2 {padding-top: 130px;}
.footer-box .imte-3 {padding-top: 130px;}
.footer-box .imte-4 {padding-top: 130px;}


/**/
.main-header-main-store {display:none;}

.info-seller-info .widget-menus .widget-menu-box {background: #eee;border:none;}
.info-seller-info .widget-menus .widget-menu-box .widget-menu-icon em {font-size: 33px;padding-top: 7px;}
.info-seller-info .widget-menus .col-md-3 .widget-menu-box div {font-size: 22px;line-height: 23px;}

.info-seller-info .widget-menus .col-md-3:nth-child(1) .widget-menu-box {background: #2CA37E;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(1) .widget-menu-box div {color:#fff;}


.info-seller-info .widget-menus .col-md-3:nth-child(2) .widget-menu-box {background: #c298dd;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(2) .widget-menu-box div {color:#fff;}

.info-seller-info .widget-menus .col-md-3:nth-child(3) .widget-menu-box {background: #62c8fc;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(3) .widget-menu-box div {color:#fff;}

.info-seller-info .widget-menus .col-md-3:nth-child(4) .widget-menu-box {background: #f4c340;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(4) .widget-menu-box div {color:#fff;}

.info-seller-info .widget-menus .col-md-3:nth-child(5) .widget-menu-box {background: #F38F37;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(5) .widget-menu-box div {color:#fff;}

.info-seller-info .widget-menus .col-md-3:nth-child(6) .widget-menu-box {background: #e983bb;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(6) .widget-menu-box div {color:#fff;}

.info-seller-info .widget-menus .col-md-3:nth-child(7) .widget-menu-box {background: #047090;border:none;}
.info-seller-info .widget-menus .col-md-3:nth-child(7) .widget-menu-box div {color:#fff;}

.info-seller-info .widget-menus .widget-menu-box .widget-menu-icon .widget-amount {width: 25px;height: 25px;left: calc(50% + 20px);line-height: 27px;font-size: 19px;}


/**/
.product-new-zone .product-new-list .product-item .detail-store a {display:none;}
.product-bestseller-zone .product-bestseller-list .product-item .detail-store {display:none;}
.product-promotion-zone .product-promotion-list .product-item .detail-store a {display:none;}
.product-seasons-zone .product-seasons-list .product-item .detail-store a {display:none;}
.product-new-zone .btn-gallery {display:none !important;}


/*.product-new-zone {background-color: #1989b3;
background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);}
.product-new-zone .product-new-title span {color: #fff !important;}
.product-new-zone .product-new-title em {color: #fff;}*/
.infocard .detail .detail-title {font-family: 'THSarabunNew';line-height: 33px;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail-title a {font-family: 'THSarabunNew' !important;font-weight: bold;color: #0DC093 !important;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail-address a {font-family: 'THSarabunNew';}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail-address {font-family: 'THSarabunNew' !important;}
.infocard .detail .detail-address  {font-family: 'THSarabunNew' !important;}
.production-zone .production-list .production-item .detail .detail-rating {font-family: 'THSarabunNew' !important;}
.product-seasons-zone .product-seasons-list .product-item .detail .detail-rating {font-family: 'THSarabunNew' !important;}
.influencersdetail-zone .influencersdetail-item .item-detail-box .item-titel {font-family: 'THSarabunNew' !important;font-weight: bold;}
.product-promotion-zone .product-promotion-list .product-item .detail .detail-rating {font-family: 'THSarabunNew' !important;}
.product-bestseller-zone .product-bestseller-list .product-item .detail .detail-rating {font-family: 'THSarabunNew' !important;}
.product-new-zone .product-new-list .product-item .detail .detail-rating {font-family: 'THSarabunNew' !important;}
.productcategory-zone .productcategory-list .productcategory-item .item-title {font-family: 'THSarabunNew' !important;font-size: 2.5rem !important;font-weight: bold;}
.product-new-zone .product-new-list .product-item .detail-price a {font-size: 1.8rem;font-family: tahoma;}
.infocard .detail-rating-str {font-family: 'THSarabunNew' !important;}
.product-list-result .infocard .detail .detail-rating .review {font-family: 'THSarabunNew' !important;}

.detail-box .detail-standards .item-text1 {margin-left: 36px !important;}
.checkprice-dit-complain a {font-size: 17px !important;}
.checkprice-dit-complain a .fa {font-size: 14px;}
.checkprice-dit-complain a {width: 215px !important;padding: 5px 20px !important;}

.infodetail.product .productlist {background-color: #1989b3;background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);}
.infodetail.product .productlist .product-title span {color:#fff;}
.infodetail.product .productlist .product-title em {background: #c298dd;}
.infodetail.product .productlist .btn-gallery.galleryNext {background: #c298dd;}
.infodetail.product .productlastlist .btn-gallery.galleryNext {background: #c298dd;}
.product .product-list .product-item .item-detail-box .item-title a {font-family: 'THSarabunNew' !important;font-weight: bold;}
.product .product-list .product-item .item-detail-box .item-department {display:none;}
.product-list .product-item .item-detail-box .item-price {font-size: 1.8rem !important;font-family: tahoma !important;font-weight: bold;padding-top: 10px;padding-bottom: 10px;}
.product .product-list .product-item .item-img img {padding: 20px 10px;}
.product .productlast-list .productlast-item .item-img img {padding: 20px 10px;}
.product .productlast-list .productlast-item .item-detail-box .item-title a {font-family: 'THSarabunNew' !important;font-weight: bold;}
.productlast-list .productlast-item .item-detail-box .item-price {font-size: 1.8rem !important;font-family: tahoma !important;font-weight: bold;padding-top: 10px;padding-bottom: 10px;}
.productlast-list .productlast-item .item-detail-box .item-department {display:none;}
.infodetail.product .detail-season em {width: 24px;height: 24px;font-size: 12px;background: #c298dd;display: flex;align-items: center;justify-content: center;border-radius: 100%;color:#fff;float: left;margin-right: 10px;}

.infodetail.product #image-hilight .image-hilight-inner img {object-fit: cover !important;}
.infodetail.attraction .detail-part .description .detail .intro-title .col-md-4 div {font-family: 'THSarabunNew';font-weight: bold;}

.recommend-box .recommend-list .recommend-item .item-detail-box .item-titel a {font-family: 'THSarabunNew' !important;font-weight: bold !important;}
.recommend-box .recommend-list .recommend-item .item-detail-box .item-price {font-size: 1.8rem !important;font-family: tahoma !important;font-weight: bold;padding-top: 10px;padding-bottom: 10px;}
.atraction-box .atraction-list .atraction-item .item-titel a  {font-family: 'THSarabunNew' !important;font-weight: bold !important;color: #2EB16D !important;}
.production-zone .infocard .detail .detail-detail {color:#000;}
.production-zone .infocard .detail .detail-address {font-size: 1.9rem;margin-top: 5px;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .detail-address  {margin-top: 5px;}

.productlist .btn-gallery.galleryNext {right: 40px !important;}
.productlist .btn-gallery.galleryPrev {right: 100px !important;}
.productlastlist .btn-gallery.galleryNext {right: 40px !important;}
.productlastlist .btn-gallery.galleryPrev {right: 100px !important;}

/**/
.text-content-box .content-detail {font-size: 2.2rem !important;}
.rate-box.rate-box-openhour .intro-detail * {font-size: 2.2rem !important;}

.quiz-list .quiz-item .item-detail {font-size: 2.2rem !important;}


.atraction-box .atraction-list .atraction-item .item-titel a {font-size: 2.5rem !important;}
.production-zone .infocard .detail .detail-address a {font-size: 1.9rem;}

/**/
.bar-item .bar-item-title {font-family: 'THSarabunNew';font-size: 2.2rem !important;}
.workshop-activity-box .workshop-activity .activity-section2 > div:first-child {font-size: 2.2rem !important;}
.workshop-activity-box .workshop-activity .activity-section2 > div:last-child {font-size: 2.2rem !important;}
.workshop-activity-box .workshop-activity .activity-section3 > div:first-child {font-size: 2.2rem !important;}


.infodetail.activity #activity-related-list .infocard .detail .detail-address {color:#000;font-size: 1.rem;}
.infodetail.activity #activity-related-list .infocard .detail .detail-address .fa-map-marker {color:#000;}
.infodetail.activity #activity-related-list .infocard .detail .detail-address a {color:#000;}
.atraction-box .atraction-list .atraction-item .address .province span {color: #0D4B9F;}
.atraction-box .atraction-list .atraction-item .address .province {color: #0D4B9F !important;}
.franchise-field .franchise-info {font-size: 2.2rem;}