.ce-align-left{text-align:left}
.ce-align-center{text-align:center}
.ce-align-right{text-align:right}
.ce-table td,.ce-table th{vertical-align:top}
.ce-textpic,.ce-image,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div{overflow:hidden}
.ce-left .ce-gallery,.ce-column{float:left}
.ce-center .ce-outer,.ce-center .ce-inner{position:relative}
.ce-right .ce-gallery{float:right}
.ce-gallery figure{display:table;margin:0}
.ce-gallery figcaption{display:table-caption;caption-side:bottom}
.ce-gallery img{width:100%;display:block;height:auto}
.ce-gallery iframe{border-width:0}
.ce-border img,.ce-border iframe{border:0 solid #555;padding:0}
.ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery,.ce-above .ce-gallery{margin-bottom:15px}
.ce-intext.ce-right .ce-gallery{margin-left:15px}
.ce-intext.ce-left .ce-gallery{margin-right:15px}
.ce-below .ce-gallery{margin-top:15px}
.ce-column{margin-right:15px}
.ce-column:last-child{margin-right:0}
.ce-row{margin-bottom:15px}
.ce-row:last-child{margin-bottom:0}
.ce-above .ce-bodytext{clear:both}
.ce-intext.ce-left ol,.ce-intext.ce-left ul{padding-left:40px;overflow:auto}
.ce-headline-left{text-align:left}
.ce-headline-center{text-align:center}
.ce-headline-right{text-align:right}
.ce-uploads{margin:0;padding:0}
.ce-uploads li{list-style:none outside none;margin:1em 0}
.ce-uploads img{float:left;padding-right:1em;vertical-align:top}
.ce-uploads span{display:block}
.ce-table{width:100%;max-width:100%}
.ce-table th,.ce-table td{padding:.5em .75em;vertical-align:top}
.ce-table thead th{border-bottom:2px solid #dadada;background:#dadada;font-weight:900}
.ce-table th,.ce-table td{border-top:1px solid #dadada}
.ce-table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.ce-table-bordered th,.ce-table-bordered td{border:1px solid #dadada}
.frame-space-before-extra-small{margin-top:1em}
.frame-space-before-small{margin-top:2em}
.frame-space-before-medium{margin-top:3em}
.frame-space-before-large{margin-top:4em}
.frame-space-before-extra-large{margin-top:5em}
.frame-space-after-extra-small{margin-bottom:1em}
.frame-space-after-small{margin-bottom:2em}
.frame-space-after-medium{margin-bottom:3em}
.frame-space-after-large{margin-bottom:4em}
.frame-space-after-extra-large{margin-bottom:5em}
.frame-ruler-before:before{content:'';display:block;border-top:1px solid rgba(0,0,0,0.25);margin-bottom:2em}
.frame-ruler-after:after{content:'';display:block;border-bottom:1px solid rgba(0,0,0,0.25);margin-top:2em}
.frame-indent{margin-left:15%;margin-right:15%}
.frame-indent-left{margin-left:33%}
.frame-indent-right{margin-right:33%}
.frame-layout-4 img.image-embed-item{width:100%;height:auto}
.frame-type-menu_sitemap ul,ul.sitemap{display:flex;flex-wrap:wrap;justify-content:center;font-size:1em;margin:60px 0;list-style:none!important;margin:0!important;font-size:.6em;padding:0}
.frame-type-menu_sitemap ul li,ul.sitemap li{flex:1 0;line-height:2em}
.frame-type-menu_sitemap ul li a,ul.sitemap li a{display:block;padding:5px;text-align:center;color: #fff;background: #2A7C9D;margin: 0 5px 15px 5px;}
.frame-type-menu_sitemap ul li a:hover,ul.sitemap li a:hover{background-color:#2A7C9D}
.frame-type-menu_sitemap ul ul,ul.sitemap ul{display:block;margin:0 0 10px!important;padding:0 0 0 21px;list-style:circle!important}
.frame-type-menu_sitemap ul ul ul,ul.sitemap ul ul{margin:0!important;padding:0 0 0 7px}
.frame-type-menu_sitemap ul ul li a,ul.sitemap ul li a{padding:0;text-align:left;background:none;margin:0}
.frame-type-menu_sitemap ul ul li a:hover,ul.sitemap ul li a:hover{background-color:transparent;color:#2A7C9D}
ul.sitemap ul.level2 li a { color:blue; }
ul.sitemap ul.level3 li a { color: #555; }
ul.sitemap ul.level4 li a { color: #2A7C9D}
ul.sitemap-internal {
  display: flex;
  flex-wrap: wrap;
}

ul.sitemap-internal li {
  flex: 1 0 16%; /* explanation below */
  margin: 5px;
}
.frame-type-text table,.frame-type-text th,.frame-type-text td{border:1px solid #999;padding:7px 15px}
.frame-type-text th{background:#eee;font-weight:700}
.ul-flex .frame-type-menu_subpages ul{width:100%}
.ul-flex .frame-type-menu_subpages ul li{float:left;width:45%;margin-left:5%;line-height:1.8em}
.ul-flex .frame-type-menu_subpages ul:after{content:"";display:table;clear:both}
.table-responsive{overflow:hidden}
.ul-dropdown{position:relative;width:100%;clear:both}
.ul-dropdown #dropdownSelect p{cursor:pointer;margin:0;padding:7px;background:#eee;border:1px solid #ddd;border-radius:5px;display:block;text-align:center}
.ul-dropdown #dropdownSelect p:hover{background:#3DA3CB;color:#fff}
.ul-dropdown .frame-type-menu_subpages{padding:0;display:none;height:100vh;background:#fff;z-index:1;overflow:auto;position:absolute;width:100%;color:#555;top:100%;left:0}
.ul-dropdown .frame-type-menu_subpages ul{list-style:none;margin:0;padding:0}
.ul-dropdown .frame-type-menu_subpages ul li{width:16.66%;list-style:none;margin:0;padding:0;border-bottom:1px solid #eee;display:inline-block}
.ul-dropdown .frame-type-menu_subpages ul li a{display:block;border-bottom:1px solid #eee;padding:7px 15px}
.line-bullet ul li{line-height:2}
.line-bullet ul li a{text-decoration:underline!important}
.menu-box{position:relative;margin-bottom:30px}
.menu-box ul,.menu-box ul li{margin:0;padding:0}
.menu-box ul li{display:inline-block}
.menu-box ul li a{display:block;padding:0 15px;border:1px solid #eee;margin:0 5px 5px 0}
.frame header{position:relative!important;background:transparent!important;margin-bottom: 15px;box-shadow:none!important;z-index:0;}
.kanitregular {font-family: "kanitregular", sans-serif !important;}
.color-dark {color:#213253;}
.color-dark:hover {color:#706f72;}

.f3-widget-paginator{display:table;width:auto;margin:15px auto;border-top:1px solid #eee;padding:7px 10px}
.f3-widget-paginator li{display:table-cell}
.f3-widget-paginator li a{display:block;padding:0 15px}
.ul-flex ul{display:flex;flex-wrap:wrap}
.ul-flex ul li{flex:1 1 45%;margin:0 2.5%}
.ul-flex-2columns ul,
.ul-flex-3columns ul,
.ul-flex-4columns ul{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 2%;
	padding:0;
}
.ul-flex-2columns ul li,
.ul-flex-3columns ul li,
.ul-flex-4columns ul li{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	margin:0;
}
.ul-flex-2columns ul li{
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    margin: 0 5% 0 0;
}
.ul-flex-3columns ul li{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    margin: 0 3% 0 0;
    padding: 0;
}
.ul-flex-4columns ul li{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0 5% 0 0;
}
.video-embed video{width:100%!important}
.img-fluid{width:100%}
a:hover {cursor:pointer !important; text-decoration:underline!important}
.static-content a,.static-content a strong { }
.static-content .rd-btn-primary {color:#fff; }
.static-content strong,b{font-family:"sarabunregular",sans-serif;font-weight:700;}
.frame-type-menu_subpages {font-family:"sarabunlight", sans-serif;line-height: 1.8;}
.static-content img {margin:0;}
.content-page-column {margin:30px 0;;padding:0;}
.content-page-column .col-side{border:0}

.background-peera { background-color:#3ea3cb !important;}
.color-peera { color:#3ea3cb !important;}
.font-dark { color:#222; }

.content-main-banner .card-item .card-text .large-text { font-size:2rem; }
footer .footer-bottom { padding:15px 0;}
main {min-height:500px;}

.content-news-text-list .card-name p {margin:0;}
.link-list-line .list-menu > ul > li > a {padding:7px 20px;}
.content-news-text-list .item .card-link .card-name {text-decoration:none;}

header .header-main .main .main-menu ul li a.active {color: #2A7C9D;}
.rd-btn-primary,header .header-main .main .main-account a {background-color:#2A7C9D;font-size: 1.2rem;padding: 10px 15px;}
.slick-slider .slick-dots li.slick-active button {background-color:#2A7C9D;}

.content-cols-box .content-list .col-item .card-link {padding: 15px 10px 10px 10px;min-height: 105px;}
.content-cols-box .content-list .col-item .card-image {height: auto;}
.content-cols-box .content-list .col-item .card-title {line-height:1.1;font-family: "kanitregular", sans-serif;margin: 0.75rem 0 0 0;}
.background-navy-blue:hover { color:#fff !important; }
.background-light-transparent {background-color: transparent !important; color: #213253; border: 1px solid;}
.content-cols-box .content-list .col-item .card-image img, .col-image #c103263 img {max-height: 28px;}
.content-news-text-list .item .card-link .card-name {font-family: "kanitregular", sans-serif;}
.content-news-text-list .item .card-link { border-radius: 0; padding: 0 0 15px 0; }
.content-news-text-list .item .card-link:hover {background:none !important;}
.content-news-text-list .item .card-link:hover .card-sub,
.content-news-text-list .item .card-link:hover .card-name {color:#3ea3cb;} 
.content-tab-list .nav-item-list .nav-item > span {background-color:transparent;}
.content-tab-list .nav-item-list .nav-item.active > span, .content-tab-list .nav-item-list .nav-item:hover > span {background-color: transparent;border-bottom: 2px solid;border-radius: 0;color: #213253;font-weight: bold;}
.font-light-sarabun { line-height: 1.6; }
.content-cols-box .content-list .col-item .card-link:hover {
    background-color: none !important;
    color: #fff;
    box-shadow: none !important;
}
.background-sky-blue {
    background-color: #3ea3cb !important;
}
.background-light-sky-blue {
    background-color: #e9f3f7 !important;
}
.background-light-gray {
    background-color: #efefef !important;
}
.border-sky-blue {
	border:1px solid #3ea3cb !important;
}
.content-cols-box .content-list .col-item .card-link.background-sky-blue {
    color: #fff;
}
.content-cols-box .content-list .col-item .card-link:hover { text-decoration:underline; }

body{font-size: 1.3rem;}
footer,header .header-main .main .main-menu ul li a {font-size: 1.25rem;}
body {font-family:"sarabunlight", sans-serif; color: #111; line-height:1.6;}
footer,header,.content-tab-list .nav-item-list .nav-item,
.min-height-headline,.page-group .nav-list-horizontal .list-menu ul li {font-family:"kanitregular", sans-serif;}
a {color: #222;}
header .header-main .main .main-menu ul li a,
.link-list-line .list-menu > ul > li .submenu ul li a {color:#111;}

.content-news-text-list .item .card-link .card-sub {
    font-size: 80%;
    color: #213253;
}
.pintotop { font-size:100%;}
.pintotop li {line-height:1.6;margin-bottom:7px;}
.pintotop a {}
.color-peera { color:#3ea3cb !important; }
header .header-main .main .main-search { -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {border-top-color: #3ea3cb !important;}
.tooltip-inner {background-color: #3ea3cb !important;}
.tooltip.show {opacity:1 !important;}

.footer-top {font-size:105%;}
.page-group h3,.content-page-column .col-main h3 {color:#2A7C9D;}
.content-page-column .col-main {color:#213253;line-height:2;}
.topstory { 
	background-color:#efefef;
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}
.content-tab-list .nav-item-list .nav-item {
    font-size: 120%;
}
.boder-white {border-color:#fff;}
.border-radius-5 { border-radius:5px; }
.xs-logo {width:150px;}

@media (min-width: 768px){
	.content-tab-list .content-tab-content .content-item {
		display: none;
	}
	.content-title-primary {
		padding: 30px 0;
	}
	header .header-main .main .main-logo {
		-ms-flex: 0 0 250px;
		flex: 0 0 250px;
		max-width: 250px;
	}
	.link-list-line .list-menu > ul > li .submenu {background-color: #efefef; border-bottom: 1px solid #ddd;}
	.link-list-line .list-menu > ul > li .submenu ul {padding: 15px;}
	.link-list-line .list-menu > ul > li .submenu ul li a { padding: 5px 20px; }
	.content-tab-list .nav-item-list .nav-item > span {padding: 15px;min-width: 165px;text-align:center;}
	.xs-title {display:none;}
	.nav-list-horizontal {
		background-color: #e9f3f7;
	}
	.page-group .nav-list-horizontal .list-menu ul {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 0;
	}
	.page-group .nav-list-horizontal .list-menu ul li {
		list-style:none;
		margin: 30px 15px 0 15px;
		padding:0;
	}
	.page-group .nav-list-horizontal .list-menu ul li a{
		padding: 15px 20px;
		background: #2A7C9D;
		color: #fff;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		display: block;
	}
	.page-group .nav-list-horizontal .list-menu ul li a:hover,
	.page-group .nav-list-horizontal .list-menu ul li a.active{
		padding: 15px 20px;
		background: #fff;
		color: #2A7C9D;
		font-weight:bold;
		border:1px solid #2A7C9D;
		border-bottom:1px solid #fff;
	}
	.content-covid-banner .col-text > div {
		max-width:80%;
	}
	.content-main-banner .slick-slider .slick-dots {
		margin-top: 15px;
	}
	.content-padding {
		padding: 45px 0;
	}
	.content-breadcrumb ul {
		display: inline !important
	}
	.content-breadcrumb ul li {
		display: inline !important
	}
	.main-banner-slider{position:relative;overflow:hidden;min-height:600px;margin-bottom:30px;}
	.slick-slider .slick-dots {position:absolute;bottom:0;}
}

@media (min-width : 1024px){
	.content-main-banner { padding:50px 0 30px; }
	.content-cols-box .content-list .col-item .card-title {}	
	.main-banner-slider{min-height:450px;margin-bottom:0;}
}

@media (min-width : 1140px){	
	.main-banner-slider{min-height:550px;margin-bottom:0;}
}
@media (max-width: 1024px){
	.content-tab-list .nav-item-list .nav-item > span {padding: 10px;min-width: 120px;text-align:center;font-size: 85%;}
	.content-tab-list .nav-item-list .nav-item {padding-right:5px;}
	.content-cols-box .content-list .col-item {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%; 
		max-width: 25%; 
	}
	.content-cols-box .content-list .col-item .card-link {
		min-height: 110px;
	}
	.background-light-transparent {
		line-height: 1;
		padding: 10px;
	}
}
@media (max-width: 991px){
	.content-cols-box .content-list .col-item .card-image {min-height:36px;}
	.content-tab-list .nav-item-list .nav-item > span {padding: 15px;min-width: 165px;text-align:center;font-size:100%;}
	.content-cols-box .content-list .col-item .card-link { min-height: 135px; }
	.content-tab-list .nav-item-list .nav-item { padding-right: 10px; }
	header {position:relative;top:0;bottom:0;background: transparent; box-shadow: none;}
	#header {position:relative;}
	main {
		padding-top:10px;
	}	
}
@media (max-width: 767px){
	.ul-flex,
	.ul-flex-2columns ul li,
	.ul-flex-3columns ul li,
	.ul-flex-4columns ul li{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding:0;
		margin:0;
	}
	.nav-list-horizontal .xs-title {
		background-color: #213253;
		color: #fff;
		text-align: center;
		padding: 10px 35px;
		text-transform: uppercase;
		position: relative;
	}
	.nav-list-horizontal .xs-title:before {
		content: "+";
		font-size: 22px;
		font-style: normal;
		font-family: "kanitlight", sans-serif;
		position: absolute;
		right: 20px;
		background-color: #fff;
		color: #213253;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 3px;
		top: 14px;
	}
	.nav-list-horizontal .list-menu {
    display: none;
    max-height: 335px;
    overflow: auto;
    padding: 20px 0;
	}
	.content-tab-list .content .frame-default { padding:15px; }	
}
@media (max-width: 441px){
	.content-cols-box .content-list .col-item .card-link {min-height:135px;}
	.content-cols-box .content-list .col-item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%; 
		max-width: 50%; 
	}
}

@media (min-height: 420px), (min-width: 720px) {
   main { min-height:400px; }
}
@media (min-height: 720px), (min-width: 1280px) {
   main { min-height:636px; }
}
@media (min-height: 1080px), (min-width: 1920px) {
   main { min-height:820px; }
}