@font-face {
    font-family: "noto";
    src: url('/fonts/NotoSansTC-Regular.otf');
}

@font-face {
    font-family: "noto-light";
    src: url('/fonts/NotoSansTC-Light.otf');
}

@font-face {
    font-family: "noto-bold";
    src: url('/fonts/NotoSansTC-bold.otf');
}


@font-face {
    font-family: "lato";
    src: url('/fonts/Lato-Regular.ttf');
}

@font-face {
    font-family: "lato-light";
    src: url('/fonts/Lato-Light.ttf');
}

@font-face {
    font-family: "lato-bold";
    src: url('/fonts/Lato-Bold.ttf');
}


body, html {
    height: 100%;
    font-family: 'noto', sans-serif;
    font-style: normal;
    overflow: hidden; /* Hide scrollbars */
    padding: 0px;
    margin: 0px;
}


::-webkit-input-placeholder { /* Edge */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'noto-light';
    color: #8e9399;
}

::placeholder {
    font-family: 'noto-light';
    color: #8e9399;
}

select:required:invalid {
    color: #8e9399;
}

option[value=""][disabled] {
    display: none;
}

option {
}

.flex-grow {
    flex: 1 0 auto;
}


.noto-light {
    font-family: 'noto-light';
}


textarea {
    width: 100%;
    border-radius: 10px;
    border: solid 1px #9c9c9c;
    padding: 10px;
    min-height: 100px;
}

    textarea:focus, input:focus {
        outline: none;
    }
    


.pointer {
    cursor: pointer;
}


.custom-container {
    /*   max-width: 1396px;*/
}

/*a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }
*/