@charset "utf-8";
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body{
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	color:#2e241a;
}

table, td {font-size:13px;color:#222;font-family:Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.75em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}

h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.td_left{ text-align:left };
.td_right{ text-align:right;}

.txt_input {
	border: 1px solid #7f9db9;
}

.txt_btn {
	background-color: #FF6594;
	border-color: #FFB2CD #DE4D83 #DE4D83 #FFB2CD;
	border-style: solid;
	border-width: 2px;
	color: #fff;
	font-weight: normal;
	padding: 0px 5px;
}




.bg_left_menu{
	background:url(../images/bg_left_03.jpg) #FFF no-repeat top center; height:243px; vertical-align:text-top;
	list-style: none;
}

.bg_left_bar{
	background:url(../images/bg_left_01.jpg) #FFF no-repeat top center; height:28px; vertical-align:text-top; padding-left:30px;
	list-style: none;
}

.dotmenu{
	background:url(../images/dotleft.gif) repeat-x top center; height:1px;
	list-style: none;
}


.dotnews{
	background:url(../images/dotnews.gif) repeat-x top center; height:1px;
	list-style: none;
}


a:link {color: #003; text-decoration: none;}
a:visited {color: #003; text-decoration: none;}
a:hover {color: #F60; text-decoration: none;}
a:active {color: #003; text-decoration: none;}	

a.menu:link {color:#000000; text-decoration: none;}
a.menu:visited {color: #000000; text-decoration: none;}
a.menu:hover {color: #F30; text-decoration: none;}
a.menu:active {color: #000000; text-decoration: none;}	

a.lgame:link {color: #000000; text-decoration: none;}
a.lgame:hover {color: #FF00FF; text-decoration: none;}

a.ltitle:link {color: #F60; text-decoration: none;}
a.ltitle:active {color: #F60; text-decoration: none;}	
a.ltitle:visited {color: #F60; text-decoration: none;}
a.ltitle:hover {color:#C60 ; text-decoration:underline}

a.lviews:link {color: #F46F6F; text-decoration: none;}
a.lviews:active {color: #F46F6F; text-decoration: none;}	
a.lviews:visited {color: #F46F6F; text-decoration: none;}
a.lviews:hover {color:#F06 ; text-decoration:underline}

a.kow:link{color: #333333; text-decoration: none;}
a.kow:active {color: #333333; text-decoration: none;}	
a.kow:visited {color: #333333; text-decoration: none;}
a.kow:hover {color:#000 ; text-decoration:underline}

#box_tab {
	width: 813px;
	margin: 0px 0px 0px 0px;
}

#box_menu{
	width: 813px;
	height: 20px;
}

#box_menu li{
	display: inline;
}

#box_menu li a{
	float: left;
	height: 26px;
	width: 100px;
	margin: 0 1px 0 0;
	padding-top:3px;
	text-align: center;
	background: #FFCCFF url(../images/greentab.jpg) no-repeat;	
	text-decoration: none;
	font-weight:bold;
}

#box_menu li a.linkactive{
	float: left;
	height: 26px;
	width: 100px;
	margin: 0 1px 0 0;
	text-align: center;
	background: #FFCCFF url(../images/greentab_over.jpg) no-repeat;	
	text-decoration: none;
}

#box_menu li a.linkdefault{
	float: left;
	height: 26px;
	width: 100px;
	margin: 0 1px 0 0;
	text-align: center;
	background: #FFCCFF url(../images/greentab.jpg) no-repeat;	
	text-decoration: none;
}

#box_menu li a:hover{
	background: #FFCCFF url(../images/greentab_over.jpg) no-repeat;	
	text-decoration: none;
}

#box_menu li a:active{
	background: #FFCCFF url(../images/greentab_over.jpg) no-repeat;	
	text-decoration: none;
}


div.hidden{
	display:none;
}

.font18{
	font-size:12px;
	color:#030;
}

.font12{
	font-size:12px;
	color:#FFF;
}


.boxholder{
clear: both;
padding: 1px;
background: #8DC70A;
}

.clearfix{
	display:block;
}



/*+++++++++++++++  รายการแสดงใน Teb  เรื่องเด่น ++++++++++++++*/
.view-news{
	width:242px;
	padding-left:5px;
	float:left;
	padding-bottom:10px;
	border:solid 0px #999;
}
.img-view{
	width:75px;
	height:75px;
	float:left;
}
.title_news{
	width:135px;
	font-size:1.0em;
	font-weight:bold;
	color:#eb4878;
}
.title-news{
	font-size:12px;
	width:130px;
	height:18px;
	border-bottom:1px dotted #cccccc;
	float:left;
	margin:0px 10px 5px 5px;
	overflow:hidden;
}	
.txt-news{
	background-color:##FFCC66;
	width:140px;
	padding-left:5px;
	float:left;
}


/*+++++++++++++++  รายการแสดงใน Teb  Games ++++++++++++++*/
.view-game{
	width:111.5px;
	padding:5px;
	float:left;
	padding-bottom:10px;
}
.img-game{
	width:100px;
	height:100px;
}
.title_game{
	width:100px;
	font-size:1.0em;
	font-weight:bold;
	color:#eb4878;
}
.txt-game{
	background-color:#FFCC66;
	width:100px;
	padding-left:5px;
}



/*+++++++++++++++  รายการแสดงใน Vdo ++++++++++++++*/
.view-vdo{
	width:113px;
	padding:5px;
	float:left;
	padding-bottom:10px;
}
.img-vdo{
	width:100px;
	height:100px;
}





/*+++++++++++++++  หัวข้อต่างๆ ++++++++++++++*/
.bar_clip{
	background: url(../images/bar_clip.gif) no-repeat; width:510px; height:39px;
	padding-left:45px;
}

.bar_clip h2{
	font-size:14px;color:#900; font-weight:bold;
}


.bar_music{
	background: url(../images/bar_music.gif) no-repeat; width:510px; height:39px;
	padding-left:45px;
}

.bar_music h2{
	font-size:14px;color:#004F00; font-weight:bold;
}


.bar_picpost{
	background: url(../images/bar_picpost.gif) no-repeat; width:510px; height:39px;
	padding-left:45px;
}

.bar_picpost h2{
	font-size:14px;color:#039; font-weight:bold;
}


.bar_games{
	background: url(../images/bar_games.gif) no-repeat; width:510px; height:39px;
	padding-left:40px;
}

.bar_games h2{
	font-size:14px;color:#004F00; font-weight:bold;
}



/*+++++++++++++++  รายการขวามือหน้าแรก ++++++++++++++*/
.box_right{
	width:287px;
	padding:5px;
	float:right;
	border:solid 1px #FF66FF;
	background-color:#FFFFFF;
	text-align:center;
	margin-bottom:5px;
}
.{
	font-size:15px; font-weight:bold;
	color:#FFF;
	text-align:left;
	padding-left:5px;
	width:283px;
	height:22px;
	padding-top:5px;
}





/*+++++++++++++++  กรอบซ้ายมือ ++++++++++++++*/
.box_left{
	width:175px;
	padding:1px;
	float:left;
	border:solid 1px #FF00FF;
	background-color:#CA6500;
	text-align:center;
	margin-bottom:5px;
}
.title_left{
	font-size:15px;
	color:#FFF;
	text-align:left;
	padding-left:5px;
	width:170px;
	height:22px;
	padding-top:5px;
}





.bul_topic{padding-left:30px;background: url('../images/ico/i_topic.gif') 5px 0px no-repeat; text-align:left}

.bul_book{padding-left:22px;background: url('../images/ico/i_book.gif') 1px 2px no-repeat; text-align:left}

.bul_menu{padding-left:22px;background: url('../images/ico/bul01.png') 1px 2px no-repeat; text-align:left}

.bul_time{padding-left:20px;background: url('../images/ico/i_calendar.png') 0px -1px no-repeat; text-align:left; font-size:10px; height:18px;}

.bul_see{padding-left:20px;background: url('../images/ico/i_see.png') 0px -1px no-repeat; text-align:left; font-size:10px; height:18px;}

.bul_comment{padding-left:20px;background: url('../images/ico/i_comment.png') 0px -1px no-repeat; text-align:left; font-size:10px; height:18px;}

.bul_05{padding-left:18px;background: url('../images/ico/i_14.gif') 3px 4px no-repeat; text-align:left}

.bul_login{padding-left:22px;background: url('../admin/images/ico/i_login.png') 1px 2px no-repeat;}

.bg_line1{background: url('../admin/images/ico/line_y1.gif') repeat-x;}

.bul1{padding-left:22px;background: url('../admin/images/ico/i_bulmenu.gif') 5px 3px no-repeat;}

a:link{
	color:#FF33FF;
}

a.rightbook:link {color: #000000; text-decoration: none;}
a.rightbook:visited {color: #000000; text-decoration: none;}
a.rightbook:hover {color: #F30; text-decoration: none;}
a.rightbook:active {color: #FF66FF; text-decoration: none;}	


/*+++++++++++++++  แฟชั่น ++++++++++++++*/
.view-fashion{
	width:180px;
	float:left;
	border:solid 1px;
}

.img-fashion{
	width:60px;
	height:60px;
	float:left;
}
.title_fashion{
	font-size:12px;
	width:130px;
	height:18px;
	border-bottom:1px dotted #cccccc;
	float:left;
	margin:0px 10px 5px 5px;
	overflow:hidden;
}



.bg_friend{
	background: url(../images/bg_friend.gif);
}


.bg_title{
	background:url(../images/title.gif) repeat-x top center; height:31px;
	list-style: none;
}

.boder_img{
 border:solid 1px #FFCCFF;	
}


.boder_imgs{
 border:solid 1px #999;	
}

hr {border: none 0;
border-top: 1px dashed #CCC;
height: 1px;
}