@charset "utf-8";
/* CSS Document */
/*【default】*/
/*-----------------------------------------------------整體預設架構-------------------------------------------------------------*/
	main p{
		font-size: 16px;
		letter-spacing: 2px;
		color: #333;
	}
    main ol, main ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
/*----------主標題樣式(index_title)-----------*/
	.tittle {
		position: relative;
		width: 300px;
		margin: 0 auto;
		padding-bottom:2.5%;
	}
	.tittle h1{
		line-height: 30px;
		color: #34495E;
	}
/*------------------------------------------------------------wrapper--------------------------------------------------*/
/*---------------------------------------------------main-----------------------------------------*/
/*---------------------------section1------------------------------*/
	#section1{
		padding: 8% 0;
	}
	#section1 .word{
		width:50%;
		margin:0 auto;
	}
	#section1 .word p{
		line-height: 2.5em;
	}
/*---------------------------section2------------------------------*/
	#section2{
		background-size: cover;
		background:url(../img/s2_bg.jpg) center no-repeat;
		background-size: cover;
		padding: 8% 0;
		margin-bottom: 5%;
	}
	#section2 h1,#section2 h5{
		color: #fff;
	}
	#ani_bxslider{
		overflow: hidden;
	}
	#ani_bxslider li{
		background: #000;
	}
	#ani_bxslider a:hover img {
	    opacity: 0.9;
	}
	.bx-wrapper .bx-viewport {
		border-top: 15px solid rgba(55, 55, 55, 0.5);
		border-bottom: 15px solid rgba(55, 55, 55, 0.5);
		background: rgba(55, 55, 55,0.6);
	}
/*---------------------------section3------------------------------*/
	#section3 {
		padding: 6% 0;
		background:url(../img/s3_bg.jpg) center no-repeat;
		background-size: cover;
	}
	#section3 article{
		width: 70%;
		margin: 0 auto;
	}
	#section3 article .news{
		width: 80%;
		margin: 0 auto;
	}
	#section3 h3{
		position: relative;
		display: table;
		margin: 0 auto 30px auto;
		color: #5DA0A2;
		text-shadow: 1px 1px 3px white;
	}
/* 	#section3 h3:before{
		position: absolute;
		content:url(../img/news.png);
		top:0;
		left: -40px;
	} */
	#section3 p{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#section3 article .line{
		height: 1px;
		background-color: #aaaaaa;
		margin: 3% auto;
	}
	#section3 article .line:first-child {
	    display: none;
	}

/*熒幕尺寸【小於】1025時頁面顯示---平板*/
@media (max-width: 1024px) {
/*-----------------------------------------------------整體預設架構-------------------------------------------------------------*/
/*----------主標題樣式(index_title)-----------*/
	.tittle {
		padding-bottom: 4.5%;
	}
/*---------------------------------------------------header---------------------------------------*/
/*----------------------------nav-----------------------------------*/
	nav{
		background-color: #524a4a;
	}
/*----------------------------banner--------------------------------*/
/* 	#banner{
		padding-top: 40px;
	} */
/*---------------------------------------------------main-----------------------------------------*/
	main {
		position: relative;
	}
/*---------------------------section1------------------------------*/
	#section1 {
		padding: 10% 0;
	}
	#section1 .word {
		width: 80%;
	}
/*---------------------------section2------------------------------*/
	#section2{
		padding: 10% 0;
		margin-bottom: 7%;
	}
/*---------------------------section3------------------------------*/
	#section3 {
		padding: 8% 0;
	}
	#section3 article .line {
		margin: 5% auto;
	}
}

/*熒幕尺寸【小於】481時頁面顯示---手機*/
@media (max-width: 480px) {
/*-----------------------------------------------------整體預設架構-------------------------------------------------------------*/
/*----------主標題樣式(index_title)-----------*/
	.tittle {
		width: 280px;
		padding-bottom: 6.5%;
	}
/*---------------------------------------------------main-----------------------------------------*/
/*---------------------------section1------------------------------*/
	#section1 {
		padding: 12% 0;
	}
/*---------------------------section2------------------------------*/
	#section2 {
		padding: 12% 0;
		margin-bottom: 9%;
	}
/*---------------------------section3------------------------------*/
	#section3 {
		padding: 10% 0;
	}
	#section3 article .line {
		margin: 7% auto;
	}
}