@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Lobster);

/* CSS Document */
hr {color: #555;}

.ff1 {font-family: "Times New Roman";}
.ff2 {font-family: "微軟正黑體" ;}
.ff3 {font-family: 'Architects Daughter','Meiryo';}
.ff4 {font-family: 'Poiret One','Meiryo';}
.ff5 {font-family: 'Lobster','Meiryo'}
.fa1 {text-align: center;}
.fa2 {margin:0px auto;}

.fb0 {font-weight:normal;}
.fb1 {font-weight: bold;}
.fb2 {font-weight: bolder;}
.fb3 {font-weight:inherit;}
.fb4 {text-shadow: 3px 1px #444;}

.fbC {text-align: center;}
.fbL {text-align: left;}
.fbR {text-align: right;}

.fc1 {color: #000;}
.fc2 {color: #CC9900;}
.fc3 {color: #CC0000;}
.fc4 {color: #FF9900;}
.fc5 {color: #FFFF00;}
.fc6 {color: #559540;}
.fc7 {color: #336699;}
.fc8 {color: #663399;}
.fc9 {color: #777;}
.fc10 {color: #fff;}

.fe1 {background-color: #000;}
.fe2 {background-color: #CC9900;}
.fe3 {background-color: #CC0000;}
.fe4 {background-color: #FF9900;}
.fe5 {background-color: #FFFF00;}
.fe6 {background-color: #74A92C;}/*#BFDFB5*/
.fe7 {background-color: #DFF7FF;}/*#336699*/
.fe8 {background-color: #663399;}
.fe9 {background-color: #999;}
.fe10 {background-color: #fff;}

.f-w {
	-webkit-box-shadow: #888 1px 2px 5px;
	-moz-box-shadow: #888 1px 2px 5px;
 	box-shadow: #888 1px 2px 5px;
}

a {text-decoration: none;}
a:link {color: #888;}
a:hover {color: #888;}
a:visited {color: #888;}

.fimg { border-radius: 100px;}/* 圓圖 */

/* 電腦版 */
.DD {
	border: 1px solid #999999;
	border-radius: 8px;
}
.Db {border: 3px solid #ccc;}

.Dp {padding: 10px;}
.Dp1 {padding: 30px;}
.Dm {margin: 10px;}
.Dm1 {margin: 30px;}

.Divleft {float: left;}
.Divright {float: right;}
.ftop {vertical-align: top;}

.fd0 {
	font-size: 40px;
	line-height: 50px;
}


.fd1 {
	font-size: 35px;
	line-height: 45px;
}

.fd2 {
	font-size: 25px;
	line-height: 45px;
}

.fd3 {
	font-size: 20px;
	line-height: 30px;
}

.fd4 {
	font-size: 16px;
	line-height: 25px;
}
.fd5 {
	font-size: 10px;
	line-height: 20px;
}


@media only screen and (min-height: 1081px) and (max-height: 3000px) {
.DD {
	border: 3px solid #999999;
	border-radius: 20px;
}
.Dp {padding: 20px;}
.Dp1 {padding: 40px;}
.Dm {margin: 20px;}
.Dm1 {margin: 40px;}

.Divleft {float: none;}
.Divright {float: none;}

.fd0 {
	font-size: 120px;
	line-height: 200px;
}

.fd1 {
	font-size: 80px;;
	line-height: 100px;
}

.fd2 {
	font-size: 55px;
	line-height: 80px;
}

.fd3 {
	font-size: 40px;
	line-height: 60px;
}

.fd4 {
	font-size: 35px;
	line-height: 60px;
}
.fd5 {
	font-size: 25px;
	line-height: 40px;
}

}