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

body,html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, sans-serif;
	width:100%;
	height:100%;
	background-color:#000;
	color:#fff;
	background-image:url(../images/bg.jpg);
	font-size:20px;
}

.clear_both{
	clear:both;
}
.clear_left{
	clear:left;
}

.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.reponsive{
	width:100%;
}

.button{
	cursor:pointer;
}
.button.active{
	cursor:default;
}

.text_button{
	cursor:pointer;
}
.text_button:hover{
	text-decoration:underline;
}

.responsive{
	width:100%;	
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*----loading----*/

.loading{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;	
	z-index:1000;
}
.loading_bg{
	filter:alpha(opacity=70);
	opacity:0.7;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
}
.loading_icon{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../images/loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
/*------------------------------landing----------------------------------*/

#all_content{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	max-width:1280px;
	margin:auto auto;
	
}

#main_container{
	position:relative;
	width:100%;
	height:100%;
}

#header_container{
	position:absolute;
	z-index:100;
	width:100%;
	height:113px;
	background-image:url(../images/menu_bg.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding:28px 50px 28px 50px;
}

.logo{
	position:relative;
	float:left;
	margin-right:20px;
}

.nav_text{
	font-size:0.65em;
	padding-top:2px;
	text-decoration:none;
	color:#FFF;	
}
.nav_text:hover, .nav_text.active{
	color:#b40000;
}

.nav_login{
	position:relative;
	float:left;
	margin-right:15px;
}

.nav_menu{
	position:relative;
	float:right;
	margin-right:15px;
}

.sns_btn{
	position:relative;
	float:right;
	margin-left:14px;
	top:-4px;
}

.more_icon{
	display:inline-block;
	width:7px;
	height:5px;
	background-image:url(../images/btn_more.png);
	background-position:top;
	position:relative;
	left:5px;
	top:-2px;
}

.nav_text:hover .more_icon, .nav_text.active .more_icon{
	background-position:bottom;
}

.menu_more_container{
	position:absolute;
	right:-7px;
	top:15px;
	padding-top:10px;
	display:none;
}
.menu_more_container_inside{
	background-color:#2b2b2b;
	padding:20px 40px 20px 40px;
}


.nav_more{
	position:relative;
	display:block;
	white-space:nowrap;
	margin-bottom:15px;
	font-size:13px;
}

#footer_container{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:100;
	width:100%;
	background-image:url(../images/footer_bg.jpg);
	font-size:0.6em;
	text-align:center;
	line-height:32px;
	height:32px;
}
#footer_shadow{
	position:absolute;
	bottom:32px;
	left:0px;
	width:100%;
	height:13px;
	background-image:url(../images/footer_shadow.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}	

.copy_right{
	font-size:0.5em;	
	margin-left:4px;
	opacity:0.8;
}

#slider_container{
	position:relative;
	width:100%;
	background-color:#000000;
	margin-bottom:20px;
}
#sliders{
	position:relative;
	width:100%;
	height:484px;
	background-color:#000000;
	overflow: hidden;
}
.slider{
	position:absolute;	
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	margin-left:0%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-color:#000000;
	z-index:10;
}
.slider.middle_level{
	z-index:11;
}
.slider.high_level{
	z-index:12;
}

.slider_m{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-color:#000000;
	display:none;
}

#slider_shadow{
	position:relative;
	width:100%;
	height:16px;
	background-image:url(../images/slider_shadow.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#slider_dots{
	position:absolute;
	bottom:30px;
	left:50%;
	height:28px;
	margin-left:-14px;
	z-index:15;
}
.slider_dot{
	width:28px;
	height:28px;	
	background-image:url(../images/slider_dot.png);
	float:left;
	margin-right:13px;
	background-position:top;
}
.slider_dot.active, .slider_dot:hover{
	background-position:bottom;
}

.slider_play_btn{
	width:102px;
	height:102px;	
	background-image:url(../images/slider_play_btn.png);
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-45px;
	margin-top:-30px;
}

#video_container{
	position:absolute;
	z-index:16;
	left:0px;
	top:0px;
	width:100%;
	height:484px;
	display:none;
	background-color:#000;
}

.btn_arrow{
	width:18px;
	height:31px;
	position:absolute;
	top:50%;
	margin-top:-15px;
	z-index:17;
}

.arrow_left{
	left:50px;	
	background-image:url(../images/btn_left.png);
}
.arrow_right{
	right:50px;	
	background-image:url(../images/btn_right.png);
}

.news_icon{
	width:76px;
}

#news_container{
	position:relative;
	width:100%;
	max-width:885px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:60px;
}

#news_container_inside{
	margin-top:20px;
	position:relative;
}

.new_container{
	position:relative;
	float:left;
	width:33.33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	margin-bottom:0px;
}

.new_container.blog{
	padding-right:24px;
}
.new_container.activity{
	padding-left:12px;
	padding-right:12px;
}
.new_container.album{
	padding-left:24px;
}

.new_container img{
	width:100%;
}

.news_title{
	color:#b40000;
	font-size:0.8em;
	margin-bottom:10px;	
}

.news_image{
	display:block;	
}
.news_image_mobile{
	display:none;	
}

.news_content_container{
	position:absolute;
	bottom:0px;	
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:24px;
	visibility:hidden;
}

.news_blog_title{
	color:#fff;
	font-size:1.0em;
	margin-bottom:5px;
}

.news_content{
	margin-bottom:5px;
	color:#fff;
	font-size:0.6em;
	line-height:1.4em;
}

.news_date{
	color:#f80000;
	font-size:0.6em;
	margin-bottom:10px;
}

.news_more{
	color:#b40000;
	white-space:nowrap;
	text-decoration:none;
}

.middle_show{
	display:none;	
}
.middle_hide{
	display:block;	
}

.desktop_menu{
	display:block;	
}
.mobile_menu{
	display:none;	
}
.menu_open{
	display:none;	
}

.menu_open_overlay{
	display:none;	
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:fixed;
	z-index:999999;
	background-image:url(../images/overlay80.png);
}
.menu_open{
	width:60%;
	height:100%;
	left:0px;
	top:0px;
	position:fixed;
	background-color:#161616;	
	z-index:1000000;
}
.menu_shadow{
	width:11px;
	height:100%;
	left:100%;
	top:0px;
	position:absolute;
	background-image:url(../images/menu_shadow.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu_logo{
	width:100%;
	min-height:50px;
	background-image:url(../images/menu_logo.png);
	background-size:63% auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#1f1f1f;
	border-bottom:1px solid #000;
}
.menu_line{
	width:100%;
	height:1px;
	clear:both;
	background-color:#616161;
	margin-bottom:23px;
}

.menu_open_link{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0.7em;
	margin-bottom:15px;
	color:#FFF;
	text-decoration:none;
	margin-left:55px;
}

.menu_open_link.last{
	margin-bottom:24px;
}

.menu_content{
	padding-top:24px;
	padding-bottom:23px;
}

.menu_sns{
	width:69%;
	margin-left:55px;
}

.menu_sns_button{
	float:left;	
}

.menu_sns_sina{
	width:36%;
}

.menu_sns_weibo{
	width:38%;
}

.menu_sns_fb{
	width:26%;
}

@media screen and (max-width: 1000px) {
    
.middle_show{
	display:block;	
}
.middle_hide{
	display:none;	
}

}

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

body,html {
	font-size:40px;
}

#video_container{
	z-index:13;
}

.desktop_menu{
	display:none;	
}
.mobile_menu{
	display:block;	
}

.menu_icon{
	float:left;
	cursor:pointer;
	width:100px;
}

.logo_m{
	float:left;
	position:relative;
	margin-top:27px;
	width:286px;
}

.nav_login{
	position:relative;
	float:right;
	margin-right:30px;
	margin-top:21px;
}

.menu_open_overlay{
	
}

.menu_open{
	display:block;
	margin-left:-100%;
}

#header_container{
	position:relative;
	z-index:100;
	width:100%;
	height:70px;
	background-image:none;
	background-color:#000;
	padding:0px 20px 0px 0px;
}


#news_container{
	margin-bottom:30px;
}

.new_container{
	width:100%;
	overflow-x:hidden;
}

.new_container.blog{
	padding-left:10%;
	padding-right:10%;
}
.new_container.activity{
	padding-left:10%;
	padding-right:10%;
}
.new_container.album{
	padding-left:10%;
	padding-right:10%;
}

.news_image{
	display:none;	
}
.news_image_mobile{
	display:block;	
}

.news_content_container{
	position:absolute;
	bottom:0px;	
	width:100%;
	padding-right:25%;
}

.news_blog_title{
	margin-bottom:5px;
}

.news_content{
	margin-bottom:5px;
}

.news_date{
	margin-bottom:40px;
}


#slider_dots{
	bottom:30px;
	height:35px;
	margin-left:-17px;
}
.slider_dot{
	width:35px;
	height:35px;	
	background-image:url(../images/slider_dot_m.png);
	background-size:100% auto;
	margin-right:28px;
}

.btn_arrow{
	display:none;	
}

#slider_shadow{
	height:15px;
	background-image:url(../images/slider_shadow_m.png);
}

.slider_play_btn{
	width:181px;
	height:181px;	
	background-image:url(../images/slider_play_btn_m.png);
	margin-left:-85px;
	margin-top:-85px;
}

.slider_m{
	display:block;
}

.news_icon{
	width:22.8%;
}

.new_container img{
	margin-bottom:23px;
}

.news_title{
	font-size:0.85em;
	margin-bottom:26px;	
}

.new_container{
	margin-bottom:30px;	
}

#slider_container{
	margin-bottom:30px;
}

#news_container_inside{
	margin-top:35px;
}

#footer_container{
	background-image:url(../images/footer_bg_m.jpg);
	font-size:0.5em;
	line-height:77px;
	height:77px;
}
#footer_shadow{
	bottom:77px;
	height:11px;
	background-image:url(../images/footer_shadow_m.png);
}	

}

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

body,html {
	font-size:30px;
}

.menu_icon{
	width:80px;
	margin-top:10px;
}

.logo_m{
	margin-top:31px;
	width:229px;
}

.nav_login{
	position:relative;
	float:right;
	margin-right:15px;
	margin-top:26px;
}	

}

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

#footer_container{
	font-size:0.5em;
	line-height:50px;
	height:50px;
}
#footer_shadow{
	bottom:50px;
}

.menu_open_link{
	margin-left:25px;
}

.menu_sns{
	margin-left:25px;
}
.menu_logo{
	background-size:83% auto;
}

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

body,html {
	font-size:24px;
}

.menu_icon{
	width:60px;
	margin-top:18px;
}

.logo_m{
	margin-top:33px;
	width:180px;
}
.nav_text{
	top:3px;
}
#header_container{
	padding:0px 0px 0px 0px;
}

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

body,html {
	font-size:24px;
}

.menu_icon{
	width:50px;
	margin-top:14px;
}

.logo_m{
	margin-top:27px;
	width:120px;
}
.nav_text{
	top:-6px;
}
#header_container{
	padding:0px 0px 0px 0px;
	height:60px;
}

.menu_open_link{
	font-size:0.6em;
	margin-bottom:10px;
}

.slider_play_btn{
	width:121px;
	height:121px;	
	background-image:url(../images/slider_play_btn_m.png);
	background-size:100% 100%;
	margin-left:-60px;
	margin-top:-60px;
}

}