@charset "utf-8";
/* CSS Document */
body{
	background-color:#f6f6f6;
	margin:10px 0px 0px 0px;
	/*font-family:Verdana, 微軟正黑體;*/
	font-family:微軟正黑體;
	-webkit-text-size-adjust:none;	/*解決Chrome 字型無法設定小於12px*/
	font-size:12px;
	line-height: 150%;
	color:#000000;
	margin:0;
}

td{
	font-size:12px;
	color: #000000;
	text-decoration: none;
	line-height: 150%;
	/*word-break:break-all;*/
}

/*去除超連結的虛線*/
a{color:#434343;text-decoration: none;outline: none; /* for Firefox Google Chrome  */ behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:hover{color:#ff6600;text-decoration:underline;}
a img{border: none;}


.Wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1920px;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.Nav { padding: 20px 0; padding:5px 0; background-color: #fff; text-align: center; }
.Nav img { width: 200px; width:100px;}
.video-frame { width:100%; height:auto; overflow:hidden; position:relative;}
.video-frame > iframe,
.video-frame > img { display:block; width:1920px; height:auto; min-height:100%; position:absolute; top:0; left:50%; margin-left:-960px; z-index:0;}
.content-container { width:100%; height:auto; overflow:hidden; padding: 92px 0; padding:20px 0; padding-bottom:280px;}
.field-item {text-align: center; width:300px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:1;}
input[type="text"], input[type="password"] { width: 300px; height: 45px; margin: 10px 0; border-radius: 5px; text-indent: 1em; font-size: 18px; }
#login-submit { display: inline-block; margin: 20px 0; padding: 1rem 2.5rem; background-color: #6ed0fd; color: #fff; border-radius: 5px; font-size: 20px; }
a.login-sys-chg {display: inline-block; margin: 20px 0; padding: 1rem 2.5rem; background-color: red; color: #fff; border-radius: 5px; font-size: 20px; text-decoration:none;}
a.login-sys-chg:hover { color:white;}

.form-items { position:relative;}
.sys-note { width:100%; height:auto; overflow:hidden; text-align:center; background:red; color:#fff; max-width:300px; margin:10px auto; padding:5px; color:yellow;}

.Forget { margin: 20px 0; border-bottom: 1px solid #fff; color: #fff; font-size: 18px; }
.Contact { width:100%; height:auto; overflow:hidden; background-color: rgba(32,90,167,.8) ; background-image: url(../Images/Bg_Icons.png); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; text-align: center; }
.icons { padding: 100px 0; background-color: rgba(32,90,167,.8); padding:40px 0; }
.flex-container { width:100%; max-width: 520px; margin:0 auto; display: flex; flex-direction: row; flex-wrap: wrap; flex-direction: center; align-items: center; align-content: flex-start; justify-content: center; }
.flex-container a { opacity:0.7; opacity:1; display:block; width:22%; max-width: 100px; max-width:none; height:auto; max-height: 100px; max-height:none; overflow:hidden; margin: 6px 1.5%;
/*基礎動畫設定*/
webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0);
-moz-box-shadow:    0px 0px 10px 0px rgba(255, 255, 255, 0);
box-shadow:         0px 0px 10px 0px rgba(255, 255, 255, 0);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;}
.flex-container a:hover,
.flex-container a:active { opacity:1;
-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    0px 0px 20px 0px rgba(255, 255, 255, 0.75);
box-shadow:         0px 0px 20px 0px rgba(255, 255, 255, 0.75);}
.icons img { display:block; width:100%; height:auto;}
.Footer .copyright { height: 80px; background-color: #205aa7; line-height: 80px; color: #fff; font-size: 16px; }
.Footer .copyright a { text-decoration: none; color: #fff; }
.Footer table { background-color: #fff; }

.fixed-link { display:block; width:20vw; max-width:80px; height:auto; overflow:hidden; position:fixed; right:5px; bottom:5px; background:#fff; z-index:999999;
	-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;}
	.fixed-link img { display:block; max-width:100%; height:auto; float:left;}

@media (min-width: 400px) and (max-width: 500px) {
	.Nav img { width: 160px; }
	.video-frame { padding:0; }
	.Contact { background-position: center;}
	.icons { padding: 40px 0; }
}

@media (min-width: 0) and (max-width: 360px) {
	.Nav img { width: 160px; }
	.video-frame { padding:0; }
	.Contact { background-position: center;}
	.icons { padding: 40px 0; }
	.flex-container { max-width:248px;}
	.flex-container a { width:48%; margin:6px 0;}
	.flex-container a:nth-child(even) { float:right; margin-left:4%;}
}