@charset "UTF-8";
body { font-size: 100%; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; color: #474747; margin: 0 auto; }

.clearboth, .clearfix { clear: both; }

.wrapper { position: relative; }

a { color: #2f2f2f; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }

.red { color: #eb5d46; }

.blue { color: #0063b7; }

.fwb { font-weight: bold; }

.btn { text-align: center; }
.btn a { display: inline-block; }
.btn .red-btn { color: #fff; background: #eb5d46; font-size: 1.125em; padding: 10px 45px; }
.btn .red-btn:hover { background: #c82d14; }
.btn .blue-btn { color: #fff; background: #3598db; font-size: 1.125em; padding: 10px 45px; }
.btn .blue-btn:hover { background: #1370af; }
.btn .pure-btn { border: 2px solid #eb5d46; font-size: 1.25em; color: #eb5d46; padding: 10px 45px; }
.btn .pure-btn:hover { background: #eb5d46; border: 2px solid #eb5d46; color: #fff; }

header { background: #FFFFFF; position: relative; top: 0; z-index: 999; width: 100%; }
header .container { padding-top: 15px; padding-bottom: 0; *height: 65px; }
header .left-pane { float: left; }
header .left-pane .logo { float: left; }
header .left-pane .logo a { display: block; }
header .header-top { border-bottom: 6px solid #d00f24; }
header .right-pane { height: 65px; float: right; text-align: right; }
header .right-pane .main-func > ul { vertical-align: bottom; position: relative; top: 25px; font-size: 0; }
header .right-pane .main-func > ul > li { display: inline-block; *display: inline; zoom: 1; text-align: left; vertical-align: middle; font-size: 14px; line-height: 40px; background: url(../images/mainfunc_split.png) no-repeat right bottom; }
header .right-pane .main-func > ul > li a { color: #2f2f2f; }
header .right-pane .main-func > ul > li a:hover { color: #3d9fd8; text-decoration: none; }
header .right-pane .main-func > ul > li .icon { padding-left: 41px; padding-right: 20px; }
header .right-pane .main-func > ul > li:last-child { background: none; }
header .right-pane .main-func > ul > li.last { background: none; }

.icon { display: inline-block; background-image: url(../images/icons.png); }
.icon.icon-service { background-position: 20px -27px; }
.icon.icon-branch { background-position: 20px -68px; }

footer .copyright { display: table; width: 100%; padding: 0 10px; box-sizing: border-box; background-color: #254a91; color: #ededed; text-align: center; line-height: 62px; height: 62px; }
footer .copyright > p { display: table-cell; vertical-align: middle; line-height: 1.5; }
footer .copyright a { color: #ededed; margin-left: 48px; }

body > img { display: none; }
body > iframe { display: none; }

.container { width: 1000px; margin: 0 auto; padding: 25px 0; }

h2 { font-size: 2.25em; margin: 20px 0 40px; }
h2 span.pink { font-size: 18px; font-weight: normal; }

.fullstack { display: block; }

.banner { background: url(../images/kv3.jpg) no-repeat center center; width: 100%; height: 502px; position: relative; transition: all .3s; opacity: 0; overflow: hidden; }
.banner.show { opacity: 1; }
.banner.ie9 { opacity: 1; }
.banner.ie9 .kv1, .banner.ie9 .kv2 { visibility: visible; }
.banner.ie9 .btn { opacity: 1; }
.banner .kv1 { background: url(../images/kv3_1.png) no-repeat center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; }
.banner .kv2 { background: url(../images/kv3_2.png) no-repeat center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; }
.banner .btn { position: absolute; left: 50%; top: 80%; margin-left: -87px; transition: all .3s; opacity: 0; }
.banner .btn.show { opacity: 1; }
.banner .fullstack { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.banner .fullstack:hover + .btn a { background: #eb5d46; border: 2px solid #eb5d46; color: #fff; }

.promo { background: url(../images/border-bg.png) repeat-x 0 bottom; }
.promo .list { display: table; width: 99%; margin: 0 auto; }
.promo .list > li { display: table-cell; width: 33%; border: 2px solid transparent; padding-bottom: 50px; }
.promo .list > li:hover { border: 2px solid #f39e90; }
.promo .list a { display: block; text-align: center; padding-top: 20px; }
.promo .list a .wrap { width: 290px; margin: 0 auto; }
.promo .list .title { font-size: 1.625em; margin: 15px 0; text-align: left; }
.promo .list .desc { font-size: 0.9375em; text-align: left; }
.promo .list .desc li { background: url(../images/tick.png) no-repeat left 4px; margin-bottom: 10px; margin-left: 4px; padding-left: 24px; line-height: 1.5; }

.exc .container { padding-bottom: 40px; }
.exc ul { display: table; width: 100%; }
.exc ul li { display: table-cell; text-align: center; width: 20%; }
.exc ul li p { font-size: 1.0625em; margin: 20px 0; }
.exc ul li a { display: block; }

.card-featured { background: #fcfcfc; }
.card-featured .lblock { width: 290px; margin: 0 auto; }
.card-featured ul { display: table; width: 100%; }
.card-featured ul li { display: table-cell; width: 33%; vertical-align: top; border-right: 1px dotted #ddd; }
.card-featured ul li:last-child { border-right: 0; }
.card-featured ul li .desc { font-size: 0.9375em; }
.card-featured ul li .desc p { display: inline-block; }
.card-featured ul li .desc a { color: #2788ca; }
.card-featured ul li .desc a.right { float: right; }
.card-featured ul li .desc a:hover { color: #61bfff; }
.card-featured .title { font-size: 1.125em; padding-top: 10px; }
.card-featured .btn { margin: 20px 0 30px; }

.slogan { display: table; margin-left: 30px; }
.slogan .lft, .slogan .rgt { display: table-cell; vertical-align: middle; line-height: 2; }
.slogan .lft { padding-right: 40px; border-right: 1px dotted #ddd; }
.slogan .rgt { padding-left: 40px; }

.tab-group { border: 1px solid #ddd; background: #fff; }
.tab-group .tabs { display: table; width: 100%; }
.tab-group .tabs li { display: table-cell; width: 25%; line-height: 2.65; font-size: 1.275em; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.tab-group .tabs li.active { border-bottom: 0; }
.tab-group .tabs li.active a { background: #fff; color: #eb5d46; }
.tab-group .tabs li a { display: block; background: #f4f4f4; }
.tab-group .tabs li:last-child { border-right: 0; }
.tab-group .tabs.tabs5 li { width: 20%; }
.tab-group .tab_content { padding: 20px 28px; display: none; }
.tab-group .tab_content.active { display: block; }
.tab-group .tab_content .desc { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ddd; }
.tab-group .tab_content .desc.nobdr { border-bottom: 0; margin-bottom: 0; }
.tab-group .tab_content .desc:after { content: ""; display: block; clear: both; }
.tab-group .tab_content p { font-size: 1.125em; line-height: 1.5; }
.tab-group .tab_content p.notes { text-indent: -20px; margin-left: 20px; font-size: 0.9375em; }
.tab-group .tab_content p.notes2 { font-size: 0.9375em; }
.tab-group .tab_content p.notes3 { padding: 20px 0 10px; font-size: 0.9375em; }
.tab-group .tab_content p.notes3 a { text-decoration: underline; }
.tab-group .tab_content p.cpon2-desc { font-size: 0.9375em; }

.table-listing { width: 100%; }
.table-listing th, .table-listing td { padding: 10px 20px; border: 1px solid #ddd; font-size: 1em; vertical-align: middle; line-height: 1.5em; }
.table-listing thead th { color: #fff; font-size: 1.0625em; font-weight: bold; letter-spacing: 1px; background: #006564;       /*&:nth-child(1), &:nth-child(2), &:nth-child(3){ background: #eb5d46; } &:nth-child(4) { background: #006564; } &:nth-child(5) { background: #530000; }
	  */ }
.table-listing tbody td { text-align: center; }
.table-listing tbody td.left { text-align: left; }
.table-listing tbody td.green { color: #006564; }
.table-listing tbody td.brown { color: #530000; }
.table-listing.transasia thead th { white-space: nowrap; }
.table-listing.transasia thead th:nth-child(1), .table-listing.transasia thead th:nth-child(2) { background: #eb5d46; }
.table-listing.transasia thead th:nth-child(3) { background: #ac66b4; }
.table-listing.transasia thead th:nth-child(4) { background: #6a1f74; }
.table-listing.transasia tbody td:nth-child(2) { text-align: left; }

.coupon-list { display: table; width: 100%; margin: 20px 0 20px; }
.coupon-list li { display: table-cell; width: 25%; vertical-align: bottom; text-align: center; border-right: 1px dotted #ddd; padding-bottom: 20px; }
.coupon-list li:last-child, .coupon-list li.space { border-right: 0; }
.coupon-list .btn a { padding-left: 35px; padding-right: 35px; }
.coupon-list .icpon { margin: -20px auto; }
.coupon-list .cpon-desc { display: table; width: 100%; height: 54px; margin-bottom: 10px; }
.coupon-list .cpon-desc .inner { display: table-cell; vertical-align: middle; }

.inline { display: inline-block; vertical-align: top; }
.inline.middle { vertical-align: middle; }
.inline.bottom { vertical-align: bottom; }

.coupon-list2 { display: table; width: 99%; margin: 30px auto; }
.coupon-list2 li { display: table-cell; width: 25%; text-align: center; border-right: 1px dotted #ddd; vertical-align: top; padding: 20px 0; }
.coupon-list2 li:last-child { border-right: 0; }
.coupon-list2 li a { display: block; }
.coupon-list2 .icpon2 { margin: 10px auto; }
.coupon-list2 .btn a { padding-left: 35px; padding-right: 35px; margin-top: 20px; display: inline-block; }
.coupon-list2 .inline { width: 47%; padding-right: 3%; text-align: center; }
.coupon-list2 .inline img { text-align: center; }
.coupon-list2 .inline p { text-align: left; }
.coupon-list2.row2 { margin: 20px auto; }
.coupon-list2.row2 li { width: 50%; text-align: left; box-sizing: border-box; padding-right: 1%; padding-top: 0; padding-bottom: 0; }
.coupon-list2.row2 li:last-child { padding-right: 0%; padding-left: 1%; }
.coupon-list2.row2 li:last-child .inline { padding-left: 3%; padding-right: 0%; }

h4 { font-size: 18px; line-height: 1.72em; margin-bottom: 8px; }
h4.jp { background: url(../images/flag.png) no-repeat left top; padding-left: 36px; }
h4.kr { background: url(../images/flag.png) no-repeat 0 -50px; padding-left: 36px; margin-left: 4%; }

.coupon-list3 { display: table; width: 100%; margin: 20px 0 20px; }
.coupon-list3 li { display: table-cell; width: 20%; vertical-align: bottom; text-align: center; border-right: 1px dotted #ddd; padding-bottom: 20px; }
.coupon-list3 li:last-child, .coupon-list3 li.space { border-right: 0; }
.coupon-list3 .btn a { padding-left: 35px; padding-right: 35px; }
.coupon-list3 .icpon { margin: -20px auto; }
.coupon-list3 .cpon-desc { display: table; width: 100%; height: 54px; margin-bottom: 10px; }
.coupon-list3 .cpon-desc .inner { display: table-cell; vertical-align: middle; }

/*.note-list { display: table; width: 40%; margin-top: 10px; float: right; li { display: table-cell; vertical-align: middle; font-size: 0.9375em; text-align: center; &:nth-child(1), &:nth-child(2) { text-align: left; padding-left: 10px; } }
}*/
.note-list1 { display: table; margin-top: 40px; margin-right: auto; margin-left: auto; }
.note-list1 li { display: inline-block; vertical-align: middle; font-size: 0.9375em; text-align: center; }
.note-list1 li .btn { display: inline-block; vertical-align: middle; }
.note-list1 li .btn .red-btn { padding: 11px 30px; }
.note-list1 li .btn .blue-btn { padding: 12px 45px; }
.note-list1 li:nth-child(1) { text-align: left; margin-right: 10px; border: #eb5d46 1px solid; margin-right: 10px; }
.note-list1 li:nth-child(1) img { display: inline-block; vertical-align: middle; margin-right: 12px; }

.note-list2 { display: table; width: 60%; margin: 30px auto 0; }
.note-list2 li { display: table-cell; vertical-align: middle; font-size: 1em; text-align: center; border-right: 1px dotted #ddd; padding: 10px 0 20px; }
.note-list2 li:last-child { border-right: 0; }

.lboxed { max-width: 1000px; min-width: 890px; width: 83%; background: #eefcff; position: relative; padding: 20px; display: none; }
.lboxed h1 { font-size: 3.125em; text-align: center; line-height: 3.5; }
.lboxed:before { content: ""; display: block; width: 258px; height: 174px; background: url(../images/lbox-ft1.png) no-repeat 0 0; position: absolute; top: -42px; left: -63px; }
.lboxed::after { content: ""; display: block; width: 73px; height: 73px; background: url(../images/lbox-ft2.png) no-repeat 0 0; position: absolute; top: -21px; right: 100px; }
.lboxed .close { position: absolute; top: 0; right: 0; width: 42px; height: 42px; cursor: pointer; background: #7fc0e9; }
.lboxed .close::before, .lboxed .close::after { content: ""; display: block; width: 1px; height: 32px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -16px; }
.lboxed .close::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.lboxed .close::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.lboxed2 { max-width: 1000px; min-width: 890px; width: 83%; background: #eefcff; position: relative; padding: 20px; display: none; }
.lboxed2 h1 { font-size: 3.125em; text-align: center; line-height: 2.5; }
.lboxed2:before { content: ""; display: block; width: 265px; height: 191px; background: url(../images/lbox-ft3.png) no-repeat 0 0; position: absolute; top: -32px; left: -38px; }
.lboxed2::after { content: ""; display: block; width: 137px; height: 86px; background: url(../images/lbox-ft4.png) no-repeat 0 0; position: absolute; top: -33px; right: 67px; }
.lboxed2 .close { position: absolute; top: 0; right: 0; width: 42px; height: 42px; cursor: pointer; background: #7fc0e9; }
.lboxed2 .close::before, .lboxed2 .close::after { content: ""; display: block; width: 1px; height: 32px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -16px; }
.lboxed2 .close::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.lboxed2 .close::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.ico { display: block; background: url(../images/sprites.png) no-repeat 0 0; width: 93px; height: 93px; margin: 0 auto; }
.ico.ico-1 { background-position: 0 0; }
.ico.ico-2 { background-position: 0 -120px; }
.ico.ico-3 { background-position: 0 -240px; }
.ico.ico-4 { background-position: 0 -360px; }
.ico.ico-5 { background-position: 0 -480px; }
.ico.ico-6 { background-position: 0 -600px; }

.icard { display: inline-block; background: url(../images/card-sprites.png) no-repeat 0 0; width: 290px; height: 150px; }
.icard.icard-1 { background-position: 0 0; }
.icard.icard-2 { background-position: 0 -150px; }
.icard.icard-3 { background-position: 0 -300px; }
.icard.icard-4 { background-position: 0 -450px; }
.icard.icard-5 { background-position: 0 -600px; }

.icpon { display: block; background: url(../images/coupon-sprites.png) no-repeat 0 0; width: 150px; height: 100px; }
.icpon.icpon-1 { background-position: 0 0; }
.icpon.icpon-2 { background-position: 0 -100px; }
.icpon.icpon-3 { background-position: 0 -200px; }
.icpon.icpon-4 { background-position: 0 -300px; }
.icpon.icpon-5 { background-position: 0 -400px; }
.icpon.icpon-6 { background-position: 0 -500px; }
.icpon.icpon-7 { background-position: 0 -600px; }
.icpon.icpon-8 { background-position: 0 -700px; }
.icpon.icpon-9 { background-position: 0 -800px; }
.icpon.icpon-10 { background-position: 0 -900px; }

.icpon2 { display: block; background: url(../images/coupon2-sprites.png) no-repeat 0 0; width: 221px; height: 70px; }
.icpon2.icpon-1 { background-position: 0 0; }
.icpon2.icpon-2 { background-position: 0 -70px; }
.icpon2.icpon-3 { background-position: 0 -140px; }
.icpon2.icpon-4 { background-position: 0 -210px; }
.icpon2.icpon-5 { background-position: 0 -280px; }
.icpon2.icpon-6 { background-position: 0 -350px; }

.slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }

.article { font-size: 16px; }

h3 { font-size: 1.25em; font-weight: bold; }

.fss { font-size: 0.875em; }

.fsm { font-size: 1.125em; }

.fsl { font-size: 1.5em; }

.article h3, p { line-height: 1.5em; }

h2.plane { font-size: 1.875em; background: url(../images/plane.png) no-repeat top left; padding-left: 43px; margin: 10px auto; }

h2.bed { font-size: 1.875em; background: url(../images/bed.png) no-repeat top left; padding-left: 43px; margin: 10px auto; }

.inlineblock { vertical-align: middle; display: inline-block; }

.floatright { float: right; }

.textright { text-align: right; }

.pink { color: #ed006a; }

.onepic { margin: 0px auto; text-align: center; width: 100%; }

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

* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
ul.travellist { display: table; width: 100%; margin: 15px auto 25px auto; position: relative; }
ul.travellist li { display: table-row; height: 42px; }
ul.travellist div { display: table-cell; border-bottom: #dddddd 1px dotted; padding: 8px 10px; vertical-align: middle; }
ul.travellist a { color: #4297d0; }
ul.travellist.sticker:after { width: 105px; height: 100px; display: block; content: ''; position: absolute; z-index: 5; right: 335px; top: 10px; background: url(../images/sticker.png) no-repeat left top; }

.jptravelfoot img { margin-right: 10px; }
.jptravelfoot div { margin-right: 15px; font-size: 1.125em; margin-left: 5px; line-height: 1.2em; }
.jptravelfoot .rightline { border-right: #ddd 1px dotted; padding-right: 20px; margin-right: 15px; }

@keyframes slideDown { 0% { transform: translateY(-100%); }
  50% { transform: translateY(8%); }
  100% { transform: translateY(0%); } }
@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); }
  50% { -webkit-transform: translateY(8%); }
  100% { -webkit-transform: translateY(0%); } }
.slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }

@keyframes slideUp { 0% { transform: translateY(100%); }
  50% { transform: translateY(-8%); }
  100% { transform: translateY(0%); } }
@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); }
  50% { -webkit-transform: translateY(-8%); }
  100% { -webkit-transform: translateY(0%); } }
/* visible, hidden rwd */
.center-block { display: block; margin-right: auto; margin-left: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
@media (max-width: 640px) { .hidden-min { display: none !important; } }
@media (min-width: 641px) { .hidden-max { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }
.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }
.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }
@media print { .hidden-print { display: none !important; } }