@charset "UTF-8";
/* Component */
.font_smaller h1, .font_smaller .h1 {
    font-size: 44px;
}
.font_smaller h2 {
    font-size: 54px;
}
.font_smaller h6, .font_smaller .h6 {
    font-size: 22px;
}
.font_smaller .btn {
    font-size: 12px;
    line-height: 20px;
}
.font_smaller .btn-border {
    font-size: 12px;
    line-height: 20px;
}

/* Language */
.font_smaller .tiny-dropbtn {
    font-size: 12px;
    line-height: 20px;
}
.font_smaller .tiny-dropdown-content a {
    font-size: 12px;
    line-height: 20px;
}
.font_smaller .ftn-font {
    font-size: 16px;
}

/* Dropdown */
.font_smaller .topnav a {
    font-size: 13px;
    line-height: 16px;
}
.font_smaller .dropdown .dropbtn {
    font-size: 13px;
}

/* main menu */
.font_smaller .menu-item {
    font-size: 13px;
    line-height: 36px;
}
.font_smaller .search-box {
    font-size:13px;
    line-height: 16px;
}
.font_smaller .search-popup .title {
    font-size: 12px;
    line-height: 22px;
}
.font_smaller .search-popup input.common_textfield {
    font-size: 12px;
    line-height: 16px;
}

@media (max-width: 690px) {
    .font_smaller .main-menu {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .font_smaller .main-menu {
      font-size: 16px;
    }
}

/* Template */

.font_smaller .template-container .template-wrapper .nav-path {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .template-container .template-wrapper .nav-path a {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .template-container .template-wrapper .intro {
    font-size: 16px;
    line-height: 24px;
}
.font_smaller .upcoming-events .view-more a {
    font-size: 14px;
    line-height: 16px;
}
.font_smaller .upcoming-events .block-area .events-item .title {
    font-size: 16px;
    line-height: 22px;
}
.font_smaller .upcoming-events .block-area .events-item .venue {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .upcoming-events .block-area .events-item .hashtag {
    font-size: 12px;
    line-height: 26px;
}
.font_smaller .results .search-area input[type="text"] {
    font-size: 38px;
    line-height: 52px;
}
.font_smaller .results .search-result {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .results.search-wholesite .events-list .listing-side .search-result .search-keyword {
    font-size: 14px;
}
.font_smaller ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 38px;
    line-height: 52px;
}
.font_smaller ::-moz-placeholder { /* Firefox 19+ */
    font-size: 38px;
    line-height: 52px;
}
.font_smaller :-ms-input-placeholder { /* IE 10+ */
    font-size: 38px;
    line-height: 52px;
}
.font_smaller :-moz-placeholder { /* Firefox 18- */
    font-size: 38px;
    line-height: 52px;
}
.font_smaller .results .events-list .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .results .events-list .filter-date .title {
    font-size: 12px;
    line-height: 36px;
}

/* Homepage */
.font_smaller .banner-content .headline {
    font-size: 64px;
}
.font_smaller .banner-content .intro {
    font-size: 16px;
    line-height: 26px;
}
.font_smaller .homepage-wrapper .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .homepage-wrapper .event-highlight .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .homepage-wrapper .event-highlight .message {
    font-size: 12px;
    line-height: 20px;
}

/* Checkbox */
.font_smaller .filter-checkbox {
    font-size: 14px;
    line-height: 21px;
}
.font_smaller .results .events-list .filter-sorting .title {
    font-size: 14px;
    line-height: 36px;
}

/* Past events */
.font_smaller .events-item .event-type {
    font-size: 12px;
    line-height: 22px;
}
.font_smaller .events-item .events-detail {
    font-size: 14px;
    line-height: 20px;
}
.font_smaller .events-item .hashtag, .font_smaller .events-item .url-link {
    font-size: 12px;
    line-height: 26px;
}
.font_smaller .events-item .publish-date {
    font-size: 12px;
    line-height: 26px;
}

/* Button arrow */
.font_smaller .pages-number {
    line-height: 16px;
}

/* Footer */
.font_smaller .footer-navigation .right-side .follow-socialmedia {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .footer-link ul li a {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .footer-copyright {
    font-size: 12px;
    line-height: 18px;
}
.font_smaller a#backtotop-btn {
    font-size: 12px;
    line-height: 18px;
  }

/* News Details */
.font_smaller .btn-text a {
    font-size: 14px;
    line-height: 17px;
}
.font_smaller .single-event .event-type {
    font-size: 14px;
    line-height: 21px;
}
.font_smaller .single-event .title {
    font-size: 48px;
    line-height: 52px;
}
.font_smaller .single-event .event-detail {
    font-size: 14px;
    line-height: 17px;
}
.font_smaller .single-event .venue {
    font-size: 14px;
    line-height: 17px;
}
.font_smaller .single-event .subheadline {
    font-size: 16px;
    line-height: 26px;
}
.font_smaller .single-event .content {
    font-size: 12px;
    line-height: 14px;
}
.font_smaller .single-event .event-wrapper .right-side .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .latest-news-listing .item .right-item .event-type {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .latest-news-listing .item .right-item .event-title a {
    font-size: 12px;
    line-height: 21px;
}
/* Tabs */
.font_smaller .tabs {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .tabs-content .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .tabs-content .statistic-list .filter-date .title {
    font-size: 12px;
    line-height: 36px;
}
.font_smaller .tabs-content .statistic-list .filter-period .title {
    font-size: 12px;
    line-height: 36px;
}
.font_smaller .tabs-content .statistic-list .filter-period .filter-select ul li {
    font-size: 12px;
    line-height: 34px;
}
.font_smaller .tabs-content .statistic-list .btn-export a {
    font-size: 12px;
    line-height: 34px;
}
.font_smaller .tabs-content .statistic-list .remarks {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .tabs-content .statistic-list .piechart-block .title {
    font-size: 17px;
    line-height: 22px;
}

/* Search */
.font_smaller .search-wrapper .search-item .title {
    font-size: 12px;
    line-height: 22px;
}
.font_smaller .search-wrapper .search-item .caption {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .search-wrapper .search-item .block .hasDatepicker {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .search-wrapper .search-item input.common_textfield {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .search-result-wrapper .result-text span {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .search-result-wrapper .result-text .block {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .btn-api a {
    font-size: 12px;
    line-height: 34px;
}
.font_smaller .search-result-wrapper .result-text .block .btn-export a {
    font-size: 12px;
    line-height: 34px;
}
.font_smaller .search-result-wrapper .result-table  {
    font-size: 12px;
    line-height: 22px;
}
.font_smaller .search-result-wrapper .result-table th {
    font-size: 13px;
}
.font_smaller .search-result-wrapper .result-table td a {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .search-result-wrapper .pagination .left-side .remarks {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .search-result-wrapper .pagination .right-side input.common_textfield {
    font-size: 14px;
    line-height: 16px;
}
.font_smaller .search-result-wrapper > .remarks {
    font-size: 14px;
    line-height: 17px;
}

/* Introduction */
.font_smaller .intro-wrapper .left-side {
    font-size: 14px;
    line-height: 26px;
}
.font_smaller .intro-wrapper .right-side {
    font-size: 14px;
    line-height: 28px;
}
.font_smaller .intro-wrapper .both-side {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller a.simpletab {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller a.simpletab:hover, .font_smaller a.simpletab.active {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller .simpletab-content .headline {
    font-size: 14px;
    line-height: 34px;
}
.font_smaller .simpletab-content .simple-table th {
    font-size: 14px;
    line-height: 26px;
}
.font_smaller .simpletab-content .simple-table td {
    font-size: 14px;
    line-height: 20px;
}

/* Radio Button */
.font_smaller .radio-item {
    font-size: 14px;
    line-height: 24px;
}

/* Accordion */
.font_smaller .faq-question {
    font-size: 14px;
    line-height: 22px;
}
.font_smaller .faq-content {
    font-size: 14px;
    line-height: 22px;
}
.font_smaller .last-update {
    font-size: 12px;
    line-height: 17px;
}

/* Dashboard */
.font_smaller .dashboard .single-item .title {
    font-size: 24px;
    line-height: 28px;
}
.font_smaller .function-row.table-function .block .title {
    font-size: 14px;
}
.font_smaller .dashboard .single-item .headline {
    font-size: 16px;
    line-height: 22px;
}
.font_smaller .dashboard .single-item ul li span {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item ul li a {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item .view-more a {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item .subtitle {
    font-size: 16px;
    line-height: 24px;
}
.font_smaller .dashboard .single-item .content {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller .dashboard .single-item input.common_textfield {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item .icon-new {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item .form .item .title {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller .dashboard .single-item .button-row .btn-link a {
    font-size: 12px;
    line-height: 36px;
}
.font_smaller .dashboard .single-item .form .item input.common_textfield {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item .form .remarks {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .dashboard .single-item .captcha .item .title {
    font-size: 12px;
    line-height: 36px;
}
.font_smaller .dashboard .single-item .captcha .item input.common_textfield {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard .single-item .captcha .warning {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .dashboard.registration .column-item .terms ul span {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .dashboard.registration .column-item .terms ul li {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .dashboard.registration .column-item .terms ul li a {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .dashboard.registration .column-item .disclaimer .filter-checkbox {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .dashboard .single-item .alert_msg {
    font-size: 14px;
    line-height: 21px;
}
.font_smaller .dashboard .single-item .form .warning {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller .dashboard .single-item .form .condition {
    font-size: 12px;
    line-height: 17px;
}
.font_smaller .dashboard .single-event .title {
    font-size: 36px;
    line-height: 52px;
}
@media screen and (max-width: 767px) {
    .font_smaller .dashboard .single-event .title {
        font-size: 24px;
        line-height: 30px;
    }
}
/* Set Password */
.font_smaller .dashboard.unique.set-password .form .warning {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .dashboard.unique.set-password .form .valid a {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .success-msg {
    font-size: 14px;
    line-height: 22px;
}

/* Dashboard Details */
.font_smaller .dashboard.detail .single-item ul li {
    font-size: 12px;
    line-height: 16px;
}

/* Modal */
.font_smaller .result-table .button {
    font-size: 12px;
}

/* The Close Button */
.font_smaller .close {
    font-size: 32px;
    line-height: 22px;
}
.font_smaller .modal-content .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .modal-content .table td {
    font-size: 12px;
    line-height: 26px;
}
.font_smaller .modal-content .remarks {
    font-size: 12px;
    line-height: 21px;
}

/* Milestones */
.font_smaller .section-wrapper .title {
    font-size: 17px;
    line-height: 22px;
}
.font_smaller .section-wrapper .subtitle, .font_smaller .intro-wrapper .subtitle {
    font-size: 18px;
    line-height: 22px;
}
.font_smaller .section-wrapper .subtitle-light, .font_smaller .intro-wrapper .subtitle-light {
    font-size: 12px;
    line-height: 22px;
}
.font_smaller .section-wrapper .both-side {
    font-size: 12px;
    line-height: 24px;
}
.font_smaller .section-wrapper .two-side .text {
    font-size: 12px;
    line-height: 24px;
}
.font_smaller .section-wrapper .two-side .diagram {
    font-size: 12px;
    line-height: 24px;
}
.font_smaller .procedure .rect .list-item li {
    font-size: 12px;
    line-height: 24px;
}
.font_smaller .procedure .rect .number {
    font-size: 48px;
    line-height: 48px;
}
.font_smaller .milestone-row .yearsign .years {
    font-size: 14px;
}
.font_smaller .milestone-row .text {
    font-size: 14px;
    line-height: 24px;
}

/* Profile Table */
.font_smaller .profile-table table {
    font-size: 12px;
    line-height: 21px;
}
.font_smaller .lightbox-msg {
    font-size: 12px;
    line-height: 16px;
}
.font_smaller .statement {
    font-size: 12px;
    line-height: 22px;
}
.font_smaller .date-text span {
    font-size: 12px;
}
.font_smaller .dashboard .terms-item .title {
    font-size: 18px;
    line-height: 24px;
}
.font_smaller .dashboard .terms-item .content {
    font-size: 14px;
    line-height: 24px;
}
.font_smaller .dashboard .terms-item .content a {
    font-size: 14px;
    line-height: 24px;
}

/* Dropbox */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14.5px;
}
.select2-results__option {
    font-size: 14.5px;
}

/* Registration */
.font_smaller .dashboard.registration .single-item .title {
    font-size: 18px;
    line-height: 24px;
}
.font_smaller .dashboard.landing .single-item .title {
    font-size: 18px;
    line-height: 24px;
}
.font_smaller .dashboard.unique .single-item .title {
    font-size: 18px;
    line-height: 24px;
}
.font_smaller .dashboard.detail .single-item .title {
    font-size: 18px;
    line-height: 24px;
}
.font_smaller .dashboard.detail .terms-item .content .subtitle {
    font-size: 14px;
    line-height: 24px;
}


/* Responsive */
@media (max-width:767px) {
    .font_smaller ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 16px;
        line-height: 32px;
    }
    .font_smaller ::-moz-placeholder { /* Firefox 19+ */
        font-size: 16px;
        line-height: 32px;
    }
    .font_smaller :-ms-input-placeholder { /* IE 10+ */
        font-size: 16px;
        line-height: 32px;
    }
    .font_smaller :-moz-placeholder { /* Firefox 18- */
        font-size: 16px;
        line-height: 32px;
    }
    .font_smaller h6 {
        font-size: 17px;
    }
    .font_smaller .template-container .template-wrapper h2 {
        font-size: 22px;
    }
    .font_smaller .template-container .template-wrapper .intro {
        font-size: 12px;
        line-height: 20px;
    }
    .font_smaller .template-container .template-wrapper h1.simplebox-title {
        font-size: 26px;
    }
    .font_smaller .intro-wrapper .both-side {
        line-height: 16px;
    }
    .font_smaller .section-wrapper .title {
        font-size: 14px;
        line-height: 20px;
    }

    /* Milestone */
    .font_smaller .milestone-row .text {
        line-height: 20px;
    }
    .font_smaller .section-wrapper .two-side .text {
        font-size: 12px;
        line-height: 20px;
    }
    .font_smaller .section-wrapper .two-side .diagram {
        line-height: 20px;
    }
    .font_smaller .procedure .rect .number {
        line-height: 42px;
    }
    .font_smaller .procedure .rect .list-item li {
        line-height: 20px;
    }
    
    /* Homepage */
    .font_smaller .btn-text a {
        font-size: 12px;
    }
    .font_smaller .homepage-wrapper .title {
        font-size: 14px;
        line-height: 20px;
    }
    .font_smaller .homepage-wrapper .event-highlight .title {
        font-size: 14px;
        line-height: 20px;
    }
    .font_smaller .homepage-wrapper .event-highlight .message {
        font-size: 12px;
    line-height: 21px;
    }
    .font_smaller .events-item .events-detail {
        font-size: 12px;
        line-height: 18px;
    }
    .font_smaller .banner-content .headline {
        font-size: 38px;
    }
    .font_smaller .banner-content .intro {
        font-size: 14px;
        line-height: 20px;
    }
    .font_smaller .upcoming-events .block-area .events-item .title {
        font-size: 14px;
        line-height: 20px;
    }
    .font_smaller .upcoming-events .block-area .events-item .venue {
        font-size: 12px;
        line-height: 17px;
    }
    .font_smaller .results .search-result {
        font-size: 12px;
    line-height: 21px;
    }
    .font_smaller .results .events-list .title {
        font-size: 14px;
        line-height: 20px;
    }
    .font_smaller .single-event .title {
        font-size: 36px;
        line-height: 36px;
    }
    .font_smaller .single-event .subheadline {
        font-size: 14px;
        line-height: 32px;
    }
    .font_smaller .single-event .content {
        line-height: 20px;
    }
    .font_smaller .intro-wrapper .left-side {
        font-size: 12px;
        line-height: 32px;
    }
    .font_smaller .simpletab-content .headline {
        font-size: 12px;
        line-height: 34px;
    }
    .font_smaller .simpletab-content .simple-table th {
        font-size: 12px;
        line-height: 21px;
    }
    .font_smaller .simpletab-content .simple-table td {
        font-size: 12px;
        line-height: 21px;
    }
    .font_smaller .search-result-wrapper .result-table {
        font-size: 12px;
        line-height: 21px;
    }
    .font_smaller .search-result-wrapper .result-table th {
        font-size: 12px;
        line-height: 21px;
    }

    /* Membership */
    .font_smaller .success-msg {
        font-size: 12px;
        line-height: 20px;
    }
    .font_smaller .tools-box.mobile .function span {
        font-size: 13px;
        line-height: 16px;
    }
    .font_smaller .pseudo-search input {
        font-size: 16px;
        line-height: 22px;
    }

    /* Registration */
    .font_smaller .dashboard.registration .single-item .title {
        font-size: 18px;
        line-height: 22px;
    }
    .font_smaller .dashboard.landing .single-item .title {
        font-size: 18px;
        line-height: 22px;
    }
    .font_smaller .dashboard.unique .single-item .title {
        font-size: 18px;
        line-height: 22px;
    }
    .font_smaller .dashboard.detail .single-item .title {
        font-size: 18px;
        line-height: 22px;
    }

    /* News & Events */
    .font_smaller .template_full.news-banner .single-event .title {
        line-height: 36px;
        font-size: 28px;
    }

}
@media (max-width:767px) {
    .font_smaller .btn-white-link {
        margin-top: 0;
    }
}
@media screen and (max-width: 460px) {
    .font_smaller .section-wrapper .year-line {
    height: 950px;
}
}
@media screen and (max-width: 396px) {
    .font_smaller .section-wrapper .year-line {
      height: 950px;
    }
  }
@media screen and (max-width: 361px) {
    .font_smaller .section-wrapper .year-line {
      height: 950px;
    }
}

/* Function */
.font_smaller .function-row.table-function .block .title {
    font-size: 14px;
    padding-bottom: 0;
}