.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: 75%;border-style: solid;border-width: 0px 1px 0px 0px;border-color: #E5E5E5;padding-right: 30px;}
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;border-bottom:1px solid #efefef;}
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: #e2c5c1;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: #e2c5c1;}
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: #e2c5c1;}
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; }
#bookList ul li {position: relative;width: auto;display: inline-block;margin: 20px 10px;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #E5E5E5;padding: 0px 0 40px;}
#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;}
#bookList ul li .bookBox .Img{width: 20%;margin-right: 2em;}
#bookList ul li .bookBox .Txt{width: 70%;}
#bookList ul li .bookBox .Txt p{color: #444444;font-weight: 300;line-height: 190%;}
#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 #f4c1a9;color: #f4c1a9;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;}

@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;}
}
@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; }
}
@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{margin-top: 20px;}
	#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;}
}
@media screen and (max-width: 500px) {
	#bookList ul li{margin: 0px 10px 10px;}
	#bookBox .wall-column { width: 100%; }
}