@charset "utf-8";
/*--- Created By Terapon Rodyam */
body{font:13px Arial, Helvetica, sans-serif;}/*-- Font Eng --*/  

/*-- More --*/
.more, .ok-blogs{float:right; margin:3px 0 0;}
.more a,.more a span{display:block; background:url(../main-images/sum-icon.png) no-repeat 0 0 transparent;height:25px;}
.more a{width:65px; background-position:-133px -60px;}
.more a span{width:33px;background-position:-33px -60px; padding:0 0 0 15px; line-height:24px; font-weight:bold; color:rgb(118,118,118);}
.more a:hover span{color:rgb(146,4,4); cursor:pointer;}

h2{font:25px/27px Georgia, "Times New Roman", Times, serif;}
h3{float:left; font:20px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:rgb(97,146,6); line-height:30px;}
h4{margin-bottom:5px; font-size:15px;}

/*--- Top Pannel ---*/
#Top-Pannel{height:20px;background:url(../main-images/bg-topbar.png) repeat-x top center transparent; color:rgb(255,255,255); font-size:11px}
#Top-Pannel a:hover{color:rgb(255,255,255);}
.about-contact{float:left; padding:0 0 0 7px;}
.Change-Language{float:right; padding:0 7px 0 0}
.about-contact li,.Change-Language li{float:left; margin:0 3px 0; padding:4px 0 0}
.about-contact a,.Change-Language a{color:rgb(255,255,255);}
.about-contact a:hover,.Change-Language a:hover{color:rgb(255,255,255); text-decoration:underline;}

.Change-Language a{background:url(../main-images/sum-icon.png) no-repeat transparent; width:18px; height:12px; text-indent:-99px; overflow:hidden; display:block;}
.Change-Language li.thai a{background-position:-18px 0;}

/*--- Menu ---*/
#Menu-Containner{clear:both; height:33px; background:url(../main-images/bg-menubar.gif) repeat-x 0 0 transparent;}
#Menu-Containner li{float:left; background:url(../main-images/line-sprit-menu.png) no-repeat top right transparent; padding:0 1px 0 0;}
#Menu-Containner a{color:rgb(51,51,51); font-weight:bold; display:block; padding:8px 20px; overflow:hidden; background:url(../main-images/bg-menubar.gif) repeat-x 0 0 transparent;}
#Menu-Containner li.selected a,#Menu-Containner a:hover{background-position:0 -35px; color:rgb(255,255,255);}

/*-- Special News Lead --*/
.Special-Lead-news{position:relative; margin:0 auto 10px; width:946px; height:333px; background-color:#333;}
	#navi{position:absolute; bottom:2px; left:2px; _left:2px; z-index:10;}
	/*#navi ul{width:335px; overflow:hidden;}*/
	#navi li{float:left; margin:0 3px 0 0;}
	#navi a{height:11px; _height:11px; width:11px; padding:4px; _padding:2px; text-align:center; display:block; font-size:11px; font-weight:bold; color:#CECECE; background-color:#333; border:1px solid #666;}
	#navi a.current{background-color:#999; cursor:default; color:rgb(255,255,255);}
	
	/*-- Hack FOR IE 6*/
	/**html #navi a{height:43px; width:297px; padding:10px 30px 10px 10px; display:block; background:url(../main-images/bg-lead.gif) no-repeat 0 -10px transparent; font-size:15px; font-weight:bold}
	*html #navi a.current{background:url(../main-images/bg-lead-selected.gif) no-repeat 0 0 transparent; cursor:default; color:rgb(146,4,4);}*/
	
	.Special-Wraper{position:absolute; top:0; left:0; z-index:9;}
		#SpecialDetail,.box-Detail{position:relative; width:946px; height:333px;}
		#SpecialDetail{overflow:hidden;}
		#SpecialDetail li{display:none; position:absolute; top:0; left:0;}		
		.box-Detail .img-lead{width:500px; height:333px; overflow:hidden; display:block;}
		.box-Detail img{width:500px; height:333px;}
		.special-caption{position:absolute; width:395px; top:20px; right:26px; z-index:8}
			.special-caption h2{margin:0 0 5px;}
			.special-caption h2 a:hover{color:#049289;}
		.caption{color:rgb(255,255,255); line-height:18px;}
		#SpecialDetail .fullStory a{font-weight:bold; color:rgb(255,255,255); font-size:11px;}
		#SpecialDetail .fullStory{background-color:rgb(0,0,0); padding:10px; opacity:0.7; filter:alpha(opacity = 70);}
		#SpecialDetail .fullStory span{background-position:0 -92px;}
		.overlay{position:absolute; width:605px;}
		.overlay{height:94px; bottom:10px; left:10px; background-color:rgb(0,0,0); opacity:0.5; filter:alpha(opacity = 50); z-index:7;} 

/*-- News and Spotlight --*/
.box-news-top1 ol,.box-news-top2 ol{clear:both;}
.box-news-top1 li,.box-news-top2 li,.Latest-News li,.List-All li{border-top:1px solid rgb(221,221,221); padding:10px 0;}
.box-news-top2 li a{font-weight:bold;}
	.img-news{float:right; width:148px; height:110px; margin:0 0 0 5px; overflow:hidden;}
	.Spotlight-lead{border-top:1px solid rgb(221,221,221); padding:10px 0;}
	.img-spotlight{float:left; /*width:201px; height:145px;*/ margin:0 10px 0 0; overflow:hidden;}
	.Latest-News .img-news,.List-All .img-news{width:88px; height:66px;}
/*-- Think Big and Video --*/
.Section-Think-Big,.Section-VDO{float:left; border:1px solid rgb(221,221,221); padding:5px 5px 0; height:auto!important; height:237px; min-height:237px;}
.Section-Think-Big{width:309px; margin:0 10px 0 0;}
	.img-Think-Big{float:left; margin:0 7px 0 0;}
	.Quote{float:right; width:205px; font-size:20px; line-height:23px;}
		#OpenQuote{margin:0 5px 0 0;}
		#CloseQuote{margin:0 0 0 5px;;}
		.Quote span{display:block; font-size:11px; color:rbg(0,0,78);}
/*--- Video ---*/		
.Section-VDO{width:271px; position:relative;}
	.vdo-slide{position:relative; overflow:hidden; width:261px; height:173px; margin:0 auto;}
	.vdo-slide .items{width:20000em; position:absolute;}
		.vdo-slide div.box-vdo{float:left; margin:0 5px;}
		.box-vdo,.border a,.thumb-vdo{width:249px; height:173px;display:block;}
		.box-vdo{overflow:hidden; margin:0 auto; position:relative;}
		.border a{background:url(../main-images/bg-vdo.png) no-repeat transparent; z-index:2; position:absolute; top:0; left:0;}
		.box-vdo .caption{background-color:rgb(0,0,0); position:absolute; top:120px; left:0; height:47px; padding:3px; width:243px}
		.box-vdo .caption a{color:rgb(255,255,255);}
		.play a{width:38px; height:38px; display:block; background:url(../main-images/thumbnail_play.png) no-repeat 0 0 transparent; position:absolute; top:46px; left:106px; z-index:3}
		.play a:hover{background-position:0 -38px;}
		.Section-VDO .prev,.Section-VDO .next{position:absolute; top:11px; display:block; width:20px; height:20px; background:url(../main-images/sum-button.gif) no-repeat 0 0 transparent;}	
		.Section-VDO .prev{right:182px;}
		.Section-VDO .next{right:79px; background-position:0 -80px;}
		.navi{height:20px;width:66px; _width:69px; position:absolute; top:16px; right:108px; _right:105px;}
		.navi a.active{background-position:-70px -52px;}
		.navi a{background:url(../main-images/sum-button.gif) no-repeat scroll -70px -44px transparent;display:block;float:left;font-size:1px;height:5px;margin:3px;width:5px;}		
			
/*-- Popular --*/
.popular{padding:0 0 0 28px;}
.popular li{list-style-type:decimal; color:rgb(180,58,4); margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid rgb(221,221,221);}
.popular li.no-bd{border-bottom:0; padding:0;}

/*-- Ark Expert */
.Section-AskExpert{border:1px solid rgb(221,221,221); padding:5px 5px 10px;}
	.Section-AskExpert li{float:left; width:296px; margin:0 10px 0 0; padding:0 0 10px 0; height:auto!important; min-height:96px; height:96px;}
	.Section-AskExpert li p a{color:rgb(149,149,149);}
	.Section-AskExpert li p a:hover{color:rgb(146,4,4);}
	.ask-expert{margin:5px 0 0;}
	.img-ask-expert{float:left; margin:0 10px 0 0;}
	.question{font-size:11px; color:rgb(181,181,181); margin:0 0 0 5px;}
	.by-name{font-size:11px; font-weight:bold; margin:0 0 5px;}
	/*--- For Detail --*/
	.article-picture p.by-expert{font-size:15px; height:auto!important; min-height:18px; height:18px; margin:0; border:0;}
	.ask{border-bottom:1px solid rgb(211,211,211); margin:0 0 10px; _padding:0 0 10px;}
		.ask a,.ask span{display:block; height:18px; line-height:16px; background:url(../main-images/sprite_bar.gif) no-repeat 0 0 transparent;}
		.ask a{width:74px; margin:0 0 10px; padding:0 0 0 10px; color:rgb(255,255,255); background-position:0 -61px}
		.ask a:hover{color:rgb(255,255,255);}
		.ask span{cursor: pointer; background-position:-68px -61px; font-size:11px;}
		#AskPostForm{display:none; margin:0 0 10px; _margin:0; padding:5px; background-color:rgb(249,249,249); border:1px solid rgb(211,211,211);}
			.head-AskForm{font-size:15px; font-weight:bold; margin:0 0 5px;}
			#AskPostForm label{display:block; margin:5px 0; font-size:11px;}
			#AskPostForm input,#AskPostForm textarea{width:227px; border:1px solid rgb(211,211,211); padding:2px;}
			#AskPostForm input#captcha{width:54px;}
				.captchaBox img{margin:0 0 5px;}
			#AskPostForm button{display:block; height:23px; background:url(../main-images/sum-button.gif) no-repeat -23px -268px transparent; margin:10px 0 0; padding:0 3px 0 4px; font-size:11px; font-weight:bold; cursor:pointer;}
	.Q-And-A{clear:both; border-top:1px solid rgb(211,211,211); padding:10px 0 0;}
		.Q-And-A h3{float:none; margin:0 0 10px;}	
/*-- Event -*/
.Section-Event,.Section-Trend{float:left; border:1px solid rgb(211,211,211);}
.Section-Event{width:276px; margin:0 10px 0 0; height:auto!important; min-height:298px; height:298px; background:url(../main-images/bg-event.gif) repeat-x 0 40px transparent;}
	.Section-Event .Content{position:relative;}
	.Section-Event .head-section{padding:5px 5px 0;}
	.EventSlide{position:relative;width:263px; height:223px; margin:0 auto;}
	.EventSlide .items{width:20000em; position:absolute;}
	.EventSlide li{float:left; width:263px;}
	.EventSlide .img-Event{float:left; margin:0 5px 0 0; border:1px solid rgb(255,255,255)}
	.Section-Event .prev,.Section-Event .next{position:absolute; top:4px; display:block; width:20px; height:20px; background:url(../main-images/sum-button.gif) no-repeat 0 0 transparent;}	
	.Section-Event .prev{right:25px;}
	.Section-Event .next{right:5px; background-position:0 -80px;}
	/*-- For List Event --*/
	.event-date{background-color:rgb(238,238,238); font-size:25px; line-height:25px; padding:6px;}
/*-- Section Trend --*/
.Section-Trend{width:314px;padding:5px 5px 0;}
	.Section-Trend .list-bullet li{background-position:0 10px;}
	.Section-Trend li{border-top:1px solid rgb(221,221,221); padding:5px 0;}

/*-- Section Blogers --*/
.Section-Blog{border:1px solid rgb(211,211,211); padding:5px 5px 0;}
	.ok-blogs{margin-top:0;}	
	.ok-blogs a{width:79px; height:29px; display:none; overflow:hidden; text-indent:-999px; background:url(../main-images/sum-icon.png) no-repeat -111px -87px transparent;}
	.Section-Blog ul{margin:0 0 10px;}
	.Section-Blog li{float:left; margin:0 10px 0 0; width:296px;}
	.Section-Blog li.Blogs-2{margin-right:0;}
	.Section-Blog h4{font-size:13px; color:rgb(51,51,51);}
	.Blogs-1 h4,.Blogs-2 h4,.Blogs-3 h4,.Blogs-4 h4{font-size:15px;}
	.Blogs-1 img,.Blogs-2 img,.Blogs-3 img,.Blogs-4 img{float:left; margin:0 10px 0 0;}
	
/*-- Poll --*/
.Quice-Poll{background:url(../main-images/bg-poll.gif) repeat-x center bottom transparent;}
	.Quice-Poll .Content{padding:10px 5px 10px;}
	.Quice-Poll h4{margin:0 0 5px;}
	.poll-submit{margin:10px 0 0;} 
	.poll-submit button{float:left; margin:0 3px 0 0; width:55px; height:20px; display:block; background:url(../main-images/sum-button.gif) no-repeat -23px 0 transparent; cursor:pointer;}
	.poll-submit span{line-height:20px;}

/*-- Photo --*/
.Photo .Content{text-align:center;}
	.img-photo{width:300px; overflow:hidden; border:1px solid rgb(245,245,245); margin:0 auto 5px;}
	.Photo a{font-weight:bold;}
	/*-- Photos for list --*/
	.thumbnail-first,.thumbnail{float:left; margin:0 10px 0 0;}
	.copy-first{}
	.copy{float:right;width:429px;}
	.photo-by{margin:10px 0 0; font-size:11px;}
	/*--- Photos for gallery --*/
	.photoGallery h2{float:left;}
		.share-photo{float:right; margin:8px 0 0;}
	.photo-containner{clear:both; witdh:614px; background-color:rgb(46,44,46); padding:10px 0; color:rgb(255,255,255); position:relative; height:630px;}
		.photo-containner h3,.photo-containner h4,.photo-containner h5{padding:0 10px 0;color:rgb(255,255,255);}
		.photo-containner h3{float:none;line-height:25px;}
		.photo-containner h4{margin:0 0 39px; font-size:13px;}
			.photo-containner h4 a{color:rgb(254,254,254); text-decoration:underline;}
		.show-photo{position:relative; width:614px;}
			.show-photo li{display:none;top:0;left:0; color:rgb(255,255,255);}
			.show-photo div{width:614px; height:404px; overflow:hidden; text-align:center; margin:0 0 39px;}		
			.show-photo h5,.show-photo p{padding:0 10px;}
			.show-photo h5{font-size:17px; margin: 0 0 6px;}
		.photo-navi-top,.photo-navi-bottom,.show-photo li{position:absolute;}
		.photo-navi-top,.photo-navi-bottom{width:594px;left:0; padding:0 10px 0;}
		.photo-navi-top{top:59px;}
		.photo-navi-bottom{top:502px;}
			.photo-navi-top .backward,.photo-navi-bottom .backward{float:left;}
			.photo-navi-top .forward,.photo-navi-bottom .forward{float:right;}
			.photo-navi-top .backward,.photo-navi-bottom .backward,.photo-navi-top .forward,.photo-navi-bottom .forward,.photo-navi-top span,.photo-navi-bottom span{display:block;background:url(../main-images/sum-icon.gif) no-repeat 0 0 transparent; height:23px; cursor:pointer;}
			.photo-navi-top .backward,.photo-navi-bottom .backward,.photo-navi-top .forward,.photo-navi-bottom .forward{padding:0 0 0 16px; background-position:-34px -145px; color:rgb(254,254,254); width:41px;}
			.photo-navi-top .backward:hover,.photo-navi-top .forward:hover,.photo-navi-bottom .backward:hover,.photo-navi-bottom .forward:hover{background-position:-34px -145px; color:rgb(189,222,158);}
			.photo-navi-top span,.photo-navi-bottom span{padding:0 13px 0 0; background-position:-146px -145px; font-weight:bold; line-height:21px; width:32px;}
			
		
/*-- CSR-Member -*/
.CSR-Member{border:1px solid rgb(211,211,211); padding:5px 4px; position:relative;}
	.SlideMember{position:relative; top:-2px; overflow:hidden; width:935px; height:175px; margin:0 auto;}
	.SlideMember .items{width:20000em; position:absolute;}
	.SlideMember li{float:left; width:139px; height:158px; overflow:hidden; padding:8px; text-align:center; border:1px solid rgb(211,211,211); border-width:0 1px 0 0;}
		.logo-member{width:100px; height:110px; margin:0 auto 5px; padding:3px; border:1px solid rgb(211,211,255);}
		.logo-member img{width:100px;}
	.SlideMember h4{font-size:11px;}
	.CSR-Member .prevPage,.CSR-Member .nextPage{position:absolute; top:5px; display:block; width:20px; height:20px; background:url(../main-images/sum-button.gif) no-repeat 0 0 transparent;}	
	.CSR-Member .prevPage{right:25px; _right:36px;/*_ = Hack IE6 */}
	.CSR-Member .nextPage{right:5px; _right:15px;/*_ = Hack IE6 */ background-position:0 -80px;}
	/*-- List member All --*/
	.List-All .logo-member{float:left; margin:0 10px 0 0;}
	.company-name{margin:20px 0 0;}
	
/*-- Link --*/
.CSR-Corporate-Link,.CSR-Alliance-Link{float:left; width:463px;}
.CSR-Corporate-Link{margin:0 9px 0 0; border-right:2px solid rgb(211,211,211);}
.CSR-Alliance-Link{margin:0 0 0 9px;}
	.CSR-Corporate-Link li,.CSR-Alliance-Link li{ float:left; width:215px; background-position:0 5px; line-height:20px;}
	
/*------ Detal all --*/
.StepLink{height:20px;border-bottom:1px solid rgb(211,211,211); }
.StepLink li{float:left; margin:0 2px 0 0; padding:0 13px 0 0; background:url(../main-images/sum-icon.png) no-repeat right -142px transparent;}
.StepLink li.stepLast{background:none;}

#content-detail{padding:5px 0 0}
	#content-detail h2{margin:0 0 20px;}
	.by-Tools{height:20px; margin:0 0 10px; border-bottom:1px solid rgb(211,211,211);}
	.dateNews{float:left; font-size:11px; color:rgb(175,175,175); line-height:20px;}
		.by-Tools ul{float:right; width:257px; _width:265px;/*_ = Hack IE6 */ height:20px;}
		.by-Tools li{float:left;} 
		.by-Tools li.tool1{margin:0 15px 0 0;}		
		/*-- Font Adjust --*/
		.fontAdjust{display:block; float:left; width:16px; height:16px; margin:0 5px 0 0; background:url(../main-images/sum-icon.png) no-repeat 0 0 transparent}
		#Small{background-position:0 -105px}
		#Lage{background-position:-17px -105px}
		/*-- For Share This --*/
		a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:bottom;}
		a.stbar.chicklet {height:16px;line-height:16px;}
		
	/*--- Article news ----*/	
	.article-Containner{clear:both;}	
		.article-picture{float:left; margin:0 10px 10px 0; padding:10px; background-color:rgb(243,241,241); width:245px; height:auto!important; height:188px; min-height:188px;}	
			.picture,.picture img{width:244px;}
			.memberPic img{width:150px!important;}
			.picture{overflow:hidden; position:relative; margin:0 0 5px; text-align:center; background-color:#FFF;}
			.picture img{z-index:9;}
			.picture a.icon-zoom{display:block; position:absolute; right:10px; bottom:10px; width:26px; height:26px; overflow:hidden; text-indent:-9999px; background:url(../main-images/zoom-icon.png) no-repeat transparent; z-index:10;}
			/*Picture gallery for news */
			.picture-gallery{display:none;}
			.article-picture p,.member-detail address{margin:0 0 10px; padding:0 0 8px; font-size:11px; color:rgb(102,102,102);/*height:auto!important; height:75px; min-height:75px;*/ border-bottom:1px solid rgb(211,211,211);}
			.member-detail p,.member-detail address{height:auto!important; height:20px; min-height:20px; margin:5px 0; padding:0 0 5px;}
			.member-detail address{font-style:normal;}
			.article-picture li{float:left; margin:0 6px 0 0;}
			.article-picture li.text-like-social{width:114px; font-size:14px; font-weight:bold;}
		#article-Content{margin:0 0 20px;}
		#article-Content p{margin:0 0 15px; line-height:140%;}
		.tool-footer{ clear:both;border-top:1px solid rgb(211,211,211); padding:10px 0 0;}