@charset "utf-8";

/* CSS Document */

/*【default】*/

/*---------------------------------------------------header---------------------------------------*/

/*----------------------------title(標題)---------------------------*/

	.title {

		margin: 30px auto;

	}

	.title h1{

		color: #737373;

		font-style: normal

	}



/*----------------------------banner--------------------------------*/

	#banner {

		background-size:cover;

		background-position: center;

		background-attachment: fixed;

		height: 400px;

		margin-top: 70px;

	}

	#banner .mask{

		position: absolute;

		top:0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: rgba(0,0,0,0.5);

	}

/*---------------------------------------------------main-----------------------------------------*/

/*--------------------------content---------------------------------*/

	#content {

		width: 80%;

		max-width: 1000px;

		margin: 0 auto;

	}

	#content img{

		max-width: 100%;

	}



/*熒幕尺寸【小於】1025時頁面顯示---平板*/

@media (max-width: 1024px) {

/*---------------------------------------------------header---------------------------------------*/

/*----------------------------title(標題)---------------------------*/

	.title {

		margin: 2px auto;

		padding: 7% 0;

	}

/*----------------------------banner--------------------------------*/

	#banner {

		background-attachment: initial;

		background-size:cover;

		height: 300px;

		margin-top: 0px;

	}

}



/*熒幕尺寸【小於】481時頁面顯示---手機*/

@media (max-width: 480px) {

/*---------------------------------------------------header---------------------------------------*/

/*----------------------------title(標題)---------------------------*/

	.title {

		padding: 9% 0;

	}

/*----------------------------banner--------------------------------*/

	#banner {

		height: 200px;

	}

/*---------------------------------------------------main-----------------------------------------*/

/*--------------------------content---------------------------------*/

	#content {

		width:90%;

	}

}