body {
    background-color: #000556;
    color: white;
}

section .container {
    width: 1104px;
}

section h1 {
    font-size: 120px;
    text-shadow: #1170ff 4px 0px;
    font-style: italic;
}

section h2 {
    font-size: 48px;
    text-shadow: #1170ff 4px 0px;
    text-align: center;
}

section h3 {
    color: #0068d3;
    font-size: 28px;
    text-align: center;
}

section .container p {
    font-size: 20px;
    padding: 0px 22px;
}

section .contact {
    text-align: center;
    margin-top: 50px;
}

section {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 37px;
}

section .content{margin-top: 37px;}

section .container {
    padding-bottom: 58px;
}


section .button {
    background-image: url(../images/button.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 24px;
    color: white;
    padding: 13px 31px;
}

section .part-button {
    background-image: url(../images/part-button.png);
    padding: 12px 31px;
}


#introduction {
    background-image: url(../images/bg_02.png);
    height: 485px;
}

#introduction .image,
#introduction .text {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
}

#introduction .text p {
    padding-left: 0px;
    padding-right: 15px;
}

#introduction .contact {
    text-align: left;
}

#banner {
    background-image: url(../images/bg_01.png);
    height: 800px;
    padding: 0
}

#banner .inner {
    width: 722px;
    margin: 0px auto;
    text-align: center;
    padding-top: 248px;
}

#banner .inner .en {
    background-color: white;
    font-size: 28px;
    padding: 0 20px;
    font-weight: bold;
    font-style: italic;
    border-radius: 28px;
    margin-top: 25px;
    color: #0068d3;
}
#reason {
    background-image: url(../images/bg_03.png);
}

#reason .content dl {
    background-image: url(../images/why-item-bg.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 301px;
    height: 395px;
    vertical-align: top;
    margin: 38px 31px
}

#reason .content dl:nth-of-type(1) {
    margin: 38px 34px;
}

#reason .content dl:hover {
    background-image: url(../images/why-item-selected-bg.png);
}

#reason .content dl:hover dt {
    color: #0068d3;
}

#reason .content dl dt {
    margin-top: 95px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

#reason .content dl dd {
    font-size: 20px;
    padding: 27px;
}

section .voice {
    text-align: center;
}

#introduction h2 {
    text-align: left;
}

#reason .content .conclusion {
    margin: 0px 31px;
    padding-left: 30px;
    border: 1px solid white;
    border-style: dashed;
}

#history .content .conclusion{
    border: 1px dashed white;
    margin-top: 20px;
}
#history .content .conclusion p{
    margin-bottom: 0;
}

#reason .content .conclusion p {
    padding: 0 56px;
    margin: 10px auto;
    border-left: 5px solid #0068d3;
}

#history {
    background-image: url(../images/bg_04.png);
}

#history .content ul {
    background-image: url(../images/history.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#history .content ul li {
    font-size: 20px;
    width: 468px;
    height: 103px;
}

#history .content ul li:nth-child(even) {
    margin-left: 610px;
}

#ability {
    background-image: url(../images/bg_05.png);
}

#ability .content ul {
    text-align: center;
}

#ability .content li {
    background-image: url(../images/ability-item-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 270px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 402px;
    margin: 9px;
}

#ability .content li:hover {
    background-image: url(../images/ability-item-selected-bg.png);
}

#ability .content li dl {
    padding: 26px;
}

#ability .content li dt {
    font-size: 24px;
    color: #0068d3;
    margin: 25px auto 5px;
}

#ability .content li dd {
    font-size: 20px;
    text-align: left;
    height: 230px;
}

#ability .content li .text-button {
    font-size: 18px;
    color: #999999;
    background-color: white;
    padding: 10px 70px;
    border-radius: 2px;
}

#ability .content li:hover .text-button {
    color: white;
    background-color: #0068d3;
}


#knowledge {
    background-image: url(../images/bg_06.png);
}

#knowledge .hd {
    text-align: center;
}

#knowledge .hd dl {
    width: 124px;
    text-align: center;
    display: inline-block;
}

#knowledge .hd dl dt {
    background-image: url(../images/tab.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    width: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #0068d3;
    font-weight: bold;
    margin: 0 auto;
}

#knowledge .hd dl.on dt,
#knowledge .hd dl:hover dt {
    background-color: white;
}
#knowledge .bd li{
    padding-top: 70px;
}
#knowledge .hd dl dd{
    font-size: 24px;
}
#knowledge .bd dl dt{
    font-size: 24px;
    font-weight: bold;
}
#knowledge .bd dl dd,#knowledge .bd div{
    font-size: 20px;
}
#knowledge .bd dl,#knowledge .bd div{
    margin:0 70px;
}

#knowledge .bd ul{
    width: 1001px;
    height: 486px;
    margin: 0 auto;
    background-image: url(../images/knowledge-content.png);
    background-size: 100;
}
.slideTxtBox .hd li {
    background-color: #ffffff;
    color: #999999;
}

.slideTxtBox .hd li.on,
.slideTxtBox .hd li:hover {
    background-color: #0068d3;
    color: white;
}

#association .bd ul,
#teachers .bd ul {
    background-color: transparent;
    box-shadow: inset 0 0 10px 10px #0068d3;
    padding: 10px 0;
    border-radius: 3px;
}

.slideTxtBox .bd ul li {
    color: white;
    margin: 10px 20px;
    display: inline-block;
    font-size: 20px;
    min-width: 28%;
}

#association {
    background-image: url(../images/bg_07.png);
}
#association .bd ul{
    height: 240px;
    padding-top: 10px;
}

#future {
    background-image: url(../images/bg_08.png);
}

#future .content{
    padding: 1px;
}

#future .content .box{
    clear: both;
    height: 743px;
    background-image: url(../images/hexagon.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 1px;
    margin: 150px 0;
}
#future .content ul{
    clear: both;
    width: 1px;
    height: 1px;
    margin: 0 auto;
    position: relative;
    margin-top: 371px;
}
#future .content li {    
    position: absolute;
    background-color: white;
    width: 196px;
    height: 150px;
    border-radius: 100px;
    border: 4px solid #0068d3;
    text-align: center;
    color: #000;
    font-size: 28px;
    padding-top: 46px;
}
#future .content li span{
    vertical-align: middle;
}
#future .content li:nth-of-type(1){
    top:  -450px;
    left: -310px;
}
#future .content li:nth-of-type(2){
    top: -100px;
    left: -524px;
}
#future .content li:nth-of-type(3){
    top:  250px;
    left: -306px;
}
#future .content li:nth-of-type(4){
        left: -136px;
        top: -312px;
}
#future .content li:nth-of-type(5){
    left: -300px;
    top: -50px;
}
#future .content li:nth-of-type(6){
    left: 30px;
    top: -50px;
}

#future .content li:nth-of-type(9){
    top:  -450px;
    left: 110px;
}

#future .content li:nth-of-type(8){
    top: -100px;
    left: 324px;
}

#future .content li:nth-of-type(7){
    top:  250px;
    left: 110px;
}

#future .content li.large{   
    width: 273px;
    height: 180px;
    border-radius: 140px;
    padding-top: 93px;
}

#teachers {
    background-image: url(../images/bg_09.jpg);
}

#teachers .content .hd ul {
    text-align: center;
}

#teachers .content .bd ul{
    padding-top: 20px;
    height: 240px;
}

#teachers .content .hd li {
    display: inline-block;
    margin: 60px;
}
#teachers .content .bd li p {
    text-indent: 2em;
}

#enviroment {
    background-image: url(../images/bg_10.jpg);
}

#history .content,
#enviroment .content,
#knowledge .content {
    background-image: url(../images/content.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 72px;
}
#enviroment .content p{
    padding:0;
    margin-bottom: 40px;
}

#enviroment .content dl {
    display: inline-block;
}
#enviroment .content dl dt{
    position: relative;
    padding-left: 80px;
    font-size: 20px;
}
#enviroment .content dl dt span {
    font-size: 60px;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: -20px;
}
#enviroment .content dl dt .line {
    border: 4px solid #0068d3; width: 55px; border-radius: 4px;margin: 10px  0;
}

#enviroment .content dl dd ul {
    width: 510px;
    margin: 10px;
    background-color: #0068d3;
    padding: 10px;
}

#enviroment .content dl dd ul li {
    display: inline-block;
    font-size: 0;
}

#enviroment .content dl dd ul li img {
    border: 2px solid white;
    width: 247px;
    height: 185px;
}

#enviroment .content dl:nth-of-type(2) dd ul li img,
#enviroment .content dl:nth-of-type(3) dd ul li img {
    border: 2px solid red;
}