.wrapper {
    background-color: initial;
}

.seminar .top{
    flex-flow: column;
    margin-bottom: 80px;
}
.seminar .top .title img{
    margin:auto;
    width:100%;
    max-width:780px;
}
.seminar .top .date{
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding: 8px 0;
}
.seminar .top .date p{
    font-weight: 700 !important;
}
.seminar .top .date .readMoreBtn{
    margin: 0;
    margin-left: 16px;
    width: 180px;
    background: #ff6633;
}
.seminar .top .date .readMoreBtn a{
    color: #FFF;
    padding: 10px;
}
.seminar .category{
    border: solid 1px #FFF;
    padding: 1px 4px;
    color: #FFF;
}
.seminar h2{
    margin: 8px 0 24px;
    line-height: 4rem !important;
    color: #FFF;
}
.seminar .read{
    color: #FFF;
}
.seminar .speaker{
    display: flex;
    justify-content: space-between;
    margin: 40px auto 80px;
    max-width: 880px;
}
.seminar .speaker li{
    width:25%;
}
.seminar .speaker li img{
    width:100%;
    max-width: 160px;
    margin: auto;
}
.seminar .speaker li figcaption{
    text-align: center;
    padding-top: 12px;
    line-height: 1.6rem !important;
    color:#FFF;
}
.seminar .readMoreBtn{
    margin: auto;
}
.seminar .point{
    margin: 48px 0;
}
.seminar .point li{
    background: rgba(255,255,255,0.8);
    padding: 32px;
    margin-bottom: 12px;
    border-radius: 4px;
}
.seminar .point li h3{
    color: #4190ac;
    font-size: 2.4rem !important;
}
.seminar h4{
    color: #FFF;
}
.seminar .service{
    color: #FFF;
}
.seminar .service li{
    list-style: disc;
    margin-left:24px;
}
.seminar .service a{
    text-decoration: underline;
    color: #FFF;
}
.seminar hr{
    background:#FFF;
    height: 1px !important;
    width: 100% !important;
    margin: 80px 0 !important;
}
.seminar .outline{
    color: #FFF;
}
.seminar .outline h3{
    text-align: center;
    margin-bottom: 40px;
}
.seminar .outline ul{
    margin: auto;
    width: fit-content;
}
.seminar .outline li dl{
    display: flex;
}
.seminar .outline li dt{
    font-weight: bold;
    width: 100px;
    padding: 10px 0;
}
.seminar .outline li dd{
    padding: 10px 0;
}
.seminar .outline li dl ul{
    list-style: disc;
    padding-left: 24px;
}
.seminar .outline li dl ul li{
    line-height: 3rem;
}
.seminar .outline .readMoreBtn{
    margin-top: 40px;
}

/* Video */
.video-fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
}
.video-fixed-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ----------------------------------------- */
@media screen and (min-width: 768px) {
}

/* ----------------------------------------- */
@media screen and (max-width: 767px) {
.seminar .top .date{
    display: flex;
    flex-flow: column;
}
.seminar .top .date p{
    padding-bottom:8px
}
.seminar h2{
    line-height: 3rem !important;
}
.seminar .point li h3{
    color: #4190ac;
    font-size: 2rem !important;
    margin-bottom: 12px;
}
.seminar .speaker{
    display: flex;
    flex-flow: column;
    margin-bottom: 32px;
}
.seminar .speaker li{
    width:100%;
    margin-bottom: 16px;
}
.seminar .speaker li figure{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.seminar .speaker li figure img{
    width: 100px;
    margin-left: 0;
    margin-right:10px;
}
.seminar .speaker li figcaption{
    text-align: left;
    padding-top: 0;
}
.seminar .outline li dt{
    min-width: 80px;
    width: 80px;
}
}