.banner{background: url('../images/now/bannerbg.png') no-repeat; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); height: 228px; width: 100%;}
.banner h1{font-family: 'ak'; font-size: 72px; color: #fff; font-weight: normal; text-align: center; padding-top: 60px;}
.banner span{font-size: 18px; color: #fff; font-family: 'Leelawadee UI'; text-align: center; display: block; width: 100%; margin-bottom: 80px;}

.know{min-width: 100%; background: #fff; height: auto;}
.know_con{height: auto; padding: 60px 0;}

.know_con ul{width: 230px; float: right; padding-right: 20px;}
.know_con ul li{margin: 15px 0; color: #434343; font-size: 35px; font-family: 'ak'; text-align: right; border-bottom: 1px solid #ccc;}
.know_con dl dd{float: left; background: #ccc; width: 710px; height: 350px; margin-left: 30px;}

.remember{width: 100%; background: #f5f5f5;}
.remember_con{height: auto; padding: 50px 0;}
.remember_con h2{color: #2c2c2c; font-weight: bold; font-size: 48px; font-family: 'ak'; font-weight: normal; padding-top: 100px;}
.remember_con p{font-family: 'Leelawadee UI'; font-size: 16px; color: #2c2c2c; margin-top: 30px; line-height: 30px;}

.cannot{width: 100%; background: #fff; height: auto;}
.cannot_con{padding-top: 60px; height: auto;}
.cannot_con h2{color: #2c2c2c; font-weight: bold; font-size: 48px; font-family: 'ak'; font-weight: normal; padding-top: 90px;}
.cannot_con p{font-family: 'Leelawadee UI'; font-size: 16px; color: #2c2c2c; margin-top: 30px; line-height: 30px;}

.cannot h3{color: #9e9e9e; font-size: 58px; font-family: 'ak'; text-align: center; border: 1px solid #c5c5c5; width: 70%; margin: 100px auto; border-left: none; border-right: none;}


@media only screen and (max-width: 780px) {
    .banner h1{font-size: 42px;}

    .cannot h3{color: #9e9e9e; font-size: 38px; font-family: 'ak'; text-align: center; border: 1px solid #c5c5c5; width: 70%; margin: 100px auto; border-left: none; border-right: none;}
}