/* CSS Document */
ul, li, p
{
	margin:0px;
	padding:0px;
		
}

* html .box1 /* hack IE6*/ 
{
   margin:0;
   padding:0;
} 

* html .box2  /* hack IE6*/ 
{
    margin:0;
    padding:0;
}
.contents{
background-color:#FFF;
width:830px;
height:auto;
}

/* vdo-menu */

.vdo-menu{
width:828px;
background-image:url(../images/news/news-menu-bgslide.gif);
height:24px;
border:solid 1px #CCC;
}

.vdo-menu ul{

margin:2px 0px 0px 0px;
padding:0px;
}

.vdo-menu li{
margin:0px 0px 0px 0px;
padding:0px 2px 0 5px;
display:inline;
list-style:none;
border-right:solid 1px #CCC;
}


/*  login  */
.box{
float:left;
width:389px;
height:60px;
padding:8px;
background-image: url(../images/webboard/slide1.gif);
margin:5px 3px 5px 5px;
}

.box ul{
float:right;
margin:0;
padding:0;
width:320px;
text-align:left;
}

.box li{

margin:0;
padding:0;
display:inline;
list-style:none;

}

/*  webboard */

.head-webboard{
margin:0 5px 0 5px;
padding:5px;
height:20px;
border-bottom:solid 1px #CCC;
background-color:#FFF;
}



.boxSearch{
width:auto;
float:right;
}
.boxContentSearch
{
	width:820px;
	float:left;
}
 .boxContentSearch ul
{
	margin:0 0 0 5px ;padding:0;list-style:none;display:inline;
}
.boxContentSearch li
{
	margin:0;padding:0;
	display:inline;
	
}
.boxContentSearch li a
{
	margin:5px 5px 5px 10px; padding:0;
	float:left;
}
 .boxContentSearch li p{
margin:5px 5px 5px 0px;
padding:0;
width:auto;
float:left;
}

/*   boxmain   */

.boxmain{
width:auto;
height:auto;
padding:5px 15px 5px 15px;
float:right;
}

.boxmain a{
width:auto;
height:auto;


}


/* box-drama */

.navigator{
padding:5px 15px 5px 15px;
height:20px
}
.head-box{
display:block;
width:auto;
height:20px;
border-bottom:solid 1px #bdbdbd;
background-image: url(../images/drama/headnewsslide.gif);
padding:5px 5px 0 5px;
}

.box-drama{
width:810px;
height:auto;
padding:5px;
border:solid 5px #FFF;
background-image:url(../images/drama/dramaline.gif);
background-repeat:repeat-x;
}

.box-drama .head-drama{
width:auto;
height:20;
padding:0 5px 5px 5px;
}

.box-drama .content-drama{
width:500px;
height:auto;
background-color:#FFF;
border:solid 5px #FFF;
}



.box-drama .drama-data{
width:800px;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:200px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:200px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
background-color:#FFF;
padding:5px;
}


.box-drama .drama1{
float:left;
width:190px;
height:210px;
list-style:none;
padding:5px;
}
.box-drama .drama1 ul
{
	margin:0;
	padding:0;
}
.box-drama .drama1 p
{
	margin:0;
	padding:0;
}
.box-drama .drama1 li{
width:165px;
height:auto;
list-style:none;
padding:5px;
}

.box-drama .drama-vdo{
width:800px;
height:200px;
background-color:#FFF;
padding:5px;
}

.box-drama .drama-vdo .vdo{
float:left;
width:230px;
height:200px;
list-style:none;
}

/*  headtop   */

.headtop{
width:auto;
height:160px;
padding:10px;
}

.headtop ul
{
	margin:0;
	padding:0;
}
.headtop li
{	
	list-style:none;
}

.headtop li a
{	
	margin:0;
	float:left;
	list-style:none;
	padding:0;
}

.headtop li p{	
	margin:0;
	float:left;
	padding:5px;
	width:550px;
	
}



/*  boxsearch   */


.boxsearch{
width:auto;
height:100px;
padding:10px;
}

.boxsearch li
{	
	list-style:none;
}

.boxsearch li a
{	
	margin:0;
	float:left;
	list-style:none;
	padding:0 5px 0 0;
}

.boxsearch li p{	
	margin:0;
	float:left;
	padding:5px;
}


/*   box2   */
.box2{
margin:0;
width:250px;
height:auto;
float:right;
background-color:#FFF;
padding:5px;
}

.box2 .newsslide-head{
width:240px;
height:18px;
padding:4px 0 0 0;
background-image:url(../images/drama/headnewsslide.gif);
border-bottom:solid 1px #bdbdbd;
padding:5px;
}
.popup .newsslide-head{
width:350px;
height:20px;
padding:5px;
background-image:url('../images/drama/headnewsslide.gif');
border-bottom:solid 1px #bdbdbd;
}

.box2 .newsslide-head .head{
width:auto;
margin:0;
float:left;
}

.box2 .newsslide-head .more{
width:auto;
margin:0;
float:right;
}

.more{
width:auto;
margin:0;
float:right;
}

.box2 .newsdata1{
width:240px;
height:60px;
padding:6px 5px 5px 5px;
background-image:url(../images/news/slide1.gif);
}

.box2 .newsdata1 ul{
display:inline;
width:auto;
list-style:none;
padding:0px;margin:0px;

}

.box2 .newsdata1 li{
width:auto;
list-style:none;
display:inline;
padding:0px;margin:0px;
float:left;

}


.box2 .newsdata1 p{
margin:0;
width:160px;
float:right;

}

.box2 .banner{
width:250px;
height:250px;
padding-top:5px;
}

.box2 .clip{
width:250px;
height:auto;
padding:5px 0 0 5px;
}
.rightdramaback
{
width:235px;
height:auto;
margin:0;
padding:0 0 5px 0;
list-style:none;
}

/* box1 */
.box1{
width:565px;
height:auto;
padding:5px 0 5px 5px;
background-color:#FFF;
float:left;
}

.boxdaravdo{
	width:125px;
	height:auto;
	min-height:64px;
	float:left;
	padding:5px;
	text-align:center;
}

.gallery{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:500px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:500px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	
	padding:5px;
	
}

div.newstop{
width:555;
height:auto;
padding:0 5px 5px 0;
}
.box1 .newstopcontent
{
	margin:0;
	padding:0;
	height:auto;
	text-align:left;

}

.box1 .newsvdo{
margin:0;
width:320px;
height:235px;
padding-right:10px;
float:left;
}

/*    tag   */
.tag{
text-align:left;
padding:10px 5px 5px 5px;
width:auto;
height:auto;
}

.numberpage{
text-align:right;
padding:0 5px 0 5px;
width:auto;
height:20px;
}

/*  bannersmall */

.box2 .bannersmall{	
	width:234px;
	padding:8px;
	background-image:url(../images/drama/dramaslide.gif);
}

/*  link */
.box2 .link{	
	margin:0;
	list-style:none;
	padding:5px;
}

/* fun */

.fun{
clear:both;
padding-top:5px;
}

.fun .drama-content{
	width:250px;	
	margin:0;
	list-style:none;
	padding:0;
}


.fun .drama-content li{	
	margin:0;
	list-style:none;
	padding:5px 0 0 5px;
}

.fun .drama-content li a
{	
	margin:0;
	float:left;
	list-style:none;

}

.fun .drama-content li p
{	
	float: left;
	margin: 0px 3px 0 0;
	padding:0 0 0 5px;
}

.fun .drama-content .drama-content1
{
	left: 53px;
	top: 0;
	width: auto;
	height: 56px;	
}

.popup{
	width: 350px;
	height: 225px;
	padding:5px;
	background-image:url('../images/slidenewscorner.gif');
}

/*  vdo HD  */

.black{
width:auto;
height:520px;
padding:15px 0px 0px 0px;
background-color:#000;
text-align:center;
}


.widevdo li a
{	
	margin:0;
	float:left;
	list-style:none;
	padding:0 5px 0 0;
}

.widevdo li p{	
	margin:0;
	float:left;
	padding:5px;
}

.widevdo li ul{	
	margin:0;
	float:left;
	padding:5px;
	text-align:center;
}


/*  head-vdo  HD*/

.head-vdo{
width:820px;
padding:5px;
height:25px;
background-color:#000;
}



.head-vdo a{
width:auto;
float:right;
}

.head-vdo p{
margin:0;
width:auto;
float:left;
}

.detailvdo
{


padding:15px 0px 0px 150px;
height:50px;
text-align:left;

}