* {

    font-family: Microsoft JhengHei;

}



input:focus {

    outline: none;

}



a:hover {

    color: #c7642a;

}



ul,
li {

    list-style-type: none;

}



.page_start {

    background: #FAF7F3;

}





.float_r {

    float: right;

}

.js-marquee {
    margin-right: 0 !important;
}



.nth-child-1>div:nth-child(1) {

    background: rgb(255, 162, 162);

}



.nth-child-1>div:nth-child(2) {

    background: #eee;

}



.nth-child-1>div:nth-child(3) {

    background: #eee;

}



.nth-child-1>div:nth-child(4) {

    background: #eee;

}



/*header-start*/



header {

    margin: auto;

}



.header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}

.header_bg {
    background-color: #f6a113;
}

.header>div:nth-child(1) {

    padding: 0 70px;

}



header>div>div {

    display: inline-block;

}



.logo {

    max-width: 400px;

}



@media (max-width:414px) {

    .logo {

        max-width: 320px;

    }

}



.logo_2 {

    width: 100%;

    max-width: 600px;

}



.logo_3 {

    width: 100%;

    max-width: 400px;

}



.ft_mx_80 {

    margin: 0 80px;

}





.search {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 99;

    width: 100%;

}



.search>div {
    border: none;

    border-radius: 0 !important;

    padding: 0;

    display: flex;

    flex-direction: row;

    align-items: center;

    height: 64px;

}



.search_input {

    border: 0;

    padding-left: 20px;

    height: 100%;

    width: 100%;

    background-color: #fefae0;

}



.search_text {

    width: 70px;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #f6a113;

    color: #fff;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);

    transition: .5s;

}



.search_text:hover {

    color: #fff;

    background-color: rgb(233, 159, 40);

    transition: .5s;

}

.fa-times {
    transition: all 0.5s;
    transform: rotate(-360deg);
}


@media (max-width:1199px) {

    .search>div {

        height: 45px;

    }

}



.color_blue_1 {

    color: #1d2087;

}



.g-flex {

    display: flex;

}



.g-flex--md {

    display: flex;

}



.g-display-block {

    display: block;

}



.w_120 {

    width: 120px;

}



.float_left {

    float: left;

}



.justify-content-space-between {

    justify-content: space-between !important;

}

.g-box-shadow-1 {
    box-shadow: 0 0 3px #808080;
}

.header_icon {

    padding-right: 10px;

    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

    align-items: center;

    flex-wrap: wrap;

}



@media (max-width:1200px) {

    .header>div {

        padding: 0 !important;

    }

    .search_text {

        width: 100px;

    }

}



@media (max-width:767px) {

    .header {

        display: block;

        text-align: center;

    }



    .header>div:nth-child(1) {

        width: 100%;

    }



    .header>div:nth-child(1)>a {

        justify-content: center;

    }



    .header>div {

        padding-bottom: 10px;

        padding-left: 0;

    }



    .ft_mx_80 {

        margin: 0;

    }



    .g-flex--md {

        display: block;

    }



    .header_icon {

        max-width: none;

        padding: 10px 10px 0 10px;

        justify-content:flex-end;

    }

}



/*header-end*/



/*--------------------首頁-start--------------------*/



.max_width_1140px {

    max-width: 1140px;

}

/*內容區塊1-start*/



.news_date_1,
.news_date_2 {

    position: relative;

}



.news_date_1 {

    /* background: #1e8fea; */

    color: #000;

    padding: 2px 6px;

    border-radius: 14px;

}



.news_date_2 {

    /* background: rgb(233, 159, 40); */

    color: #000;

    padding: 2px 6px;

    border-radius: 14px;

}



.bg_f {

    background: #fff;

}



.page {

    display: flex;

    justify-content: center;

}



.line_height_30_pl_50 {

    line-height: 30px;

    padding-left: 50px;

}



#page_input {

    width: 36px;

    height: 30px;

    color: #000;

    text-align: center;

    margin-left: 1px;

    margin-right: 1px;

    border: 1px solid rgb(0, 0, 0);

    position: relative;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    left: 0px;

    top: 0px;

    outline: none;

}



#page_go {

    width: 44px;

    height: 30px;

    border: 0px;

    margin-left: 10px;

    border-radius: 10px;

    overflow: hidden;

    padding: 0px;

    text-align: center;

    background-color: #31ACE2;

    color: #FFF;

}



.brd_blue_1 {

    border-left: 1px solid #bce1fc;

    border-right: 1px solid #bce1fc;

    border-bottom: 1px solid #bce1fc;

}



.brd_blue_2 {

    border: 1px solid #bce1fc;

}



.brd_btm_blue_1 {

    border-bottom: 1px solid #bce1fc;

}



.position_r {

    position: relative;

}



.more_1,
.more_2 {

    font-size: 18px;

    padding: 0 10px;

    margin-right: 10px;

    padding: 4px 4px;

    background: rgb(255, 255, 255);

}



.more_1 {

    color: #193e66;

}



.more_2 {

    color: rgb(233, 159, 40);

}

.font_family_1 {

    font-family: Noto Sans TC, 微軟正黑體, sans-serif;

    font-size: 16px;

}



.news_title {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.bg_blue_1 {

    background: linear-gradient(to right, #6E92B9, #3469a1);

}



.bg_blue_2 {

    background: #1e8fea;

}





.bg_blue_4 {

    background: #6E92B9;

}



.bg_blue_5 {

    background: linear-gradient(to right, #6E92B9, #3469a1, #6E92B9);

}

.bg_blue_6 {

    /* background: #58c5d9; */
    background: #f6a113;

}



.bg_black_6_hover:hover {

    /* background: #58c5d9; */
    background: #ffc462;

    color: #fff;

}



.bg_gray_1 {

    background: #dbdbdb;

}



.bg_gray_2 {

    background: #f8f8f8;

}



.bg_green_1 {

    background: linear-gradient(to right, rgb(255 208 0), rgb(246 161 19));

}



.bg_green_2 {

    background: #81A914;

}



.bg_black {

    background: #000;

}



.bg_black_hover:hover {

    background: #000;

    color: #fff;

}



.bg_r {

    background: rgb(219, 41, 41);

}



.investment_3_hover:hover {

    color: #fff;

    background: rgb(192, 22, 22);

}



.brd_radius_1 {

    border-radius: 6px;

}



.brd_radius_2 {

    border-radius: 0 6px 0 0;

}



.brd_radius_3 {

    border-radius: 0 0 6px 6px;

}



.brd_radius_4 {

    border-radius: 6px;

}



.brd_radius_5 {

    border-radius: 6px 6px 0 0;

}



.box_shadow_1 {

    -moz-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);

    -webkit-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);

    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);

}









.animation_1 {

    -webkit-animation-name: animation_1;

    -webkit-animation-duration: 2s;

    animation-name: animation_1;

    animation-duration: 1s;

}





@-webkit-keyframes animation_1 {

    from {

        margin-left: 100%;

        width: 300%
    }



    to {

        margin-left: 0%;

        width: 100%;

    }

}



/* Standard syntax */

@keyframes animation_1 {

    from {

        margin-left: 100%;

        width: 300%
    }



    to {

        margin-left: 0%;

        width: 100%;

    }

}



.animation_2 {

    -webkit-animation-name: animation_2;

    -webkit-animation-duration: 2s;

    animation-name: animation_2;

    animation-duration: 2s;

}





@-webkit-keyframes animation_2 {

    from {

        margin-top: 20%;

    }



    to {

        margin-top: 0%;

    }



    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}



/* Standard syntax */

@keyframes animation_2 {

    from {

        margin-top: 20%;

    }



    to {

        margin-top: 0%;

    }



    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}



.animation_3 {

    -webkit-animation-name: animation_3;

    -webkit-animation-duration: 2s;

    animation-name: animation_3;

    animation-duration: 2s;

}





@-webkit-keyframes animation_3 {

    from {

        margin-left: 100%;

        width: 300%
    }



    to {

        margin-left: 0%;

        width: 100%;

    }



    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}



/* Standard syntax */

@keyframes animation_3 {

    from {

        margin-left: 100%;

        width: 300%
    }



    to {

        margin-left: 0%;

        width: 100%;

    }



    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}



/* .news_4_text{

    background-color: #F7F1DB;

} */



.news_4_text:hover {

    background-color: rgb(255, 250, 234) !important;

    color: #c7642a;

}



.news_4_text:hover a {

    color: #c7642a;

}



.news_4_title>div {

    padding: 10px 10px;

}



.news_4_title>div:nth-child(even) {

    background: #f8f8f8;

}



.news_table th {

    background: rgb(174, 207, 241);

    text-align: center;

}



.news_table th,
td {

    padding: 10px;

}



.table_category {

    width: 150px;

    max-width: 100%;

}



.table_date {

    width: 104px;

    max-width: 100%;

}



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

    .page {

        display: inline;

    }



    .page>div {

        justify-content: center;

        padding: 10px 0;

    }

}



@media (max-width:468px) {

    .news_table tr td {

        clear: both;

        display: block;

        border: none;

        text-align: center;

        line-height: 20px;

    }



    .news_table {

        border: 0;

        font-size: 15px;

    }



    .news_table th {

        display: none;

    }



    .table_category {

        padding-top: 20px;

    }



    .table_date {

        padding-bottom: 20px;

    }



    .table_category,
    .table_date,
    .table_content {

        width: auto;

    }



    .news_table tr:nth-child(even) {

        background: #f8f8f8;

    }

}

/*內容區塊1-end*/



/*內容區塊2-start*/

.banner_1 {

    padding: 60px 0;

    border-radius: 10px;

    width: 100%;

    background-image: url(../images/banner_4.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.color_f {

    color: #fff;

}



.text_shadow_2 {

    text-shadow: black 0.1em 0.1em 0.2em;

}



.brd_gray_1 {

    border: 1px rgb(158, 158, 158) solid;

}





#carousel a:hover>img {

    border: 2px rgb(255, 178, 78) dashed;

}

/*內容區塊2-end*/



/*友站連結-start*/

.slider {

    width: 100%;

    margin: auto;

}



.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-prev:before,

.slick-next:before {

    color: black;

}



.img_poa {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    background: rgba(0, 0, 0, 0.3)
}



.img_poa_hover_1:hover>.img_poa {

    background: #f6a113;

}



.img_poa_hover_2 {

    display: none;

}



.link_content {

    border: 1px #ddd solid;

    transition: .3s;

    padding: 20px 15px;

}



.link_content:hover .link_title {

    border-bottom: 3px #6E92B9 solid;

    transition: .3s;

}



/* .link_title::before {

    background: #ca0a0a;

    bottom: -1px;

    content: "";

    height: 2px;

    position: absolute;

    width: 60px;

} */



.link_title {

    font-size: 20px;

    border-bottom: 2px #ddd solid;

    padding-bottom: 10px;

    font-weight: 700;

    transition: .3s;

    margin-bottom: 10px;

}



.link_detail {

    padding: 8px 10px;

    border-right: 1px #ddd solid;

    display: block;

    margin: 5px 0;

}



.link_detail:nth-child(3n+3) {

    border-right: none;

}



.link_detail:last-child {

    border-right: none !important;

    border-bottom: none !important;

}


.item_mobile .item {
    height: 80px;
    line-height: 80px;
}

.item_mobile .item a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_mobile .item img {
    max-height: 80px;
}


@media (max-width:991px) {

    .link_detail:nth-child(3n+3) {

        border-right: 1px #ddd solid;

    }



    .link_detail:nth-child(even) {

        border-right: none;

    }

}



@media (max-width:767px) {

    .link_detail:nth-child(3n+3) {

        border-right: none;

    }



    .link_detail {

        padding: 10px 0;

        margin: 0 4px;

        border-right: none;

        border-bottom: 1px #ddd solid;

    }

}



/*友站連結-end*/









/*活動花絮*/

.index_activity_all {

    border: 1px #ddd solid;

    transition: .3s;

    display: block;

}



.index_activity_all:hover {

    box-shadow: 0 20px 10px rgba(0, 0, 0, 0.4);

    -moz-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -o-transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px);

    transition: .3s;

}



.index_activity_img {

    width: 100%;

    overflow: hidden;

    display: flex;

    align-items: center;

}



.index_activity_data {

    font-size: 14px;

    text-align: center;

    border-right: 1px #bbb solid;

    padding: 5px 0;

    margin-right: 10px;

    width: 50px;

    font-weight: 700;

    color: grey;

}



.index_activity_title {

    font-weight: 700;

    width: calc(100% - 60px);

    overflow: hidden;

    word-wrap: break-word;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.index_activity_more {

    padding: 10px 20px;

    border-radius: 30px;

    /* background-color: #6E92B9; */
    background-color: #f6a113;

    color: #fff;

    transition: .3s;

}



.index_activity_more:hover {

    background-color: rgb(233, 159, 40);

    color: #fff;

    transition: .3s;

    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.4);

}



@media (min-width:768px) {

    .index_activity_img {

        height: 246px;

    }

}



@media (min-width:1200px) {

    .index_activity_img {

        height: 261px;

    }

}





/*活動花絮-end*/



/*--------------------首頁-end--------------------*/





/*--------------------右側滑動欄--------------------*/

.right_contact {

    position: fixed;

    right: 25px;

    top: 50%;

    transform: translate(0, -50%);

    z-index: 999;

}

.right_contact a {

    display: block;

    text-align: center;

    padding: 5px 0;

}


/* @media (max-width: 767px) {

    .right_contact {

        display: none;

    }

} */

/*--------------------右側滑動欄-end--------------------*/









/*--------------------關於我們-start--------------------*/

.about_banner,
.photo_banner,
.investment_banner,
.activity_banner,
.news_banner,
.contact_banner {

    background-size: cover;

    /* background-repeat: no-repeat;

    background-position: center center; */

}





.about_banner {

    background-image: url(../images/about_banner.jpg);

}



.photo_banner {

    background-image: url(../images/photo_banner.jpg);

}



.investment_banner {

    background-image: url(../images/investment_banner.jpg);

}



.activity_banner {

    background-image: url(../images/activity_banner.jpg);

}



.news_banner {

    background-image: url(../images/news_banner.jpg);

}



.contact_banner {

    background-image: url(../images/contact_banner.jpg);

}



.pl_50 {

    padding-left: 50px;

}



@media (max-width:1023px) {

    .pl_50 {

        padding: 0;

    }

}





/*沿革與願景-start*/

.g-bg-blue-1 {

    background: #59b4f5;

}



.about_title {

    display: flex;

    align-items: center;

}



.about_title_color {

    color: #0A233F;

}

/*沿革與願景-end*/



/*服務項目-start*/

.about_2_ul>li {

    list-style-type: disc;

}

/*服務項目-start*/



/*組織架構-start*/

.tree_a_about_4 {

    position: absolute;

    top: 250px;

    left: 234px;

    width: 138px;

    height: 68px;

}



.tree_a_about_5 {

    position: absolute;

    top: 144px;

    left: 240px;

    width: 130px;

    height: 64px;

}



@media (max-width:1199px) {

    .tree_a_about_4 {

        top: 202px;

        left: 192px;

        width: 110px;

        height: 56px;

    }



    .tree_a_about_5 {

        top: 118px;

        left: 196px;

        width: 104px;

        height: 50px;

    }

}



@media (max-width:991px) {

    .tree_a_about_4 {

        top: 222px;

        left: 210px;

        width: 122px;

        height: 64px;

    }



    .tree_a_about_5 {

        top: 130px;

        left: 214px;

        width: 116px;

        height: 54px;

    }

}



@media (max-width:767px) {

    .tree_a_about_4 {

        top: 168px;

        left: 156px;

        width: 92px;

        height: 46px;

    }



    .tree_a_about_5 {

        top: 98px;

        left: 160px;

        width: 88px;

        height: 40px;

    }

}



@media (max-width:414px) {

    .tree_a_about_4 {

        top: 128px;

        left: 122px;

        width: 68px;

        height: 34px;

    }



    .tree_a_about_5 {

        top: 76px;

        left: 124px;

        width: 64px;

        height: 30px;

    }

}



@media (max-width:375px) {

    .tree_a_about_4 {

        top: 116px;

        left: 108px;

        width: 64px;

        height: 32px;

    }



    .tree_a_about_5 {

        top: 68px;

        left: 112px;

        width: 60px;

        height: 28px;

    }

}



@media (max-width:360px) {

    .tree_a_about_4 {

        top: 110px;

        left: 106px;

        width: 60px;

        height: 32px;

    }



    .tree_a_about_5 {

        top: 66px;

        left: 108px;

        width: 58px;

        height: 26px;

    }

}



@media (max-width:320px) {

    .tree_a_about_4 {

        top: 98px;

        left: 92px;

        width: 56px;

        height: 28px;

    }



    .tree_a_about_5 {

        top: 136px;

        left: 96px;

        width: 50px;

        height: 24px;

    }

}

/*組織架構-end*/



/*產業聚落-start*/

.investment2_hr {

    border: 0;

    height: 1px;

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));

}

/*產業聚落-end*/



/*投資環境-start*/

.investment_3_a {

    padding: 10px 20px;

    background: rgb(44, 60, 131);

    color: #fff;

    border-radius: 6px;

}



.investment_3_a:hover {

    color: #FFF;

    background: rgb(85, 95, 144)
}

/*投資環境-end*/



/*報名-start*/

.activity_a_1,
.activity_a_2,
.activity_a_3 {

    color: #fff;

    font-weight: 700;

    border-radius: 6px;

}



.activity_a_1 {

    background: #5cb85c;

}



.activity_a_2 {

    background: #d9534f;

}



.activity_a_3 {

    background: #6E92B9;

}



.activity_title {

    background: #111981;

}



.color_r {

    color: #ff0000;

}



.activity_3_style {

    width: 112px;

    text-align: right;

}



.activity_3_input {

    width: 500px;

}



.activity_por {

    position: relative;

}



.activity_poa {

    position: absolute;

    left: 40px;

    top: 30px;

}



.activity_3_input_2 {

    width: 500px;

}



.activity_3_textarea {

    width: 100%;

    max-width: 560px;

}



.activity_3_brd {

    border: 1px rgb(175, 175, 175) solid;

}



.activity_3_brd_top {

    border-top: 1px rgb(175, 175, 175) solid;

}



.activity_3_title {

    color: rgb(33, 33, 122);

    font-weight: 700;

}



.activity_3_bkg_1 {

    background: rgb(159, 207, 246);

}



.activity_3_bkg_2 {

    background: rgb(70, 157, 228);

}



.activity_3_flex_1 {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.activity_3_flex_1 input {

    margin: 0 6px 0 0;

    width: 100%;

}

.activity_3_flex_2 {

    display: flex;

}



@media (max-width:767px) {

    .activity_3_input {

        width: 300px;

    }



    .activity_3_input_2 {

        width: 260px;

    }



    .activity_3_flex_1 {

        display: block;

    }



    .activity_3_flex_1 input {

        margin: 0 0 6px 0;

    }

}



@media (max-width:468px) {

    .activity_3_flex_2 {

        display: block;

    }



    .activity_3_style {

        text-align: start;

    }



    .activity_poa {

        position: absolute;

        left: 90px;

        top: 0;

    }

}



@media (max-width:365px) {

    .activity_3_input {

        width: 250px;

    }



    .activity_3_flex_2 {

        display: block;

    }



    .activity_3_style {

        text-align: start;

    }

}

/*活動報名-end*/

/*--------------------關於我們-end--------------------*/





/*Footer-start*/

.ft_left {

    font-size: 16px;

}



.ft_left>div>div {

    padding: 4px 0;

}



.ft_flex,
.ft_flex_2,
.ft_flex_3 {

    display: flex;

}



.ft_flex_2>div {

    padding: 0 20px;

}



.footer_icon {

    height: 20px;

    width: 20px;

    text-align: center;

    margin-right: 6px;

}



.ft_mask {

    background: rgb(255, 224, 116, 0.2);

}



.full_container {

    width: calc(100% - 100px);

    margin: auto;

    padding-right: 15px;

    padding-left: 15px;

}



.ft_bg_org_2 {

    background: #F18E14;

}



.ft_maxwidth_960 {

    max-width: 960px;

}



.ft_title {

    /* color:#6E92B9; */

    padding: 8px 0;

    border-radius: 5px;

    font-size: 20px;

}



.ft_title_bg_hover:hover {

    background: #6E92B9;

}



.ft_btm_text a:hover {

    color: #fff;

}



.a_color_f a {

    color: #fff;

}



.ft_ul li {

    padding: 4px 0;

}



.ft_ul {

    list-style-image: url('../images/ft_icon.png');

}



.ft_add_left {

    width: 81px;

}



.ft_add_right {

    width: calc(100% - 81px);

}



@media (max-width:1199px) {

    .ft_center {

        text-align: center;

    }



    .ft_flex {

        justify-content: center;

    }



    .ft_flex_2,
    .ft_flex_3 {

        display: block;

    }



    .ft_flex_2>div {

        padding: 0;

    }

}



@media (max-width:379px) {

    .ft_flex {

        display: block;

    }

}

/*Footet-end*/















/*--------------------投資地點錨點-start--------------------*/

.map_1,
.map_2,
.map_3,
.map_4,
.map_5,

.map_6,
.map_7,
.map_8,
.map_9,
.map_10,

.map_11,
.map_12,
.map_13,
.map_14,
.map_15 {

    position: absolute;

}





.map_1 {

    top: 258px;

    left: 184px;

    width: 242px;

    height: 38px;

}



.map_2 {

    top: 316px;

    left: 6px;

    width: 256px;

    height: 42px;

}



.map_3 {

    top: 378px;

    left: 2px;

    width: 164px;

    height: 36px;

}



.map_4 {

    top: 452px;

    left: 2px;

    width: 186px;

    height: 36px;

}



.map_5 {

    top: 498px;

    left: 2px;

    width: 160px;

    height: 38px;

}



.map_6 {

    top: 582px;

    left: 2px;

    width: 186px;

    height: 36px;

}



.map_7 {

    top: 634px;

    left: 2px;

    width: 194px;

    height: 36px;

}



.map_8 {

    top: 692px;

    left: 2px;

    width: 196px;

    height: 36px;

}



.map_9 {

    top: 740px;

    left: 104px;

    width: 154px;

    height: 38px;

}



.map_10 {

    top: 415px;

    right: 58px;

    width: 214px;

    height: 40px;

}



.map_11 {

    top: 494px;

    right: 60px;

    width: 216px;

    height: 42px;

}



.map_12 {

    top: 554px;

    right: 10px;

    width: 213px;

    height: 37px;

}



.map_13 {

    top: 604px;

    right: 18px;

    width: 240px;

    height: 37px;

}



.map_14 {

    top: 672px;

    right: 84px;

    width: 166px;

    height: 38px;

}



.map_15 {

    top: 742px;

    right: 88px;

    width: 164px;

    height: 38px;

}





@media (max-width:1024px) {

    .map_1 {

        top: 214px;

        left: 152px;

        width: 200px;

        height: 32px;

    }



    .map_2 {

        top: 262px;

        left: 6px;

        width: 214px;

        height: 35px;

    }



    .map_3 {

        top: 313px;

        left: 2px;

        width: 136px;

        height: 36px;

    }



    .map_4 {

        top: 374px;

        left: 3px;

        width: 154px;

        height: 32px;

    }



    .map_5 {

        top: 410px;

        left: 2px;

        width: 133px;

        height: 34px;

    }



    .map_6 {

        top: 482px;

        left: 2px;

        width: 154px;

        height: 30px;

    }



    .map_7 {

        top: 524px;

        left: 2px;

        width: 160px;

        height: 30px;

    }



    .map_8 {

        top: 572px;

        left: 2px;

        width: 160px;

        height: 32px;

    }



    .map_9 {

        top: 613px;

        left: 85px;

        width: 128px;

        height: 32px;

    }



    .map_10 {

        top: 344px;

        right: 49px;

        width: 178px;

        height: 34px;

    }



    .map_11 {

        top: 410px;

        right: 49px;

        width: 182px;

        height: 37px;

    }



    .map_12 {

        top: 460px;

        right: 8px;

        width: 179px;

        height: 30px;

    }



    .map_13 {

        top: 500px;

        right: 15px;

        width: 200px;

        height: 32px;

    }



    .map_14 {

        top: 558px;

        right: 68px;

        width: 140px;

        height: 33px;

    }



    .map_15 {

        top: 616px;

        right: 72px;

        width: 137px;

        height: 32px;

    }

}



@media (max-width:768px) {

    .map_1 {

        top: 236px;

        left: 167px;

        width: 221px;

        height: 35px;

    }



    .map_2 {

        top: 288px;

        left: 5px;

        width: 235px;

        height: 38px;

    }



    .map_3 {

        top: 345px;

        left: 2px;

        width: 148px;

        height: 32px;

    }



    .map_4 {

        top: 412px;

        left: 2px;

        width: 170px;

        height: 34px;

    }



    .map_5 {

        top: 453px;

        left: 2px;

        width: 146px;

        height: 34px;

    }



    .map_6 {

        top: 531px;

        left: 2px;

        width: 169px;

        height: 32px;

    }



    .map_7 {

        top: 578px;

        left: 2px;

        width: 175px;

        height: 30px;

    }



    .map_8 {

        top: 630px;

        left: 2px;

        width: 177px;

        height: 32px;

    }



    .map_9 {

        top: 674px;

        left: 95px;

        width: 138px;

        height: 35px;

    }



    .map_10 {

        top: 378px;

        right: 53px;

        width: 195px;

        height: 36px;

    }



    .map_11 {

        top: 451px;

        right: 53px;

        width: 200px;

        height: 38px;

    }



    .map_12 {

        top: 506px;

        right: 9px;

        width: 193px;

        height: 32px;

    }



    .map_13 {

        top: 551px;

        right: 16px;

        width: 219px;

        height: 32px;

    }



    .map_14 {

        top: 613px;

        right: 76px;

        width: 152px;

        height: 35px;

    }



    .map_15 {

        top: 677px;

        right: 80px;

        width: 150px;

        height: 35px;

    }

}



@media (max-width:414px) {

    .map_1 {

        top: 135px;

        left: 96px;

        width: 127px;

        height: 22px;

    }



    .map_2 {

        top: 166px;

        left: 4px;

        width: 134px;

        height: 22px;

    }



    .map_3 {

        top: 198px;

        left: 2px;

        width: 84px;

        height: 19px;

    }



    .map_4 {

        top: 237px;

        left: 2px;

        width: 98px;

        height: 19px;

    }



    .map_5 {

        top: 261px;

        left: 2px;

        width: 83px;

        height: 19px;

    }



    .map_6 {

        top: 306px;

        left: 2px;

        width: 96px;

        height: 19px;

    }



    .map_7 {

        top: 332px;

        left: 2px;

        width: 101px;

        height: 19px;

    }



    .map_8 {

        top: 363px;

        left: 2px;

        width: 101px;

        height: 19px;

    }



    .map_9 {

        top: 388px;

        left: 54px;

        width: 81px;

        height: 19px;

    }



    .map_10 {

        top: 217px;

        right: 31px;

        width: 113px;

        height: 21px;

    }



    .map_11 {

        top: 259px;

        right: 31px;

        width: 113px;

        height: 23px;

    }



    .map_12 {

        top: 291px;

        right: 5px;

        width: 113px;

        height: 19px;

    }



    .map_13 {

        top: 317px;

        right: 9px;

        width: 126px;

        height: 19px;

    }



    .map_14 {

        top: 353px;

        right: 44px;

        width: 88px;

        height: 20px;

    }



    .map_15 {

        top: 390px;

        right: 46px;

        width: 86px;

        height: 20px;

    }

}



@media (max-width:411px) {

    .map_1 {

        top: 134px;

        left: 96px;

        width: 127px;

        height: 22px;

    }



    .map_2 {

        top: 164px;

        left: 4px;

        width: 134px;

        height: 22px;

    }



    .map_3 {

        top: 196px;

        left: 2px;

        width: 84px;

        height: 19px;

    }



    .map_4 {

        top: 235px;

        left: 2px;

        width: 98px;

        height: 19px;

    }



    .map_5 {

        top: 259px;

        left: 2px;

        width: 83px;

        height: 19px;

    }



    .map_6 {

        top: 303px;

        left: 2px;

        width: 96px;

        height: 19px;

    }



    .map_7 {

        top: 329px;

        left: 2px;

        width: 101px;

        height: 19px;

    }



    .map_8 {

        top: 360px;

        left: 2px;

        width: 101px;

        height: 19px;

    }



    .map_9 {

        top: 385px;

        left: 54px;

        width: 81px;

        height: 19px;

    }



    .map_10 {

        top: 215px;

        right: 31px;

        width: 113px;

        height: 21px;

    }



    .map_11 {

        top: 257px;

        right: 31px;

        width: 113px;

        height: 23px;

    }



    .map_12 {

        top: 288px;

        right: 5px;

        width: 113px;

        height: 19px;

    }



    .map_13 {

        top: 314px;

        right: 9px;

        width: 126px;

        height: 19px;

    }



    .map_14 {

        top: 350px;

        right: 44px;

        width: 88px;

        height: 20px;

    }



    .map_15 {

        top: 386px;

        right: 46px;

        width: 86px;

        height: 20px;

    }

}



@media (max-width:375px) {

    .map_1 {

        top: 123px;

        left: 87px;

        width: 116px;

        height: 18px;

    }



    .map_2 {

        top: 150px;

        left: 4px;

        width: 121px;

        height: 20px;

    }



    .map_3 {

        top: 180px;

        left: 1px;

        width: 77px;

        height: 16px;

    }



    .map_4 {

        top: 215px;

        left: 1px;

        width: 89px;

        height: 16px;

    }



    .map_5 {

        top: 237px;

        left: 1px;

        width: 76px;

        height: 16px;

    }



    .map_6 {

        top: 277px;

        left: 1px;

        width: 88px;

        height: 16px;

    }



    .map_7 {

        top: 301px;

        left: 1px;

        width: 92px;

        height: 16px;

    }



    .map_8 {

        top: 329px;

        left: 1px;

        width: 92px;

        height: 16px;

    }



    .map_9 {

        top: 352px;

        left: 50px;

        width: 71px;

        height: 16px;

    }



    .map_10 {

        top: 197px;

        right: 28px;

        width: 102px;

        height: 19px;

    }



    .map_11 {

        top: 235px;

        right: 28px;

        width: 102px;

        height: 19px;

    }



    .map_12 {

        top: 263px;

        right: 4px;

        width: 102px;

        height: 18px;

    }



    .map_13 {

        top: 287px;

        right: 8px;

        width: 115px;

        height: 18px;

    }



    .map_14 {

        top: 319px;

        right: 40px;

        width: 79px;

        height: 18px;

    }



    .map_15 {

        top: 352px;

        right: 42px;

        width: 78px;

        height: 18px;

    }

}



@media (max-width:360px) {

    .map_1 {

        top: 118px;

        left: 82px;

        width: 113px;

        height: 19px;

    }



    .map_2 {

        top: 144px;

        left: 2px;

        width: 118px;

        height: 19px;

    }



    .map_3 {

        top: 173px;

        left: 1px;

        width: 77px;

        height: 16px;

    }



    .map_4 {

        top: 206px;

        left: 1px;

        width: 86px;

        height: 16px;

    }



    .map_5 {

        top: 227px;

        left: 1px;

        width: 73px;

        height: 16px;

    }



    .map_6 {

        top: 266px;

        left: 1px;

        width: 88px;

        height: 16px;

    }



    .map_7 {

        top: 289px;

        left: 1px;

        width: 89px;

        height: 16px;

    }



    .map_8 {

        top: 316px;

        left: 1px;

        width: 89px;

        height: 16px;

    }



    .map_9 {

        top: 338px;

        left: 47px;

        width: 70px;

        height: 16px;

    }



    .map_10 {

        top: 190px;

        right: 28px;

        width: 96px;

        height: 16px;

    }



    .map_11 {

        top: 226px;

        right: 28px;

        width: 99px;

        height: 19px;

    }



    .map_12 {

        top: 253px;

        right: 4px;

        width: 98px;

        height: 18px;

    }



    .map_13 {

        top: 276px;

        right: 8px;

        width: 110px;

        height: 18px;

    }



    .map_14 {

        top: 307px;

        right: 39px;

        width: 76px;

        height: 18px;

    }



    .map_15 {

        top: 339px;

        right: 40px;

        width: 75px;

        height: 18px;

    }

}



@media (max-width:320px) {

    .map_1 {

        top: 105px;

        left: 74px;

        width: 98px;

        height: 15px;

    }



    .map_2 {

        top: 128px;

        left: 2px;

        width: 106px;

        height: 18px;

    }



    .map_3 {

        top: 153px;

        left: 1px;

        width: 66px;

        height: 15px;

    }



    .map_4 {

        top: 182px;

        left: 1px;

        width: 77px;

        height: 16px;

    }



    .map_5 {

        top: 202px;

        left: 1px;

        width: 65px;

        height: 16px;

    }



    .map_6 {

        top: 235px;

        left: 1px;

        width: 76px;

        height: 16px;

    }



    .map_7 {

        top: 256px;

        left: 1px;

        width: 79px;

        height: 16px;

    }



    .map_8 {

        top: 279px;

        left: 1px;

        width: 80px;

        height: 16px;

    }



    .map_9 {

        top: 300px;

        left: 42px;

        width: 62px;

        height: 15px;

    }



    .map_10 {

        top: 168px;

        right: 24px;

        width: 86px;

        height: 16px;

    }



    .map_11 {

        top: 200px;

        right: 24px;

        width: 89px;

        height: 18px;

    }



    .map_12 {

        top: 224px;

        right: 4px;

        width: 87px;

        height: 16px;

    }



    .map_13 {

        top: 245px;

        right: 8px;

        width: 96px;

        height: 15px;

    }



    .map_14 {

        top: 273px;

        right: 34px;

        width: 68px;

        height: 15px;

    }



    .map_15 {

        top: 301px;

        right: 36px;

        width: 67px;

        height: 16px;

    }

}



.max_width_790 {

    max-width: 790px;

}

/*--------------------投資地點錨點-end--------------------*/





/*活動影片*/

hr.gradient {

    border: 0;

    height: 1px;

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));

    margin: 10px 0;

}



/*Default Button*/



.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open>.dropdown-toggle.btn-default {

    color: #ffffff;

    background-color: #338dca;

    border-color: #338dca;

}



.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default {

    background-color: #3697d9;

    border-color: #338dca;

}



.btn-default {

    color: #ffffff;

    background-color: #3697d9;

    border-color: #338dca;

}





.btn-hvr {

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.fancybox-slide--video .fancybox-content {

    width: 800px;

    height: 600px;

    max-width: 80%;

    max-height: 80%;

}

/*210120新增手機版MENU樣式*/
.nav-item {
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
    font-size: 16px;
}

.nav-item:first-child,
.nav-item:last-child {
    border-bottom: 0;
}

.nav-link:hover {
    color: #fff !important;
}

@media (max-width:1199px) {
    .moblie_menu_box {
        position: fixed;
        top: 0;
        z-index: 99;
        /* background: rgba(0, 0, 0, 0.8); */
        background: #f7a313d4;
        min-width: 200px;
        height: 100%;
        overflow-y: scroll;
    }
}




/*top鍵*/

.toTop-arrow {
    width: 50px;
    height: 50px;
    border: 0;
    opacity: 0.6;
    background: #000;
    cursor: pointer;
    display: none;
    z-index: 999;
    color: #fff;
    margin-top: 5px;
}



/*top鍵*/



/*RWD Youtube 以及 Vimeo*/

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

/*--------------------登入與註冊-start--------------------*/
.has-feedback {
    position: relative;
}

.form-control-feedback {
    position: absolute;
    right: 10px;
    bottom: 12px;
    color: #ddd;

}

.forget_Link {
    color: #2259ed;
}

.authCode_img {
    position: absolute;
    right: 0;
    top: 41px;
}

.authCode_input {
    width: 91% !important;
}

.swal2-container {
   z-index: 99999 !important; 
}

@media (max-width:468px) {
    .authCode_input {
        width: 80% !important;
    }
}

@media (max-width:300px) {
    .authCode_input {
        width: 75% !important;
    }
}

/*--------------------登入與註冊-end--------------------*/

/* ------------------輪播start------------------- */

.customBtn {
    display: block;
    position: absolute;
    font-size: 2rem;
    top: 40%;
    z-index: 50;
    cursor: pointer;
}

.customPrevBtn,
.customPrevBtn2 {
    left: -1%;
}

.customNextBtn,
.customNextBtn2 {
    right: -1%;
}

@media (max-width:468px) {
    .customBtn {
        display: none;
    }
}

/* -----------------輪播end------------------------ */
#kkpager span.curr {
    border: 1px solid #bc6c25 !important;
    background: #fefae0 !important;
    color: #bc6c25 !important;
}

#kkpager a:hover {
    border: 1px solid #f6a113 !important;
    background-color: #f6a113 !important;
}