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

h3{
	position:absolute;
	width:0;
	height:0;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#wrapper #header .nav-box{
	background:none;
	background-color:#090303;
}
#wrapper #header .nav-box ul li a.active-manu{
	color:#a796e8;
}

/*page navigation*/
#content .pagenav-box{
	height:33px;
	background-color:#e7e8ef;
}
#content .pagenav-box .container{
	height:33px;
	text-align:right;
}
#content .pagenav-box span{
	display:inline-block;
	margin-top:8px;
	color:#999;
	font-size:12px;
	margin-right:6px;
}
#content .pagenav-box span:last-child{
	margin-right:0;
}
#content .pagenav-box span a{
	color:#999;
}
#content .pagenav-box span:last-child a{
	color:#333;
}

#content .article-wrapper{
	margin-top:39px;
}
/*sub menu*/
#content .article-wrapper .subnav-box{
	padding-left:0;
	padding-right:0;
}
#content .article-wrapper .subnav-box ul{
	padding-left:0;
	list-style:none;
}
#content .article-wrapper .subnav-box ul li.active-subnav{
}
#content .article-wrapper .subnav-box ul li.active-subnav a{
	font-size:16px;
	color:#fff;
	background-color:#3d418d;
}
#content .article-wrapper .subnav-box ul li:last-child{
	margin-bottom:0;
}
#content .article-wrapper .subnav-box ul li>*{
	display:block;
}
#content .article-wrapper .subnav-box ul li a{
	text-align:center;
	font-size:14px;
	padding:5px;
	height:30px;
	color:#333;
}
#content .article-wrapper .subnav-box ul li a:hover{
	font-weight:bold;
}
#content .article-wrapper .subnav-box h3.subnav-title{
	position:relative;
	text-indent:0;
	width:100%;
	height:auto;
	font-size:25px;
	margin:0 0 20px;
}
#content .article-wrapper .subnav-box h3.subnav-title a{
	color:#2a2c46;
	letter-spacing:-1.6px;
	display:block;
	width:100%;
}
#content .article-wrapper .subnav-box h3.subnav-title a img{
	display:inline-block;
	position:relative;
	float:right;
	margin-top:12px;
}

/*article*/
#content .article-wrapper .article-box{
	padding-left:26px;
	padding-right:0;
}
#content .article-wrapper .article-box .banner-wrapper{
	padding-left:25px;
	border-left:1px solid #d8dae6;
}
.banner-wrapper p.contest_name{
	font-size:30px;
	color:#2a2c46;
	font-weight:bold;
	text-align:center;
}
.banner-wrapper .contest_info-box{
	position:relative;
	width:100%;
}
.banner-wrapper .contest_info-box .row{
	margin-left: 0;
	margin-right: 0;
}
.banner-wrapper .contest_info-box .contest_info-imgwrap{
	display:inline-block;
	text-align:center;
	perspective:1000px;
	-o-perspective:1000px;
	-ms-perspective:1000px;
	-moz-perspective:1000px;
	-webkit-perspective:1000px;
}
.banner-wrapper .contest_info-box .contest_info-imgwrap img{
	width:auto;
	height:100%;
	display:inline-block;
}
.banner-wrapper .contest_info-box .contest_info-prev{
	width:20%;
	float:left;
	height:445px;
}
.banner-wrapper .contest_info-box .contest_info-next{
	width:20%;
	float:right;
	height:445px;
}
.banner-wrapper .contest_info-box:after{
	display:block;
	content:"";
	clear:both;
}
.banner-wrapper .contest_info-box .contest_info-center{
	position:relative;
	width:60%;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box{
	overflow:hidden;
	height:100%;
	height:445px;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box{
	position:absolute;
	top:197px;
	width:100%;
	height:100%;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box a{
	display:inline-block;
	width:30px;
	height:50px;
	border-radius:3px;
	background-color:#282a42;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box a img{
	display:block;
	padding:12px 8px;
	width:30px;
	height:50px;
	margin:0;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box a.contest-prev{
	float:left;
	margin-left:10px;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box a.contest-next{
	float:right;
	margin-right:10px;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box a.active{
	opacity:1;
}
.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box a.unactive{
	opacity:0.1;
}
.banner-wrapper .contest_info-box .contest_info-prev img{
	padding-right:10px;
	transform-origin:left;
	position:absolute;
	left:0;
  	transform: rotateY(-50deg) scaleX(0.41) scaleY(0.84);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity:0.3;
}
.banner-wrapper .contest_info-box .contest_info-next img{
	padding-left:10px;
	transform-origin:right;
	position:absolute;
	right:0;
  	transform: rotateY(50deg) scaleX(0.41) scaleY(0.84);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity:0.3;
}
.banner-wrapper .contest_info-box .contest_info-center img{
	position:relative;
	margin-left:-20px;
}
.banner-wrapper .contest_info-box .vote-box{
	padding:0;
	margin-top:20px;
	position:relative;
	text-align:right;
	height:100%;
}
.banner-wrapper .contest_info-box .vote-box a{
	display:inline-block;
	width:133px;
	height:41px;
}
.banner-wrapper .contest_info-box .vote-box a img{
	display:block;
	width:100%;
	height:auto;
	margin:0;
}
.banner-wrapper .contest_info-box .vote-box ul{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	margin-top:48px;
	height:16px;
}
.banner-wrapper .contest_info-box .vote-box ul li{
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:9px;
}
.banner-wrapper .contest_info-box .vote-box ul li a, .banner-wrapper .contest_info-box .vote-box ul li a img{
	display:block;
	width:100%;
	height:100%;
}
.banner-wrapper .contest_info-box .contest_info-text{
	padding:0;
	margin-top:20px;
}
.detail_wrap{
	width: 60%;
	margin: 0 auto;
}
.banner-wrapper .contest_info-box .contest_info-text table tr td{
	padding:0px 0 3px 18px;
	text-align:left;
	vertical-align:top;
	color:#333;
	border: 0;
}
.banner-wrapper .contest_info-box .contest_info-text table tr th.subject{
	width:50px;
	padding:0 3px;
	color:#777;
	vertical-align:top;
	border: 0;
}

.snscontents-box{
	margin-top:40px;
	background-color:#f5f8fa;
	margin-left:-25px;
	padding-bottom:80px;
}
.snscontents-box:after{
	content:"";
	display:block;
	clear:both;
}
.snscontents-box>div{
	padding:0;
}
.snscontents-box div:first-child{
	padding-left:25px;
	padding-right:5px;
}
.snscontents-box div:last-child{
	padding-left:5px;
	padding-right:25px;
}
.snscontents-box div p{
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	padding-left:15px;
}
.snscontents-box div p.title-facebook{
	color:#3b5998;
}
.snscontents-box div p.title-twitter{
	color:#00acee;
}

/**/
.swiper-container {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 400px !important;
	height: 400px !important;
}
.swiper-pagination{
	bottom: -3px !important;
}
h1 {font-family:'Open Sans';font-size:22px;color:#666;text-align:center;font-weight:600;}

#instafeed {
	width:100%;
	margin:10px auto;
	border:1px solid #e1e8ed;
	padding:10px;
	background:#fff;
}
#instafeed img {
	width:150px;
	margin:2px;
}
.swiper-pagination-bullet-active{
	background-color: #a74a97 !important;
}

@media (max-width: 991px){
	#content .article-wrapper{
		margin-bottom:40px;
	}
	#content .article-wrapper .subnav-box h3.subnav-title{
		font-size:22px;
	}
	#content .article-wrapper .subnav-box h3.subnav-title a img{
		margin-top:8px;
	}
	
	.banner-wrapper .contest_info-box .contest_info-center .face-box, .banner-wrapper .contest_info-box .contest_info-prev, .banner-wrapper .contest_info-box .contest_info-next{
		height:330px;
	}
	.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box{
		top:147px;
	}
	.banner-wrapper .contest_info-box .contest_info-prev img{
		transform: rotateY(-50deg) scaleX(0.41) scaleY(0.88);
	}
	.banner-wrapper .contest_info-box .contest_info-next img{
		transform: rotateY(50deg) scaleX(0.41) scaleY(0.88);
	}
	.banner-wrapper .contest_info-box .contest_info-center img{
		position:relative;
		margin-left:-11px;
	}
	.banner-wrapper .contest_info-box .vote-box ul li{
		margin-left:7px;
	}
	.detail_wrap{
		width:80%;
	}
}


@media (max-width: 767px){
	#content .pagenav-box{
		display:none;
	}
	#content .article-wrapper .subnav-box h3.subnav-title{
		display:none;
	}
	#content .article-wrapper{
		margin-top:0;
		margin-bottom:20px;		
	}
	.banner-wrapper p.contest_name{
		font-size:24px;
		margin-top:10px;
	}
	#content .article-wrapper .subnav-box{
		display:none;
	}
	
	#content .article-wrapper .article-box{
		padding-left:0;
	}
	#content .article-wrapper .article-box .banner-wrapper{
		padding-left:0;
		border-left:none;
	}
	.banner-wrapper .contest_info-box .contest_info-center{
		width:100%;
	}
	.banner-wrapper .contest_info-box .contest_info-center .face-box{
		width:60%;
		margin:0 auto;
		position:relative;
	}
	.banner-wrapper .contest_info-box .contest_info-center .face-box img{
		display:block;
		margin:0 auto;
		position:absolute;
		left:50%;
		margin-left:-182.5px;
	}
	.banner-wrapper .contest_info-box .contest_info-center .face-box .control-box{
		display:none;
	}
	.banner-wrapper .contest_info-box .contest_info-prev, .banner-wrapper .contest_info-box .contest_info-next{
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:-1;
		height:330px;
	}
	.banner-wrapper .contest_info-box .contest_info-prev{
		left:0;
	}
	.banner-wrapper .contest_info-box .contest_info-next{
		right:0;
	}
	.banner-wrapper .contest_info-box .contest_info-prev img{
		transform: rotateY(0deg) scaleX(1) scaleY(1);
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		opacity:1;
		left:auto;
		right:-50% !important;
	}
	.banner-wrapper .contest_info-box .contest_info-next img{
		transform: rotateY(0deg) scaleX(1) scaleY(1);
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		opacity:1;
		right:auto;
		left:-50% !important;
	}
	.banner-wrapper .contest_info-box .vote-box{
		margin-top:15px;
		text-align:center;
		vertical-align:middle;
	}
	.banner-wrapper .contest_info-box .contest_info-text table tr th.subject{
		padding-left:20px;
		font-size:16px;
		font-weight:bold;
		color:#333;
	}
	.banner-wrapper .contest_info-box .contest_info-text table tr td{
		font-size:18px;
	}
	.banner-wrapper .contest_info-box .vote-box ul{
		display:none;
	}
	.snscontents-box{
		display:none;
	}
	.detail_wrap{
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
}
@media (max-width: 638px){
	.banner-wrapper .contest_info-box .contest_info-center .face-box{
		border-left:15px solid #fff;
		border-right:15px solid #fff;
	}
}
@media (max-width: 545px){
	#content .article-wrapper .subnav-box ul{
		padding-left:15px;
	}
	#content .article-wrapper .subnav-box ul li a{
		font-size:16px;
	}
	.banner-wrapper .contest_info-box .contest_info-center .face-box{
		width:70%;
	}
}
@media (max-width: 471px){
	.banner-wrapper .contest_info-box .contest_info-center .face-box img{
		border:0;
	}
}
@media (max-width: 445px){
	#content .article-wrapper .subnav-box ul{
		padding-left:10px;
	}
	#content .article-wrapper .subnav-box ul li a{
		padding:10px;
	}
}