*{
	margin:0;padding:0;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {background: #FC0; color: #121212;}
::-moz-selection {background: #FC0; color: #121212;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
h1{padding:20px;text-align: center;}
p{font-size:12px;line-height: 1.8em;font-family: sans-serif;}
ul{margin:0 30px;}
li{font-size:14px;line-height: 1.8em;font-family: sans-serif;}
p span{background-color: #fc0;font-family: sans-serif;}
h2{font-size:24px;margin:20px 0;line-height: 1.5em;padding-bottom:20px;border-bottom:4px solid #000;font-family: sans-serif;}
h2 span{background-color: #fc0;font-family: sans-serif;}
h3{font-size:16px;margin:20px 0;font-family: sans-serif;}
h3 span{background-color: #fc0;font-family: sans-serif;}
h4{font-size:16px;margin:20px 0;margin:20px 0;text-align: center;font-family: sans-serif;}

h2{text-align: center;}
h3{text-align: center;}
.bt a{display:block;background-color: #111;padding:10px;text-align: center;text-decoration: none;color:#fff;}
.section{clear:both;}
.section .inner{padding:20px;width:800px;margin:0 auto;}

.point img{width:70px;}
.header{border-top: 6px solid #222;}
h1{position:absolute;top:0px;left:50%;margin-left:-225px;}
.keyvisual img{width:100%;vertical-align: bottom;}
.s_1{background-color: #eee;color:#111;}
.s_1 .item{width:30%;margin:1.5%;float:left;}

.s_2 .item{width:45%;margin:2.5%;float:left;}
.s_2 .item .course{padding:20px;background-color: #eee;position: relative;}
.s_2 .item p{text-align: center;margin:20px 0;font-size:20px;font-weight: bold;line-height:1.2em;}
.s_2 .item p a{font-size:14px;font-weight: bold;}
.s_2 .item p.point{position:absolute;top:-15px;left:-15px;margin:0;}

.s_3{background-color: #eee;color:#111;}
.s_3 p img{width: 100%;}
.s_3 p.books{font-size:10px;}

.s_4 .item{width:30%;margin:1.5%;float:left;}
.s_4 .item img{width:100%;}
.s_4 h4{margin-bottom:5px;font-size:14px;line-height:30px;}
.s_5{background-color: #eee;color:#111;}
.s_5 .item{width:47%;margin:1.5%;float:left;}
.s_5 .item p{font-size:16px;font-weight:bold;}
.s_5 .item2{padding:20px;border-radius: 5px;background-color: #666;}
.s_5 .item2 p{color:#fff;font-size:12px;font-weight: normal;}
.s_5 p img{width: 100%;}

form{height:44px;}
div.footer{padding:20px;border-top:1px solid #ccc;}
.footer p{font-size: 9px;text-align: center;}
.nav ul{text-align: center;padding:10px 0;}
.nav li{display: inline-block;}
.nav li a{font-size:11px;color: #333;text-decoration: none;font-weight: bold;font-family: sans-serif;padding:5px 10px;}
.video{width:500px;margin:0 auto;}

/*.hnav{position: absolute;z-index:100000;background-color: #fff;width:100%;}*/

@media screen and (max-device-width: 480px) {
	h1{position:absolute;top:0px;left:50%;margin-left:-150px;padding:0;padding-top:20px;}
	h1 img{width:300px;}
	h2{font-size:18px;margin:20px 0;line-height: 1.5em;padding-bottom:20px;border-bottom:4px solid #000;}
.section .inner{padding:10px;width:auto;margin:0 auto;}
.s_1 .item{width:auto;margin:1.5%;float:none;}
.s_2 .item{width:auto;margin:1.5%;float:none;}
.s_4 .item{width:auto;margin:1.5%;float:none;}
.s_5 .item{width:auto;margin:1.5%;float:none;}
form input[type=image]{width:100%;border-radius: 0px;}
.video{width:auto;margin:0 auto;}
}