/* ============ Start of style.css ============ */
@charset "utf-8";
/*----------------------------------
  common
------------------------------------*/
* {
    padding:0;
}
body {
    font-size:13px;
    line-height:1.2;
    font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif";
    background:url(https://images.staticjw.com/fly/5423/mainbg.jpg) no-repeat center top;
}
a {
    color:#000;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
img {
    border:0;
}
ul {
    list-style:none;
}
dl, dd, dt, ul {
    margin:0;
}

.passenger_info input[type=text], .passenger_info2 input[type=text], .loginform input[type=text], textarea, .ticketsearch_form input[type=text] {
    border:1px solid #e2e2e2;
    padding:5px;
}
.imgBtn a,
.imgBtn a:link,
.imgBtn a:visited,
.imgBtn a:hover,
.imgBtn a:active,
.imgBtn a:focus,
.imgBtn button,
.imgBtn button:link,
.imgBtn button:visited,
.imgBtn button:hover,
.imgBtn button:active,
.imgBtn button:focus{
    display:block;
    text-indent:-9999px;
    text-align: left;
    outline: 0;
    padding:0;
    border:0;
    overflow:hidden;
}
#right, #left {
    float:left;
}

/*----------------------------------
  間隔
------------------------------------*/
.mt10 {
    margin:10px 0 0 0 ;
}
.mt20 {
    margin:20px 0 0 0 ;
}
.mb5 {
    margin: 0 0 5px 0 ;
}
.mb10 {
    margin: 0 0 10px 0 ;
}
.mb20 {
    margin: 0 0 20px 0 ;
}
.ml5 {
    margin: 0 0 0 5px;
}
.ml10 {
    margin: 0 0 0 10px;
}
.ml15 {
    margin: 0 0 0 15px;
}
.mr5 {
    margin: 0 5px 0 0 ;
}
.mr10 {
    margin: 0 10px 0 0 ;
}
.mr15 {
    margin: 0 15px 0 0 ;
}
.mr40 {
    margin: 0 40px 0 0 ;
}
.mrl5 {
    margin:0 5px;
}
.mtb10 {
    margin:10px 0;
}
.mtb15 {
    margin:15px 0;
}
.mrb15 {
    margin:0 15px 15px 0;
}
.mlr5 {
    margin:0 5px;
}
.mlr10 {
    margin:0 10px;
}

/*----------------------------------
  font size
------------------------------------*/
.f11 {
    font-size:11px;
}
.f13 {
    font-size:13px;
}
.f15 {
    font-size:15px;
}

/*----------------------------------
  font color
------------------------------------*/
.gray {
    color:#a5a5a5;
}
.purple {
    color:#693774;
}

/*----------------------------------
  line height
------------------------------------*/
.fh24 {
    line-height:24px;
}
.fh28 {
    line-height:28px;
}

/*----------------------------------
  aling
------------------------------------*/
.align_cetner {
    text-align:center;
}
.align_right {
    text-align:right;
}

/*----------------------------------
  width
------------------------------------*/
.w45 {
    width:45px;
}
.w50 {
    width:50px;
}
.w55 {
    width:55px;
}
.w60 {
    width:60px;
}
.w65 {
    width:65px;
}
.w70 {
    width:70px;
}
.w80 {
    width:80px;
}
.w90 {
    width:90px;
}
.w100 {
    width:100px;
}
.w110 {
    width:110px;
}
.w120 {
    width:120px;
}
.w130 {
    width:130px;
}
.w140 {
    width:140px;
}
.w150 {
    width:150px;
}
.w155 {
    width:155px;
}
.w160 {
    width:160px;
}
.w200 {
    width:200px;
}
.w280 {
    width:280px;
}
.w560 {
    width:560px;
}
.w720 {
    width:720px;
}

/*----------------------------------
  background color
------------------------------------*/
.bggray {
    background:#f2f2f2;
}






/*
     FILE ARCHIVED ON 07:15:22 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:38:44 Feb 04, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 120.021 (3)
  esindex: 0.013
  captures_list: 433.125
  CDXLines.iter: 10.916 (3)
  PetaboxLoader3.datanode: 154.675 (5)
  exclusion.robots.fetch: 287.172 (4)
  exclusion.robots: 287.829
  exclusion.robots.policy: 0.254
  RedisCDXSource: 11.639
  PetaboxLoader3.resolve: 70.27 (3)
  load_resource: 121.212
*/
/* ============ End of style.css ============ */

/* ============ Start of index.css ============ */
/*----------------------------------
  head
------------------------------------*/
#top {
    width:960px;
    overflow:auto;
    margin:auto;
    /*position:relative;*/
}
.logo, #topitem {
    float:left;
}
.logo {
    width:340px;
}

/*----------------------------------
  top menu
------------------------------------*/
#topitem {
    width:620px;
    margin: 0;
    padding: 65px 0 0 0;
    overflow:auto;
}
#topitem ul {
    margin:0;
    padding:0;
}
#topitem li a {
    display: block;
    padding: 0;
    margin:0;
}
#topitem li{
    margin:0;
    float:right;
    overflow:auto;
}
#subtop, #subtop2, #subtop3, #subtop4 {
    width:960px;
    margin:-1px auto 0 auto;
}
.subtopmenu, .subtopmenu2 {
    background: url(https://images.staticjw.com/fly/7685/toplink-managerbg.png) no-repeat left top #7f7f7f;
    overflow:auto;
}
.subtopmenu li, .subtopmenu2 li, .subtopmenu3 li {
    float:left;
    display:block;
    width:110px;
    text-align:center;
    padding:10px 5px;
}
.subtopmenu {
    width: 360px;
    margin:0 0 0 600px;
    overflow:auto;
}
.subtopmenu2 {
    width: 240px;
    margin:0 0 0 720px;
}
.subtopmenu3 {
    background: url(https://images.staticjw.com/fly/7685/toplink-managerbg.png) no-repeat right top #7f7f7f;
    overflow:auto;
    width: 480px;
    margin:0 0 0 480px;
}
#subtop a:link, #subtop a:visited, #subtop2 a:link, #subtop2 a:visited, #subtop3 a:link, #subtop3 a:visited {
    color: #fff;
    text-decoration:none;
}
#subtop a:hover, #subtop a:active, #subtop2 a:hover, #subtop2 a:active, #subtop3 a:hover, #subtop3 a:active {
    color:#79268d;
}
.lan { background:#fff;width:320px;overflow:auto;margin:0 0 0 373px; }
.lan li {float:left; display:block;padding:8px;}
.lan a:link, .lan a:visited {color:#000; text-decoration:none;}
.lan a:hover, .lan a:active {color:#8a3d9b;}

/*----------------------------------
  main area
------------------------------------*/
#main {
    width:960px;
    margin:10px auto 0 auto;
    overflow:auto;
}
#left {
    width:550px;
}

/*----------------------------------
  Osaka image
------------------------------------*/
.osakaimg {
    position:relative;
    background: url(https://images.staticjw.com/fly/1137/index-foto-bg.jpg) no-repeat left bottom #c3dbf3;
    overflow:auto;
    height:780px;
    width:550px;
}
.osakaimg h1 {
    position:absolute;
    top:25px;
    left:427px;
    overflow:auto;
}
.osakaimg .imgbox {
    float:left;
    word-wrap: break-word;
}
.osakaimg .imgbox dt, .osakaimg .imgbox dd {
    width:218px;
    padding:10px;
}
.osakaimg .imgbox dt {
    width:218px;
    height:218px;
    text-align:center;
    background:#ddedfc;
    vertical-align:central;
}
.osakaimg .imgbox001, .osakaimg .imgbox002 {
    position:absolute;
    overflow:auto;
    width:486px;
}
.osakaimg .imgbox001 {
    top:70px;
    left:34px;
}
.osakaimg .imgbox002 {
    top:378px;
    left:34px;
}

#right {
    width:400px;
}

/*----------------------------------
  booking box
------------------------------------*/
.index_ticketform, .ticketform {
    width:400px;
}
.index_ticketform {
    margin:0 auto 10px auto;
    background:url(https://images.staticjw.com/fly/4029/index-bookbox-bg.jpg) no-repeat center top #f4f4f4;
}
.ticketform {
    margin:15px auto;
}
.index_chooseitem ,.chooseitem, .recordform {
    /*overflow:auto;*/
}
.recordform {
    border-bottom:1px solid #e2e2e2;
    background:url(https://images.staticjw.com/fly/9371/bookchoose-formbg.gif) no-repeat center top #f4f4f4;
    padding:15px;
}
.ticketsearch_form {
    background:url(https://images.staticjw.com/fly/9371/bookchoose-formbg.gif) no-repeat center top #f4f4f4;
    padding-bottom:25px;
    margin:20px auto;
    width:400px;
}
.ticketsearch_form table { margin:25px auto }
.ticketsearch_form td { padding:8px 0; }
.index_chooseitem {
    border-top:0;
    padding:0 15px 20px 15px;
    margin:0;
    position:relative;
}
.chooseitem {
    background:url(https://images.staticjw.com/fly/9371/bookchoose-formbg.gif) no-repeat center top #f4f4f4;
    padding:70px 15px 15px 15px;
}
.chooseitem  .choosesubform, .index_chooseitem  .choosesubform {
    /*overflow:auto;*/
}
.chooseitem dt, .index_chooseitem dt  {
    float:left;
    display:block;
    width:168px;
}
.chooseitem .locationform, .chooseitem .dateform, .index_chooseitem .locationform, .index_chooseitem .dateform {
    /*background:#e4e4e4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding:4px;*/
    width:168px;
    /*overflow:auto;*/
}
.chooseitem .locationform li, .index_chooseitem .locationform li {
    /*float:left;*/
}
.chooseitem .locationform img, .index_chooseitem .locationform img {
    border:1px solid #a3a3a3;
    border-right:0;
    margin-bottom:-2px;
}
.chooseitem .locationform select, .index_chooseitem .locationform select  {
    border:0;
    /*width:135px;*/
    color:#656565;
    /*line-height:inherit;*/
}
.chooseitem .locationform .select_v {
    border:1px solid #a3a3a3;
    border-left:0;
    height:21px;
    background:#ffffff;
    padding:5px 0;
}


/*----------------------------------
  datepicker
------------------------------------*/
.date-pick  {
    border:1px solid #a3a3a3;
    padding:0 0 0 36px;
    height:31px;
    width:128px;
    color:#656565;
    line-height:31px;
    background:url(https://images.staticjw.com/fly/8966/icon-calendar.jpg) no-repeat left top #fff;
}
.date-pick2  {
    border:1px solid #a3a3a3;
    padding:0 0 0 36px;
    height:31px;
    width:80px;
    color:#656565;
    line-height:31px;
    background:url(https://images.staticjw.com/fly/8966/icon-calendar.jpg) no-repeat left top #fff;
}
.GEinput  {
    border:1px solid #a3a3a3;
    padding:0 0 0 36px;
    height:31px;
    width:128px;
    color:#656565;
    line-height:31px;
    background:url(https://images.staticjw.com/fly/4968/icon-ge.jpg) no-repeat left top #fff;
}
a.dp-choose-date.dp-disabled {
    cursor: default;
}
table.jCalendar {
    border: 1px solid #f2f2f2;
    background: #fff;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #79268e;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #e8e8e8;
    padding: 3px 5px;
    text-align: center;
    color:#434343;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #9d69a7;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}


div.dp-popup {
    color:#fff;
    position: relative;
    background: #9d69a7;
    font-size: 10px;
    padding: 5px;
    width: 188px;
    z-index:500;
}
div#dp-popup {
    position: absolute;
    z-index: 200;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #fff;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}

/*----------------------------------
  false select
------------------------------------*/
.chooselist {
    background:#f4f4f4;
    padding:15px;
}
.chooselist li {
    float:left;
}
.bookmenu, .bookmenu_2, .bookmenu_3 {
    float:left;
}
.bookmenu dd, .bookmenu dt, .bookmenu ul,.bookmenu_2 dd, .bookmenu_2 dt, .bookmenu_2 ul,.bookmenu_3 dd, .bookmenu_3 dt, .bookmenu_3 ul {
    margin:0px; padding:0px;
}
.bookmenu dd, .bookmenu_2 dd, .bookmenu_3 dd {
    position:relative;
}
.bookmenu a, .bookmenu a:visited, .bookmenu_2 a, .bookmenu_2 a:visited, .bookmenu_3 a, .bookmenu_3 a:visited {
    color:#282828;
    text-decoration:none;
    outline:none;
}
.bookmenu a:hover, .bookmenu_2 a:hover, .bookmenu_3 a:hover {
    color:#282828;
}
.bookmenu dt a, .bookmenu_2 dt a, .bookmenu_3 dt a {
    background:url(https://images.staticjw.com/fly/3871/icon-choosearrow.jpg) no-repeat scroll right center #fff;
    display:block;
    padding-right:20px;
    height:25px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    cursor:pointer;
    text-indent:5px;
    box-shadow:1px 0px 5px 2px #d4d4d4;
    zoom: 1;
    behavior: url();
}
.bookmenu dt a span, .bookmenu_2 dt a span, .bookmenu_3 dt a span {
    cursor:pointer;
    display:block;
    padding:2px 0;
}
.bookmenu dd ul {
    background:#fff none repeat scroll 0 0;
    border:1px solid #f2f2f2;
    display:none;
    left:0px;
    padding:5px 0px;
    position:absolute;
    top:2px;
    width:auto;
    list-style:none;
}
.bookmenu_2 dd ul {
    background:#fff none repeat scroll 0 0;
    border:1px solid #f2f2f2;
    display:none;
    left:0px;
    padding:5px 0px;
    position:absolute;
    top:2px;
    list-style:none;
}
.bookmenu span.value {
    display:none;
}
.bookmenu dd ul li a, .bookmenu_2 dd ul li a, .bookmenu_3 dd ul li a {
    padding:5px;
    display:block;
}
.bookmenu dd ul li a:hover, .bookmenu_2 dd ul li a:hover, .bookmenu_3 dd ul li a:hover {
    background-color:#f2f2f2;
}
.bookmenu_3 dd ul {
    background:#fff none repeat scroll 0 0;
    border:1px solid #f2f2f2;
    display:none;
    left:0px;
    padding:5px 0px;
    position:absolute;
    top:2px;
    list-style:none;
}




/*----------------------------------
  ticket sale
------------------------------------*/
.ticketsale {
    overflow:auto;
}
.morelink {
    margin:8px 15px;
}
.morelink a {
    color:#b0b0b0;
    text-decoration:none;
    display:block;
    border:1px solid #b0b0b0;
    width:70px;
    float:right;
    text-align:center;
    padding:2px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/*----------------------------------
  news
------------------------------------*/
.index_news_more {
    background:url(https://images.staticjw.com/fly/4894/newslist-head.jpg) no-repeat left 50% #79268d;
    text-align:right;
    padding:15px 15px 0 0;
    height:39px;
    display:block;
    width:385px;
    font-size:11px;
}
.index_news_more a {
    display:block;
    border:1px solid #a087a6;
    width:70px;
    float:right;
    text-align:center;
    padding:2px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.index_newslist .index_news_more a, .index_newslist .index_news_more a:visited {
    color:#fff;
}
.index_newslist {
    background:#ded5e5;
    padding:0 0 20px 0;
}
.index_newslist li {
    background:url(https://images.staticjw.com/fly/4706/icon-arrow.jpg) no-repeat left 50%;
    margin:20px 0 0 25px;
    padding:0 0 0 20px;
}
.index_newslist a, .index_newslist a:visited {
    color:#24588a;
    font-weight:bold;
    text-decoration:none;
}
.index_newslist a:hover, .index_newslist a:active {
    text-decoration:underline;
}

/*----------------------------------
  about us
------------------------------------*/
#footer_about {
    background:url(https://images.staticjw.com/fly/9729/index-aboutus.jpg) no-repeat left top;
    width:800px;
    margin:30px auto 35px;
    padding: 0 0 0 160px;
    height:80px;
    position:relative;
}
#footer_about li {
    float:left;
    display:block;
}
#footer_about li li {
    float:none;
    /*padding:5px 0;*/
    margin-bottom:20px;
}
#footer_about a, #footer_about a:visited {
    color:#3872aa;
}
#footer_about a:hover, #footer_about a:active {
    text-decoration:none;
}

/*----------------------------------
  copyright
------------------------------------*/
#copyright {
    width:100%;
    background:#581c66;
    height:85px;
    color:#c9a8d1;
    padding:15px 0 0 0;
    text-align:center;
}
#copyright a:link, #copyright a:visited {
    color:#c9a8d1;
    text-decoration:none;
}
#copyright a:hover, #copyright a:active {
    text-decoration:underline;
}

/*----------------------------------
  大阪?�象滑�??��?
------------------------------------*/
div.fadehover {
    position: relative;
    text-align:center;
    width:218px;
    height:218px;
    overflow:hidden;
}

/*div.fadehover img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}*/

div.fadehover img.b {
    position: absolute;
    left: 0;
    top: 0;
}

/*----------------------------------
  大Banner
------------------------------------*/
#btn550 {
    position:relative;
    width:550px;
    height:360px;
    overflow:auto;
}

#slides {
    position:absolute;
    top:0;
    left:0;
}

.slides_container {
    width:550px;
    overflow:hidden;
    position:relative;
    display:none;
}

.slides_container a {
    width:550px;
    height:360px;
    display:block;
}

.slides_container a img {
    display:block;
}

/*
	Pagination
*/

.pagination {
    position:absolute;
    top:330px;
    left:450px;
    width:100px;
    z-index:9999;
    overflow:auto;
}

.pagination li {
    float:left;
    margin:0 2px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:17px;
    height:0;
    padding-top:17px;
    background-image:url(https://images.staticjw.com/fly/5751/cir_ctrl.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.pagination li.current a {
    background-position: -23px 0;
}




/* 120904 by sen
.boxa{ }
#warper,#warper1 { position:relative; width:100px; float: left; margin-bottom:15px; }
#warper1 { width:162px; margin-bottom:0; }
#warper ul,#warper1 ul { list-style:none; margin: 0; padding:0; }
#warper ul li,#warper1 ul li { cursor:pointer; padding:7px 3px; }
.inputbox { width:124px; height:33px; line-height:33px; padding-left:38px; background: #fff url(https://images.staticjw.com/fly/4205/bg_flyloc.png) no-repeat; }
.inputbox1 { width:124px; height:33px; line-height:33px; padding-left:38px; background: #fff url(https://images.staticjw.com/fly/4205/bg_flyloc.png) no-repeat; }
.listcss { display:none;position:absolute;width:160px;left:0;top:32px; background-color:#fff; border:#a3a3a3 solid 1px; border-top:none; }
.listcss1 { display:none;position:absolute;width:160px;left:0;top:32px; background-color:#fff; border:#a3a3a3 solid 1px; border-top:none; }
.hover { background-color:#79268e; color:#fff;}
.hover1 { background-color:#79268e; color:#fff;}*/
#TopBanner { position:absolute; top:0; right:0; }
#TopBanner img { float:right; margin-left:10px; width:300px; height:60px; }


/* 121108 by sen */
.Selecttype1 { height:25px; border:#CCC solid 1PX; ; font-size:12px; margin-right:10px; }

.flexdropdownmenu1 { position:absolute; visibility: hidden; margin-top:0;  }
.flexdropdownmenu1 li { display:block; height:42x; line-height:42px; background-color:#fff; }
.flexdropdownmenu1 li a { text-decoration:none; display:block; height:30x; line-height:30px; background-color:#fff; padding-left:27px; margin:0; width:98px;}
.flexdropdownmenu1 li a:hover { background-color:#7f7f7f; color:#79268d; }
/*
     FILE ARCHIVED ON 08:10:32 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:38:46 Feb 04, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 98.445 (3)
  esindex: 0.005
  captures_list: 113.862
  CDXLines.iter: 10.885 (3)
  PetaboxLoader3.datanode: 166.538 (5)
  exclusion.robots: 0.246
  exclusion.robots.policy: 0.235
  RedisCDXSource: 1.544
  PetaboxLoader3.resolve: 284.332 (2)
  load_resource: 367.361
*/
/* ============ End of index.css ============ */

/* ============ Start of navbar.css ============ */
/*----------------------------------
  nav
------------------------------------*/
#navbar {
    width:960px;
    margin:-1px auto 0 auto;
    overflow:auto;
    z-index:0;
}
#navbar ul {
    margin:0;
}
#navbar li {
    float:left;
}
#navbar .n1 {
    width: 240px;
    height: 80px;
}
#navbar .n1 a,
#navbar .n1 span
{
    width: 240px;
    height: 80px;
    background:url(https://images.staticjw.com/fly/6048/navbar-bg-normal.jpg) no-repeat 0 0 transparent;
    display: block;
}
#navbar .n1 a:hover,
#navbar .n1 span:hover
{
    background:url(https://images.staticjw.com/fly/2009/navbar-bg-hover.jpg) no-repeat 0 0 transparent;
}
#navbar .n2 {
    width: 240px;
    height: 80px;
}
#navbar .n2 a,
#navbar .n2 span
{
    width: 240px;
    height: 80px;
    background:url(https://images.staticjw.com/fly/6048/navbar-bg-normal.jpg) no-repeat -240px 0 transparent;
    display: block;
}
#navbar .n2 a:hover,
#navbar .n2 span:hover
{
    background:url(https://images.staticjw.com/fly/2009/navbar-bg-hover.jpg) no-repeat -240px 0 transparent;
}
#navbar .n3 {
    width: 240px;
    height: 80px;
}
#navbar .n3 a,
#navbar .n3 span
{
    width: 240px;
    height: 80px;
    background:url(https://images.staticjw.com/fly/6048/navbar-bg-normal.jpg) no-repeat -480px 0 transparent;
}
#navbar .n3 a:hover,
#navbar .n3 span:hover
{
    background:url(https://images.staticjw.com/fly/2009/navbar-bg-hover.jpg) no-repeat -480px 0 transparent;
}
#navbar .n4 {
    width: 120px;
    height: 80px;
}
#navbar .n4 a,
#navbar .n4 span
{
    width: 120px;
    height: 80px;
    background:url(https://images.staticjw.com/fly/6048/navbar-bg-normal.jpg) no-repeat -720px 0 transparent;
}
#navbar .n4 a:hover,
#navbar .n4 span:hover
{
    background:url(https://images.staticjw.com/fly/2009/navbar-bg-hover.jpg) no-repeat -720px 0 transparent;
}
#navbar .n5 {
    width: 120px;
    height: 80px;
}
#navbar .n5 a,
#navbar .n5 span
{
    width: 120px;
    height: 80px;
    background:url(https://images.staticjw.com/fly/6048/navbar-bg-normal.jpg) no-repeat -840px 0 transparent;
}
#navbar .n5 a:hover,
#navbar .n5 span:hover
{
    background:url(https://images.staticjw.com/fly/2009/navbar-bg-hover.jpg) no-repeat -840px 0 transparent;
}


/*----------------------------------
  subitem
------------------------------------*/
#submenu, #submenu2 {
    width:960px;
    overflow:auto;
    margin:-8px auto 0 auto;
}

#submenu strong, #submenu2 strong {
    color:#fff;
}
#submenu .subitem, #submenu2 .subitem {
    padding:20px 30px;
    overflow:auto;
    background:#79268d;
}
#submenu .subitem li, #submenu2 .subitem li {
    float:left;
    display:block;
    margin-right:10px;
    min-widtn:110px;
}
#submenu .subitem li li, #submenu2 .subitem li li {
    float:none;
    padding:5px 0;
}
#submenu .subitem a:link, #submenu .subitem a:visited, #submenu2 .subitem a:link, #submenu2 .subitem a:visited {
    color:#a168af;
    text-decoration:none;
}
#submenu .subitem a:hover, #submenu .subitem a:active, #submenu2 .subitem a:hover, #submenu2 .subitem a:active {
    color:#d738ff;
}

/*
     FILE ARCHIVED ON 08:12:19 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:38:48 Feb 04, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 26.192 (3)
  esindex: 0.005
  captures_list: 79.2
  CDXLines.iter: 13.248 (3)
  PetaboxLoader3.datanode: 51.898 (5)
  exclusion.robots.fetch: 34.033 (4)
  exclusion.robots: 34.697
  exclusion.robots.policy: 0.341
  RedisCDXSource: 1.726
  PetaboxLoader3.resolve: 46.816 (2)
  load_resource: 93.371
*/
/* ============ End of navbar.css ============ */

/* ============ Start of ticket.css ============ */
@charset "utf-8";

/*----------------------------------
  book
------------------------------------*/
#booking {
    width:960px;
    margin:10px auto;
    border:1px solid #b0b0b0;
    background:url(https://images.staticjw.com/fly/6531/bookform-titbg.gif) no-repeat left top;
    overflow:inherit;
}
.direct {
    text-align:right;
    padding:10px 10px 0 0;
}
#booking .bookstep {
    width:856px;
    margin:110px auto 40px auto;
}
#ticketsearch, #record, #flyinfo, #bktt { width:960px; margin:auto; }
#booking .welcome_subtitle, #record .welcome_subtitle, #ticketsearch .welcome_subtitle, #bktt .welcome_subtitle, #flyinfo .welcome_subtitle {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
}
#booking .welcome {
    width:820px;
    text-align:center;
    border:1px solid #e2e2e2;
}
#booking .welcome span {
    display:block;
    margin:20px auto;
    padding:20px;
    width:720px;
}
#booking .bookchoose, #booking .choosefly, #record .bookchoose, #ticketsearch .bookchoose, #bktt .bookchoose, #flyinfo .bookchoose  {
    position:relative;
    width:826px;
    padding:20px 0 10px 15px;
}
#booking .bookchoose, #booking .choosefly  {
    margin:30px auto 0 auto ;
}
#record .bookchoose, #ticketsearch .bookchoose, #bktt .bookchoose, #flyinfo .bookchoose {
    margin:115px auto 0 auto ;
}
#booking .bookticket, #booking .flylistform, #record .bookticket, #ticketsearch .bookticket, #bktt .bookticket, #flyinfo .bookticket {
    width:820px;
    border:1px solid #e2e2e2;
}
#booking .flylistform {
    /*overflow:auto;*/
}
#booking .booknote {
    color:#727272;
    border:1px solid #e2e2e2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width:800px;
    margin:10px 0 15px 76px ;
    padding:10px;
}
#booking .booknote span {
    margin:auto;
    width:725px;
    display:block;
}
#booking .booknote h3 {
    border-bottom:1px dotted #b3b4b7;
    color:#79268d;
}
#booking .booknote ol {
    list-style-position:outside;
    margin:5px 0 0 25px;
}

/*----------------------------------
  選擇票種
------------------------------------*/
.ticket_explain {
    color:#fff;
    font-weight:bold;
    background:url(https://images.staticjw.com/fly/4909/book-notebg.jpg) no-repeat left top;
    width:515px;
    height:79px;
    padding:10px 10px 10px 30px;
    margin:30px 0 0 10px;
}
.orderlist {
    margin:30px 15px;
}
.orderlist dd {
    float:left;
    display:block;
}
.orderlist dl {
    overflow:auto;
}
.orderlist .ordertable {
    width:430px;
}
.orderlist .ordertable th {
    background:#f2f2f2;
    padding:8px 5px;
    border-right:1px solid #fff;
}
.orderlist .ordertable .lastth {
    border:0;
}
.orderlist .ordertable td, #booking .flylistform td, #bktt .flylist td, #flyinfo .flylist td {
    border-bottom:1px solid #c4c4c4;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fedca7)); /*chrome safari*/
    background:-moz-linear-gradient(top, #FFF, #fedca7); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#fedca7'); /*IE*/
    padding:10px 5px;
    text-align:center;
}
.orderlist .ordertable .lasttd {
    border-right:1px solid #c4c4c4;
}
.orderlist .restrict {
    background:#f2f2f2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding:10px;
    width:325px;
}
.orderlist .flyclass {
    display:block;
    width:22px;
    padding:3px;
    height:16px;
    background:#f15f21;
    color:#fff;
    font-weight:bold;
    text-align:center;
    background:url(https://images.staticjw.com/fly/5893/icon-round-orange.png) no-repeat 50% 50%;
    margin:auto;
}
.totalprice {
    border:3px solid #79268d;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    behavior: url();
    float:right;
    margin-bottom:10px;
}
.totalprice td {
    padding:10px 5px;
    text-align:center;
}
.totalprice .pricetd_purple {
    background:#ede1f0;
}
.totalprice .finalprice {
    text-align:right;
}
.totalprice .finalprice span {
    background:#79268d;
    padding:5px 3px;
    color:#fff;
    font-weight:bold;
    margin:0 0 0 5px;
}
#booking .flylistform table, #bktt .flylist table {
    margin:30px auto 10px auto;
    border:1px solid #c4c4c4;
}
#bktt .flylist th, #flyinfo .flylist th {
    padding:12px 0;
}

#booking .flylistform th {
    padding:8px 5px;
}
#booking .flylistform .lasttd_none, #bktt .flylist .lasttd_none, #flyinfo .flylist .lasttd_none {
    border:0;
}
#booking .flylistform .flyitem  {
    text-align:left;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e2e2e2)); /*chrome safari*/
    background:-moz-linear-gradient(top, #FFF, #e2e2e2); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#e2e2e2'); /*IE*/
    padding:10px 5px;
    overflow:auto;
}
#booking .flylistform .flyitem span {
    display:block;
    width:60px;
    padding:5px 0;
    height:15px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    float:left;
    background:-webkit-gradient(linear, left top, left bottom, from(#f89619), to(#ec3d10)); /*chrome safari*/
    background:-moz-linear-gradient(top, #f89619, #ec3d10); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89619', endColorstr='#ec3d10'); /*IE*/
    behavior: url();
}
#flyinfo .flylist .flyitem  {
    text-align:left;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e2e2e2)); /*chrome safari*/
    background:-moz-linear-gradient(top, #FFF, #e2e2e2); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#e2e2e2'); /*IE*/
    padding:10px 30px;
    overflow:auto;
    border-bottom:0;
}
#flyinfo .flylist table {
    margin:-5px auto 10px auto;
    border:1px solid #c4c4c4;
}

/*----------------------------------
  step1-1
------------------------------------*/
.other_calendar table {
    border-collapse:separate;
}
.other_calendar th {
    background:-webkit-gradient(linear, left top, left bottom, from(#6f3b7a), to(#28002f)); /*chrome safari*/
    background:-moz-linear-gradient(top, #6f3b7a, #28002f); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6f3b7a', endColorstr='#28002f'); /*IE*/
}
.other_calendar th, .other_calendar td {
    padding:8px;
    color:#ffffff;
}
.other_calendar td {
    border:1px solid #d8d8d8;
}
.other_calendar .visible {
    text-align:center;
    background:-webkit-gradient(linear, left top, left bottom, from(#f99f1a), to(#f58224)); /*chrome safari*/
    background:-moz-linear-gradient(top, #f99f1a, #f58224); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f99f1a', endColorstr='#f58224'); /*IE*/
}
.other_calendar .trip td {
    text-align:center;
    border:0;
    padding:3px;
    color:#616161;
}
.other_calendar .trip a:link, .other_calendar .trip a:visited {
    color:#616161;
    text-decoration:underline;
}
.other_calendar .trip a:hover, .other_calendar .trip a:active {
    text-decoration:none;
}

/*----------------------------------
  step3
------------------------------------*/
.loginform {
    width:418px;
    border:1px solid #e2e2e2;
    border-top:0;
    overflow:auto;
    background:url(https://images.staticjw.com/fly/7241/bookstep03-formbg.jpg) no-repeat center top #f4f4f4;
    padding:40px 15px 20px 15px;
}
.step03_note dl, .loginform dl {
    overflow:auto;
}
.loginform dd, .step03_note dd {
    float:left;
    display:block;
    word-break:break-all;
}
.loginform .inputform {
    background:#e4e4e4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding:4px;
    width:168px;
    overflow:auto;
}
.loginform .inputform input[type=text] , .loginform .inputform input[type=password] {
    border:1px solid #a3a3a3;
    height:20px;
    width:154px;
}
.loginform a {
    color:#000;
    text-decoration:none;
}
.loginform a:hover {
    text-decoration:underline;
}
.step03_note {
    margin:50px;
}
.certification {
    border-top: 1px dotted #bdbbb9;
    padding:15px 0;
}
.certification textarea {
}
/*----------------------------------
  step3 passenger information
------------------------------------*/
.step_interform {
    margin:50px 30px 20px 30px;
}
.time_interform {
    width:786px;
    margin:50px auto 20px auto;
}
.passenger_info dl {
    overflow:none;
}
.passenger_info td, .passenger_info2 td {
    padding:8px 2px;
}
.passenger_info2 th {
    background:#ebebeb;
}
.passenger_info2 td {
    border-bottom:1px dotted #eedcfb;
}
.passenger_info2 .tel_table td {
    padding:0;
    border:0;
}
.btn_infothesame {
    float:right;
    font-size:11px;
    display:block;
    padding:5px 10px;
    cursor:pointer;
    border:1px solid #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /*chrome safari*/
    background:-moz-linear-gradient(top, #ffffff, #ebebeb); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ebebeb'); /*IE*/
    box-shadow:-2px 2px 5px #d4d4d4;
    behavior: url();
}
.passenger_info2 .btn_infothesame:hover {
    color:#b273da;
}

/*----------------------------------
  step4 check order
------------------------------------*/
.checkorder dd, .checkorder span{
    float:left;
}
.checkorder dl {
    overflow:auto;
}
.checkorder ul {
    display:block;
    width:340px;
}
.checkorder li {
    border-bottom:1px dotted #616161;
    padding:10px 0;
    overflow:auto;
}
.checkorder .infotitle, .checkorder2 .infotitle {
    display:block;
    padding:3px 10px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background:-webkit-gradient(linear, left top, left bottom, from(#f89619), to(#ec3d10)); /*chrome safari*/
    background:-moz-linear-gradient(top, #f89619, #ec3d10); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89619', endColorstr='#ec3d10'); /*IE*/
}
.checkorder2 .infotitle2 {
    padding:3px 10px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background:-webkit-gradient(linear, left top, left bottom, from(#f89619), to(#ec3d10)); /*chrome safari*/
    background:-moz-linear-gradient(top, #f89619, #ec3d10); /*FF*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89619', endColorstr='#ec3d10'); /*IE*/
}
.checkorder .restrict {
    background:#f2f2f2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding:10px;
    width:350px;
}
.checkorder .tdbottomline, .checkorder2 .tdbottomline {
    border-bottom:1px dotted #616161;
}

.recordform dd {
    display:block;
    float:left;
    height:35px;
}
.recordform dl {
    /*overflow:auto;*/
}
.recordform .record_input input[type=text] , .recordform .record_input input[type=password] {
    border:1px solid #a3a3a3;
    padding:5px;
}
.recordform h3 {
    font-size:13px;
}


input.Newtype {
    border:1px solid #a3a3a3;
    padding:5px;
}
/*
     FILE ARCHIVED ON 08:42:05 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:38:49 Feb 04, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 91.002 (3)
  esindex: 0.005
  captures_list: 111.687
  CDXLines.iter: 14.008 (3)
  PetaboxLoader3.datanode: 197.58 (5)
  exclusion.robots: 0.199
  exclusion.robots.policy: 0.172
  RedisCDXSource: 3.243
  PetaboxLoader3.resolve: 78.518 (2)
  load_resource: 198.232
*/
/* ============ End of ticket.css ============ */

/* ============ Start of jquery.tzSelect.css ============ */
/*-------------------------------
*	Default dropdown styles
--------------------------------*/

.testSelect{

    /* This is the container of the new select element */

    height:31px;
    display:inline-block;
    min-width:200px;
    position:relative;

}

.testSelect .selectBox{
    position:absolute;
    background:url(https://images.staticjw.com/fly/3123/icon-airplane.jpg) no-repeat left center #FFF;
    height:31px;
    width:128px;

    /* Font settings */

    font:13px/31px "Arial,sans-serif;", sans-serif;
    padding-left:35px;
    color:#656565;
    cursor:pointer;
    border:1px solid #a3a3a3;
}

.testSelect .selectBox:hover,
.testSelect .selectBox.expanded{
    color:#2c5667;
}

.testSelect .dropDown{
    color:#656565;
    position:absolute;
    top:32px;
    left:0;
    width:163px;
    border:1px solid #a3a3a3;
    list-style:none;
    z-index:1000;
}

.testSelect li{
    cursor:pointer;
    padding:6px;
    text-align:left;
    background:#FFF;
}

.testSelect li:hover{
    color:#FFF;
    background-color:#a3a3a3;
}

/*-------------------------------
*	Style2 dropdown styles
--------------------------------*/

.test2Select{

    /* This is the container of the new select element */

    height:25px;
    display:inline-block;
    position:relative;

}

.test2Select .selectBox{
    position:absolute;
    background:url(https://images.staticjw.com/fly/3442/icon-choosearrow.jpg) no-repeat right center #FFF;
    height:25px;

    /* Font settings */

    font:13px/31px "Arial,sans-serif;", sans-serif;
    padding:0 20px 5px 10px;
    color:#656565;
    cursor:pointer;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow:1px 0px 5px 2px #d4d4d4;
}

.test2Select .selectBox:hover,
.test2Select .selectBox.expanded{
    color:#2c5667;
}

.test2Select .dropDown{
    color:#656565;
    position:absolute;
    top:32px;
    left:0;
    border:1px solid #a3a3a3;
    list-style:none;
    z-index:1000;
    background:#FFF;
}

.test2Select li{
    width:110px;
    background:#FFF;
    cursor:pointer;
    padding:6px;
}

.test2Select li:hover{
    color:#FFF;
    background-color:#a3a3a3;
}

/*-------------------------------
*	Style3 dropdown styles
--------------------------------*/

.test3Select{

    /* This is the container of the new select element */

    height:25px;
    display:inline-block;
    position:relative;

}

.test3Select .selectBox{
    position:absolute;
    background:url(https://images.staticjw.com/fly/3442/icon-choosearrow.jpg) no-repeat right center #FFF;
    height:25px;

    /* Font settings */

    font:13px/31px "Arial,sans-serif;", sans-serif;
    padding:0 20px 5px 10px;
    color:#656565;
    cursor:pointer;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow:1px 0px 5px 2px #d4d4d4;
    width:180px;
}

.test3Select .selectBox:hover,
.test3Select .selectBox.expanded{
    color:#2c5667;
}

.test3Select .dropDown{
    color:#656565;
    position:absolute;
    top:32px;
    left:0;
    border:1px solid #a3a3a3;
    list-style:none;
    z-index:1000;
    background:#FFF;
}

.test3Select li{
    width:200px;
    background:#FFF;
    cursor:pointer;
    padding:6px;
}

.test3Select li:hover{
    color:#FFF;
    background-color:#a3a3a3;
}



.falseSelect{
    background:url(https://images.staticjw.com/fly/3123/icon-airplane.jpg) no-repeat left center #FFF;
    width:163px;
    cursor:pointer;
    overflow:hidden;
    border:1px solid #a3a3a3;
    height:31px;
}
.falseSelect select{
    border:0;
    width:160px;
    margin-left:31px;
    background:transparent;
    line-height:31px;
    vertical-align:middle;
    height:25px;
    /* Font settings */

    font:13px/31px "Arial,sans-serif;", sans-serif;
    color:#656565;
}