@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

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


}


@media screen and (max-width: 999px){
/* desktop to ipad */
#wraps { min-width:100px; }
#wraps .container { width:100%; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }

input[type=submit], input[type=button], input[type=reset] { -webkit-appearance: none; }

#main .search_area .search_info .info_title,
#main .search_area .search_info .info_content { display: none; }

#wrap .responsive_bar { display: block; }
#wraps .responsive_bar { display: block; }

#main .faq_main .left_menu { float: none; }
#main .faq_main .right_side { float: none; margin: 20px auto; width: 90%; }
#main .faq_main .center_side { float: none; margin: 20px auto; width: 90%; }

#main .about_us_banner img { max-width: 100%; max-height: 100%; }
#main .header_bg img { max-width: 100%; max-height: 100%; }
#main #successful img { max-width: 100%; max-height: 100%; }

#main .left_side .payment_content .contact .phone_num select { padding-left: 0; margin-bottom: 10px; }

#main .step_map { display: none; }

#top .mobile_btn_area { display: block; }
#top .menu_area { display: none; }

#footer .container { padding: 10px; }

#expend_clause { width: 100%!important;left: 0!important;margin-left: 0!important;}
#ruleContent { width: 100%!important;margin: 0!important;}
#ruleContent .viewport {width: 100%!important;}

#main .about_us_content .feature li { width: 20%; margin-left: 2%; margin-right: 2%!important; }
#main .about_us_content .feature li .feature_photo { width: 100%; }
#main .about_us_content .feature li .feature_photo img { width: 100%; }
#main .about_us_main .about_us_content .advantage .content .content_word { text-align: justify;	 }
#main .about_us_main .about_us_content .about_us_intro {text-align: justify; }
#main .about_us_main .about_us_content .advantage .photo { width: 100px; }
#main .about_us_main .about_us_content .advantage .content { width: calc(100% - 110px); }

#main.searching .search_box .box_content .table { zoom: 1; width: 90%; overflow-x: auto; margin: 10px auto; }
#main.searching .search_box .box_content .table .header,
#main.searching .search_box .box_content .table .content { width: 863px; }

#main .book_bg { width: 100%; }
#main .book_area .table_responsive { width: 100%; overflow-x: auto; }
#main .book_area table td { padding: 6px; }
#main .book_area .passenger_list .content { width: calc(100% - 180px); }
#main .book_bg .left_side { float: none; }
#main .book_bg .right_side { float: none; width: 581px; margin-left: 8px; }
#main .content_area .left_side { float: none; margin: 0 auto; }
#main .content_area .right_side { float: none; width: 611px; margin: 20px auto; }
#main .right_side .registrant_title,
#main .right_side .price_title { width: 100%; }
#main .right_side .price_info .total .content { width: calc(100% - 140px); }
.index_form_area .index_form_row.row3 { width: 310px; }
.index_form_area .index_form_type label { margin-bottom: 5px; }

#main.searching .search_box { width: 100%; padding: 30px 20px; height: auto; }
#mains.searching .search_box { width: 100%; padding: 30px 20px; height: auto; }
#main.searching .search_box .animation { text-align: center; }
#main .search_area .selected_flight .flight_title { width: 100%; }

#main .search_area .search_main .search_right_side .search_result_list .result .left .lang_en,
#main .search_area .search_main .search_right_side .search_result_list .result .left .lang_tc { display: inline-block; vertical-align: middle; }

#main .search_area .search_main .search_left_side { float: none; display: none; position: absolute; z-index: 100; height: auto; right: 0; background-color: #ffffff; min-height: 0; }
#main .search_area .search_main .search_right_side { float: none; margin: 30px auto; }


#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .icon { display: block !important; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_1 { width: 360px;}
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_2 { display: block; margin-top: 10px; margin-left: 0; margin-bottom: 10px; width: auto; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_3 { display: block; width: auto; }
#main .search_area .search_main .search_right_side .search_result_list .result { padding-bottom: 20px; }
}

@media screen and (max-width:800px){
#main .search_area .search_main .search_right_side { width: 100%; }
#main .search_area .search_main .search_right_side .search_result_list .result .left { width: calc(100% - 180px); }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .total_time { /*margin-left: 40px; margin-top: 10px;*/ margin-bottom: 10px; }
#wrap .responsive_bar { left: auto; right: 250px; }
#wraps .responsive_bar { left: auto; right: 250px; }
}

@media screen and (max-width:800px){
    #out_place_select_board{ width: 474px;height: auto;position: absolute;display: none;margin-left: 37px;margin-top: 424px;font-size: 15px;z-index: 2000; }
    #out_place_select_board2{ width: 474px;height: auto;position: absolute;display: none;margin-left: 25px;margin-top: 947px;font-size: 15px;z-index: 2000; }
    #out_place_select_board3{ width: 474px;height: auto;position: absolute;display: none;margin-left: 25px;margin-top: 1250px;font-size: 15px;z-index: 2000; }
    #out_place_select_board4{ width: 474px;height: auto;position: absolute;display: none;margin-left: 25px;margin-top: 1550px;font-size: 15px;z-index: 2000; }
    #out_place_select_board5{ width: 474px;height: auto;position: absolute;display: none;margin-left: 25px;margin-top: 1850px;font-size: 15px;z-index: 2000; }

    #back_place_select_board{  width: 474px;height: auto;position: absolute;display: none;margin-top: 337px;margin-left: 37px;font-size: 15px;z-index: 2000; }
    #back_place_select_board2{ width: 474px;height: auto;position: absolute;display: none;margin-top: 860px;margin-left: 25px;font-size: 15px;z-index: 2000; }
    #back_place_select_board3{ width: 474px;height: auto;position: absolute;display: none;margin-top: 1162px;margin-left: 25px;font-size: 15px;z-index: 2000; }
    #back_place_select_board4{ width: 474px;height: auto;position: absolute;display: none;margin-top: 1462px;margin-left: 25px;font-size: 15px;z-index: 2000; }
    #back_place_select_board5{ width: 474px;height: auto;position: absolute;display: none;margin-top: 1764px;margin-left: 25px;font-size: 15px;z-index: 2000; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#main .about_us_main .about_us_content { padding: 20px 50px; }
#main .left_side form .baggage .baggage_title { width: 100%; }
.index_form_area .index_form_row.row2 { width: 430px; }
#main.searching .search_box .box_title { font-size: 24px; line-height: 28px; }
#main.searching .search_box .box_intro { font-size: 15px; }
#main .search_area .selected_flight .flight_infomation .info { width: calc(100% - 313px); }
#main .search_area .selected_flight .flight_infomation .type_1 { margin-left: 50px; width: 80px; margin-top: 10px; }
#main .search_area .selected_flight .flight_infomation .type_2 { width: 80px; margin-top: 10px; }
#main .search_area .search_main .search_right_side .right_side_title .type { margin-bottom: 10px; }
}

@media screen and (max-width: 675px){
#main .content_area { box-sizing: border-box; padding: 0; }
#main .book_bg .left_side,
#main .book_bg .left_side .flight .flight_title,
#main .book_bg .right_side { width: 100%; margin-left: 0; }
#main .content_area .left_side,
#main .content_area .left_side .flight .flight_title,
#main .content_area .right_side { width: 100%; }
#main .left_side .flight .flight_title { height: auto; }
#main .left_side .flight .flight_title .total_time { position: relative; left: 25px; top: 0; margin-bottom: 5px; }
#main .left_side form .hint_area { width: 100%; }
#main .left_side .client_list .client .client_title { width: 100%; }
#main .left_side .client_list .client .client_info .tag { width: 300px; }
#main .left_side .client_list .client .client_info .content { width: calc(100% - 300px); }
}

@media screen and (max-width: 500px){
#main .about_us_content .feature li { width: 44%; margin-left: 2.5%; margin-right: 2.5%!important; }
#main .left_side .flight .flight_info { padding: 20px 10px; }
#main .left_side .flight .flight_info .word_map { width: calc(100% - 40px); }
#main .left_side .flight .flight_info .wait { width: 240px; }
#main .left_side .flight .flight_info .wait .col_1 { width: 25px; vertical-align: middle; }
#main .left_side .flight .flight_info .wait .col_2 { width: 120px; }
#main .left_side .flight .flight_info .col_1 { vertical-align: top; }
#main .left_side .flight .flight_info .mid .col_1 { margin-top: -10px; }
#main .left_side .flight .flight_info .mid { height: auto; }
#main .left_side .flight .flight_info .mid .col_3 { display: block; margin-left: 0; margin-top: -15px; margin-bottom: 24px; }
#main .left_side .flight .flight_info .col_2 { width: calc(100% - 95px); }
#main .search_area .flight_detail .flight_info { padding: 20px 10px; }
#main .search_area .flight_detail .flight_info .word_map { width: calc(100% - 40px); }
#main .search_area .flight_detail .flight_info .wait { width: 240px; }
#main .search_area .flight_detail .flight_info .wait .col_1 { width: 25px; vertical-align: middle; }
#main .search_area .flight_detail .flight_info .wait .col_2 { width: 120px; }
#main .search_area .flight_detail .flight_info .col_1 { vertical-align: top; }
#main .search_area .flight_detail .flight_info .mid .col_1 { margin-top: -10px; }
#main .search_area .flight_detail .flight_info .mid { height: auto; }
#main .search_area .flight_detail .flight_info .mid .col_3 { display: block; margin-left: 0; margin-top: -15px; margin-bottom: 24px; }
#main .search_area .flight_detail .flight_info .col_2 { width: calc(100% - 95px); }
#main .right_side .registrant_title, #main .right_side .price_title { height: auto; }
#main .left_side .payment_content .contact .hint p { width: calc(100% - 25px); }
#main.searching .search_box .box_title { font-size: 22px; line-height: 26px; }
#main.searching .search_box .box_intro { font-size: 14px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_1 { display: block; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .terms { display: block; margin-left: 70px; margin-top: 10px; }
#main .search_area .search_main .search_right_side .right_side_title .info .orange { display: none; }

#main .payment_link .link_button { }
#main .payment_link .back { float: none; margin-bottom: 10px; }
#main .payment_link .cancel { float: none; margin-bottom: 10px; }

#main .search_area .search_main .search_right_side .search_result_list .result .right { margin-top: 20px; position: relative; top: auto; right: auto; width: 100%; height: auto; padding-bottom: 20px; }
#main .search_area .search_main .search_right_side .search_result_list .result .right .basic_price p,
#main .search_area .search_main .search_right_side .search_result_list .result .right .extra_price p { display: inline-block; vertical-align: top; }
}

@media screen and (max-width: 576px){
#main .step_map ul li .step span { font-size: 12px; }
#main .step_map ul { zoom: 0.8; width: 130%; margin-left: -15%; text-align: center; }
#main .left_side form .first_name input, #main .left_side form .last_name input { width: 100%; }
#main .left_side form .birth .content select { margin-bottom: 10px; }
#main .left_side form .expiry_date .content select { margin-bottom: 10px; }
#main .left_side .payment_link .link_button { float: right; }
#main .left_side .client_list .client .client_info .tag { width: 100%; }
#main .left_side .client_list .client .client_info .content { width: 100%; padding-left: 35px; }
#main .left_side .payment_content .card .card_type select { width: 100%; }
.index_form_area .index_form_row.row2 { width: 100%; }
#main .left_side form .birth select, #main .left_side form .expiry_date select { width: 30%; margin-right: 2%; padding-left: 10px !important; }
}
@media screen and (max-width: 300px){
    #main .search_area .selected_flight .flight_title span:last-child { display: block; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#footer .footer_menu ul li { height: 20px; line-height: 20px; border-left: none;margin-top: 28px; display: block; }
#footer .footer_menu ul li:first-child { padding-left: 11px; }
#main .about_us_main .about_us_content { padding: 20px 20px; }
#main .about_us_main .about_us_content .advantage { position: relative; }
#main .about_us_main .about_us_content .advantage .content { width: 100%; }
#main .about_us_main .about_us_content .advantage .content .content_title { box-sizing: border-box; padding-right: 80px; }
#main .about_us_main .about_us_content .advantage .content { position: relative; z-index: 10; }
#main .about_us_main .about_us_content .advantage .photo { position: absolute; right: 0; top: 0; width: 90px; }
#main .about_us_main .about_us_content .advantage .content .content_title { font-size: 18px; }
#main .book_area .passenger_list .content { width: 100%; margin-left: 0; margin-top: 10px; }
#main .left_side .flight .flight_info .mid .col_3 { margin-bottom: 10px; }
#main .left_side .flight .flight_info .line_map { vertical-align: middle; }
#main .left_side .flight .flight_info .word_map { vertical-align: middle; margin-top: 20px; }
#main .search_area .flight_detail .flight_info .mid .col_3 { margin-bottom: 10px; }
#main .search_area .flight_detail .flight_info .line_map { vertical-align: middle; }
#main .search_area .flight_detail .flight_info .word_map { vertical-align: middle; margin-top: 20px; }
#main .left_side .flight .flight_title span { font-size: 16px; }
#main .left_side .flight .flight_title img:first-child { margin-left: 10px; }
#main .left_side .flight .flight_title .total_time { left: 10px; }
#main .left_side .flight .flight_title span { margin-right: 10px; }
#main .step_map ul li .step span { font-size: 10px; }
#main .step_map ul { zoom: 0.6; }
#main .left_side .book_contact .contact_content .email input { width: 100%; }
#main .left_side .passenger_info .info_content { padding: 15px 10px; }
#main .left_side .client_list .client .client_title { height: auto; padding-top: 4px; padding-bottom: 4px; }
#main .left_side .client_list .client .client_title img { margin-left: 10px; vertical-align: top; margin-top: 2px; }
#main .left_side .client_list .client .client_title p { width: calc(100% - 40px); line-height: 24px; font-size: 18px; }
#main .right_side .registrant_title { height: auto; padding-top: 4px; padding-bottom: 4px; }
#main .right_side .registrant_title img { margin-left: 10px; vertical-align: top; margin-top: 2px; }
#main .right_side .registrant_title p, #main .right_side .price_title span { font-size: 18px; }
#main .right_side .registrant_title p { width: calc(100% - 40px); line-height: 24px; }
#main .left_side .payment_content .card ul li { margin-bottom: 10px; }
.index_form_area .index_form_field .long_title label { width: 70px; }
.index_form_area .index_form_field .long_title { padding-left: 70px; }
.index_form_area { padding: 56px 0; }
#main .search_area .search_info .info_content ul li:last-child { padding-left: 40px; }
#main .search_area .search_info .info_content ul li { border-right: none; }
#main .search_area .selected_flight .flight_title { height: auto; }
#main .search_area .selected_flight .flight_infomation .info { width: 110px; margin-top: 0px; }
#main .search_area .selected_flight .flight_infomation .type_1 { margin-left: 0; width: 50px; margin-top: 10px; }
#main .search_area .selected_flight .flight_infomation .type_2 { width: 130px; margin-top: 10px; }
#main .search_area .selected_flight .flight_infomation .type_3 { width: 100px; margin-top: 10px; }

#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .terms { display: inline-block; margin-left: 10px; margin-top: 0; }
#main .search_area .search_main .search_right_side .search_result_list .result .left { width: 100%; }
#main .search_area .search_main .search_right_side .right_side_title { padding-bottom: 50px; }
#main .search_area .search_main .search_right_side .right_side_title .sort { left: 0px; }
#wrap .responsive_bar { position: relative; right: auto; }
#wraps .responsive_bar { position: relative; right: auto; }
/*#main .left_side .book_contact .contact_content .phone_num .content input { width: calc(100% - 91px); }*/
}

@media screen and (max-width: 300px){
#top .mobile_btn_area { right: 0px; }

#main .left_side .flight .flight_info .wait { margin-left: 0px; }
#main .left_side .flight .flight_info .line_map .trip_line { height: 220px; }
#main .left_side .flight .flight_info .line_map .trip_line img { height: 100%; }
#main .left_side .flight .flight_info .wait { height: auto; width: 150px; }
#main .left_side .flight .flight_info .wait .col_3 { display: block; margin-left: 30px; }
#main .search_area .flight_detail .flight_info .wait { margin-left: 0px; }
#main .search_area .flight_detail .flight_info .line_map .trip_line { height: 220px; }
#main .search_area .flight_detail .flight_info .line_map .trip_line img { height: 100%; }
#main .search_area .flight_detail .flight_info .wait { height: auto; width: 150px; }
#main .search_area .flight_detail .flight_info .wait .col_3 { display: block; margin-left: 30px; }
#main.book .container { padding:  0 5px; }
#main .book_area { padding: 20px 10px; }
#main .right_side .price_info .total .tag { width: 135px; }
#main .right_side .price_info .total .content { width: calc(100% - 140px); }
#main .book_bg .right_side .price_info .basic .content,
#main .book_bg .right_side .price_info .per .content,
#main .book_bg .right_side .price_info .extra .content,
#main .book_bg .right_side .price_info .add_on .content { width: calc(100% - 140px); }
#main .content_area .right_side .price_info .basic .content,
#main .content_area .right_side .price_info .per .content,
#main .content_area .right_side .price_info .extra .content,
#main .content_area .right_side .price_info .add_on .content { width: calc(100% - 140px); }
#main .left_side form .two { margin-right: 0; width: 100%; }
#main .left_side .payment_link { margin-top: 0; }
#main .left_side .payment_link .back { margin-bottom: 10px; }
#main .left_side .client_list .client .client_info .tag { padding-left: 0; }
#main .left_side .client_list .client .client_info .tag img { margin-right: 5px; vertical-align: top; margin-top: 2px; }
#main .left_side .client_list .client .client_info .tag p { width: calc(100% - 25px); vertical-align: top; line-height: 20px; }
#main .left_side .client_list .client .client_info .content { padding-left: 20px; }
#main .right_side .registrant_info .tag { width: 100%; border-bottom: none; }
#main .right_side .registrant_info .content { width: 100%; padding-left: 25px; box-sizing: border-box; }
#main .left_side .passenger_info .info_title { padding-left: 10px; }
.index_form_area .index_form_row.row3 { width: 100%; }
.index_form_area .index_form_field .adult_field { margin-bottom: 10px; margin-right: 10px; }
.index_form_area .index_form_field .child_field { margin-left: 0; }
.index_form_area .index_form_btn button { width: 100%; font-size: 17px; }
.index_form_area .index_form_section { padding: 10px 10px 8px 10px; }
#main.searching .search_box { padding: 30px 5px; width: 100%;height: auto;}
#main.searching .search_box .box_title { font-size: 20px; text-align: left; box-sizing: border-box; padding: 0 10px; }
#main.searching .search_box .box_intro { font-size: 14px; }
#main.searching .search_box .animation { zoom: 0.8; }
#main.searching .search_box .box_content { margin-top: 10px; }
#main.searching .search_box .box_content .content_title { margin-bottom: 10px; }
#main .search_area .search_info { padding-bottom: 30px; }
#main .search_area .selected_flight .flight_infomation .company_icon { margin-right: 5px; }
#main .search_area .selected_flight .flight_infomation { padding: 10px 10px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .terms { display: block; margin-left: 70px; margin-top: 10px; }
#main .left_side form img { vertical-align: top; }
#main .left_side form .tag p { width: calc(100% - 30px); }
#main .left_side form .birth select, #main .left_side form .expiry_date select  { padding-left: 0!important; }
}

/*@media screen and (max-width: 375px){*/
@media screen and (max-width: 999px){
#main .faq_main .left_menu,
#main .faq_main .left_menu ul li { width: 100%; padding-left: 20px; background-position: right; box-sizing: border-box; }
#main .faq_main .right_side { width: 100%; }
#main .left_side .flight .flight_info .line_map .trip_line { height: 260px; }
#main .search_area .flight_detail .flight_info .line_map .trip_line { height: 260px; }
#main .step_map ul li .step span { font-size: 8px; }
#main .right_side .price_info .promotion_code input { width: 100%; }
#main .left_side form .passport_num input,
#main .left_side form .country select { width: 100%; }
#main .left_side .flight .flight_title img:last-child { top: auto; bottom: 5px; }
#main .left_side form .baggage .baggage_title { height: auto; }
#main .left_side form .baggage .baggage_title img { margin-left: 10px; vertical-align: top; margin-top: 2px; }
#main .left_side form .baggage .baggage_title p { width: calc(100% - 50px); line-height: 24px; }
#main .left_side .payment_content .contact .last_name input,
#main .left_side .payment_content .contact .email input { width: 100%; }
#main .left_side .payment_content .contact .bill_country select { width: 100%; padding-left: 80px; }
.index_form_area .index_form_btn button i { padding-right: 3px; }
.index_form_area .index_form_btn button { height: 35px; }
.index_form_area .index_form_topic { margin-left: 0; }
.index_form_area .index_form_topicss { display: none; }
#main .search_area .search_info .info_content ul li:nth-child(1) > span,
#main .search_area .search_info .info_content ul li:nth-child(2) > span { display: block; }
#main .search_area .selected_flight .flight_infomation .info { width: auto; margin-left: 10px; }
#main .search_area .selected_flight .flight_infomation .type_1 { margin-left: 50px; }

#main .left_side .payment_content .contact .first_name input,
#main .left_side .payment_content .contact .bill_address input,
#main .left_side .payment_content .contact .bill_address .tag { width: 100%; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

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

}

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

}

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

}

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

}