@charset "utf-8";


/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
              以下為姚自訂樣式
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/







/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
              首頁
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.yao_header_container {
    max-width: 1400px;
    margin: 0 auto;
}


/*--header_logo--*/
.main-menu .navbar-brand {
    width: 21%;
}


/*--前往艾玩台灣--*/
.main-menu .go_iw_tw_btn {
    width: 272px;
    height: auto;
    padding-bottom: 0%;
    padding-left: 1%;
    cursor: pointer;
    display: block;
}


.main-menu .gb_btn {
    display: none;
}


/*--漢堡--*/
.navbar-toggler {
    color: #000 !important;
}




@media screen and (max-width: 1920px) {

    .yao_header_container {
        max-width: 1300px;
    }

    .main-menu .navbar-brand {
        width: 20%;
    }

    .main-menu .go_iw_tw_btn {
        width: 255px;
    }

}




@media screen and (max-width: 1470px) {

    .yao_header_container {
        max-width: 1200px;
    }

    .main-menu .go_iw_tw_btn {
        width: 206px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
    }

}


@media screen and (max-width: 1310px) {

    .yao_header_container {
        max-width: 1040px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
    }
}


@media screen and (max-width: 1100px) {


    .yao_header_container {
        max-width: 96%;
    }

    .navbar .navbar-collapse ul li {
        margin-right: 5px;
        position: relative;
    }

    /*.main-menu .go_iw_tw_btn {
        margin-left: 16%;
    }*/


}


@media screen and (max-width: 992px) {

    .yao_header_container {
        max-width: 80%;
    }

    .main-menu .navbar-brand {
        width: 35%;
    }

    /*--前往艾玩台灣--*/
    .main-menu .go_iw_tw_btn {
        display: none;
    }


    .main-menu .gb_btn {
        display: block;

        margin-top: 10%;
        padding: 2% 0%;
        border-radius: 33px;
        background-color: #ed1a3b;
    }

    .main-menu .gb_btn a {
        color: rgb(255, 255, 255) !important;
        text-align: center;
    }


}


@media screen and (max-width: 767px) {

    .main-menu .navbar-brand {
        width: 40%;
    }
}







/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
              about us
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.about.yao_cos_1 {
    padding: 16vh 0;
}


@media screen and (max-width: 1470px) {}


@media screen and (max-width: 1100px) {}


@media screen and (max-width: 767px) {

    .about.yao_cos_1 {
        padding: 6vh 0;
    }

}