@charset "big5";


@media (max-width: 480px) {
	
	#nav-icon{
		top:15px;
		right: 15px;
	}
	
	header img.en-title,header img.title,header img.sub1,header img.sub2,header img.sub3,header img.sub4{
		display: none;
	}
	header img.mobile-head{
		display: block;
	}
	header .container{
		padding-left: 0;
	}
	
	.book .row{
		padding-left: 10%;
		padding-right: 10%;
	}
	.book .row .col-book:first-child{
		padding-bottom: 2em;
	}
	
	.good .content{
		padding-top: 30px;
		background: none;
		background-color: #000;
	}
	.good .bar{
		width: 90%;
		margin-left: 5%;
		height: auto;
		margin-bottom: 30px;
	}
	.good .row .col .box{
		width: 90%;
		margin-left: 5%;
	}
	
	.intro{
		padding-top: 30px;
	}
	.intro .bar{
		width: 90%;
		margin-left: 5%;
		height: auto;
		max-height: 50px;
		margin-bottom: 30px;
	}
	.intro .row .col-p1{
		padding-left: 10%;
		padding-right: 10%;
	}
	.intro .row .col-txt{
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.intro .row .col-pic1 img{
		display: block;
	}
	
	.preview .bar{
		width: 90%;
		margin-left: 5%;
	}
	.preview .row .col img{
		width: 50%;
	}
	
	.author .row{
		padding: 30px 10% 60px 10%;
	}
	.author .row .col:first-child{
		margin-bottom: 2em;
	}
		
	footer .footm{
		display: block;
	}
	footer .foot{
		display: none;
	}
}