﻿   * html /* hack IE6*/
        {
            margin: 0;
            padding: 0;
        }
        #contents
        {
            background-color: #FFFFFF;
            width: 830px;
            margin: 0;
            padding: 0;
        }
        .hilight-container
        {
            height: 370px;
            width: 830px;
        }
        .hilight-container .flash-container
        {
            margin: 0;
            padding: 0;
            width: 568px;
            float: left;
        }
        .hilight-container .tvprogram-container
        {
            float: left;
            margin: 0;
            padding: 0px 5px 5px 5px;
            width: 250px;
            height:370px;
        }
        .tvprogram .header-container .header-left
        {
            top:3px;
        }
        .tvprogram .header-container .header-right
        {
             top:3px;
        }
        .tvprogram .header-container
        {
            background-image: url(/images/tableslide.gif);
            height: 20px;
            padding: 0 5px;
        }
        .hilight-container .tvprogram-container .banner
        {
             vertical-align:bottom;
             padding-top:10px;
        }
        /*****/
        .news-container
        {
            background-image: url(/images/newslide.gif);
            background-repeat:repeat-x;
            margin: 0;
            padding: 5px 0px;
            width: 820px;
            border: 5px solid #FFFFFF;
            height:180px;
        }
        .news-container .news
        {
            float: left;
            margin: 0;
            padding: 0px 5px;
            width: 194px;
            height: auto;
        }
        .news-container .news-border
        {
            float: left;
            height: auto;
            margin: 0;
            padding: 0;
        }
        .news .news-content
        {
            position: relative;
            height: 70px;
        }
        .news .news-content .news-content-left
        {
            position: absolute;
            left: 0px;
            top: 5px;
        }
        .news .news-content .news-content-right
        {
            position: absolute;
            left: 80px;
            top: 5px;
        }
        .news .news-content-list
        {
            margin: 0;
            padding: 0;
            text-align: left;
        }
        .news .news-content-list ul
        {
            list-style-image: url(/images/plus.gif);
            margin: 0px;
            padding: 0px 0px 0px 15px;
        }
        .news .news-content-list li
        {
            margin: 0;
            padding: 0;
        }
        #star
        {
            background-color: #FFFFFF;
            height: 200px;
            margin: 0;
            width: 830px;
        }
        #star .blog
        {
            float: left;
            margin: 0;
            padding: 0;
            width: 400px;
        }
        #star .starupdate
        {
            background-image: url(/images/bgstar.gif);
            float: left;
            margin: 0;
            padding: 0px 5px;
            width: 210px;
        }
        #star .star-content
        {
            margin: 0;
            padding: 0;
        }
        #star .star-content ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #star .star-content li
        {
            margin: 0;
            padding: 0;
        }
        #star .chatzad
        {
            float: left;
            margin: 0;
            width: 205px;
        }
        #web-exclusive
        {
            margin: 0px;
            width: 820px;
            height: 145px;
            background-color: #FFF;
            border: solid 5px #FFF;
        }
        .sms-container
        {
            background-image: url(/images/bgstar.gif);
            float: right;
            height: 170px;
            margin: 0;
            padding: 5px;
            width: 190px;
        }
        .sms-container .head
        {
            border-bottom: 1px solid #999999;
            height: 20px;
            margin: 0;
            padding: 0;
            width: 190px;
        }
        .sms-container .head p
        {
            margin: 0;
            padding: 0;
            text-align: left;
            width: auto;
        }
        .sms-container ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .sms-container li
        {
            margin: 0;
            padding: 5px 0px;
        }
        .sms-container li img
        {
            float: left;
            padding: 0px 5px;
        }
        /*  mobile */
        #download { 
            background-color:#FFFFFF;
            border:5px solid #FFFFFF;
            height:200px;
            width:820px;
        }
        #download .download-data
        {
            float:left;
            margin: 0;
            float: left;
            width: 610px;
            height: 200px;
            background-image: url(/images/webexclusiveline.gif);
        }
         #download .download-data .head-mobile
        {
            height: 20px;
            padding: 5px;
            margin: 0px;
        }
         #download .download-data .mobile-data
        {
            margin: 0;
            padding: 0;
        }
         #download .download-data .mobile-data ul
        {
            
            list-style-type: none;
            padding: 0;
            margin:5px 0px;
        }
 
         #download .download-data .mobile-data  li
        {
            margin: 5px;
            padding:0;
            display: inline;
            float: left;
            width: 135px;
            height: auto;
            list-style-type: none;
        }
        #download  .sms-container
        {
             float:right;
             padding-right:5px;
            }
        #activity .news-container .news .news-content .news-content1
        {
            float: left;
        }
        #activity .news-container .news .news-content .news-content2
        {
            float: right;
        }
        
/* activities */ 
#activity  .news-container
{ 
    height:180px;
}
 
#activity .news-container .news 

{
    width:194px;
    margin:0;
    padding:1px;
    }

#activity .news-container .news .news-head {
	width:190px;
	height:20px;
	margin:0;
	padding:5px;
}

#activity .news-container .news .news-head .news-head1{
	width:190px;
	float:left;
}

#activity .news-container .news .news-head .news-head2{
	width:15px;
	float:right;
}

#activity .news-container .news-content{
margin:0;
padding:0;
width:190px;
}

#activity .news-container .news-content1{
margin:0;
padding:0;
width:78px;
height:58px;
border-left:5px solid #fff;
}

#activity .news-container .news-content2 {
margin-top:0px;
padding:0;
text-align:left;
width:106px;
float:right;
}

#activity .news-container .news-content2 p{
margin:0;
padding:0;
}

#activity .news-container .news-content3{
margin:0px 0px 0px 0px ;
width:190px;
padding:0;
clear:both;
}


#activity .news-container .news-content3 ul{
margin:0;
text-align:left;
padding:0px 0px 0px 25px;
}

#activity .news-container .news-content3 li{
margin:0;
text-align:left;
list-style:url(/images/plus.gif);

}






 
.bigbox{
width:820px;
height:270px;
background-color:#FFF;
margin:0;
padding:0px 5px 5px 5px;
 
}
 
.bigbox .funny{
width:390px;
height:270px;
float:left;
background-image:url(/images/webexclusiveline.gif);

}


.bigbox .head-funny{
width:auto;
height:20px;
border-bottom:solid 1px #999;
}

.bigbox .head-funny p{
margin:0;
width:120px;
float:left;
}

.bigbox .head-funny a{
margin:0;
float:right;
}

.bigbox .content-funny{
margin:0;
width:390px;
}

.bigbox .funny .content-funny ul{
margin:0;
 
display:inline;
}

.bigbox .funny .content-funny li
{
 margin:0;padding:0;
list-style:none;
display:inline;
}

.bigbox .funny .content-funny li a{
margin:0;
float:left;
width:55px;
padding: 5px 0 0 0px;
}

.bigbox .funny .content-funny li p{
width:300px;
margin:0 0 0 10px;
float:right;
padding: 5px 0 0 0px;
}


.bigbox .funny .funny-details{
margin:0 0 0 2px;
width:390px;
height:auto;

}


.bigbox .funny .funny-details ul{
margin:0 0 0 0;
padding:0 0 0 0px;
text-align:left;
display:inline;
}



.bigbox .news-corner{
width:200px;
height:270px;
float:left;
background-image:url(/images/slidenewscorner.gif);
padding:0px 5px  ;
}

.bigbox .news-corner-details{
width:200px;
height:230px;
clear:both;
}

.bigbox .news-corner-details ul{
 margin:0;
 padding:0px 0px 0px 25px;
}


.bigbox .vote{
text-align:center;
width:210px;
height:270px;
float:left;
background-color:#eee;
padding:0px 5px;
margin:0;  
}

* html .bigbox .vote /* hack ie6 */
{
    padding:0;
}

.vote .polvote{
display:inline;
float:right;
padding:0 5px 0 0;

}

.vote .polvote li{
display:inline;
list-style:none;
}

.bigbox .headvote{
text-align:left;
width:auto;
height:20px;
padding:5px 0 0 10px;
}

.bigbox .content-vote{
padding:3px 5px 0 5px;
text-align:left;
margin:5px;
width:190px;


height:200px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/

background-color:#FFF;
}

.boxdaravdo{
	width:125px;
	height:auto;
	min-height:64px;
	float:left;
	padding:3px 20px 3px 8px;
	text-align:center;
}

.more{
width:auto;
margin:0;
float:right;
padding:5px 10px 0 0;
}
/* webboard */ 
.webboard-container{
	width:820px;
	height:220px;
    margin:0;
	background-image:url(../images/webboardslide.gif);
	border:solid 5px #FFFFFF;
}

.webboard-container .webboard-border{
	width:1px;
    margin:0;
	margin: 10px 15px 0 15px;
	padding:2px;
}


.webboard-container .webboard{
margin:0;
padding-left:5px;
width:380px;
height:175px;  
float: left;  

}

.webboard-container .webboard .webboard-head {
	width:380px;
	height:20px;
	margin:0;
}

.webboard-container .webboard .webboard-head .webboard-head1{
	width:120px;
	float:left;
}

.webboard-container .webboard .webboard-head .webboard-head2{
	width:15px;
	float:right;
}

.webboard-container .webboard-content{
    margin:0 ;
    padding:0;
    width:375px;
}
.webboard-container .webboard-content .contentdetail
{
    padding : 0 0 1px 0 ;
    height:25px;
}


  