@import url(fonts_sarabun/thsarabunnew.css);
@import url(fonts_atnoon/atnoon.css);
@import url(fonts_wrtishkid/wrTish.css);
@import url(fonts_ozone/ozone.css);
@font-face {
	font-family: 'WebFont';
	src: url('fonts/ThaiSansNeue-Regular.eot');
	src: local('☺'), url('fonts/ThaiSansNeue-Regular.woff') format('woff'), url('fonts/ThaiSansNeue-Regular.ttf') format('truetype'), url('fonts/ThaiSansNeue-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#cms-menu-fixed { background-color:#ffffff; }

html , body { padding:0px;margin:0px;height:auto; }
body { font-family:'WebFont';font-size:22px; letter-spacing:0.042em }





input , textarea , select  { font-family:'WebFont'; letter-spacing:0.03em }
a { text-decoration:none;outline: 0;}
p { padding:0px;margin:5px 0px;}
h2 { font-size:32px;margin:0px; }
br.a , br.b ,br.bs , br.c , br.d , br.e , br.f{display: none;}

.btn-default { display:inline-block; background:url(../img/btn/df.png) center no-repeat;;width:190px;height:30px;padding:15px 0px;text-align:center;color:#ffffff }
.btn-xs { display:inline-block; background:url(../img/btn/xs.png) center no-repeat;;width:170px;height:24px;padding:8px 0px;text-align:center;color:#ffffff }

.clearfix { clear:both; }

.preload * {
 -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
}

header .quick-nav { background-color:#0a1c5a;color:#ffffff;text-align:right }
header .quick-nav > .wrapper { max-width: 1366px;margin:0px auto;font-size:0px; }
header .quick-nav .list { display:inline-block;padding:8px 8px 7px;font-size:18px;vertical-align:middle;color:#ffffff }
header .quick-nav .arrow { background:url(../img/icon/arrow-down-w.png) right 15px center no-repeat;padding-right:30px; }
header .quick-nav .fontsize a { line-height:.5;color:#ffffff;padding:0px 2px ;}
header .quick-nav .fontsize a:nth-child(2) { font-size:24px }
header .quick-nav .fontsize a:nth-child(3) { font-size:30px }
header .quick-nav .fontsize a.active {  font-size:24px;color:#936750 }
header .quick-nav .fontsize img {width: 20px;vertical-align: bottom;}
@supports (-ms-ime-align:auto) {
	header .quick-nav .fontsize a { line-height:.5;color:#ffffff;padding:0px 2px ;}
	header .quick-nav .fontsize a:nth-child(2) { font-size:24px }
	header .quick-nav .fontsize a:nth-child(3) { font-size:30px }
	header .quick-nav .fontsize a.active {  font-size:24px;color:#936750 }
	header .quick-nav .fontsize img {width: 20px;vertical-align: bottom;}
}
header .quick-nav .langlink { position:relative; }
header .quick-nav .langlink a { display:inline-block; color:#ffffff;text-decoration:none; text-align:center; width:26px; height:26px; }
header .quick-nav .langlink a.langactive { border:0px solid #874f2b; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; background:#874f2b;}
header .quick-nav .lang { background-color:#3d539c; padding: 10px 30px 10px 20px;position:relative; }
header .quick-nav .lang .select-lang { display:none;position: absolute; top:100%;left:0px;right:0px;background-color:#3d539c;  }
header .quick-nav .lang .select-lang a { display:block;color:#ffffff;text-decoration:none; padding:10px 20px; text-align:left;border-top:1px #4b63af solid; }
header .quick-nav .lang:hover .select-lang  { display:block }
header .quick-nav .search { background-color:#874f2b;padding:10px }

header .web-nav { background:url(../img/header/line.jpg) bottom repeat-x; }
header .web-nav > .wrapper { max-width: 1340px;margin:0px auto; padding: 7px 0px 14px 0px;overflow:auto; }
header .web-nav .logo { display:inline-block;; }

header .web-nav ul.menu { float:right;list-style-type:none;padding:0px;margin:0px;margin-top:10px }
header .web-nav ul.menu > li { float:left;  }
header .web-nav ul.menu > li > a { display:inline-block; width:190px;height:29px;padding:12px 0px;padding-bottom:16px;padding-right:5px; text-align:center;color:#333333;font-size:23px; }
header .web-nav ul.menu > li.active > a , header .web-nav ul.menu > li:hover > a{ background:url(../img/btn/df.png) center no-repeat;color:#ffffff }
header .web-nav ul.menu > li > a  i { background:url(../img/icon/arrow-down.png) right center no-repeat;padding-right:20px;padding-bottom:6px; margin-right:-15px; }
header .web-nav ul.menu > li.active > a  i ,header .web-nav ul.menu > li:hover > a  i { background-image:url(../img/icon/arrow-down-w.png); }



header .web-nav ul.menu .sub-menu { display:none;z-index:2;position:absolute;left:0px;right:0px;padding-top:19px; }
header .web-nav ul.menu .sub-menu > .bg { background-color: rgba(255,255,255,0.95); }
header .web-nav ul.menu .sub-menu > .bg > .wrapper { max-width:1300px;margin:-5px auto;overflow:auto;padding:10px 0px; }
header .web-nav ul.menu .sub-menu .box { float:left;width:25%;font-size:22px; }
header .web-nav ul.menu .sub-menu .box > .wrapper { padding:5px 10px; }
header .web-nav ul.menu .sub-menu .box a.h { color:#0b1e5f;display:block;line-height:1;margin:12px 0px 5px 0px; }
header .web-nav ul.menu .sub-menu .box a.h:hover { color:#855d45 }
header .web-nav ul.menu .sub-menu .box a.h:before { content:'+';padding-right:12px;vertical-align:top; }
header .web-nav ul.menu .sub-menu .box a.h > span { display:inline-block; }
header .web-nav ul.menu .sub-menu .box a.l { display:block;margin-left:30px;color:#333333;font-size:20px; }
header .web-nav ul.menu .sub-menu .box a.l:hover { color:#855d45 }
header .web-nav ul.menu .sub-menu .box .img { width:100%;}
header .web-nav ul.menu > li:hover .sub-menu { display:block }

header .web-nav-mobi { display:none; }
header .web-nav-mobi > .top-area {
	height:50px;padding:5px 10px 12px 10px;position:fixed;top:0px;left:0px;right:0px;z-index:4;overflow:visible;
	background:url(../img/header/line.jpg) bottom repeat-x #ffffff;
	background-size: 350% auto;
}
header .web-nav-mobi > .top-area > .logo { height:100%;float:left }
header .web-nav-mobi > .top-area > .logo img  { height:80%;margin-top:3%; }
header .web-nav-mobi > .top-area > .lang { float:right; }
header .web-nav-mobi > .top-area > .lang a { display:none;background-color:#ffffff;color:#21306e;font-size:24px;padding:12px 20px;padding-right:32px;height:100%;box-sizing:border-box; }
header .web-nav-mobi > .top-area > .lang a:first-child { display:block;background:url(../img/header/mobi/arrow-down.png) right 10px center no-repeat #ffffff; }
header .web-nav-mobi > .top-area > .lang:hover a:first-child { border-bottom:1px #efefef solid; }
header .web-nav-mobi > .top-area > .lang:hover a { display:block; }

header .web-nav-mobi .call-center { background-color:#0c1f6b;position:absolute; top:65px;left:0px;right:0px;z-index:2;color:#ffffff;font-size:18px;text-align:center;padding:10px 0px; }
header .web-nav-mobi .call-center a { color:#ffffff;font-size:34px;display:inline-block;padding:3px 0px;padding-left: 42px; background:url(../img/header/mobi/call.png) left center no-repeat;background-size:auto 60%; }
header .web-nav-mobi .call-center img { display:none; width: 8%; padding-top: 10px;position: absolute;margin-left: 5px;}

header .web-nav-mobi > .menu-area {
	font-size:28px;transition:all .5s;opacity:0;background-color:#ffffff;position:fixed;top:-100%;left:0px;right:0px;z-index:3;overflow:auto;
	-webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.43);
	box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.43);
}
header .web-nav-mobi > .menu-area > .wrapper {  }
header .web-nav-mobi > .menu-area form { margin:0px;padding:0px; }
header .web-nav-mobi > .menu-area .list { }
header .web-nav-mobi > .menu-area .list > a { color:#555555;display:block;padding:10px 35px; }
header .web-nav-mobi > .menu-area .list > a.more { background:url(../img/header/mobi/m-0.png) right 30px center no-repeat;background-size:auto 40%; }
header .web-nav-mobi > .menu-area .list-active > a.more { background:url(../img/header/mobi/m-1.png) right 25px center no-repeat; }
header .web-nav-mobi > .menu-area .list:hover > a ,
header .web-nav-mobi > .menu-area .list-active > a { background-color:#704d39;color:#ffffff; }
header .web-nav-mobi > .menu-area .list-active > a.more { background-color:#704d39;color:#ffffff;background-size:auto 25%; }
header .web-nav-mobi > .menu-area .list-search input { margin:0px;border:none;outline:none;background:url(../img/header/mobi/search.png) right 30px center no-repeat #eeeeee;background-size:auto 40%;padding:10px 35px;width:100%;font-size:28px;color:#9e7152!important; }
header .web-nav-mobi > .menu-area .list-search input::placeholder { color:#9e7152!important }

header .web-nav-mobi > .menu-area .sub-menu { padding:5px 0px;display:none; }
header .web-nav-mobi > .menu-area .sub-menu a { display:block;color:#704d39;padding:5px 20px 5px 50px;background-color:#ffffff }

body.show-menu header .web-nav-mobi { }
body.show-menu header .web-nav-mobi > .menu-area  { opacity:.95;top:65px;overflow:auto;max-height:80%; }

#nav-btn-hbg {
	float:right;
  width: 40px;
  height: 40px;
  position: relative;
  margin:15px 6px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-btn-hbg span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #21306e;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
	box-shadow: 0px 0px 2px #cccccc;
}

#nav-btn-hbg span:nth-child(1) {
  top: 0px;
}

#nav-btn-hbg span:nth-child(2),#nav-btn-hbg span:nth-child(3) {
  top: 10px;
}

#nav-btn-hbg span:nth-child(4) {
  top: 20px;
}
#nav-btn-hbg.open span { box-shadow:none; }
#nav-btn-hbg.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-btn-hbg.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-btn-hbg.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-btn-hbg.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}




footer { background-color:#f4f6fb;font-size:16px;line-height:1.2;padding-bottom:36px  }
footer > .wrapper { max-width:1300px;margin:0px auto;padding:10px 20px; overflow:auto; }
footer .addr { color:#666666;float:left; }
footer .addr a { color:#000000 }
footer .addr .title { color:#0c1f6b;font-size:22px; }
footer .addr span { display:inline-block;margin:0px 5px; }
footer .addr .f-link a.medical { display: none;}
footer .addr .f-link span.medical { display:none }
footer .addr .f-link br {display: none;}
footer .call-center { float:right;text-align:right;margin-top:0px; }
footer .call-center .txt { color:#0c1f6b;font-weight:bold;font-size:22px; }
footer .call-center h2 { color:#67311a; font-size:45px; line-height:.9 }
footer .call-center h2 a { color:#67311a;display:inline-block;margin-left:-5px;padding-right:-7px;padding-bottom:10px;vertical-align:middle; }
footer .call-center h2.mobi { display: none;}
footer .call-center h2.mobi a.mobi {display: none;}
footer .call-center .f-browser {color: #c5c5c5;}

footer .addr p.before {display: none;}
footer .addr .f-link-before {display: none;}
footer .addr b.title-before { display: none;}

footer .addr p.after {display: none;}
footer .addr .f-link-after {display: none;}
footer .addr b.title-after { display: none;}

footer .quick { background-color:#2a3f88;text-align:center;font-size:0px;position:fixed;bottom:0px;left:0px;right:0px;z-index:2  }
footer .quick a { color:#ffffff;font-size:18px;padding:1px 27px 1px 15px;letter-spacing: 0.060em;display:inline-block;border-left:1px #2847b0 solid; }
footer .quick a > img { vertical-align:middle  }
footer .quick a.quick { background-color:#2847b0;padding:11px 30px; }
footer .quick a:first-child { border:none; }

.ui-datepicker-month { width:60% !important; margin:0 !important; float:left; padding:2px 0 4px 0;}
.ui-datepicker-year { width:40% !important; margin:0 !important; float:left; padding:3px 0 3px 0;}

.sp-font {font-family: wrTishKid; font-size: 26px; text-indent: 50px; line-height: 1.5em;}

@media only screen and (max-width: 1024px) {
	h1,h2,h3,h4,h5, strong , b { font-weight:200!important; }

	header .web-nav .logo { padding:5px 0px; }
	header .web-nav .logo img { width:200px; }
	header .web-nav ul.menu > li > a { width:auto;padding:12px 25px;border-radius:30px; }

	header .web-nav ul.menu .sub-menu > .bg > .wrapper { padding:10px }
	header .web-nav ul.menu .sub-menu .box { font-size:18px }

	body { padding-top:125px }
	body.show-menu { overflow:hidden; }
	header .web-nav-mobi  { display:block }
	header .quick-nav , header .web-nav  { display:none; }

	header .web-nav-mobi .call-center a { color:#ffffff;font-size:34px;display:inline-block; }
	header .web-nav-mobi .call-center img { width: 32px; padding-top: 9px;position: absolute;margin-left: 5px;}

	footer { padding-bottom:0px  }
	footer > .wrapper { padding:20px 20px; }
	footer .addr .f-link a.medical { color:#000000 ;display: inline-block;}
	footer .addr .f-link span.medical { display:inline-block;margin:0px 5px; }
	footer .quick { display:none; }

	br.a {display: block !important;}
	br.b ,br.bs, br.c ,br.d , br.e {display: none !important;}

	header .quick-nav .list.fontsize img { margin-bottom: 2px;}
	header .quick-nav .langlink a { line-height: 26px;}
}

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



	footer { padding-bottom:0px; }
	footer > .wrapper { text-align:center;padding:30px 20px; display: table; }
	footer .addr p {display: none;}
	footer .addr .f-link{display: none;}
	footer .addr { float:none;display: table-footer-group; }
	footer .addr a { font-size: 21px; }
	footer .addr .title {display: none;}
	footer .addr .f-link span.medical { display:inline-block;margin:0px 5px; }
	footer .addr .f-link span.hidden {display: none;}
	footer .addr .f-link a.medical { color:#000000 ;display: inline-block;}
	footer .addr .f-link br {display: block;}
	footer .call-center { text-align:center;float:none;}
	footer .call-center .txt {color: #0c1f6b;font-weight: normal;font-size: 30px;}
	footer .call-center .f-browser {display: none;}
	footer .call-center h2 {display: none;}
	footer .call-center h2.mobi {display:inline-block; color:#67311a; font-size:36px; line-height:.9 }
	footer .call-center h2.mobi a.mobi { color:#67311a;display:inline-block;margin-left:-5px;padding-right:-7px;padding-bottom:10px;vertical-align:middle; }

	footer .addr p.before {display: block !important;}
	footer .addr .f-link-before {display: block;line-height: 1.4;}
	footer .addr b.title-before {display: block;color: #0c1f6b;font-size: 20px;font-weight:bold;padding-top: 10px;}

	br.b {display: block !important;}
	br.a ,br.bs, br.c ,br.d {display: none !important;}

}
@media only screen and (max-width: 667px) {
	br.bs {display: block !important;}
	br.a ,br.b , br.c ,br.d {display: none !important;}
}
@media only screen and (max-width: 600px) {

	body { padding-top:115px }
	header .web-nav-mobi .call-center { padding:5px 0px }
	header .web-nav-mobi .call-center a { color:#ffffff;font-size:30px;display:inline-block; }
	header .web-nav-mobi .call-center img {width: 28px;position: absolute;margin-left: 5px;}

	footer .quick { display:none; }
	footer { font-size:14px; }
	footer .call-center h2 { font-size:34px }

	footer .addr p.before {display: none;}
	footer .addr .f-link-before {display: none;}
	footer .addr b.title-before {display: none;}

	footer .addr p.after {display: block !important;}
	footer .addr .f-link-after {display: block;line-height: 1.4;}
	footer .addr b.title-after {display: block;color: #0c1f6b;font-size: 30px;font-weight: normal; padding-top: 10px;}

	br.c {display: block !important;}
	br.a , br.b ,br.bs,br.d ,br.e {display: none !important;}

}
@media only screen and (max-width: 390px) {
	header .web-nav-mobi > .top-area > .logo {  }
	header .web-nav-mobi > .top-area > .logo img {  }
	header .web-nav-mobi > .menu-area , header .web-nav-mobi > .menu-area .list-search input  { font-size:22px; }
	header .web-nav-mobi .call-center img {width: 28px; padding-top: 9px;position: absolute;margin-left: 5px;}

	br.d {display: block !important;}
	br.a , br.b,br.bs ,br.c , br.e {display: none !important;}
}
@media only screen and (max-width: 370px)  {
	header .web-nav-mobi > .top-area > .logo img { }
	footer .call-center h2 { font-size:30px }
	br.f {display: block !important;}
	br.a , br.b,br.bs ,br.d,br.c , br.e {display: none !important;}
}
@media only screen and (max-width: 330px)  {
	br.e {display: block !important;}
	br.a , br.b,br.bs ,br.c , br.d {display: none !important;}
}