@charset "utf-8";
body{font-family:"微軟正黑體";}
#header {
	width: 100%;
	height: 120px;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	padding: 40px;
}
#homeBanner {
	width: 100%;
}
#top_banner{background-image: url(../images/top_banner_bg.jpg); margin:auto; height:115px; width:1024px;}
#content{background-color: #e8f4ff;	background-repeat:repeat;	margin:auto; height:909px;}
#ctl00_content{background-color: #e8f4ff;	background-repeat:repeat;	margin:auto; height:840px;}
#container{width: 1024px; position: relative; margin: auto;}
#contentLeft {width:280px; height:840px; position:absolute;	left:0px;	z-index:0;
	top: 1px;
}

#Account_Login{height:224px; width:280px; margin-bottom:10px;}
#Apply_Account{height:131px; width:280px; margin-bottom:10px;}
#Application_System{height:131px; width:280px; margin-bottom:10px;}
#Certificate_Login{height:170px; width:280px; margin-bottom:10px;}
#Customer_Service, #NCEC_Customer_Service{height:169px; width:280px; margin-bottom:10px;}
#ctl00_NCEC_Customer_Service{height:169px; width:280px; margin-top:40px; margin-bottom:10px;}
#ctl00_Customer_Service{height:169px; width:280px; margin-bottom:10px;}
#Personal_Information{height:auto; width:280px; margin-bottom:10px; overflow: hidden;}

#Account_Login .title, #Apply_Account .title, #Application_System .title, #Certificate_Login .title, #Customer_Service .title,#NCEC_Customer_Service .title, #ctl00_Customer_Service .title,#ctl00_NCEC_Customer_Service .title, #Personal_Information .title{
	background-image: url('../images/index_left_title.png');
	height: 40px;
	width: 255px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height:40px;
	padding-left:15px;
}

#Account_Login .container{background:url(../images/index_left_bg.png) no-repeat; height:184px; width:280px; padding:10px 0 0 10px; line-height:24px;}
#Account_Login .container table{height:184px; width:280px;}

#Apply_Account .container{ background:url(../images/index_left_bg2.png) no-repeat;	height:91px; width:280px;}
#Apply_Account .container p{padding-top:13px; text-align:center;}

#Application_System .container{background:url(../images/index_left_bg2.png) no-repeat;	height:91px; width:280px;}
#Application_System .container p{padding:13px 0 0 15px; text-align:left;}
#Application_System .container a{color:#000;}

#Personal_Information .container{background:url(../images/index_left_bg2.png) bottom no-repeat;	height:auto; width:280px;}
#Personal_Information .container p{padding:13px 0 0 15px; text-align:left;}
#Personal_Information .container a{color: #000; font-family: "新細明體"; font-size: 14px;}

#Certificate_Login .container{background:url(../images/index_left_bg.png) bottom no-repeat; height:auto; width:280px; padding-top:5px;}
#Certificate_Login .container table{height:116px; width:280px;}
#Certificate_Login .container table tr td{padding-left:10px;}

#Customer_Service .container, #NCEC_Customer_Service .container{
	background: url(../images/index_left_bg4.png) no-repeat;
	height: 129px;
	width: 280px;
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#ctl00_Customer_Service .container, #ctl00_NCEC_Customer_Service .container{
	background: url(../images/index_left_bg4.png) no-repeat;
	height: 129px;
	width: 280px;
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#Download_Information .container{width:280px; height:96px;}
#Space_Area_1{width:280px; height:307px;}

#contentRight {
	width:768px; height:840px;
	position:absolute; left:267px;
	z-index:1;
	background:url(../images/content_bg.png) no-repeat;
	padding:0px 31px 0px 31px;
}
#ctl00_contentRight {
	width:768px; height:840px;
	margin: auto;
	z-index:1;
	background:url(../images/content_bg.png) repeat-y;
	padding:0px 31px 0px 31px;
}

#System_Announcement , #News{width:706px; height:310px; border-bottom:dashed 1px #000;}
#Personal_Information_Content{height:auto; width:706px;}
#Personal_Information_Content .container table{width:100%;}
#Apply_Application_Content{height:auto; width:706px;}
#Apply_Application_Content .container table{width:100%;}

#System_Announcement .title , #News .title , #Personal_Information_Content .title , #Apply_Application_Content .title , #System_Settings .title , #Bulletin_Management .title , #User_Management .title{
	font-family: "新細明體";
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	width:709px; height:57px;
	line-height:45px;
	margin-top:5px;
	padding-left:20px;
}
#System_Announcement .title{background:url(../images/system_announcement_tag.png) no-repeat;}
#News .title{background:url(../images/news_tag.png) no-repeat;}
#Personal_Information_Content .title{background:url(../images/personal_info_tag.png) no-repeat;}
#Apply_Application_Content .title{background:url(../images/application_icon.png) no-repeat;}
#System_Settings .title{background:url(../images/settings_tag.png) no-repeat;}
#Bulletin_Management .title{background:url(../images/bulletin_management_tag.png) no-repeat;}
#User_Management .title{background:url(../images/application_icon.png) no-repeat;}

#Account_Forget_Step .container{
	margin-top:10px;
	height:auto;
	width:706px;
	overflow:hidden;
	position:relative;
}
#Bullen .container
{
	height:auto;
	width:500px;
	margin-top:5px; 
	margin-left:10%; 
	margin-right:auto; 
	margin-bottom:20px; 
	border: 1px solid 000000;
	position:relative;
}
#System_Announcement .container , #News .container{
	margin-top:10px;
	height:240px;
	width:706px;
	overflow:hidden;
	position:relative;
}
#System_Announcement .container li , #News .container li{
	background:url(../images/content_icon.png) no-repeat;
	background-position:0px 3px;
	margin:0px 0px 0px 11px;
	padding:2px 0px 0px 20px;
	line-height:20px;
	font-size:15px;
	width:96%;
	float:left;
}
#System_Announcement .container li.more , #News .container li.more{
	background:none no-repeat;
	color:#F00;
	text-align:right;
	position:absolute;
	bottom:0px;
	background-color:#FFF;
}
#System_Announcement .container li.more a , #News .container li.more a{
	margin-right:10px;
	color:#e5004f;
}

#MainMenu{width:700px; height:30px; margin-top:5px; font-size:14px;}
#MainMenu .Btn{width:120px;height:30px; text-align:center; line-height:30px; margin-left:2px; background:url(../images/content_btn4.png) no-repeat; float:left; color:#000;}
#MainMenu .Btn.Selected{ background:url(../images/content_btn5.png) no-repeat; color:#FFF;}
#footer {
	background: #333;
	padding: 60px 0 0;
	width: 100%;
}
#footer .logo {
	width: 90%;
	margin-bottom: 30px;
}
#footer .title {
	font-size: 19px;
	color: white;
	font-weight: 600;
}
#footer ul {
	border-left: solid #B3B3B3 3px;
	margin: 30px 0;
}
#footer ul li {
	margin-bottom: 15px;
	color: #888;
	font-size: 13px;
	padding-left: 10px;
}
#footer .downloadBtn {
	background: #EF5B5B;
	width: 200px;
	height: 60px;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.60);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 21px;
}
#footer .downloadBtn:hover {
	opacity: 0.8;
}
#footer .copyright {
	padding: 10px;
	text-align: center;
	margin-top: 30px;
	background: #222;
}
#footer p {
	color: #888;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
}

#copyright {
	font-family: "新細明體";
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 18px;
	text-align: center;
	padding-top: 84px;
}

.hide{display:none;}

.InputAccount , .InputPassword{width:213px;}
.InputVerifyCode{width:149px;}
.BtnUpdateVerifyCode{width:80px; padding:4px 0px 8px 0px; margin-right:14px;}
.BtnLogin{width:86px;}
.BtnForget{width:170px;}
.BtnUpdateVerifyCode , .BtnForget , .BtnLogin{height:28px;}
.td_left{text-align:left;}
.td_right{text-align:right;}
.td_center{text-align:center;}
.infoText{color: #F00; font-weight: bold; font-size: 14px;}
.LoginName{font-weight:bold;}
.msgTxt{font-size:12px;}

	.qaArea { 
		position: fixed;
		top: 50%;
		margin-top: -50px;
		right: 0px;
		padding: 20px 10px;	
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	} 	
	.qa1{
		width: 120px;
		min-height: 115px;
		border-radius: 57px 0px 0px 57px;
		background: #f34642;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 6px;
	}


	h4{
		font-weight: 800;
		font-size: 40px;
		color: white;
	}


#sys_save_btn {width: 709px; padding-top: 10px;}
#Inquiry_PUB101_1 {width: 265px; margin-top: 50px;}
#System_Settings_2 {padding-top: 20px;}

table.InputData tr th{
	background-color: #cfecfa;
	border: solid #999 1px;
	text-align: left;
	vertical-align:middle;
	line-height: 35px;
	font-family: "新細明體";
	font-size: 14px;
}
table.InputData tr td{
	border: solid #999 1px;
	line-height: 35px;
	font-family: "新細明體";
	font-size: 14px;
	text-align: left;
}
table.InputData tr .subtitle{
	padding-left: 5px;
	text-align: left;
}
table.InputData tr .subtitleBig{
	font-family:"標楷體";
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#000;
}
table.InputData tr .subtitle2{padding-left:5px; background-color:#F9C;}
table.InputData tr .subtitle3{background-color:#F9FAD1; text-align:center;}
table.InputData tr .subNote{background-color:#F9FAD1; text-align:left;}
table.InputData tr .cont{padding-left:5px;}
table.InputData tr .contCenter{ text-align:center;}
.EnableClause{width:590px; height:670px; overflow-y:scroll; text-align:justify; line-height:25px; margin:40px auto 0 auto; border:1px solid #999;}

#rbl table tr td{border:0px none #FFFFFF;}
.modalBackground{background-color:Gray; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.7;}
.left_menu{padding-left:15px; text-align:left;}
.resize{font-size:9px; width:300px; height:12px;}
.Btn_Css{width:97px; height:30px;}