@charset "utf-8";
@import url(reset.css);
/* CSS Document */

.text_red {color: #F05555 !important;}
.width50 { width:50% !important;}

/* 按鈕、表單並排（用於兩個以上元件並排） */
.justify_bar       {text-align: justify;}
.justify_bar:after {content: '';display: inline-block;width: 100%;}

/* 跳出式視窗 */
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index: 200;}
.popout {position: fixed;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 300;text-align:center;}
.popout:before {display: inline-block;content: '';height: 100%;vertical-align: middle;}
.popout_wrap {position: relative;display: inline-block;padding: 30px;background: #FFF;border: 1px solid #000;vertical-align: middle;width: 480px;}
.close_btn { position:absolute; top:15px; right:15px;}
.close_btn_5s { position:absolute; top:15px; right:15px;}
.popout_wrap h3 {margin-bottom: 10px;font-size: 24px;color: #227BBB;}
.popout_wrap p {font-size: 16px;}
.popout_wrap p span {margin: 0 5px; font-size: 20px; font-weight:bold;}
.popout_wrap a.btn {display: inline-block;width: 180px;margin: 20px 10px 0 10px;}

.fees-table tr td.table-unit { padding:5px 10px 5px 5px;; text-align:right; font-size:15px; border:none; background-color:#FFF;}
.fees-table tr td.table-unit>i {color:#227BBB; font-style:normal;}
.fees-table { width:100%; font-size:17px; text-align:center;}
.fees-table th, .fees-table td { text-align:center;}
.fees-table th { padding:15px; background-color:#227BBB; color:#FFF; border-right:#7EB3D8 solid 1px;}
.fees-table th:last-of-type {border-right:#227BBB solid 1px;}
.fees-table td:first-of-type { border-left:#999 solid 1px; background-color:#ebf5ff;}
.fees-table td { padding:15px; border-bottom:#999 solid 1px; border-right:#999 solid 1px; color:#666;}
.fees-table td>b { vertical-align:super; color:#FF3F66; font-size:14px;}
.remark { text-align:left; padding:15px 10px 0;}
.remark p { font-size:15px; text-indent:-50px; padding-left:50px;}
.remark p>span { color:#FF3F66; font-size:15px;}


a.btn{
	display: block;
	cursor: pointer;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	padding: 15px;
	}
.blue_btn {
	color: #fff;
	text-shadow: 0 -1px #00629c;
	background-color: #0079c1;
	background: -moz-linear-gradient(center bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#0079c1),color-stop(20%,#0079c1),color-stop(100%,#00a1ff));
	background: -webkit-linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
	background: -ms-linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
	background: -o-linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
	background: linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
	-moz-box-shadow: 0 1px #4dbeff inset;
	-webkit-box-shadow: 0 1px #4dbeff inset;
	box-shadow: 0 1px #4dbeff inset;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-color: #0079c1 #00588b #004b77;
	border-style: solid;
	border-width: 1px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer;
	}
.blue_btn:hover {
	color: #fff;
	background-color: #005282; text-decoration:none;
	background: -moz-linear-gradient(center bottom,#005282 0,#0068A5 20%,#0083CF 100%);
	background: -webkit-linear-gradient(bottom,#005282 0,#0068A5 20%,#0083CF 100%);
	background: -ms-linear-gradient(bottom,#005282 0,#0068A5 20%,#0083CF 100%);
	background: -o-linear-gradient(bottom,#005282 0,#0068A5 20%,#0083CF 100%);
	background: linear-gradient(bottom,#005282 0,#0068A5 20%,#0083CF 100%);
	border-color: #00629B #004872 #003B5D;
	-moz-box-shadow: 0 1px #1794dc inset;
	-webkit-box-shadow: 0 1px #1794DC inset;
	box-shadow: 0 1px #1794DC inset;
	}