@charset "utf-8";
/* CSS Document */

*, html, body {margin:0; padding:0;}

body{font: 11px Tahoma, "Microsoft Sans Serif", sans-serif;	text-align:center;	margin:0;	padding:0;	background:url(../images/bg.jpg) top center no-repeat;	color: #345372;}

img, div, input, button, span, ul {behavior: url(images/iepngfix_main.htc); border:0;}

a img{border:0;}


/* --- layout ----*/
div.container{width:980px; margin:0 auto; padding:0;}
div.main-header{margin:0 auto; width:100%;}
	div.header{	height:114px; position:relative;}
		div.search{top:15px; left:715px; position:absolute;}
		div.sound{top:15px; left:885px; position:absolute;}
	div.navigation {height:52px;width:970px; margin:0 auto; padding:0;}
	
div.content{ width:950px; text-align:left; margin:0 auto; padding:0;}
	div.h_highlight{width: 950px;height:235px; margin:0 auto; padding:0;}
	div.h_webboard{	float:left; width:433px; height:180px; background:url(../images/m_wb_bg.png) no-repeat left top; margin:9px 0 20px 0; }
	div.h_news{float:left; width:270px; height:180px; background:url(../images/h_new_bg.png) no-repeat left top; margin:9px 0 0 0;}
	div.h_enews{float:right;width:247px;height:65px;background:url(../images/enews_bg.png) no-repeat top left; position:relative;}
	div.h_tools{float:right;clear:right;width:240px;}
	
div.sitemap{clear:both; text-align:left;}
div.footer{clear:both;}

/* Header style */
div.header h1{
	margin:0 0 0 -9999px;
}
.search_form, .search_box, .search_bt{border:none; margin:0; padding:0;}
.search_bt{background:url(../images/search_bt.png) no-repeat top left; width:36px; height:31px; text-indent:-9999px; border:none;}
.search_box{background:url(../images/search_box.png) no-repeat;	border:none;width:120px;height:31px;padding-left:14px;};


/* Nav ****************/
.navigation ul{padding: 0;margin:10px 0 0 17px;;float:left;	width: 929px;}
.navigation ul li{display: inline; height:28px; float:left;}
.nav_home{width:62px;}
.nav_product{width:71px;}
.nav_fact{width:90px;}
.nav_article{width:122px;}
.nav_news{width:101px;}
.nav_webboard{width:74px;}
.nav_fun{width:65px;}
.nav_about{width:126px;}
.nav_career{width:125px;}
.nav_ask{width:93px;}


/* Webboard ****************/
.h_wb_top{height:13px;}
.h_wb_content{padding:10px 12px 0 12px;}
.h_wb_content h2 { background:url(../images/h_wb_head.gif) no-repeat left top; width:144px; height:25px; display:block; text-indent:-9999px;}
.h_wb_tb{}
.h_wb_tb td{font-size:11px; padding:0 2px 3px 2px;}
.h_wb_tb td.wb_bullet{	background:url(../images/h_wb_bullet.gif) no-repeat 0 8px;padding-left:12px;}
.h_wb_tb td a{font-weight:bold; margin-right:6px;}
.h_wb_tb td.dashline{ background:url(../images/h_wb_tb_border.gif) repeat-x left top; height:1px;}


/* News ****************/
/*.h_news_top{background:url(../images/h_news_bg_top.png) no-repeat top left;	height:20px;}*/
.h_news_content{padding:10px 0 5px 33px;}
.h_whatup { background:url(../images/h_news_whatsup_head.gif) no-repeat left top; width:330px; height:30px; display:inline; padding:0; margin:0; text-indent:-9999px;float:left;}
.h_news_content h3.h_news { background:url(../images/h_news_news_head.gif) no-repeat left top; width:105px; height:18px; display:block; padding:0; margin:0;text-indent:-9999px;}

img.h_news_head{clear:both;	display:block;}
.h_news_container{ width:450px; padding:0; padding-top:10px; position:relative;}
.h_news_content .h_news_container{ width:207px;}
.h_news_box{width:207px; display:block; height:60px; float:left;}
.h_news_box img{float:left; margin:0 8px 8px 0;}
.h_news_box a{ font-weight:bold;font-size:11px;}
.tag_txt { background:url(../images/tag.png) no-repeat left top; width:65px; height:10px; text-indent:-9999px;}

.h_news_arrow_left{ position:absolute; top:40px; left: -38px;}
.h_news_arrow_right{ position:absolute; top:40px; right: -38px;}

/*.h_news_bottom{	background:url(../images/h_news_bg_bottom.png) no-repeat top left; height:21px;}*/

/* tool */
div.h_fun{width:120px;float:left;}
div.h_ask{width:120px;float:left;}
div.h_get{width:225px;float:left;background: url(../images/h_getfm_bg.png) no-repeat top left;height:87px; padding:15px 0 0 15px;}
.h_get h3{background:url(../images/h_getfm_head.gif) no-repeat top left; text-indent:-9999px; height:20px;}

/* link */
a{text-decoration:none;}
a:link, a:visited { color: #345372; }
a:hover{ color:#00a3e7;}

/* Sitemap  ******************/
.sitemap{margin:0 auto; width:950px; padding:20px 0 0 18px; }
.sitemap_col{float:left; padding-bottom:25px;}
.sitemap_col h5{margin:0; padding:3px 0; color:#2f5f8d; font-weight:bold; font-size:11px;}
.sitemap_col ul{margin:0; padding:2px 0 2px 12px;}
.sitemap_col ul li{font-size:10px;	margin:0; padding:0;}

/* Footer style**/
div.footer{color: #666; background:url(../images/copyright.png) no-repeat top left;}
div.footer p{text-indent:-9999px;}

/* button ****/
.back a{float:left; background:url(../images/back.gif) no-repeat top left; display:block; width: 70px; height:25px; text-indent:-9999px;}
.back a:hover{float:left; background:url(../images/back_r.gif) no-repeat top left; }
.next a{float:right; background:url(../images/next.gif) no-repeat top left; display:block; width: 85px; height:25px; text-indent:-9999px;}
.next a:hover{float:right; background:url(../images/next_r.gif) no-repeat top left;}
.apply a{ background:url(../images/apply.gif) no-repeat top left; display:block; width:150px; height:25px; text-indent:-9999px; margin:20px 0 20px 35px;}
.apply a:hover{ background:url(../images/apply_r.gif) no-repeat top left;}
.ok a { background:url(../images/ok.gif) no-repeat left top; width:70px; height:25px; text-indent:-9999px; display:block;}
.ok a:hover{ background:url(../images/ok_r.gif) no-repeat left top;}
.cancel a { background:url(../images/cancel.gif) no-repeat left top; width:70px; height:25px; text-indent:-9999px; display:block;}
.cancel a:hover{ background:url(../images/cancel_r.gif) no-repeat left top;}

/* other style */	
.clear{clear:both; overflow:visible;}