@charset "utf-8";
/* CSS Document */
/*【default】*/
/*---------------------------------------------------header---------------------------------------*/
	#banner{
		/* background: url(../img/banner.png) center top no-repeat; */
		background-position: center top;
		background-size: cover;
        height: 24.5vw;
	}
/*----------------------inside_title------------------------------*/
    #inside_title h2{
		padding: 0 30px 30px 30px;
		margin-bottom:6%;
		border-bottom:1px solid #bbbbbb;
    }
    #inside_title h2 span{
        color: #0006ff;
    }
    #inside_title h2 span.word_after{
        color: goldenrod;
    }
/*---------------------------------------------------main---------------------------------------*/
/*-------------------------content--------------------------------*/
	main #content{
	    text-align: initial;
	}
	#content{
		width: 70%;
		margin: 0 auto;
		padding: 50px 10px;
		background-color: rgba(255,255,255,0.9);
	}
	#content img{
		max-width: 100%;
		/*
		height: auto; !important;
		margin: 0 auto;
		display: inline;
		*/
	}

	#articles {
		width: 90%;
		margin: 30px auto;
	}
	#articles h3 {
		margin: 20px 0;
	}
	#articles p {
		text-align: center;
	}


/*熒幕尺寸【小於】1025時頁面顯示---平板*/
@media (max-width:1024px) {
/*---------------------------------------------------header---------------------------------------*/
    #banner {
        margin-top: 0;
        height: 30vw;
    }
/*----------------------inside_title------------------------------*/
	#inside_title h2{
		margin-bottom: 8%;
	}
/*---------------------------------------------------main---------------------------------------*/
/*-------------------------content--------------------------------*/
	#content{
		width: 90%;
	}
/*--------------------btn----------------------*/
	#btn_list{
		margin-top: 7%;
	}
}
/*熒幕尺寸【小於】769時頁面顯示---平板*/
@media (max-width: 768px) {
/*---------------------------------------------------header---------------------------------------*/
    #banner {
        height: 40vw;
    }
}
/*熒幕尺寸【小於】481時頁面顯示---手機*/
@media (max-width: 480px) {
/*---------------------------------------------------header---------------------------------------*/
/*----------------------inside_title------------------------------*/
	#inside_title h2{
		margin-bottom: 10%;
	}

/*---------------------------------------------------main---------------------------------------*/
/*-------------------------content--------------------------------*/
	#content{
		padding: 10% 0;
	}
}