#news{
	padding: 40px 0;
}
#news h3{
	float:left;
	margin-right:20px;
	position:relative;
	padding-top: 10px;
}
#news h3:before{
	content:'';
	position:absolute;
	top:0;
	left: 2px;
    width: 17px;
	height:2px;
	background:#e60012;
}
#news h3 a{
	color:#e60012;
	font-style:italic;
}
#news .bd{
	float:left;
	width: 80%;
    overflow: hidden;
}

#news .bd li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#news .bd li .detail{
}
#news .bd li .detail h2 a{
	color:#383838;
	font-size:18px;
	font-weight:normal;
}
#news .bd li .detail p{
	color:#383838;
	font-size:14px;
	margin-top:5px;
}
#about-wrap{
	color:#fff;
	padding:114px 0 500px;
	position:relative;
	overflow:hidden;
	font-family: "cwTeXHei","微軟正黑體";
	transition:all ease-in-out 0.6s;
	background: rgba(62, 10, 2, 0.84);
}
#about-wrap:hover{
	background:#1d1d1d;
}
#about-wrap article{
	font-size:24px;
	line-height: 180%;
	font-family: "cwTeXHei","微軟正黑體";
}
#about-wrap h2{
	font-size:32px;
	line-height:100%;
    margin: 40px 0;
    font-weight: normal;
	font-family: "cwTeXHei","微軟正黑體";
}
#about-wrap article.about2{
	font-size:18px;
	width: 65%;
}
#about-wrap p{
	font-size:14px;
	margin-top: 100px;
}
#about-wrap p a,
.book .more a{
	color: #fff;
    display: block;
    width: 150px;
    background-color: #e60012;
    border-radius: 20px;
    padding: 5px 20px;
	background-image:url(/images/33/index-show-more.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
}
#youtube{
	position:absolute;
	right:13%;
	bottom:15%;
	z-index: 9;
}
#youtube iframe{
    width: 600px;
    height: 400px;
}
#about-wrap .bg img.abbg{
	position:absolute;
    left: 0;
    bottom: 0;
}
#about-wrap .bg img.abbg2{
	position:absolute;
    right: 0;
    bottom: 0;
}
.book{
	position:relative;
	padding-bottom: 70px;
}
.book .book-show-only{
	width:1683px;
	margin:0 auto;
}
.book .book-show-only h2{
	position: relative;
    margin-top: -110px;
    z-index: 9;
	margin-left: 100px;
}
.book .book-show-only .book-show-only-list{
	position: relative;
    margin-top: -30px;
}
.book .book-show-only .book-show-only-list .onlyshowbox{
	position: relative;
}
.book .book-show-only .book-show-only-list .onlyshowbox .info{
	position: absolute;
    bottom: 0;
    right: 0;
}
.book .book-show-only .book-show-only-list .onlyshowbox .info h3{
	margin: 0 5px 5px 0;
}
.book .book-show-only .book-show-only-list .onlyshowbox .info h3 a{
	color: #fff;
    font-size: 40px;
}
.book .book-show-only .book-show-only-list .onlyshowbox .photo{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
/**出現三本**/
.book-show{
	margin-top: 80px;
	transition:inherit;
}
.book-show div,
.book-show a{
	transition:inherit;
	outline:none;
}
.book-show .showbox{
	margin: 0 10px;
	
}
.book-show .showbox .showbox-photo{
	position:relative;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	
}
.book-show .showbox .showbox-photo .photo{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	outline:none;
	transition:all linear 0.3s;
}
.book-show .showbox .showbox-photo .photo:hover{
	background-color:rgba(0,0,0,0.7);
	background-image:url(/images/33/logo-footer.png);
}
.book-show .showbox .showbox-photo h3{
	position:absolute;
	right:0;
	bottom:0;
}
.book-show .showbox .showbox-photo h3 a{
	color: #fff;
    font-size: 20px;
}
.book-show .showbox article{
	background:#fff;
	padding: 25px;
}
.book-show .showbox article a{
	color:#3a3a3a;
	font-size:14px;
	display:block;
	height: 3.5em;
    overflow: hidden;
}
.book .more{
	margin-top: 30px;
}
.book .more a{
    margin: 0 auto;	
}
@media screen and (max-width: 1680px) {
	.book .book-show-only{
		width:1446px;
	}
}
@media screen and (max-width: 1440px) {
	.book .book-show-only{
		width:1180px;
	}
}
@media screen and (max-width: 1280px) {
	.book .book-show-only{
		width:90%;
	}
	#about-wrap article{
		font-size:20px;
	}
	#about-wrap h2{
		font-size:26px;
	}
	#about-wrap article.about2{
		font-size:16px;
	}
	#youtube{
		right: 5%;	
	}
	#youtube iframe{
		width: 500px;
		height: 350px;	
	}
	.book .book-show-only h2{
		margin-left: 50px;	
	}
	.book .book-show-only h2 img{
		width: 50%;
	}
}
@media screen and (max-width: 980px) {
	#youtube{
		position: initial;
		margin-left: 5%;
		margin-top: 50px;	
		width:90%;	
		right: initial;
	}
	#youtube{
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;height:0;overflow:hidden;
	}
	#youtube iframe,
	#youtube object,
	#youtube embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	
	}
	#about-wrap{
	    padding: 114px 0 300px;	
	}
	.book .book-show-only .book-show-only-list .onlyshowbox .info h3 a{
		font-size:30px;
	}
}
@media screen and (max-width: 768px) {
	#about-wrap article{
		font-size:18px;
	}
	#about-wrap h2{
		font-size:22px;
		line-height: 150%;
	}
	#about-wrap article.about2{
		font-size:15px;
		width: 76%;
	}
	#about-wrap{
		padding: 114px 0 200px;	
	}
	.book .book-show-only .book-show-only-list{
	    margin-top: -10px;	
	}
}
@media screen and (max-width: 640px) {
	.book-show .showbox{
		margin:0;
	}
	.book-show{
	    margin-top: 50px;	
	}
	.book .book-show-only .book-show-only-list .onlyshowbox .info h3 a{
		font-size:20px;
	}
	#about-wrap{
		background:#1d1d1d;
	}
	#news .bd{
		width: calc(100% - 70px);	
	}
}
@media screen and (max-width: 480px) {
	#about-wrap article.about2{
		width: 85%;
	}
	.book .book-show-only h2{
		margin-left: 30px;	
	}
}