@charset "utf-8";

.main-img {
    text-align: center;
}

.main-img img {
    max-width: 100%;
    width: 1300px;
}

.study_content {
    /*background-color: #f7d1d0;*/
    max-width: 1000px;
    margin: 0 auto;
}

.culture_wrap {
    width: 70%;
    /*margin: -7% auto 0 ;*/
    /*background-color: rgba(255, 253, 233, 0.4);*/
    /*padding: 14%;*/
    text-align: center;
    font-weight: 900;
    /* background-image: url(../images/bomb);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 80% 90%;
    /*float: left;*/
    color: #005267;
    line-height: 3.5rem;
    font-size: 1.6rem;
    margin: 5% auto;
}

.culture_wrap .icon {
    margin: 2%;
}

.culture_wrap_1 {
    width: 70%;
    margin: 5% auto;
    background-color: rgba(255, 253, 233, 0.4);
    padding: 10%;
    text-align: center;
    font-weight: 900;
}

.main_title_wrap {
    width: 100%;
    text-align: center;
}

.title_wrap {
    text-align: center;
}

.main_title_leftpic {
    width: 30px;
    height: 5px;
    background-color: #4b71b7;
    display: inline-block;
    margin-bottom: 6px;
}

.main_title_rightpic {
    width: 30px;
    height: 5px;
    background-color: #4b71b7;
    display: inline-block;
    margin-bottom: 6px;
}

.main_title_text {
    font-size: 25px;
    font-weight: bolder;
    margin: 20px 0;
    display: inline-block;
}

.main_title_text img {
    float: left;
    position: relative;
}

.camp_char {
    width: 80%;
    margin: 1% auto;
}

.camp_char_img {
    padding: 3%;
}

.camp_char_img img {
    max-width: 100%;
}

.info_wrap {
    width: 100%;
    position: relative;
    margin: 3% auto;
    background-color: #fff8e0;
    text-align: center;
    float: left;
    border-radius: 20% 15% 5% 10%;
}

.info_row {
    width: 100%;
    float: left;
    position: relative;
}

.info_title {
    width: 30%;
    font-size: 20px;
    font-weight: bolder;
    text-align: right;
    float: left;
    position: relative;
    padding: 2% 0px;
    color: #22436c;
}

.info_text {
    width: 60%;
    font-size: 15px;
    float: left;
    position: relative;
    margin-left: 18px;
    padding: 5px 0px;
    color: #22436c;
    text-align: left;
    margin-top: 24px;
}

.info_title2 {
    width: 30%;
    font-size: 20px;
    font-weight: bolder;
    text-align: right;
    float: left;
    position: relative;
    padding: 2% 0px;
}

.info_text2 {
    width: 60%;
    font-size: 15px;
    float: left;
    position: relative;
    margin-left: 35px;
    padding: 5px 0px;
    text-align: left;
    margin-top: 45px;
}

.info_text2 span {
    color: #e84a6d;
}

.info_pic {
    width: 100%;
    text-align: center;
}

.info_pic img {
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.schedule_pic img {
    max-width: 100%;
}

.schedule_text {
    margin: 5% 0;
}

.study_content .camp_href {
    background-color: #f8d57c;
    margin: 5% auto;
    text-align: center;
}

.study_content .href {
    padding: 2%;
}

.study_content .href img {
    max-width: 100%;
}

.study_content .href-1 {
    color: #22436c;
    font-size: 1.7rem;
    font-weight: bolder;
    line-height: 3rem;
}

.study_content .href-2 {
    color: #333333;
    font-size: 1.7rem;
    font-weight: bolder;
    line-height: 3rem;
}

.study_content .href-text {
    text-align: center;
    border: 1px solid #f8d57c;
    width: max-content;
    margin: 0 auto;
    padding: 0.5% 10%;
}

.study_content .href a {
    color: #22436c;
}

.footer-wrap {
    background-image: url(../images/main-footer);
    width: 1300px;
    max-width: 100%;
    height: 952px;
    margin: 0 auto;
}

.yourtrip {
    background-image: url(../images/yourtrip-b);
    background-position: center bottom;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 50px;
    clear: both;
    padding: 3.5%;
}

.yourtrip-title {
    color: #fff;
    text-align: center;
    font-size: 3rem;
    font-weight: bolder;
    padding: 4% 0 2%;
}

.yourtrip-pic {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.yourimg {}

.yourimg img {
    max-width: 100%;
}

.btn-wrap {
    display: flex;
    width: max-content;
    margin: 2% auto 0;
}
/*課程資訊*/
.school_class{}
.school_class img{
    max-width: 100%;
}
.school_class_text{
    width: 60%;
    color: #22436c;
    font-size: 1.7rem;
    margin: 3% auto;
}
.teacher_wrap{
    border: 2px dashed #22436c;
    width: 80%;
    margin: 2% auto;
    padding: 1% 0;
}
.teacher_img{
    text-align: left;
}
.teacher_img img{}
.teacher_row{
    padding: 0 10%;
}

.teacher-img{
    text-align: left;
}
.teacher-img img{
    width: 100%;
    max-width: 230px;
}
.teacher_title{
    color: #22436c;
    font-size: 2.3rem;
    font-weight: bolder;
    margin: 1% 0;
    width: max-content;
    max-width: 100%;
}

.teacher_content{
    color: #22436c;
    margin: 6% 0;
    width: max-content;
    text-align: left;
    font-size: 1.7rem;
    line-height: 2.7rem;
    max-width: 100%;

}
.footer-wrap-1{
    background-image: url(../images/main-footer);
    width: 100%;
    max-width: 100%;
    height: 952px;
    margin: -15% auto 0;
    background-repeat: no-repeat;
    background-position-x: center;
}
.footer-wrap-1 .btn-wrap{  
    display: flex;
    width: max-content;
    margin: 20% auto 0;  
}
/*活動特色*/
.school_class_1 img{
    width: 370px;
    max-width: 100%;
}
.schedule-title{
    text-align: left;
    font-size: 2rem;
    color: #22436c;
    font-weight: bolder;
    text-align: left;
    padding: 1% 6%;
}
.schedule-title img{
    padding: 1%;
}
.schedule-wrap{
    padding: 0 3%;
}
.schedule-img{}
.schedule-img img{
    max-width: 300px;
    width: 100%;
}
.schedule-content{
    color: #22436c;
    font-size: 1.6rem;
    font-weight: bolder;
    text-align: left;
    line-height: 2.5rem;
    padding: 0 5%;
}
.schedule_b{
    width: 900px;
    max-width: 100%;
    height: 50px;
    margin: 2% auto;
    background-image: url(../images/schedule_b);
    background-position: center bottom;
    background-repeat: no-repeat;
    clear: both;
}
/*旅程食宿*/
.travel-img{}
.travel-img img{
    width: 175px;
}
.travel-content{
    text-align: left;
    margin: 3% 0;
}

.bluelist{
    list-style-image:url('../images/icon/bluelist');
    color: #22436c;
    font-size: 1.5rem;
    line-height: 2.5rem;
}
.flylist{
    list-style-image:url('../images/icon/bluelist');
    color: #22436c;
    font-size: 2.2rem;
    line-height: 2.5rem;
    font-weight: bolder;
}
.flytable1{
    width: max-content;
    margin: 1% auto;
    font-size: 3rem;
    padding: 2% 0;
    max-width: 100%;
}
.flytable1 table tr td{
    border: 3px solid #f8d57c;
    padding: 2%;
    color: #22436c;
}
.discounttext{
    width: max-content;
    margin: 1% auto;
    text-align: left;
    max-width: 90%;
}
.discountlist{
    list-style-image:url('../images/icon/bluelist');
    color: #c3114e;
    font-size: 2.2rem;
    font-weight: bolder;
}
.discountimg{
    margin: 3% 0;
}
.discountimg img{
    width:100%;
    max-width: 400px;
}
.necessary{
    width: max-content;
    margin: 1% auto;
    text-align: left;
}
.necessarylist{
    list-style-image:url('../images/icon/bluelist');
    color: #22436c;
    font-size: 2.2rem;
    font-weight: bolder;
    margin: 2% 0;
}
.necessary_notice{
    color: #22436c;
    font-size: 2.8rem;
    font-weight: bolder;
    margin: 2% 0;
}
.necessarynotice{
    width: max-content;
    margin: 1% auto;
    text-align: left;
    max-width: 90%;
}
.necessarynoticelist{
    list-style-image:url('../images/icon/bluelist');
    color: #22436c;
    font-size: 2.2rem;
    margin: 2% 0;
    font-weight: 500;
}




/*行程與特色------------------*/
.travel_route_wrap {
    width: 100%;
    margin: 0 auto;
}

.travel_wrap {
    width: 100%;
}

.travel_wrap img {
    max-width: 100%;
}

.travel_title {
    font-size: 17px;
    font-weight: bolder;
    color: #d96763;
    text-align: center;
    float: left;
    position: relative;
    width: 100%;
}

.travel_text {
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    float: left;
    width: 100%;
    position: relative;
    padding: 20px 0px;
}

.travel_spec {
    width: 100%;
}

.travel_spec li {
    font-size: 17px;
    font-weight: bolder;
    list-style-type: none;
    color: #6089a7;
    text-align: center;
    line-height: 30px;
}

.travel_route {
    width: 100%;
    text-align: center;
}

.route_list {
    width: 300px;
    display: inline-block;
}

.route_list img {
    float: left;
    position: relative;
    max-width: 100%;
}

.travel_place_wrap {
    width: 100%;
    display: inline-block;
    padding: 0 30px;
    padding-bottom: 50px;
}

.flight {
    text-align: center;
}

.flight img {
    max-width: 90%;
}

.place_list {
    width: 33%;
    display: inline-block;
    padding: 0 10px;
    float: left;
}

.place_list_pic {
    width: 190px;
    text-align: center;
    padding: 0 50px;
}

.place_list_title {
    font-size: 18px;
    color: #5e3819;
    padding: 10px 0px;
    text-align: center;
    font-weight: bolder;
}

.place_list_text {
    font-size: 15px;
    color: #222;
    padding: 10px 20px;
    text-align: justify;
    line-height: 25px;
}

/*優惠方案------------------*/
.culture_wrap_d {
    width: 70%;
    margin: -7% 15% 0 15%;
    background-color: rgba(255, 253, 233, 0.4);
    padding: 14%;
    text-align: center;
    font-weight: 900;
    /*background-image: url(../images/bomb);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 80% 10%;
    float: left;
}

.discount_wrap {
    width: 100%;
    margin: 0 auto;
}

.discount_text {
    font-size: 15px;
    color: #222;
    text-align: center;
}

.discount_icon {
    float: left;
    position: relative;
}

/*Q&A------------------*/
.qandalist{
    list-style-image:url('../images/icon/bluelist');
    font-size: 15px;
    font-weight: bolder;
    color: #c3114e;
    width: 100%;
    margin: 15px 0;
    text-align: left;
}


.culture_wrap_2 {
    width: 70%;
    margin: -7% 15% 0%;
    /*background-color: rgba(255, 253, 233, 0.4);*/
    padding: 10%;
    text-align: center;
    font-weight: 900;
    float: left;
}

.qa_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
}

.qa_title {
    font-size: 15px;
    font-weight: bolder;
    color: #c3114e;
    width: 100%;
    margin: 15px 0;
    text-align: left;
}

.qa_text {
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    width: 100%;
    padding: 10px 0px;
    margin-left: 30px;
    color: #22436c;
}

/*報名流程------------------*/
.culture_wrap_4 {
    width: 70%;
    margin: -7% 15% 0%;
    background-color: rgba(255, 253, 233, 0.4);
    padding: 10%;
    text-align: center;
    font-weight: 900;
    float: left;
}

.go_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
}

.go_row {
    width: 100%;
    padding: 15px 0px;
}

.go_title {
    display: inline-block;
    border-radius: 99em;
    color: #FFF;
}

.go_title p {
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    line-height: 25px;
    padding: 20px 0px;
}

.go_text {
    width: 80%;
    font-size: 15px;
    display: inline-block;
    margin-left: 35px;
    padding: 5px 0px;
    line-height: 25px;
}

.go_notice {
    font-size: 15px;
    padding: 15px 0px;
    line-height: 25px;
}

.contact_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.contact_text {
    font-size: 15px;
    color: #222;
    text-align: center;
    line-height: 25px;
}

.contact_btn_wrap {
    width: 37%;
    margin: 0 auto;
}

.download_btn {
    /*display: inline-block; */
    margin: 10px;
    padding: 50px 0;
    text-align: center;
    clear: both;
    /*清除浮動*/
}

.download_btn a {
    font-size: 18px;
    color: #22436c;
    font-weight: 900;
    text-align: center;
    /* background-color: #d18b8b; */
    padding: 10px 35px;
    border-radius: 5px;
    border: 2px solid #fff;
}

.download_btn a:hover {
    background-color: #fff;
}

.appointment_btn {
    display: inline-block;
    margin: 10px;
    padding-bottom: 50px;
}

.appointment_btn a {
    font-size: 3rem;
    font-weight: 900;
    text-align: center;
    /*background-color: #d18b8b;*/
    padding: 10px 45px;
    border-radius: 5px;
    color: #22436c;
}

.appointment_btn a:hover {
    background-color: #f8d57c;
}

/*預約諮詢------------------*/
.formlist{
    list-style-image:url('../images/icon/bluelist');
    color: #22436c;
    font-size: 1.8rem;
    text-align: left;
    font-weight: 500;
}
.culture_wrap_3 {
    width: 70%;
    margin: -9.5% 15% -1%;
    /*background-color: rgba(255, 253, 233, 0.4);*/
    padding: 10% 10% 0% 10%;
    text-align: center;
    font-weight: 900;
    float: left;
}

.appointment_wrap {
    width: 100%;
    margin: 5% auto;
    /*padding-bottom: 50px;*/
    position: relative;
}

.appoint_intro {
    font-size: 15px;
    text-align: center;
    color: #c3114e;
}

.appoint_row {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 50px;
}

.appoint_title {
    width: 33%;
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
    float: left;
    position: relative;
    padding: 13px 0px;
}

.appoint_text {
    width: 60%;
    font-size: 15px;
    float: left;
    position: relative;
    text-align: left;
    padding: 5px 0px;
    margin-left: 5%;
    color: #22436c;
}

.appoint_text label {
    display: block;
}

.appoint_text li {
    width: 25%;
    font-size: 15px;
    list-style-type: none;
    display: inline-block;
    margin-top: 15px;
}

.appoint_btn_wrap {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    text-align: center;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 19px;
    height: 14px;
    display: inline-block;
    line-height: 19px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 18px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體";
    font-weight: normal;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: 0 -14px;
}

label.css-label {
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Media Queries------------------*/
@media screen and (min-width: 989px) and (max-width: 1024px) {}
@media screen and (max-width:787px){
    .btn-wrap {
        display: block;
        width: max-content;
        margin: 2% auto 0;
    }
    .footer-wrap-1 .btn-wrap{  
        display: block;
        width: max-content;
        margin: 20% auto 0;  
    }
    .appoint_title {
        width: 100%;
        font-size: 15px;
        font-weight: bolder;
        text-align: left;
        float: left;
        position: relative;
        padding: 13px 0px;
    }
    .appoint_text {
        width: 100%;
    }
    .appointment_btn a {
        font-size: 2rem;
    }
    .school_class_text{
        width: 90%;
    }
}
@media screen and (min-width: 786px) and (max-width: 989px) {
    .study_content {
        /*background-color: #f7d1d0;*/
        max-width: 768px;
        margin: 0 auto;
    }

    .travel_place_wrap {
        padding: 0;
    }

    .culture_wrap_3 {
        width: 80%;
        margin: -11.5% 10% -1%;
        /*background-color: rgba(255, 253, 233, 0.4);*/
        padding: 10% 10% 0% 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .place_list {
        width: auto;
    }

    .place_list_pic {
        margin: 0 auto;
        padding: 0;
    }

    .appointment_btn a {
        padding: 10px 50px;
    }

    .appoint_btn_wrap {
        width: 40%;
    }

    .download_btn {
        padding-bottom: 20px;
    }

    .go_wrap {
        width: 100%;
        margin: 0 auto;
    }

    .go_row {
        width: 100%;
        margin: 0 auto;
    }

    .go_title {
        display: inherit;
        margin: 0 auto;
    }

    .go_text {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    .download_btn a {
        padding: 10px 40px;
    }

    .contact_btn_wrap {
        width: 26%;
    }

    .qa_text {
        margin-left: 0px;
    }
}

@media screen and (min-width: 600px) and (max-width: 786px) {
    .study_content {
        /*background-color: #f7d1d0;*/
        max-width: 600px;
        margin: 0 auto;
    }

    .travel_place_wrap {
        padding: 0;
    }

    .place_list {
        width: auto;
    }

    .place_list_pic {
        margin: 0 auto;
        padding: 0;
    }

    .download_btn a {
        padding: 10px 35px;
    }

    .appoint_btn_wrap {
        width: 40%;
    }

    .download_btn {
        padding-bottom: 20px;
        width: 100%;
        text-align: center;
        margin-left: 0%
    }

    .appointment_btn {
        padding-bottom: 20px;
        width: 70%;
        margin-top: 10%;
    }

    .contact_btn_wrap {
        width: 100%;
    }

    .go_wrap {
        width: 100%;
        margin: 0 auto;
    }

    .go_row {
        width: 100%;
        margin: 0 auto;
    }

    .go_title {
        display: inherit;
        margin: 0 auto;
    }

    .go_text {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    .qa_text {
        margin-left: 0px;
    }

    .btn-wrap {
        display: flex;
        width: max-content;
        margin: 2% auto 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 600px) {
    .study_content {
        /*background-color: #f7d1d0;*/
        max-width: 480px;
        margin: 0 auto;
    }

    .travel_place_wrap {
        padding: 0;
    }

    .place_list {
        width: auto;
    }

    .place_list_pic {
        margin: 0 auto;
    }

    .appointment_btn a {
        padding: 10px 50px;
    }

    .appoint_btn_wrap {
        width: 50%;
    }

    .download_btn {
        padding-bottom: 20px;
    }

    .download_btn a {
        padding: 10px 35px;
    }

    .contact_btn_wrap {
        width: 40%;
    }

    .go_wrap {
        width: 100%;
        margin: 0 auto;
    }

    .go_row {
        width: 100%;
        margin: 0 auto;
    }

    .go_title {
        display: inherit;
        margin: 0 auto;
    }

    .go_text {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    .qa_text {
        margin-left: 0px;
    }

    .culture_wrap {
        width: 100%;
    }

    .culture_wrap_1 {
        width: 100%;
    }

    .info_text {
        width: 70%;
    }
}

@media screen and (min-width: 370px) and (max-width: 480px) {
    .study_content {
        /*background-color: #f7d1d0;*/
        max-width: 400px;
        margin: 0 auto;
    }

    .culture_wrap {
        width: 90%;
        margin: -7% auto 0;
        padding: 14% 2%;
    }

    .culture_wrap_1 {
        width: 90%;
        margin: 5% auto;
        background-color: rgba(255, 253, 233, 0.4);
        padding: 10%;
        text-align: center;
        font-weight: 900;
    }

    .culture_wrap_2 {
        width: 90%;
        margin: -4.5% 5% 0%;
        /*background-color: rgba(255, 253, 233, 0.4);*/
        padding: 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .culture_wrap_3 {
        width: 90%;
        margin: -9.6% 5% -1%;
        /*background-color: rgba(255, 253, 233, 0.4);*/
        padding: 10% 10% 0% 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .culture_wrap_4 {
        width: 90%;
        margin: -4.5% 5% 0%;
        background-color: rgba(255, 253, 233, 0.4);
        padding: 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .culture_wrap_d {
        width: 90%;
        margin: -4.5% 5% 0 5%;
        background-color: rgba(255, 253, 233, 0.4);
        padding: 14%;
        text-align: center;
        font-weight: 900;
        /*background-image: url(../images/bomb);*/
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 80% 10%;
        float: left;
    }

    .main_title_leftpic {
        display: none;
    }

    .main_title_rightpic {
        display: none;
    }

    .travel_place_wrap {
        padding: 0;
    }

    .place_list {
        width: auto;
    }

    .place_list_pic {
        margin: 0 auto;
        padding: 0;
    }

    .appointment_btn {
        padding-bottom: 20px;
        width: 130%;
        margin-left: -10%;
    }

    .appointment_btn a {
        padding: 10px 50px;
    }

    .appoint_btn_wrap {
        width: 45%;
    }

    .download_btn {
        /* display: inline-block; */
        margin: 0px;
        padding: 50px 0;
        text-align: center;
        clear: both;
        /*width: 100%;*/
        width: 180px;
    }

    .download_btn a {
        padding: 10px 35px;
    }

    .contact_btn_wrap {
        width: 52%;
    }

    .go_wrap {
        width: 100%;
        margin: 0 auto;
    }

    .go_row {
        width: 100%;
        margin: 0 auto;
    }

    .go_title {
        display: inherit;
        margin: 0 auto;
    }

    .go_text {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    .qa_text {
        margin-left: 0px;
    }

    .appoint_title {
        width: 100%;
        font-size: 15px;
        font-weight: bolder;
        text-align: left;
        float: left;
        position: relative;
        padding: 13px 0px;
    }

    .appoint_text {
        width: 100%;
    }
}

@media screen and (min-width: 300px) and (max-width: 370px) {
    .study_content {
        /*background-color: #f7d1d0;*/
        max-width: 320px;
        margin: 0 auto;
    }

    .culture_wrap {
        width: 90%;
        margin: -9.5% auto 0;
        /*background-color: rgba(255,253,233,0.4);*/
        padding: 14% 5%;
        text-align: center;
        font-weight: 900;
        /*background-image: url(../images/bomb);*/
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 80% 10%;
        /*float: left;*/
    }

    .culture_wrap_d {
        width: 90%;
        margin: -9% 5% 0 5%;
        background-color: rgba(255, 253, 233, 0.4);
        padding: 14%;
        text-align: center;
        font-weight: 900;
        /*background-image: url(../images/bomb);*/
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 80% 10%;
        float: left;
    }

    .culture_wrap_1 {
        width: 90%;
    }

    .culture_wrap_2 {
        width: 90%;
        margin: -9.5% 5% 0%;
        /*background-color: rgba(255, 253, 233, 0.4);*/
        padding: 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .culture_wrap_3 {
        width: 90%;
        margin: -17.2% 5% -8%;
        /*background-color: rgba(255, 253, 233, 0.4);*/
        padding: 10% 10% 0% 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .culture_wrap_4 {
        width: 90%;
        margin: -9.5% 5% 0%;
        background-color: rgba(255, 253, 233, 0.4);
        padding: 10%;
        text-align: center;
        font-weight: 900;
        float: left;
    }

    .main_title_leftpic {
        display: none;
    }

    .main_title_rightpic {
        display: none;
    }

    .info_title2 {
        width: 15%;
        font-size: 20px;
        font-weight: bolder;
        text-align: right;
        float: left;
        position: relative;
        padding: 5px 0px;
    }

    .info_title2 img {
        max-width: 200%;
    }

    .info_text {
        width: 80%;
        font-size: 15px;
        float: left;
        position: relative;
        margin-left: 65px;
        padding: 5px 0px;
        text-align: left;
        margin-top: -10px;
    }

    .info_text2 {
        width: 63%;
        font-size: 15px;
        float: left;
        position: relative;
        margin-left: 65px;
        padding: 5px 0px;
        text-align: left;
        margin-top: 5px;
    }

    .info_title {
        width: 100%;
        font-size: 20px;
        font-weight: bolder;
        text-align: left;
        float: left;
        position: relative;
        padding: 5px 0px;
    }




    .travel_place_wrap {
        padding: 0;
    }

    .place_list {
        width: auto;
    }

    .place_list_pic {
        margin: 0 auto;
        padding: 0;
    }

    .appointment_btn a {
        padding: 10px 50px;
    }

    .appoint_btn_wrap {
        width: 60%;
        text-align: center;
    }

    .download_btn {
        padding-bottom: 20px;
    }

    .download_btn a {
        padding: 10px 35px;
    }

    .contact_btn_wrap {
        width: 100%;
    }

    .go_wrap {
        width: 100%;
        margin: 0 auto;
    }

    .go_row {
        width: 100%;
        margin: 0 auto;
    }

    .go_title {
        display: inherit;
        margin: 0 auto;
    }

    .go_text {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    .qa_text {
        margin-left: 0px;
    }

    .appoint_title {
        width: 100%;
        font-size: 15px;
        font-weight: bolder;
        text-align: left;
        float: left;
        position: relative;
        padding: 13px 0px;
    }

    .appoint_text {
        width: 100%;
    }

}