@charset "utf-8";
/* CSS Document */
body, div, ul, li, h1, h2, h3, h4, h5, h6, form, input, p{margin:0;padding:0;}
body{ width:100%; overflow-x:hidden; background:#f5f5f5; font-family:'Helvetica Neue', Arial, Helvetica, sans-serif; text-align:center; position:relative;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#content{zoom:50%;}} /* for safari */
#content{ position:relative;}
.header{ width:100%; height:124px; border-bottom:1px solid #dcdcdc; margin:0 auto; background:rgba(255,255,255,0.9);}
.header .title{ float:left; font-size:24px; line-height:30px; color:#787878; text-align:left; margin-left:38px; margin-top:30px;}
.title span{ display:block;}
.title .bigtitle{ font-size:30px; color:#3c3c3c; font-weight:bold; line-height:36px;}
.header .download{ float:right;}

.phonepic{ width:100%; background:url(/mobile/images/web_home_ios_template_2x.jpg) no-repeat center; height:648px;}
.androidpic{ width:100%; background:url(/mobile/images/Web_Android.png?v=20160530) no-repeat center; height:674px;background-size:auto 90%; margin:10px auto;}

.download a{ display:inline-block; font-size:26px; font-weight:bold; color:#fff; line-height:66px; padding:0 20px; background:#ffae00; border-radius:10px; margin:30px 38px 30px 0; text-decoration:none;}
.download a:active{ background:#d89d1d;}

.desc{width:100%; color:#000; text-align:center; font-size:28px; color:#787878; line-height:36px; }
.desc a{ color:#ffae00; text-decoration:none;}
.share{ margin:30px auto; text-align:center;}
.share a{ display:inline-block; margin:0 8px; width:88px; height:88px; text-indent:-999em; background-size:100% 100%; background-repeat:no-repeat;}
.share a.facebook{ background-image:url(/mobile/images/share_facebook_2.png);}
.share a.twitter{ background-image:url(/mobile/images/share_twitter_2.png);}
.share a.instagram{ background-image:url(/mobile/images/share_instagram_2.png);}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
	.phonepic{ background:url(/mobile/images/Web_iOS.png?v=20160530) no-repeat center center !important; height:900px !important; background-size:auto 90% !important;}
	.share a{ margin:0 18px !important;}
	.share a.facebook{ background-image:url(/mobile/images/share_facebook_3.png) !important;}
	.share a.twitter{ background-image:url(/mobile/images/share_twitter_3.png) !important;}
	.share a.instagram{ background-image:url(/mobile/images/share_instagram_3.png) !important;}
}