@charset "UTF-8";

/*
0-600px Phone
600-900px Tablet portrait
900-1200px Tablet landscape
1200-1800 is our normal styles apply
1800px + Big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop
1em=16px

ORDER:base+typography > general layout + grid>page layout >components
*/
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    position: relative;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "微軟正黑體",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

button,
input,
.main.btn {
    font-family: "微軟正黑體",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    font-size: 16px;
}

.main.btn {
    background-color: #34adab;
    border-color: transparent;
}

.main.btn:hover {
    background-color: #81d1cf;
    border-color: transparent;
    color: #fff;
}

/*@media (min-width: 1024px) {
    body {
       // overflow: hidden;
    }
}

@media (max-width: 1023px) {
    body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        overflow: hidden;
    }
}

*/