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

.BREADCRUMB {color: #666; font-size:12px; float:left; padding:0 0 10px 0; margin:10px 0 0 0; overflow:hidden;}
.BREADCRUMB ul { margin:0; padding:0; list-style:none;}
.BREADCRUMB ul li { margin:0; padding:0; display:inline;}
.BREADCRUMB ul li a {color: #666; text-decoration:none;}
.BREADCRUMB ul li a:hover {color: #CCC; text-decoration: underline;}
.BREADCRUMB ul li#current {color: #AAA;}
.BREADCRUMB ul li#sup { font-size:10px; color:#F90; padding:0 3px;}

.FLOAT-LABEL {width:70px; height:40px; background-color: #FFF; overflow:hidden; position: relative; float:right;}

.FROM {font-size:11px; color:#666; text-align:right; clear:both;}
.FROM span { background-color:#AAA; color:#FFF; padding:2px 5px; margin-right:10px; font-size:10px;}

h1.Detail { font-size:24px; margin:0 0 10px 0; border-bottom:solid 1px #EAEAEA;}
h1.Detail span { font-size:12px; color:#C00; font-weight:normal;}

.DETAIL-LEFT { float:left; width: 580px; overflow:hidden; padding:0 19px 0 0; border-right:solid 1px #313131; /*background-color:#333;*/ }
.DETAIL-LEFT-white {float:left; width: 580px; overflow:hidden; padding:0 19px 0 0; border-right: dotted 1px #E2E2E2;  }
.DETAIL-RIGHT { float:left; width:260px;  overflow:hidden; padding-left:20px; background-color:none; }

.Exhibtion-Info-Left {float:left; width:280px;  overflow:hidden;}
.Exhibtion-Info-Right {float: right; width:auto;  overflow:hidden; margin-left:10px;}

.Exhibtion-News-Left {float:left; width:205px;  overflow:hidden;}
.Exhibtion-News-Right {float: right; width: auto;  overflow:hidden; margin-left:5px;}

.Exhibtion-Info-Cate,
.Exhibtion-Info-Venue,
.Exhibtion-Info-Organizer,
.Exhibtion-Info-Open, 
.Exhibtion-Info-Close {padding: 4px 5px; font-size:12px; color:#666;}


.Exhibtion-Info-Cate { border-bottom:dotted 1px #CCC; /* background-color:#F60;*/}
.Exhibtion-Info-Cate span { font-size:12px; color:#06F; padding-left:5px;} 
.Exhibtion-Info-Venue {border-bottom:dotted 1px #CCC; /*background-color: #F93;*/}
.Exhibtion-Info-Venue span a { font-size:12px; padding-left:5px; text-decoration:none;} 
.Exhibtion-Info-Organizer { border-bottom:dotted 1px #CCC;/*background-color:#F60;*/}
.Exhibtion-Info-Organizer span a { font-size:12px; padding-left:5px; text-decoration:none;} 
.Exhibtion-Info-Open {padding:5px; background-color:#C00; margin-bottom:1px;color:#FFF;width:180px;}
.Exhibtion-Info-Open span { font-size:12px; padding-left:5px;}
.Exhibtion-Info-Close {padding:5px; background-color:#C00; color:#FFF; width:180px;}
.Exhibtion-Info-Close span { font-size:12px; padding-left:5px;}

.Exhibtion-Info-Detail { margin:10px 0; clear:both; float:left; width:580px;  }
.Exhibtion-Info-Detail #image { margin:20px 0;}
.Exhibtion-Info-Detail #image img {}
.Exhibtion-Info-Detail #detail { font-size:14px; width:500px; margin:auto; color:#333; line-height:20px; }

.Exhibtion-Info-Relate-head {float:left; width:290px; overflow:hidden; padding-bottom:15px; height:auto; clear:both; margin:0 0 15px 0; border-bottom:dotted 1px #CCC;}
.Exhibtion-Info-Relate-head #image { float:left; width:70px; height:45px; overflow:hidden; }
.Exhibtion-Info-Relate-head #image img { border:none; width:70px; height:auto;}
.Exhibtion-Info-Relate-head #title { float:left; width:175px; margin-left:15px; font-size:12px; overflow:hidden; }

ul.Exhibtion-Info-Relate { margin:0; padding:0; list-style:none; clear:both;}
ul.Exhibtion-Info-Relate li { display:block; background:url(../template/list-arrow.png) no-repeat left 2px; padding:2px 0 2px 16px; border-bottom:dotted 1px #E9E9E9;}
ul.Exhibtion-Info-Relate li a { font-size:12px; color:#069; text-decoration:none;}
ul.Exhibtion-Info-Relate li a:hover { text-decoration: underline;}
ul.Exhibtion-Info-Relate li span { font-size:10px; color:#999; padding-left:5px;}


ul.Exhibtion-Info-Relate2 { margin:0 0 0 5px; padding:0; list-style:none; clear:both;}
ul.Exhibtion-Info-Relate2 li { display:block; background:url(../template/list-arrow.png) no-repeat left 3px; padding:2px 0 2px 16px; border-bottom:dotted 1px #E9E9E9;}
ul.Exhibtion-Info-Relate2 li a { font-size:12px; color:#069; text-decoration:none;}
ul.Exhibtion-Info-Relate2 li a:hover { text-decoration: underline;}
ul.Exhibtion-Info-Relate2 li span { font-size:10px; color:#999; padding-left:5px;}


.Exhibtion-News-Event {padding: 4px 5px; font-size:14px; color:#CCC; width:360px;}
.Exhibtion-News-Event span {font-size:10px; color:#999; background-color: #F0F0F0; padding:2px 5px; margin-right:8px;}
.Exhibtion-News-Date {padding: 4px 5px; font-size:10px; color:#CCC;}
.Exhibtion-News-Date span {font-size:10px; color:#FFF;background-color:#999; padding:2px 5px; margin-right:8px;}

/*////////////////  EXHIBITITION LIST //////////////////
//////////////////////////////////////////////////////*/


.VENUE-List { background:url(../template/venue-ver.jpg) no-repeat top left; width:850px; padding:20px 20px 20px 50px; background-color:#111; height:auto; margin:10px auto 15px auto; overflow:hidden;}
.VENUE-List ul { margin:0; padding:0;}
.VENUE-List li { display:inline;font-size:12px; padding:0 10px 0 13px; background:url(../template/arrow_77.gif) no-repeat left 4px; line-height:20px; }
.VENUE-List li a { color:#999; text-decoration:none;}
.VENUE-List li a:hover { color:#CCC; }

.Exhibition-List-year 		{ width:690px; float:left;}
.Exhibition-List-year ul 	{ list-style:none;}
.Exhibition-List-year li 	{ display:inline;}
.Exhibition-List-year li a:link,.Exhibition-List-year li a:visited,.Exhibition-List-year li a#current { margin-right:5px; background-color:#C00; padding:5px 30px 0 30px; font-size:20px; color:#FFF; text-decoration:none; float:left;}
.Exhibition-List-year li a:hover 	{ background-color:#F60;}
/*.Exhibition-List-year li a#current	{ margin-right:5px; background-color: #E9E9E9; padding:10px 40px; font-size:23px; color: #333; text-decoration:none;font-weight:bold; float:left;}*/
.Exhibition-List-year li a#current {background-color: #E9E9E9;color: #333;font-weight:bold;}

.Exhibition-List-wrap { float:left; position:relative; padding:10px;  background: url(../template/ex-list-bg.jpg) repeat-y left 15px #E9E9E9; color:#202020; overflow:hidden; width:670px; height:auto; 
}

.Exhibition-List-full-wrap { float:left; position:relative; padding:10px;  background: url(../template/ex-list-bg.jpg) repeat-y left 15px #E9E9E9; color:#202020; overflow:hidden; width:900px; height:auto; }


/*//////////------  List เดือน ---- //////////*/

.Exhibition-List-label {margin:0 0 10px 0px; font-weight:bold;  padding:5px 0px; color:#666;}
.Exhibition-List {float:left; width:150px; position:relative; padding:0 0 0 10px; overflow:hidden;}
.Exhibition-List ul { margin:0; padding:0; list-style:none;}
.Exhibition-List li { background:url(../template/arrow_77.gif) no-repeat left 8px; display:block; padding:2px 0 2px 15px; /*border-bottom:dotted 1px #999;*/ }
.Exhibition-List li a{
	  color:#666; text-decoration:none; font-size:14px;}
	
.Exhibition-List li a:hover {  color:#06C ;text-decoration: underline;}
.Exhibition-List li #current { background-color:#F60;}

/*-----------------    Main-list    ------------------*/
.Main-list-nav { float:left; padding:5px 0 10px 15px; width:400px; border-bottom: solid 1px #D6D6D6; margin:0 0 0 20px;}
.Main-list-nav #tag {float:left; padding:0 10px 0 0; font-size:12px; color:#999;}
.Main-list-nav #month,
.Main-list-nav #cate, 
.Main-list-nav #venue {float:left; font-size:12px; clear:both;}
.Main-list-nav #month span,
.Main-list-nav #cate span, 
.Main-list-nav #venue span { color:#999; width:60px;float:left;}




.Main-list { float:left; position:relative; width:480px; overflow:hidden; margin-left:15px; }
.Main-list #label {padding-bottom:10px; color:#666; font-size:13px;}
.Main-list #label span { color:#FFF; padding:2px 20px;font-size:15px; background-color: #06C;}
.Main-list ul { display: block;}
.Main-list li { list-style:none;overflow:hidden; clear:both; padding:15px 0px 15px 0px; }
.Main-list li #item { border-top:solid 1px #CCC; overflow:hidden;  padding:15px 0px;}
.Main-list li #image {float:left; position:relative; overflow:hidden;}
.Main-list li #image img {border:solid 1px #D3D3D3; padding:3px;}
.Main-list li #title {float:left; position:relative; overflow:hidden;margin-left:20px; width:300px;}
.Main-list li #title a:link,.Main-list li #title a:visited { text-decoration:none; font-size:13px;}
.Main-list li #title a:hover { color:#09F; text-decoration:underline;}
.Main-list li #head {}
.Main-list li #head a:link,.Main-list li #head a:visited { padding-bottom:10px; color: #06C; font-size:14px; font-weight:bold; text-decoration:none;}
.Main-list li #head a:hover { color:#F30;}
.Main-list li #des {padding:5px 0; font-size:12px; width:300px; color:#CCC;}
.Main-list li #date,.Main-list li #venue,.Main-list li #cate{padding:1px 0; font-size:11px; border-bottom:dotted 1px #CFCFCF;}
.Main-list li #date { color: #333;}
.Main-list li #cate {}
.Main-list li #cate span { color:#999; padding-right:0px;}
.Main-list li #date span { color: #999;}
.Main-list li #venue a:link,.Main-list li #venue a:visited {padding:2px 0; color: #06F; text-decoration:none; font-size:11px;}
.Main-list li #venue a:hover { color:#F60;text-decoration:none;}
.Main-list li #venue span { color:#666;}


.Main-list2 { float:left; position:relative; width:500px; overflow:hidden; margin-left:35px; }
.Main-list2 #label {padding-bottom:10px; color:#666; font-size:13px;}
.Main-list2 #label span { color:#FFF; padding:2px 20px;font-size:15px; background-color: #06C;}
.Main-list2 ul { display: block;}
.Main-list2 li { list-style:none;overflow:hidden; clear:both; padding:15px 0px 15px 0px; }
.Main-list2 li #item { border-top:solid 1px #CCC; overflow:hidden;  padding:15px 0px;}
.Main-list2 li #image {float:left; position:relative; overflow:hidden;}
.Main-list2 li #image img {border:solid 1px #D3D3D3; padding:5px;}
.Main-list2 li #image img:hover {padding:5px; background-color:#D3D3D3}
.Main-list2 li #title {float:left; position:relative; overflow:hidden;margin-left:20px; width:300px;}
.Main-list2 li #title a:link,.Main-list2 li #title a:visited { text-decoration:none; font-size:13px;}
.Main-list2 li #title a:hover { color:#09F; text-decoration:underline;}
.Main-list2 li #head {}
.Main-list2 li #head a:link,.Main-list2 li #head a:visited { padding-bottom:10px; color: #06C; font-size:14px; font-weight:bold; text-decoration:none;}
.Main-list2 li #head a:hover { color:#F30;}
.Main-list2 li #des {padding:5px 0; font-size:12px; width:300px; color:#CCC;}
.Main-list2 li #date,.Main-list2 li #venue,.Main-list2 li #cate{padding:1px 0; font-size:11px; border-bottom:dotted 1px #CFCFCF;}
.Main-list2 li #date { color: #333;}
.Main-list2 li #cate {}
.Main-list2 li #cate span { color:#999; padding-right:0px;}
.Main-list2 li #date span { color: #999;}
.Main-list2 li #venue a:link,.Main-list2 li #venue a:visited {padding:2px 0; color: #06F; text-decoration:none; font-size:11px;}
.Main-list2 li #venue a:hover { color:#F60;text-decoration:none;}
.Main-list2 li #venue span { color:#666;}


.Exhibition-List-cat-title {background-color: #C00; float:left; color:#FFF; clear:both; width:195px; padding:5px 10px; font-size:16px; margin-bottom:1px;}
.Exhibition-List-cate {background-color:#CCC; float:left; clear:both; width:215px; padding:0;}
.Exhibition-List-cate ul {padding:0; margin:0; width:215px; list-style:none;}
.Exhibition-List-cate li { float:left; font-size:12px; clear:both; width:215px; }
.Exhibition-List-cate li a {color:#333; text-decoration:none; display:block; padding:3px 0px 3px 20px;}
.Exhibition-List-cate li a:hover {  color:#FFF; background-color:#666; /*background:url(../template/selected-item.gif) no-repeat left -10px #666;  */}
.Exhibition-List-cate li a#current {/*background:url(../template/selected-item.gif) no-repeat left -10px #333;*/ color:#FFF;}

/*////////////////  END  EXHIBITITION LIST //////////////////
/////////////////////////////////////////////////////////////*/

.Exhibition-News-List {}
.Exhibition-News-List ul { list-style:none;}
.Exhibition-News-List li {padding:10px 0;border-bottom:solid 1px #EEE; overflow:hidden; height:90px; position:relative; clear:both;}
.Exhibition-News-List li #image {float:left; padding:0 10px 10px 0; margin-right:15px;}
.Exhibition-News-List li #image img {width:120px; height:80px;}
.Exhibition-News-List li #title { font-size:14px;}
.Exhibition-News-List li #title a { color: #06C; text-decoration: none;}
.Exhibition-News-List li #title a:hover { text-decoration:underline;}
.Exhibition-News-List li #cate { font-size:11px; color:#666; margin-top:3px;}
.Exhibition-News-List li #cate a {color: #39C; text-decoration: underline;}
.Exhibition-News-List li #cate a:hover {color:#06C; text-decoration: underline;}
.Exhibition-News-List li #cate span { color:#666; font-style: normal;}
.Exhibition-News-List li #date { font-size:11px; color:#CCC; margin-top:3px;}
.Exhibition-News-List li #date span { color:#FFF; font-size:10px; background-color:#DDD; padding:0 3px; margin-right:5px;}



/*////////////////  PR & Exhibition NEW DETAIL //////////////
  /////////////////////////////////////////////////////////////*/
  
.Detailall-Info-Left {float:left; width:280px;  overflow:hidden;}
.Detailall-Info-Right {float:left; width:280px;  overflow:hidden; margin-left:20px;}

.Detailall-Info-date, 
.Detailall-Info-cate {padding:5px 10px; font-size:11px;}

.Detailall-Info-cate { background-color:#DBDBDB;}
.Detailall-Info-date { padding:5px 5px 5px 30px; background:url(../template/calendar-insert.png) no-repeat 5px center #F0F0F0;}
.Detailall-Info-date span { font-size:12px;}


/*////////////////  EVENT 76 //////////////
  /////////////////////////////////////////////////////////////*/
  
.Event-List {overflow:hidden; float:left; color:#CCC; clear:both; padding:20px 0 20px 10px; width:560px; border-bottom:dotted 1px #141414;}
.Event-List #image { float:left; width:250px;  overflow:hidden; height: auto; }
.Event-List #image img {width:250px; height: auto ; }
.Event-List #report,.Event-List #pretty {float:left; width:250px;  overflow:hidden; height:180px;}

.Event-List #report img {width:250px; height:auto; }


.Event-List-Des { float:left; width:250px; margin:15px 0 0 25px; overflow:hidden; height:auto;font-size:14px; }
.Event-List-Des #title,.Event-List-Des #title-white { margin-bottom:5px;}
.Event-List-Des #title a { color:#06C; }
.Event-List-Des #title-white a {color:#39C; text-decoration: none;}
.Event-List-Des #title-white a:hover { text-decoration:underline;}


.Event-List-Des #date { padding: 0; font-size:12px; color:#CCC; float:left; clear:both;}
.Event-List-Des #date span { color:#333; margin-right:10px; width:50px; }
.Event-List-Des #locate {padding:0; font-size:12px; color:#CCC; float:left; clear:both;}
.Event-List-Des #locate span {color:#333; margin-right:10px;  width:50px;}
.Event-List #button { float: left; font-size:11px; background-color: #333; color:#FFF; width:75px; position:relative; padding:4px 5px; bottom:0; margin:30px 0 0 25px; }
.Event-List #button a { color:#CCC; text-decoration: none;}
.Event-List #button:hover { background-color:#39C;}

.Event-Detail-Label { color:#333;float:left; clear:both; margin-bottom:5px; width:400px; font-size:12px; border-bottom:dotted 1px #CCC; margin:2px 0;}
.Event-Detail-Label span { background-color:#666; width:100px; float:left; font-size:11px; padding:3px 0 3px 5px; color:#FFF; margin-right:5px;}

/*////////////////  EXHIBITION-REPORT  //////////////
  /////////////////////////////////////////////////////////////*/

.report-detail {width:900px; padding:5px 5px 0px 5px; margin:auto; /*border:solid 1px #1D1D1D;*/}
.report-title h1 { font-size:130%; background-color: #03F; border-bottom:solid 2px #039; color:#FFF; margin-left:20px; padding:8px 0px 8px 10px; width: 95%; height:auto;}

.report-detail-text {width:600px; margin:20 0 20px 0px; padding:0 0 0 160px;}
.report-detail-text p  { line-height:20px; font-size:16px;}
.report-credit { float:right; font-size:12px; color:#666; }
.report-comment{ background-color: #414141; overflow:hidden; margin:auto; width: auto; padding:10px; font-size:13px;border-bottom:solid 1px #666; border-right:solid 1px #333; }
.report-comment-detail{ font-size:14px; color: #CCC; margin:20px 0 15px 0; float:left; clear:both;}
.report-comment p{ margin:0 10px 0 0; padding:0; font-size:110%; color: #CCC; clear:both;}
.report-comment-num{ border-bottom:solid 1px #666; color:#F60; font-size:14px; padding-bottom:5px;float:left; position: relative; width:100%;}
.report-comment p img { padding:3px; margin:10px 0 0 10px; border:solid 1px #666;}
.report-comment img { padding:5; margin:0;}
.report-comment-date{ /*border-top:1px solid #5C5C5C;*/ width:100%; font-size:11px; height:20px; padding-top:5px; color: #818181; float:left; clear:both;}
.report-comment-date span { color:#666;}
.report-comment-member { width:60px; height:60px; float:left;position: relative; margin:10px 20px 5px 10px;}
.report-comment-member p { height: auto; clear:both; margin-top:0px;}
.report-comment-num span#num { padding:0 20px 10px 0; color: #FC6; }
.commemt-re {border-bottom:solid 1px #999; border-right:solid 1px #666;background-color:#232323; color: #333; padding:5px; width:80%; height:auto;}

/*-----------------  END EXHIBITION-REPORT  ------------------*/


/*----------------- Free-PR BORAD START  ------------------*/

.Free-PR-Detail {width:900px; padding:10px; margin: 10px auto auto auto; background-color: #353535;}
.Free-PR-Detail h1 { color:#FFF; border-bottom:solid 1px  #999; margin-bottom:20px; font-size:130%; padding:5px 0;}
.Free-PR-Detail #headline-body {margin-bottom:20px; border-bottom:solid 1px #666; overflow:hidden; color:#CCC;}
.Free-PR-Detail p { text-indent:30px; margin-bottom:10px;}
.Free-PR-Detail img { padding:10px; border:solid 1px #666;}

/*---------------- COMMEMT DISPLAY   ----------------------*/

.comment{ background-color: #414141; overflow:hidden; margin:auto; width:900px; padding:0px; font-size:13px;border-bottom:solid 1px #666; border-right:solid 1px #333; }
.comment-detail{ font-size:90%; color: #333; float:left; position: relative;}
.comment p{ margin:0; padding:10px 0 0 0px; font-size:110%; color: #CCC; clear:both;}
.comment-num{ background-color: #666;font-size:13px; padding:5px; font-weight:bold;float:left; position: relative; width:500px;}
.comment img { padding:0; margin:0;}
.comment-date{ border-top:1px solid #5C5C5C; width:100%; font-size:11px; height:20px; padding-top:5px; color: #818181;}
.comment-member { width:60px; height:60px; float:left;position: relative; margin:10px 20px 5px 10px;}
.comment-member p { height: auto; clear:both; margin-top:0px;}
.comment-num span#num { padding:0 20px 10px 0; color: #FC6; }
.commemt-re {border-bottom:solid 1px #999; border-right:solid 1px #666;background-color:#232323; color: #333; padding:5px; width:80%; height:auto;}


/*---------------------- HORO SECTION  ------------------------*/

.horo-detail {width:570px; float:left;background-color:#FFF; position: relative; padding:10px 10px 0 10px;}
.horo-detail #detail  {clear:both; padding:20px 0; font-size:14px;width:500px; margin:0 auto;}
.horo-detail #headline { width:100%; padding:0 0 5px 0; border-bottom:solid 1px  #F30;}
.horo-detail #date { padding:3px 8px; background-color:#F30; color:#FFF; float:left;}
.horo-detail #update { font-size:12px; color:#999; margin-left:30px; float:left;}
.horo-detail h1 { font-size:150%;}
.horo-detail p#head { color:#069; font-weight:bold;}
.horo-detail p#head span {text-decoration:underline; color:#F60;}
.horo-detail p { padding:5px 0; line-height:20px; color: #333 }
.horo-detail p i { color:#09F; padding:0 10px;}
.horo-detail p b {font-size:18px; color: #06F; padding-right:10px;text-decoration:underline;}


/*---------------- Directory Page A-Z  ----------------------*/
.Directory {}
.Directory-PagebyName {background-color:#03F; padding:10px; font: normal 11px Tahoma;}
.Directory-PagebyName ul {}
.Directory-PagebyName li { list-style:none; display:inline; margin-left:5px; text-align:center;}
.Directory-PagebyName li a:link,.Directory-PagebyName li a:visited { color: #09C; text-decoration:none; border:solid 1px #36F; padding:1px 3px 1px 5px; }
.Directory-PagebyName li a:hover { color: #069; background-color:#FFF;}

/*---------------- END Directory Page A-Z  ----------------------*/

/*----------------- END  breadCrumb  ------------------*/

.wrap-namecard{
	float:left;
	padding:10px;
	position:relative;
	width:190px;
	height:50px;;
	margin:0 10px 10px 0;
	border: solid 1px #B6D1EF;
	overflow:hidden;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
.namecard img{ border: none; float:left; position:relative; background-color:#666; margin:0 10px 10px 0; width:60px; height:45px;}
p.namecard{ font-size:12px; font-style:normal;color:#FFF; padding:0; margin:0; padding-bottom:10px; font-style:normal;}


/*----------------- DIRECTORY DETAIL  ------------------
////////////////////////////////////////////////////////*/

.DIR-DETAIL { width:780px; overflow:hidden;}
.DIR-DETAIL-image { float:left; width:150px; position:relative; }
.DIR-DETAIL-right { float:left; padding:0 0 0 20px; width:600px; border-left:dotted 1px #CCC; }
.DIR-DETAIL-des-wrap { padding:6px 0; float:left;/* border-bottom:solid 1px #F0F0F0;*/ }
.DIR-DETAIL-title {float:left; width:80px; color:#666;  margin-right:15px; font-size:12px; text-align:right;}
.DIR-DETAIL-fill {float:left; position:relative; font-size:14px; width:420px;}


ul.MONTH-List {}
ul.MONTH-List li { width:140px; margin-bottom:1px;}
ul.MONTH-List li a { color:#CCC; padding:4px 0 4px 15px; margin-bottom:1px; font-size:12px; text-decoration:none;display:block; background-color:#111;}
ul.MONTH-List li a:hover { background-color:#333;}


.horo2-wrap {
	float:left;
	margin: 20px auto 0px auto ;
	width: 588px; 		/*เป็นขนาดจริงที่เเสดงผล*/
	padding:10px;
	overflow: hidden;
	clear:both;
	height:auto;

}
ul.horo-col {
	float:left;
	width: 630px;       /* ขนาดของ ul (เเต่ไม่ใช่ขนาดที่เเสดงจริง) จำเป็นต้องบวก +1 ไม่อย่างนั้น item จะตกลงไปอีกบรรทัด*/
	list-style: none;
	margin:0;
	padding:0;
	
	
}
ul.horo-col li {
	float: left;
	width: 90px;		/*ขนาดของ item ยังไม่รวม padding*/
	padding:0 0 0px 0;
	margin: 5px 8px 10px 0;
	background-color:#06C;
}
ul.horo-col li img { border:none; width:90px;}
ul.horo-col li #text { font-size:14px; text-align:center; padding:2px 0; color:#FFF;}


/*///////////  POST PROMOTION ( Exhibition ) //////////////*/
.Posted-wrap {background-color: #F3F3F3; width:560px; margin:0 0 15px 0; padding:0px 10px 10px 10px; overflow:hidden;}
.Posted-from {float:left; width:560px; height:auto;  padding:4px 0; border-bottom:dotted 1px #DBDBDB ; margin:0 0 15px;overflow:hidden;}
.Posted-from-no { font-size:14px; background-color:#900; color: #F79FA6; padding:4px 4px; float:left;}
.Posted-from-name { font-size:13px; color: #369; font-weight:bold; float:left; margin:5px 0 0 20px;}
.Posted-from-name span { font-weight:normal;}
.Posted-detail { float:left; width:520px; margin:0 0 0 20px;overflow:hidden;}
.Posted-detail p { font-size:14px; color:#333; margin:10px 0; line-height:20px;}