@import url("../css/normalize.css");
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,700);
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:14px; color:#666; font-weight:400;
	font-family:'Roboto', "Nanum Gothic", "\5FAE\8F6F\96C5\9ED1", "微软雅黑体", "Microsoft YaHei", "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#fbf1fa;
	/*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:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.placeholder{color:#999;}
span.pink{color:#ec6ca5;}

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:970px; min-width:970px; 
	margin:0 auto; 
	position:relative;
}

/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
	position:relative;
}
	#headerContainer header{
		position:relative; 
		height:120px;
		background:url(../images/theme_pic.png) 0 bottom no-repeat;
	}
		#topLinks{
			position:absolute; top:10px; right:5px; z-index:10;
			width:100%;
			text-align:right;
		}
			#topLinks ul{
				margin:0; padding:0; list-style:none;
				display:inline-block;
			}
				#topLinks ul li{
					float:left;
					font-size:13px; line-height:18px; color:#870841;
					border-left:1px solid #f6c9e0;
					padding:0 10px;
				}
				#topLinks ul li:first-child{
					border:none;
					position:absolute; left:5px;
				}
				#topLinks ul li:nth-child(2){
					border:0;
				}
					#topLinks ul li a{
						color:#870841;
					}
					#topLinks ul li a:hover{
						color:#009cff;
					}
					#topLinks ul li .btn{
						color:#fff;
						margin-top:-3px;
					}
					#topLinks .btnLogout{
						padding:2px 5px;
					}
		#heading{
			margin:0;
			background:url(../images/apage2016_heading.png) no-repeat;
			background-size:600px 95px;
			width:600px;
			height:95px;
			position:absolute; top:43px; left:50%; margin-left:-300px; z-index:9;
			text-indent:-99999em;
		}
	#dateTopic{
		position:relative;
		background-color:#ffb3d5;
		color:#870841;
		height:auto!important;min-height:90px;height:90px;
		padding:30px 20px 15px;
		box-shadow:0 0 8px rgba(233,108,164,.15);
	}
		#dateTopic .date{
			float:left;
			font-size:48px; font-weight:700; line-height:1;
		}
		#dateTopic .topicText{
			float:right;
			font-size:14px; font-weight:700; line-height:1.4;
			font-family:"Roboto Condensed";
			padding:5px 0 0;
		}

/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
	height:auto!important;min-height:400px;height:400px;
	background-color:#fff;
	position:relative; z-index:0;
	padding:30px 25px;
	box-shadow:0 2px 8px rgba(233,108,164,.15);
}
	#contentContainer article{
		position:relative;
		line-height:1.5;
	}

/*-------------------------------------------
Page Title & breadcrumb
-------------------------------------------*/
#pageTitle{
	margin:0 0 20px;
	font-size:30px; line-height:30px; font-weight:400; color:#333;
}

/*-------------------------------------------
Article Style
-------------------------------------------*/
.partTitle{
	margin:30px 0 20px;
	font-size:24px; line-height:24px; font-weight:700; color:#333;
	border-bottom:2px solid #ddd;
	padding-bottom:5px;
}

/*-------------------------------------------
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:#870841; font-size:13px; line-height:20px; font-style:400;
	padding-bottom:20px;
}
	footer a{
		color:#870841;
	}
	footer a:hover{
		color:#009cff;
	}
	footer .copyright{}
	footer .recommend{font-size:12px;}
	footer .huaweb{color:#ccc!important; margin-left:10px;}

/*-------------------------------------------
Scroll Up
-------------------------------------------*/
.scrollUp{
	width:46px; height:46px; 
	text-indent:-9999px; 
	position:fixed; bottom:60px; 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
-------------------------------------------*/
.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;}
form{display:inline;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;float:left;}
#twzipcode div{float:left;}
.zipcode{width:70px;}
.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;}

/*-------------------------------------------
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) !important;
	}
	.ui-widget-header .ui-icon{
		background-image: url(../images/ui-icons_222222_256x240.png) !important;
	}
	.ui-state-hover .ui-icon, 
	.ui-state-focus .ui-icon{
		background-image: url(../images/ui-icons_ffffff_256x240.png) !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) 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) 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;}

/*-------------------------------------------
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; 
	background:#fff;
	border:1px solid #ccc; 
	border-radius:0px; -webkit-border-radius:0; 
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
	transition:.2s; -moz-transition:.2s;
}
select{
	padding:6px 24px 6px 8px;
	background:url(../images/icon_select.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 #ea6da5 !important; 
}
select:focus{}
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:#754591;
	padding:7px 13px;
	text-decoration:none;
	transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;
	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 20px 30px rgba(0,0,0,.4);
}
.btnAdd{
	background:url(../images/icon_add.png) no-repeat 5px 50%; padding-left:32px !important;
}
.btnDel{
	background:url(../images/icon_del.png) no-repeat 50% 50% #e12f2f !important; text-indent:-99999em;
}

.buttons{
	text-align:center; 
	height:48px; 
	margin:30px 0 10px; 
	position:relative;
}
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding:15px 55px; 
		font-size:18px; line-height:18px;
		margin-left:10px; margin-right:10px;
	}
	.btnSecondary{
		background-color:#aaa !important; 
		color:#fff !important;
	}
	.btn.floatL{
		position:absolute; left:0;
	}
	.btn.floatR{
		position:absolute; right:0;
	}
	.btnPrev{
		background-image:url(../images/icon_prev.png);
		background-position:4% 50%;
		background-repeat:no-repeat;		
	}
	.btnNext{
		background-image:url(../images/icon_next.png);
		background-position:96% 50%;
		background-repeat:no-repeat;		
	}
	.btnPayment{
		background-image:url(../images/icon_Payment.png);
		background-position:96% 50%;
		background-repeat:no-repeat;		
	}
	.btnSend{
		background-image:url(../images/icon_send.png);
		background-position:96% 50%;
		background-repeat:no-repeat;		
	}
	.btnModify{
		background:url(../images/icon_modify.png) 10px 50% no-repeat;
		padding-left:40px !important;
	}
	.btnView{
		background:url(../images/icon_view.png) 10px 50% no-repeat;
		padding-left:40px !important;
	}
	.btnPcloud{
		background:url(../images/btn_pCloud.png) 50% 50% no-repeat;
		width:162px; height:42px;
		text-indent:-99999em;
	}

/*-------------------------------------------
searchBlock
-------------------------------------------*/
#searchBlock{
	border-bottom:2px solid #e3e3e3;
	padding:0 0 15px;
	margin-bottom:24px;
	position:relative;
	font-size:13px;
}
	#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{float:left; padding-right:15px; font-size:13px !important;}
	#searchBlock input, #searchBlock select{margin:3px; margin-left:4px;}
	#searchBlock input[type=text]{}
	#searchBlock input.date{width:90px;}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{padding:20px;}
.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;}
	/* error */
	.alertError{background:#fdf1f1; border:1px solid #e4b6b6;}

/*-------------------------------------------
Data Fields
-------------------------------------------*/
.formFormat ul{
	margin:0; padding:0; list-style:none;
}
	.formFormat li{
		padding:14px 14px 14px 220px;
		position:relative;
		height:auto!important;min-height:48px;height:48px;
	}
	.formFormat li.rowLi{
		padding:14px;
	}
	.formFormat li:nth-child(even){
		background-color:#f9f9f9;
	}
		.formFormat h4{
			margin:0;
			font-weight:700; font-size:14px;
			display:inline-block;
			position:absolute; left:15px;
		}
		.formFormat li.rowLi h4{
			position:relative; left:0;
			margin-bottom:10px;
		}
			.formFormat h4 .required{
				margin-left:3px;
			}
		.formFormat .date{
			background:url(../images/icon_cal.png) 100% 50% no-repeat #fff;
			width:140px;
		}
		.rowDiv{
			margin-top:8px;
		}
		.radioType input[type=radio]{
			display:none;
		}
		.radioType label{
			display:inline-block;
			border:1px solid #ccc;
			padding:6px 10px;
			background-color:#fff;
		}
		.radioType input[type=radio]:checked + label{
			background-color:#ea6da5;
			border-color:#ea6da5;
			color:#fff;
		}
		.childrenRadio{
			margin:5px 0 10px 24px;
			position:relative;
		}
			.childrenRadio .subLine{
				display:inline-block;
				width:15px;
				height:15px;
				border-left:2px solid #ccc;
				border-bottom:2px solid #ccc;
				position:relative; top:-3px;
			}
			.childrenRadio label{
				margin-bottom:3px;
			}

/*-------------------------------------------
Table List
-------------------------------------------*/
table.list thead th{
	border-bottom:2px solid #aaa;
	padding:8px 3px;
	color:#333; font-weight:400; font-size:13px;
	background-color:#f5f5f5;
}
table.list tbody th, table.list tbody td{
	padding:8px 5px; 
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	word-break:break-all;
}
table.list tbody th:nth-child(1){border-left:none;}
table.list tbody td:nth-child(1){border-left:none;}
table.list tbody tr:nth-child(even){background:#f9f9f9;}
/*-------------------------------------------
Table Content
-------------------------------------------*/
table.content{
	border:2px solid #ea6da5;
}
	table.content thead tr th{
		background-color:#ec6ca5;
		color:#fff;
		font-weight:normal;
		padding:10px 0;
		font-size:15px;
	}
table.content tbody th, table.content tbody td{
	padding:8px; 
	border-top:1px solid #ddd; border-left:1px solid #e1e1e1;
}
table.content tbody th{
	background-color:#f9f9f9;
	color:#333; font-size:14px;
	text-align:left;
}
table.content tbody th:nth-child(1), table.content tbody td:nth-child(1){
	
}


/*-------------------------------------------
@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) {
	
}