@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200&display=swap');
html { position: relative; min-height: 100%; scroll-behavior: smooth;}
h1,h2,h3,h4,h5, pre { font-family: 'Kanit', sans-serif !important; font-weight: bold; } 

.header { margin-bottom: 0.5em; font-family: 'Kanit', sans-serif !important; border:0px solid #ff0000;  height:55px;}
.navbar-default { background-color: #FFF; border: 0 none;}
.navbar-default .navbar-nav > li > a { color: #333; } .navbar-default .navbar-nav > li > a:hover { color: #000; }
ul.navbar-nav { margin-left: 1em; }
.navbar-nav > li > a { padding-top: 20px; }
.navbar-brand img { margin-top: -15px; }
.navbar-left .form-group .form-control { background: url('../images/1616-icon-search.png') right 10px center no-repeat; }
.nav-services .btn-group .btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.nav-services .btn-group .btn-primary { padding: 0.4em 0.9em; background-color: #eae8e9; color: #047ee1; }
.nav-services .btn-group .btn-primary:hover { background-color: #dbdbdb; }
.nav-services .dropdown-menu > li { margin: 0.9em 0; }
#nav-search { margin-top: -0.2em; padding-top: 0.8em; background-color: #eae8e9; }
#intro-pic { /* margin-bottom: 1em; border-top: 5px solid #001b8f; background: url('../images/intro-bg-b-2.jpg') top center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; */ }
/*#intro-pic-s { margin-bottom: 1em; border-top: 1px solid #CCCCCC; background: url('../images/intro-bg-b-3.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; }*/
#intro-pic .row > div { padding-top: 1.2em; padding-bottom: 1.2em; }
.ten-columns { margin-bottom: 0.5em; }
.ten-columns > .col-sm-2 { text-align: center; }

.randombanner { margin-top: 1em; margin-bottom: 1em; padding: 0; }
	.carousel { /* */ }
	.carousel-caption { /*position: relative; margin-top: 0;*/ display: block; position: static; min-height: 7em; padding-top: 10px; padding-bottom: 20px; bottom: 0px; color: #333; text-shadow: none; /*background-color: #FFF;*/ }
	.carousel-caption h3 { margin: 0; padding: 0; }
	.carousel-caption .caption-invert { color: #EEE; }
	.carousel-indicators { bottom: 0 !important; /*left: 0 !important; margin-left: 10px !important; text-align: left;*/ }
	.carousel-indicators li { padding: 0.2em 0.5em; background: rgba(255,255,255,0.5); border: 1px solid #DDD; border-radius: 0px !important; font-size: 10px; display:inline; }
	.carousel-indicators .active { background-color: #DDD; }

	.carousel-inner{
		max-height: 300px !important;
	}

.footer { width: 100%; height: 0px; position: absolute; bottom: 0; padding-top: 0.9em; }

.home-data h3 { margin-top: 0; padding: 0.4em 0.6em; background-color: #337ab7; color: #FFF; border-radius: 0.2em; font-size: 1.4em; font-weight: bold; }
.home-data h3 .btn { padding: 0.1em 0.5em; background-color: #337ab7; border: 1px solid #99ccff; color: #FFF; font-size: 0.7em; float: right; } .home-data h3 .btn:hover { background-color: #5aa2e0; }
.home-data h4 { margin-top: 0.4em; font-size: 1.3em; font-weight: normal; }
.home-data .caption p { color: #003377; }

.page-data h3 { margin-top: 0; padding: 0.4em 0.6em; background-color: #337ab7; color: #FFF; border-radius: 0.2em; font-size: 1.4em; font-weight: bold; }
.page-data h3 .btn { padding: 0.1em 0.5em; background-color: #337ab7; border: 1px solid #99ccff; color: #FFF; font-size: 0.7em; float: right; } .home-data h3 .btn:hover { background-color: #5aa2e0; }
.page-data h4 { margin-top: 0.4em; font-size: 1.3em; font-weight: normal; }
.page-data h5 { margin-top: 0; padding: 0.4em 0.6em; background-color: #337ab7; color: #FFF; border-radius: 0.2em; font-size: 1.3em; font-weight: bold; }
.page-data .caption p { color: #003377; }


/*
.home-data .table { margin: 0; border-collapse: separate; }
.home-data .table tr th { border-top: 0 none; }
.home-data .table tr td { border-top: 1px dotted #CCC; }
.home-data .table tr:last-child td { text-align: right; }
.home-data-download .thumbnail { margin-bottom: 0.2em; padding: 4px 8px; border: 0 none; text-align: center; }
.home-data .table a, .home-data-download a { color:#222; }
.home-data .table a:hover, .home-data-download a:hover { color:#000; }
*/
.home-service { padding: 0.8em 0; font-size: 0.9em; line-height: 1.8em; }
.home-service > div { padding: 0 1em; }
.home-service h5 { margin: 1em 0 0.7em 0; padding: 0; font-weight: bold; } .home-service h5:after { content:" :"; }
.home-service a { color: #EEE; }
.home-service ul { list-style-type: square;}
.home-service ul, .home-service ul li { margin: 0; padding: 0; color: #979797;}
.home-service-1 { margin: 0.1em 0 0 0; background-color: #444444; color: #FFF; }
.home-service-2 { background-color: #555555; color: #FFF; }
.home-service-3 { padding-top: 10px; background: /*#111*/ #010101; color: #FFF; }
.home-service-2 .home-service-2-list { columns: 2; -webkit-columns: 2; -moz-columns: 2;  list-style-type: none; }
.home-service-2 .home-service-social { margin: 0.5em 0; padding: 0; list-style-type: none;  /*list-style-type: square;*/ }
.home-service-2 .home-service-social li { display: inline; }
.home-service-2 .home-service-social li img { width: 36px; height: auto; }
.home-service-2 .btn { padding: 0.2em 0.4em; font-size: 0.9em; }

#home-category > div { margin-top: 3px; margin-bottom: 3px; }
#home-category > div img { border: 1px solid #FFF !important; } #home-category > div img:hover { border: 3px solid #EEE !important; }
#home-course-new .caption { padding-top: 0; }
#home-course-new .caption a { color: #333 !important; text-decoration: none; }
#home-course-new .media { border-top: 1px solid #DDD; padding-top: 1em; }
#home-course-new .media-object { width: 36px; height: auto; }
#home-course-new .media-body a { color: #888; } #home-course-new .media-body a:hover { color: #111; text-decoration: none; }
#home-expert > div, #home-expert > div > a { text-align: center; }
#home-expert img { margin: 0.75em auto;}
#home-expert, #home-client, #home-category { margin-bottom: 2em; }

#home-networks { margin: 1em 0; list-style-type: none; text-align: center; }
#home-networks li { margin: 1em; padding: 1em; display: inline; }
#home-networks li img { width: auto; height: 100px; padding-bottom: 1em; }

#home-clients { text-align: center; font-family: 'Kanit', sans-serif !important; }
#home-clients .home-clients-comments .panel { color: #333; background-color: #fdfdfd; }
#home-clients .home-clients-comments .panel p { color: #555; }
#home-clients .home-clients-rates .glyphicon { color: gold;}
#home-download > div { padding-top: 0.5em; padding-bottom: 0.5em;}

#home-information { font-family: 'Kanit', sans-serif !important; padding-bottom: 0.5em; }
#home-information .home-information-comments .panel { padding: 0.5em; color: #333; background-color: #fdfdfd; margin-top: 1px; margin-bottom: 1px; }
#home-information .home-information-rates .glyphicon { color: gold;}

a.btn-more { padding: 0.1em 0.8em; border-radius: 0; background-color: #001b8f; color: #FFF !important; }
.linktoall { margin: 0; padding: 0; text-align: right; }
.linktoall a.btn { border: 1px solid #2559a4; font-size: 0.9em; color: #2559a4; } .linktoall a.btn:after { content:" >"; } .linktoall a.btn:hover { background-color: #6bc2f8; color: #FFF; }
.backwards { unicode-bidi: bidi-override; direction: rtl; }
.bshadow { margin-bottom: 10px; box-shadow: 0px 2px 5px #888888; }

@media (min-width: 992px) {
	/* top nav */
	.navbar-nav { margin-left: 2.4em !important; }
	.navbar-nav a { color: #555 !important; }
	.navbar-left .form-group { padding-top: 1.2em; }

}

@media (min-width: 768px) {
	.navbar-nav li > a, .btn-group .btn { font-size: 16px; }
	.navbar-nav li a span { display: none; }
	.navbar-nav li #chglang-th { background: url('../images/nav-flag-th.png') center no-repeat; margin-top:12px; margin-right: 0; padding-right: 20px; width:27px; height:18px;}
	.navbar-nav li #chglang-jp { background: url('../images/nav-flag-jp.png') center no-repeat; margin-top:12px; margin-right: 0; padding-right: 20px; width:27px; height:18px;}
	.navbar-nav li #chglang-en { background: url('../images/nav-flag-en.png') center no-repeat; margin-top:12px; margin-right: 0; padding-right: 0; width:27px; height:18px;}
	.dropup, .dropup .btn { font-size: 14px !important; }
	.carousel-caption { position: absolute; bottom: 0.9em; margin: 0; right: 4%; left: 4%; }
	.caption-invert { color: #FFF !important; text-shadow: 0 1px 2px rgba(0,0,0,.6) !important; }
	.ten-columns { display: table; }
	.ten-columns > .col-sm-2 { width: 14%; float: none; display: table-cell !important; vertical-align: middle; }



	 .stcol .disp { padding-right:2px; }
	 .booking-form-person .disp { padding-left:2px; padding-right:2px; }
	 .booking-form-person .displ { padding-right:2px; }
	 .booking-form-person .dispr { padding-left:2px; }



}

@media (max-width: 991px) {
	.carousel-caption { min-height: 4em; }
	.carousel-caption h3 { font-size: 1em; }
	.carousel-caption p { font-size: 0.9em; }
	.nav-book div { border-bottom: 1px solid #FFF; }
	.nav-book div:nth-last-child(1) { border-bottom: 0px none; }

	 .panel-default .panel-body .form-group div { padding-bottom:3px; border: 0px solid red; }

}

@media (max-width: 768px) {
	.navbar-brand img { width: 270px; height: auto; }
	.navbar-toggle { padding: 9px 23px; background-color: #FFF; }
	ul.navbar-nav { margin-left: 0; }
	.navbar-nav > li > a { padding-top: 25px; }
	.hamburger-box { float:left; }
	.hamburger-text { float:right; margin-top:-4px; padding-left: 9px; font-weight: bold; }
	.home-logo img { height: 32px; width: auto; padding: 0 0.5em; }
	body { margin-bottom: 0; }

	.home-service-3 { background: #3360a3; color: #FFF; }

	.home-service ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

	.pagination .paginate_button:not(.previous):not(.next) {	 display: none; }
	.idisplay { display: inline; }

    .navbar-brand { margin-top: 0; }
	.navbar-brand img { display: none; }
	a.navbar-brand:after { content: url('../images/logo-header-x.png'); }

	 .stcol .disp { padding-right:15px; }
	 .booking-form-person .disp { padding-left:15px; padding-right:15px; }
	 .booking-form-person .displ { padding-right:15px; }
	 .booking-form-person .dispr { padding-left:15px; }


}

@media (max-width: 825px) {

    .navbar-brand { margin-top: 0; }
	.navbar-brand img { display: none; }
	a.navbar-brand:after { content: url('../images/logo-header-m.png'); }

}

@media (max-width: 480px) {
	/*.randombanner .carousel-indicators { display: none; }*/
	.box-listbook .row > div { padding: 0.4em; }

	.home-service ul, .home-service-2 .home-service-2-list { columns: 1; -webkit-columns: 1; -moz-columns: 1; }

    .navbar-brand { margin-top: 0; }
	.navbar-brand img { display: none; }
	a.navbar-brand:after { content: url('../images/logo-header-x.png'); }

	/*.subn {width:70%;}*/

}

@media screen and (max-width:991px) and (orientation:landscape) {

    .navbar-brand { margin-top: 0; }
	.navbar-brand img { display: none; }
	a.navbar-brand:after { content: url('../images/logo-header-m.png'); }

}

@media screen and (max-width:400px) {

    .navbar-brand { margin-top: 0; }
	.navbar-brand img { display: none; }
	a.navbar-brand:after { content: url('../images/logo-header-s.png'); }

}


@media screen and (min-width:770px) {

	.idisplay { display: none; }
	/*.subn {width:60%;}*/

}


@media (max-width: 820px) {

    .header { height: auto;}
	#nav-search { margin-top: -1.8em; padding-top: 1em; background-color: #eae8e9; }

}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: var(--color-primary);
  background-color: #272727;
  border:1px solid #929292;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  /*transition: all 0.4s;*/
}
.scroll-top i {
  font-size: 25px;
  padding:10px 10px 10px 10px;
  padding-top:15px;
  color: #fff;
  line-height: 0;
}
.scroll-top:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
  background-color: #737272;
  color: #fff;
}
.scroll-top.active {
  visibility: visible;
  opacity: 1;
}


/* order list */
li > ol { counter-reset: item; }
ol > li { counter-increment: item; }
ol ol > li { display: block; }
ol ol > li:before { content: counters(item, ".") ". "; margin-left: -1em; }

/*.ibright img { border: 2px solid #111; }*/
.ibright img:hover { filter: brightness(110%) saturate(150%); }

.containerRadio {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: red;
  border-radius: 50%;
}