/* Html */
@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

body:before {
    background: none;
}
body::-webkit-scrollbar {
    width: 0; !important
    background-color: transparent;
}
/* === End === --- --- --- --- --- --- --- --- --- Html --- --- --- */



/* Body */
body {
    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    color: #000;
    background-color: #fff;

    font-family: 'Abril Fatface', 'Noto Serif TC';
}
/* === End === --- --- --- --- --- --- --- --- --- Body --- --- --- */



/* Background */
.bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg.fix {
    background-attachment: fixed;
}

.bs {
    background-repeat: repeat;
    background-position: center;
}
/* === End === --- --- --- --- --- --- --- --- --- Background --- --- --- */



/* Img */
img {
    width: 100%;
    height: auto;
}
/* === End === --- --- --- --- --- --- --- --- --- Img --- --- --- */



/* Link */
a {
    text-decoration: none;
    transition: all .5s;
}
/* === End === --- --- --- --- --- --- --- --- --- Link --- --- --- */



/* Font */
en {
    font-weight: 100;
}
/* === End === --- --- --- --- --- --- --- --- --- Font --- --- --- */



/* Width And Height */
.vwh {
    display: table-cell;
    vertical-align: middle;
}
/* === End === --- --- --- --- --- --- --- --- --- Width And Height --- --- --- */