@import url("https://fonts.googleapis.com/css?family=Poppins:wght@300&display=swap");

/* reset --------------- */

@import url("https://fonts.googleapis.com/css?family=Poppins&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after { content: ""; content: none; }
q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
img { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }

/* setting --------------- */

body{
  font-family: "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #000;
}

a{
  text-decoration: none;
  color: #fff;
}

.wrapper{
  max-width: 640px;
  height: 100vh;
  margin: auto;
  background-color: #261304;
  position: relative;
  overflow: hidden;
}

/* index --------------- */

.content{
	height: calc(100% - 50px);
	background-image: url(../images/index/index_bg.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	margin-top: 50px;
}

.slogn{
	width: 100%;
	padding-top: 50px;

}

.slogn img{
	width: 100%;
}

.bt{
	display: block;
	width: 120px;
	text-align: center;
	background-color: #35210d;
	border: 1px solid #dd7a05;
	clip-path: polygon(8% 0, 91% 0, 100% 30%, 100% 70%, 91% 99%, 7% 100%, 0% 70%, 0% 30%);
	padding: 10px 20px;
	margin:  30px auto 0;
}

.bt span{
	font-size: 1.5em;
	letter-spacing: 0.3em;
	margin-left: 8px;
}


.cloud01{
	width: 100%;
	position: absolute;
	left: -50%;
	bottom: -20%;
}

.cloud02{
	width: 100%;
	position: absolute;
	left: 10%;
	bottom: -20%;
}

.cloud03{
	width: 100%;
	position: absolute;
	right: -50%;
	bottom: -20%;
}