/* body *{
	font-family: Helvetica, Tahoma, Arial, STXihei, 
		"Microsoft YaHei",  SimSun, Heiti, sans-serif !important;
} */
body * {
	font-family: erdana, Arial, Helvetica, sans-serif;
}

.top-bar .top-bar-right label {
	color: white;
}

ul.menu a {
	font-size: 20px;
	font-weight: bold;
}

.formContainer {
	/*  background: #f4f4f4; */
	padding: 2rem 4rem 2rem;
}

.formContainer li {
	display: flex !important;
	align-items: center;
	padding: 0 !important;
	margin: 0.8rem 0 !important;
}

.subpage-slider {
	background-color: #015311;
	height: 162px;
}

.subpage-container.sub-slider {
	width: 1170px;
}

.subpage-banner-title {
	font-weight: bold;
	color: white;
	line-height: 162px;
	padding-left: 200px;
	background-repeat: no-repeat;
	background-size: auto 162px;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 3px 2px #000;
}

.subpage-container .promoBook {
	/*	position: absolute;
	top: 10%;
	left: 0%; */
	width: auto;
}

.banner-yearbook {
	background-image: url(../../../img/banner-yearbook.png) !important;
}

.books .slick-prev, .books .slick-next {
	top: 80px;
	z-index: 10000;
	width: 25px;
	height: 35px;
}

.books .slick-prev {
	left: 0.5rem;
	background: url(../../../img/arrow_preview.png);
	background-size: cover;
}

.books .slick-prev:hover, .books .slick-prev:focus, .books .slick-prev:active
	{
	background-image: url(../../../img/arrow_preview.png) !important;
	background-size: cover;
}

.books .slick-next {
	right: 0.5rem;
	background: url(../../../img/arrow_next.png);
	background-size: cover;
}

.books .slick-next:hover, .books .slick-next:focus, .books .slick-next:active
	{
	background-image: url(../../../img/arrow_next.png) !important;
	background-size: cover;
}

.slick-prev  i.fa.fa-chevron-circle-left, .slick-next i.fa.fa-chevron-circle-right
	{
	position: absolute;
	top: 50%;
	display: none;
}

.books .nav-slick {
	height: 5px;
	width: 100%;
	display: block;
	position: absolute;
	/*  top: -100%; */
	left: 0;
	z-index: 10;
}

.books .nav-slick .arrow-box {
	width: 1170px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.books .subpage-container.sub-slider>.slick-arrow {
	display: none !important;
}

.sub-slider .item {
	float: left;
	display: block;
	padding: 10px 20px;
	width: 1140px;
	height: 162px;
	vertical-align: middle;
}

.sub-slider .item table {
	width: 80%;
	max-width: 1140px;
	border-collapse: collapse;
	height: 142px;
	margin: 0 auto;
	border: none;
	background-color: transparent;
}

.sub-slider tbody, tfoot, thead {
	border: none;
	background-color: transparent !important;
}

.sub-slider .item table td {
	vertical-align: top;
	word-wrap: break-word;
	word-spacing: normal;
	padding: 0;
	vertical-align: middle;
}

.sub-slider .item table td.image-td {
	width: 100px;
}

.sub-slider .item table td.title-td {
	width: 120px;
}

.sub-slider  .item table td img {
	width: 105px;
	border: 1px solid white;
}

.sub-slider .item table .title {
	color: #65c21a;
	font-size: 1rem;
	font-weight: 400;
	padding-left: 0.8rem;
	/*   word-break: keep-all; */
}

.year_bar .year-wrapper {
	width: 400px;
	float: right;
}

.year_bar .year_label {
	height: 100%;
	line-height: 40px;
	color: #015311;
	margin-right: 1rem;
}

.year-select {
	height: 47px;
	border-top: 2px solid #02951c;
	background: #015311;
	vertical-align: top;
	color: white;
	width: 100%;
}

.year_bar .dropDown {
	float: right;
	width: 95%;
}

select.yearRange {
	background-color: #e3e3e3;
	/*  		  opacity: 0.9; */
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	text-align-last: center;
	color: rgba(1, 83, 7, 0.9);
	letter-spacing: 2px;
	height: 40px;
	margin-bottom: 0 !important;
	border: 1px solid #e3e3e3;
}

select.yearRange:focus, select.yearRange:hover, select.yearRange:active
	{
	background-color: #e3e3e3 !important;
	border: 1px solid #e3e3e3;
}

select option {
	font-weight: 500;
	color: rgba(1, 83, 7, 0.85);
	line-height: 20px;
	background-color: #f9f6f6;
	border: 1px solid #f9f6f6;
}

.year-select {
	height: 47px;
	border-top: 2px solid #02951c;
	background: #015311;
	vertical-align: top;
	color: white;
	width: 100%;
}

h3.title {
	font-size: 23px;
}

.yearbook-list {
	display: table;
	width: 100%;
	/* list-style: none; */
}

.yearbook-list .list {
	display: contents;
	width: 100%;
}

.yearbook-list .list-header, .yearbook-list .list-header:hover {
	color: #ff4f19;
	border-bottom: 0;
	background-color: #fff;
	font-weight: bold;
}

.yearbook-list .list a:hover {
	color: #029714;
	border-bottom: 1px solid #029714;
	background-color: #e9e8e8;
	font-weight: bold;
}

.yearbook-list  a, .yearbook-list  div a {
	display: table-row;
	width: 100%;
	padding: 8px 0 8px 5%;
	color: #000;
	text-decoration: none;
}

.yearbook-list  a .clickTimes, .yearbook-list  a .size {
	display: table-cell;
	width: 10%;
	text-align: center;
	padding: 8px 0 8px 0;
	color: #ff6a19;
}

.yearbook-list .yearbook-title .clickTimes, .yearbook-list .yearbook-title .size
	{
	color: #fff;
}

.yearbook-list .yearbook-title a {
	color: #fff;
	background-color: #ff9600;
}

.yearbook-list .list a:hover .title {
	background-image: url("../../../img/icon_download_green.png");
	background-size: 17px 17px;
}

.yearbook-list .yearbook-title a:hover {
	color: #fff;
	background-color: #ff4f19;
	border-bottom: 0;
	font-weight: bold;
}

/*.yearbook-list .list:first-child a, .yearbook-list .list:first-child a .clickTimes, 
	.yearbook-list .list:first-child  a .size {
	color: #fff;
	background-color: #ff9600;
}
*/
.yearbook-list a .title {
	background-image: url(../../../img/icon_download_orange.png);
	background-size: 17px 17px;
	background-position: 40px 9px;
	background-repeat: no-repeat;
	background-color: transparent;
	display: table-cell;
	width: 80%;
	padding: 8px 0 8px 60px;
}

.yearbook-list .list:first-child a .title, .yearbook-list .list:nth-child(9) a .title
	{
	background-image: url(../../../img/icon_download_white.png) !important;
	background-size: 17px 17px;
}

.yearbook-list  .yearbook-title .title {
	background-image: url(../../../img/icon_download_white.png) !important;
	background-size: 17px 17px;
}

.yearbook-list .list-header .title, .yearbook-list .list-header:hover .title
	{
	background-image: none;
}

@media only screen and (min-width: 63.9375em) {
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.subpage-container.sub-slider {
		overflow: hidden;
		width: 88%;
	}
	
	
	.books .nav-slick .arrow-box {
		width: 100%;
	}
	
	.books .slick-prev {
		left: 2.2rem;
	}
	
	.books .slick-next {
   		right: 2.2rem;
	}
	.sub-slider .item table {
		width: 105%;
	}

	
	.year_bar .main-menu a {
	   max-width: 25%;
	}
	
	.year_bar .year-wrapper {
    	width: 50%;
	}
	
	.year_bar .year_label {
    	margin-left: 1rem;
	}
}

@media screen and (max-width: 39.9375em) {
	.top-bar .top-bar-right label {
		color: rgb(80, 80, 80);
	}
	ul.menu a {
		font-size: 20px;
	}
	.formContainer {
		padding: 1rem 0 0;
	}
	.year_bar .grid-container {
		padding-left: 0rem;
	}
	.year_bar .year-wrapper {
		width: 100%;
	}
	.year-wrapper .grid-x .cell.shrink {
		background-color: #b7b7b7;
		padding-left: 1rem;
	}
	.year-wrapper .grid-x .cell.auto {
		background-color: #b7b7b7;
	}
	.year_bar .year_label {
		color: #fff;
		margin-left: 0.7rem;
		margin-right: 0rem;
	}
	.year_bar .main-menu a {
		padding: 0 3.7em;
		max-width: 45%;
	}
	.subpage-slider.books {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	.subpage-container.sub-slider {
		overflow: hidden;
		width: initial;
	}
	.subpage-slider {
		height: auto;
	}
	.subpage-slider .promoContainer {
		height: 221px;
	}
	.slider .slick-slide {
		max-width: 100vw;
	}
	.books .nav-slick .arrow-box {
		width: 100%;
	}
	.books .slick-prev {
		/* 	top: 50%; */
		left: .6rem;
	}
	.books .slick-next {
		right: 0.8rem;
	}
	.sub-slider .item {
		padding: 10px 10px;
		margin-left: -2.5rem;
	}
	.sub-slider .item table {
		width: 100%;
	}
	.sub-slider .item table td {
		padding: 0 2px;
	}
	.sub-slider .item table td.image-td {
		/*	width: initial;*/
		
	}
	.sub-slider .item table td.title-td {
		/*	width: initial;*/
		
	}
	.sub-slider .item table .title {
		font-size: 1.3rem;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		margin-left: -1rem;
		margin-right: 1.5rem;
	}
	.yearbook-list  a .clickTimes {
		width: 15%;
	}
    .yearbook-list  a.list-header .clickTimes {
		text-align: right;
	}
	.yearbook-list  a .size {
		width: 15%;
	}
	.yearbook-list  a.list-header .size {
		text-align: right;
	}
	.yearbook-list a .title {
		background-position: 3px 10px;
		padding: 8px 0 8px 23px;
	}
}

@media screen and (min-width: 40em) {
	.formContainer label ~* {
		/* 		width: inherit !important; */
		
	}
}