@charset "utf-8";

.w720,
.w960{
	padding-left: 15px;
	padding-right: 15px;
}
header .w960,
footer .w960{
	padding-left: 0;
	padding-right: 0;
}
.mainimg img{
	width: 100%;
	height: auto;
}
h3{
	font-size: 20px;
	margin-top: 15px;
}
h4{
	margin-bottom: 20px;
}
h5{
	font-size: 13px;
	font-weight: bold;
	color: #313131;
	margin-bottom: 8px;
	text-align: center;
}
p.txt{
	font-size: 13px;
	text-align: left;
	margin-top: 15px;
	padding: 0 15px;
}

/*-----------------------
	btns 
----------------------*/
ul.btns li{
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}
ul.btns li:last-child{
	margin-bottom: 0;
}
ul.btns li a{
	font-size: 14px;
	-webkit-background-size: auto 6px;
	background-size: auto 6px;
	padding: 7px 20px 7px 15px;
}
/* col2 */
#sports_education ul.btns.col2,
#lifelong_sports ul.btns.col2,
#education_subject ul.btns.col2{
	margin-top: 25px;
}

ul.btns.col2 li{
	width: auto;
}
ul.btns.col2 li:nth-child(2n){
	margin-right: 0;
}
ul.btns.col2 li{
	margin-bottom:10px;
}
/* col3 */
ul.btns.col3 li{
	width: auto;
	margin-bottom:10px;
	margin-right: 0;
}
ul.btns.col3 li:last-child{
	margin-bottom: 0;
}
/* big */
ul.btns.big{
	margin-bottom: 20px;
	padding: 0 15px;
}
ul.btns.big li{
	display: block;
	width: auto;
}
ul.btns.big li a{
	font-size: 14px;
}

/*-----------------------
	courses 
----------------------*/
ul.courses{
	margin-top:30px;
	padding-top: 0;
	margin-bottom: 30px;
	-webkit-background-size: auto 6px!important;
	background-size: auto 6px!important;		
}
 ul.courses li{
	width: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}
ul.courses li:last-child{
	margin-bottom: 0;
}
ul.courses li a .hd{
	height: 50px;
	font-size: 14px;
	-webkit-background-size: auto 6px!important;
	background-size: auto 6px!important;	
}
ul.courses li a .txt{
	height: auto;
}
/* dept */
#sports_education h3{
	margin-top: 20px;
}
/*-----------------------
	point 
----------------------*/
div.point{
	margin-top: 15px;
}
div.point h4 img{
	height: 35px;
	width: auto;
}
/*-----------------------
	exam
----------------------*/
div.exam .exampoint{
	margin: -10px 15px 20px;
	width: auto;
}

/*-----------------------
	club,course
----------------------*/
div.club,
div.course{
	margin-top: 25px;
	margin-bottom: 30px;
}
div.club ul.btns li,
div.course ul.btns li,
ul.btns.col2 li{
	display: block;
}

/*-----------------------
	obog 
----------------------*/
div.obog{
	margin-top: 20px;
	margin-bottom: 25px;
}
div.obog h4 img{
	height: 70px;
	width: auto;
}
div.obog .profile{
	margin-bottom: 15px;
}
div.obog p.name{
	margin: 3px 0;
}
div.obog .txt .lead{
	font-size: 15px;
	margin-bottom: 7px;
}
div.obog .txt .lead br{
	display: none;
}

/*------------------------
	message
------------------------*/
div.obog ul li div.data{
	min-height:inherit;
	margin-right:0;
}
div.obog ul li{
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.obog ul li img{
	display: block;
	width: auto;
	height: 200px;
	float: none!important;
	margin: 0 auto 20px!important;
}
div.obog ul li .course{
	margin-bottom: 4px;
}
div.obog ul li .name{
	font-size: 18px;
	margin-bottom: 5px;
}
div.obog ul li .lead{
	height:auto;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
}


/*-----------------------
	employment 
----------------------*/
div.employment ul li{
	display: inline-block;
	margin: 0 0 0 10px;
}
div.employment ul li:after{
	margin-left:10px;
}
div.employment ul li span{
	font-size:10px;
}

/*-----------------------
	license 
----------------------*/
.license{
	padding-top:20px;
	margin-bottom:40px;
}
.license h4{
	font-size:14px;
}
.license h4 small{
	font-size:11px;
}
.license ul{
	margin:10px 0 0;
}
.license ul li{
	font-size:10px;
	margin-bottom:2px;
}