@charset "utf-8";

/***************base*****************/
body {
	-webkit-text-size-adjust:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	line-height:24px;
	background:url(../images/bg.gif) repeat-x top;
	}
a{
	color:#707070;
	text-decoration:none;
	}
a:hover{
	color:#92308d;
	}
/*****************all layout*******************/
.swf_temp{
	background:url(../images/page_temp.jpg) no-repeat 0 0;
	height:281px;
	}
.bg{
	width:962px;
	margin:0 auto;
	}
.top{
	position:relative;
	height:133px;
	background:url(../images/top_bg.jpg) no-repeat 0 0;
	width:100%;
	}
.bg_main{
	position:relative;
	width:100%;
	}


/****************copyright layout*******************/
.copyright_01{
	margin-top:10px;
	color:#9b9b9b;
	width:100%;
	clear:both;
	}
.copy_01{
	width:962px;
	margin:0 auto;
	text-align:center;
	}
.copyright_02{
	clear:both;
	background:#000;
	font-size:11px;
	color:#b5b5b6;
	}
.copy_02{
	padding:5px 0;
	width:962px;
	margin:0 auto;
	text-align:center;
	}
/****************main layout*******************/
.language{
	background:#2f2f63;
	position:absolute;
	right:18px;
	top:16px;
	font-size:11px;
	padding:0 8px;
	color:white;
	}
.language a{
	color:white;
	}
.language a:hover{
	text-decoration:underline;
	}
.logo img{
	margin-left:35px;
	}
.top_menu{
	}
.top_menu li{
	float:left;
	}
.top_menu li a{
	text-indent:-9999px;
	display:block;
	height:42px;
	}
.top_menu li.company a{
	width:197px;
	background:url(../images/main_navi_bg.jpg) no-repeat 0 0;
	}
.top_menu li.company a:hover{
	background:url(../images/main_navi_bg.jpg) no-repeat 0 -42px;
	}
.top_menu li.product{
	width:192px;	
	background:url(../images/main_navi_bg.jpg) no-repeat -197px 0;
	}
.top_menu li.product:hover{
	background:url(../images/main_navi_bg.jpg) no-repeat -197px -42px;
	}
.top_menu li.news{
	width:192px;
	background:url(../images/main_navi_bg.jpg) no-repeat -389px 0;
	}
.top_menu li.news:hover{
	background:url(../images/main_navi_bg.jpg) no-repeat -389px -42px;
	}
.top_menu li.contact{
	width:192px;
	background:url(../images/main_navi_bg.jpg) no-repeat -581px 0;
	}
.top_menu li.contact:hover{
	background:url(../images/main_navi_bg.jpg) no-repeat -581px -42px;
	}
.top_menu li.home{
	width:189px;
	background:url(../images/main_navi_bg.jpg) no-repeat -773px 0;
	}
.top_menu li.home:hover{
	background:url(../images/main_navi_bg.jpg) no-repeat -773px -42px;
	}


.title{
	padding-right:20px;
	width:100%;
	}
.title h3{
	background:url(../images/title_arrow.jpg) no-repeat 0 3px;
	padding-left:25px;
	float:left;
	font-weight:bold;
	color:#2f2f63;
	font-size:16px;
	}
.breadcrumbs{
	background:url(../images/bread_arrow.gif) no-repeat 0 22px;
	float:right;
	padding:0 0 0 15px;
	}
.breadcrumbs span{
	color:#ed6a00;
	font-weight:bold;
	}
.prod_ad{
	margin-bottom:50px;
	}
.prod_ad a img{
	margin-bottom:15px;
	border:3px solid #e3e3e3;
	}
.prod_ad a:hover img{
	border:3px solid #632f79;
	}
/* ------------- left ------------- */
.left{
	width:202px;
	float:left;
	}
.menu{
	background:url(../images/prod_menu_bg.jpg) no-repeat 0 bottom;
	margin-top:23px;
	padding-bottom:5px;
	margin-bottom:20px;
	}
.menu li{

	}
.menu li a{
	border:3px solid #fff;
	line-height:24px;
	height:24px;
	display:block;
	padding:0 0 0 20px;
	}
.menu li a:hover{
	color:#2f2f63;
	font-weight:bold;
	border:3px solid #2f2f63;
	}
.menu li a.on_this{
	color:#2f2f63;
	font-weight:bold;
	border:3px solid #2f2f63;
	}
.menu_s01 {
	padding:0 20px 0px 5px;
	margin-bottom:10px;
	}
.menu_s01 a{
	line-height:30px;

	border-bottom:1px solid #ececec;
	display:block;
	}
.menu_s02 {	}
.prod_menu_ad{
	margin-bottom:30px;
	padding-left:30px;
	}

/* ------------- main ------------- */
.main{
	float:right;
	width:760px;
}
.content_main{
	padding:0 0 0 30px;
	}
.content_main p{
	margin-bottom:1em;
	}
/*******company layout****/

.company_info{
	margin-top:20px;
	}
.company_info h4{
	font-weight:bold;
	color:#633079;
	}
.company_info span.hint_01{
	font-weight:bold;
	}
.company_info span.hint_02{
	font-weight:bold;
	color:#633079;
	}

/* ------------- cat01------------- */
.catlis_box{}
.catlis{}

.catlis img{}
.catlislist_description{}
.catlislist_description img{}
.catlis_name{	}
.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 橫向模式 第4種------------- */
.prod_main{
	padding:24px 6px 20px 15px;
	}
.product_box{
	margin:20px 0;

	}
.pro{
	float:left;
	margin-right:72px;
}
.proimgfix{
	text-align:center;
	width:170px;
	margin-bottom:15px;
	}
.proimgfix a img{
border:3px solid #e3e3e3;
	}
.proimgfix a:hover img{
border:3px solid #632f79;
	}
.prolist_description{
	width:170px;
	}
.prolist_description img{ float:right;}

.pro_name {
	font-size:13px;
	color:#2f2f63;
	}
.pro_name a{
	font-size:13px;
	font-weight:bold;
	color:#2f2f63;
	}
.pro_name a:hover{
	text-decoration:underline;
	}
.pro_imb{
	width:320px;
	float:left;
	margin-right:20px;
	}
.pro_imb img{
	border:3px solid #632f79;
	}
.pro_description{
	float:right;
	width:380px;
	}
.pro_descriptionimg{
	margin:20px 0;
	}
.pro_name02{
	color:#fff;
	font-weight:bold;
	background:url(../images/prod_title_bg_01.jpg) no-repeat 0 0;
	height:28px;
	padding:2px 0 0 10px;
	}


.back{
	text-align:center;
	margin-top:10px;
	}
/* ------------- page ------------- */
#move_page {
	text-align: center;	margin-top: 10px;
	}
#move_page .onthis{
	padding:8px 5px;
	margin:0 3px;
	color:#90C;
	font-weight:bold;
	}

#move_page a {
	padding:8px 5px;
	margin:0 3px;
	}

/* ------------- news ------------- */
.news_table{
	margin-top:25px;
	}

.news_table th{
	text-align:left;
	color:#fff;
	padding-left:10px;
	}
.head{
	background:url(../images/news_table_head.jpg) repeat-x 0 3px;
	
	}
/* ------------- service ------------- */
.service_info{
	font-size:13px;	
	}
.service_info h3{
	margin-bottom:10px;
	background:url(../images/page_arrow.gif) no-repeat 0 7px;
	color:#ed6900;
	font-size:16px;
	padding-left:18px;
	}
.service_info_01{
	margin-bottom:40px;
	padding:120px 0 0 0;
	background:url(../images/banner_service_01.jpg) no-repeat 0 0;
	}
.service_info_02{
	margin-bottom:40px;
	padding:140px 0 0 0;
	background:url(../images/banner_service_02.jpg) no-repeat 0 0;
	}
.service_info_03{
	margin-bottom:40px;
	padding:140px 0 0 0;
	background:url(../images/banner_service_03.jpg) no-repeat 0 0;
	}
.service_info_04{
	margin-bottom:40px;
	padding:160px 0 0 0;
	background:url(../images/banner_service_04.jpg) no-repeat 0 0;
	}
.service_info_05{
	margin-bottom:40px;
	padding:80px 0 0 0;
	background:url(../images/banner_service_05.jpg) no-repeat 0 0;
	}
.service_info_05 img{
	float:left;
	}
.service_num_01,.service_num_02,.service_num_03{
	margin-bottom:15px;
	padding:0 0 15px 60px;
	border-bottom:1px solid #D7D7D7;	
	}
.service_num_01{
	background:url(../images/service_pic_01.gif) no-repeat 20px 0;
	}
.service_num_02{
	background:url(../images/service_pic_02.gif) no-repeat 20px 0;
	}
.service_num_03{
	background:url(../images/service_pic_03.gif) no-repeat 20px 0;
	}
.service_column{
	padding-left:30px;
	margin-bottom:40px;
	}
.serivce_txt{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #D7D7D7;	
	}
.serivce_txt h4{
	margin-bottom:5px;
	color:#649110;
	padding-left:10px;
	background:url(../images/page_arrow_02.gif) no-repeat 0 5px;
	}
/* ------------- contact ------------- */
.contact_wrap{
	height:130px;
	background:url(../images/contact_info_bg.jpg) no-repeat 0 0;
	}
.contact_info{
	padding:25px 0 0 150px;
	}
.contact_add{ float:left;width:230px;}
.contact_add strong{ color:#000;}
.contact_form{ float:left;width:450px;padding-right:20px;}
table.contact_table{
	width:100%;

	}
table.contact_table input{
	font-family:Arial, Helvetica, sans-serif;
	}
table.contact_table td{
	padding:0 0 15px 0;
	}
table.contact_table td.td_01{
	width:25%;
	}
table.contact_table td.td_02{
	background:url(../images/line_02.gif) repeat-x 0 bottom;
	}
input.set_01{
	font-size:12px;
	padding:0 5px;
	color:#686868;
	background:#fff;
	border:1px solid #a5acb2;
	height:18px;
	width:95%;
	}
input.set_02{
	margin-right:5px;
	font-size:12px;
	padding:0 5px;
	color:#686868;
	background:#fff;
	border:1px solid #a5acb2;
	height:18px;
	width:40%;
	}
textarea.set_01{
	font-family:Arial, Helvetica, sans-serif;
	color:#686868;
	padding:5px;
	font-size:12px;
	background:#fff;
	border:1px solid #a5acb2;
	height:80px;
	width:95%;
	}
/* ------------- 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: 5px 3px;font-weight:bold;color:#00439a;}
.td_main02{background-color: #f6f6f6; padding:5px;
font-weight:bold;}
.td_bg01{ background-color:#fff;padding: 5px 3px;border-bottom:1px dotted #969696;}
.td_bg02{background-color:#fff;padding: 5px 3px; border-bottom:1px dotted #969696;}
.td_bg03{background-color:#fff;padding: 5px 3px;}
.human_table td{
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:10px;
	}
td.item_txt{
	text-align:center;
	background-color:#efefef;
	font-weight:bold;
	vertical-align:middle;
	}
/* ------------- faq ------------- */
.faq_table{
	width:663px;
	border:0;
	}
.faq_table th{
	padding:0 10px;
	height:34px;
	line-height:34px;
	font-weight:normal;
	color:#e55711;
	background:url(../images/th_bg.gif) repeat-x;
	}
.faq_table td{
	padding:5px;
	}
.faq_table .td_bg01{
	background-color:#fff;padding: 5px 3px;border-bottom:1px solid #e7e7e7;
background:url(../images/faq_arrow_01.gif) no-repeat 7px 9px;}

.faq_table .td_bg02{
padding: 5px 3px; border-bottom:1px solid #e7e7e7;
background:url(../images/faq_arrow_02.gif) no-repeat 7px 9px #fafafa;}

.faq_table td.answer{
	padding-left:62px;
	border-bottom:1px solid #e7e7e7;
	background:url(../images/faq_arrow_03.gif) no-repeat 10px 8px;
	}

/**********************div fix**************************/
    .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    .clearfix {
    display: inline-block;
    }
    html[xmlns] .clearfix {
    display: block;
    }
    * html .clearfix {
    height: 1%;
    }