@charset "utf-8";
/* CSS Document */

/* ==========================================================
 scenery
========================================================== */

.scenry .list-video {
	margin-top: 20px;
}

	.scenry .list-video li.odd {
		float: left;
		width: 413px;
	}

	.scenry .list-video li.even {
		float: right;
		width: 552px;
	}

	.scenry .list-video li .video-mainimg-cmn {
		width: 100%;
		margin: 0 auto 10px;
	}

	.scenry .list-video li .video-mainimg-cmn .video {
		height: 310px;
		margin-bottom: 0;
	}

	.scenry .list-video li dl {
		margin-top: 10px;
		font-weight: bold;
	}

	.scenry .list-video li dt {
		font-size: 115%;
	}

	.scenry .list-video li img {
		width: 100%;
	}

.scenry .img {
	padding: 35px 0;
	text-align: center;
}

.scenry .slide dt {
	height: 40px;
	line-height: 40px;
	background-color: #2fb9b4;
	text-align: center;
	font-size: 129%;
	font-weight: bold;
	color: #fff;
}

.scenry .slide dd {
	padding: 36px 23px 23px;
	background-color: #e5f6f6;
}

@media screen and (max-width: 639px) {

	.scenry .list-video li {
		margin-bottom: 1.5em;
	}

	.scenry .list-video li.odd,
	.scenry .list-video li.even {
		float: none;
		width: 100%;
	}

	.scenry .list-video li.odd .video-mainimg-cmn .video,
	.scenry .list-video li.even .video-mainimg-cmn .video {
		height: 0;
		width: 100%;
		margin: 0;
	}
	
	.scenry .list-video li.odd .video-mainimg-cmn .video {
		padding-bottom: 75%;
	}

	.scenry .list-video li.even .video-mainimg-cmn .video {
		padding-bottom: 56.34%;
	}

	.scenry .list-video li dl {
		margin-top: 10px;
	}

	.scenry .img {
		padding: 0 0 30px;
	}

	.scenry .slide dt {
		height: 2em;
		line-height: 2.3em;
		font-size: 92%;
	}

	.scenry .slide dd {
		padding: 15px 30px;
		background-color: #e5f6f6;
	}
}

/* ==========================================================
 bxslider
========================================================== */
.scenry .bx-wrapper {
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin: 0 auto 40px;
}

.scenry .bx-wrapper .bx-pager.bx-default-pager a:focus,
.scenry .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #666;
}

.scenry .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2fb9b4;
}

.scenry .bx-wrapper .bx-controls-direction a {
	width: 26px;
	height: 39px;
}

.scenry .bx-wrapper .bx-prev:hover,
.scenry .bx-wrapper .bx-next:hover {
	background-position: center center;
}

.scenry .bx-wrapper .bx-controls-direction a:hover {
	opacity: .6;
}

.scenry .bx-wrapper .bx-prev {
	left: -40px;
	background: url(../img/common/next.png) no-repeat center center;
}

.scenry .bx-wrapper .bx-next {
	right: -40px;
	background: url(../img/common/prev.png) no-repeat center center;
}

.scenry .bx-wrapper .bx-pager,
.scenry .bx-wrapper .bx-controls-auto {
	bottom: -35px;
}

@media screen and (max-width: 639px) {
	.scenry .bx-wrapper {
		margin-bottom: 15px;
	}

	.scenry .bx-wrapper .bx-controls-direction a {
		width: 13px;
		height: 19px;
	}

	.scenry .bx-wrapper .bx-prev {
		left: -22px;
		background-size: 13px auto;
	}
	
	.scenry .bx-wrapper .bx-next {
		right: -22px;
		background-size: 13px auto;
	}
	
	.scenry .bx-wrapper .bx-pager.bx-default-pager a {
		width: 5px;
		height: 5px;
		border-radius: 2.5px;
	}
	
	.scenry .bx-wrapper .bx-pager,
	.scenry .bx-wrapper .bx-controls-auto { 
		padding-top: 0;
		bottom: -17px;
	}
}


.scenry .bx-wrapper img {
	max-width: 100%;
	width: 100% !important;
	height: auto !important;
}

.scenry .Mag2T{
	margin-top: 2em;
}

.scenry .Mag1B{
	margin-bottom: 1em;
}