.wrap{position:relative;margin-bottom:12vh;margin-top:14vh;z-index:2;width:1380px}
.contentMain{position:relative;display:flex;margin:30px 0}
#bookList,#content{width: 100%;}
span.widget-title{line-height:1.05;letter-spacing:.05em;text-transform:uppercase;font-size:1em;font-weight:600}
span.widget-title span{font-weight:500}
.is-divider{height:3px;display:block;background-color:rgba(0,0,0,0.1);margin:1em 0 1em;width:100%;max-width:30px}


/* aside */

aside{width:22%;margin-left:2%}
aside #contact-nav,aside #category-nav,aside #contact-extra{margin:50px 0}
aside #contact-nav h3 strong,aside #category-nav h3 strong,aside #contact-extra h3 strong{font-size:30px}
aside #contact-nav li,aside #contact-extra li{overflow:hidden;position:relative;border-bottom:1px solid #efefef;padding:14px 0}
aside #contact-nav li a,aside #contact-extra li a{font-size:15px;color:#6e6e6e;display:block}
aside #contact-extra li a{display:inline-block}
aside #contact-nav li a i,aside #contact-extra li i{width:20px;margin-right:10px;text-align:center;font-size:20px}
aside .Cate >li h3{overflow:hidden;position:relative;}
aside .Cate >li h3,aside .Cate >li .subUL li .subULHead p{width:calc(100% - 25px)}
aside .Cate >li >h3{width:100%}
aside .Cate li.action h3{border-bottom:0px solid #efefef}
aside .Cate >li h3 span{color:#c7b9a0;margin-right:8px;vertical-align:bottom;font-weight:bold;font-size:20px}
aside .Cate >li h3 b,aside .Cate >li .subUL li .subULHead b{color:#cbcbcb;font-weight:bold;font-size:12px;position:absolute;right:5px;top:calc(50% - 15px);cursor:pointer;width:30px;text-align:right;height:30px;line-height:30px}
aside .Cate >li h3 a,aside .Cate >li .subUL li .subULHead p a,aside .Cate >li .subUL li .sub2UL li .sub2ULHead p a{padding:4px 0}
aside .Cate li a{font-size:15px;display:block;color:#6e6e6e;transition:all linear 0.2s}
aside .Cate li a:hover,aside .Cate li.action a{color: #547d87;}
aside .Cate >li ul{overflow:hidden}
aside .Cate >li ul.subUL{border-left:1px solid #ddd;margin:0 0 10px 7px;padding-left:15px}
aside .Cate >li:not(.action) ul,aside .Cate .subUL >li:not(.action) ul{display:none}
aside .Cate >li .subUL li .subULHead p a{color:#6e6e6e}
aside .Cate >li .subUL li.action .subULHead p a{color:#c19862}
aside .Cate >li .subUL li .subULHead b{color:#d3d3d3}
aside .Cate >li .subUL li .sub2UL li .sub2ULHead p a{padding-left:35px;border-bottom:1px solid #efefef;color:#6e6e6e}
aside .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a{background:#ededed}
.wrap aside #ad-list ul li{margin:10px 0}
.wrap aside #ad-list ul li a.photo{background-position:50% 50%;transition:all 0.4s ease;background-size:cover}
aside iframe{width:100%}
aside #fb-wrap{text-align:center}



/* bookList */

#bookList ul{font-size:0;display:flex;flex-direction:row;flex-wrap:wrap}
#bookList ul li{position:relative;width:calc((100%/3 - 80px));display:inline-block;margin:20px 10px;border-style:solid;border-width:1px;border-color:#E5E5E5;padding:20px}
#bookList ul li .more{width:100%;height:100%;top:0;left:0;position:absolute}
#bookList ul li a.photo{background-size:cover;transition-duration:1s}
#bookList ul li h3{position:relative;padding:5px 0;left:0;bottom:0}
#bookList ul li h3 a{color:#343434;font-size:1.6em;line-height:1.3;font-weight:500}
.is-divider{height:3px;display:block;background-color:rgba(0,0,0,0.1);margin:1em 0 1em;width:100%;max-width:30px}
#bookList ul li .bookBox{display:flex;flex-direction:column;align-items:flex-start}
#bookList ul li .bookBox .Img{text-align:center;width: 100%;}
#bookList ul li .bookBox .Img img{height:260px;object-fit: cover;object-position: 50%;width:100%}
#bookList ul li .bookBox .Txt p{color:#444444;font-weight:300;line-height:190%;font-size:16px;overflow: hidden;margin: 10px 0;height: 30px;text-align: center;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#bookList ul li .bookBox .Txt a.more-link{position:relative;z-index:0;padding:5px 20px;font-size:14px;letter-spacing:.05em;line-height:160%;border: 2px solid #557e88;color: #567f89;display:inline-block;margin:20px 0 0}
#bookList ul li .bookBox .Txt a.more-link span{vertical-align:revert}



/* album-info */

#album-info{display:flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;-webkit-flex-wrap:wrap}
#album-info::after{content:'';flex-grow:999999999;-moz-flex-grow:999999999;-ms-flex-grow:999999999;-o-flex-grow:999999999;-webkit-flex-grow:999999999;min-width:200px;height:0}



/* bookBox */

#bookBox .wall{position:relative;overflow:hidden;display:block}
#bookBox .wall-column{position:relative;float:left;width:50%;display:block;box-sizing:border-box}
#bookBox .wall-column .article{position:relative;margin:15px}
#bookBox .wall-column .album_box{box-shadow:0 0 10px #c0c0c0}
#bookBox .wall-column .article a{display:block}
#bookBox .wall-column .article h3{position:absolute;width:100%;bottom:0;left:0}
#bookBox .wall-column .article h3 a{margin:10px;padding:10px;background:rgba(255,255,255,.7);text-align:center;font-size:18px;color:#444}
#bookBox .wall-column{width:calc(100% / 3)}
#bookBox .wall-column .album_box img{width:100%}

/* pagenav */

#pagenav{overflow:hidden;margin:30px 0 0;text-align:center;border-bottom:1px solid #ececec;border-top:1px solid #ececec}
#pagenav a,#pagenav strong{width:40px;height:40px;display:inline-block;text-align:center;line-height:37px;font-size:18px;color:#111;vertical-align:middle}
#pagenav a{opacity:.7}
#pagenav p[class^="page-"]{float:left;width:50%}
#pagenav p[class^="page-"] a{padding:10px 25px;width:auto;height:auto;display:block;text-align:left;background:url(/images/42/left-arrow.png);background-repeat:no-repeat;background-size:10px;background-position:left;border:0px solid #D1C3A9;font-size:15px;line-height:160%}
#pagenav p[class^="page-"] a i{margin:0 5px 0 0}
#pagenav p.page-next{float:right}
#pagenav p.page-next a{text-align:right;background:url(/images/42/right-arrow.png);background-repeat:no-repeat;background-size:10px;background-position:right;border-left:1px solid #ececec}
#pagenav p.page-next a i{margin:0 0 0 5px}
#bookList #pagenav{border-bottom:0px solid #ececec;border-top:0px solid #ececec}

/* 相本2 */

.contentMain[data-type="1"]{flex-direction:column}
.contentMain[data-type="1"] #bookList,.contentMain[data-type="1"] #content{width:100%;border-right:0;order:1}
.contentMain[data-type="1"] aside{margin:0 0 30px 0;width:100%}
.contentMain[data-type="1"] aside .Cate{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.contentMain[data-type="1"] aside .Cate >li >h3{border-bottom:0}
.contentMain[data-type="1"] aside .Cate >li >h3 a{padding:.5em 1.5em;border:1px #d0c1a7 solid;border-radius:2em;font-size:16px;color:#000;margin:0.5em 1em}

@media screen and (max-width: 1560px) {
	.wrap  {width: 90%;margin-top: 12vh;}
}

@media screen and (max-width:1024px){#sub-banner a.photo img{width:130%;}

.wrap aside .topBar h3{font-size:25px;}
	.wrap aside{margin:0 auto;float:none;padding-top:20px;width: 100%;}
	#bookList, #content{width: 100%;border-width: 0px 0px 0px 0px;}
	.contentMain{flex-direction: column;}
	#bookList ul li{
    width: calc((100%/2 - 80px));
}
}

@media screen and (min-width: 1281px) {
	#bookList ul li:hover h3{}
	#bookList ul li:hover h3 a{}
	#bookList ul li:hover a.photo { filter: grayscale(100%);}
	#pagenav a:hover { opacity: 1; }
	.contentMain[data-type="1"] aside .Cate >li:hover >h3 a { background: #d0c1a7; }
}

@media screen and (max-width: 1280px) {
	#bookList { padding: 0px 0 20px; }
	#bookBox .wall-column { width: 50%; }
	#bookList ul li h3 a{font-size: 19px;}
}

@media screen and (max-width: 980px) {

	#sideNav #sideMenu { display: block; }
	#sideNav >ul.open>li >h3 a{width: 65%;padding: 12px 12px 12px 50px;border: none;color: #D1C3A9;}
	#sideNav >ul {position: relative;overflow: hidden;width: 95%;margin: 0 auto;height: 0;background: #ffffff;box-shadow: 0 7px 15px #f0d8d370;opacity: 0;left: 0;}
	#sideNav >ul.open {height: auto;opacity: 1;z-index: 1;}
	#sideNav >ul >li {display: block;border: 0.5px solid #f0d8d33b;border-radius: 5px;}
	#sideNav >ul >li.action{background: rgb(240 216 211 / 0.2);}
	#sideNav >ul >li >h3 a:hover{ background: none; color: #D1C3A9;}
	#sideNav >ul >li >ul.subUL {position: relative;width: 100%;left: 30px; padding: 2vh 0 3vh; background: none;-webkit-transition: none;transition: none; height: auto; display: none;}
	#sideNav >ul >li.action >ul.subUL {height: auto;opacity: 1;transition: none;}
	#sideNav >ul >li >ul.subUL li a {text-align: left;color: #D1C3A9;}
	#sideNav >ul >li >ul.subUL li .subULHead p {display: inline-block; }
	#sideNav >ul >li b[data-action="sideOpen"] {padding: 9px 16px 9px 0;display: inline-block;color: #D1C3A9;float: right;}
	#sideNav >ul >li >ul.subUL li ul.sub2UL { overflow: hidden; height: 0; border-bottom: 0; opacity: 0; }
	#sideNav >ul >li >ul.subUL li.action ul.sub2UL {height: auto;opacity: 1;background: none;margin-left: 30px;}
	#pagenav a {opacity: .8;}
	#bookList ul li .bookBox{display: flex;flex-direction: column;}
	#bookList ul li .bookBox .Img,#bookList ul li .bookBox .Txt{width: -webkit-fill-available;margin-right: 0;}
	#bookList ul li .bookBox .Txt p{font-size: 14px;overflow: hidden;height: -webkit-fill-available;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
}



@media screen and (max-width: 768px) {
	.wrap aside #ad-list ul{overflow:hidden;}
	.wrap aside #ad-list ul li{margin:10px 1%;float:left;width:48%}
	#pagenav p[class^="page-"] {float: left;width: 100%;}
	#pagenav .page-prev a img, #pagenav .page-next a img{height: 50px;}
	#bookList ul li{width: calc((100% - 80px));}
	#bookList ul{justify-content: center;}
	#bookList ul li .bookBox .Img img{height: 100%;}
}

@media screen and (max-width: 500px) {
	#bookList ul li{margin: 10px 10px 10px;}
	#bookBox .wall-column { width: 100%; }
}