html {
font-size: 100px
}
* {
padding: 0;
margin: 0;
box-sizing: border-box
}
body {
font: 17px Arial, Helvetica, Verdana, Geneva, sans-serif;
color: #000;
background-color: #fff;
line-height: 1.6
}
li {
list-style: none
}
img {
border: 0
}
a {
color: #000;
text-decoration: underline
}
a:hover {
color: #009ef9;
text-decoration: none
}
.clear {
clear: both;
padding: 0 !important;
margin: 0 !important
}
.blank10 {
height: 10px;
overflow: hidden
}
.blank20 {
height: 20px;
overflow: hidden
}
.main {
max-width: 1300px;
padding: 20px 40px;
margin: 0 auto
}
.mainContent {
display: flex;
flex-wrap: nowrap
}
.left {
width: 250px;
flex: none
}
.right {
position: relative;
flex: auto;
padding-left: 40px
}
.c_path {
position: relative;
padding: 12px 0;
border-bottom: 1px solid #dcdcdc
}
@media screen and (max-width:1200px) {
.main {
width: 100%
}
}
@media screen and (max-width:1024px) {
.main {
padding: 10px
}
.right {
padding-left: 10px
}
}
@media screen and (max-width:768px) {
.left {
display: none
}
.right {
padding-left: 0
}
}
header {
position: relative;
background: #fff;
height: 128px
}
.header-links {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-wrap: nowrap
}
.header-links .link-item {
min-width: 40px;
margin: 0 5px;
background: url("../images/background/icon/p29.png") no-repeat right center
}
.header-links .link-item:last-child {
background: 0
}
.header-links .link-item.mshow {
display: none
}
.header-links .link-item>a {
display: block;
height: 40px;
line-height: 40px;
padding: 0 10px 0 30px;
color: #009ef9;
text-decoration: none;
background-repeat: no-repeat;
background-position: left center
}
.header-links .link-item>a:hover {
text-decoration: underline
}
.header-links .link-photo a {
background-image: url("../images/tcg/tour/2016/icon_tel.png")
}
.header-links .link-answer a {
background-image: url("../images/tcg/tour/2016/icon_qa.png")
}
.header-links .link-app a {
background-image: url("../images/tcg/app/icon_app.png")
}
.header-links .link-photo {
background: 0
}
.header-ext {
position: absolute;
bottom: 0;
right: 0;
height: 40px
}
.header-tel {
position: relative;
padding-right: 20px;
background: url("../images/background/icon/btn_tel_open.png") no-repeat right center
}
.hearder-tel-main {
height: 40px;
line-height: 40px;
padding-left: 30px;
background: url("../images/tcg/tour/2016/icon_tel.png") no-repeat left 5px;
cursor: default
}
.header-tel-more {
display: none;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 10px;
box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.5);
padding: 8px 20px;
position: absolute;
text-align: left;
top: 35px;
right: 10px;
width: 260px;
z-index: 99
}
.hearder-tel-main:hover+.header-tel-more {
display: block
}
.header-search {
width: 330px;
padding-right: 3px
}
.searchBar-search {
position: relative;
display: block;
border: 1px solid #d1d1d1;
height: 35px;
padding-right: 40px
}
.searchBar-search-text {
font-size: 17px;
color: #000;
width: 100%;
height: 100%;
border: 0;
padding-left: 10px
}
.searchBar-search-submit {
position: absolute;
top: 0;
right: 10px;
width: 30px;
height: 100%;
border: 0;
background: url("../images/background/icon/searchv2.gif") center center no-repeat;
cursor: pointer
}
.header-nav {
position: relative;
width: 100%;
background: #009ef9;
text-align: center
}
.header-nav a {
color: #fff;
text-decoration: none;
display: block;
width: 100%;
height: 48px;
line-height: 48px
}
.header-nav a:hover {
color: #009ef9;
background: #ffffff
}
.header-nav table {
max-width: 1220px;
width: 100%;
margin: 0 auto
}
.header-nav td.current a {
color: #009ef9;
background: #ffffff
}
.header-nav td ul {
display: none
}
@media screen and (max-width:900px) {
nav {
width: 100%;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none
}
nav::-webkit-scrollbar {
width: 0;
height: 0;
display: none
}
.header-nav table {
width: auto
}
.header-nav a {
font-size: 15px;
padding: 0 10px
}
.header-nav::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 48px;
width: 40px;
pointer-events: none;
background-image: linear-gradient(to left, rgba(234, 235, 241, 0) 0, #eaebf1 100%)
}
.header-nav::after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
height: 48px;
width: 40px;
pointer-events: none;
background-image: linear-gradient(-90deg, #eaebf1 0, rgba(234, 235, 241, 0) 100%)
}
.header-search {
width: 270px
}
}
@media screen and (max-width:768px) {
header {
height: auto
}
.header-logo {
display: none
}
.header-ext {
display: none
}
.header-links {
top: 48px;
width: 100%;
height: 48px;
background: #009ef9;
position: absolute
}
.header-links .link-item {
width: 48px;
min-width: 48px;
float: right;
background: 0;
margin: 0 0 0 5px
}
.header-links .link-item a {
height: 48px;
line-height: 48px;
padding: 0;
background-position: center center;
background-size: 22px
}
.header-links .link-item a span {
display: none
}
.header-links .link-item.mshow {
display: block
}
.header-links .custom {
width: auto;
flex: auto
}
.header-links .mobile-top-menu {
float: left
}
.header-links .mobile-top-menu a {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABSRJREFUeF7tncGrVlUUxdcaOmsaTQQJJMOCHjhw0h9QUYIObKIgEaiTBjn0OcxmBUUQ1ERKRESfswYWmKJoRSg4CYNCJ0ETHe/ekffKgt53zv323exz77rTt8/e+6z14z44h29fQs+sFeCsd6/NQwDMHAIBIABmrsDMt683gACYuQIz377eAAJg5grMfPt6AwiAmSsw8+3rDSAAZq7AzLevN4AAAMxsP4CTAHbNXA/v7X8P4BTJb7wT/18+MzsC4DiA3VvU/AnARZKrNLPVDfOjepxbnQcAVkg+HHvjZvYagLWGOgcKAD8CeLlhkULbFThM8sv2ZW0rzOxjAMcaVt0tAFjDAoUOU6D8Gyhv2lEfM7sC4NWWIgKgRa3hsQJguHaTWCkAJmHj8E0IgOHaTWKlAJiEjcM3IQCGazeJlakB0DnA+IwdJPnV2GUGnAPc0Eng2K4AvwJ4keTjsUsNOAl868llkO4CRrOmnMx9TvLn0Sr8J3HlXcAZAF+TvKzbwChnktYRAEmNiWpLAEQpnbSOAEhqTFRbAiBK6aR1BEBSY6LaEgBRSietIwCSGhPVlgCIUjppHQGQ1JiotgRAlNJJ6wiApMZEtSUAopROWkcAJDUmqi0BEKV00joCIKkxUW0JgCilk9YRAEmNiWpLAEQpnbSOAEhqTFRbAiBK6aR1BEBSY6LaEgBRSietIwCSGhPVlgCIUjppHQGQ1JiotgRAlNJJ6wiApMZEtSUAopROWkcAJDUmqi0BEKV00jqaDzCuMWVW8FmSZU5AyFM5H0CzgkPc+KfISxFDIgZMCDldRsTc0ZTw0XE4SvKTsauY2acA3m2o87tGxTaotURo6ilhGha9hLOVSwVApVBTDRMAU3W2cl8CoFKoqYYJgKk6W7kvAVAp1FTDUgNwFcDeqSqfZF8HSJ4buxcz+wDA+w11rpdzgPKNmfKtGT3jKHB7fSTryjip/53VzF4BcKuh1q7Nu4AXALwHYEfDYoUuVuAmgA9J/rE41CfCzPYAOLQ+C3jnFhnL6e95kt/qNtBH926zCIBurfNpXAD46NhtFgHQrXU+jQsAHx27zSIAurXOp3EB4KNjt1kEQLfW+TQuAHx07DaLAOjWOp/GBYCPjt1mEQDdWufTuADw0bHbLAKgW+t8GhcAPjp2m0UAdGudT+MCwEfHbrMIgG6t82lcAPjo2G0WAdCtdT6NCwAfHbvNIgC6tc6ncQHgo2O3WQRAt9b5NC4AfHTsNosA6NY6n8YFgI+O3WYRAN1a59O4APDRsdssAqBb63wa/xsAMys/Kd7uk1ZZNhT4geSlSDXWh0RsA7APwPNb1L0H4DuSDzfnA2ha6IgukQx505rZswAuACgzAhY9DwC8XSaEFEJfXxStvy+lwD6SxZhRHzNbBXCyoci1AsCfAJ5pWKTQdgVOkDzdvqxthZkVyN5sWPVIs4Ib1FoiNPWUMM0KXsLZyqUCoFKoqYYJgKk6W7kvAVAp1FTDBMBUna3cV2oA7usEsNLG4WFRn4z5YmNIZG2nTz4Z8xmAd2pXKG6QAiskbw9a2bDIzIqPxc/a59TmUXDrCVJtAcUBIYdAm0Kb2UcAjlcIv0byjacvg8pFkC6DKpRrCLkTOSf4KQieW3AZ9AvJ30p8yCVFg2AKDVZAAAQLnq2cAMjmSHA/AiBY8GzlBEA2R4L7EQDBgmcrJwCyORLcjwAIFjxbOQGQzZHgfgRAsODZygmAbI4E9yMAggXPVk4AZHMkuJ+/AAIUghFMpVW7AAAAAElFTkSuQmCC")
}
.header-links .link-photo a {
background-image: url("../images/background/icon/2021/white/icon-tel.svg")
}
.header-links .link-search a {
background-image: url("../images/background/icon/2021/white/icon-search.svg")
}
.header-links .link-app a {
background-image: url("../images/background/icon/2021/white/icon-app.svg");
background-size: 32px
}
.header-links .link-answer {
display: none
}
.header-nav {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
padding: 0;
background: rgba(0, 0, 0, .3);
text-align: left
}
.header-nav.show {
display: block
}
.header-nav nav {
display: block;
width: 240px;
height: 100%;
overflow: auto;
padding: 30px 10px 0;
background: #fff url("../images/background/icon/icon-back-gray.png") no-repeat top 10px right 20px;
box-shadow: 2px 2px 5px #333
}
.header-nav table {
width: 80%
}
.header-nav td {
display: block;
border-bottom: 1px solid #f2f2f2
}
.header-nav td.current a {
background: 0
}
.header-nav a {
font-size: 17px;
color: #000;
padding: 0
}
.header-nav a:hover {
background: 0
}
.header-nav::before {
display: none
}
.header-nav::after {
display: none
}
.header-nav td ul {
display: block
}
.header-nav td li.mhide {
display: none
}
.header-nav td li a {
padding: 8px 5px 8px 30px;
color: #000 !important;
height: auto;
line-height: normal
}
.header-nav td.subnav>a {
background: url("../images/background/arrow/obgs-down.png") no-repeat right 10px center
}
}
.header-nav-sub {
position: relative;
margin: 0;
padding: 10px;
background: #f2f2f2;
font-size: 17px;
z-index: 999;
}
.header-nav-sub ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
max-width: 1100px;
margin: 0 auto
}
.header-nav-sub li {
list-style: disc outside;
margin: 0 0 0 15px
}
.header-nav-sub li a {
text-decoration: none
}
.header-nav-sub li::marker {
color: #666;
font-size: 14px
}
@media screen and (max-width:900px) {
.header-nav-sub::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 48px;
width: 40px;
pointer-events: none;
background-image: linear-gradient(to left, rgba(234, 235, 241, 0) 0, #eaebf1 100%)
}
.header-nav-sub::after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
height: 48px;
width: 40px;
pointer-events: none;
background-image: linear-gradient(-90deg, #eaebf1 0, rgba(234, 235, 241, 0) 100%)
}
.header-nav-sub li {
margin: 0 30px 0 15px;
font-size: 20px
}
}
@media screen and (max-width:768px) {
.header-nav-sub {
display: none
}
}
footer {
width: 100%;
color: #fff;
background: #009ef9;
text-align: center
}
.footer-link {
color: #fff;
padding: 14px 0;
border-bottom: 1px solid #ffc592
}
.footer-link a {
color: #fff;
text-decoration: none;
padding: 0 20px;
display: inline-block;
font-size: 17px;
}
.footer-link a:hover {
color: #fff;
text-decoration: underline
}
.footer-link span {
display: inline-block
}
.footer-link .septd {
font-size: 10px
}
.footer-link .septl {
font-size: 10px
}
.footer-info {
padding: 12px;
font-size: 15px
}
@media screen and (max-width:768px) {
.footer-link span._h770 {
display: none
}
}
@media screen and (max-width:425px) {
.footer-link a {
padding: 0 5px
}
}
@media screen and (max-width:360px) {
.footer-link a {
font-size: 15px
}
}
@media screen and (min-width:769px) {
header {
height: 116px
}
header a {
text-decoration: none
}
.header-top {
height: 68px;
max-width: 100%;
padding: 0 60px;
margin: 0 auto;
background: 0;
display: flex;
flex-wrap: nowrap;
align-items: center
}
.header-logo {
width: 230px;
height: 60px;
min-width: 230px
}
.header-right {
flex: auto;
height: 100%;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end
}
.anniversary {
width: 200px;
height: 60px;
background: url("../images/background/other/25thanniversary.png") no-repeat center center
}
.header-right .link-item {
margin: 0 5px;
min-width: 95px
}
.header-right .link-item.mshow {
display: none
}
.header-right .link-item>a {
display: block;
height: 40px;
line-height: 40px;
padding: 0 10px 0 35px;
color: #009ef9;
text-decoration: none;
background-repeat: no-repeat;
background-position: left center
}
.header-right .link-item>a:hover {
text-decoration: underline
}
.header-right .link-photo {
width: 310px;
min-width: 310px
}
.header-right .link-answer {
min-width: 105px
}
.header-right .link-photo a {
background-image: url("../images/background/icon/ico-tel.svg");
color: #000
}
.header-right .link-answer a {
background-image: url("../images/background/icon/ico-qa.svg")
}
.header-right .link-search a {
background-image: url("../images/background/icon/ico-search.svg")
}
.header-right .header-ext {
position: relative;
height: auto;
margin: 0 15px 0 5px
}
.header-right .header-ext .header-search {
width: 100%;
max-width: 300px;
min-width: 260px;
padding: 0
}
.header-right .searchBar-search-submit {
background-image: url("../images/background/icon/ico-search.svg")
}
.header-right .link-photo a span {
display: block;
padding-right: 25px;
background: url("../images/background/icon/btn_tel_open.png") no-repeat right center
}
}
@media screen and (max-width:1144px) {
.header-top {
padding: 0;
max-width: 1024px
}
}
@media screen and (max-width:980px) {
.header-right .header-ext {
display: none
}
.header-right .link-search {
display: block
}
.header-right .link-photo {
width: 115px;
min-width: 115px
}
.header-right .link-photo a span {
background: 0;
color: #009ef9
}
.header-right .link-photo a span:first-child {
display: none
}
.header-right .link-photo a span:last-child {
display: block;
padding: 0
}
}
@media screen and (max-width:360px) {
.header-top .link-user a.mUserbarBoxIcon {
display: block !important
}
}
@media screen and (max-width:1180px) {
.hasCurency .link-photo {
width: 115px;
min-width: 115px
}
.hasCurency .link-photo a span {
background: 0;
color: #009ef9
}
.hasCurency .link-photo a span:first-child {
display: none
}
.hasCurency .link-photo a span:last-child {
display: block;
padding: 0
}
}
@media screen and (max-width:900px) {
.hasCurency .link-user {
display: none
}
}
@media screen and (max-width:768px) {
.hasCurency .link-user {
display: block
}
.hasCurency .link-photo {
width: 48px;
min-width: 48px
}
.currency-current {
background-image: url("../images/background/arrow/arrow-white-down-s.gif")
}
.currency-current>.currency-item {
margin-top: 10px;
color: #fff
}
.currency-list {
top: 40px
}
}
.chat_entry {
height: 57px !important
}
.lim_mini_wrap .chat_copyright {
display: none
}
#lim_mobile_chat {
right: 80px;
bottom: 20px;
height: 53px
}
@media screen and (max-width:900px) {
.tourFooterBar.OnlyliveChat~#lim_mobile_chat {
right: 10px;
bottom: 10px
}
.tourFooterBar:not(.OnlyliveChat)~.chat_entry {
width: calc(50vw - 24px) !important;
height: 48px !important;
top: auto;
right: auto !important;
bottom: 0 !important;
left: 0 !important;
overflow: hidden;
background: none !important;
box-shadow: none !important
}
.tourFooterBar:not(.OnlyliveChat)~.chat_entry * {
display: none
}
.tourFooterBar:not(.OnlyliveChat)~#lim_mobile_chat {
width: calc(50vw - 24px);
height: 48px;
top: auto;
right: auto;
bottom: 0;
left: 0;
overflow: hidden
}
.tourFooterBar:not(.OnlyliveChat)~#lim_mobile_chat #lim_mchat_wrapper {
width: 100%;
height: 100%;
opacity: 0 !important;
visibility: visible
}
.tourFooterBar:not(.OnlyliveChat)~#lim_mobile_chat a,
.tourFooterBar:not(.OnlyliveChat)~#lim_mobile_chat a.lim_mini_notxt {
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
box-shadow: none !important
}
.tourFooterBar:not(.OnlyliveChat)~#lim_mobile_chat a * {
display: none !important
}
.tourFooterBar:not(.OnlyliveChat)~.lim_mini_wrap {
right: 10px !important
}
}
.autosizeframe {
width: 100%;
max-width: 100%
}
.c_map {
float: right;
margin-left: 10px
}
.c_map img {
max-width: 100%;
height: auto
}
.imgDiv {
text-align: center
}
.imgDiv img {
max-width: 100%
}
.tac {
text-align: center
}
.imgholder {
position: relative;
overflow: hidden
}
.imgholder img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.imgholder.w805x400 {
padding: 49.6894% 0 0
}
.imgholder.w764x332 {
padding: 43.4555% 0 0
}
.imgholder.w414x206 {
padding: 49.7585% 0 0
}
.imgholder.w350x260 {
padding: 74.2857% 0 0
}
.imgholder.w350x226 {
padding: 64.5714% 0 0
}
.tipsBox {
margin: 0 0 0 30px
}
.tipsBox li {
list-style-type: disc;
margin-bottom: 20px;
text-align: justify
}
.weatherTitle {
text-align: center;
line-height: 36px;
padding-right: 80px;
background: #efefef;
color: #000;
font-size: 18px
}
h1.tourTitle {
display: block;
font-size: 30px;
color: #000;
margin: 20px 0;
font-weight: normal
}
h1.tourTitle .ttnsp0 {
color: #000;
display: inline-block
}
h1.tourTitle .ttnsp0 span {
color: #c10000
}
h2.tourTitle {
color: #d75b00;
font-weight: normal;
font-size: 22px
}
h2.tourTitle a {
color: #d05901;
text-decoration: underline
}
h2.tourTitle a:hover {
color: #009ef9;
text-decoration: none
}
h2.orangeTitle {
color: #009ef9;
font-size: 24px
}
h2.orangeTitle a {
color: #009ef9
}
.spTitle {
color: #009ef9;
font-size: 20px
}
.clrOrange {
color: #009ef9
}
.ft16 {
font-size: 20px
}
.textSection,
.groupIntroBox {
text-align: justify
}
.function-toursearch {
height: 36px;
margin: 20px 0 10px
}
#tourComments {
margin-top: 10px
}
.dotline {
border-top: 1px dashed #d1d1d1;
padding-top: 10px;
margin-top: 10px
}
.septline {
clear: both;
height: 0;
line-height: 0;
border-top: 1px solid #d1d1d1
}
.grayline {
border-top: 1px solid #d1d1d1;
font-size: 0;
height: 0;
line-height: 0
}
.btnBigMore {
background: url(../images/tcg/tour/v2015/btn5.png) no-repeat;
margin: 0 0 10px;
width: 255px;
height: 47px;
line-height: 45px;
text-align: center
}
.btnBigMore a {
display: block;
height: 40px;
color: #fff;
font-size: 18px;
text-decoration: none;
padding-right: 30px
}
.btnBigMore a:hover {
color: #FF0;
text-decoration: none
}
.bgGray {
background: #f2f2f2
}
.bgGray .c_path {
border: 0
}
.bgGray .main .blank20:first-child {
display: none
}
.bgGray0 .c_path {
border: 0
}
.bgGray0 .main .blank20:first-child {
display: none
}
@media screen and (max-width:1200px) {
body {
font-size: 20px
}
header {
font-size: 17px
}
h2.tourTitle {
font-size: 24px
}
}
@media screen and (max-width:900px) {
.header-nav a {
font-size: 20px;
padding: 0 12px
}
}
@media screen and (max-width:768px) {
h1.tourTitle {
line-height: normal;
display: none;
}
.function-toursearch {
display: none
}
.mhide768 {
display: none !important
}
}
@media screen and (max-width:640px) {
#tourComments {
width: 100%
}
.tableBox {
overflow: auto;
width: calc(100vw - 20px)
}
}
.btnLoadmoreItrips {
margin: 0 auto;
padding: 10px 0;
color: #fff;
width: 275px;
background: #3083c7;
font-size: 16px;
text-align: center;
border-radius: 5px;
cursor: pointer
}
.btnLoadmoreItrips:hover {
background: #4792d0;
color: #fff
}
.btnLoadmoreItrips.w350 {
width: 350px
}
.mtloading {
padding: 10px;
text-align: center;
vertical-align: middle;
display: none
}
@media screen and (max-width:350px) {
.btnLoadmoreItrips.w350 {
width: auto;
font-size: inherit
}
}
.rateRT {
position: absolute;
top: 12px;
right: 0
}
.rateRT a {
font-size: 16px;
text-decoration: underline;
margin-left: 10px;
display: inline-block;
height: 24px;
line-height: 24px
}
@media screen and (max-width:640px) {
.rateRT {
position: static;
text-align: center;
padding: 10px 0 0
}
}
.tourFooterBar {
position: fixed;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: .48rem;
overflow: hidden;
background: #fff;
box-shadow: 0 -.05rem .10rem #888;
z-index: 998
}
.tourFooterBar .closeFooterBar {
position: absolute;
top: 0;
right: 0;
height: .48rem;
width: .48rem;
background: url("../images/background/bg/icon_close_36.png") no-repeat center center;
cursor: pointer
}
.tourFooterBar ul {
margin: 0 .48rem 0 0;
padding: 0;
overflow: hidden;
height: 100%;
display: block
}
.tourFooterBar li {
float: left;
height: 100%;
text-align: center
}
.tourFooterBar li a {
display: block;
height: 100%;
line-height: .48rem;
text-decoration: none
}
.tourFooterBar li a:hover {
color: #000
}
.tourFooterBar li a span {
padding-left: .45rem;
display: inline-block
}
.tourFooterBar li.btnLiveChat a span {
background: url("../images/background/icon/icon-chat-orange.svg") no-repeat .10rem center
}
.tourFooterBar li.btnDownload {
width: 50%
}
.tourFooterBar li.btnDownload a span {
background: url("../images/tcg/tour/2016/icon_download.png") no-repeat .10rem center
}
.tourFooterBar li.btnBook {
width: 75%
}
.tourFooterBar li.btnShare {
width: 25%;
border-left: 1px #fff solid;
}
.tourFooterBar li.btnShare a span {
background: url("../images/background/icon/icon_share.png") no-repeat .10rem center
}
.tourFooterBar li.btnBook a span {
background: url("../images/background/icon/icon-tailor-orange.svg") no-repeat .10rem center
}
@media screen and (max-width:900px) {
.tourFooterBar.OnlyliveChat {
display: none
}
.tourFooterBar {
background: #009ef9
}
.tourFooterBar .closeFooterBar {
background: url("../images/background/icon/icon-close-white.svg") no-repeat center center/16px
}
.tourFooterBar li a {
color: #fff
}
.tourFooterBar li.btnLiveChat a span {
background-image: url("../images/background/icon/icon-chat-white.svg")
}
.tourFooterBar li.btnBook a span {
background-image: url("../images/background/icon/icon-tailor-white.svg")
}
.tourFooterBar {
display: block
}
.tourFooterBar~#livechat {
width: 1.35rem;
height: .48rem;
top: auto;
right: auto;
bottom: 0;
left: 0;
z-index: 9998;
overflow: hidden
}
.tourFooterBar~#livechat img {
width: 100%;
height: 100%;
opacity: 0;
visibility: visible
}
.tourFooterBar~footer {
margin-bottom: .48rem
}
}
@media screen and (max-width:414px) {
.tourFooterBar li a span {
padding-left: 0;
background: none !important
}
}
.tourIndexSubject {
border-radius: 15px 0 0 15px;
padding: 0;
display: inline-block;
background: #dc771d
}
.tourIndexSubject .subjectField {
display: block;
color: #fff;
font-size: 22px;
font-weight: normal;
padding: 4px 50px 4px 20px;
background: url(../images/tcg/tour/icon/titl-bg-white.svg) no-repeat right bottom/auto 103%;
background-position: right -10px bottom
}
.tourIndexSubject a {
color: #fff
}
.tourIndexSubject a:hover {
color: #fff
}
.tourIndexSubject.blue {
background: #3683c1
}
.tourIndexSubject.bluefixed {
background: #3781be;
border-radius: 0
}
.tourIndexSubject.bluefixed .subjectField {
padding: 4px 30px 4px 20px;
background: url(../images/background/bg/bg-tit-blue.jpg) no-repeat right bottom/auto 103%
}
@media screen and (max-width:480px) {
.tourIndexSubject {
border-radius: 10px;
display: block;
text-align: center
}
.tourIndexSubject .subjectField {
font-size: 20px;
padding: 4px 10px;
background: 0
}
.tourIndexSubject.bluefixed {
border-radius: 10px
}
.tourIndexSubject.bluefixed .subjectField {
padding: 4px 10px;
background: 0
}
}
.tailor {
background: #f2f2f2;
border: 1px solid #d1d1d1;
border-radius: 5px;
padding: 10px;
text-align: center
}
a.tailorLink {
background: url(../images/tcg/tour/button/p010.png) no-repeat;
color: #fff;
display: inline-block;
font: 18px/33px Arial, Helvetica, sans-serif;
height: 33px;
margin-left: 20px;
text-align: left;
text-decoration: none;
width: 185px;
text-indent: 35px
}
a.tailorLink:hover {
color: #fff;
text-decoration: none
}
@media screen and (max-width:768px) {
.tailor {
display: none
}
}
.link-item.custom.mshow:last-child {
width: 53px
}
.tReview_switch {
display: inline-block;
padding: 0 25px 0 10px;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
background: url("../images/background/icon/icon_arrow_down_black.png") no-repeat right center
}
.tReview_moreWords {
display: none
}
.tReview_moreWords+.tReview_ellipsis {
display: inline
}
.tReview_ellipsis+.tReview_switch {
display: inline-block
}
.tReview_switch.open {
background-image: url("../images/background/icon/icon_arrow_up_black.png")
}
.gbMask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.tb2019 {
background: #fff;
overflow: hidden;
position: relative
}
.tb2019 img {
display: block;
width: 100%;
height: auto
}
.tb2019 .tbTitle {
position: absolute;
bottom: 50px;
width: 100%;
color: #fff;
text-align: center;
line-height: normal;
box-sizing: border-box
}
.tb2019 .tbTitle h1 {
font-size: 50px;
margin: 0;
font-weight: normal;
text-shadow: 1px 1px 2px #000
}
.tb2019 .tbTitle div {
color: #fff;
font-size: 24px;
font-weight: normal;
margin-top: 20px;
text-shadow: 1px 1px 2px #000
}
.tb2019-img {
position: relative
}
.tb2019 .highly {
width: 9%;
max-width: 170px;
min-width: 90px;
padding: 10px;
display: block;
background: #ffd956;
border-radius: 20px 0 0 0;
position: absolute;
right: 0;
bottom: 0
}
@media screen and (max-width:1600px) {
.gbMask {
position: relative;
top: auto;
left: auto;
background: #f2f2f2
}
.tb2019 .tbTitle {
position: relative;
bottom: auto;
color: #000;
padding: 10px 0
}
.tb2019 .tbTitle h1 {
font-size: 34px;
text-shadow: none
}
.tb2019 .tbTitle div {
color: #000;
text-shadow: none;
margin: 10px auto
}
}
@media screen and (max-width:834px) {
.tb2019 .tbTitle h1 {
font-size: 30px
}
.tb2019 .tbTitle div {
display: none
}
}
.otags {
background: #f2f2f2;
padding: 0;
margin-top: 10px;
border-radius: 10px
}
.otags ul {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
grid-gap: 1px;
max-width: 1160px
}
.otags li {
flex: auto;
padding: 8px 0 8px 60px;
color: #999;
min-width: 180px;
line-height: normal
}
.otags li div {
color: #000
}
.otags li:not(:last-child) {
border-right: 1px solid #fff
}
.otags .bicon1 {
background: url("../images/tcg/tour/bustour/icon/icon-date.png") no-repeat 10px center
}
.otags .bicon2 {
background: url("../images/tcg/tour/bustour/icon/icon-hotel.png") no-repeat 10px center
}
.otags .bicon3 {
background: url("../images/tcg/tour/bustour/icon/icon-people.png") no-repeat 10px center
}
.otags .bicon4 {
background: url("../images/tcg/tour/bustour/icon/icon-noshopping.png") no-repeat 10px center
}
.otags .bicon5 {
background: url("../images/tcg/tour/bustour/icon/icon-change.png") no-repeat 10px center;
min-width: 200px
}
.otags .bicon6 {
background: url("../images/tcg/tour/bustour/icon/icon-private.png") no-repeat 10px center
}
.otags .bicon7 {
background: url("../images/tcg/tour/bustour/icon/icon-promise.png") no-repeat 10px center;
min-width: 210px
}
.otags .bicon8 {
background: url("../images/tcg/tour/bustour/icon/icon-guide.png") no-repeat 10px center;
min-width: 210px
}
.otags .bicon9 {
background: url("../images/tcg/tour/bustour/icon/icon-code.png") no-repeat 15px center
}
@media screen and (max-width:1130px) {
.otags ul {
width: 100%
}
.otags li {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff
}
}
@media screen and (max-width:768px) {
.otags {
margin-bottom: 0
}
.otags li {
flex: 1
}
}
.prb2023 {
position: relative;
margin-bottom: 20px
}
.prb2023 ul {
display: flex;
flex-wrap: wrap;
overflow: hidden
}
.prb2023 li {
position: relative;
width: 33.3333%;
border: 3px solid #fff;
margin: 0 0 16px
}
.prb2023 a {
display: block;
text-decoration: none;
height: 100%
}
.prb2023 a .prbItem {
border: 1px solid #fff;
box-sizing: content-box
}
.prb2023 .prbItem {
display: flex;
flex-direction: column;
margin: 0 auto;
height: 100%;
background: #f2f2f2
}
.prb2023 .prb_img_box {
position: relative;
overflow: hidden
}
.prb2023 .prb_img_box img {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.prb2023 .li_title_box {
padding: 10px;
color: #000;
flex: 1;
background-image: linear-gradient(to right ,#F6FAEC, #B5E8FB);
}
.prb2023 .li_title_box .li_title_1 {
font-size: larger;
margin-bottom: 10px;
line-height: normal
}
.prb2023 .li_title_box .price {
display: inline-block;
color: #000
}
.prb2023 .li_title_box .price span {
font-size: larger
}
.prb2023 .li_title_box .price span.normalPrice {
color: #000;
text-decoration: line-through;
margin-right: 5px;
font-size: inherit
}
.prb2023 .li_title_box .price span.newPrice {
color: #C10000
}
.prb2023 .category-details .li_title_box {
flex: none
}
.prb2023 .li_details {
flex: auto;
padding: 0 10px 10px;
color: #444
}
.prb2023 a:hover .prbItem {
border-color: #8d8d8d
}
.piconly .prbItem {
position: relative
}
.piconly .li_title_box {
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
width: 100%;
padding: 2px 0;
text-align: center;
text-decoration: underline;
font-size: 20px
}
.prb2023.col4 li {
width: 25%
}
@media screen and (max-width:900px) {
.prb2023 li {
width: 50%
}
.prb2023.col4 li {
width: 33.3333%
}
}
@media screen and (max-width:480px) {
video{
width: 100%;
height: 240px;
}
.prb2023 ul {
justify-content: center
}
.prb2023 li {
width: 100%;
border: 0
}
.prb2023 a .prbItem {
border: 0
}
.prb2023.col4 li {
width: 50%;
border: 4px solid #fff
}
}
.sImgBox {
text-align: center;
position: relative;
margin: 0 auto
}
.sImgBox img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto
}
.sImgBox .sImgTitle {
color: #fff;
padding: 8px 0;
position: absolute;
left: 0;
bottom: 0;
font-size: 18px;
width: 100%;
text-align: left;
text-indent: 20px;
background: url(../images/tcg/china-trains/v2015/bg-black-60.png)
}
.sImgBox .sImgTitle.tac {
text-indent: 0;
text-align: center
}
.sImgBox.wimg {
max-width: 764px
}
.sImgBox.w824 {
max-width: 824px
}
.sImgBox.w830 {
max-width: 830px
}
.sImgBox.w805h400 {
max-width: 805px
}
.sImgBox.w930 {
max-width: 930px
}
.sImgBox.w1160 {
max-width: 1160px
}
.twoImgBox {
text-align: center;
margin: 0 auto
}
.twoImgBox img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto
}
.twoImgBox .imgBox {
margin: 0;
display: inline-block;
width: 49%
}
.imgWithTitle {
position: relative;
display: block;
margin: 0 auto;
max-width: 350px
}
.imgWithTitle.w350 {
max-width: 350px
}
.imgWithTitle.w410 {
max-width: 410px
}
.imgWithTitle.w460 {
max-width: 460px
}
.imgWithTitle.w480 {
max-width: 480px
}
.imgWithTitle.w520x300 {
max-width: 520px
}
.imgWithTitle.w580x320 {
max-width: 580px
}
.imgWithTitle.w588x420 {
max-width: 588px
}
.imgWithTitle.w448x320 {
max-width: 448px
}
.imgWithTitle.w488x397 {
max-width: 488px
}
.imgWithTitle .imgNote {
background: url(../images/tcg/china-trains/v2015/bg-black-60.png);
color: #fff;
padding: 4px 0;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
@media screen and (max-width:480px) {
.sImgBox .sImgTitle {
position: relative;
background: #f2f2f2;
color: #000
}
.twoImgBox .imgBox {
margin: 8px auto;
width: auto;
display: block
}
.imgWithTitle .imgNote {
position: relative;
background: #f2f2f2;
color: #000
}
}
footer {
background: #009ef9;
color: #fff
}
.header-nav {
background: #009ef9
}
.header-nav td.current a {
color: #009ef9
}
@media screen and (min-width:769px) {
.header-right .link-item>a {
color: #009ef9
}
.header-right .link-photo a {
color: #000
}
}
@media screen and (max-width:768px) {
.header-right {
background: linear-gradient(45deg, #009EF9, #ABED2B) !important;
}
.header-nav {
background: rgba(0, 0, 0, .3)
}
}
.tb2019 .tbTitle h1 {
font-size: 40px;
font-weight: normal
}
@media screen and (max-width:1024px) {
.tb2019 .tbTitle {
position: static;
background: #f2f2f2;
color: #000;
padding: 10px
}
.tb2019 .tbTitle h1 {
font-size: 20px;
text-shadow: none;
font-weight: normal
}
.tb2019 .tbTitle div {
display: none
}
.gbMask {
position: static;
background: 0
}
}
.tourLargeBanner {
position: relative;
height: calc(100vw*800/2560)
}
.tourLargeBanner img {
width: 100%;
height: 100%
}
.tourLargeBanner+.main {
padding-top: 0
}
.tourLargeBanner+.main .tourTitle {
position: absolute;
color: #fff;
top: -105px;
left: auto;
margin: 0;
padding: 0;
text-shadow: 2px 2px #333;
font-size: 50px;
line-height: normal
}
.tourLargeBanner+.main .tourTitle+.tourName.showPrivate {
margin: 30px 0
}
@media screen and (max-width:1600px) {
.tourLargeBanner+.main .tourTitle:has(~.tourIntroBox.hasPrice) {
margin-right: 310px
}
.tourLargeBanner+.main .tourTitle {
position: static;
color: #000;
text-shadow: none;
margin: 10px 0;
font-size: 34px
}
.tourLargeBanner+.main .tourTitle+.tourName.showPrivate {
margin: 10px 0
}
}
@media screen and (max-width:900px) {
.tourLargeBanner+.main .tourTitle:has(~.tourIntroBox.hasPrice) {
margin-right: 0
}
}
@media screen and (max-width:834px) {
.tourLargeBanner+.main .tourTitle {
font-size: 30px;
margin-bottom: 20px
}
}
@media screen and (max-width:425px) {
.tourLargeBanner {
height: calc(100vw*206/425)
}
}
.tbtopbar {
position: absolute;
top: 0;
left: 10px;
width: 100%;
z-index: 1
}
.f_path {
width: 1130px;
padding: 10px 0;
margin: 0 auto;
text-align: left
}
.f_path.text-white {
color: #fff
}
.f_path.text-white a {
color: #fff
}
.f_path.text-white a:hover {
color: #f60
}
@media screen and (max-width:1130px) {
.f_path {
width: auto
}
}
@media screen and (max-width:768px) {
.tbtopbar {
display: none
}
}
.qa-title {
background: #f2f2f2;
color: #000;
font-size: 24px
}
.qa-list-q-info span {
color: #0071DB
}
.qa-list-a-title {
color: #0071DB
}
.qa-list-a-info div {
color: #0071DB
}
.qa-list-q-info,
.qa-list-a-info {
color: #757575
}
.qa-form-title {
background: #f2f2f2;
color: #000;
text-align: center;
font-size: 24px
}
.btn-qa-submit-reply {
background: url(../images/tcg/answers/btn-qa-submit-2023.png) left center no-repeat
}
.btn-qa-submit {
background: url("../images/tcg/answers/btn-answers-submit-2023.png") left center no-repeat
}
#replyBox .replyBox-title {
color: #009ef9
}
.main {
padding: 20px
}
.tourMain {
position: relative;
display: flex;
flex-wrap: nowrap;
padding-top: 10px
}
.tourLeft {
flex: 1
}
@media screen and (max-width:1024px) {
.main {
padding: 10px
}
}
.rtop:empty {
display: none
}
.tourLeft .autosizeframe {
width: 100%
}
.ArtTitle {
font-size: 22px;
line-height: 30px;
min-height: 30px;
padding: 0 0 0 35px;
margin-bottom: 8px;
background: url("../images/background/icon/icon-title.png") no-repeat 5px center
}
.ArtTitleSmall {
background: url(../images/background/icon/heading-h3.png) 3px center no-repeat;
padding-left: 28px;
font-size: 18px;
font-weight: normal
}
.mtcLine {
border-bottom: 1px solid #e3e3e3
}
.mtcLabel {
display: inline-block;
margin-bottom: -1px;
color: #fff;
font-size: 18px;
height: 44px;
line-height: 44px;
background: #5393c1;
padding: 0 20px;
border-radius: 10px 10px 0 0
}
@media screen and (max-width:768px) {
.mtcBg {
margin: 0 0 -8px
}
}
.thb0 {
position: relative
}
.thb0 .page_path {
padding: 12px 0
}
.thb0 .page_path a {
display: inline-block
}
.thb0 h1.tourTitle {
font-size: 30px;
line-height: normal;
font-weight: normal;
padding: 0;
color: #000
}
.thb0 .tourName {
font-size: 24px;
padding: 10px 0 20px;
line-height: normal
}
.rtop .tourName {
margin-top: 15px
}
.thb0.mapNone:has(.hasPrice) {
min-height: 200px
}
@media screen and (max-width:768px) {
.thb0 .tourName {
padding: 0 0 10px
}
}
@media screen and (max-width:425px) {
.thb0 h1.tourTitle {
font-size: 22px
}
}
.tourIntroBox {
position: relative;
border-top: 1px solid #e3e3e3;
padding: 20px 0 0;
display: flex;
flex-wrap: nowrap
}
.tourIntroBox.mapOnLeft {
flex-direction: row-reverse
}
.tourName:not(.showPrivate)+.tourIntroBox {
min-height: 70px
}
.tourIntro {
text-align: justify;
margin: 0 20px 0 0;
flex: 1
}
.thb0 .tourIntro {
text-align: left
}
.mapOnLeft .tourIntro {
margin: 0 0 0 20px
}
.tourMap {
width: 50%
}
.tourMapBox {
position: relative;
overflow: hidden
}
.tourMapBox img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.tourIntro .ti_item {
display: block;
margin-bottom: 15px
}
.tourIntro .stitle {
font-weight: bold;
display: inline-block
}
.alertBox {
background: #f2f2f2;
padding: 10px;
border-radius: 5px;
margin-top: 30px
}
.alertBox span {
color: #009ef9
}
.highlights {
margin: 0;
padding: 0
}
.highlights li {
list-style: disc outside;
margin-left: 20px
}
.adNoshopping {
margin: 20px 0 0 10px;
border: 0;
padding: 0;
background: 0
}
.adNoshopping img {
max-width: 427px;
width: 100%;
height: auto
}
.adCustomize {
font-size: 20px;
font-weight: bold
}
.adCustomize.tripAfter {
padding: 8px;
text-align: center;
border: 1px solid #e3e3e3;
border-radius: 5px;
background-image: linear-gradient(to right ,#F6FAEC, #B5E8FB)
}
.tourIntroBox.mapNone {
position: static;
border: 0;
padding: 0
}
.tourIntroBox.mapNone .tourIntro .rateRT {
position: absolute
}
.tourIntroBox.mapNone.hasPrice {
min-height: 20px
}
.mapNone .tourIntro {
margin: 0
}
.mapNone .adNoshopping {
margin: 0;
display: inline-block;
padding: 20px 50px 10px;
background: #f2f2f2;
border-radius: 10px
}
.mapNone .it_lowprice {
position: absolute;
top: 40px;
right: 0;
border: 0
}
.mapNone .it_lowprice a {
display: block;
margin-top: 20px
}
.mapNone .otags {
border-radius: 10px;
padding: 0
}
.mapNone .otags li {
border-right: 2px solid #fff
}
.mapNone .otags li:last-child {
border: 0
}
.thb0 .tourName.showPrivate {
background: url("../images/tcg/tour/background/g_list_icon_private.png") no-repeat;
display: flex;
align-items: center;
padding: 0 350px 10px 55px;
min-height: 70px
}
.mapNone .page_path {
border-bottom: 1px solid #dcdcdc
}
.mapNone h1.tourTitle,
.mapNone .tourName {
padding-right: 330px
}
.mapNone:has(.hasPrice) .page_path {
margin-bottom: 20px
}
@media screen and (max-width:1200px) {
.tourIntroBox:not(.mapNone).hasPrice .tourIntro {
padding-bottom: 90px;
min-height: 480px
}
.tourIntroBox:not(.mapNone) .tourIntro .it_lowprice {
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
}
@media screen and (max-width:900px) {
.mapNone .it_lowprice {
position: static;
border: 1px solid #e3e3e3
}
.mapNone .it_lowprice a {
display: inline-block;
margin-top: 0
}
.thb0 .tourName.showPrivate {
padding-right: 0
}
.mapNone h1.tourTitle,
.mapNone .tourName {
padding-right: 0
}
}
@media screen and (max-width:900px) {
.tourIntroBox {
display: block;
padding-top: 10px
}
.tourIntro {
margin: 0 !important
}
.tourMap {
margin-top: 10px;
width: 100%
}
.tourIntroBox.mapNone .tourIntro .rateRT {
position: static
}
.tourIntroBox:not(.mapNone).hasPrice .tourIntro {
padding-bottom: 0;
min-height: inherit
}
.tourIntroBox:not(.mapNone) .tourIntro .it_lowprice {
position: relative;
left: auto;
bottom: auto;
width: 100%;
text-align: left
}
}
@media screen and (max-width:768px) {
.tourIntroBox:not(.mapNone) .tourIntro .it_lowprice {
text-align: center
}
}
@media screen and (max-width:710px) {
.mapNone .otags li {
width: 50%;
flex: auto;
border: 1px solid #fff
}
.mapNone .otags li:last-child {
border: 1px solid #fff
}
}
@media screen and (max-width:640px) {
.adNoshopping {
margin: 20px 0 0;
text-align: center
}
.tourMap {
margin: 10px auto
}
}
@media screen and (max-width:480px) {
.mapNone .adNoshopping {
padding: 20px 10px 10px;
display: block
}
.mapNone .it_lowprice {
border: 0;
border: 1px solid #fff;
padding: 10px 0
}
.mapNone .it_lowprice a {
display: none
}
.adNoshopping+.it_lowprice {
margin-top: 20px
}
}
.tReviewsRating {
padding-left: 10px;
margin-top: 8px
}
.tReviewsRating span {
display: inline-block;
height: 24px;
line-height: 24px
}
.trrBar {
position: relative;
width: 120px;
height: 24px;
overflow: hidden;
background: url("../images/tcg/tour/reviews/icon-rate-star-m-e.png") repeat-x;
vertical-align: top;
display: inline-block
}
.trrBar div {
position: relative;
width: 120px;
height: 24px;
overflow: hidden;
background: url("../images/tcg/tour/reviews/icon-rate-star-m.png") repeat-x
}
.rateRT {
position: absolute;
top: 0;
right: 40px
}
.rateRT a {
color: #000;
text-decoration: underline;
margin-left: 10px;
display: inline-block;
height: 24px;
line-height: 24px
}
.tourIntroBox .tourIntro .rateRT {
position: static
}
@media screen and (max-width:640px) {
.tReviewsRating {
padding: 0
}
.rateRT {
padding: 0
}
}
@media screen and (max-width:480px) {
.rateRT {
position: static;
text-align: center;
margin: 10px
}
}
.it_lowprice {
border-radius: 10px;
padding: 10px 30px;
margin-top: 20px;
display: inline-block;
font-size: 20px;
line-height: normal;
text-align: center
}
.it_lowprice span {
color: #009ef9;
font-size: 36px
}
.it_lowprice a {
display: inline-block;
margin-left: 30px;
text-decoration: none;
height: 48px;
line-height: 48px;
font-size: 20px;
color: #fff;
text-align: center;
border: 0;
background: #009ef9 url("../images/link.svg") no-repeat;
border-radius: 30px;
padding: 0 40px 0 30px
}
.it_lowprice.nobd {
border: 0;
padding: 10px;
margin: 0
}
.it_lowprice.nobd a {
margin: 0 auto
}
.it_lowprice .npnote {
color: #000;
font-size: 20px;
display: inline-block;
margin: 10px 0 0 20px
}
.it_lowprice .noprice {
padding: 12px
}
.it_lowprice span.price {
color: #000;
font-size: inherit
}
.it_lowprice span.normalPrice {
color: #000;
font-size: inherit
}
.it_lowprice span.newPrice {
color: #009ef9;
font-size: 36px;
margin-left: 5px
}
@media screen and (max-width:1024px) {
.it_lowprice {
padding: 10px
}
}
@media screen and (max-width:768px) {
.it_lowprice.sgSign {
display: block
}
}
@media screen and (max-width:640px) {
.it_lowprice {
display: block
}
}
@media screen and (max-width:480px) {
.it_lowprice {
display: block;
margin: 0;
width: auto;
text-indent: 0;
text-align: center;
padding: 20px 0;
background: #f2f2f2;
border: 0
}
.it_lowprice a {
display: none
}
.it_lowprice.nobd a {
display: inline-block
}
.adCustomize+.it_lowprice {
margin-top: 20px
}
}
@media screen and (max-width:360px) {
.it_lowprice span.newPrice {
font-size: 34px
}
}
.it_cata_Box {
margin: 20px 0 0;
border-bottom: 1px solid #e3e3e3
}
.it_cata_Box ul {
display: flex;
flex-wrap: nowrap
}
.it_cata_Box li {
flex: auto;
max-width: 200px;
height: 48px;
line-height: 48px;
font-size: 20px;
font-weight: bold;
padding: 0 10px;
margin-right: 8px;
margin-bottom: -1px;
border: 1px solid #e3e3e3;
border-radius: 10px 10px 0 0;
text-align: center;
cursor: pointer;
background-image: linear-gradient(to right ,#F6FAEC, #B5E8FB);
}
.it_cata_Box li#idTabFull {
background: #fff;
border-bottom-color: #fff
}
.it_cata_Box li#idTabFeature {
max-width: 300px
}
.it_cata_Box li a {
color: #000;
text-decoration: none;
display: block
}
.it_cata_Box li a:hover {
color: #000
}
@media screen and (max-width:900px) {
.it_cata_Box #idTabFeature {
display: none
}
}
@media screen and (max-width:768px) {
.it_cata_Box {
height: 48px
}
.it_cata_Box ul {
width: 100%;
height: 48px;
background: #fff
}
.it_cata_Box li {
background: #fff;
margin: 0;
border: 1px solid #d1d1d1 !important;
border-radius: 0;
border-right: none !important;
font-weight: normal;
max-width: initial
}
.it_cata_Box li:last-child {
border-right: 1px solid #d1d1d1 !important
}
.it_cata_Box:has(#idTabFeature) #idTabReviews {
border-right: 1px solid #d1d1d1 !important
}
.it_cata_Box li#idTabPrice span {
display: none
}
.it_cata_Box.floattop ul {
position: fixed;
top: 48px;
left: 0;
box-shadow: 0 5px 5px #ccc;
z-index: 997
}
.it_cata_Box.floattop li {
border: 0;
border-right: 1px solid #d1d1d1
}
.it_cata_Box.floattop li.current {
color: #009ef9
}
}
@media screen and (max-width:480px) {
.it_cata_Box:has(#idTabItinerary) #idTabFull {
display: none
}
.it_cata_Box.hasPrice #idTabInclude {
display: none
}
.it_cata_Box.hasPrice.hasReview #idComparison {
display: none
}
}
.tmapRight {
padding: 74.29% 0 0;
position: relative;
overflow: hidden
}
.tmapRight img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.tmapRightBox {
margin-bottom: 10px
}
.taRightBox {
clear: both;
display: block;
text-align: right;
padding: 0 8px 10px
}
.taRightBox:not(:first-child) {
margin-bottom: 20px
}
.btnExpandAll {
display: inline-block;
text-decoration: underline;
text-underline-offset: 4px;
padding: 5px 0 5px 40px;
line-height: normal;
background: url(../images/down.svg) no-repeat left center/24px;
cursor: pointer
}
.btnExpandAll.biclose {
margin-left: 30px;
background: url(../images/up.svg) no-repeat left center/24px
}
@media screen and (max-width:480px) {
.taRightBox {
text-align: center;
padding: 10px 0 20px
}
.taRightBox:not(:first-child) {
margin-bottom: 0
}
}
@media screen and (max-width:360px) {
.btnExpandAll {
padding-left: 35px
}
.btnExpandAll.biclose {
margin-left: 20px
}
}
.it_info {
border: 1px solid #e3e3e3;
padding: 8px 16px;
margin-bottom: 10px;
position: relative
}
.it_info.bgTrip {
background: #f2f2f2
}
.it_info_header {
border: 0;
background: url(../images/down.svg) no-repeat right 5px/30px;
padding: 7px 30px 7px 0;
cursor: pointer
}
.it_info_header.opened {
background: url(../images/up.svg) no-repeat right 5px/30px
}
.it_info_header.forceOpened {
background: none !important;
cursor: default
}
.it_info_header:not(.forceOpened)+.it_full {
display: none
}
.it_info .it_city {
font-size: 24px
}
.it_info .it_city span {
height: auto;
line-height: 140%;
padding-left: 35px;
color: #000;
width: auto;
display: inline-block;
text-indent: 0;
background: url(../images/Vector.svg) no-repeat left center
}
.it_info .it_intro {
margin: 10px 0;
text-align: justify
}
.it_info .it_city.newpolicy {
color: #009ef9
}
.it_info .it_city.newpolicy span {
color: #009ef9;
background: 0;
padding: 0
}
.it_info .it_simple {
display: block
}
.it_info[expanded] .it_simple {
display: none
}
.it_info .it_intro {
margin: 20px 0 10px;
text-align: justify
}
.it_info .it_intro p {
margin-top: 10px;
padding: 10px
}
.it_info .it_intro .divMemo {
border-top: 10px solid #fff;
background: #f2f2f2;
padding: 10px;
clear: both;
margin-top: 8px
}
.it_info .it_intro table.fullwidth {
width: 100%;
border-collapse: collapse;
margin-top: 8px
}
.it_info .it_intro table.fullwidth th {
padding: 5px;
background: #f2f2f2
}
.it_info .it_intro table.fullwidth td {
padding: 5px
}
.autotable {
overflow-x: auto
}
.dineNote {
background: #f2f2f2;
padding: 8px;
position: relative
}
.dineNote span {
margin: 0 10px
}
@media screen and (max-width:1200px) {
.it_info_header.onMobile {
background: url(../images/down.svg) no-repeat right 5px/30px
}
.it_info_header.onMobile+.it_full {
display: none !important
}
.it_info_header.forceOpened+.it_full {
display: block !important
}
.it_info_header.onMobile .it_simple {
display: block !important
}
}
@media screen and (max-width:768px) {
.it_info .it_city {
padding-right: 30px
}
}
@media screen and (max-width:480px) {
.it_info {
padding: 8px
}
.it_info .it_intro table.fullwidth th {
padding: 5px
}
.it_info .it_intro table.fullwidth td {
padding: 5px
}
.it_info .it_intro img {
width: 100% !important;
height: auto !important;
}
.tourIntro img{
width: 100%;
}
}
.tipic {
position: relative;
margin: 0 auto
}
.tipic img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.tipicbox {
position: relative;
margin: 0 auto;
width: 100%
}
.tipicbox.onRight {
float: right;
margin: 0 0 10px 10px;
width: 50%
}
.tipicbox .tipicTitle {
color: #fff;
padding: 8px 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.6)
}
.tipicTwo {
display: flex;
flex-wrap: nowrap
}
.tipicTwo .tipicbox {
flex: 1;
border: 5px solid transparent;
box-sizing: content-box
}
@media screen and (max-width:1200px) {
.tipicbox .tipicTitle {
color: #000;
background: #f2f2f2;
position: relative
}
}
@media screen and (max-width:480px) {
.tipicbox .tipicTitle {
background: #f2f2f2
}
.tipicTwo {
display: block
}
.tipicTwo .tipicbox {
border: 0;
margin: 10px auto
}
.tipicbox.onRight {
float: none;
margin: 10px auto;
width: 100%
}
}
.picLiBox {
padding: 0 0 10px 150px;
position: relative;
text-align: justify
}
.picLiBox .titlec1 {
color: #009ef9
}
.picLiBox img {
display: block;
position: absolute;
top: 10px;
left: 20px
}
.tipsBox {
padding: 16px;
margin: 0;
border: 1px solid #e3e3e3
}
@media screen and (max-width:480px) {
.picLiBox {
padding: 0 0 10px 0
}
.picLiBox img {
position: static;
float: left;
margin: 0 15px 0 0
}
}
.oneDayPriceBoxNew {
background: #efefef;
padding: 0 10px
}
.oneDayPriceBoxNew+.oneDayBooking {
background: #efefef;
border: 0;
padding: 10px;
text-align: center
}
.oneDayPriceBoxNew+.oneDayBooking a {
display: inline-block
}
.oneDayPriceBoxNew .oneDayPriceTitle {
font-size: 20px;
line-height: 200%;
text-align: left;
padding: 10px 0
}
.oneDayPriceBoxNew .oneDayPriceTitle .off10ad {
float: right
}
.oneDayPriceBoxNew ul {
display: flex;
flex-wrap: wrap
}
.oneDayPriceBoxNew li {
flex: 1;
min-width: 80px;
border: 1px solid #e3e3e3;
text-align: center;
line-height: 40px;
background: #fff;
margin-bottom: 8px
}
.oneDayPriceBoxNew li div {
border-bottom: 1px solid #e3e3e3;
background: #fff;
line-height: 30px
}
.oneDayPriceBoxNew.pbcol5 li {
width: 156px
}
.oneDayPriceBoxNew.pbcol6 li {
width: 130px
}
.oneDayPriceBoxNew .priceTable {
border-collapse: collapse;
width: 100%
}
.oneDayPriceBoxNew .priceTable td {
border: 1px solid #e3e3e3;
background: #fff;
padding: 5px;
text-align: center
}
.fullYearPriceBox {
border: 0
}
.fullYearPriceBox .priceHeader {
background: 0;
color: #009ef9
}
.fullYearPriceBox .priceHeader .priceTitle {
font-size: 20px;
padding: 5px
}
.fullYearPriceBox .priceHeader .priceNote {
margin: -5px 5px 5px;
font-size: 14px
}
.fullYearPriceBox table {
width: 100%;
background: #ccc
}
.fullYearPriceBox table th {
background: #efefef;
padding: 0 5px;
text-align: center;
font-weight: normal
}
.fullYearPriceBox table th.thbg {
font-size: 14px;
min-width: 100px;
background: #efefef url("../images/tcg/tour/background/bgp018.png") no-repeat center center;
background-size: 100% 100%;
padding: 0
}
.fullYearPriceBox table th.thbg .thSup {
text-align: right;
height: 19px;
line-height: 19px;
padding-right: 5px
}
.fullYearPriceBox table th.thbg .thSub {
text-align: left;
height: 19px;
line-height: 19px;
padding-left: 5px
}
.fullYearPriceBox table td {
background: #fff;
padding: 5px;
text-align: center
}
@media screen and (max-width:640px) {
.fullYearPriceBox table {
width: auto
}
.fullYearPriceBox.g_outerbox {
padding: 0;
overflow-x: auto;
width: calc(100vw - 20px)
}
}
.it_hotel table {
background: #e3e3e3;
border: 0;
width: 100%;
margin-bottom: 10px
}
.it_hotel table caption {
padding: 5px;
text-align: left;
font-size: 20px
}
.it_hotel table th {
font-weight: normal;
padding: 5px;
text-align: center;
background-image: linear-gradient(to right ,#F6FAEC, #B5E8FB);
font-size: 18px;
height: 56px
}
.it_hotel table td {
text-align: left;
padding: 5px 10px;
background: #fff;
height: 56px
}
.it_hotel td img {
margin: 0
}
.it_hotel .hotelStar {
display: inline-block
}
.it_hotel_tab {
display: none;
margin-bottom: 20px;
border-bottom: 1px solid #d1d1d1
}
.it_hotel_tab ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between
}
.it_hotel_tab li {
flex: auto;
display: flex;
justify-content: center;
align-items: center;
min-height: 45px;
text-align: center;
border: 1px solid #d1d1d1;
margin-bottom: -1px;
border-radius: 10px 10px 0 0;
background: #f2f2f2;
color: #000;
padding: 0 10px;
cursor: pointer
}
.it_hotel_tab li.current {
background: #fff;
border-bottom: 1px solid #fff;
color: #009ef9
}
.it_hotel_tab li.current div {
padding-left: 20px;
background: url("../images/background/arrow/obgs-down.png") no-repeat left center/10px
}
.it_hotel_tab li div {
display: inline-block;
line-height: normal;
padding: 3px 0
}
.it_hotel_tab li:first-child {
margin-right: 3px
}
.it_hotel_tab li:last-child {
margin-left: 3px
}
@media screen and (max-width:1200px) {
.it_hotel table th {
font-size: 22px
}
}
@media screen and (max-width:480px) {
.it_hotel_tab {
display: block
}
.it_hotel.mh tr:first-child {
display: none
}
.it_hotel.mh:not(.scol0):not(.scol1) td:last-child {
display: none
}
.it_hotel.scol0 td:last-child {
display: none
}
.it_hotel.scol1 td:nth-child(2) {
display: none
}
.it_hotel.mh td[colspan] {
display: table-cell !important
}
.priceShow.reverse {
display: flex;
flex-direction: column-reverse
}
.priceShow.reverse .tp10box {
display: flex;
flex-direction: column-reverse
}
}
@media screen and (max-width:360px) {
.it_hotel_tab li {
font-size: 17px
}
}
.priceColorRed {
color: #c10000
}
.normalPrice {
color: #000;
font-size: 14px;
text-decoration: line-through
}
.newPrice {
color: #c10;
font-size: 18px
}
.ampTabSGPrice {
display: flex;
flex-wrap: wrap
}
.tabButtonSG {
height: 56px;
line-height: 56px;
width: 260px;
background: #f2f2f2;
font-size: 24px;
border: 1px solid #d1d1d1;
border-bottom: 0;
border-radius: 7px 7px 0 0;
cursor: pointer
}
.tabButtonSG div {
color: #000;
height: 56px;
line-height: 56px;
text-align: center
}
.tabButtonSG[option][selected] {
background: #009ef9;
border: 0
}
.tabButtonSG[option][selected] div {
color: #fff
}
.tabContentSG {
display: none;
padding: 0;
width: 100%;
order: 1
}
.tabButtonSG[selected]+.tabContentSG {
display: block
}
.tabButtonSG {
margin-right: 8px
}
.tabButtonSG:last-child {
margin-right: 0
}
.gpcc {
position: relative;
height: 0
}
.gpcc a {
position: absolute;
right: 0;
top: 15px;
height: 22px;
line-height: 22px;
color: #009ef9;
display: block;
padding-left: 30px;
background: url(../images/background/icon/icon-cc.png) no-repeat left center
}
@media screen and (max-width:1024px) {
.pcol3 .tabButtonSG {
width: 180px
}
}
@media screen and (max-width:768px) {
.pcol3 .tabButtonSG {
width: 140px
}
.tabButtonSG {
width: 180px
}
.tabButtonSG div span {
display: none
}
.tabButtonSG:first-child div span {
display: inline
}
.ampTabSGPrice:has(div[option="2024"]):has(div[option="2025"]):has(div[option="2026"]) .tabButtonSG {
width: 90px
}
.ampTabSGPrice:has(div[option="2024"]):has(div[option="2025"]):has(div[option="2026"]) .tabButtonSG div span {
display: none
}
}
@media screen and (max-width:640px) {
.ampTabSGPrice {
font-size: 17px
}
.gpcc.moreYear {
height: 40px
}
.gpcc.moreYear a {
top: 0;
right: auto;
left: 10px;
font-size: inherit
}
}
@media screen and (max-width:480px) {
.pcol3 .tabButtonSG {
width: 23%
}
.pcol3 .tabButtonSG:first-child {
min-width: 140px
}
}
@media screen and (max-width:400px) {
.tabButtonSG {
width: 160px
}
}
@media screen and (max-width:360px) {
.tabButtonSG {
width: 145px
}
}
.it_price_note_top {
background: #009ef9;
padding: 10px;
color: #fff
}
.it_price_tab_ad_2018 {
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
color: #009ef9;
font-size: 24px;
padding: 10px 0;
text-align: center
}
.it_price_tab_ad_2018 div {
padding-top: 10px
}
.it_price_note_bottom {
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3
}
.it_price_note_bottom {
text-align: right;
background: #fff url(../images/tcg/tour/background/bgp016.png) repeat-x left bottom;
padding: 10px
}
.it_price_note_bottom p {
text-align: left;
color: #000;
margin: 10px 0 0
}
.it_price_note_bottom .bookButton {
text-align: center;
padding: 10px
}
.it_price_sg {
width: 100%;
background: #e3e3e3
}
.it_price_sg .switchTitle {
position: static
}
.it_price_sg th {
background: #f2f2f2;
padding: 5px;
text-align: center;
font-weight: normal;
height: 56px
}
.it_price_sg td {
background: #fff;
padding: 5px;
text-align: center;
height: 56px
}
.it_price_sg .col2 {
width: 20%
}
.it_price_sg .col3 {
width: 20%
}
.it_price_sg .col4 {
width: 20%
}
.it_price_sg .col5 {
width: 20%
}
.it_price_sg .col6 {
width: 20%
}
.col2x span {
display: inline-block
}
.it_price_sg .trpassed {
color: #000
}
.it_price_sg .trpassed .col1 {
text-decoration: line-through
}
.it_price_sg .trpassed .hasValid {
text-decoration: none;
color: #000
}
a.bookingSG {
display: inline-block;
font-size: 17px;
padding: 6px 15px;
color: #fff;
text-decoration: none;
background: #009ef9;
min-width: 80px;
margin: 0 auto;
border-radius: 8px;
line-height: normal;
box-shadow: 0 2px 3px #999
}
a.bookingSG::after {
content: "Free Inquiry"
}
a.bookingSG img {
display: none;
width: 0;
height: 0
}
a.bookingMini {
display: inline-block;
padding: 0 10px;
text-decoration: none;
color: #fff;
background: #009ef9;
border-radius: 5px;
font-size: 16px;
box-shadow: 0 1px 3px #000
}
@media screen and (max-width:768px) {
a.bookingMini {
line-height: normal;
padding: 5px
}
}
@media screen and (max-width:480px) {
.it_price_sg .col2 {
width: 25%
}
.it_price_sg .col3 {
width: 25%
}
.it_price_sg .col4 {
width: 25%
}
.it_price_sg .col5 {
display: none
}
.it_price_sg .col6 {
width: auto
}
.it_price_sg .col2x {
display: none
}
.it_price_sg .col5x {
display: none
}
a.bookingSG {
min-width: 60px;
width: 60px;
display: block;
padding: 5px
}
}
@media screen and (max-width:370px) {
.it_price_sg .col2 {
padding: 0
}
.it_price_sg .col3 {
padding: 0
}
}
.priceBox {
margin: 0;
padding: 0
}
.priceTitle {
color: #fff;
font-size: 24px;
text-align: center;
line-height: 56px;
background-image: linear-gradient(to right, #009EF9, #ABED2B);
}
.priceTitle div {
background: #fff;
color: red;
padding: 10px;
line-height: 1.5;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3
}
.priceTitle div span {
font-size: 22px
}
.priceBody {
background: #e3e3e3;
overflow: hidden
}
.priceShow {
overflow: hidden
}
.bookButton2018 {
background: #fff;
text-align: center;
padding: 10px;
margin: 0 1px 1px
}
.bookButton2018 img {
max-width: 95%
}
.priceCol {
position: relative
}
.priceCol.priceTableOne {
width: 100%;
float: left
}
.priceCol.priceTable {
width: 50%;
float: left
}
@media screen and (max-width:720px) {
.priceCol.priceTable {
width: 50%;
}
}
.priceCol table {
width: 100%;
border-collapse: separate;
border-spacing: 1px;
}
.priceCol th {
background: #f2f2f2;
text-align: center;
font-weight: normal;
padding: 10px 5px
}
.priceCol td {
background: #fff;
text-align: center;
padding: 10px 5px
}
.pt30 .priceTitle {
display: none
}
.priceCol .p2group th {
width: 50%;
min-width: 320px;
background: #fff;
color: #009ef9;
font-size: 22px
}
.priceCol .p2group th span {
font-size: 17px
}
.priceCol .p2group .tac {
display: inline-block
}
@media screen and (max-width:480px) {
.priceCol .p2group {
display: flex;
flex-wrap: wrap
}
.priceCol .p2group td {
display: block;
flex: 1
}
.priceCol .p2group td:last-child {
flex: none;
width: 100%;
border-top: 1px solid #e3e3e3;
background: #f2f2f2
}
.priceCol .p2group th {
min-width: 140px;
display: block;
flex: 2;
border-right: 1px solid #e3e3e3
}
}
.priceCol .normalPrice {
display: block
}
.priceCol .newPrice {
display: block
}
.priceCol.fullTable .normalPrice {
display: inline-block
}
.priceCol.fullTable .newPrice {
display: inline-block
}
.priceRemark {
padding: 10px;
position: relative;
text-align: left;
color: #000;
background: #fff;
margin: 0 1px 1px 1px
}
.priceRemark ul {
overflow: hidden
}
.priceRemark ul:empty {
min-height: 15px
}
.priceRemark li {
list-style: disc outside;
margin-left: 20px
}
.ppcc {
position: absolute;
right: 5px;
top: 5px
}
.ppcc a {
height: 22px;
line-height: 22px;
color: #009ef9;
display: block;
padding-left: 30px;
background: url(../images/background/icon/icon-cc.png) no-repeat left center
}
@media screen and (max-width:1024px) {
.ppcc {
position: static;
margin-bottom: 10px
}
}
@media screen and (max-width:480px) {
.priceCol.twoTable {
width: auto;
float: none
}
.priceCol.rightTable {
width: auto;
float: none
}
}
.include_box {
border: 1px solid #ccc;
margin: 15px auto;
display: flex
}
.p_include,
.p_exclude {
width: 50%;
display: flex;
flex-direction: column
}
.p_include_title,
.p_exclude_title {
background-image: linear-gradient(to right ,#F6FAEC, #B5E8FB);
font-size: 24px;
line-height: 36px;
padding: 5px 10px;
border-bottom: 1px solid #e3e3e3
}
.p_include_title span {
display: inline-block;
float: left;
margin-right: 8px;
background: url(../images/icon/clude_yes.png) no-repeat left center;
height: 36px;
width: 36px
}
.p_exclude_title span {
display: inline-block;
float: left;
margin-right: 8px;
background: url(../images/icon/clude_no.png) no-repeat left center;
height: 36px;
width: 36px
}
.p_include ul li {
background: url(../images/tcg/tour/2016/dot_gray_small.png) no-repeat 10px 12px;
line-height: 1.6em;
padding-left: 25px
}
.p_exclude ul li {
background: url(../images/tcg/tour/2016/dot_gray_small.png) no-repeat 10px 12px;
line-height: 1.6em;
padding-left: 25px
}
.p_include_cont {
padding: 15px;
flex: 1
}
.p_include .p_include_cont {
border: 0
}
.include_note {
border-top: 1px solid #ccc;
padding: 15px
}
.include_note span {
background: url(../images/background/icon/ico-note1.gif) no-repeat 0 3px;
display: block;
float: left;
height: 20px;
margin-right: 5px;
width: 12px
}
.p_include_title {
border-right: 1px solid #e3e3e3
}
.p_include .p_include_cont {
border-right: 1px solid #e3e3e3
}
@media screen and (max-width:480px) {
.p_include_title {
border-right: 0
}
.p_exclude_title {
border-top: 1px solid #e3e3e3
}
.p_include .p_include_cont {
border-right: 0
}
.include_note {
border: 0
}
.include_box {
display: block
}
.p_include,
.p_exclude {
width: auto;
border: 0
}
}
.tourComp {
background: #f2f2f2
}
.tourCompTitle {
position: relative;
height: 60px;
color: #fff;
overflow: hidden;
z-index: 0;
text-align: center;
line-height: 60px;
font-size: 24px
}
.tourCompTitle::after {
position: absolute;
left: -20%;
top: 0;
width: 140%;
height: 100%;
z-index: -1;
content: '';
border-radius: 0 0 50% 50%;
background: #009ef9
}
.tourCompBody {
padding: 20px 34px
}
.tourCompItem {
margin-bottom: 20px;
text-align: justify;
line-height: 175%
}
.tourCompItemTitle {
padding: 10px 10px 10px 40px;
font-size: 18px;
background: url("../images/background/icon/good-new.png") no-repeat left center
}
@media screen and (max-width:1200px) {
.tourCompItemTitle {
font-size: 22px
}
}
@media screen and (max-width:480px) {
.tourCompBody {
padding: 16px
}
}
.tourCompItem .twoImgBox {
display: flex;
flex-wrap: nowrap;
text-align: center;
justify-content: center
}
.tourCompItem .twoImgBox .imgBox {
flex: 1;
border: 5px solid #f2f2f2;
box-sizing: content-box;
width: 100%;
max-width: 380px
}
.tourCompItem .imgWithTitle {
position: relative;
margin: 0 auto;
padding: 68.421053% 0 0
}
.tourCompItem .imgWithTitle img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.tourCompItem .imgWithTitle .imgNote {
color: #fff;
padding: 8px 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.6)
}
@media screen and (max-width:640px) {
.tourCompItem .imgWithTitle .imgNote {
display: none
}
}
@media screen and (max-width:425px) {
.tourCompItem .twoImgBox {
display: block
}
.tourCompItem .twoImgBox .imgBox {
border: 0;
margin: 10px auto
}
}
.olvlBox {
padding: 8px 0
}
.olvlBox .olvlTitle {
color: #000;
font-size: 24px
}
.whyUsBox {
border: 3px solid #e3e3e3;
border-radius: 20px;
position: relative;
margin-top: 30px;
margin-bottom: 10px;
padding-bottom: 20px
}
.whyUsTitle {
background: #fff;
padding: 5px 0;
color: #009ef9;
font-size: 24px;
text-align: center;
position: absolute;
top: 0;
left: 50%;
width: 240px;
height: 44px;
line-height: 44px;
margin: -28px auto auto -120px
}
.whyUsPic {
padding: 20px 0 0;
display: flex;
flex-wrap: nowrap;
justify-content: center
}
.whyUsPic img {
display: block;
width: 50%;
max-width: 382px;
height: auto;
flex: 1
}
.whyUsPic1 {
text-align: center;
margin-top: 20px
}
.whyUsPic1 img {
display: block;
width: 100%;
max-width: 684px;
height: auto;
flex: 1;
margin: 0 auto
}
@media screen and (max-width:425px) {
.whyUsPic {
display: block
}
.whyUsPic img {
width: 100%;
margin: 10px auto
}
}
.whyAsiaBox {
margin: 30px auto
}
.whyAsiaTitle {
color: #009ef9;
margin-bottom: 20px;
font-size: 20px;
text-align: center
}
.whyAsiaBox table {
width: 100%;
border-collapse: collapse
}
.whyAsiaBox td {
border: 1px solid #e3e3e3;
width: 33.3%;
vertical-align: top
}
.whyAsiaBox .watImg {
text-align: center;
padding: 10px 0 0
}
.whyAsiaBox .watImg img {
max-width: 100%;
height: auto
}
.whyAsiaBox .watIntro {
padding: 0 20px 20px
}
.hotTours {
padding: 10px 20px;
background: #efefef
}
.hotTours li {
padding: 8px 0 8px 25px;
line-height: 150%;
border-bottom: 1px dashed #e3e3e3;
background: url("../images/background/icon/p18.png") no-repeat 5px 15px;
float: none;
width: auto;
margin: 0
}
.hotTours li:last-child {
border: 0
}
.hotTours li .ibox {
display: inline-block;
color: #000
}
.hotTours li span {
color: #c10
}
@media screen and (max-width:480px) {
.hotTours {
padding: 8px
}
.hotTours.mhideit {
display: none
}
}
.TourTitleNew {
background: #4a96d0 url("../images/tcg/tour/v2015/bglong.jpg") no-repeat left bottom;
color: #fff;
margin: 0 auto 10px;
padding: 5px 30px 15px 10px
}
.TourTitleNew table {
background: 0;
border: 0;
font-size: 16px
}
.TourTitleNew table .pcode {
padding-right: 8px
}
.TourTitleNew table tr {
display: block;
padding: 8px 0;
overflow: hidden
}
.TourTitleNew table td {
display: inline
}
.TourTitleNew table td a {
color: #fff;
text-decoration: underline
}
.TourTitleNew table td a:hover {
color: #fff;
text-decoration: none
}
@media screen and (max-width:768px) {
.TourTitleNew {
background: #4a96d0;
padding: 10px 16px
}
.TourTitleNew table {
font-size: 16px
}
.TourTitleNew table .pcode {
font-size: 16px;
padding: 0
}
.TourTitleNew td {
display: inline
}
}
.it_info_box .imgTable {
border: 0;
margin: 10px 0 10px 10px;
background: #f3f3f3
}
.it_info_box .imgTable img {
width: auto;
height: auto
}
.it_info_box .imgTable td {
padding: 0 0 8px
}
.it_info_box .imgTable td p {
margin: 0;
padding: 0
}
.it_info_box .imgTable.imgLeft {
margin-left: 40px
}
.it_info_box .imgTable.imgRight {
margin-right: 40px
}
.it_info_box .ctiInfo {
text-align: justify
}
.it_info_box .imgTableTwo {
width: 100%;
margin-bottom: 20px
}
.it_info_box .imgTableTwo img {
width: auto;
height: auto
}
.it_info_box .imgTableTwo td {
width: 50%;
text-align: center;
padding: 5px
}
.it_info_box .imgTableTwo td p {
background: #fff;
margin: 0;
padding: 4px;
border: 1px solid #e3e3e3;
width: auto;
display: inline-block
}
@media screen and (max-width:768px) {
.it_info_box .imgTable.imgLeft {
margin-left: 10px
}
.it_info_box .imgTable.imgRight {
margin-right: 10px
}
}
@media screen and (max-width:750px) {
.it_info_box .imgTable.imgLeft {
margin: 10px auto;
float: none
}
.it_info_box .imgTable.imgRight {
margin: 10px auto;
float: none
}
}
@media screen and (max-width:640px) {
.it_info_box .imgTableTwo img {
width: 100%
}
}
@media screen and (max-width:580px) {
.it_info_box .imgTableTwo td {
display: block;
width: auto
}
}
@media screen and (max-width:425px) {
.it_info_box .imgTable {
margin: 10px auto;
width: auto;
float: none
}
.it_info_box .imgTable img {
max-width: 100%
}
}
@media screen and (max-width:360px) {
.it_info_box .imgTable img {
width: 100%
}
}
.usd10off {
display: block
}
.usd10off span {
text-decoration: line-through;
color: #000
}
.btPrice .usd10off {
display: inline-block
}
.btPrice .usd10off span {
font-size: 20px
}
.mtopBox {
border: 1px solid #e3e3e3;
background: #f2f2f2;
padding: 8px 8px 0;
margin-bottom: 10px
}
.mtopBox .mtopPrice {
height: 42px;
line-height: 42px;
margin-right: 16px;
float: left
}
.mtopBox .usd10off {
color: #c10;
font-size: 24px
}
.mtopBox .usd10off.normal {
color: #000
}
.mtopBox .usd10off span {
font-size: 18px
}
.bpMBox .usd10off {
color: #c10;
font-size: 20px
}
.bpMBox .usd10off.normal {
color: #000
}
.bpMBox .usd10off span {
font-size: 18px
}
.bpMBox {
padding: 16px;
background: #efefef
}
.bpMBox .bpMBoxTitle {
overflow: hidden;
padding-bottom: 8px
}
.bpMBoxTitle .bpMBoxName {
float: left;
font-size: 20px
}
.bpMBoxTitle .bpMDate {
margin-top: 8px;
font-size: 16px
}
.bpMBoxTitle .bpMDate.noDiscount {
display: inline-block
}
.bpMBoxTitle .bustour10off {
float: right;
margin-top: 16px
}
.bpMBoxTitle .bustour10off img {
max-width: 100%
}
.bpMBox .bpMButtons {
text-align: center;
padding-top: 16px;
display: none
}
.bpMBox table {
width: 100%;
border-spacing: 0;
border-collapse: collapse
}
.bpMBox th {
padding: 8px;
text-align: center;
background: #ddd;
border: 1px solid #e3e3e3;
font-weight: normal
}
.bpMBox th.lbox {
background-image: url('data:image/svg+xml;utf8,')
}
.bpMBox th .tr {
text-align: right;
font-size: 12px
}
.bpMBox th .bl {
text-align: left;
font-size: 12px
}
.bpMBox td {
padding: 8px;
text-align: center;
background: #fff;
border: 1px solid #e3e3e3
}
.bpMBox td.bpMCol1 {
width: 50%
}
.bpMBox td.bpMCol2 {
width: 25%
}
.bpMBox td.bpMCol3 {
width: 25%
}
.bpMBox.tbox {
background: #fff;
padding: 0
}
.bpMBox.tbox .bpMBoxTitle .bpMBoxName {
color: #009ef9
}
.bpMBox.tbox th {
background-color: #f2f2f2
}
.v2023.bpMBox {
padding: 0;
background: 0;
margin-top: 20px
}
.v2023.bpMBox .bpMBoxTitle {
background: #009ef9;
color: #fff
}
.v2023.bpMBox td.bpMCol2 {
width: auto
}
.v2023 .bpMBoxTitle .bpMBoxName {
float: none;
font-size: 24px;
text-align: center;
padding: 10px 0 0
}
.v2023 .bpMBoxTitle .bpMDate img {
display: none
}
@media screen and (max-width:480px) {
.bpMBoxTitle .bpMBoxName {
float: none
}
.bpMBoxTitle .bustour10off {
float: none;
margin-top: 8px
}
.bpMBox .bpMButtons {
display: block
}
.bpMBox td.bpMCol1 {
width: auto
}
.bpMBox td.bpMCol2 {
width: auto
}
.bpMBox td.bpMCol3 {
display: none
}
.mtopBooking {
display: none
}
}
.itSubTitle {
background: url("../images/tcg/tour/2016/icon_time_orange.png") no-repeat left 3px;
min-height: 30px;
line-height: 30px;
font-size: 20px;
padding-left: 30px
}
.itSubTitle.nopic {
background: 0;
padding-left: 0
}
@media screen and (max-width:768px) {
#frmTouri {
height: 580px
}
}
@media screen and (max-width:480px) {
#frmTouri {
height: 810px
}
}
.tour-photo-slider {
position: relative;
margin: 0 auto;
max-width: 1180px;
max-height: 420px;
overflow: hidden
}
.tour-photo-slider:first-child {
margin-top: 0
}
.tour-photo-slider .bx-wrapper {
margin: 0;
box-shadow: none;
border: 0
}
.tour-photo-slider .bx-wrapper .bx-prev {
background: url("../images/background/arrow/wbgwgbd-left.png") center center no-repeat;
top: 0;
left: 0;
margin: 0;
width: 30px;
height: 100%
}
.tour-photo-slider .bx-wrapper .bx-next {
background: url("../images/background/arrow/wbgwgbd-right.png") center center no-repeat;
top: 0;
right: 0;
margin: 0;
width: 30px;
height: 100%
}
.tour-photo-slider .bx-wrapper .bx-prev:focus,
.tour-photo-slider .bx-wrapper .bx-prev:hover {
background-position: center center
}
.tour-photo-slider .bx-wrapper .bx-next:focus,
.tour-photo-slider .bx-wrapper .bx-next:hover {
background-position: center center
}
.tour-photo-slider .bx-wrapper .bx-controls-direction a {
z-index: 80
}
.tour-photo-slider .tpItem .img-frame-fit {
padding: 71.42857% 0 0;
max-width: 588px
}
.tour-photo-slider .tpItem .img-frame-fit img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.tour-photo-slider .photonum {
display: none;
position: absolute;
right: 5px;
bottom: 10px;
color: #fff;
background: rgba(0, 0, 0, .3);
padding: 0 10px;
border-radius: 10px;
font-size: 14px;
text-align: center
}
.videobox {
float: right;
width: 49%;
margin: 0 0 20px 40px
}
.videobox .videoPlayer {
position: relative;
padding: 56.25% 0 0;
overflow: hidden
}
.videobox .videoPlayer video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.videobox .videoTitle {
padding: 5px;
text-align: center;
background: #d7d7d7
}
.videobox.w720x1270 {
max-width: 340px
}
.videobox.w720x1280 {
max-width: 338px
}
.videobox.w1080x1920 {
max-width: 338px
}
@media screen and (max-width:480px) {
.videobox {
float: none;
width: 100%;
margin: 0 0 20px
}
}
.round-box-1,
.round-box-2 {
margin: 30px 5px 0;
box-shadow: 0 0 5px #aaa;
border-radius: 20px;
padding: 10px 30px;
background: #fff9e2
}
.round-box-1:first-child,
.round-box-2:first-child {
margin-top: 0
}
.round-box-2 {
background-image: linear-gradient(to right ,#F6FAEC, #B5E8FB)
}
.round-box-title {
font-size: 24px;
text-align: center;
margin: 20px auto 20px
}
.round-box-1 .round-box-title {
color: #B25649
}
.round-box-1 li {
list-style: none;
position: relative;
padding-left: 50px;
line-height: 1.5;
margin: 0 20px 20px 0;
text-align: justify
}
.round-box-1 .round-box-idx {
position: absolute;
top: 5px;
left: 0;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 30px;
background: #B25649;
color: #fff;
text-align: center;
font-size: 16px
}
.round-box-2 li {
list-style: outside disc;
position: relative;
line-height: 1.5;
margin: 0 20px 20px 25px;
text-align: justify
}
.round-box-1 {
margin: 30px 0 0;
box-shadow: none;
border-radius: 10px;
background: #E3F5F5
}
.round-box-1 .round-box-title {
color: #000;
text-align: left
}
.round-box-1 li {
padding-left: 25px
}
.round-box-1 .round-box-idx {
background: #009bb5;
width: 5px;
height: 5px;
overflow: hidden;
top: 10px;
left: 5px
}
.round-box-2.minitour {
margin-top: 10px;
box-shadow: none
}
.round-box-2.minitour .round-box-title {
color: #d75b00
}
.round-box-2.minitour li {
margin-bottom: 10px
}
@media screen and (max-width:768px) {
.round-box-1,
.round-box-2 {
padding: 10px
}
.round-box-1 .round-box-title {
text-align: center
}
}
.bpBox {
margin: 0;
padding: 4px 30px 20px;
border: 1px solid #e3e3e3
}
.bpBox .bpTitle {
font-size: 20px;
color: #d75b00;
padding: 16px 10px 16px 50px;
background: url("../images/tqs/icon_4.png") no-repeat 10px center
}
.bpBox .bpTitle.hotelicon {
background-image: url("../images/tcg/tour/bustour/icon/icon-hotel-list.png");
border: 0
}
.bpBox ul li {
background: url("../images/tcg/tour/2016/dot_gray_small.png") no-repeat 10px 10px;
padding-left: 25px;
text-align: justify
}
.tripCanTailored {
padding: 8px 10px;
font-weight: bold;
margin-top: 20px;
font-size: larger
}
.bpBox .tripFaqTitle {
background: url("../images/tcg/tour/2016/tab_policy_current_orange.png") no-repeat 10px center;
color: #d75b00;
font-size: 20px;
padding: 16px 10px 16px 50px
}
.bpBox .faqItem {
border: 0;
border-top: 1px solid #e3e3e3;
border-radius: 0;
padding-top: 10px;
background-position: 15px 17px
}
.bpNote {
color: #9f2d00;
margin: 10px auto
}
.bpNote ul {
display: block
}
.bpNote li {
margin-left: 30px;
list-style: disc outside
}
.go-compare {
display: inline-block;
line-height: 1;
color: #C24300;
font-size: 22px;
padding: 0 0 0 8px;
vertical-align: top
}
.tourIntro .ti_item {
line-height: 40px
}
.mapNone .otags:has(+.it_lowprice) {
margin-top: 50px
}
@media screen and (max-width:1600px) {
.mapNone .otags:has(+.it_lowprice) {
margin-top: 0
}
}
.tour-train-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0
}
.tour-train-table thead th {
background-color: #efefef;
border: 1px solid #d1d1d1;
padding: 2px 5px;
text-align: center;
font-weight: 500
}
.tour-train-table tbody td {
background-color: #fff;
border: 1px solid #d1d1d1;
padding: 2px 5px;
text-align: center;
font-weight: 500
}
.go-compare {
display: inline-block;
line-height: 1;
color: #C24300;
font-size: 22px;
padding: 0 0 0 8px;
vertical-align: top
}
.bottomInfo {
background-color: #f2f2f2;
margin-top: 20px;
}
.bottomInfo-up {
width: 1130px;
margin: 0 auto;
padding: 0;
}
.mediaInfo {
position: relative;
}
.mediaInfo-icon {
position: absolute;
right: 0px;
bottom: 20px
}
.mediaInfo-icon img {
margin: 5px
}
.mediaInfo-bg-s {
display: none;
height: auto;
}
.mediaInfo-bg-l {
height: auto;
display: block;
}
.agate {
position: absolute;
top: 0;
left: 0;
width: 18%;
height: 100%;
background: transparent
}
.mediaInfo a {
display: block;
}
.mediaInfo-icon a {
float: left;
}
.mediaInfo-ta {
float: left;
position: absolute;
top: 0;
left: 18%;
width: 20%;
height: 100%;
background: transparent;
}
.mediaInfo-other {
float: right;
width: 100%;
}
.agate_small {
display: none;
padding: 10px
}
.agate_small div:first-child {
border-top: none;
font-weight: bold;
}
.agate_small div:last-child {
border-bottom: 1px solid #d1d1d1;
}
.agate_small div {
padding: 5px 0px;
color: #000;
}
@media screen and (max-width:1130px) {
.bottomInfo-up {
width: auto;
}
.mediaInfo-bg-l {
max-width: 100%;
}
}
@media screen and (max-width:1024px) {
.bottomInfo-up {
width: auto;
}
.mediaInfo-icon {
right: 1%;
bottom: 10px;
}
.mediaInfo-icon img {
margin: 5px 1px;
}
}
@media screen and (max-width:906px) {
.mediaInfo-bg-l {
max-width: 100%;
}
.mediaInfo-icon {
right: 0px;
}
.mediaInfo-icon img {
width: 40px;
height: 40px;
}
.mediaInfo-icon img.ico-paypal {
width: 100%;
height: auto;
}
}
@media screen and (max-width:834px) {
.mediaInfo-icon img {
width: 35px;
height: 35px;
}
.mediaInfo-icon img.ico-paypal {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 770px) {
#AdTour_220X500, #AdTour_220X430, #AdTour_220X400, #AdGlobal_220X430 {
display: none;
}
.mediaInfo-icon {
bottom: 0px;
}
}
@media screen and (max-width:768px) {
.mediaInfo-icon img {
width: 30px;
height: 30px
}
.display_none_770 {
display: none
}
.footer-link {
height: auto;
}
.mediaInfo-icon img.ico-paypal {
width: 100%;
height: auto;
}
}
@media screen and (max-width:640px) {
.bottomInfo-up {
padding: 10px;
}
.mediaInfo-icon img {
margin: 2px 1px;
}
}
@media screen and (max-width:580px) {
.mediaInfo-icon {
right: 0px;
bottom: 5px;
}
}
@media screen and (max-width:480px) {
.mediaInfo-bg-l {
display: none
}
.mediaInfo-bg-s {
display: block;
max-width: 100%;
}
.mediaInfo-icon {
bottom: 5px;
width: 100%;
padding-left: 33.8%;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.mediaInfo-icon img {
width: 40px;
height: 40px
}
.agate {
display: none !important;
}
.agate_small {
display: block
}
.mediaInfo-ta {
width: 33.8%;
position: static;
}
.mediaInfo-other {
width: 66.1%;
}
.mediaInfo-icon img.ico-paypal {
width: 100%;
height: auto;
}
}