@charset "utf-8";
/* CSS Document */
*, :after, :before {
	margin: 0;
	box-sizing: border-box;}
a, a:focus, a:hover, a:visited {
		text-decoration: none;}
a{
	color: #151718;}
a:hover,a:visited{
	color: #379adb;}
ul,ol,li{
	list-style: none;
	margin: 0;
	padding: 0;}
html,body{
	height: 100%;
	min-height: 100%;}
body{
	color: #FFFFFF;
	background-image: url("../image/bg01.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: "Cabin", "Noto Sans TC", sans-serif;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: .05em;}
body,html{
	width: 100%;
	padding: 0;
	margin: 0;}
.wrapper{
	height: 100%;
	min-height: 100%;
	flex-direction: column;
	width: 100%;
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;}
p{
	margin: 0.5em 0;}
hr{
	margin:1.5em 0;
	border: 1px solid #e6e6e6;
	border-width: 1px 0 0 0;}
input{
	background: #f9f9f9;
	margin-right: 5px;
	border-width: 0px;
	padding: 10px 20px;
	border-radius: 5px;
	width: 100%;}
input:focus{outline:0px}
h1{
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 60px;
	line-height: 1.3}
h1 b{font-size: 0.65em}
a.b01{
	display: inline-block;
	border:2px solid #FFF;
	padding: 0.75em 4em;
	text-transform: uppercase;
	color:#FFF;
	font-size: 20px;
	font-weight: 700;
	border-radius: 999px;
	margin-top: 2em;}
@media (max-width: 768px){
	h1{
		font-size: 30px;}
	h1 b{font-size: 0.5em}
	a.b01{
		font-size: 15px;}
}