@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Passion+One:400");

body{
	margin:0;
}

#body_area{
	width: 100%;
	height: 100%;
	margin:0px auto;
	font-family: Microsoft JhengHei;
	background-color: #1C3063;
}

#head_area{
	margin:0px auto;
	width: 100%;
	height: 60px;
	background-color: #1C3063;
	color: #FFF;
}
#middle_area{
	margin:0px auto;
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 50px;
}

#head_bar{
	margin:0px auto;
	width: 1100px;
	height: 60px;
	background-color: #1C3063;
	line-height: 60px;
	text-align: center;
	vertical-align : middle;
}

.head_logo{
	float: left;
	padding-top: 11px;
	width: 120px;
	height: 100%;
	text-align: left;
}
.head_title{
	float: left;
	width: 300px;
	height: 100%;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
}
.head_menu{
	float: right;
	width: 400px;
	height: 100%;
	font-size: 12pt;
	text-align: right;
	margin-right: 15px;
}

a.head_menu_button:link,a.head_menu_button:visited,a.head_menu_button:active{
	text-decoration:none;
	color:#FFF;
}
a.head_menu_button:hover {
	text-decoration:none;
	color:#0FF;
}

#web_map{
	float: left;
	margin-left:30px;
	width: 500px;
	height: 30px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	overflow: hidden;
	color: #333;
	font-size: 11pt;
}
.web_map_link:link,.web_map_link:visited{
	text-decoration: none;
	color: #333;
}
.web_map_link:hover,.web_map_link:active{
	color: #03F;
}
#center_area{
	margin:0px auto;
	width: 1100px;
	height: auto;
	text-align: left;
	overflow: hidden;
}
.center_area_left{
	float: left;
	width: 830px;
	height: auto;
	overflow: hidden;
}
.center_area_right{
	float: right;
	width: 260px;
	height: auto;
	overflow: hidden;
}

#com_use_area{
	float: right;
	width: 260px;
	height: 250px;
}
.com_use_title{
	width: 256px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	background-color: #004B97;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	border: 2px #004B97 solid;
	border-radius: 5px;
}

a.com_use_button:link,a.com_use_button:visited {
	display: block;
	text-decoration:none;
	color: #333;
	width: 100%;
	height: 26px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	text-indent: 20px;
	font-size: 11pt;
	margin-top: 5px;
}
a.com_use_button:hover,a.com_use_button:active {
	text-decoration: none;
	color: #FFF;
	background-color: #408080;
}

#right_menu_area{
	float: right;
	width: 260px;
	height: auto;
	margin-top: 10px;
}

.right_menu_title_dsc{
	width: 256px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	background-color: #5151A2;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
	border:2px #5151A2 solid;
	border-radius:5px;
	margin-top: 10px;
}
.right_menu_title_dsc:hover{
	background-color: #9999CC;
	border: 2px #9999CC solid;
	border-radius: 5px;
}

a.right_menu_button_dsc:link,a.right_menu_button_dsc:visited {
	text-decoration:none;
	color: #333;
	width: 220px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	font-size: 11pt;
	margin-top: 5px;
	margin-left: 20px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
a.right_menu_button_dsc:hover,a.right_menu_button_dsc:active {
	background-color: #E6E6F2;
}

.right_menu_title_pb{
	width: 256px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	background-color: #3165A0;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
	border:2px #3165A0 solid;
	border-radius:5px;
	margin-top: 10px;
}
.right_menu_title_pb:hover{
	background-color: #5B90CD;
	border: 2px #5B90CD solid;
	border-radius: 5px;
}

a.right_menu_button_pb:link,a.right_menu_button_pb:visited {
	text-decoration:none;
	color: #333;
	width: 220px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	font-size: 11pt;
	margin-top: 5px;
	margin-left: 20px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
a.right_menu_button_pb:hover,a.right_menu_button_pb:active {
	background-color: #C4D7ED;
}

.right_menu_title{
	width: 256px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	background-color: #366;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
	border:2px #366 solid;
	border-radius:5px;
	margin-top: 10px;
}
.right_menu_title:hover{
	background-color: #4D9999;
	border: 2px #4D9999 solid;
	border-radius: 5px;
}

a.right_menu_button:link,a.right_menu_button:visited {
	text-decoration:none;
	color: #333;
	width: 220px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	font-size: 11pt;
	margin-top: 5px;
	margin-left: 20px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
a.right_menu_button:hover,a.right_menu_button:active {
	background-color: #D1E9E9;
}

/*BPM add 20220523*/
.right_menu_title_bpm{
	width: 256px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	background-color: #00223d;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
	border:2px #00223d solid;
	border-radius:5px;
	margin-top: 10px;
}
.right_menu_title_bpm:hover{
	background-color: #b0c7f2;
	border: 2px #b0c7f2 solid;
	border-radius: 5px;
}

a.right_menu_button_bpm:link,a.right_menu_button_bpm:visited {
	text-decoration:none;
	color: #333;
	width: 220px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	font-size: 11pt;
	margin-top: 5px;
	margin-left: 20px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
a.right_menu_button_bpm:hover,a.right_menu_button_bpm:active {
	background-color: #dee8fa;
}
/*HR post add 20220805*/
.right_menu_title_hrpost{
	width: 256px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	background-color: #FF8F59;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
	border:2px #FF8F59 solid;
	border-radius:5px;
	margin-top: 10px;
}
.right_menu_title_hrpost:hover{
	background-color: #FFAD86;
	border: 2px #b0c7f2 solid;
	border-radius: 5px;
}

a.right_menu_button_hrpost:link,a.right_menu_button_hrpost:visited {
	text-decoration:none;
	color: #333;
	width: 220px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
	font-size: 11pt;
	margin-top: 5px;
	margin-left: 20px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
a.right_menu_button_hrpost:hover,a.right_menu_button_hrpost:active {
	background-color: #dee8fa;
}

#foot_area{
	margin:0px auto;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 11pt;
	text-align: center;
	vertical-align: middle;
	background-color: #1C3063;
	color: #FFF;
	padding-top: 10px;
}