/* 横排图文样式 */
.tableInPicnew {display: table;width: 100%;table-layout: fixed;}
.tableInPicnew > tbody > tr {display: flex;column-gap: 0.025rem; height: 100%; justify-content: space-around;}
.tableInPicnew > tbody > tr > td {display: table-cell;vertical-align: top;padding: 0;background: #efefef;}
.tableInPicnew .tableInPic {margin: auto !important;}
.tableInPicnew .tableInPic tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}

.ke-zeroborder {display: table;table-layout: fixed;}
.ke-zeroborder > tbody > tr {display: flex;column-gap: 0.025rem; height: 100%; justify-content: space-around;}
.ke-zeroborder > tbody > tr > td {display: table-cell;vertical-align: top;padding: 0;background: #efefef;}
.ke-zeroborder .tableInPic {margin: auto !important;}
.ke-zeroborder .tableInPic tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}
.ke-zeroborder .tableInPic tr:nth-child(1) img[style*="width: 320"] {width: 100% !important;height:auto !important;max-width: 320px;}

table.ke-zeroborder[align="right"] {
    margin-left: 0.1rem !important;
}

/*--------recommend links----------*/
.recomLinks { margin:30px 0px;}
.recomUnits { margin-top:10px;display: flex; flex-wrap:wrap;/* gap: 0.1rem; */justify-content: space-between;}
.recomTitle { background: url(https://data.travelchinaguide.com/images/background/icon/icon-relative.png) no-repeat -5px -5px; padding-left: 30px;}
.tourIcon { background: url(/images/logo/ico/hot2.gif) no-repeat 5px 5px !important; }
.linkUnit { width: 24%;float: left; background:#f2f2f2;margin-right: 0;}
.linkUnit:last-child { margin-right:0px;}
.linkUnit a { font-size: 14px;  text-decoration: none;  color: #333; }
.linkPhoto {  height: 120px;  max-height: 120px !important; overflow: hidden; display: block;}
.linkPhoto img { width: 100%; height: auto; display: block;}
.linkTitle { padding: 5px; display: block; text-align: left; min-height:40px; height:auto;}

#artFlag p {word-break: break-word;}

@media screen and (max-width: 1280px){
    .recomUnits { align-content: space-around;}

    .tableInPic {margin: 0 0 0 10px !important;}
    .tableInPic[align="center"] {margin: auto !important;}
    .tableInPic > tbody > tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}

    .tableInPicnew .tableInPic,.ke-zeroborder .tableInPic {padding: 0;margin: auto;}
    .tableInPicnew .tableInPic[align="right"],.ke-zeroborder .tableInPic[align="right"] {width: 100%;}
    .single-table-picture table.tableInPic[align="right"] {padding: 0 0 0 10px;}
    .tableInPic img[style*="width: 900"] {width: 100% !important;height:auto !important;max-width: 100% !important;}
    .tableInPic img[style*="width: 588"] {width: 100% !important;height:auto !important;max-width: 448px !important;}
    .tableInPic img[style*="width: 448"] {width: 100% !important;height:auto !important;max-width: 448px !important;}
    .tableInPic img[style*="width: 320px;"] {width: 100% !important;height:auto !important;max-width: 320px !important;}
    .tableInPic img[style*="width: 320px; height: 448px"] {width: 100% !important;height:auto !important;max-width: 320px !important;}
}
@media screen and (max-width: 900px)
{
    .recomUnits { justify-content: space-around;}
    .linkUnit { width: 48%;}
    .linkPhoto { height:auto; max-height:100%!important;}
    .linkPhoto img { width: 100%; height: auto;}

    .tableInPicnew .tableInPic[align="right"],.ke-zeroborder .tableInPic[align="right"] {width: auto;}

    .tableInPic > tbody > tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}
}
@media screen and (max-width: 600px)
{
    .linkUnit { width: 100%; margin-right: 0px;margin-bottom: 10px;}
    .linkPhoto { height: auto;  width: 100%;  max-height: 100% !important;}
    .linkTitle { line-height: 18px; padding: 5px 10px;}

    .tableInPicnew > tbody > tr {display: flex;flex-wrap: wrap;gap: 0.1rem;}
    .tableInPicnew > tbody > tr > td {width: 100% !important;display: flex;flex-direction: column;background: transparent;}
    .tableInPicnew tr td {width: 100% !important;}

    .ke-zeroborder > tbody > tr {display: flex;flex-wrap: wrap;gap: 0.1rem;}
    .ke-zeroborder > tbody > tr > td {width: 100% !important;display: flex;flex-direction: column;background: transparent;}
    .ke-zeroborder tr td {width: 100% !important;}

    .single-table-picture table.tableInPic[align="right"] {padding: 0;}
    .tableInPic > tbody > tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}

    .tableInPic img[style*="width: 900"] {width: 100% !important;height:auto !important;max-width: 100% !important;}
    .tableInPic img[style*="width: 588"] {width: 100% !important;height:auto !important;max-width: 100% !important;}
    .tableInPic img[style*="width: 448"] {width: 100% !important;height:auto !important;max-width: 100% !important;}
    .tableInPic img[style*="width: 320px;"] {width: 100% !important;height:auto !important;max-width: 320px !important;}
    .tableInPic img[style*="width: 320px; height: 448px"] {width: 100% !important;height:auto !important;max-width: 320px !important;}
    .tableInPic img[style*="height: 448px; width: 320px"] {width: 100% !important;height:auto !important;max-width: 320px !important;}
    .tableInPic:has(img[style*="width: 448px"]) {margin: auto !important;}
}

@media screen and (max-width: 480px) {
    table.ke-zeroborder[align="right"] {
        margin-left: 0 !important;
    }
    .tableInPic:has(img[style*="width: 320px; height: 448px"]) {margin: auto !important;float: none;}
    .tableInPic img[style*="width: 320px; height: 448px"] {width: 100% !important;height:auto !important;max-width: 420px !important;}
    .tableInPic img[style*="height: 448px; width: 320px"] {width: 100% !important;height:auto !important;max-width: 420px !important;}
    .tableInPic:has(img[style*="height: 448px; width: 320px"]) {float: none; margin: auto !important;}
}