@charset "utf-8";
@import url("copyright.css");
A:link { FONT-STYLE: normal; TEXT-DECORATION: none; color: #777777} 
A:visited { FONT-STYLE: normal; TEXT-DECORATION: none; color: #777777} 
A:active { FONT-STYLE: normal; TEXT-DECORATION: none; color: #777777} 
A:hover { COLOR: #274a8e; FONT-STYLE: normal; TEXT-DECORATION: underline} 
body {
margin:0px;
	font-size: 0.8em;
	color:#5d5d5d;
	line-height: 24px;background-color:#f8f8f8;
	font-family: Arial, Helvetica, sans-serif;
}
.c_orang{	color: #F00;}
.f9pt{ font-size:10px;}
.f12pt{font-size:12px;}
.f10px{font-size:10px;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#a9a9a9;}
.c_black{ color:#000;}
.c_red{ color:#ac1100;}
.fhight16{ line-height:16px;}
.point01{ list-style-image:url(../images/ico_point01.gif);}

/* ------------- all ------------- */
#top{
	position:relative;
	width:1000px;
	background:url(../images/top_bg.gif) no-repeat;
	margin:auto;
	overflow:hidden;
	zoom:1;
	padding-top:15px;
	}
.logo{float:left;}
.top_pic{float:left;}
.language{ font-size:12px;float:right; text-align:right}
.language b{
	font-weight: bold;
	color: #CC0000;
}
.language A { color:#aaaaaa; margin:0px 10px;}
.language a:link, .language a:visited  {}
.language a:active, .language a:hover { color:#043e92; text-decoration:none;}

.top_menu { font-size: 16px; color: #000; font-weight:bold; width:550px; height:35px; float:left; border:0px solid #ccc; text-align:right; margin:5px 0px 0px 60px; _float:left;}
.top_menu A { color:#000; margin-left:10px; float:left; display:inline-block; font-weight:bold; height:25px;}
.top_menu a:link, .top_menu a:visited  {padding:5px 5px 0px 5px;	color: #979797; height:30px;	text-decoration: none;  float:left; font-weight:bold;}
.top_menu a:active, .top_menu a:hover {	padding:5px 5px 0px 5px; color: #fff;	height:30px; float:left; text-decoration: none;	background:url(../images/mu_over.jpg) no-repeat; background-position:top;font-weight:bold;}

#bg_main{	position: relative; zoom:1; overflow:hidden; width:1000px;	margin:0px auto;background:url(../images/bg_isd.jpg) repeat-x;}

/* ------------- left ------------- */
.left{	width: 215px; display:inline-block;.float:left;border: 0px solid #b32480;vertical-align:top;clear:both;}
.menu-box{	text-align: left; padding-bottom: 100px;clear:both;}
.menu {  margin-bottom:25px; margin-left:0px; }
.menu UL {	MARGIN: 0px 0px 0px 2px; padding:0px;	Z-INDEX:2; WIDTH:205px; POSITION: relative; line-height: 16px; border-bottom:0px solid #036;}
.menu LI {	padding:0px; MARGIN:0px 0px 0px 2px;list-style-type: none;}
.menu LI A { padding-left:10px; color:#777; display:inline-block;WIDTH: 100%;min-height:32px; .height:32px; padding-top:2px; border-bottom:dashed 1px #c6c6c6;}
.menu LI A:link { color:#e78218;}
.menu LI A:visited{ color:#9a9a9a;}
.menu LI A:hover {	TEXT-DECORATION: none;color:#fefefe; font-weight:bold; color:#777;}

.menu_s01 {	font-size: 11px;color: #777777; WIDTH:205px; }
.menu_s01 A {  padding-left:10px; color:#777777; display:inline-block;WIDTH: 100%;min-height:32px; .height:32px; padding:2px 0px 0px 20px; border-bottom:dashed 1px #cccccc;}
.menu_s01 a:link, .menu_s01 a:visited  {color:#777777;}
.menu_s01 a:active, .menu_s01 a:hover {	TEXT-DECORATION: none;color:#f18109;}

.menu_s02 {	font-size: 11px;color: #777777; WIDTH:205px; _WIDTH:185px;}
.menu_s02 A { BACKGROUND: url(../images/mus_03.gif) no-repeat 0px bottom;padding-left:10px; color:#777777; display:inline-block;WIDTH: 100%;min-height:32px; .height:32px; padding:2px 0px 0px 40px; _padding:2px 0px 0px 35px;  border-bottom:dashed 1px #cccccc;}
.menu_s02 a:link, .menu_s02 a:visited  {color:#777777;}
.menu_s02 a:active, .menu_s02 a:hover {	BACKGROUND-POSITION: -236px bottom; TEXT-DECORATION: none;color:#fff;}

/* ------------- main ------------- */
.main{
	border: 0px solid #b32480;padding: 0px 20px 0px 10px;
	_padding:0px 0px 0px 0px;
	text-align: left;
	display:inline-block; width: 751px; clear:both;.clear:none;}
h1{ font-size:16px; margin:0px; display:inline;}
.h1{font-size:16px; font-weight:bold;color:#000;float:left;}
h2{font-size:1.2em; margin:0px;}
.title{background:url(../images/ .gif) no-repeat; margin-bottom:20px; padding-top:12px;}
.breadcrumbs{ font-size:0.8em;text-align: right;	color:#d2d2d2; height:31px; margin:0px; padding-top:5px; border:0px solid #00F;}
.breadcrumbs a:link, .breadcrumbs a:visited  {	color: #d2d2d2;	padding-top: 10px;}
.breadcrumbs a:active, .breadcrumbs a:hover {	color: #e78218;	text-decoration: underline;}
.home{background:url(../images/icon_home.jpg) no-repeat;}
.home:link, .home:visited  {color: #000;	padding-top: 10px;}
.home:active, .home:hover {	color: #ef5400;	text-decoration: underline;}
.breadcrumbs .home{background:url(../images/icon_home.jpg) no-repeat 0px 10px; padding-left:15px;}
.breadcrumbs .home:link, .breadcrumbs .home:visited  {color: #d2d1d1;}
.breadcrumbs .home:active, .breadcrumbs .home:hover { color: #e78218;	text-decoration: underline;}


.content{	border: 0px solid #cee;}
.content-main{	border: 0px solid red;	margin: 0px; margin-bottom:30px;}
.both{clear:both;}
.content-main ul ol li{ margin:-20px;}



/* ------------- cat01------------- */
.catlis_box{border: 0px solid #ffcccc;}
.catlis{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:10px 0px 20px 0px;background:url(../images/pro_line.jpg) bottom no-repeat;border:1px solid #069;}
.catlis a:link, .pro a:visited  {color:#fff;}
.catlis a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.catlis img{ float:left;}
.catlislist_description{	margin-left:20px;	float:left;	border:1px solid #069;	width:60%;}
.catlislist_description img{ margin-left:300px;}
.catlis_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/pro_bg_name.jpg) no-repeat; height:36px; padding-left:15px;padding-top:15px;}
.catlis_description{	float:left;	border:0px solid #006;	width:400px;}
.catlis_descriptionimg{ width:305px;float:left;}
.catlis_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.catlis_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.catlis_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}


/* -------------product專用--------------*/
.product_box{ padding:0px 0px 0px 25px;}
.pro{ float:left; margin:0px 10px;font-size:11px; width:95%; line-height:18px;padding:8px 0px 20px 10px;background:url(../images/pro_frame.jpg) no-repeat 0px 0px;}
.pro a:link, .pro a:visited  {color:#a79686;}
.pro a:active, .pro a:hover {	color:#66513d;	text-decoration: underline;}
.pro img{ float:left;}
.prolist_description{	margin-left:20px;	float:left;	border:0px solid #069;	width:75%;}
.prolist_description img{ float:right;}
.pro_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/.jpg) no-repeat left -5px; min-height:30px; .height:30px; padding:5px 15px 3px 5px;}
.pro_description{ float:left; margin-left:20px; width:auto;}
.pro_descriptionimg{ float:left; display:block}
.pro_imb{ min-height:300px;}
.pro_imgs{ width:350px; }
.pro_imgs img{border:1px solid #d3d3d3; margin:5px 3px 0px 0px; float:left; width:70px; height:70px}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.inquiry_but{ margin-top:20px;}



/* ------------- search -------------*/
.prod_search{background:url(../images/under_search.jpg) no-repeat; padding-bottom:40px;}
.prod_searchbox{ margin:10px 0px 0px 15px; *margin:18px 0px 0px 15px; border:0; background-color:#f7f7f7; width:160px;} 
form{ margin:0px;}
input{ margin:0px;}

/* ------------- page ------------- */
#move_page {	text-align: center;	margin-top: 20px;	margin-bottom: 30px;}
#move_page .onthis{	font-size: 14px;	font-weight: bold;	color: #a60106;	text-decoration: underline;	padding-right: 5px;	padding-left: 5px;}
#move_page a {	font-size: 11px;	font-weight: normal;	color: #000000;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}

/* ------------- news ------------- */
.news_date{ float:right;}
.news_list strong{ font-size:13px;}
.news_list { font-size:11px; color:#999;}
.news_listpic{ border:0px #d1d1d1 solid; padding:5px;}

/* ------------- contact ------------- */
.inquiry{}

/* ------------- video ------------- */
.video_box{background:url(../images/video_box.jpg) no-repeat; padding:15px; margin-bottom:10px;}


/* ------------- contact 左右樣式 ------------- */
.contact_add{ line-height:18px; color:#adb0a5;background:url(../images/mutitle_contact.jpg) no-repeat -30px top; padding:150px 50px 30px 0px; float:left; width:200px;}
.contact_add strong{ color:#000;}
.contact_form{ float:right; border:0px #0C0 solid; width:450px;}

/* ------------- button ------------- */
.but_cancel{ font-size:10px; color:#FFF;padding:10px; margin:10px; border:0px;}
.but_send{font-size:12px; color:#FFF;padding:10px;margin:10px; border:0px;}

/* ------------- table ------------- */
.td_main01{	padding-left: 30px;	background:url(../images/icon_line.jpg) no-repeat center left;background-color: #f6f6f6; padding:5px; border-top:3px solid #a60000;}
.td_bg01{ background-color:#fff;padding: 5px;border-bottom:1px solid #e7e7e7;}
.td_bg02{background-color:#fafafa;padding: 5px; border-bottom:1px solid #e7e7e7;}
.td_01{	border-bottom: 1px dotted #c0c0c0;padding:5px;}
.td_02{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.td_03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}

/* ------------- topbar ------------- */
#webcall { width:16px; position:absolute;right:0px;top:0px; margin-top:350px; margin-left:200px;z-index:1;}