/* @group Conference */
#conference .content-section {
  padding: 0; }

.conf-table {
  font-size: 14px;
  margin-bottom: 10px; }
  .conf-table thead {
    background-color: #05894b;
    color: #ffffff; }
  .conf-table td {
    white-space: normal !important; }

.table.conf-table > tbody > tr > td, .table.conf-table > tbody > tr > th, .table.conf-table > tfoot > tr > td, .table.conf-table > tfoot > tr > th, .table.conf-table > thead > tr > td, .table.conf-table > thead > tr > th {
  border: 1px solid #dddddd !important; }

.conf-group-title {
  font-family: "Titillium Web", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  background-color: #5da75f;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }

.title_logo {
  position: absolute;
  right: 20px;
  top: 0px;
  margin-top: 15px; }

.conf-item {
  margin: 0 auto;
  border: 1px solid #c4dad0;
  overflow: hidden;
  margin-bottom: 30px; }
  .conf-item .conf-label {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background-color: #ed6631;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ed6631), to(#ffaf3c));
    background-image: -webkit-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: -moz-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: -ms-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: -o-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: linear-gradient(top, #ed6631, #ffaf3c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed6631', endColorStr='#ffaf3c');
    border: 1px solid #fdae8e;
    padding: 1px 10px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    margin-top: 5px; }
  .conf-item .conf-label2 {
    background-color: #ecf9ea;
    color: #114a0b;
    border-radius: 60px;
    text-align: center;
    width: 270px;
    padding: 10px 25px;
    border: 4px solid #bce6b7;
    margin-left: 5px; }

.lg-group {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 5px; }
  .lg-group .lg-label {
    display: block;
    font-size: 11px;
    color: #333333;
    margin-bottom: 10px; }
  .lg-group .lg-pic, .lg-group .lg-name, .lg-group .lg-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px; }
  .lg-group .lg-pic {
    margin-right: 10px; }
  .lg-group .lg-name {
    font-size: 12px;
    line-height: 14px; }
  .lg-group .lg-item {
    margin-right: 20px;
    min-height: 58px; }

.conf-header {
  margin-bottom: 20px;
  position: relative; }
  .conf-header .conf-title {
    font-family: "Titillium Web", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #04713d;
    padding: 20px 10px 15px;
    background-color: #dcf1e7;
    border-bottom: 1px solid #d3e4dc; }
  .conf-header .conf-title2 {
    width: 65%; }
  .conf-header .conf-time {
    padding: 5px 10px;
    background-color: #eaf7f1; }
    .conf-header .conf-time ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
      margin-left: 10px; }
      .conf-header .conf-time ul li {
        display: block;
        margin: 0 10px;
        padding-right: 20px;
        font-family: "Titillium Web", sans-serif;
        color: #1d871d;
        font-size: 13px;
        font-weight: 600; }
        .conf-header .conf-time ul li i {
          color: #74c074; }

.conf-content {
  background-color: #fff;
  padding: 0px 10px 10px; }
  .conf-content .section {
    margin-bottom: 10px; }
    .conf-content .section:before, .conf-content .section:after {
      content: " ";
      display: table; }
    .conf-content .section:after {
      clear: both; }
  .conf-content .conf-topic {
    margin-bottom: 10px !important; }
  .conf-content .theme-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #04713d;
    margin: 10px 0 20px; }
    .conf-content .theme-name .small {
      font-weight: 600;
      font-style: italic;
      color: #1a1919; }
    .conf-content .theme-name .caption {
      font-size: 14px;
      font-weight: 500;
      color: #5c5c5c; }
  .conf-content .theme-detail {
    font-size: 13px; }
  .conf-content .center-detail {
    display: table;
    margin-left: auto;
    margin-right: auto; }
  .conf-content .conf-info {
    font-size: 13px; }
  .conf-content .text-1 {
    font-weight: 600;
    color: #023f23; }
  .conf-content .text-2 {
    font-weight: 600;
    color: black; }
  .conf-content .text-3 {
    font-weight: 600;
    color: #06a258; }

.conf-subhead {
  font-size: 14px;
  font-weight: 600;
  color: black;
  padding: 5px;
  display: block;
  background-color: #eee;
  text-align: center;
  margin-bottom: 15px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.awards div {
  border-right: 1px dashed #08ec81;
  text-align: center; }
  .awards div img {
    margin-bottom: 10px; }

.awards div:last-child {
  border-right: none; }

.awards-remarks {
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  margin-top: 10px;
  margin-bottom: 15px;
  border: 1px solid #08ec81;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px; }
  .awards-remarks .remark-label, .awards-remarks .remark-list {
    display: inline-block; }
  .awards-remarks .remark-label {
    margin-right: 15px; }
  .awards-remarks .remark-list {
    margin-left: 10px; }

.conf-lg-left, .conf-title-right {
  display: inline-block;
  vertical-align: middle; }

.conf-lg-left {
  padding-right: 15px;
  max-width: 75px; }

.conf-title-right {
  max-width: 70%; }

@media only screen and (min-width: 430px) {
  .conf-title-right {
    max-width: 80%; } }

@media only screen and (min-width: 1200px) {
  .conf-title-right {
    max-width: 85% !important; } }

/* new style conference */
.conf-content2 .section {
  margin-bottom: 10px; }
  .conf-content2 .section:before, .conf-content2 .section:after {
    content: " ";
    display: table; }
  .conf-content2 .section:after {
    clear: both; }

.conf-content2 .conf-topic {
  padding-bottom: 10px;
  margin-bottom: 10px !important; }

.conf-content2 .theme-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25em;
  color: #04713d;
  margin: 30px 0;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto; }
  .conf-content2 .theme-name .small {
    font-weight: 600;
    font-style: italic;
    color: #1a1919; }
  .conf-content2 .theme-name .caption {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
    color: #5c5c5c; }

.conf-content2 .theme-detail {
  font-size: 13px; }

.conf-content2 .center-detail {
  display: table;
  margin-left: auto;
  margin-right: auto; }

.conf-content2 .conf-info {
  font-size: 13px; }

.conf-content2 .text-1 {
  font-weight: 600;
  color: #035830; }

.conf-content2 .text-2 {
  font-weight: 600;
  color: black; }

.conf-content2 .text-3 {
  font-weight: 600;
  color: #06a258; }

.conf-item2 {
  overflow: hidden; }
  .conf-item2 .lg-group {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-top: 5px; }
    .conf-item2 .lg-group .lg-label {
      display: block;
      font-size: 11px;
      color: #333333;
      margin-bottom: 10px; }
    .conf-item2 .lg-group .lg-pic, .conf-item2 .lg-group .lg-name, .conf-item2 .lg-group .lg-item {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 5px; }
    .conf-item2 .lg-group .lg-pic {
      margin-right: 15px; }
    .conf-item2 .lg-group .lg-name {
      font-size: 12px;
      line-height: 14px; }
    .conf-item2 .lg-group .lg-item {
      margin-right: 20px;
      min-height: 58px; }
  .conf-item2 .conf-label {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25em;
    text-align: center;
    display: inline-block;
    background-color: #ed6631;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ed6631), to(#ffaf3c));
    background-image: -webkit-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: -moz-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: -ms-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: -o-linear-gradient(top, #ed6631, #ffaf3c);
    background-image: linear-gradient(top, #ed6631, #ffaf3c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed6631', endColorStr='#ffaf3c');
    padding: 8px 13px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin-top: 10px; }
  .conf-item2 .conf-label2 {
    background-color: #ecf9ea;
    color: #114a0b;
    border-radius: 60px;
    text-align: center;
    width: 270px;
    padding: 10px 25px;
    border: 4px solid #bce6b7;
    margin-left: 5px; }

.conf-header2 {
  margin-bottom: 20px; }
  .conf-header2 .conf-title {
    font-family: "Titillium Web", sans-serif;
    font-size: 26px;
    line-height: 1.1em;
    font-weight: 400;
    color: #04713d;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    margin-top: 0; }
  .conf-header2 .conf-title2 {
    width: 65%; }
  .conf-header2 .conf-time ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 20px; }
    .conf-header2 .conf-time ul li {
      display: block;
      margin: 0 10px;
      padding-right: 20px;
      font-family: "Titillium Web", sans-serif;
      color: #ed6730;
      font-size: 15px;
      font-weight: 600; }
      .conf-header2 .conf-time ul li i {
        color: #b1b1b1; }

.thai .conf-header2 {
  margin-bottom: 20px; }
  .thai .conf-header2 .conf-title {
    font-family: "Kanit", sans-serif; }

.speakers-wrap {
  overflow: hidden; }
  .speakers-wrap .sp-group {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center; }
    .speakers-wrap .sp-group .sp-label {
      display: block;
      font-size: 11px;
      color: #333333;
      margin-bottom: 10px; }
    .speakers-wrap .sp-group .sp-pic, .speakers-wrap .sp-group .sp-name, .speakers-wrap .sp-group .sp-item {
      vertical-align: top;
      margin-bottom: 5px;
      text-align: center; }
    .speakers-wrap .sp-group .sp-pic img {
      max-width: 90px; }
    .speakers-wrap .sp-group .sp-name {
      font-size: 12px;
      line-height: 14px; }
    .speakers-wrap .sp-group .sp-item {
      display: inline-block;
      width: 21%;
      margin-right: 3%;
      min-height: 58px; }
      .speakers-wrap .sp-group .sp-item:last-child {
        margin-right: 0; }

/* end new style conference */
/* new style conference2 */
.free-label {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25em;
  text-align: left;
  background-color: #ed6631;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ed6631), to(#ffaf3c));
  background-image: -webkit-linear-gradient(top, #ed6631, #ffaf3c);
  background-image: -moz-linear-gradient(top, #ed6631, #ffaf3c);
  background-image: -ms-linear-gradient(top, #ed6631, #ffaf3c);
  background-image: -o-linear-gradient(top, #ed6631, #ffaf3c);
  background-image: linear-gradient(top, #ed6631, #ffaf3c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed6631', endColorStr='#ffaf3c');
  padding: 4px 13px;
  -webkit-border-radius: 0 0 10px 0;
  -khtml-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -ms-border-radius: 0 0 10px 0;
  -o-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0; }

.has-label {
  padding-top: 35px !important; }

.has-conducted {
  padding-bottom: 35px !important; }

.conducted {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #747474;
  font-size: 12px;
  white-space: normal;
  font-style: italic;
  background-color: rgba(25, 107, 28, 0.06);
  width: 100%;
  padding: 2px 15px; }

.seminar-wrap {
  color: #000000;
  white-space: normal; }
  .seminar-wrap .text-small {
    color: #000000;
    font-size: 8px;
    margin-top: 8px; }
  .seminar-wrap .date {
    color: #012715;
    font-size: 12px;
    white-space: normal;
    margin-bottom: 0px; }
  .seminar-wrap .text-1 {
    font-weight: 700;
    color: #05894b;
    margin-bottom: 0; }
  .seminar-wrap .text-2 {
    color: #666666;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 0; }
  .seminar-wrap .more {
    color: #127b40;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 8px; }
  .seminar-wrap i {
    color: #51bb80; }
  .seminar-wrap h2.title {
    color: #04713d;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 3px;
    white-space: normal;
    text-align: center; }
  .seminar-wrap .d-col1 {
    text-align: ceneter; }

.seminar-btn1, .seminar-btn1:active {
  position: relative;
  padding: 16px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  box-shadow: 1px 4px 5px #ddd;
  margin-bottom: 15px;
  width: 100%;
  border: 1px solid #bfe0cf;
  background: #d6f2de;
  background: -moz-linear-gradient(left, #d6f2de 0%, #d6f2de 19%, white 71%, white 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d6f2de), color-stop(19%, #d6f2de), color-stop(71%, white), color-stop(100%, white));
  background: -webkit-linear-gradient(left, #d6f2de 0%, #d6f2de 19%, white 71%, white 100%);
  background: -o-linear-gradient(left, #d6f2de 0%, #d6f2de 19%, white 71%, white 100%);
  background: -ms-linear-gradient(left, #d6f2de 0%, #d6f2de 19%, white 71%, white 100%);
  background: linear-gradient(to right, #d6f2de 0%, #d6f2de 19%, white 71%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f2de', endColorstr='#ffffff', GradientType=1 ); }
  .seminar-btn1:hover, .seminar-btn1:focus, .seminar-btn1:active:hover, .seminar-btn1:active:focus {
    border: 2px solid #94d0b2;
    padding: 15px; }
  .seminar-btn1:active, .seminar-btn1:active:active {
    box-shadow: 1px 4px 5px #ddd; }

.seminar-btn2 {
  position: relative;
  padding: 16px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 20px !important;
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #ffffff; }
  .seminar-btn2:hover, .seminar-btn2:focus {
    background-color: #f0fef7;
    border: 1px solid #98d1b7; }

/* end new style conference2 */
/* @group Tablets to Desktop*/
@media only screen and (min-width: 768px) {
  .conducted {
    text-align: left; }
  .seminar-wrap .more {
    text-align: left; }
  .seminar-wrap h2.title {
    text-align: left; }
  .seminar-wrap .d-col1 {
    text-align: left; }
  .conf-lg-left {
    max-width: 100%; }
  .conf-label-float {
    float: right; }
  .conf-content2 .theme-name {
    font-size: 20px; }
  .conf-item2 .conf-label {
    margin-top: 5px !important; }
  .conf-header2 .conf-time ul li {
    display: inline; }
  #conference .content-section {
    padding: 0 10px; }
  .conf-header .conf-title {
    padding: 20px 20px 15px;
    font-size: 18px;
    line-height: 20px; }
  .conf-header .conf-title2 {
    width: 85%; }
  .conf-header .conf-time {
    padding: 5px 20px; }
    .conf-header .conf-time ul li {
      display: inline; }
  .conf-content {
    padding: 0px 20px 10px; }
    .conf-content .theme-name {
      text-align: center; } }

/* @group for seminar*/
.d-flex-wrap {
  flex-wrap: wrap; }

.d-flex2 {
  display: flex; }

.seminar .col-sm-4 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; }

.seminar .title {
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em; }

.seminar img {
  margin-bottom: 10px; }

.seminar .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  align-items: center; }
  .seminar .card .title, .seminar .card .text-1 {
    text-align: center; }

.seminar .card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between; }

@media only screen and (min-width: 510px) {
  .seminar .col-sm-4 {
    width: 50%;
    float: left;
    margin-left: unset;
    margin-right: unset; } }

@media only screen and (min-width: 768px) {
  .seminar .col-sm-4 {
    width: 33.3333333333%;
    float: left; } }