@charset "utf-8";
/* CSS Document */
video {
    object-fit: cover;
}
@media only screen and (max-width: 360px) { /* phone small */
#pic {
	height:35% !important;
	min-height: 120px;
}
.link_wrap {
	margin: 20px auto;
	top: calc(46% - 224px);
}
#content p {
  height:132px;
}
}
@media only screen and (min-width: 360px) and (max-width: 460px) { /* phone */
#pic {
	height:45% !important;
	min-height: 200px;
}
.link_wrap {
	margin-top: 20px;
	top: calc(30% - 130px);
}
#content p {
  height:154px;
}
}
@media only screen and (min-width: 460px) and (max-width: 520px) { /* tablet small*/
#pic {
	height:45% !important;
	max-height: 360px;
}
.link_wrap {
	margin-top: 0px;
	top: 0px;
}
#content p {
  height:110px;
}
}
@media only screen and (min-width: 520px) and (max-width: 638px) { /* tablet */
#pic {
	height:54% !important;
	max-height: 360px;
}
.link_wrap {
	margin-top: 5px;
	top: 0px;
}
#content p {
  height:110px;
}
}

@media only screen and (min-width: 638px) {   /*desktop banner*/
#pic {
	height:338px !important;
	max-height: 338px;
}
.link_wrap {
	margin-top: 20px;
	top: 0px;
}
#content p {
  height:88px;
}
}

* {
	font-family: Helvetica Neue, Helvetica, Roboto-Light, Segeo UI, Microsoft Yahei, Arial, Verdana;
}
html{
	height:100%;
	}
body {
	max-width: 640px;
	height: 100%;
	min-height:448px;
	width: 100%;
	font-family: Helvetica Neue, Helvetica, Roboto-Light, Segeo UI, Microsoft Yahei, Arial, Verdana;
	font-weight: 200;
	margin: 0 auto;
	background-color: #FFFFFF;
	overflow:hidden;
	-ms-content-zooming:none;
}
#pic {
	width: 100%;
	height:338px;
	margin: 0px auto 30px auto;
	overflow: hidden;
  background-image: url(pic.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
}
img {
	width: 100%;
	height: 100%;
}
#content {
	width: 100%;
	height: auto;
	text-align: center;
}
#content h1 {
	color: #000000;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	margin-top: 0px;
	line-height: 26px;
	width: 100%;
	margin-bottom: 12px;
}
#content h1 span{
font-size: 10px;
color: #FFFFFF;
padding: 2px 4px;
letter-spacing: 1px;
background: #EB8132;
border-radius: 3px;
margin-left: 8px;
vertical-align: middle;
}
#content p {
	font-weight: 300;
	margin: 0px auto;
	text-align: center;
	width: 85%;
	overflow-y: auto;
font-size: 15px;
color: #434343;
line-height: 22px;
}
.link_wrap {
  text-align: center;
}
.link_wrap a{
  display: inline-block;
	height: 48px;
  min-width:100px;
  max-width:300px;
	border-radius: 25px;
  background-color: #008AFF;
  text-decoration: none;
  padding: 0 30px;
	font-size: 20px;
	line-height: 48px;
	color: #fff;
}
.link_wrap a:hover{
	cursor:pointer;
	background-color:#0386F6;
}
.link_wrap a:active{
	background-color:#0080EC;
}