html, body {
    font-family: "TW-Kai", "WenQuanYi Zen Hei","WenQuanYi Micro Hei", "LiHei Pro", Meiryo, "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-height: 100%;
}

html {
    font-size: calc(100vw / 3.75);
}

body {
    background-color: #12171B;
}

.wrapper {
    display: block;
    background-repeat: no-repeat;
    background-image: url('bg.jpg');
    background-size: 100vw 187vw;
    height: 187vw;
    position: relative;
}

.logo {
    display: block;
    width: 50vw;
    height: .45rem;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 1.667rem .222rem;
}

.triangle {
    position: relative;
    margin: .309rem auto;
    display: block;
    width: 2.986rem;
    height: 3.715rem;
    background-image: url('triangle.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.title {
    position: absolute;
    top: 1.632rem;
    left: .184rem;
    width: 2.618rem;
    height: 1.291rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.download {
    margin: 0 auto .076rem;
    display: block;
    width: 2.444rem;
    height: .548rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 200%;
    cursor: pointer;
}

.download:hover, .download:active {
    background-position: 0 -.548rem;
}

.textDiv {
    color: #ffffff;
    font-size: .125rem;
    text-align: center;
}

.footer {
    font-size: .090rem;
    text-align: center;
    color: #8e9295;
    margin-top: .694rem;
    padding: .104rem .104rem 0 .104rem;
}

.footer .stress {
    color: #f6f6f6;
}

.block {
    display: block;
}