@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700);
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:15px; color:#555; font-weight:400;
	font-family:'Roboto', "나눔고딕", "Nanum Gothic", Arial, "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", "微软雅黑体", "Microsoft YaHei", "LiHei Pro", Helvetica, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#a81f87;
	/*overflow-x:hidden;*/
}


/* 反白 */
::-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;}
span.fontBlue{ color:#2F5094;}
.bigFontColor{ color:#a81f87; font-weight:bold; font-size:18px;}

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

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

/* 移除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; 
	box-sizing:border-box; -webkit-box-sizing: border-box;
	position:relative;
}
i{ margin-right:5px;}
.noListStyleType{ list-style-type:none;}
/*-------------------------------------------
Header
-------------------------------------------*/
#header-container{
	/*position:relative; z-index:99;*/
	height:172px;
	background:url(../images/menu_bg.png) 0 100% repeat-x #fff;
	border-bottom:3px solid #a81f87;
}
	#header-container header{
		position:relative; 
		height:172px;
	}
		#logo{
			margin:0;
			background:url(../images/toa_logo.png?20170321) no-repeat;
			width:465px; height:80px;
			text-indent:-99999em;
			position:absolute; top:20px; left:0px;
		}
/*-------------------------------------------
top links
-------------------------------------------*/
.top-links{
	position:absolute; top:25px; right:0px; /*z-index:10; */
	text-align:right;
}
	.top-links ul{margin:0; padding:0; list-style:none;}
		.top-links ul li{
			float:left;
			font-size:13px;
		}.top-links ul li.link-fb{
			position:absolute; top:30px; right:0;
			text-align:left;
		}		
			.top-links ul li em{
				font-style:normal; font-size:12px; font-family:Arial; color:#ccc;
				margin:0 10px;
			}
			.top-links ul li a{
				color:#333;
			}
			.top-links .btn-fb{
				display:inline-block;
				color:#333;
				background:url(../images/toa_fb.png) no-repeat;
				width:78px; height:34px;
				text-indent:-99999em;
			}
.top-links .btn-logout{border:1px solid #A81F87;border-radius: 30px; padding:5px 5px 3px; margin-top:-4px; margin-left:5px;  line-height:14px; background-color:#A81F87;color:white;font-weight:bold;}
.top-links .btn-logout:hover{border:1px solid #EDD2E7; background-color:#EDD2E7;color:#A81F87;}
/*-------------------------------------------
Nav
-------------------------------------------*/
#menu{
	position:absolute; left:0; bottom:0; z-index:10;
	width:1000px;
	border-radius:5px;
}
	#menu *{
		box-sizing:border-box; -webkit-box-sizing: border-box;
		transition-duration:.2s;-webkit-transition-duration:.2s;
	}
	#menu a.active{text-decoration:none;}
	
	.sf-menu{
		margin:0 auto; padding:0; list-style:none;
		text-align:center;
	}
	.sf-menu *{margin:0; padding:0; list-style:none;}
	.sf-menu li{position:relative;}
	.sf-menu li a:hover{}
	.sf-menu > li{display:inline-block;*display:inline;zoom:1;/*float:left;*/}
	.sf-menu > li:hover{}
	.sf-menu li:hover > ul{display:block;}
	.sf-menu a{display:block; box-sizing:border-box; -webkit-box-sizing: border-box; text-decoration:none; position:relative;}
	.sf-menu li .menulink{
		font-size:15px; color:#333; line-height:18px; font-weight:700;
		padding:15px 7px;
		margin:0;
		position:relative; /*z-index:10;*/
		background:url(../images/menu_line.png) 0 50% no-repeat;
	}
	.sf-menu li:first-child .menulink{
		background:none;
	}
	.sf-menu li .menulink:hover, .sf-menu li .menulink.active{
		color:#a81f87;
	}
/* Level 2 */
	.menu-lv2{
		display:none;
		position:absolute; top:100% !important; left:0; z-index:99;
		width:auto!important;min-width:100%;width:100%;
		background-color:#a81f87;
		border-radius:5px;
		animation-duration:.3s;-webkit-animation-duration:.3s;
		box-shadow:0 2px 5px rgba(0,0,0,.4);
	}
	.menu-lv2:before{
		content:"";
		display:block;
		background:url(../images/nav_arrow.png) no-repeat;
		width:16px;
		height:8px;
		position:absolute; top:-8px !important; left:10px; z-index:100;
	}
	.menu-lv2 li{float:none;}
		.menu-lv2 a{
			display:block;
			font-size:15px; color:#fff;
			white-space:nowrap;
			padding:10px 12px;
			text-align:left;
			border-top:1px solid rgba(0,0,0,.1);
		}
		.menu-lv2 a:hover{
			background-color:#f7f2f3; 
			color:#a81f87;
		}
/*-------------------------------------------
Container
-------------------------------------------*/
#content-container{
	height:auto!important;min-height:400px;height:400px;
	box-sizing:border-box; -webkit-box-sizing: border-box;
	background-color:#fff;
	position:relative; z-index:0;
	padding:25px 0 40px;
}
	#content-container *{
		box-sizing:border-box; -webkit-box-sizing: border-box;
	}
/*-------------------------------------------
Sub Menu
-------------------------------------------*/
#sub-menu{
	float:left;
	width:170px;
}
	#sub-menu .sub-title{
		margin:0 0 10px;
		padding-left:15px;
		font-size:24px; color:#333; font-weight:400; line-height:24px;
	}
	#sub-menu .sub-list{
		margin:0; padding:5px; list-style:none;
		background-color:#a81f87;
		border-radius:5px;
	}
		#sub-menu .sub-list li{
		}
			#sub-menu .sub-list a{
				display:block;
				color:#fff; font-size:15px;
				padding:12px 12px 12px 15px;
				border-radius:5px;
				background-position:5px 13px;
				background-repeat:no-repeat;
				border-top:1px solid #c742a7;
			}
			#sub-menu .sub-list li:first-child a{
				border:none;
			}
			#sub-menu .sub-list a:hover{
				background-color:#fff;
				color:#a81f87;
			}
			#sub-menu .sub-list a.active{
				color:#333;
				background-color:#fff;
			}
/*-------------------------------------------
Content
-------------------------------------------*/
#main-content{
	float:right;
	position:relative;
	width:815px;
	height:auto!important;min-height:480px;height:480px; 
	line-height:1.8;
	border-top:3px solid #a81f87; border-left:1px solid #ddd; border-right:1px solid #ddd;
	padding:20px 20px;
}
	#main-content .page-title{ text-align:center; color:#A81F87; font-size:18px; font-weight:bold;}
	#main-content .revise{ text-align:right; color:#999; font-size:12px;}
#main-content.no-submenu{
	width:100%;
	border:none;
}

/*-------------------------------------------
Page Title & breadcrumb
-------------------------------------------*/
#page-header{
	float:right;
	width:815px;
	margin-bottom:10px;
	background-color:#fff;
	position:relative;
}
	#page-header .page-title{
		margin:0 0 0 20px;
		display:inline-block;
		font-weight:700; font-size:24px; line-height:24px; color:#333;
	}
	#page-header .breadcrumb{
		position:absolute; top:5px; right:0px;
		margin:0; padding:0; list-style:none; 
		text-align:right;
		font-size:12px; color:#999;
	}
		#page-header .breadcrumb li{float:left;}
			#page-header .breadcrumb em{font-style:normal; margin:0 8px; color:#ccc;}
			#page-header .breadcrumb a{color:#999;}

/*-------------------------------------------
Article Style
-------------------------------------------*/
.part-title{
	margin:0 0 5px;
	font-size:24px; font-weight:700; color:#A81F87;
}

/*-------------------------------------------
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;
	}
	.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:#f9f9f9; border:1px solid #e3e3e3;}
	.page .disabled{color:#ddd; border:1px solid #ddd;}
	.page .pageTo{padding:3px 3px; margin:2px; width:50px;}



/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	text-align:center;
	margin:0 auto;
	color:#fff; font-size:13px; font-style:normal;
	padding:30px 0;
}
	footer .tel{
		background:url(../images/footer_icon_tel.png) 0 50% no-repeat;
		padding-left:24px;
	}
	footer .email{
		background:url(../images/footer_icon_email.png) 0 50% no-repeat;
		padding-left:24px;
	}
	footer .copyright{
		color:#e5afbc;
	}
		footer .toa{color:#fff;}
		footer .count{color:#fff;}
	footer .recommend{color:#e5afbc;}
	footer .huaweb{color:#e5afbc!important; margin-left:15px;}
/*-------------------------------------------
ScrollUp
-------------------------------------------*/
.scrollup{
	width:46px; height:46px; 
	text-indent:-9999px; 
	position:fixed; bottom:40px; right:10px; z-index:50;
	display:none; background:url(../images/btn-top.png) no-repeat;
}

/*-------------------------------------------
Upgrade New Browser
-------------------------------------------*/	
#upgradeNewBrowser{padding:12px; background-color:#fdfad0; color:#000; text-align:center;}

/*-------------------------------------------
Clearfix: contain floats
-------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}
.clearfix:after{clear: both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}
/*-------------------------------------------
Common
-------------------------------------------*/
.maxWidth { width:100%;}
.maxHeight { height:100%; margin:0 auto;}
.floatL{ float:left; }
.floatR{ float:right; }
.hidden{display:none !important; visibility:hidden;}
.explanation{color:#C60; font-weight:normal; font-size:13px;}
.required{color:#f00 !important; font-weight:normal;}
#ui-datepicker-div{font-size:12px;}
.ui-datepicker-trigger{margin-left:3px;}
.ui-datepicker-prev, .ui-datepicker-next{top:7px !important;}
.ui-timepicker-div dl dt{font-weight:700 !important;}
.ui-timepicker-div dl dt.ui_tpicker_hour_label, .ui-timepicker-div dl dt.ui_tpicker_minute_label{padding-top:8px !important;}
form{display:inline;}
.fieldRequired{text-align:right; color:#666;}
.after{color:#c00;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;float:left;}
#twzipcode div{float:left;}
.zipcode{width:80px;}
.border-none{border:none !important;}
.dataUpdate h2{font-size:18px; color:#333;}
.border-radius-3px{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.noneData{color:#999; text-align:center; clear:both; padding:15px; background-color:#f6f6f6; border:1px solid #ddd; border-radius:5px;}
/*-------------------------------------------
Files Format
-------------------------------------------*/
ul.file-format, ol.file-format{
	margin:0;
	padding:0;
	list-style:none;
}
.file-format 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;
}
.file-format a[href *='pdf']{background:url(../images/icon-pdf.png) left 50% no-repeat;}
.file-format a[href *='xls'], .file-format a[href *='xlsx']{background:url(../images/icon-xls.png) left 50% no-repeat;}
.file-format a[href *='doc'], .file-format a[href *='docx']{background:url(../images/icon-word.png) left 50% no-repeat;}
.file-format a[href *='ppt'], .file-format a[href *='pptx']{background:url(../images/icon-ppt.png) left 50% no-repeat;}
.file-format a[href *='jpg'], .file-format a[href *='png']{background:url(../images/icon-img.png) left 50% no-repeat;}
.file-format a[href *='rar']{background:url(../images/icon-rar.png) left 50% no-repeat;}
.file-format a[href *='zip']{background:url(../images/icon-zip.png) left 50% no-repeat;}

/*-------------------------------------------
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;
	padding:6px 8px; 
	margin:1px; 
	background:#fff;
	border:1px solid #bbb; 
	border-radius:3px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
}
select{padding:5px 5px;}
textarea{width:98%;}
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:#fff;
	border:1px solid #09F !important; 
}
ul.upload-files{
	margin:0;
	padding:0;
	list-style:none;
}
	ul.upload-files li{
		margin:1px 0 3px;
	}

/*-------------------------------------------
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;
	border:0;
	color:#fff;
	background-color:#a81f87;
	padding:6px 13px;
	text-decoration:none;
	border-radius:3px;
	transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;
	box-shadow:inset 0 -2px 0 rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.3);
	cursor:pointer;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#a81f87 !important;
	box-shadow:inset 0 0 0 30px rgba(255,255,255,.8), 0 0 0 rgba(0,0,0,.3);
}

.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;
	}
	.buttons a.btn2 { background-color:#C779A8;}
	.btn-secondary{
		background-color:#aaa !important; 
		color:#fff !important;
	}
	.btn-blue{
		background-color:#5B81D0 !important;
	}
/*-------------------------------------------
search-block
-------------------------------------------*/
#search-block{
	border-bottom:2px solid #e3e3e3;
	padding:0 0 15px;
	margin-bottom:24px;
	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;}
/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{padding:20px;}
.alert-info{
	background:#fefcf0; 
	border:2px solid #f2d997;
	font-size:16px; color:#111;
	text-align:center; 
	padding:30px 20px 30px;
	margin:10px 0 20px;
}
.alert-info a{color:#09F;}
	/* error */
	.alert-error{background:#fdf1f1; border:1px solid #e4b6b6;}

/*-------------------------------------------
Data Fields
-------------------------------------------*/
.group-title{
	margin:0 0 -1px 0;
	font-weight:400; font-size:18px; color:#ba9e3b;
	padding:5px 0;
	position:relative;
}
	.group-title:before{
		display:inline-block;
		width:5px; height:16px;
		background-color:#ba9e3b;
		content:" ";
		border-radius:10px;
		vertical-align:-1px;
		margin-right:5px;
	}
/*-------------------------------------------
Table List
-------------------------------------------*/
table.list thead th{
	border-bottom:2px solid #E3AED0; 
	background-color:#F4E3EF; 
	padding:3px;
	color:#222; font-weight:400;
}
table.list tbody th, table.list tbody td{
	padding:8px 5px; 
	border-bottom:1px solid #ccc; border-left:1px solid #e1e1e1;
}
table.list tbody th:nth-child(1){ border-left:0;}
table.list tbody time{ font-size:13px;}
table.list tbody td:nth-child(1){border-left:none;}
table.list tbody tr:nth-child(odd){background:#f6f6f6;}
/*-------------------------------------------
Table Content
-------------------------------------------*/
table.content{border-top:1px solid #ddd;}
table.content caption{background-color:rgba(227,174,208,0.6); padding:2px 0; color:#a81f87; font-weight:bold;}
table.content thead th{
	background:#f9f6ee; 
	border-bottom:2px solid #d7c9a4; 
	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:rgb(250, 241, 247);
	color:#222; font-size:14px;
	text-align:right; 
}
table.content tbody th:nth-child(1), table.content tbody td:nth-child(1){border-left:none;}

/*-------------------------------------------
串聯網址url
-------------------------------------------*/
div.url{ padding-left:5px;/*margin:20px 0 10px; background:#eee;border-radius:5px;*/}
	div.url a{}
	div.url a:hover{color:#046EA7;}

/*-------------------------------------------
Social Share
-------------------------------------------*/
#social-share{
	padding:10px 5px; height:55px; clear:both;
	border-top:1px solid #e3e3e3;
	margin-top:10px;
}
	#social-share strong{
		display:inline-block;*display:inline;zoom:1; 
		float:left; 
		width:3em; 
		line-height:32px; font-weight:400;
	}
	#social-share a{display:inline-block;*display:inline;zoom:1; width:32px; height:32px; 
		float:left; margin-left:7px; 
		background-image:url(../images/icons-social.png); background-repeat:no-repeat;
		text-indent:-9999em;
		overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	#social-share .fb     {background-position:0 0;}
	#social-share .gl     {background-position:0 -32px;}
	#social-share .twitter{background-position:0 -64px;}
	#social-share .plurk  {background-position:0 -96px;}

/*combobox*/
.custom-combobox-input{ background-color:#fff;}
.custom-combobox-toggle .ui-button-text{ background-color:#fff;}
	
/*-------------------------------------------
keyframes
-------------------------------------------*/
/* fadeInUp */
@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
#content-container .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/* fadeInDown */
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
#content-container .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
/* fadeInLeft */
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
#content-container .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
/* fadeInRight */
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
#content-container .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

/*-------------------------------------------
@2x
-------------------------------------------*/
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {


}