@charset "utf-8";
/* CSS Document */
@media (orientation: landscape) {

	body {
		font: arial, sans-serif;
	}

	ul {
		list-style-image: url('../images/b_pin.png');
		line-height:22px;
	}

	.navbar {
	  overflow: hidden;
	  background-color: #333;
	  position: fixed;
	  top: 0;
	  width: 100%;
	  box-shadow: 10px 10px 15px rgba(55,55,55,0.5);
	}

	.navbar a {
	  float: left;
	  display: block;
	  color: #f2f2f2;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 36px;
	}

	.navbar a:hover {
	  background: #ddd;
	  color: black;
	}

	.main {
	  margin-top: 50px;
	}

	.div_1 {
		background-image: url("../images/06.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.div_2 {
		background-image: url("../images/01.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.div_3 {
		background-image: url("../images/12.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.div_4 {
		background-image: url("../images/20.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#foot {
		background-color:#000;
		color:#FFF;
		font-size:75%;
		padding:5px;
	}
}

@media (orientation: portrait) {

	body {
		font: arial, sans-serif;
	}

	ul {
		list-style-image: url('../images/b_pin.png');
		line-height:22px;
		font-size: 36px;
	}

	.navbar {
	  overflow: hidden;
	  background-color: #333;
	  position: fixed;
	  top: 0;
	  width: 100%;
	  box-shadow: 10px 10px 15px rgba(55,55,55,0.5);
	  font-size: 36px;
	}

	.navbar a {
	  float: left;
	  display: block;
	  color: #f2f2f2;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 36px;
	}

	.navbar a:hover {
	  background: #ddd;
	  color: black;
	}

	.main {
	  margin-top: 50px;
	}

	.div_1 {
		background-image: url("../images/06.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.div_2 {
		background-image: url("../images/01.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.div_3 {
		background-image: url("../images/12.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.div_4 {
		background-image: url("../images/20.jpg");
		min-height: 500px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#foot {
		background-color:#000;
		color:#FFF;
		font-size:75%;
		padding:5px;
	}
}
}