
/***********************
          共用
 Spkers items group on: exhibition-page, speaker_list
 ***********************/
.spkers-group {
  /* background-color: #fff; */
  border-radius: 20px 0 20px 0;
  padding: 10px;
}
.spkers-item {
  padding: 20px 15px;
  transition: .5s ease;
}
.spkers-item:hover {
  background-color: #66fcff30;
}
.spkers-imgbox {
  border-radius: 10px 0 10px 0;
  overflow: hidden;
  text-align: center;
}
.spkers-imgbox img {
  width: 100%;
  max-width: 350px;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: .3s ease;
}
.spkers-imgbox:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.spkers-txt {
  text-align: center;
}
.spkers-name {}
.spkers-title {
  color: #858585;
  margin: 10px 0;
}
.session-type {
}
.session-type span {
  background-color: #888;
  padding: 3px 10px;
  border-radius: 3px;
  color: #fff;
  display: block;
}



/******************************
 exhibition-page 使用 - 共用 Speaker items group 
 **************************/
.section-exhibit-page .spkers-group {
  background-color: #fff;
}
.section-exhibit-page .spkers-group .spkers-item:hover {
  background-color: transparent;
}


/******************
 Speaker on list-page 
 ******************/
.section-speaker.list-page {
  background: #fff;
}







/***********************
          共用
 .speaker-box  on: session_page
 ***********************/
 .speaker-box {}
 .speaker-imgbox {}
.speaker-img {}
.speaker-img img {}
.speaker-txtbox {}
.speaker-txtbox .name {
  margin-top: 0;
}
.speaker-txtbox .name a {}
.speaker-txtbox .name i {}
.companybox {}
.spkers-title {}
.speaker-txt-info {}
.speaker-txt-info p {}




/******************************
 session_page 使用 - 共用 Speaker-box group 
 **************************/
 .section-speaker.speaker-page-attach {}
 .speaker-box {
   padding-bottom: 2rem;
 }
 .section-speaker.speaker-page-attach .content-title {
   margin-bottom: 3rem;
 }
 .section-speaker.speaker-page-attach .companybox {
   margin-bottom: 1rem;
 }




/******************
 Speaker inner page 
 ******************/
.section-speaker.inner-page {
  padding: 0;
}
.spkers-item.inner-page {
  position: relative;
  width: 100%;
  padding: 0;
}

/* 左側 講者照片區 */
.speakerInner-header {
  overflow: hidden;
  padding: 6% 3%;
  min-height: 85vh;
  height: 100vh;
  position: fixed;
}
.speakerInner-header-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--theme);
  z-index: -1;
}
.speakerInner-header-bg img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 500px;
  opacity: 0.7;
}
/* 左側 照片區 內容 */
.speakerInner-header-content {
  overflow: hidden;
  max-width: 350px;
  padding: 15px;
  width: 100%;
  margin: auto;
  color: #fff;
}
/* .speakerInner-header .btn-back {
  border: 3px solid #fff;
  color: #fff;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 45px;
  border-radius: 50px;
  margin: -2% 2% 1%;
  font-size: 24px;
  opacity: 0.7;
}
.speakerInner-header .btn-back:hover {
  opacity: 1;
  background-color: #fff;
  color: var(--link);
}
.speakerInner-header .btn-back:focus {
  opacity: 0.8;
} */
.speakerInner-img {
  max-width: 400px;
  width: 100%;
}

/* 右側文字區 */
.speakerInner-txtbox {
  padding: 6% 5% 14%;
}
.speakerInner-name {
  margin-top: 0;
  line-height: 1.3;
}
.speakerInner-title {
  margin-top: 5px;
}
.speakerInner-desc {}

@media (max-width: 991px) {
  .speakerInner-header {
    position: relative;
    height: auto;
  }
  .speakerInner-header-bg img {
    top: 50px;
  }
  .speakerInner-header {
    min-height: auto;
    padding: 60px 0 15px;
  }
  .speakerInner-header .btn-back {
    margin: 1% 4% 1%;
  }
}
/* Speaker inner page  內頁裡面的議程 不共用 */
.speakerInner-item .session-group {
  padding: 0;
}
.speakerInner-item .session-group {
  padding: 10px;
}
.speakerInner-item .session-item {}
.speakerInner-item .session-timebox {
  padding: 1rem;
}
.speakerInner-item .session-timebox .session-class {
  color: #888;
}
.speakerInner-item .session-timebox .session-class i {}
.speakerInner-item .session-timebox .timebox-date {
  color: var(--theme);
  margin: 10px 0;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.speakerInner-item .session-content {
  padding: 1rem 0rem 1.5rem 1.5rem;
  border-left: 4px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
.speakerInner-item .session-title {
  margin-top: 0;
}
.speakerInner-item .session-title a i {}
.speakerInner-item .session-classbox {
  color: #888;
  padding: 2% 0 3%;
  font-weight: 500;
}
.speakerInner-item .classbox-clock {}
.speakerInner-item .session-location {
  display: inline-block;
  margin-left: 1rem;
}
.speakerInner-item .session-location i {}
.speakerInner-item .session-speakergroup {
  padding: 10px 0;
}
.speakerInner-item .session-info {
  padding: 10px 0;
}










/* 
    from main.css  共用  Social-group type 1
*/
.speakerInner-item .speaker-social.social-block .social-list {
  max-width: 400px;
  margin: 2% auto;
  justify-content: flex-end;
}

.speakerInner-item .speaker-social.social-block .social-list li {
}



