@charset "UTF-8";
 
* {
	padding:0px;
	margin:0px;
 }
 
a {
	text-decoration:none;
	color:inherit;
 }
 
#all
{
	position:relative;
	overflow:hidden;
}
 
header
{
	position:fixed;
	width:100%;
	z-index:10;
	height:80px;
	background-color:#e3cbcb;
}

hr {
	border:none;
}
/* top */
#top_area
{
	position:relative;
}

#top_area > div
{
	position:relative;
	width:1200px;
	height:80px;
	margin:0px auto;
}

.top_left_area 
{
	position:relative;
	display:inline-block;
	height:80px;
	width:180px;
}

.top_left_area > div
{
	position:absolute;
	height:80px;
	width:180px;
	padding-left:290px;
	padding-top:5px;
}


.top_right_area 
{
	position:relative;
	display:inline-block;
	height:80px;
	width:1000px;

}

.top_right_area > div
{
	position:absolute;
	height:80px;
	width:1000px;
}

.top_right_area_ul
{
	position:relative;
	text-align:center;
	padding-top:25px;
	padding-left:90px;
}

.top_right_area_ul > li
{
	display:inline-block;
	font-size:19px;
	font-weight:bold;
	padding:0px 30px;
	transition:all 0.2s linear;
}

.top_right_area_ul > li:hover
{
	color:#ff0303;
	font-size:21px;
}


main
{
	top:80px;
}
/* // top_area*/

/* video_area */
#video_area
{
	position:relative;
	height:1600px;
	padding-top:60px;
	background-color:#343536;
}

iframe
{
	width:1100px;
	height:600px;
	border-radius:10px;
}

.second_video
{
	width:1100px;
	height:600px;
	border-radius:10px;
	display:none;
}

#video_area > div
{
	position:relative;
	width:1700px;
	margin:0px auto;
}

.video_video
{
	position:relative;
	padding-top:90px;
	padding-left:30px;
}

.next_video_area
{
	position:absolute;
	top:89px;
	right:0px;
	background-color:black;
	height:1690px;
	width:550px;
	border-radius:10px;
}

.next_video_area > div
{
	position:relative;
}

.next_video_area > div > ul
{
	position:relative;
	padding-left:20px;
}

.next_video_area > div > ul > li
{
	padding:20px 0px;
}

.next_video_area > div > ul > li > img
{
	width:500px;
	cursor:pointer;
	transition:all 0.5s linear;
	border-radius:5px;
}

.next_video_area > div > ul > li > img:hover
{
   border: 2px solid gray;
}

.video_play_button
{
	position:absolute;
	bottom:0px;
	margin:auto;
	top:400px;
	width:650px;
	right:0px;
	left:0px;
}

.video_play_button > span
{
	color:gray;
	font-size:150px;
}
/* // video_area */

/*  kind_area */
#kind_area
{
	position:relative;
	height:450px;
	background-color:black;
	margin-left:30px;
	margin-right:570px;
	border-radius:10px;
}

#kind_area > div 
{
	position:relative;
}

#kind_area > div > ul
{
	position:relative;
	padding-left:10px;
	padding-top:40px;
}

#kind_area > div  >  ul > li
{
	display:inline-block;
	padding:0px 10px;
	text-align:center;
}

#kind_area > div  > ul > li > div
{
	width:190px;
	height:60px;
	background-color:#D3D3D3;
	border-radius:6px;
}

#kind_area > div  > ul > li > div > h3
{
	font-size:25px;
	padding:10px 0px;
}

.intro_season_one
{
	position:relative;
	padding-left:40px;
	padding-top:70px;
}

.intro_title
{
	position:relative;
	padding-top:20px;
}

.intro_title > h3
{
	color:white;
	font-size:50px;
}

hr
{
	padding-top:20px;
}
.intro_intr
{
	color:white;
	font-size:20px;
	padding-top:50px;
}

.intro_season_two
{
	position:absolute;
	display:none;
	padding-left:40px;
	padding-top:70px;
}

.intro_season_three
{
	position:absolute;
	display:none;
	padding-left:40px;
	padding-top:70px;
}

.intro_season_four
{
	position:absolute;
	display:none;
	padding-left:40px;
	padding-top:70px;
}

.intro_season_five
{
	position:absolute;
	display:none;
	padding-left:40px;
	padding-top:70px
}
/* // kind_area */