@import 'reset.css';
@import 'global.css';
body{
	background:#FFF ;
	line-height:1.7em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;}
a{text-decoration:none;}
h1 {font-size:18px; margin:0 0 15px;}
h2 {font-size:16px;margin:0 0 15px;}
p{margin:0 0 10px 0;}

#header { height:92px; margin:0 auto; background:url(images/bg/header_bg.jpg) center top no-repeat; border-bottom:7px solid #000;}
#header_inner {padding:15px 0 0 20px; position:relative;}
.frame940 { width:950px; margin:0 auto; overflow:hidden; z-index:98;}

.link1,.link2  {float:right; color:#FFF;}
.link2 {font-size:18px; margin-top:15px;}
.link1 a { color:#FFF; padding:0 15px; }
.link2 a { color:#FFF; font-size:18px; padding:0 15px;}

.link1 a:hover, .link1 a.active,.link2 a:hover,.link2 a.active  { color:#F60;}

#wrap_banner_index {height:388px; background:url(images/bg_slide.png) repeat;}
#wrap_banner { background:#787878; height:107px; overflow:hidden;}

#main { background:url(images/bg/web_bg.jpg) repeat-x #FEFEFE; min-height:500px;}
#main_index { background:url(images/bg/main_index_bg.jpg) repeat-x #FEFEFE; height:238px; z-index:1; position:relative;}

#index_list1 li { list-style:none; background:url(images/bg/list_bg.png) no-repeat bottom; padding:4px 0 2px;}
#index_list1 li a{ color:#000;}

#footer { background:#5b5b5b; min-height:105px; border-top:7px solid #000; color:#FFF; margin-top:35px;  z-index:1; position:relative;}
#footer  a {color:#FFF; padding:0 20px 0 0;}
#footer li {list-style:none; float:left;}
.bg_top_page { background:url(images/bg/ttp_bg.png) no-repeat; width:950px; height:108px;}

.col_L {width:390px; float:left; background:url(images/bg/col_bg.png) no-repeat; min-height:460px;}

.col_R {width:550px; float:right; padding-top:20px;}
.col_R h1 { font-family:"Myriad Pro"; font-size:24px;}
.list_page {margin-top:20px;}
.list_page li {background:url(images/bg/bg_list.png) no-repeat; height:25px; padding:3px 0 3px 50px; font-size:14px;}
.list_page li a {color:#000;}
.list_page li:hover,.list_page li.active {background:url(images/bg/bg_list_hover.png) no-repeat;}
.list_page li:hover a,.list_page li.active a {color:#F30;}

.col_R li { list-style-position:inside;}

.eng_flag { padding:0 15px; line-height:25px; overflow:hidden; background:url(images/flag_en.png) no-repeat 0 0; display:inline; font-size:16px;}
.thai_flag {padding:0 15px; background:url(images/flag_thai.png) no-repeat 0 0; display:inline;line-height:19px; overflow:hidden; font-size:16px;margin:0 5px 0 30px; }
.dis_color {background-position:0 -19px;}

/* ===== Tipsy ===== */

.tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center; font-size:16px; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s { margin-top: -5px; }
.tipsy-w { margin-left: 5px; }
.tipsy-e { margin-right: -5px; }
.tipsy-n { margin-top: 40px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }	
.bb_txy{line-height:32px;}

.mytbl2 td {padding:8px;}
.mytbl2 td img {max-width:100%;}