/*pc_css*/
@media screen and (min-width:751px){
	#school .main.curriculum{
		width:100%;
		height:410px;
		background:url("/images/school/curriculum/main.jpg") no-repeat;
		background-position: 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.global{
		width:100%;
		height:410px;
		background:url("/images/school/global/main.jpg") no-repeat;
		background-position: 50% 20%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.timetable{
		width:100%;
		height:410px;
		background:url("/images/school/timetable/main.jpg") no-repeat;
		background-position: 50% 40%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.active{
		width:100%;
		height:410px;
		background:url("/images/school/activelearning/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.ssl{
		width:100%;
		height:410px;
		background:url("/images/school/ssl/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.after{
		width:100%;
		height:410px;
		background:url("/images/school/afterschool/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.saturday{
		width:100%;
		height:410px;
		background:url("/images/school/saturday/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.seasonal{
		width:100%;
		height:410px;
		background:url("/images/school/seasonal/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .contmaintl{
		text-align: center;
		line-height: 1.3em;
		font-size:6.2em;
		margin:0 0 0 0;
		color:#871b20;
		font-weight: 100;
	}
	
	#school .contmaintl2{
		text-align: center;
		line-height: 1.3em;
		font-size:1.6em;
		margin:0 0 30px 0;
		color:#000;
		font-weight: 500;
		position: relative;
		padding:0 0 35px 0;
	}
	
	#school .contmaintl2:after{
		content: "";
		height:25px;
		display: inline-block;
		border-left:1px solid #8fc31f;
		position: absolute;
		bottom:0;
		left:50%;
	}
	
	#school .contmainsub{
		text-align: center;
		line-height: 1.3em;
		font-size:1.5em;
		margin:25px 0 0 0;
		color:#871b20;
		font-weight: 500;
	}
	
	#school .contmainsub2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:100px 0 30px 0;
		color:#000;
		font-weight: 500;
	}
	
	#school .contmainsub3{
		text-align: center;
		line-height: 1.8em;
		font-size:1.25em;
		margin:40px 0 0 0;
		color:#000;
		font-weight: 500;
	}
	
	#school .curribox{
		width:700px;
		margin:0 auto;
		padding:100px 0;
	}
	
	#school .curribox .subtx{
		font-size:1.3em;
		margin:0 0 30px 0;
		color:#0f4f2b;
		line-height: 2em;
	}
	
	#school .curribox .tx{
		font-size:0.9em;
		line-height: 2em;
		text-align: justify;
	}
	
	#school .curribox .floatbox{
		padding:90px 0 0 0;
	}
	
	#school .curribox .floatbox .phbox{
		float: right;
		width:50%;
		padding:0 0 0 50px;
		box-sizing: border-box;
	}
	
	#school .curribox .floatbox.rb .phbox{
		float: left;
		width:50%;
		padding:0 50px 0 0;
		box-sizing: border-box;
	}
	
	#school .curribox .floatbox .phbox img{
		width:100%;
	}
	
	#school .curribox .floatbox .txbox{
		float: left;
		width:50%;
		line-height:2em;
		font-size: 0.9em;
		text-align: justify;
	}
	
	#school .curribox .floatbox.rb .txbox{
		float: right;
		width:50%;
		line-height:2em;
		font-size: 0.9em;
	}
	
	#school .curribox .floatbox .catebox{
		width:100%;
		text-align: center;
		color:#fff;
		padding:5px 0;
		border-radius: 50px;
		background:#0096e0;
		margin:0 0 20px 0;
		line-height: 1.3em;
	}
	
	#school .curribox .floatbox .catebox.box2{
		background:#8ec555;
	}
	
	#school .curribox .floatbox .catebox.box3{
		background:#925da3;
	}
	
	#school .curribox .floatbox .catebox.box4{
		background:#ed778c;
	}
	
	#school .curribox .floatbox .catebox.box5{
		background:#f39800;
	}
	
	#school .curribox .floatbox .catebox.box6{
		background:#b28850;
	}
	
	#school .globalbox{
		width:700px;
		margin:0 auto 90px;
	}
	
	#school .globalbox .infobox{
		padding:25px;
		background:#0f4f2b;
	}
	
	#school .globalbox .infobox .inbox{
		padding:50px 70px;
		border: 1px solid #fff;
		text-align: center;
	}
	
	#school .globalbox .infobox .inbox .subtx{
		display: inline-block;
		margin:0 0 15px 0;
		background:#fff;
		text-align: center;
		color:#73a801;
		border-radius: 50px;
		padding:5px 25px;
		font-size:1.1em;
		
	}
	
	#school .globalbox .infobox .inbox .maintx{
		font-weight: 600;
		font-size: 1.8em;
		color:#fff;
		line-height: 1.5em;
		margin:0 0 30px 0;
		
	}
	
	#school .globalbox .infobox .inbox .txbox{
		font-size:1.1em;
		color:#fff;
		text-align: left;
		line-height: 2em;
		margin:0 0 10px 0;
		
	}
	
	#school .globalbox .infobox .inbox .cap{
		font-size:0.7em;
		color:#fff;
		text-align: center;
		line-height: 1.5em;
		margin:0 0 0 0;
		
	}
	
	#school .globalbox .floatbox{
		padding:20px 0 0 0;
	}
	
	#school .globalbox .floatbox .leftbox{
		width:300px;
		float: left;
	}
	
	#school .globalbox .floatbox .rightbox{
		width:300px;
		float: right;
	}
	
	#school .globalbox .floatbox .tlbox{
		font-size:1.4em;
		line-height: 1.8em;
		color:#8fc31f;
		text-align: center;
		margin:0 0 12.5px 0;
	}
	
	#school .globalbox .floatbox .subtl{
		font-size:0.8em;
		text-align: center;
		margin:0 0 25px 0;
	}
	
	#school .globalbox .floatbox .phbox{
		padding:25px 0 50px 0;
		text-align: center;
		border-bottom:1px solid #000;
		
	}
	
	#school .globalbox .floatbox .phbox img{
		width:100%;
	}
	
	#school .globalbox .floatbox .txbox{
		padding:0 0 0 0;
		line-height: 1.5em;
		font-size:0.9em;
		text-align: justify;
	}
	
	#school .globalbox .floatbox .phbox.bonone{
		border-bottom: none;
	}
	
	#school .globalbox .tabletl{
		border-left:10px solid #8fc31f;
		color:#8fc31f;
		padding:0 0 0 10px;
		line-height: 1.5em;
		font-size:1.4em;
		margin:90px 0 50px 0;
	}
	
	#school .globalbox table{
		width:100%;
		line-height: 1.5em;
	}
	
	#school .globalbox table tr td:first-child{
		background:#8fc31f;
		padding:15px 10px;
		border-radius: 3px;
		text-align: center;
		vertical-align: middle;
		color:#fff;
		width:175px;
		
	}
	
	#school .globalbox table tr td:first-child .num{
		padding:0 0 5px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #fff;
		
	}
	
	#school .globalbox table tr td:first-child span{
		font-size:1.4em;
		
	}
	
	#school .globalbox table tr td.arrow{
		background:none;
	}
	
	#school .globalbox table tr td.arrow.box2{
		height:15px;
	}
	
	#school .globalbox table tr td.arrow img{
		width:11px;
	}
	
	#school .globalbox table tr td:nth-child(2){
		padding:0 0 0 20px;
		font-size:0.9em;
		vertical-align: middle;
		text-align: justify;
		
	}
	
	/*timebox*/
	#school .timebox{
		width:100%;
		margin:0 auto;
		padding:60px 0 100px 0;
	}
	
	#school .timebox .tm{
		margin:-50px 0 0 0;
	}
	
	#school .timebox .leftbox .timecont{
		font-size:2em;
		font-weight: 300;
		color:#0f4f2b;
		position: relative;
		padding:0 0 25px 0;
		margin:0 0 10px calc((200% - 900px) / 2 );
	}
	
	#school .timebox .rightbox .timecont{
		font-size:2em;
		font-weight: 300;
		color:#0f4f2b;
		position: relative;
		padding:75px 0 25px 0;
		margin:0 0 10px 50px;
	}
	
	#school .timebox .timecont .icon{
		width:31px;
		display: inline-block;
		margin:0 10px 0 0;
		vertical-align: middle;
	}
	
	#school .timebox .timecont .icon img{
		width:100%;
	}
	
	#school .timebox .timecont:after{
		content: "";
		height:20px;
		border-right:1px solid #0f4f2b;
		position: absolute;
		bottom:0;
		left:15px;
	}
	
	#school .timebox .leftbox .phbox{
		padding:0 50px 0 calc((200% - 900px) / 2 );
		position: relative;
		z-index:2;
	}
	
	#school .timebox .rightbox .phbox{
		padding:0 calc((200% - 900px) / 2 ) 0 50px;
		position: relative;
		z-index:2;
	}
	
	
	#school .timebox .phbox img{
		width:100%;
	}
	
	#school .timebox .leftbox .txcont{
		position:relative;
		top:-100px;
		z-index:1;
		padding:130px 50px 40px calc((200% - 900px) / 2 ); 
		background:rgba(245,242,236,0.7);
	}
	
	#school .timebox .rightbox .txcont{
		position:relative;
		top:-50px;
		margin:0 0 0 -100px;
		z-index:1;
		padding:80px calc((200% - 900px) / 2 ) 40px 150px; 
		background:rgba(245,242,236,0.7);
	}
	
	#school .timebox .txcont .tl{
		font-size:2.2em;
		line-height: 1.5em;
		margin:0 0 10px 0;
		color:#0f4f2b;
		font-weight: 300;
		letter-spacing: 0;
	}
	
	#school .timebox .txcont .tx{
		font-size:0.9em;
		line-height: 1.8em;
	}
	
	#school .timebox .leftbox{
		width:50%;
		float: left;
	}
	
	#school .timebox .rightbox{
		width:50%;
		float: right;
	}
	
	/*active*/
	#school .activebox{
		width:700px;
		margin:100px auto;
		font-size:0.9em;
	}
	
	#school .activebox .floatbox{
		margin:0 0 30px 0;
	}
	
	#school .activebox .floatbox .leftbox{
		width:350px;
		float: left;
		margin:0 50px 0 0;
	}
	
	#school .activebox .floatbox .rightbox{
		width:300px;
		float: right;
	}
	
	#school .activebox .floatbox img{
		width:100%;
	}
	
	#school .activebox .floatbox .tl{
		font-size:1.3em;
		color:#e99313;
		line-height: 1.8em;
		margin:0 0 30px 0;
	}
	
	#school .activebox .floatbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .activebox .stepbox{
		padding:75px 0 0 0;
	}
	
	#school .activebox .stepbox2{
		padding:30px 0 0 0;
	}
	#school .activebox .stepbox2 .tx{
        line-height: 1.8em;
    }
	
	#school .activebox .stepbox .tlbox{
		margin:0 0 15px 0;
		font-size:1.3em;
		vertical-align: middle;
	}
	
	#school .activebox .stepbox .tlbox.box2{
		color:#e99313;
		font-size:1.2em;
	}
	
	#school .activebox .stepbox .tlbox .stepicon{
		width:80px;
		margin:5px 20px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	
	#school .activebox .stepbox .tlbox .stepicon img{
		width:100%;
	}
	
	#school .activebox .stepbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .activebox .stepbox ul{
		width:calc(100% + 12px);
		margin:0 0 0 -12px;
		list-style: none;
	}
	
	#school .activebox .stepbox ul li{
		width:calc(25% - 12px);
		margin:0 0 0 12px;
		float: left;
	}
	
	#school .activebox .stepbox ul li img{
		width:100%;
	}
	
	#school .activebox .stepbox ul.box2{
		width:calc(100% + 100px);
		margin:0 0 0 -100px;
		list-style: none;
	}
	
	#school .activebox .stepbox ul.box2 li{
		width:calc(50% - 100px);
		margin:0 0 0 100px;
		float: left;
	}
	
	#school .activebox .stepbox ul.box2 li .bgbox{
		padding:5px 10px;
		color:#fff;
		margin:0 0 15px 0;
		background:#e99313;
		display: inline-block;
		width:100px;
		text-align: center;
	}
	
	#school .activebox .stepbox ul.box2 li .txtl{
		font-size:1.3em;
		margin:0 0 15px 0;
	}
	
	#school .activebox .stepbox ul.box3{
		width:calc(100% + 5px);
		margin:0 0 0 -5px;
		list-style: none;
	}
	
	#school .activebox .stepbox ul.box3 li{
		width:calc(33.333333% - 5px);
		margin:0 0 0 5px;
		float: left;
	}
	
	/*ssl*/
	#school .sslbox{
		width:700px;
		margin:100px auto;
		font-size:0.9em;
	}
	
	#school .sslbox .floatbox{
		margin:0 0 40px 0;
	}
	
	#school .sslbox .floatbox .leftbox{
		width:350px;
		float: left;
		margin:0 50px 0 0;
	}
	
	#school .sslbox .floatbox .rightbox{
		width:300px;
		float: right;
	}
	
	#school .sslbox .floatbox img{
		width:100%;
		margin:0 0 40px 0;
	}
	
	#school .sslbox .floatbox img:last-child{
		width:100%;
		margin:0 0 0 0;
	}
	
	#school .sslbox .floatbox .tl{
		font-size:1.3em;
		color:#ed778c;
		line-height: 1.8em;
		margin:0 0 30px 0;
	}
	
	#school .sslbox .floatbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .sslbox .texttl{
		text-align: center;
		line-height: 1.8em;
		font-size:1.2em;
		padding:0 0 40px 0;
		margin:0 0 0 0;
		position: relative;
	}
	
	#school .sslbox .texttl.box2{
		text-align: center;
		line-height: 1.8em;
		font-size:1.2em;
		padding:0 0 0 0;
		margin:0 0 0 0;
		position: relative;
	}
	
	#school .sslbox .texttl:after{
		content: "";
		width:100px;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:50%;
		margin:0 0 0 -50px;
	}
	
	#school .sslbox .texttl.box2:after{
		display: none;
	}
	
	/*after*/
	#school .afterbox{
		width:700px;
		margin:100px auto;
		font-size:0.9em;
	}
	
	#school .afterbox .floatbox{
		margin:0 0 10px 0;
	}
	
	#school .afterbox .floatbox .leftbox{
		width:350px;
		float: left;
		margin:0 50px 0 0;
	}
	
	#school .afterbox .floatbox .leftbox table{
		width:100%;
		line-height: 1.8em;
		margin:50px 0 0 0;
	}
	
	#school .afterbox .floatbox .leftbox table th{
		vertical-align: middle;
		font-size:1.2em;
		color:#0f4f2b;
		background:#d1c0a5;
		text-align: center;
		width:80px;
		font-weight: 400;
	}
	
	#school .afterbox .floatbox .leftbox table td{
		padding:15px;
		background:#f1ece4;
		border-left:2px solid #fff;
	}
	
	#school .afterbox .floatbox .rightbox{
		width:300px;
		float: right;
	}
	
	#school .afterbox .floatbox img{
		width:100%;
		margin:0 0 10px 0;
	}
	
	#school .afterbox .floatbox img:last-child{
		width:100%;
		margin:0 0 0 0;
	}
	
	#school .afterbox .floatbox .tl{
		font-size:1.3em;
		color:#0f4f2b;
		line-height: 1.8em;
		margin:0 0 30px 0;
	}
	
	#school .afterbox .floatbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .afterbox .linkbtn{
		text-align: center;
		padding:40px 0 0 0;
	}
	
	#school .afterbox .linkbtn a{
		display: inline-block;
		padding:15px 50px;
		border-radius: 100px;
		text-align: center;
		color:#fff;
		text-decoration: none;
		background:#0f4f2b;
		letter-spacing: 0.1em;
		font-size:0.9em;
		margin:0 0 0 0;
		transition:opacity 0.3s;
		
	}
	
	#school .afterbox .linkbtn a:hover{
		opacity:0.5;
	}
	
	#school .afterbox .tabletl{
		padding:0 0 0 0;
		line-height: 1.5em;
		font-size:2em;
		font-weight: 400;
		margin:0 0 10px 0;
		text-align: center;
	}
	
	#school .afterbox .tableicon{
		width:82px;
		margin:0 auto 20px;
	}
	
	#school .afterbox .tabletime {
		text-align: center;
		margin:0 0 40px 0;
	}
	
	#school .afterbox .tabletime span{
		color:#fff;
		padding:1px 20px;
		border-radius: 50px;
		background:#73a801;
		font-size:1.3em;
	}
	
	#school .afterbox .tableicon img{
		width:100%;
	}
	
	#school .afterbox table.table2{
		width:100%;
		line-height: 1.5em;
	}
	
	#school .afterbox table.table2 tr td:first-child{
		padding:15px 10px;
		text-align: center;
		vertical-align: middle;
		color:#fff;
		width:50%;
		
	}
	
	#school .afterbox table.table2 tr td:first-child .num{
		padding:0 0 5px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #fff;
		
	}
	
	#school .afterbox table.table2 tr td:first-child strong{
		font-size:0.8em;
		font-weight: 500;
		
	}
	
	#school .afterbox table.table2 tr td:first-child span{
		font-size:1.4em;
		
	}
	
	#school .afterbox table.table2 tr td.arrow{
		background:none;
	}
	
	#school .afterbox table.table2 tr td.arrow.box2{
		height:20px;
	}
	
	#school .afterbox table.table2 tr td.arrow img{
		width:20px;
	}
	
	#school .afterbox table.table2 tr td:nth-child(2){
		padding:0 0 0 25px;
		font-size:1em;
		vertical-align: middle;
		text-align: justify;
		line-height: 1.8em;
		
	}
	
	#school .afterbox table.table2 tr td:nth-child(2) strong{
		font-size:0.8em;
		font-weight: 500;
	}
	
	#school .afterbox table.table2 tr td .mbox{
		display: inline-block;
		color:#0f4f2b;
		text-align: center;
		font-size:1.2em;
	}
	
	#school .afterbox table.table2 tr td .mbox span{
		color:#fff;
		padding:5px 20px;
		border-radius: 50px;
		background:#73a801;
		font-size:0.9em;
		margin:10px 0 10px 0;
		display: inline-block;
	}
	
	#school .afterbox table.saturday{
		width:100%;
		line-height: 1.8em;
		margin:50px 0 0 0;
	}
	
	#school .afterbox table.saturday th{
		vertical-align: middle;
		font-size:1.2em;
		color:#0f4f2b;
		background:#d1c0a5;
		text-align: center;
		width:160px;
		font-weight: 400;
	}
	
	#school .afterbox table.saturday td{
		padding:15px;
		background:#f1ece4;
		text-align: center;
		border-left:2px solid #fff;
	}
	
}

@media screen and (max-width:750px){
	#school .main.curriculum{
		width:100%;
		height:30vh;
		background:url("/images/school/curriculum/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.global{
		width:100%;
		height:30vh;
		background:url("/images/school/global/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.timetable{
		width:100%;
		height:30vh;
		background:url("/images/school/timetable/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.active{
		width:100%;
		height:30vh;
		background:url("/images/school/activelearning/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.ssl{
		width:100%;
		height:30vh;
		background:url("/images/school/ssl/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.after{
		width:100%;
		height:30vh;
		background:url("/images/school/afterschool/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.saturday{
		width:100%;
		height:30vh;
		background:url("/images/school/saturday/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .main.seasonal{
		width:100%;
		height:30vh;
		background:url("/images/school/seasonal/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#school .contmaintl{
		text-align: center;
		line-height: 1.3em;
		font-size:3.5em;
		margin:0 auto;
		color:#871b20;
		font-weight: 100;
		width:90%;
	}
	
	#school .contmaintl2{
		text-align: center;
		line-height: 1.3em;
		font-size:1.6em;
		margin:0 auto 30px ;
		color:#000;
		font-weight: 500;
		position: relative;
		padding:0 0 35px 0;
		width:90%;
	}
	
	#school .contmaintl2:after{
		content: "";
		height:25px;
		display: inline-block;
		border-left:1px solid #8fc31f;
		position: absolute;
		bottom:0;
		left:50%;
	}
	
	#school .contmainsub{
		text-align: center;
		line-height: 1.3em;
		font-size:1.5em;
		margin:20px auto 0;
		color:#871b20;
		font-weight: 500;
		width:90%;
	}
	
	#school .contmainsub2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:30px auto 30px;
		color:#000;
		font-weight: 500;
		width:90%;
	}
	
	#school .contmainsub3{
		text-align: justify;
		line-height: 2em;
		font-size:1.1em;
		margin:30px auto 0;
		color:#000;
		font-weight: 500;
		width:90%;
	}
    #school .contmainsub3 br {
        display: none;
    }
	
	#school .curribox{
		width:90%;
		margin:0 auto;
		padding:40px 0;
	}
	
	#school .curribox .subtx{
		font-size:1.1em;
		margin:0 0 30px 0;
		color:#0f4f2b;
		line-height: 2em;
	}
	
	#school .curribox .tx{
		font-size:0.9em;
		line-height: 2em;
		text-align: justify;
	}
	
	#school .curribox .floatbox{
		padding:40px 0 0 0;
	}
	
	#school .curribox .floatbox .phbox{
		float: right;
		width:100%;
		padding:0 0 10px 0;
		box-sizing: border-box;
	}
	
	#school .curribox .floatbox.rb .phbox{
		float: left;
		width:100%;
		padding:0 0px 10px 0;
		box-sizing: border-box;
	}
	
	#school .curribox .floatbox .phbox img{
		width:100%;
	}
	
	#school .curribox .floatbox .txbox{
		float: left;
		width:100%;
		line-height:2em;
		font-size: 0.9em;
		text-align: justify;
	}
	
	#school .curribox .floatbox.rb .txbox{
		float: right;
		width:100%;
		line-height:2em;
		font-size: 0.9em;
	}
	
	#school .curribox .floatbox .catebox{
		width:100%;
		text-align: center;
		color:#fff;
		padding:5px 0;
		border-radius: 50px;
		background:#0096e0;
		margin:0 0 20px 0;
		line-height: 1.3em;
	}
	
	#school .curribox .floatbox .catebox.box2{
		background:#8ec555;
	}
	
	#school .curribox .floatbox .catebox.box3{
		background:#925da3;
	}
	
	#school .curribox .floatbox .catebox.box4{
		background:#ed778c;
	}
	
	#school .curribox .floatbox .catebox.box5{
		background:#f39800;
	}
	
	#school .curribox .floatbox .catebox.box6{
		background:#b28850;
	}
	
	#school .globalbox{
		width:90%;
		margin:0 auto 40px;
	}
	
	#school .globalbox .infobox{
		padding:25px;
		background:#0f4f2b;
	}
	
	#school .globalbox .infobox .inbox{
		padding:0 0;
		text-align: center;
	}
	
	#school .globalbox .infobox .inbox .subtx{
		display: inline-block;
		margin:0 0 15px 0;
		background:#fff;
		text-align: center;
		color:#73a801;
		border-radius: 50px;
		padding:5px 25px;
		font-size:1em;
		
	}
	
	#school .globalbox .infobox .inbox .maintx{
		font-weight: 600;
		font-size: 1.5em;
		color:#fff;
		line-height: 1.5em;
		margin:0 0 30px 0;
		
	}
	
	#school .globalbox .infobox .inbox .txbox{
		font-size:1.1em;
		color:#fff;
		text-align: left;
		line-height: 2em;
		margin:0 0 10px 0;
		
	}
	
	#school .globalbox .infobox .inbox .cap{
		font-size:0.7em;
		color:#fff;
		text-align: center;
		line-height: 1.5em;
		margin:0 0 0 0;
		
	}
	
	#school .globalbox .floatbox{
		padding:20px 0 0 0;
	}
	
	#school .globalbox .floatbox .leftbox{
		width:100%;
		float: left;
		margin:0 0 40px 0;
	}
	
	#school .globalbox .floatbox .rightbox{
		width:100%;
		float: right;
	}
	
	#school .globalbox .floatbox .tlbox{
		font-size:1.4em;
		line-height: 1.5em;
		color:#8fc31f;
		text-align: center;
	}
	
	#school .globalbox .floatbox .subtl{
		font-size:0.8em;
		text-align: center;
		margin:0 0 20px 0;
	}
	
	#school .globalbox .floatbox .phbox{
		padding:20px 0 50px 0;
		text-align: center;
		border-bottom:1px solid #000;
		
	}
	
	#school .globalbox .floatbox .phbox img{
		width:100%;
	}
	
	#school .globalbox .floatbox .txbox{
		padding:0 0 0 0;
		line-height: 1.5em;
		font-size:0.9em;
		height: auto !important;
	}
	
	#school .globalbox .floatbox .phbox.bonone{
		border-bottom: none;
	}
	
	#school .globalbox .floatbox .phbox.spbo{
		border-bottom:1px solid #000;
	}
	
	#school .globalbox .tabletl{
		border-left:10px solid #8fc31f;
		color:#8fc31f;
		padding:0 0 0 10px;
		line-height: 1.5em;
		font-size:1.4em;
		margin:40px 0 40px 0;
	}
	
	#school .globalbox table{
		width:100%;
		line-height: 1.5em;
	}
	
	#school .globalbox table tr td:first-child{
		background:#8fc31f;
		padding:15px 10px;
		border-radius: 3px;
		text-align: center;
		vertical-align: middle;
		color:#fff;
		width:100%;
		display: block;
		box-sizing: border-box;
		
	}
	
	#school .globalbox table tr td:first-child .num{
		padding:0 0 5px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #fff;
		
	}
	
	#school .globalbox table tr td:first-child span{
		font-size:1.4em;
		
	}
	
	#school .globalbox table tr td.arrow{
		background:none;
	}
	
	#school .globalbox table tr td.arrow.box2{
		height:15px;
	}
	
	#school .globalbox table tr td.arrow img{
		width:11px;
	}
	
	#school .globalbox table tr td:nth-child(2){
		padding:10px 0;
		font-size:0.9em;
		vertical-align: middle;
		display: block;
		box-sizing: border-box;
		text-align: justify;
		
	}
	
	/*timebox*/
	#school .timebox{
		width:100%;
		margin:0 auto;
		padding:50px 0 0 0;
	}
	
	#school .timebox .tm{
		margin:0 0 0 0;
	}
	
	#school .timebox .leftbox .timecont{
		font-size:2em;
		font-weight: 300;
		color:#0f4f2b;
		position: relative;
		padding:0 0 25px 0;
		margin:0 0 10px 5%;
	}
	
	#school .timebox .rightbox .timecont{
		font-size:2em;
		font-weight: 300;
		color:#0f4f2b;
		position: relative;
		padding:0 0 25px 0;
		margin:0 0 10px 5%;
	}
	
	#school .timebox .timecont .icon{
		width:31px;
		display: inline-block;
		margin:0 10px 0 0;
		vertical-align: middle;
	}
	
	#school .timebox .timecont .icon img{
		width:100%;
	}
	
	#school .timebox .timecont:after{
		content: "";
		height:20px;
		border-right:1px solid #0f4f2b;
		position: absolute;
		bottom:0;
		left:15px;
	}
	
	#school .timebox .leftbox .phbox{
		padding:0 5%;
		position: relative;
		z-index:2;
	}
	
	#school .timebox .rightbox .phbox{
		padding:0 5%;
		position: relative;
		z-index:2;
	}
	
	
	#school .timebox .phbox img{
		width:100%;
	}
	
	#school .timebox .leftbox .txcont{
		position:relative;
		top:-40px;
		z-index:1;
		padding:70px 5% 30px ; 
		background:rgba(245,242,236,0.7);
	}
	
	#school .timebox .rightbox .txcont{
		position:relative;
		top:-40px;
		margin:0 0 0 0;
		z-index:1;
		padding:70px 5% 30px ; 
		background:rgba(245,242,236,0.7);
	}
	
	#school .timebox .txcont .tl{
		font-size:1.8em;
		line-height: 1.5em;
		margin:0 0 10px 0;
		color:#0f4f2b;
		font-weight: 300;
		letter-spacing: 0;
	}
	
	#school .timebox .txcont .tx{
		font-size:1em;
		line-height: 1.8em;
	}
	
	#school .timebox .leftbox{
		width:100%;
		float: none;
		margin:0 0 10px 0;
	}
	
	#school .timebox .rightbox{
		width:100%;
		float: none;
		margin:0 0 10px 0;
	}
	
	/*active*/
	#school .activebox{
		width:90%;
		margin:50px auto;
		font-size:0.9em;
	}
	
	#school .activebox .floatbox{
		margin:0 0 50px 0;
	}
	
	#school .activebox .floatbox .leftbox{
		width:100%;
		float: none;
		margin:0 0 30px 0;
	}
	
	#school .activebox .floatbox .rightbox{
		width:100%;
		float: none;
		margin:0 0 30px 0;
	}
	
	#school .activebox .floatbox img{
		width:90%;
		margin:0 auto;
		display: block;
	}
	
	#school .activebox .floatbox .tl{
		font-size:1.3em;
		color:#e99313;
		line-height: 1.8em;
		margin:0 0 30px 0;
	}
	
	#school .activebox .floatbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .activebox .stepbox{
		padding:30px 0 0 0;
	}
    #school .activebox .stepbox2 {
        padding: 10px 0 0 0;
    }
	#school .activebox .stepbox2 .tx {
        line-height: 1.7em;
    }
	
	#school .activebox .stepbox .tlbox{
		margin:0 0 15px 0;
		font-size:1.3em;
		vertical-align: middle;
		display: block;
		line-height: 1.5em;
	}
	
	#school .activebox .stepbox .tlbox.box2{
		color:#e99313;
		font-size:1.2em;
	}
	
	#school .activebox .stepbox .tlbox .stepicon{
		width:80px;
		margin:5px 20px 20px 0;
		display: block;
		vertical-align: middle;
	}
	
	#school .activebox .stepbox .tlbox .stepicon img{
		width:100%;
	}
	
	#school .activebox .stepbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .activebox .stepbox ul{
		width:calc(100% + 12px);
		margin:0 0 0 -12px;
		list-style: none;
	}
	
	#school .activebox .stepbox ul li{
		width:calc(50% - 12px);
		margin:0 0 10px 12px;
		float: left;
	}
	
	#school .activebox .stepbox ul li img{
		width:100%;
	}
	
	#school .activebox .stepbox ul.box2{
		width:calc(100%);
		margin:0 0 0 0;
		list-style: none;
	}
	
	#school .activebox .stepbox ul.box2 li{
		width:calc(100%);
		margin:15px 0 0 0;
		float: left;
	}
	
	#school .activebox .stepbox ul.box2 li .bgbox{
		padding:5px 10px;
		color:#fff;
		margin:0 0 15px 0;
		background:#e99313;
		display: inline-block;
		width:100px;
		text-align: center;
	}
	
	#school .activebox .stepbox ul.box2 li .txtl{
		font-size:1.3em;
		margin:0 0 15px 0;
	}
	
	#school .activebox .stepbox ul.box3{
		width:calc(100%);
		margin:0 0 0 0;
		list-style: none;
	}
	
	#school .activebox .stepbox ul.box3 li{
		width:calc(100%);
		margin:0 0 20px 0;
		float: left;
	}
	
	/*ssl*/
	#school .sslbox{
		width:90%;
		margin:50px auto;
		font-size:0.9em;
	}
	
	#school .sslbox .floatbox{
		margin:0 0 40px 0;
	}
	
	#school .sslbox .floatbox .leftbox{
		width:100%;
		float: none;
		margin:0 0 30px 0;
	}
	
	#school .sslbox .floatbox .rightbox{
		width:100%;
		float: none;
		margin:0 0 30px 0;
	}
	
	#school .sslbox .floatbox img{
		width:100%;
		margin:0 0 30px 0;
	}
	
	#school .sslbox .floatbox img.box2{
		width:90% !important;
		margin:0 auto !important;
		display: block;
	}
	
	#school .sslbox .floatbox img:last-child{
		width:100%;
		margin:0 0 0 0;
	}
	
	#school .sslbox .floatbox .tl{
		font-size:1.3em;
		color:#ed778c;
		line-height: 1.8em;
		margin:0 0 30px 0;
	}
	
	#school .sslbox .floatbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .sslbox .texttl{
		text-align: center;
		line-height: 1.8em;
		font-size:1.2em;
		padding:0 0 40px 0;
		margin:0 0 0 0;
		position: relative;
	}
	
	#school .sslbox .texttl.box2{
		text-align: center;
		line-height: 1.8em;
		font-size:1.2em;
		padding:0 0 0 0;
		margin:0 0 0 0;
		position: relative;
	}
	
	#school .sslbox .texttl:after{
		content: "";
		width:100px;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:50%;
		margin:0 0 0 -50px;
	}
	
	#school .sslbox .texttl.box2:after{
		display: none;
	}
	
	/*after*/
	#school .afterbox{
		width:90%;
		margin:50px auto;
		font-size:0.9em;
	}
	
	#school .afterbox .floatbox{
		margin:0 0 10px 0;
	}
	
	#school .afterbox .floatbox .leftbox{
		width:100%;
		float: left;
		margin:0 0 30px 0;
	}
	
	#school .afterbox .floatbox table{
		width:100%;
		line-height: 1.8em;
		margin:30px 0 0 0;
	}
	
	#school .afterbox .floatbox table th{
		vertical-align: middle;
		font-size:1.2em;
		color:#0f4f2b;
		background:#d1c0a5;
		text-align: center;
		width:80px;
		font-weight: 400;
	}
	
	#school .afterbox .floatbox table td{
		padding:15px;
		background:#f1ece4;
		border-right:2px solid #fff;
	}
	
	#school .afterbox .floatbox .rightbox{
		width:100%;
		float: right;
	}
	
	#school .afterbox .floatbox img{
		width:100%;
		margin:0 0 10px 0;
	}
	
	#school .afterbox .floatbox img:last-child{
		width:100%;
		margin:0 0 0 0;
	}
	
	#school .afterbox .floatbox .tl{
		font-size:1.3em;
		color:#0f4f2b;
		line-height: 1.8em;
		margin:0 0 30px 0;
	}
	
	#school .afterbox .floatbox .tx{
		line-height: 1.8em;
		text-align:justify;
	}
	
	#school .afterbox .linkbtn{
		text-align: center;
		padding:40px 0 0 0;
	}
	
	#school .afterbox .linkbtn a{
		display: inline-block;
		padding:15px 50px;
		border-radius: 100px;
		text-align: center;
		color:#fff;
		text-decoration: none;
		background:#0f4f2b;
		letter-spacing: 0.1em;
		font-size:0.9em;
		margin:0 0 0 0;
		transition:opacity 0.3s;
		
	}
	
	#school .afterbox .linkbtn a:hover{
		opacity:0.5;
	}
	
	#school .afterbox .tabletl{
		padding:0 0 0 0;
		line-height: 1.5em;
		font-size:1.7em;
		font-weight: 400;
		margin:0 0 10px 0;
		text-align: center;
	}
	
	#school .afterbox .tableicon{
		width:82px;
		margin:0 auto 20px;
	}
	
	#school .afterbox .tabletime {
		text-align: center;
		margin:0 0 40px 0;
	}
	
	#school .afterbox .tabletime span{
		color:#fff;
		padding:1px 20px;
		border-radius: 50px;
		background:#73a801;
		font-size:1.3em;
	}
	
	#school .afterbox .tableicon img{
		width:100%;
	}
	
	#school .afterbox table.table2{
		width:100%;
		line-height: 1.5em;
	}
	
	#school .afterbox table.table2 tr td:first-child{
		padding:15px 0;
		text-align: center;
		vertical-align: middle;
		color:#fff;
		width:100%;
		display: block;
		border-top:1px solid #0f4f2b;
		
	}
	
	#school .afterbox table.table2 tr td:first-child .num{
		padding:0 0 5px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #fff;
		
	}
	
	#school .afterbox table.table2 tr td:first-child strong{
		font-size:0.8em;
		font-weight: 500;
		
	}
	
	#school .afterbox table.table2 tr td:first-child span{
		font-size:1.4em;
		
	}
	
	#school .afterbox table.table2 tr td.arrow{
		background:none;
		border-top:none;
	}
	
	#school .afterbox table.table2 tr td.arrow.box2{
		height:20px;
	}
	
	#school .afterbox table.table2 tr td.arrow img{
		width:20px;
	}
	
	#school .afterbox table.table2 tr td:nth-child(2){
		padding:0 0 0 0;
		font-size:1em;
		vertical-align: middle;
		text-align: justify;
		line-height: 1.8em;
		display: block;
		
	}
	
	#school .afterbox table.table2 tr td:nth-child(2) strong{
		font-size:0.8em;
		font-weight: 500;
	}
	
	#school .afterbox table.table2 tr td .mbox{
		display: inline-block;
		color:#0f4f2b;
		text-align: center;
		font-size:1.2em;
	}
	
	#school .afterbox table.table2 tr td .mbox span{
		color:#fff;
		padding:5px 20px;
		border-radius: 50px;
		background:#73a801;
		font-size:0.9em;
		margin:10px 0 10px 0;
		display: inline-block;
	}
	
	#school .afterbox table.saturday{
		width:100%;
		line-height: 1.8em;
		margin:40px 0 0 0;
	}
	
	#school .afterbox table.saturday th{
		vertical-align: middle;
		font-size:1.2em;
		color:#0f4f2b;
		background:#d1c0a5;
		text-align: center;
		width:80px;
		font-weight: 400;
	}
	
	#school .afterbox table.saturday td{
		padding:15px;
		background:#f1ece4;
		text-align: left;
		border-left:2px solid #fff;
	}
}