/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body,html{margin:0;height:100%}
body{height:100%;width:100%;margin:0;padding:0}
body{font-size:100%;line-height:1.5;font-family:Arial,"Noto Sans TC","LiHei Pro",Gotham,"Helvetica Neue",Helvetica,sans-serif;color:#393939;position:relative;background:#fcfdfe}
a:focus{outline:0}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#fff}
img{border:0 none;line-height:0;display:block}
form{margin:0;padding:0}
ol,ol li,ul,ul li{margin:0;padding:0;list-style-type:none}
dd,dl,dt{margin:0;padding:0}
dl{height:1%}
button{border:0 none;cursor:pointer;padding:0;margin:0;background:0 0}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h1,h2,h3,h6,p{margin:0;padding:0}
/*----------------------------------------------*/
body{background-color: #fed3d4;}
.Wrapper{width:640px;margin:auto;position:relative}
.Header{margin:10px 0 0 }
.Header .kv{background:url(../images/kv.png) no-repeat center top;max-width: 90vw; width: 100%;background-size: 100%;padding-bottom: 25%;border-radius: 10px;height: 0px;margin: auto;}


@media screen and (max-width:600px){
	.Wrapper{width: 100%;}
	#iframe{height: 1150px;}
	.Header .kv{background:url(../images/kv_m.jpg) no-repeat center top;max-width: 90vw; width: 100%;background-size: 100%;padding-bottom: 50%;border-radius: 10px;height: 0px;margin: auto;}
}
/*----------------------------------------------*/
@media screen and (max-width:321px){
	#iframe{height: 1161px;}


}