@charset "utf-8";
@import url(/font/quark-light.css);

@import url('https://fonts.googleapis.com/css2?family=Athiti&family=Chakra+Petch&family=Charm&family=Charmonman&family=Chonburi&family=Fahkwang&family=Itim&family=K2D&family=Kanit&family=KoHo&family=Kodchasan&family=Mali&family=Mitr&family=Niramit&family=Pridi&family=Sarabun&family=Sriracha&family=Srisakdi&family=Taviraj&family=Thasadith&family=Trirong&display=swap');
/************************************************************************************
Black & White Theme
*************************************************************************************/

/*


img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}

.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }*/

.scroll {
    color: #fff;
    margin-top: 100px
}

#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 21px;
    background-color: #fe57af;
}

.js .cd-top--fade-out {
    opacity: .5
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, .8);
    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
}

body {
    /*margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;*/
    background-color: transparent !important;
}

/************************************************************************************
Template
*************************************************************************************/

.art-post {
    padding: 0px 0px 0px 0px !important;
}
@media screen and (max-width: 800px) { 
   .art-post {
    padding: 0px 0px 0px 0px!important;
    }
}
.art-block {
    margin: 0px 5px 15px 5px !important;
}
.art-nostyle {
    /*padding: 0px 5px 0px 5px;*/
    padding: 0px  !important;
 }
.art-nostyle h3 {
    background: #faef70;
    font-size: 24px;
    font-family: 'Kanit'; 
    
    color: #FFF;
    padding: 6px 0px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin: 3px 0px 20px 0px;   
}
.art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited {
    color: #FFF;
    font-family: 'Kanit'!important;
    font-weight: normal!important;
    font-size: 16px !important;
    text-decoration: none;
}
.art-blockcontent a:hover {
    color: #faef70 !important;
}
.art-postcontent p {
    margin: 5px 0 10px 0 !important;
}
.art-postcontent h2 {
    color: #000 !important;
    font-family: 'Kanit'!important;
    font-size: 24px!important;
    line-height: 150%;
    margin: 5px 0px;
}
/*.art-footer {
    padding-top:20px;
    margin-top:20px;
    border-top: 5px solid #faef70;
}*/

div.art-content-layout {
    background: transparent;
    margin: 0px 10px 0px 0px;
}

@media screen and (min-width: 480px) { 
    .responsive.responsive-tablet .art-block {
    width: 100% !important;
    }
}
@media screen and (max-width: 680px) { 
    .responsive.responsive-tablet .art-block {
    width: 100% !important;
    }
}
@media screen and (max-width: 510px) { 
    .responsive.responsive-tablet .art-block {
    width: 100% !important;
    }
}

/************************************************************************************
No style
*************************************************************************************/
.TopMenu {
    padding: 0px !important;
    position: absolute;
    top: 60px;
    margin-left: -70px !important;
}
/*Lang Switch*/
.LangSwitch {
    padding: 0px !important;
    position: absolute;
    top: 60px;
    margin-left: -120px !important;
}
@media screen and (max-width: 1100px) { 
    .LangSwitch {
    padding: 0px !important;
    position: absolute;
    top: 60px;
    margin-left: -120px !important;
    }
    .LangSwitch img {
    width: 30px!important;
    height: 23px!important;
    }
    .responsive .art-header .art-shapes * {
        text-align: right!important;
    }
}
@media screen and (max-width: 992px) { 
    .LangSwitch {
    padding: 0px !important;
    position: absolute;
    top: 60px;
    margin-left: -130px !important;
    }
    .LangSwitch img {
    width: 30px!important;
    height: 23px!important;
    }
}
@media screen and (max-width: 991px) { 
    .LangSwitch {
    padding: 0px !important;
    position: absolute;
    top: 0px;
    margin-left: 50px !important;
    }
    .LangSwitch img {
    width: 30px!important;
    height: 23px!important;
    }
}
@media screen and (max-width: 480px) { 
    .LangSwitch {
    padding: 0px !important;
    position: absolute;
    top: 0px;
    margin-left: 50px !important;
    }
    .responsive .art-header .art-shapes * {
        text-align: center!important;
        margin: 0px !important;
    }
}
.LangSwitch img {
    width: 30px;
    height: 23px;
}
.LangSwitch a{
  font-family: 'Kanit'!important;
  font-size: 13px!important;
  letter-spacing: 1px!important;
  color: #afafaf!important;
  text-decoration:none!important;
  padding: 0px !important;
}

.LangSwitch a:hover{
  font-family: 'Kanit'!important;
  font-size: 13px!important;
  letter-spacing: 1px!important;
  color: #faef70!important;
  text-decoration:none!important;
  padding: 0px !important;
}

.LangSwitch a.active{
  font-family: 'Kanit' !important;
  font-size: 13px !important;
  
  color: #000 !important;
  text-decoration:none!important;
  margin-right:5px !important;
  padding: 0px !important;
}

/** Google Map Responsive **/
.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
@media screen and (max-width: 480px) { 
    .google-maps {
    padding-bottom: 60% !important;
    }
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/** Youtube Responsive **/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.empty-box {
    width: 100%;
    height: auto;
    background: transparent;
    margin: 0px;
    margin-bottom: 5px;
    padding: 10px;
}
div.empty-box img{
    width: 100%;
}
.empty-box ul>li:before {
    content: url(../images/blockbullets.png)!important;
    margin-right: 6px!important;
    bottom: 2px!important;
    position: relative!important;
    display: inline-block!important;
    vertical-align: middle!important;
    font-size: 0!important;
    line-height: 0!important;
    margin-left: -15px!important;
}
div.ContentList-1 ul>li:before {
    content: url(../images/Contentlist.png)!important;
    margin-right: 6px!important;
    bottom: 2px!important;
    position: relative!important;
    display: inline-block!important;
    vertical-align: middle!important;
    margin-left: -15px!important;    

}
div.ContentList-1 li {
    font-family: 'tahoma'!important;
    font-size: 13px !important;
    letter-spacing: 0px !important;
    font-weight: 100!important;
    font-style: normal!important;
    color: #000!important;
    line-height: 150% !important;
}

.slideshow {
    width: 100%; 
    height: 300px; 
    background:#ddd;  
    margin-bottom: 10px; 
    padding: 0px;

 }

 /**** Logo D ****/

 .logo-D {
    display: block;
    background: url(/Sithan/Logo/MobileLogo.png) no-repeat scroll center top;
    background-size: 100% 100%;
    position: absolute;
    z-index: 999;
    width: 350px;
    height: 102px;
    overflow: hidden;
    top: 2px;
    left: 10px;
}
@media screen and (max-width: 1024px) {
    .logo-D {
    width: 320px;
    height: 93px;
    top: 2px;
    left: 10px;
  }
}

@media screen and (max-width: 920px) {
    .logo-D {
    width: 300px;
    height: 88px;
    top: 2px;
    left: 10px;
  }
}

@media screen and (max-width: 800px) { 
   .logo-D {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

 /**** Logo M ****/
 .logo-M {
    display: block;
    position: static;
    background: url(/Sithan/Logo/MobileLogo.png) no-repeat scroll center top;
    background-size: 100% 100%;
    z-index: 3;
    width: 350px;
    height: 102px;
}
@media screen and (min-width: 800px) {
   .logo-M {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
@media screen and (max-width: 800px) {
    .logo-M {
    display: block;
    position: static;
    width: 300px;
    height: 88px;
  }
}
@media screen and (max-width: 540px) {
    .logo-M {
    display: block;
    position: static;
    width: 270px;
    height: 79px;
  }
}
@media screen and (max-width: 360px) {
    .logo-M {
    width: 270px;
    height: 79px;
  }
}
@media screen and (max-width: 350px) {
    .logo-M {
    width: 270px;
    height: 79px;
  }
}
@media screen and (max-width: 300px) {
    .logo-M {
    width: 270px;
    height: 79px;
  }
}
.ShapeImage-box {
    display: block;
    position: absolute;
    background: transparent;
    z-index: 999;
    width: 441px;
    height: 110px;
    overflow: hidden;
    padding-top: 20px;
}
.ShapeImage-box img {
    width: auto;
    height: 83px;
}
.ShapeImage-box a img {
    width: auto;
    height: 83px;
}
.ShapeImageContianer {
    position: absolute;
    top: 0px;
    left: 97.5%;
    margin-left: -575px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 101;
}

.description {
    font-family: 'Source Sans Pro';
    font-size: 13px;
    color: #000;
    letter-spacing: 0px;
}
.CategoryReadMore ul li a {
    float:right;
    border: 1px solid #999;
    margin:-20px 30px 0px 0px;
    padding: 0px 10px;
    border-radius: 15px;
}
.CategoryReadMore ul li a:hover {
    color: #faef70;
}
.CategoryReadMore ul>li:before  {
    content: no-close-quote !important; 
}
.VisionText blockquote {
    font-family: 'Kanit'; 
    font-size: 24px;
    
    color: #FFF;
    line-height: 150%;
    text-align: center;
}
.VisionText blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
.DescriptionItem-1 {
    font-family: 'Kanit'; 
    font-size: 18px;
    
    color: #000;
    line-height: 150%;
}
.DescriptionHeader-1 {
    font-family: 'Kanit'; 
    font-size: 22px;
    
    color: #000;
    line-height: 150%;
}
.DescriptionHeader-2 {
    font-family: 'Kanit'; 
    font-size: 18px;
    
    color: #000;
    line-height: 150%;
}
ol.NumberList-1 li {

    font-family: 'tahoma'!important;
    font-size: 13px !important;
    
    font-weight: 100!important;
    font-style: normal!important;
    color: #000!important;
    line-height: 150% !important;
    letter-spacing: 0px !important;
}
ul.DescriptionItem-2 li {
    font-size: 13px !important;
    font-style: normal!important;
    color: #000!important;
    line-height: 150% !important;
    letter-spacing: 0px !important;
}
ul.DescriptionItem-2 ul>li:before {
    display: inline-block!important;
    vertical-align: middle!important;
}
div.DescriptionItem ul>li:before {
    content: url(../images/blockbullets.png)!important;
    margin-right: 6px!important;
    bottom: 2px!important;
    position: relative!important;
    display: inline-block!important;
    vertical-align: middle!important;
    font-size: 0!important;
    line-height: 0!important;
    margin-left: -15px!important;
}
.DescriptionItem a, .DescriptionItem a:link, .DescriptionItem a:visited {
    color: #000;
    font-family: 'Kanit'!important;
    
    font-weight: 400;
    font-size: 18px !important;
    text-decoration: none;
}
.DescriptionItem a:hover {
    color: #faef70 !important;
    font-size: 18px !important;
}

/** Personal Banner **/
.Banner-box {
    width: 100%;
    height: auto;
    margin: 0px;
    margin-bottom: 10px;
    padding: 5px;
}
div.Banner-box img{
    width: 100%;
}
.personal-name {
    display: block;
    margin-top: -15px;
    text-align: center;
    background: #ddd;
    border-radius: 3px;
    padding: 10px;
    width: 90%;
    overflow: hidden;
}
@media screen and (max-width: 524px) { 
    div.BannerImage img {
    padding-bottom: 20px !important;
    }
}
@media screen and (max-width: 1100px) {
  .BlockHidden {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
.BannerLink {
    width: 100%; 
    padding: 5px;
}
.BannerLink img {
    width: 135px; 
    height: auto;
    padding:5px;
}
.IconLink {
    width: 100%; 
    text-align: center;
    padding: 15px 10px 15px 10px;
    /*background: #2d94d5;*/
    border-radius: 10px;
    /*border: dashed 0.5px #40bafb;*/
}
.IconLink img {
    width: 48px; 
    height: 48px;
    padding: 3px !important;

}
@media screen and (max-width: 1100px) {
  .BannerLink img {
    width: 150px; 
    height: auto;
    padding:5px;
  }
}
.Header-Container-Bg {
    display: block;
    width: 100%;
    height: 540px;
    /*position: relative;
    background: url(/Sithan/Background/HeaderBg.png) no-repeat scroll center top;
    background-size: 100% !important;
    top: 0px;
    padding:0;
    margin-left:-100px;*/
}
@media screen and (max-width: 800px) {
  .Header-Container-Bg {
    display: block;
    width: 100%;
    height: 395px;
  }
}

.Header-Container {
    position: absolute;
    top:0px;
    width: 100%;
    height: auto;
    background: transparent;
    padding:0;
    margin:0px;
    overflow: hidden;
}
/*@media screen and (max-width: 992px) {
  .Header-Container {
    display: block;
    width: 100%;
    position: static;
    background: url(/Baansuankhunta/Background/slide-bg-mobile.png) no-repeat scroll bottom center;
  }
}*/
@media screen and (max-width: 774px) {
  .Header-Container {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
.Header-Slide-Container {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding-left: 0px;
    padding-bottom:30px;
}
@media screen and (max-width: 992px) {
    .Header-Slide-Container  {
    padding-left: 0px;
    padding-bottom:54px;
    }
}
.Desktop-Slide-Container {
    width: 100%;
    height: auto;
    padding:0;
    margin-bottom:20px;
}
@media screen and (max-width: 992px) {
  .Desktop-Slide-Container {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
.Mobile-Slide-Container {
    width: 100%;
    height: auto;
    padding:0;
    margin-bottom:20px;
}
@media screen and (min-width: 800px) {
  .Mobile-Slide-Container {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
/************************************************************************************
Maximenu 1
*************************************************************************************/

/**** icon mobile menu ****/
@media screen and (max-width: 524px) {#maximenuck99 .maximenumobiletogglericonck {
    display: block !important;
    font-size: 28px !important;
    text-align: center !important;
    padding-top: 12px !important;
    margin: 5px;
    color: #FFF;
    height: 45px;
    width: 45px;
    background: #FFF;
    float: right;
    border-radius: 3px;
    }
}
div#itemListLinks {
    background: transparent !important;
    border: 0px solid #ddd !important;
    margin: 8px 0 !important;
    padding: 8px !important;
}
div#maximenuck99 ul.maximenuck li.level1.parent > a:after, div#maximenuck99 ul.maximenuck li.level1.parent > span.separator:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #FFF transparent transparent transparent !important;
    top: 7px;
    right: -4px !important;
}
div#maximenuck99 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck99 ul.maximenuck li.maximenuck.level1 > span.separator {
    font-size: 20px !important;
    font-family: 'Kanit'; 
    
    font-weight: normal;
}
div#maximenuck99 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck99 ul.maximenuck2 li.maximenuck {
    font-size: 20px !important;
    font-family: 'Kanit'; 
    
    font-weight: normal;
}
div#maximenuck99 ul.maximenuck li.maximenuck a, div#maximenuck99 ul.maximenuck li.maximenuck span.separator, div#maximenuck99 ul.maximenuck2 a, div#maximenuck99 ul.maximenuck2 li.maximenuck span.separator {
    color: #212169 !important;
    font-size: 18px !important;
}
div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck99 ul.maximenuck2 a {
    font-size: 18px !important;
}
div#maximenuck99 ul.maximenuck li.maximenuck.level1 {
    padding: 12px 9px 2px 9px !important;
}
div#maximenuck99 ul.maximenuck {
    clear: both;
    position: relative;
    z-index: 999;
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    list-style: none;
    margin: 0 auto;
    height: auto;
    padding: 0px 20px 0px 5px;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 10px !important;
    filter: none;
    background: transparent !important;
    background: -moz-linear-gradient(top, transparent 0%, transparent 100%)!important;
    background: -webkit-linear-gradient(top, transparent 0%,transparent 100%)!important;
    background: -o-linear-gradient(top, transparent 0%,transparent 100%)!important;
    background: -ms-linear-gradient(top, transparent 0%,transparent 100%)!important;
    background: linear-gradient(top, transparent 0%,transparent 100%)!important;
    border: 0px solid #002232 !important;
    -moz-box-shadow: inset 0px 0px 1px transparent!important;
    -webkit-box-shadow: inset 0px 0px 1px transparent!important;
    box-shadow: inset 0px 0px 1px transparent!important;
    text-align: left;
    zoom: 1;
}
div#maximenuck99 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck99 ul.maximenuck li.maximenuck.level1.active {
    border: 1px solid transparent !important;
    background: transparent !important;
    background: -moz-linear-gradient(top, transparent, transparent) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(transparent)) !important;
    -moz-border-radius: 0px 0px 5px 5px !important;
    -webkit-border-radius: 0px 0px 5px 5px !important;
    border-radius: 0px 0px 3px 3px !important;
}

/**** active menu ****/
div#maximenuck99 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck99 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck99 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck99 ul.maximenuck li.maximenuck.level1.active > span.separator {
    color: #FFF !important;
    text-shadow: none !important;
}
/**** menu ****/
div#maximenuck99 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck99 ul.maximenuck li.maximenuck.level1 > span.separator {
    color: #FFF !important;
    text-shadow: none !important;
}
/**** Fancy Background menu ****/
div#maximenuck99 .maxiFancybackground .maxiFancycenter {
    border-top: 3px solid #FFF !important;
}

/**** Sub menu Background ****/
div#maximenuck99 div.floatck {
    position: absolute;
    display: none;
    padding: 0;
    background: url(../images/transparent.gif);
    width: 180px;
    margin: 2px 0 0 -10px;
    text-align: left;
    padding: 10px 5px 10px 10px !important;
    border: 0px solid #777777 !important;
    border-top: none;
    background: #FFF !important;
    background: -moz-linear-gradient(top, #FFF, #FFF)!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF))!important;
    -moz-border-radius: 0px 5px 5px 5px !important;
    -webkit-border-radius: 0px 5px 5px 5px !important;
    border-radius: 0px 5px 5px 5px !important;
    filter: none;
    width: inherit;
    z-index: 9999;
    cursor: auto;
}
div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuc99 ul.maximenuck2 li:hover > a, div#maximenuck99 ul.maximenuck2 li:hover > h2 a, div#maximenuck99 ul.maximenuck2 li:hover > h3 a, div#maximenuck99 ul.maximenuck2 li.active > a {
    color: #f59f5f !important;
}
div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck99 ul.maximenuck2 li a {
    color: #000 !important;
}
/**** Arrow Level 1 ****/
div#maximenuck99.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck99.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 7px 6px 0 6px !important;
    border-color: #FFF transparent transparent transparent !important;
    top: 7px !important;
    right: -4px !important;
}

/**** Arrow Level 2 ****/
div#maximenuck99 ul.maximenuck li.maximenuck.level2.parent > span.separator:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 7px 6px 0 6px !important;
    border-color: #f59f5f transparent transparent transparent !important;
    top: 8px !important;
    right: 5px !important;
}

/************************************************************************************
Maximenu 2
*************************************************************************************/

/**** icon mobile menu ****/
@media screen and (max-width: 524px) {#maximenuck174 .maximenumobiletogglericonck {
    display: block !important;
    font-size: 34px !important;
    text-align: center !important;
    padding-top: 12px !important;
    margin: 5px;
    color: #FFF;
    height: 45px;
    width: 45px;
    background: #FFF;
    float: right;
    border-radius: 3px;
    }
}

div#maximenuck174 ul.maximenuck li.level1.parent > a:after, div#maximenuck174 ul.maximenuck li.level1.parent > span.separator:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #FFF transparent transparent transparent !important;
    top: 7px;
    right: -4px !important;
}
div#maximenuck174 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck174 ul.maximenuck li.maximenuck.level1 > span.separator {
    font-size: 20px !important;
    font-family: 'Kanit'; 
    
    font-weight: normal;
}
div#maximenuck174 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck174 ul.maximenuck2 li.maximenuck {
    font-size: 20px !important;
    font-family: 'Kanit'; 
    
    font-weight: normal;
}
div#maximenuck174 ul.maximenuck li.maximenuck a, div#maximenuck174 ul.maximenuck li.maximenuck span.separator, div#maximenuck174 ul.maximenuck2 a, div#maximenuck174 ul.maximenuck2 li.maximenuck span.separator {
    color: #FFF !important;
    font-size: 18px !important;
}
div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck174 ul.maximenuck2 a {
    font-size: 18px !important;
}
div#maximenuck174 ul.maximenuck li.maximenuck.level1 {
    padding: 12px 9px 2px 9px !important;
}
div#maximenuck174 ul.maximenuck {
    clear: both;
    position: relative;
    z-index: 999;
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    list-style: none;
    margin: 0 auto;
    height: auto;
    padding: 0px 20px 0px 5px;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 10px !important;
    filter: none;
    background: transparent !important;
    background: -moz-linear-gradient(top, transparent 0%, transparent 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,transparent))!important;
    background: -webkit-linear-gradient(top, transparent 0%,transparent 100%)!important;
    background: -o-linear-gradient(top, transparent 0%,transparent 100%)!important;
    background: -ms-linear-gradient(top, transparent 0%,transparent 100%)!important;
    background: linear-gradient(top, transparent 0%,transparent 100%)!important;
    border: 0px solid #002232 !important;
    -moz-box-shadow: inset 0px 0px 1px transparent!important;
    -webkit-box-shadow: inset 0px 0px 1px transparent!important;
    box-shadow: inset 0px 0px 1px transparent!important;
    text-align: left;
    zoom: 1;
}
div#maximenuck174 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck174 ul.maximenuck li.maximenuck.level1.active {
    border: 1px solid transparent !important;
    background: transparent !important;
    background: -moz-linear-gradient(top, transparent, transparent) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(transparent)) !important;
    -moz-border-radius: 0px 0px 5px 5px !important;
    -webkit-border-radius: 0px 0px 5px 5px !important;
    border-radius: 0px 0px 3px 3px !important;
}

/**** active menu ****/
div#maximenuck174 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck174 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck174 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck174 ul.maximenuck li.maximenuck.level1.active > span.separator {
    color: #FFF !important;
    text-shadow: none !important;
}
/**** menu ****/
div#maximenuck174 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck174 ul.maximenuck li.maximenuck.level1 > span.separator {
    color: #FFF !important;
    text-shadow: none !important;
}
/**** Fancy Background menu ****/
div#maximenuck174 .maxiFancybackground .maxiFancycenter {
    border-top: 3px solid #FFF !important;
}

/**** Sub menu Background ****/
div#maximenuck174 div.floatck {
    position: absolute;
    display: none;
    padding: 0;
    background: url(../images/transparent.gif);
    width: 180px;
    margin: 2px 0 0 -10px;
    text-align: left;
    padding: 10px 5px 10px 10px !important;
    border: 0px solid #777777 !important;
    border-top: none;
    background: #EEEEEE !important;
    background: -moz-linear-gradient(top, #EEEEEE, #EEEEEE)!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#EEEEEE))!important;
    -moz-border-radius: 0px 5px 5px 5px !important;
    -webkit-border-radius: 0px 5px 5px 5px !important;
    border-radius: 0px 5px 5px 5px !important;
    filter: none;
    width: inherit;
    z-index: 9999;
    cursor: auto;
}

div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuc99 ul.maximenuck2 li:hover > a, div#maximenuck174 ul.maximenuck2 li:hover > h2 a, div#maximenuck174 ul.maximenuck2 li:hover > h3 a, div#maximenuck174 ul.maximenuck2 li.active > a {
    color: #FFF !important;
}
div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck174 ul.maximenuck2 li a {
    color: #FFF !important;
}
/**** Arrow ****/
div#maximenuck174.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck174.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
    border-color: #FFF transparent transparent transparent!important;
}


/************************************************************************************
K2 COMPONNENT
*************************************************************************************/
div.itemContainerLast {
    width: 100%;
}
div.catItemReadMore a {
    border: 1px solid #ed2632;
    font-family: 'Kanit';
    font-size: 13px;
    font-weight: normal;
    
    color: #ed2632;
    padding: 5px 10px;
    border-radius: 15px;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    text-decoration: none;
}
div.catItemReadMore a, .catItemReadMore a:link {
    color: #ed2632 !important;
    text-decoration: none;
}
div.catItemReadMore a:hover {
    color: #ed2632 !important;
    border: 1px solid #ed2632;
}
div.groupLinks div.catItemHeader .catItemTitle a, div.groupLinks div.catItemHeader .catItemTitle a:link, div.groupLinks div.catItemHeader .catItemTitle a:visited {
    color: #000 !important;
    font-family: 'Kanit'!important;
    font-size: 18px !important;
    
    line-height: 120% !important;
    font-weight: normal !important;
    text-decoration: none !important;
    background: url(/images/images-setup/pdf-icon.png) no-repeat scroll 0 0px !important;
    padding: 0px 0px 8px 30px !important;
}
div.groupLinks div.catItemHeader .catItemTitle a:hover {
    color: #ed2632 !important;
}

div.groupLeading div.catItemHeader .catItemTitle a, div.groupLeading div.catItemHeader .catItemTitle a:link, div.groupLeading div.catItemHeader .catItemTitle a:visited {
    color: #000 !important;
    font-family: 'Kanit'!important;
    font-size: 18px !important;
    
    line-height: 120% !important;
    font-weight: normal !important;
    text-decoration: none !important;
    background: url(/images/images-setup/pdf-icon.png) no-repeat scroll 0 0px !important;
    padding: 0px 0px 8px 30px !important;
}
div.groupLeading div.catItemHeader .catItemTitle a:hover {
    color: #faef70 !important;
}


div.groupSecondary div.catItemHeader .catItemTitle a, div.groupSecondary div.catItemHeader .catItemTitle a:link, div.groupSecondary div.catItemHeader .catItemTitle a:visited {
    color: #000 !important;
    font-family: 'Kanit'!important;
    font-size: 18px!important;
    line-height: 120%!important;
    font-weight: normal!important;
    text-decoration: none!important;
    padding:0px!important;
    margin:0px!important;
}
div.groupSecondary div.catItemHeader .catItemTitle a:hover {
    color: #ed2632 !important;
}
.groupLeading .catItemImageBlock span.catItemImage img {
    margin-bottom: 15px!important;
}
div.k2Pagination {
    font-family: 'Kanit';
    font-size: 13px;
    font-weight: normal;
    
}
div.itemIntroText {
    color: #000 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    font-weight: normal !important;
}
div.catItemReadMore {
    float: right;
    margin-right: 20px;
}
div.itemList {
    margin-top: -20px;
}
div.itemToolbar {
    padding: 0px !important;
    margin: 6px 0 0 0 !important;
    background: transparent !important;
    border-radius: 0px !important;
}
div.itemBody {
    padding: 0px !important;
    margin: 0px !important;
}
span.catItemImage img {
    border: solid 3px #FFF;
    padding: 0px;
    filter:alpha(opacity=100); 
    opacity:1;
}
span.catItemImage img:hover {
    filter:alpha(opacity=50); 
    opacity:0.8;
}
span.itemDateCreated{
    font-size: 13px !important;
    color: #ed2632 !important;
    padding-top: 7px;
    display: block;
    width: 350px;
    float: left;
}
/************************************************************************************
K2 Comment
*************************************************************************************/
div.itemComments ul.itemCommentsList li span.commentDate {
    padding: 0 4px 0 0 !important;
    margin: 0 8px 0 0 !important;
    border-right: 1px solid #000 !important;
    font-weight: 100 !important;
    font-size: 14px !important;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
    font-weight: 100 !important;
    font-size: 14px !important;
}
div.itemComments ul.itemCommentsList li p {
    font-family: 'Kanit' !important;
    color: #000 !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 150% !important;
    padding: 4px 0 !important;
}
div.itemComments ul.itemCommentsList li img {
    float: left;
    margin: 4px 10px 4px 0!important;
    padding: 4px!important;
}
.itemComments p {
    margin: 10px 0 5px 0 !important;
}
div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl, div.itemCommentsForm form label.formRecaptcha {
    display: block;
    font-family: 'Kanit' !important;
    color: #000 !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 150% !important;
    padding: 0px !important;
    margin: 12px 0 0 2px;
}

/* K2 Back to top link */
div.itemBackToTop {
    text-align: right !important;
    margin-top: 50px !important;
}
div.itemBackToTop a {
    color: #000 !important;
    text-align: right !important;
    text-decoration: none!important;
}
div.itemBackToTop a:hover {
    color: #faef70 !important;
}

ul.sigProPolaroids {
    margin: 0px 20px !important;
    padding: 0px 60px !important;
    list-style: none !important;
    clear: both !important;
    overflow: hidden !important;
}
/************************************************************************************
Module K2  Comments
*************************************************************************************/
div.k2LatestCommentsBlock ul li a {
    color: #000 !important;
    text-decoration: none !important;
}
div.k2LatestCommentsBlock ul li a:hover {
    color: #000  !important;
}
div.k2LatestCommentsBlock ul li span.lcItemCategory a {
    color: #ed2632  !important;
    text-decoration: none !important;
}
div.k2LatestCommentsBlock ul li span.lcItemCategory a:hover {
    color: #ed2632  !important;
}
.comment-avatar {
    display: block;
    overflow: hidden;
    float: left;
}
.comment-subject {
    display: block;
    margin: 5px;
}
.comment-text {
    display: block;
}
div.k2LatestCommentsBlock ul li span.lcComment {
    font-family: 'Kanit' !important;
    color: #000 !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 150% !important;
}

/************************************************************************************
K2 Module
*************************************************************************************/

div.k2ItemsBlock ul li a.moduleItemTitle {
    color: #FFF;
    font-family: 'Kanit';
    font-size: 20px;
    line-height: 120%;
    font-weight: normal;
    
    text-decoration: none;
}
a.moduleItemTitle:hover {
    color: #3898DC !important;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    float: left !important;
    margin: 2px 10px 4px 4px !important;
    padding: 0 !important;
    width: 25%;
}
div.k2ItemsBlock ul li a.moduleItemReadMore {
    float: right;
    color: #3598dc;
    font-family: 'Kanit';
    font-size: 13px;
    font-weight: normal;
    
    text-decoration: none;
}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover  {
    color: #89cefd;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated {
    color: #ff874c;
    font-family: 'Kanit';
    font-size: 13px;
    font-weight: normal;
    
    float: right;
}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
    display: none !important;
}
div.itemHeader h2.itemTitle {
    color: #000 !important;
    line-height: 150%;
    padding: 5px 0px !important;
    margin: 40px 0px 10px 0px !important;
    border-bottom: 0.5px dashed #000;
}
.art-block .k2ItemsBlock ul>li:before {
    content :none;
}
div.art-blockcontent .k2ItemsBlock ul li a.moduleItemTitle {
    color: #000;
    font-size: 20px !important;
    line-height: 120%;
    font-weight: normal;
    
    text-decoration: none;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
    font-family: 'Source Sans Pro';
    font-size: 13px;
    color: #000;
    letter-spacing: 0px;
}
div.itemAttachmentsBlock span {
    color: #000;
    margin: 10px 10px 10px 10px;
    font-size: 20px;
    font-family: 'Kanit';
    
    font-style: italic;
}
ul.itemAttachments li a {
    line-height: 20px;
    font-size: 18px;
    font-style: italic;
    background: url(/images/images-setup/pdf-icon.png) no-repeat scroll 0 0px;
    padding: 0px 0px 8px 30px;
    margin: 0px;
}
div.catItemImageBlock {
    padding: 0px !important;
    margin: 0px 10px 0px 0px !important;
    float: left;
}
div.catItemHeader span.catItemDateCreated {
    color: #ed2632 !important;
    font-size: 11px !important;
    float: left !important;
    padding: 0px !important;
}
span.catItemDateCreated {
    float:right !important;
    padding-left: 20px !important;
}
/*div.itemFullText img {
    width: 100%;
}*/
span.catItemImage {
    margin: 0px 0px 10px 0px !important;
}
div.catItemIntroText {
    padding: 4px 0px 4px 0px !important;
    float: left;
}
div.catItemBody {
    padding: 0px !important;
}

div.itemAttachmentsBlock ul.itemAttachments li a {
    background: url(/images/images-setup/pdf-icon.png) no-repeat scroll 0 0px;
    padding: 0px 0px 8px 30px;
    color: #ffc673 !important;
    font-size: 13px !important;
    font-style: normal !important;
}
div.itemAttachmentsBlock ul.itemAttachments li a:hover {
    color: #faef70 !important;
}
div.catItemHeader h3.catItemTitle {
    padding: 0px !important;
}
div.groupSecondary {
    margin-bottom: 0px !important;
    padding: 5px 5px 40px 5px !important;
}
div.groupLinks{
    margin-bottom: 0px !important;
    padding: 5px 5px 10px 5px !important;
}
div.groupLeading {
    margin-bottom: 0px !important;
    padding: 5px 5px 10px 5px !important;
}
div.groupLinks div.catItemHeader span.catItemDateCreated {
    font-family: 'tahoma'!important;
    color: #ed2632 !important;
    font-size: 11px !important;
    padding: 0px !important;
    margin: 0px !important;
}
div.groupLeading div.catItemHeader span.catItemDateCreated {
    font-family: 'tahoma'!important;
    color: #F85B52 !important;
    font-size: 11px !important;
    padding: 0px !important;
    margin: 0px !important;
}
div.groupLinks div.catItemHeader h3.catItemTitle {
    padding: 0px !important;
    display: block;
    width: 82%;
    float: left;
}
div.groupLeading div.catItemHeader h3.catItemTitle {
    padding: 0px !important;
    display: block;
    width: 82%;
    float: left;
}
@media (max-width: 790px) {
    div.groupLinks div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 80%;
    }
}
@media (max-width: 672px) {
    div.groupLinks div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 78%;
    }
}
@media (max-width: 620px) {
    div.groupLinks div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 75%;
    }
}
@media (max-width: 545px) {
    div.groupLinks div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 73%;
    }
}
@media (max-width: 490px) {
    div.groupLinks div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 100%;
    }
}
@media (max-width: 490px) {
    div.groupLinks div.catItemHeader span.catItemDateCreated {
    display: block;
    width: 100%;
    float: left;
    padding: 5px 0px !important;
    }
}

@media (max-width: 790px) {
    div.groupLeading div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 80%;
    }
}
@media (max-width: 672px) {
    div.groupLeading div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 78%;
    }
}
@media (max-width: 620px) {
    div.groupLeading div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 75%;
    }
}
@media (max-width: 545px) {
    div.groupLeading div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 73%;
    }
}
@media (max-width: 490px) {
    div.groupLeading div.catItemHeader h3.catItemTitle {
    display: block;
    float: left;
    width: 100%;
    }
}
@media (max-width: 490px) {
    div.groupLeading div.catItemHeader span.catItemDateCreated {
    display: block;
    width: 100%;
    float: left;
    padding: 5px 0px !important;
    }
}

div.itemToolbar ul {
    width: 200px;
    float: right;
}
div.itemAttachmentsBlock {
    padding: 4px !important;
    border-bottom: 1px dotted #FFF !important;
}
/************************************************************************************
K2 COMMENT
*************************************************************************************/
div.itemCommentsForm form {
    color: #000;
}
div.itemCommentsForm p.itemCommentsFormNotes {
    color: #000;
}
div.itemCommentsForm form textarea.inputbox {
    color: #555 !important;
}
div.itemCommentsForm form input.inputbox {
    color: #555 !important;
}
.k2-recaptcha-v2 {
    margin: 12px 0px !important;
}
div.itemCommentsForm h3 {
    margin: 0 !important;
    padding: 0px !important;
    font-size: 26px !important;
}
div.k2LatestCommentsBlock ul li.even {
    background: #eee;
    padding: 10px;
}
div.k2LatestCommentsBlock ul li.odd {
    background: #FFF;
    padding: 0px 10px;
}
/************************************************************************************
K2 Content
*************************************************************************************/
div.itemToolbar ul li a.itemPrintLink span {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: :12px;
}
div.itemToolbar ul li a.itemEmailLink span {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: :12px;
}
/************************************************************************************
SigPro
*************************************************************************************/

ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
    padding: 5px 5px 20px 5px !important;
}
ul.sigProClassic li.sigProThumb {
    margin: 3px !important;
}
ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
    background: none !important; 
}
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    margin: 0px!important; 
    /*border: 0px solid #ccc !important; */
    border:none !important;
}
ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
    padding: 0px !important; 
    background: transparent !important; 
}
ul.sigProClassic li.sigProThumb {
    background: transparent !important;
    /*border: solid 1px #fff;*/
    border: none !important;
}

/************************************************************************************
Highlighter GK5
*************************************************************************************/
.Highlighter-Container {
    display: block;
    background: transparent;
    width: 68%;
    height: 50px;
    margin: 20px 0px;
}
@media screen and (max-width: 800px) {
  .Highlighter-Container {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
.gkHighlighterWrapper {
    position: relative !important;
    left: 20px !important;
}
#gkHighlighterGK5-0 .gkHighlighterInterface {
    background-color: #ed2632 !important;
    padding:15px!important;
    border-radius: 5px;
    margin-right: 20px;
}
#gkHighlighterGK5-0 .gkHighlighterInterface span.text {
    color: #FFF !important;
    font-size: 18px !important;
    font-family: 'Kanit';
    font-weight: 600; 
}
.gkHighlighterWrapperSub, .gkHighlighterWrapperSub a, .gkHighlighterWrapperSub a:link, .gkHighlighterWrapperSub a:visited  {
    color: #000 !important;
    font-size: 16px !important;
    font-family: 'Kanit';
    text-decoration: none;
}
.gkHighlighterWrapperSub a:hover {
    color:  #fe57af !important;
}
.gkHighlighterWrapper .gkHighlighterItem {
    left: 0px !important;
    line-height: 130%;
}
/*
.gkHighlighterGK5 {
    width: 100%;
    padding-left: 0%;
    padding-right: 35%;
    padding-bottom: 50px;
}
.gkHighlighterWrapper {
    position: relative !important;
    left: 20px !important;
}
#gkHighlighterGK5-0 .gkHighlighterInterface {
    background-color: #ed2632 !important;
    padding:15px!important;
    border-radius: 5px;
    margin-right: 20px;
}
#gkHighlighterGK5-0 .gkHighlighterInterface span.text {
    color: #FFF !important;
    font-size: 18px !important;
    font-family: 'Kanit';
    font-weight: 600; 
}
.gkHighlighterWrapperSub, .gkHighlighterWrapperSub a, .gkHighlighterWrapperSub a:link, .gkHighlighterWrapperSub a:visited  {
    color: #000 !important;
    font-size: 18px !important;
    font-family: 'Kanit';
    text-decoration: none;
}
.gkHighlighterWrapperSub a:hover {
    color:  #fe57af !important;
}
.gkHighlighterWrapper .gkHighlighterItem {
    left: 0px !important;
    line-height: 130%;
}
*/

/************************************************************************************
News Show Pro GK5
*************************************************************************************/
@media (max-width: 800px) {
    .nspArts,
    .nspLinksWrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden !important;
        padding: 0px !important;
        position: relative !important;
    }
}
@media (max-width: 600px) {
.nspImageWrapper {
    margin: 0px !important;
    width: 100% !important;
    height: auto !important;
    }
}
@media (max-width: 600px) {
.art-blockcontent .nspImageWrapper {
    margin: 0px !important;
    width: 100% !important;
    height: auto !important;
    }
}
@media (max-width: 600px) {
    .SpecialNspImage .nspImageWrapper {
    margin: 0px !important;
    width: 100% !important;
    height: auto !important;
    }
}
.nspArt p.nspText {
    margin-top: 10px !important;
}
.nspArt .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    
    font-style: italic;
    color: #faef70;
}

.nspArt h4.nspHeader {
    color: #FFF ;
    font-size: 18px !important;
    font-family: 'Kanit';
    font-weight: 400;
    
    margin: 0 !important;
    padding: 0px 0px 10px 0px!important;
}
.nspArt h4.nspHeader:hover {
    color: #3e465a;
}
.nspArt h4.nspHeader a {
    color: #FFF;
    font-size: 18px !important;
    font-family: 'Kanit';
    
    text-decoration: none;
}
.nspArt h4.nspHeader a:hover {
    color: #faef70 !important;
}

.NewsOnHome-1 {
    padding: 15px 10px 5px 10px;
    background: transparent;
    border-radius: 10px;
    /*border: dashed 0.5px #40bafb;*/
}

.NewsOnHome-1 .nspArt .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    letter-spacing: 1px !important;
    font-style: italic;
    color: #ed2632;
}
.NewsOnHome-1 .nspArt p.nspText {
    color: #FFF;
    font-family: 'Kanit';
    font-size: 18px;
    
    font-weight: normal;
}
.NewsOnHome-1 .nspArt img.nspImage {
    /*padding: 5px;*/
    padding: 0px;
    border: solid 5px #eff8fe;
    filter:alpha(opacity=100);
    opacity:1;
}
.NewsOnHome-1 .nspArt img.nspImage:hover {
    filter:alpha(opacity=50); 
    opacity:0.8;
}
.NewsOnHome-1 .nspArt h4.nspHeader {
    color: #000;
    font-size: 16px !important;
    font-family: 'Kanit';
    font-weight: normal;
    
    margin: 0 !important;
    padding: 10px 15px 15px 0px !important;
}

.NewsOnHome-1 .nspArt h4.nspHeader:hover {
    color: #89c826;
}
.NewsOnHome-1 .nspArt h4.nspHeader a {
    color: #000;
    font-size: 16px !important;
    font-family: 'Kanit';
    font-weight: normal;
    
    line-height: 150%;
    text-decoration: none;
}
.NewsOnHome-1 .nspArt h4.nspHeader a:hover {
    color: #89c826 !important;
}

.NewsOnHome-2 {
    padding: 15px 10px 5px 10px;
    background: transparent;
    border-radius: 10px;
    /*border: dashed 0.5px #40bafb;*/
}

.NewsOnHome-2 .nspArt .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    color: #ed2632;
    letter-spacing: 1px !important;
}
.NewsOnHome-2 .nspArt p.nspText {
    color: #000;
    font-family: 'Kanit' !important;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 150%;
}
.NewsOnHome-2 .nspArt img.nspImage {
    /*padding: 5px;*/
    padding: 0px;
    border: solid 5px #eff8fe;
    filter:alpha(opacity=100);
    opacity:1;
}
.NewsOnHome-2 .nspArt img.nspImage:hover {
    filter:alpha(opacity=50); 
    opacity:0.8;
}
.NewsOnHome-2 .nspArt h4.nspHeader {
    color: #40bafb;
    font-size: 18px !important;
    font-family: 'Kanit';
    font-weight: normal;
    
    margin: 0 !important;
    padding: 10px 15px 0px 0px !important;
}

.NewsOnHome-2 .nspArt h4.nspHeader:hover {
    color: #89c826;
}
.NewsOnHome-2 .nspArt h4.nspHeader a {
    color: #000;
    font-size: 16px !important;
    font-family: 'Kanit';
    font-weight: normal;
    line-height: 150%;
    text-decoration: none;
}
.NewsOnHome-2 .nspArt h4.nspHeader a:hover {
    color: #89c826 !important;
}

.document-link {
    padding: 15px;
    background: #eee;
    border-radius: 10px;
    opacity: 95%;
    /*border: dashed 0.5px #40bafb;*/
}
.document-link .nspArt .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    letter-spacing: 1px !important;
    color: #ed2632;
}
.document-link .nspArt p.nspText {
    color: #f0f0f0;
}
.document-link .nspArt h4.nspHeader a { 
    font-family: 'Kanit';
    font-size: 16px !important;
    font-weight: normal !important;
    color: #000;
    background: url(/images/images-setup/pdf-icon.png) no-repeat scroll 0 0px;
    padding: 0px 0px 8px 30px;
    margin: 0px;
    line-height: 150%;
}
.document-link .nspArt h4.nspHeader a:hover {
    color: #89c826 !important;
}

div.HomeContentReadMore {
    position: relative;
    bottom: 0px;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 5px 0px;
    background: transparent;
    display: block;
    overflow: hidden;
    text-align: center;
}

.HomeContentReadMore ul>li:before {
    content: none !important;
}

.HomeContentReadMore ul li a {
    /*background: linear-gradient(to right, rgba(0, 146, 218, 1) 1%, rgba(0, 218, 243, 1) 100%);*/
    background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
    border-radius: 30px !important;
    font-family: 'Kanit';
    font-size: 22px !important;
    color: #FFF !important;
    line-height: 150% !important;
    padding: 5px 40px !important;
    text-decoration: none;
}
.HomeContentReadMore ul li a:hover {
    color: #000 !important;
	background: linear-gradient(30deg, rgba(184,255,254,1) 0%, rgba(184,255,254,1)) !important;
}
.art-blockcontent  .HomeContentReadMore ul li a {
    /*background: linear-gradient(to right, rgba(0, 146, 218, 1) 1%, rgba(0, 218, 243, 1) 100%);*/
    background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
    border-radius: 30px !important;
    font-family: 'Kanit';
    font-size: 22px !important;
    color: #FFF !important;
    line-height: 150% !important;
    padding: 5px 40px !important;
    text-decoration: none;
}
.art-blockcontent  .HomeContentReadMore ul li a:hover {
    color: #000 !important;
	background: linear-gradient(30deg, rgba(184,255,254,1) 0%, rgba(184,255,254,1)) !important;
}
.HomeGK5ReadMore ul li a:link, .HomeGK5ReadMore ul li a:visited {
    background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(178,248,254,1)) !important;
    content :none!important;
    float:right;
    border: 1px solid #FFF!important;
    border-radius: 15px!important;
    font-family: 'Kanit'!important;
    font-size: 22px !important;
    font-weight: normal!important;
    color: #FFF !important;
    margin: -30px 10px 0px 0px!important;
    padding: 1px 10px!important;
    -webkit-transition: 400ms!important;
    -moz-transition: 400ms!important;
    -o-transition: 400ms!important;
    transition: 400ms!important;
    text-decoration: none!important;
}
.HomeGK5ReadMore ul li a:hover {
    color: #f59f5f !important;
}
.HomeGK5ReadMore ul>li:before {
    content :none!important;
}

.nspArts {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px !important;
    padding: 10px 25px 0px 25px !important;
}
.nspTopInterface ul>li:before {
    content: no-close-quote !important; 
}
.nspArt p.nspText {
    margin-bottom: 10px!important; 
}

/************************************************************************************
Tab GK5
*************************************************************************************/
.gkTabsGK5 {
    margin-bottom: 20px;
}
.gkTabsItem {
    background: transparent !important; 
}
.gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active {
    text-shadow: none !important;
    background: #a2dafd !important; /* แท็บ Active */
}
.gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active {
    color: #FFF !important;
}
.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.horizontal ol li:hover  {
    text-shadow: none !important;
    color: #000 !important;
    background: #b8fffe !important; /* แท็บ Hover */
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    color: #FFF !important;
    text-shadow: none !important;
    background: #0491f1 !important; /* แท็บ Standby */
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    font-weight: normal !important;
    color: #FFF !important;
    font-size: 20px !important;
    font-family: 'Kanit';
    
    padding:10px 20px !important;
    border-radius: 30px;
    /*border-right: solid 0.5px #fff;
    border-top: solid 0.5px #fff;*/
    margin-bottom: 3px !important;
}
.gkTabsWrap.vertical ol {
    border-bottom: 0px solid #faef70;
    min-height: 42px !important;
}
.gkTabsItem {
    padding: 0px !important;
}
.gkTabsWrap.vertical ol {
    background: transparent !important;
    min-height: 58px !important;
    margin: 0!important;
    padding: 0!important;
    border-radius: 30px;
}

/************************************************************************************
JE Orbit SlideShow
*************************************************************************************/
.slideshow-wrapper .orbit-container ul>li:before  {
    content: no-close-quote !important; 
}



/************************************************************************************
Personnal Three Collumn
*************************************************************************************/

#PersonnalWraper {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px !important;
    overflow: hidden;
    padding-left: 0%;
    padding-right: 0%;
}

@media screen and (max-width: 800px) {
    #PersonnalWraper {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px !important;
    overflow: hidden;
    padding-left: 0%;
    padding-right: 0%;
   }
}
#PersonnalWraper h4 {
    color: #000 !important;
    font-size: 16px !important;
    font-family: 'Kanit' !important;
    font-weight: normal !important;
    line-height: 150% !important;
    text-decoration: none !important;
    text-align: center;
    margin-top: 15px;
}
#PersonnalWraper p {
    color: #000 ;
    font-style: normal;
    text-align: center;
    margin: 0px !important;
}
#PersonnalContent {
    clear: both;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
#PersonnalHeader {
    display: inline-block;
    color: #FFF;
    font-size: 20px;
    font-family: 'Kanit';
    font-style: normal;
    background: #18327d;
    border: solid 1px #18327d;
    padding: 20px 30px;
    margin: 5px;
}
#PersonnalCol-1 {
    width: 30.3%;
    float: left;
}
#PersonnalCol-2 {
    width: 30.3%; 
    float: left;
}
#PersonnalCol-3 {
    width: 30.3%;
    float: left;
}
#TwoColToCenter {
    width: 30.7%;
    float: left;
}
#OneColToCenter {
    width: 30.7%;
    float: left;
}

@media screen and (min-width: 1100px) {
    #PersonnalCol-1 {
        width: 30.3%;
        float: left;
    }
    #PersonnalCol-2 {
        width: 30.3%; 
        float: left;
    }
    #PersonnalCol-3 {
        width: 30.3%;
        float: left;
    }
    #TwoColToCenter {
        width: 30.7%;
        float: left;
        margin-left: 17% !important;
    }
    #OneColToCenter {
        width: 30.7%;
        float: left;
        margin-left: 34.5% !important;
    }
    div.PersonnalImage img {
    width: 40%;
    margin: 0px;
    }
}

@media screen and (max-width: 1100px) {
    #PersonnalCol-1 {
        width: 31.3%;
        float: left;
    }
    #PersonnalCol-2 {
        width: 31.3%;
        float: left;
    }
    #PersonnalCol-3 {
        width: 31.3%;
        float: left;
    }
    #TwoColToCenter {
        width: 31.3%;
        float: left;
        margin-left: 17% !important;
    }
    #OneColToCenter {
        width: 31.3%;
        float: left;
        margin-left: 34.5% !important;
    }
    div.PersonnalImage img {
    width: 38%;
    margin: 0px;
    }
}
@media screen and (max-width: 1056px) {
    #PersonnalCol-1 {
        width: 30.3%;
        float: left;
    }
    #PersonnalCol-2 {
        width: 30.3%;
        float: left;
    }
    #PersonnalCol-3 {
        width: 30.3%;
        float: left;
    }
    #TwoColToCenter {
        width: 30.3%;
        float: left;
        margin-left: 17% !important;
    }
    #OneColToCenter {
        width: 30.3%;
        float: left;
        margin-left: 34.5% !important;
    }
    div.PersonnalImage img {
    width: 43%;
    margin: 0px;
    }
}
@media screen and (max-width: 830px) {
    

    #PersonnalCol-1 {
        width: 30%;
    }
    #PersonnalCol-2 {
        width: 30%;;
    }
    
    #PersonnalCol-3 {
        width: 30%;;
    }
    #TwoColToCenter {
        width: 30%;
        float: left;
        margin-left: 17% !important;
    }
    #OneColToCenter {
        width: 30%;
        float: left;
        margin-left: 34.5% !important;
    }
    div.PersonnalImage img {
    width: 50%;
    margin: 0px;
    }
}

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

    #PersonnalCol-1 {
        width: 29.5%;
    }
    #PersonnalCol-2 {
        width: 29.5%;
    }
    
    #PersonnalCol-3 {
        width: 29.5%;
    }
    #TwoColToCenter {
        width: 29.5%;
        float: left;
        margin-left: 17% !important;
    }
    #OneColToCenter {
        width: 29.5%;
        float: left;
        margin-left: 34.5% !important;
    }
    div.PersonnalImage img {
    width: 60%;
    margin: 0px;
    }
}
@media screen and (max-width: 582px) {

    #PersonnalCol-1 {
        width: 29%;
    }
    #PersonnalCol-2 {
        width: 29%;
    }
    
    #PersonnalCol-3 {
        width: 29%;
    }
    #TwoColToCenter {
        width: 29%;
        float: left;
        margin-left: 17% !important;
    }
    #OneColToCenter {
        width: 29%;
        float: left;
        margin-left: 34.5% !important;
    }
    div.PersonnalImage img {
    width: 65%;
    margin: 0px;
    }
}
@media screen and (max-width: 521px) {
    #PersonnalCol-1 {
        width: 96%;
    }
    #PersonnalCol-2 {
        width: 96%;
        margin-left: 10px !important;
    }
    #PersonnalCol-3 {
        width: 96%;
    }
    #TwoColToCenter {
        width: 96%;
        float: left;
        margin-left: 10px !important;
    }
    #OneColToCenter {
        width: 96%;
        float: left;
        margin-left: 10px !important;
    }
    div.PersonnalImage img {
    width: 27%;
    margin: 0px;
    }
}
@media screen and (max-width: 480px) {
    #PersonnalCol-1 {
        width: 94%;
    }
    #PersonnalCol-2 {
        width: 94%;
        margin-left: 10px !important;
    }
    #PersonnalCol-3 {
        width: 94%;
    }
    #TwoColToCenter {
        width: 94%;
        margin-left: 10px !important;
    }
    #OneColToCenter {
        width: 94%;
        margin-left: 10px !important;
    }
    div.PersonnalImage {
    overflow: hidden;
    width: 100%;
    position: relative;
    /*left: 36%;*/
}
    div.PersonnalImage img {
    width: 35%;
    margin: 0px;
    }
}

#PersonnalCol-1, #PersonnalCol-2, #PersonnalCol-3 {
    background: #FFF;
    border: solid 1px #ccc;
    padding: 20px 5px;
    margin:10px;
}
#TwoColToCenter {
    background: #FFF;
    border: solid 1px #ccc;
    padding: 20px 5px;
    margin:10px;
}
#OneColToCenter {
    background: #FFF;
    border: solid 1px #ccc;
    padding: 20px 5px;
    margin:10px;
}
/************************************************************************************
Header For Collumn
*************************************************************************************/
div.itemListCategory {
    width: auto;
    /*background: transparent !important;
    border-radius: 0px !important;
    border-left: 0px solid #ddd !important;
    border-right: 0px solid #ddd !important;
    border-bottom: 1px solid #FFF !important;
    border-top: 1px solid #FFF !important;
    margin: 0px;
    padding: 0px;*/
    height: 80px;
    width: auto;
    background: url(/Sithan/Background/Content-Header-Bg.png) no-repeat 0px!important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
}

div.itemListCategory h2 {
    color: #000;
    font-size: 26px !important;
    font-family: 'Kanit';
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
    text-align: center;
    padding: 0px !important;
    margin: 0px;
}
/*div.itemListCategory h2:before {
    content: url(/Muangdet/Background/Content-Header-L.png);
    margin-right: 5px;
    margin-left: 0px;
    bottom: -3px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
div.itemListCategory h2:after {
    content: url(/Muangdet/Background/Content-Header-R.png);
    margin-right: 0px;
    margin-left: 5px;
    bottom: -3px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.MobileBlockHeader {
    height: 60px;
    width: 85%;
    background: url(/Muangdet/Background/HeadBlockBackground.png) repeat-x scroll 0 0px !important;
    margin: 0px 20px;
    padding: 0px;
}
*/
.MobileBlockHeader {
    height: 60px;
    width: auto;
    background: url(/Sithan/Background/Content-Header-Bg.png) no-repeat !important;
    margin: 0px;
    padding: 0px;
}


.MobileBlockHeader h4 {
    position: relative;
    top: 3px;
    color: #000;
    font-size: 22px;
    font-family: 'Kanit';
    line-height: 120%;
    font-weight: normal;
    font-style: normal;
    text-align: right;
    padding-right: 5px;
    margin: 0px;
}

/**.Border-L {
    display: inline;
    height: 60px;
    width: 70px;
    background: url(/Sithan/Background/HeadBlockLeft.png) repeat-x scroll 0 0px !important;
    position: relative;
    float: left;
    top: 0px;
    left: -24px;
    overflow: hidden;
}
.Border-R {
    height: 60px;
    width: 70px;
    background: url(/Sithan/Background/HeadBlockRight.png) repeat-x scroll 0 0px !important;
    position: relative;
    float: right;
    top: 0px;
    right: -25px;
}
**/
/************************************************************************************
Content Three Collumn
*************************************************************************************/

.Content-BlockHeader {
    background: #faef70;
    padding: 5px;
}
.Content-BlockHeader h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Kanit';
    
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin: 0 5px;
    padding: 1px 3px 1px 10px;
}
.Content-BlockWraper {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    /*border: solid 0.5px #fff;*/
}
    .ContentCol-1 {
        width: 19.2%;
        float: left;
    }
    .ContentCol-2 {
        width: 19.2%;
        float: left;
    }
    .ContentCol-3 {
        width: 19.2%;
        float: left;
    }
    .ContentCol-4 {
        width: 19.2%;
        float: left;
    }
    .ContentCol-5 {
        width: 19.2%;
        float: left;
    }
.ContentCol-1, .ContentCol-2, .ContentCol-3, .ContentCol-4, .ContentCol-5 {
    background: transparent;
    margin: 5px 5px 20px 5px;
    padding: 0px;
}
@media screen and (max-width: 1288px) {
    .ContentCol-1 {
        width: 19%;
        float: left;
    }
    .ContentCol-2 {
        width: 19%;
        float: left;
    }
    .ContentCol-3 {
        width: 19%;
        float: left;
    }
    .ContentCol-4 {
        width: 19%;
        float: left;
    }
    .ContentCol-5 {
        width: 19%;
        float: left;
    }
}
@media screen and (max-width: 800px) {
    .ContentCol-1 {
        width: 18.5%;
        float: left;
    }
    .ContentCol-2 {
        width: 18.5%;
        float: left;
    }
    .ContentCol-3 {
        width: 18.5%;
        float: left;
    }
    .ContentCol-4 {
        width: 18.5%;
        float: left;
    }
    .ContentCol-5 {
        width: 18.5%;
        float: left;
    }
}
@media screen and (max-width: 706px) {
    .ContentCol-1 {
        width: 18.2%;
        float: left;
    }
    .ContentCol-2 {
        width: 18.2%;
        float: left;
    }
    .ContentCol-3 {
        width: 18.2%;
        float: left;
    }
    .ContentCol-4 {
        width: 18.2%;
        float: left;
    }
    .ContentCol-5 {
        width: 18.2%;
        float: left;
    }
}
@media screen and (max-width: 600px) {
    .ContentCol-1 {
        width: 100%;
        float: left;
    }
    .ContentCol-2 {
        width: 100%;
        float: left;
    }
    .ContentCol-3 {
        width: 100%;
        float: left;
    }
    .ContentCol-4 {
        width: 100%;
        float: left;
    }
    .ContentCol-5 {
        width: 100%;
        float: left;
    }
}
.ContentInBlock {
    color: #000;
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px !important;
    text-decoration: none;
    line-height: 150%;
    padding: 15px 10px 20px 10px;
    margin: 0px 5px;
    background: #eee;
    border-radius: 10px;
    opacity: 95%;
    /*border: dashed 0.5px #40bafb;*/
}
div.ContentInBlock ul>li:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-left: 15px;
    bottom: 2px;
    position: relative;
    font-size: 14px;
    line-height: 100%;
    content: "\f08e";
    font-family: FontAwesome;
    color: #c30918;
    font-weight: bold;
    font-style: normal;
}
.ContentInBlock a, .ContentInBlock a:link, .ContentInBlock a:visited {
    color: #000;
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-decoration: none;
}
.ContentInBlock a:hover {
    color: #faef70;
}

.ContentInBlock-X {
    padding:5px;
    color: #FFF;
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
    line-height: 150%;
    background: #2d94d5;
    border-radius: 10px;
    /*border: dashed 0.5px #40bafb;*/
}

.art-block .ContentInBlock-X  ul>li {
    padding-left: 0px;
}
div.ContentInBlock-X  ul>li:before {
    content: url(../images/blockbullets.png);
    margin-right: 6px;
    margin-left: 0px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}
.ContentInBlock-X  a, .ContentInBlock-X  a:link, .ContentInBlock-X  a:visited {
    color: #FFF;
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}
.ContentInBlock-X  a:hover {
    color: #faef70;
}

/************************************************************************************
Footer Two Collumn
*************************************************************************************/

.Footer-Wraper {
    position: relative;
    top: 170px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    clear: both;
}
.FooterCol-1 {
    width: 33.3%;
    float: left;
    position: relative;
}
.FooterCol-2 {
    width: 33.3%;
    float: left;
    position: relative;
}
.FooterCol-3 {
    width: 33.3%;
    float: left;
    position: relative;
}
.FooterCol-1, .FooterCol-2, .FooterCol-3 {
    background: transparent;
    margin: 0px;
    padding: 0px;
}
.Footer-Block-ContainerCol-1 {
    padding: 5px;
    text-align: left;
    overflow: hidden;
}
.Footer-Block-ContainerCol-2 {
    position:relative; 
    top:50px;
    text-align:center; 
    padding: 5px;
    overflow: hidden;
}
.Footer-Block-ContainerCol-3 {
    position:relative; 
    top:48px;
    text-align:center; 
    padding: 5px;
    overflow: hidden;
}
@media screen and (max-width: 1200px) {
    .FooterCol-1 {
        width: 33.3%;
        float: left;
    }
    .FooterCol-2 {
        width: 33.3%;
        float: left;
    }
    .FooterCol-3 {
        width: 33.3%;
        float: left;
    }
}

.Footer-Menu {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.art-footer .Footer-Menu a {
    font-family: 'Kanit';
    font-size: 16px;
    
    color: #000;
    font-weight: 600;
    line-height: 150%;
    text-align: right;
    }
.art-footer .Footer-Menu a:hover {
    color: #faef70;
}
.Footer-Visitcounter {
    display: inline-block;
    width: 100%;
    height: auto;
}
div.Footer-Logo {
    background: url(/Sithan/Logo/Prefavicon.png) no-repeat scroll center top;
    background-size: 100% 100%;
    width: 140px;
    height: 140px;
    margin: 20px 10px 10px 0px;
    float: left;
    overflow: hidden;
}
div.Footer-Header {
    font-family: 'Kanit';
    font-size: 24px;
    font-weight: normal;
    color: #000;
    margin: 26px 0px 0px 0px;
    padding-bottom: 0px;
    overflow: hidden;
    line-height: 150%;
    border-bottom: solid 1px #000;
}
div.Footer-Description {
    color: #000;
    height: auto;
    margin: 5px 0px;
    overflow: hidden;
}
.Footer-Slogan {
    font-family: 'Kanit';
    font-size: 18px;
    font-weight: normal;
    color: #000;
    line-height: 120%;
    margin: 5px 0px 5px 0px;
    overflow: hidden;
}
.Footer-Social img {
    display: inline-block;
    height: 60px;
    width: auto;
    margin: 5px;
    overflow: hidden;
}
@media screen and (max-width: 800px) {
    .FooterCol-1 {
        width: 100%;
        top: 65px;
  }
    .FooterCol-2 {
        width: 100%;
        top: 30px;
    }
    /*.FooterCol-3 {
        visibility: hidden;
        clear: both;
        display: none;
  }*/
    .FooterCol-3 {
    width: 100%;
    bottom: 0;
    height: 200px;
  }
  .Footer-Block-ContainerCol-2 {
    top: 0px;
    margin-bottom: 20px;
  }
  .Footer-Block-ContainerCol-3 {
    bottom: 0px;
  }
  .Footer-Wraper {
    top: -100px;
   }
.art-footer-inner {
    width: 100%;
    height: auto;
    }
div.Footer-Header {
    color: #000;
    border-bottom: solid 1px #000;
    }
div.Footer-Logo {
    background: url(/Sithan/Logo/Prefavicon.png) no-repeat scroll center top;
    background-size: 100% 100%;
    width: 150px;
    height: 150px;
    margin: 10px 10px 10px 0px;
    float: left;
    overflow: hidden;
    }
.Footer-Block-ContainerCol-3 div.Footer-Description {
     visibility: hidden;
     clear: both;
    display: none;
    }
.Footer-Block-ContainerCol-1 div.Footer-Description {
   color: #000;
}
.Footer-Slogan {
    color: #000;
    }
}
@media screen and (max-width: 660px) {
    div.Footer-Logo {
     width: 120px;
     height: 120px;
    }
    div.Footer-Header {
    font-size: 30px;
    }
    .FooterCol-2 {
     top: 60px;
    }
}
@media screen and (max-width: 600px) {
    div.Footer-Logo {
     width: 120px;
     height: 120px;
    }
    div.Footer-Header {
    font-size: 30px;
    margin-top:10px;
    }
    .FooterCol-2 {
     width: 100%;
     top: 60px;
    }
    .FooterCol-3 {
    width: 100%;
    position: relative;
    top: 35px;
    }
}
@media screen and (max-width: 389px) {
    div.Footer-Logo {
     width: 100px;
     height: 100px;
    }
    div.Footer-Header {
    font-size: 30px;
    margin-top:5px;
    }
    .FooterCol-2 {
     width: 100%;
     top: 60px;
    }
    .FooterCol-3 {
    width: 100%;
    position: relative;
    top: 30px;
    }
}
@media screen and (max-width: 344px) {
    div.Footer-Logo {
     width: 90px;
     height: 90px;
    }
    div.Footer-Header {
    font-size: 26px;
    margin-top:5px;
    }
    .FooterCol-2 {
     width: 100%;
     top: 60px;
    }
    .FooterCol-3 {
    width: 100%;
    position: relative;
    top: 30px;
    }
}
@media screen and (max-width: 334px) {
    div.Footer-Logo {
     width: 70px;
     height: 70px;
    }
    div.Footer-Header {
    font-size: 26px;
    margin-top:0px;
    }
    .FooterCol-2 {
     width: 100%;
     top: 60px;
    }
    .FooterCol-3 {
    width: 100%;
    position: relative;
    top: 30px;
    }
}
@media screen and (max-width: 313px) {
    .FooterCol-3 {
    width: 100%;
    position: relative;
    top: 15px;
    }
}
/************************************************************************************
GK5nspBlock Three Collumn
*************************************************************************************/

.GK5nspBlock-1 {
    width: 32.4%;
    float: left;
}
.GK5nspBlock-2 {
    width: 32.4%;
    float: left;
}
.GK5nspBlock-3 {
    width: 32.4%;
    float: left;
}
.GK5nspBlock-1, .GK5nspBlock-2, .GK5nspBlock-3 {
    background: transparent;
    margin: 5px;
    margin-bottom:20px;
}


@media screen and (max-width: 1100px) {
    .GK5nspBlock-1 {
        width: 32.2%;
        float: left;
    }
    .GK5nspBlock-2 {
        width: 32.2%;
        float: left;
    }
    .GK5nspBlock-3 {
        width: 32.2%;
        float: left;
    }
}
@media screen and (max-width: 910px) {
    .GK5nspBlock-1 {
        width: 32%;
        float: left;
    }
    .GK5nspBlock-2 {
        width: 32%;
        float: left;
    }
    .GK5nspBlock-3 {
        width: 32%;
        float: left;
    }
}
@media screen and (max-width: 830px) {
    .GK5nspBlock-1 {
        width: 32%;
        float: left;
    }
    .GK5nspBlock-2 {
        width: 32%;
        float: left;
    }
    .GK5nspBlock-3 {
        width: 32%;
        float: left;
    }
}
@media screen and (max-width: 774px) {
    .GK5nspBlock-1 {
        width: 31%;
        float: left;
    }
    .GK5nspBlock-2 {
        width: 31%;
        float: left;
    }
    .GK5nspBlock-3 {
        width: 31%;
        float: left;
    }
}
@media screen and (max-width: 480px) {
    .GK5nspBlock-1 {
        width: 100%;
        float: left;
    }
    .GK5nspBlock-2 {
        width: 100%;
        float: left;
    }
    .GK5nspBlock-3 {
        width: 100%;
        float: left;
    }
}



/************************************************************************************
Com RS Form
*************************************************************************************/
.btnCal {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 10px !important;
}
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    display: inline-block !important;
    width: 90%;
    height: auto !important;
    padding: 6px 8px !important;
    margin-bottom: 9px !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: #000 !important;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0px !important;
}
.formResponsive label {
    margin-top: 0px !important;
}
.formResponsive label {
    height: 48px !important;
    width: 20px !important;
}
#FormHeader {
    font-family: 'Kanit' !important;
    
    font-weight: 600 !important;
    font-size: 20px !important;
}
@media screen and (max-width: 650px) {

  .formResponsive input[type="text"],
  .formResponsive input[type="password"],
  .formResponsive textarea,
  .formResponsive select {
    width: 90% !important;
  }
}
@media only screen and (max-width: 600px) {
    div.formBody {
     width: 90% !important;
    }
}
@media only screen and (max-width: 600px) {
    div.formDescription {
     width: 90% !important;
    }
}
/************************************************************************************
Art Sexy Lightbox Lite
*****************************************************************************************************/

.artsexylightbox img {

}
.artsexylightbox img {
    margin-right: 5px;
    margin-left: 5px;
}
.artsexylightbox {
    margin: 5px !important;
    border: 3px solid #ddd !important;
}


/************************************************************************************
Price Table
*************************************************************************************/
* {
    box-sizing: border-box;
}

.PriceContainer {
    width: 100%;
    padding:10px;
    margin:0px;
    text-align: left;
    overflow: hidden;
}

/* Create three columns of equal width */
.columns1 {
    float: left;
    width: 33.3%;
    padding: 8px;
}
.columns2 {
    float: left;
    width: 33.3%;
    padding: 8px;
}
.columns3 {
    float: left;
    width: 33.3%;
    padding: 8px;
}

/* Style the list */
.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {
    border:none;
    background-color: #4d9735;
    color: #FFF;
    font-size: 26px;
    font-family: 'Kanit'; 
    
    font-weight: normal;
}

/* List items */
.price li {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px !important;
    margin: 0px !important;
    font-size: 18px;
    font-family: 'Kanit'; 
    
    font-weight: normal;
    text-align: center;
}
span.PricePromotion {
    color :#FF8B07;
    font-size: 26px;
}
/* Grey list item */
.price .grey {
    border:none;
    background-color: #eee;
    font-size: 22px;
    font-family: 'Kanit'; 
    
    font-weight: normal;
}

/* The Webboard BT */
.WebboardBT, a.WebboardBT, a.WebboardBT:link, a.WebboardBT:visited {
    float:right!important;
    border: 1px solid #FFF !important;
    border-radius: 15px !important;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
    font-size: 13px !important;
    font-weight: 100 !important;
    color: #FFF !important;
    line-height: 150% !important;
    margin:-40px 30px 0px 0px !important;
    padding: 3px 10px !important;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    text-decoration: none;
}
.WebboardBT:hover {
    color: #faef70 !important;
    border: 1px solid #faef70 !important;
}
.art-postcontent ul, .art-post ul .price {
    margin:10px;
}
/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
    .columns1 {
        width: 100%;
        padding:0px;
    }
        .columns2 {
        width: 100%;
        padding:0px;
    }
        .columns3 {
        width: 100%;
        padding:0px;
    }
}
div.itemAttachmentsBlock ul.itemAttachments li {
    display: block !important;
    text-align: left !important;
    line-height:150% !important;
    margin: 5px 0px !important;
}

/************ Weather  *******/
ul.gkwNextDays li.gkwItems2:before {
    content: none !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    bottom: 0px !important;
    display: none !important;   
}

/**** Webmail Banner ***/
div.art-block .S-Img img {
    border: none;
    margin: 5px 0px 5px 0px;
    width: 100%;
    height: auto;
}

/****Art Sexy Lightbox Lite***/
.Lightbox-1 {
    width: 360px;
    position: relative;
    float: right;
    text-align: right;
    right: 105px;
    top: 80px;
}

div.itemAttachmentsBlock ul.itemAttachments li span {
    color: #FFF!important;
}

/****Responsive Table***/
table {
    border-collapse: collapse!important;
    border-spacing: 0!important;
    width: 100%!important;
    border: 1px solid #ddd!important;
}

th, td {
    text-align: left!important;
    padding: 8px!important;
}

tr:nth-child(even){background-color: #FFF !important;color: #212169 !important;}



@media screen and (max-width: 920px) {
  div#maximenuck99 {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

/**** Mobile Menu***/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.9;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a, .dropdown-btn {
    padding: 8px 10px 8px 32px;
    text-decoration: none !important;
    font-family: 'Kanit';
    font-size: 18px;
    
    color: #000;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;    
    opacity: 1;
}

.sidenav a:hover, .dropdown-btn:hover {
    color: #000;
}

.closebtn_container {
    display:block;
    overflow: hidden;
    height: 0px; 
}
.sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 36px !important;
    margin-left: 52px;
    color: #000;
    opacity: 1;
}
.sidenav .closebtn span {
    position: relative;
    top: -4px;
    left: -25px;
    font-size: 20px;
    color: #000;
}
.sidenav .closebtn span:hover {
    color: #000;
}
.dropdown-container {
    display: none;
    background-color: #FFF;
    padding-left: 8px;
}
.dropdown-container a {
    font-family: 'Kanit';
    font-size: 16px;
    color: #000;
    
    font-style: italic;
}    
.dropdown-container a:before {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 5px;
    bottom: 0px;
    position: relative;
    font-size: 12px;
    line-height: 100%;
    content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
}
.dropdown-container a:hover {
    color: #f55b52;
}
.fa-caret-down {
    float: right;
    /*padding-right: 8px;*/
    padding: 0px 8px 0px 8px;
}
@media screen and (max-height: 800px) {
  .sidenav {padding-top: 60px;}
  .sidenav a {font-size: 18px;}
}
div.Nav-Pointer {
    display: block;
    position: absolute;
    left: 0px;
    top: 40px;
}
@media screen and (min-width: 800px) {
  .Nav-Pointer {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
@media screen and (max-width: 350px) {
  div.Nav-Pointer {
    top: 20px;
    display: block;
    position: absolute;
  }
}
.Nav-Pointer span {
    font-family: 'Kanit';
    font-size: 28px;
    
    color: #000;
    margin: 8px 0px 8px 20px;
}


/***** INFO-CENTER ****/ 
.info-center {
    padding:5px;
    color: #FFF;
    font-family: 'Kanit';
    
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    font-style: italic;
}
.art-block .info-center  ul>li {
    padding-left: 0px;
}
div.info-center  ul>li:before {
    content: url(../images/blockbullets.png);
    margin-right: 6px;
    margin-left: 0px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}
.info-center  a, .info-center  a:link, .info-center  a:visited {
    color: #FFF;
    font-family: 'Kanit';
    
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    text-decoration: none;
}
.info-center  a:hover {
    color: #faef70;
}

/* ------------KUNENA------------*/

#Kunena div.kmsgbody div.kmsgtext {             /* ---ข้อความ topic ---*/
color:#000 !important;
font-family: 'Kanit' !important;
font-weight: normal !important;
font-size: 18px !important;
}

#Kunena span.kmsgtitle {      /* ---หัวข้อ topic ---*/
color:#FFF !important;
font-family: 'Kanit' !important;
font-weight: normal !important;
font-size: 24px !important;
margin-top: 10px;
}

#Kunena span.kmsgdate {      /* ---เวลา topic ---*/
font-size: 10px !important;
}

#Kunena span.kmsgdate {      /* ---เวลา topic ---*/
font-size: 10px !important;
}

td.kprofileboxcnt ul li {    /* ---ยินดีต้อนรับ ---*/
color: #666;
}

#Kunena #ktab a {    /* ---พื้นหลังแท็บเมนู standby ---*/   
    background-color: #40bafb !important;
}

#Kunena #ktab a {  /* ---ระยะขอบพื้นหลังแท็บเมนู ---*/
    padding: 10px 15px !important;
}

#Kunena #ktab a span {    /* ---แท็บเมนู ---*/
    color: #fff !important;
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 150%;
    text-decoration: none;
}

#Kunena #ktab a:hover {
    background-color: #fdb0f0 !important;
}

#Kunena #ktab ul.menu li.active a, #Kunena #ktab li#current.selected a {
    background-color: #fbf58d !important;
}

#Kunena #ktab #current a span {
    color: #666  !important;
}

#Kunena td.kprofileboxcnt ul.kprofilebox-link li {      /* ---ปุ่มเขียนประกาศ---*/
    height: 15px !important;
}

#Kunena tr.krow1 td {   /* ---ฟอร์มเข้าสู่ระบบ---*/
    color: #666 !important;
}

#Kunena h1 a:link, #Kunena h1 a:active, #Kunena h1 a:visited {    /* ---ฟอรัมหลัก---*/
    color: #fff !important;
    font-family: 'Kanit' !important;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 150%;
    text-decoration: none;
}

#Kunena .ktitle, #Kunena a.ktitle {       /* ---ใครออนไลน์อยู่บ้าง---*/
    color: #fff !important;
    font-family: 'Kanit' !important;
    font-size: 24px !important;
    font-weight: normal !important;
}

#Kunena .kheader h2, #Kunena .kheader h2 a {       /* ---สถิติฟอรัม---*/
    color: #fff !important;
    font-family: 'Kanit' !important;
    font-size: 24px !important;
    font-weight: normal !important;
}

#Kunena ul li {                  /* ---รายละเอียดสถิติ---*/
    color: #666 !important;
}


#Kunena div.kthead-title a {           /* ---ชื่อหมวดหมู่---*/
    color: #666 !important;
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    font-weight: normal !important;
}
#Kunena .km {   /* ---ฟอนท์คำอธิบายหมวดหมู่---*/
    font-size: 1em  !important;
    color: #FFF  !important;
    line-height: 150% !important;
}

#Kunena div.kblock > div.kheader, #Kunena .kblock div.kheader {            /* ---พื้นหลังเฮดเดอร์---*/
    background: #40bafb !important;
}

#Kunena div.kblock > div.kheader, #Kunena .kblock div.kheader h1 span {            /* ---เฮดเดอร์---*/
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#Kunena div.kblock > div.kheader, #Kunena .kblock div.ktitle-desc {            /* ---คำอธิบายเฮดเดอร์---*/
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    color: #FFF !important;
    font-weight: normal !important;
    text-decoration: none !important;
    line-height: 150% !important;
    padding: 5px 10px !important;
}

#Kunena .kwhoonline {       /* ---คำอธิบาย ใครออนไลน์อยู่บ้าง---*/
    color: #666 !important;
}

#Kunena .klatest-subject a:link, #Kunena .klatest-subject a:visited, #Kunena .klatest-subject a:active, #Kunena .klatest-subject a:focus {        /* ---ชื่อ topic หน้าหลัก---*/
    color: #666 !important;
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    line-height: 150%;
    font-weight: normal !important;
}

#Kunena .klink-block span.kprofilebox-pass a:link, #Kunena .klink-block span.kprofilebox-pass a:visited, #Kunena .klink-block span.kprofilebox-pass a:active, a:focus {       /* ---ปุ่มสมัครสมาชิก---*/
    color: #666 !important;
    font-family: 'Kanit' !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

#Kunena .klink-block span.kprofilebox-user a:link, #Kunena .klink-block span.kprofilebox-user a:visited, #Kunena .klink-block span.kprofilebox-user a:active, a:focus {
    color: #666 !important;
    font-family: 'Kanit' !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

#Kunena .klink-block span.kprofilebox-register a:link, #Kunena .klink-block span.kprofilebox-register a:visited, #Kunena .klink-block span.kprofilebox-register a:active, a:focus {
    color: #ed2632 !important;
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#Kunena #ktop {          /* ---เส้นขอบล่างแท็บเมนู---*/
    border-color: transparent !important;
}

#Kunena div.input input.kbutton { /* ---หน้า login ปุ่มเข้าสู่ระบบ ออกจากระบบ ---*/
    background: #89c826 !important;
    border-radius: 20px !important;
    border: none !important;
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    color: #FFF !important;
    line-height: 150% !important;
    font-weight: normal !important;
    text-decoration: none !important;
    padding: 5px 30px 10px 30px !important;
}

#Kunena li form input.kbutton {  /* ---หน้า login  ปุ่มเข้าสู่ระบบ ออกจากระบบ hover ---*/
    background: #89c826 !important;
    border-radius: 20px !important;
    border: none !important;
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    color: #FFF !important;
    line-height: 150% !important;
    font-weight: normal !important;
    text-decoration: none !important;
    padding: 5px 30px 10px 30px !important;
}

.kheader h2 span {
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    font-weight: normal !important;
}
.kheader h3 span {
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    font-weight: normal !important;
    padding:10px 5px;
    margin:0px !important;
}
#Kunena div.kthead-desc {
    color: #000 !important;
}

.kfheadercontent b {
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    font-weight: normal !important;
}

#Kunena a.ktopic-title {
    font-family: 'Kanit' !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

#Kunena .kwho-admin, #Kunena a.kwho-admin {
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    font-weight: normal !important;
    color: #f00 !important;
}

/* ------------KUNENA------------*/

/* -----------------> Accordion ------------------------*/

.accordion-bral {
  min-height: 0;
  min-width: 220px;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  margin: 0px!important;
}
.accordion-bral .ac-label {
font-family: 'Kanit';

font-weight: 400;
font-size: 20px;
line-height: 150%;
padding: 5px 20px;
position: relative;
display: block;
height: auto;
cursor: pointer;
color: #FFF;
background: #2d94d5;
border: 1px solid #FFF;
}
.accordion-bral .ac-label:hover {
  background: #96d2fd;
}
.accordion-bral div.article.ac-content ul>li  {
    font-family: 'Kanit';
    
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #212169;
}
.accordion-bral input + .ac-label  {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordion-bral input:checked + .ac-label,
.accordion-bral input:checked + .ac-label:active {
  background-color: #2d94d5 !important;
  color: #FFF;
}
.accordion-bral input.ac-input {
  display: none;
}
.accordion-bral .article {
  background: #FFF;
  overflow: hidden;
  height: 0px;
  max-height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordion-bral .article p {
  color: #777;
  line-height: 23px;
  font-size: 13px;
  padding: 20px;
}
.accordion-bral input:checked ~ .article i {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.accordion-bral input:checked ~ .article.ac-content {
  height: auto;
}

.accordion-bral i {
  position: absolute;
  transform: translate(-30px, 0);
  margin-top: 18px;
  right: 0;
}
.accordion-bral input:checked ~ .ac-label i:before {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion-bral input:checked ~ .ac-label i:after {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion-bral i:before, .accordion-bral i:after {
  content: "";
  position: absolute;
  background-color: #808080;
  width: 3px;
  height: 9px;
}
.accordion-bral i:before {
  content: "\2212";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transform: translate(-2px, 0) rotate(-45deg);
}
.accordion-bral i:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transform: translate(2px, 0) rotate(45deg);
}
ul.ac-list {
  padding-left: 40px;
  list-style-type: disc;  
}

table.ac-table {
  margin: 20px 0 20px 20px;
}
table.ac-table th{
  text-align: left;
}

@media (max-width: 550px) {
  .accordion-bral .ac-label {
  font-family: Arial, sans-serif;
  padding: 5px 20px;
  position: relative;
  display: block;
  height: auto;
  padding-right: 40px;
  cursor: pointer;
  color: #777;
  line-height: 33px;
  font-size: 19px;
  background: #EFEFEF;
  border: 1px solid #CCC;
}
  .accordion-bral i {
  position: absolute;
  transform: translate(-30px, 0);
  margin-top: 2%;
  right: 0;
}
}
/* ---------- accordion style end --------------------------------------- */

/*-------- ITA --------*/
div.ita-body {
    width: 100%;
}
div.ita-container-1 {
    width: 100%;
    padding-left:200px;
}
div.ita-container-2 {
    width: 100%;
    padding-left:300px;
}
div.ita-container-3 {
    width: 100%;
    padding-left:400px;
}
.ita-Header-1 {
    text-align: center;
    font-family: 'Kanit'; 
    font-size: 22px;
    color: #FFF;
    line-height: 150%;
    padding: 10px;
    margin: 5px 0px;
    background: #179bf7;
}
.ita-Header-2 {
    font-family: 'Kanit'; 
    font-size: 22px;
    color: #000;
    line-height: 150%;
    padding: 10px;
    margin: 5px 0px;
    background: #b9f8ff;
}
.ita-Header-3 {
    font-family: 'Kanit'; 
    font-size: 22px;
    color: #000;
    line-height: 150%;
    padding: 10px;
    margin: 5px 0px;
    background: #f4f3f3;
}
p.ita-Header-4 {
    font-family: 'Kanit'; 
    font-size: 20px;
    
    color: #000;
    line-height: 150%;
    padding: 3px 0px;
    margin: 5px 0px 5px 20px !important;
    background: transparent;
}
.ita-Header-5 {
    font-family: 'Kanit'; 
    font-size: 22px;
    color: #000;
    line-height: 150%;
    padding: 10px;
    margin: 5px 0px;
    background: #96d2fd;
}

ul.ita-bullet li {
    color: #000 !important;
    font-family: 'Kanit'!important;
    
    font-weight: normal!important;
    font-size: 16px!important;
}
div.ita-bullet ul>li:before {
    content: url(/images/images-setup/pdf-icon.png)!important;
    margin-right: 6px!important;
    bottom: 2px!important;
    position: relative!important;
    display: inline-block!important;
    vertical-align: middle!important;
    font-size: 0!important;
    line-height: 0!important;
    margin-left: 15px!important;
}

.ita-bullet  a, .ita-bullet  a:link, .ita-bullet  a:visited {
    color: #000;
    text-decoration: none;
}
.ita-bullet  a:hover {
    color: #89c826;
}
/*-------- ITA --------*/

/*-------- eGP --------*/
.eGP a, .eGP a:link, .eGP a:visited {
    font-family: 'Kanit';
    
    font-size: 18px !important;
    font-style: italic;
    font-weight: normal !important;
    color: #000;
    background: url(/images/images-setup/pdf-icon.png) no-repeat scroll 0 0px;
    padding: 0px 0px 8px 30px;
    margin: 0px;
}
.eGP a:hover {
    color: #faef70 !important;
}

/***** Art Sheet Background  ****/
.art-special-style {
    padding: 0px;
}
.special-container {
    display: block;
    position: relative;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px;
}
/*@media screen and (max-width: 800px) {
    .special-container  {
    top: -110px;
  }
}
@media screen and (max-width: 768px) {
    .special-container  {
    top: -105px;
  }
}
@media screen and (max-width: 765px) {
    .special-container  {
    top: -105px;
  }
}
@media screen and (max-width: 765px) {
    .special-container  {
    top: -100px;
  }
}
@media screen and (max-width: 720px) {
    .special-container  {
    top: -95px;
  }
}
@media screen and (max-width: 711px) {
    .special-container  {
    top: -115px;
  }
}
@media screen and (max-width: 700px) {
    .special-container  {
    top: -95px;
  }
}
@media screen and (max-width: 695px) {
    .special-container  {
    top: -115px;
  }
}
@media screen and (max-width: 673px) {
    .special-container  {
    top: -105px;
  }
}
@media screen and (max-width: 563px) {
    .special-container  {
    top: -115px;
  }
}
*/
.special-wrapper {
    display: block;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    height: auto;
}
.bg-bottom {
    padding: 0px;
    margin: 0px;
    position: relative;
    width: 100%;
    height: 350px;
    background: #FFF url(/Sithan/Background/bg_bottom.png) bottom center no-repeat;
}
@media (max-width: 800px) {
  .bg-bottom {
    height: 400px;
  }
}
.bg-a {
    display: block;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    background: #FFF url(/Sithan/Background/bg-news-event.png) top center no-repeat;
}

.bg-b {
    display: block;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    background: #FFF url(/Sithan/Background/blue-web-bg.png) bottom center no-repeat;
}

/*** Menu Login Popup***/
.art-block ul>li.item-726 {
    background: linear-gradient(30deg, rgba(212,210,254,1) 0%, rgba(63,25,134,1)) !important;
    border-radius: 30px !important;
    padding: 10px 40px !important;
    text-align: center !important;
    color: #FFF !important;
    font-family: 'Kanit' !important;
    
    font-weight: 400 !important;
    font-size: 20px !important;
    text-decoration: none !important;
}
.art-block ul>li.item-726:before {
    content:none !important;
}
.art-block ul>li.item-727 {
    background: linear-gradient(30deg, rgba(212,210,254,1) 0%, rgba(63,25,134,1)) !important;
    border-radius: 30px !important;
    padding: 10px 40px !important;
    text-align: center !important;
    color: #FFF !important;
    font-family: 'Kanit' !important;
    
    font-weight: 400 !important;
    font-size: 20px !important;
    text-decoration: none !important;
}
.art-block ul>li.item-727:before {
    content:none !important;
}

/*** Search Results ***/
.art-postcontent div.result-text {
    color: #FFF !important;
    font-family: 'Kanit' !important;
    
    font-weight: 400 !important;
    font-size: 18px !important;
    font-style:italic;
}
.art-postcontent div.result-text {
    color: #faef70 !important;
}

.flip-box {
    background-color: transparent;
    width: 100%;
    height: auto;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
}

/**** Flip Box ***/
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #bbb;
  color: black;
}

.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
/**My-Cloud**/
.My-Cloud{
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 680px;
    z-index: 0;
}
@media screen and (max-width: 800px) { 
   .My-Cloud {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
/**eGP-Img**/
.eGP-Img {
    text-align: center;
    width: 100%;
    height: auto;
}
.eGP-Img-1 img {
    max-width: 45%;
    width: 40%;
    height: auto;
}
@media screen and (max-width: 800px) { 
   .eGP-Img-1 img {
    width: 60%;
    height: auto;
  }
}
@media screen and (max-width: 600px) { 
   .eGP-Img-1 img {
    width: 70%;
    height: auto;
  }
}
@media screen and (max-width: 500px) { 
   .eGP-Img-1 img {
    width: 90%;
    height: auto;
  }
}
@media screen and (max-width: 400px) { 
   .eGP-Img-1 img {
    width: 90%;
    height: auto;
  }
}
@media screen and (max-width: 300px) { 
   .eGP-Img-1 img {
    width: 90%;
    height: auto;
  }
}
/** Slogan **/
.Slogan-N {
    display: block;
    background: url(/Sithan/Banner/EIT-2025.gif) no-repeat scroll center top;
    background-size: 100% 100%;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 0 !important;
    width: 600px;
    height: 251px;
    overflow: hidden;
    top: 300px;
    left: 240px;
}
@media screen and (max-width: 800px) { 
   .Slogan-N {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
/** Banner Nayok **/
.Banner-N {
    display: block;
    background: url(/Sithan/Banner/Banner-Nayok-2.png) no-repeat scroll center top;
    background-size: 100% 100%;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 480px;
    height: 408px;
    overflow: hidden;
    top: 250px;
    right: -50px;
    z-index: 0 !important;
}

@media screen and (max-width: 800px) { 
   .Banner-N {
    display: block;
    background: url(/Sithan/Banner/Banner-Nayok.png) no-repeat scroll center top;
    background-size: 100% 100%;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 400px;
    height: 340px;
    overflow: hidden;
    top: 200px;
    right: 10px;
    z-index: 0 !important;
    }
}
@media screen and (max-width: 600px) { 
   .Banner-N {
    top: 160px;
    left: 140px;
    }
}
@media screen and (max-width: 520px) { 
   .Banner-N {
    top: 160px;
    left: 120px;
    }
}
@media screen and (max-width: 430px) {
.Banner-N {
    top: 160px;
    left: 20px;
    }
}
@media screen and (max-width: 390px) {
.Banner-N {
    top: 160px;
    left: 0px;
    }
}
/** Old Version Banner **/
.Old-Version-Banner {
    display: block;
    background: url(/Sithan/Banner/old-version-enter-bg.png) no-repeat scroll center top;
    background-size: 100% 100%;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 80px;
    height: 80px;
    overflow: hidden;
    top: 280px;
    left: 80px;
    z-index: 0 !important;   
}
@media screen and (max-width: 800px) { 
   .Old-Version-Banner {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
/** Tab **/
.warpper {           /** จัดวางปุ่ม Tab กึ่งกลาง **/
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tab-news-container {
    display: block;
    position: relative;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin-top: 0px;
}
@media screen and (max-width: 2300px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1920px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1800px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1720px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1600px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1420px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1200px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 1080px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 900px) { 
   .tab-news-container {
      margin-top: -20px;
    }
}
@media screen and (max-width: 800px) { 
   .tab-news-container {
      margin-top: 30px;
    }
}
.tab {
  cursor: pointer;
    padding: 20px 20px;
    margin: 0px;
    background: #0491f1;
    display: inline-block;
    color: #FFF;
    font-family: 'Kanit' !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    text-decoration: none !important;
    /*box-shadow: 0 0.5rem 0.8rem #00000080;*/
}
@media screen and (max-width: 367px) { 
   .tab {
    font-size: 20px !important;
    }
}
@media screen and (max-width: 319px) { 
   .tab {
    font-size: 18px !important;
    }
}
#one-tab {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    position: relative;
    left: 3px;
}
#two-tab {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    position: relative;
    right: 3px;
}
.panels {
    background: transparent;
    box-shadow: 0 1rem 1rem #ddd;
    width: 100%;
    overflow: hidden;
    padding: 20px 20px 40px 20px;
}

.panel {
  display: none;
  animation: fadein 0.8s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.panel-title {
  font-size: 1.5em;
  font-weight: bold;
}

.radio {
  display: none;
}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel {
  display: block;
}

#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab {
    background: #a2dafd;
    color: #FFF;
    /*border-top: 3px solid #FFF;*/
    font-family: 'Kanit' !important;
    font-weight: normal !important;
    font-size: 22px !important;
    text-decoration: none !important;
    }
@media screen and (max-width: 367px) { 
    #one:checked ~ .tabs #one-tab, #one:checked ~ .tabs #one-tab {
    font-size: 22px !important;
    }
  }
@media screen and (max-width: 319px) { 
    #one:checked ~ .tabs #one-tab, #one:checked ~ .tabs #one-tab {
    font-size: 18px !important;
    }
  }
.Featured-Policy-Container {
    display: block;
    background: transparent;
    width: 100%;
    padding: 30px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}

/***** Container Position  ****/
.Q-and-A-Container {
    display: block;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
.Banner-Link-Container {
    display: block;
    background: transparent;
    width: 100%;
    padding: 10px;
    margin: 0px;
}
@media screen and (max-width: 800px) { 
   .Banner-Link-Container  {
    width: 100%;
    padding: 10px;
    }
  }
.K2-Comment-Container {
    display: block;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin: 40px 0px 0px 0px;
}
.Poll-Place-Container {
    display: block;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.Map-Container {
    display: block;
    background: transparent;
    width: 100%;
    height: :320px;
    padding: 0px;
    margin: 0px;
}
.Text-Link-Container {
    display: block;
    background: transparent;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

/***** K2 user register form ****/
.k2AccountPage {
    margin: 40px 10px 0px 10px !important;
}

.k2AccountPage div.k2AccountPageUpdate .art-button {
    background: #89c826;
    border-top: 0px;
    border-radius: 30px !important;
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    color: #FFF !important;
    line-height: 150% !important;
    padding: 5px 40px 15px 40px !important;
    text-decoration: none  !important;
}

.k2AccountPage table tr td label {
    font-family: 'Kanit' !important;
    font-size: 18px !important;
    color: #000 !important;
    line-height: 150% !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.k2AccountPage th.k2ProfileHeading {
    font-family: 'Kanit' !important;
    font-size: 22px !important;
    color: #000 !important;
    line-height: 150% !important;
    text-align: center !important;
    padding:10px 0px !important;
    margin:0px !important;
}
.responsive .art-responsive-embed {
    padding-bottom: 100px !important;
}

/***** Hoverable Sidenav Buttons ****/
#SidenavBT a {
    position: fixed;
    left: -120px;
    transition: 0.3s;
    padding: 15px;
    width: 180px;
    text-decoration: none;
    font-family: 'Kanit' !important;
    font-size: 16px;
    text-align: right;
    color: #000;
    border-radius: 0 5px 5px 0;
    border: solid 1px #FFF;
    z-index: 5555;
}

#SidenavBT a:hover {
  left: -1px;
  font-size: 16px;
}

#m1{
  top: 100px;
  /*background-color: #04AA6D;
  background-color: #a2dafd*/
  background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
}

#m2 {
  top: 180px;
  /*background-color: #04AA6D;
  background-color: #a2dafd*/
  background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
}

#m3 {
  top: 260px;
  /*background-color: #04AA6D;
  background-color: #a2dafd*/
  background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
}

#m4 {
  top: 340px;
  /*background-color: #04AA6D;
  background-color: #a2dafd*/
  background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
}
.sidenav-x {
    display: block;
}

.Home-Header {
    /*background: linear-gradient(to right, rgba(0, 146, 218, 1) 1%, rgba(0, 218, 243, 1) 100%);*/
    background: linear-gradient(30deg, rgba(178,248,254,1) 0%, rgba(6,146,241,1)) !important;
    text-align: center;
    margin-left: 40%;
    margin-right: 40%;
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 30px !important;
    font-family: 'Kanit';
    font-size: 22px !important;
    color: #FFF !important;
    line-height: 150% !important;
    padding: 10px 40px !important;
    text-decoration: none;
}
/** Facebook Messenger **/
.FB-Messenger {
    display: block;
    background: url(/Sithan/Icon/FB_Messenger.png) no-repeat scroll center top;
    background-size: 100% 100%;
    position: fixed;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 60px;
    height: 60px;
    overflow: hidden;
    right: 25px;
    bottom: 20px;
    z-index: 0 !important;   
}
@media screen and (max-width: 800px) { 
   .FB-Messenger {
    visibility: hidden;
    clear: both;
    display: none;
  }
}