.inner { width: 80%; margin: auto; }
.navbar-index .top { border-bottom: 1px solid #dcdcdc; }
p.bold { font-weight: bold; }

#s1 { width: 100%; top: 60px; background-color: #005D71; padding: 100px 0 130px; color: #fff; }
#s1 .inner { margin-top: 20px; }
#s1 p.line { color: #5bd7e4; font-weight: bold; }
#s1 h4 { margin: 0; }
#s1 .left { width: 55%; float: left; }
#s1 .right { width: 40%; float: right; }
#s1 .right div.img { max-width: 100%; padding: 0 0 20px 20px; }
#s1 .right div.img img { max-width: 100%; }

#s2 { padding: 30px 0; }
#s2 p.first { width: 100%; }
/* #s2 div.banner { max-width: 100%; width: 200px; padding: 0 0 0 40px; background-color: #dedede; height: 600px; margin: 10px auto; } */
#s2 .col-sm-8 { margin-bottom: 20px; }

.s3 { background-color: #f7f7f7; padding: 30px 0; }
.s3 .intro { padding-bottom: 12px; border-bottom: 1px solid #000; }
.s3 .intro h4 { font-size: 16px; }
.s3 .list { padding: 30px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.s3 .list .item { min-width: 250px; width: 30%; max-width: 400px; padding: 10px; background-color: #fff; margin-bottom: 20px; }
.s3 .list .item .thumb { height: 160px; display: flex; border: 1px solid #000; margin-bottom: 10px; }
.s3 .list .item .thumb img { max-width: 100%; max-height: 100%; margin: auto; }
.s3 .list .item .btn.btn-custom { width: 100%; background-color: #5bd7e4; border-radius: 5px; }

#s4 { padding: 30px 0 45px; }

#details-s2 { padding: 25px 0; }
#details-s2 a.link { color: #000; }
#details-s2 .modules { padding: 30px; background-color: #f7f7f7; }
#details-s2 .modules p { font-size: 13px; }