/*homepage*/
#hp-highlight .top{position: relative;width: 620px; overflow:hidden;  padding: 0 0 15px;}
#hp-highlight .sp-hd {color:#fff; font-size: 23px; background: #e0001b; width: 135px; text-align: center; border-bottom: none;}
#hp-highlight figcaption { position: absolute; bottom: 0; width: 620px; left: 0;}
#hp-highlight figcaption a{color:#fff;}
#hp-highlight figcaption h3 {padding: 10px; margin: 5px 0 0; color:#fff; font-size: 18px;}
#hp-highlight figcaption p {padding: 0 10px 15px; color:#ccc; font-size: 13px;}
#hp-highlight figcaption h3,#hp-highlight figcaption p {background: url(../img/bg/hp-highlight.png) repeat;}
#M2Fjob-search{position: relative; width: 300px;}
#M2Fjob-search h3 {border-bottom: 3px solid #E2E2E2; margin: -10px 0 0;}
#M2Fjob-search h3 a{font-size: 23px;}
#M2Fjob-search form {background:#81bd26; padding: 10px; margin: 15px 0 10px; height: 115px;}
#M2Fjob-search form .legend {color:#ededed;padding: 0 0 20px;}
#M2Fjob-search form .text {color:#666;font-size: 13px; padding: 5px 10px; border: none; width: 190px;}
#M2Fjob-search select {left: 10px; color: #666;font-size: 12px; border: 1px solid #4a81a4; width: 187px;}
#M2Fjob-search select option {padding: 0 5px;}
#M2Fjob-search .custom {width: 282px; height: 33px; margin: 10px 0 0;}
#M2Fjob-search .submit-btn{cursor: pointer;background: url(../img/bg/hp.png) no-repeat 0 -74px; width:63px; margin: 0 0 0 8px; height: 28px; border: none;}
#M2Fjob-search .submit-btn:hover{background-position: -75px -74px;}
#M2Fjob-search span.customSelect {font-size:13px;background-color: #fff;color:#666;height: 23px;padding: 4px 0 0;width: 210px;float: left;background: #fff url(../img/bg/hp.png) 185px -34px no-repeat;font-weight: normal;}
#M2Fjob-search .customSelectInner {display: block; width: 195px!important;padding: 0 10px;}
#event-calendar {width: 940px; position: relative; z-index: 2;}
#event-calendar .control {display: block; width: 23px; height: 24px; background: url(../img/bg/hp.png) no-repeat 0 -904px; position: absolute; top: 10px;}
#event-calendar .control span {text-indent: -9999px; display: block;}
#event-calendar .next {right: 350px; background-position: -89px -904px;}
#event-calendar .prev{left:350px;background-position: -22px -904px;}
#event-calendar .next.active {right: 350px; background-position: -67px -904px;}
#event-calendar .prev.active {right: 350px; background-position: 0 -904px;}
#event-calendar a.next:hover{background-position: -112px -904px;}
#event-calendar a.prev:hover{background-position: -45px -904px;}
#event-calendar h2 {background: #f0f0f0; border:1px solid #e1e1e1; border-bottom: none; width: 938px; text-align: center; padding: 3px 0 9px; color:#e0001b; font-size: 24px; height: 30px; line-height: 30px;}
#event-calendar h3 {font-size: 20px; color:#666; float: left; width: 61px; background:#dadada url(../img/bg/hp.png) 54px -112px no-repeat;height: 37px; padding: 3px 0 0 15px; line-height: 30px;}
#event-calendar .monthly-list {width: 864px; float: right; height: 50px;}
#event-calendar .monthly-list>li,
#content #event-calendar .monthly-list>.empty:hover {font-size: 18px; color: #666; float: left; width: 71px; text-align: center; border:1px solid #e2e2e2;height: 35px;padding: 3px 0 0; border-left: none; background:#f0f0f0; }
#event-calendar .toggle-detail {display: none;}
#event-calendar .monthly-list>li:hover .header:hover {cursor: pointer;}
#content #event-calendar .monthly-list>.empty .header:hover {cursor: default;}
#event-calendar .monthly-list>li .header span {display:block; text-indent: -9999px; background: url(../img/bg/hp.png) 0 0 no-repeat; height: 35px; overflow: hidden;}
#event-calendar .monthly-list>li .january span,
#event-calendar .monthly-list>.empty:hover .january span {background-position: 13px -217px;}
#event-calendar .monthly-list>li:hover .january span {background-position: -75px -217px;}
#event-calendar .monthly-list>li .february span,
#event-calendar .monthly-list>.empty:hover .february span {background-position: 8px -248px;}
#event-calendar .monthly-list>li:hover .february span {background-position: -80px -248px;}
#event-calendar .monthly-list>li .march span,
#event-calendar .monthly-list>.empty:hover .march span {background-position: 15px -280px;}
#event-calendar .monthly-list>li:hover .march span {background-position: -72px -280px;}
#event-calendar .monthly-list>li .april span,
#event-calendar .monthly-list>.empty:hover .april span {background-position: 15px -311px;}
#event-calendar .monthly-list>li:hover .april span {background-position: -73px -311px;}
#event-calendar .monthly-list>li .may span,
#event-calendar .monthly-list>.empty:hover .may span {background-position: 8px -344px;}
#event-calendar .monthly-list>li:hover .may span {background-position: -80px -344px;}
#event-calendar .monthly-list>li .june span,
#event-calendar .monthly-list>.empty:hover .june span {background-position: 12px -376px;}
#event-calendar .monthly-list>li:hover .june span{background-position: -75px -376px;}
#event-calendar .monthly-list>li .july span,
#event-calendar .monthly-list>.empty:hover .july span {background-position: 10px -409px;}
#event-calendar .monthly-list>li:hover .july span {background-position: -78px -409px;}
#event-calendar .monthly-list>li .august span,
#event-calendar .monthly-list>.empty:hover .august span {background-position: 14px -440px;}
#event-calendar .monthly-list>li:hover .august span {background-position: -74px -440px;}
#event-calendar .monthly-list>li .september span,
#event-calendar .monthly-list>.empty:hover .september span {background-position: 13px -472px;}
#event-calendar .monthly-list>li:hover .september span {background-position: -74px -472px;}
#event-calendar .monthly-list>li .october span,
#event-calendar .monthly-list>.empty:hover .october span {background-position: 16px -504px;}
#event-calendar .monthly-list>li:hover .october span {background-position: -71px -504px;}
#event-calendar .monthly-list>li .november span,
#event-calendar .monthly-list>.empty:hover .november span {background-position: 4px -536px;}
#event-calendar .monthly-list>li:hover .november span {background-position: -83px -536px;}
#event-calendar .monthly-list>li .december span,
#event-calendar .monthly-list>.empty:hover .december span {background-position: 14px -568px;}
#event-calendar .monthly-list>li:hover .december span {background-position: -74px -568px;}
#event-calendar .monthly-list>li:hover{ border-top: 1px solid #81bd26;background: url(../img/bg/hp.png) no-repeat 0 -154px; }
#event-calendar .monthly-list>.empty:hover {background: none; border-top:1px solid #e2e2e2;}
#event-calendar .monthly-list>li:hover .activity-slide{display: block;}
#event-calendar .monthly-list .activity-slide{width: 938px; position: absolute; background:#fff; border: 1px solid #81bd26; text-align: left;padding: 12px 0 20px;top: 81px; left: 0; display: none;z-index: 0;}
#event-calendar .monthly-list .activity-slide .overview li{width: 184px; float: left; margin: 12px 0 0;}
.activity-slide h4 {color:#333; font-size: 20px; padding: 0 0 0 20px;}
#event-calendar .monthly-list>li:hover .header{background: url(../img/bg/hp.png) no-repeat 0 -154px;position: relative; z-index: 1; height: 35px;color:#e0001b;}
#event-calendar .monthly-list>.empty:hover .header{background: none;}
#event-calendar .monthly-list .header{color:#666; position: relative; z-index: 2;}
#event-calendar .activity-slide .buttons {width: 25px; height: 25px;background: url(../img/bg/hp.png) -25px 0 no-repeat;display:block; position: absolute; top: 95px; z-index: 1;}
#event-calendar .activity-slide .buttons span {text-indent: -9999px; display: block;}
#event-calendar .activity-slide .prev {left: 8px; }
#event-calendar .activity-slide .prev:hover {background-position: 0 0;}
#event-calendar .activity-slide .next {background-position: -75px 0; right: 8px; }
#event-calendar .activity-slide .next:hover {background-position: -50px 0; }
#event-calendar .activity-slide .disable {display: none;}
.activity-slide .viewport {position: relative; width: 920px; height: 165px; overflow: hidden; margin: 0 0 0 20px;}
.activity-slide .overview {position: absolute;}
.activity-slide .overview a {font-size: 13px;}
.activity-slide .overview li p{padding: 5px 0 0; width: 165px;}
/*update*/
.list-content h1 {font-size: 26px; color:#66a02d;}
.list-content h1 span {color:#e0001b;}
.jobbox-ads .viewport {position: relative; width: 300px; height: 93px; overflow: hidden; margin: }
.jobbox-ads .overview {position: absolute;}
.jobbox-ads .overview li {float: left; width: 300px;}
.jobbox-ads .overview li a{background: #fff; }
/*article*/
.article .hp-list  article {border: none; padding: 0 0 30px;}
.article .hp-list  article p{line-height: 28px; padding: 20px 0 0;}
.article .hp-list  article p.date {padding: 0;}
.article li {line-height: 30px;}
.article ol,.article ul {padding: 20px 0 0;}
.article figure  {padding: 10px 0 0;}
.article ol>li {list-style: decimal outside none; margin: 0 0 0 20px; }
.article ul>li {list-style: disc outside none;margin: 0 0 0 15px; }
.article .header {width: 620px; padding: 10px 0 0;}
.article .date {clear: both; }
.article .hp-list h2 {font-size: 22px; float: left;width: 420px; line-height: 32px; color: #333333;}
.article .sharethis {width: 97px; float: right;}
.article .sharethis div {float: left; width: 27px; margin: 0 5px 0 0;}
/*media-list*/
#left-col .media-list {width: 640px;}
#left-col .media-list h1 {width: 620px;}
.media-list .figure {width: 193px; height: 121px; overflow: hidden; position: relative; display: block; background: #000000; text-align: center;}
.media-list .figure .icon {position: absolute; width: 28px; height: 28px; right: 0; bottom: 0;}
.media-list ul > li{width: 640px; overflow: hidden;}
.media-list li li {width: 193px; margin: 0 15px 0 0; padding: 15px 0 0; min-height: 205px; float: left;}
.media-list li li h2 {font-size: 15px; padding: 5px 0 0;}
.media-list li li .date {font-size: 12px; color:#999; }

.article-content .sp-hd { font-size: 26px;}
.article-content .line-hd { border-bottom: 3px solid #e2e2e2; color: #66a02d;}
.profile { background: url( ../img/bg/bg-reader-profile.jpg) 0 15px no-repeat; width: 940px; padding: 160px 0 0 160px; height: 650px;}
.profile li { font-size: 22px;}
.profile li span { color: #e0001b;}

.feedback { padding: 20px 0 50px; width: 940px; overflow: hidden;}
.feedback li { overflow: hidden; margin-bottom: 10px;}
.feedback li label { width: 480px; float: left; margin-bottom: 10px;padding-left: 2px;}
.feedback li select { clear: both; float: left; height: 23px; width: 269px; background: #ffffff; border: 2px solid #81bd26; padding: 2px;}
.feedback li input { clear: both; float: left; height: 23px; width: 269px; background: #ffffff; border: 2px solid #81bd26; padding: 2px;}
.feedback li textarea { width: 474px; height: 171px; background: #ffffff; border: 2px solid #81bd26; padding: 2px;}
.feedback li #validate_img { float: left; clear: both; margin: 0 5px 15px 0;}
.feedback li #changimg { float: left; cursor: pointer;}
.feedback li .send { background: url(../img/btn/all-btn.jpg) 0 0 no-repeat; height: 38px; width: 120px; border: none; padding: 0; margin: 15px 20px 0 0; cursor: pointer;}
.feedback li .send:hover { background: url(../img/btn/all-btn.jpg) 0 -38px no-repeat;}
.feedback li .delete { background: url(../img/btn/all-btn.jpg) 0 -76px no-repeat; clear: none; height: 38px; width: 120px; border: none; padding: 0; margin: 15px 0 0 0; cursor: pointer;}
.feedback li .delete:hover { background: url(../img/btn/all-btn.jpg) 0 -114px no-repeat;}

.about-us { width: 940px; overflow: hidden; padding: 20px 0;}
.about-us p { margin-bottom: 10px; color: #333333;}
.about-us .toggle-navigation { padding: 10px 0 0; width: 940px; height: 42px; overflow: hidden; background: url(../img/bg/bg_toggle-navigation.gif) 0 bottom repeat-x; margin-bottom: 20px; clear: both;}
.about-us .toggle-navigation li { float: left; padding: 5px 0 9px; font-size: 20px; overflow: hidden; overflow: hidden; height: 28px; cursor: pointer;}
.about-us .toggle-navigation li span { visibility: hidden;}
.about-us .toggle-navigation li.active { color: #e0001b;}
.about-us .toggle-navigation #inside { width: 93px; background: url(../img/bg/bg-toggleTab.gif) 0 0 no-repeat;}
.about-us .toggle-navigation #inside.active { background: url(../img/bg/bg-toggleTab.gif) 0 -42px no-repeat;}
.about-us .toggle-navigation #whereToGet { width: 109px; background: url(../img/bg/bg-toggleTab.gif) 0 -84px no-repeat;}
.about-us .toggle-navigation #whereToGet.active { background: url(../img/bg/bg-toggleTab.gif) 0 -126px no-repeat;}
.about-us .toggle-navigation #certificatate { width: 225px; background: url(../img/bg/bg-toggleTab.gif) 0 -168px no-repeat;}
.about-us .toggle-navigation #certificatate.active { background: url(../img/bg/bg-toggleTab.gif) 0 -210px no-repeat;}
.about-us .toggle-navigation #team { width: 70px; background: url(../img/bg/bg-toggleTab.gif) 0 -252px no-repeat;}
.about-us .toggle-navigation #team.active { background: url(../img/bg/bg-toggleTab.gif) 0 -294px no-repeat;}
.about-us .toggle-detail { width: 940px; overflow: hidden; }
.about-us .toggle-detail li { display: none; width: 940px; }
.about-us .toggle-detail li.active { display: block;}
.about-us .tab1-detail ul { width: 940px; overflow: hidden;}
.about-us .tab1-detail ul li { width: 400px; height: auto; float: left; overflow: hidden; margin-bottom: 20px; text-transform: uppercase; display: inline; font-weight: bold;}
/*select location dropdown*/
form.locate {width: 938px; float: left; background:#f0f0f0; border: 1px solid #e1e1e1; text-align: center; margin-bottom: 10px;}
form.locate h2 {color: #e0001b; border-bottom: 1px solid #e1e1e1; line-height: 40px; padding: 5px 0 10px;}
form.locate .custom {position: relative;}
form.locate .custom .styled {top: 20px;}
.locate span.customSelect{color: #333;font-size: 12px;font-weight: normal; height: 40px;padding: 10px 0 0;width: 368px; background:#fff url(../img/bg/location-btn.gif) no-repeat right top; border: 1px solid #81bd26; text-align: left; margin: 20px auto 10px; font-size: 14px; font-weight: bold; line-height:14px;}
.locate .customSelectInner { padding: 8px 10px;width: 195px !important;}
/*location-table*/
.tab2-detail .sub-hd {width: 938px; text-align: center; background: #f0f0f0; border: 1px solid #e1e1e1; padding: 10px 0;margin: 0; border-bottom: none;}
.tab2-detail table.location {width: 940px;background:#f0f0f0; margin-bottom: 50px; }
.tab2-detail table.location td,.tab2-detail table.location th {border: 1px solid #e1e1e1; border-left: none; border-top: none; padding: 10px;}
.tab2-detail table.location th {border-top: 1px solid #e1e1e1; background:#ebeaea; text-align: left;}
.tab2-detail table.location th:first-child,.tab2-detail table.location td:first-child{width: 50px; text-align: center;  border-left: 1px solid #e1e1e1; }

.map-figure {
		margin: 0 0 0 137px;
		width: 666px; 
		position:relative; 
		z-index: 555; 
		overflow: hidden; 
		height: 1150px; 
		background: url(../img/photo/map.png) no-repeat;
		top: 50px;
	}
	#map-button1 {
		position: absolute; 
		z-index: 10; 
		left: 92px;
		top: 7px; 
		width: 98px; 
		height: 89px;
	}	
	#map-button2 {
		position: absolute; 
		z-index: 10; 
		left: 194px;
		top: 188px; 
		width: 119px; 
		height: 116px;
	}
	#map-button3 {
		position: absolute; 
		z-index: 10; 
		right: 104px;
		top: 143px; 
		width: 136px; 
		height: 156px;
	}
	#map-button4 {
		position: absolute; 
		z-index: 10; 
		right: 221px;
		top: 393px; 
		width: 101px; 
		height: 94px;
	}
	#map-button5 {
		position: absolute; 
		z-index: 10; 
		left:83px;
		top: 485px; 
		width: 77px; 
		height: 74px;
	}
	#map-button6 {
		position: absolute; 
		z-index: 10; 
		left: 169px;
		top: 483px; 
		width: 71px; 
		height: 73px;
	}
	#map-button7 {
		position: absolute; 
		z-index: 10; 
		right: 131px;
		top: 452px; 
		width: 82px; 
		height: 103px;
	}
	#map-button8 {
		position: absolute; 
		z-index: 10; 
		left: 100px;
		top: 570px; 
		width: 72px; 
		height: 64px;
	}
	#map-button9 {
		position: absolute; 
		z-index: 10; 
		left: 155px;
		top: 612px; 
		width: 109px; 
		height: 97px;
	}
	#map-button10 {
		position: absolute; 
		z-index: 10; 
		right: 194px;
		top: 564px; 
		width: 83px; 
		height: 70px;
	}
	#map-button11 {
		position: absolute; 
		z-index: 10; 
		top: 476px;
		right: -1px; 
		width: 134px; 
		height: 179px;
	}
	#map-button12 {
		position: absolute; 
		z-index: 10; 
		top: 746px;
		left: 206px;
		width: 143px; 
		height: 133px;
	}
	#map-button13 {
		position: absolute; 
		z-index: 10; 
		left: 0;
		top: 836px;
		width: 113px; 
		height: 113px;
	}
	#map-button14 {
		position: absolute; 
		z-index: 10; 
		top: 890px;
		left: 257px;
		width: 105px; 
		height: 100px;
	}
	#map-button15 {
		position: absolute; 
		z-index: 10; 
		top: 800px;
		left: 380px;
		width: 170px; 
		height: 166px;
	}
	#map-button16 {
		position: absolute; 
		z-index: 10; 
		top: 680px;
		right: -1px;
		width: 148px; 
		height: 195px;
	}
.tab2-detail { overflow: hidden; position: relative;overflow: hidden;}


.tab2-detail .map{ /*background: url(../img/bg/bg-map-figure.jpg) repeat;*/position: relative;background-color: #ccc;}
/*.tab2-detail .box-highlight { padding: 15px 5px 3px; width: 294px; border: 3px solid #ffffff; text-align: center; position: absolute; right: 30px; top: 245px; vertical-align: middle; font-size: 22px;}*/
.tab2-detail .province {color:#fff; font-size: 24px; text-align: center;background:#000; width: 100%; display: inline-block; line-height: 24px; padding: 5px 0;}

.about-us .tab3-detail ul { width: 940px; overflow: hidden; margin-bottom: 20px;}
.about-us .tab3-detail ul li { display: block; height: auto; float: left; width: 460px; height: 650px; overflow: hidden;}
.about-us .tab3-detail ul li.first { margin-right: 20px;}

.about-us .tab4-detail ul { width: 940px; overflow: hidden;}
.about-us .tab4-detail ul li { display: block; width: 470px; height: auto; float: left;}
.about-us .tab4-detail ul li p { margin-bottom: 20px; line-height: 20px;}
.about-us .tab4-detail ul li p span { display: block;}
.about-us .tab4-detail ul li p span a { color: #333333; font-weight: normal;}

/*thai all map*/
.tab2-detail .map-all{position: relative;background-color: #ccc;}
.tab2-detail >a img{ margin: 10px 0 20px;}
.map-figure-all { width: 944px;z-index: 555;overflow: hidden; height: 971px;background: url(../img/bg/bg-map-thai-all.jpg) no-repeat;}
#map-figure1 { position: absolute; z-index: 10;left: 315px;top: 96px; width: 85px; height: 75px;}
#map-figure2 { position: absolute; z-index: 10;left: 416px;top: 200px; width: 85px; height: 75px;}
#map-figure3 { position: absolute; z-index: 10;left: 525px;top: 190px; width: 95px; height: 45px;}
#map-figure4 { position: absolute; z-index: 10;left: 522px;top: 243px; width: 100px; height: 53px;}
#map-figure5 { position: absolute; z-index: 10;left: 377px;top: 284px; width: 125px; height: 50px;}
#map-figure6 { position: absolute; z-index: 10;left: 515px;top: 316px; width: 97px; height: 59px;}
#map-figure7 { position: absolute; z-index: 10;left: 645px;top: 304px; width: 109px; height: 75px;}
#map-figure8 { position: absolute; z-index: 10;left: 393px;top: 364px; width: 120px; height: 70px;}
#map-figure9 { position: absolute; z-index: 10;left: 521px;top: 447px; width: 45px; height: 30px;}
#map-figure10 { position: absolute; z-index: 10;left: 490px;top: 480px; width: 60px; height: 28px;}
#map-figure11 { position: absolute; z-index: 10;left: 283px;top: 663px; width: 100px; height: 63px;}
#map-figure12 { position: absolute; z-index: 10;left: 357px;top: 727px; width: 123px; height: 40px;}
#map-figure13 { position: absolute; z-index: 10;left: 310px;top: 770px; width: 45px; height: 35px;}
#map-figure14 { position: absolute; z-index: 10;left: 440px;top: 800px; width: 60px; height: 60px;}
#map-figure1 span,
#map-figure2 span,
#map-figure3 span,
#map-figure4 span,
#map-figure5 span,
#map-figure6 span,
#map-figure7 span,
#map-figure8 span,
#map-figure9 span,
#map-figure10 span,
#map-figure11 span,
#map-figure12 span,
#map-figure13 span,
#map-figure14 span {text-indent:-9999px;display: block;}
.tab2-detail .box-highlight{ padding: 15px 5px 3px; width: 255px; border: 3px solid #91c24c; text-align: center; position: absolute; right: 30px; top: 55px; vertical-align: middle; font-size: 22px;}
.tab2-detail .box-highlight-comment{ position: absolute; right: 20px; top: 83px;}
.about-us .box-highlight p { margin-bottom: 10px; color: #de0228;}
.tab2-detail{min-height: 1100px;margin: 0 0 30px;}