@import url("basic.css");

#mainbanner { width:780px; margin-top:67px; clear:both;}
#midpage { width:570px; margin-top:0; float:left;}
#rightBox{
float:right;
width:200px;
margin-top:10px;
}

#rightcontent { width:200px; margin-bottom:20px; float:left; background-image:url(../images/sub_right_bg.gif); background-repeat: repeat-y;}
#rightcontent p { margin:0; padding:0 8px; color:#4c4c4c; font-size:11px; margin-bottom:0px; }
#rightcontent #titlenext { width:200px; background-image:url(../images/sub_right_title_next.gif); background-repeat:no-repeat; height:25px; }
/*------------------------------------------ 0711 add 服務專區title begin--------------------------------------*/
#rightcontent #titleservice { width:200px; background-image:url(../images/sub_right_title_service.gif); background-repeat:no-repeat; height:25px; }
/*------------------------------------------ 0711 add 服務專區title end--------------------------------------*/
#rightcontent #btm { width:200px; background-image:url(../images/sub_right_btm_next.gif); background-repeat:no-repeat; height:10px; background-position:bottom;}
#rightcontent #box { padding:5px 8px 0px 8px;}

#rightcontent a#applyNow { background-image: url(../images/sub_btn_apply_now.gif); background-repeat:no-repeat; width: 178px; height:28px; margin:0 auto 5px; display:block;}
#rightcontent a#applyNow:hover { background-image: url(../images/sub_btn_apply_now.gif); }

#rightcontent a#searchBranch { background-image: url(../images/sub_btn_search_branch.gif); background-repeat:no-repeat; width: 178px; height:28px; margin:0 auto 5px; display:block;}
#rightcontent a#searchBranch:hover { background-image: url(../images/sub_btn_search_branch.gif); }
#rightcontent a#contactUs { background-image: url(../images/sub_btn_contact_us.gif); background-repeat:no-repeat; width: 178px; height:28px; margin:0 auto 5px; display:block;}
#rightcontent a#contactUs:hover { background-image: url(../images/sub_btn_contact_us.gif); }


#rightsub { margin-top:-10px; width:200px; float:right; background:url(../images/right_bg.gif) repeat-y; z-index:3;}
#rightsub #bluetitle { width:200px; background-image:url(../images/right_menu_top.gif); background-repeat:no-repeat; height:25px;  background-position:top;}
#rightsub #txt {color:#333333; font-size:14px; font-weight:bold; padding:10px 0px 10px 10px;}
#rightsub ul{height:228px;}
*:first-child+html #rightsub ul{height:218px;}
#rightsub ul li { list-style-image:url(../images/sub_arr_blue.gif); margin-right:10px; margin-left:30px; margin-bottom:15px; background:url(../images/img_gray_dot.gif) left bottom repeat-x; padding-bottom:10px;}
#rightsub ul li#note{ font-weight:bold;}
#rightsub ul li a { padding: 0px 0px; font-size:12px; color:#02507c; text-decoration:none; text-align:left;}
#rightsub ul li a:hover { color:#005d9a; text-decoration:underline;}
#rightsub #prombtn { /*padding-left:75px;*/ margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#005D9A; background-image:url(../images/blue_arrow.gif); background-position:right; background-repeat:no-repeat; padding-right:20px;}
#rightsub #prombtn a{ background-image:url(../images/blue_arrow.gif); background-position:right; background-repeat:no-repeat; padding-right:20px; float:right;}
#rightsub #prombtn a:hover{ color:#005d9a; text-decoration:underline; background-image:url(../images/blue_arrow.gif); background-position:right; background-repeat:no-repeat; padding-right:20px; float:right;}
#rightsub #bluebtm { width:200px; background-image:url(../images/right_menu_btn.gif); background-repeat:no-repeat; height:10px; background-position:bottom; float:right;}
#rightsub #blueline { width:200px; height:17px; background-image:url(../images/blue_line.gif); background-repeat:repeat-x; float:right;}
/*rightsub1*/
#rightsub1 { width:200px; margin-top:6px; float:right;}
/*#rightsub1 #bluetitle { width:200px;_width:180px; height:25px; color:#333333; font-size:14px; font-weight:bold; padding:10px 0px 0px 10px;}*/
#rightsub1 #txt {color:#333333; font-size:14px; font-weight:bold; padding:0px 0px 10px 10px;}
#rightsub1 #txt2 {color:#02507c; font-size:12px; font-weight:bold; padding:0px 0px 10px 10px;}
#rightsub1 ul li { list-style-image:url(../images/sub_arr_white.gif); margin-left:30px; margin-bottom:3px;}
#rightsub1 ul li a { padding: 0px 0px; font-size:11px; color:#02507c; text-decoration:none; text-align:left;}
#rightsub1 ul li a:hover { color:#005d9a; text-decoration:underline;}
/*#rightsub1 #bluebtm { width:200px;_width:180px; height:10px;}*/
#rightsub1 #blueline { width:200px; height:15px; background-image:url(../images/blue_line.gif); background-repeat:repeat-x;}
/*----------------------------------------*/

#leftsub1 #title { width:150px; background-image:url(../images/left_title_hodoi_open.gif); background-repeat:no-repeat; height:25px; }

/*------------#leftnavigation begin-------------------------------------*/

#leftnavigation{
width:150px;
margin-top:10px;
}

#leftnavigation #title {
width:150px;
background-image:url(../images/leftnavigation_bg.gif);
background-repeat:no-repeat;
height:26px;
text-align:center;
font-size:13px;
font-weight:bold;
color:#FFF;
line-height:26px;
}

#sub_navi {
width:150px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
font-weight:normal;
color:#777;
line-height:16px;
padding-top:10px;
background:url(../images/leftnavigation_btm.gif) left top  no-repeat;
}

#sub_navi ul li{
padding-bottom:5px;
margin:5px 0;
border-bottom: 1px solid #f7f7f7;
}

#sub_navi ul li a{
text-align:left;
font-size:12px;
font-weight:normal;
color:#777;
padding-left:24px;
background:url(../images/navigationcontent_arr.gif) 12px 3px no-repeat;
}

#sub_navi ul li a:hover{
text-align:left;
font-size:12px;
font-weight:normal;
color:#005D9A;
padding-left:24px;
background:url(../images/navigationcontent_arr_ov.gif) 12px 3px no-repeat;
}

/*#sub_navi ul li.selected {
padding-left:24px;
background:url(../images/navigationcontent_arr_blue.gif) 10px 5px no-repeat;
border:none;
font-weight:bold;
color:#005D9A;
}*/

#sub_navi_open {
background:url(../images/navigation_li_a_active.gif) left bottom repeat-x;
padding-bottom:10px;
}

#sub_navi_open b {
width:126px;
padding-left:24px;
background:url(../images/navigationcontent_arr_blue.gif) 10px 5px no-repeat;
font-weight:bold;
color:#005D9A;
font-size:12px;
}

#sub_navi_open a {
width:114px;
margin:5px 0 5px 26px;
padding-left:10px;
background:url(../images/navigationcontent_subarr.gif) left 2px no-repeat;
color:#777;
font-size:11px;
line-height:14px;
display:block;
}

#sub_navi_open a:hover {
background:url(../images/navigationcontent_subarr_blue.gif) left 2px no-repeat;
color:#005D9A;
font-size:11px;
line-height:14px;
}

#sub_navi_open p {
width:114px;
margin:5px 0 5px 26px;
padding-left:10px;
background:url(../images/navigationcontent_subarr_blue.gif) left 2px no-repeat;
color:#005D9A;
font-size:11px;
line-height:14px;
}

#fourth_navi_open b{
width:100px;
margin:2px 0 2px 36px;
padding-left:10px;
background:url(../images/navigationfourth_arr_ov.gif) 2px 2px no-repeat;
color:#777;
font-size:11px;
line-height:14px;color:#005D9A;
display:block; font-weight:normal;
}

#sub_navi   h6 {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#005D9A;
	padding-left:24px;
	background-image: url(../images/navigationcontent_arr_ov.gif);
	background-repeat: no-repeat;
	background-position: 12px 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f7f7f7;

}

#history {
	height: 34px;
	font-size: 12px;
	background-image: url(../images/loca_bg.jpg);
	background-repeat: no-repeat;
	/*margin-top: 10px;*/
}

#history a/*----------------------------- ag 0625 add quickstyle end -------------------------------*/
 {
	color: #333333;
	font-weight: normal;
}
#history  a:hover/*----------------------------- ag 0625 add quickstyle end -------------------------------*/
 {
	color: #01608C;
	font-weight: normal;
}
#history #home {
	background-image: url(../images/loca_logo.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 49px;
	display: block;
	float: left;
}
#history #home em {
	display: none;
}

#history #cont {
	display: inline-block;
	height: 34px;
	padding-top: 4px;
	font-size: 12px;
	line-height:18px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: auto;
}

/*-----------------------------------------------------------------------8/27 add-----------------------------------------------------------------------*/
#history #cont a{
	background-image: url(../images/uni/loc_arr.gif);
   	background-repeat: no-repeat;
   	background-position: right;
   	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 6px;
	   line-height: 30px;
   vertical-align: top;
}
html>body #history #cont a{
	background-image: url(../images/uni/loc_arr.gif);
   	background-repeat: no-repeat;
   	background-position: right;
   	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 6px;
	   line-height: 25px;
   vertical-align: top;
}

/*-----------------------------------------------------------------------8/27 add-----------------------------------------------------------------------*/
#history #end {
	background-image: url(../images/loca_end.jpg);
	background-repeat: no-repeat;
	float: right;
	display: block;
	height: 34px;
	width: 8px;
}
/*-----------------------------------------------------------------------9/11 add-----------------------------------------------------------------------*/
#sub_navi_new {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	padding-top:10px;
	background:url(../images/leftnavigation_btm.gif) left top  no-repeat;
	color: #01608C;
}

#sub_navi_new  .level1  li{
padding-bottom:5px;
margin:5px 0;
border-bottom: 1px solid #f7f7f7;
background:url(../images/navigationcontent_arr_ov.gif) 12px 3px no-repeat;
padding-left:24px !important;
}

#sub_navi_new .level1 li a{
text-align:left;
font-size:12px;
font-weight:normal;
color:#01608C;
}

#sub_navi_new .level1 li a:hover{
text-align:left;
font-size:12px;
font-weight:normal;
color:#01608C;
text-decoration:underline;
}

#sub_navi_new  .level1   li.open1 {
	background:url(../images/navigationcontent_arr_blue.gif) 10px 5px no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 3px;
}
#sub_navi_new             .bottombg {
	text-decoration: none;
	padding: 0px;
	list-style-type: none;
	height: 20px;
	width: 148px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background:url(../images/navigation_li_a_active.gif) left bottom repeat-x;
}



#sub_navi_new   .level2{
	font-size: 10px;
	margin-top: 8px;

}
#sub_navi_new .level2 li {
	background-image: url(../images/navigationcontent_subarr_blue.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
	margin-left: -13px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sub_navi_new   .level2 li a{
	font-size: 10px;

}
#sub_navi_new    .level2  li  a:hover{
	font-size: 10px;
	text-decoration: underline;

}





#sub_navi_new  .level3{
	font-size: 10px;
	margin-top: 5px;

}
#sub_navi_new .level3 li {
	background-image: url(../images/navigationfourth_arr_ov.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
	margin-left: -13px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}

#sub_navi_new   .level3 li a{
	font-size: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#sub_navi_new     .level3   li   a:hover{
	font-size: 10px;
	text-decoration: underline;

}



/* 1016 add */
#sub_navi_new   .level2 li strong a{
	font-size: 11px;
	font-weight:bold
}
#sub_navi_new    .level2  li strong a:hover{
	font-size: 11px;
	text-decoration: underline;
	font-weight:bold

}
#sub_navi_new   .level3 li strong a{
	font-size: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight:bold;

}
#sub_navi_new     .level3 li strong a:hover{
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;

}