/* common */
html, body { height:100%; letter-spacing:-0.5px; }
#wrap{width:100%; min-height:100%; overflow:hidden; background-color:#000; color:#fff;}
.mo_br{display:inline;}
.respon_br{display:inline;}
.inner{width:1080px; margin:0 auto; }
h1{font-size:50px; color:#fff; letter-spacing:1px;}
h2{font-size:25px; color:#fff;}
.orange{color:#ff8300;}
.width1080{width:1080px;margin:0 auto; }

.visual{background:url(../images/visual-bg.jpg) no-repeat top center; height:auto; position:relative;}

.header li{display:inline; }

.header li:first-child:after{content:''; width:1px; height:48px; background-color: #404040; display:inline-block; vertical-align:top;  margin:2px 0 0 40px ;}
.header li:last-child{margin-left:30px;}
.header dd:last-child{font-size:20px; padding:40px 0 50px 0;}
.header dd:last-child:before{content:url("../images/time-icon.png"); display:inline-block; height:24px; vertical-align:top;}
.header .inner>div a{background-color:#ff8300; color:#000; padding:10px 40px; font-size:18px; font-weight: 500; display:inline-block; }
.header h1{padding:110px 0 20px 0 ;}
.logo-area{padding-top:30px;}


.highlight{position:relative;  left:0%;  background-color: rgba(15,15,15,0.8); width:100%; padding:70px 0; }
.highlight h2{text-align:center; padding-bottom:40px; }
.highlight h2:before{content:url("../images/h2_tag.png"); display:block; margin-bottom:5px;}

.icon-area:after{content:''; display:block; clear:both;}
.icon-area li{float:left; width:19%; font-size:15px; line-height:23px; margin-right:3px; text-align:center; }
.icon-area li:last-child{margin-right:0;}
.icon-area img{display:inline-block; padding-bottom:5px;} 


.table{display:table;}
.agenda h2{padding:70px 0 20px 0; color:#fff;}
.agenda h2:before{content:''; width:4px; height:24px; background-color: #7630ea; display:inline-block; vertical-align:top;  margin:8px 10px 0 0 ;}
.agenda ul{display:table-row;}
.agenda li{display:table-cell; padding:15px 0;}
.agenda li:first-child{width:20%; font-size:14px; color:#cecdcd; vertical-align:middle; text-align:center; border-bottom:1px solid #363636;}
.agenda li:last-child{width:80%; font-size:15px; color:#dadada; border-bottom:1px solid #363636;}
.caption{background-color:#7630ea; text-align:center; }

.agenda span{font-size:14px; color:#aeaeae;}
.agenda li strong{font-size:17px; color: #b77efd; font-weight: 500; letter-spacing:0.2px;}

.end-list li{border-bottom:1px solid #7630ea;}
.agenda-info{width:1080px;margin:0 auto; text-align:right; font-size:14px; color:#cecdcd; padding-bottom:50px;}


.event{width:1080px; margin:0 auto; }
.event h2{padding-bottom:20px;}
.event h2:before{content:''; width:4px; height:24px; background-color: #32dac8; display:inline-block; vertical-align:top;  margin:8px 10px 0 0 ;}
.event ul:after{content:''; display:block; clear:both;}
.event li{float:left; width:350px; margin-right:1%; }
.event li:first-child{border:1px solid #32dac8; background:url(../images/event-img1.png) no-repeat bottom center; height:350px; }

.event li:first-child dt{font-size:20px; color:#32dac8; padding:20px 0 0 20px;}
.event li:first-child dd{padding:10px 20px 0 20px; font-size:15px;}
.event li:first-child dd strong{color:#32dac8; font-weight:500;}
.event li:first-child dd span{border:1px solid #32dac8;  border-radius:50px; padding:2px 20px; display:inline-block; margin:10px 0 0 0; font-size:13px;}

.event li:nth-child(2){border:1px solid #7630ea; background:url(../images/event-img2.png) no-repeat bottom center; height:350px; }
.event li:nth-child(2) dt{font-size:20px; color:#9251fe; padding:20px 0 0 20px;}
.event li:nth-child(2) dd strong{color:#9251fe; font-weight:500;}
.event li:nth-child(2) dd span{border:1px solid #9251fe;  border-radius:50px; padding:2px 20px; display:inline-block; margin:10px 0 0 0; font-size:13px;}
.event li:nth-child(2) dd{padding:10px 20px 0 20px; font-size:15px;}

.event li:last-child{margin-right:0; border:1px solid #ff8300; background:url(../images/event-img3.png) no-repeat bottom center; height:350px; }
.event li:last-child dt{font-size:20px; color:#ff8300; padding:20px 0 0 20px;}
.event li:last-child dd strong{color:#ff8300; font-weight:500;}
.event li:last-child dd span{border:1px solid #ff8300;  border-radius:50px; padding:2px 20px; display:inline-block; margin:10px 0 0 0; font-size:13px;}
.event li:last-child dd{padding:10px 20px 0 20px; font-size:15px;}


.info{margin:0 auto; padding-top:70px; width: 1080px;}
.info h2{padding-bottom:20px;}
.info h2:before{content:''; width:4px; height:24px; background-color: #00b388; display:inline-block; vertical-align:top;  margin:8px 10px 0 0 ;}
.info ul:after{content:''; display:block; clear:both;}
.info li{float:left; width:50%; font-size:15px; line-height:30px; !important}
.info li{background:url("../images/info-bullet.png") no-repeat left 0 top 5px ; padding-left:10px; margin-top:6px; box-sizing: border-box; color:#fff;}
.info li:nth-child(2){letter-spacing:-1px;  font-size:15px; }
.info a{color:#fff;  font-size:15px; }

.faq{width:1080px; margin:0 auto; padding-top:70px;}
.faq h2{padding-bottom:20px;}
.faq h2:before{content:''; width:4px; height:24px; background-color: #ff8300; display:inline-block; vertical-align:top;  margin:8px 10px 0 0 ;}
.faq>div:before{content:url("../images/info-bullet.png"); display:inline-block; height:15px; vertical-align:top; margin-top:6px;}
.faq a{border:1px solid #ff8300; color:#ff8300; border-radius:50px; padding:2px 20px;}
 

.footer{background-color:#0f0f0f; color:#9e9e9e; padding:20px 0; font-size:13px; margin-top:70px;}
.footer li{display:inline; margin-right:2%;}
.footer a{color:#9e9e9e;}

/* popup */
#popup{position:absolute; width:100%; z-index:9000; background-color:#fff; background:rgba(0, 0, 0, 0.85); background-size:cover; height:1500px; display:block; left:0; top:0;}
.popup-area{position:relative; width:600px; margin:0 auto; margin-top:100px; padding:30px; border-top:3px solid #fdb813; background-color:#fff; box-sizing:border-box;}
.pop-close{position:absolute; z-index:1; top:30px; right:30px;}

.popup-area h3{margin:0; padding:0; font-size:20px; line-height:32px; font-weight:700;}
.popup-area p{margin:10px 0 20px 0; font-size:14px; line-height:24px;}

.login-area li{margin-bottom:10px; font-size:14px; line-height:24px;}
.login-area li input[type="text"]{width:100%; padding:12px; font-size:16px; border:1px solid #ccc; box-sizing:border-box;}

.login_btn {margin-top:30px; text-align:center;}
.login_btn a,
.login_btn button {display:inline-block; padding:10px 35px 10px 35px; font-size:16px; line-height:28px; color:#fff; font-weight:500; border-radius:6px; background:url('../images/icon-btn.png') right center no-repeat #ff8300;border:none;}
.login_btn button {margin-left:10px;}

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

.inner{width:auto; padding:0 4%;}
.event{width:auto; padding:0 4%; }
.info{width:auto; padding:0 4%; padding-top:70px;}  
.faq{width:auto; padding:0 4%; padding-top:70px;}
.event li{ width:32.3%;  }
.agenda-info{width:auto; padding:0 4% 4% 0;}   

    
}

@media only screen and (max-width: 960px) { 
 
.info li{float:none; width:100%;}
.icon-area li{width:31% ;padding-bottom:3%; margin-right:2%;}
.icon-area li:nth-child(3){margin-right:0;}
 

.mo_br{display:none;}  

    
}



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

.event li:first-child dd{padding:10px 20px 0 20px;}
.event li:nth-child(2) dd{padding:10px 20px 0 20px;}
.agenda p{padding:0;}
.icon-area li{float:left; width:33%; font-size:15px; line-height:23px; margin-right:3px; text-align:center; }

    
    
}


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

.icon-area{display:table; width:100%;}
    
.icon-area li{display:table; width:100%; padding-bottom:0.5%; margin-right:0; margin-bottom:1%; padding-left:2%; float:none; text-align:left; box-sizing: border-box; letter-spacing:0.2px; border:1px solid #363636 }
.icon-area strong{display:table-cell; padding:10px 10px 0 0;} 
.icon-area li div{display:table-cell; width:88%; vertical-align:middle; padding-right:1%;}
.icon-area img{padding-right:9%; }   
    
.respon_br{display:none;}  
.highlight{padding:50px 0;}   
.highlight h2{padding-bottom:30px;}

.info{padding-top:60px;}
.faq{padding-top:60px;}   
  
.event li{width:100%;}  
.event li:first-child{ height:270px; margin-right:0; margin-bottom:2%;}
.event li:nth-child(2){height:270px; margin-right:0; margin-bottom:2%;}
.event li:last-child{margin-right:0; height:270px; }   
    
   
    
}

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

h1{font-size:40px;}
.faq a{display:inline-block; margin:1% 0 0 2%;}
.agenda h2{padding:60px 0 20px 0; color:#fff;}   
    
}



@media only screen and (max-width: 480px) { 
    
h1{font-size:32px;  letter-spacing:0;}  
h2{font-size:19px;}  
.header dd:last-child{font-size:17px; padding:25px 0 35px 0;}

.header h1{padding:80px 0 10px 0;}   

.icon-area li{font-size:14px; line-height:20px;}
.agenda li strong{font-size:14px; line-height:18px;}
.agenda li{font-size:14px;}    
.agenda li:first-child{width:20%; font-size:13px; line-height:18px; padding-right:10px; box-sizing: border-box;}
.agenda li:last-child{width:80%; font-size:14px; line-height:20px; }   
.agenda span{font-size:13px;}
    
.event li:first-child dt{font-size:17px; letter-spacing:0;}
.event li:nth-child(2) dt{font-size:17px; letter-spacing:0;}   
.event li:last-child dt{font-size:17px; letter-spacing:0;}  
.event li:first-child dd{font-size:14px; line-height:20px;}
.event li:nth-child(2) dd{font-size:14px; line-height:20px;}   
.event li:last-child dd{font-size:14px; line-height:20px;}  

.info{padding-top:40px;}
.faq{padding-top:40px;}
.info li{font-size:14px; line-height:20px;}
.info li:nth-child(2){font-size:14px; }
.info a{color:#fff;  font-size:14px; }
    
.faq div{font-size:14px; line-height:20px;}
 
.agenda h2:before{content:''; width:4px; height:19px; background-color: #7630ea; display:inline-block; vertical-align:top;  margin:4px 10px 0 0 ; }
.event h2:before{content:''; width:4px; height:19px; background-color: #32dac8; display:inline-block; vertical-align:top;  margin:4px 10px 0 0 ;}
.info h2:before{content:''; width:4px; height:19px; background-color: #00b388; display:inline-block; vertical-align:top;  margin:4px 10px 0 0 ;}   
.faq h2:before{content:''; width:4px; height:19px; background-color: #ff8300; display:inline-block; vertical-align:top;  margin:4px 10px 0 0 ;}
    

    
}





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

h1{font-size:32px;  letter-spacing:0;}  
h2{font-size:19px;}
.highlight{background-color: rgba(34,34,34,0.9); }  
.faq>div{letter-spacing:-1px;}  
    
}