/*  Theme 64 Full HD
Main, Menu Theme, Body
********************  */



@import url("theme-style-menu-bottom.css");
@import url("theme-style-media.css");
@import url("theme-style-title.css");
@import url("theme-style-views.css");
@import url("theme-style-other.css");
@import url("BodyTheme-64.css");
@import url("ButtonLinkStyle.css");
@import url("DBHelvethaicaX.css");
@import url("font-awesome.min.css");
@import url("thsarabunnew.css");

/* ------------------------------------------ END Include Other CSS Files ------------------------------------ */

/* ------------------------------------------ Header and Footer ---------------------------------------------- */


/* html { font-size: 20px; } Fix font 30 Sep 67 */
body { margin-top: 0; background-color: #F2F2F2; /* border-top: 25px solid #1d4f91; */ border-top: 15px solid #1d4f91; border-bottom: 9px solid #1d4f91; }
#navbar { width: 100%; border-top: 3px solid #e69c03; /* background: #FFFFFF; */ background: #0A3D5D; border-bottom: 9px solid #22717C; box-shadow: 0px 2px 5px #999; background: -webkit-linear-gradient(left, #0A3D5D, #006b83 50%, #0A3D5D); }
.navbar { border-radius: 0; border: 0; margin-bottom: 0px; }
.navbar.container { max-width: 100%; margin-top: 0; }
.navbar.container > .container { margin: 0 auto; width: 1560px; /* background: -webkit-linear-gradient(left, transparent , #006b83 50%, transparent); */ }
.navbar-default .navbar-brand { color: #FFFFFF; /* darkcyan; */ /* #1d4f91; */ }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #FFFFFF; /* darkcyan; */ }
/* .navbar-brand { width: 95%; margin: -8px 0 0 0 !important; padding: 5px 15px; height: auto; font-size: 38px; line-height: 100%; } ***** Full Logo */
.navbar-brand { display: flex; margin: auto; /* margin: -8px 0 0 0 !important; */ padding: 5px 15px; width: 90%; height: auto; font-size: 28px; line-height: 125%; /* display: none; */ }
.navbar-text { /* float: none; */ display: flex; width: 90%; margin: -8px 0 0 0 !important; padding: 5px 15px; font-size: 24px; line-height: 125%; color: #FFFFFF !important; }
.navbar-text a, .navbar-text a:visited { color: #FFFFFF; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a  { border-radius: 9px 9px 0 0; /* box-shadow: 2px -1px 2px #bbb; */ color: #555; background-color: #e7e7e7; /* #22717C; */ }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:active, .navbar-default .navbar-nav > li > a:active { color: #FFF; background: teal; box-shadow: 1px -1px 0px #af8729; }
.navbar-default .navbar-collapse { /* width: 1560px; */ margin: auto auto; width: 100%; max-width: 1560px; }

.dropdown-menu > li > a:hover { background: mediumaquamarine; }

.navbar #block-search-form { margin: 0px 0 0px 5px; }

.navbar .logo { margin-left: 10px; }
/* .logo { max-width: 480px; } ****** Full Logo */
.logo { max-width: 125px; }
.logo img { width: 80px; /* width: 80%; */ /* width: 90%; */ }
.container .navbar-header { width: 1560px; margin: auto auto; float: inherit; }
.navbar-header { width: 100%; display: flex; flex-wrap: wrap; justify-content: start; }
.region-navigation { width: 1560px; margin-left: auto; margin-right: auto; }
.navbar-nav { /* border-bottom: 1px solid #ddd; */ width: 100%; clear: both; }
.navbar-nav > li { margin-right: 5px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }

.dropdown-menu { padding: 0; font-size: 100%; border-radius: 9px; overflow: hidden; }

.breadcrumb { background-color: transparent; }
.breadcrumb > li + li:before { font-family: FontAwesome; content: "\f105"; padding: 0px 5px 5px 5px; color: #000; }

.lead { margin-bottom: 15px !important; font-size: 26px; /* color: #FFFFFF; font-weight: bold; background: #22717C; */ padding: 2px 15px; /* border-radius: 0 0 9px 9px; overflow: hidden; */ text-align: center; }
.lead a, .lead a:visited { color: #FFFFFF; }

h1.page-header { margin-top: 10px; font-size: 30px; color: darkcyan; /* border-color: #ddd; */ background: -webkit-linear-gradient(left, #FFFFFF 30%, transparent); border-radius: 9px; padding: 10px 15px; }
h1.page-header:before { font-family: FontAwesome; content: "\f0ae  "; font-size: 80%; color: #666; }
/* for Drupal 8 9 10 */
/* h1.page-header span { color: darkcyan; background: -webkit-linear-gradient(left, #FFFFFF 30%, transparent); border-radius: 9px; padding: 5px 15px; }
h1.page-header span:before { font-family: FontAwesome; content: "\f0ae  "; font-size: 60%; color: #666; } */
/* END for Drupal 8 9 10 */

.panels-flexible-region-1-center { width: 100%; }

.footer  { border-top: 3px solid #e3e3e3; padding-top: 16px; padding-bottom: 16px; }
.footer.container { width: 100%; /* background: #0A3D5D; */ background: #FFFFFF; }
.region-footer { margin: 0 auto; width: 1560px; }

/* div.nav_rama-head { border-top: 7px solid #0035AD; background: #0A3D5D; }
.h1First a:link, .h1First a:visited, .h1First a:hover, .h1First a:active, .h1Second a:link, .h1Second a:visited, .h1Second a:hover, .h1Second a:active { color: #FFFFFF; } */

/* Fix Align Right on V10 */
.rteright { text-align: right; }
/* END Fix Align Right on V10 */

/* Fix Slide Control */
.zone-featured .carousel-control { color: #CCC !important; }
/* Fix END Slide Control */

/* Fix Title Page */
.zone-header h1 { margin: 0.5em 0 !important; line-height: 110%; }
/* END Fix Title Page */

/* Fix Class rtecenter of Old Theme */
.rtecenter { text-align: center; }
/* END Fix Class rtecenter fo Old Theme */

/* Fix Footer color */
.zone-footer { background: #0A3D5D; /* border-bottom: 7px solid #0035AD; */ }
.zone-footer .zone-inner { padding: .25em 0; } 
/* END Fix Footer clor */

/* Fix Superfish Menu Style Black */
.block-superfish { background: #000; background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3), transparent); }
.block-superfish:before, .block-superfish:after { content: ""; display: block !important; background: -webkit-linear-gradient(left, transparent , #FFF 30%, #FFF, #FFF 70%, transparent); height: 1px; opacity: .5; }
ul.sf-menu.sf-style-black { margin: 0; line-height: inherit; }
ul.sf-menu.sf-style-black li, ul.sf-menu.sf-style-black.sf-navbar { background: rgba(0, 0, 0, 0.24); }
ul.sf-menu .sf-sub-indicator { font-size: 90%; width: 1.15em; }
/* ul.sf-menu .sf-sub-indicator:after { top: 5px; font-size: 70%; } Fix font 30 Sep 67 */
div.sf-accordion-toggle.sf-style-black a { background: rgba(0, 0, 0, 0.24); padding: .75em 3em .75em 1em; border: 0; }
ul.sf-menu.sf-style-black a, ul.sf-menu.sf-style-black a:visited, ul.sf-menu.sf-style-black span.nolink { padding: 1em; }
ul.sf-menu:hover li ul li .sf-sub-indicator { overflow: inherit; }
/* END Fix Superfish Menu Style Black */

/* fix Region Content Padding */
.region-content { padding: 15px 0; }
/* fix Region Content Padding */

/* Footer Text Style */
.Footer-txt-style-Container { display: block; /* margin: 10px 0; */ margin: 0; /* border-bottom: 1px solid #FFFFFF; */ background: darkcyan; border-radius: 9px 9px 0 0; }
.Footer-txt-style-Container:after { display: table; content: ""; line-height: 0; clear: both;  }
.Footer-txt-style-L { margin: 8px auto; padding: 8px; text-align: center; }
.Footer-txt-style-L ul { margin: 0px; padding: 0; }
.Footer-txt-style-L ul li { margin: 4px 8px 4px 8px; padding: 5px; color: #FFFFFF; width: auto; display: block; text-align: left; font-size: 125%; }
.Footer-txt-style-L ul li a, .Footer-txt-style ul li a:visited { color: #FFFFFF; }
.Footer-txt-style-L ul li:hover {  }

.Footer-txt-style-R { color:#FFFFFF; float:right; margin-top:-120px; padding:8px; position:relative; text-align:right; width:45%; }
.Footer-txt-style-R-icon img { width: 70px; border-radius: 50%; border: 2px solid transparent; }
.Footer-txt-style-R-icon img:hover {  border: 2px solid #FFFFFF; }
.Footer-txt-style-R-link { margin: 2px auto; font-size:110% }

.Footer-txt-style-R-link ul { margin: 0px; margin-top: 5px; padding: 0; }
.Footer-txt-style-R-link ul li { padding: 0 5px; color: #FFFFFF; display: inline-block; font-size: 100%; border-right: 1px solid #FFFFFF; }
.Footer-txt-style-R-link ul li:last-child { border-right: 0px; }
.Footer-txt-style-R-link ul li a, .Footer-txt-style ul li a:visited { color: #FFFFFF; }
/* END Footer Text Style */

/* Footer Style */
.footer-style { position: relative; margin: 0; padding: 20px 8px; background: #EFEFEF; background: -webkit-linear-gradient(left, transparent , #e9ffec 50%, transparent); display: flex; flex-flow: row; justify-content: center; /* border-radius: 9px; box-shadow: 0 0 5px #000000; */ }
.footer-style .footer-style-icon { float: left; margin: auto  0; padding: 5px 10px; }
.footer-style .footer-style-icon em { background-color: darkcyan; border: 2px solid #FFFFFF; border-radius: 50%; box-shadow: 0 0 0 3px darkcyan; padding: 0 0 0 4px; color: #FFFFFF; font-size: 2em; display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 3px; text-align: center; }
.footer-style:hover .footer-style-icon em { /* box-shadow: inset 0 0 9px 2px #222222; */ box-shadow: 0 0 0 3px lightsalmon;  -webkit-filter:saturate(175%); -moz-filter:saturate(150%); -ms-filter:saturate(150%); -o-filter:saturate(150%); filter:saturate(150%); }
.footer-style .footer-style-detail { margin: 0; padding: 5px; font-size: 90%; color: #333; }
.footer-style .footer-style-title { margin: 8px 0; font-size: 125%; font-weight: bold; color: #044B64; }
.footer-style:before, .footer-style:after { position: absolute; content: ""; display: block !important; left: 5%; right: 5%; transform: scaleX(0.96); background: -webkit-linear-gradient(left, transparent , darkcyan 30%, darkcyan, darkcyan 70%, transparent); height: 1px; box-sizing: border-box; transition: 0.75s; }
.footer-style:before {  top: 0; }
.footer-style:after { bottom: 0; }
/* END Footer Style */

/* CopyRight Footer */
.copyright-footer { background:#1d4f91; border-radius:0 0 9px 9px; /* border-top:5px solid #e69c03; */ margin-top:0px; padding: 0 10px 10px 10px; text-align: center; color: #FFF; }
.copyright-footer:before { content: ""; display: block !important; background: -webkit-linear-gradient(left, transparent , #e69c03 30%, #e69c03, #e69c03 70%, transparent); height: 3px; }
.copyright-footer a, .copyright-footer a:visited { color: #FFF; }
.copyright-footer .fa-home { margin-top: 8px; font-size: 200%; }
/* END CopyRight Footer */

/* ------------------------------------------ END Header and Footer ------------------------------------------ */

/* ------------------------------------------ END Body ------------------------------------------ */

.zone-main { background: #F2F2F2; }
body { font-family: 'DBHelvethaicaX', sans-serif; font-size: 14px; /* font-size: 20px; */ letter-spacing: .5px; line-height: calc(1 * 1.5); /* line-height: normal;  line-height: 100%; */ }
/* h1 { font-family: 'DBHelvethaicaX', sans-serif; } Fix font 30 Sep 67
h1 { font-size: 44.5px; }
h2 { font-size: 37.5px; }
h3 { font-size: 30.5px; }
h4 { font-size: 23.5px; }
h5 { font-size: 20px; }
h6 { font-size: 17.9px; } */
/* label, input, button, select, textarea { font-family: 'DBHelvethaicaX', sans-serif; font-size: 20px; letter-spacing: .5px; }
/* .btn, */ /* select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 20px; } */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: calc(1 * 1.5); }

/* Text Link Style */
.a-res a, .a-res a:visited { color: #5ca038; text-decoration: none; }
.a-res a:hover { color: #F47D30; text-decoration: underline; }

.a-resp a, .a-resp a:visited { color: #5ca038; text-decoration: none; }
.a-resp a:hover { color: #F47D30 !important; text-decoration: underline; }

.a-resp-b a, .a-resp-b a:visited { color: #555; text-decoration: none; }
.a-resp-b a:hover { color: #000 !important; }

.a-resp-lb a, .a-resp-lb a:visited { color: #666; text-decoration: none; }
.a-resp-lb a:hover { color: #F47D30 !important; }

.a-resp-pp a, .a-resp-pp a:visited { color: #855F9A; text-decoration: none; }
.a-resp-pp a:hover { color: #F47D30 !important; }

.a-resp-wh a, .a-resp-wh a:visited { color: #FFF; text-decoration: none; }
.a-resp-wh a:hover { color: #FFF; text-decoration: underline; }

.a-resp-wh-org a, .a-resp-wh a:visited { color: #FFF; text-decoration: none; }
.a-resp-wh-org a:hover { color: #0035AD; text-decoration: underline; }

.a-resp-gold a, .a-resp-gold a:visited { color: #DAA520; text-decoration: none; }
.a-resp-gold a:hover { color: #DAA520; text-decoration: underline; }
/* END Text Link Style */

/* Clear Size Image */
img { max-width: 100%; height: auto !important; }
/* END Clear Size Image */

/* Clear Both */
.clearboth { clear: both; }
/* End Clear Both */

/* Hidden Content */
.hiddencontent { display: none; }
/* END Hidden Content */

/* Fix line height font size */
span[style*="font-size:14px"] { line-height: 160%; }
span[style*="font-size:16px"] { line-height: 170%; }
span[style*="font-size:18px"], span[style*="font-size:20px"] { line-height: 175%; }
/* END Fix line height font size */

/* Effect Tramsition All */
.transition-effect-all { transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
/* END Effect Tramsotopm All */

/* Enable or Disable Sitebar Second on Desktop */
.enable-sitebarsecond-desktop { display: block; }
.disable-sitebarsecond-desktop { display: none; }
/* END Enable or Disable Sitebar Second on Desktop */

/* Enable or Disable Sitebar Second on Mobile */
.enable-sitebarsecond-mobile { display: none; }
.disable-sitebarsecond-mobile { display: block; }
/* END Enable or Disable Sitebar Second on Moblie */

/* Enable or Disable Sitebar Second on Tablet */
.enable-sitebarsecond-tablet { display: none; }
.disable-sitebarsecond-tablet {	display: block; }
/* END Enable or Disable Sitebar Second on Tablet */

/* Table Style */
table.style { border-collapse: separate; border-spacing: 0; width: 100%; border-radius: 6px; }
table.style th, table.style td { padding: 6px 15px; }
table.style th { background: #42444e; color: #fff; border-right: 1px solid #c6c9cc; border-bottom: 1px solid #c6c9cc; /* text-align: inherit; */ }
table.orange th { background: #F79646; }
table.orange tr:hover, table.orange tr:nth-child(even):hover td { background: #D8D2C8; }
table.green th { background: #9BBB59; }
table.light-blue th { background: #4BACC6; }
table.blue th { background: #4F81BD; }
table.purple th { background: #8064A2; }
table.pink th { background: #E944DE; }
table.gray th { background: #89847F; }
table.corner-radius tr:first-child th:first-child { border-top-left-radius: 6px; }
table.corner-radius tr:first-child th:last-child { border-top-right-radius: 6px; }
table.style td { border-right: 1px solid #c6c9cc; border-bottom: 1px solid #c6c9cc; }
table.style tr:first-child td { border-top: 1px solid #c6c9cc; }
table.style td:first-child { border-left: 1px solid #c6c9cc; }
table.style tr:nth-child(even) td { background: #eaeaed; }
table.green tr:nth-child(even) td { background: #E6EED5; }
table.orange tr:nth-child(even) td { background: #FDE4D0; }
table.light-blue tr:nth-child(even) td { background: #D2EAF1; }
table.blue tr:nth-child(even) td { background: #D3DFEE; }
table.purple tr:nth-child(even) td { background: #F2E8FC; }
table.pink tr:nth-child(even) td { background: #FCF0FC; }
table.gray tr:nth-child(even) td { background: #D8D2C8; }
table.corner-radius tr:last-child td:first-child { border-bottom-left-radius: 6px; }
table.corner-radius tr:last-child td:last-child { border-bottom-right-radius: 6px; }

.border-style1 { border-radius: 10px; margin: 5px 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #DBDBDB)); }
.title-style1 { margin: -5px 20px; padding: 10px; color: #fff; font-size: 150%; font-weight: bold; }

.bg-green { background: #9BBB59; }
.bg-blue { background: #4F81BD; }
.bg-light-blue { background: #4BACC6; }
.bg-orange { background: #F79646; }
.bg-purple { background: #8064A2; }
.bg-pink { background: #E944DE; }
.bg-gray { background: #89847F; }
/* END Table Style */

/* ------------------------------------------ END Body ------------------------------------------ */




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

.container { width: 1560px; }
/* .footer.container { width: 100%; } */
.navbar.container > .container { margin: 0 auto; width: 1560px; }

}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {

.container { max-width: 1560px; width: 100%; }
.footer.container { max-width: 100%; width: 100%; }
.navbar.container > .container { margin: 0 auto; width: 100%; }

}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {

.container { max-width: 1340px; width: 100%; }
.footer.container { max-width: 100%; width: 100%; }
.navbar.container > .container { margin: 0 auto; width: 100%; }
.region-footer { width: 100%; }

}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

.container { max-width: 1160px; width: 100%; }
.footer.container { max-width: 100%; width: 100%; }
.navbar.container > .container { margin: 0 auto; width: 100%; }
.region-footer { width: 100%; }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

.container { max-width: 980px; width: 100%; }
.footer.container { max-width: 100%; width: 100%; }
.navbar.container > .container { margin: 0 auto; width: 100%; }
.region-footer { width: 100%; }

}

@media only screen and (min-width: 1200px) { }

@media (max-width: 1199px) { }

@media only screen and (min-width: 769px) and (max-width: 1024px) { }

@media only screen and (min-width: 769px) and (max-width: 823px) { }

@media only screen and (min-width: 769px) and (max-width: 979px) {

.navbar-brand { font-size: 27px; }

}

@media (max-width: 768px) {

.container { max-width: 980px; width: 100%; }
.container .navbar-header { width: auto; max-width: 1560px; margin: 0 }
.navbar-default .navbar-brand,.navbar-default .navbar-text { width: 86%; /* line-height: 80%; */ }
.footer.container { max-width: 100%; width: 100%; }
.navbar.container > .container { margin: 0 auto; width: 100%; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { border-radius: 9px; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 8px 15px 8px 25px; }
.region-footer { width: 100%; }
h1.page-header { font-size: 26px; }

/* Footer Text Style */
.Footer-txt-style-R { float: none; width: auto; margin-top: 0px; text-align: center; }
.Footer-txt-style-L ul li { padding: 4px; }
/* END Footer Text Style */

 }

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

/* Enable or Disable Sitebar Second on Desktop */
.enable-sitebarsecond-desktop { display: block; }
.disable-sitebarsecond-desktop { display: none; }
/* END Enable or Disable Sitebar Second on Desktop */

/* Disable Sitebar Second on Tablet */
.enable-sitebarsecond-tablet { display:inherit; }
.disable-sitebarsecond-tablet {	display:none; }
/* END Disable Sitebar Second on Tablet */

/* Footer Style */
.footer-style { text-align: center; display: inherit; }
.footer-style .footer-style-icon { float: none; }
/* END Footer Style */

}

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

@media only screen and (min-width: 481px) and (max-width: 667px) {

.navbar-brand { font-size: 26px; }
.navbar-default .navbar-brand,.navbar-default .navbar-text { width: 82%; /* line-height: 80%; */ }


}

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

.container { max-width: 480px; width: 100%; }
.container .navbar-header, .navbar.container > .container { width: 100%; }
/* .navbar .logo { padding-left: 0px; padding-right: 0px; } ******* Full Logo */
.navbar .logo { padding-left: 0px; padding-right: 0px; margin-left: 0; width: 100%; max-width: 100%; text-align: center; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-radius: 9px; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a { background: #337ab7; color: #FFFFFF; }
ul li.collapsed, ul li.expanded, ul li.leaf  { background: #FFF; }
.logo img { /* width: 80%; */ width: 90px; }
.navbar-toggle { position: absolute; /* top: 40px; */ right: 0; }
.region-footer { width: 100%; }
.footer.container { max-width: 100%; width: 100%; }

.navbar-default .navbar-brand, .navbar-default .navbar-text { display: block; width: 100%; font-size: 20px; /* line-height: 90%; */ text-align: center; }

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }

.rama_logo, .h1First, .h1Second { width: 100% !important; text-align: center; }
.rama_logo { margin: 5px 0 !important; min-height: 60px; }
/* .rama_logo img { width: 80px; } */
.h1First { margin-top: 5px; font-size: 5.5vw !important; line-height: 6vw; }
.h1Second { font-size: 5.5vw !important; }

.zone-header h1 { font-size: 125% !important; line-height: 110% !important; }

/*  Fix Padding Body Content  */
.container-wrapper { margin: 0; padding: 0 10px; } /* 339 */
.zone-featured { padding: 0; }
/*  END Padding Body Content  */

/* Disable Sitebar Second on Mobile */
.enable-sitebarsecond-mobile { display:block; }
.disable-sitebarsecond-mobile { display:none; }
/* END Disable Sitebar Second on Mobile */

/* Footer Style */
.footer-style { text-align: center; display: inherit; }
.footer-style .footer-style-icon { float: none; }
/* END Footer Style */

}

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