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

body{
	margin:0px;
	text-align: center;
	background-color:#b0b1b3;
}
#bg_left{
	position:absolute;
	height:153px;
	width:50%;
	float:left;
	background-image:url(images/bg_left.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#bg_right{
	position:absolute;
	right:0px;
	height:153px;
	width:49%;
	float:right;
	background-image:url(images/bg_right.gif);
	background-repeat:repeat-x;
	background-position:top right;
}
#wrapper{	
	position:relative;
	top:0px;
	width:955px;
	min-height:500px;
	
	text-align:left;	
	margin:auto;
	_margin-top:-19px
}
.wrapper_content{
	position:relative;
	width:937px;
	background-color:#FFFFFF;
}
.content_block{
	padding:0px 17px;
}
#header{
	position:relative;
	background-image:url(images/bg_header.jpg);
	background-repeat:repeat-x;
	height:84px;
}
#header_menu{
	position:relative;
	background-image:url(images/bg_header_menu.jpg);
	background-repeat:no-repeat;
	height:69px;
	margin-left:6px;
	_top:1px;
	
}
#header_menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#header_menu ul li{
	float:left;
	margin:0px 35px;
	_margin:0px 30px;
}
#header_logo{
	position:absolute;
	left:18px;
	top:30px;
}
.header_stay{
	position:absolute;
	right:20px;
	top:20px;
}
.home_search{
	top:50px;
}
#header_kv{
	position:relative;
	z-index:1000;
	margin-top:-31px;
	float: left;
}

/************ Primary **************/
#primary{
	width:680px;
	min-height:420px;
	_height:380px;
	float:right;
	margin:15px 0px 50px 5px;
}
#primary_path{
	position:relative;
	border-bottom:solid 1px #d3d3d3;
	padding:0px 5px 5px 5px;
}
.primary_block{
	padding:15px 22px;
	_padding:15px 5px;
	_margin-left:20px;
}
#primary_title, #product_title_style{
	position:relative;
	padding-bottom:10px;
}
#primary_content {
	position:relative;
}

/************ About **************/
.about_img{
	float:left;
	margin:20px 0px;
}

/************ Index **************/

#header_index_news{
	position:relative;
	float:right;
	margin-top:-31px;
	margin-bottom:30px;
	background-image:url(images/index/bg_index_news.png);
	width:251px;
	height:341px;
}
.index_news_block{
	position: relative;
	top:27px;
	width:230px;
	left:11px;
	padding-bottom:35px;
	border-bottom:solid 1px #f4f4f4;
}
.index_news_block2{
	position: relative;
	top:27px;
	width:230px;
	left:11px;
	padding-bottom:20px;
	border-bottom:solid 1px #f4f4f4;
	min-height:130px;
}
.index_news_date{
	background-image:url(images/index/bg_index_news_date.jpg);
	background-repeat:no-repeat;
	width:230px;
	height:28px;
	padding:12px 0px 0px 15px;
}
.index_news_tag{
	position: absolute;
	top:3px;
	left:3px;
}
.news_tag{
	margin-right:2px;
	float:left;
	width:112px;
	height:23px;
}
.news_tag img{
	cursor:pointer;
}
.index_news_btn{
	position:absolute;
	right:15px;
	bottom:15px;
	background-image:url(images/icon_more.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
	padding-left:15px;
	display:block;
}
.index_news_btn:hover{
	text-decoration:none !important;
}
#index_arrow_left {
	position:absolute;
	left:0px;
	top:50px;
	width:13px;
	height:20px;
}
#index_center {
	position:absolute;
	left:14px;
	top:0px;
	width:870px;
	height:180px;
	overflow:hidden;
}
#index_list {
	position:absolute;
	top:0px;
}
#index_arrow_right {
	position:absolute;
	right:0px;
	top:50px;
	width:13px;
	height:20px;
}
#index_arrow_left img,#index_arrow_right img{
	cursor:pointer;
}
.index_product_frame {
	width:165px;
	float:left;
	margin-left:8px;
}
.index_product{
	width:161px;
	height:122px;
	padding:2px 2px 0;
	border:solid 1px #d0d0d0;
	border-bottom-width:8px;	
}
.index_product a {
	position:relative;
	display:block;
	width:161px;
	height:122px;
	overflow:hidden;
}
.index_new_product_title {
	float:left;
	width:80px;
	margin-left:10px;
}
.index_new_product_img {
	float:left;
	width:95px;
}
.border_color_1 {
	border-bottom-color:#89b524;
}
.border_color_2 {
	border-bottom-color:#028dab;
}
.border_color_3 {
	border-bottom-color:#ab025e;
}
.border_color_4 {
	border-bottom-color:#fa8400;
}
.border_color_5 {
	border-bottom-color:#f84f00;
}
.border_color_6 {
	border-bottom-color:#008567;
}
.index_product_name_1,.index_product_name_2,.index_product_name_3,.index_product_name_4,.index_product_name_5,.index_product_name_6 {
	margin-top:7px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	display:block;
}
.index_product_name_1{
	background-image: url(images/icon_1.gif);
}
.index_product_name_2{
	background-image: url(images/icon_2.gif);
}
.index_product_name_3{
	background-image: url(images/icon_3.gif);
}
.index_product_name_4{
	background-image: url(images/icon_4.gif);
}
.index_product_name_5{
	background-image: url(images/icon_5.gif);
}
.index_product_name_6{
	background-image: url(images/icon_6.gif);
}

/*********** News *************/
.news_list{
	position:relative;
	width:100%;
	
}
.news_title{
	position:relative;
	margin-bottom:10px;
}
.news_content_title{
	margin-top:10px;
	margin-bottom:20px;
}
.news_link{
	background-image:url(images/icon_read_more_off.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}
.news_link a:hover,.news_title a:hover,.index_news_text a:hover,.member_tb a:hover,.product_series_item a:hover,.product_item_desc a:hover{
	text-decoration:underline;
}
.news_desc{
	position:relative;
	margin-right:20px;
}
.btn_read_more{
	width:80px;
	display:block;
	background-image:url(images/icon_read_more_off.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}
.btn_read_more:hover{
	background-image:url(images/icon_read_more_on.gif);
	color:#2c9889;
	font-weight:bold;
}
.news_line{
	width:680px;
	_width:660px;
	margin:10px 0px;
	margin-left:-17px;
}
/*********** Member *************/
.member_text{
	margin-left:40px;
	margin-bottom:20px;
}
#form_tb_top_join{
	background-image:url(images/member/bg_form_top2.jpg);
	background-repeat:no-repeat;
	width:645px;
	height:273px;
}
.join_title{
	padding:30px 20px;
}
.join_content{
	margin:0px 20px;
}
.join_input,.product_input{
	border:solid 1px #d1d1d1;
	width:290px;
	height:18px;
}
.join_information{
	margin-top:20px;
	width:540px;
	height:200px;
	overflow-y:scroll;
	padding:20px;
	border:solid 1px #e0e0e0;
}
#member_frame {
	width:645px;
	position:relative;
	background-image:url(images/member/bg_form.jpg);
	background-repeat: repeat-y;
	margin-top:10px;
	min-height:900px;
	padding-bottom:30px;
}
#member_frame_top {
	position:absolute;
	top:0px;
	left:0px;
	width:645px;
	height:63px;
	background-image:url(images/member/bg_form_top.jpg);
	background-repeat:no-repeat;
}
#member_frame_bottom {
	position:absolute;
	bottom:0px;
	left:0px;
	width:645px;
	background-image:url(images/member/bg_form_bottom.jpg);
	height:13px;
	background-repeat:no-repeat;
}
#member_content {
	position:relative;
	left:0px;
	top:0px;	
}
/************* button ****************/
.btn_update{
	position:relative;
	top:40px;
	left:450px;
	background-image:url(images/member/btn_update.gif);
	background-repeat:no-repeat;
	width:111px;
	height:24px;
	border:0px;
	cursor:pointer;
}
.btn_join{
	background-image:url(images/member/btn_join.gif);
	background-repeat:no-repeat;
	width:133px;
	height:23px;
	border:0px;
	cursor:pointer;
}
.btn_go_back{
	position:absolute;
	right:-10px;
	_right:5px;
	top:-5px;
	top:0px \9;
}
.btn_inquiry {
	position:absolute;
	right:0px;
	bottom:0px;
}
.btn_login{
	background-image:url(images/member/btn_login.gif);
	background-repeat:no-repeat;
	width:87px;
	height:23px;
	border:0px;
	cursor:pointer;
}
.btn_account{
	background-image:url(images/member/btn_account.gif);
	background-repeat:no-repeat;
	width:162px;
	height:23px;
	border:0px;
	cursor:pointer;
}
.btn_pwd{
	background-image:url(images/member/btn_pwd.gif);
	background-repeat:no-repeat;
	width:162px;
	height:23px;
	border:0px;
	cursor:pointer;
}
.btn_send{
	background-image:url(images/contactus/btn_send.gif);
	background-repeat:no-repeat;
	width:68px;
	height:23px;
	border:0px;
	cursor:pointer;
}
.btn_reset{
	background-image:url(images/contactus/btm_reset.gif);
	background-repeat:no-repeat;
	width:68px;
	height:23px;
	border:0px;
	margin: 0px 10px;
	cursor:pointer;
}

/*********** Product *************/
.product_item{
	position:relative;
	width:170px;
	float:left;
	margin:20px 45px 10px 10px;
	_margin:20px 25px 10px 10px;
	
}
.product_item_img{
	border:solid 1px #d3d3d3;
	padding:1px;
	margin-top:3px;
}
.product_list{
	margin:20px 10px;
}


.product_style_1{
	background-image:url(images/icon_1.gif); 
	border-bottom:solid 5px #89b524;
}
.product_style_2{
	background-image:url(images/icon_2.gif); 
	border-bottom:solid 5px #18adc4;
}
.product_style_3{
	background-image:url(images/icon_3.gif); 
	border-bottom:solid 5px #ab025e;
}
.product_style_4{
	background-image:url(images/icon_4.gif); 
	border-bottom:solid 5px #ff9225;
}
.product_style_5{
	background-image:url(images/icon_5.gif); 
	border-bottom:solid 5px #f84f00;
}
.product_style_6{
	background-image:url(images/icon_6.gif); 
	border-bottom:solid 5px #008567;
}


.product_series_list{
	width:645px;
	_width:620px;
	margin-bottom:20px;
	position:relative;
	
}
.product_series_top{
	_width:645px;
	background-image:url(images/product/bg_productlist_top.jpg);
	background-repeat:no-repeat;
	height:16px;
}
.product_series{
	_width:600px;
	background-image:url(images/product/bg_productlist.jpg);
	background-repeat: repeat-y;
	padding:0px 23px;
	
}
.product_series_item{
	background-image:url(images/product/icon_product_list.gif);
	background-repeat:no-repeat;
	background-position:0 0.7em;
	padding-left:15px;
	float:left;
	width:180px;
	
	
}
.product_series_item a:hover{
	color:#0072af;
}
.product_series_bottom{
	_width:645px;
	background-image:url(images/product/bg_productlist_bottom.jpg);
	background-repeat:no-repeat;
	height:16px;
	
}
.product_series_more {
	position:absolute;
	top:15px;
	right:15px;
	
}
.product_name{
	background-repeat:no-repeat;
	background-position:0 0.2em;
	padding-left:20px;
	font-weight:bold;
	height:17px;
	line-height:17px;
}
.product_name a { 
	line-height:17px !important;
}
.product_item_desc{
	padding:10px 0px;
}
.product_item_desc div{
	margin-top:-7px;
	background-image: url(images/product/icon_list.gif);
	background-repeat:no-repeat;
	background-position:0 0.7em;
	padding-left:10px;
}
.product_item_desc div a:hover{
	color:#356aa0;
}
.product_open,.product_close{
	position: relative;
	width:40px;
	left:120px;
	background-image:url(images/product/icon_open.gif);
	background-repeat:no-repeat;
	background-position:0 0.8em;
	padding-left:13px;
}
.product_close{
	background-image:url(images/product/icon_close.gif) !important;
	background-repeat:no-repeat;
}
.product_form{
	margin-top:-35px;
	margin-left:10px;
	position:relative; 
	z-index:10000;
}
.product_download{
	margin-top:40px;
}
#product_img_frame {
	float:left;
	margin-left:-5px;
}
#product_intro_frame {
	float:right;
	position:relative;
	min-height:245px;
	_height:245px;
	width:230px;
	margin-right:15px;
	_margin-right:12px;
	padding-bottom:30px;
}
.tag_item{
	position:relative;
	width:119px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:6px;
}
.tag_item_off{
	background-image: url(images/product/bg_tag_off.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}
.tag_item_on ,.tag_item_off:hover {
	background-image: url(images/product/bg_tag_on.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	cursor:pointer;
}
.product_related{
	width:118px;
	float: left;
	margin:0px 15px;
	text-align:center;
}
.img_related{
	padding:3px;
	border:solid 1px #d0d0d0;
	width:111px;
	height:82px;
}
.related_arrow{
	padding:0px 5px;
}

#product_wheel {
	position:relative;
	margin-top:20px;
	height:180px;
}
#product_wheel_left {
	position:absolute;
	top:35px;
	left:0px;	
	width:13px;
	height:20px;
}
#product_wheel_right {
	position:absolute;
	top:35px;
	right:0px;
	width:13px;
	height:20px;
}
#product_wheel_center {
	position:absolute;
	top:0px;
	left:20px;	
	width:600px;
	height:160px;
	overflow:hidden;
}
#product_wheel_center_list {
	position:absolute;
	top:0px;
	height:160px;
}
#product_wheel_left img ,#product_wheel_right img {
	cursor:pointer;
}

.img_product_category_list {
	border:solid 1px #CECED0;
	padding:1px;
}
.float_product_list {
	width:115px;
	float:left;
	height:140px;
	margin:10px 43px 10px 0;
}
.img_product_list {
	height:86px;
	border:solid 1px #CECED0;
	padding:1px;	
}
.title_product_list {
	background-image:url(images/bg_sub_menu_on.jpg);
	background-repeat:no-repeat;
	padding-left:6px;
	margin-top:3px;
	background-position: 0px 5px;
}
.product_files {
	background-image:url(images/product/bg_file.jpg);
	width:224px;
	height:24px;
	margin:2px 0;
	padding-left:5px;
}
.product_files_default {
	background-image:url(images/product/bg_file_default.jpg);
	width:224px;
	height:24px;
	margin:2px 0;
	padding-left:5px;
}
#search_result {
	background-image:url(images/bg_search_line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:28px;
}
#catalog {
	padding:20px 0 0 5px;
}
#catalog a {
	display:block;
	background-image:url(images/icon_arrow.gif);
	background-repeat:no-repeat;
	padding-left:17px;
	background-position: 0px 7px;
	margin-top:2px;
	margin-left:18px;
}
/*********** Login *************/
#form_tb_top{
	position:relative;
	width:645px;
	height:63px;
	background-image:url(images/member/bg_form_top.jpg);
	background-repeat:no-repeat;
}
#form_tb{
	width:645px;
	position:relative;
	background-image:url(images/member/bg_form.jpg);
	background-repeat: repeat-y;
	padding-bottom:50px;
}
#form_tb_bottom{
	width:645px;
	background-image:url(images/member/bg_form_bottom.jpg);
	height:13px;
}
#form_tb_warn{
	position:absolute;
	top:28px;
	left:40px;
	background-image:url(images/member/bg_warn.png);
	background-repeat:no-repeat;
	width:329px;
	height:23px;
	padding:5px 0px 0px 233px;
}
.member_tb{
	padding-left:10px;
	/*border:solid 1px red;*/
}
.login_input{
	border:solid 1px #d1d1d1;
	width:340px;
	height:23px;
}

/*********** Sitemap *************/
.sitemap_block{
	margin-top:20px;
	margin-bottom:80px;
}
.sitemap_title{
	background-image: url(images/sitemap/bg_sitemap_title.jpg);
	background-repeat:no-repeat;
	width:193px;
	height:32px;
	text-align:center;
	padding-top:6px;
}
.sitemap_list{
	margin-left:15px;
	width:165px;
}
.sitemap_item{
	background-image:url(images/icon_list.gif);
	background-repeat:no-repeat;
	background-position:0 0.4em;
	padding-left:10px;
	margin:5px 0px;
}

/*********** Contact Us *************/
#contact_form{
	position:relative;
	width:646px;
}
.contact_form_top{
	position:relative;
	height:136px;
	background-image:url(images/contactus/bg_form_top.jpg);
	background-repeat:no-repeat;
}
.contact_form_title{
	position:relative;
	padding:30px 10px 0px 25px;
}
.contact_information{
	position: relative;
	padding:10px 10px 0px 25px;
}
.contact_form_middle{
	position:relative;
	background-image:url(images/contactus/bg_form.jpg);
	background-repeat:repeat-y;
	padding-bottom:30px;
}
.contact_form_bottom{
	height:12px;
	background-image:url(images/contactus/bg_form_bottom.jpg);
	background-repeat:no-repeat;
}
.contact_note{
	position:relative;
	top:20px;
	left:25px;
	background-image:url(images/contactus/bg_note.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:308px;
	height:21px;
	padding:3px 0px 0px 12px;
}
.contact_tb{
	position:relative;
	width:590px;
	top:40px;
	#top:20px;
	left:30px;
	border-bottom:solid 1px #d3d3d3;
	padding-bottom:20px;
}
.contact_input{
	width:420px;
	margin:2px 0px;
	border:solid 1px #dfdfdf;
}
.contact_btn{
	position:relative;
	margin-top:60px;
	#margin-top:40px; 
	margin-right:50px;
	text-align:right;
}
.btn_back_list{
	margin-top:30px;
	margin-bottom:20px;
}

/*********************************/
.bottom_line{
	border-bottom:dotted 1px #c8c8c8;
}
.bottom_line_solid{
	border-bottom:solid 1px #d3d3d3;
}
.bottom_dot_line{
	background-image:url(images/bg_dot_line.gif);
	background-repeat:repeat-x;
	height:2px;
}
.img_border{
	border:solid 1px #cccccc;
	margin-right:10px;
	padding:3px;
}
.padding_1{
	padding:20px 0px;
}
.padding_2{
	padding:20px;
}
.margin_1{
	margin-top:10px;
	margin-bottom:20px;
}

.page_line{
	border-bottom:solid 1px #d3d3d3;
	margin-left:-17px;
	width:680px;
	_width:640px;
	margin-top:10px;
}
.page_list {
	text-align:center;
	left:50%;
	position:relative;
	float:left;
}
.page,.this_page,.page_previous,.page_next {
	display:block;
	margin:0 5px;
	float:left;
	right:50%;
	font-size:11px !important;
	line-height:18px !important;
	position:relative;
	color:#575757;
	text-decoration:none;
}
.page:hover,.this_page {
	color:#bacc00 !important;
}

.btn_top img{
	border:0px;
}
.btn_top{
	text-align:right;
}
.search_btn{
	background-image: url(images/btn_go.jpg);
	background-repeat:no-repeat;
	width:23px;
	height:23px;
	border:0px;
	background-color:#FFFFFF;
}
.search_input{
	width:116px;
	height:13px;
	border:0px;
}
.home_stay_item{
	float:right;
	height:12px;
	margin-left:5px;
}
.clear{
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
}

/************ secondary ***********/
#secondary{
	width:215px;
	_width:180px;
	float:left;
	margin-top:15px;
	position:relative;
	z-index:1000;
	
}
#secondary_title{
	width:215px;
	_width:180px;
	height:28px;
	padding:8px 20px 8px 33px;
	_padding:8px 15px 8px 33px;
	background-image: url(images/bg_secondary_menu_top.jpg);
	background-repeat:no-repeat;
}
#secondary_menu ul{
	_width:215px;
	margin:0px;
	padding:0px;
	background-image:url(images/bg_secondary_menu.jpg);
	background-repeat:repeat-y;
	
	
}
#secondary_menu ul li{
	list-style-type: none;
	_height:15px;
	
	
}
#secondary_bottom{
	width:215px;
	_width:215px;
	height:30px;
	background-image:url(images/bg_secondary_menu_bottom.jpg);
	background-repeat:no-repeat;
	
	

}
#secondary_menu ul li ul{
	_width:200px;
	padding-left:23px;
	padding-bottom:5px;
}
.menu_off,.menu_on {
	display:block;
	min-height:22px;
	width:189px;
	padding:2px 5px 0px 19px;
	_padding:2px 5px 5px 19px;
	font-weight:bold;
	background-repeat:no-repeat;	
}
.menu_off:hover,.menu_on{
	background-image: url(images/bg_secondary_menu_on.jpg);
	background-repeat:no-repeat;
	color:#ffffff !important;
	
}
.menu_secondary{
	display:block;
	background-image: url(images/bg_sub_menu_off.jpg);
	background-repeat: no-repeat;
	background-position:0 0.7em;
	padding-left:10px;
	padding-bottom:3px;
	padding-right:15px;
	font-size:11px;
}
.menu_secondary:hover,.menu_secondary_on{
	display:block;
	color:#0072af !important;
	text-decoration:underline;
	/*background-image: url(images/bg_sub_menu_off.jpg);*/
	background-image: url(images/bg_sub_menu_on.jpg);
	background-repeat: no-repeat;
	background-position:0 0.7em;
	padding-left:10px;
	padding-bottom:3px;
	font-size:11px;
	padding-right:15px;
}

.sub_menu{
	display:block;
	position:relative;
}
.sub_detail_menu{
	position:absolute;
	left:185px;
	top:0px;
	list-style-type: none;
	background-image:none !important;
}
.sub_menu_item{
	margin:0px;
	margin-left:-23px;
	background-image:url(images/bg_sub_menu_2.png);
	background-repeat:repeat-x;
	min-width:200px;
	height:18px;
	border:solid 1px #d4d4d4;
	padding:2px 15px;
	overflow:hidden;
	_padding-bottom:5px;
}
.sub_menu_item a:hover,.tag_item_on{
	color:#ffffff;
}

/************ footer ***********/
#footer{
	position:relative;
	height:80px;
	background-image:url(images/bg_footer.png);
	background-repeat:repeat-x;
	margin-top:30px;
}
#footer_shadow{
	float:left;
	width:929px;
	height:11px;
	background-image:url(images/bg_footer_shadow.jpg);
	background-repeat:repeat-x;
}
#footer_shadow_left{
	float:left;
	width:13px;
	height:11px;
	background-image:url(images/bg_footer_shadow_left.jpg);
	background-repeat:no-repeat;
}
#footer_shadow_right{
	float:left;
	width:13px;
	height:11px;
	background-image:url(images/bg_footer_shadow_right.jpg);
	background-repeat:no-repeat;
}
#footer_content{
	position: relative;
	width:905px;
	height:80px;
	left:17px;
	background-image: url(images/img_footer_top_border.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#footer_text{
	position:absolute;
	top:15px;
	right:25px;
	width:630px;
	height:50px;
	
}
#footer_logo{
	width:160px;
	background-image: url(images/bg_footer_logo_right.png);
	background-repeat:no-repeat;
	background-position:right;
	padding:24px 30px;
}