/* CMS compatibility only. The desktop presentation intentionally remains the 2009 China Pictures theme. */
#caption {height:70px;}
#caption .logo {padding-top:0;}
#caption .logo a {position:relative;display:block;width:368px;height:66px;}
#caption .logo img {display:block;width:368px;height:66px;}
#caption .logo a::after {content:"Discover China through travel pictures.";box-sizing:border-box;position:absolute;left:100px;top:46px;width:268px;height:20px;padding-left:10px;background:url(../images/headerbg1.jpg) no-repeat -100px -46px;color:#555;font:italic 11px/18px Arial,Helvetica,sans-serif;white-space:nowrap;}
#searchbox {width:232px;}
#searchbox #s {box-sizing:border-box;width:207px;height:20px;padding:2px 4px;color:#333;}
#searchbox #s:focus::placeholder {color:transparent;}
#searchsubmit {width:20px;height:20px;margin-left:-5px;}
#header {position:relative;z-index:1000;}
#catmenucontainer {position:relative;z-index:1001;}
#catmenu > ul > li {position:relative;height:25px;padding-top:0;background-position:left calc(50% + 2px);}
#catmenu > ul > li:hover::before,
#catmenu > ul > li:focus-within::before {content:"";position:absolute;left:0;right:0;top:3px;height:25px;background:#909090;pointer-events:none;z-index:0;}
#catmenu > ul > li > a {box-sizing:border-box;display:flex;align-items:center;position:relative;z-index:1;height:21px;margin-top:4px;padding-top:0;padding-bottom:0;line-height:normal;}
#catmenu > ul > li > a:hover,
#catmenu > ul > li > a:active {display:flex;align-items:center;background:transparent;}
#catmenu li ul {top:25px;z-index:1100;}
.mobile-menu-toggle {display:none;}
#catmenucontainer > .mobile-menu-search {display:none;}
.submenu-toggle {display:none;}
#content {position:relative;z-index:1;clear:both;margin-top:4px;}
#main {width:652px;}
.sidebar-list {box-sizing:border-box;width:100%;margin:0 0 8px;background:#fff;}
.home-intro {box-sizing:border-box;margin:0 0 5px;padding:12px 13px 10px;background:#fff;}
.home-intro h1 {margin:0 0 5px;color:#333;font:700 21px/1.3 Verdana,Arial,Helvetica,sans-serif;}
.home-intro p {margin:0;color:#555;font-size:12px;line-height:1.5;}
#featured {box-sizing:border-box;padding-left:13px;padding-right:13px;}
#myGallery,#myGallerySet {box-sizing:border-box;width:100%;margin-left:0;margin-right:0;}
.jdGallery .slideElement,
.jdGallery .loadingElement {background-size:cover;}
.mxx {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:12px;width:100%;}
.mxx li {box-sizing:border-box;display:flex;float:none;width:auto;height:100px;margin-bottom:0;overflow:hidden;}
.mxx .yy {flex:0 0 96px;float:none;margin:0 5px 5px 0;}
.mxx .yy img {width:90px;height:90px;object-fit:cover;}
.mxx .mexp {box-sizing:border-box;flex:1 1 auto;float:none;width:auto;min-width:0;height:94px;margin:4px 0 0;overflow:hidden;}
.mxx .mexpcat h5 {white-space:nowrap;overflow:hidden;}
.mxx .mexp > a {display:block;max-height:30px;margin-bottom:5px;line-height:15px;overflow:hidden;}
.mxx .mexp > a:hover {display:block;}
.mxx .mexp > br {display:none;}
.mexp p {line-height:1.3;}
.mxx .mexp p {display:-webkit-box;max-height:32px;overflow:hidden;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.mxx li > .fixed {display:none;}
.mcon > .catText {float:none;clear:both;width:100%;margin-top:20px;}
.mcon > .catText .eachLine {clear:both;box-sizing:border-box;width:100%;height:28px;overflow:hidden;}
.mcon > .catText .eachLine > ul {box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:baseline;width:100%;margin:0;padding:0 8px;overflow:hidden;}
.mcon > .catText .eachLine li {flex:0 0 auto;float:none;display:block;margin:0;line-height:27px;white-space:nowrap;}
.mcon > .catText .eachLine li:last-child {flex:1 1 auto;min-width:0;overflow:hidden;}
.mcon > .catText .eachLine li p {margin:0;line-height:27px;white-space:nowrap;overflow:hidden;}
.mcon2 {height:auto;min-height:240px;}
.mxx2 {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;}
.mxx2 .indexyy {float:none;min-width:0;margin:0;}
.mxx2 .indexyy a {display:block;}
.mxx2 .indexyy img {box-sizing:border-box;display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;}
.content img,.welInfo img {max-width:600px;height:auto;}
.static-page-detail h1,.post-page .postdetail h1 {margin:0;padding:0 0 9px;border-bottom:1px dashed #999;color:#333;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:25px;font-weight:700;line-height:1.3;overflow-wrap:break-word;}
.static-page-detail .welInfo {margin-top:15px;color:#444;font-size:13px;line-height:1.65;}
.static-page-detail .welInfo p {margin:0 0 13px;}
.static-page-detail .welInfo h2 {margin:23px 0 10px;padding:0 0 6px;border-bottom:1px dashed #c7c7c7;color:#444;font-size:18px;font-weight:bold;line-height:1.35;}
.static-page-detail .welInfo h3 {margin:18px 0 8px;color:#444;font-size:15px;font-weight:bold;line-height:1.4;}
.static-page-detail .welInfo ul,.static-page-detail .welInfo ol {margin:0 0 16px 23px;padding:0;}
.static-page-detail .welInfo li {margin:0 0 7px;padding-left:2px;}
.static-page-detail .welInfo a {text-decoration:underline;text-underline-offset:2px;}
.static-page-detail .welInfo > :last-child {margin-bottom:0;}
#footer {box-sizing:border-box;height:auto;padding-bottom:14px;}
.copyright {box-sizing:border-box;max-width:900px;margin:11px auto 8px;padding:0 16px;color:#333;text-align:center;line-height:1.35;}
.copyright p {margin:0;}
.copyright .footer-intro {font-size:12px;}
.copyright .footer-topics {margin-top:2px;color:#555;font-size:11px;}
.copyright .footer-legal {margin-top:6px;padding-top:5px;border-top:1px solid #c8c8c8;color:#666;font-size:11px;}
.copyright .footer-legal span + span {margin-left:9px;padding-left:10px;border-left:1px solid #aaa;}
#footercategories {box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-left:0;}
#footercategories li {background-position:0 8px;}
#footercategories li a {position:relative;z-index:1;}
#footercategories li a:hover {background:transparent;}
#footercategories li a:hover::before {content:"";position:absolute;z-index:-1;left:0;right:0;top:-2px;bottom:-2px;background:#909090;pointer-events:none;}
#sidebar .otherinfo {margin-bottom:8px;}
#sidebar .tabmenu li a.tabactive {border:0;}
#sidebar .rightAd {box-sizing:border-box;width:100%;background:transparent;}
#sidebar .catListHeader {width:100%;}
#sidebar .catListItems {box-sizing:border-box;width:100%;margin-bottom:5px;padding:0 10px 5px 15px;}
#sidebar .catListItems li {padding:4px 5px;line-height:1.35em;}
#sidebar .catListHeader li {font-weight:normal;}
#sidebar .random-pictures {background:#fff;}
#sidebar .random-picture-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:5px 4px 5px 6px;list-style:none;}
#sidebar .random-picture-grid li {min-width:0;margin:0;padding:0;list-style:none;}
#sidebar .random-picture-grid a {display:block;background:transparent;}
#sidebar .random-picture-grid a:hover {background:transparent;}
#sidebar .random-picture-grid img {box-sizing:border-box;display:block;width:100%;height:90px;padding:2px;border:1px solid #d2d2d2;object-fit:cover;}
#sidebar .random-picture-grid a:hover img {background:#a9a9a9;}
.sideBarAd300250,.sideBarAd160600 {display:none;}
.site-search-form {margin:18px 0;}
.site-search-form label {display:block;margin-bottom:6px;font-weight:bold;}
.site-search-form input {width:75%;height:26px;border:1px solid #aaa;}
.site-search-form button {height:26px;padding:0 12px;margin-left:5px;}
.site-search-results article {padding:10px 0;border-bottom:1px dashed #999;}
.site-search-results h2 {font-size:18px;}
.category-page #main.catmcon {box-sizing:border-box;width:652px;padding:13px;background:#fff;}
.category-page #main.catmcon > .catmconheader {margin:0;padding:0 0 11px;border-bottom:3px solid #999;}
.category-page #main.catmcon > .catmconheader h1 {margin:0;padding:0;font-size:30px;line-height:1.15;font-variant:small-caps;}
.category-page #main.catmcon > .post {box-sizing:border-box;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:5px;width:100%;height:121px;margin:15px 0;padding:0 0 10px;border-bottom:1px dashed #999;overflow:hidden;}
.category-page #main.catmcon > .post.no-thumbnail {grid-template-columns:minmax(0,1fr);}
.category-page #main.catmcon > .post > .yy {float:none;width:96px;height:96px;margin:0;overflow:hidden;}
.category-page #main.catmcon > .post > .yy a {display:block;width:96px;height:96px;overflow:hidden;}
.category-page #main.catmcon > .post > .yy img {box-sizing:border-box;display:block;width:96px !important;max-width:96px;height:96px !important;padding:2px;border:1px solid #a9a9a9;background:#fff;object-fit:cover;color:transparent;font-size:0;overflow:hidden;}
.category-page #main.catmcon > .post > .yy a:hover img {background:#a9a9a9;}
.category-page #main.catmcon > .post > .entry {box-sizing:border-box;float:none;width:auto;min-width:0;height:110px;line-height:1.4;overflow:hidden;}
.category-page #main.catmcon > .post > .entry h2 {margin:0;padding:0 0 0 7px;font-size:18px;line-height:1.15;}
.category-page #main.catmcon > .post > .entry h2 a,
.category-page #main.catmcon > .post > .entry h2 a:visited,
.category-page #main.catmcon > .post > .entry h2 a:hover {color:#666;}
.category-page #main.catmcon > .post > .entry .postMeta {margin:1px 0 4px;padding:0 0 0 7px;font-size:11px;line-height:1.2;color:#7f7f7f;}
.category-page #main.catmcon > .post > .entry p {display:-webkit-box;margin:0;padding:0 0 0 7px;max-height:2.8em;overflow:hidden;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.category-page #main.catmcon > .post > .entry .continue {padding:0;font-size:11px;}
.category-page #main.catmcon > .post > .entry .continue a {padding-left:7px;}
.category-page #main.catmcon > .catmconheader .category-description {max-width:610px;margin:8px 0 0;padding:0;border:0;background:transparent;color:#666;font-size:13px;line-height:1.55;}
.category-page .category-empty {margin:20px 7px;color:#777;}
.post-page #postpath {padding-left:0;}
.post-page .postinfo {padding-left:0;}
.post-page .content {color:#444;font-size:13px;line-height:1.65;}
.post-page .content p {margin:0 0 13px;}
.post-page .content h2 {margin:23px 0 10px;padding:0 0 6px;border-bottom:1px dashed #c7c7c7;color:#444;font-size:18px;font-weight:bold;line-height:1.35;}
.post-page .content h3 {margin:18px 0 8px;color:#444;font-size:15px;font-weight:bold;line-height:1.4;}
.post-page .content ul,.post-page .content ol {margin:0 0 16px 23px;padding:0;}
.post-page .content li {margin:0 0 7px;padding-left:2px;}
.post-page .content a {text-decoration:underline;text-underline-offset:2px;}
.post-page .content > :last-child {margin-bottom:0;}
.post-page .content img {display:block;float:none !important;max-width:100%;height:auto !important;margin-left:auto !important;margin-right:auto !important;}
.post-page .content a > img {margin-left:auto !important;margin-right:auto !important;}
.post-page #relatedPost {box-sizing:border-box;margin:5px 0;padding:12px 13px 14px;background:#fff;}
.post-page #relatedPost h2 {margin:0 0 5px;padding:0 0 7px;border-bottom:1px dashed #999;font-size:20px;line-height:1.2;}
.post-page #relatedPost ul {margin:0;padding:0;list-style:none;}
.post-page #relatedPost li {position:relative;margin:0;padding:5px 5px 5px 14px;border-bottom:1px dashed #d3d3d3;line-height:1.35;}
.post-page #relatedPost li:last-child {border-bottom:0;}
.post-page #relatedPost li::before {content:"›";position:absolute;left:2px;top:4px;color:#777;font-weight:bold;}
.post-page #relatedPost li a {font-size:12px;line-height:1.35;}

@media (max-width: 980px) {
  body {background-position:center top;}
  #wrap {width:100%;max-width:966px;}
  #main {width:68.5%;margin-left:0;}
  #sidebar {width:31%;margin-right:0;}
  .category-page #main.catmcon {width:68.5%;}
  #catmenu,#catmenu ul {width:100%;height:auto;}
  #catmenu a {padding-left:7px;padding-right:7px;}
  #myGallery,#myGallerySet {width:100%;}
  .content img,.welInfo img {max-width:100%;}
  .homeLinks {box-sizing:border-box;width:auto;margin-right:4px;}
  #footercategories {box-sizing:border-box;width:100%;padding-left:0;}
  .gotop {margin-right:15px !important;margin-left:0 !important;}
}

@media (max-width: 700px) {
  #wrap {min-width:0;}
  #header {display:flex;flex-direction:column;background:#f6f6f6;}
  #caption {box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;order:0;height:50px;min-height:0;background:#fff url(../images/bodybg.jpg) repeat-x 0 0;background-size:1px 92px;}
  #caption .logo a {width:260px;max-width:calc(100vw - 32px);height:auto;min-height:0;}
  #caption .logo img {width:100%;height:auto;}
  #caption .logo a::after {display:block;left:27%;top:69%;width:73%;height:31%;padding-left:3%;background:#fff;font:italic clamp(7px,2vw,9px)/1.4 Arial,Helvetica,sans-serif;overflow:hidden;}
  #searchbox {display:none;}
  #catmenucontainer {box-sizing:border-box;float:none;order:1;width:100%;height:auto;background:#444;}
  #header > .fixed {order:3;}
  #catmenucontainer > .mobile-menu-toggle {box-sizing:border-box;display:block;width:100%;min-height:28px;padding:3px 12px;border:0;background:#292929 url(../images/bodybg.jpg) repeat-x 0 -123px;background-size:1px 158px;color:#fff;font:700 13px/1.4 Verdana,Arial,sans-serif;text-align:left;cursor:pointer;}
  #catmenucontainer > .mobile-menu-toggle:hover,#catmenucontainer > .mobile-menu-toggle:focus-visible {background-color:#292929;}
  #catmenucontainer.is-open > .mobile-menu-search {box-sizing:border-box;display:flex;align-items:center;gap:7px;width:100%;margin:0;padding:10px;background:#383838;}
  .mobile-menu-search input {box-sizing:border-box;flex:1 1 auto;width:0;min-width:0;height:36px;padding:6px 9px;border:1px solid #999;border-radius:0;background:#fff;color:#333;font-size:14px;}
  .mobile-menu-search button {flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid #aaa;border-radius:0;background:#eee;color:#333;font-weight:bold;cursor:pointer;}
  #catmenu {display:none;}
  #catmenu.is-open {display:block;}
  #catmenu,#catmenu > ul {width:100%;height:auto;}
  #catmenu > ul {display:block;margin:0;padding:2px 4px 6px;}
  #catmenu > ul > li {box-sizing:border-box;float:none;display:block;position:relative;width:100%;height:auto;padding:0;background:none;border-top:1px solid #666;}
  #catmenu > ul > li > a {height:auto;min-height:40px;margin:0;padding:10px 40px 10px 10px;font-size:13px;}
  #catmenu > ul > li:hover::before,#catmenu > ul > li:focus-within::before {content:none;}
  #catmenu > ul > li > a:hover,#catmenu > ul > li.is-open > a {background:#666;}
  #catmenu .submenu-toggle {display:block;position:absolute;z-index:2;right:2px;top:3px;width:32px;height:32px;border:0;background:transparent;color:#fff;font-size:20px;line-height:32px;text-align:center;cursor:pointer;}
  #catmenu > ul > li.is-open {background:#383838;}
  #catmenu > ul > li > ul.children {display:none;left:auto;}
  #catmenu > ul > li.is-open > ul.children {display:grid;position:relative;z-index:2;top:auto;width:100%;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 0 8px;background:#383838;}
  #catmenu > ul > li.is-open > ul.children > li {float:none;min-width:0;background:none;}
  #catmenu > ul > li.is-open > ul.children > li > a {box-sizing:border-box;float:none;width:auto;padding:8px 10px;background:transparent;color:#fff;overflow-wrap:anywhere;}
  #catmenu > ul > li.is-open > ul.children > li > a:hover {width:auto;background:#909090;}
  #content {box-sizing:border-box;padding:5px;margin-top:0;}
  #main,#sidebar,.category-page #main.catmcon {box-sizing:border-box;float:none;width:100%;margin:0;}
  #sidebar {margin-top:6px;}
  .post-page #sidebar .random-picture-grid,.category-page #sidebar .random-picture-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
  .post-page #sidebar .random-picture-grid li:nth-child(n+9),.category-page #sidebar .random-picture-grid li:nth-child(n+9) {display:none;}
  .post-page #sidebar .random-picture-grid img,.category-page #sidebar .random-picture-grid img {height:auto;aspect-ratio:1 / 1;}
  #featured {padding:10px;}
  #myGallery,#myGallerySet {height:clamp(240px,65vw,280px);}
  .jdGallery .slideInfoZone {height:100px;padding:0;}
  .jdGallery .slideInfoZone h2 {font-size:15px;line-height:1.25;}
  .jdGallery .slideInfoZone p {font-size:12px;line-height:1.25;}
  .mxx {grid-template-columns:1fr;}
  .mxx .mexp p {max-height:48px;-webkit-line-clamp:3;}
  .mxx2 {grid-template-columns:repeat(4,minmax(0,1fr));}
  .mcon,.mcon2,.mcon3,.postmcon,.category-page #main.catmcon {padding:12px;}
  .category-page #main.catmcon > .post {height:auto;min-height:106px;overflow:visible;}
  .category-page #main.catmcon > .post > .entry {height:auto;overflow:visible;}
  .category-page #main.catmcon > .catmconheader h1 {font-size:25px;}
  .post-page .postdetail h1,.static-page-detail h1 {font-size:23px;}
  #postpath {height:auto;line-height:1.45;overflow-wrap:anywhere;}
  .content,.welInfo,.site-search-results {overflow-wrap:anywhere;}
  .content img,.welInfo img {max-width:100% !important;height:auto !important;}
  .content iframe,.welInfo iframe,.content video,.welInfo video {max-width:100%;}
  .site-search-form {display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
  .site-search-form label {flex-basis:100%;}
  .site-search-form input {box-sizing:border-box;flex:1 1 160px;width:auto;min-width:0;}
  .site-search-form button {margin-left:0;}
  .postinfo span {display:inline-block;margin-bottom:5px;}
  #postnavi .prev,#postnavi .next {display:block;float:none;margin:5px 0;}
  #postnavi .prev a,#postnavi .next a {float:none;height:auto;line-height:1.4;}
  #footer {height:auto;padding-top:7px;}
  #footercategories {float:none;padding:3px 5px;background:#444;}
  #footercategories ul {display:flex;flex-wrap:wrap;justify-content:center;margin:0;}
  #footercategories li {float:none;height:auto;padding:0;background:none;}
  #footercategories li a {padding:7px 9px;}
  .homeLinks {width:auto;margin:4px 5px;}
  .homeLinks ul li {float:none;display:inline-block;}
  .copyright {padding:0 14px;}
  .copyright .footer-legal span {display:block;}
  .copyright .footer-legal span + span {margin:3px 0 0;padding:0;border-left:0;}
}

@media (max-width: 380px) {
  #myGallery,#myGallerySet {height:250px;}
  .jdGallery .slideInfoZone {height:110px;}
  #catmenu > ul > li.is-open > ul.children {grid-template-columns:1fr;}
  .mxx2 {grid-template-columns:repeat(3,minmax(0,1fr));}
  .mxx .yy {flex-basis:80px;}
  .mxx .yy img {box-sizing:border-box;width:76px;height:76px;}
  .category-page #main.catmcon > .post {grid-template-columns:76px minmax(0,1fr);}
  .category-page #main.catmcon > .post > .yy,
  .category-page #main.catmcon > .post > .yy a,
  .category-page #main.catmcon > .post > .yy img {width:76px !important;height:76px !important;}
  .category-page #main.catmcon > .post.no-thumbnail {grid-template-columns:minmax(0,1fr);}
}