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


/************************************************************************************
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; }

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

.art-post {
    padding: 10px 5px 5px 10px !important;
}
.art-block {
    margin: 0px 5px 15px 5px !important;
}
.art-nostyle {
    padding: 0px 5px 0px 5px;
 }
.art-nostyle h3 {
    background: #e4513f;
    font-size: 24px;
    font-family: 'quarklight'; 
    letter-spacing: 1px;
    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: #000;
    font-family: 'quarklight'!important;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px !important;
    text-decoration: none;
}
.art-blockcontent a:hover {
    color: #fea202 !important;
}
.art-postcontent p {
    margin: 5px 0 10px 0 !important;
}
.art-postcontent h2 {
    color: #000 !important;
    font-family: 'quarklight'!important;
    font-size: 22px!important;
    letter-spacing: 1px!important;
    margin: 5px 0px;
}
/*.art-footer {
    padding-top:20px;
    margin-top:20px;
    border-top: 5px solid #e4513f;
}*/

div.art-content-layout {
    margin-bottom:20px;
}

@media screen and (min-width: 480px) { 
    .responsive.responsive-tablet .art-block {
    width: 48.5% !important;
    }
}
@media screen and (max-width: 680px) { 
    .responsive.responsive-tablet .art-block {
    width: 48% !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: 'quarklight'!important;
  font-size: 14px!important;
  letter-spacing: 1px!important;
  color: #afafaf!important;
  text-decoration:none!important;
  padding: 0px !important;
}

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

.LangSwitch a.active{
  font-family: 'quarklight' !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  color: #FFFFFF !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: 12px !important;
    letter-spacing: 0px !important;
    font-weight: 100!important;
    font-style: normal!important;
    color: #666!important;
    line-height: 150% !important;
}

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

 }
.logo-wrapper {
    width:380px;
    height:110px;
    background:#e9efed;
    position: relative;
    left: -7px;
}
 .logo-box {
    display: block;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background:transparent;
    z-index: 999;
    width: 300px;
    height: 90px;
    overflow: hidden;
    margin-top: 10px;
}
 .logo-box img {
    width: 300px;
    height: 90px;
 }

/*@media screen and (max-width: 990px) {
  .logo-box {
    margin-top: 0px;
  }
}
@media screen and (max-width: 450px) {
  .logo-box {
    width: 100%;
    height: 93px;
    padding: 5px;
  }
}*/
.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: 12px;
    color: #303F50;
    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: #e4513f;
}
.CategoryReadMore ul>li:before  {
    content: no-close-quote !important; 
}
.VisionText blockquote {
    font-family: 'quarklight'; 
    font-size: 24px;
    letter-spacing: 1px;
    color: #000;
    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: 'quarklight'; 
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    line-height: 150%;
}
.DescriptionHeader-1 {
    font-family: 'quarklight'; 
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    line-height: 150%;
}
.DescriptionHeader-2 {
    font-family: 'quarklight'; 
    font-size: 18px;
    letter-spacing: 1px;
    color: #000;
    line-height: 150%;
}
ol.NumberList-1 li {

    font-family: 'tahoma'!important;
    font-size: 12px !important;
    letter-spacing: 1px;
    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: 12px !important;
    font-style: normal!important;
    color: #000!important;
    line-height: 150% !important;
    letter-spacing: 0px !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: 'quarklight'!important;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px !important;
    text-decoration: none;
}
.DescriptionItem a:hover {
    color: #e4513f !important;
    font-size: 16px !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: #eee;
    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: 3px !important;
}
.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 {
    width: 1192px;
    height: 480px;
    position: relative;
    background: url(/Nakrazang/Background/HeaderBg.png) no-repeat scroll center top;
    background-size: 95% !important;
    top: 0px;
    padding:0;
    margin-left:-100px;
}
@media screen and (max-width: 992px) {
  .Header-Container-Bg {
    width: 1170px;
    height: 480px;
    background: url(/Nakrazang/Background/HeaderBg-2.png) no-repeat scroll center top;
    top: -10px;
  }
}
@media screen and (max-width: 768px) {
  .Header-Container-Bg {
    width: 920px;
    height: 350px;
    background: url(/Nakrazang/Background/HeaderBg-2.png) no-repeat scroll center top;
    top: -10px;
  }
}
@media screen and (max-width: 520px) {
  .Header-Container-Bg {
    width: 690px;
    height: 260px;
    background: url(/Nakrazang/Background/HeaderBg-2.png) no-repeat scroll center top;
    top: -10px;
  }
}
@media screen and (max-width: 480px) {
  .Header-Container-Bg {
    width: 590px;
    height: 220px;
    background: url(/Nakrazang/Background/HeaderBg-2.png) no-repeat scroll center top;
    top: -10px;  
    }
}
@media screen and (max-width: 375px) {
  .Header-Container-Bg {
    width: 550px;
    height: 210px;
    background: url(/Nakrazang/Background/HeaderBg-2.png) no-repeat scroll center top;
    top: -10px;
    }
}
@media screen and (max-width: 320px) {
  .Header-Container-Bg {
    width: 500px;
    height: 190px;
    background: url(/Nakrazang/Background/HeaderBg-2.png) no-repeat scroll center top;
    top: -10px;
    }
}
/*@media screen and (max-width: 800px) {
  .Header-Container-Bg {
    visibility: hidden;
    clear: both;
    display: none;
  }
}*/
.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: #000;
    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: #000 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: 'quarklight'; 
    letter-spacing: 1px;
    font-weight: normal;
}
div#maximenuck99 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck99 ul.maximenuck2 li.maximenuck {
    font-size: 20px !important;
    font-family: 'quarklight'; 
    letter-spacing: 1px;
    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: #000 !important;
    font-size: 16px !important;
}
div#maximenuck99 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck99 ul.maximenuck2 a {
    font-size: 16px !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-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#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: #fea202 !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: #fea202 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: #000;
    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: #000 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: 'quarklight'; 
    letter-spacing: 1px;
    font-weight: normal;
}
div#maximenuck174 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck174 ul.maximenuck2 li.maximenuck {
    font-size: 20px !important;
    font-family: 'quarklight'; 
    letter-spacing: 1px;
    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: #000 !important;
    font-size: 16px !important;
}
div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck174 ul.maximenuck2 a {
    font-size: 16px !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: #000 !important;
}
div#maximenuck174 ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck174 ul.maximenuck2 li a {
    color: #000 !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 Component
*************************************************************************************/
div.itemContainerLast {
    width: 100%;
}
div.catItemReadMore a {
    border: 1px solid #000;
    font-family: 'quarklight';
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #000;
    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: #000 !important;
    text-decoration: none;
}
div.catItemReadMore a:hover {
    color: #fea202 !important;
    border: 1px solid #fea202;
}
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: 'quarklight'!important;
    font-size: 16px !important;
    letter-spacing: 1px !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: #fea202 !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: 'quarklight'!important;
    font-size: 18px!important;
    letter-spacing: 1px!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: #fea202 !important;
}
.groupLeading .catItemImageBlock span.catItemImage img {
    margin-bottom: 15px!important;
}
div.k2Pagination {
    font-family: 'quarklight';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
}
div.itemIntroText {
    color: #000 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    font-weight: 100 !important;
}
div.catItemReadMore {
    float: right;
    margin-right: 20px;
}
div.itemList {
    margin-top: 10px;
}
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{
    color: #e4513f !important;
    padding: 0px;
    display: block;
}
/************************************************************************************
K2 Module
*************************************************************************************/

div.k2ItemsBlock ul li a.moduleItemTitle {
    color: #000;
    font-family: 'quarklight';
    font-size: 20px;
    line-height: 120%;
    font-weight: normal;
    letter-spacing: 1px;
    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: 'quarklight';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover  {
    color: #89cefd;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated {
    color: #ff874c;
    font-family: 'quarklight';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    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%;
    margin: 0px;
    padding: 0px;
}
.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;
    letter-spacing: 1px;
    text-decoration: none;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
    font-family: 'Source Sans Pro';
    font-size: 12px;
    color: #000;
    letter-spacing: 0px;
}
div.itemAttachmentsBlock span {
    color: #000;
    margin: 10px 10px 10px 10px;
    font-size: 20px;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-style: italic;
}
ul.itemAttachments li a {
    line-height: 20px;
    font-size: 16px;
    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: #FFF !important;
    font-size: 11px !important;
}
span.catItemDateCreated {
    float:right !important;
    padding-left: 20px !important;
}
div.itemFullText img {
    width: 100%;
}
span.catItemImage {
    margin: 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: #e4513f !important;
    font-size: 12px !important;
    font-style: normal !important;
}
div.itemAttachmentsBlock ul.itemAttachments li a:hover {
    color: #fcc35f !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.groupLinks div.catItemHeader span.catItemDateCreated {
    font-family: 'tahoma'!important;
    color: #e4513f !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;
}
@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;
    }
}

/************************************************************************************
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; 
}
ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
    padding: 0px !important; 
    background: transparent !important; 
}
ul.sigProClassic li.sigProThumb {
    background: transparent !important;
    border: solid 1px #fff;
}

/************************************************************************************
Highlighter GK5
*************************************************************************************/

@media screen and (max-width: 960px) {
  .gkHighlighterGK5 {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
.gkHighlighterGK5 {
    margin-left: -3px;
    margin-bottom: 20px;
}
#gkHighlighterGK5-0 .gkHighlighterInterface {
    background-color: #f5b04a !important;
    padding:5px!important;
    border-radius: 3px;
}
#gkHighlighterGK5-0 .gkHighlighterInterface span.text {
    color: #FFF !important;
    font-size: 12px !important;
    font-family: 'quarklight';
    font-weight: 400;
    letter-spacing: 1px;
}
.gkHighlighterWrapperSub, .gkHighlighterWrapperSub a, .gkHighlighterWrapperSub a:link, .gkHighlighterWrapperSub a:visited  {
    color: #000 !important;
    font-size: 16px !important;
    font-family: 'quarklight';
    letter-spacing: 1px;
    text-decoration: none;
}
.gkHighlighterWrapperSub a:hover {
    color:  #ffc627 !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: 100px !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 .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    letter-spacing: 1px;
    font-style: italic;
    color: #e4513f;
}

.nspArt h4.nspHeader {
    color: #000 ;
    font-size: 18px !important;
    font-family: 'quarklight';
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 !important;
    padding: 0px 0px 10px 0px!important;
}
.nspArt h4.nspHeader:hover {
    color: #3e465a;
}
.nspArt h4.nspHeader a {
    color: #000;
    font-size: 18px !important;
    font-family: 'quarklight';
    letter-spacing: 1px;
    text-decoration: none;
}
.nspArt h4.nspHeader a:hover {
    color: #fea202 !important;
}

.NewsOnHome {
    padding:15px 10px 5px 10px;
    border-radius: 0px 0px 5px 5px;
    background: transparent;
    border: solid 0.5px #fff;
}

.NewsOnHome .nspArt .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    letter-spacing: 1px;
    font-style: italic;
    color: #e4513f;
}
.NewsOnHome .nspArt p.nspText {
    color: #000;
    font-weight: 400;
}
.NewsOnHome .nspArt img.nspImage {
    border-right: solid 1px #FFF;
    filter:alpha(opacity=100);
    opacity:1;
}
.NewsOnHome .nspArt img.nspImage:hover {
    filter:alpha(opacity=50); 
    opacity:0.8;
}
.NewsOnHome .nspArt h4.nspHeader {
    color: #000;
    font-size: 16px !important;
    font-family: 'quarklight';
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 !important;
    padding: 0px 0px 0px 0px!important;
}
@media (max-width: 600px) {
    .NewsOnHome .nspArt h4.nspHeader {
        padding: 0px 0px 0px 120px!important;
    }
}
.NewsOnHome .nspArt h4.nspHeader:hover {
    color: #fcc35f;
}
.NewsOnHome .nspArt h4.nspHeader a {
    color: #000;
    font-size: 18px !important;
    font-family: 'quarklight';
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
}
.NewsOnHome .nspArt h4.nspHeader a:hover {
    color: #fcc35f !important;
}
.document-link {
    padding:15px 10px 5px 10px;
    border-radius: 0px 0px 5px 5px;
    background: transparent;
    border: solid 0.5px #fff;
}
.document-link .nspArt .nspInfo {
    font-family: 'tahoma';
    font-size: 10px !important;
    letter-spacing: 1px;
    font-style: italic;
    color: #E45144;
}
.document-link .nspArt p.nspText {
    color: #f0f0f0;
}
.document-link .nspArt h4.nspHeader a {
    
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-size: 16px !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;
}
.document-link .nspArt h4.nspHeader a:hover {
    color: #fcc35f !important;
}
.HomeContentReadMore ul li a {
    float:right!important;
    border: 1px solid #000 !important;
    border-radius: 15px !important;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
    font-size: 12px !important;
    font-weight: 100 !important;
    color: #000 !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;
}
.HomeContentReadMore ul li a:hover {
    color: #fcc35f !important;
    border: 1px solid #fcc35f !important;
}
.HomeGK5ReadMore ul li a:link, .HomeGK5ReadMore ul li a:visited {
    content :none!important;
    float:right;
    border: 1px solid #fea202!important;
    border-radius: 15px!important;
    font-family: 'quarklight'!important;
    font-size: 12px !important;
    font-weight: normal!important;
    letter-spacing: 1px!important;
    color: #fea202 !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: #fea202 !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: 20px !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: #f5b04a !important; /* แท็บ Active */
}
.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.horizontal ol li:hover  {
    text-shadow: none !important;
    background: #58c051 !important; /* แท็บ Hover */
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    color: #FFF !important;
    text-shadow: none !important;
    background: #127846 !important; /* แท็บ Standby */
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    font-weight: normal !important;
    color: #FFF !important;
    font-size: 18px !important;
    font-family: 'quarklight';
    letter-spacing: 1px;
    padding:2px 10px!important;
    border-radius: 3px 3px 0px 0px;
    border-right: solid 0.5px #fff;
    border-top: solid 0.5px #fff;
    margin-bottom: 3px !important;
}
.gkTabsWrap.vertical ol {
    border-bottom: 0px solid #e4513f;
    min-height: 42px !important;
}
.gkTabsItem {
    padding: 0px !important;
}

/************************************************************************************
Sexy Poll
*************************************************************************************/

.polling_submit {
    font-weight: normal !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: 'quarklight'!important;
    letter-spacing: 1px !important;
}
.polling_result {
    font-weight: normal !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: 'quarklight'!important;
    letter-spacing: 1px !important;
}
.polling_container ul>li:before {
    content: no-close-quote !important; 
}


/***
For  #mod_111_1  Poll 1 on Position 6  
***/

#mod_111_1 .polling_name {
    text-shadow: none !important;
    color: #000 !important;
    font-size: 20px !important;
    font-family: 'quarklight' !important;
    letter-spacing: 1px;
    line-height: 150% !important;
}
#mod_111_1 .answer_name label { 
    color: #000 !important;
    font-size: 16px !important;
    font-family: 'quarklight' !important;
    letter-spacing: 1px;
    font-weight: normal !important;
    text-shadow: none !important;
}
#mod_111_1 .polling_container {
    border: 0px solid #ddd !important;
    background-color: transparent !important;
    -moz-box-shadow: inset 0px 0px 45px 0px #FFF !important;
    -webkit-box-shadow: inset 0px 0px 45px 0px #FFF !important;
    box-shadow: inset 0px 0px 45px 0px #FFF !important;
}
#mod_111_1 .polling_bar_3 {
    background-color: #aced8c !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aced8c', endColorstr='#aced8c')!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aced8c), to(#aced8c))!important;
    background: -webkit-linear-gradient(top, #aced8c, #aced8c)!important;
    background: -moz-linear-gradient(top, #aced8c, #aced8c)!important;
    background: -ms-linear-gradient(top, #aced8c, #aced8c)!important;
    background: -o-linear-gradient(top, #aced8c, #aced8c)!important;
}
#mod_111_1 .polling_bar_2 {
    background-color: #f5f18f!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f18f', endColorstr='#f5f18f')!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f18f), to(#f5f18f))!important;
    background: -webkit-linear-gradient(top, #f5f18f, #f5f18f)!important;
    background: -moz-linear-gradient(top, #f5f18f, #f5f18f)!important;
    background: -ms-linear-gradient(top, #f5f18f, #f5f18f)!important;
    background: -o-linear-gradient(top, #f5f18f, #f5f18f)!important;
}
#mod_111_1 .polling_bar_1 {
    background-color: #f58f8f!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f58f8f', endColorstr='#f58f8f')!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f58f8f), to(#f58f8f))!important;
    yuh -webkit-linear-gradient(top, #f58f8f, #f58f8f)!important;
    background: -moz-linear-gradient(top, #f58f8f, #f58f8f)!important;
    background: -ms-linear-gradient(top, #f58f8f, #f58f8f)!important;
    background: -o-linear-gradient(top, #f58f8f, #f58f8f)!important;
}
#mod_111_1 .polling_result {
    background-color: #ddd !important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: #c9c9c9!important;
    text-shadow: none!important;
}
#mod_111_1 .polling_result:hover {
    color: #e4513f !important;
}
#mod_111_1 .polling_submit {
    background-color: #ddd !important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: #c9c9c9!important;
    color: #000;
    text-shadow: none!important;
}
#mod_111_1 .polling_submit:hover {
    color: #e4513f !important;
}


/*** 
For  #mod_126_1 Poll 2 on Position 7  
***/

#mod_126_1 .polling_name {
    color: #000 !important;
    font-size: 20px !important;
    font-family: 'quarklight' !important;
    letter-spacing: 1px;
    font-weight: normal !important;
    text-shadow: none !important;
    line-height: 150% !important;
}
#mod_126_1 .answer_name label { 
    color: #000 !important;
    font-size: 16px !important;
    font-family: 'quarklight' !important;
    letter-spacing: 1px;
    font-weight: normal !important;
    text-shadow: none !important;
}
#mod_126_1 .polling_container {
    border: 0px solid #ddd !important;
    background-color: transparent !important;
    -moz-box-shadow: inset 0px 0px 45px 0px #FFF !important;
    -webkit-box-shadow: inset 0px 0px 45px 0px #FFF !important;
    box-shadow: inset 0px 0px 45px 0px #FFF !important;
}
#mod_126_1 .polling_bar_3 {
    background-color: #aced8c !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aced8c', endColorstr='#aced8c')!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aced8c), to(#aced8c))!important;
    background: -webkit-linear-gradient(top, #aced8c, #aced8c)!important;
    background: -moz-linear-gradient(top, #aced8c, #aced8c)!important;
    background: -ms-linear-gradient(top, #aced8c, #aced8c)!important;
    background: -o-linear-gradient(top, #aced8c, #aced8c)!important;
}
#mod_126_1 .polling_bar_2 {
    background-color: #f5f18f!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f18f', endColorstr='#f5f18f')!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f18f), to(#f5f18f))!important;
    background: -webkit-linear-gradient(top, #f5f18f, #f5f18f)!important;
    background: -moz-linear-gradient(top, #f5f18f, #f5f18f)!important;
    background: -ms-linear-gradient(top, #f5f18f, #f5f18f)!important;
    background: -o-linear-gradient(top, #f5f18f, #f5f18f)!important;
}
#mod_126_1 .polling_bar_1 {
    background-color: #f58f8f!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f58f8f', endColorstr='#f58f8f')!important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f58f8f), to(#f58f8f))!important;
    background: -webkit-linear-gradient(top, #f58f8f, #f58f8f)!important;
    background: -moz-linear-gradient(top, #f58f8f, #f58f8f)!important;
    background: -ms-linear-gradient(top, #f58f8f, #f58f8f)!important;
    background: -o-linear-gradient(top, #f58f8f, #f58f8f)!important;
}
#mod_126_1 .polling_result {
    background-color: #ddd !important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: #c9c9c9!important;
    text-shadow: none!important;
}
#mod_126_1 .polling_result:hover {
    color: #e4513f !important;
}
#mod_126_1 .polling_submit {
    background-color: #ddd !important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: #c9c9c9!important;
    color: #000;
    text-shadow: none!important;
}
#mod_126_1 .polling_submit:hover {
    color: #e4513f !important;
}

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



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

#PersonnalWraper {
    width: 100%;
    margin-top: 20px;
    margin-right: 0px !important;
    overflow: hidden;
}
#PersonnalWraper h4 {
    color: #000 ;
    font-size: 18px !important;
    font-family: 'quarklight';
    font-style: normal;
    letter-spacing: 1px;
    text-align: center;
    margin: 5px 0px;
}
#PersonnalWraper p {
    color: #000 ;
    font-style: normal;
    text-align: center;
    margin: 0px;
}
#PersonnalContent {
    clear: both;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
#PersonnalHeader {
    display: inline-block;
    color: #FFF;
    font-size: 20px;
    font-family: 'quarklight';
    font-style: normal;
    letter-spacing: 1px;
    background: #fea202;
    border: solid 1px #ccc;
    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: 52%;
    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 #000 !important;
    border-top: 1px solid #000 !important;
    margin: 0px;
    padding: 0px;
}
div.itemListCategory h2 {
    color: #000;
    font-size: 20px;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: normal;
    font-style: normal;
    line-height: 130%;
    text-align: center;
    padding: 10px 0px 7px 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(/Nakrazang/Background/Content-Header-Bg.png) repeat-x scroll 0 0px !important;
    margin: 0px;
    padding: 0px;
}


.MobileBlockHeader h4 {
    color: #000;
    font-size: 20px;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: normal;
    font-style: normal;
    text-align: right;
    padding: 10px 5px;
    margin: 0px;
}
/*
.Border-L {
    display: inline;
    height: 60px;
    width: 31px;
    background: url(/Muangdet/Background/HeadBlockLeft.png) repeat-x scroll 0 0px !important;
    position: relative;
    float: left;
    top: 0px;
    left: -24px;
    overflow: hidden;
}
.Border-R {
    height: 60px;
    width: 31px;
    background: url(/Muangdet/Background/HeadBlockRight.png) repeat-x scroll 0 0px !important;
    position: relative;
    float: right;
    top: 0px;
    right: -25px;
}
*/
/************************************************************************************
Content Three Collumn
*************************************************************************************/

.Content-BlockHeader {
    background: #e4513f;
    padding: 5px;
}
.Content-BlockHeader h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'quarklight';
    letter-spacing: 1px;
    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: 32.2%;
    float: left;
}
.ContentCol-2 {
    width: 32.2%;
    float: left;
}
.ContentCol-3 {
    width: 32.2%;
    float: left;
}
.ContentCol-1, .ContentCol-2, .ContentCol-3 {
    background: transparent;
    margin: 5px;
    margin-bottom: 20px;
    padding: 5px;
}

.ContentInBlock {
    padding:5px;
    color: #000;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px !important;
    text-decoration: none;
    line-height: 150%;
}
div.ContentInBlock ul>li:before {
    content: url(../images/blockbullets.png);
    margin-right: 6px;
    margin-left: 15px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}
.ContentInBlock a, .ContentInBlock a:link, .ContentInBlock a:visited {
    color: #000;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
}
.ContentInBlock a:hover {
    color: #fea202;
}

.ContentInBlock-X {
    padding:5px;
    color: #000;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    line-height: 150%;
}

.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: #000;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
}
.ContentInBlock-X  a:hover {
    color: #fcc35f;
}

@media screen and (max-width: 1100px) {
    .ContentCol-1 {
        width: 32.2%;
        float: left;
    }
    .ContentCol-2 {
        width: 32.2%;
        float: left;
    }
    .ContentCol-3 {
        width: 32.2%;
        float: left;
    }
}
@media screen and (max-width: 910px) {
    .ContentCol-1 {
        width: 32%;
        float: left;
    }
    .ContentCol-2 {
        width: 32%;
        float: left;
    }
    .ContentCol-3 {
        width: 32%;
        float: left;
    }
}
@media screen and (max-width: 830px) {
    .ContentCol-1 {
        width: 32%;
        float: left;
    }
    .ContentCol-2 {
        width: 32%;
        float: left;
    }
    .ContentCol-3 {
        width: 32%;
        float: left;
    }
}
@media screen and (max-width: 774px) {
    .ContentCol-1 {
        width: 96%;
        float: left;
        margin-left: 8px;
    }
    .ContentCol-2 {
        width: 96%;
        float: left;
        margin-left: 8px;
    }
    .ContentCol-3 {
        width: 96%;
        float: left;
        margin-left: 8px;
    }
}

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

.Footer-BlockWraper {
    width: 100%;
}
.FooterCol-1 {
    width: 400px;
    float: left;
    position: relative;
    top: 40px;
}
.FooterCol-2 {
    width: 400px;
    float: right;
}
.FooterCol-1, .FooterCol-2 {
    background: transparent;
    margin: 0px;
    padding: 0px;
}
.FooterInBlock-L {
    padding:5px;
    color: #000;
    font-size: 13px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
}
.FooterInBlock-R {
    padding:5px;
    color: #000;
    font-size: 13px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: 400;
    line-height: 150%;
    text-align: right;
}

@media screen and (max-width: 865px) {
    .FooterCol-1 {
        width: 48%;
        float: left;
    }
    .FooterCol-2 {
        width: 48%;
        float: left;
    }
}
@media screen and (max-width: 774px) {
    .FooterCol-1 {
        visibility: hidden;
        clear: both;
        display: none;
  }
    .FooterCol-2 {
        width: 96%;
        float: left;
        margin-left: 8px;
    }
    .FooterInBlock-R {
        text-align: left;
    }
}

/************************************************************************************
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: 14px !important;
    line-height: 150% !important;
    color: #000555 !important;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0px !important;
}
.formResponsive label {
    margin-top: 0px !important;
}
.formResponsive label {
    height: 48px !important;
}
#FormHeader {
    font-family: 'quarklight' !important;
    letter-spacing: 1px !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;
  }
}

/************************************************************************************
Art Sexy Lightbox Lite
*************************************************************************************/
.artsexylightbox_container img {
    margin-right: 5px;
    margin-left: 5px;
}
.artsexylightbox {
    margin: 5px !important;
    border: 3px solid #FFF !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: 'quarklight'; 
    letter-spacing: 1px;
    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: 'quarklight'; 
    letter-spacing: 1px;
    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: 'quarklight'; 
    letter-spacing: 1px;
    font-weight: normal;
}

/* The Webboard BT */
.WebboardBT, a.WebboardBT, a.WebboardBT:link, a.WebboardBT:visited {
    float:right!important;
    border: 1px solid #000 !important;
    border-radius: 15px !important;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
    font-size: 12px !important;
    font-weight: 100 !important;
    color: #000 !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: #fcc35f !important;
    border: 1px solid #fcc35f !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: 0;
    width: 100%;
}

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

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: #f2f2f2 !important;}



@media screen and (max-width: 920px) {
  div#maximenuck99 {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    opacity: 0.9;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a, .dropdown-btn {
    padding: 8px 10px 8px 32px;
    text-decoration: none;
    font-family: 'quarklight';
    font-size: 20px;
    letter-spacing: 1px;
    color: #FFF;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;    
    opacity: 1;
}

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

.closebtn_container {
    display:block;
    overflow: hidden;
    height: 30px; 
    padding:10px 0px;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
    color: #FFF;
    opacity: 1;
}
.sidenav .closebtn span {
    position: relative;
    top: -5px;
    left: -15px;
    font-size: 14px;
    color: #FFF;
}
.sidenav .closebtn span:hover {
    color: #fea202;
}

.dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
}
.dropdown-container a {
    font-family: 'quarklight';
    font-size: 14px;
    color: #FFF;
    letter-spacing: 1px;
    font-style: italic;
}    
.dropdown-container a:hover {
    color: #fea202;
}
.fa-caret-down {
    float: right;
    padding-right: 8px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.Nav-Pointer span {
    font-family: 'quarklight';
    font-size: 28px;
    letter-spacing: 1px;
    color: #ebebeb;
    margin: 8px 0px 8px 20px;
}
@media screen and (min-width: 920px) {
  .Nav-Pointer {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

/***** INFO-CENTER ****/ 
.info-center {
    padding:5px;
    color: #000;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
    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: #000;
    font-family: 'quarklight';
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    text-decoration: none;
}
.info-center  a:hover {
    color: #fcc35f;
}

/***** Kunena Latest ****/ 
#Kunena .ktitle, #Kunena a.ktitle {;display: block;text-decoration: none;float: left; font-family: 'thaisans_neuesemi_bold'; font-size:18px; font-weight: normal; letter-spacing: 2px; text-decoration: none;}
#Kunena .kheader h2, #Kunena .kheader h2 a {font-family: 'thaisans_neuesemi_bold'; font-size:18px; font-weight: normal; letter-spacing: 2px; text-decoration: none;}
#Kunena div.kthead-title a {display: inline-block; float: left; padding-bottom: 0px; margin-bottom: 3px; font-family: 'thaisans_neuesemi_bold'; font-size:18px; font-weight: normal; letter-spacing: 2px; text-decoration: none;}
#Kunena #ktab a span {font-family: 'thaisans_neuesemi_bold'; font-size:18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
.kheader h2 {font-family: 'thaisans_neuesemi_bold'; font-size:18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

#Kunena a:link, #Kunena a:visited, #Kunena a:active, #Kunena a:focus {font-family: 'thaisans_neuesemi_bold'; font-size:18px; font-weight: normal; letter-spacing: 2px; text-decoration: none; color: #0c0109!important;background-color: transparent!important;}
#Kunena a:hover {color: #e9941d!important;}

#Kunena td, #Kunena table, #Kunena th, #Kunena div, #Kunena p, #Kunena span {font-family: 'thaisans_neuesemi_bold'; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
#Kunena h2, #Kunena span {font-size:8px;}

#Kunena span.ktopic-posted-time {font-size: 14px;}
#Kunena .ktopic-date {font-size: 14px;}
#Kunena span.kmsgdate {font-family: 'thaisans_neuesemi_bold'; font-size:16px; font-weight: normal; letter-spacing: 1px; text-decoration: none; padding-left:20px;}
#Kunena div.kmsg-header-left span.kmsgdate-left {padding: 0px 0px 5px 30px;}
#Kunena .ks {font-family: 'thaisans_neuesemi_bold'; font-size:16px; font-weight: normal; letter-spacing: 1px; text-decoration: none; padding-left:5px;}

#Kunena .kbutton {font-family: 'thaisans_neuesemi_bold'; font-size:16px; color: #fff; font-weight: normal; letter-spacing: 1px; text-decoration: none;background-color: #742790;border: 0px solid;padding: 5px 10px;}
#Kunena .kbutton:hover, #Kunena .kbutton:focus {font-family: 'thaisans_neuesemi_bold'; font-size:16px; color: #FFF; font-weight: normal; letter-spacing: 1px; text-decoration: none;background-color: #cfcfcf;border: 0px solid;padding: 5px 10px;}

#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton {background-color: #742790;}
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:hover {background-color: #cfcfcf;}

#Kunena ul li {font-family: 'thaisans_neuesemi_bold'; font-size:16px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
#Kunena div {font-size:18px; letter-spacing: 0px;}
#Kunena div.kthead-desc {font-size:16px;}
#Kunena .kfooter-time {font-size:18px; letter-spacing: 1px;}

#Kunena .kicon-button {line-height: 100%;}

.kl-cal h4 {font-size:16px; font-weight:normal; color:#707F8A; padding:12px 0 0px 8px;}
.kl-next {text-align:right; padding:10px;}
.kl-next a {color:#707F8A !important; background:url('/images/bg-arrow-more.png') no-repeat scroll 0 5px; padding:0px 0 0px 15px;}

.klatest-items li.klatest-item {list-style: none !important; margin: 5px 0; padding: 0 0 1px; clear: both;}
.klatest-items ul.klatest-itemdetails {background:#FFF;}
ul.klatest-itemdetails {display:table-row;}
ul.klatest-itemdetails li {display:table-cell; position:relative; }
li.klatest-item {display:table; position:relative; width:100%;}

li.klatest-subject {width: 70%; color: #777777 !important; font-size: 10px; margin-right: 0px; padding: 2px; 5px; 2px; 0px;}
li.klatest-subject a {font-family:Tahoma, Arial, sans-serif, verdana; font-size:13px; font-weight:normal; color:#545454 !important; background:url('/images/bg-arrow-more.png') no-repeat scroll 0px -153px; padding:6px 0px 4px 20px;}
li.klatest-subject a:hover {color:#e9941d !important;}

.klatest-itemdetails li.klatest-author {display: inline; width:30%; text-align:right; margin-left: 0px; padding-left: 5px;}
li.klatest-author a:link {font-family:Tahoma, Arial, sans-serif, verdana; font-size:13px; font-weight:bold; color:#545454 !important; background:url('/images/bg-arrow-more.png') no-repeat scroll 0 -129px; padding:4px 0px 5px 18px;}
li.klatest-author a:hover {color:#e9941d !important;}