@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700,400);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700');
body {
 font-size: 13px;
 font-family:'Raleway',verdana, Georgia, Helvetica, Sans-Serif;
 font-weight: 400;
 margin: 0;
 padding: 0;
 color:#666;
 line-height: 1.4;
 background-position: center 176px;

 /*background-image: url(/Content/Archive/316/bg-302150.jpg);*/
background-image: url(/Content/Archive/316/bg.jpg);
 background-repeat: repeat-x;

}

img { max-width: 100%; }

::-moz-selection {
background: #88162a !important;
color: #ffffff;
text-shadow: none;
}
::selection {
background: #88162a !important;
color: #ffffff;
text-shadow: none;
}

img
{ border:0px }



/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h4,h5 { color:#000; padding:0; margin:0 }
h1 { font-size: 22px }
h2,h5 {
  font-family: 'Montserrat',verdana, Georgia, Helvetica, Sans-Serif;
  font-size: 20px; font-weight: 400
}
h2 a:link,h2 a:visited {color: #000}
h2 a:hover { color: #000 }

h3{ 
  font-family: 'Lato',verdana, Georgia, Helvetica, Sans-Serif; 
  font-size: 20px; 
  font-weight: 700;
  color:#000;
  padding:0;
  margin:0;
}

h4 { font-size:20px; font-weight:300 }


a:link,a:visited,a:active {
  color:#B7599E;
  text-decoration:none !important;
}
a:hover
{
  color:#000;
  text-decoration: underline;
  transition-duration: 0.5s;
}

#HeaderArea #Section6676 { float: right; padding-top: 20px }
#HeaderArea #Sections6674 { float: left }

#navigation ul {
 display: table;
}
#navigation li {
  font-weight: 700;
  display: table-cell;
  list-style: none;
  text-align: center;
  vertical-align: middle;
  height: 44px;
  width: 56px;
  background: url(/Content/Archive/316/lg.jpg) no-repeat center center
}
#navigation a:link,#navigation a:visited {
  color: #000000
}
#navigation a:hover {
  color: #C977B1
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page { width: 960px; margin:0 auto }
#main { width:960px; padding-bottom: 20px }

#LeftArea {
   background: #fff;
  margin-top: 20px;
  width: 225px;
  border-radius:5px;
  float: right;
  font-family: 'Montserrat',verdana, Georgia, Helvetica, Sans-Serif; 
  color:#000;
  font-size: 18px
}
#LeftArea h5 {  
  font-family: 'Oswald',verdana, Georgia, Helvetica, Sans-Serif; 
  font-size: 36px;
  color: #16B26D
}
#LeftArea h2 {
  display: none
}
#fullArticleItem66154 {
  margin: 20px 20px 30px 0px;
  font-family:'Raleway',verdana, Georgia, Helvetica, Sans-Serif;
  width: 183px;
  font-size: 13px;
  float: right;
  text-align: left;
  padding: 14px 20px 0px 20px;
  border:solid 1px #ccc;
  border-radius:5px;
  color:#000;
}
#fullArticleItem66141 img{float:left;padding: 0px 0px 20px 20px;}
#fullArticleItem66154 h2{display:block;}
#fullArticleItem66154 h3 {
  font-family: 'Montserrat',verdana, Georgia, Helvetica, Sans-Serif;
  font-size: 20px; font-weight: 400
}
#RightArea { display: none }
#AsideArea { clear: both; padding-top: 40px }
#ContentArea { 
  border-radius:5px;
  background:#fff;
  padding: 0px;
  margin-top:20px;
  float: left;
  width: 715px;
}
#ContentArea .fullArticle {
  padding: 40px;
  min-height: 500px
}

#ContentArea .fullArticle h2 {
  font-size: 28px;
  padding-bottom: 10px
}
#ContentArea .fullArticle h4, .ArticleDetails h4 {
  font-size: 20px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 5px;
  color: #000;
  background: #D3E1E4
}

#RightOuterArea { clear: both }
#RightOuterArea h2 { display: none }

/*Header
-------------------------------------*/
#header
{padding-top: 20px}
#header h2
{display:none;}



/*Menu
------------------------------------*/
.HeaderContentSectionsWrapper:nth-child(3) { clear: both; padding-top: 40px }
ul.topnav{
  margin:0;
  border-radius:5px !important; 
  background: #C977B1;
}
.MenuVerticalDropdown { width: 100%; clear: both }
.topnav a { /*<-- Style up this*/		
	font-size:13px;
	font-weight: 500;
	color: #fff;	
	padding:0px 10px;
	display: block;
	line-height: 52px;
}
.topnav .VerticalDropDownMenu_active > a, .topnav > li:hover > a { background: none; color: #000; }
/*-- Submenu --*/
.subnav { background:#fff; max-width: 150px; box-shadow: 0px 0px 6px rgba(0,0,0,0.2) } /*<-- Style up this*/
.subnav a { color: #C977B1; line-height: 32px; }
.subnav a:hover { color: #fff; background: #C977B1 }


/*slide
--------------------------------*/

.nivoSlider {
  margin:0px !important;
  padding-bottom: 23px;
  -webkit-box-shadow: 0px 0px 0px 0px #4a4a4a !important;
   -moz-box-shadow: 0px 0px 0px 0px #4a4a4a !important;
   box-shadow: 0px 0px 0px 0px #4a4a4a !important;
  background: url(/Content/Archive/316/slide_shadow.png) bottom center no-repeat !important;
}
.slider-wrapper.theme-default {
border-radius: 5px;
  width: 705px;
  padding: 5px
}
.theme-default .nivo-caption {
  font-family:'Roboto', Arial, Helvetica, sans-serif !important;
  text-transform:uppercase;
  font-weight:300;
  color: #fff;
  text-align:center;
  font-size:13px;
}


.theme-default .nivo-controlNav
{
  background-position: center;
  background-repeat: no-repeat;
  padding: 0px 0 0px 0 !important;
  text-align: center;
}
.slider-wrapper.theme-default .nivo-controlNav a.active { background: #C977B1 }


/*FAQ
-----------------------------------*/
.listFaqs ul
{padding:0;margin:0;}

.listFaqs ul li
{
  padding:10px 20px 10px 20px;
  margin:0px 0px 0px 0px;
  font-size:24px;
  font-weight:300;
  list-style:none;
  background-color:#fff;
  border-bottom:solid 1px #f1f2f3;
}

.faqAnswer
{
 font-size:16px;
 line-height:1.8em;
}

a.linkAnswer
{color:#000;}
a.linkAnswer:hover
{color:#666;}
span.LinkAnswerPlus
{
 width:20px;
 height:40px;
 background:url(/Content/Archive/152/123.png)0px 3px no-repeat;
 float:right;
 padding:0;
 margin:0;
}

span.LinkAnswerMinus
{
width:20px;
height:40px;
background:url(/Content/Archive/152/124.png)0px 5px no-repeat;
float:right;
margin:0;
padding:0;
}


/*FormPage
--------------------------------*/
#CustomForm6682 input[type="submit"] {
  background-color: #c977b1;
  border: 0 solid #000000 !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block !important;
  font-size: 18px !important;
  font-weight: normal !important;
  margin-top: 5px !important;
  padding: 5px 0 !important;
  text-transform: uppercase;
  width: 110px !important;
}
.FormPage
{
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  width:100%;
  overflow:hidden;
}

.FormPage form
{
  border:sold 1px #ccc;
  padding:10px;
  margin:0px;
}

.RequiredSymbol
{color:red;}

.editor-label
{
   margin: 5px 0px 0px 0px;
   padding:0px 0 5px 0;
}


.FormPage form input
{
 margin: 0px 0px 0px 0px !important;
 padding:8px 0 !important;
}

.FormPage form .text-box
{
  font-family:'Signika',verdana, Georgia, Helvetica, Sans-Serif;
  width: 280px;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #CCCCCC #DDDDDD #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-style: solid;
  border-width: 1px;
  color: #65645A;
  padding: 5px 0px;
  margin: 0px 0px 10px 0px !important;
  font-size:16px;
  color:#111;
}

.FormPage form .captcha-img
{
    margin: 10px 0px 0px 0px;
    padding:0px;
}

.FormPage form .captcha
{
    width: 165px !important;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #DDDDDD #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #000;
    font-weight: 300;
   padding: 10px 10px;
    margin: 10px 0px 15px 0px !important;
}


input.Send[type="submit"]
{
   font-family:'Open Sans',Arial, verdana, Georgia, Helvetica, Sans-Serif;
  width: 120px !important;
    display: inline-block !important;

}


.field-validation-error
{color:red;}

.formDesc
{
  width:600px;
  padding:0px 0px 0px 0px;
  display:block;
  float:left;
  margin:0px 10px 0 0px;
}

.FormPage form
{
width:300px;
 display:block;
 margin:0;
 padding:0;
 float:right;
}

/*Footer
----------------------------------------*/
#Footer
{
  /*background-image:url('/Content/Archive/152/bg_footer8.png');*/
  background-color:#C977B1;
  background-repeat:repeat-x;
  color: #fff;
  padding:0;
  width:100%;
  left:0;  
  position:absolute;
}
.Footer{display:block;clear:both;}
#FooterArea
{
  margin:0px auto;
  padding:20px 0 20px 0;
  width:920px;
  }

#Footer h2 { font-size:20px }


.FooterSections .ArticleTemplate
{
width:280px;
margin:20px 40px 30px 0;
float:left;
}

.FooterSections .ArticleTemplate ul
{
 margin:5px 0px 0px 20px;
 padding:0;
clear: both;
}

.FooterSections .ArticleTemplate img
{
width:280px;
float:left;
padding:10px 0;
}

.footerTitle
{display:none;}


#inside
{
text-align:center;
padding:5px 0 0 0;
}

.scrollup {
background: url("/Content/Archive/152/Arrow-top-HOVER2.png") no-repeat top;
bottom: 40px;
display: none;
height: 55px;
position: fixed;
right: 40px;
text-indent: -9999px;
width: 55px;
}
.scrollup:hover
{background: url("/Content/Archive/152/Arrow-top-HOVER2.png") no-repeat bottom;}


/*----homepage show and not show----*/
.ArticleTemplate {
  padding-top: 15px
}

#articleTemplate66070 { text-align: center; padding: 0px 40px }
#articleTemplate66070 img { display:none }

#articleTemplate66071 { float: left; width: 225px; padding-left: 5px }
#articleTemplate66073 { float: left; width: 225px; padding: 15px }
#articleTemplate66074 { float: left; width: 225px; padding-bottom: 40px }

#ContentArea .ArticleTemplate h2 { display: none }
#ContentArea .ArticleTemplate h5 { font-weight: 400 }
#ContentArea h6 { color:#000; padding:0; margin:0; font-size: 36px }

/*----subpage, hide the use for homepage----*/
.hideFromPage { display: none }

/*---Form---*/
#CustomForm6682 { border-radius: 5px; background: #efefef; clear: both; padding: 30px 40px 30px 40px; margin-bottom: 30px }
#CustomForm6682 h2 {
  font-family: 'Montserrat',verdana, Georgia, Helvetica, Sans-Serif;
  font-size: 20px; font-weight: 400;
  padding-bottom: 20px
}
#CustomForm6682 h3 { display: none }
#CustomForm6682 .CustomFormInput.Textbox input {
  width: 400px;
  padding: 8px;
  border: 1px solid #ccc;
  margin-bottom: 14px;
  border-radius: 5px;
}
#CustomForm6682 .CustomFormInput.Textarea textarea {
  width: 400px;
  height: 160px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/*----Subpage ArticleDetails----*/
.ArticleDetails { padding: 40px }
.ArticleTitle { 
  font-family: 'Montserrat',verdana, Georgia, Helvetica, Sans-Serif;
  font-size: 28px;
  padding-bottom: 20px
}


/*----subpage Gallary buiding plans----*/
#gallery { margin: 0px }
#gallery li { list-style: none; text-align:center }
.GalleryList { margin: 0px; padding: 0px }
.GalleryList .Title {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 40px;
  display: block !important
}
.GalleryDetails { padding: 40px }
.GalleryDetails h2 { 
  font-family: 'Montserrat',verdana, Georgia, Helvetica, Sans-Serif;
  font-size: 28px; font-weight: 400;
  padding-bottom: 60px
}

/*List Activities
------------------------------------*/
#MainContentSections15844 h3,
#MainContentSections6854 h3 { padding: 22px; font-size: 28px; font-weight: 400 }
#Section15844,
#Section6854 { padding: 11px; overflow: auto }
#Section6854 .ArticleTemplate h2 { margin-top: 130px;font-size: 16px; display: block }
#Section6854 .ArticleTemplate { position: relative; display: inline-block; width: 209px; padding: 11px; margin-right: -4px; vertical-align: top; }
#Section6854 .ArticleImage { position: absolute; top: 11px; width: 209px; height: 118px }
/*Timeline
------------------------------------*/
#fullArticleItem66083 table tbody tr { height: 20px; text-align: right }
#fullArticleItem66083 table tbody tr > td:last-child { text-align: left }
#fullArticleItem66083 table tbody tr:nth-of-type(2n+0){ background-color: rgb(239, 239, 239); }
/*THE NEW PROJECT
------------------------------------*/
#fullArticleItem66072 table tbody tr > td:last-child { text-align: center; color: #006699; font-weight: 800; width: 183px }


/*News
------------------------------------*/
#MainContentSections6854 .ListArticlesItem { margin: 0px 12px 22px 12px  }
#Article68064 table { width: 100%; font-size: 14px; }

#Article68064 tr:last-child { background: #16B26D; color: #fff }
#Article68064 td { padding: 8px; border-bottom: 1px solid #efefef }
#Article68064 td:last-child { text-align: right }


h4.Title a { font-weight: bold; color: #000 }

h4.Title a { font-weight: bold; color: #000 }

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 { font-family: 'Kanit', sans-serif; }
h4.Title { font-size: 16px; font-weight: 500 }
h4.Title a { font-weight: inherit }