html {
    background-color: #fff;
}
body{
    overflow-x: hidden;
}
.space {
    display: block;
    height: 24px;
    margin: 0 auto;
}
.max1400Box{
    max-width: 1400px;
    margin:0 auto;
    padding:0;
    box-sizing: border-box;
}
.blueTitle{
    color:#22ace1;
    margin:0 auto 20px;
    font: 700 30px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    text-align: center;
}
.blueTitle .fa{
    margin-right:5px;
}
.whiteTitle{
    color:#fff;
    margin:0 auto 8px;
    font: 700 30px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    text-align: center;
}
.whiteTitle .fa{
    margin-right:5px;
}
/*kv圖*/
.kvArea{
    margin:0 auto;
    padding:10% 15px 80px;    
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
.kvArea.tyo{background:url(../img/tyo-pc.jpg?fghj) center center no-repeat;}/*東京*/
.kvArea.osa{background:url(../img/osa-pc.jpg?fghj) center center no-repeat;}/*大阪*/
.kvArea.fuk{background:url(../img/fuk-pc.jpg?fghj) center center no-repeat;}/*福岡*/
.kvArea.oka{background:url(../img/oka-pc.jpg?fghj) center center no-repeat;}/*沖繩*/
.kvArea.hok{background:url(../img/hok-pc.jpg?fghj) center center no-repeat;}/*北海道*/
.kvArea.shanghai{background:url(../img/shanghai-pc.jpg?fghj) center center no-repeat;}/*上海*/
.kvArea.macau{background:url(../img/macau-pc.jpg?fghj) center center no-repeat;}/*澳門*/
.kvArea.hongkong{background:url(../img/hongkong-pc.jpg?fghj) center center no-repeat;}/*香港*/
.kvArea.busan{background:url(../img/busan-pc.jpg?fghj) center center no-repeat;}/*釜山*/
.kvArea.seoul{background:url(../img/seoul-pc.jpg?fghj) center center no-repeat;}/*首爾*/
.kvArea.bei{background:url(../img/bei-pc.jpg?fghj) center center no-repeat;}/*北京*/
.kvArea.bang{background:url(../img/bang-pc.jpg?fghj) center center no-repeat;}/*曼谷*/
.kvArea.sing{background:url(../img/sing-pc.jpg?fghj) center center no-repeat;}/*新加坡*/
.kvArea.bali{background:url(../img/bali-pc.jpg?fghj) center center no-repeat;}/*峇里島*/
.kvArea.aus{background:url(../img/aus-pc.jpg?fghj) center center no-repeat;}/*澳洲*/

#searchDom{
    position: relative;
}

.kvArea::before{
    content: '';
    background: inherit;
    width: 916px;
    height: 323px;
    display: block;
    position: absolute;
    bottom:80px;
    left: 0px;
    right: 0px;
    filter: blur(10px);
    opacity: 1;
    margin: 0 auto;
    background-size: 1920px auto;
    background-position-y: -357px;
}

.h1Title{
    display: block;
    color:#fff;
    font: 700 46px/1.1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    margin:0 auto;
    padding:0 0 15px;
    text-align: center;
    text-shadow: 3px 3px 12px rgba(0,0,0,0.3),-3px -3px 12px rgba(0,0,0,0.3);
}

.kvArea:after{
    /* content:'';
    display: block;
    background:url(../img/topEdge.png) center top no-repeat;
    width:100%;
    height:50px;
    position: absolute;
    z-index: 2;
    left:0;
    bottom:0;
    margin-bottom:-3px; */
}

.tktForm{
    width:auto;
    display: inline-block;
    margin:0 auto;
    box-sizing: border-box;
    padding:10px 15px;
    /* background-color:#fff; */
    background-color: rgba(255,255,255,.6);
    border-top:4px solid #22ace1;
    border-radius:3px;
    position: relative;
    z-index: 3;
}
/*表單*/
.must{
    margin:0 auto;
    padding:0;
    text-align: right;
    font: normal 14px/1.1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color:#333333;
}
.star{
    color:#e73155;
    font: 700 14px/1.1 Verdana, sans-serif;
}
.null{
    padding-left:13px;
    font: 700 14px/1.1 Verdana, sans-serif;
}
.searchArea{
    margin:0 auto;
    padding:0;
    width: 100%;
}
.searchArea:after{
    display: block;
    margin:0;
    padding:0;
    height: 1px;
    clear:both;
}
.searchList{
    width:443px;
    list-style: none;
    margin:0 auto;
    padding:0;
    vertical-align: middle;
    text-align: center;
    float:left;
}
.searchList > li{
    width:100%;
    min-height: 63px;
    padding:14px 0;
    display:block;
    text-align: left;
    vertical-align: middle;
    font: normal 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
}
.searchList >  li.directRow{
    padding:20px 0 14px 15px;
}
.searchList > li label{
    width:4em;
    display: inline-block;
    font: normal 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color:#333;
    vertical-align: middle;
}
.searchList > li label.direct{
    width:auto;
    display: inline-block;
    font: normal 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color:#333;
    cursor: pointer;
}
.searchList > li span{
    width:68%;
    display: inline-block;
    font: normal 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color:#333;
    padding:3px;
    border:1px solid #8a8a8a;
    border-radius:3px;
    position: relative;
    vertical-align: middle;

}


.searchList > li > span > .fa{
    position: absolute;
    z-index: 3;
    right:0;
    top:0;
    margin:10px 5px auto auto;
    color:#333333;
    cursor: pointer;
}

.searchList > li input[type='radio']{
    vertical-align: text-top;
    margin-top: 0;
}

.searchList > li.radioLine{
    padding-top: 29px;
    padding-left: 2px;
    box-sizing: border-box;
}

input:focus{
    outline: 0;
    border:0;
}

input[type="text"]{
    border:0;
    color:#333;
    font: normal 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    display: block;
    box-sizing: border-box;
    background:none;
    width:100%;
}

select{
    border:0;
    color:#333;
    font: normal 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    display:inline-block;
    box-sizing: border-box;
    background:none;
    width:100%;
    /* background-color:#fff; */
}
select option:checked,select option:hover{
    background-color:#005fb0;
    color:#fff;
}

input[type="button"].searchBtn{
    display:block;
    margin:0 auto;
    padding:8px 15px;
    color:#fff;
    background-color:#22ace1;
    text-align: center;
    font: bold 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    box-shadow:none;
    width:100%;
    height: auto;
    border:0;
    box-sizing: border-box;

}

.searchList > li label .star{
    font: 700 18px/1 Verdana, sans-serif; 
}

.errorBox{
    margin:0 auto;
    padding:5px 8px;
    font: bold 16px/1.4 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color:#c00;
    text-align: left;
    border:1px dotted #c00;
}
.errorBox .fa{
    margin-right:5px;
}

/*機場大揭密*/
.tipsArea{
    margin:0 auto;
    padding:36px 0 0;
    background-color:#fff;
}

.airportNav{
    margin:0 auto;
    padding:20px 0;
    text-align: center;
    letter-spacing: -2px;
}

.airportNav span{
   font: bold 16px/1.4 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
   padding:8px 15px;
   background-color: #fff;
   color:#aaa;
   cursor: pointer;
   border-radius: 3px;
}
.airportNav span:hover,
.airportNav span.act{
    background-color:#22ace1;
    color:#fff;
}

.airportIntro{
    margin:0 auto;
    padding:0;
    display:none;
}

.airportData{
    margin:0 auto 36px;
    padding:0;
    vertical-align: top;
}

.airportData .airportImg{
    width:55%;
    display: inline-block;
    height: auto;
    vertical-align: top;
}

.airportData .aptIntro{
    width:44%;
    display: inline-block;
    box-sizing: border-box;
    padding:0 15px 15px;
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;
}

.airportData .aptIntro p{
    padding:0 0 15px;
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;
}
.airportData .aptIntro p a:link,
.airportData .aptIntro p a:visited{
    text-decoration:underline;
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;
}
.airportData .aptIntro p a:hover{
    color:#22ace1;
}
.airportData > h3{
    padding:20px 0 0;
    margin:0 auto 8px;
    font: 700 22px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#22ace1;
    text-align: center;
}
.airportData .aptIntro h4{
    padding:20px 0 0;
    margin:0 auto 8px;
    font: 700 18px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;
}
.airportData .aptIntro h4 span{
    font-size:11px;
}

.airportData .aptIntro ol{
    list-style: none;
    margin:0 auto 8px;
}

.airportData .aptIntro ol li{
    margin:0 auto;
    font: normal 13px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;    
}

.airportData .aptList{
    list-style: none;
    display: inline-block;
    width:100%;
    margin:0 auto;
    padding:0;
    vertical-align: top;
    text-align: center;
    letter-spacing: -2px;
}
.airportData .aptList li{
    display: inline-block;
    width:33%;
    padding:10px;
    margin:0 0 24px;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 1px;
    vertical-align: top;
}
.airportData .aptList.x4 li{
    width:24.8%;
}
.airportData .aptList li h4{
    font: bold 18px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;
    margin:0 auto 5px;
    padding:0;
    text-align: center;
}
.airportData .aptList li img{
    display:block;
    margin:0 auto 20px;
    width:100%;
}

.titleFast,.titleSave,.titleCp{
    font: normal 18px/1.3 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color:#000;
    margin:0 auto 8px;
    padding:3px 20px 3px 50px;
    display: inline-block;
    border-radius:40px;
}

.titleFast{
    background:#ededed url(../img/fastBg.png) 15px center no-repeat;
}
.titleSave{
    background:#ededed url(../img/saveBg.png) 15px center no-repeat;
}
.titleCp{
    background:#ededed url(../img/cpBg.png) 15px center no-repeat;
}

.airportData .aptList li p{
    font: normal 14px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; 
    color:#000;
    margin:0 auto 20px;
    padding:0;
    text-align: left;
}

/*票券商品*/
.tktProdArea{
    background:url(../img/tktProdAreaBg.jpg) center center no-repeat;
    background-attachment: fixed;
    padding:80px 0 ;
    position: relative;
}
.tktProdArea:before{
    content:'';
    display: block;
    background:url(../img/bottomEdge.png) center top no-repeat;
    width:100%;
    height:50px;
    position: absolute;
    z-index: 2;
    left:0;
    top:0;
}
.tktProdArea:after{
    content:'';
    display: block;
    background:url(../img/topEdge.png) center top no-repeat;
    width:100%;
    height:50px;
    position: absolute;
    z-index: 2;
    left:0;
    bottom:0;
}

/* c26模組專用 */

.group-type-ph {
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.group-type-ph .ph {
    display: inline-block;
    width: 25%;
    margin: 0 -1px 8px -2px;
    padding: 10px;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
}

.group-type-ph .ph>a {
    display: block;
    margin: 0 auto 8px;
    padding: 8px;
    background-color: #fff;
    border:1px solid #22ace1;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    /*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);*/
}

.group-type-ph .ph>a .ph-img {
    display: block;
    margin: 0 auto 15px;
    padding: 0;
}

.group-type-ph .ph>a .ph-img img {
    display: block;
    border: 0;
    width: 100%;
}

.group-type-ph .ph>a:link .ph-title,
.group-type-ph .ph>a:visited .ph-title {
    font: normal 18px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color: #333;
    text-decoration: none;
    padding: 0 0 8px;
    text-decoration: none;
}

.group-type-ph .ph>a:hover {
    text-decoration: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}

.group-type-ph .ph>a:hover .ph-title {
    color: #ff6600;
}

.group-type-ph .ph>a>.price {
    display: block;
    text-align: left;
    padding: 0 8px 8px 0;
    font: bold 16px/1.4 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    color: #c00;
}

.group-type-ph .ph>a>.price span {
    letter-spacing: -1px;
    font: 700 20px/1.4 Verdana, arial, "微軟正黑體", sans-serif;
}

.group-type-ph .ph>a>.ph-feature {
    display: none;
}

.group-type-ph .ph>a .ph-detail {
    font: normal 12px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    color: #777;
}


.btnBox{
    margin:0 auto 15px;
    padding:0;
    text-align: center;
}
.btnBox .moreBtn:link,
.btnBox .moreBtn:visited{
    display:inline-block;
    margin:0 auto ;
    padding:10px 15px;
    color:#fff;
    background-color:#22ace1;
    text-align: center;
    font: bold 16px/1 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    box-shadow:none;
    border:0;
    border-radius: 3px;
    text-decoration:none;
}

.btnBox .moreBtn:hover{
    background-color:#008dc3;
}

/*其他飛往東京航點*/
.otherTkoArea{
    margin:0 auto;
    padding:36px 0;
    background-color:#fff;    
}

.otherList{
    list-style: none;
    vertical-align: top;
    margin:0 auto;
    padding:0;
    text-align: center;
}

.otherList li{
    display: inline-block;
    width:24%;
    box-sizing: border-box;
    padding:10px;
    margin:0 auto 10px;
}
.otherList li .blueLink:link,
.otherList li .blueLink:visited{
    display: block;
    box-sizing: border-box;
    padding:20px;
    background-color:#22ace1;
    color:#fff;
    text-align:center;
    border-radius:3px;
    text-decoration:none;
}
.otherList li .blueLink:hover{
    background-color:#118ed6;
}
.otherList li .blueLink:link .fa{
    font-size:40px;
    margin-bottom:10px;
}

.otherList li .blueLink strong{
    display: block;
    text-align: center;
    font: bold 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    margin:0 auto;
}

.otherHotArea{
    background:url(../img/tktProdAreaBg.jpg) center center no-repeat;
    background-attachment: fixed;
    padding:80px 0 ;
    position: relative;    
}
.otherHotArea:before{
    content:'';
    display: block;
    background:url(../img/bottomEdge.png) center top no-repeat;
    width:100%;
    height:50px;
    position: absolute;
    z-index: 2;
    left:0;
    top:0;
}

.otherHotList{
    list-style: none;
    display:block;
    width:100%;
    margin:0 auto;
    text-align: left;
}

.otherHotList li{
    display: inline-block;
    margin:0;
    padding:0;
    box-sizing: border-box;
}

.otherHotList li a:link,
.otherHotList li a:visited{
    display: block;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    border-radius: 3px;
}

.otherHotList li a img{
    display: block;
    width:100%;
    border:0;

}

.otherHotList li a p{
    position: absolute;
    z-index: 2;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background-color:rgba(34,172,255,0.2);
    vertical-align: middle;
    color:#fff;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px;
}
.otherHotList li a p .fa{
    font-size: 40px;
    margin-top:40%;
    opacity: 0.5;
}
.otherHotList li a p strong{
    font: bold 24px/1.2 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
    display: block;
    opacity: 0.8;
}
.otherHotList li a:hover p{
    background-color:rgba(34,172,255,0.8);
}
.otherHotList li a:hover p .fa{
    opacity: 1;
}
.otherHotList li a:hover p strong{
    opacity: 1;
}

.serviceArea{
    padding:36px 0;
    margin:0 auto;
    background-color:#303c42;
}

.serviceList{
    list-style: none;
    display:block;
    width:100%;
    margin:0 auto;
    text-align: center;
    vertical-align: top;
}
.serviceList li{
    width:24%;
    display: inline-block;
    margin:0 auto;
    padding:15px;
    box-sizing: border-box;    
    vertical-align: top;
}

.serviceList li img{
    display:block;
    max-width: 140px;
    margin:0 auto 8px;
    height: auto;
}

.serviceList li p{
    color:#fff;
    text-align: center;
    display: block;
    margin:0 auto;
    font: normal 15px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif;
}
.serviceList li p strong{
    display: block;
    font-weight: normal;
}
.serviceList li p a:link,
.serviceList li p a:visited{
    text-decoration:underline;
    color:#fff;
}
.serviceList li p a:hover{
    text-decoration:none;
    color:#22ace1;
}

/*官網月曆*/
/*
.st-calendar-area{
    position: absolute;
    z-index: 10;
    width:100%;
    top:0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border:1px solid #aaa;
    margin-top:36px;
    background-color:#fff;
}*/


.cheapArea { padding-top: 20px;  text-align: center;}
.cheapArea h2 { padding: 10px;font: bold 30px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; text-align: center; color: #22ace1; border-radius: 10px; }
.cheapArea .cheapBox,.cheapArea .directBox { display: inline-block; margin-top: 5px; width: 49%; border:2px solid #fbb767; background: #fff; cursor: pointer; transition: .3s; }
article.flight .container-fluid > .row{ transition: .3s; }
article.flight .container-fluid > .row:hover{
    box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
    color: #fff;
    text-decoration: none;
}
.cheapArea h3 {font: bold 28px/1.6 "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; text-align: center; color: #fff; background: #fbb767 }

@media only screen and (max-width: 768px) {
.cheapArea .cheapBox,.cheapArea .directBox { width: 90%; }        
}


@media only screen and (max-width: 500px) {
.cheapArea h2 { font-size: 30px; }       
}