@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*--- (e)normalize.css v8.0.1 ---*/

html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{
	font-size:15px; color:#333; font-weight:400;
	font-family:'Roboto', "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	text-shadow:0 .3px .3px rgba(0,0,0,.1);
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	height:auto!important;min-height:100%;height:100%;
	overflow-x:hidden;
}
*, ::after, ::before{
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}


/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.placeholder{color:#999;}

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:#00adff; text-decoration:none;}
a:hover, a:active, a:focus{color:#0097df;}

.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	position:relative;
	/*box-shadow:inset 0 0 1px rgba(0,0,0,.9);*/
}
/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
	height:127px;
	background-color:#fff;
	background:url(../images/header-bg.png?v=201612) repeat-x;
	position:relative; z-index:99;
	box-shadow:0 1px 5px rgba(0,0,0,.2);
}
	#headerContainer header{
		position:relative; z-index:99;
	}
		#headingLink{
			position:absolute; top:14px; left:0; z-index:100;
		}
			#heading{
				margin:0;
				margin:0;
				width:448px;
				height:62px;
				background:url(../images/tmacccd-heading.png?v=20170215) no-repeat;
				background-size:448px 62px;
				text-indent:-99999em;
			}
			@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) {
				#heading{
					background-image:url(../images/tmacccd-heading@2x.png?v=20170215);
				}
			}
		#topLinks{
			position:absolute; right:0; top:36px;
			font-size:14px;
			color:#666;
		}
			#topLinks a{
				margin-left:15px;
				color:#666;
			}
			#topLinks a:hover{
				color:#0097df;
			}
			#topLinks .sayHello{
				margin-left:15px;
			}
			#topLinks .btn{
				margin-top:-5px;
				padding:5px 15px;
				color:#fff;
			}

/*-------------------------------------------
Nav
-------------------------------------------*/
#menuContainer{
	position:absolute; left:0; right:0; top:84px; z-index:90;
	border-top:1px solid #e3e3e3;
}
	#menu{
		margin:0; padding:0; list-style:none;
		font-size:18px; line-height:42px; font-weight:bold;
		text-align:center;
	}
		#menu li{
			display:inline-block;
			position:relative;
		}
		#menu > li:before{
			content:"";
			border-left:1px solid #ddd;
			position:absolute; left:0; top:10px;
			height:20px;
			font-size:0;
		}
		#menu > li:first-child:before{
			display:none;
		}
			#menu li a{
				display:block;
				background-position:5px 50%;
				background-repeat:no-repeat;
				background-size:24px 24px;
				color:#000;
				padding:0 32px;
				-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;
				position:relative;
			}
			#menu li a:hover{
				background-color:#f3f3f3;
				color:#00adff;
			}
			#menu li.active>a{
				color:#64af00;
			}
/*-------------------------------------------
Nav Sub
-------------------------------------------*/
			#menu .sub{
				margin:0; padding:0; list-style:none;
				position:absolute; left:0;
				background-color:#fff;
				box-shadow:0 2px 3px rgba(0,0,0,.2);
				display:none;
			}
			#menu li:hover .sub{
				display:block;
				-webkit-animation-duration:.3s;animation-duration:.3s;
			}
				#menu .sub li{
					display:block;
					text-align:left;
					white-space:nowrap;
					font-size:15px;
					border-top:1px solid #f3f3f3;
				}
					#menu .sub li a{
						
					}

/*-------------------------------------------
pageHeader
-------------------------------------------*/
#pageHeader{
	position:relative;
	height:114px;
	background-image:url(../images/bg-img-page.png?v=20170215);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
	#pageHeader:before{
		content:"";
		position:absolute; left:0; right:0; bottom:0;
		height:87px;
		background:url(../images/bg-img-mask.png?v=20170215) 50% 0 no-repeat;
	}
	#pageHeader .pageTitle{
		margin:0;
		color:#fff;
		font-size:30px; font-weight:400; line-height:30px;
		text-align:center;
		position:relative; top:38px;
	}
/*-------------------------------------------
subNav
-------------------------------------------*/
#subNav{
	text-align:center;
	position:absolute; left:0; right:0; z-index:5;
	margin-top:-20px;
}
	#subNav ul{
		margin:0 auto; 
		padding:0 8px;
		list-style:none;
		background-color:#f6f6f6;
		display:inline-block;
		box-shadow:0 1px 3px rgba(0,0,0,.2);
	}
		#subNav ul li{
			display:inline-block;
		}
			#subNav ul li a{
				display:block;
				font-size:15px; line-height:18px;
				color:#000;
				padding:10px 18px;
			}
			#subNav ul li a:hover{
				background-color:#f0f0f0;
				color:#00adff;
			}

/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
	height:auto!important;min-height:430px;height:430px;
	position:relative; z-index:0;
	padding:40px 0 50px;
	line-height:1.5;
	background:#fff;
}
	#contentContainer .contentHeader{
		position:relative;
		border-bottom:3px solid #7dc221;
		padding-bottom:10px;
	}
		#contentContainer .contentHeader .contentTitle{
			margin:0;
			color:#7dc221;
			font-size:24px; line-height:24px; font-weight:400;
			background:url(../images/title-icon.png?v=20170215) 0 50% no-repeat;
			padding-left:26px;
		}
		#contentContainer .contentHeader .breadCrumbs{
			color:#999;
			font-size:13px;
			position:absolute; right:0; top:2px;
		}
			#contentContainer .contentHeader .breadCrumbs a{
				color:#999;
			}
			#contentContainer .contentHeader .breadCrumbs span{
				margin:0 5px;
			}
	#contentBody{
		position:relative;
		padding:30px 10px 0;
	}
/*-------------------------------------------
search block
-------------------------------------------*/
#searchBlock{
	background-color:#f4f4f4;
	border-bottom:2px solid #ddd;
	padding:15px 0;
	position:relative;
	font-size:14px;
}
	#searchBlock input[type=submit]:hover, #searchBlock input[type=button]:hover{
		text-decoration:none;
	}
	#searchBlock ul{margin:0; padding:0; list-style:none;}
	#searchBlock ul li{
		display:inline-block; 
		vertical-align:top; 
		padding:0 15px 5px; 
		line-height:35px;
	}
	#searchBlock input.date{
		width:90px;
	}
	#searchBlock .btnSearch{
		line-height:20px;
	}
/*-------------------------------------------
Social Share
-------------------------------------------*/
#socialShare{
	padding:10px 5px; height:55px; clear:both;
	border-top:1px solid #ddd;
	margin-top:20px;
}
	#socialShare strong{
		display:inline-block;
		float:left; 
		width:3em; 
		line-height:32px; font-weight:400;
	}
	#socialShare a{
        display:inline-block;
        width:32px;
        height:32px; 
		float:left;
        margin-left:10px; 
		background-image:url(../images/icons_social.png?v=20230811);
        background-repeat:no-repeat;
        background-size:32px auto;
        border-radius:3px;
		text-indent:-9999em;
		overflow:hidden;
    }
	#socialShare .fb     {background-position:0 0;}
	#socialShare .gl     {background-position:0 -32px; display:none;}
	#socialShare .twitter{background-position:0 -64px;}
	#socialShare .plurk  {background-position:0 -96px;}
	#socialShare .line   {background-position:0 -128px;}
/*-------------------------------------------
Page
-------------------------------------------*/
.page{
	font-size:13px; 
	margin:0 auto; 
	padding:10px 0; 
	text-align:center; 
	clear:both;
}
	.page a, .page a:hover, .page .current, .page .disabled, .page .pageTo{
		font-size:13px; 
		padding:5px 8px;
		margin:2px;
	}
	.page a{
		color:#333; 
		background-color:#fff;
		border:1px solid #ccc;
		text-decoration:none;
		border-radius:3px;
	}
	.page a:hover{
		color:#00adff;
		background:#fff;
		border:1px solid #00adff;
	}
	.page .current{
		color:#111;
		background:none;
		border:1px solid transparent;
		font-weight:bold;
	}
	.page .disabled{
		color:#ddd;
		border:1px solid #ddd;
	}
	.page .pageTo{
		width:50px;
	}
/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	margin:0 auto 0 !important;
	border-top:5px solid #7dc221;
	font-size:13px; line-height:20px; font-weight:400;
	color:#444;
	padding:40px 0;
}
	footer a{
		color:#444;
	}
	footer a:hover{
		color:#55d1ff;
	}
	footer .footerLogo{
		display:block;
		background:url(../images/footer-logo.png?v=20170215) 50% 0 no-repeat;
		background-size:62px 62px;
		width:62px; height:62px;
		float:left;
		margin-right:18px;
	}
	@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) {
		footer .footerLogo{background-image:url(../images/footer-logo@2x.png?v=20170215);}
	}
	footer .contactInfo{
		
	}
		footer .googlemap{
			background:url(../images/footer-icon-googlemap.png?v=20170215) 100% 0 no-repeat;
			background-size:16px 16px;
			padding-right:24px;
		}
		footer strong{
			color:#7dc221;
		}
	footer .copyright{
		color:#444;
	}
	footer .recommend{
		color:#ff6c00;
	}
	footer .huaweb{
		color:#e3e3e3; 
	}

/*-------------------------------------------
Scroll Up
-------------------------------------------*/
.scrollUp{
	width:46px; height:46px; 
	text-indent:-9999px; 
	position:fixed; bottom:40px; right:3%; z-index:50;
	background:url(../images/btn-top.png?v=20170215) no-repeat;
	background-size:46px 46px;
	display:none;
}
@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) {
	.scrollUp{background-image:url(../images/btn-top@2x.png?v=20170215);}
}

/*-------------------------------------------
Upgrade New Browser
-------------------------------------------*/	
#upgradeNewBrowser{
	width:700px;
	position:fixed; left:50%; margin-left:-350px; top:220px; z-index:1000;
	padding:30px; 
	background-color:#fdfad0; 
	font-size:16px; color:#000; line-height:1.8;
}
	#upgradeNewBrowser .btnClose{
		text-align:center;
		margin-top:30px;
	}
		#upgradeNewBrowser .btnClose a{
			color:#fff;
			background-color:#a62f38;
			padding:10px 20px;
		}

/*-------------------------------------------
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
-------------------------------------------*/
.floatL{float:left; }
.floatR{float:right; }
.hidden{display:none !important; visibility:hidden;}
.explanation{color:#C60; font-weight:400; font-size:13px; padding:3px 0;}
.required{color:#f00 !important; font-weight:normal;}
.paddingNone{padding:0;}
form{display:inline;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;float:left;}
#twzipcode div{float:left;}
.zipcode{width:70px;}
.noneData{color:#999; text-align:center; clear:both; padding:15px;}

/*-------------------------------------------
JQuery UI
-------------------------------------------*/
#ui-datepicker-div{
	font-size:13px;
	border-radius:0;
	box-shadow:0 1px 6px rgba(0,0,0,.2);
}
	#ui-datepicker-div *{
		border-radius:0;
	}
	.ui-datepicker-prev, 
	.ui-datepicker-next{
		top:10px !important;
	}
	.ui-widget-header{
		background:url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png?v=20170215) !important;
	}
	.ui-widget-header .ui-icon{
		background-image: url(../images/ui-icons_222222_256x240.png?v=20170215) !important;
	}
	.ui-state-hover .ui-icon, 
	.ui-state-focus .ui-icon{
		background-image: url(../images/ui-icons_ffffff_256x240.png?v=20170215) !important;
	}
	.ui-state-default, 
	.ui-widget-content .ui-state-default, 
	.ui-widget-header .ui-state-default{
		background:url(../images/ui-bg_glass_75_e6e6e6_1x400.png?v=20170215) 50% 50% repeat-x #f6f6f6 !important;
	}
	.ui-state-highlight, 
	.ui-widget-content .ui-state-highlight, 
	.ui-widget-header .ui-state-highlight{
		border-color:#754591 !important;
		color:#754591 !important;
	}
	.ui-state-hover, 
	.ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, 
	.ui-state-focus,
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header  .ui-state-focus{
		background:#754591 !important;
		border-color:#754591 !important;
		color:#fff !important;
	}

/*-------------------------------------------
Files Format
-------------------------------------------*/
ul.fileFormat, ol.fileFormat{
	margin:0;
	padding:0;
	list-style:none;
}
.fileFormat a{
	display:inline-block;*display:inline;zoom:1;
	background:url(../images/icon-file.png?v=20170215) 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?v=20170215) left 50% no-repeat;}
.fileFormat a[href *='xls'], .fileFormat a[href *='xlsx']{background:url(../images/icon-excel.png?v=20170215) left 50% no-repeat;}
.fileFormat a[href *='doc'], .fileFormat a[href *='docx']{background:url(../images/icon-word.png?v=20170215) left 50% no-repeat;}
.fileFormat a[href *='ppt'], .fileFormat a[href *='pptx']{background:url(../images/icon-powerpoint.png?v=20170215) left 50% no-repeat;}
.fileFormat a[href *='jpg'], .fileFormat a[href *='png']{background:url(../images/icon-img.png?v=20170215) left 50% no-repeat;}
.fileFormat a[href *='rar']{background:url(../images/icon-rar.png?v=20170215) left 50% no-repeat;}
.fileFormat a[href *='zip']{background:url(../images/icon-zip.png?v=20170215) 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;
	-webkit-appearance:none; appearance:none;
	font-family:'Roboto', "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "Microsoft JhengHei UI", Arial, sans-serif;
	font-size:15px;
	padding:7px 12px; 
	margin:0; 
	background:#fff;
	border:1px solid #ccc; 
	border-radius:3px; -webkit-border-radius:3px; 
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
	transition:.2s; -moz-transition:.2s;
}
select{
	padding:9px 35px 9px 12px;
	background:url(../images/select-arrow.png?v=20170215) 98% 50% no-repeat #fff;
	background-size:24px 24px;
}
select::-ms-expand{
	display:none;
}
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:#e4f8ff;
	border:1px solid #17bffe !important; 
}
select:focus{}
input[type=radio], input[type=checkbox]{
	display:none;
}
input[type=radio] + label{
	display:inline-block;
	line-height:24px;
	background:url(../images/icon-radio.png?v=20170215) no-repeat 0 0;
	background-size:24px 24px;
	padding-left:28px;
	margin-right:15px;
	transition:.1s;-moz-transition:.1s;
}
input[type=radio]:checked + label{
	background:url(../images/icon-radio-checked.png?v=20170215) no-repeat 0 0;
	background-size:24px 24px;
}
input[type=radio]:disabled + label{
	background:url(../images/icon-radio-checked.png?v=20160104) no-repeat 0 0;
	background-size:24px 24px;
	opacity:.4;
}
input[type=checkbox] + label{
	display:inline-block;
	line-height:24px;
	background:url(../images/icon-checkbox.png?v=20170215) no-repeat 0 0;
	background-size:24px 24px;
	padding-left:28px;
	margin-right:15px;
	transition:.1s;-moz-transition:.1s;
}
input[type=checkbox]:checked + label{
	background:url(../images/icon-checkbox-checked.png?v=20160104) no-repeat 0 0;
	background-size:24px 24px;
}
input[type=checkbox]:disabled + label{
	background:url(../images/icon-checkbox-checked.png?v=20160104) no-repeat 0 0;
	background-size:24px 24px;
	opacity:.4;
}
/*-------------------------------------------
Buttons
-------------------------------------------*/
input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
	box-sizing:border-box; -webkit-box-sizing: border-box;
	-webkit-appearance:none; appearance:none;
	font-family:'Roboto', "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "Microsoft JhengHei UI", Arial, sans-serif;
	color:#fff;
	text-decoration:none;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	border:none;
	background-color:#00adff;
	box-shadow:inset 0 -2px 0 rgba(0,0,0,.3);
	padding:8px 20px 8px;
	border-radius:5px; -webkit-border-radius:5px; 
	transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;
	cursor:pointer; 
	outline:none;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#fff !important;		
	background-color:#008cce;
}
.btnSecondary{
	background-color:#c7edff !important; 
	color:#000 !important;
}
.btnWarning{
	background-color:#eb3737 !important; 
	color:#fff !important;
}
.btnAttention{
	background-color:#ffa904 !important; 
	color:#fff !important;
}

.buttons{
	text-align:center; 
	margin:20px 0 0; 
	position:relative;
}
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding:14px 22px; 
		font-size:16px; line-height:16px;
		margin-left:10px; margin-right:10px;
	}
	.buttons input[type=submit]:hover, .buttons input[type=button]:hover, .buttons input[type=reset]:hover, .buttons a.btn:hover{
		opacity:.8;
		color:#000 !important;
	}
	.btn.floatL{
		position:absolute; left:0;
	}
	.btn.floatR{
		position:absolute; right:0;
	}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alertInfo{
	background:#fefcf0; 
	border:2px solid #f2d997;
	font-size:16px; color:#111;
	text-align:center; 
	padding:30px 20px 30px;
	margin:10px 0 20px;
}
	.alertInfo a{color:#09F;}
	

/*-------------------------------------------
data content
-------------------------------------------*/
.dataContent{
	min-height:50px;
	border:1px solid #ccc;
	padding:20px;
	margin-top:30px;
	position:relative;
}
	.dataContent .groupTitle{
		margin:0;
		font-size:24px;
		color:#00adff;
		display:inline-block;
		background-color:#fff;
		padding:5px 10px;
		position:absolute; top:-24px; left:8px;
	}
		.dataContent .col{
			position:relative;
			padding:8px 5px 8px 100px;
			min-height:40px;
			/*border-bottom:1px solid #ddd;*/
		}
		.dataContent .sideBySide{
			display:inline-block;
			width:49%;
		}
			.dataContent .col .colName{
				margin:0;
				color:#000;
				font-weight:700;
				position:absolute; left:0;
			}


/*===========================================
Print
===========================================*/
@media print {

}