@charset "utf-8";
/* CSS Document */

/*--- TODAY-WRAP --*/

#TODAY-WRAP {
	float:left; 
	width:99.7%;	
	height: auto;  
	background-color:#000;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
	
	height:396px; border-top:4px solid #0e6ccb;
	
-webkit-box-shadow: 3px 2px 11px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 11px -2px rgba(0,0,0,0.75);
box-shadow: 3px 2px 11px -2px rgba(0,0,0,0.75);
}

	#TODAY-Caption { 
		width:100%; display:block; background-color:#000; color: #FC0; padding:9px 0px 0px 0px; text-indent:9px; 
		/*font-family:Tahoma, Geneva, sans-serif;
		font-family:Conv_thaisanslite_r1;*/
		font-size:23px;
		font-family:TPKubua;
		z-index:2;
		height:37px;
		
		margin-left:50px;
	}
		#allToday { 
			text-indent:0px; 
			float:left; 
			padding:2px 6px;
			width: auto; text-align:center;
			background-color: #FC0; 
			color:#111;  
			font-size:12px; 
			font-weight:bold;
			position:absolute;
			z-index:3; 
			top:10px; left:176px;
		}
		
		a.todayAll { 
				float:left; width:26px; height:22px; 
				background: url(../asset/today-view-close.png) no-repeat; overflow:hidden; 
				position:absolute; 
				right:6px; 
				top:8px;
				cursor:pointer;
		}
		a.todayAll span { display:none; }
		a#All-btn:hover { background-position:-26px 0px; }
		a#close-today { background-position:0px -22px; display:none; }
		a#close-today:hover { background-position:-26px -22px; }
		
		
		#today-show {
			float:left; width:40px; height:30px; padding:1px 4px 5px 4px; background-color:#0e6ccb; position:absolute; top:0; left:0;	
		}
			#today-show .text { float:left; width:100%; text-align:center; font-size:14px; font-weight: bold; color:#FFF; text-shadow: 1px 1px #003366;}
			#today-show #month { font-size:11px; background:#036;font-weight: normal; color:#a0caf4; padding-bottom:1px; }

	ul#TODAY-LIST {
		float:left; 
		width:100%; margin:2px 0px 0 0; padding:0;
		position:absolute;
		height:344px; /*height:336px;*/
		overflow: hidden;
		border-left:1px solid #000;
	}
	ul#TODAY-LIST li{
		float:left;
		width:133px; 
		background-color:#000; 
		height:85px; 
		list-style:none; 
/*		margin-bottom:1px; 
		margin-left:1px;*/
		/*border-top:1px solid #000;*/
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		position:relative;
		overflow:hidden;
	}
	ul#TODAY-LIST li img { width:133px;}
	
	ul#TODAY-LIST li .caption { float:left; width:94%; padding:3%; font-size:12px; color:#FFFFFF; display:none; position:absolute; z-index:500; }
	
	ul#TODAY-LIST li a#viewAll {
		float:left;
		width:133px;
		height:85px;
		position:relative;
		background:#111;
		color:#555;
	}
	ul#TODAY-LIST li a#viewAll span { position:absolute; width:100%; text-align:center; top:31%;  font-size:21px; font-family: Conv_thaisanslite_r1;  }
	ul#TODAY-LIST li a#viewAll:hover { background-color:#222; color:#CCC; }
	
	a#TODAY-LIST-MORE-btn,a#TODAY-LIST-close-btn {
		float:left;	
		width:100px; 
		background-color:#369; 
		color:#FFF; 
		bottom:0px;
		right:0px;
		position:absolute; 
		cursor:pointer;
	}
	a#TODAY-LIST-MORE-btn:hover,a#TODAY-LIST-close-btn:hover { background-color:#933; }
	a#TODAY-LIST-close-btn { display:none; }
	


/*--- END TODAY-WRAP --*/


/*--- UPCOMING --*/
#UPCOMING-WRAP {
		float:left;	
		width:100%;
		background-color:#FFF;
		position:relative;
		height:auto;
}

	#UPCOMING-Caption { 
		width:100%; display:block; background-color:#0F6FD1; color:#FFF;
		padding:0px 0px 3px 0; text-indent:10px; 
		font-family: Conv_thaisanslite_r1;
		font-size:20px; letter-spacing:1px;
		position:relative;
	}
		#UPCOMING-Caption a.doall { 
			color:#CCE6FF; font-size:14px; float: left; position:absolute; 
			right:5px; top:4px; text-decoration:none;
			text-indent:0px; 
		}
		#UPCOMING-Caption a.doall:hover { color:#FFFF00; text-decoration: underline; } 
	
	ul#UPCOMING {
		float:left; width:100%; padding:0px; margin:0px;
	}
	ul#UPCOMING li {
		float:left; width:100%; height:50px; margin-bottom:1px;  list-style:none; 	border-bottom:1px solid #DDD;
	}
	
	ul#UPCOMING li:nth-child(7) {
		border-bottom:none;
	}
	
	ul#UPCOMING li a { float:left; display:block; background-color:#fbfbfb; text-decoration:none; width:100%;  display:block;}
	ul#UPCOMING li a:hover { background-color:#EEE; }
	ul#UPCOMING li .thumb { float: left; width:25%; height:46px; padding:2px 2px 0px 2px; /*background-color:#000;*/ overflow:hidden;}
		ul#UPCOMING li .thumb img { width:100%;}
	ul#UPCOMING li .desc { float: left; width:71%; height:50px;  margin-left:5px;  }
	ul#UPCOMING li .desc div { float:left;  font-size:12px; padding:1% 1% 0 1%; width:99%; }
		ul#UPCOMING li .title,
		ul#UPCOMING li .date { 
/*			float:left; width:99%; 
			font-size:12px; padding:1% 1% 0 1%; color:#000; */
		}
		ul#UPCOMING li .desc .date { color:#666; font-size:11px;}

/*--- UPCOMING --*/


/*--- EXHIBITION REPORT --*/
#EX-REPORT-WRAP {
		float:left;	
		width:94%;
		padding:3%;
		background-color:#FFF;
		position:relative;
		height:auto;
}

	#EX-REPORT-Caption { 
		width:100%; display:block; background-color: #006699; color:#FFF; font-weight:bold; font-size:14px; padding:5px 0px; text-indent:10px; 
	}
	
		#EX-REPORT-Caption a.doall { 
			color:#CCE6FF; font-size:14px; float: left; position:absolute; 
			right:14px; top:10px; text-decoration:none;
			text-indent:0px; 
			font-family: Conv_thaisanslite_r1; 
			font-weight:normal; letter-spacing:1px;
		}
		#EX-REPORT-Caption a.doall:hover { color:#FFFF00; text-decoration: underline; } 
	
			#report-slide {
				float:left; margin:0px 0 0 0px;
				width:100%;
				position: relative; 
				/*background-color:#069; */
				height: auto;
			}

			#carousel {
				float:left;
				width:100%;
				margin: 0 auto;
			}
			
			#carousel li { width:100%; float:left; list-style:none; }

			#pages {
				/*width: 100px;*/
				
				height: 16px;
				margin: 5px auto 0 2%;
			}
			
			.bullet {
				/*background: url(../template/page-off.png) center center no-repeat;*/
				width: 20px;
				height: 9px;
				display: block;
				background-color:#CCC;
				margin-right: 8px; margin-bottom:3px;
				float: left;			
			}	
			#pages .on{ background-color: #039; }
			.wrapper {
				margin: 0;
				padding: 0;
				width: 9999px;
			}

			
			#report-slide .report-slide-img { float:left; clear:both;width:100%; height:172px; background-color:#000000;  }
			#report-slide .report-slide-img img {both;width:100%;}
			#report-slide .title {float:left; clear:both; font-size:14px; width:100%; margin:10px 0 0 0; line-height:18px;}
				#report-slide .title a { color:#000; text-decoration:none; font-weight:bold;  }
				#report-slide .title a:hover { color:blue; }
				#report-slide .desc { float:left; width:100%; border-top:1px dotted #DDD; clear:both; font-size:11px; padding:4px 0; margin:5px 0 0 0; color:#777; }	
			
	
/*--- END EXHIBITION REPORT --*/	
	
#FEATURE-SLIDE-WRAP {
	float:left; width:100%; height:292px;
	border-bottom:1px solid #FFF;	
	position:relative;
	
	/*background-color:#FFF;*/

-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.8);
}
	
	
/*--- TOP 5 --*/

#TOP5-WRAP {
	float:left; 
	width:100%;	
	height:100%;  
	/*background-color:#903;*/
	position:relative; 
	overflow:hidden;
	
	margin-top:54px;
	margin-bottom:10px;

	
-webkit-box-shadow: -2px 2px 7px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 7px -2px rgba(0,0,0,0.75);
box-shadow: -2px 2px 7px -2px rgba(0,0,0,0.75);

}

	#TOP5-WRAP #title {
		width:100%; display:block; background-color: #3366ff; color:#FFF; padding:0px 0px 3px 0;	
		text-indent:10px;
		font-family: Conv_thaisanslite_r1;
		font-size:20px;
	}
		#TOP5-WRAP ul {
			float:left;
			width:100%;
			margin:0;
			padding:0%;	
		}
		
		#TOP5-WRAP ul li {
			float:left;
			width:100%;
			padding:0; 
			background-color: #153394; 
			/*margin-bottom:1px; */
			border-bottom:1px dashed #2d54a3;
			list-style:none;
			position:relative;  	
		}
		
		#TOP5-WRAP ul li:nth-child(1) { background:rgba(21,51,145,1)}
		#TOP5-WRAP ul li:nth-child(2) { background:rgba(21,51,148,1)}
		#TOP5-WRAP ul li:nth-child(3) { background:rgba(21,51,153,1)}
		#TOP5-WRAP ul li:nth-child(4) { background:rgba(21,51,158,1)}
		#TOP5-WRAP ul li:nth-child(5) { background:rgba(21,51,163,1)}
		#TOP5-WRAP ul li:nth-child(6) { background:rgba(21,51,168,1)}
		#TOP5-WRAP ul li:nth-child(7) { background:rgba(21,51,173,1)}
		#TOP5-WRAP ul li:nth-child(8) { background:rgba(21,51,178,1)}
		#TOP5-WRAP ul li:nth-child(9) { background:rgba(21,51,183,1)}
		#TOP5-WRAP ul li:nth-child(10) { background:rgba(21,51,188,1);  border-bottom:none;}		
		
/*		#TOP5-WRAP ul li:nth-child(2) { background:rgba(21,51,140,1)}
		#TOP5-WRAP ul li:nth-child(3) { background:rgba(21,51,135,1)}
		#TOP5-WRAP ul li:nth-child(4) { background:rgba(21,51,130,1)}
		#TOP5-WRAP ul li:nth-child(5) { background:rgba(21,51,125,1)}
		#TOP5-WRAP ul li:nth-child(6) { background:rgba(21,51,120,1)}
		#TOP5-WRAP ul li:nth-child(7) { background:rgba(21,51,115,1)}
		#TOP5-WRAP ul li:nth-child(8) { background:rgba(21,51,110,1)}
		#TOP5-WRAP ul li:nth-child(9) { background:rgba(21,51,105,1)}
		#TOP5-WRAP ul li:nth-child(10) { background:rgba(21,51,100,1);  border-bottom:none;}*/
		
		#TOP5-WRAP a {
			float:left;
			padding:6px 0%;
			width:100%;
			color:#FFF;
			text-decoration:none; 
		}
		#TOP5-WRAP a:hover { background-color:#222; }
		#TOP5-WRAP .top-num { 
			float:left; /*background-color:#000;*/ color: #b7c3ea; font-size:14px; font-weight:bold; height:100%;
			/*padding:5px 0px; */
			width:13%; 
			text-align:center;/* line-height:26px;*/
		}
		
		#TOP5-WRAP .top-title { 
			float:left; /*background-color:#C33;*/ font-size:12px; width:64%; height:100%; margin-right:6px;
			color: #dadee9;
		}
		
		#TOP5-WRAP .top-view { 
			float:left; /*background-color: #F90;*/ font-size:11px; width:18%; text-align:right; color:#8da5f2;
		}

/*--- END TOP 5 --*/


<!-------- ----- SELECT-BY ---- ----- ---->

	#SELECT-BY-WRAP {
		height:auto; width:100%; float:left;	
	}
	
	
ul#tabs { 
	overflow: hidden; 
    list-style:none;
    margin:0 !important;
    padding:0;
   
    height:30px;
	width:100%;
	float:left;
	/*background-color:#999;	*/
	}
ul#tabs li {
    float:left;
	width:49.9%;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}
ul#tabs li a { 
    background-color:#DDD;
    font-size:13px;
	/*font-weight:bold;*/
    display:block;
    height: 30px;
    line-height:30px;
    width: 100%; /*width: 149px;*/
    text-align:center;
    text-decoration:none;
    color:#FFF;
    padding:0px;
    margin:0px;
    position:relative;
	border-bottom:1px solid #999;
	color:#555;
}

ul#tabs li a:hover { background:#62B0FF; }
ul#tabs li:first-child a { border-left: 0; }
ul#tabs li:last-child a { border-right: 0; }

ul#tabs li.current a { 
	background: #FFF; 
	color: #F30; 
	text-shadow: 1px 1px 0 #fff;
}

#content-tab > div {
	float:left;
	clear: both;
	display: none;
	padding:7px 0px 0px 12px;
	    background-color:#FFF;
	
	height:233px;
}

#content-tab .current { display: block; }
#content-tab #home.first { display: block; }
	

/* Tabs Scroll ---------------------------------------------------------------------------------------------------------  */

.content-scroll300 { margin:0; width:99%; height:220px; padding:0% 1% 0 0; overflow:auto;}
.tab-list ul { margin:0; padding:0px; width:100%; }
	.tab-list ul li { 
		float:left; margin:0; 
		padding:0px; display:block; position:relative;
		width:98%;
		}
	.tab-list ul li a { 
		float:left;  
		width:100%; 
		color: #3A65A5; /*#3A65A5*/ 
		font-size:12px; 
		text-indent:5px;   
		padding:3px 0px; 
		border-bottom:1px dotted #DDD;
		text-decoration:none; 
	}
	.tab-list ul li a:hover { background-color:#EEE; color: #000; }
		.tab-list ul li a .count { 
			position:absolute; top:3px; right:4px; float:left; width: auto; /*height:16px;*/  
			color:#FFF; 
			font-size:10px; text-align: right; 
			background-color:#6699ff; text-indent:0; padding:1px 4px;
			    -webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
		 }
	
	
	.tab-list2 ul { margin:7px 0 0 0px; padding:0px; width:100%; }
	.tab-list2 ul li { float:left; margin:0; padding:0px; display:block;}
	.tab-list2 ul li a { float:left;  width:100%; color:#666; font-size:12px; margin:0 17px 0 0;  padding:3px 0px; border-bottom:1px solid #CCC;	width:122px; text-decoration:none; }
	.tab-list2 ul li a:hover { color:#06C;}	




.mask-non {
	float:left; width:100%; height:100%; position:absolute; top:0; left:0; 
	display:none; 
	background:rgba(0,0,0,0.9);	
}


#under_slide_ads {
	float:left; 
	width:664px; 
	/* height:93px; */ 
	min-height:93px;	
	background-color: #FFF; 
	margin-top:10px; padding:2px; border:1px solid #CCC;	
}
#under_slide_ads img { width:664px; float:left;   }


#S_banner { 
	float:left; 
/*	width:260px; height:160px; */
	background-color:#FFF; 
	width:234px; padding:35px 12px;
	margin:15px 0 0 14px; 
	position:absolute; 
	right:0px; top:260px; border:1px solid #DDD;
}


#Google-tran-wrap {
	float:left;

	right:0; 
	width:253px; 
	padding:4px; 
	height:30px; 
	margin:14% 0 0px 0; 
	position: absolute;
	background:rgba(3,3,3,0.7);
	color:#CCCCCC;
	z-index:210;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	overflow:hidden;	
}

	#Google-tran-wrap #label { float:left; font-size:12px; line-height:30px; padding:0 10px 0 8px; }
	#Google-tran-wrap #tl-box { float:left; padding-top:4px;}
	
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 1250px) {
	#TODAY-WRAP {
		float:right;
		width:100%; 
		/*background-color:#FFF;*/
		
		margin-top:54px;

		-webkit-box-shadow: 0px 2px 17px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 17px -1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 17px -1px rgba(0,0,0,0.75);
	}
	

	#EX-REPORT-Caption { width:100.5%; }
	
	a#TODAY-LIST-MORE-btn,a#TODAY-LIST-close-btn {
		left:0px;
	}
	

#under_slide_ads {
	width:675px; padding:7px; 
}
	#under_slide_ads img {
		width:675px; 
	}
	
	#content-tab > div {
		height:281px; 
		border-bottom:1px dotted #CCC;
	}
	
	.content-scroll300 { height:270px;}
	
	
#FEATURE-SLIDE-WRAP {
	height:301px;
	margin-bottom:5px;
}

#TOP5-WRAP {
	-webkit-box-shadow: -2px 2px 0px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 2px 0px -2px rgba(0,0,0,0.75);
box-shadow: -2px 2px 0px -2px rgba(0,0,0,0.75);

margin-top:0px;
margin-bottom:0px;
}
	
	
	#Google-tran-wrap {
		width:260px;
		margin-top:19%;
	}
	
}