@charset "utf-8";
/* CSS Document */
html, body { margin: 0; padding: 0; font: 100%/1.6em Arial, "Microsoft JhengHei", sans-serif; color: #000; -webkit-text-size-adjust: 100%; }
html { overflow-x: hidden;}
a { text-decoration: none; outline: none; color: #2284b3; }
a:hover { text-decoration: none;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin: 0; padding: 0; border: none; }
img { border: none; }
input, textarea, select { font: 16px/140% Arial, "Microsoft JhengHei", sans-serif; color: #666; }
ul { list-style: none; }
.fL { float: left; }
.fR { float: right; }
.clr { clear: both; }
.tRight { text-align: right; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
img.imgBlock { display: block; }

/* wrapper */
.wrapper { padding: 0; overflow-y: scroll; height: calc(100% - 140px); }
.wrapper p { padding: 0 20px 5px 20px; font-size: 1.2em; white-space: pre-wrap;}

.info { text-align: center; margin-bottom: 40px; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #808080;
    background-blend-mode: multiply;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.logo { height: 100px; background: url(../images/logo.png) center center no-repeat; background-size: contain; margin: 20px; }
.info .pic { width: 130px; height: 130px; margin: 0 auto 10px;}
.info .pic span { display: block; overflow: hidden; position: relative; height: 0; padding-bottom: 100%; background-color: #009cc7 }
.info .pic span img { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 130px; width: 100%;transform: translate(-50%, -50%);}
p { margin-bottom: 5px; font-size: 1.0em;}
p.name { font-size: 1.75em; font-weight: bold; line-height: 1.2em;}

.download { 
	text-align: center; 
	position: absolute;
	bottom: 0px; left: 0px; right: 0px;
	padding: 20px;
	background: linear-gradient( 180deg, #ffffff 0%, #808080 100%);
 }
.download .ios {height: 40px; background: url(../images/dl_ios.png) center center no-repeat; background-size: contain; }
.download .android {height: 40px; background: url(../images/dl_android.png) center center no-repeat; background-size: contain; }
.download p { margin-bottom: 5px; }
.download .bt { background-color: #1b90d9; border-radius: 10px; line-height: 60px; margin: 20px; }
.download .bt a {display: block; font-size: 1.3rem; letter-spacing: 2px; font-weight: 600; color: #fff; }