@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
body {
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}
a { text-decoration:none; }
a:hover { }


/* Layout page */
#container { 
	width: 972px; /*        chompoo  982px;              *//* Dev +2 for border */
	margin: 0 auto;
	border-left: solid #8a8c8f 1px;
	border-right: solid #8a8c8f 1px;
	overflow: hidden;
}

#content-header { 
	width: 100%; 
	/*height: 185px;*/
}
#content-site-map-detail{
	width: 100%; 
}
#content-body { 
	clear: both;
	width: 940px; 
	margin: 0 auto;
}
#content-footer { 
	clear: both;
	width: 100%; 
	height: 180px;
}

/* Detail Layout*/

/* Header*/
#box-title {
 	width: 100%;
	height: 30px;
	position: relative;
	border-bottom: solid #8a8c8f 1px;	
}
#box-title h3 {
	position: absolute; 
	text-indent: -9999px;
	z-index: -9999px;
}
#user-control { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;	
	height: 14px;
	position: absolute;
	font-size: 11px;
	right: 20px;
	bottom: 0;
	background:url(../images/nav-user-bg.gif) repeat-x;
	overflow: hidden;
}

/*  chompoo  */
#user-control-login { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;	
	height: 14px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	right: 150px;
	bottom: 0;
	overflow: hidden;
}
/*   */

#user-control li { 
	border-left: 1px solid #FFFFFF;
	display:inline;
	float: left;
	line-height: 1em;
	padding: 0 .5em 0 .5em;
}
#user-control li.nav-user-lc{ 
	border:none;
	background:url(../images/nav-user-lc.gif) left bottom no-repeat;
}
#user-control li.nav-user-rc{ 
	background:url(../images/nav-user-rc.gif) right bottom no-repeat;
}
#user-control li a { 
	text-decoration:none;
	color: #FFFFFD;
	font-size: 0.8em;
}
#user-control li a:hover{ 
	color: #FF9900;
}	
#box-logo {
 	width: 100%;
	height: 100px;
	position: relative;
}
#logo-thaitv3 {
	position: relative;
	float: left;
	width: 252px; height:49px; 
	background:url(../images/logo-thaitv3.gif) no-repeat;
	/*margin: 31px 0 0 20px; */
	margin: 31px 0 0 134px;
	text-indent:-9999px; 
	cursor: pointer;
}
#logo-kknews {
	float: left;
	width: 173px; height: 100px; 
	/*background:url(../images/logo-becnews.gif) no-repeat;*/
	background:url(../images/logo-becnews_new.gif) no-repeat;
	/*margin: 0 0 0 134px;*/
	margin: 0 0 0 20px;
	text-indent:-9999px; 
	cursor: pointer;
}
#director-talk { 
	float: right;
	width: 320px; 
	height: 100px; 
	position: relative;
	display: inline;/* fix for IE6 margin */
	font-size: 12px;
	margin: 0 20px 0 0;
}
#director-talk h3 { 
  	position: absolute;
	text-indent: -9999px;
}
#director-talk p {
	float: left;
	width: 220px; 
	font-size: 0.85em;
	color: #666666;
	bottom: 10px;
	left: 10px;
	position: absolute;
}
#director-talk p strong {
	color: #050505;
	font-size: 1.1em;
	margin: 0 5px 0 0;
}
#director-talk img {
	float: right;
	margin-top:35px;

}
#director-talk span a {
	margin: 0 0 0 5px;
	color: #FF6601;
}
/* Menu Main */
#box-nav-main {
	width: 100%;
	height: 25px;
	margin: 2px 0 0 0;
	position:relative;
}
#box-nav-main h3 { 
  	position: absolute;
	text-indent: -9999px;
}

#nav-main { clear:both; width:940px; height:25px;margin:0 auto; font-size:11px; padding:0; position:relative; z-index:100; background:#cc0000;}
#nav-main ul {padding:0; margin:0; list-style-type: none; }

#nav-main ul li {float:left; width:117.5px; }

#nav-main ul li a, #nav-main ul li a:visited { text-align: center; display:block; width:117.5px; text-decoration:none; padding:5px 0 0 0; height:20px;  color:#ffffff; background:#cc0000; font-weight:bold;}

#nav-main table {border-collapse:collapse; margin:0; padding:0;}

#nav-main ul li ul {visibility:hidden; position:absolute; top:25px; left:0; }


#nav-main ul li:hover a,
#nav-main ul li a:hover {color:#fff; background:#ff8a00;}

#nav-main ul li:hover ul,
#nav-main ul li a:hover ul {visibility:visible; width:940px;background:#ff8a00; color:#3d2517;}

#nav-main ul li:hover ul.right_side li,
#nav-main ul li a:hover ul.right_side li {float:right; border:0; }

#nav-main ul li:hover ul.left_side li,
#nav-main ul li a:hover ul.left_side li {float:left; border:0; }

#nav-main ul li:hover ul li a.sub,
#nav-main ul li a:hover ul li a.sub {background:#ffb400; color:#3d2517; border:0;}

#nav-main ul li:hover ul li ul,
#nav-main ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:25px; }

#nav-main ul li:hover ul li a,
#nav-main ul li a:hover ul li a {display:block; background:#ff8a00; color:#3d2517;}

#nav-main ul li:hover ul li a:hover,
#nav-main ul li a:hover ul li a:hover {background:#ffb400; color:#3d2517;}

#nav-main ul li:hover ul li:hover ul,
#nav-main ul li a:hover ul li a:hover ul {visibility:visible; color:#3d2517; background:#ffb400;}

#nav-main ul li:hover ul.right li {float:right; border:0;}

#nav-main ul li:hover ul li:hover ul li a,
#nav-main ul li a:hover ul li a:hover ul li a {background:#ffb400; color:#3d2517;}

#nav-main ul li:hover ul li:hover ul li a:hover,
#nav-main ul li a:hover ul li a:hover ul li a:hover {background:#FFD26A; color:#3d2517;}

/****************/

#box-search { clear: both;
	margin: 0 0 0 20px;
	width: 939px;
	height: 20px;
	float: left;
	display: inline;
	padding: 4px 0 3px 0;
}
#box-search h3 { display: none; }
#box-search ul { list-style-type:none; font-size: 11px; 	color: #666666;}
#box-search ul  li { display: inline; float:left;  }
#datetime { width: 245px; }
#datetime strong { color: #cc0002; font-size: 13px; }
#txt-promote { width: 425px; }
#site-map { width: 137px; }
#search { width: 131px; }

#frm-search-main #txt-search { 
width: 101px; float:left; height: 17px; background:url(../images/txt-search-bg.gif) repeat-x; border: solid 1px #8f8e8a; font-size: 11px; 	color: #666666;
}
#frm-search-main #button-search-go { width: 28px; float:left; }

#cse-search-box #q { 
width: 97px; float:left; height: 17px; background:url(../images/txt-search-bg.gif) repeat-x; border: solid 1px #8f8e8a; font-size: 11px; 	color: #666666;
}
#cse-search-box #sa { width: 28px; float:left; }


#link-showsite { 
	display: block;
	width: 123px; 
	height: 18px; 
	background:url(../images/button-show-site-section.gif) no-repeat; color:#FFFFFD; 
	text-decoration:none; 
	font-size: 11px; 
	padding: 0 0 0 10px; line-height: 1.5em;
	float: right;
}


#site-map-detail { clear: both; }
#site-map-detail h3 {display: none;}
.site-map-detail-show { clear:both; margin: 0 auto;  padding:10px; width: 917px; overflow:auto; border-color:#8f8e8a; border-style:solid; border-width: 1px;   }
.site-map-detail-hide{ clear:both; margin: 0 auto; width: 939px; overflow:auto; border-color:#8f8e8a; border-style:solid; border-width: 1px 0pt 0pt; height: 0px;  }
.link-detail { color: #FF6601; text-decoration:none; }

#site-map-detail dl { width: 220px; display: inline; float: left; list-style: none; }
#site-map-detail dl dt a { width:200px;color:#FFFFFF; font-size: 12px; font-weight:bold; text-decoration:none; }/**/
#site-map-detail dl dd a { color:#666666; font-size: 10px; text-decoration:none; }
/******** Footer *********/
#box-banner { border-bottom-color:#8A8C8F; border-bottom-width:1px; border-bottom-style:solid ; width: 940px; height: 90px; margin: 0 auto; padding: 10px 0; background:url(../images/footer-banner-bg.gif) repeat-x; }

#footer-link-all { width: 940px; height: 50px; margin: 0 auto; padding: 0px; font-size: 11px;}

#footer-link-all h3 { color: #FF9900; margin: 0 auto;  width: 130px; font-size: 11px; }
#footer-link-all span { color: #666666; margin: 0 auto;  width: 370px; font-size: 10px; display: block; }

#footer-link-all ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 3px;
	overflow: hidden;
	width: 760px;
}
#footer-link-all ul li{
	display:inline;
	float: left;
	line-height: 1em;
	padding: 0 .5em 0 .5em;
	border-left: 1px solid #999999;
}
#footer-link-all li.blc{ 
	border:none;
}
#footer-link-all ul li a{ 
	text-decoration: none;
	color: #999999; font-size: 10px;
}
#footer-link-all ul li a:hover{ 
	text-decoration: none;
	color: #FF9900; font-size: 10px;
}

.banner790x90 { width:790px; height:90px; margin: 0 auto; }
#box-banner-top {position:relative;width:790px;height:90px;margin: 0 auto;}
.banner790x90expand { position: absolute; height:90px; margin: 0 auto; overflow-y:hidden; visibility:visible; }
/*.banner790x90:hover { position: absolute; margin: 0 auto; overflow:auto; height:300px;}*/