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

html { margin:0px; min-height:100%; }

body { width:100%; min-height:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; position:relative; background-color:#6e6e6e; font-size:16px; color:#333333; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }

a { outline:none; text-decoration:none; }

a:hover {
	text-decoration: underline;
}

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input, select, button { padding:0px; margin:0px; vertical-align:top; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }

.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

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

#wrap { width:100%; min-width:1000px; background:url(../images/bg.jpg) no-repeat center top; position:relative; z-index:1; overflow:hidden; transition:transform 0.5s ease; }

/*#wrap.common { background-repeat: no-repeat; background-position: center top; background-color: #cde5ee; }*/
#wraps .common { background-image:url(../images/bg_white.png); background-repeat: repeat; background-position: center top; background-color: #cde5ee; }
#wrap .container { width:1000px; margin:0px auto; position:relative; box-sizing:border-box; padding-bottom: 5px}
#wrap .overlay { position:absolute; left:0; top:0; z-index:3; width:0; height:0; background-color:rgba(0,0,0,0.5); opacity:0; }

#wrap .responsive_bar { display: none; position: absolute; z-index: 50; left: 45%; text-align: center; padding: 5px 10px; color: #ffffff; font-size: 18px; border-radius: 10px; margin: 0 auto;background-color: #5e83b0;  }
#wrap .responsive_bar i { transition: all 0.8s ease; font-size: 20px; margin-left: 10px; }
#wrap .responsive_bar i.active { transform: rotate(-90deg); }

#wraps { width:100%; min-width:1000px; background:url(../images/bg.jpg) no-repeat center top; position:relative; z-index:100;transition:transform 0.5s ease; }
/*#wraps .common { background-image:url(../images/bg_2.png); background-repeat: no-repeat; background-position: center top; background-color: #cde5ee; }*/
#wraps .container { width:1000px; margin:0px auto; position:relative; box-sizing:border-box; padding-bottom: 20px}
#wraps .overlay { position:absolute; left:0; top:0; z-index:3; width:0; height:0; background-color:rgba(0,0,0,0.5); opacity:0; }

#wraps .responsive_bar { display: none; position: absolute; z-index: 50; left: 45%; text-align: center; padding: 5px 10px; color: #ffffff; font-size: 18px; border-radius: 10px; margin: 0 auto;background-color: #5e83b0;  }
#wraps .responsive_bar i { transition: all 0.8s ease; font-size: 20px; margin-left: 10px; }
#wraps .responsive_bar i.active { transform: rotate(-90deg); }

#wrapss { width:100%; min-width:1000px; position:relative; z-index:1; overflow:hidden; transition:transform 0.5s ease; }
#wrapss.common { background-image:url(../images/bg_2.png); z-index:1; background-repeat: no-repeat; background-position: center top; background-color: #cde5ee; }
#wrapss .container { width:1000px; margin:0px auto; position:relative; box-sizing:border-box; }
#wrapss .overlay { position:absolute; left:0; top:0; z-index:3; width:0; height:0; background-color:rgba(0,0,0,0.5); opacity:0; }

#wrapss .responsive_bar { display: none; position: absolute; z-index: 50; left: 45%; text-align: center; padding: 5px 10px; color: #ffffff; font-size: 18px; border-radius: 10px; margin: 0 auto;background-color: #5e83b0;  }
#wrapss .responsive_bar i { transition: all 0.8s ease; font-size: 20px; margin-left: 10px; }
#wrapss .responsive_bar i.active { transform: rotate(-90deg); }

#top {position:relative; border-bottom:6px solid #ff7201; background-color:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2ffffff', endColorstr='#b2ffffff'); }
#top:before { position:absolute; left:0; bottom:-7px; content:""; width:100%; height:7px; background:url(../images/top_shadow.png) repeat-x center top; }
#top .logo { float:left; width:242px; padding:19px 0 6px 6px; box-sizing:border-box; }

#top .menu_area { float:right; padding-top:42px; padding-bottom:13px; }
#top ul.menu_list { text-align:right; font-size:0; }
#top ul.menu_list li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:24px; padding:0 12px; border-left:1px solid #87b0d3; line-height:24px; }
#top ul.menu_list li:last-child { padding-right:0; }
#top ul.menu_list li a.lv1 {display:block; height:24px; font-size:14px; color:#333333; line-height:24px; font-family:"Oxygen", sans-serif; }
#top ul.menu_list li a.lv1 i {vertical-align:sub; padding-right:7px; font-size:22px; color:#6d6d6d; line-height:24px; }
#top ul.menu_list li a.lv1:hover { }

#top .menu_area .lang_area { position:relative; }
#top .menu_area .lang_area p { height:24px; font-size:14px; color:#333333; line-height:24px; font-family:"Oxygen", sans-serif; }
#top .menu_area .lang_area p img { vertical-align:top; }
#top .menu_area .lang_area p i { vertical-align:sub; }
#top .menu_area .lang_area .lang_list { position:absolute; left:-5px; top:28px; z-index:10; width:100px; padding:6px 0; background-color:rgba(255,255,255,0.7); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2ffffff', endColorstr='#b2ffffff'); display:none; }
#top .menu_area .lang_area .lang { display:block; padding:4px 5px; font-size:14px; color:#333333; line-height:24px; font-family:"Oxygen", sans-serif; text-align:left; }
#top .menu_area .lang_area .lang img { vertical-align:top; }

#top .menu_area .lang_area:hover { padding-bottom:4px; }
#top .menu_area .lang_area:hover .lang_list { display:block; }

#top .mobile_btn_area { position: absolute; right: 40px; top: 0; width: 50px; height: 100%; display: none; }
#top .mobile_btn_area .mobile_btn { vertical-align: middle; display:inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 24px; background-color: #5e83b0; }
#top .mobile_btn_area .mobile_btn i { color: #ffffff; }
#top .mobile_btn_area:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

#mobile_menu { display: none; position: absolute; top: 80px; width: 100%; z-index: 100; left: 0; background: #6699cc; }
#mobile_menu ul li { box-shadow: 0 0 2px #ffffff; color: #ffffff; padding-top: 5px; padding-bottom: 5px; font-size: 18px; font-weight: bold; box-sizing: border-box; }
#mobile_menu ul li > div { width: 180px; margin: 0 auto;  }
#mobile_menu ul li:last-child p > img {margin-right: 20px;}
#mobile_menu ul li a { color: #ffffff; }
#mobile_menu ul li:first-child i { margin-right: 30px;}
#mobile_menu ul li:nth-child(2) i { margin-right: 30px;}
#mobile_menu ul li:nth-child(3) i { margin-right: 30px;}
#mobile_menu ul li:nth-child(4) i { margin-right: 30px;}

#mobile_menu .lang_area { position:relative; }
#mobile_menu .lang_area p { height:24px; font-size:18px; color:#ffffff; line-height:24px; font-family:"Oxygen", sans-serif; }
#mobile_menu .lang_area p img { vertical-align:top; margin-right: 5px; }
#mobile_menu .lang_area p i { vertical-align:sub; }
#mobile_menu .lang_area .lang_list { position:relative; left:0; top:0; z-index:10; width:100px; padding:6px 0; display:none; width: 100%; text-align: center; }
#mobile_menu .lang_area .lang { display:block; padding:4px 5px; font-size:14px; color:#ffffff; line-height:24px; font-family:"Oxygen", sans-serif; text-align:center; }
#mobile_menu .lang_area .lang img { vertical-align:top; }

#searching_flight_box_org { display: none;left:25% ;top: 25%;position: fixed;width: 50%; height: 450px; box-sizing: border-box; padding: 30px 50px; text-align: center; border-radius: 2px; border: 3px solid #dd986b; background-color: #ffffff; margin: 0 auto; z-index: 4500 }
#searching_flight_box {display: none; transform: translate(-50%, -50%);;left:50% ;top: 50%;position: fixed;width: 90%; height: 500px; box-sizing: border-box; padding: 30px 50px; text-align: center; border-radius: 2px; border: 3px solid #dd986b; background-color: #ffffff; margin: 0 auto; z-index: 4500 }
#searching_flight_box .box_title { font-size: 20px; font-weight: bold; line-height: 55px; color: #224e7a; }
#searching_flight_box .box_intro { font-size: 14px; line-height: 26px; font-weight: bold; color: #224e7a; }
#searching_flight_box .box_content { margin-top: 20px; }
#searching_flight_box .box_content .content_title { font-size: 16px; font-weight: bold; line-height: 26px; color: #333333; margin-bottom: 20px; }

#searching_flight_box .box_content .table .content { font-size: 0; }
#searching_flight_box .box_content .table .content li { padding-top: 12px; padding-bottom: 12px; border-left: 1px solid #ffc69a; display: inline-block; vertical-align: middle; background-color: #dfdfdf; color: #333333; font-size: 12px; font-weight: bold; line-height: 26px; }
#searching_flight_box .box_content .table .content li:first-child { border-left: none; }

#searching_flight_box .animation { text-align: center; margin-top: 30px; }
#searching_flight_box .animation .dashed_line { display: inline-block; vertical-align: middle; }
#searching_flight_box .animation ul { display: inline-block; vertical-align: middle; }
#searching_flight_box .animation ul li { width: 76px; display: inline-block; vertical-align: middle; margin-right: 15px; }
#searching_flight_box .animation ul li img { display: none; }
#searching_flight_box .animation ul li img.show { display: inline-block; }


#main {}
#main.searching { width: 100%; height: 1158px; background-color: rgba(204,204,204,0.8); padding-top: 110px; }
#main.searching .search_box { width: 50%; height: 450px; box-sizing: border-box; padding: 30px 50px; text-align: center; border-radius: 2px; border: 3px solid #dd986b; background-color: #ffffff; margin: 0 auto; }
#main.searching .search_box .box_title { font-size: 29px; font-weight: bold; line-height: 55px; color: #224e7a; }
#main.searching .search_box .box_intro { font-size: 16px; line-height: 26px; font-weight: bold; color: #224e7a; }
#main.searching .search_box .box_content { margin-top: 20px; }
#main.searching .search_box .box_content .content_title { font-size: 16px; font-weight: bold; line-height: 26px; color: #333333; margin-bottom: 20px; }

#mains {}
#mains.searching { width: 100%; height: 1158px; background-color: rgba(204,204,204,0.8); padding-top: 55px;}
#mains.searching .search_box { width: 967px; height: 450px; box-sizing: border-box; padding: 30px 50px; text-align: center; border-radius: 2px; border: 3px solid #dd986b; background-color: #ffffff; margin: 0 auto; }
#mains.searching .search_box .box_title { font-size: 18px; font-weight: bold; line-height: 55px; color: #224e7a; }
#mains.searching .search_box .box_intro { font-size: 16px; line-height: 26px; font-weight: bold; color: #224e7a; }
#mains.searching .search_box .box_content { margin-top: 20px; }
#mains.searching .search_box .box_content .content_title { font-size: 16px; font-weight: bold; line-height: 26px; color: #333333; margin-bottom: 20px; }

#mains.searching .search_box .animation { text-align: left; margin-top: 30px; }
#mains.searching .search_box .animation .dashed_line { display: inline-block; vertical-align: middle; }
#mains.searching .search_box .animation ul { display: inline-block; vertical-align: middle; }
#mains.searching .search_box .animation ul li { width: 76px; display: inline-block; vertical-align: middle; margin-right: 15px; }
#mains.searching .search_box .animation ul li img { display: none; }
#mains.searching .search_box .animation ul li img.show { display: inline-block; }
/*#main.searching .search_box .box_content .table .header { font-size: 0; }
#main.searching .search_box .box_content .table .header li { border-left: 1px solid #ffc69a; display: inline-block; vertical-align: middle; background-color: #ff7102; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 26px; }
#main.searching .search_box .box_content .table .header li:first-child { border-left: none; }*/

#main.searching .search_box .box_content .table .content { font-size: 0; }
#main.searching .search_box .box_content .table .content li { padding-top: 12px; padding-bottom: 12px; border-left: 1px solid #ffc69a; display: inline-block; vertical-align: middle; background-color: #dfdfdf; color: #333333; font-size: 14px; font-weight: bold; line-height: 26px; }
#main.searching .search_box .box_content .table .content li:first-child { border-left: none; }

#main.searching .search_box .animation { text-align: left; margin-top: 30px; }
#main.searching .search_box .animation .dashed_line { display: inline-block; vertical-align: middle; }
#main.searching .search_box .animation ul { display: inline-block; vertical-align: middle; }
#main.searching .search_box .animation ul li { width: 76px; display: inline-block; vertical-align: middle; margin-right: 15px; }
#main.searching .search_box .animation ul li img { display: none; }
#main.searching .search_box .animation ul li img.show { display: inline-block; }

#main .book_area { background-color: rgba(255,255,255,0.44); padding: 20px; box-sizing: border-box; }
#main .confirm_area { background-color: rgba(255,255,255,0.44); padding: 20px; box-sizing: border-box; }

#main .book_area .book_title { font-weight: bold; font-size: 29px; line-height: 38px; color: #204080; padding-left: 8px; margin-bottom: 20px; }
#main .book_bg { width: 942px; background-color: #ffffff; box-sizing: border-box; }
#main .book_bg .left_side { width: 581px; margin-left: 8px; }
#main .book_bg .left_side .flight .flight_title { width: 581px; }
#main .book_bg .right_side { margin-right: 8px; }
#main .book_bg .flight_info,
#main .book_bg .price_info { box-sizing: border-box; border: 1px solid #e0e4ed; border-top: none; }
#main .book_bg .flight_title,
#main .book_bg .price_title { box-sizing: border-box; border: 1px solid #e0e4ed; border-bottom: none; }
#main .book_bg .right_side .price_info .content { width: 170px; box-sizing: border-box; padding-left: 15px; }

#main .book_bg .print_link { text-align: center; margin-top: 20px; margin-bottom: 30px; }
#main .book_bg .print_link .link_button { margin: 0 auto; width: 131px; height: 35px; line-height: 35px; border-radius: 5px; background-color: #356da8; color: #ffffff; text-align: center; }
#main .book_bg .print_link .link_button img { display: inline-block; vertical-align: middle; margin-right: 8px; }
#main .book_bg .print_link .link_button span { display: inline-block; vertical-align: middle; }
#main .book_area table { text-align: center; }
#main .book_area table tr:first-child { background-color: #214180; }
#main .book_area table tr:nth-child(even) { background-color: #f6f6f6; }
#main .book_area table td { width: 157px; height: 40px; }
#main .book_area table th { color: #ffffff; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; }
#main .book_area table td .view { transition: all 0.5s ease; width: 84px; height: 23px; border-radius: 13px; background-color: #ff7103; margin: 0 auto; }
#main .book_area table td .view .icon { transition: all 0.5s ease; display: inline-block; vertical-align: middle; width: 14px; height: 14px; line-height: 13px; padding-left: 2px; box-sizing: border-box; background-color: #ffffff; color: #ff7103; border-radius: 50%; }
#main .book_area table td .view span { display: inline-block; vertical-align: middle; color: #ffffff; margin-right: 5px; font-size: 14px; font-weight: bold; line-height: 23px; }
#main .book_area table td .view:hover,
#main .book_area table td .view.active { background-color: #5aa5c2; }
#main .book_area table td .view:hover .icon { color: #5aa5c2; }
#main .book_area table td .view.active .icon { color: #5aa5c2; transform: rotate(90deg); }
#main .book_area .passenger_list { box-sizing: border-box; padding: 15px 30px; }
#main .book_area .passenger_list .tag { display: inline-block; vertical-align: top; }
#main .book_area .passenger_list .tag img { display: inline-block; vertical-align: middle; }
#main .book_area .passenger_list .tag span { display: inline-block; vertical-align: middle; margin-left: 3px; font-size: 16px; font-weight: bold; }
#main .book_area .passenger_list .content { display: inline-block; vertical-align: top; margin-left: 10px; }

#mains .faq_main #expend_clause {width:100%!important;height:100%;border: 0px solid #FF0000;display: none;position:fixed;top: 0px;z-index: 999;background-color: #ffffff;}

#main .faq_main { background-color: rgba(255,255,255,0.4); }
#main .faq_main #expend_clause {width:100%!important;height:100%;border: 0px solid #FF0000;display: none;position:fixed;top: 0px;z-index: 999;background-color: #ffffff;}
#main .faq_main #expend_clause_background{display:none;position:fixed;top:0;left:0;background:gray;opacity: 0.8;width:100%;height:100%;z-index: 998; }
#main .faq_main .faq_title { font-size: 29px; font-weight: bold; color: #204080; line-height: 37px; padding-top: 20px; padding-left: 40px; margin-bottom: 8px; }
#main .faq_main .left_menu { width: 350px; float: left; }
#main .faq_main .left_menu ul li { transition: all 0.5s ease; font-weight: bold; margin-bottom: 10px; box-sizing: border-box; padding-left: 40px; font-size: 15px; color: #333333; width: 325px; height: 34px; line-height: 34px; background-image: url(../images/left_menu_tag.png); background-position: center; background-repeat: no-repeat; }
#main .faq_main .left_menu ul li:hover,
#main .faq_main .left_menu ul li.active { color: #ff7201; }
#main .faq_main .right_side { width: 605px; }
#main .faq_main .right_side .right_side_title { margin-bottom: 0; margin-top: 0; height: 31px; background-color: #214180; color: #ffffff; font-size: 20px; font-weight: bold; box-sizing: border-box; padding-left: 20px; line-height: 31px; }
#main .faq_main .right_side .right_side_content { background-color: #ffffff; padding: 20px 20px 20px 40px; }
#main .faq_main .right_side .right_side_content .question_list { box-sizing: border-box; }
#main .right_side .question_list li { list-style: decimal; color: #214180; margin-bottom: 10px; }
#main .right_side .question_list li .question_title { font-size: 17px; font-weight: bold; margin-bottom: 3px; }
#main .right_side .question_list li .paragraph { text-align: justify; margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #333333; }
#main .right_side .question_list li .paragraph p a { color: #0066cc; }

#main .faq_main .center_side { width: 1024px; }
#main .faq_main .center_side .right_side_title { margin-bottom: 0; margin-top: 0; height: 31px; background-color: #214180; color: #ffffff; font-size: 20px; font-weight: bold; box-sizing: border-box; padding-left: 20px; line-height: 31px; }
#main .faq_main .center_side .right_side_content { background-color: #ffffff; padding: 20px 20px 20px 40px; }
#main .faq_main .center_side .right_side_content .question_list { box-sizing: border-box; }
#main .center_side .question_list li { list-style: decimal; color: #214180; margin-bottom: 10px; }
#main .center_side .question_list li .question_title { font-size: 17px; font-weight: bold; margin-bottom: 3px; }
#main .center_side .question_list li .paragraph { text-align: justify; margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #333333; }
#main .center_side .question_list li .paragraph p a { color: #0066cc; }

#main .about_us_main { background-color: #f1f8fa; }
/*#main .about_us_main .about_us_content { box-sizing: border-box; padding: 20px 70px; }*/
#main .about_us_main .about_us_content { box-sizing: border-box; }
#main .about_us_main .about_us_content .about_us_intro {font-size: 16px; font-weight: bold; margin-bottom: 20px; }
#main .about_us_main .about_us_content .feature ul { text-align: center; }
#main .about_us_main .about_us_content .feature ul li { display: inline-block; vertical-align: middle; margin-right: 20px; }
#main .about_us_main .about_us_content .feature ul li:last-child { margin-right: 0; }
#main .about_us_main .about_us_content .feature ul li .feature_name { font-size: 21px; font-weight: bold; color: #204080; padding: 5px 0; }
#main .about_us_main .about_us_content .advantage_area { margin-bottom: 30px; }
#main .about_us_main .about_us_content .advantage { margin-top: 40px; background-image: url(../images/advantage_border.png); background-position: bottom; background-repeat: no-repeat; padding-bottom: 15px; }
#main .about_us_main .about_us_content .advantage .content { width: 700px; display: inline-block; vertical-align: middle; }
#main .about_us_main .about_us_content .advantage .content .content_title { font-size: 21px; font-weight: bold; color: #204080; margin-bottom: 20px; }
#main .about_us_main .about_us_content .advantage .content .content_word { font-size: 16px; font-weight: bold; }
#main .about_us_main .about_us_content .advantage .photo { width: 150px; font-size: 0; display: inline-block; vertical-align: middle; text-align: center; }
#main .about_us_main .about_us_content .advantage .photo:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
#main .about_us_main .about_us_content .advantage .photo img { display: inline-block; vertical-align: middle; margin: 0 auto; }

#main .step_map { margin-bottom: 20px; }
#main .step_map ul { width: 510px; margin: 0 auto; }
#main .step_map ul li { display: inline-block; vertical-align: middle; position: relative; }
#main .step_map ul li .step { font-size: 0; position: relative; z-index: 10; display: inline-block;vertical-align: middle; width: 103px; height: 77px; background-image: url(../images/step_map.png); background-position: center; background-repeat: no-repeat; text-align: center; }
#main .step_map ul li .step:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
#main .step_map ul li .step span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #ffffff; }
#main .step_map ul li .arrow { margin-left: -5px; width: 27px; height: 10px; background-image: url(../images/step_arrow.png); background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
#main .step_map ul li:last-child .arrow { display: none; }
#main .step_map ul li .step_num { width: 26px; height: 26px; text-align: center; line-height: 26px; background-image: url(../images/step_num.png); background-position: center; background-repeat: no-repeat; position: absolute; top: -5px; left: -5px; font-size: 14px; color: #6699cc; }
#main .step_map ul li.active .step { background-image: url(../images/step_map_active.png); background-position: center; background-repeat: no-repeat; }
#main .step_map ul li.active .step_num { color: #214180; }

#main .left_side { width: 611px; float: left; }
#main .left_side .flight { margin-bottom: 10px; }
#main .left_side .flight .flight_title { width: 611px; height: 31px; background-color: #214180; position: relative; }
#main .left_side .flight .flight_title img:first-child {  }
#main .left_side .flight .flight_title span { display: inline-block; vertical-align: middle; font-size: 19px; font-weight: bold; color: #ffffff; line-height: 31px; margin-right: 20px; }
#main .left_side .flight .flight_title .total_time { position: absolute; right: 40px; top: 3px; width: 190px; height: 20px; padding-top: 5px; background-color: #6699cc; border-radius: 10px; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; }
#main .left_side .flight .flight_title img:last-child { position: absolute; right: 10px; top: 5px; }
#main .left_side .flight .flight_title .open_icon { transition: all 0.5s ease; cursor: pointer; }
#main .left_side .flight .flight_title .open_icon.active { transform: rotate(90deg); }
#main .left_side .flight .flight_info { box-sizing: border-box; padding: 20px 30px; background-color: #ffffff; display: none; background-image: url("../images/flight_line.png") ; background-repeat: no-repeat;background-position: left}
#main .left_side .flight .flight_info .line_map { display: inline-block; vertical-align: top; margin-top: 13px; }
#main .left_side .flight .flight_info .word_map { display: inline-block; vertical-align: top; }


#main .left_side .flight .fare_title { vertical-align:middle; cursor: pointer; transition: all 0.5s ease; height: 27px; box-sizing: border-box; border-radius: 5px; border: 1px solid #6699cc; text-align: left; line-height: 25px; display: inline-block; width: 120px; margin-bottom: 20px;margin-top: 5px}
#main .left_side .flight .fare_title span { vertical-align:middle; }
#main .left_side .flight .fare_title img { transition: all 0.5s ease; display: inline-block; vertical-align: middle; text-align: right; }
#main .left_side .flight .fare_title .open_icon1 { transition: all 0.5s ease; cursor: pointer; }
#main .left_side .flight .fare_title .open_icon1.active { transform: rotate(90deg); }
#main .left_side .flight .fare_info { margin-bottom: 20px; border-top: solid 1px ; border-bottom: solid 1px;border-color: #6699cc; display: none;}
#main .left_side .flight .fare_info span { padding: 5px; position: relative;left: 15px }


#main .left_side .flight .flight_info .word_map .baggage_info
#main .left_side .flight .flight_info .word_map .depart_info { font-size: 16px; font-weight: bold; margin: 10px 0; padding-left: 10px; }
#main .left_side .flight .flight_info .word_map .destination_info { font-size: 16px; font-weight: bold; margin: 10px 0; padding-left: 10px; }

#main .left_side .flight .flight_info .line_map .trip_line,
#main .left_side .flight .flight_info .line_map .wait_line { text-align: center; width: 32px; }
#main .left_side .flight .flight_info .col_1 { display: inline-block; vertical-align: middle; width: 84px; text-align: center; font-size: 14px; font-weight: bold; color: #6699cc; }
#main .left_side .flight .flight_info .col_2 { display: inline-block; vertical-align: middle; width: 215px; }
#main .left_side .flight .flight_info .col_3 { display: inline-block; vertical-align: top; margin-left: 20px}
#main .left_side .flight .flight_info .col_3 img { display: inline-block; vertical-align: middle; margin-right: 8px; }
#main .left_side .flight .flight_info .col_3 span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #000000; }
#main .left_side .flight .flight_info .depart .col_1
#main .left_side .flight .flight_info .destination .col_1 { vertical-align: top; line-height: 26px; }
#main .left_side .flight .flight_info .wait .col_1 { text-align: right; }
#main .left_side .flight .flight_info .lang_en { font-size: 18px; line-height: 26px; font-weight: bold; }
#main .left_side .flight .flight_info .lang_tc { font-size: 12px; font-weight: bold; }
#main .left_side .flight .flight_info .mid { height: 95px; }
#main .left_side .flight .flight_info .mid:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
#main .left_side .flight .flight_info .mid .company { margin-bottom: 5px; }
#main .left_side .flight .flight_info .mid .company span { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: bold; }
#main .left_side .flight .flight_info .mid .company img { display: inline-block; vertical-align: middle; margin-right: 3px; }
#main .left_side .flight .flight_info .mid .descript { font-size: 12px; font-weight: bold; color: #666666; }
#main .left_side .flight .flight_info .mid .col_3 { margin-top: 14px; }
/*#main .left_side .flight .flight_info .wait { width: 400px; height: 30px; border-radius: 15px; border: 2px solid #dbe7f3; line-height: 30px; margin-top: 20px; margin-bottom: 10px; }*/
/*#main .left_side .flight .flight_info .wait .col_2 { font-size: 14px; font-weight: bold; }*/

#main .left_side .flight .wait { border-radius: 15px; border: 2px solid #b4c8ec; line-height: 30px; margin-top: 20px; margin-bottom: 10px; text-align: center }
#main .left_side .flight .wait .col_1 { text-align: right; }
#main .left_side .flight .wait .col_2 { font-size: 14px; font-weight: bold; }
#main .left_side .flight .wait .col_a { width:initial; font-size: 13px; vertical-align: middle}
#main .left_side .flight .wait .col_a img { height:15px; width:15px;}


#main .input_info { margin-top: 30px; margin-bottom: 20px; }
#main .input_info .link_button { transition: all 0.5s ease; font-size: 16px; font-weight: bold; border-radius: 5px; width: 220px; height: 25px; border: 1px solid transparent; background-color: #356da8; color: #ffffff; text-align: center; line-height: 27px; margin: 0 auto; }
#main .input_info .link_button:hover { background-color: #ffffff; color: #356da8; border: 1px solid #356da8; }

#main .left_side .left_side_title { margin-bottom: 10px; }
#main .left_side .left_side_title p.title { font-size: 20px; font-weight: bold; }
#main .left_side .left_side_title p.sub_title { font-size: 16px; }
#main .left_side .client_list .client { margin-bottom: 20px; }
#main .left_side .client_list .client .client_title { width: 611px; height: 31px; background-color: #214180; position: relative; }
#main .left_side .client_list .client .client_title img { display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 8px;margin-top:7px; }
#main .left_side .client_list .client .client_title p { display: inline-block; vertical-align: middle; line-height: 31px; color: #ffffff; font-size: 17px; font-weight: bold; }
#main .left_side .client_list .client .client_info { background-color: #ffffff; box-sizing: border-box; padding: 10px; }
#main .left_side .client_list .client .client_info .tag { width: 364px; box-sizing: border-box; padding-left: 10px; display: inline-block; vertical-align: middle; }
#main .left_side .client_list .client .client_info .tag img { display: inline-block; vertical-align: middle; margin-right: 10px; }
#main .left_side .client_list .client .client_info .tag p { display: inline-block; vertical-align: middle; }
#main .left_side .client_list .client .client_info .content { width: 225px; box-sizing: border-box; display: inline-block; vertical-align: middle; }
#main .left_side .client_list .client .client_info ul li { line-height: 36px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #d6e9f1; }
#main .left_side .client_list .client .client_info ul li:last-child { border-bottom: none; }

#main .payment_link { margin-top: 30px; margin-bottom: 20px; }
#main .payment_link .back { float: left; font-size: 15px; font-weight: bold; color: #6699cc; margin-top: 15px; }
#main .payment_link .cancel { float: right; font-size: 15px; font-weight: bold; color: #6699cc; margin-top: 15px; }
#main .payment_link .link_button { transition: all 0.5s ease; font-size: 16px; font-weight: bold; border-radius: 5px; width: 200px; height: 25px; border: 1px solid transparent; background-color: #356da8; color: #ffffff; text-align: center; line-height: 25px; margin: 0 auto; }
#main .payment_link .link_button:hover { background-color: #ffffff; color: #356da8; border: 1px solid #356da8; }

#main .left_side .passenger_info .info_title { background-color: #214180; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 26px; box-sizing: border-box; padding-left: 25px; }
#main .left_side .passenger_info .info_content { background-color: #ffffff; box-sizing: border-box; padding: 15px 20px; }
#main .left_side .notice { font-size: 14px; font-weight: bold; line-height: 26px; color: #333333; }
#main .left_side form .form_title { margin-top: 5px; margin-bottom: 5px; background-color: #92b0cc;}
#main .left_side form .form_title img { display: inline-block; vertical-align: middle; margin-right: 5px;  margin-left:5px; background-color: #fff }
#main .left_side form .form_title span { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; }
#main .left_side form .two { display: inline-block; vertical-align: middle; margin-right: 20px; }
#main .left_side form .tag { margin-bottom: 3px; }
#main .left_side form .first_name,
#main .left_side form .last_name,
#main .left_side form .gender,
#main .left_side form .nationality,
#main .left_side form .birth,
#main .left_side form .passport_num,
#main .left_side form .country,
#main .left_side form .expiry_date { margin-bottom: 20px; }
#main .left_side form img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#main .left_side form .tag p,
#main .left_side form span  { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; }
#main .left_side form .first_name input,
#main .left_side form .last_name input { width: 438px; height: 30px; border-style: none; border-radius: 4px; border: 1px solid #cccccc; line-height: 30px; box-sizing: border-box; padding-left: 16px; }
#main .left_side form .hint_area { margin-bottom: 20px; width: 557px; box-sizing: border-box; padding: 10px 15px; background-color: #ecf5f8; color: #666666; font-size: 12px; }
#main .left_side form .hint_area .hint { position: relative; box-sizing: border-box; padding-left: 25px; }
#main .left_side form .hint_area .hint .hint_icon { position: absolute; top: 0; left: 0px; }
#main .left_side form .gender select { border-style: none; width: 201px; height: 30px; border-radius: 4px; border: 1px solid #cccccc; line-height: 30px; box-sizing: border-box; padding-left: 90px; }
#main .left_side form .nationality select { border-style: none; width: 201px; height: 30px; border-radius: 4px; border: 1px solid #cccccc; line-height: 30px; box-sizing: border-box; padding-left: 70px;}
#main .left_side form .passport_num input { width: 260px; height: 30px; border-style: none; border-radius: 4px; border: 1px solid #cccccc; box-sizing: border-box; padding: 0 10px; }
#main .left_side form .country select { width: 220px; height: 30px; border-style: none; border-radius: 4px; border: 1px solid #cccccc; box-sizing: border-box; padding-left: 80px;  }
#main .left_side form .birth select,
#main .left_side form .expiry_date select { width: 128px; height: 30px; box-sizing: border-box; border-style: none; border-radius: 4px; border: 1px solid #cccccc; padding-left: 40px; }
#main .left_side form .birth select:nth-child(2),
#main .left_side form .expiry_date select:nth-child(2) { padding-left: 30px; }

#main .left_side form .baggage .baggage_title { width: 556px; height: 36px; background-color: #9bbdde; color: #ffffff; }
#main .left_side form .baggage .baggage_title img { display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 15px; }
#main .left_side form .baggage .baggage_title p { font-size: 16px; font-weight: bold; line-height: 36px; display: inline-block; vertical-align: middle; }
#main .left_side form .baggage .baggage_intro { font-size: 16px; font-weight: bold; color: #333333; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
#main .left_side form .baggage ul li { padding-left: 10px; }
#main .left_side form .baggage ul li input { display: inline-block; vertical-align: middle; margin-right: 10px; }
#main .left_side form .baggage ul li span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; line-height: 23px; color: #333333; }

#main .left_side .book_contact { margin-top: 15px; }
#main .left_side .book_contact .contact_title { background-color: #214180; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 26px; box-sizing: border-box; padding-left: 25px; }
#main .left_side .book_contact .contact_content { background-color: #ffffff; box-sizing: border-box; padding: 15px 20px; }
#main .left_side .book_contact .contact_content .gender select { width: 117px; padding-left: 45px; }
#main .left_side .book_contact .contact_content .email,
#main .left_side .book_contact .contact_content .phone_num { margin-bottom: 24px; }
#main .left_side .book_contact .contact_content .email .tag span,
#main .left_side .book_contact .contact_content .phone_num .tag span { font-size: 16px; line-height: 26px; font-weight: bold; }
#main .left_side .book_contact .contact_content .email input { width: 329px; height: 30px; line-height: 30px; border-style: none; border: 1px solid #cccccc; border-radius: 4px; box-sizing: border-box; padding-left: 10px; }
#main .left_side .book_contact .contact_content .phone_num .content { font-size: 0; }
#main .left_side .book_contact .contact_content .phone_num .content select { font-size: 12px; font-weight: bold; line-height: 26px; border-style: none; width: 91px; height: 30px; border-radius: 4px 0 0 4px; background-color: #cccccc; box-sizing: border-box; padding-left: 8px; }
#main .left_side .book_contact .contact_content .phone_num .content input { width: 239px; height: 30px; border-style: none; border-radius: 0 4px 4px 0; box-sizing: border-box; padding-left: 10px; font-size: 12px; border: 1px solid #cccccc; }
#main .left_side .more_info { font-size: 13px; box-sizing: border-box; padding: 15px 20px 0 20px; }

#main .left_side .payment_title { height: 31px; line-height: 31px; background-color: #214180; color: #ffffff; font-size: 20px; font-weight: bold; box-sizing: border-box; padding-left: 20px; }
#main .left_side .payment_content { box-sizing: border-box; padding: 20px; background-color: #ffffff; }
#main .left_side .payment_content .intro { font-size: 14px; font-weight: bold; margin-bottom: 20px; }
#main .left_side .payment_content .notice  { margin-bottom: 30px; }
#main .left_side .payment_content .notice span { font-size: 14px; line-height: 26px; font-weight: bold; margin-right: 2px; }
#main .left_side .payment_content .card ul li { display: inline-block; vertical-align: middle; margin-right: 20px; }
#main .left_side .payment_content .card ul li input { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px; }
#main .left_side .payment_content .card ul li img { display: inline-block; vertical-align: middle; }
#main .left_side .payment_content .card .hint { font-size: 13px; font-weight: bold; line-height: 18px; color: #666666; margin-top: 10px; }
#main .left_side .payment_content .card .card_type { margin-top: 20px; margin-bottom: 30px; }
#main .left_side .payment_content .card .card_type input[type=radio] { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 4px; }
#main .left_side .payment_content .card .card_type span { font-size: 15px; font-weight: bold; display: inline-block; vertical-align: middle; }
#main .left_side .payment_content .card .card_type select { width: 381px; height: 30px; line-height: 28px; border-style: none; border: 1px solid #cccccc; border-radius: 5px; font-size: 14px; color: #999999; box-sizing: border-box; padding-left: 10px; }
#main .left_side .payment_content .contact { padding-top: 20px; border-top: 1px solid #e3f0f4; }
#main .left_side .payment_content .contact .hint { margin-bottom: 20px; }
#main .left_side .payment_content .contact .hint input { display: inline-block; vertical-align: top; }
#main .left_side .payment_content .contact .hint p { font-size: 13px; font-weight: bold; line-height: 18px; display: inline-block; vertical-align: top; color: #666666; margin-left: 5px; }
#main .left_side .payment_content .contact .first_name input { width: 240px; height: 30px; border-style: none; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; }
#main .left_side .payment_content .contact .last_name { margin-right: 0; }
#main .left_side .payment_content .contact .last_name input { width: 300px; height: 30px; border-style: none; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; }
#main .left_side .payment_content .contact .first_name .tag,
#main .left_side .payment_content .contact .last_name .tag,
#main .left_side .payment_content .contact .phone_num .tag span,
#main .left_side .payment_content .contact .email .tag,
#main .left_side .payment_content .contact .bill_address .tag span,
#main .left_side .payment_content .contact .bill_country .tag { font-size: 15px; font-weight: bold; }
#main .left_side .payment_content .contact .phone_num { font-size: 0; margin-right: 14px; }
#main .left_side .payment_content .contact .phone_num select { width: 91px; height: 30px; box-sizing: border-box; border-style: none; border-radius: 5px 0 0 5px; background-color: #cccccc; padding-left: 4px; }
#main .left_side .payment_content .contact .phone_num input { width: 156px; height: 30px; line-height: 28px; border-style: none; border-radius: 0 5px 5px 0; border: 1px solid #cccccc; box-sizing: border-box; }
#main .left_side .payment_content .contact .email { margin-right: 0; }
#main .left_side .payment_content .contact .email input { width: 300px; height: 30px; border-style: none; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; }
#main .left_side .payment_content .contact .bill_address { margin-top: 20px; margin-bottom: 15px; }
#main .left_side .payment_content .contact .bill_address .tag { width: 239px; }
#main .left_side .payment_content .contact .bill_address input { width: 239px; height: 30px; border-style: none; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; padding-left: 10px; }
#main .left_side .payment_content .contact .bill_country { margin-right: 0; margin-top: 20px; margin-bottom: 15px; }
#main .left_side .payment_content .contact .bill_country select { width: 299px; height: 30px; border-style: none; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; padding-left: 130px; }
#main .next_link { text-align: center; margin-top: 20px; margin-bottom: 30px; }
#main .next_link .next_btn { transition: all 0.5s ease; width: 244px; height: 35px; border-radius: 5px; border: 1px solid #356da8; box-sizing: border-box; margin: 0 auto; background-color: #356da8; color: #ffffff; font-size: 15px; font-weight: bold; line-height: 32px; }
#main .next_link .next_btn:hover { background-color: #ffffff; color: #356da8; }

#main .confirm_link_area { margin-top: 20px; margin-bottom: 20px; }
#main .confirm_link_area .confirm_link_botton { box-sizing: border-box; border: 1px solid #356da8; transition: all 0.5s ease; width: 244px; height: 35px; text-align: center; line-height: 35px; background-color: #356da8; color: #ffffff; font-size: 15px; font-weight: bold; border-radius: 4px; margin: 0 auto; }
#main .confirm_link_area .confirm_link_botton:hover { background-color: #ffffff; color: #356da8; }

#main .right_side { width: 335px; float: right;  }
#main .right_side .customer { margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #cbe4ed; }
#main .right_side .customer:first-child { padding-top: 0px; border-top: none; }
#main .right_side .customer .price_notice { font-size: 14px; line-height: 18px; margin-bottom: 6px; font-weight: bold; }
#main .right_side .customer .price_notice span { font-size: 12px; line-height: 18px; }
#main .right_side .customer .per .tag,
#main .right_side .customer .per .content { margin-bottom: 2px !important; }
#main .right_side .registrant_title,

#main .left_side .price_title { width: 100%; height: 31px; background-color: #214180; color: #ffffff; line-height: 31px; }
#main .left_side .price_title img { display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 10px; }
#main .left_side .price_title span { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; }
#main .left_side .price_info { background-color: #ffffff; box-sizing: border-box; padding: 20px 10px; margin-bottom: 20px; }
#main .left_side .price_info .tag { width: 130px; display: inline-block; vertical-align: middle; font-size: 16px }
#main .left_side .price_info .content { width: 150px; display: inline-block; vertical-align: middle; font-size: 14px; text-align: right }
#main .left_side .price_info .per .tag,
#main .left_side .price_info .per .content { font-weight: bold; margin-bottom: -1px; }
#main .left_side .price_info .per .content img { display: inline-block; vertical-align: middle; margin-right: 4px; }
#main .left_side .price_info .per .content span { display: inline-block; vertical-align: middle; }


#main .right_side .price_title { width: 335px; height: 31px; background-color: #214180; color: #ffffff; line-height: 31px; }
#main .right_side .price_title img { display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 10px; }
#main .right_side .price_title span { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; }

#main .right_side .registrant_title img,
#main .right_side .registrant_title p,
#main .right_side .registrant_info { box-sizing: border-box; padding: 5px 10px; margin-bottom: 20px; }

#main .right_side .price_info { background-color: #ffffff; box-sizing: border-box; padding: 20px 10px; }
#main .right_side .price_info .tag { width: 130px; display: inline-block; vertical-align: middle; font-size: 16px }
#main .right_side .price_info .content { width: 150px; display: inline-block; vertical-align: middle; font-size: 14px; text-align: right }
#main .right_side .price_info .per .tag,
#main .right_side .price_info .per .content { font-weight: bold; margin-bottom: -1px; }
#main .right_side .price_info .per .content img { display: inline-block; vertical-align: middle; margin-right: 4px; }
#main .right_side .price_info .per .content span { display: inline-block; vertical-align: middle; }
#main .right_side .price_info .total .tag,
#main .right_side .price_info .total .content { margin-top: 10px; margin-bottom: 30px; font-size: 16px; font-weight: bold; color: #ff7c18; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #c7d5db; border-bottom: 1px dotted #c7d5db; }
#main .right_side .price_info .promotion_code p { padding-left: 3px; font-family:"Oxygen", sans-serif; font-weight: bold; font-size: 16px; line-height: 26px; }
#main .right_side .price_info .promotion_code input { box-sizing: border-box; padding-left: 5px; padding-right: 5px; width: 283px; height: 33px; border-style: none; border: 3px solid #ececec; }
#main .right_side .price_info .promotion_code .submit { transition: all 0.5s ease; border-radius: 2px; margin-top: 15px; width: 181px; height: 26px; background-color: #97a8ba; color: #ffffff; line-height: 26px; text-align: center; font-size: 16px; font-weight: bold; }
#main .right_side .price_info .promotion_code .submit:hover { background-color: #356da8; }
#main .right_side .tips_area { font-size: 14px; line-height: 18px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
#main .right_side .tips_area p { margin-top: 20px; }
#main .right_side .tips_area p.tip_3 { color: #6699ce; margin-bottom: 10px; }

#main .right_side .right_side_title { font-size: 20px; font-weight: bold; margin-top: 22px; margin-bottom: 9px; }
#main .right_side .registrant_info .name { font-size: 14px; font-weight: bold; line-height: 36px; border-bottom: 1px solid #d6e9f1; }
#main .right_side .registrant_info .name p:last-child { padding-left: 23px; }
#main .right_side .registrant_info .name img { margin-right: 8px; }
#main .right_side .registrant_info .tag { width: 125px; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; line-height: 36px;  border-bottom: 1px solid #d6e9f1; }
#main .right_side .registrant_info .tag img { vertical-align: middle; display: inline-block; margin-right: 8px; }
#main .right_side .registrant_info .tag span { vertical-align: middle; display: inline-block; }
#main .right_side .registrant_info .content { width: 185px; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; line-height: 36px;  border-bottom: 1px solid #d6e9f1; }
#main .right_side .registrant_info .tel .tag,
#main .right_side .registrant_info .tel .content { border-bottom: none; }
#main .right_side .price_info .tip { font-size: 14px; }
#main .right_side .price_info .check { margin-top: 25px; }
#main .right_side .price_info .check input { width: 16px; height: 16px; border-style: none; border: 2px solid #a6c4e1; display: inline-block; vertical-align: top; margin-top: 3px; margin-right: 10px; }
#main .right_side .price_info .check .check_word { display: inline-block; vertical-align: top; color: #ff6600; }
#main .right_side .contract_area { font-size: 12px; font-weight: bold; line-height: 14px; }
#main .right_side .contract_area ul.lv1 { list-style-type: decimal; box-sizing: border-box; padding-left: 20px; margin-top: 20px; }
#main .right_side .contract_area ul li.lv1 { margin-bottom: 20px; }
#main .right_side .contract_area ul.lv2 { list-style-type: disc; box-sizing: border-box; padding-left: 18px; }
#main .right_side .contract_area ul li.lv2 { margin-top: 15px; }

#main .right_side .hint_area { background-color: #ffffff; box-sizing: border-box; padding: 20px 10px; margin-top: 20px; }
#main .right_side .hint_area .hint_title { font-size: 17px; font-weight: bold; color: #214180; }
#main .right_side .hint_area .hint_sub_title { font-size: 15px; font-weight: bold; color: #214180; margin-bottom: 10px; }
#main .right_side .hint_area .hint_sub_title img,
#main .right_side .hint_area .hint_sub_title span { display: inline-block; vertical-align: middle; margin-right: 8px; }
#main .right_side .hint_area ul { list-style-type: disc; box-sizing: border-box; padding-left: 20px; }
#main .right_side .hint_area ul li { font-size: 10px; margin-bottom: 20px; }
#main .right_side .hint_area ul li p { font-size: 12px; font-weight: bold; line-height: 17px; }

#main .search_area { background-color: rgba(255,255,255,0.4); }
#main .search_area .search_info { position: relative; background-color: rgba(255,255,255,0.7); box-sizing: border-box; padding: 20px 20px; }
#main .search_area .search_info .info_title { font-size: 17px; line-height: 26px; font-weight: bold; padding-left: 15px; margin-bottom: 5px; }
#main .search_area .search_info .info_content ul li { display: inline-block; vertical-align: middle; border-right: 1px solid #ff7102; padding-left: 15px; padding-right: 15px; }
#main .search_area .search_info .info_content ul li:last-child { border-right: none; }
#main .search_area .search_info .info_content ul li .blue { color: #5e83b0; display: inline-block; vertical-align: middle; margin-right: 5px; }
#main .search_area .search_info .info_content ul li img { display: inline-block; vertical-align: middle; margin-right: 5px; }
#main .search_area .search_info .info_content ul li span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 26px; font-weight: bold; }
#main .search_area .search_info .info_content .count { font-size: 15px; font-weight: bold; line-height: 26px; padding-left: 40px; }
#main .search_area .search_info .modify { cursor: pointer; width: 239px; height: 28px; background-color: #5e83b0; text-align: center; line-height: 28px; color: #ffffff; position: absolute; right: 30px; bottom: 0; }
#main .search_area .search_info .modify span {  display: inline-block; vertical-align: middle; font-size: 16px; }
#main .search_area .search_info .modify img { transition: all 0.5s ease; margin-left: 5px; display: inline-block; vertical-align: middle; transform: rotate(-90deg); }
#main .search_area .search_info .modify.active img { transform: none; }

#main .search_area .modify_area { position: relative; width: 100%; }
#main .search_area .modify_area .modify_box { position: absolute; top: 0; left: 0; width:inherit; z-index: 100; }

#main .search_area .selected_flight { background-color: rgba(255,255,255,0.7); margin-bottom: 5px; box-sizing: border-box; padding: 10px 15px; }
#main .search_area .selected_flight .flight_title { width: 970px; height: 31px; line-height: 31px; background-color: #c1d7f1; border-radius: 15px; box-sizing: border-box; padding-left: 15px; font-size: 15px; font-weight: bold; }
#main .search_area .selected_flight .flight_title span:nth-child(2) { margin-left: 8px; margin-right: 15px; }

#main .search_area .selected_flight .flight_infomation { box-sizing: border-box; padding: 10px 25px; }
#main .search_area .selected_flight .flight_infomation .company_icon { display: inline-block; vertical-align: middle; margin-right: 20px; }
#main .search_area .selected_flight .flight_infomation .map { display: inline-block; vertical-align: middle; width: 120px; }
#main .search_area .selected_flight .flight_infomation .map .company_name { font-size: 16px; font-weight: bold; }
#main .search_area .selected_flight .flight_infomation .map .time span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #333333; }
#main .search_area .selected_flight .flight_infomation .map .time img { display: inline-block; vertical-align: middle; margin: 0 8px; }
#main .search_area .selected_flight .flight_infomation .info { display: inline-block; vertical-align: top; width: 110px; }
#main .search_area .selected_flight .flight_infomation .info .total_time { font-size: 16px; font-weight: bold; }
#main .search_area .selected_flight .flight_infomation .info .path span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #333333; }
#main .search_area .selected_flight .flight_infomation .info .path img { display: inline-block; vertical-align: middle; margin: 0 8px; }
#main .search_area .selected_flight .flight_infomation .type_1 { display: inline-block; vertical-align: top; width: 120px; font-size: 16px; font-weight: bold; }
#main .search_area .selected_flight .flight_infomation .type_2 { display: inline-block; vertical-align: top; width: 70px; font-size: 16px; font-weight: bold; }
#main .search_area .selected_flight .flight_infomation .type_3 { display: inline-block; vertical-align: top; width: 100px; }
#main .search_area .selected_flight .flight_infomation .type_3 .total_time { font-size: 16px; font-weight: bold; }
#main .search_area .selected_flight .flight_infomation .type_3 .path { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #ff7102; }
#main .search_area .selected_flight .flight_infomation .type_4 { display: inline-block; vertical-align: top; width: 70px; }
#main .search_area .selected_flight .flight_infomation .type_4 .total_time { font-size: 16px; font-weight: bold; color: #ff7102;}

#main .search_area .search_main { position: relative; padding-top: 5px; background-image: url(../images/main_shadow.png); background-position: top; background-repeat: repeat-x; }
#main .search_area .search_main .search_left_side { float: left; min-height: 100%; width: 268px; background-color: rgba(255,255,255,0.7); padding: 10px 5px; box-sizing: border-box; }
#main .search_area .search_main .search_left_side .search_button { width: 197px; height: 31px; text-align: center; color: #ffffff; line-height: 31px; background-color: #5e83b0; border-radius: 15px; }
#main .search_area .search_main .search_left_side .condition_list ul.lv1 > li { border-bottom: 1px solid #c0cee0; padding-top: 15px; padding-bottom: 15px; }
#main .search_area .search_main .search_left_side .condition_list .condition_title { margin-bottom: 10px; }
#main .search_area .search_main .search_left_side .condition_list .condition_title .condition { text-align: center; font-size: 13px; line-height: 26px; color: #ffffff; padding: 2px 5px; background-color: #003a82; float: left; }
#main .search_area .search_main .search_left_side .condition_list .condition_title .low_to { margin-right: 5px; text-align: center; font-size: 14px; line-height: 26px; color: #ffffff; padding: 2px 5px; background-color: #ff7102; float: right; }
#main .search_area .search_main .search_left_side .condition_list ul.lv2 li { font-size: 14px; font-weight: bold; }
#main .search_area .search_main .search_left_side .condition_list ul.lv2 li input { display: inline-block; vertical-align: top; margin-top: 4px; margin-right: 2px; }
#main .search_area .search_main .search_left_side .condition_list ul.lv2 li .col_sec { display: inline-block; vertical-align: top; width: 139px; }
#main .search_area .search_main .search_left_side .condition_list ul.lv2 li .col_third { display: inline-block; vertical-align: top; width: 94px; text-align: right; color: #6699cc; }

#main .search_area .search_main .search_right_side { float: right; width: 723px; box-sizing: border-box; padding: 10px 5px; }
#main .search_area .search_main .search_right_side .right_side_title { position: relative; border-bottom: 1px solid #6a88b2; padding-bottom: 15px; }
#main .search_area .search_main .search_right_side .right_side_title .type { margin-right: 20px; display: inline-block; vertical-align: middle; width: 250px; height: 31px; border-radius: 15px; background-color: #ff7102; text-align: center; line-height: 31px; font-size: 20px; font-weight: bold; color: #ffffff; }
#main .search_area .search_main .search_right_side .right_side_title .info { display: inline-block; vertical-align: middle; }
#main .search_area .search_main .search_right_side .right_side_title .info span { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; color: #003399; }
#main .search_area .search_main .search_right_side .right_side_title .info img { margin-left: 20px; margin-right: 12px; display: inline-block; vertical-align: middle; }
#main .search_area .search_main .search_right_side .right_side_title .info .orange { color: #ff7102; margin-left: 12px; margin-right: 20px; }
#main .search_area .search_main .search_right_side .right_side_title .intro { margin-top: 20px; font-size: 14px; font-weight: bold; line-height: 26px; color: #003399; }
#main .search_area .search_main .search_right_side .right_side_title .sort { position: absolute; right: 10px; bottom: 15px; }
#main .search_area .search_main .search_right_side .right_side_title .sort select { width: 174px; height: 32px; border-style: none; border-radius: 5px; border: 1px solid #999999; line-height: 26px; box-sizing: border-box; padding-left: 30px; font-size: 16px; font-weight: bold;  }

#main .search_area .search_main .search_right_side .search_result_list .result { position: relative; padding: 20px 5px 20px 5px; box-sizing: border-box; border-bottom: 1px solid #6a88b2; }
#main .search_area .search_main .search_right_side .search_result_list .result div.responsive { background-color: #6699cc; color: #ffffff; font-size: 14px; font-weight: bold; width: 65px; text-align: center; border-radius: 5px; }
#wrap.en #main .search_area .search_main .search_right_side .search_result_list .result div.responsive { width: 140px !important; }
#wrap.en #main .search_area .search_main .search_right_side .search_result_list .result .part_2 div.responsive { width: 110px !important; }
#main .search_area .search_main .search_right_side .search_result_list .result .left { display: inline-block; vertical-align: top; width: 555px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .icon { display: inline-block; vertical-align: top; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .icon.responsive_show { display: none; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .iconMulti { display: inline-block; vertical-align: top;padding: 5px 5px 5px 5px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .iconMulti.responsive_show { display: none; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_1 { display: inline-block; vertical-align: top; width: 180px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_2 { display: inline-block; vertical-align: top; width: 150px; margin-left: 15px; margin-right: 15px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_path .part_3 { display: inline-block; vertical-align: top; width: 185px; }
#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_right_side .search_result_list .result .left .lang_en { font-size: 18px; font-weight: bold; line-height: 26px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .lang_tc { font-size: 14px; font-weight: bold; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .via { font-size: 12px; font-weight: bold; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .blue { font-size: 14px; font-weight: bold; color: #6699cc; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .descript { font-size: 12px; font-weight: bold; color: #666666; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .company { margin-bottom: 10px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .company img { display: inline-block; vertical-align: middle; margin-right: 3px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .company span { font-size: 16px; font-weight: bold; }

/* start #main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript */
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript {height: 30px; width: 400px; font-size: 13px; font-weight: bold;}
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .weight { background-repeat: no-repeat; height: 38px;margin-left: 0px; margin-top: 10px; display: inline-block; background:url(../images/weights.png);vertical-align: bottom; line-height: 38px;  color: #ffffff;}
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .weight .label {position: relative ;left:16px ;top: -4px;}
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_detail_link { vertical-align:bottom ;cursor: pointer; transition: all 0.5s ease; width: 135px; height: 27px; box-sizing: border-box; border-radius: 5px; border: 1px solid #b0c2d8; text-align: left; line-height: 25px; display: inline-block; vertical-align: middle; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_detail_link span { display: inline-block; vertical-align: middle;   color: #003399; margin-right: 4px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_detail_link img { transition: all 0.5s ease; display: inline-block; vertical-align: middle; text-align: right; }

#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_service_link { vertical-align:bottom ;cursor: pointer; transition: all 0.5s ease; width: 134px; height: 27px; box-sizing: border-box; border-radius: 5px; border: 1px solid #b0c2d8; text-align: left; line-height: 25px; display: inline-block; vertical-align: middle; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_service_link span { display: inline-block; vertical-align: middle;   color: #003399; margin-right: 4px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_service_link img { transition: all 0.5s ease; display: inline-block; vertical-align: middle; text-align: right;}

#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .terms { vertical-align:bottom ;transition: all 0.5s ease; width: 90px; height: 27px; box-sizing: border-box; border-radius: 5px; text-align: center; line-height: 25px; border: 1px solid #b0c2d8;   color: #003399; display: inline-block; vertical-align: middle; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .total_time { vertical-align:bottom ; transition: all 0.5s ease; width: 90px; height: 27px; box-sizing: border-box; border-radius: 5px; text-align: left; line-height: 25px; border: 1px solid #b0c2d8;   color: #003399; display: inline-block; vertical-align: middle; width: 150px; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .baggageBtn { height: 27px; color: #ffffff; line-height: 25px; background-color: #356da8; border-radius: 5px; text-align: left; border: 1px solid #b0c2d8; display: inline-block; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .cabinBgBtn { height: 27px; color: #003399; line-height: 25px; border-radius: 5px; text-align: left; border: 1px solid #ffffff; display: inline-block; }
/*#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .total_time { width: 150px;line-height: 25px; background-color: #356da8; border-radius: 5px; text-align: left; border: 1px solid #b0c2d8; display: inline-block; }*/
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_detail_link.active,
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_detail_link:hover,
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_service_link.active,
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_service_link:hover,

#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .terms:hover { background-color: #ffffff; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .noBG:hover { background-color: #ffffff; }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_detail_link.active img { transform: rotate(90deg); }
#main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript .flight_service_link.active img { transform: rotate(90deg); }
/* end #main .search_area .search_main .search_right_side .search_result_list .result .left .flight_descript */

#main .search_area .search_main .search_right_side .search_result_list .result .right {text-align: center ;margin-bottom: 20px; box-sizing: border-box; padding: 10px 10px 10px 10px; position: absolute; right: 0px; top: 10px; width: 150px; height: 140px; background-color: rgb(211 211 211 / 60%); }
#main .search_area .search_main .search_right_side .search_result_list .result .right .basic_price { margin-bottom: 7px; margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 22px; }
#main .search_area .search_main .search_right_side .search_result_list .result .right .basic_price span { color: #3399ff; font-size: 16px; }
#main .search_area .search_main .search_right_side .search_result_list .result .right .extra_price { font-size: 14px; line-height: 18px; font-weight: bold; }
#main .search_area .search_main .search_right_side .search_result_list .result .right .extra_price span { color: #3399ff; }
#main .search_area .search_main .search_right_side .search_result_list .result .right .duration { font-size: 13px; line-height: 18px; font-weight: bold; }
/*#main .search_area .search_main .search_right_side .search_result_list .result .right .book_button { width: 100px; height: 27px; background-color: #ff7102; border-radius: 5px; margin: 10px auto 0 auto; text-align: center; line-height: 27px; color: #ffffff; font-size: 16px; font-weight: bold; }*/
#main .search_area .search_main .search_right_side .search_result_list .result .right .book_button { width: initial; height: 27px; background-color: #ff7102; border-radius: 5px; text-align: center; line-height: 27px; color: #ffffff; font-size: 16px; font-weight: bold; }
#main .search_area .search_main .search_right_side .page_switch { text-align: center; margin-top: 20px; }
#main .search_area .search_main .search_right_side .page_switch .left_arrow { transition: all 0.5s ease; display: inline-block; vertical-align: middle; width: 27px; height: 27px; line-height: 27px; text-align: center; background-color: #ffffff; color: #abc9e3; }
#main .search_area .search_main .search_right_side .page_switch .page_num { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; color: #154b8c; margin-left: 20px; margin-right: 20px; }
#main .search_area .search_main .search_right_side .page_switch .right_arrow { transition: all 0.5s ease; display: inline-block; vertical-align: middle; width: 27px; height: 27px; line-height: 27px; text-align: center; background-color: #ffffff; color: #abc9e3; }
#main .search_area .search_main .search_right_side .page_switch .left_arrow:hover,
#main .search_area .search_main .search_right_side .page_switch .right_arrow:hover { background-color: #154b8c; color: #ffffff; }

#main .search_area .flight_detail .flight_info { box-sizing: border-box; padding: 20px 30px; background-color: #ffffff; border-top: 1px solid #6a88b2; display: none; }
#main .search_area .flight_detail .flight_service { font-size: 14px; box-sizing: border-box; padding: 20px 30px; background-color: #ffffff; border-top: 1px solid #6a88b2; border-bottom: 1px solid #6a88b2; display: none; }

#main .search_area .flight_detail .flight_info .line_map { display: inline-block; vertical-align: middle; }
#main .search_area .flight_detail .flight_info .word_map { display: inline-block; vertical-align: middle; }
#main .search_area .flight_detail .flight_info .word_map .depart_info,
#main .search_area .flight_detail .flight_info .word_map .destination_info { font-size: 16px; font-weight: bold; margin: 10px 0; padding-left: 10px; }
#main .search_area .flight_detail .flight_info .line_map .trip_line,
#main .search_area .flight_detail .flight_info .line_map .wait_line { text-align: center; width: 32px; }
#main .search_area .flight_detail .flight_info .col_1 { display: inline-block; vertical-align: middle; width: 90px; text-align: center; font-size: 16px; font-weight: bold; color: #6699cc; }
#main .search_area .flight_detail .flight_info .col_2 { display: inline-block; vertical-align: middle; width: 200px; }
#main .search_area .flight_detail .flight_info .col_3 { display: inline-block; vertical-align: top; }
#main .search_area .flight_detail .flight_info .col_3 img { display: inline-block; vertical-align: middle; margin-right: 8px; }
#main .search_area .flight_detail .flight_info .col_3 span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #6699cc; }
#main .search_area .flight_detail .flight_info .depart .col_1,
#main .search_area .flight_detail .flight_info .destination .col_1 { vertical-align: top; line-height: 26px; }
#main .search_area .flight_detail .flight_info .lang_en { font-size: 18px; line-height: 26px; font-weight: bold; }
#main .search_area .flight_detail .flight_info .lang_tc { font-size: 12px; font-weight: bold; }
#main .search_area .flight_detail .flight_info .mid { height: 95px; }
#main .search_area .flight_detail .flight_info .mid:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
#main .search_area .flight_detail .flight_info .mid .company { margin-bottom: 5px; }
#main .search_area .flight_detail .flight_info .mid .company span { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: bold; }
#main .search_area .flight_detail .flight_info .mid .company img { display: inline-block; vertical-align: middle; margin-right: 3px; }
#main .search_area .flight_detail .flight_info .mid .descript { font-size: 12px; font-weight: bold; color: #666666; }
#main .search_area .flight_detail .flight_info .mid .col_3 { margin-top: 14px; font-size: 13px; }
#main .search_area .flight_detail .flight_info .wait { border-radius: 15px; border: 2px solid #dbe7f3; line-height: 30px; margin-top: 20px; margin-bottom: 10px; text-align: center }
#main .search_area .flight_detail .flight_info .wait .col_1 { text-align: right; }
#main .search_area .flight_detail .flight_info .wait .col_2 { font-size: 14px; font-weight: bold; }
#main .search_area .flight_detail .flight_info .wait .col_a { width:initial; font-size: 13px; vertical-align: middle}
#main .search_area .flight_detail .flight_info .wait .col_a img { height:15px; width:15px;}

#loginForm input{
	height: 30px;
	border-style: none; border-radius: 4px; border: 1px solid #cccccc; line-height: 30px; box-sizing: border-box; padding-left: 16px;
	margin: 5px;
	width: 100%;
}

#footer { background:url(../images/footer_shadow.png) repeat-x #6e6e6e center top; }
#footer .container { padding:5px; }
#footer .footer_menu { }
#footer .footer_menu ul { font-size:0; text-align:left; }
#footer .footer_menu ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:20px; padding:0 11px;/* border-left:2px solid #ffffff; */line-height:11px; }
#footer .footer_menu ul li:first-child { border-left:none; padding-left:6px; }
#footer .footer_menu ul li a { font-size:14px; color:#ffffff; font-family:"Oxygen", sans-serif; }
#footer .footer_menu ul li a:hover { }

#footer .footer_menu p { font-size:14px; color: #373737; font-family:"Oxygen", sans-serif; }

#footer .copyright { padding:12px 6px 0 6px; }
#footer .copyright p { float:right; width:50%; text-align:right; font-size:14px; color:#ffffff; }
#footer .copyright p:first-child { float:left; text-align:left; }

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

.index_form_area { padding:56px 18px; box-sizing:border-box; min-height: 700px }

.modify_box .index_form_area { padding: 0; padding-top: 1px; display: none; }
.modify_box .index_form_area .index_form_box { border-radius: 0; background-color: rgba(31,54,98,0.9); }

.index_form_area .index_form_topicss { DISPLAY: inline-block;cursor: pointer;width:264px; height:31px; padding-left:24px; background-color:rgba(0,58,130,0.67); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aa003a82', endColorstr='#aa003a82'); border-radius:6px 6px 0 0; position:relative; box-sizing:border-box; margin-left:15px; font-size:19px; color:#ffffff; font-weight:bold; line-height:31px; }
.index_form_area .index_form_topicss:after { position:absolute; right:-15px; bottom:0; content:""; width:0; height:0; border-style:solid; border-width:27px 0 0 15px; border-color:transparent transparent transparent rgba(0,58,130,0.67); }
.index_form_area .index_form_topic { width:264px; height:31px; padding-left:24px; background-color:rgba(0,58,130,0.67); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aa003a82', endColorstr='#aa003a82'); border-radius:6px 6px 0 0; position:relative; box-sizing:border-box; margin-left:12px; font-size:19px; color:#ffffff; font-weight:bold; line-height:31px; }
.index_form_area .index_form_topic:after { position:absolute; right:-15px; bottom:0; content:""; width:0; height:0; border-style:solid; border-width:27px 0 0 15px; border-color:transparent transparent transparent rgba(0,58,130,0.67); }
.index_form_area .index_form_box { padding:32px 0; background-color:rgba(0,0,0,0.77); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c4000000', endColorstr='#c4000000'); border-radius:6px; }
.index_form_area .index_form_type { padding-bottom:8px; font-size:0; text-align:left; }
.index_form_area .index_form_type label { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-left:20px; background-image:url(../images/radio_btn.png); background-repeat:no-repeat; background-position:left top; margin:0 4%; font-size:16px; color:#ffffff; font-weight:bold; line-height:18px; cursor:pointer; }
.index_form_area .index_form_type label.active { background-image:url(../images/radio_btn_e.png); }
.index_form_area .index_form_type input[type=radio] { display:none; }

.index_form_area .index_form { display:none; }
.index_form_area .index_form_section { padding:10px 20px 8px 20px; border-top:1px solid #474747; font-size:0; }
.index_form_area .index_form_section:first-child { border-top:none; }
.index_form_area .index_form_section_title { padding:10px 16px 0 16px; font-size:22px; color:#a2c1e1; font-weight:bold; }

.index_form_area .index_form_row { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:10px 12px 20px 12px; box-sizing:border-box; }
.index_form_area .index_form_row.row2 { width:50%; }
.index_form_area .index_form_row.row3 { width:33.33%; }
.index_form_area .index_form_title { padding-left:4px; padding-bottom:6px; font-size:16px; color:#ffffff; font-weight:bold; }
.index_form_area .index_form_field { }
.index_form_area .index_form_field .field { width:100%; display:inline-block; zoom:1; *display:inline; vertical-align:top; box-sizing:border-box; position:relative; }
.index_form_area .index_form_field label { position:absolute; left:0; top:0; display:block; height:30px; background-color:#cccccc; border-radius:5px 0 0 5px; font-size:14px; color:#666666; font-weight:bold; line-height:30px; text-align:center; }
.index_form_area .index_form_field label:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:30px; }
.index_form_area .index_form_field label img { vertical-align:middle; }
.index_form_area .index_form_field label i { font-size:20px; font-weight:normal; }
.index_form_area .index_form_field input,
.index_form_area .index_form_field select { width:100%; height:30px; padding:0 8px 0 14px; border:none; background-color:#ffffff; border-radius:0 5px 5px 0; box-sizing:border-box; outline:none; font-size:14px; color:#333333; font-weight:bold; }
.index_form_area .index_form_field input[type=text] { }
.index_form_area .index_form_field select { }

.index_form_area .index_form_field .long_title { padding-left:97px; }
.index_form_area .index_form_field .long_title label { width:97px; }

.index_form_area .index_form_field .short_title { padding-left:46px; }
.index_form_area .index_form_field .short_title label { width:46px; }
.rooms .index_form_field .short_title select { width: 130px; }


.index_form_area .index_form_field .no_title input,
.index_form_area .index_form_field .no_title select { border-radius:5px; }

.index_form_area .index_form_field .adult_field { width:162px; }
.index_form_area .index_form_field .child_field { width:105px; margin-left:10px; }

.index_form_area .index_form_btn { padding:18px 0 38px 0; text-align:center; }
.index_form_area .index_form_btn button { width:301px; height:41px; background-color:#ff7102; border:none; margin:0; padding:0; border-radius:6px; font-size:19px; color:#ffffff; font-weight:bold; text-align:center; outline:none; cursor:pointer; }
.index_form_area .index_form_btn button i { padding-right:8px; font-weight:normal; font-size:21px; }

#out_place_select_board{ width: 474px;height: auto;position: absolute;display: none;margin-left: 970px;margin-top: 268px;font-size: 15px;z-index: 1; }
#out_place_select_board6{ width: 474px;height: auto;position: absolute;display: none;margin-left: 970px;margin-top: 268px;font-size: 15px;z-index: 1; }
#out_place_select_board2{ width: 474px;height: auto;position: absolute;display: none;margin-left: 805px;margin-top: 578px;font-size: 15px;z-index: 1; }
#out_place_select_board3{ width: 474px;height: auto;position: absolute;display: none;margin-left: 805px;margin-top: 791px;font-size: 15px;z-index: 1; }
#out_place_select_board4{ width: 474px;height: auto;position: absolute;display: none;margin-left: 805px;margin-top: 1007px;font-size: 15px;z-index:1; }
#out_place_select_board5{ width: 474px;height: auto;position: absolute;display: none;margin-left: 805px;margin-top: 1220px;font-size: 15px;z-index: 1; }

#back_place_select_board{  width: 474px;height: auto;position: absolute;display: none;margin-top: 268px;margin-left: 506px;font-size: 15px;z-index: 1; }
#back_place_select_board6{  width: 474px;height: auto;position: absolute;display: none;margin-top: 268px;margin-left: 506px;font-size: 15px;z-index: 1; }
#back_place_select_board2{ width: 474px;height: auto;position: absolute;display: none;margin-left: 480px;margin-top: 578px;font-size: 15px;z-index: 1; }
#back_place_select_board3{ width: 474px;height: auto;position: absolute;display: none;margin-left: 480px;margin-top: 791px;font-size: 15px;z-index: 1; }
#back_place_select_board4{ width: 474px;height: auto;position: absolute;display: none;margin-left: 480px;margin-top: 1006px;font-size: 15px;z-index: 1; }
#back_place_select_board5{ width: 474px;height: auto;position: absolute;display: none;margin-left: 480px;margin-top: 1220px;font-size: 15px;z-index: 1; }

#change_button { width: 100px; background-color: #ff7102; border-radius: 5px; text-align: center; line-height: 27px; color: #ffffff; font-size: 18px; font-weight: bold; }

.index_form_area .quantity { width: 100%; }
.index_form_area .quantity > .index_form_field > .room-num { width: 60px; }
.index_form_area .quantity > .index_form_field > .room-num label { border-radius: 5px; padding: 0 8px; }