@charset "utf-8";* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,html {
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 16px;
    font-family: "Century Gothic","Helvetica Neue","Open Sans","Heiti TC","Microsoft JhengHei",'Microsoft JhengHei UI Regular','微軟正黑體 Light','微軟正黑體',sans-serif;
    color: #333;
    background-image: url(../assets/bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #0c0950
}

html {
    background-color: #fff
}

div[class^=vgg-share] {
    cursor: pointer
}

.rwd_outer {
    width: 1000px;
    margin: 0 auto
}

.rwd_outer img {
    display: block;
    width: 100%;
    height: auto
}

.rwd_outer .banner_outer,.rwd_outer .game_outer,.rwd_outer .info1_outer,.rwd_outer .info2_outer,.rwd_outer .info3_outer,.rwd_outer .social_outer,.rwd_outer .title_outer {
    position: relative;
    text-align: center
}

.rwd_outer .banner_outer,.rwd_outer .info1_outer,.rwd_outer .info2_outer,.rwd_outer .info3_outer,.rwd_outer .social_outer,.rwd_outer .top_outer {
    width: 1000px;
    margin: 0 auto
}

.top_outer:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

.title_outer {
    width: 100%;
    height: auto;
    cursor: pointer
}

.title_outer>div:nth-child(1) {
    display: block
}

.title_outer>div:nth-child(2) {
    display: none
}

.rwd_outer .prize_outer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 999
}

.rwd_outer .prize_outer ul {
    position: absolute;
    width: 740px;
    height: 420px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    list-style: none
}

.rwd_outer .prize_outer ul li {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../assets/prize_win.png);
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 180%;
    line-height: 160%;
    list-style: none
}

.rwd_outer .prize_outer ul li:before {
    content: "";
    display: inline-block;
    width: 0%;
    height: 100%;
    vertical-align: middle
}

.rwd_outer .prize_outer ul li div {
    width: 95%;
    display: inline-block;
    vertical-align: middle;
    font-weight: bolder;
    color: #333
}

.rwd_outer .prize_outer ul li div p {
    display: block;
    font-size: 100%;
    line-height: 200%
}

.rwd_outer .prize_outer ul li div b {
    display: block;
    font-size: 250%;
    line-height: 100%
}

.rwd_outer .prize_outer ul li div span {
    display: block;
    font-size: 100%;
    line-height: 200%
}

.rwd_outer .prize_outer ul li div span:before {
    content: "序號：";
    display: inline-block
}

.rwd_outer .prize_outer ul li div>a {
    text-decoration: none
}

.rwd_outer .prize_outer ul li div>a:nth-child(4) {
    display: block;
    width: 55%;
    margin: 0 auto;
    background-color: #ff0000;
    border-radius: 5px;
    font-size: 100%;
    line-height: 200%;
    color: #ffffff
}

.rwd_outer .prize_outer ul li div>div {
    display: inline-block;
    font-size: 100%;
    line-height: 200%;
    padding-top: 2%
}

.rwd_outer .prize_outer ul li div>div>a {
    padding: 1% 2%;
    margin: 2%;
    background-color: red;
    border-radius: 5px;
    font-size: 80%;
    line-height: 200%;
    color: #fff
}

.rwd_outer .prize_outer ul li i {
    display: block;
    position: absolute;
    width: 5%;
    height: auto;
    top: 0;
    right: 0;
    transform: translate(50%,-50%)
}

.rwd_outer .prize_outer.prize_link,.rwd_outer .prize_outer.prize_num,.rwd_outer .prize_outer.prize_pop1,.rwd_outer .prize_outer.prize_pop2 {
    display: none
}

.rwd_outer .app_outer:after,.rwd_outer .banner_outer:after,.rwd_outer .social_outer:after {
    content: "";
    display: block;
    height: 0%;
    clear: both
}

.rwd_outer .app_outer,.rwd_outer .social_outer {
    padding: 1.5% 0
}

.rwd_outer .app_outer>div,.rwd_outer .social_outer>div {
    width: 49%
}

.rwd_outer .app_outer>div:nth-child(1),.rwd_outer .social_outer>div:nth-child(1) {
    float: left
}

.rwd_outer .app_outer>div:nth-child(2),.rwd_outer .social_outer>div:nth-child(2) {
    float: right
}

.rwd_outer .info1_outer {
    margin-bottom: 1.5%
}

.rwd_outer .info2_outer,.rwd_outer .info3_outer {
    background-color: #fff;
    padding: 3%;
    text-align: left;
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 1.5%
}

.rwd_outer .info2_outer ul,.rwd_outer .info3_outer ul {
    width: 100%;
    margin-left: 3%;
    list-style-type: decimal
}

.rwd_outer .banner_outer>div {
    display: block;
    float: left
}

.rwd_outer .banner_outer>div:nth-child(n+2) {
    width: 49.25%;
    margin-top: 1.5%
}

.rwd_outer .banner_outer>div:nth-child(3) {
    margin-left: 1.5%
}

.copyouter {
    width: 200px;
    height: 100px;
    background: white;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .2);
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 120%;
    z-index: 999999;
    display: none;
}

.copyouter:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.copyouter .copynow {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 640px) {
    .rwd_outer {
        width:100%;
        padding: 3vw
    }

    .title_outer {
        height: calc(822/640*100%)
    }

    .rwd_outer .banner_outer,.rwd_outer .game_outer,.rwd_outer .info1_outer,.rwd_outer .info2_outer,.rwd_outer .info3_outer,.rwd_outer .social_outer,.rwd_outer .title_outer,.rwd_outer .top_outer {
        width: 100%
    }

    .rwd_outer .title_outer>div:nth-child(1) {
        display: none
    }

    .rwd_outer .title_outer>div:nth-child(2) {
        display: block
    }

    .rwd_outer .prize_outer ul {
        width: 85vw;
        height: 127.5vw
    }

    .rwd_outer .prize_outer ul li {
        background-image: url(../assets/prize_win2.png);
        font-size: 140%;
        line-height: 140%
    }

    .rwd_outer .prize_outer ul li div b {
        font-size: 160%
    }

    .rwd_outer .prize_outer ul li i {
        width: 10%
    }

    .rwd_outer .info2_outer,.rwd_outer .info3_outer {
        padding: 6%;
        font-size: 4vw
    }
}