/* CSS Document */

.contents-mobile{
background:#FFFFFF none repeat scroll 0 0;
width:830px;
height:auto;
padding:0 !important;
margin:0;
}
/*boxdrama*/
.box-drama-mobile{
width:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
width:810px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-width:810px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
height:auto;
/*border:solid 5px #FFF;
background-image:url(../images/drama/dramaline.gif);
background:#FFFFFF url(../images/drama/bgdrama.gif) no-repeat scroll center top;*/
margin:0px;
padding:0px;
}


.head-drama-mobile{
width:auto;
height:20px;
padding:5px;
margin:0px;
}
.box-drama-mobile .head-drama
{
     background:#eaeaea;
     padding:5px 5px 0px 5px;
    }

.drama-data-mobile{
width:805px;
/*height:auto!important; 
min-height:1000px;    Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
margin:5px;
padding:0 0 0 5px;
}

.drama-data-mobile ul{
margin:0;
height:auto;
list-style-type:none;
padding:5px;
}

.drama-data-mobile li{
padding-top:5px;
padding-left:15px;
display:inline;
float:left;
width:180px;
height:220px;
list-style-type:none;
}

.banner{
width:auto;
height:auto;
padding:10px 0 5px 0;
text-align:center;
background-color:#FFF;
}


/*   leftmobile   */

.leftmobile{
display:block;
float:left;
padding:5px 0 5px 5px;
background-color:#FFF;
float:left;
width:auto!important;
width:255px;
min-width:255px;

}
.leftmobile ul
{
display:block;
list-style-type:none;
margin:0;
padding:0;
width:250px;
background-color:#FFF;
padding-bottom:5px
}

.leftmobilesearch
{
width:250px;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:auto;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:110px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
margin:0;
padding-top:2px;
background-color:#FFFFFF;
}
.leftmobilehotmusic
{
width:250px;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:auto;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:150px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
margin:0;
padding-top:2px;
}
.leftmobilehead
{
display:block;
width:240px;
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:20px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:20px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */

padding:5px 5px 0 5px;
/*background-image: url(../images/drama/headnewsslide.gif);border-bottom:solid 1px #bdbdbd;*/
background-color:#eaeaea;
}
.leftmobilehead p
{
margin:0;
width:auto;
height:auto;
float:left;
}

.leftmobilehead a
{
width:auto;
height:auto;
float:right;
}

/*rightmobile*/
.rightmobile{
display:block;
float:left;
margin:0;
padding:2px 0 5px 0;
background-color:#FFF;
float:left;
width:570px;
}
.rightmobile .box-mobile{
width:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
width:560px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-width:560px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
height:auto;
border:solid 5px #FFF;
/*background-image:url(../images/drama/dramaline.gif);
background-repeat:repeat-x;*/
background-color:#FFFFFF;
margin:0px;
padding:0px;
list-style-type:none;
}

.rightmobile .box-mobile .head-mobile{
width:550px;
background-color:#eaeaea;
height:20px;
padding:5px;
margin:0px;
}

.rightmobile .box-mobile .mobile-datastyle{
width:auto;
height:50px;
background-color:#FFF;
margin:5px;
padding:25px 0 0 15px;
}

.rightmobile .box-mobile .mobile-data{
width:auto;
height:auto; 
background-color:#FFF;
margin:5px;
padding:5px 0 0 5px;
}

.rightmobile .box-mobile .mobile-datamusic{
width:auto;
height:auto; 
background-color:#FFF;
margin:5px;
padding:5px 0 0 5px;
}

.rightmobile .box-mobile .mobile-data-manual{
width:auto;
height:230px; 
background-color:#FFF;
margin:5px;
padding:5px 0 0 5px;
}

.rightmobile .box-mobile .mobile-data .mobile1{
margin:0;
list-style-type:none;
padding:5px 0 0 5px;
}

.rightmobile .box-mobile .mobile-data .mobile1 li{
padding-top:5px;
display:inline;
float:left;
width:135px;
height:auto;
list-style-type:none;
}

.rightmobile .box-mobile .mobile-data .dramaLeft{
width:250px;
float:left;
padding-left:10px;
padding-top:10px;
}
.rightmobile .box-mobile .mobile-data .dramaRight{
width:230px;
height:150px;
float:left;
padding-top:10px;
}
.mobile_boxdaraimage
{
width:115px;
height:115px;
float:left;
padding:5px;
text-align:center;
}
/*Online*/
/*rightmobile*/
.onlinemobile{
display:block;
float:left;
margin:0;
padding:2px 0 5px 0;
background-color:#FFF;
float:left;
width:830px;
}
.onlinemobile .online-mobile{
width:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
width:820px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-width:820px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
height:auto;
border:solid 5px #FFF;
/*background-image:url(../images/drama/dramaline.gif);
background-repeat:repeat-x;*/
margin:0px;
padding:0px;
list-style-type:none;
}

.onlinemobile .online-mobile .head-online-mobile{
width:810px;
background-color:#eaeaea;
height:20px;
padding:5px;
margin:0px;
}

.onlinemobile .online-mobile .online{
width:auto;
height:auto; 
background-color:#FFF;
margin:5px;
padding:5px 0 0 5px;
}

/*  popup */


.boxpopup{
width:500px;
height:500px;
background-color:#FFF;
margin:5px;
}

.popup{
width:500px;
height:500px;
border:solid 5px #CCC;
background-color:#FFF;
}

.copy{
width:500px;
height:60px;
background-color:#FFF;
text-align:center;
padding:5px;
}
.head{
width:auto;
}

.detail{
width:auto;
height:450px;
}

.detail1{
width:290px;
float:left;
height:400px;
padding:10px 10px 10px 15px;
}

.detail2{
width:160px;
float:right;
height:320px;
padding:5px 10px 5px 5px;
background-repeat:no-repeat;
background-image:url(../images/mobile/picmobile.gif);
}

.detail3{
width:160px;
float:right;
height:10px;
text-align:center;
padding:5px;
}

.pic{
width:118px;
float:right;
height:280px;
padding:51px 0 0 0 ;
}

.pic .music{
width:86px;
float:left;
height:18px;
padding-top:0;
margin:0;
}

.content-mActivity
{
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
}

.content-mActivity ul
{
	margin:0;
	padding:0;
}
.content-mActivity li
{
	list-style:none;
	margin:0;
	padding:5px;
	height:50px;
}
.content-mActivity li a
{
	margin:0px 0px 0px 0px;
	padding:0 0 0 5px;
	float:left;
	list-style:none;

}
.content-mActivity li p
{
	margin:0;
	padding:12px 0 0 5px;
	float:left;
	list-style:none;
}