a { color:#ff6c1d; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:active, a:hover { color:#ff6c1d; } .overlay { background:#000; opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; } .rel { position:relative; } .tright { text-align:right; } .req { background: #f1dce0; } .tcenter { text-align: center; } th.picker__weekday { text-align: center!important; } body { position: relative; } .errorbox { display: none; padding: 5px 10px; border:#ff0036 solid 1px; background: #ffcad5; text-align: center; color: #ff0036; margin-bottom:10px; } .successbox { display: none; padding: 5px 10px; border:#89bb02 solid 1px; background: #e3edca; text-align: center; color: #89bb02; margin-bottom:10px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .readonly { background: #ddd; } .intro { font-size: 13px; color: #999; } .notice { background: #fff1cf; border:#ffb400 solid 1px; padding: 8px; font-size: 14px; margin-bottom: 30px; } /* Reponse */ #response { z-index: 2000; position: absolute; width: 100%; height: 50px; background:#cc0000; top:0; left: 0; right:0; } .path { font-size: 13px; color: #888; } .path a { color: #888; } .shortcut1 { background: #f1dfaa; padding: 10px; border-bottom: #e49f19 solid 1px; display: block; font-size: 13px; overflow: auto; } header { } header { border-bottom:#bcbcbc solid 1px; } header .logo { padding:30px; border-right:#ececec solid 1px; } header .search { position: relative; display: block; } header .search input { height:70px; border:none; box-shadow:none; padding-left:40px; margin:0; background:url(../img/icon_search.png) no-repeat left center; background-size:24px; } header .search input:focus { border:none; box-shadow:none; } header .search #search_btn { display: none; background: #ff6c1d; color: #fff; padding: 3px 8px; position: absolute; top:50%; right:15px; transform: translate(0,-50%); } header .toolbar { padding:10px 0; border-left:#bcbcbc solid 1px; border-right:#bcbcbc solid 1px; } header .toolbar .column { text-align:center; } header .toolbar img { width:28px; } header .toolbar span { display:block; font-size:13px; display:block; margin-top:2px; } header .toolbar a { color:#000; } #nav { height: 96px; max-width: 100%; position: relative; } #nav .search { text-align: right; } #nav .search img { width: 30px; } #nav .menu { } #nav ul.topmenu { display:inline; margin: 0 0 0 20px; } #nav ul.topmenu li { display:inline-block; margin-right: 38px; } #nav ul.topmenu li a { color: #464646; display: block; padding: 35px 0 36px 0; cursor: pointer; } #nav ul.topmenu li.sub { padding-right: 20px; background:url('/img/icon_down.png') no-repeat right center; background-size: 10px; } #nav ul.topmenu li .floatmenu { background:#3eb2e2; width:100%; left:0; top:96px; padding: 10px; display: none; position: absolute; z-index: 100; border-top:#2aa5d8 solid 4px; } #nav ul.topmenu li .floatmenu ol { margin: 0; padding: 0; text-align: center; } #nav ul.topmenu li .floatmenu ol li { display: inline-block; margin: 0 5px; } #nav ul.topmenu li .floatmenu ol li a { padding: 3px 8px; border-radius: 6px; margin: 0; color: #fff; } #nav ul.topmenu li .floatmenu ol li a:hover { background:#fff; color: #000; } header .topnav { background:#909090; } header .topnav .row { max-width: 100%; } header .topnav .slogan { color: #fff; padding: 17px 0; display: block; line-height: 1; } header .topnav ul { list-style: none; text-align: right; margin: 0; padding: 0; } header .topnav ul li { display: inline-block; height: 50px; border-left: #b1b1b1 solid 1px; } header .topnav ul li:last-child { border-right: #b1b1b1 solid 1px; } header .topnav ul li a { padding: 12px 15px; display: block; color: #fff; } header .topnav ul li a:hover { background:#a0a0a0; } header .topnav a.country { background:#fdc400; color: #fff; } header .topnav a.country:hover { background:#ffcd20; } header .topnav img { width: 16px; } /* nav { background:#f5f5f5; border-bottom:#bcbcbc solid 1px; text-align:center; } nav ul#oldmenu { list-style:none; padding:0; margin:0; display:inline-block; } nav ul#oldmenu li { padding:0 10px; display:inline-block; } nav ul#oldmenu li a { color:#000; font-size:14px; } nav ul#newmenu { float: left; list-style:none; padding:0; margin:0; } nav ul#newmenu .sub { float: left; } nav ul#newmenu .item { float: left; padding-top: 10px; } nav #dropmenu_au { display: block; background: url('../img/start_au.png') #4bbe44 no-repeat center left 10px; background-size:30px; color: #fff; padding: 16px 15px 15px 48px; } nav #dropmenu_au i { font-size: 22px; margin-left: 10px; list-style: 22px; } nav #dropmenu_nz { display: block; background: url('../img/start_nz.png') #0193ff no-repeat center left 10px; background-size:30px; color: #fff; padding: 16px 15px 15px 48px; } nav #dropmenu_nz i { font-size: 22px; margin-left: 10px; list-style: 22px; } nav .item { padding-left: 34px; } nav .item a { font-size: 20px; color: #000; font-weight: bold; } nav .item a img { width: 24px; height: 24px; margin-right: 10px; } nav .item a:hover { text-decoration: underline; } nav .relative { position: relative; } nav .floatmenu { text-align: left; display: none; position: absolute; left:0 ; top:50px; right:0; padding:25px; background: #fff; z-index: 1500; width: 100%; } nav .floatmenu a:hover { font-weight: bold; } nav .floatmenu ul.city { list-style: none; margin: 0; padding: 0; } nav .floatmenu ul.city li { border-bottom: #ccc dotted 1px; padding: 4px 0; } nav .floatmenu ul.city li a { color: #000; font-size: 14px; } nav .floatmenu ul.city li i { margin-right: 8px; } nav .floatmenu ul.special { list-style: none; margin: 0 0 30px 0; padding: 0; } nav .floatmenu ul.special li { margin-bottom: 6px; } nav .floatmenu ul.special li a { font-size: 17px; color: #000; } nav .floatmenu ul.special li i { margin-right: 8px; color: #f74541; } nav .floatmenu .theme a { color: #000; margin-bottom: 4px; display: inline-block; } nav .floatmenu .theme a i { font-size: 11px; margin-right: 5px; } nav #menu_au { border: #9e9e9e solid 1px; border-top:#4bbe44 solid 12px; background: url('../img/menu_bg_au.jpg') #fff no-repeat right bottom; background-size: 500px; } nav #menu_au h2 { color: #292929; font-size: 28px; margin: 0 0 25px 0; font-weight: bold; } nav #menu_au p.desc { color: #292929; font-size: 14px; margin-bottom: 0; } nav #menu_au h3 { font-weight: bold; font-size: 18px; padding-bottom: 5px; border-bottom: #ccc solid 1px; margin-bottom: 15px; } nav #menu_au h3.green { color: #499604; } nav #menu_au h3.red { color: #f74541; } nav #menu_nz { border: #9e9e9e solid 1px; border-top:#0193ff solid 12px; background: url('../img/menu_bg_nz.jpg') #fff no-repeat right bottom; background-size: 500px; } nav #menu_nz h2 { color: #292929; font-size: 28px; margin: 0 0 25px 0; font-weight: bold; } nav #menu_nz p.desc { color: #292929; font-size: 14px; margin-bottom: 0; } nav #menu_nz h3 { font-weight: bold; font-size: 18px; padding-bottom: 5px; border-bottom: #ccc solid 1px; margin-bottom: 15px; } nav #menu_nz h3.green { color: #499604; } nav #menu_nz h3.red { color: #f74541; } */ #mobile-header { position:fixed; z-index:1000; top:0; width:100%; background:#fff; border-bottom:#eee solid 1px; box-shadow:#666 0 0 2px; } #mobile-header .columns { padding:10px; } #mobile-header .topmenu .col1 img { width:30px; } #mobile-header .topmenu .col2 { text-align:center; } #mobile-header .topmenu .col2 img { height:30px; } #mobile-header .topmenu .col3 { text-align:right; } #mobile-header .topmenu .col3 img { width:26px; } #mobile-header .topmenu .col3 .img3 { margin-right: 7px; } #mobile-header .topmenu .col3 #lang { width: 26px; height: 26px; padding: 0 2px; border:#000 solid 3px; font-size:16px; color:#000; margin-right: 5px; } .space { height:51px; } footer { padding: 47px 0; } #mmenu .mm-listview > li > a, #mmenu .mm-listview > li > span { font-size:16px; } #mmenu .search { padding:15px 15px 0 15px; } #mmenu .search input { border-radius:4px; box-shadow:none; height:auto; font-size:16px; background:url(../img/icon_search.png) #fff no-repeat 10px center; background-size:20px; padding-left:40px; } /* Help/Talk */ #talk_btn { position: fixed; bottom:30px; right:30px; } #talk_btn img { width: 60px; height: 60px; } #talk_detail { z-index: 501; display: none; position: fixed; bottom:0; left: 0; right:0; padding: 30px 0; background: url(../img/overlay_82.jpg); color:#fff; } #talk_detail label { color:#bbe6ff; font-size: 18px; font-weight: bold; } #talk_detail a { color:#fff; } #talk_detail p { margin-bottom: 25px; } #talk_detail .pic { width: 80px; margin-bottom: 25px; } #talk_detail h6 { font-size: 24px; } #talk_detail .close { position: absolute; top:20px; right:20px; display: block; z-index: 600; } #talk_detail .close img { width: 32px; } #talk_detail .col3 { position: relative; } /* Homepage */ #home .banner div { position:relative; } #home .banner div img { width:100%; } #home .banner div a { position:absolute; left:50%; top:65%; transform:translate(-50%,0); display:block; color:#fff; background:#ff0060; font-size:18px; padding:14px; border:#fff solid 2px; font-weight:bold; } /* #home .banner .slick-prev { z-index:20; text-indent:-9999px; background:url(../img/icon_left.png); display:block; width:50px; height:50px; background-size:50px; position:absolute; left:20px; top:50%; transform:translate(0,-50%); } #home .banner .slick-next { z-index:20; text-indent:-9999px; background:url(../img/icon_right.png); display:block; width:50px; height:50px; background-size:50px; position:absolute; right:20px; top:50%; transform:translate(0,-50%); } */ #home .banner img { cursor: pointer; } #home .slick-dots { position: absolute; right: 30px; bottom: 8px; list-style: none; margin: 0; padding: 0; } #home .slick-dots li { display: inline-block; width: 60px; height: 6px; background:#fff; border-radius: 10px; margin-left: 10px; text-indent: -9999px; } #home .slick-dots li.slick-active { background: #ff9308; } #home .slick-dots li button { cursor: pointer; } #home .banner_mobile div { position:relative; } #home .banner_mobile div a { position:absolute; left:50%; top:65%; transform:translate(-50%,0); display:block; color:#fff; background:#ff0060; font-size:15px; padding:8px 12px; border:#fff solid 2px; font-weight:bold; } #home .mobile_special a { border:#000 solid 4px; font-size: 22px; font-weight: bold; display: block; margin: 10px 0.635rem 0 0.635rem; color: #000; padding: 15px; text-align: center; } #home .mobile_special a:hover { background: #000; color: #fff; } #home .mobile_special i { color: #ff6c1d; font-size: 28px; } #home .section1 { padding:50px 0; } #home .section1 h1 { color:#3d3d3d; font-size:22px; float: left; margin-right: 30px; padding-right: 30px; font-weight: bold; background: url(../img/icon-arrow.png) no-repeat right center; } #home .section1 ul { list-style: none; margin: 0; } #home .section1 ul li { display: inline-block; } #home .section1 ul li a { color:#007eff; font-size: 18px; padding: 5px 10px; } #home .section1 ul li a.selected, #home .section1 ul li a:hover { background: #007eff; color: #fff; border-radius: 4px; } #home .section1 .list { padding-top: 30px; } #home .section1 .list a { color: #000; } #home .section1 .list img { border-radius: 4px; } #home .section1 .list h3 { font-size: 16px; margin-top: 10px; } #home .section1 .list .price { color: #f90035; font-size: 14px; font-weight: bold; } #home .section1 .list .column { padding-bottom: 10px; } #home .section2 { padding:50px 0; background:#f1f1f1; } #home .section2 h2 { display: inline-block; color:#3d3d3d; font-size:22px; margin-right: 30px; margin-bottom: 30px; padding-right: 30px; font-weight: bold; background: url(../img/icon-arrow.png) no-repeat right center; } #home .section2 .box { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #home .section2 h3 { font-size: 20px; font-weight: bold; } #home .section2 h3 span { color: #ff7800; display: block; font-size: 14px; margin-bottom: 5px; } #home .section2 img { border-top-left-radius: 4px; border-top-right-radius: 4px; } #home .section2 .padding { padding: 16px; } #home .section2 p { color: #7c7c7c; font-size: 14px; margin-bottom: 0; } #home .section3 { padding:50px 0; } #home .section3 h2 { display: inline-block; color:#3d3d3d; font-size:22px; margin-right: 30px; margin-bottom: 30px; padding-right: 30px; font-weight: bold; background: url(../img/icon-arrow.png) no-repeat right center; } #home .section3 h3 { font-size: 14px; margin: 5px 0; font-weight:bold; } #home .section3 .price { color: #ff0054; font-size: 14px; font-weight:bold; } #home .section3 .column { padding-bottom: 20px; } #home .section4 { background: url(../img/bus.png) no-repeat center center; background-size: cover; padding-top: 40px; padding-bottom: 60px; } #home .section4 .box { background:#fff; padding: 30px; box-shadow: #24d3ff 12px 12px 0; border-radius: 10px; } #home .section4 h2 { color:#3d3d3d; font-size:22px; margin-bottom: 20px; font-weight: bold; } #home .section4 .desc { font-size: 14px; } #home .section4 h3 { margin: 10px 0; font-size: 16px; color:#3d3d3d; font-weight: bold; } #home .section4 ul.list1 { list-style: none; margin: 0; padding: 0; } #home .section4 ul.list1 li { padding-top: 8px; padding-bottom: 8px; border-bottom: #ccc solid 1px; } #home .section4 ul.list1 li a { background:url(../img/bullet-01.png) no-repeat left 7px; padding-left: 18px; font-size: 14px; color: #056bca; display: block; line-height: 19px; } #home .section4 ul.list2 { list-style: none; margin: 0; padding: 0; } #home .section4 ul.list2 li { display: inline-block; margin-right: 10px; } #home .section4 ul.list2 li a { font-size: 14px; color: #333; } #home .section4 ul.list2 li a:hover { text-decoration: underline; } #home .section4 h4 { margin: 20px 0 10px 0; font-size: 16px; color:#3d3d3d; font-weight: bold; } #home .section5 { padding: 80px 0; background: url(../img/book_background.jpg) no-repeat center center; background-size: cover; text-align: center; } #home .section5 h3 { font-size:29px; margin:0 0 27px 0; font-weight:bold; } #home .section5 .end { padding-left: 0.935rem; padding-right: 0.935rem; } #home .section5 .hcsb_container { height: auto;!important; } #home .section5 .col2 div { margin:0 auto; } #home .section5 .col3 div { margin:0 auto; } #home .section5 .toolbar { margin-top: 30px; } #home .section5 .booking1 { color: #fff; font-weight: bold; text-align: center; display: block; background: #006bfd; padding:10px 15px; font-size: 20px; margin-bottom: 15px; } #home .section5 .booking2 { color: #fff; font-weight: bold; text-align: center; display: block; background: #ff8a00; padding:10px 15px; font-size: 20px; } /* Article List */ #article_list h1 { color:#ff6000; font-size:21px; margin-bottom:10px; font-weight:bold; } #article_list .line { border-top:#2a2a2a solid 1px; margin-bottom:13px; } #article_list #australia { margin-top:48px; } #article_list #newzealand { margin:60px 0 60px 0; } #article_list p.pdesc { font-size: 14px; margin-bottom: 30px; color: #888; } #article_list .column h2 { color:#2a2a2a; font-size:15px; margin:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #article_list .column h2 a { color:#2a2a2a; } #article_list .column .subtitle { display:block; color:#7c7c7c; font-size:13px; } #article_list .column .star { line-height:1.5; margin:0; padding:0; display:inline-block; font-size:10px; background:url(../img/icon_star_yellow.png) no-repeat left center; background-size:16px; color:#8f8f8f; padding-left:23px; } #article_list .column .pic { position:relative; margin:20px 0 40px 0; } #article_list .column .pic .img { width:100%; } #article_list .column .pic .go { position:absolute; right:0; bottom:0; } #article_list a.more { font-size:14px; color:#000; border:#000 solid 2px; padding:10px 20px; display:inline-block; } #article_list a.more:hover { background:#000; color:#fff; } #article_list a.more:hover i { color: #fff; } #article_list a.more i { font-size: 18px; color: #333; } #article_list .pager { border-top:#ccc solid 1px; margin: 40px 0 60px 0; padding-top: 20px; } #article_list .pager.col2 { text-align: right; } #article_list .city_list { padding-bottom: 60px; } } #article_list .location { margin:0 0 20px 0; } #article_list .location ul { list-style:none; margin:0; } #article_list .location ul li { display:inline-block; font-size:13px; color:#2c2c2c; } #article_list .location ul li a { padding:1px 3px; border:#ccc solid 1px; border-radius:6px; color:#2c2c2c; } #article_list .location ul li a.selected { color:#ff6000; font-weight:bold; } #article_list .location ul li a:hover { background:#eee; } #article_list.activity { padding-bottom: 50px; } /* Artcle detail */ #article_detail .banner { margin-bottom:40px; height:426px; background-position:center center; background-size:cover; position:relative; background-repeat:no-repeat; } #article_detail .banner h1 { text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../img/overlay_82.jpg); color:#fff; font-size:33px; padding:10px 20px; display:inline-block; } #article_detail .desc { font-size:14px; padding-bottom: 60px; } #article_detail .desc h1 { margin-top:0px; font-size:24px; } #article_detail a.more { font-size:14px; color:#000; border:#000 solid 2px; padding:10px 20px; display:inline-block; margin:20px 0 40px 0; } #article_detail a.more:hover { background:#000; color:#fff; } #article_detail .side .line { border-top:#2a2a2a solid 1px; margin-bottom:13px; } #article_detail .side h3 { font-size:22px; color: #ff6000; } #article_detail .side h2 { color:#2a2a2a; font-size:15px; margin:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #article_detail .side h2 a { color:#2a2a2a; } #article_detail .side .subtitle { display:block; color:#7c7c7c; font-size:13px; } #article_detail .side .star { line-height:1.5; margin:0; padding:0; display:inline-block; font-size:10px; background:url(../img/icon_star_yellow.png) no-repeat left center; background-size:16px; color:#8f8f8f; padding-left:23px; } #article_detail .side .pic { position:relative; margin:20px 0 40px 0; } #article_detail .side .pic .img { width:100%; } #article_detail .side .pic .go { position:absolute; right:0; bottom:0; } /* Tour Listing */ #tour_list { margin:50px 0; } #tour_list h1 { text-align:center; color:#ff6000; font-size:25px; margin:0 0 40px 0; font-weight:bold; } #tour_list .tour_banner { height: 200px; background-position: center; background-size: cover; position: relative; margin-bottom: 50px; } #tour_list .tour_banner h1 { color: #fff; text-shadow: #000 0 0 5px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); font-size: 50px; } #tour_list .location { margin:0 0 20px 0; text-align:center; } #tour_list .location ul { list-style:none; margin:0; } #tour_list .location ul li { display:inline-block; font-size:13px; color:#2c2c2c; } #tour_list .location ul li a { padding:1px 3px; border:#ccc solid 1px; border-radius:6px; color:#2c2c2c; } #tour_list .location ul li a.selected { color:#ff6000; font-weight:bold; } #tour_list .location ul li a:hover { background:#eee; } #tour_list .tourtype { margin:0 0 20px 0; text-align:center; } #tour_list .tourtype ul { list-style:none; margin:0; } #tour_list .tourtype ul li { display:inline-block; font-size:16px; color:#2c2c2c; margin-bottom: 8px; } #tour_list .tourtype ul li a { padding:3px 8px; border:#999 solid 1px; border-radius:6px; color:#2c2c2c; } #tour_list .tourtype ul li a.selected { color:#fff; background: #c0e000; font-weight:bold; } #tour_list .tourtype ul li a:hover { background:#eee; } #tour_list .toolbar { margin-top:45px; } #tour_list .toolbar label { display:inline-block; margin-right:10px; } #tour_list .toolbar select { display:inline-block; height:auto; padding-top:5px; padding-bottom:5px; } #tour_list .toolbar select.listbox1 { } #tour_list .toolbar select.listbox2 { } #tour_list .box { padding:8px; background:#eee; margin-bottom:22px; } #tour_list .box .pic { position:relative; width:100%; margin-bottom:8px; } #tour_list .box .pic .img { width:100%; } #tour_list .box .pic .label { position:absolute; left:0; top:0; padding:0; background:none; } #tour_list .box h2 { font-size:16px; margin:0; } #tour_list .box .price { color:#666; font-weight:bold; } #tour_list .box .price .sprice { color: #ff0048 } #tour_list .box .price .cross { text-decoration: line-through; margin-left: 6px; } #tour_list .box a.more { padding:5px 0; text-align:center; font-size:17px; letter-spacing:6px; display:block; color:#000; background:#f0a900; } #tour_list .box a.more:hover { background:#f0bc40; } #tour_list .box .starburst { line-height: 14px; font-size: 12px; text-align:center; position: absolute; bottom:-10px; right:-10px; padding-top: 13px; width: 60px; height: 60px; background: url(../img/starburst.png) no-repeat center center; background-size:60px; color: #fff; } #tour_list .box .starburst span { font-size: 14px; font-weight: bold; display: inline-block; } #tour_list .citylist .frame { overflow: hidden; margin-bottom: 30px; } #tour_list .citylist a { transition: all .5s; width: 100%; display: block; text-align: center; font-size: 30px; color: #fff; font-weight: bold; padding: 30px 10px; background-size: cover; background-position: center; text-shadow: #000 0 0 5px; } #tour_list .citylist a:hover { transform: scale(1.2); } #tour_list .country_title { font-size: 34px; color: #666; border-bottom: #ccc solid 1px; margin-bottom: 30px; padding-bottom: 10px; } /* Tour Detail */ #tour_detail .banner { background-position:center center; background-repeat:no-repeat; background-size:cover; } #tour_detail .banner .box { background:#fff; margin-bottom: -95px; padding:25px; z-index: 500; position: relative; } #tour_detail .banner .box .starburst { line-height: 13px; position: absolute; top:20px; left:-55px; background: url(../img/starburst.png) no-repeat center center; background-size: 80px; width: 80px; height: 80px; color: #fff; text-align: center; padding-top: 20px; font-size: 13px; } #tour_detail .banner .box .starburst span { font-size: 20px; font-weight: bold; display: block; line-height: 20px; } #tour_detail .banner .box h1 { color:#ff8400; font-size:22px; font-weight:bold; margin:0 0 16px 0; } #tour_detail .banner .box .tag { margin-bottom:16px; } #tour_detail .banner .box .tag a { background:#17b3a8; font-size:14px; color:#fff; padding:1px 3px; display:inline-block; border-radius:4px; margin-right:5px; } #tour_detail .banner .box .sdesc { font-size:14px; margin-top: 20px; } #tour_detail .banner .box .price .col1 { float:left; } #tour_detail .banner .box .price .col1 .number { color:#fc3408; font-size:48px; float:left; line-height:48px; } #tour_detail .banner .box .price .col1 .sprice { float:left; } #tour_detail .banner .box .price .col1 .sprice .stext { color: #fc3408; font-weight: bold; display: block; } #tour_detail .banner .box .price .col1 .sprice .original { color: #999; font-size: 18px; text-decoration: line-through; } #tour_detail .banner .box .price .col1 .sprice .snumber { color:#fc3408; font-size:48px; line-height:48px; display: block; } #tour_detail .banner .box .price .col1 .unit { float:left; color:#000; font-size:12px; margin:6px 0 0 10px; } #tour_detail .banner .box .price .col1 .unit1 { float:left; color:#000; font-size:12px; margin:31px 0 0 10px; display: inline-block; } #tour_detail .banner .box .price .col1 .gray { color:#aaa; } #tour_detail .banner .box .price .col2 { float:right; font-size:13px; } #tour_detail .banner .box .price .col2 span { color:#007ab3; font-size:18px; font-weight:bold; display:block; text-align:right; line-height:18px; } #tour_detail .banner .box .booking { margin-top:10px; } #tour_detail .banner .box .booking .datepicker1 { cursor:pointer; background: url(../img/icon_calendar.png) #fff no-repeat right 10px center; background-size: 24px; box-shadow: none; } #tour_detail .banner .box .booking .btn { background:#62b1f4; color:#fff; font-size:20px; display:block; text-align:center; width:100%; padding:7px 16px; letter-spacing:6px; font-weight:bold; } #tour_detail .bg { background:#f5f5f5; padding:38px 0 50px 0; } #tour_detail .bg .topspace { height:100px; } /*#tour_detail .bg .desc h2 { color:#000; font-size:22px; margin-bottom:15px; padding-left:46px; background:url(../img/icon_detail_01.gif) no-repeat left center; font-weight:bold; background-size:30px; } */ #tour_detail .bg .desc h3 { font-weight:bold; font-size:16px; font-weight:bold; } #tour_detail .bg .box { margin-bottom:40px; font-size:14px; } #tour_detail .bg .box h5 { background-size:30px; padding-left:46px; font-size:22px; margin-bottom:15px; font-weight:bold; } #tour_detail .bg .box h5.icon2 { background:url(../img/icon_detail_02.gif) no-repeat left center; background-size:30px; } #tour_detail .bg .box h5.icon3 { background:url(../img/icon_detail_03.gif) no-repeat left center; background-size:30px; } #tour_detail .bg .box h5.icon4 { background:url(../img/icon_detail_04.gif) no-repeat left center; background-size:30px; } #tour_detail .bg .box h5.icon5 { background:url(../img/icon_detail_05.gif) no-repeat left center; background-size:30px; } #tour_detail .bg .box h5.icon6 { background:url(../img/icon_detail_06.gif) no-repeat left center; background-size:30px; } #tour_detail .bg .box h6 { font-weight:bold; font-size:15px; } #tour_detail .bg .box label { border-bottom:#ccc solid 1px; padding:3px 0; } #tour_detail .bg .box label span { float:right; } #tour_detail .bg .box label span.price { text-decoration: line-through; color: #999; } #tour_detail .bg .box label span.sprice { color: #fc3408; font-weight: bold; margin-left: 10px; } #tour_detail .bg .box .note { margin-top:20px; } #tour_detail .bg .box .btn { border:#444 solid 1px; color:#444; padding: 8px 15px; background-color: #fff; display: inline-block; margin-bottom: 30px; font-size: 18px; } #tour_detail .bg .box .btn:hover { background:#444; color: #fff; } #tour_detail .big { font-weight: bold; font-size:30px; margin-bottom: 30px; display: block; } #tour_detail .desc h2 { font-size:20px; color: #0132b0; font-weight: bold; } #tour_detail .desc p { margin-bottom: 30px; } #tour_detail #help_box { display: none; background:#eee; padding: 15px; margin-bottom: 30px; } #tour_detail #help_box label { font-weight: bold; } #tour_detail #help_box a { color: #000; } #tour_detail .rating { font-size: 14px; margin-top: 15px; } #tour_detail .rating img { width: 16px; vertical-align: middle; } #tour_detail .rating span { color: #666; font-size: 12px; } #tour_detail .reviewbox h6 { font-style: italic; font-size: 15px; } #tour_detail .reviewbox .star img { width: 16px; } #tour_detail .reviewbox p.desc { font-style: italic; color: #666; } .mobile_booking { z-index: 5000; position: fixed; bottom:0; left: 0; right:0; background: #fff; border-top:#000 solid 1px; padding: 10px 0; } .mobile_booking input { margin-bottom: 0; cursor:pointer; background: url(../img/icon_calendar.png) #fff no-repeat right 10px center; background-size: 24px; box-shadow: none; } .mobile_booking .btn { background:#62b1f4; color:#fff; font-size:16px; display:block; text-align:center; width:100%; padding:7px 4px; font-weight:bold; } /* My account */ #myaccount { padding-bottom: 30px; } #myaccount h1 { text-align:center; margin:70px 0 70px 0; font-size:27px; color:#ff6000; font-weight:bold; } #myaccount h1 span { color:#000; } #myaccount h2 { text-align:center; margin:70px 0 0px 0; font-size:27px; color:#ff6000; font-weight:bold; } #myaccount h2 span { color:#000; } #myaccount h5 { text-align:center; margin:10px 0 10px 0; font-size:20px; color:#ff6000; font-weight:bold; } #myaccount .back { text-align: center; text-decoration: underline; margin-top: 15px; } #myaccount .tab { text-align: center; margin: 30px 0 50px 0; } #myaccount .tab a { font-size: 14px; color: #2c2c2c; border:#2c2c2c solid 1px; padding: 2px 5px; border-radius: 4px; display: inline-block; margin:0 10px; } #myaccount .tab a.selected { color: #ff6000; font-weight: bold; border:#ff6000 solid 1px; } #myaccount .head h1 { margin-bottom: 20px; } #myaccount .head p { text-align: center; margin-bottom: 40px; } #myaccount .desc { text-align: center; } #myaccount .item_list { margin-bottom:100px; } #myaccount .item_list .columns { text-align:center; padding:20px 0; } #myaccount .item_list .columns:hover { } #myaccount .item_list .columns img { margin-bottom:14px; } #myaccount .item_list .columns h2 { font-size:17px; font-weight:bold; margin-bottom:16px; } #myaccount .item_list .columns p { color:#363636; font-size:12px; padding:0 30px; } #myaccount .item_list .columns a.more { text-align:center; display:inline-block; padding:3px 6px; border:#000 solid 1px; color:#000; font-size:13px; } #myaccount .item_list .columns a.more:hover { background:#000; color:#fff; } /* My account profile */ #myaccount #profile { margin: 20px 0 80px 0; } #myaccount #profile label span { color:#ff294b; } #myaccount #profile button { margin-top: 50px; background:#ff294b; font-size: 20px; color: #fff; display: inline-block; padding: 8px 14px; border:none; font-weight: bold; } #myaccount #transfer button { margin-top: 50px; background:#ff294b; font-size: 20px; color: #fff; display: inline-block; padding: 8px 14px; border:none; font-weight: bold; } #myaccount #transfer .desc { margin-bottom: 40px; } #myaccount #transfer .current_point { border:#666 solid 1px; padding: 20px; margin:0 auto 30px auto; width: 100%; background: #eee; } #myaccount #transfer .current_point label { display: inline-block; width: 100px; font-size: 16px; } #myaccount #transfer .current_point span { text-align: right; font-size: 40px; font-weight: bold; display: block; line-height: 1; } /* My account order */ #myaccount #order { margin-bottom: 70px; } #myaccount #order h3 { font-size: 17px; } #myaccount #order .item { padding: 20px 0; border-bottom: #eee solid 1px; } #myaccount #order .item:hover { background: #eee; } #myaccount #order .img { width: 100%; } #myaccount #order .date { font-size: 14px; color: #666; margin:0; } #myaccount #order .price { font-size: 14px; color: #666; margin:0; } #myaccount #order .status { font-size: 14px; color: #666; margin:0; } #myaccount #order .status.pending { color: #006bd9; } #myaccount #order .status.confirmed { color: #62c600; } #myaccount #order .status.cancelled { color: #acacac; } #myaccount #order .download { background:#ff294b; padding: 8px 14px; color: #fff; display: inline-block; } #myaccount #order .download.disabled { background: #ccc; } #myaccount #order .credit { background: #5fa900; color: #fff; padding: 3px 8px; border-radius: 6px; display: inline-block; } #myaccount #order .debit { background: #a00019; color: #fff; padding: 3px 8px; border-radius: 6px; display: inline-block; } #myaccount .point { border:#ccc solid 1px; width: 150px; padding-top: 30px; height: 150px; border-radius: 75px; margin:0 auto 40px auto; text-align: center; } #myaccount .point label { font-size: 13px; } #myaccount .point span { font-size: 36px; line-height: 1 margin-top:10px; } /* General Page */ #page { padding-bottom: 60px; } #page h1 { text-align:center; margin:70px 0 20px 0; font-size:27px; color:#ff6000; font-weight:bold; } #page .path { margin-bottom: 70px; } #page h2 { font-size: 22px; font-weight: bold; margin:40px 0 20px 0; } /* Login */ #loginModal { text-align: center; padding: 20px 40px; } #loginModal h6 { font-size: 28px; margin:0 0 20px 0; font-weight: bold;;} #loginModal #passwordbox { display: none; } #loginModal #regbox { display: none; } #loginModal input { box-shadow: none; text-align: center; } #loginModal button { background:#ff294b; color: #fff; display: inline-block; padding: 8px 14px; border:none; font-weight: bold; } #loginModal .switch { display: block; color: #000; text-decoration: underline; margin-top: 20px; font-weight: normal; } #loginModal .close { position: absolute; right:20px; top:20px; } #loginModal .close img { width: 24px; height: 24px; } /* contactModal */ #contactModal { text-align: center; padding: 20px 20px 20px 20px; text-align: center; -webkit-overflow-scrolling: touch; } #contactModal .column { padding-bottom: 50px; } #contactModal .close { position: absolute; right:20px; top:20px; } #contactModal .close img { width: 24px; height: 24px; } #contactModal h4, #contactModal h5 { font-size: 20px; font-weight: bold;; } #contactModal .online { color: #75c700; } #contactModal .offline { color: #cc334a; } #contactModal .btn { border:#ccc solid 1px; color: #000; display: block; padding: 10px; margin-bottom: 10px; } #contactModal label { font-weight: bold;; } /* Checkout */ #checkout { margin:60px 0 80px 0; } #checkout h1 { font-size:27px; color:#000; font-weight:bold; margin-bottom:30px; } #checkout h1 span { color:#ff6000; } #checkout .listbox { margin-bottom: 0; } #checkout .cart tbody { border:none; } #checkout .cart tr { background:none; } #checkout .cart td { padding:14px 0; border-bottom:#ccc solid 1px; font-size:14px; vertical-align:top; } #checkout .cart .head td { font-size:15px; font-weight: bold; } #checkout .cart .col1 { width:70%; } #checkout .cart .col2 { width:15%; } #checkout .cart .col3 { width:15%; } #checkout .cart .cross { color: #999; text-decoration: line-through; } #checkout .cart .snumber { color:#fc3408; font-weight: bold; display: block; } #checkout .cart span.date { display:block; color:#aaa; } #checkout .greybox { background:#f5f5f5; padding:18px; } #checkout .greybox .promo_code label { margin-bottom:8px; } #checkout .greybox .promo_code .textbox { width:180px; margin-bottom: 0; box-shadow:none; display:inline-block; padding:7px 5px; height:auto; margin-right:10px; } #checkout .greybox .promo_code .listbox { width: 180px; } #checkout .greybox .promo_code #promocode_response { display: none; font-size: 13px; } #checkout .greybox .promo_code button { border:#000 solid 1px; margin-top: 15px; padding:10px 15px; font-size:13px; background:#fff; display:inline-block; } #checkout .greybox .summary { text-align:right; } #checkout .greybox .summary p { font-size:13px; margin:0; } #checkout .greybox .summary p .large { font-size:27px; } #checkout .member .box { border:#ff003c solid 1px; margin:26px 0 0px 0; padding:20px; } #checkout .member h2 { color:#ff003c; font-size:21px; margin-bottom:12px; font-weight:bold; } #checkout .member p { color:#535353; font-size:13px; margin:0; } #checkout .member .col2 { text-align:right; } #checkout .member .col2 a { background:#ff003c; color:#fff; font-size:17px; padding:7px 15px; display:inline-block; font-weight:bold; } #checkout label span { color: #cc0000; } #checkout .textarea { height:130px; margin-bottom:40px; } #checkout .half { width:40%; margin-right:10px; } #checkout h1.lock { margin-bottom:5px; background:url(../img/icon_lock.png) no-repeat left center; padding-left:50px; background-size:35px; } #checkout .note { color:#5a5a5a; font-size:12px; } #checkout .certificate { margin-top:30px; } #checkout #cmonth { margin-bottom: 15px; } #checkout #cyear { margin-bottom: 15px; } #checkout .side .box { background:#f5f5f5; padding:25px; font-size:13px; } #checkout .side h5 { font-size:17px; font-weight:bold; } #checkout .confirm { } #checkout hr { margin:30px 0 50px 0; } #checkout .confirm label { } #checkout .confirm .col2 { text-align:right; } #checkout .confirm button { padding:10px 90px; background:#ff003c; font-size:18px; color:#fff; font-weight:bold; display:inline-block; border-radius:4px; } /* Booking Success */ .booking_success { text-align: center; margin-top: 50px; } .booking_success .icon { width: 90px; } .booking_success h1 { color: #38d3a9!important; margin:30px 0!important; font-size: 24px!important; } .booking_success .desc a { color: #38d3a9; } .booking_success .desc .number { font-size: 24px; margin-bottom: 40px; } .booking_success .desc a.btn { color: #000; padding: 8px 14px; border:#000 solid 1px; border-radius: 4px; display: inline-block; margin:0 5px; } .booking_success .desc a.btn:hover { background: #000; color: #fff; } /* Booking Fail */ .booking_fail { text-align: center; margin-top: 50px; } .booking_fail .icon { width: 90px; } .booking_fail h1 { color: #cc334a!important; margin:30px 0!important; font-size: 24px!important; } .booking_fail .desc a { color: #cc334a; } .booking_fail .desc a.btn { color: #000; padding: 8px 14px; border:#000 solid 1px; border-radius: 4px; display: inline-block; margin:0 5px; } .booking_fail .desc a.btn:hover { background: #000; color: #fff; } .p404 .btn { border:#ccc solid 1px; color: #000; display: inline-block; padding: 10px; margin-bottom: 10px; } .p404 p { text-align: center; } /* Hotel booking */ .hotelbooking .columns, .hotelbooking .column { text-align: center; } .hotelbooking .hcsb_container { width: 100%!important; } /* Sitemap */ .sitemap { background:#eee; padding: 30px 0; } .sitemap .columns { padding-bottom: 30px; } .sitemap dt { font-size: 14px; font-weight: bold; border-bottom: #ccc solid 1px; padding-bottom: 4px; } .sitemap dd { line-height: 1.2; } .sitemap dd a { font-size: 12px; color: #444; } .sitemap dd a:hover { color: #222; text-decoration: underline; } #review h1 { text-align: center; color: #ff6c1d; font-size:30px; font-weight: bold; margin: 20px 0 20px 0; } #review h2 { text-align: center; color: #333; font-size:24px; font-weight: bold; margin: 20px 0 20px 0; } #review .text { text-align: center; } #review .box { padding: 20px; border:#ddd solid 1px;margin-bottom: 60px; } #review .textarea { height: 140px; } #review .note { font-size: 12px; font-style: italic; color: #999; } #review button { border:#ccc solid 1px; padding: 10px 20px; background: #f1f1f1; } /* Tablet */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { header .logo { padding:9px 10px 10px 10px; } header .toolbar span { font-size:12px; display:none; } header .toolbar { border-right:none; padding: 15px 0 16px 0; } header .search input { height:55px; } #home .banner div a { padding:8px 14px; } #home .section1 .rel .box h2 { font-size:22px; } #home .section1 .rel .box p { font-size:16px; } #home .section5 .col1 { text-align: center; padding-bottom: 30px; } #article_detail .banner { height:326px; } #article_detail .banner h1 { font-size:26px; } #tour_list .toolbar select.listbox2 { width:100%; } #checkout hr { margin-bottom:30px; } #checkout .side .box { margin-top:40px; } nav .item { padding-left: 20px; } nav .item a { font-size: 14px; color: #000; font-weight: bold; } nav .item a img { width: 14px; height: 14px; margin-right: 5px; } } /* Mobile */ @media only screen and (max-width: 40em) { #tour_list .tour_banner h1 { position: relative; transform: none!important; left: auto; top:auto; text-shadow: none; font-size: 25px; margin: 0 0.625rem; } #tour_list .tour_banner { height: auto; background: none!important; margin: 20px 0; } #home .section1 h1 { font-size:24px; } #home .section1 .rel .overlay { margin: 0 0.625rem; } #home .section1 .rel { margin-bottom:0.625rem; } #home .section2 .rel .block { margin-bottom:0.625rem; } #home .section2 .more a { font-size:18px; } #home .section3 { padding-top:30px; } #home .section4 { padding-bottom:30px; } #home .section4 .rel .box { top:50%; transform:translate(-50%, -50%); bottom:0; } #home .section4 .rel .box h4 { font-size:16px; } #home .section4 .rel .box h4 span { font-size:13px; } #home .section4 .rel a:hover .box { transform:translate(-50%,-60%); transition:.3s; } #home .section2 .more { margin-top:20px; } #home .section4 .more { margin-top:20px; } #home .section4 .more a { display:block; margin-bottom:15px; } #home .section5 .col1 { text-align: center; padding-bottom: 30px; } #home .section5 .col2 { padding-bottom: 30px; } footer { margin-top:0; } footer .fnav a { display:block; text-align:center; font-size:16px; margin:5px 0; } footer .large a { display:block; text-align:center; margin:5px 0; } footer .small a { display:block; text-align:center; margin:5px 0; } #article_list #australia { margin-top:20px; } #article_list a.more { display:block; text-align:center; } #article_list .column .pic { margin:10px 0 30px 0; } #article_detail .banner { height:180px; } #article_detail .banner h1 { display:none; } #article_detail a.more { display:block; text-align:center; } #tour_list .toolbar { margin-top:20px; } #tour_list .toolbar select { font-size:13px; } #tour_list .toolbar select.listbox2 { width:100%; } #tour_list h1 { background:#ff6000; color:#fff; margin-bottom:20px; } #tour_list { margin:20px 0; } #tour_list .box h2 { font-size:14px; } #tour_list .box .price { font-size:13px; } #tour_detail .banner { height:200px; padding-top:200px; } #tour_detail .banner .box { transform:translate(0,0); } #tour_detail .banner .column { padding-left:0; padding-right:0; } #tour_detail .bg { padding-top:30px; clear:both; } #tour_detail .banner .box .starburst { top:-60px; left:20px; } #tour_detail .bg .topspace { height:30px; } #myaccount h1 { margin:20px 0 30px 0; } #myaccount .item_list .columns img { width:20%; } #myaccount .item_list { margin-bottom:0px; } #checkout { margin:30px 0 40px 0; } #checkout .greybox { background:#f5f5f5; padding:10px; text-align:center; } #checkout .greybox .promo_code label { margin-bottom:8px; } #checkout .greybox .promo_code .textbox { width:130px; } #checkout .greybox .summary { text-align:center; margin-top: 20px; } #checkout .member .col2 { text-align: center; } #checkout .member .col2 a { margin-top: 15px; } #checkout hr { margin-bottom:30px; } #checkout .confirm label { font-size:12px; text-align:center; } #checkout .confirm button { width:100%; display:block; margin-top:20px; } #checkout .side .box { margin-top:40px; } #myaccount #order .img { margin-bottom: 20px; } #review button { width: 100%; } .shortcut { margin-top: 50px; } #tour_list .citylist .frame { overflow: hidden; margin-bottom: 10px; } #tour_list .nz { margin-top: 50px; } }