@charset "UTF-8";

.container {
	//background-color: red;
	margin-top:15px;
}

@media only screen and (max-width:400px) {
.container {
width:90%;
}
.logo {
width:90%;
}
}

@media only screen and (min-width:400px) {
.container {
width:400px;
}
.logo {
width:350px;
}
}

html,body {
	font-family: PingFangTC-Regular,"Noto Sans TC",Helvetica,Arial,"黑體-繁","Heiti TC","儷黑","LiHei","微軟正黑體","Microsoft JhengHei",sans-serif;
	height: auto;
	font-size: 16px;
	min-height: 100vh;
	color: #333;
}

h1,h2,h3,h4,h5,h6,p {
	margin-bottom: 0;
}
.logo {
	margin-bottom: 20;
}

  body.is-preload *, body.is-preload *:before, body.is-preload *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }