body {
	overflow-x: hidden;
	overflow-y: auto;
	font-family: 微軟正黑體;
}
.gray-bk {
	background-color: #F3F3F3;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #31B700;
}
.login {
	padding: 10px;
}
.text-success {
	color: #31B700;
}
.text-purple {
	color: #85329C;
}
.text-red {
	color: #d6001c;
}
.text-be {
	color: #00a3e0;
}
.login-text-letter {
	font-size: 12px;
	color: #666666;
}
.g7 {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
.pad10 {
	margin-top: 15px;
}
.link-p {
	padding-bottom: 20px;
	padding-top: 5px;
}
/* 指紋辨識　*/
.facescan-ic {
	margin: 10px auto 5px auto;
}
.facescan-ic a {
	color: #31b700;
	font-family: 微軟正黑體;
	text-decoration: none;
	font-size: 1.3em;
}
.facescan-ic a:hover {
	color: #fc4c02;
	font-family: 微軟正黑體;
	text-decoration: none;
	font-size: 1.35em;
}
.facescan-ic img {
	margin-right: 8px;
	width: 30px;
	height: 30px;
	background-color: #31b700;
}
.facescan-ic a:hover img {
	width: 31px;
	height: 31px;
	background-color: #fc4c02;
}
.facescan-ic-of {
	margin: 10px auto 5px auto;
}
.facescan-ic-of a {
	padding: 5px 10px 5px 10px;
	font-family: 微軟正黑體;
	font-size: 1.2em;
	border: 1px solid #00a3e0;
	border-radius: 10px;
	color: #00a3e0;
	display: inline-block;
	text-decoration: none;
}
.facescan-ic-of a:hover {
	font-size: 1.2em;
	border: 1px solid #FF9900;
	color: #FF9900;
	display: inline-block;
	text-decoration: none;
	background-color: #FFFFFF;
}
.fido-ic-main {
	margin: 10px;
}
.fido-ic-main img {
	width: 120px;
}
/* 文字小標藍字　*/
.text-h5 {
	font-size: 16px;
}
.text-h5-2 {
	font-size: 18px;
}
.text-h5-3 {
	font-size: 1.5em;
}
.text-h5-4 {
	font-size: 1.3em;
}
.text-h5-5 {
	font-size: 1.2em;
}
/* 文字大小　*/
.text-h3 {
	font-size: 36px;
}
.text-h4 {
	font-size: 24px;
}
.text-h4-2 {
	font-size: 18px;
}
.text-h6 {
	font-size: 12px;
}
.text-h6-2 {
	font-size: 14px;
}
/* 文字小標藍字　*/
.text-h5b-bule {
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 5px;
	color: #00a3e0;
}
/* 文字小標藍字　*/
.text-h5b-bule2 {
	font-size: 16px;
	font-weight: bold;
	color: #00a3e0;
}
/* 文字顏色　*/
.text-gray {
	color: #333333;
}
.text-gray2 {
	color: #555555;
}
.text-gray3 {
	color: #9B8E84;
}
.text-green {
	color: #31b700;
}
.text-green2 {
	color: #009a44;
}
.text-bule {
	color: #00a3e0;
}
.text-bule2 {
	color: #005eb8;
}
.text-bule3 {
	color: #0000ff;
}
.text-purple {
	color: #84329b;
}
.text-pink {
	color: #d40f7d;
}
.text-white {
	color: #FFFFFF;
}
.text-orange {
	color: #fc4c02;
}
.text-yellow {
	color: #ffc600;
}
.text-yellow2 {
	color: #FFFF00;
}
.text-yellow2-h6 {
	color: #ffff00;
	font-size: 14px;
}
.text-reb {
	color: #d6001c;
}
.text-reb2 {
	color: #FF0000;
}
.text-bold {
	font-weight: bold;
}
/* 位控　*/
.mar0 {
	padding: 0px;
	margin: 0px;
}
.pad-all10 {
	padding: 10px;
}
.pad-all5 {
	padding: 5px;
}
.mar-btm3 {
	margin-bottom: 3px;
}
.mar-btm5 {
	margin-bottom: 5px;
}
.mar-btm8 {
	margin-bottom: 8px;
}
.mar-btm10 {
	margin-bottom: 10px;
}
.mar-btm15 {
	margin-bottom: 15px;
}
.mar-btm20 {
	margin-bottom: 20px;
}
.mar-top3 {
	margin-top: 3px;
}
.mar-top5 {
	margin-top: 5px;
}
.mar-top8 {
	margin-top: 8px;
}
.mar-top10 {
	margin-top: 10px;
}
.mar-top15 {
	margin-top: 15px;
}
.mar-top20 {
	margin-top: 20px;
}
.mar-top30 {
	margin-top: 30px;
}
.mar-all5 {
	padding: 5px;
}
.mar-all3 li {
	padding: 3px;
}
.mar-all5 li {
	padding: 5px;
}
.mar-all10 {
	padding: 10px;
}
.mar-top30 {
}
.mar-left5 {
	margin-left: 5px;
}
.mar-left10 {
	margin-left: 10px;
}
.mar-left20 {
	margin-left: 20px;
}
.mar-left30 {
	margin-left: 30px;
}
.mar-right15 {
	margin-right: 15px;
}
.pad-top5 {
	padding-top: 5px;
}
.agt-logo img {
	max-width: 60px;
	max-height: 60px;
}
/*連結加底線　*/
.text-underline {
	text-decoration: underline;
	color: #0066FF;
}
/*驗證盒　*/
.code_box {
	mix-width: 255px;
	display: table;
	margin-right: auto;
	margin-left: auto;
}

/*密碼眼睛 */
.password-eye > i {
    cursor: pointer;
    pointer-events: all;
    right: 5px;
    color: #808080;
}
.password-eye > i.glyphicon-eye-close:hover {
    color: #333333;
}
.password-eye > i.glyphicon-eye-open{
    color: #31b700;
}
.password-eye > i.glyphicon-eye-open:hover {
    color: #3c763d;
}

/*密碼 */
.password-text::-ms-clear {display: none;}
.password-text::-ms-reveal {display: none;}

/*項目靠左　*/
.Formlist-left li {
	float: left;
	list-style-type: none;
}


@media screen and (max-width:640px){
.cc {
	display: none;
}
.text-sm {
	font-size: 12pt;
}
}
/* 常用功能圓按鈕　*/
.icon-box {
	text-align: center;
	min-width: 90%;
	list-style-type: none;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	font-size: 12pt;
}
.icon-box li {
	display: inline-block;
	font-family: 微軟正黑體;
	margin-bottom: 20px;
	margin-top: 10px;
}
.icon-box li.taiwan a {
	background-position: 18px 0px;
	background-image: url('../img/icon-taiwan.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
}
.icon-box li.thsr a:hover {
	background-image: url('../img/icon-thsr-v.png');
	color: #FF3300;
	info;
}
.icon-box li.thsr a {
	background-position: 18px 0px;
	background-image: url('../img/icon-thsr.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
}
.icon-box li.taiwan a:hover {
	background-image: url('../img/icon-taiwan-v.png');
	color: #FF3300;
	info;
}
.icon-box li.method a:hover {
	background-image: url('../img/icon-method-v.png');
	color: #FF3300;
	info;
}
.icon-box li.method a {
	background-position: 18px 0px;
	background-image: url('../img/icon-method.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
	cursor: pointer;       /* 手指圖示*/
}
.icon-box li.job a {
	background-position: 18px 0px;
	background-image: url('../img/icon-job.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
	cursor: pointer;       /* 手指圖示*/
}
.icon-box li.job a:hover {
	background-image: url('../img/icon-job-v.png');
	color: #FF3300;
	info;
}
.icon-box li.vip a {
	background-position: 18px 0px;
	background-image: url('../img/icon-vip.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
	cursor: pointer;       /* 手指圖示*/
}
.icon-box li.vip a:hover {
	background-image: url('../img/icon-vip-v.png');
	color: #FF3300;
	info;
}
.icon-box li.faq a {
	background-position: 18px 0px;
	background-image: url('../img/icon-faq.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
		cursor: pointer;       /* 手指圖示*/

}
.icon-box li.faq a:hover {
	background-image: url('../img/icon-faq-v.png');
	color: #FF3300;
	info;
}
.icon-box li.map a {
	background-position: 18px 0px;
	background-image: url('../img/icon-map.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
	cursor: pointer;       /* 手指圖示*/
}
.icon-box li.map a:hover {
	background-image: url('../img/icon-map-v.png');
	color: #FF3300;
	info;
}
.icon-box li.desktop a {
	background-position: 18px 0px;
	background-image: url('../img/icon-desktop.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
}
.icon-box li.desktop a:hover {
	background-image: url('../img/icon-desktop-v.png');
	color: #FF3300;
	info;
}
.icon-box li.star a {
	background-position: 18px 0px;
	background-image: url('../img/icon-star.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #333333;
}
.icon-box li.star a:hover {
	background-image: url('../img/icon-star-v.png');
	color: #FF3300;
}
/* 常用功能圓按鈕-颱風公告　*/
.icon-box li.typhoon a {
	background-position: 18px 0px;
	background-image: url('../img/icon-typhoon.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 155px;
	text-decoration: none;
	color: #D5001C;
}
.icon-box li.typhoon a:hover {
	color: #FFC600;
	background-image: url('../img/icon-typhoon-v.gif');
	info;
}
.icon-box li a:active {
	background-position: 18px 5px;
}
@media screen and (max-width: 768px) {
/* 常用功能圓按鈕隱藏　*/
.icon-box li.desktop a {
	display: none;
}
.icon-box li.star a {
	display: none;
}
}
@media screen and (min-width: 768px) {
/* fido按鈕隱藏　*/
.fido-ic-main {
	display: none;
}
}
}