@charset "utf-8";
/* CSS Document */
@import url("common.css");
@import url("header.css");
@import url("footer.css");

.top_pic {display:block;width:100%;}
.top_pic_mobile{display:none;width:100%;}
.mid_content{ width:100%; max-width:1176px; margin:0 auto; color:#727272; font-size:14px;padding-top:10px;font-family:'Open Sans';}
.mid_content_grey{background:#f5f5f5;width:100%;margin:0 auto; font-family:'Open Sans'; color:#727272; font-size:14px; overflow: auto;}
.mid_content_grey2{background:#f9f9f9;width:100%;margin:0 auto; font-family:'Open Sans'; color:#727272; font-size:14px; overflow: auto;}
.top_description{width:85%; min-height:125px; margin-left:auto;margin-right:auto;}
.top_description .about {font-family:'Open Sans'; font-size:20px;font-weight: bold;width:100%;}
.top_description p{ margin-top:6px; margin-bottom:30px; text-align:justify;font-size:16px;width:100%;line-height:28px;color:#555555;}
.top_description em{font-weight:bold;color:#555555;}
h1, h2 {font-family:'Open Sans';font-size:30px;color:#222222;padding-top:50px;text-align:center;margin-bottom:10px;}
.title_color{color:#333333;}
.title_des{font-size:16px;color:#444444;max-width:1000px;padding:20px 10px;margin:0 auto;text-align:left;font-family:'Open Sans';line-height:28px;}
.title_sale{font-size:16px;color:#666666;margin:20px auto;max-width: 1000px;padding-left:10px;line-height:28px;font-weight:bold;text-align:left;}
.title_sale em{color:#EF783F;}
.title_des_color{color:#555555;}
.title_des .emphasize{font-weight:bold;}
.title_des a{color:#4560C4;}
.title_des a:hover{text-decoration:underline;}

.route {width:100%;text-align:center;font-family:'Open Sans';}


.route .row {margin:0 auto;max-width:1176px;padding-top:30px;text-align:center;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;flex-wrap:wrap;}
.route .row .sub{width:31%;max-width:340px;border:1px solid #dddddd;text-align:left;margin:0 auto;background:#ffffff;margin-bottom:60px;padding-bottom:20px;position:relative;}
.route .row .sub .tour_sale{position:absolute;top:15px;left:15px;z-index:2;}
.route .row .sub .picture{text-align: center;overflow: hidden; max-height:234px;max-width:338px;position:relative;}
.route .row .sub .tour_name{background:rgba(0,0,0,0.25);color:#ffffff; position:absolute;overflow:hidden;width:100%;bottom:0;min-height:48px;font-size:20px;font-weight:bold;line-height:26px;text-align:left;padding:10px 14px;font-family:Arial;}
.route .row .sub .tour_info{margin:0;padding-top:5px;}
.route .row .sub .tour_info .days{font-size:18px;float:left;margin-left: 18px;margin-top:10px;min-width:58px;font-family:arial;line-height:18px;color: #639BE7;}
.route .row .sub .tour_info .destinations{font-size:13px;color: #639BE7;margin-left: 12px;margin-right:0.2rem;margin-top:10px; font-weight:bold;font-family:arial;line-height:18px;display:inline-block;max-width:235px;width:calc(100% - 100px);}
.route .row .sub .tour_info .description{margin-left:18px;margin-right:10px;margin-top:10px;color:#555555;font-size:15px;}
.route .row .sub .price{font-size: 13px;color:#555555;margin-left:18px;margin-top:0.8rem;}
.route .row .sub .price strong{font-size: 1.5rem;margin-left: 0.3rem;color:#f96e14;}
.route .row .sub .price .cost{font-size:1rem;color:#525252;text-decoration:line-through;margin-left:3px;line-height:20px;}
.route .row .sub .top{display:block;position: absolute;top:0;right:0;width:45px;z-index: 10;height:45px;margin-top:-15px;margin-right:25px;}
.route .row .sub .topnum{display:block;position: absolute;top:0;right:0;width:45px;z-index: 11;height:45px;margin-top:-15px;margin-right:25px;color:#ffffff;font-size:28px;line-height:45px;text-align:center;}
.route .more {font-size:20px;color:#666666;margin-bottom:60px;margin-top:20px;display:inline-block;}
.route .more a {color:#4560C4;}
.route .more a:hover{text-decoration:underline;}
.route .row p{overflow:hidden;max-width:338px;}

.list_theme {margin:0 auto; margin-top:55px;max-width:1176px;display:flex;justify-content:space-around;align-items:stretch;flex-wrap:wrap;flex-direction:row;}
.list_theme li {margin-bottom:50px;max-width:242px; min-height:112px;color:#555555;font-family:'Open Sans';width:23%;border:1px solid #eeeeee;background:#ffffff;}
.list_theme li div{height:100%;width:100%;text-align:center;text-transform:uppercase;font-size:16px;color:#D49C24;font-weight:bold;padding:20px 12px 17px 12px;border-bottom:#ffffff 6px solid;}
.list_theme li a:hover div{border-bottom:#E4B95D 6px solid;}
.list_theme li div p{color:#333333;font-size:13px;text-transform:none;font-weight:normal;margin-top:12px;}
.list_theme_duration{margin:0 auto;max-width:660px;margin-bottom:50px;}
.list_theme_duration div{float:left;color:#444444;padding-top:5px;}
.list_theme_duration ul{margin-left:120px;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.list_theme_duration ul li{height:40px;margin:5px 15px;font-size:14px;color:#444444;text-decoration:underline;}
.list_theme_duration ul a:hover li{color:#4560C4;}

.mid_content_grey .destinations{width:100%;max-width:1176px;margin:0 auto;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;flex-direction:row;margin-bottom:30px;font-family:'Open Sans';}
.mid_content_grey .destinations .destination{width:260px;margin:30px 5px;}
.mid_content_grey .destinations .destination .title{font-size:18px;color:#444444;margin-left:10px;margin-top:10px;}
.mid_content_grey .destinations .destination p{overflow:hidden;max-width:260px;}


.travel_guide{max-width:1176px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:flex-start;flex-direction:row;padding:50px 0;}
.travel_guide .top .pic{position:relative;max-width:300px;max-height:260px;}
.travel_guide .top .pic img{display:block;}
.travel_guide .top .pic .linetitle{width:100%; height:48px;color:#fff;font-size:20px;background:rgba(0,0, 0, 0.4);position:absolute;bottom:0;text-align:center;}
.travel_guide .top .pic .linetitle span{width:100%;text-align:center;line-height:48px;display:block;position:relative;}
.travel_guide .top ul{margin-left:15px;margin-top:20px;}
.travel_guide .top ul a:hover li{text-decoration:underline;color:#4560C4;}
.travel_guide .top ul li{color:#333333;margin:8px 0;font-size:15px;}
.travel_guide .top ul li img{margin-right:15px;}
.travel_guide_more{font-size:20px;color:#666666;display:inline-block;width:100%;text-align:center; margin-bottom:80px;margin-top:20px;}
.travel_guide_more a {color:#4560C4;}
.travel_guide_more a:hover{text-decoration:underline;}

.mid_content_stand_out{background:#f9f9f9;}
.stand_out{max-width:1176px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:flex-start;flex-direction:row;padding:50px 0;}
.stand_out .why_us{width:30%;max-width:340px;background:#fff;min-height:240px;border-radius:10px;}
.stand_out .why_us .pic{text-align:center;height:150px;padding-top:20px;}
.stand_out .why_us .info span{display:block;text-align:center;color:#666666;font-size:15px;}
.stand_out .why_us .info .special{color:#888888;font-size:24px;font-family:"Times New Roman";font-weight:bold;margin-top:5px;}
.stand_out_more{font-size:16px;color:#555555;display:inline-block;width:100%;text-align:center; margin-bottom:60px;margin-top:10px;}
.stand_out_more span{margin-left:80px;}
.stand_out_more a {color:#4560C4;font-style:italic}
.stand_out_more a:hover{text-decoration:underline;}

.content_mobile{display:none;font-family:'Open Sans';}
.w1176{display:block;text-align:center;}
.w800{display:none;}
.w480{display:none;}

@media only screen and (min-width: 1024px) and (max-width: 1176px) {
    .destination div{margin-left:5%;margin-right:5%}
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .destination div{margin-left:20px;margin-right:20px;}

    .travel_guide .top ul{margin-left:5px;}
    .travel_guide .top ul li{font-size:15px;}

    .stand_out .why_us .info span{font-size:14px;}
    .stand_out .why_us .info .special{font-size:18px;}
    .stand_out_more span{margin-left:50px;}
}
@media screen and (max-width: 799.99px) {
    /*mobile*/
    .route{display:none;}
    .mid_content{display:none;}
    .mid_content_grey{display:none;}
    .top_pic{display:none;}

    .top_pic_mobile{position:relative;height:auto;width:100%;}
    .top_pic_mobile img, .top_pic_mobile_800 img{vertical-align:bottom;}
    .top_pic_mobile_slogan{width:100%;height:150px;position:absolute;vertical-align:bottom;background:rgba(0,0,0,0.36);bottom:0;text-align:center;font-family:'Open Sans'}
    .top_pic_mobile_slogan p:first-child{font-size:2rem;opacity:1;color:#fff;padding-top:15px;}
    .top_pic_mobile_slogan p:last-child{font-size:1.2rem;opacity:1;color:#fff;padding-top:15px;}

    .content_mobile{display:block;width:100%;color:#fff;font-family:'Open Sans';font-size:15px;}
    .content_mobile .mobile_height{height:27px;width:100%;}
    .mobile_rectangle{background:#f0f1f1;height:78px;}
    .content_mobile a{color:#525252;}
    .mobile_rectangle .mobile_tailor{width:198px;height:46px;float:right;margin-right:20px;margin-top:16px;color:#fff;font-size:1.2rem;font-family:'Open Sans';cursor:pointer;background:url(/images/tailor-button.png);padding-left:10px;line-height:46px;}

    .mobile_rectangle_normal{height:78px;position: relative}
    .mobile_rectangle_empty{height:45px;background:#ececec;}
    .mobile_rectangle_empty1{height:13px;background:#ede5cd;border-bottom:2px solid #e8debf;}

    .mobile_green{background:#2b6e4a;}
    .content_mobile h2{font-size:24px;color:#fff;padding-top:26px;font-weight:normal;}
    .content_mobile h1{font-size:24px;color:#fff;padding-top:26px;font-weight:normal;}
    .mobile_rectangle_gradient:before {width: 0;height: 0;border: 10px solid transparent ;border-top-color:#2b6e4a;position:absolute;content:' ';margin-left:calc(50% - 16px);border-left-width:16px;border-right-width:16px;}
    .mobile_rectangle_gradient{background: -webkit-linear-gradient(top,rgba(236,236,236,1), white);background: -o-linear-gradient(top, rgba(236,236,236,1), white);background: -moz-linear-gradient(top, rgba(236,236,236,1), white);background: -ms-linear-gradient(top, rgba(236,236,236,1), white);background: linear-gradient(top, rgba(236,236,236,1), white);}
    
    .mobile_clear_before:before{display:none;}

    .mobile_red{background:#6e2b4f;}
    .mobile_rectangle_destination:before {width: 0;height: 0;border: 10px solid transparent ;border-top-color:#6e2b4f;position:absolute;content:' ';margin-left:calc(50% - 16px);border-left-width:16px;border-right-width:16px;}
    .mobile_rectangle_destination{background:#ececec;}
    .mobile_rectangle_gradient .mobile_tour{width:100%;height:100%;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail{max-width:420px;border:1px solid #f1f1f1;margin-left:27px;margin-right:27px;margin-top:10px;position:relative;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .top{display:block;position: absolute;top:0;right:0;width:45px;z-index: 10;height:45px;margin-top:-15px;margin-right:25px;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .topnum{display:block;position: absolute;top:0;right:0;width:45px;z-index: 11;height:45px;margin-top:-15px;margin-right:25px;color:#ffffff;font-size:28px;line-height:45px;text-align:center;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .title {font-size:1.5em;color:#525252;margin-top:15px;padding-left:5px;font-family:'Open Sans';}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .title img{margin-right:5px;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .description{font-size:1rem;color:#868686;padding-left:5px;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .view{margin:30px 20px 20px 0;background:#68b18a;width:130px;height:36px;font-size:1rem;line-height:36px;text-align:center;float:right;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail a{color:#fff;}

    .mobile_brown{background:#ab9041}
    .mobile_rectangle_guide{background:#fff;}
    .mobile_rectangle_guide:before {width: 0;height: 0;border: 10px solid transparent ;border-top-color:#ab9041;position:absolute;content:' ';margin-left:calc(50% - 16px);border-left-width:16px;border-right-width:16px;}
    .mobile_rectangle_guide .info{margin:0 5%;color:#525252;}
    .mobile_rectangle_guide .info span:first-child{color:#525252;font-size:1.3rem;width:65%;max-width:500px;}
    .mobile_rectangle_guide .info span{float:left;color:#808080;font-size:1rem;max-width:500px;line-height:25px;width:65%;}
    .mobile_rectangle_guide .info img{max-width:120px;float:right;margin-top:-20px;width:30%;}
    .mobile_rectangle_guide .more{margin:20px 0 30px 30px;background:#cbb36c;width:112px;height:30px;font-size:1.2rem;line-height:30px!important;line-height:10px; padding-left:5px;display:inline-block;vertical-align:middle;}
    .mobile_rectangle_guide a{color:#fff;}

    .mobile_rectangle_attraction{width:100%;background:#fff;}
    .mobile_rectangle_attraction .title{color:#525252;font-size:20px;text-align:center;margin-top:30px;margin-bottom:20px;font-family:'Open Sans';}
    .mobile_rectangle_attraction .flex{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;margin:0;margin-bottom:40px;}
    .mobile_rectangle_attraction .flex .info{max-width:144px;color:#525252;background:#fff;width:33%;}
    .mobile_rectangle_attraction .flex .info span{line-height:20px;color:#808080;}
    .mobile_rectangle_attraction .flex .info img{width:100%;}

    .mobile_rectangle_other{background:#ececec;height:352px;padding-top:30px;}
    .mobile_rectangle_other .button{max-width:342px;height:56px;color:#525252;margin-top:30px;background:#fff;margin:30px auto;font-size:1.5rem;box-shadow: 5px 5px 5px #969696;cursor:pointer;}
    .mobile_rectangle_other .button span{display:inline-block;vertical-align:middle;height:58px;margin-top:-18px;margin-left:15px;}
    .mobile_more{margin:0 auto;padding:0 30px 40px 0; text-align:right;font-size:18px;color:#4560C4;}
    .mobile_more a{color:#4560C4;text-decoration:underline;}

    .w1176{display:none;}
}
@media screen and (min-width: 480px) and (max-width: 799.99px) {

    .mobile_rectangle_destination .flex{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;margin:0 auto;}
    .mobile_rectangle_destination .flex .info{max-width:194px;border:1px solid #e4e4e4;color:#525252;background:#fff;width:33%;margin:0 4px 40px 4px;}
    .mobile_rectangle_destination .flex .info span{height:42px;line-height:42px;padding-left:10px;}

    .mobile_rectangle_gradient{display:flex;justify-content:space-between;flex-wrap:nowrap;}
    .mobile_rectangle_gradient .mobile_tour{width:50%;height:100%;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .title {font-size:1.275em;color:#525252;margin-top:15px;padding-left:5px;font-family:'Open Sans';}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .title img{margin-right:5px;}
    .mobile_rectangle_gradient .mobile_tour .mobile_detail .description{font-size:14px;color:#868686;padding-left:5px;}

    .w480{display:none;}
    .w800{display:block;}
    .wf800{display:flex;}
}
@media screen and (max-width: 479.99px) {
    .mobile_rectangle_destination .flex{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;margin:0 auto;}
    .mobile_rectangle_destination .flex .info{max-width:194px;border:1px solid #e4e4e4;color:#525252;background:#fff;width:45%;margin-bottom:40px;}
    .mobile_rectangle_destination .flex .info span{height:42px;line-height:42px;padding-left:10px;}

    .w480{display:block;}
    .w800{display:none;}
    .wf800{display:none;}
}