@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre|Noto+Sans+TC:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
a{
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}



a:link {color: #28a6e9;text-decoration: none;}
a:visited {text-decoration: none;color: #28a6e9;}
a:hover {text-decoration:none; color:#3ebaf8}
a:active {text-decoration: none;}

*{
	-webkit-box-sizing:border-box;
	moz-box-sizing: border-box;
	box-sizing:border-box;
	border-collapse: initial}

body, html {
    width: 100%;
	min-height: 100%;
	height: 100%;}
html {
    position: relative;}
body{
	/*color: #fff;*/}
body {
	-webkit-text-size-adjust:100%;
	overflow-wrap: break-word;
	word-break: normal;}
html {
	background:#FFFFFF;
    font-family: 'Frank Ruhl Libre','Noto Sans TC',  sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
select{
	outline:none;
    font-family: 'Frank Ruhl Libre','Noto Sans TC',  sans-serif;}
img{
	vertical-align:middle;
	border:0px}
.embed-container{
	width:100%;
	height:0px;
	line-height:normal;
	padding-bottom:62.5%;
	overflow:hidden;
	position:relative;}
.embed-container iframe{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;}


/*頁碼*/
.manu {	padding: 0px; text-align:center;  font-size:0.8125rem; margin-top:50px; width:100%; overflow:hidden; position:relative}
.manu b{
    margin: 5px 3px;
    padding: 7px 20px;display:inline-block;text-decoration:underline; font-weight:bold;
    color: #333;vertical-align:middle;
	}
.manu a {color: #656565;
    margin: 5px 3px;    padding: 7px 20px;display:inline-block;vertical-align:middle;}
.manu a:hover {text-decoration:underline}
.manu a:active { color: #656565;  font-weight:normal}
.manu a.next,.manu a.previous{
	border:1px solid #cccccc; color:#666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../pie/PIE.htc); position:relative
	}
.manu span{
    margin: 5px 3px;
    padding: 7px 20px;display:inline-block; vertical-align:middle;
    color: #333;
	}
.manu a.next:hover,.manu a.previous:hover{background:#333333; color:#ffffff; border-color:#333333; text-decoration:none}


/*欄位字顏色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #777;
}
.placeholder{  /* Internet Explorer 8 & 9*/
	color: #777;
}