body::-webkit-scrollbar {
    display: none
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    color: #525252;
}

a:focus,
a:hover {
    text-decoration: none;
    color: #525252;
    ;
}

.bg-color-lightgolden {
    background-color: #f3ebd3;
}

.bg-color-transparent {
    background-color: transparent;
}

.w-35 {
    width: 35%;
}

.w-65 {
    width: 65%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.rounded-15 {
    border-radius: 15px;
}

.content-section {
    padding: 2rem 12rem;
}

.section-title {
    text-align: center;
    font-size: 28px;
    color: #525252;
}

.subtitle {
    font-size: 22px;
    color: #525252;
}

.content,
.customized-input-text {
    font-size: 18px;
    color: #525252;
}

.underline {
    border-bottom: 2px solid #525252;
    ;
    margin: auto;
}


/*-------------------------------------------------------
# 簽到表單
--------------------------------------------------------*/

.form-wrapper {
    padding: 30px 20px;
}

.form-wrapper .btn-sendSmsCode-wrapper {
    padding-top: 35px;
}

.form-wrapper .btn-sendSmsCode,
.form-wrapper .btn-sendForm {
    font-size: 1.1rem;
    background-color: #74b2be;
    /* background-color: #5d8ab7; */
    color: #ffffff;
    border: 0;
}

.form-wrapper .btn-sendSmsCode:hover,
.form-wrapper .btn-sendForm:hover {
    background-color: #6aa5b1;
}

#sign .form-control {
    background-color: transparent;
}

.leaf-green {
    position: absolute;
    left: 0px;
    top: -70px;
}

.leaf-double {
    position: absolute;
    text-align: right;
    right: 0px;
    top: -30px;
}

.hioo-block img {
    border: 1px solid #3c3c3c;
    border-radius: 10px;
    padding: 10px;
    width: 15%;
}

.hioo-block a {
    border-bottom: 1px solid #3c3c3c;
}

.hioo-block a:hover {
    color: #949494;
    border-color: #949494;
}


/*=========== select2 ===========*/


/* .select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    background-color: transparent;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #525252;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
} */


/*-------------------------------------------------------
# 注意事項
--------------------------------------------------------*/

.qa-list {
    border: 1px solid;
    padding: 40px 30px 40px 10px;
    text-align: justify;
}

.draw {
    position: absolute;
    left: 70px;
    top: -70px
}

.infomation .card-header .fa-angle-down {
    float: right;
}

.infomation .card {
    border: 1px solid gray;
}


/*-------------------------------------------------------
# 同場加映
--------------------------------------------------------*/

.svg-inline--fa.fa-angle-right,
.svg-inline--fa.fa-angle-left {
    display: none;
}

.carousel-control-prev {
    margin-left: -50px !important;
}

.carousel-control-next {
    margin-right: -50px !important;
}

.carousel-control-prev::after {
    content: "";
    height: 25px;
    width: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%2300000'/%3E%3C/svg%3E") no-repeat;
    background-size: 16px;
    position: absolute;
}

.carousel-control-next::after {
    content: "";
    height: 25px;
    width: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%2300000'/%3E%3C/svg%3E") no-repeat;
    background-size: 16px;
    position: absolute;
}

@media screen and (max-width:1200px) {
    .content-section {
        padding: 2rem 9rem;
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {
    .content-section {
        padding: 2rem 7rem;
    }
}

@media screen and (max-width:768px) {
    .content-section {
        padding: 2rem 5.5rem;
    }
    .content,
    .customized-input-text {
        font-size: 16px;
    }
    /*-------------------------------------------------------
    # 注意事項
    --------------------------------------------------------*/
    .draw {
        left: 10px;
        top: -25px;
    }
}

@media screen and (max-width:767px) {
    .section-title {
        font-size: 22px;
    }
    .subtitle {
        font-size: 17px;
    }
    .form-wrapper {
        padding: 30px 10px;
    }
    .form-wrapper .btn-sendSmsCode-wrapper {
        padding-top: 0;
    }
    .hioo-block img {
        width: 30%;
    }
    /*-------------------------------------------------------
    # 注意事項
    --------------------------------------------------------*/
    .qa-list {
        padding: 0;
        border: 0;
    }
    .qa-list .card-body {
        padding-left: 0;
    }
    /*-------------------------------------------------------
    # follow us
    --------------------------------------------------------*/
    .followus-m .content {
        color: #fff;
        font-size: .8rem;
    }
    .followus-m .icon {
        color: #fff;
        background-color: #3c3c3c;
        font-size: 1.2rem;
    }
}

@media screen and (max-width:460px) {
    .content-section {
        padding: 1rem .8rem;
    }
    .hioo-block img {
        width: 40%;
    }
}