@charset "UTF-8";
/* CSS Document */
@import url("reset.css");
@import url("navtest.css");
/*@import url("jquery-ui.theme.css");*/
a {color: #595a5b;text-decoration: none;}
a:hover {color: #0350af;text-decoration: none;}
.b {color: #2f5ad6;text-decoration: none;}
.b:hover {color: #0a13be;text-decoration: none;}
a:focus,.b:focus {border: 3px solid #c5d9f9;}
.accesskey {/*position: absolute;*/color: #069;}
.accesskey a {color: #f8f8f8;text-decoration: none; }
.accesskey a:hover {color: #f8f8f8;text-decoration: none;}
.accesskey a:focus {color: #ffffff;text-decoration: none;}
.fa{margin-top:5px;}
.ui-widget-content{ border: 0px solid #000;background-color: #FFF; margin-left: 10px; width:200px;}
input[type="text"]:hover ,input[type="text"]:focus,input[type="submit"]:hover,input[type="submit"]:focus {
  background:#FFBF47;
    color:#000000;
   font-weight:700;
}

/* ---------------------------------------------------------------- outer -----------------------------------------------*/
header {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0px auto;
  background-image: url(../images/top-bg_01.jpg);
  background-repeat: repeat-x;
  border: 0px solid #000;
}
.header_logo{
  width:346px ;
  height:116px;
  display: block;
  float: left;
  padding: 0px;
  margin-top: 17px;
  margin-left: 22px;}
.container {width: 1000px;}
.header_info_m { display: none;}
.ui-input-btn { display: none !important;}


#header_info {
	float: right;
	clear: right;
	width: 600px;
	border: solid 0px;
}
.header-info03 {
	/*width: 630px;*/  
	float: right;
	margin-top:7px;
    text-align: right;
    border: solid 0px;
    margin-right: 5px;
}

.header-info-left {padding:0px; margin:0px;border: solid 0px;}
.header-info-left li {
    display: inline;
	padding-left: 0px;
	padding-right: 0px;
}
.header-info-left01 a {
	font-size: 0.8rem;
	color: #595a5b;
	font-weight: normal;
	text-decoration: none;
}
.header-info-left01 a:hover {
	color: #1970be;
	text-decoration: none;
}

.header-info-rig-no a {
	padding-top: 20px;
	padding-right: 8px;
	padding-left: 5px;
	margin-right: 1px;
	padding-bottom: 5px;
	background: #777474;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	text-decoration: none;
	line-height: 32px;
	font-weight: normal;
}
.header-info-rig-no a:hover {
	color: #8ff3ff;
	text-decoration: none;
}
.header-info-rig-yes a {
	line-height: 32px;
	padding-top: 20px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	background: #0475aa;
	color: #fff;
	margin-right: 1px;
	text-align: center;
	font-size: 1rem;
	text-decoration: none;
	font-weight: normal;
}
.header-info-rig-yes a:hover {
	color: #8ff3ff;
	text-decoration: none;
}
#header_info2{
	margin-top: 10px;
	height: 60px;
	position: relative;
	margin-left:10px;
}
.search_con{
	width:380px;
	background-image: url(../images/seach_bg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	padding-left: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-left:80px;
	position: relative;
	float: left;
	z-index: 5000;
	border: 0px solid #000;  
}
.c_search {
	line-height: 21px;
    width: 300px;
    outline: none;
    float: left;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    border: 0px solid #000; 
}
.c_button {
	cursor: pointer;
    outline: none;
    width: 25px;
    height: 23px;
    /*background-image: url(../images/icon_search.png);
    background-repeat: no-repeat;*/
    margin-top: 5px;
	border: 0px solid #000;
	color: rgba(100%,100%,100%,0);
	/*background-color: rgba(0%,0%,0%,0);*/
	position: absolute;
	left:320px;
}
.c_button:focus{ background:#b6b6b6;border:1px solid #000;margin-top: 0px;} 
.search_con p,.search_con p a {
	font-size: 0.825rem;
	margin-top: 10px;
	color: #595a5b;font-weight: normal;
}
.search_con p span a { color: #2f5ad6;text-decoration: none;}
.search_con p span a:hover {color: #0a13be;text-decoration: none;}
.search_frame{ border:0px solid #000;width: 345px;}
.search_frame:hover,.search_frame:focus{border:1px solid #000;width: 345px; color:#000000;}
input, button {border: none;outline: none;color: #000;}
.web_link{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.web_link ul li{
	display: inline-block;
	float: left;
	width: 25px;
	margin-right: 5px;	
}
#nav_wrapper{position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0px auto;
	}
.header_info_m { display: none;}


.sf-menu {
  display: inline-block;
}

.sy3_ul{ display: none;}

.stuck_container {
margin-top: -10px;
background: #1468b2; /* Old browsers */
background: -moz-linear-gradient(top,  #01549d 0%, #076fd1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #01549d 0%,#076fd1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #01549d 0%,#076fd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1468b2', endColorstr='#2581d9',GradientType=0 ); /* IE6-9 */
border: 0px solid #000;
}

/* ---------------------------------------------------------------- outer -----------------------------------------------*/
#outer_wrapper{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0px auto;
	border: solid 0px;
}
#content{
	/*overflow:hidden;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 990px;
	padding-top: 14px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	border: solid 0px;
}

#page_title {
	height: 50px;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.sidebar {
	float: left;
	width: 220px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.title_bann {
	background-image: url(../images/title_bann.jpg);
	background-repeat: no-repeat;
	height: 85px;
	padding-top: 30px;
	padding-left: 20px;
	font-size:1.250rem;
	font-weight: bold;
	color: #FFF;
	background-color: #E9F4F8;
}

.left_menu{
	margin: 0px;
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.left_menu  li {
	list-style-type: none;
}
.left_menu_no a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #6f9ac4;
	/*width: 220px;*/
	background-color: #E9F4F8;
	list-style-type: none;
	padding-top: 8px;
	padding-left: 23px;
	padding-bottom: 8px;
	padding-right: 5px;
	color: #3d3d3d;
	text-decoration: none;
	hight:100%;
	
}

.left_menu_no a:hover{
	color: #3d3d3d;
	background-color: #e9e9e9;

}
.left_menu_yes a{
	background-color: #cbf1ff;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #6f9ac4;
	/*width: 220px;*/
	list-style-type: none;
	padding-top: 8px;
	padding-left: 23px;
	padding-bottom: 8px;
	color: #3d3d3d;
	text-decoration: none;
	padding-right: 5px;
	}
.left_menu_yes a:hover{
	color: #3d3d3d;
	background-color: #e9e9e9;
}
.content_con {
	float: right;
	width: 690px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left:10px;
	border: solid 0px;
}
.content_con1 {
	float: right;
	width: 900px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.title_list  {
	color: #666;
	font-size:0.875rem;
	line-height:24px;

}
.title_list a {
	color: #666;
	text-decoration: none;
}

.title_list a:hover {
	text-decoration: none;
	color: #63C;
}

.title-h{
	background-image: url(../images/banner_r5_c2.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding-top: 15px;
	padding-left: 100px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 690px;
	font-size: 1.5rem;
	color: #048;
}
.co-m {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20px;
	line-height: 26px;
}
.table_search{background-color: #efefef;padding: 5px;border: solid 0px; border-radius: 8px;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.select_show {
	/*color: #8e8e8e;*/
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	border-radius: 3px;
	/*background:#fff;*/
	border: 1px solid #8e8e8e;
	margin-top:-5px;
	padding: 0px;
	margin-left:0px;
	font-size: 1rem;
	/*width:70%;*/
}
.select_show1 {
	color: #8e8e8e;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	border: none;
	outline: none;
	background:#fff;
	border-radius: 3px;
	border: 0px solid #8e8e8e;
	margin-top:-30px;
	padding: 0px;
	margin-left:80px;
	font-size: 1rem;
	width:350px;
}
.select_showpage {
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	border: none;
	outline: none;
	border-radius: 3px;
	border:0px solid #8e8e8e;
	padding: 0px;
	width:200px;
	hight:30px;
}
.content_main{ width:670px; border: solid 0px #CCC;}

.dlBtn3 {
	font-size: 0.9375rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #636363;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 5px;
    text-decoration: none;
    margin: 5px;
    cursor: pointer;
   
}
.dlBtn3:hover {
	font-size: 0.9375rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #0350af;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 5px;
    text-decoration: none;
    margin: 5px;
    cursor: pointer;
   
}
.dlBtn3:focus {
	font-size: 0.9375rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #0350af;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 5px;
    text-decoration: none;
    margin: 5px;
    cursor: pointer;
    border: 5px solid #c5d9f9;
}
.dlBtn2 {
	font-size: 0.9375rem;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #959595;
	text-decoration: none;
	padding: 3px;
    text-decoration: none;
    margin-top: 5px;
   margin-bottom: 10px;
    cursor: pointer;	
}
.title_dlBtn {
	font-size: 0.9375rem;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #2c71b1;
	text-decoration: none;
	padding: 10px;
    text-decoration: none;
    margin-top: 5px;
   margin-bottom: 5px;
}
.td_input{padding-left:50px; height:35px;padding-top:10px;border: solid 0px #666;}
.td_input2{padding-left:20px; height:40px;padding-top:10px;border: solid 0px #666;line-height: 36px;}
.td_input img{margin-top:6px;border: solid 0px #666;}
.td_input2 img {margin-top:12px;border: solid 0px #666;}
.input_show1 {
   outline: none;
    width: 200px;
    height: 30px;
    border: 1px solid #8e8e8e;
    color: #000;
    background: #fff;
	}
#qclass{ padding:4px 3px;}	
.input_show1:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.qp-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.input_show2 {
    outline: none;
    width: 65px;
    height:20px;
    margin-top: 0px;
	border: 1px solid #8e8e8e;
	color: #000;
	background:#fff;}
.rwd_br{ display: none; }
.table_td01 {
	height: 33px;
	padding: 3px;
	
}

.table_td02 {padding-top: 5px; padding-bottom: 5px;}
.table_td03 {border-bottom: dashed 1px #bbbcbf; padding-bottom: 5px;}
.table_td04 {background-color: #f9f9f9;padding: 8px; border: 1px solid #dfdfdf;}
.table_td05 {padding-top: 5px; padding-bottom: 5px; height: 35px;}
.p_td01{ border-collapse:collapse; collapse;border:1px solid #b1d5dc;}
.p_td02{ padding-left:12px;}
.p_td02 a:hover{ margin-left:-10px;}
.line01{padding:3px; border: 1px solid #808080; height:20px;}
.line02{padding:5px; border: 1px solid #808080; height:30px;}
.table_style01{border: solid 0px #666;margin-top: 15px;}
.table_line01{padding:0px; border: 1px solid #B1D5DC;}
.table_line02 {border-bottom: solid 1px #B1D5DC;}
.table_line03 {border: solid 1px #B1D5DC;padding-top:10px;padding-left:10px;padding-bottom:5px;}
.menu03_banner ul,cbanner_banner ul {margin: 0px;padding: 0px;} 
.menu03_banner ul li{display: block;float: left;margin: 5px 1px; border: solid 0px #000;}
.cbanner_banner ul li{display: block;float: left;margin: 5px 3px; width: 210px; border: 0px solid #c0c0c0;}
.cbanner_img {padding:5px; border: 1px solid #c0c0c0;margin-bottom: 5px;margin-top: 5px; }
.arrow_img{padding-top: 8px;}
.s1 {width: 650px;}
.s1 ul{ margin:0px; padding:0px;}
.s1 ul li{width:210px;float:left;height:220px; margin-right:5px;margin-top:10px;line-height:21px;}
.si_img{border:solid 1px #d5d5d5;padding:3px;}
.sl_di{ padding-top:6px;}
.s1_style01 a {color: #06C; text-decoration: none;}
.s1_style01 a:hover{color: #F00; text-decoration: none;}
.s1b {color: #2c2c2c; margin-top:0px;}
.manu_table{ width:95%;border:solid 0px #000000;}
.manu_td{width:50%; float:left;}
.man_td1 {float:right;}
.man_img{ width:220px; height:170px;}
.man_img2 { width:220px; height:180px;}
.man_img1 { width:180px; height:130px; margin-right:10px;}
.a_img01{margin-top: 6px;margin-right: 6px;}
.t_td01{border-collapse:collapse; collapse;border:1px solid #b1d5dc;}
.t_tr02{border: solid 1px #CCC;text-align: center;}
.img01{margin-top: 8px; }
.rwd-style03{display: none;}
.google-maps {position: relative;padding-bottom: 80%; /*This is the aspect ratio*/overflow: hidden;}
.google-maps iframe {position: absolute; top: 0;left: 0;width: 100% !important; height: 100% !important;}

/* ---------------------------------------------------------------- footer-----------------------------------------------*/

#footer_sitemap{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0px auto;
	background-image: url(../images/footer_bg01.jpg);
	background-repeat: repeat-x;
	background-color: #fbfbfb;
}
.site_menu{
	float:left;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 5;
	padding-left: 0px;
	line-height: 24px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #c6c7c8;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 30px;
	width: 150px;
	height: 340px;
}

.info_style a {color:#3253be; text-decoration: none; font-weight: normal; text-align: left; font-size:1rem;}
.info_style a:hover{color:#048434;}
.site_menu ul li {
	list-style-type: none;
	margin-bottom: 5px;
	text-decoration: none; font-weight: normal;
	text-align: left;
}
.site_menu01 ul li {
	list-style-type: none;
	margin-right: 5px;
}
#footer_wrapper{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_wrapper1{
	position: relative;
	width: 100%;
	max-width: 1920px;
	background-color:#386fbb;
	height: 130px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.footer_con{
	width:980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	color:#595a5b;
	text-align: center;
}
.footer_link{ float:left; width:180px; padding-top:40px; margin-right:10px;}
.footer_info{
	float:right;
	text-align:left;
	color:#FFF;
	margin-top:30px;
	width:790px;
	text-decoration: none; font-weight: normal;}
	
.in_ricon{ 
 width:60px;
  position:fixed;
  right: 5px;
  top: 50%;
  margin-top:310px;}
  .ricon a{
	display: block;
    height: 45px;
    width: 45px;
    margin: 3px auto;
    padding:5px;
 	background-color: #8e8e8e;
    opacity:0.95;
    border-radius: 5px;
    text-align:center;
    text-decoration:none;
    box-shadow: 0 0 2px rgba(26,26,26,0.8);
    transition: 150ms;
    font-size:0.9rem;
    color:#fff;
}
 .ricon a:hover{
	display: block;
    height: 45px;
    width: 45px;
    margin: 3px auto;
    padding:5px;
    background-color: #1a5da3;
    opacity: 1.0;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(26,26,26,0.8);
    transition: 150ms;
    border:solid 1px #e8ffff;
}