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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body 	{ font-family:Arial, Helvetica, sans-serif; background-color: #0C0C0C;}
h1.head { font-size:30px; color: #C00; margin-bottom:15px; border-bottom:solid 1px #C00;}
h2.module 		{ color: #999; border-bottom:dotted 1px #BBB; padding-bottom:5px;}
h3 {  padding:10px 0px 0px 10px; color: #999; margin-bottom:15px; /*background-color:#0C0C0C;*/ font-size:20px;}
h3#white {color: #FFF;}
h3 span {  margin:0; padding:0px;   font-weight:normal; font-size:11px; color:#666;}
h3 span#clear {color:#FFF;}



*{SCROLLBAR-FACE-COLOR:#444;} 
*{SCROLLBAR-HIGHLIGHT-COLOR: #444;} 
*{SCROLLBAR-SHADOW-COLOR: #444; }
*{SCROLLBAR-3DLIGHT-COLOR: #444; }
*{SCROLLBAR-ARROW-COLOR: #000000; }
*{SCROLLBAR-TRACK-COLOR: #000;}
*{SCROLLBAR-DARKSHADOW-COLOR: #000000;}

.LINK {padding:1px 5px; background-color: #F0F0F0; color:blue; text-decoration:none;}
.LINK:hover {background-color:#36F; color:#FFF;}

.BUTTON { float:left; padding:1px 8px; font-size:11px; background-color:#39F;}
.BUTTON a { text-decoration:none; color:#FFF;}
.BUTTON:hover { background-color:#36F;}

.Viewall {float:right;  font-size:11px; background-color:#333; padding:3px 6px; margin:15px 10px 0 0; border-right:solid 1px #555; border-bottom:solid 1px #666;

}
.Viewall a {color:#999; text-decoration:none;}
.Viewall:hover { background-color:#555;}

.POST {float:right; position:absolute;  font-size:11px; background-color:#333; padding:4px 7px; margin:5px 0px 0 100px; font-weight:normal;}
.POST a {color:#999; text-decoration:none;}
.POST a:hover {color:#333;}
.POST:hover { background-color: #F60; }



	/*POSITION*/
.TOP 		{width:920px; margin:auto; height: auto; overflow: hidden; z-index:50; padding:0 0 0px 0; text-align:right;}
.TOP2 		{width:920px; margin:auto; height: 24px; overflow: hidden; z-index:50; padding:10px 0 10px 0; float:left; clear:both;}
.HEADER-wrap { width:920px; margin:auto; height:110px; padding:10px 0 0 0;}
.HEADER 	{width:920px; margin:auto; height: auto; overflow: hidden;z-index:0; clear:both; }
.CONTAINER 	{width:920px; margin:5px auto 0 auto; height:auto; overflow: hidden; padding:0; /*background-color:#FFF;*/ }
.CONTAINER-teach 	{width:920px; margin:auto; height:auto; overflow: hidden; padding:0; /*background-color:#FFF;*/ }
.CONTAINER-page {width:880px; margin:auto; height:auto; overflow: hidden; background-color:#FFF; padding:20px;}
.CONTAINER-mid 	{width:920px; margin:5px auto 0 auto; height:auto; overflow: hidden; padding:0; background-color: #202020;}


.FOOTER 	{width:920px; margin:0px auto 0 auto; height:auto; overflow: hidden;/* background-color:#333; */padding:5px 0; position: static; bottom:0;clear:both; }



	/*MODULE*/
.Ex-search 	{width:220px; margin-right:10px; height:250px; padding:10px; background-color: #161616; float:left;}
.Feature 	{ width:650px; height:250px; padding:10px; background-color:#000; float:left;}
.new_module { width:220px; margin-left:10px; height:250px; padding:10px; background-color: #131313; float:left; }
.search { width:380px; height: auto; float:left; position:relative; margin-left:20px;}
.logo { width:250px; height: auto; float:left; position:relative; vertical-align:bottom; margin:auto;}
.login-area { width: auto; height: auto; float: right; position:relative; margin-left:10px; padding-left:10px; }


.Login-home { padding:0 5px;}
.Login-home input { border:solid 1px #CCC; font-size:12px; margin-bottom:2px;}
.Login-home-wrap {font-size:11px; color: #999; padding-bottom:4px; color:#BBB;}
.Login-home-wrap a:link,.Login-home-wrap a:visited { color:#FFF; font-size:11px; height:22px; /*background-color:#F60;*/ padding:3px 4px; text-decoration:none; }
.Login-home-wrap a:hover { /*background-color:#F90;*/ color:#09F;}
.Login-home #adminarea {padding:5px 10px;}
.Login-home #adminarea a:link,.Login-home #adminarea a:visited { color:#0CF; font-size:11px;}
.Login-home #adminarea a:hover { color:#F60;}

.Login-home #userarea,.Login-home #bootharea {font-size:13px; color:#EEE; background-color: #555; padding:10px; border-right:1px solid #888;border-bottom:1px solid #999;}
.Login-home #userarea a:link,.Login-home #userarea a:visited,
.Login-home #bootharea a.booth:link,.Login-home #bootharea a.booth:visited,
#userarea a:link,#userarea a:visited,#bootharea a.booth:link,#bootharea a.booth:visited
{ color:#FFF; font-size:10px; background-color:#333; padding:1px 4px; text-decoration:none;}

#userarea a:hover { background-color:#F60;}

.Login-home #userarea a:hover {}
.Login-home #bootharea { margin:5px 0 0 0; background-color:#333; border:none; padding:5px}
.Login-home #bootharea a.booth:link,.Login-home #bootharea a.booth:visited  {color:#FFF; background-color:#C03; padding:1px 6px;font-size:11px;}
.Login-home #bootharea a.booth:hover,.Login-home #userarea a:hover { background-color:#F03;}

/*-----------------------  Navigator  ----------------------------*/

.top_menu,.top_menu h1 { font-size:16px;background-color:#111; overflow:hidden; }
.top_menu ul{ list-style:none; margin:0; padding:4px 0 3px 0; }
.top_menu li{ display:inline; background-color:#666;}
.top_menu li a:link,.top_menu li a:visited { 
	float: left;
	color: #D0D5F9;  padding:8px 15px 8px 15px; 
	text-decoration:none;
	/*border-bottom:solid 3px #333; */
	height:20px;
	margin:-5px 0px 0 0px;
	border-right:solid 1px #202020;
	
	}
.top_menu li a#spec {
	float: right;
	color: #F93;  padding:8px 15px 8px 10px; 
	text-decoration:none; font-size:14px;
	/*border-bottom:solid 3px #333; */
	height:20px; font-weight:bold; line-height:20px;
	margin:-5px 0px 0 0px;
	}
.top_menu li a#spec:hover {	color:#FC0; }		
.top_menu li a:hover{ color: #FFF; padding:8px 15px 8px 15px;/* border-bottom:solid 3px  #C03;*/ }
.top_menu li a#current,.top_menu li a#current:hover{
	color: #FFF;
	background-color: #BF0404;
	padding:8px 15px 8px 15px;
}

/*-----------------------  SUB MENU  ----------------------------*/

.SUB-MENU {height: auto; width:920px; background-color:#BF0404;clear:both; margin-bottom:10px;  overflow:hidden; float:left; }
.SUB-MENU ul { margin:0; padding:0; list-style:none;}
.SUB-MENU ul li { display:inline; float:left; font-size:12px; color:#FFF;   margin:0;}
.SUB-MENU ul li a { color:#FFF; text-decoration: none;  height:auto;float: left; padding:5px 10px 5px 10px;}
.SUB-MENU ul li a:hover { background-color: #FF3E3E;}
.SUB-MENU ul li a#current { color:#FC0;}

.ROTATE {height: auto; width:920px; background-color:#BF0404;clear:both; margin-bottom:10px;  overflow:hidden; float:left;  padding:8px 0px; }
.ROTATE ul { margin:0; padding:0; list-style:none;}
.ROTATE ul li { display:inline; float:left; font-size:12px; color:#FFF;  margin:0 0 0 20px;}
.ROTATE ul li a { color:#FFF; text-decoration: none;  height:16px;float: left; padding:5px 10px 5px 10px;}
.ROTATE ul li a:hover { text-decoration:underline;}
.ROTATE ul li a#current {}

.BLANK {height:8px; width:920px; background-color:#BF0404;clear:both; margin-bottom:10px;  overflow:hidden; float:left;  padding:0px;}

/*------------------- Search ALL [ top bar ] -------------------*/

.Main-Search {width:400px; padding:8px 0px 8px 0px;  margin:25px auto 0 auto;  
 /*background-color:#F5F5F5;*/  
/*background-image:url(../template/search-bg.jpg);*/
}
.Main-Search input#button { padding:5px 5px; color:#FFF; font-size:14px; background-color:#C00; margin:0; border: solid 1px #000;}
.Main-Search input#search { padding:5px 2px; width:280px;
}


.Search-keyword { border-bottom:dotted 1px #CCC; margin-bottom:5px; font-size:16px; padding-bottom:10px;}
.Search-keyword span { padding:2px 10px; background-color:#C00; color:#FFF; font-size:18px;}
.Search-show ul { padding:0 0 0 20px; margin:0;}
.Search-show li a{ display:block; padding:2px 5px; border-bottom:solid 1px #ddd; text-decoration:none;}
.Search-show li a:hover { background: #FFF;}

/*-------------------  ค้นหางานเเสดงสินค้าหน้าเเเรก  [ EX-SEARCH ] -------------------*/

.Search-Gadget { padding: 10px 10px; overflow:hidden; /*border-top:solid 1px #666;*/ margin-top:0px; float:left;}
.Search-Gadget input {border:solid 1px #CCC;}
.Search-Gadget select { width:180px;  margin-bottom:2px; font-size:14px; padding:5px; border:solid 1px #CCC;}
.Search-Gadget #button { margin-top:8px; border:solid 1px #CCC; padding:2px; background-color:#666; color:#FFF;}


.Colume-wrap {
	float:left;
	margin: 10px auto 0px auto ;
	width: 920px; 		/*เป็นขนาดจริงที่เเสดงผล*/
	padding:0px;
	overflow: hidden;
	clear:both;
	height:auto;
}
.Colume-wrap2 {
	float:left;
	margin: 10px auto 0 auto;
	width: 920px; 		/*เป็นขนาดจริงที่เเสดงผล*/
	padding:0px;
	overflow: hidden;
	clear:both;
	height:auto;
}
ul.col,ul.col2 {
	float:left;
	width: 940px;       /* ขนาดของ ul (เเต่ไม่ใช่ขนาดที่เเสดงจริง) จำเป็นต้องบวก +1 ไม่อย่างนั้น item จะตกลงไปอีกบรรทัด*/
	list-style: none;
	margin:0;
	padding:0;
	
}

ul.col li  { }
ul.col2 li {	background-color: #09C; height:510px;}
ul.col3 li {	background-color:#333;}

ul.col li,ul.col2 li {
	float: left;
	width: 295px;		/*ขนาดของ item ยังไม่รวม padding*/
	padding:0 0 8px 0;
	margin: 5px 18px 0px 0;
}
ul.col li#On-show {width:295px; padding:0 0 0px 0; }
ul.col li#ex {background-color: #111;}
ul.col li#ex:hover {background-color:#232323;}
ul.col li#onshow {background:url(../template/on-show-bg.jpg) no-repeat top #cc0000;}
ul.col2 li#PR-new{background-color: #454545;}
ul.col2 li#PR-new:hover{ background-color: #272727;}
ul.col2 li#TEV { background-color: #3B3B3B;}
ul.col2 li#TEV:hover{ background-color: #232323;}
ul.col2 li#Pretty { background-color: #CE0483;}

.LEFT-MODULE {width:608px; height: auto;overflow:hidden; float:left; margin:15px 18px 0 0;}
.RIGHT-MODULE {width:293px; height: auto; float:left; overflow:hidden; margin:15px 0 0 0;}

.List-style-wrap,.List-style-wrap2 { overflow: hidden;clear:both;}
.List-style-wrap2 {height:425px; width:608px;  padding:10px 0px 15px 0px; margin-bottom:18px;}
.List-style-wrap {height:440px; width:608px; /*width:610px;*/ padding:10px 0px 15px 0px; margin-bottom:10px;}

.List-style-wrap h1,.List-style-wrap2 h1 { font-size:25px; color:#e00505;}

.Single-col { width:293px; height:auto; float:left; margin-bottom:18px; overflow:hidden;}

.Module-wrap { width:285px; padding-bottom:15px; height:220px;}

.ON-SHOW { width:275px; height:360px; overflow: auto; padding:0px 0 10px 20px;}
.ON-SHOW {SCROLLBAR-FACE-COLOR:#444;} 
.ON-SHOW {SCROLLBAR-HIGHLIGHT-COLOR: #444;} 
.ON-SHOW {SCROLLBAR-SHADOW-COLOR: #444; }
.ON-SHOW {SCROLLBAR-3DLIGHT-COLOR: #444; }
.ON-SHOW {SCROLLBAR-ARROW-COLOR: #000000; }
.ON-SHOW {SCROLLBAR-TRACK-COLOR: #000;}
.ON-SHOW {SCROLLBAR-DARKSHADOW-COLOR: #000000;} 

.ON-SHOW-item {width:240px; height:auto; overflow: hidden; float:left; margin-bottom:15px; clear:both; border-bottom:solid 1px #999; padding:0 0 10px 0;}
.ON-SHOW-item #image { float:left; width:240px; height:120px; margin:0 0 10px 0; overflow:hidden;}
.ON-SHOW-item #image img { border:none; width:240px; height: auto;}
.ON-SHOW-item #title { font-size:14px;width:240px;}
.ON-SHOW-item #title a { color:#FFF; text-decoration:none;}
.ON-SHOW-item #title a:hover { color:#FFF; text-decoration:underline;}
.ON-SHOW-item #date  {font-size:11px; color:#FFF;}
.ON-SHOW-item #date span {  color:#F93;}


.Ex-News-wrap { width:275px; height:360px;  padding:0 0 10px 0px; margin:0 auto 0 auto; }
.Ex-News { width:274px; margin:0 0 10px 0; padding-bottom:5px; border-bottom:dotted 1px #CCC; overflow:hidden; }
.Ex-News-Thumb {width:270px; height:120px; margin-bottom:10px; overflow:hidden;}
.Ex-News-Thumb img { width:270px; height:auto; border:none;}
.Ex-News-title {font-size:14px; margin:0 5px 0 0; }
.Ex-News-title a { color:#F93;text-decoration:none;  font-weight:normal;}
.Ex-News-title a:hover {color:#FFF; text-decoration:underline;}
.Ex-News-refer a {font-size:11px; float:left; color:#EEE; text-decoration:none; margin:0 5px 0 0;}
.Ex-News-refer a:hover {color:#FFF; text-decoration:underline;}

.Ex-News-sub { font-size:12px; color:#CCC;}
.Module-scroll {width:275px; height:360px; padding:0 10px 10px 10px; overflow:auto;}



ul.Thumb-list {margin:0; padding:0; list-style:none; width:245px;}
ul.Thumb-list li { margin:8px 0 0 0; padding:0 0 5px 0;  width:255px;border-bottom:solid 1px #222; }
ul.Thumb-list #image {width:80px; height:55px; background-color:none; padding:2px; float:left; border:solid 1px #333;}
ul.Thumb-list #image img {width:80px; height:55px;}
.Thumb-list-item { width:155px; overflow:hidden; margin-left:10px; float:left; }
.Thumb-list-item a { text-decoration:none; color: #39C; font-size:12px;}
.Thumb-list-item a:hover {text-decoration: underline;}
.Thumb-list-item #date {font-size:10px; color:#F93;}
.Thumb-list-item #venue {font-size:10px; color:#999;}
.count-view,.count-view2 {float:left; display:block; font-size:10px; margin:2px 0 0 0; color:#666; background:url(../template/count-view.png) no-repeat 0px 2px; padding:0 0 0 20px;}
.count-view2 {color:#CCC; background:url(../template/count-view2.png) no-repeat 0px 2px; padding:0 0 0 20px;}

.count-view span {display:none; font-size:10px; background-color: #C00; color: #FFF; padding:1px 4px; position: relative; margin:-20px 0 0 -20px; float:left;}

.List-style-head { width:270px; height:120px;  margin-bottom:10px; overflow:hidden; }
.List-style-head img {width:270px; height: auto;}
.List-style-div {  width:270px; margin:0 8px 0 0px; padding:0 0 25px 0; }
.List-style-item { float:left; clear:both;width:275px; padding:1px 0; margin-bottom:3px; overflow:hidden; border-bottom:solid 1px #333;}
.List-style-item #bullet { float:left; background-color:#F93; width:16px; height:16px; margin:2px 5px 0 0; background:url(../template/list-arrow.png) no-repeat; }
.List-style-item #text {float:left; font-size:12px; width:240px;}
.List-style-item #text a { color:#CCC; text-decoration:none; float:left; font-weight:normal;}
.List-style-item #text a:hover { text-decoration:underline;}
.List-style-item #text span { color: #666; float:left; padding:0 8px 0 0; font-size:10px;}

.List-style-thumb { float:left; clear:both;width:275px; padding:4px 0 8px 0; margin:0 0 0 5px; overflow:hidden; border-bottom:dotted 1px #CCC; }

.Pretty-List-New {width:270px; margin:0 auto 5px auto; padding-bottom:5px; border-bottom:dotted 1px #CCC;}
.Pretty-List-New #image { width:270px; height:145px; /*background-color:#666;*/ margin-bottom:10px; overflow:hidden; }
.Pretty-List-New #image img {width:270px; height: auto;}
.Pretty-List-New #title {font-size:14px;}
.Pretty-List-New #title a:link,.Pretty-List-New #title a:visited { color:#FFF; text-decoration:none;font-size:14px; font-weight:normal;}
.Pretty-List-New #title a:hover { color:#DCFCFC; text-decoration:underline;}
.Pretty-List-New #title span { font-size:10px;}

.Pretty-List-thumb {float:left;  width:80px; height:50px; margin:5px 5px 0 15px; }
.Pretty-List-thumb img {width:80px; height:50px;}
.Pretty-List-head {float:left; font-size:12px; width:170px; padding:5px 0 0 0; color:#FFF; margin:0 0 0 5px;}
.Pretty-List-head a {color:#FFF; text-decoration:none; font-weight:normal;}
.Pretty-List-head a:hover { color: #F90; text-decoration:underline;}
.Pretty-List-head span { font-size:10px; color:#CCC; clear:both;}

.Variety-style-thumb { float:left; clear:both;width:275px; padding:4px 0 8px 0; margin:0 0 0 5px; overflow:hidden; border-bottom:dotted 1px #E64A00; }
.Variety-List-thumb {float:left;  width:80px; height:50px; margin:5px 5px 0 15px; }
.Variety-List-thumb img {width:80px; height:50px;}
.Variety-List-head {float:left; font-size:12px; width:170px; padding:5px 0 0 0; color:#FFF; margin:0 0 0 5px;}
.Variety-List-head a {color:#FFF; text-decoration:none;}
.Variety-List-head a:hover { color: #F90; text-decoration:underline;}
.Variety-List-head span { font-size:10px; color:#CCC; clear:both;}

/*-----------------------  EVENT 76 ( index ) -----------------------*/

.Event-76-i-head { width:578px; padding:3px 0px; overflow: hidden; position:relative; clear:both;}
.Event-76-i-head ul { list-style:none;margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color: #FC3; clear:both;}
.Event-76-i-head li {  display:block; font-size:10px;  overflow:hidden;padding:3px 0; }

.Event-76-i-head li #title-time,
.Event-76-i-head li #title-title,
.Event-76-i-head li #title-provice,
.Event-76-i-head li #title-cate {font-size:14px; float:left; font-weight:bold; color:#999; border-bottom:solid 1px #6F6F6F;}

.Event-76-i-head li #title-time { width:70px;  margin-right:5px; }
.Event-76-i-head li #title-title { width:260px;  margin-right:10px;}
.Event-76-i-head li #title-provice { width:100px; margin-right:5px;}
.Event-76-i-head li #title-cate { width:120px; }


.Event-76-i { width:608px; padding:3px 0px; height:360px; overflow: auto;  clear:both; margin:10px 0;}
.Event-76-i ul { list-style:none;margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
.Event-76-i li { display:block; float:left;width:600px;; font-size:13px; clear:both; overflow:hidden; padding:8px 0;background-color:#333; margin-bottom:1px; height: auto;}

.Event-76-i li #date { width:90px; float:left; margin-right:5px; color:#CCC; font-size:11px; padding-left:10px;}
.Event-76-i li #title {}
.Event-76-i li #title a:link,.Event-76-i li #title a:visited { color:#F90; width:260px; float:left; margin-right:10px; text-decoration:none; font-size:12px;}
.Event-76-i li #title a:hover { text-decoration:none; color:#3CF;}
.Event-76-i li #provice,.Event-76-i li #cate { font-size:11px;}
.Event-76-i li #provice { width:100px; float:left;margin-right:5px;color:#DDD;}
.Event-76-i li #cate { width:110px; float:left;color:#CCC;}
.Event-76-i li #logo {float:left; width:50px; height:40px; margin-right:15px;padding-left:10px; overflow:hidden;}
.Event-76-i li #logo a img {width:70px; height:auto; border:none;}


/*-----------------------  Free-PR ( index ) -----------------------*/

.Free-PR{/*width:578px;*/ width:608px; overflow:hidden; height:365px;}
.Free-PR-body { clear:both; height:345px; width: auto; margin:5px auto 0 auto;overflow: auto; border-bottom:solid 1px #444;}
.Free-PR-body ul {list-style:none;margin:0; padding:0;}
.Free-PR-body li { margin:0; padding:0;overflow:hidden; height:auto;padding:10px 5px; clear:both; border-bottom: dotted 1px #272727;}

.Free-PR-dateblock {
	background-color: #09C; color:#FFF;float:left;
	text-align: center;
	width: 35px; height:34px;
	margin:0px 10px 0px 0px; padding-bottom:2px;
}
.Free-PR-month-block {font-size: 12px; clear:both; background-color: #333;}
.Free-PR-day-block 		{font-size: 16px; }

.Free-PR-title,.Free-PR-title a {float:left; font-size: 12px; color:#CCC;text-decoration:none; overflow:hidden; width:500px;}
.Free-PR-title a:link { color:#C6E2F0; }
.Free-PR-title a:hover { color:#FC0;} 
.Free-PR-body-read { font-size:12px; color: #FC6; margin-top:2px; }
.Free-PR-body-comment {float:left; font-size:12px; color:#09C; clear:both; margin-top:2px; padding-right:10px; }

.DIR-List { width:285px; padding:5px; /*background-color:#000;*/ height: auto; overflow:hidden; }
.DIR-List h2 { padding-bottom:5px; color:#999; border-bottom:2px solid #999; margin-bottom:10px;}

.pagenav { padding:10px; font: normal 12px Tahoma; clear:both; }
.pagenav a { text-decoration:none;}
.pagenav a:hover { text-decoration:underline; color:#F00;}
.pagenav ul {}
.pagenav li { list-style:none; display:inline; color:#666;}
.pagenav li a:link,.pagenav li a:visited { color: #333; text-decoration:none; border:solid 1px  #999; padding:1px 3px 1px 5px; }
.pagenav li a:hover {color: #FFF; background-color:#333;}
.pagenav li b { color: #F60; text-decoration:none; }
.absolute a { text-decoration:none;}

/*-----------------------  HoroSCOPE ( index ) -----------------------*/

.Horo-container {
	margin: 0 auto;
	width: 275px; 		/*เป็นขนาดจริงที่เเสดงผล*/
	overflow: hidden;
	
	padding:0 10px;
}
ul.horo {
	width: 284px;       /* ขนาดของ ul (เเต่ไม่ใช่ขนาดที่เเสดงจริง) จำเป็นต้องบวก +1 ไม่อย่างนั้น item จะตกลงไปอีกบรรทัด*/
	margin: 10px 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.horo li {
	float: left;
	background: #fff;
	width:61px;		/*ขนาดของ item ยังไม่รวม padding*/
	height:66px;
	padding:0px;
	margin: 5px 10px 4px 0;
}
ul.horo li h2 { }
ul.horo li #image { float:left; width:61px; height:66px; overflow:hidden;margin:0;}
ul.horo li #name {float:left; width:61px; font-size:10px; float:left; text-align:center; line-height:13px; color: #666;}
ul.horo li #image img { border:none; width:61px; height:50px;}

/*----------------------- // HoroSCOPE ( index ) -----------------------*/

/*------------------------ COLUMNIST SECTOR  ---------------------------*/

.Column-index { width:275px; height:auto; overflow: hidden; background-color:#CE4300; padding:10px; margin-bottom:15px;}
.Column-index-limg { width:252px; border:solid 10px #333; height:130px; float:left; }
.Column-index-limg img { width:252px; height: auto;float:left;}
.Column-index-title { padding:8px 10px; background-color:#333; float:left; clear: both; width:252px;}
.Column-index-title span {color:#666; font-size:12px; font-style:italic;}
.Column-index-title a { color:#FFF; text-decoration:none;}
.Column-index-title a:hover { color: #FF6;}
.Column-index-list-wrap {width:290px;height:auto; overflow: hidden; clear:both; margin:10px 0; float:left;}
.Column-index-list-wrap ul { margin:0 0 10px 0; padding:0; list-style:none; float:left;}
.Column-index-list-wrap li { display:block; margin-bottom:1px;  clear:both; padding:3px 0 3px 20px; width:270px;
background: url(../template/arrow_77.gif) left 10px no-repeat;}
.Column-index-list-wrap li span { color: #F63; font-size:10px; font-style:italic;}
.Column-index-list-wrap li a { text-decoration:none; font-size:12px; color:#FFF; }
.Column-index-list-wrap li a:hover { color:#FF6; text-decoration:underline;}



.DIR-item {float:left; clear:both;width:275px; padding:1px 0; margin-bottom:3px;}
.DIR-item #bullet { float:left; background-color:#F93; width:15px; height:16px; margin:2px 5px 0 0; background:url(../template/list-arrow.png) no-repeat; }
.DIR-item #text {float:left; font-size:11px; width:240px;}
.DIR-item #text a { color:#555; text-decoration:none;}
.DIR-item #text a:hover { text-decoration:underline; color:#CCC;}
.DIR-item #text span { color: #666; font-size:10px;}


/* \\\\\\\\\\\\\\\\\ PARTNER - WRAP \\\\\\\\\\\\\\\\\
/////////////////////////////////////////////////////*/

.Partner-wrap {
	float:left;
	margin: 0px auto 0px auto ;
	width: 586px; 		/*เป็นขนาดจริงที่เเสดงผล*/
	padding:10px 10px 10px 10px;
	overflow: hidden;
	clear:both;
	height:auto;
	border:solid 1px #141414;
}
ul.Part-col {
	float:left;
	width: 630px;       /* ขนาดของ ul (เเต่ไม่ใช่ขนาดที่เเสดงจริง) จำเป็นต้องบวก +1 ไม่อย่างนั้น item จะตกลงไปอีกบรรทัด*/
	list-style: none;
	margin:0;
	padding:0;
	
	
}
ul.Part-col li {
	float: left;
	width: 90px;		/*ขนาดของ item ยังไม่รวม padding*/
	padding:0 0 0px 0;
	margin: 5px 8px 2px 0;
	/*background-color:#06C;*/
}



.Column1 {width:270px; margin:0 auto 10px auto; padding-bottom:5px; border-bottom:dotted 1px #CCC;}
.Column1 #image { width:270px; height:160px; background-color:#666; margin-bottom:10px; }
.Column1 #image img {width:270px; height:160px;}
.Column1 #title {font-size:14px;}
.Column1 #title a:link,.Column1 #title a:visited { color:#FFF; text-decoration:none;font-size:14px;}
.Column1 #title a:hover { color:#DCFCFC; text-decoration:underline;}
.Column1 #title span { font-size:10px;}


.Variety-SEC { width:608px; float:left; height:540px; overflow: hidden; margin:10px 0 25px 0;  padding:10px 0px 15px 0px;  clear:both; }



/*/////  BANNER ZONE  ////////*/



/*.B1 { width:728px; height:90px;  margin:auto; padding:20px 0 10px 0;  clear:both;border:none;} // center */
#B1 { width:728px; height:90px; /*padding:20px 0 10px 0;*/padding:6px; border:#333 1px solid; float:left; position:relative; margin:20px 0 15px 95px;}
#B2,#B3 {width:293px; height:auto; float:left; margin-bottom:18px; overflow:hidden; clear:both; position:relative;}
#B4 { width:608px; height:auto;float:left; overflow:hidden; clear:both; }
#B5 { width:608px; height:90px; margin:0 0 18px 0; text-align:center; }
/*.B2 { width:610px; padding:10px 45px; height:90px; float:left; clear:both; margin:20px 0 10px 0; border:none;}
.B3 { width:295px; height:120px; background-color:#096; float:left; clear:both; margin:0px 0 20px 0;border:none;}
.B4-a { width:295px; height:120px; }*/

#side-ads-left,#side-ads-right {  width:150px; height:560px; position:fixed; margin:40px 0 0 -160px; }
#side-ads-left,#side-ads-right img { border:none; } 
#side-ads-right { margin:40px 0 0 930px; }

/*/////  BANNER ZONE  ////////*/


/*///////----  Lastest POST  ------/////// */
.last-post {width:270px; margin:20px auto;}
.last-post ul {margin:0; padding:0;  list-style:url(../template/16-comment-square.png);}
.last-post li { margin:5px 0 5px 20px; font-size:12px; padding:0px 0 10px 0px; border-bottom:1px dotted #666;}
.last-post li div a { color:#CCC;}
.last-post li #title a { font-size:12px; color: #0CF; padding:0 0 0 5px; text-decoration:none; font-weight:normal;}
.last-post li #title a:hover { color:#3CC; text-decoration:underline;}
.last-post li #user,.last-post li #time{ font-size:13px; color:#FFF;}
.last-post li #time {color:#999;font-size:11px;}
.last-post li #from { color:#CCC; padding:0 5px 0 0; font-size:12px;}


/* promotion ทั่วไทย*/

ul.thumb { margin:0; padding:0;}
.pro-l-thumb {width:250px; height:150px; background-color:#990; border:5px solid #666; overflow:hidden;}
.pro-l-thumb img {width:250px; height:150px;}
.pro-l-thumb:hover { border:5px solid #444;}

li.tthumb{ margin:0 0 5px 0; padding:5px 0; height:50px; font-size:12px; list-style:none; display:block; border-bottom:dotted 1px #666;}
li #thumb {width:60px; height:45px; float:left; background-color:#06C; margin:0 10px 0 0; overflow:hidden; }
li #thumb img {width:60px; height:45px;}
li #thumb a { color:#999;}
li #thumb-link a { color:#FFF; text-decoration:none; width:180px;}
li #thumb-link a:hover { color:#3CF;}
li #thumb-acess {padding:0 0 0 50px;}
.thumb-date { font-size:11px; color:#999;}
.add-pro a{padding:3px 5px; background-color:#333; color:#FFF; float:right; font-size:12px;}
.readmore-pro a{ float:right; font-size:12px; color:#FFF; padding:3px 8px; background-color:#F60; text-decoration:none;}
.readmore-pro a:hover { background-color:#F30;}

/* Banner Sponser*/
.sponser-block { width:610px; height:300px; overflow:hidden; float:left; clear:both; }
.sponser-wrap {width:610px; height: auto; overflow:hidden; float:left; clear:both; padding:10px 10px 0 0px; margin:20px 0 10px 0;}
ul.sponser { margin:0; padding:0; width:630px;}
ul.sponser li { display:inline; float:left;margin:0 10px 10px 0;}
ul.sponser li img { width:196px; height:100px; border:none;float:left;}

#promoteico {background:url(../template/promoteico.png) no-repeat  left top;  padding:2px 5px; width:54px; float: right; position:relative;font-weight:normal;}
#promoteico a:link,#promoteico a:visited{ text-decoration:none; font-size:10px; color:#FFF; font-weight:normal;}
#promoteico:hover {background:url(../template/promoteico.png) no-repeat left -17px; }

#promoteico2 {background:url(../template/promoteico.png) no-repeat  left top;  padding:2px 5px; width:54px; float: left;}
#promoteico2 a{ text-decoration:none; font-size:10px; color:#FFF }
#promoteico2:hover {background:url(../template/promoteico.png) no-repeat left -17px;font-size:10px; }

/* Ads Interest */
a.ads-inter { background:url(../template/ads-interest.png) top left; width:271px; height:60px; float:left; margin:0 0 0 15px;}
a.ads-inter:hover {background:url(../template/ads-interest.png) left -60px;}
a.ads-inter span { display:none;}


.B-link span{ display:none; float:left; position:absolute;}

/*//////////// Lastest COMMENT (Index Page) /////////////*/

.lastest-commment-wrap { float:left; width:588px; padding:15px 10px 15px 10px; clear:both; background:#222; margin:0px auto 20px auto;}
ul.lastest-commment { margin:0; padding:0;float:left; }
ul.lastest-commment li { font-size:13px; display:block; line-height:16px; clear: left; float:left; width:560px; margin:0 0 0px 0; padding:5px 10px 5px 10px; border-bottom:1px #333 dotted;}
/*ul.lastest-commment li:hover { background-color:#333; }*/
.event-comment { float:left;  font-size:12px; color:#666;}
.comment-text {float:left; padding:0 0px 0 25px; background:url(../template/bubble-16x16.png) no-repeat 0px 0px; margin:0 0 0 15px;}
.comment-text a { text-decoration:none; color:#82C0FF; }
.comment-text a:hover { text-decoration:underline; }
span.lasttime { font-size:10px; color:#666;}
span.last-user { font-size:11px; color:#999; padding:0 5px; }


a#Booth-reserve-box,a#Exhibition-table-box,a#Booth-reserve-box2 { float:left; width:220px; background: url(../template/booth-reserve-label.jpg) no-repeat #999 ; height:115px; margin:5px 0 0 0; overflow:hidden; }
a#Exhibition-table-box {background: url(../template/pass-flood-btn.png) no-repeat #999 ;}
a#Booth-reserve-box span,a#Exhibition-table-box span,a#Booth-reserve-box2 span { display:none;}
a#Booth-reserve-box:hover,a#Booth-reserve-box2:hover,a#Exhibition-table-box:hover { background-position:0px -115px; }

a#Exhibition-table-box {margin:15px 0 0 0;}
/*#Exhibition-table { float:left; width:220px; background-color:#F30; height:115px; margin:15px 0 0 0; }*/


.count-view-l { background:url(../template/count-view-L.png) no-repeat 0px 0px; font-size:12px; color:#666; height:20px; line-height:20px; padding:0 0 0 35px; }
.partner-banner-wrap { float:left; width:592px; margin:20px 0 25px 0; padding:9px 9px 0 9px; background-color:#000; min-height:100px; overflow:hidden; }
ul.partner-banner { float:left; width:620px; margin:0; padding:0;}
ul.partner-banner li { float:left; width:90px; height:50px; background-color:#C90; margin:0 10px 10px 0; padding:0; list-style:none; }