@charset "UTF-8";

#entertainment #header.interior {
	height: 180px;
}
#header.interior-bunny {
	height: 220px;
}
#info{
	top: 51px;
}
#info h1 {
	background-image:url("../images/global/header/thairath_online_small.jpg");
	width:117px;
}
#menu-holder{
	margin-top: -38px;
}
.wide {
	margin-top: -30px;
}
/*#header.interior {
	height:190px;
}*/
/* CSS Document */
body{
    margin:0px; padding:0px; border:0px; 
	font-family: Tahoma; 
	font-size: 12px; 
}
h1{
	font-size:180%;
	font-weight:normal;
}
h2{
	font-size:160%;
	font-weight:normal;
}	
h3{
	font-size:140%;
	font-weight:normal;
}	
img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
}	

.color-text a{
	color: #FFFFFF;
	text-decoration: none;
}
.color-text a:hover{
	text-decoration: underline;
}
.headBigBunny a{
	color: #333333;
	text-decoration: none;
}
.headBigBunny a:hover{
	text-decoration: underline;
}
.headBigpicdata a{
	color: #333333;
	text-decoration: none;
}
.headBigpicdata a:hover{
	text-decoration: underline;
}
.headBunny a{
	color: #333333;
	text-decoration: none;
}
.headBunny a:hover{
	text-decoration: underline;
}

.caption-p{
	padding-top:3px;
	padding-right:5px;
}
.content-caption-p {
	padding-top:3px;
	width:420px;
}
.tableBunnyBig {
	float: left;
	height: 163px;
	width: 940px;
}
.tableBunnyBig2 {
	float: left;
	height: 775px;
	width: 940px;
}

.tableBunnyBig2 .piclong{
	float: left;
	height:311px;
	width: 698px;
	padding-right:9px;
}
.tableBunnyBig2 .alltable{
	float: left;
	height:445px;
	width:938px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tableBunnyBig2 .alltable .page2Left{
	float: left;
	height:445px;
	width:696px;
	padding-right:10px;
}
.tableBunnyBig2 .alltable .page2Left .leftLeft{
	float: left;
	height:435px;
	width:224px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top:10px;
	padding-left:5px;
}
.tableBunnyBig2 .alltable .page2Left .leftRight{
	float: left;
	height:445px;
	width:465px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.line3{
	float: left;
	height: 1px;
	width: 440px;
	background-image: url(../images/bunny/line.jpg);
	font-size: 1px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 8px;
}
.space_page2{
	float: left;
	height: 17px;
	width: 939px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.space_page3{
	float: left;
	height: 17px;
	width: 939px;
}

 .newsize{
	float: left;
	height: 93px;
	width: 446px;
	padding-left:10px;
	padding-right:10px ; 
	padding-top:10px ; 
}
.newsize .picture5{
	float: left;
	height: 93px;
	width: 70px;
	padding-right:10px;
}

 .newsize .newsizeHead{
	float: left;
	height: 20px;
	width: 350px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
	color: #333333;
}
 .newsize .newsizecontent{
	float: left;
	height: 50px;
	width: 350px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
.newsize .newsizeDate{
	float: left;
	height: 20px;
	width: 350px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #99CC33;
}



.tableBunnyBig2 .alltable .page2Right{
	float: left;
	height:405px;
	width: 231px;
}

.tableBunnyBig2 .alltable .page2RightSpace{
	float: left;
	width: 226px;
	padding-left:5px;
	padding-top:30px;
}
.tableBunnyBig2 .tableLeft{
	float: left;
	height: 740px;
	width: 467px;
	
}
.tableBunnyBig2 .tableLeft .picture{
	float: left;
	height: 620px;
	width: 466px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-top:17px;
}
.commentPic{
	float: left;
	height: 10px;
	width: 145px;
	padding-left:320px;
	padding-top:10px;
	font-family: Tahoma;
	font-size: 10px;
	color: #333333;
}
 .headBunny{
 	font-size:20px;
	float: left;
	/*font-weight:bold;*/
	color: #CCCCCC;
	/*height: 27px;*/
	/*width: 48px;*/
	
}
.contentBunny{
	float: left;
	/*height: 50px;*/
	width: 460px;
	/*padding-left:5px;*/
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
 .dateBunny{
	float: left;
	/*height: 10px;*/
	width: 460px;
	margin-top:5px;
	padding-left:5px;
	padding-top:2px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #99CC33;
}

.tableBunnyBig2 .tableRight{
	float: left;
	height: 740px;
	width: 473px;
}
.tableBunnyBig2 .tableRight .space{
	float: left;
	height: 17px;
	width: 472px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

 .downcontent{
	float: left;
	height: 183px;
	width: 446px;
	padding:15px 10px 10px 10px;
}
.downcontent .picture4{
	float: left;
	/*height: 183px;*/
	width: 143px;
	padding-right:10px;
}

 .downcontent .downcontentHead{
	float: left;
	/*height: 20px;*/
	width: 290px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 13px;
	color: #333333;
}
.downcontentHead a{
	color:#333333;
	text-decoration:none;
}
.downcontentHead a:hover{
	text-decoration: underline;
}
 .downcontent .downcontentcontent{
	float: left;
	/*height: 140px;*/
	width: 290px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
.downcontent .downcontentDate{
	float: left;
	height: 20px;
	width: 290px;
	margin-top:5px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #99CC33;
}
.tableBunnyBig2 .tableRight .BoxContent{
	float: left;
	height: 740px;
	width: 471px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.tableBunnyBig2 .tableRight .BoxContent .BoxBunnyLeft{
	float: left;
	height: 515px;
	width: 220px;
	margin-right: 5px;
	margin-left: 10px;
}
.boxbanner{
	float: left;
	height: 268px;
	width: 300px;
	background-color:#F0F0F0;
	padding:20px 10px 40px 10px;
}
.boxbanner .text{
	float: left;
	height: 20px;
	width:80px;
	background-color:#F0F0F0;
	padding-left:230px;
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
}
.boxbanner .picBanner{
	float: left;
	height: 250px;
	width:300px;
}
.BoxContentpicdata{
	float: left;
	height: 220px;
	width: 220px;
}
.BoxContentpicdata .picture3{
	float: left;
	/*height: 134px;*/
	width: 100px;
	padding-right:10px;
}

.BoxContentpicdata .headBigpicdata{
	float: left;
	/*height: 35px;*/
	width: 110px;	
	font-family: Tahoma;
	font-weight:bold;
	font-size: 13px;
	color: #333333;
}
 .BoxContentpicdata .contentpicdata{
	float: left;
	/*height: 100px;*/
	width: 110px;	
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
 .BoxContentpicdata .contentpicdata2{
	float: left;
	/*height: 60px;*/
	width: 220px;	
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
.BoxContentpicdata .datepicdata2{
	float: left;
	height: 15px;
	width: 220px;	
	margin-top:5px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #99CC33;
}
.tableBunnyBig2 .tableRight .BoxContent .line{
	float: left;
	height: 1px;
	width: 220px;
	background-image: url(../images/bunny/line.jpg);
	font-size: 1px;
	margin-top: 15px;
}
.bunny-line-pink{
	background-color: #FF99CC;
}
.tableBunnyBig2 .tableRight .BoxContent .line2{
	float: left;
	height: 1px;
	width: 440px;
	background-image: url(../images/bunny/line.jpg);
	font-size: 1px;
	margin-right: 10px;
	margin-left: 10px;
}
.tableBunnyBig2 .tableRight .BoxContent .space2{
	float: left;
	height: 10px;
		color: #ffffff;
}
.BoxBunnyRight{
	float: right;
	height: 505px;
	width: 232px;
}

.BoxBunnyRight .picture2{
	float: left;
	/*height: 311px;*/
	width: 232px;	
}

.picture345{
	float: left;
	height: 311px;
	width: 232px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.commentPic2{
	float: right;
	/*height: 10px;*/
	/*width: 125px;*/
	/*padding-left:103px;*/
	padding-top:5px;
	padding-right:5px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
 .headBigBunny{
	float: left;
	/*height: 36px;*/
	width: 228px;
	padding-left:2px;
	padding-top:3px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 13px;
	color: #333333;
}
.contentBigBunny{
	float: left;
	/*height: 100px;*/
	width: 228px;
	padding-left:2px;
	padding-top:3px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
.contentDateBunny{
	float: left;
	height: 10px;
	width: 228px;
	margin-top:5px;
	padding-left:2px;
	padding-top:3px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #99CC33;
}

.boxblack{
	/*float: left;
	height: 308px;
	width: 920px;
	background-image: url(../images/bunny/bg.jpg);
	padding:10px 10px 10px 10px;*/
	
	float: left;
	height: 308px;
	width: 610px;
	/*background-image: url(../images/bunny/bg.jpg);*/
	background-color: #333333;
	padding:10px 0px 10px 10px;
}
.boxblack .contentall{
	float: left;
	/*height: 308px;*/
	width: 190px;
	padding-right:13px;
}
.boxblack .contentall .headd{

	/*height: 32px;*/
	color:#FFCCFF;
	float:left;
	font-size:20px;
	/*width:107px;*/
}
.boxblack .contentall  .linewhite{
	float: left;
	height: 1px;
	width: 190px;
	font-size: 1px;
	background-color: #CCCCCC;
	margin-bottom:10px;
}
.boxblack .contentall .picc{
	float: left;
	/*height: 180px;*/
	width: 190px;
	padding-bottom:10px;
}
.boxblack .contentall .textHead{
	float: left;
	/*height: 15px;*/
	width: 190px;
	padding-bottom:2px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
}
.boxblack .contentall .textcontent{
	float: left;
	/*height: 35px;*/
	width: 190px;
	padding-bottom:2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #CCCCCC;
}
.boxblack .contentall .textdate{
	float: left;
	height: 10px;
	width: 190px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #99CC33;
}

.boxblack .Banner{
	float:left;
	height: 250px;
	width: 300px;
	padding-top:36px;
	/*padding-top:43px;*/
}
.bunnySpace{
	background-color: #FF99CC;
	float: left;
	height: 5px;
	width: 940px;
}



/*******************path 2************************/
.underline{
	border-bottom:1px dotted #CCCCCC;
	float:left;
	height:6px;
	/*margin-left:8px;*/
	margin-right:8px;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
}
.divTheBestBIg{
	float: left;
	width: 940px;
}
.divTheBestBIg .LeftTable{
	/*float: left;*/
	/*padding-left: 5px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom:10px;*/
	/*width: 300px;
	margin-top: 10px;*/
	/*margin-left: 10px;*/
	float:left;
	/*margin-left:5px;*/
	margin-top:10px;
	width:300px;
}
.divTheBestBIg .CenterTable{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom:10px;
	border-left:thin solid #CCCCCC;
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:300px;
}
.divTheBestBIg .RightTable{
	/*float: left;
	width: 310px;
	height:auto;*/
	margin-left:629px;
	/*position:absolute;*/
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: thin;
}

.boxTheBest{
	/*float: left;
	width: 300px;
	height:450px;*/
	float:left;
	/*margin-left:10px;*/
	width:300px;
}
.boxTheBest .caption{
    padding-left: 150px;
	padding-top: 4px;
	padding-bottom: 8px;
	float: left;
	width: 150px;
	height:10px;
	font-family: Tahoma;
	font-size: 10px;
	color: #3333333;
}
.boxTheBest .headTheBest{
	float: left;
	width: 300px;
	height:35px;
}
.boxTheBest .picTheBest{
	float: left;
	width: 300px;
	height:300px;
}
.boxTheBest .titleTheBest{
	float: left;
	height: 20px;
	width: 300px;
	font-family: Tahoma;
	font-size: 13px;
	color: #336600;
	font-weight: bold;
	margin-top: 8px;
}
.titleTheBest a{
	color:#333333;
	/*text-decoration:none;*/
}
.contentTheBest{
	margin-bottom: 4px;
	padding: 0px;
	float: left;
	/*height: 50px;*/
	width: 300px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
.boxTheBest .dateTheBest{
	padding: 0px;
	float: left;
	height: 20px;
	width: 300px;
	font-family: Tahoma;
	font-size: 12px;
	color: #D16600;
}
.boxTheBest .space{
	padding: 0px;
	float: left;
	height: 15px;
	width: 300px;
}
.boxRightPink{
	float: left;
	width: 310px;
	/*height:470px;*/
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: thin;
	background-color:#EADBE2;
}
.boxRightPink .TabHead{
	float: left;
	width: 310px;
	height:45px;
}

/**/
#navcontainer {
	width:310px;
	height:45px;
	padding:0px 0px 0px 0px;
	float:left;
}
ul#navlist {
	margin:0px;
	padding: 0px;
	float: left;
}
/*li#navlist-summary.selected a {
	background-image:url(../images/bunny/head_hot.png);
}*/

li#navlist-summary{
	overflow: hidden;
	padding: 0px;
	float: left;
	height: 45px;
	width:88px;
}

li#navlist-calendar{
   overflow: hidden;
	padding: 0px;
	float: left;
	height: 45px;
	width:222px;
}

ul#navlist li {
	float:left;
	margin:0;
}

#navlist a, #navlist a:link {
	color:#FFFFFE;
	padding:0px;
	text-decoration:none;
}


#navlist-calendar a, #navlist-calendar a:link {

	/*background-image:url(../images/bunny/head_most_over.png);*/
	background-image:url(../images/bunny/head_most.png);
	padding: 0px;
	float: left;
	height: 45px;
	width:222px;

}

#navlist-summary a.selected {

	background-image:url(../images/bunny/head_hot_over.png);
	padding: 0px;
	float: left;
	height: 45px;
	width:88px;
}
#navlist-summary a, #navlist-summary a:link {

	background-image:url(../images/bunny/head_hot.png);
	padding: 0px;
	float: left;
	height: 45px;
	width:88px;
}

#navlist-calendar a.selected {
	background-image:url(../images/bunny/head_most_over.png);
	padding: 0px;
	float: left;
	height: 45px;
	width:222px;
}

#navlist-calendar a:hover {
	/*background-image:url(../images/bunny/head_most.png);*/
	background-image:url(../images/bunny/head_most_over.png);
	padding: 0px;
	float: left;
	height: 45px;
	width:222px;
}

#navlist-summary a:hover {
	/*background-image:url(../images/bunny/head_hot_over.png);*/
	background-image:url(../images/bunny/head_hot.png);
	padding: 0px;
	float: left;
	height: 45px;
	width:88px;
}

ul#navlist label {
	display:none;

}


/**/




.boxRightPink .boxHot{
	float: left;
	width: 270px;
	height:80px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}
.boxRightPink .boxHot .picSmall{
	float: left;
	width: 75px;
	height:75px;
	padding-right: 13px;
} 
.boxRightPink .boxHot .HotPinkContent{
	float: left;
	height: 75px;
	width: 180px;
}
.boxRightPink .boxHot  .HotPinkContent .textHeadSmall{
	float: left;
	height: 15px;
	width: 180px;
	padding-bottom:2px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight:bold;
	color: #333333;
}
.textHeadSmall a{
	color: #333333;
	/*text-decoration:none;*/
}
.boxRightPink .boxHot  .HotPinkContent  .textcontentSmall{
	float: left;
	height: 35px;
	width: 180px;
	padding-bottom:2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #FF0000;
}
.boxRightPink .boxHot  .HotPinkContent .textdateSmall{
	float: left;
	height: 10px;
	width: 180px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #999999;
}
.boxRightPink .lineSmall{
	float: left;
	width: 270px;
	height:5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1px;
	margin-top: 10px;
	background-image: url(../images/bunny/line_small.jpg);
} 
.boxRightPink .SeaAllSmall{
	float: left;
	width: 50px;
	height:15px;
	padding-left: 225px;
	padding-right: 5px;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	margin-top: 8px;
}

.hidden-tab{
	display: none;
}
.show-tab{
	display: block;
}

.image-tag-a{
	float: left;
	padding-right: 5px;

}
.title-tag-a{
	color:#333333;
	text-decoration:none;
	font-size: 13px;
	font-weight: bold;
}
.BoxContentpicdata .abstractContent-tag-p{
	padding-top: 5px;

}

/*******************End path 2************************/

/* Easy Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width:466px;
	/*height:640px;*/
	overflow:hidden; 
}
span#prevBtn{
	/*margin-top:-50px;
	margin-left:406px;*/
	margin-top:-49px;
	margin-left:0px;
	position:absolute;
	text-align:right;

}
span#nextBtn{
	margin-top:-49px;
	margin-left:436px;
	position:absolute;
	text-align:right;

}
object { outline:none; } 

/* // Easy Slider */
