@charset "UTF-8";

@media only screen and (max-width:979px){
.atl-event-single .local-nav li a{min-width:inherit;}
}

@media only screen and (max-width:899px){
	
.login input.iptID,
.login input.iptPW{width:12em;}

#Footer-nav{margin-bottom:32px;}
#Footer-nav li{padding:0 .5em;}

.atl-event-single .scn-top-left{float:none; width:100%;}
.atl-event-single .scn-top-right{float:none; width:100%; border-top:none; padding-top:0;}
.atl-event-single .first-block > section.scn-top-right{border-top:none; padding-top:0;}

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

.onlyPCTBT,
.noSMP{display:none;}
.onlySMP{display:inherit;}


/* -------------------------------------------------------------------------------*/
/* GLOBAL-HEADER-LOGIN
/* -------------------------------------------------------------------------------*/

#Header-login-area{display:none;}
#Smp-login-area{display:inherit;}

/* -------------------------------------------------------------------------------*/
/* GLOBAL-HEADER
/* -------------------------------------------------------------------------------*/

#Global-header{padding-top:24px; padding-bottom:24px;}
#Global-header .inner-wrap{}
#Global-header h1{margin:0; width:300px; height:46px;}

#Btn-global-nav{}
#Btn-global-nav img{width:40px; height:auto;}
#Btn-global-nav span{display:none;}

/* -------------------------------------------------------------------------------*/
/* GLOBAL-FOOTER
/* -------------------------------------------------------------------------------*/

#Global-footer{margin-top:3em; padding:24px 0 4em;}
#Global-footer:before{margin-left:-8px; border:8px solid transparent; border-top-color:#00334d;}
#Global-footer .copyright{font-size:1rem;}

#Footer-nav{display:none;}

#Global-footer .supporters{position:relative; margin-bottom:24px; letter-spacing:-.4em;}
#Global-footer .supporters li{width:40%;}

/* -------------------------------------------------------------------------------*/
/* CONTENT
/* -------------------------------------------------------------------------------*/

#Corner-header{margin-bottom:24px;}
#Corner-header:before{height:60%;}
#Corner-header h1{}
#Corner-header h1 img{width:140px;}
#Corner-header h1 span{font-size:2em; margin-top:-16px;}
#Corner-header.no-img h1{font-size:2.4em;}

.scn-norm{margin-bottom:2em;}
.scn-norm h2,
.scn-norm h3,
.scn-norm h4,
.scn-norm h5{}
.scn-norm h2{font-size:1.35em; margin-bottom:16px;}
.scn-norm p + h2{margin-top:1.5em;}
.scn-norm h3{font-size:1.25em;}
.scn-norm h4{font-size:1em;}
.scn-norm h3 + h4{margin-top:-.75em;}
.scn-norm h5{font-size:1em;}
.scn-norm p{line-height:1.6; letter-spacing:0.05em; margin-bottom:1.25em;}
.scn-norm .lead{}
.scn-norm .lead-lrg{font-size:1.4em;}

.white-box{padding:16px;}

.tb-wrap{position:relative; width:100%; overflow:hidden;}
.tb-norm{position:relative;}
.tb-norm.tb-full-wide{width:100%;}

.row{margin-left:0; margin-right:0;}
.c-m-12,
.c-m-11,
.c-m-10,
.c-m-9,
.c-m-8,
.c-m-7,
.c-m-6,
.c-m-5,
.c-m-4,
.c-m-3,
.c-m-2,
.c-m-1{float:none; padding-left:0; padding-right:0; min-height:1px; width:100%;}

#Home-header-nav{}
#Home-header-nav:before{height:70%;}
#Home-header-nav li{width:33%;}
#Home-header-nav li span{font-size:1.2em; margin-top:-8px;}

a.btn-enter-now{padding:16px; font-size:1.6em; margin-top:24px;}

.events-list{margin:0 -8px;}
.events-list .event{width:50%; padding:0 8px 24px;}
.events-list .event .additional{padding-top:12px;}
.events-list .event .additional ul{float:none; width:100%; overflow:hidden; margin:0 -2px; letter-spacing:-.4em;}
.events-list .event .additional ul.people{}
.events-list .event .additional ul.flags{float:none; margin-top:4px;}
.events-list .event .additional .flags li{float:none;}
.events-list .event .additional li{float:none; margin:2px; letter-spacing:normal; display:inline-block;}

/* -------------------------------------------------------------------------------*/
/* EVENT-DETAILS
/* -------------------------------------------------------------------------------*/

.atl-event-single .event-logo{width:80px; height:80px; padding:8px;}

.atl-event-single .local-nav{width:100%;}
.atl-event-single .local-nav ul{}
.atl-event-single .local-nav li{width:33.33333333%;}
.atl-event-single .local-nav li a{width:100%; min-height:48px; font-size:15px; line-height:16px; padding:8px;}
.atl-event-single .local-nav li.sline a{padding-top:16px;}

.atl-event-single h1{font-size:1.7em;}
.atl-event-single .list-first{}
.atl-event-single .list-first dt{padding-left:15px; margin-bottom:4px;}
.atl-event-single .list-first dt:before{width:10px;}
.atl-event-single .list-first dd{font-size:1em; padding-left:15px; margin-bottom:12px;}
.atl-event-single .list-first dd.event-date{font-size:1.6em;}
.atl-event-single .list-first dd span{font-size:.75em;}

.wrap-course-map{padding-top:60%;}

/* -------------------------------------------------------------------------------*/
/* HowtoEnter
/* -------------------------------------------------------------------------------*/

.scn-norm.scn-flow .steps.top{margin-top:-30px;}
.scn-norm.scn-flow .steps .num{width:100px;}
.scn-norm.scn-flow .steps.last .num{width:140px;}
.scn-norm.scn-flow .steps h2{font-size:1.35em;}
.scn-norm.scn-flow .steps.last h2{font-size:2.4em;}
.scn-norm.scn-flow .steps p{font-size:.86em;}

}

@media only screen and (max-width:479px){
	.only480{display:inherit;}
	
.inner-wrap{padding-left:16px; padding-right:16px;}

#Smp-login-area .login input.iptID,
#Smp-login-area .login input.iptPW{width:100%;}
#Smp-login-area .login span{font-size:13px;}
#Smp-login-area button.btn-enter{font-size:1.15em;}

/* -------------------------------------------------------------------------------*/
/* GLOBAL-HEADER
/* -------------------------------------------------------------------------------*/

#Global-header{padding-top:16px; padding-bottom:16px;}
#Global-header h1{width:160px; height:25px;}
#Btn-global-nav{right:16px; top:-8px;}
#Btn-global-nav img{width:40px; height:auto;}

#Global-nav-smp{font-size:1.2em;}
#Btn-close-nav{right:16px; width:24px;}

#Home-header-nav{}
#Home-header-nav:before{height:70%;}
#Home-header-nav li{width:33%; padding:0;}
#Home-header-nav li span{font-size:.86em; margin-top:-8px;}

/* -------------------------------------------------------------------------------*/
/* CONTENT
/* -------------------------------------------------------------------------------*/

#Corner-header{margin-bottom:24px;}
#Corner-header:before{height:60%;}
#Corner-header h1{}
#Corner-header h1 img{width:120px;}
#Corner-header h1 span{font-size:1.6em; margin-top:-20px;}
#Corner-header.no-img h1{font-size:1.6em;}

.events-list{margin:0;}
.events-list .event{width:100%; padding:0 0 24px;}

/* -------------------------------------------------------------------------------*/
/* EVENT-DETAILS
/* -------------------------------------------------------------------------------*/

.atl-event-single .first-block.inner-wrap{padding-left:0; padding-right:0;}
.atl-event-single .scn-top-right{padding-left:16px; padding-right:16px;}
.atl-event-single .event-logo{width:60px; height:60px; padding:6px;}
.atl-event-single .local-nav{position:relative; bottom:inherit; left:inherit; background:#DDD; padding:1px 0;}
.atl-event-single .local-nav ul{margin:0; margin-left:-1px;}
.atl-event-single .local-nav li{padding:0; padding-left:1px;}

.atl-event-single .additional{padding-top:12px;}
.atl-event-single .additional ul{float:none; width:100%; overflow:hidden; margin:0 -2px; text-align:center; letter-spacing:-.4em;}
.atl-event-single .additional ul.people{}
.atl-event-single .additional ul.flags{float:none; margin-top:4px;}
.atl-event-single .additional .flags li{float:none;}
.atl-event-single .additional li{float:none; margin:2px; letter-spacing:normal; display:inline-block;}
.atl-event-single .first-block a.btn-enter-now{margin-top:16px;}

.wrap-course-map{padding-top:70%;}

.atl-event-single .tb-wrap{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.atl-event-single .tb-wrap::-webkit-scrollbar{display:none; height:0 !important;}
.atl-event-single .tb-wrap .tb-norm.tb-full-wide{width:800px;}
.atl-event-single .tb-wrap .tb-norm.tb-full-wide > *{-webkit-transform: translateZ(0px);}

.tb-detail{position:relative; width:100%; background-color:#FFF; border-top:1px solid #BBB;}
.tb-detail th,
.tb-detail td{display:block; width:100%; border-top:none; padding:8px;}
a.btn-show-waiver{padding:8px; font-size:1.35em;}


/* -------------------------------------------------------------------------------*/
/* HowtoEnter
/* -------------------------------------------------------------------------------*/

.scn-norm.scn-flow{}
.scn-norm.scn-flow .steps{float:none; width:100%; margin-top:0;}
.scn-norm.scn-flow .steps.top{margin-top:0;}
.scn-norm.scn-flow .steps.right{float:none;}
.scn-norm.scn-flow .steps .num{width:80px;}
.scn-norm.scn-flow .steps.last .num{width:120px;}
.scn-norm.scn-flow .steps h2{}
.scn-norm.scn-flow .steps.last h2{font-size:2em;}
.scn-norm.scn-flow .steps p{font-size:.86em;}

}