/***************** 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: 'DBHelvethaicaX';
	/* font-family: 'DB HelvethaicaX Li'; */
	/* font-family: 'THSarabunNew'; */
	color:#1a1a1a;
}
* { 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 { background-color: #1989b3; background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%); box-shadow: 0px 0px 5px #7d7d7d; }
.main-header > .container { padding: 5px 15px; }
.main-header .logo-brand {display: inline-block; padding: 5px; }
.main-header .logo-brand img { height: 55px; }
.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 {padding-top: 7px; padding-bottom: 7px; color: #ffffff; font-weight: normal; font-family: 'DBHelvethaicaX'; padding: 10px 10px; font-size: 2.2rem; text-align: left; }
.main-header .main-header-right .main-header-menu .navbar-nav > li > a.last-menu { display: flex; align-items: center; gap: 10px; background: #E9B266; }
.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: 0px 25px; }
.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 5px 0px; align-items: center; }
.main-header-main .profile-box { display: flex; flex-direction: row; align-items: center; gap: 30px; }
.main-header-main .profile-box .head-profile-box { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.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 { color: #fff; font-size: 22px; font-family: 'DBHelvethaicaX'; padding-top: 3px; line-height: 1.2; }
.main-header-main .profile-box .head-profile-box .profile-menu em { margin-left: 5px; font-size: 26px; position: relative; top: 4px; }

.main-header-main .profile-box .head-cart-box { font-size: 25px; color: #fff; position: relative; }
.main-header-main .profile-box .head-cart-box em { margin-top: 15px; }
.main-header-main .profile-box .head-cart-box span { font-size: 17px; background: #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; display: flex; align-items: center; }
.main-header-main .profile-box .head-serach-box input { width: 250px; padding: 2px 35px 2px 10px; font-size: 20px; font-family: 'DBHelvethaicaX'; background: rgb(255 255 255 / 70%); border: unset; }
.main-header-main .profile-box .head-serach-box em { position: absolute; right: 15px; font-size: 20px; color: #0379C9; }



.main-header .logo-box { display: flex; flex-direction: row; align-items: center; gap: 15px;  }
.main-header .logo-box .logo-text { font-family: 'DBHelvethaicaX'; color: #fff; }
.main-header .logo-box .logo-text .logo-text1 { font-size: 2.6rem; font-family: 'DB HelvethaicaX Li'; padding-top: 4px; }
.main-header .logo-box .logo-text .logo-text2 { font-size: 2.1rem; line-height: 10px; font-family: 'DB HelvethaicaX Li'; }



.wrapper {
 	background-color: #fff;
 }
.content-wrapper {
 	background-color: #f7f7f7;
}
 .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: #215770;
	font-size: 2.6rem;
	padding: 2px 0px 3px;
	border-bottom: 1px solid #215770;
	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;
}



/***************** 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: #666666;
	border-color: #666666;
}

/**************** Overwrite ****************/
.help-block { font-size: 16px; 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; box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px; }
#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: 2.6rem; 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 .btn-facebook:hover,
#login-panel .btn-facebook:active,
#login-panel .btn-facebook:focus { background-color: #355088 !important; border-color: #355088 !important; }
#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: none;
    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: 25px 15px;
}
.main-footer .container {}
.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: 15px; font-size: 2.0rem; }
.main-footer .footer-link a {}
.main-footer .footer-text {margin-top: 15px; font-size: 1.8rem;}
.main-footer .footer-copyright {margin-top: 15px; font-size: 2.2rem;}
.main-footer .footer-view {font-size: 2rem; text-align: right;}

.footer-box { display: flex; flex-direction: row; justify-content: space-between; }
.footer-box .footer-item { width: 100%; /*border-right: 1px solid #eee; padding-left: 15px;*/ }
.footer-box .footer-item:last-child { border-right: unset !important; flex: 1; min-width: 140px; }
.footer-box .footer-item .item-title { font-size: 28px; font-family: 'DBHelvethaicaX'; margin-bottom: 10px; }
.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-lists { display: flex; flex-direction: column; font-size: 20px; font-family: 'DBHelvethaicaX'; gap: 10px; }
.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; }
.footer-box .footer-item .item-socail .social-item em {  transition: all 0.4s; font-size: 30px; }
/* .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:hover:nth-child(1) em { color: #3B5998 !important; }
.footer-box .footer-item .item-socail .social-item:hover:nth-child(2) em { color: #FF0000 !important; }
.footer-box .footer-item .item-socail .social-item:hover:nth-child(3) em { color: #00acce !important; }
.footer-box .footer-item .item-socail .social-item:hover:nth-child(4) 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; }

/********** 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; }

/******************* 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: 16px;}
.form-control-static { padding-top: 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: 2.2rem;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;}

/***************** 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 {}
.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: 2.2rem; 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 {padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px;width: 100%;float: left;}
.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, #979797, #979797) 1; }
.infodetail .detail-part .description.n-bt { border-width: 0px; }
.infodetail .detail-part .description .topic { color: #245aa1; font-family: 'DB HelvethaicaX Med'; font-size: 2.8rem; 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 { padding: 0px; margin-bottom: 15px; white-space: nowrap; font-family: 'Prompt Regular'; }
.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 .intro-group { display:block; width: 100%; margin-bottom: 15px; }
.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: #0a83e0; }
.infodetail .detail-part .description .intro-group .bt-l { border-left: 1px solid #c5c5c5; 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: 'DBHelvethaicaX';}
.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;}
.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 {bottom: 15px;right: 15px;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 .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.8rem; font-family: 'DB HelvethaicaX Med'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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: #245aa3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 180px;float: left;font-size: 2.4rem;}
.infocard .detail .detail-rating {float: right;}
.infocard .detail .detail-address .fa-map-marker {display:none;}
.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;}


/***************** 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-family: 'tahoma';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; }

.btn-primary { background: #3FBBA9; border-color: #3FBBA9; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #329587 !important; border-color: #329587 !important; }
.btn-primary em { position: relative; top: 2px; margin-right: 3px; }
.btn-primary span { background: #fff; width: 25px; height: 25px; text-align: center; color: #329587; display: inline-block; border-radius: 50%; margin-left: 5px; }

.btn-primary-lite { background: #fff; border-color: #3FBBA9; color: #3FBBA9; }
.btn-primary-lite:hover, .btn-primary-lite:focus, .btn-primary-lite:active { background: #fff !important; border-color: #329587 !important; color: #3FBBA9 !important; }
.btn-primary-lite em { position: relative; top: 2px; margin-right: 3px; }

.btn-filter { background: #fff; border-color: #fff; color: #3FBBA9; }
.btn-filter:hover, .btn-filter:focus, .btn-filter:active { background: #fff !important; border-color: #fff !important; color: #3FBBA9 !important; box-shadow: none !important; }
.btn-filter em { background: #3FBBA9; color: #fff; padding: 7px 9px; border-radius: 50%; font-size: 18px; }

.btn-danger-lite { background: #fff; border-color: #d73925; color: #d73925; }
.btn-danger-lite:hover, .btn-danger-lite:focus, .btn-danger-lite:active { background: #fff !important; border-color: #d73925 !important; color: #d73925 !important; }
.btn-danger-lite em { position: relative; top: 2px; margin-right: 3px; }


/* sweetalert2 ************ */
.swal2-title { font-family: 'DBHelvethaicaX'; font-weight: normal; font-size: 30px; }
.swal2-actions { font-size: 18px; }
.swal2-popup { min-width: 400px; }
.swal2-styled { padding: 0.5em 2em; }

.b2b-breadcrumb { display: flex; gap: 10px; margin-bottom: 25px; flex-flow: wrap; }
.b2b-breadcrumb div,
.b2b-breadcrumb div a { font-size: 23px; color: #333; }
.b2b-breadcrumb div em { color: #3FBBA9; margin-right: 10px; position: relative; top: 2px; }
.b2b-breadcrumb div.icon { color: #999; }
.b2b-breadcrumb div:last-child a { color: #000; }

.bootstrap-select { min-height: 42px; }
.bootstrap-select * { font-size: 20px; border-radius: 5px; }
.bootstrap-select .btn.dropdown-toggle { background: #fff; }
.bootstrap-select .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #3FBBA9 !important; }

.jFiler-theme-dragdropbox .jFiler-input-dragDrop { width: 100%; border-width: 1px; height: auto; margin-bottom: 15px; }
.jFiler-theme-dragdropbox .icon-jfi-cloud-up-o { font-size: 50px; height: 50px; }
.jFiler-theme-dragdropbox .jFiler-input-text h3 { font-size: 18px; font-family: 'DBHelvethaicaX'; }