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

*{padding:0; margin:0;}
ul, li, dd, dt, dl{list-style:none;}
.contents{position: relative; background-color:#FFF;}
.pt20{ padding-top:20%;}
.pt12{ padding-top:12%;}
.pt10{ padding-top:10%;}
.pt7{padding-top:7%;}
.pt5{padding-top:5%;}
.pt2{padding-top:2%;}
.pt54{padding-top:48%;}
.pb5{padding-bottom:5%;}
.pb7{padding-bottom:7%;}
.pb10{padding-bottom:10%;}


.quick {     position: absolute; bottom:3%; left: 50%;      margin-left:430px; z-index:999;   width: 125px; }
.eventtopbg{ position:relative;width:100%; text-align: center; height:auto;  background:url(../images/top_bg_01.jpg) top center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.eventvideo{ position:relative;width:100%;max-width:995px; height:auto; margin:0 auto;   background:url(../images/video_bg_01.png) top center #FFF; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bookimg{position:absolute; top:50%;width:41%; margin-left:0%; max-width:436px; z-index:99;}
.bookimg img{width:100%;}
.eventimg{position:relative; max-width:800px; height:auto; margin:0 auto; }
.eventimg img{ height:auto;width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.eventimg img.btn_w615{ width:75%; max-width:615px; margin:0 auto;}

.youtube{position:absolute; top:39%;width:53%; margin-left:40.2%; padding:34% 0 0 0; z-index:88;}
.youtube_review{position:absolute; top:0;width:80%; margin-left:10%; padding:45% 0 0 0;}
.sec01 { text-align:center; background:#FFF; }
.sec02 {background:#f5f5f5; text-align:center;padding-bottom:13%;}


.sec03 {background-color: #482167; background:url(../images/top_bg_03.jpg) top center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.sec04 {background-color: #482167;}
.sec05 {text-align:center; background-color: #FFF;}
.sec06 {text-align:center;background-color: #f1f1f1;}
.sec07 {background-color: #FFF; }
.sec08 { background: #383838;}
.sec09 {text-align:center;background-color:#5c5c5c; }
.sec10 {background-color: #FFF; text-align:center; }



#touchSliderH { height:100%; max-height:727px;  position:relative; overflow:visible;  background-size:cover; border:none; }
#touchSliderH ul { width:100%; position:absolute; padding:0;  top:0; left:0; overflow:hidden;text-align:center; background-color:transparent; border:none;}
#touchSliderH ul li { float:left; display:block;  min-height:180px; background-color:transparent;  text-align:center;margin:0 auto;  padding:0;border:none;} 
#touchSliderH ul li img{ width:100%;  max-width: 498px; display:block; margin:0 auto; border:none;}
.slider_wrap{width:100%; padding:0; position:relative;}
.slider_wrap .btn_prev{position:absolute;	top:45%;	left:5%;}
.slider_wrap .btn_prev img{	width:48px;	}
.slider_wrap .btn_next{	position:absolute;	top:45%;	right:5%;}
.slider_wrap .btn_next img{	width:48px;	}

@media (max-width: 540px){
	#touchSliderH { height:100%; max-height:655px;  position:relative; overflow:visible;  background-size:cover; border:none; }
}
@media (max-width: 414px){
	#touchSliderH { height:100%; max-height:550px;  position:relative; overflow:visible;  background-size:cover; border:none; }
}

@media (max-width: 390px){
	#touchSliderH { height:100%; max-height:500px;  position:relative; overflow:visible;  background-size:cover; border:none; }
}

@media (max-width: 370px){
	#touchSliderH { height:100%; max-height:480px;  position:relative; overflow:visible;  background-size:cover; border:none; }
}
@media (max-width: 280px){
	#touchSliderH { height:100%; max-height:380px;  position:relative; overflow:visible;  background-size:cover; border:none; }
}
.tablist {position: relative;width:100%; background-image:url(../images/img_08_bg.jpg); background-position:bottom; background-repeat:repeat-x; background-size:100% 90.1%;}
.tablist .step_tabs {width:100%;max-width:600px;  margin:0 auto; }
.tablist .step_tabs .tab {width:100%;max-width:780px;  display:inline-block;   }
.tablist .step_tabs .tab li{float:left; width:33.3%;   margin: 0;    padding:0px;   display: block;   }
.tablist .step_tabs .tab li img{width:100%;}
.cont_box{text-align:center}
.cont_box img.w800{width:100%; max-width:800px;}
.cont_box img.w540{width:80%; max-width:540px; margin:0 auto}
.cont_box img.btn_w615{ width:90%; max-width:615px; margin:0 auto;}

.bubble{ width:38.8%;position:absolute; right:7.5%; top:81.5%; }
.bubble img{ width:100%;}