@CHARSET "ISO-8859-1";

	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0 8rem;
		padding:0;
		line-height:1.1;
		margin-bottom:1rem;
	}
	.intro p{
		color: #fff;
		letter-spacing:2px;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	/* Fixed header and footer.
	* --------------------------------------- */
	#header{
		position:fixed;
		height: 30px;
		display:block;
		width: 100%;
		background: #333;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding: 20px 0 0 0;
		opacity:0.8;
	}

	#header{
		top:0px;
	}
	#footer{
		bottom:0px;
		position:fixed;
		height: 30px;
		display:block;
		width: 100%;
		background: #333;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding: 10px 0 0 0;
		opacity:0.8;
	}
	#footer p{
		font-size:0.8rem;
	}
	body{
		position:relative;
	}
	
	.ring_logo {
		width:60px;
		margin:-27px auto 0;
		z-index:10;
	}

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu {
		bottom: 80px;
	}
	#infoMenu li a {
		color: #fff;
		z-index: 999;
	}

/*firstV*/
	#section0{
	background-image: url(../img/2109/img_2109_01.jpg);
	background-size: cover;
	background-position: center;
  	}

	#section1{
	background-image: url(../img/2010/img_02.jpg);;
	background-size: cover;
	background-position: center;
  	}

	#section2{
	background-image: url(../img/2010/img_03.jpg);
	background-size: cover;
	background-position: center;
  	}

	#section3{
	background-image: url(../img/img_img12.jpg);
	background-size: cover;
	background-position: center;
  	}

	#section4{
	background-image: url("../img/2010/img_05.jpg");
	background-size: cover;
	background-position: center;
  	}

	#section5{
	background-image: url("../img/2109/img_2109_02.jpg");
	background-size: cover;
	background-position: center;
  	}

	#section6{
	background-image: url(../img/1808/img_05.jpg);
	background-size: cover;
	background-position: center;
  	}

	#section7{
	background-color:#e8e8e8;
  	}

	#section8{
	background-image: url(../img/2010/img_08.jpg);
	background-size: cover;
	background-position: center;
  	}

/*譛蠕�*/
	#section9{
	background-image: url(../img/1908/img_01.jpg);
	background-size: cover;
	background-position: center;
  	}






.section{
	width: 100vw;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
  }


h2{
font-size: 2.3em;
font-family: arial,helvetica;
color: #fff;
margin:0 2rem;
padding:0;
}

.dis_text{
color:#FFF;
font-size: 1.2em;
margin:0 10rem;
	vertical-align: middle;
}

.dis_text_reco{
color:#999999;
font-size: 1.2em;
margin:0 5rem;
vertical-align: middle;
line-height:1.3;
}

.dic_notes{
font-size:0.7rem;
display: inline-block;
margin-right:0.3rem;
color:#FFF;
}


.comment{
font-size:0.8rem;
display: inline-block;
margin: 0 3rem;
color:#999;
}


.dis_tittle_reco{
	line-height:1;
	margin-bottom:1rem;
}
.item_link{
	border:#FFF 1px solid;
	padding:1.2rem 2rem;
	width:30%;
	margin:0 auto;
	background:#faf8f8;
	margin-top:1rem;
	opacity:0.6;
	font-size:1.5rem;
}


@media all and (max-width: 480px){
h1{
font-size:3em;
margin:0 1rem 1rem;
line-height:1.1;
}

h2{
font-size: 1.5em;
margin:0 2rem;
}
.intro p{
color: #fff;
letter-spacing:2px;
font-size:1rem;
}
.dis_tittle{
font-size:2.5rem;
margin:0 1.5rem 0.7rem;
}
.dis_text{
font-size: 1em;
margin:0 2.5rem;
}
.fp-controlArrow.fp-prev {
left: 2px;
width: 0;
border-width: 38.5px 20px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 2px;
border-width: 38.5px 0 38.5px 20px;
border-color: transparent transparent transparent #fff;
}
.dis_no{
width:28%;
}

.item_link{
	border:#FFF 1px solid;
	padding:0.8rem 1rem;
	width:45%;
	margin:0 auto;
	background:#faf8f8;
	margin-top:1rem;
	opacity:0.6;
	font-size:0.8rem;
}

	}
