/* CSS Document */
.facList .item {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
}

.contentBox .leftBox {
		padding: 0 50px 0 0;
}
@media (max-width: 1023px) {
		.contentBox .leftBox {
				padding: 0 0 30px 0;
		}
}
.contentBox .rightBox {
		padding: 0;
}

.classNote {
		padding-bottom: 10px;
		font-size: 15px;
		line-height: 1.8;
		color: #222;
		text-align: center;
}

.facList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0 -15px;
}
.facList .facItem {
		width: 25%;
		padding: 0 15px 30px;
}
@media (max-width: 1023px) {
		.facList .facItem {
				width: 33.3333333333%;
		}
}
@media (max-width: 640px) {
		.facList .facItem {
				width: 100%;
		}
}
.facList .item {
		background-color: #fff;
		padding: 0 0 10px;
		-webkit-box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0);
		        box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0);
}
.facList .item:hover {
		-webkit-box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0.2);
		        box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0.2);
}
.facList .item:hover .Txt .title a {
		color: #EE8A0C;
}
.facList .Img {
		position: relative;
}
.facList .Img::before {
		-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
		        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
		color: #fff;
		display: block;
		line-height: 1;
		letter-spacing: 0.5px;
		padding: 8px 25px;
		position: absolute;
		top: 12px;
		left: 12px;
		z-index: 2;
		text-align: center;
		-webkit-transform-origin: top left;
		        transform-origin: top left;
}
.facList .Img.statusNew::before {
		content: "NEW";
		background-color: #29b8ed;
		border: 1px solid #29b8ed;
}
.facList .Img.statusHot::before {
		content: "HOT";
		background-color: #29b8ed;
		border: 1px solid #29b8ed;
}
.facList .Img a {
		display: block;
		overflow: hidden;
}
.facList .Img img {
		display: block;
		width: 100%;
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.facList .Txt {
		padding: 0px 25px 25px;
		text-align: left;
		margin: 25px 15px 15px;
		position: relative;
}
.facList .Txt::before {
		content: "";
		position: absolute;
		width: 8px;
		height: 100%;
		background-color: #e5e5e5;
		top: 0;
		left: 0;
}
.facList .Txt .title a {
		display: block;
		font-size: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.facList .Txt .text {
		padding-top: 10px;
		height: 60px;
		line-height: 1.8;
		font-size: 13px;
		color: #777;
}
.facList .price {
		margin-top: 10px;
}
.facList .price strong {
		display: inline-block;
		margin: 0 5px;
}
.facList .price .discount b {
		font-style: italic;
		font-size: 18px;
		color: #02152c;
}

.insIntroBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media (max-width: 767px) {
		.insIntroBox {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.insIntroBox .albumBox {
		width: 35%;
		margin-right: 30px;
}
@media (max-width: 767px) {
		.insIntroBox .albumBox {
				width: 100%;
				margin-right: 0;
				margin-bottom: 30px;
		}
}
.insIntroBox .albumBox .albumList .albumItem {
		cursor: pointer;
}
.insIntroBox .albumBox .albumList .albumItem img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.insIntroBox .albumBox .albumListNav {
		margin: 15px -5px 0;
}
.insIntroBox .albumBox .albumListNav .albumItem {
		padding: 0 5px;
}
.insIntroBox .introBox {
		width: 65%;
}
@media (max-width: 767px) {
		.insIntroBox .introBox {
				-webkit-box-flex: 1;
				    -ms-flex: auto;
				        flex: auto;
				width: 100%;
		}
}
.insIntroBox .introBox .articleTitle {
		margin-bottom: 15px;
		padding: 0 0 15px 0;
}
.insIntroBox .introBox .Txt {
		margin-top: 20px;
		line-height: 1.6;
		font-size: 15px;
		color: #6c6c6c;
}