/* font */
@font-face {
  font-family: TFT01;
  src:url(../fonts/TFT01.eot);/* IE9 Compat Modes */
  src:url(../fonts/TFT01.eot?#iefix) format("embedded-opentype"), /* IE6-IE8 */
      url(../fonts/TFT01.woff) format("woff"), /* Modern Browsers */
      url(../fonts/TFT01.woff2) format("woff2"), /* Modern Browsers */
      url(../fonts/TFT01.ttf) format("truetype"), /* Safari, Android, iOS */
      url(../fonts/TFT01.svg#SealmemoryHeader) format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: TFT02;
  src:url(../fonts/TFT02.eot);/* IE9 Compat Modes */
  src:url(../fonts/TFT02.eot?#iefix) format("embedded-opentype"), /* IE6-IE8 */
      url(../fonts/TFT02.woff) format("woff"), /* Modern Browsers */
      url(../fonts/TFT02.woff2) format("woff2"), /* Modern Browsers */
      url(../fonts/TFT02.ttf) format("truetype"), /* Safari, Android, iOS */
      url(../fonts/TFT02.svg#SealmemoryHeader) format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: TFT03;
  src:url(../fonts/TFT03.eot);/* IE9 Compat Modes */
  src:url(../fonts/TFT03.eot?#iefix) format("embedded-opentype"), /* IE6-IE8 */
      url(../fonts/TFT03.woff) format("woff"), /* Modern Browsers */
      url(../fonts/TFT03.woff2) format("woff2"), /* Modern Browsers */
      url(../fonts/TFT03.ttf) format("truetype"), /* Safari, Android, iOS */
      url(../fonts/TFT03.svg#SealmemoryHeader) format("svg"); /* Legacy iOS */
}
/* font */
body,td,th {
	font-family: 'Open Sans', "微軟正黑體", sans-serif;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
h1 {
	font-family:'Open Sans', 'TFT01', sans-serif;
	font-size:60px;
	color:#000;
	text-align:center;
}
h2 {
	font-family:'Open Sans', 'TFT02', sans-serif;
	font-size:40px;
	color:#FFF;
	text-align:center;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}
h3 {
	font-family:'Open Sans', 'TFT02', sans-serif;
	font-size:24px;
	color:#570000;
	text-align:left;
}
h4 {
	font-family:'Open Sans', 'TFT03', sans-serif;
	font-size:24px;
	font-weight:600;
	color:#FFF;
	text-align:center;
	text-shadow: 1px 0px 3px rgba(0,0,0,0.8),
	             0px 1px 3px rgba(0,0,0,0.8);
}
h5 {
	font-family:'Open Sans', 'TFT03', sans-serif;
	font-size:16px;
	line-height:36px;
	color:#000;
	text-align:left;
}
/* home */
#title {
	 margin-top:5%;
	 margin-left:25.6%;
}
#title_logo {
	width:48%;
}
.home_MV {
	 margin-left:29.5%;
	 padding-top: 8px;
	 padding-bottom: 8px;
}
.mv01 {
	 width:40%;
	 border:3px #FFF solid;
	 position: relative;
	 padding-bottom: 18.5%;
	 padding-top: 30px;
	 height: 0;
	 overflow: hidden;
}
.mv01 iframe, .mv01 object, .mv01 embed {
	 position: absolute;
	 top: 0;left: 0;
	 width: 100%;
	 height: 100%;
}
@media (max-width: 768px) {
	#title {
		margin-top:2%;
		margin-left:2%;
	}
	#title_logo {
		width:96%;
	}
	.home_MV {
		margin-left:6.5%;
	}
	.mv01 {
		width:86%;
		padding-bottom:56.25%;
	}
	h2 { font-size:20px; }
	h4 { font-size:12px; }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/* home */
/* FB */
#fb_icon01 { 
	text-align:right;
	margin-top:1%;
	right:1%;
	display:block;
}
#fb_icon02 {
	text-align:left;
	margin-top:1%;
	display:none;
}
@media (max-width: 768px) {
	#fb_icon01 {
		display:none;
	}
	#fb_icon02 {
		display:block;
	}
}
/* FB */
/* preface */
#P_title {
	width:60%;
	margin-top:12%;
	margin-left:18%;
}
#P_content {
	width:60%;
	margin-top:7.2%;
	margin-left:18%;
}
#T_img {
	width:25%;
	text-align:left;
}
@media (max-width: 768px) {
	#P_title {
		width:99%;
		margin-left:0.5%;
	}
	#P_content {
		width:99%;
		margin-left:0.5%;
	}
	#T_img {
		width:80%;
		margin-top:2%;
	}
	h1 { font-size:36px; }
	h3 { font-size:14px; }
	h5 { font-size:10px;line-height:30px; }
}
@media (max-width: 992px) {
	#P_title {
		width:95%;
		margin-left:2.5%;
	}
	#P_content {
		width:95%;
		margin-left:2.5%;
	}
	h1 { font-size:40px; }
	h3 { font-size:20px; }
	h5 { font-size:12px;line-height:22px; }
}
/* preface */
/* 報名 */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.myButton:active {
	position:relative;
	top:1px;
}
/* 報名 */