@charset30 "utf-8";
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #999999;
	text-decoration: none;
	font-size: 12px;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #999999;
}
/* CSS Document */
.------------------------container {}
#container {
	width: 876px;
	margin: 0 auto;
}
.------------------------header{}
#header{
	width: 876px;
	background-color: #000000;
}
#header ul {
	float: right;
	width: 380px;
}
#header ul li {
	float: right;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 18px;
}
#header ul a {
	color: #999999;
	line-height: 20px;
}
#header ul a:hover {
	color: #0099FF;
}
.header_box {
	border: 1px solid #000000;
}
.------------------------nav{}
#nav{
	width: 876px;
	height: 84px;
	float: left;
}
.------------------------banner {}
#banner{
	width: 876px;
	background-image: url(../image/banner_abouts.jpg);
	background-repeat: no-repeat;
	height: 183px;
	float: left;
	background-position: top;
}
.------------------------content {}
#content{
	width: 876px;
}
.right{
	background-color: #000000;
	width: 683px;
	float: right;
}
.right_top{
	height: 73px;
	width: 683px;
	background-repeat: no-repeat;
	background-image: url(../image/content_icon.jpg);
	float:right;
}
.right_top {
	float: left;
	width:633px;
	padding:0 0 0 50px;
}
.right_top li{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-top: 20px;
}
.right_top a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.right_top a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
}
.right_down{
	float: right;
	width: 683px;
}
.-----------------right_news{}
.right_down_news{
	width: 683px;
	float: right;
}
.right_down_news ul{
	float: left;
	line-height: 32px;
	padding-left: 20px;
}
.right_down_news li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	width: 640px;
}
.right_down_news ul img{
	border: 4px solid #FFFFFF;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.right_down_news ul span{
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;	
}

.-----------------right_products{}
.right_down_products{
	float: right;
	width: 683px;
}
.right_down_products_search{
	float: right;
	width: 683px;
}
.right_down_products_list_logo{
	margin-left: 20px;
	margin-top: 10px;

}
.right_down_products_list_logo img{
	border: 4px solid #0099FF;
	
}
.right_down_products_list_01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	font-weight: bold;
	float: right;
	width: 662px;
}
.right_down_products_list_01 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	line-height: 32px;
	
}
.right_down_products_list_02{
	width: 662px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 32px;
	float: right;
}
.right_down_products_list_03{
	width: 662px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	line-height: 40px;
	font-weight: bold;
	background-image: url(../image/content_products_line.jpg);
	background-repeat: no-repeat;
	float: right;
}
.------------------------------right_down_products_date{}
.right_down_products_date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	font-weight: bold;
	float: right;
	width: 662px;
}
.right_down_products_date img{
	border:4px solid #FFFFFF;
}
.right_down_products_date_small{
	float: right;
	width: 335px;
	height: 232px;
	
}
.right_down_products_date_small_001{
	width: 101px;
	float: left;
	margin-bottom: 12px;
}
.right_down_products_date_small_001 img{
	border: 4px solid #FFFFFF;
	float: left;
}
.right_down_products_date_small_001 a:hover img{
	border: 4px solid #0099FF;
}
.right_down_products_date_stand{
	float: right;
}
.right_down_products_date_stand ul{


	
}
.right_down_products_date_stand ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	font-weight: bold;
	background-image: url(../image/products_date_bg.jpg);
	background-repeat: no-repeat;
}
.right_down_products_date_stand ul li span{
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	
}
	
.right_down_products_date_01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	font-weight: bold;
	float: right;
	width: 662px;
}
.right_down_products_date_01 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	line-height: 32px;
	
}
.right_down_products_date_02{
	width: 662px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 32px;
	float: right;
}
.right_down_products_date_03{
	width: 662px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	line-height: 40px;
	font-weight: bold;
	background-image: url(../image/content_products_line.jpg);
	background-repeat: no-repeat;
	float: right;
}

.----------------------------hot_product_box{}
.hot_product_box{
	float: right;
	width: 662px;
	margin-left:20px;

}
.hot_product_pic{
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	margin-bottom: 15px;
	margin-right: 5px;
	width:155px;
	float:left;
}
.hot_product_pic span{
	float: left;
	
}
.hot_product_pic a{
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.hot_product_pic a:hover{
	color:#999999;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.hot_product_pic img{
	border:4px solid #FFF;
}
.hot_product_pic a:hover img{
	border:4px solid #0099FF;
}
.---------------------------------------{}
.right_down_products ul{
	float: left;
	line-height: 32px;
	padding-left: 20px;
}
.right_down_products_search ul{
	float: left;
	line-height: 32px;
	padding-left: 20px;
}
.right_down_products li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	width: 660px;
	background-image: url(../image/products_logo_bg.jpg);
	background-repeat: repeat;
	padding-bottom: 10px;
}
.right_down_products_search li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	width: 660px;
	background-image: url(../image/products_search_bg.jpg);
	background-repeat: repeat;
	padding-bottom: 10px;
}
.right_down_products li h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0099FF;
}
.right_down_products_search li h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0099FF;
}
.right_down_products ul img{
	border: 4px solid #FFFFFF;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}
.right_down_products_search ul img{
	border: 4px solid #FFFFFF;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}
.right_down_products ul a:hover img{
	border: 4px solid #0099FF;
}
.right_down_products_search ul a:hover img{
	border: 4px solid #0099FF;
}
.right_down_products ul span{
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}
.right_down_products_search ul span{
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}
.-----------------right_qa{}
.right_down_qa{
	width: 683px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.right_down_qa p{
	margin-left: 20px;
	float: right;
	
}
#right_down_qa_box{
	margin-left: 0px;
	float: right;
	width: 660px;
	color: #FFFFFF;
	height: 60px;
	background-image: url(../image/qa_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
}
#right_down_qa_box_add{
	float: left;
	width: 683px;
	color: #999999;
	min-height:400px;   
	height:auto !important;   
	height:400px; 
	margin-top: 20px;
	margin-right: -80px;
}
#right_down_qa_box_add_ok{
	width: 600px;
	margin-left: 20px;
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 300px;
	
}
#right_down_qa_box_show{
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	
	
}
#right_down_qa_box a{
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
#right_down_qa_box a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	
}



.-----------------right_about{}
.right_down_about{
	width: 683px;
	float: right;
}
.right_down_about ul{
	float: left;
	line-height: 32px;
	padding-left: 20px;
}
.right_down_about li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	width: 640px;
	height: 140px;
	background-image: url(../image/news_logo_bg.jpg);
	background-repeat: repeat;
}
.right_down_about li h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;

}
.right_down_about ul img{
	border: 4px solid #FFFFFF;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.right_down_about ul a:hover img{
	border: 4px solid #0099FF;
}
.right_down_about ul span{
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 12px;
	color: #0099FF;
}
.------------------------.right_down_about{}
.right_down_about_date{
	width: 683px;
	float: right;
}
.right_down_about_date ul{
	float: left;
	line-height: 32px;
	padding-left: 20px;
}
.right_down_about_date li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	width: 640px;
}
.right_down_about_date li h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	padding-left: 110px;

}
.right_down_about_date li a{
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	

}
.right_down_about_date li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: underline;
	

}
.right_down_about_date ul img{
	border: 4px solid #FFFFFF;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}


.right_down_about_date ul span{
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
}
.right_down_about_date ul span img{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.-----------------right_down_contact{}
.content_area {
	width:660px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	height: 430px;
}
.cleanall{
	padding-bottom: 6px;

}
.----------------------{}
.left{
	width: 193px;
	float: left;
}
.left_top{
	height: 73px;
	width: 193px;
	float: left;
}
.left_down{
	background-image: url(../image/side_nav_bg.jpg);
	background-repeat: no-repeat;
	height: 291px;
	width: 193px;
	float: left;
	margin-top: -5px;
}
.left_down ul{
	padding-left: 12px;
	
}
.left_down ul li{
	background-image: url(../image/blue_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.left_down ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	color: #FFFFFF;

}
.left_down ul li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	color: #0099FF;

}
.search_box{
	width: 193px;
}
.search_box P{
	padding-top: 16px;
	padding-left: 15px;
}
.------------------------footer {}
#footer{
	width: 876px;
	background-image: url(../image/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
}
#footer ul{
	float: left;
	width: 870px;
	height: 49px;
}
#footer ul li {
	float: left;
	color: #999999;
	font-family: "新細明體";
	font-size: 12px;
	margin-top: 15px;
}
#footer span{
	float:right;
	margin-top: 15px;
}
#footer ul a{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#footer ul a:hover {
	color: #0099FF;
}