@import url("header_footer.css");
@import url("navigation.css");



/* default CLASS and ID */
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	background:#D6DBDD;
	font:12px/1.5 verdana, arial, helvetica, sans-serif;
	}

body, html {
	}

p { 
	padding:0px;
	margin:0px;
	}
	
#site_body {
	width:970px;
	padding:0px 5px 15px 5px;
	margin:0px auto 0px auto;
	display:table;
	background:url('../media/site_bg.gif') repeat-y 0px 0px;
	}

#site_bottom {
	width:980px;
	height:10px;
	margin:0px auto 0px auto;
	background:url('../media/site_bottom.gif') no-repeat  0px bottom;
	}

#site_body .container{
	float:left;
	width:970px;
	padding:20px 0px 0px 0px;
	background:url('../media/shadow_bg.gif') no-repeat 0px 0px;
	}

#site_body .container .left_frame{
	float:left;
	width:280px;
	padding:0px 10px 0px 10px;
	}

#site_body .container .left_frame .search_zone{
	float:left;
	width:235px;
	height:50px;
	padding:25px 20px 20px 25px;
	background:url('../media/search_bg.gif') no-repeat 0px 0px;
	}

#site_body .container .left_frame .search_zone .title{
	float:left;
	padding:0px 0px 5px 5px;
	}

#site_body .container .left_frame .search_zone .input{
	float:left;
	text-align:left;
	width:200px;
	padding:3px 0px 0px 0px;
	}

#site_body .container .left_frame .search_zone input{
	width:194px;
	height:20px;
	padding:6px 0px 0px 7px;
	background:url('../media/input_bg.gif') no-repeat 0px 0px;
	border:none;
	font-size:11px;
	color:#949494;
	color:#757575;
	font-family:'Arial';
	}

#site_body .container .left_frame .search_zone .btn{
	float:left;
	}

#site_body .container .left_frame .illustration{
	float:left;
	width:270px;
	height:130px;
	padding:0px 5px 0px 5px;
	margin:20px 0px 0px 0px;
	}


#site_body .container .m1{
	float:left;
	width:630px;
	padding:0px 15px 0px 25px;
}

.m1 .page_title{
	clear:both;
	width:585px;
	font-family:'Arial', sans-serif;
	color:#BFBFBF;
	color:#BABABA;
	text-align:right;
	font-weight:bold;
	font-size:19px;
	padding:0px 45px 0px 0px;
	margin:15px 0px 0px 0px;
	background:url('../media/page_title_icon.gif') no-repeat 590px 5px;
}


.m1 .page_title h1{
	float:right;
	font-size:19px;
	line-height:19px;
	margin:0;
	padding:5px 35px 5px 0;
}


#site_body .container .m1 .home_intro{
	float:left;
	width:621px;
	height:294px;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:11px 0px 0px 9px;
	background:url('../media/home_intro_bg.gif') no-repeat 0px 0px;
}

#site_body .container .m1 .home_frame{
	float:left;
	width:620px;
	padding:20px 5px 0px 5px;
}

.home_frame {
	float:left;
	/*width:295px;
	height:105px;
	padding:20px 15px 20px 20px;
	background:url('../media/news_frame_bg.gif') no-repeat 0px 0px; */
}
 .news_frame{
	float:left;
	width:295px;
	height:110px;
	padding:15px 15px 20px 20px;
	background:url('../media/news_frame_bg.gif') no-repeat 0px 0px;
}
 
 
 
 
 
.home_frame .quality_frame {
	float:left;
	width:235px;
	height:110px;
	padding:15px 15px 20px 20px;
	margin:0px 0px 0px 20px;
	background:url('../media/quality_frame_bg.gif') no-repeat 0px 0px;
}

.home_frame .news_frame .event{
	float:left;
	width:295px;
	height:105px;
}

.home_frame .news_frame .title,
.home_frame .quality_frame .title{
	float:left;
	text-align:left;
	width:230px;
	padding:0px 0px 10px 0px;
}


.home_frame .news_frame .illus,
.home_frame .quality_frame .illus{
	float:left;
	padding:2px;
	border:2px #EEEEEE solid;
}

.home_frame .news_frame .txt,
.home_frame .quality_frame .txt{
	float:left;
	padding:5px 0px 0px 10px;
	font-size:10px;
	color:#353535;
	text-align:left;
}

.home_frame .news_frame .txt{
	width:195px;
}

.home_frame .quality_frame .txt{
	width:140px;
}

.home_frame .news_frame .link,
.home_frame .quality_frame .link{
	float:left;
	padding:5px 0px 5px 32px;
	margin:2px 0px 0px 0px;
	font-size:10.5px;
	text-align:left;
	background:url('../media/purple_arrow_02.gif') no-repeat 10px 5px;
}

.home_frame .news_frame .link a,
.home_frame .quality_frame .link a{
	color:#82509D;
}

.home_frame .news_frame .link a:hover,
.home_frame .quality_frame .link a:hover{
	text-decoration:none;
}


/* SEARCH */
.top_search {
	float:left;
	width:610px;
	background:#F3F3F3;
	color:#252525;
	font-size:11px;
	text-align:right;
	padding:7px 10px 7px 0px;
	margin:1px 0px 15px 0px;
	border:1px #CBCBCC solid;
	border-style:none none none none;
}

.top_search .search_word{
	background:#C0D4F4;
	color:#252525;
	font-weight:normal;
	padding:2px;
	color:#000000;
}


.search_article_01,
.search_article_02 {
	float:left;
	width:620px;
	text-align:left;
	margin:15px 0px 15px 0px;
	font-size:11px;
	color:#252525;
}

.search_article_01 a,
.search_article_02 a{
	font-size:12px;
	color:#23549F;
}

.search_article_01 a:hover,
.search_article_02 a:hover{
	text-decoration:none;
}

.search_article_01 b,
.search_article_02 b{
	color:#FF6100;
	font-weight:normal;
}

.search_article_01 .search_word,
.search_article_02 .search_word {
	background:#C0D4F4;
	padding:2px 0px 2px 0px;
	color:#000000;

}

.bottom_search {
	float:left;
	width:610px;
	background:#F3F3F3;
	text-align:center;
	margin:20px 0px 0px 0px;
	padding:5px;
	color:#999999;
}


.bottom_search a {
	font-size:11px;
	color:#252525;
	text-decoration:underline;
}

.bottom_search a:hover {
	color:#606060;
	text-decoration:none;
}

.bottom_search b {
	color:#23549F;
	font-size:11px;
}

.bottom_search .nb {
	float:left;
	width:405px;
	padding:5px 0px 0px 0px;
}

.bottom_search .btn {
	float:left;
	margin:0px 0px 0px 0px;
	background:url('../media/form/btn_lbg.gif') no-repeat 0px 0px;
	height:27px;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.bottom_search .btn .title{
	float:left; 
	padding:6px 12px 0px 0px;
}

.bottom_search .btn .rbtn{
	background:url('../media/form/btn_rbg.gif') no-repeat right 0px;
	height:27px;
	width:3px;
	float:left;
}

.bottom_search .btn a{
	color:#000000;
	text-decoration:none;
	}

.bottom_search .btn a:hover{
	color:#808080;
	}

.bottom_search .no_btn {
	width:96px;
	height:25px;
	float:left;
	}