@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

html,
body {
    background-color: #fff;
    color: #444;
    /*font-family: "PT Sans",'Noto Sans TC', sans-serif;*/
    font-family: 'Roboto', 'Noto Sans TC', sans-serif;
    /*font-family: 'Roboto', Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;*/
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
    margin: 0;
    min-width: 320px;
    width: 100%;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
    -webkit-font-smoothing: antialiased;
    /*text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;*/
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    font-weight: 700;
}

p {
    line-height: 1.3em;
    font-weight: 400;
}


@media(min-width:480px) {
    html {
        font-size: 130%;
    }
}

@media(min-width:960px) {
    html {
        font-size: 135%;
    }
}

@media(min-width:1920px) {
    html {
        font-size: 160%;
    }
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

p {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a:focus {
        outline: 0;
    }

.blueTXT {
    color: blue;
}

.redTXT {
    color: red;
}

.desktoponly {
    display: block;
}

@media only screen and (max-width: 576px) {
    .nav > li.desktoponly {
        display: none;
    }
}

.mobileonly {
    display: none;
}

@media screen and (max-width:767px) {
    .desktoponly {
        display: none;
    }

    .mobileonly {
        display: block;
    }
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

button.btn-round {
    border-radius: 25px;
}

.form-control {
    border-radius: 0;
}

.custombtn {
    border-radius: 0px;
    background-color: #d30376;
    border: 1px solid #d30376;
    text-shadow: none;
    color: #fff;
}

    .custombtn:hover {
        background-color: #c70872;
        border: 1px solid #c70872;
        outline: 1px dashed #fff;
        color: #fff;
    }

    .custombtn.btn-danger:hover, .custombtn.btn-danger:focus {
        background-color: #c70872;
        border: 1px solid #c70872;
        outline: 1px dashed #fff;
        color: #fff;
    }

.custombtn-green {
    border-radius: 0px;
    background: linear-gradient(75.7deg, rgb(34, 126, 34) 3.8%, rgb(99, 162, 17) 87.1%);
    border: 1px solid rgb(34, 126, 34);
    text-shadow: none;
    color: #fff;
}

    .custombtn-green:hover {
        background: linear-gradient(75.7deg, rgb(99, 162, 17) 3.8%, rgb(34, 126, 34) 87.1%);
        border: 1px solid rgb(99, 162, 17);
        outline: 1px dashed #fff;
        color: #fff;
    }

    .custombtn-green.btn-danger:hover, .custombtn-green.btn-danger:focus {
        background: linear-gradient(75.7deg, rgb(99, 162, 17) 3.8%, rgb(34, 126, 34) 87.1%);
        border: 1px solid rgb(99, 162, 17);
        outline: 1px dashed #fff;
        color: #fff;
    }

.custombtn2 {
    border-radius: 0px;
    background-color: #425166;
    border: 1px solid #425166;
    text-shadow: none;
    color: #fff;
}

.markbtn {
    border-radius: 0px;
    text-shadow: none;
    color: #666;
    padding: 0;
    cursor: text;
    padding: 0 5px;
    margin-right: 5px;
    background: #ccc;
    color: #425166;
}

.Eventbtn {
    border-radius: 0px;
    text-shadow: none;
    color: #fff;
    padding: 0;
    cursor: text;
    padding: 0 5px;
    margin-right: 5px;
}


    .Eventbtn.btn.focus, .Eventbtn.btn:focus, .Eventbtn.btn:hover {
        color: #fff;
        text-decoration: none;
    }

    .Eventbtn.btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*Form Style*/
.form-group.required .control-label:after {
    color: #d00;
    content: "*";
    padding-left: 5px;
}

.form-control:focus {
    border-color: #e966a8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 180, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 180, 0.6);
}

.radio-inline label {
    font-weight: 400;
}

.checkbox {
    padding-left: 20px;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-weight: 400;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 5px;
            display: inline-block;
            vertical-align: text-top;
            width: 18px;
            height: 18px;
            background: white;
            border: 1px solid #aaa;
            -webkit-transition: background 0.28s ease, -webkit-transform 0.28s ease;
            transition: background 0.28s ease, -webkit-transform 0.28s ease;
            will-change: background;
        }

    .styled-checkbox:checked + label:before {
        background: #E3007E;
    }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 4px;
        top: 10px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.form-radio-label input {
    width: auto;
    opacity: 0.0001;
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    margin: 0;
    padding: 0;
}

.form-radio-inline .form-radio-label {
    display: inline-block;
    margin-right: 1rem;
}

.form-radio-label {
    position: relative;
    cursor: pointer;
    padding-left: 1.3rem;
    text-align: left;
    color: #444;
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 400;
}

.form-radio-button {
    position: absolute;
    left: 0;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}

.form-radio-label:hover i {
    color: #E3007E;
}

.form-radio-field:checked ~ .form-radio-button::before {
    color: #E3007E;
}

.form-radio-button::before, .form-radio-button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 0.85rem;
    height: 0.85rem;
    -webkit-transition: color 0.28s ease, -webkit-transform 0.28s ease;
    transition: color 0.28s ease, -webkit-transform 0.28s ease;
    transition: transform 0.28s ease, color 0.28s ease;
    transition: transform 0.28s ease, color 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.075rem solid currentColor;
    will-change: transform, color;
}

.form-radio-field:checked ~ .form-radio-button::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.form-radio-button::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #E3007E;
    border-color: #E3007E;
}

.form-radio-label span {
    display: block;
}


.official {
    background-color: #b77f5a;
}

.CPX {
    background-color: #479fdb;
}

.industry {
    background-color: #84cd5b;
}

.innoVEX {
    background-color: #f6b94d;
}

.exhibitorevent {
    background-color: #666;
}

.Matchmaking {
    background-color: #a063d0;
}



.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}

.btn-default.focus, .btn-default:focus, .btn-default:active:hover {
    background-color: #c70872;
    border: 1px solid #c70872;
    outline: 1px dashed #fff;
    color: #fff;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.marginTop30 {
    margin-top: 30px;
}



.PageContent {
    padding-top: 100px;
}


@media screen and (max-width: 767px) {
    .PageContent {
        padding-top: 80px;
    }
}

.remarkblock {
    background-color: #e7066f;
    color: #fff;
    padding: 10px 15px;
    width: 40%;
    text-align: center;
}

.PagesTitle {
    text-align: center;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #425166;
    /*font-family: Montserrat, sans-serif;*/
    font-weight: bold;
}


hr.hr-short {
    position: relative;
    max-width: 40px;
    margin: 0 auto 20px auto;
    border: 0;
    border-top: 3px solid #d884aa;
    text-align: left;
}

.SectionTitle {
    color: #000;
    font-size: 36px;
    font-weight: 900;
    padding-bottom: 20px;
    text-align: center;
}



@media only screen and (max-width: 767px) {
    .remarkblock {
        width: 100%;
    }
}

.contrast {
    -webkit-filter: contrast(300%);
    filter: contrast(300%);
}

.blur {
    -webkit-filter: blur(30px);
    filter: blur(30px);
}

.Butterfly {
    filter: brightness(1.3) contrast(1.2) grayscale(0) hue-rotate(0deg) invert(0.1) saturate(1.8) sepia(0);
}

.brightness {
    -webkit-filter: brightness(0.3);
}

/*Img Fit Cover Setting for IE*/
.fit, img.fit-cover, img.fit-contain {
    height: 100% !important;
    width: 100% !important;
    height: auto\0; /* IE8, IE9 */
    height: auto\9 \0; /*Only works in IE9*/
}

.no-fit-cover,
.no-fit-contain {
    background-position: center center !important;
    background-repeat: no-repeat;
}

    .no-fit-cover img.fit-cover,
    .no-fit-contain img.fit-contain {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

.no-fit-cover {
    background-size: cover !important;
}

.no-fit-contain {
    background-size: contain !important;
}


/*Table Style*/
.responstable {
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    border: 1px solid #ccc;
    border-collapse: inherit;
}

    .responstable tr {
        border: 1px solid #ccc;
    }

        .responstable tr:nth-child(odd) {
            background-color: #efefef;
        }

    .responstable th {
        display: none;
        border: 1px solid #FFF;
        background-color: #555;
        color: #FFF;
        padding: 0.8em;
    }

        .responstable th:first-child {
            display: table-cell;
            text-align: center;
            width: 8%;
        }

        .responstable th:nth-child(2) {
            display: table-cell;
        }



    .responstable td {
        display: block;
        word-wrap: break-word;
        /*max-width: 7em;*/
    }

        .responstable td:first-child {
            display: table-cell;
            text-align: center;
            border-right: 1px solid #D9E4E6;
        }

@media (min-width: 480px) {
    .responstable td {
        border: 1px solid #D9E4E6;
    }

        .responstable td:first-child {
            width: 5%;
        }

        .responstable td:nth-child(2) {
            width: 10.7%;
        }
}

.responstable td {
    text-align: left;
    margin: .5em 0.8em;
}

    .responstable th .fa, .responstable td .fa {
        display: inline-block;
        color: #E3007E;
        padding-right: 5px;
        font-size: 18px;
        width: 24px;
        text-align: center;
        line-height: 24px;
    }

@media (min-width: 480px) {
    .responstable th, .responstable td {
        display: table-cell;
        padding: 10px;
    }

    .responstable th {
        text-align: center;
    }

        .responstable th .fa, .responstable td .fa {
            display: none;
        }
}

@media (max-width: 480px) {
    .responstable th:first-child {
        width: 17%;
    }
}




/* Go to Top
-------------------------------------------------------------- */
.scrollToTop {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 25px;
    bottom: 0;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    background-color: #ff9dd3;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #243238;
    cursor: pointer;
    z-index: 3;
}


    .scrollToTop:hover {
        background-color: #efefef;
    }

.pager {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 3px;
    border: solid 1px #ccc;
    background: #fff;
    font-size: 1em;
    text-decoration: none;
    color: #717171;
}

    .pager:hover {
        color: #fff;
        background-color: #FF3399;
        text-decoration: none;
    }

.pager_on {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 3px;
    border: solid 1px #FF3399;
    background: #FF3399;
    color: #fff;
    font-size: 1em;
}

/*文繞圖*/
.photo_right {
    float: right;
    clear: right;
    margin: 5px 0 0 30px;
    max-width: 500px;
    position: relative;
    visibility: visible;
}

.photo_left {
    float: left;
    clear: left;
    margin: 5px 30px 0 0;
    max-width: 500px;
    position: relative;
    visibility: visible;
}


    .photo_right img, .photo_left img {
        width: 100%;
    }

    .photo_right figcaption, .photo_left figcaption {
        display: block;
        padding: 10px 0 30px;
        color: #444;
        font-size: 13px;
        font-weight: 400;
    }

@media (max-width: 767px) {

    .photo_right, .photo_left {
        max-width: 100%;
        float: none;
        clear: both;
        margin: 0 auto;
    }

        .photo_right figcaption, .photo_left figcaption {
            padding: 0;
        }
}
/*圖片或button或影片置中-需寫在img或iframe裡*/
.img_center {
    display: block;
    margin: 0 auto;
}
/*圖片或button或影片置中-需寫在img或iframe外圍div裡*/
.div_img_center {
    width: 100%;
    text-align: center;
}




/*Content*/
.site-content {
    margin-top: 0;
    padding-bottom:0;
    /*padding-bottom: 20px;*/ 
}

@media (max-width: 576px) {
    .site-content {
        margin-top: 0px; /*2023/3/29改版*/
    }
}

.Contentbox {
    padding: 0 20px;
}

.contentwrap {
    background-color: #fff;
    padding: 15px 0 30px 0;
}

.site-content small {
    display: block;
}


.video-container {
    width: 80%;
}

@media only screen and (max-width: 767px) {
    .site-content img { /*for Content of News or Single Page */
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .video-container {
        width: 100%;
    }

    .video-responsive {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
        margin-bottom: 20px;
    }

        .video-responsive iframe,
        .video-responsive object,
        .video-responsive embed {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }
}





/*Footer*/
.footer {
    text-align: center;
    padding: 15px 0;
    background-color: #E3007E;
}

    .footer p {
        color: #eeeeee;
        font-size: 0.8em;
    }

        .footer p.copyright {
            padding-top: 20px;
        }

@media only screen and (max-width: 767px) {
    .footer .computexlogo {
        display: none;
    }

    .footer p span {
        display: block;
    }

    .footer .icons {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

        .footer .icons li {
            width: 25%;
        }

            .footer .icons li a {
                font-size: 32px;
                padding-right: 15px;
                padding-left: 15px;
            }

                .footer .icons li a svg {
                    width: 36px;
                    height: 36px;
                }
}

/*Social icons*/

.icons {
    width: 210px;
    margin: 10px 0;
    padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
    .icons {
        width: 100px;
        margin: 10px 0;
        padding: 0;
    }
}

.icons li {
    position: relative;
    list-style: none;
    margin: 5px 0;
    float: left;
}

    .icons li a {
        display: block;
        color: #fff;
        font-size: 24px;
        line-height: 30px;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        padding: 0 8px;
        -moz-transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
    }

        .icons li a:hover {
            opacity: 0.7;
        }

@media only screen and (max-width: 767px) {
    .icons {
        margin: 20px 0 0 0;
    }

    .mobile_nav_icons .icons {
        margin-top: 10px;
    }

    .icons li a {
        font-size: 32px;
        padding-right: 15px;
        padding-left: 0;
    }

        .icons li a svg {
            width: 32px;
            height: 32px;
        }
}

/*Sitemap*/
.sitemaplist {
    display: block;
    color: #fff;
}

    .sitemaplist ul {
        list-style: none;
        padding-left: 0;
        text-align: left;
        height: 100%;
    }

        .sitemaplist ul li {
            padding-bottom: 5px;
        }

            .sitemaplist ul li a {
                color: #fff;
                font-size: 13px;
            }

.mainitem {
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

@media (max-width: 767px) {
    .sitemaplist {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 920px) {
    .sitemaplist ul li a {
        color: #fff;
        font-size: 12px;
    }

    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }

        .flex-row > [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

        .flex-row.row:after,
        .flex-row.row:before {
            display: flex;
        }

    .mainitem {
        font-size: 15px;
    }
}


.QuickLink a.innovex span {
    background-color: #FE9900;
    text-align: left;
    color: #fff;
    padding: 5px 15px;
    margin-top: -5px;
    border-radius: 30px;
    transition: all 0.3s ease 0s;
}

/*Navbar Setting*/
.navbar-nav {
    height: 50px;
}

    .navbar-nav > li > .dropdown-menu {
        min-width: 200px;
    }

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
}

.navbar-inverse {
    background-color: #E3007E;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .navbar-inverse .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    padding-left: 10px;
    /*font-size: 15px;*/
}

.navbar-right .dropdown-menu {
    right: 0;
    left: 0;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 8px;
}

@media (min-width: 900px) {
    .nav > li > a {
        position: relative;
        display: block;
        /*padding: 15px 10px;*/
    }
}

@media (max-width: 767px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        padding-left: 10px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 5px;
    }
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #555;
}

.navbar-nav > li.mobile_nav {
    display: none;
}

.navbar-nav > li.mobile_nav_icons {
    display: none;
}

.navbar-brand {
    padding: 6px 15px;
}


.navbar-header .exhidate {
    color: #fff;
    line-height: 50px;
}

@supports (-ms-ime-align: auto) {
    /* Microsoft EdgeV13&14 CSS styles go here */
    .navbar-header {
        width: 320px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {


    .navbar-header {
        width: auto;
    }

        .navbar-header .exhidate {
            display: block;
            line-height: 1.1;
            /*line-height:50px;*/
            padding-left: 20px;
            padding-bottom: 5px;
            font-size: 13px;
        }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .navbar-right {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .navbar-header {
        width: auto;
    }

    .navbar-brand {
        padding: 10px 15px;
    }

        .navbar-brand img {
            width: 120px;
        }

    .navbar-header .exhidate {
        font-size: 14px;
    }
}

@media (max-width: 320px) {

    .navbar-header .exhidate {
        font-size: 12px;
    }
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #E3007E;
    background-color: #E3007E;
    padding: 0 20px;
    max-height: 100% !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #E3007E;
    /*color: #30861e;*/
    text-decoration: none;
    background-color: transparent;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #333;
        background-color: #333;
        padding: 0 20px;
        max-height: 100% !important;
    }
    /*Make the Menu 100% height*/
    .navbar-collapse.collapse.in {
        /*height: 100vh;*/
        height: 92vh;
        overflow-y: auto;
        padding-bottom: 20px;
    }

    .navbar-nav {
        height: 100vh;
    }

        .navbar-nav .fa-angle-down {
            display: block;
            position: absolute;
            right: 0;
            top: 10px;
            text-align: center;
            width: 50px;
            transition: .3s;
            font-size: 24px;
            transform: rotate(-90deg);
        }

        .navbar-nav .open > a .fa-angle-down {
            transform: rotate(0deg);
        }

    .navbar-collapse {
        padding-left: 15px;
    }

    .navbar-nav {
        /*margin: 0;
        position: fixed;
        background-color: #333;
        overflow-y: auto;
        margin-top: 1px;
        width: 100%;
        height: 100%;
        left: 0;*/
    }

        .navbar-nav > li.mobile_nav {
            display: block;
        }

        .navbar-nav > li.mobile_nav_icons {
            display: block;
            clear: both;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #f6f6f6;
        font-size: 16px;
        padding-top: 10px;
    }
}


/*Navbar Toggle Animation*/
/*.navbar-toggle {
    padding: 4px 5px;
    margin-top: 8px;
    margin-right: 10px;
    margin-bottom: 8px;
}*/

@media (max-width: 1024px) { /*20210315選單會擠下去所以在小尺寸筆電將選單收起來*/
    .navbar-header {
        float: none;
    }

        .navbar-header .exhidate {
            color: #fff;
            line-height: 50px;
        }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-collapse.in.collapse {
            display: block !important;
            /*height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;*/
        }
}


.navbar-toggle {
    padding: 4px 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
}

    .navbar-toggle .toggletext {
        display: none;
        margin-left: -3px;
        color: #fff;
        font-size: 11px;
    }

.navbar-toggle {
    border: none;
    background: transparent !important;
    float: left;
    margin-left: 8px;
}

    .navbar-toggle:hover {
        background: transparent !important;
    }

    .navbar-toggle .icon-bar {
        width: 24px;
        height: 3px;
        background-color: #000;
        backface-visibility: hidden;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        transition: all 0.2s;
    }

    .navbar-toggle .top-bar {
        width: 26px;
        transform: rotate(45deg);
        transform-origin: 17% 60%;
    }

    .navbar-toggle .middle-bar {
        opacity: 0;
    }

    .navbar-toggle .bottom-bar {
        width: 26px;
        transform: rotate(-45deg);
        transform-origin: 13% 15%;
    }

    .navbar-toggle.collapsed .top-bar {
        width: 24px;
        transform: rotate(0);
    }

    .navbar-toggle.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggle.collapsed .bottom-bar {
        width: 24px;
        transform: rotate(0);
    }

.isStuck {
    width: 100%;
    /*top: 0;*/
    top: 40px; /*2023/3/29改版*/
    position: fixed;
    padding-top: 0;
    /*background: #E3007E;*/
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
    z-index: 9;
}

@media (max-width: 576px) {
    .isStuck {
        top: 0;
    }
}

/*Full Wide Banner*/
.jumbotron {
    background-image: url("../_images/home-bg.jpg");
    background-color: rgba(0,0,0,0.2);
    margin-bottom: 0;
    margin-top: 50px;
    min-height: 568px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

    .jumbotron h1, .jumbotron p {
        color: #fff;
        filter: none;
    }

    .jumbotron .jumbtnblock {
        float: left;
        margin: 0 5px;
    }

@media only screen and (max-width: 767px) {
    .jumbotron .jumbtnblock {
        float: none;
        margin: 15px 5px;
    }
}


.jumbotron .jumbtn:hover {
    background-color: #ff9dd3;
    border: 1px solid #ff9dd3;
    color: #af0664;
}

.jumbotron .btn-primary, .jumbotron .btn-primary:focus, .jumbotron .btn-primary:hover {
    background-color: #d30376;
}

/*Slide Big Banner*/
.DefaultSlide .carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .DefaultSlide .carousel .carousel-inner > .item.active, .DefaultSlide .carousel .carousel-inner > .item {
        background-repeat: no-repeat;
        width: 100%;
        height: 568px;
        background-position-x: center;
        z-index: 0;
    }

.DefaultSlide .banner01 {
    top: 25%;
}

.DefaultSlide .banner02 {
    top: 40%;
}

.DefaultSlide .banner03 {
    top: 40%;
}

.DefaultSlide .carousel .carousel-inner .banner02 .carousel-caption {
    top: 25%;
}

.DefaultSlide .carousel .carousel-inner .banner03 .carousel-caption {
    top: 25%;
}

.DefaultSlide .carousel .carousel-inner .carousel-caption {
    position: absolute;
    right: 15%;
    /*top: 45%;*/
    bottom: 20%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}


    .DefaultSlide .carousel .carousel-inner .carousel-caption h1 {
        font-size: 50px;
    }

    .DefaultSlide .carousel .carousel-inner .carousel-caption h4 {
        font-size: 1.4em;
    }

    .DefaultSlide .carousel .carousel-inner .carousel-caption .custombtn {
        width: auto;
        min-width: 200px;
        margin-top: 10px;
    }

@media only screen and (max-width: 767px) {
    .DefaultSlide .carousel .carousel-inner .carousel-caption {
        top: 20%;
    }

    .DefaultSlide .carousel .carousel-inner > .item.active, .DefaultSlide .carousel .carousel-inner > .item {
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        background-position-x: center;
        z-index: 0;
    }

    .DefaultSlide .carousel .carousel-inner .carousel-caption {
        text-align: center;
    }

        .DefaultSlide .carousel .carousel-inner .carousel-caption h4 {
            font-size: 1.2em;
        }
}


@media only screen and (max-width: 767px) {
    .DefaultSlide .carousel .carousel-inner .carousel-caption h1 {
        font-size: 36px;
    }

    .carousel-control {
        bottom: 20px;
    }
}

.DefaultSlide .carousel .carousel-indicators {
    z-index: 5;
}

/*Content Section*/
.sectionbox {
    padding: 30px 0;
}

    .sectionbox:after {
        width: 100%;
        content: '';
        font-size: 0;
        height: 0;
        display: block;
        clear: both;
    }

.sectionboxTitle {
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    .sectionbox {
        padding: 80px 0;
    }

    .video-wrapper {
        width: 50%;
    }
}

.DefaultPhotos .thumbnail {
    background-color: transparent;
    border: 0;
    margin-bottom: 10px;
}

.GalleryDesc {
    padding-top: 20px;
}



/*讓兩個Div等高*/

.equalDiv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    max-height: 400px;
    overflow: hidden;
}

    .equalDiv [class*="col-"] {
        display: flex;
        flex-direction: column;
    }

/*重要公告-News*/
.TopNewsPic {
    padding-right: 0;
    padding-left: 0;
    position: relative;
}

    .TopNewsPic .has-objectfit {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        background-position: center;
    }
    /*.TopNewsPic img {
        background-size: cover;
        object-fit: cover;
        display: block;
        width: 50vw;
        height: 40vh;
    }*/

    .TopNewsPic .ImgMask {
        background-color: #000;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.6;
    }

.NewsTopItem {
    color: #E3007E;
}

    .NewsTopItem span {
        color: #fff;
        padding-left: 10px;
    }

@media screen and (max-width: 767px) {

    .NewsTopItem span {
        display: block;
        padding-left: 0;
    }
}

.NewsCaption {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 60px 30px;
    overflow: hidden;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .NewsCaption {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 355px;
        color: #fff;
        padding: 40px 30px;
        overflow: hidden;
        word-wrap: break-word;
    }
}

@media screen and (max-width: 767px) {
    .equalDiv {
        max-height: 100%;
    }

    .TopNewsPic {
        height: 360px;
    }

    /*.TopNewsPic img {
        background-size: cover;
        height: auto;
    }*/

    .NewsCaption {
        padding: 30px;
    }

        .NewsCaption .shortText {
            display: none;
        }
}

@media screen and (max-width:480px) {
    .equalDiv {
        max-height: 100%;
    }

    .NewsCaption {
        padding: 20px 30px;
    }

    .TopNewsPic h2 {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .TopNewsPic img {
        background-size: cover;
        width: 120%;
    }
}

/*Area Introduction*/
.AreaIntro {
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    background: url(../_images/Expo.jpg) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .AreaIntro a {
        text-decoration: none;
    }

    .AreaIntro .SmarTEXArea {
        background-color: #7bbc4e;
        color: #fff;
        overflow: hidden;
        margin: 0.5em 0.5em 1.5em 0.5em;
    }

    .AreaIntro .InnoVEXArea {
        background-color: #ff9c00;
        color: #fff;
        overflow: hidden;
        margin: 0.5em 0.5em 1.5em 0.5em;
    }

    .AreaIntro .BCArea {
        background-color: #005fae;
        color: #fff;
        overflow: hidden;
        margin: 0.5em 0.5em 1.5em 0.5em;
    }

    .AreaIntro .BIZArea {
        background-color: #E3007E;
        color: #fff;
        overflow: hidden;
        margin: 0.5em 0.5em 1.5em 0.5em;
    }
        .AreaIntro .SustainableArea {
        background-color: #00642f;
        color: #fff;
        overflow: hidden;
        margin: 0.5em 0.5em 1.5em 0.5em;
    }

    /*.AreaIntro .picture {
        float: left;
        height: 200px;
        width: 200px;
        margin-left: -20px;
        margin-top: -30px;
        margin-bottom: -30px;
        margin-right: 20px;
        background-color: #fff;
        padding: 0px;
        -moz-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        overflow: hidden;
    }

        .AreaIntro .picture img {
            width: 300px;
            margin: 30px 0 0px -40px;
            -moz-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        .AreaIntro .picture img {
            -moz-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        .AreaIntro .picture .SmarTEX {
            margin: 10px 0 0px -80px;
        }

        .AreaIntro .picture .InnoVEX {
            margin: 35px 0 0px 10px;
        }

        .AreaIntro .picture .BestChoice {
            margin: 30px 0 0px -40px;
        }

        .AreaIntro .picture .Biz {
            margin: 40px 0 0px 10px;
        }*/

    .AreaIntro .picture {
        float: left;
        height: 300px;
        width: 160px;
        margin-left: -30px;
        margin-top: -10px;
        margin-bottom: -30px;
        background-color: #fff;
        padding: 0px;
        -moz-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        overflow: hidden;
    }

        .AreaIntro .picture img {
            width: 400px;
            margin: 30px 0 0px -40px;
            -moz-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        .AreaIntro .picture img {
            width: 400px;
            -moz-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        .AreaIntro .picture .SmarTEX {
            margin: 10px 0 0px -100px;
        }

        .AreaIntro .picture .InnoVEX {
            margin: 40px 0 0px 10px;
        }

        .AreaIntro .picture .BestChoice {
            margin: 30px 0 0px -40px;
        }

        .AreaIntro .picture .Biz {
            margin: 40px 0 0px 27px;
        }

    .AreaIntro .introcontent {
        padding-top: 10px 0;
    }

    .AreaIntro h3 {
        font-weight: 600;
        padding-right: 10px;
    }

    .AreaIntro .introtext {
        margin-left: 180px;
        padding-top: 15px;
        padding-right: 10px;
    }

@media screen and (max-width: 767px) {

    .AreaIntro {
        padding: 20px 10px;
    }

        .AreaIntro .picture {
            float: none;
            width: 100%;
            height: 200px;
            margin: 0px;
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

            .AreaIntro .picture img {
                width: 100%;
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            .AreaIntro .picture .SmarTEX {
                margin: 0px;
            }

            .AreaIntro .picture .InnoVEX {
                margin: 0px;
            }

            .AreaIntro .picture .BestChoice {
                margin: 0px;
            }

            .AreaIntro .picture .Biz {
                margin: 0px;
            }

        .AreaIntro .introcontent {
            padding: 0 20px 10px 20px;
        }

        .AreaIntro .introtext {
            /*margin-left: 0px;
            padding-top: 10px;
            padding-right: 0px;*/
            display: none;
        }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .AreaIntro {
        padding: 20px 10px;
    }

        .AreaIntro .picture {
            float: none;
            width: 100%;
            height: 180px;
            margin-left: 0px;
            margin-top: -50px;
            margin-bottom: 0px;
            -moz-transform: rotate(-0deg);
            -webkit-transform: rotate(-0deg);
            -o-transform: rotate(-0deg);
            -ms-transform: rotate(-0deg);
            transform: rotate(-0deg);
        }

            .AreaIntro .picture img {
                width: 100%;
                height: auto;
                padding-bottom: 180px;
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            .AreaIntro .picture .SmarTEX {
                margin: 30px 0 0 0;
            }

            .AreaIntro .picture .InnoVEX {
                margin: 10px 0 0 0;
            }

            .AreaIntro .picture .BestChoice {
                margin: 10px 0 0 0;
            }

            .AreaIntro .picture .Biz {
                margin: 40px 0 0 0;
            }

        .AreaIntro .introcontent {
            padding: 0px 20px 10px 20px;
            height: auto;
            overflow: hidden;
        }

        .AreaIntro .introtext {
            /*margin-left: 0px;
            padding-top: 10px;
            padding-right: 0px;*/
            display: none;
        }
}

/*Area Introduction*/
.AreaIntro {
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    /*background: url(../_images/Expo.jpg) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
}

    .AreaIntro a {
        text-decoration: none;
    }


/*Pre-RegisterArea*/
.Pre-RegisterArea {
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
}

    .Pre-RegisterArea h2 {
        min-height: 68px;
        font-weight: 700;
        font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    }

.Register {
    border: 1px solid #999;
    padding: 10px 0 20px 0;
}

    .Register .custombtn {
        background-color: transparent;
        border: 1px solid #555;
        padding: 5px 50px;
        color: #425166;
    }

.RegisterArea .btn-block {
    display: inline-block;
    width: auto;
}

@media screen and (max-width: 767px) {
    .Register {
        margin-bottom: 20px;
    }

    .RegisterArea .btn-block {
        display: block;
        width: 100%;
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .Pre-RegisterArea h2 {
        min-height: 100px;
        font-size: 1.6em;
    }

    .Register .custombtn {
        background-color: transparent;
        border: 1px solid #555;
        padding: 5px;
        color: #425166;
    }
}

@media screen and (max-width: 767px) {
    .Pre-RegisterArea h2 {
        min-height: 20px;
    }
}


/*RegisterArea*/
.RegisterArea {
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
    background-color: #DFDBE5;
    background-image: url(data:image/png;base64,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);
}

    .RegisterArea h2 {
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
        color: #333;
    }


/*Lastest News*/
/*News List*/
.NewsTitle {
    color: #555;
    font-weight: bold;
    margin-top: 10px;
    font-size: 1.5em;
}

.Newsitem {
    padding: 15px 0;
}

    .Newsitem:hover {
        background-color: rgba(227, 0, 126, 0.05);
    }

    .Newsitem:after {
        width: 100%;
        content: '';
        font-size: 0;
        height: 0;
        display: block;
        clear: both;
    }

    .Newsitem .tags {
        display: inline-block;
        margin-bottom: 5px;
        padding: 4px 8px;
        border: 1px solid #666;
        color: #666;
        font-size: 0.85em;
        border-radius: 4px;
        text-transform: uppercase;
    }

    .Newsitem .publishdate:before {
        font: normal normal normal 14px/1 'FontAwesome';
        margin-right: 2px;
    }

    .Newsitem .publishdate {
        color: #9d9d9d;
        font-size: 14px;
        /*font-style: italic;*/
    }

@media screen and (max-width: 768px) {
    .NewsTitle {
        margin-top: 10px;
        font-size: 1em;
    }

    .Newsitem {
        margin-bottom: 20px;
        background-color: rgba(227, 0, 126, 0.05);
    }

        .Newsitem .publishdate {
            display: inline-block;
            margin-left: 5px;
        }

    .shortTXT {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .NewsTitle {
        font-size: 1.2em;
    }
}

/*News Detail*/
.NewsDetail .publishdate:before {
    font: normal normal normal 14px/1 'FontAwesome';
    margin-right: 2px;
}

.NewsDetail .publishdate {
    color: #9d9d9d;
    font-size: 14px;
    padding-bottom: 20px;
}
/*文繞圖(右)*/
/*.NewsDetail .photo_right {
    float: right;
    clear: right;
    margin: 5px 0 10px 30px;
    max-width: 500px;
    position: relative;
    visibility: visible;
}

    .NewsDetail .photo_right img {
        width: 100%;
    }

    .NewsDetail .photo_right figcaption {
        display: block;
        padding: 10px 0 30px;
        color: #444;
        font-size: 13px;
        font-weight: 400;
    }*/

.NewsDetail h5 {
    color: #0000ff;
    padding-top: 10px;
}

.NewsDetail p {
    margin: 20px 0;
    font-size: 1.185em;
}


.NewsDetail .embed-responsive {
    margin: 25px 0;
}

@media (max-width: 768px) {
    .NewsDetail .publishdate {
        margin-bottom: 10px;
    }

    /* .NewsDetail .photo_right {
        max-width: 100%;
        float: none;
        clear: both;
        margin: 0 auto;
    }

        .NewsDetail .photo_right img {
            width: 100%;
        }

        .NewsDetail .photo_right figcaption {
            padding: 0;
        }*/
}


/*NewsDetail Image and figuer caption*/
figure {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

@media(max-width:480px) {
    figure {
        width: 100%;
    }
}

.navigation_wrapper a {
    margin: 15px 0 15px 15px;
}

.NewsDetail ul, .NewsDetail ol {
    padding-left: 0;
    margin-left: 20px;
}


/*Exhibitors List*/
.SKeyword {
    background-color: #efefef;
    padding: 10px;
}

.SArea {
    background-color: #fdeef6;
    padding: 10px;
}

.ExhiList {
    padding: 20px 0;
}

    .ExhiList .modal .modal-body .fa {
        width: 20px;
        line-height: 40px;
        text-align: center;
    }

    .ExhiList .col-sm-6 {
        border: 1px solid #efefef;
    }

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

    .flex-row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .flex-row .EList {
        min-height: 100px;
    }

.EList .modal .modal-header .close {
    margin-right: 20px;
    margin-top: -10px;
}

.ExhiList .compName {
    color: #d12c88;
}


/*SmarTEX Area Contents*/
.SmarTEXOverviewContent {
    padding-top: 0px;
}

.SmarTEXcontent {
    margin-top: 0px;
}

.SmarTEXBannercontainer .carousel {
    margin-top: 50px;
}

    .SmarTEXBannercontainer .carousel .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

.SmarTEXBannercontainer .carousel-inner > .item.active img, .SmarTEXBannercontainer .carousel-inner > .item img {
    width: 100%;
    height: auto;
    /*object-fit: cover;*/
}

.OverviewTitle {
    /*padding-top: 50px;*/
}

@media screen and (max-width: 767px) {
    .OverviewTitle {
        padding-top: 20px;
    }

    .SmarTEXcontent {
        margin-top: 0;
    }
}

/*SmartEX Overview - Exhibitor Area*/
.ExhibiteArea {
    /*background-color:#efefef;*/
    padding: 20px 0;
    margin: 20px 0 40px 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .ExhibiteArea div {
        text-align: center;
        flex: 1 0 8.33%;
    }

    .ExhibiteArea img {
        width: 80%;
        margin: 0 auto;
    }

    .ExhibiteArea h4 {
        font-size: 18px;
        text-align: center;
    }

@media screen and (max-width: 767px) {
    .ExhibiteArea div {
        text-align: center;
        margin-bottom: 15px;
        flex: 1 0 50%;
    }

    .ExhibiteArea img {
        width: 90%;
        margin: 0 auto;
    }

        .ExhibiteArea img.mobilesize {
            width: 45%;
        }

    .ExhibiteArea h4 {
        font-size: 24px;
        text-align: center;
    }
}

/*SmartEX Overview - Photo Gallery*/
.PhotoGallery {
    padding: 10px 0;
    /*margin-bottom: 30px;*/
}

    .PhotoGallery .modal .modal-header {
        padding: 15px 15px 15px 15px;
        border-bottom: 0px;
    }

        .PhotoGallery .modal .modal-header .close {
            margin-right: 20px;
            margin-top: -10px;
        }

    .PhotoGallery .modal .modal-body img {
        width: 100%;
        margin-bottom: 10px;
    }

/*SmartEX Overview - Products*/
/*.SmarTEXProductsContent {
    padding: 20px 0;
}*/

.SmarTEXProducts {
    padding: 10px 0;
    margin-bottom: 30px;
    /*display:flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
}
/*vertically align an image inside a div*/
.dummy {
    padding-top: 90%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; /* Align center inline elements */
    font: 0/0 a;
}

    .img-container:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .img-container img {
        vertical-align: middle;
        display: inline-block;
    }

/*image responsive inside a div*/
.SmarTEXProducts .thumbnail {
    margin-bottom: 0;
}

    .SmarTEXProducts .thumbnail img {
        /*width: 60%;*/
        width: 80%;
        margin-top: -30px;
    }

.SmarTEXProducts .caption {
    color: #333;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .SmarTEXProducts .row [class*='col-'] {
        margin-bottom: 10px;
    }

    .dummy {
        padding-top: 100%; /* forces 1:1 aspect ratio */
    }

    .SmarTEXProducts .thumbnail img {
        /*width: 60%;
        margin-top: -20px;*/
        width: 80%;
        margin-top: 0;
    }
}

/*SmarTEX - Exhibitors Page*/

.ExhibitorsArea.ExhibitorsArea div {
    text-align: center;
    padding-bottom: 10px;
    flex: 1 0 16%;
    padding-left: 0;
    padding-right: 0;
}

    .ExhibitorsArea.ExhibitorsArea div h4 {
        font-size: 18px;
    }

@media screen and (max-width: 767px) {
    .ExhibitorsArea.ExhibitorsArea div {
        text-align: center;
        padding-bottom: 10px;
        flex: 1 0 40%;
    }

        .ExhibitorsArea.ExhibitorsArea div img {
            width: 80%;
            margin: 0 auto;
        }

        .ExhibitorsArea.ExhibitorsArea div h4 {
            font-size: 16px;
        }
}

/*SmarTEX - Exhibitors Page - Exhibitors List*/

.Exhibitorslist .row {
    padding-top: 20px;
    margin-bottom: 20px;
}
    /*Make the column equal height setting*/
    /*.Exhibitorslist .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}*/

    .Exhibitorslist .row [class*="col-"] {
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px solid #eee;
        align-items: center; /*圖片置中對齊*/
    }

        .Exhibitorslist .row [class*="col-"]:hover {
            border: 1px solid #999;
        }
/*Exhibitors' logo arrangement - Same height*/
.dummy {
    padding-top: 100%;
    padding-bottom: 10%;
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font: 0/0 a;
    margin: 10px;
}

    .img-container:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .img-container img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        vertical-align: middle;
        display: inline-block;
    }
/*圖片左右對齊*/
/*.vcenter {
    display: flex;
    justify-content: center;
}*/

.Exhibitorslist .modal .modal-header .modal-title img {
    margin: 0 auto;
    max-height: 120px;
    width: initial;
}

.Exhibitorslist .modal .modal-header .close {
    /*margin-right: 20px;*/
    margin-top: -25px;
    width: 56px;
    height: 56px;
}

.Exhibitorslist .modal .modal-body h4 {
    text-align: center;
}

.productcode span:first-child {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    background-color: #555;
    color: #fff;
    font-size: 15px;
}

.productcode {
    color: #333;
    font-size: 15px;
}

.otherpcode:after {
    content: '|';
    padding: 0 10px;
}

span:last-child.otherpcode:after {
    content: '';
    padding: 0;
}

@media screen and (max-width: 767px) {
    .otherpcode:after {
        content: '';
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .Exhibitorslist .row {
        margin: 0 10px;
    }

    .Exhibitorslist .items img {
        margin-bottom: 0;
    }

    .productcode span {
        display: block;
    }

        .productcode span:first-child {
            text-align: center;
            display: block;
            width: 130px;
        }
}


/*Photos & Video Page*/
.VideosContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*margin-bottom: 20px;
    position: relative;*/
}

    .VideosContent div {
        text-align: center;
    }

    .VideosContent .playicon {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #E3007E;
        opacity: 0.7;
        font-size: 56px;
        margin-left: -24px;
        margin-top: -42px;
        cursor: pointer;
    }

.PhotosContentTopAlign {
    background-color: #000;
    /*padding: 20px 0;*/
}

    .PhotosContentTopAlign .PhotosItem {
        margin-bottom: 20px;
    }


@media screen and (max-width: 767px) {
    .VideosContent {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}


/*Event - Program & Forum*/
.ProgramList table td {
    padding: 5px;
    margin: 5px;
}

    .ProgramList table td .flexcotent {
        display: flex;
        flex-direction: row;
    }


    .ProgramList table td .Eventext {
        display: inline-block;
    }

    .ProgramList table td a.Detailbtn {
        border-radius: 0px;
        background-color: #d30376;
        border: 1px solid #d30376;
        text-shadow: none;
        color: #fff;
        padding: 0;
        cursor: default;
        padding: 0 5px;
    }

        .ProgramList table td a.Detailbtn:hover {
            background-color: #ae176a;
            border: 1px solid #ae176a;
            text-decoration: none;
        }

@media screen and (max-width: 767px) {
    .ProgramList table td {
        padding: 0;
    }

        .ProgramList table td i.fa, .ProgramList table td i.far {
            display: inline-block;
            width: 24px;
        }
}

.exhilogo {
    max-width: 250px;
    margin: 0 auto;
}


/*2020 Menu Search bar*/

.search-form-tigger {
    color: #FFF;
    padding: 17px 10px;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    transition: all 1s ease-in-out;
}

    .search-form-tigger:hover {
        color: #E3007E;
        transition: all 1s ease-in-out;
    }

::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

/*For Mobile Only*/
.has-search {
    margin-top: 20px;
}

    .has-search .glyphicon-search {
        color: gray;
    }

input.search-menu {
    background: #3a3f48;
    border: 1px solid #3a3f48;
}