@charset "utf-8";
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:14px; color:#333; font-weight:400;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", 'Droid Sans', 'Noto Sans TC', "Nanum Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "\5FAE\8F6F\96C5\9ED1", "微软雅黑体", "Microsoft YaHei", Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#e4eefb;
	/*overflow-x:hidden;*/
}

*{box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 反白 */
::-moz-selection{background:#bce8ff; color:#000; text-shadow:none;}
::selection {background:#bce8ff; color:#000; text-shadow:none;}

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
.placeholder{color:#aaa;}
.fontcolorBlack{color:#000;}
.fontColorBlue{color:#1c355b;}
.fontColorRed{color:#f00;}
.fontColorOrange{color:#fa9600;}
.required{color:#f00;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}
#mainContent img{ max-width:775px;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}

a{color:#009bee; text-decoration:none;}
a:hover, a:active, a:focus{outline:0; color:#009cff;}

.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	position:relative;
}

/*-------------------------------------------
Header
-------------------------------------------*/
#header{
	background:url(../images/headerBg.png) repeat-x 0 0#fff;
}
	#header div.top{
		position:relative;
		height:105px;
	}
		#header div.top a.logo{
			display:block;
			width:405px; height:70px;
			background:url(../images/homeTopLogo.png?20161121) 50% 50% no-repeat;
			position:absolute; left:14px; top:16px;
			text-indent:-9999em;
		}
		#header div.top div.topLink{
			text-align:right;
			position:absolute; right:0; top:16px;
		}
			#header div.top div.topLink ul{
				margin:0; padding:0;
			}
				#header div.top div.topLink ul li{
					list-style:none;
					float:left;
					margin-left:15px;
					line-height:34px;
				}
				#header div.top div.topLink ul li.searchInput{
					position:absolute; bottom:-40px; right:0;
				}
					#header div.top div.topLink ul li a{
						color:#111; font-size:13px;
					}
					#header div.top div.topLink ul li a:hover{ color:#F90;}
					#header div.top div.topLink ul li.fb a{
						display:block;
						width:34px; height:35px;
						background:url(../images/topLinkFb.png) 50% 50% no-repeat;
					}
					#header div.top div.topLink ul li.search a{
						/*display:inline-block;*/
						display:none;
						height:35px;
						background:url(../images/topLinkSearchDr.png) 0 50% no-repeat #f2f2f2;
						padding:0 10px 0 36px;
					}					
					#header div.top div.topLink ul li.fb a:hover,
					#header div.top div.topLink ul li.search a:hover{ opacity:.8;}
					#header div.top div.topLink ul li.searchInput input[type=text]{
						width:286px; height:31px;
						padding-right:70px;
						border-radius:0;
						background:url(../images/googleLogoG.png) 5px 50% no-repeat #fff;
						background-size:24px;
					}
					#header div.top div.topLink ul li.searchInput input[type=text]:focus{
						background:none;
						background-color:#fff;
					}
					#header div.top div.topLink ul li.searchInput input[value=搜尋]{
						position:absolute; right:5px; top:4px;
						height:25px;
						line-height:10px;
						background:#333;
						border-radius:0;
					}

/*-------------------------------------------
Nav
-------------------------------------------*/
nav#menu{
	height:50px;
	background-color:#1c355b;
}
.sf-menu, .sf-menu *{
	margin:0; padding:0; list-style:none;
}
.sf-menu{
	margin:0 auto;
	height:50px;
	position:relative;
}
	.sf-menu li {
		position:relative;
	}
	.sf-menu > li {
		float:left;
	}
		.sf-menu a{
			display:block;
			position:relative;	
			padding:9px 15px;
			color:#fff;
		}
		.sf-menu a i{
			position:absolute; right:10px;
		}
		.sf-menu .menuLink{
			padding:0 13px;
			color:#fff; 
			font-size:16px; line-height:50px;
		}
		.sf-menu .menuLink.en{
			padding:0 20px;
			font-weight:700;
		}
		.sf-menu .menuLink:hover{
			background-color:#2d4b78;
		}
			/* level 2 */
			.sf-menu ul{
				position:absolute; top:100%; left:0; z-index:99;
				width:100%;
				background-color:#1c355b;
				box-shadow:0 2px 3px rgba(0,0,0,.3);
				border-radius:0 0 3px 3px;
				white-space:nowrap;
				width:auto!important;min-width:100%;width:100%;
				/*overflow:hidden;*/
				display:none;
			}
			.sf-menu li:hover > ul,
			.sf-menu li.sfHover > ul{
				display:block;
			}
				.sf-menu ul li .subLogined{
					display:block;
					font-size:12px;
					color:#fa9600;
				}
				.sf-menu ul li a{
					box-shadow:inset 0 1px 0 rgba(100%,100%,100%,.2);
					position:relative;
				}
				.sf-menu ul li a:hover{
					background-color:#2d4b78;
				}
					.sf-menu ul li a i.fa-cloud-download{
						margin-left:4px;
						color:#5e82b5;
						position:absolute;
						right:22px; top:13px;
					}
					.sf-menu ul li a:hover > i.fa{
						color:#85aadf;
					}
					/* level 3 */
					.sf-menu ul ul {
						top:0;
						left:100%;
					}
					.sf-menu ul li:hover > ul{
						display: block;
						position:absolute; top:0; left:100%;
					}

/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
	height:auto!important;min-height:400px;height:400px;
	box-sizing:border-box; -webkit-box-sizing: border-box;
	/*background-color:#f0f0f0;*/
	background:url(../images/bodyBg.png) repeat-x 0 0 #fff;
	position:relative; z-index:2;
	padding:25px 0 40px;
	min-width:1000px;
	overflow:hidden;
}
	/*#contentContainer:before{
		content:"";
		display:block;
		width:100%; min-width:1000px;
		height:70px;
		background-color:#ddd;
		position:absolute; top:0;
	}*/
	#contentContainer .wrapper{
		/*background-color:#fff;*/
		z-index:1;
	}

/*-------------------------------------------
Sub Menu
-------------------------------------------*/
#subMenu{
	float:left;
	width:170px;
}
	#subMenu .subTitle{
		margin:0 0 15px;
		padding-left:20px;
		font-size:24px; color:#111; font-weight:400; line-height:24px;
	}
	#subMenu .subList{
		margin:0; padding:5px; list-style:none;
	}
		#subMenu .subList li{
		}
			#subMenu .subList li i{margin-right:4px;}
			#subMenu .subList li .subLogined{
				display:block;
				font-size:13px;
				color:#fa9600;
			}
			#subMenu .subList a{
				display:block;
				color:#fff; font-size:15px;
				background-color:#1c355b;
				padding:12px 10px 12px 15px;
				border-top:1px solid #ddd;
				transition:.2s;-moz-transition:.2s;
			}
			#subMenu .subList li:first-child a{
				border:none;
			}
			#subMenu .subList a:hover{
				opacity:.8;
			}
			#subMenu .subList a.active,
			#subMenu .subList a.active:hover{
				color:#ffff4c;
			}
			#subMenu .subList a i.fa{
				margin-left:4px;
				color:#5e82b5;
			}
			#subMenu .subList a:hover i.fa{	color:#85aadf;}
				#subMenu .subList li ul{ padding:0;}
					#subMenu .subList li ul li{
						margin:0;
						list-style:none;
					}
						#subMenu .subList li ul li i{font-size:11px;}
						#subMenu .subList li ul li a{
							font-size:14px;
							border:0;
							color:#333;
							padding:12px 0 12px 35px;
						}

/*-------------------------------------------
Content
-------------------------------------------*/
#mainContent{
	float:right;
	position:relative;
	width:815px;
	height:auto!important;min-height:480px;height:480px; 
	background-color:#f9f9f9;
	line-height:1.8;
	border-top:3px solid #1c355b;
	/*border-left:1px solid #ddd;			
	border-right:1px solid #ddd;*/
	/*border-radius:3px 3px 0 0;*/
	padding:20px 20px;
}
	#mainContent .pageTitle{ text-align:center; color:#FF6836; font-size:20px; font-weight:bold;}
	#mainContent .revise{ text-align:right; color:#999; font-size:12px;}
#mainContent.no-submenu{
	width:100%;
	border:none;
}

#mainContent #contentTopBtn{
	text-align:right;
	background:url(../images/contentTopBtnBg.png);
	padding:20px 15px;
	width:815px;
	margin-left:-20px;
	margin-top:-20px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
	#mainContent #contentTopBtn a{
		border:1px solid #027ac7;
	}
	#mainContent #contentTopBtn a:hover{}
	#mainContent #contentTopBtn a.active{
		background-color:#f5f5f5;
		color:#027ac7;
		box-shadow:none;
	}
	#mainContent #contentTopBtn a.active:hover{ color:#027ac7 !important;}
		#mainContent #contentTopBtn a i.fa{ margin-left:5px;}
/*-------------------------------------------
Page Title & breadcrumb
-------------------------------------------*/
#pageHeader{
	float:right;
	width:815px;
	margin-bottom:15px;
	position:relative;
}
	#pageHeader .pageTitle{
		margin:0 0 0 20px;
		display:inline-block;
		font-weight:700; font-size:24px; line-height:24px; color:#111;
	}
	#pageHeader .breadcrumb{
		position:absolute; top:5px; right:0px;
		margin:0; padding:0; list-style:none; 
		text-align:right;
		font-size:12px; color:#999;
	}
		#pageHeader .breadcrumb li{float:left;}
			#pageHeader .breadcrumb em{font-style:normal; margin:0 8px; color:#ccc;}
			#pageHeader .breadcrumb a{color:#999;}

#mainContent h3.sTitles{
	text-align:center;
	margin-top:60px;
	padding-bottom:10px;
	color:#1c355b;
	font-size:17px;
	border-bottom:1px solid #d9d9d9;
}
#mainContent h3.sTitlesOne{ margin-top:30px;}
#mainContent h3.sTitles:first-child{
	margin-top:0;
}
#mainContent .oneTop0{ margin-top:0;}
#mainContent h4.sTitlesLeft{
	margin-top:60px;
	padding-bottom:10px;
	color:#1c355b;
	font-size:17px;
	border-bottom:1px solid #d9d9d9;
}
#mainContent h4.sTitleBg{
	background-color:#fcf0e6;
	color:#1c355b;
	font-size:16px;
	font-weight:600;
	padding:10px 0;
	text-align:center;
}

/*-------------------------------------------
Bottom Links
-------------------------------------------*/
#bottomLink{
	background-color:#1c365b;
	padding:43px 0;
}
	#bottomLink ul{
		margin:0 auto; padding:0; list-style:none;
		text-align:center;
		overflow:hidden;		
	}
			#bottomLink ul li{				
				text-align:left;
				float:left;
				margin:0 10px;
				width:121px;
			}
				#bottomLink ul li h3{
					margin-top:0;
					border-bottom:1px solid #425c84;
					padding-bottom:10px;		
				}
					#bottomLink ul li h3.linkOne{
						border-bottom:0;
						padding-bottom:0;
					}
					#bottomLink ul li h3 a{
						color:#fff;
						font-size:15px;	
					}
					#bottomLink ul li a:hover{
						color:#ffff4c;
					}
				#bottomLink ul li ul{
					margin-top:10px;
				}
				#bottomLink ul li ul div.floatL{
					float:left;
				}
				#bottomLink ul li ul div.paddingR{
					padding-right:25px;
				}
					#bottomLink ul li ul li{
						float:none;
						padding:2px 0;
						margin:0;
					}
						#bottomLink ul li ul li a{
							color:#ccc;
							font-size:13px;
						}
						#bottomLink ul li ul li a:hover{
							color:#ffff4c;
						}
							#bottomLink ul li ul li a i.fa{
								margin-left:4px;
								color:#5e82b5;
							}
							#bottomLink ul li ul li a:hover > i.fa{
								color:#ecec97;
							}
						#bottomLink ul li ul li .subLogined{
							display:block;
							font-size:12px;
							color:#748aac;
						}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	height:156px;
	padding-top:45px;
	font-size:13px; color:#333;
	line-height:18px;
	background:url(../images/footerLogo.png?20161121) 900px 50% no-repeat;
}
	footer span.recommend{
		color:#cc6565;
	}
		footer a.huaweb{
			color:#dbdbdb;
		}

/*-------------------------------------------
Table
-------------------------------------------*/
.noDatas{ text-align:center; color:#999;}
table.tableOne{ margin-top:0 !important;}
/*-------------------------------------------
Table List
-------------------------------------------*/
table.list thead th{
	background-color:#48689a; 
	padding:8px 0;
	color:#fff; font-weight:600;
}
table.list tbody th, table.list tbody td{
	padding:14px 5px; 
	line-height:1.3em;
	font-size:14px;
	border-bottom:1px solid #ddd;
	/*border-left:1px solid #e1e1e1;*/
}
table.list tbody time{ font-size:13px;}
table.list tbody td:nth-child(1){border-left:none;}
table.list tbody tr:nth-child(even){/*background:#f5f5f5;*/}
/*-------------------------------------------
Table Content
-------------------------------------------*/
table.content caption{ position:relative;}
table.content span.requiredText{ display:block; position:absolute; right:0; top:8px; font-size:13px;}
table.content{ margin-top:20px;}
table.content caption{
	/*background-color:#1c355b;*/
	padding:5px 0;
	color:#000; font-weight:bold;
	border-bottom:3px solid #55afee;
	font-size:16px;
}
table.content thead th{
	background:#f4f8ff; 
	border-bottom:2px solid #ddd; 
	color:#222;
	padding:2px;
}
table.content tbody th, table.content tbody td{
	padding:8px 5px; 
	border-bottom:1px solid #ddd; border-left:1px solid #e1e1e1;
}
table.content tbody th{
	background:#ecf3fe;
	color:#1c365b; font-size:14px; /*font-weight:500;*/
	text-align:right; 
}
table.content tbody th:nth-child(1), table.content tbody td:nth-child(1){border-left:none;}

table.content img{ max-width:670px;}
/*-------------------------------------------
Common
-------------------------------------------*/
.floatL{ float:left; }
.floatR{ float:right; }
.explanation{color:#C60; font-weight:normal; font-size:13px;}
.after{color:#c00;}
.before{color:#4062ab;}
.important{color:#f00 !important;}
.noneData{color:#999; text-align:center; clear:both; padding:15px; border-bottom:1px solid #ddd; border-radius:5px;}
/*-------------------------------------------
ScrollUp
-------------------------------------------*/
.scrollUp{
	display:none; 
	width:46px; height:46px;
	line-height:46px;
	text-align:center;
	color:#fff;
	border-radius:3px;
	position:fixed; bottom:70px; right:3%; z-index:4;
	/*background:url(../images/btn-top.png) no-repeat;*/
	background-color:#1c365b;
}
.scrollUp:hover{ color:#ffff4c;}

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
input[type=radio], input[type=checkbox]{vertical-align:-1px; margin:0 3px;}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
	box-sizing:border-box; -webkit-box-sizing:border-box;
	-webkit-appearance:none;
	padding:6px 8px; 
	margin:0 1px 1px; 
	background:#fff;
	border:1px solid #bbb;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
	transition:.2s; -moz-transition:.2s;
}
select::-ms-expand {display:none;}
select{
	padding:4px 24px 4px 8px;
	background:url(../images/select_arrow.png) 100% 50% no-repeat #fff;
}
textarea{width:100%;}
input[type=radio], input[type=checkbox]{vertical-align:-2px; margin-right:5px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background-color:#fff8ef;
	border:1px solid #09F !important; 
}

/*-------------------------------------------
Buttons
-------------------------------------------*/
input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
	-webkit-appearance:none;
	-webkit-border-radius:0; 
	box-sizing:border-box; -webkit-box-sizing: border-box;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	text-decoration:none;
	border:0;
	color:#fff;	
	padding:7px 13px;
	background-color:#027ac7;
	/*border-radius:5px;*/
	box-shadow:inset 0 0 0 30px rgba(255,255,255,0),0 2px 5px rgba(0,0,0,.2);
	transition:.2s; -moz-transition:.2s; -webkit-transition:.2s;
	cursor:pointer;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#fff !important;
	box-shadow:inset 0 0 30px 30px rgba(100%,100%,100%,.2);
}

.buttons{
	text-align:center; 
	height:40px; 
	margin:20px 0; 
	position:relative;
}
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding:10px 30px; 
		font-size:15px; line-height:18px;
		margin-left:10px; margin-right:10px;
	}
	.btnSecondary{
		background-color:#aaa !important; 
		color:#fff !important;
	}
	.btnBlue{
		background-color:#5B81D0 !important;
	}
	.btnDarkBlue{
		background-color:rgb(58, 82, 115) !important;
	}

/*-------------------------------------------
input width
-------------------------------------------*/
.w60{ width:60px;}
.w130{ width:130px;}
.w230{ width:230px;}

/*-------------------------------------------
topSearch
-------------------------------------------*/
#mainContent #topSearch{
	text-align:right;
	background-color:#f5f5f5;
	padding:15px;
	margin-bottom:30px;
}
	#mainContent #topSearch input[type=text]{ width:220px; border-radius:0;}
/*-------------------------------------------
search-block
-------------------------------------------*/
#search-block{
	border-bottom:2px solid #eee;
	padding:0 0 20px;
	margin-bottom:25px;
	position:relative;
	font-size:13px;
}
	#search-block input[type=submit]:hover, #search-block input[type=button]:hover{
		text-decoration:none;
	}
	#search-block ul{margin:0; padding:0; list-style:none;}
	#search-block ul li{float:left; padding-right:15px; font-size:13px !important;}
	#search-block input, #search-block select{margin:3px; margin-left:4px;}
	#search-block input[type=text]{}
	#search-block input.date{width:90px;}

/*-------------------------------------------
Files Format
-------------------------------------------*/
ul.fileFormat, ol.fileFormat{
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #ddd;
	padding-top:10px;
	margin-top:10px;
}
.fileFormat a{
	display:inline-block;*display:inline;zoom:1;
	background:url(../images/icon-file.png) no-repeat 0 50%; 
	padding-left:22px;
	/*box-shadow:0 1px 2px rgba(0,0,0,.1);*/
	border-radius:3px;
}
.fileFormat a[href *='pdf']{background:url(../images/icon-pdf.png) left 50% no-repeat;}
.fileFormat a[href *='xls'], .fileFormat a[href *='xlsx']{background:url(../images/icon-excel.png) left 50% no-repeat;}
.fileFormat a[href *='doc'], .fileFormat a[href *='docx']{background:url(../images/icon-word.png) left 50% no-repeat;}
.fileFormat a[href *='ppt'], .fileFormat a[href *='pptx']{background:url(../images/icon-powerpoint.png) left 50% no-repeat;}
.fileFormat a[href *='jpg'], .fileFormat a[href *='png']{background:url(../images/icon-img.png) left 50% no-repeat;}
.fileFormat a[href *='rar']{background:url(../images/icon-rar.png) left 50% no-repeat;}
.fileFormat a[href *='zip']{background:url(../images/icon-zip.png) left 50% no-repeat;}

ul.fileDownload{
	border-top:0;
}
	ul.fileDownload li{
		display:inline-block;
		width:49.2%;
		background-color:#f1f1f1;
		margin-bottom:10px;
		vertical-align:top;
	}
	ul.fileDownload li:nth-child(odd){ margin-right:10px;}
		ul.fileDownload li a{
			padding-top:10px;
			padding-bottom:10px;
			padding-left:32px;
			display:block;
			background:url(../images/icon-file.png) 10px 15px no-repeat; 
		}
		ul.fileDownload li a:hover{ color:#333;}
.fileDownload a[href *='pdf']{background:url(../images/icon-pdf.png) 10px 15px no-repeat;}
.fileDownload a[href *='xls'], .fileDownload a[href *='xlsx']{background:url(../images/icon-excel.png) 10px 15px no-repeat;}
.fileDownload a[href *='doc'], .fileDownload a[href *='docx']{background:url(../images/icon-word.png) 10px 15px no-repeat;}
.fileDownload a[href *='ppt'], .fileDownload a[href *='pptx']{background:url(../images/icon-powerpoint.png) 10px 15px no-repeat;}
.fileDownload a[href *='jpg'], .fileDownload a[href *='png']{background:url(../images/icon-img.png) 10px 15px no-repeat;}
.fileDownload a[href *='rar']{background:url(../images/icon-rar.png) 10px 15px no-repeat;}
.fileDownload a[href *='zip']{background:url(../images/icon-zip.png) 10px 15px no-repeat;}

/*-------------------------------------------
Common
-------------------------------------------*/
.alert-login{
	padding:15px;
	text-align:center;
	font-size:18px; color:#000;
	background-color:#ffe897;
	border:1px solid #FFC107;
	margin-bottom:30px;
}
.before{color:#4062ab;}
.after{color:#c00;}

/*-------------------------------------------
Page
-------------------------------------------*/
.page{
	font-size:13px; 
	margin:0; 
	padding:20px 0; 
	text-align:center; 
	clear:both;
}
	.page span, .page a, .page a:hover, .page .current, .page .disabled, .page select{
		padding:5px 8px;
		margin:2px 0;
		/*line-height:30px;*/
		border-radius:3px;
		display:inline-block;
	}
	.page select{
		padding:4px !important; 
		margin:0 3px !important;
		box-sizing:border-box; -webkit-box-sizing: border-box;
	}
	.page a{
		color:#333; 
		border:1px solid #ccc; 
		cursor:pointer; 
		text-decoration:none;
	}
	.page a:hover{
		color:#fff; 
		background:#3366cc; 
		border:1px solid #3366cc;
	}
	.page .current{color:#111; background:#EBEBEB; border:1px solid #e3e3e3; margin:0 5px;}
	.page .disabled{color:#ddd; border:1px solid #ddd;}
	.page .pageTo{padding:3px 3px; margin:2px; width:50px;}


/*-------------------------------------------
error
-------------------------------------------*/
#error .msgText{
	font-size:22px;
	padding:30px;
	background-color:#fff;
	border:2px solid #1c355b;
	color:#333;
}