@import url(../css/bootstrap-select.min.css);

@import url(../css/animate.min.css);

@import url(../css/fullpage.css);

@import url(../css/aos.css);

@import url(../fancybox/jquery.fancybox.css?v=1.2.5);

@import url(../slick/slick.css?v=1.2.5);

@import url(../slick/slick-theme.css?v=1.2.5);

@import url(../mCustomScrollbar/jquery.mCustomScrollbar.min.css?v=1.2.5);

/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;900&display=swap');

@import url(../fonts/fontawesome/css/all.css);

@import url(../fonts/Avenir/stylesheet.css);

@import url(../css/floating-labels.css);



#loader {

    width: 80px;

    height: 80px;

    background-image: url("../images/logo.png");

    background-size: 50% auto;

    background-repeat: no-repeat;

    background-position: center 50%;

    background-color: #fff;

    border-radius: 50rem;

    box-shadow: 0px 1px 20px 0px rgba(112, 112, 112, 0.25);

    position: fixed;

    z-index: 99993;

    width: 80px;

    height: 80px;

    line-height: 80px;

    left: 50% !important;

    top: 50% !important;

    margin: -40px 0 0 -40px;

    vertical-align: top;

}



#loader .spinner-border {

    vertical-align: top;

    width: 100%;

    height: 100%;

    margin-top: 0;

    color: #da1e32;

    border-width: 2px;

    margin-top: 0;

    animation-duration: 1s !important;

}



html, body, #page {

    width: 100vw;

    overflow-x: hidden;

    font-family: 'Noto Sans', sans-serif;

    /*font-family: 'Avenir';*/

    font-weight: normal;

    color: #4c4c4c;

    font-weight:400;

}



body {

    overflow-x: hidden;

}



img {

    user-select: none;

    max-width: 100%;

    height: auto;

    object-fit: cover;

    object-position: center;

    user-select: none;

}



a,[onclick],.btn,button,input{

    cursor: pointer;

    text-decoration: none;

    outline: none;

    transition: all 0.2s;

}

a:hover{

    text-decoration:none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0;

    font-weight: inherit;

    font-size: inherit;

    line-height: inherit;

}



p {

    margin: 0 0 10px;

}



span[style] {

    font-family: inherit !important;

    font-size: inherit !important;

}



@media (min-width: 992px) {

    /*width:1920px = font-size:18px*/

    html, body {

        font-size:1.041666666666667vw;

    }



    .pc {

        display: block !important;

    }



    .mb {

        display: none !important;

    }



    .container {

        width:62.5rem;

        max-width:62.5rem;

        padding-left: 0;

        padding-right: 0;

        position: relative;

    }

}



@media (max-width: 991px) {

    /*width:750px ~ font-size:30px*/

    html,

    body {

        font-size:4vw;

    }



    .pc {

        display: none !important;

    }



    .mb {

        display: block !important;

    }



    .container {

        width: 100%;

        max-width: 100%;

        padding-left: 0;

        padding-right: 0;

        position: relative;

    }

}