.js-loading *,
.js-loading *:before,
.js-loading *:after {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important; }

@font-face {
  font-family: "thaiSanNeue";
  src: url("../fonts/ThaiSansNeue-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: "thaiSanNeueBold";
  src: url("../fonts/ThaiSansNeue-UltraBold.ttf") format("truetype"); }
@font-face {
  font-family: "dbAdmanX";
  src: url("../fonts/db adman x.ttf") format("truetype"); }
@font-face {
  font-family: "dbAdmanXBold";
  src: url("../fonts/DB-Adman-X-Bd.ttf") format("truetype"); }
* {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-size: 16px;
  color: #6c757d;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
  font-family: "Roboto"; }

.vertical-center {
  margin: auto auto; }

.unSurefont {
  font-family: 'Prompt', sans-serif; }

redstar {
  color: #bf282a; }

#seminar-breadcrumbs .breadcrumb {
  color: #bbbdc0;
  background-color: white;
  margin: 1rem 0rem 0rem 0rem;
  padding: 1rem 0rem; }
  #seminar-breadcrumbs .breadcrumb .breadcrumb-item.active {
    color: #6c6d70; }

#seminar-hero {
  background-color: #F1F2F6;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  #seminar-hero .hero-container {
    display: grid;
    grid-template-columns: 37rem 2fr;
    grid-column-gap: 2rem; }
    #seminar-hero .hero-container .grid-image {
      margin-top: auto;
      margin-bottom: auto; }
      #seminar-hero .hero-container .grid-image img {
        max-width: 100%; }
    #seminar-hero .hero-container .detail-text {
      padding: 1.4rem 0rem; }
      #seminar-hero .hero-container .detail-text .detail-info {
        color: #1b2a34;
        font-weight: 600;
        padding: 0rem 1rem; }
        #seminar-hero .hero-container .detail-text .detail-info .detail-info-sub {
          font-size: 1rem; }
        #seminar-hero .hero-container .detail-text .detail-info .unSurefont {
          margin-bottom: 0rem; }
        #seminar-hero .hero-container .detail-text .detail-info svg.ui-icon {
          vertical-align: top;
          margin-right: 0.2rem; }
      #seminar-hero .hero-container .detail-text .detail-box {
        margin-top: 2rem;
        background-color: white;
        padding: 0rem;
        color: #58585b;
        font-weight: 600; }
        #seminar-hero .hero-container .detail-text .detail-box .row {
          padding: 0.5rem;
          margin: 0rem; }
        #seminar-hero .hero-container .detail-text .detail-box .press-btn {
          background-color: #cc3333;
          border-radius: 5px;
          border-color: #fff;
          min-width: 155px;
          height: 55px;
          color: #fff;
          padding: auto auto;
          text-align: center;
          padding: 1rem;
          margin-top: auto;
          margin-bottom: auto;
          cursor: pointer;
          line-height: 1; }
          #seminar-hero .hero-container .detail-text .detail-box .press-btn:hover {
            opacity: 0.8; }
        #seminar-hero .hero-container .detail-text .detail-box .date-row {
          border-bottom: 1px solid #e3e6ea; }
          #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-round span.round-name {
            font-size: 0.8rem; }
          #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-round span.round-num {
            font-size: 40px; }
          #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-text {
            line-height: 1.5;
            margin-left: 1rem; }
            #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-text .seminar-date {
              font-size: 1.3rem; }
            #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-text .seminar-date-detail {
              font-size: 14px; }
        #seminar-hero .hero-container .detail-text .detail-box .cobroker-row {
          border-bottom: 1px solid #e3e6ea; }
          #seminar-hero .hero-container .detail-text .detail-box .cobroker-row .cobroker-row-title {
            font-size: 1.3rem;
            padding-left: 1rem !important; }
          #seminar-hero .hero-container .detail-text .detail-box .cobroker-row div {
            margin: auto auto; }
        #seminar-hero .hero-container .detail-text .detail-box .social-box {
          color: #fff; }
          #seminar-hero .hero-container .detail-text .detail-box .social-box .social-icon {
            min-height: 30px;
            border-radius: 5px;
            text-align: center;
            justify-content: center;
            display: flex; }
          #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-facebook {
            background-color: #506ead;
            max-width: 185px;
            font-size: 1rem;
            cursor: pointer; }
            #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-facebook a i {
              line-height: 1.5; }
            #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-facebook:hover {
              opacity: 0.8; }
          #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-twitter {
            background-color: #31c5f4;
            max-width: 175px;
            cursor: pointer; }
            #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-twitter:hover {
              opacity: 0.8; }
          #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-googleplus {
            background-color: #ec4125;
            max-width: 45px;
            cursor: pointer; }
            #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-googleplus:hover {
              opacity: 0.8; }
          #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-line {
            background-color: #4fb948;
            max-width: 45px;
            cursor: pointer; }
            #seminar-hero .hero-container .detail-text .detail-box .social-box .btn-line:hover {
              opacity: 0.8; }
    #seminar-hero .hero-container #seminar-ad-modal .modal-dialog {
      min-width: 50rem !important; }

#seminar-information {
  background-color: white;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  #seminar-information .container {
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-template-rows: 3fr 2fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
    align-items: stretch; }
    #seminar-information .container #seminar-subject {
      grid-column: 1/1;
      grid-row: 1/4;
      margin-right: 2rem;
      font-family: 'Prompt', sans-serif; }
      #seminar-information .container #seminar-subject .nav-tabs li {
        color: #007bff; }
      #seminar-information .container #seminar-subject .tab-content #subject {
        opacity: 1; }
        #seminar-information .container #seminar-subject .tab-content #subject p {
          padding: 1rem;
          font-size: 1.3rem; }
        #seminar-information .container #seminar-subject .tab-content #subject h2 {
          padding: 1rem 0rem 0rem 1rem;
          font-size: 1.8rem;
          color: black; }
        #seminar-information .container #seminar-subject .tab-content #subject ul {
          margin-top: 1.5rem; }
          #seminar-information .container #seminar-subject .tab-content #subject ul li {
            font-size: 24px;
            color: black;
            list-style-type: none;
            line-height: 1.3; }
            #seminar-information .container #seminar-subject .tab-content #subject ul li span {
              color: #5e5e5e;
              font-size: 24px;
              padding-left: 1rem;
              line-height: 1.3; }
            #seminar-information .container #seminar-subject .tab-content #subject ul li .subject-social {
              font-size: 24px;
              color: black; }
            #seminar-information .container #seminar-subject .tab-content #subject ul li .subject-stock {
              font-size: 24px;
              color: black; }
          #seminar-information .container #seminar-subject .tab-content #subject ul li:before {
            content: "\2022";
            color: #df3232; }
    #seminar-information .container #seminar-target {
      grid-column: 1/1;
      grid-row: 4/5;
      font-family: "thaiSanNeue";
      margin-top: 0rem;
      max-width: 33rem; }
      #seminar-information .container #seminar-target h3 {
        color: #dc3331;
        font-size: 32px; }
      #seminar-information .container #seminar-target ul li {
        list-style-type: none;
        font-size: 24px; }
      #seminar-information .container #seminar-target ul li:before {
        content: "- "; }
      #seminar-information .container #seminar-target p {
        font-size: 25px; }
    #seminar-information .container #seminar-speaker {
      grid-column: 2/2;
      grid-row: 1/3; }
      #seminar-information .container #seminar-speaker h3 {
        text-align: right;
        font-size: 32px;
        color: #bf202e; }
      #seminar-information .container #seminar-speaker .speaker-image {
        display: grid;
        grid-template-columns: 1fr 1fr; }
    #seminar-information .container #seminar-atmosphere {
      max-width: 496px;
      grid-column: 2/2;
      grid-row: 4/5; }
      #seminar-information .container #seminar-atmosphere img {
        width: 100%; }
    #seminar-information .container #co-broker-ad {
      grid-column: 2/2;
      grid-row: 3/4; }
      #seminar-information .container #co-broker-ad img {
        width: 100%; }

#seminar-register {
  background-color: #f1f2f6;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: 'Prompt', sans-serif;
  font-size: 1.2rem;
  color: black; }
  @media (max-width: 768px) {
    #seminar-register {
      padding: 0rem; } }
  @media (max-width: 768px) {
    #seminar-register .container {
      padding: 0rem; } }
  #seminar-register .container h3 {
    font-size: 32px; }
  #seminar-register .container .subRegis {
    font-size: 20px; }
  #seminar-register .container #seminar-form {
    display: grid !important;
    grid-template-columns: 3fr 2fr;
    grid-auto-rows: repeat(8, 1fr);
    background-color: white;
    padding: 2rem 2rem !important; }
    @media (max-width: 768px) {
      #seminar-register .container #seminar-form {
        padding: 2rem 1rem !important; } }
    #seminar-register .container #seminar-form .box-register-people .form-inline .form-control {
      margin: 1rem 1rem 1rem 0rem; }
    #seminar-register .container #seminar-form .grid-item #register-grid-form {
      display: grid;
      grid-template-columns: 1fr 4fr;
      grid-column-gap: 1.5rem;
      grid-row-gap: 1rem; }
      #seminar-register .container #seminar-form .grid-item #register-grid-form .form-header {
        vertical-align: middle;
        text-align: right;
        margin: auto 0;
        font-size: 1.2rem; }
      #seminar-register .container #seminar-form .grid-item #register-grid-form .form-input {
        margin: auto 0; }
        #seminar-register .container #seminar-form .grid-item #register-grid-form .form-input input {
          max-width: 380px;
          font-size: 1.2rem; }
      #seminar-register .container #seminar-form .grid-item #register-grid-form .form-check-input {
        top: 15%;
        position: absolute; }
      #seminar-register .container #seminar-form .grid-item #register-grid-form .form-check-label {
        margin-left: 1rem; }

.grid-location h3 {
  color: #0c4166;
  font-size: 25px; }
.grid-location p {
  font-size: 23px;
  line-height: 1.3; }

#seminar-tag {
  background-color: white; }
  #seminar-tag .tag {
    color: #808284; }

#modalSuccess .modal-content .modal-body .btn-success {
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none; }
  #modalSuccess .modal-content .modal-body .btn-success:hover {
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    transform: translateY(-3px); }

@media (max-width: 680px) {
  #seminar-content {
    font-size: 0.8rem; }

  #seminar-breadcrumbs .container {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    #seminar-breadcrumbs .container .breadcrumb {
      font-size: 0.7rem; }

  #seminar-hero .hero-container {
    grid-template-columns: 1fr; }
    #seminar-hero .hero-container .detail-text {
      padding: 1rem 0 0 0; }
      #seminar-hero .hero-container .detail-text .detail-info h2 {
        font-size: 35px !important;
        font-weight: 600 !important; }
      #seminar-hero .hero-container .detail-text .detail-info p {
        font-size: 12px; }
    #seminar-hero .hero-container .detail-text .deatil-info .detail-info-sub {
      font-size: 0.8rem; }
    #seminar-hero .hero-container .detail-text .detail-box .row {
      min-height: 4rem; }
    #seminar-hero .hero-container .detail-text .detail-box .date-row {
      padding: 0.5rem; }
      #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-round span.round-name {
        font-size: 0.8rem; }
      #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-round span.round-num {
        font-size: 25px; }
      #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-text {
        font-size: 0.8rem;
        padding-top: 0.8rem; }
        #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-text span.seminar-date {
          font-size: 1rem; }
        #seminar-hero .hero-container .detail-text .detail-box .date-row .date-row-text span.seminar-date-detail {
          font-size: 0.7rem; }
      #seminar-hero .hero-container .detail-text .detail-box .date-row .press-btn {
        margin-top: 1rem; }
    #seminar-hero .hero-container .detail-text .detail-box .cobroker-row div {
      margin-left: 0rem;
      margin-right: 0rem;
      font-size: 0.8rem; }
    #seminar-hero .hero-container .detail-text .detail-box .cobroker-row .cobroker-row-title {
      font-size: 1rem; }
    #seminar-hero .hero-container .detail-text .detail-box .cobroker-row .cobroker-link-svg svg {
      width: 20px !important;
      height: 20px !important; }
    #seminar-hero .hero-container .detail-text .detail-box .cobroker-row .press-btn {
      margin-top: 1rem; }
    #seminar-hero .hero-container .detail-text .detail-box .socialmedia-row {
      display: none; }
    #seminar-hero .hero-container .detail-text .detail-box .press-btn {
      font-size: 0.8rem;
      min-width: 0px;
      min-height: 0px;
      margin: auto auto;
      padding: 1rem 0rem;
      cursor: pointer; }
      #seminar-hero .hero-container .detail-text .detail-box .press-btn:hover {
        opacity: 0.8; }
    #seminar-hero .hero-container #seminar-ad-modal.show {
      visibility: hidden;
      display: none; }

  #seminar-information .container {
    display: flex;
    flex-direction: column; }
    #seminar-information .container #seminar-subject {
      order: 1; }
      #seminar-information .container #seminar-subject .nav-item .nav-link {
        font-size: 1.3rem; }
      #seminar-information .container #seminar-subject .tab-content #subject p {
        padding: 1rem;
        font-size: 1.3rem; }
      #seminar-information .container #seminar-subject .tab-content #subject h2 {
        padding: 1rem;
        font-size: 1.3rem; }
      #seminar-information .container #seminar-subject .tab-content #subject ul {
        padding: 0rem 1rem; }
        #seminar-information .container #seminar-subject .tab-content #subject ul li {
          font-size: 1.3rem; }
          #seminar-information .container #seminar-subject .tab-content #subject ul li span {
            font-size: 1.2rem; }
          #seminar-information .container #seminar-subject .tab-content #subject ul li .subject-social {
            font-size: 1rem;
            color: black; }
          #seminar-information .container #seminar-subject .tab-content #subject ul li .subject-stock {
            font-size: 1rem;
            color: black; }
    #seminar-information .container #seminar-speaker {
      padding: 1rem;
      order: 2; }
      #seminar-information .container #seminar-speaker h3 {
        font-size: 1rem;
        text-align: left; }
      #seminar-information .container #seminar-speaker .speaker-image figure img {
        max-width: 100px; }
      #seminar-information .container #seminar-speaker .speaker-image figure figcaption {
        font-size: 1rem; }
    #seminar-information .container #seminar-target {
      padding: 1rem;
      order: 3;
      font-size: 1rem;
      margin-top: 0.5rem;
      max-width: 33rem; }
      #seminar-information .container #seminar-target h3 {
        font-size: 1.3rem; }
      #seminar-information .container #seminar-target ul li {
        font-size: 1.2rem; }
      #seminar-information .container #seminar-target p {
        font-size: 1.2rem; }
        #seminar-information .container #seminar-target p span {
          font-size: 1.3rem !important; }
    #seminar-information .container #seminar-atmosphere {
      padding: 1rem;
      order: 4; }
    #seminar-information .container #co-broker-ad {
      padding: 1rem;
      order: 5; }

  #seminar-register .container {
    padding: 1rem; }
    #seminar-register .container h3 {
      font-size: 1.5rem; }
    #seminar-register .container .subRegis {
      font-size: 1.2rem;
      margin-left: 3rem; }
    #seminar-register .container #seminar-form {
      grid-template-columns: 1fr !important; }
      #seminar-register .container #seminar-form .grid-item #register-grid-form {
        grid-row-gap: 0.5rem; }
        #seminar-register .container #seminar-form .grid-item #register-grid-form .form-header {
          text-align: left; }
        #seminar-register .container #seminar-form .grid-item #register-grid-form .form-check-label {
          font-size: 0.7rem;
          margin-left: 1rem; }
        #seminar-register .container #seminar-form .grid-item #register-grid-form .form-check-input {
          left: 7%;
          top: 1%;
          width: 1rem; }
    #seminar-register .container .grid-location {
      padding: 2.5rem; }
      #seminar-register .container .grid-location h3 {
        margin-left: -1.5rem; }
      #seminar-register .container .grid-location p {
        line-height: 1.2;
        font-weight: 600; } }
#seminar-card-sec {
  background-color: #F1F2F6; }
  #seminar-card-sec .seminar-card-container {
    padding: 3rem; }
    @media (max-width: 768px) {
      #seminar-card-sec .seminar-card-container {
        padding: 0rem; } }
    #seminar-card-sec .seminar-card-container .seminar-card {
      background-color: #FFF;
      text-align: center;
      padding: 2rem 3rem;
      border-radius: 0.25;
      box-shadow: 0 1px 3px 0 rgba(27, 27, 27, 0.1); }
      #seminar-card-sec .seminar-card-container .seminar-card i {
        font-size: 2rem;
        padding: 1rem; }
      #seminar-card-sec .seminar-card-container .seminar-card h3 {
        color: #36495A; }

/*# sourceMappingURL=tookteeLive.css.map */