body {
    background-image: url('../19/images/BG01.jpg');
    background-repeat: repeat;
    background-position: center;
}
    body #Frame {
        position: relative;
        width: 980px;
        margin: 0px auto;
        border: 2px solid #c6c6c6;
        overflow: hidden;
    }
    body.TabletPC #Frame,
    body.landscape #Frame {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid #fceabb;
        overflow: hidden;
    }
    body.portrait #Frame {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid #fceabb;
        overflow: hidden;
    }
#main {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0px;
    padding: 0px;
}

    #main img {
        width: 100%;
    }

#Frame > #Bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    text-align: center;
    width: 100%;
    min-height: 5%;
    z-index: 999; 
    clear: both;
}

    #Frame > #Bottom > input[type=button] {
        font-size: 1rem;
        font-family: 微軟正黑體;
        font-weight: bold;
        letter-spacing: 0.1rem;
        border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        background-color: #ebebeb;
        margin-top: 0.2rem;
        margin-bottom: 0.1rem;
        padding-left: 0.3rem;
        padding-right: 0.2rem;
        padding-bottom: 0.1rem;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
        background: rgb(109,179,242); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
        color: #FFFFFF;
    }

        #Frame > #Bottom > input[type=button]:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
            background: rgba(224,239,249,1); /* Old browsers */
            background: -moz-linear-gradient(top,rgba(224,239,249,1) 0%,rgba(181,198,208,1) 50%, rgba(216,225,231,1) 51%, rgba(242,246,248,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 50%, rgba(216,225,231,1) 51%, rgba(242,246,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,rgba(224,239,249,1) 0%,rgba(181,198,208,1) 50%, rgba(216,225,231,1) 51%, rgba(242,246,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eff9', endColorstr='#f2f6f8',GradientType=0 ); /* IE6-9 */
            color: #282828;
        }
#drawIncense {
    position: absolute;
}
#background {
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}
.draw {
    position: absolute;
}
.hidden {
    display: none;
}

@media screen and (orientation: portrait) and (max-width: 980px) {
    #Frame > #Bottom {
        min-height: 5vw;
    }
        #Frame > #Bottom > input[type=button] {
            font-size: 0.8rem;
        }
}

@media screen and (orientation:landscape) and (max-height: 700px) {
    #Frame > #Bottom {
        min-height: 7.5vh; 
    }

        #Frame > #Bottom > input[type=button] {
            font-size: 0.8rem;
        }
}