@charset "UTF-8";

/* CSS Document */

body,
html {
    margin: 0px;
    font-family: "微軟正黑體", "蘋果儷中黑", Arial;
    word-break: normal;
    text-align: justify;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    background-color: #F2F2F2;
}

body.overflow-hidden {
    overflow: hidden;
}

p,
span {
    font-size: 18px;
}

@media (max-width:768px) {
    p,
    span {
        font-size: 16px;
    }
}

.grid .body p {
    font-size: 16px;
}


/*首頁 開始*/

.main_layout {
    position: relative;
    left: 150px;
    top: 0;
    width: calc(100% - 150px);
    overflow: hidden;
}

.main_layout .container {
    position: relative;
    /*height: 100%;*/
    height: auto;
}

@media (min-width: 991px) {
    .main_layout .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .main_layout .container {
        width: 970px;
    }
}

@media (min-width: 1450px) {
    .main_layout .container {
        width: 1170px;
    }
}

@media (max-width:992px) {
    .main_layout {
        top: 60px;
        left: 0;
        width: 100%;
    }
    .main_layout .container {
        width: 100%;
    }
}


/*@media (max-height: 935px){
    .main_layout{
        width: 100%;
        left: 0;
    }
}*/

.index .top_wrap .swiper-container {
    width: 100%;
    height: 100vh;
}

.index .top_wrap .swiper-slide {
    font-size: 14px;
    background: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.index .top_wrap .swiper-slide .slide-imgbox {
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.index .top_wrap .swiper-slide .summary {
    position: absolute;
    bottom: 10%;
    left: 5%;
    color: #FFF;
    width: 100%;
    z-index: 5;
    max-width: 1110px;
    text-align: left;
    padding-right: 60px;
}

.index .top_wrap .swiper-slide .summary h3 {
    font-size: 60px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 70px;
    margin-bottom: 16px;
}

.index .top_wrap .swiper-slide .summary h5 {
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 2.57px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 16px;
}

.index .top_wrap .swiper-slide .summary a {
    font-size: 18px;
    color: #DF3325;
    letter-spacing: 2.25px;
    font-weight: 500;
    border-bottom: 1px solid #DF3325;
    padding-bottom: 5px;
}

.index .top_wrap .swiper-slide .cover {
    position: absolute;
    width: 100%;
    height: 500px;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: 3;
    opacity: 0.7;
}

.index .top_wrap .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.index .top_wrap .swiper-container-horizontal>.swiper-pagination-bullets {
    width: auto;
    right: 5%;
    left: auto;
    bottom: 10%;
}

.index .top_wrap .swiper-pagination-bullet {
    background: #fff;
}

.index .top_wrap .swiper-pagination-bullet-active {
    background: red;
}

.index .block_wrap .block {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
}

.index .block_wrap .block a.more {
    font-size: 16px;
    color: #DF3325;
    letter-spacing: 2px;
    font-weight: 500;
    border-bottom: 1px solid #DF3325;
    padding-bottom: 5px;
}

.index .block_wrap .block .word_box h4.main_title {
    font-size: 48px;
    color: #DF3325;
    letter-spacing: 0;
    line-height: 64px;
}

.index .block_wrap .block .word_box h4.main_title span {
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 3px;
    font-weight: 500;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.index .block_wrap .block_01 {
    background-image: url(../images/tinified/bg_home_01.jpg);
    min-height: 580px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.index .block_wrap .block_01 .container {
    position: relative;
    height: 580px;
    /*width: 100%;*/
}

.index .block_wrap .block_01 h4 {
    font-size: 28px;
    color: #DF3325;
    letter-spacing: 1.02px;
    font-weight: 500;
    margin-bottom: 16px;
}

.index .block_wrap .block_01 p {
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 0.66px;
    font-weight: 500;
    margin-bottom: 16px;
}


/*ulrika1213 start*/

.index .block_wrap .block_01 .word_box {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0px 15px;
}


/*ulrika1213 end*/

.index .block_wrap .block_02 {
    background-image: url(../images/tinified/bg_home_02.jpg);
    min-height: 900px;
}

.index .block_wrap .block_02 .word_box,
.index .block_wrap .block_03 .word_box,
.index .block_wrap .block_04 .word_box {
    padding-top: 120px;
    max-width: 890px;
}

.index .block_wrap .block_02 .word_box p,
.index .block_wrap .block_03 .word_box p {
    margin-top: 45px;
    margin-bottom: 32px;
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 1.02px;
    font-weight: 500;
}

.index .block_wrap .block_02 .row {
    margin-top: 30px;
}


/*.index .block_wrap .block_02 .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}*/

.index .block_wrap .block_02 .features {
    position: relative;
    text-align: center;
}

.index .block_wrap .block_02 .features .one_features {
    background-color: #fff;
    opacity: 0.9;
    /*    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 254, 254, 0.9)), to(rgba(246, 246, 246, 0.9)));
    background-image: linear-gradient(rgba(254, 254, 254, 0.9) 0%, rgba(246, 246, 246, 0.9) 100%);*/
    border-radius: 50%;
    width: 230px;
    height: 230px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*flex 不支援ＩＥ*/
    /*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;*/
    text-align: center;
    padding-top: 30px;
    display: inline-block;
    margin: 5px;
    /*position: relative;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
}

.index .block_wrap .block_02 .features .one_features:nth-child(1) {
    transform: translate(-165%, -15%);
}

.index .block_wrap .block_02 .features .one_features:nth-child(3) {
    transform: translate(65%, -15%);
}

.index .block_wrap .block_02 .features .one_features:hover {
    background-color: #FFF;
    opacity: 1;
}

.index .block_wrap .block_02 .features .one_features a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media (max-width: 1199px) {
    .index .block_wrap .block_02 .features .one_features {
        width: 225px;
        height: 225px;
    }
}

@media (max-width: 768px) {
    .index .block_wrap .block_02 .features .one_features {
        padding-top: 10px;
    }
}

.index .block_wrap .block_02 .features .one_features p {
    font-size: 18px;
    color: #DF3325;
    letter-spacing: 1.8px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    width: 100%;
    padding: 0px 5px;
}

.index .block_wrap .block_02 .features a:nth-child(2) .one_features {
    margin-top: -30px;
}

.index .block_wrap .block_03 {
    background-image: url(../images/tinified/bg_home_03.jpg);
    min-height: 855px;
}

.index .block_wrap .block_03 .row {
    margin-top: 80px;
}

.index .block_wrap .block_03 .word_box h4.main_title span,
.index .block_wrap .block_04 .word_box h4.main_title span {
    color: #4A4A4A;
}

.index .block_wrap .block_03 .word_box p {
    color: #4a4a4a;
}

.index .block_wrap .block_03 .thumbnail {
    border: none;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #d4d4d4;
    border-radius: 0;
}

.index .block_wrap .block_03 .thumbnail:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.index .block_wrap .block_03 .thumbnail .finger {
    padding: 10px 16px;
}

.index .block_wrap .block_03 .thumbnail .finger .number {
    font-size: 26px;
    color: #DF3325;
    letter-spacing: 2.06px;
    margin-bottom: 5px;
}

.index .block_wrap .block_03 .thumbnail .finger .title {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 2.29px;
    text-align: left;
}

.index .block_wrap .block_03.en_service_block .thumbnail .finger .title {
    letter-spacing: 0.2px;
    font-weight: 600;
}

.index .block_wrap .block_04 {
    background-image: none;
    padding-bottom: 120px;
}

.index .block_wrap .block_04 .one_news {
    margin-bottom: 45px;
    text-align: left;
}

.index .block_wrap .block_04 .one_news .date {
    font-size: 32px;
    color: #DF3325;
    letter-spacing: 0;
    margin-bottom: 5px;
}

.index .block_wrap .block_04 .one_news .year {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    vertical-align: middle;
    margin-left: 15px;
}

.index .block_wrap .block_04 .one_news .content {
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 1.5px;
    line-height: 32px;
    /*text-align: left;*/
    max-height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 992px) {
    .index .top_wrap .swiper-container {
        /*height: auto;*/
        height: 400px;
        min-height: 350px;
        /*min-height: 350px;*/
    }
    .index .top_wrap .swiper-slide .summary h3 {
        font-size: 40px;
        line-height: normal;
        margin-bottom: 8px;
    }
    .index .top_wrap .swiper-slide .summary h5 {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: normal
    }
    .index .top_wrap .swiper-slide .summary a {
        font-size: 16px;
    }
    .index .top_wrap .swiper-slide .cover {
        /*display: none;*/
        height: 300px;
    }
    .index .block_wrap .block_01 {
        height: 480px;
    }
    .index .block_wrap .block_01 .conitainer {
        min-height: 480px;
    }
    .index .block_wrap .block_02 {
        min-height: 720px;
    }
    .index .block_wrap .block_03 {
        min-height: 640px;
    }
    .index .block_wrap .block_04 {
        padding-bottom: 60px;
    }
    .index .block_wrap .block_02 .word_box,
    .index .block_wrap .block_03 .word_box,
    .index .block_wrap .block_04 .word_box {
        padding-top: 60px;
    }
}

@media screen and (max-width: 768px) {
    .index .top_wrap .swiper-slide .summary h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .index .top_wrap .swiper-slide .summary h5 {
        font-size: 14px;
    }
    .index .top_wrap .swiper-slide .summary a {
        font-size: 14px;
    }
    .index .block_wrap .block_01 {
        min-height: 300px;
    }
    .index .block_wrap .block_01 .conitainer {
        min-height: 3000px;
        margin: 0;
    }
    .index .block_wrap .block_02 {
        min-height: 520px;
    }
    .index .block_wrap .block_03 {
        min-height: 700px;
    }
    .index .block_wrap .block_04 {
        padding-bottom: 60px;
    }
    .index .block_wrap .block a.more {
        font-size: 14px;
    }
    .index .block_wrap .block .word_box h4.main_title {
        font-size: 22px;
        line-height: normal;
    }
    .index .block_wrap .block .word_box h4.main_title span {
        font-size: 16px;
    }
    .index .block_wrap .block_01 h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .index .block_wrap .block_01 p {
        font-size: 14px;
    }
    .index .block_wrap .block_02 .word_box p,
    .index .block_wrap .block_03 .word_box p {
        margin-top: 20px;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .index .block_wrap .block_02 .features a {
        margin-top: 40px;
    }
    .index .block_wrap .block_02 .features .one_features {
        width: 130px;
        height: 130px;
    }
    .index .block_wrap .block_02 .features .one_features img {
        height: 40px;
    }
    .index .block_wrap .block_02 .features .one_features p {
        font-size: 12px;
        margin: 0;
        line-height: normal;
    }
    .index .block_wrap .block_03 {
        background-size: cover;
    }
    .index .block_wrap .block_03 .row {
        margin-top: 40px;
    }
    .index .block_wrap .block_03 .thumbnail .finger .number {
        letter-spacing: inherit;
        font-size: 18px;
    }
    .index .block_wrap .block_03 .thumbnail .finger .title {
        font-size: 14px;
        letter-spacing: inherit;
    }
    .index .block_wrap .block_04 .one_news .date {
        font-size: 20px;
    }
    .index .block_wrap .block_04 .one_news .content {
        margin-top: 8px;
        font-size: 14px;
        color: #4A4A4A;
        letter-spacing: 1.5px;
        line-height: 22px;
        text-align: left;
        max-height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 480px) {
    .index .block_wrap .block_02 .features .one_features {
        width: 110px;
        height: 110px;
    }
    .index .block_wrap .block_02 .features .one_features p {
        font-size: 11px;
        letter-spacing: 1.6px;
    }
}


/*首頁 結束*/


/*投資人關係 開始*/

.invest .news_wrap a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.invest .news_wrap a:hover {
    opacity: 0.8;
}

.title_box .main_title h3 {
    font-size: 32px;
    color: #4A4A4A;
    line-height: 1.5;
}

.title_box .main_title .date {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0.88px;
    line-height: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.title_box .main_title .tag {
    font-weight: bold;
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0.88px;
    line-height: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.title_box .main_title .tag>img {
    margin-right: 5px;
}

.invest .news_wrap .sub_title {
    display: block;
    overflow: hidden;
}

.invest .news_wrap .sub_title h5 {
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 3px;
}

.invest .news_wrap .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news_wrap .news a {
    display: block;
    margin-bottom: 20px;
}

.one_news .date {
    font-size: 32px;
    color: #DF3325;
    letter-spacing: 0;
    margin-bottom: 5px;
}

.one_news .year {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    vertical-align: middle;
    margin-left: 15px;
}

.news_wrap .one_news .content {
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 1.5px;
    line-height: 32px;
    text-align: left;
    max-height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.invest .news_wrap a.more {
    font-size: 16px;
    color: #DF3325;
    letter-spacing: 2px;
    font-weight: 500;
    border-bottom: 2px solid #DF3325;
    padding-bottom: 3px;
    display: inline-block;
}

.invest .grid-item {
    margin-bottom: 20px;
}

.invest .grid-item-content {
    min-height: 362px;
    background-color: #FFF;
    /*border-radius: 5px;*/
    border-radius: 0px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid #e8e8e8;
    border-bottom: 3px solid rgba(220, 39, 22, 0);
    -webkit-transition: border-bottom .2s ease-in;
    -o-transition: border-bottom .2s ease-in;
    transition: border-bottom .2s ease-in;
}

.invest .grid-item-content--height2 {
    min-height: 502px;
}

.invest .grid-item-content--height3 {
    min-height: 1px;
}

.invest .grid-item-content .face {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    widows: 100%;
    height: 120px;
    position: relative;
    -webkit-transition: background-size 0.2s ease;
    -webkit-transition: background-size 0.3s;
    transition: background-size 0.3s;
}

.invest .grid-item-content:hover {
    border-bottom: 3px solid rgba(220, 39, 22, 0.8);
}


/*.invest .grid-item-content:hover .face {
    background-size: 115%;
}*/

.invest .grid-item-content .face::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.invest .grid-item-content .face p {
    position: relative;
    z-index: 3;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 3px;
    text-align: center;
}

.invest .grid-item-content .body {
    padding: 20px;
}

.invest .grid-item-content .body ul>li {
    margin-bottom: 10px;
}

.invest .grid-item-content .body ul>li>a {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.44px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.invest .grid-item-content .body ul>li>a>img {
    margin-left: 8px;
}

.news_list .one_news .content {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.5px;
    line-height: 22px;
    text-align: left;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.news_list .news a {
    margin-bottom: 32px;
}

.news_list .news {
    /*min-height: 750px;*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news_list .news_pagination {
    text-align: center;
}

.news_list .pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

.news_list .pagination>li>a,
.news_list .pagination>li>span {
    text-decoration: none;
    background-color: transparent;
    font-size: 16px;
    color: #4A4A4A;
    border: none;
    margin: 0 15px;
    padding: 4px 2px 0px 2px;
}

.news_list .pagination>li.page_number:not(.active)>a:hover {
    color: #DC2716;
    opacity: 1;
}

.news_list .pagination>li:not(.page_number)>a {
    padding: 4px 6px 0;
    margin: 0 9px;
}

.news_list .pagination>li.active>a:hover {
    background-color: transparent;
    color: #DC2716;
}

.news_list .pagination>li.active>a {
    color: #DC2716;
    border-bottom: 2px solid #DC2716;
    border-radius: 0;
}

.news_list .sub_title .year_box {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    display: block;
    width: 100%;
}

.news_list .sub_title .year_box>li {
    margin-right: 20px;
    display: inline-block;
}

.news_list .sub_title .year_box>li>a {
    font-weight: bold;
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    opacity: 1;
}

.news_list .sub_title .year_box>li.active>a {
    color: #DC2716;
    cursor: default;
}

.news_content .free_edit {
    min-height: 500px;
    overflow: hidden;
    /*text-align: left*/
}

.news_content .free_edit p {
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 600;
    font-family: "微軟正黑體", "蘋果儷中黑", Arial;
    /*text-align: left*/
}

.news_content .free_edit div {
    line-height: 1.8;
    letter-spacing: 0;
    color: #4a4a4a;
    font-size: 20px;
    font-weight: 600;
    font-family: "微軟正黑體", "蘋果儷中黑", Arial;
}

.news_content .free_edit span {
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 600;
    font-family: "微軟正黑體", "蘋果儷中黑", Arial;
    /*text-align: left;*/
}

.news_content .free_edit a {
    font-weight: 500;
    font-size: 16px;
    color: #DF3325;
    letter-spacing: 2px;
    line-height: 1.8;
    border-bottom: 2px solid #DF3325;
    padding-bottom: 4px;
    font-family: "微軟正黑體", "蘋果儷中黑", Arial;
    text-align: left;
    text-decoration: none;
}

.goback>a {
    background-color: #FFF;
    padding: 10px 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0.39px;
    font-weight: 500;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.goback>a:hover {
    background-color: #bebebe;
}

@media (max-width:768px) {
    .invest .news_wrap .one_news .content {
        margin-top: 8px;
        font-size: 14px;
        color: #4A4A4A;
        letter-spacing: 1.5px;
        line-height: 22px;
        text-align: left;
        max-height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news_content .free_edit p {
        font-size: 18px;
        line-height: normal;
    }
    .news_content .free_edit div {
        font-size: 18px;
        line-height: normal;
    }
    .news_content .free_edit a {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .invest .fiscal_content {
        min-height: 600px;
    }
    .invest .activity_content {
        min-height: 600px;
    }
}

.invest_tab>li.active>a,
.invest_tab>li.active>a:focus,
.invest_tab>li.active>a:hover {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #DC2716;
    font-weight: bold;
    cursor: default;
}

.invest_tab.tab-static-js li:nth-child(n+4) {
    display: none;
}

.invest_tab>li {
    display: table-cell;
}

.invest_tab.tab-static-js>li {
    display: inline-block;
}

.invest_tab>li>a {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    font-weight: 500;
    padding: 0px 10px;
    text-align: left;
}

.invest_tab.tab-static-js>span>a {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    font-weight: 500;
    padding: 0px 10px;
    text-align: left;
}

.invest-js-more:before {
    content: 'More...';
}

.invest-js-more.less:before {
    content: 'Less';
}

.invest_tab {
    margin: 0 -10px;
    margin-bottom: 50px;
}

.invest_table tfoot>tr>td:first-child,
.invest_table thead>tr>th:first-child,
.invest_table tbody>tr>td:first-child {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .invest_table thead>tr>th,
    .invest_table tbody>tr>td,
    .invest_table tfoot>tr>td {
        padding: 15px 0;
        text-align: right;
    }
}

.invest_table thead>tr>th {
    font-size: 16px;
    color: #DC2716;
    font-weight: bold;
    border-width: 1px;
}

.invest_table tbody>tr>td {
    font-size: 16px;
    color: #4A4A4A;
    text-align: right;
}

.invest_table tfoot>tr>td {
    font-size: 16px;
    color: #4A4A4A;
    font-weight: bold;
}

.invest_table tbody>tr:nth-child(4n) td {
    font-weight: bold;
}

.fiscal_content .one_season .number {
    font-size: 16px;
    color: #DC2716;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.fiscal_content .download-btn a {
    font-size: 16px;
    font-weight: bold;
}

.fiscal_content .one_year img {
    -webkit-box-shadow: 0 20px 15px -10px rgba(74, 74, 74, 0.50);
    box-shadow: 0 20px 15px -10px rgba(74, 74, 74, 0.50);
    margin-bottom: 20px;
    display: inline-block;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    width: 100%;
}

.fiscal_content .one_year a {
    color: #4A4A4A;
    text-align: center;
    display: inline-block;
}

.fiscal_content .one_year a p {
    font-size: 16px;
    color: #4A4A4A;
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

.fiscal_content .one_year a:hover img {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

.activity_content .one_activity {
    background-color: #FFF;
    padding: 15px;
    border-radius: 5px;
}

.activity_content .one_activity .title {
    font-size: 20px;
    color: #4A4A4A;
    line-height: 28px;
    text-align: left;
    margin-bottom: 15px;
}

@media (min-width: 1300px) {
    .activity_content .one_activity .title {
        max-width: 70%;
    }
}

.activity_content .one_activity .sub_title,
.activity_content .one_activity .content {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    font-weight: 500;
    text-align: left;
}

.activity_content .flex_item-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.activity_content .download_box>a .content {
    font-size: 16px;
}

.activity_content .download_box>a:hover {
    opacity: 0.9;
}

.shareholder_contact .invest_tab {
    margin-bottom: 40px;
    text-align: left;
}

.invest_contact .one_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    background: #FFFFFF;
    border-radius: 5px;
    margin-bottom: 15px;
}

.invest_contact .one_block .left {
    min-width: 145px;
    font-weight: bold;
    font-size: 14px;
    color: #4A4A4A;
}

.invest_contact .one_block .left>img {
    margin-right: 3px;
}

.invest_contact .one_block .right {
    font-size: 16px;
    color: #4A4A4A;
    font-weight: 500;
}

.invest_contact .one_block .right>a {
    font-size: 16px;
    color: #4A4A4A;
    font-weight: 500;
}

.invest_contact .one_block .right>a:hover {
    color: #990033;
}

.shareholder_contact .holder_block01 .time-local_box {
    background-color: #FFF;
    border-radius: 5px;
    padding: 15px;
}

.shareholder_contact .holder_block01 .time-local_box .title {
    font-size: 14px;
    color: #4A4A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

.shareholder_contact .holder_block01 .time-local_box .title>img {
    margin-right: 5px;
}

.shareholder_contact .holder_block01 .time-local_box .note {
    font-size: 16px;
    color: #4A4A4A;
    text-align: left;
}

.shareholder_contact .holder_block01 .normal_note {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 32px;
    /*text-align: left*/
}

.shareholder_contact .bor-top {
    border-top: 1px solid #D3D3D3;
}

.shareholder_contact .title h5 {
    font-size: 16px;
    color: #DC2716;
    text-align: left;
}

.shareholder_contact .sub_title p {
    font-size: 16px;
    text-align: left;
    color: #4A4A4A;
}

.shareholder_contact .sub_title h6 {
    font-size: 16px;
    text-align: left;
    color: #4A4A4A;
}

.shareholder_contact .tabletitle,
.company_content .tabletitle {
    font-size: 16px;
    font-weight: bold;
}

.shareholder_contact td.tabletitle,
.company_content td.tabletitle {
    color: #DC2716;
}

.shareholder_contact th.tabletitle {
    color: #4A4A4A;
    border-bottom: none;
    border-top: none;
}

.shareholder_contact .holder_block02 th.tabletitle {
    text-align: center;
}

.shareholder_contact .holder_block02 table>tr>td,
.shareholder_contact .holder_block02 table>tr>th {
    text-align: right;
}

.shareholder_contact .holder_block02 td.tabletitle:first-child {
    text-align: left;
}

.shareholder_contact .holder_block02 tbody>tr>td:first-child {
    text-align: left;
}

.shareholder_contact .holder_block02 tbody>tr>td:nth-child(2),
.shareholder_contact .holder_block02 tbody>tr>td:nth-child(5),
.shareholder_contact .holder_block02 tbody>tr>td:nth-child(6),
.shareholder_top10 tbody>tr>td:nth-child(2),
.shareholder_top10 tbody>tr>td:nth-child(3) {
    text-align: right;
}

.shareholder_contact th.tabletitle:nth-child(1),
.shareholder_contact th.tabletitle:nth-child(4),
.shareholder_contact th.tabletitle:nth-child(5) {
    text-align: right;
}

.shareholder_top10 tbody>tr>td:nth-child(2) {
    text-align: center;
}

.shareholder_contact tbody>tr>td,
.company_content tbody>tr>td,
.table_organization tfoot>tr>td {
    font-size: 16px;
    color: #4A4A4A;
    padding-top: 15px;
    padding-bottom: 15px;
    /*text-align: center;*/
}

.shareholder_contact .holder_block02 tbody>tr>td {
    text-align: center;
}

.shareholder_contact .a_note {
    font-size: 16px;
    color: #DF3325;
    letter-spacing: 2px;
    border-bottom: 2px solid #DF3325;
    padding-bottom: 4px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    line-height: 26px;
}

.shareholder_contact .a_note:hover {
    color: #003399;
    border-color: #003399;
}

@media (min-width: 768px) {
    .shareholder_contact tbody tr:last-child td,
    .company_content tbody tr:last-child td {
        border-bottom: 1px solid #ddd;
    }
}

.shareholder_contact .holder_block03 .note {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 32px;
    /*text-align: left;*/
}

.shareholder_contact .holder_block05 .infor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shareholder_contact .holder_block05 .infor>img {
    margin-right: 10px;
}

.shareholder_contact .holder_block05 .infor>a,
.shareholder_contact .holder_block05 .infor>span {
    font-size: 14px;
    color: #4A4A4A;
}

.shareholder_contact .holder_block05 .infor>a:hover {
    color: #003399;
}

.company_content {
    min-height: 600px;
}

.company_content .one_block {
    margin-bottom: 30px;
}

.company_content .title {
    font-size: 16px;
    color: #DC2716;
    text-align: left;
    margin-bottom: 20px;
}

.company_content .note {
    font-size: 16px;
    color: #4A4A4A;
    /*text-align: left*/
    line-height: 32px;
}

.company_content .note a {
    color: #4A4A4A;
}

.company_content .note a:hover {
    color: #003399;
}

.company_content .sub_title {
    font-size: 14px;
    color: #4A4A4A;
    text-align: left;
    margin-bottom: 15px;
    text-indent: 15px;
    position: relative;
}

.company_content .sub_title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #4A4A4A;
}

.company_content .one_block>div {
    margin-bottom: 15px;
}

.company_content .one_block ul>li {
    border-bottom: 1px solid #D3D3D3;
    padding: 5px 0;
    /*text-align: left;*/
    font-size: 14px;
    color: #4A4A4A;
    padding-left: 15px;
}

.company_content .one_block p.list-style-p {
    text-indent: -30px;
    margin-left: 30px;
}

.company_content .fix_font-size ul>li,
.company_content .fix_font-size {
    font-size: 16px;
}

.company_content .one_block .download-btn a {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.company_content .table_organization ul,
.company_content .table_organization li {
    list-style-position: inside;
    list-style-type: decimal;
    list-style-type: decimal;
}

.company_content .one_block tbody>tr>td>ul>li {
    border-bottom: none;
    font-size: 16px;
    padding: 0;
    line-height: 26px;
    text-indent: -22px;
    margin-left: 22px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .company_content .one_block tbody>tr>td>ul>li {
        text-indent: -32px;
        margin-left: 32px;
    }
}

.company_content .one_block tbody>tr>td>ul>li::before {
    content: "";
    padding-right: 3px;
}

.company_content .inline_pic img {
    display: inline-block;
}

.table_organization tbody>tr>td {
    vertical-align: middle;
}

.company_content.rules .one_block {
    margin-bottom: 0;
}


/* 共用元素開始 */


/*---------------------*/


/*檔案下載按鈕樣式*/


/*---------------------*/

.download-div {
    height: 30px !important;
    line-height: 30px !important;
}

.download-btn {
    width: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
}

.download-btn:hover {
    background-color: #bebebe;
}

.download-btn a {
    /*position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;*/
    text-decoration: none;
    font-size: 18px;
    line-height: 2;
    color: #4a4a4a;
    padding: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    margin-left: 15px;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .download-btn a {
        width: 70%;
    }
}

.download-btn a:hover {
    color: #fff;
}


/*---------------------*/


/*ICON按鈕樣式*/


/*---------------------*/

.icon_button {
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    color: #4A4A4A;
    padding: 10px 15px;
}

.icon_button img {
    margin-right: 10px;
}

.icon_button:hover {
    color: #000;
    opacity: 0.88;
}

.flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fix_items_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.anchor {
    padding-top: 20px;
    margin-top: -20px;
    opacity: 0;
}


/* 共用元素結束 */


/*投資人關係 結束*/


/* PHONE SHARED 開始 */

@media (max-width:768px) {
    .phone_fz20 {
        font-size: 20px !important;
    }
    .phone_fz18 {
        font-size: 18px !important;
    }
    .phone_fz16 {
        font-size: 16px !important;
    }
    .phone_fz14 {
        font-size: 14px !important;
    }
    .phone_fz12 {
        font-size: 12px !important;
    }
}


/* PHONE SHARED 結束 */


/* 響應式 開始 */

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


/* 響應式 結束 */


/* PHONE SHARED 結束 */


/*活動快報 開始*/

.news .event {
    border-bottom: 1px solid #d3d3d3;
    margin-top: 20px;
}

.event-date-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.event-date-range .dash {
    width: 25px;
    height: 1px;
    background: #4a4a4a;
    margin: 0 15px;
}

.event-date-range .location {
    margin-left: 20px;
}

.event-date-range .location p {
    display: inline-block;
    color: #9b9b9b;
}

.news_list .news .event a {
    margin-bottom: 20px;
}


/*活動快報 結束*/


/*--------------------------------
/* Ulrika CSS*/


/*--------------------------------


/*---------------------*/


/*外連連結樣式*/


/*---------------------*/

a.outbound-link {
    color: #DF3325;
    letter-spacing: 2px;
    border-bottom: 2px solid #DF3325;
    padding-bottom: 4px;
}

.company_content .note a.outbound-link {
    color: #DF3325;
}

.company_content .note a.outbound-link:hover {
    color: #DF3325;
    opacity: 0.8;
}


/*---------------------*/


/*內連錨點連結樣式*/


/*---------------------*/

a.anchor-link {
    color: #DF3325;
    letter-spacing: 2px;
    padding-bottom: 4px;
    padding: 5px 20px 5px 0px;
    font-weight: bold;
}


/*---------------------*/


/*讓column高度相同樣式*/


/*---------------------*/

@media screen and (min-width: 992px) {
    .row .equal-height {
        display: table;
        width: 100%;
    }
    .row [class^=col-] .equal-height-box {
        display: table-cell;
        float: none;
    }
}


/*---------------------*/


/*文字樣式*/


/*---------------------*/

.color-orange {
    color: #dc2716 !important;
}

.f-w-b {
    font-weight: bold !important;
}

.color-default {
    color: #4a4a4a !important;
}

.color-light-green {
    color: #99df02 !important;
}

.color-light-gray {
    color: #9B9B9B !important;
}

.color-green {
    color: #01b050 !important;
}

.color-blue {
    color: #073190;
}

.color-light-blue {
    color: #00cbfa;
}

.color-yellow {
    color: #ffc001;
}

.color-purple {
    color: #a44bff;
}


/*---------------------*/


/*頁首刊頭圖片樣式*/


/*---------------------*/

.pages-banner {
    width: 100%;
    height: 450px;
}

.pages-banner .pages-banner_container {
    width: 100%;
    height: 100%;
}

.pages-banner .pages-banner_container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.pages-banner .pages-banner_container .img-wrap {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}


/*---------------------*/


/*列表樣式*/


/*---------------------*/

.pages-content,
.pages-content ul,
.pages-content ol {
    line-height: 2;
    color: #4a4a4a;
}

@media screen and (max-width: 768px) {
    .pages-content,
    .pages-content ul,
    .pages-content ol {
        font-size: 14px;
    }
    .pages-content .pages-content_main-table {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .pages-content .pages-content_main-table {
        font-size: 14px;
    }
}

.pages-content ul,
.pages-content ol {
    margin-left: 30px;
}

.pages-content ol li,
.pages-content ul ol li {
    list-style-type: decimal;
    padding-left: 1em;
}

.pages-content ul li {
    list-style-type: disc;
}


/*---------------------*/


/*標題樣式*/


/*---------------------*/

div.pages-content_paragraph p {
    /*text-align: left*/
}

.pages-content_title {
    color: #dc2716;
    font-weight: bold;
}

.pages-content_subtitle {
    font-weight: bold;
}


/*---------------------*/


/*主要表格樣式*/


/*---------------------*/

.table-wrap {
    width: 100%;
    overflow: auto;
}

.pages-content_main-table {
    margin-bottom: 30px;
    width: 100%;
}


/*表格最小寬度設定*/

.pages-content_main-table.w-600 {
    min-width: 600px;
}

.pages-content_main-table.w-800 {
    min-width: 800px;
}

.pages-content_main-table caption {
    font-size: 18px;
    line-height: 2;
    color: #01b150;
}

@media screen and (max-width: 768px) {
    .pages-content_main-table caption {
        font-size: 14px;
    }
}


/*.pages-content_main-table tr{
    border-bottom: 1px solid #d3d3d3;
}*/

.pages-content_main-table tr:nth-child(even) {
    background-color: #fff;
}

.pages-content_main-table tr:nth-child(odd) {
    background-color: #d3d3d3;
}

.pages-content_main-table.double-th tr:nth-child(even) {
    background-color: #d3d3d3;
}

.pages-content_main-table.double-th tr:nth-child(odd) {
    background-color: #fff;
}

.pages-content_main-table tr:first-child {
    background-color: #01b150;
    color: #fff;
}

.pages-content_main-table tr.sub-th {
    background-color: #01b150;
    color: #fff;
}


/*.pages-content_main-table tr:last-child th{
    background-color: #01b150;
    color: #fff;
}*/

.pages-content_main-table.double-th tr:first-child {
    background-color: #01b150;
    color: #fff;
}

.pages-content_main-table.double-th tr.sub-th {
    background-color: #01b150;
    color: #fff;
}

.pages-content_main-table.double-th tr:last-child th {
    background-color: #01b150;
    color: #fff;
}

.pages-content_main-table tr.border-none {
    border-bottom: none;
}

.pages-content_main-table tr.table-note {
    border-bottom: none;
    color: #9B9B9B;
}

.pages-content_main-table tr td:first-child,
.pages-content_main-table tr th:first-child {
    /*padding-left: 10px;*/
    text-align: left;
    /*width: 30%;*/
}

.pages-content_main-table tr th {
    color: #fff;
    font-weight: bold;
}

.pages-content_main-table tr th,
.pages-content_main-table tr td {
    padding: 15px 5px 15px 5px;
    line-height: 1.5;
    text-align: center;
}

.pages-content_main-table tr th,
.pages-content_main-table tr td {
    padding: 15px 5px 15px 5px;
}

.pages-content_main-table tr.sm-gap th,
.pages-content_main-table tr.sm-gap td {
    padding: 15px 5px 15px 5px;
    line-height: 1.5;
    text-align: center;
}

.pages-content_main-table tr th,
.pages-content_main-table tr td[scope="row"] {
    padding: 5px 5px 5px 5px;
    line-height: 1.5;
}

.pages-content_main-table tr th.p-l-35,
.pages-content_main-table tr td.p-l-35 {
    padding: 15px 5px 15px 35px;
}

.pages-content_main-table tr th.ta-l,
.pages-content_main-table tr td.ta-l {
    text-align: left;
}

.pages-content_main-table tr th.ta-c,
.pages-content_main-table tr td.ta-c {
    text-align: center;
}

.pages-content_main-table tr th.ta-j,
.pages-content_main-table tr td.ta-j {
    word-break: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    /*IE9*/
    -moz-text-align-last: justify;
    /*Firefox*/
    -webkit-text-align-last: justify;
    /*Chrome*/
}

.pages-content_main-table tr th.ta-l:first-child,
.pages-content_main-table tr td.ta-l:first-child {
    text-align: left;
}

.pages-content_main-table tr th.ta-c:first-child,
.pages-content_main-table tr td.ta-c:first-child {
    text-align: center;
}

.pages-content_main-table tr th.ta-j:first-child,
.pages-content_main-table tr td.ta-j:first-child {
    word-break: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    /*IE9*/
    -moz-text-align-last: justify;
    /*Firefox*/
    -webkit-text-align-last: justify;
    /*Chrome*/
}

.table-col-width-10 {
    width: 10%;
}

.table-col-width-15 {
    width: 15%;
}

.table-col-width-20 {
    width: 20%;
}

.table-col-width-33 {
    width: 33.3333333%;
}

.table-col-width-60 {
    width: 60%;
}

.table-out {
    height: 100%;
    display: inline-block;
    min-height: 80px;
    width: 100%;
    position: relative;
    overflow: hidden;
}


/*.table-out:after{
    content: '';
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 150%;
    left: 0;
    top: 0;
    transform-origin: left center;
    transform: rotate(30deg);
}*/

.table-out .sep-title {
    font-size: 16px;
    position: absolute;
    width: 50%;
}

.table-out .sep-title:first-child {
    left: 5px;
    bottom: 5px;
}

.table-out .sep-title:last-child {
    right: 5px;
    top: 5px;
    text-align: center;
}

.pages-content_main-table tr th.table-out-wrap {
    padding: 0;
}

.job-intro-box-content.invest-intro-table-box .pages-content_main-table tr:first-child th {
    vertical-align: middle;
}

.job-intro-box-content.invest-intro-table-box .pages-content_main-table tr:last-child th {
    vertical-align: middle;
}

.job-intro-box-content.invest-intro-table-box .pages-content_main-table tr td {
    padding: 5px 5px 5px 5px;
}

.invest-intro-table-box .pages-content_main-table.double-th tr:last-child th {
    color: #4a4a4a;
    background-color: inherit;
}

.invest-intro-table-box .pages-content_main-table.double-th tr:nth-child(2) th {
    color: #ffffff;
}

@media (max-width: 1450px) {
    .table-out .sep-title {
        width: 80%;
    }
}


/*---------------------*/


/*圖片樣式*/


/*---------------------*/

.pages-content_img img {
    width: auto;
    max-width: 100%;
    height: auto;
}


/*---------------------*/


/* 內文tab樣式*/


/*---------------------*/

ul.tabs-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    border: 1px solid #dc2716;
    border-radius: 5px;
    overflow: hidden;
    font-size: 0px;
}

@media (max-width: 991px) {
    ul.tabs-nav.stick-on-top {
        position: fixed;
        top: 65px;
        margin: 0 auto;
        background-color: #f4f4f4;
        z-index: 998;
        width: 97%;
    }
}


/*@media (max-width: 991px){
    ul.tabs-nav.stick-on-top{
       left: 50%;
        transform: translateX(-50%); 
    } 
}
@media (min-width: 992px){
    ul.tabs-nav.stick-on-top{
        top: 30px;
        width: 83.5%;
        transform: translateX(-15px);
        
    }
}
@media (min-width: 1200px){
    ul.tabs-nav.stick-on-top{
        width: 970px;
    }
}
@media (min-width: 1450px){
    ul.tabs-nav.stick-on-top{
        width: 1170px;
    }
}*/

.tabs-nav li {
    display: inline-block;
    /*min-height: 50px;*/
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    position: relative;
    border-right: 1px solid #dc2716;
    text-align: center;
}

.tabs-nav li:last-child {
    border-right: none;
}

.tabs-nav li.tabs-2 {
    width: calc( 100% / 2);
}

.tabs-nav li.tabs-3 {
    width: calc( 100% / 3);
}

.tabs-nav li.tabs-4 {
    width: calc( 100% / 4);
}

.tabs-nav li a {
    display: block;
    color: #dc2716;
    font-size: 16px;
    padding: 5px 0px;
}

.tabs-nav li.active {
    background-color: #dc2716;
}

.tabs-nav li.active a {
    color: #fff;
}

@media (max-width: 768px) {
    .tabs-nav li {
        display: block;
        border-right: none;
        border-bottom: 1px solid #dc2716;
    }
    .tabs-nav li:last-child {
        border-bottom: none;
    }
    .tabs-nav li.tabs-2 {
        width: 100%;
    }
    .tabs-nav li.tabs-3 {
        width: 100%;
    }
    .tabs-nav li.tabs-4 {
        width: 100%;
    }
}

.tabs-slides {
    margin: 30px 0px;
}

.tabs-slide {
    display: none;
}

.tabs-slide.active {
    display: block;
}


/*---------------------*/


/*grid-menu分隔線樣式*/


/*---------------------*/

.dividers {
    margin-bottom: 50px;
    text-align: center;
    overflow: hidden;
}

.dividers-title {
    font-size: 16px;
    padding: 0px 36px;
    display: inline-block;
    color: #dc2716;
    background-color: #F2F2F2;
    position: relative;
    text-align: center;
}

.dividers-title:before,
.dividers-title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
    border-bottom: 1px solid #dc2716;
}

.dividers-title:before {
    left: 100%;
}

.dividers-title:after {
    right: 100%;
}

.dividers-title img {
    padding-right: 10px;
}


/*---------------------*/


/*grid-wrap_s樣式*/


/*---------------------*/

.grid-item-content .body ul li:hover a {
    opacity: 0.8 !important;
}

.grid_wrap_s .grid-item {
    margin-bottom: 30px;
}

.grid_wrap_s .grid-item-content {
    min-height: 352px;
    background-color: #FFF;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid #e8e8e8;
    /*border-bottom: 3px solid rgba(220,39,22, 0);*/
    -webkit-transition: border-bottom .2s ease-in;
    -o-transition: border-bottom .2s ease-in;
    transition: border-bottom .2s ease-in;
}

.grid_wrap_s .grid-item-content--height2 {
    min-height: 150px;
}

.grid_wrap_s .grid-item-content--height3 {
    min-height: 1px;
}

.grid_wrap_s .grid-item-content .face {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    widows: 100%;
    height: 120px;
    position: relative;
    -webkit-transition: background-size 0.2s ease;
    transition: background-size 0.3s;
}

.grid_wrap_s .grid-item-content .face.face-lg {
    height: 300px;
    -webkit-background-size: 185%;
    background-size: 185%;
}

.grid_wrap_s .grid-item-content:hover {
    border-bottom: 3px solid rgba(220, 39, 22, 0.8);
}


/*.grid_wrap_s .grid-item-content:hover  .face {
    background-size: 115%;
}*/


/*.grid_wrap_s .grid-item-content:hover  .face.face-lg {
    -webkit-background-size: 200%;
    background-size: 200%;
}*/

.grid_wrap_s .grid-item-content .face::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.grid_wrap_s .grid-item-content .face p {
    position: relative;
    z-index: 3;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 3px;
}

.grid_wrap_s .grid-item-content .body {
    padding: 20px;
    text-align: left;
}

.grid_wrap_s .grid-item-content a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    /*    border-bottom: 3px solid rgba(220,39,22, 0);
    -webkit-transition: border-bottom .2s ease-in;
    -o-transition: border-bottom .2s ease-in;
    transition: border-bottom .2s ease-in;*/
}


/*.grid_wrap_s .grid-item-content a:hover{
    border-bottom: 3px solid rgba(220,39,22, 0.8);
}*/


/* 內頁共用 結束 */


/* 技術發展 開始*/


/*---------------------*/


/*微波通訊先進技術樣式*/


/*---------------------*/

.tech-green {
    color: #145848;
}

.tech-blue {
    color: #03365d;
}

.tech-red {
    color: #b60e0f;
}

.tech-purple {
    color: #521766;
}

.tech-brown {
    color: #af5b1b;
}

.tech-green-bg {
    background-color: #145848;
}

.tech-blue-bg {
    background-color: #03365d;
}

.tech-red-bg {
    background-color: #b60e0f;
}

.tech-purple-bg {
    background-color: #521766;
}

.tech-brown-bg {
    background-color: #af5b1b;
}

.tech-row {
    margin-bottom: 30px;
}

.category-title {
    font-weight: bold;
}


/*** 大尺寸時等高 ***/


/*.equal-height{
    overflow: hidden;
}

@media (min-width: 991px){
    .box.ehdiv{
    margin-bottom: -10000px;
    padding-bottom: 10000px;
    background-color: #fff;
    }
}
*/

.tech-row .box {
    border: 1px solid #c6c6c6;
}

.box-wrap {
    margin-bottom: 30px;
}

.tech-row .box-title {
    padding: 0px 15px;
    /*border: 1px solid #c6c6c6;*/
}

.tech-row .box-title p {
    color: #fff;
}

.tech-row .box-content {
    background-color: #fff;
    padding: 5px 15px 10px 15px;
    /*min-height: 73px;*/
}


/*@media (max-width: 768px){
    .tech-row .box-content{
        min-height: 0px;
    }
}*/

.tech-row .box-content p {
    text-align: left;
    font-size: 14px;
    bottom: 0;
}

.mark-intro {
    margin-bottom: 30px;
}

.mark-intro span {
    font-size: 12px;
    margin-right: 30px;
}

.tabs-slide .mark {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.mark.mark-blue {
    background-color: #0741c5;
}

.mark.mark-green {
    background-color: #01b050;
}

.mark.mark-red {
    background-color: #dc2716;
}

.AF-row {
    font-size: 0;
    position: relative;
    margin-bottom: 20px;
}

.AF-row .img-box {
    width: 200px;
    height: 150px;
}

.AF-row .img-box img {
    -o-object-fit: cover;
    object-fit: cover;
}

.AF-row .content {
    padding: 0px 20px;
    position: absolute;
    left: 200px;
    top: 0;
    font-size: 16px;
    text-align: left;
}

.AF-row .content .title {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .AF-row {
        margin-bottom: 5px;
        text-align: center;
    }
    .AF-row .content {
        position: relative;
        padding: 15px 0px;
        left: 0;
    }
    .AF-row .content .title {
        font-size: 16px;
    }
}


/* 技術發展 結束*/


/* 服務項目 開始*/


/*---------------------*/


/*獨特的設計支援服務樣式*/


/*---------------------*/


/*@media (min-width: 991px){
    .service-unique .block-01{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;

    }
}*/

.service-unique .img-box img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.service-unique .block-02 {
    background-color: #fff;
}


/*---------------------*/


/*晶圓代工服務樣式*/


/*---------------------*/

.service-foundry .img-box img {
    width: 100%;
    height: auto;
}


/* 服務項目 結束*/


/* 企業社會責任 開始*/


/*---------------------*/


/*董事長的話樣式*/


/*---------------------*/

.chairman-sign {
    display: inline-block;
}

.csr-chairman .pages-banner .pages-banner_container .img-wrap {
    background-position: center top;
}


/*---------------------*/


/*永續績效樣式*/


/*---------------------*/

.pages-content_main-table.score-table {
    /*border-radius: 5px;*/
    margin-bottom: 0;
}

.score-table-bg:before {
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 15px 15px 15px;
    position: absolute;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -10;
    left: 0;
    top: 0;
}

.score-table-wrap {
    background-color: #d3d3d3;
    overflow: hidden;
    width: 100%;
    /*height: 100%;*/
    height: auto;
    /*border-radius: 5px;*/
}

.pages-content_main-table.score-table caption {
    line-height: 1;
}

.pages-content_main-table.score-table tr:nth-child(even) {
    background-color: #fff;
    /*position: relative;*/
}

.pages-content_main-table.score-table tr:nth-child(odd) {
    background-color: #d3d3d3;
    /*position: relative;*/
}

.pages-content_main-table.score-table tr:first-child {
    background-color: #01b150;
    /*position: relative;*/
}


/*.pages-content_main-table.score-table tr:before, .pages-content_main-table.score-table tr:after{
    content: "";
    width: 15px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    transform: translateY(-50%);
}
.pages-content_main-table.score-table tr:before{
    left: 15px;
}
.pages-content_main-table.score-table tr:after{
    right: 15px;
}*/

.pages-content_main-table.score-table tr:last-child {
    border-bottom: none;
}

.pages-content_main-table.score-table tr:first-child:before {
    opacity: 0;
}

.pages-content_main-table.score-table tr:first-child:after {
    opacity: 0;
}

.pages-content_main-table.score-table caption,
.pages-content_main-table.score-table tr th,
.pages-content_main-table.score-table tr td {
    padding: 15px 15px 15px 15px;
}

.pages-content_main-table.score-table tr th {
    padding: 5px 15px 5px 15px;
}

.pages-content_main-table.score-table tr th:first-child,
.pages-content_main-table.score-table tr td:first-child {
    width: 30%;
}


/*---------------------*/


/*產品責任樣式*/


/*---------------------*/

.certification-mark {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 15px 15px 20px;
    line-height: 100%;
}

.certification-mark-icon,
.certification-mark-item {
    display: inline-block;
    vertical-align: middle;
}

.certification-mark-icon,
.certification-mark-item p {
    line-height: 1.5;
}

.certification-mark-icon {
    width: 20%;
    max-width: 42px;
}

.certification-mark-item {
    width: 60%;
}

@media screen and (max-width: 480px) {
    .certification-mark-icon {
        width: 15%;
    }
}


/*---------------------*/


/*供應商需知樣式*/


/*---------------------*/

.download-btn {
    width: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.download-btn:hover {
    background-color: #bebebe;
    ;
}

.download-btn a {
    /*position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;*/
    text-decoration: none;
    font-size: 18px;
    line-height: 2;
    color: #4a4a4a;
    padding: 5px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-weight: bold;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    margin-left: 15px;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .download-btn a {
        width: 70%;
    }
}

.download-btn a:hover {
    color: #fff;
    ;
}


/*---------------------*/


/*綠色產品樣式*/


/*---------------------*/

.green-product-col-wrap {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px 30px;
    /*height: 100%;*/
}


/*---------------------*/


/*環境責任樣式*/


/*---------------------*/

.environment-col-wrap {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px 30px;
    /*height: 100%;*/
}

p.big-size {
    font-size: 22px;
}

span.big-size {
    font-size: 22px;
    padding: 0px 5px;
}

.pages-content .pages-content_main-table.environment {
    min-width: 600px;
}

.pages-content .pages-content_main-table.environment ol li {
    padding: 0px;
}


/*---------------------*/


/*社會關懷樣式*/


/*---------------------*/

.social-care-col-item {
    width: 70%;
}

.proportion-bar {
    height: 40px;
    position: relative;
}

.proportion-bar-item {
    height: 100%;
    position: absolute;
    border-radius: 100px;
    padding: 8px 15px;
    text-align: right;
    line-height: 100%;
    color: #fff;
    width: 20%;
}

.proportion-bar-item-1 {
    background-color: #073190;
    width: 34%;
}

.proportion-bar-item-2 {
    background-color: #00cbfa;
    width: 28%;
    left: 30%;
}

.proportion-bar-item-3 {
    background-color: #ffc001;
    width: 30%;
    right: 20%;
}

.proportion-bar-item-4 {
    background-color: #99df02;
    width: 30%;
    right: 10%;
}

.proportion-bar-item-5 {
    background-color: #a44bff;
    right: 5%;
}

.proportion-bar-item-6 {
    background-color: #ff4be1;
    right: 0;
}

/*---------------------*/


/*grid-menu樣式*/


/*---------------------*/

.csr_wrap .grid-item {
    margin-bottom: 30px;
}

.csr_wrap .grid-item-content {
    min-height: 352px;
    background-color: #FFF;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid #e8e8e8;
    /*border-bottom: 3px solid rgba(220,39,22, 0);*/
    -webkit-transition: border-bottom .2s ease-in;
    -o-transition: border-bottom .2s ease-in;
    transition: border-bottom .2s ease-in;
}

.csr_wrap .grid-item-content--height2 {
    min-height: 300px;
}

.csr_wrap .grid-item-content--height3 {
    min-height: 1px;
}

.csr_wrap .grid-item-content .face {
    /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;*/
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    widows: 100%;
    height: 120px;
    position: relative;
    -webkit-transition: background-size 0.2s ease;
    transition: background-size 0.3s;
}

.csr_wrap .grid-item-content .face.face-lg {
    height: 300px;
    background-size: cover;
    display: block;
}

.csr_wrap .grid-item-content:hover {
    border-bottom: 3px solid rgba(220, 39, 22, 0.8);
}


/*.csr_wrap .grid-item-content:hover  .face {
    background-size: 115%;
}

.csr_wrap .grid-item-content:hover  .face.face-lg {
    -webkit-background-size: 200%;
    background-size: 200%;
}*/

.csr_wrap .grid-item-content .face::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.csr_wrap .grid-item-content .face p {
    position: relative;
    z-index: 3;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 3px;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
}

.csr_wrap .grid-item-content .body {
    padding: 20px;
}

.csr_wrap .grid-item-content .body ul>li {
    margin-bottom: 10px;
}

.csr_wrap .grid-item-content .body ul>li>a {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.44px;
    display: inline-flex;
    align-items: center;
    text-align: left;
}

.csr_wrap .grid-item-content .body ul>li>a>img {
    margin-left: 8px;
}


/* 企業社會責任 結束*/


/* 人力資源 開始*/


/*---------------------*/


/*薪資福利樣式*/


/*---------------------*/

.wages-content-wrap {
    padding: 20px 40px;
    border-radius: 5px;
    background-color: #fff;
}

.wages-content-wrap p.subtitle {
    font-weight: bold;
}

.wages-content-wrap p.subtitle span {
    font-weight: normal;
}


/*---------------------*/


/*穩懋生活樣式*/


/*---------------------*/

.hr-winlife .pages-content_subtitle {
    letter-spacing: 3px;
}

.hr-winlife ul.main-list {
    margin-left: 0px;
}

.hr-winlife .main-list li {
    font-weight: bold;
    margin-bottom: 30px;
    list-style-position: inside;
}

.hr-winlife .main-list li p {
    font-weight: normal;
}

.hr-winlife .main-list li p.title {
    font-weight: bold;
}

.hr-winlife .main-list li p.content {
    margin-left: 25px;
}

.hr-winlife .main-list li ol li {
    font-weight: normal;
    line-height: 2;
    margin-bottom: 0;
}

.hr-winlife .main-list a.outbound-link {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: initial;
}

.hr-winlife-red-bg {
    background-color: #f02b30;
}

.hr-winlife-orange-bg {
    background-color: #f67b32;
}

.hr-winlife-yellow-bg {
    background-color: #ffc001;
}

.hr-winlife-green-bg {
    background-color: #60b454;
}

.hr-winlife-waterblue-bg {
    background-color: #00b3cf;
}

.hr-winlife-blue-bg {
    background-color: #005ba7;
}

.hr-winlife .iframe-rwd {
    position: relative;
    height: 0;
    padding-bottom: 400px;
    overflow: hidden;
    margin: 15px;
    width: 100%;
}

.hr-winlife .iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}


/*swiper*/

.hr-winlife .swiper-container {
    margin-bottom: 100px;
    overflow: visible;
    width: 100%;
}

.hr-winlife .swiper-container .swiper-wrapper {
    overflow: hidden;
    width: 100%;
}

.hr-winlife .swiper-container .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: auto;
}

.hr-winlife .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hr-winlife .swiper-container .swiper-pagination {
    bottom: 0;
    text-align: left;
    transform: translateY(100%);
    padding: 10px 0px;
}

.hr-winlife .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    border-radius: 1px;
    background-color: #9b9b9b;
    opacity: 1;
    margin: 0 10px 0px 0px;
}

.hr-winlife .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #dc2716;
}

.hr-winlife .swiper-container .swiper-button-prev,
.hr-winlife .swiper-container .swiper-button-next {
    background-image: none;
}

.hr-winlife .swiper-container .swiper-button-prev span,
.hr-winlife .swiper-container .swiper-button-next span {
    font-size: 30px;
    color: #dc2716;
}


/*---------------------*/


/*加入穩懋樣式*/


/*---------------------*/

.job-intro-box {
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.job-intro-box .title {
    float: left;
}

.job-intro-box .job-intro-toggle-btn {
    float: right;
    position: relative;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
}

.job-intro-box .job-intro-toggle-btn:before,
.job-intro-box .job-intro-toggle-btn:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #dc2716;
    left: 50%;
    top: 50%;
}

.job-intro-box .job-intro-toggle-btn:before {
    -webkit-transform: translate(-50%) rotate(90deg);
    -ms-transform: translate(-50%) rotate(90deg);
    -o-transform: translate(-50%) rotate(90deg);
    transform: translate(-50%) rotate(90deg);
}

.job-intro-box .job-intro-toggle-btn:after {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

.job-intro-box-content {
    width: 100%;
    overflow-x: auto;
}

.job-intro-box-content tr th {
    color: #4a4a4a;
}

.job-intro-box-content tr:first-child th {
    color: #fff;
}

.job-intro-mark {
    width: 12px;
    height: 12px;
    background-color: #dc2716;
    border-radius: 50%;
}

.job-intro-mark.ta-c {
    margin: 0 auto;
}

a.outbound-link.job {
    font-size: 16px;
    letter-spacing: unset;
    font-weight: 500;
}


/* job intro box 展開的樣式*/

.job-intro-box.active .job-intro-toggle-btn {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.job-activity .year_box,
.job-activity .filter_box {
    padding: 0;
    margin: 0 0 15px 0;
}

.job-activity .year_box li,
.job-activity .filter_box li {
    list-style-type: none;
    display: inline-block;
}

.job-activity .year_box li a,
.job-activity .filter_box li a {
    margin-bottom: 5px;
    display: block;
}

.job-activity .year_box li a {
    padding: 5px 20px 5px 0px;
    color: #4a4a4a;
}

.job-activity .year_box li a:hover,
.job-activity .year_box li.active a {
    color: #dc2716;
}

.job-activity .filter_box li a {
    padding: 0px 15px;
    margin-right: 10px;
    background-color: #b4b4b4;
    border-radius: 50px;
    color: #fff;
}

.job-activity .filter_box li.active a,
.job-activity .filter_box li a:hover {
    background-color: #4a4a4a;
}

.job-intro-box-content .pages-content_main-table tr th {
    line-height: 1.5;
}

.job-intro-box-content .pages-content_main-table tr:first-child th {
    vertical-align: bottom;
}

.job-intro-box-content .pages-content_main-table tr:last-child th {
    vertical-align: top;
}


/*---------------------*/


/*核心價值樣式*/


/*---------------------*/

.pages-content_img.hr-core figcaption {
    text-align: left;
    font-size: 16px;
    color: #666;
}

.pages-content_img.hr-core {
    text-align: left;
}

@media (max-width: 768px) {
    .pages-content_img.hr-core figcaption {
        text-align: center;
    }
    .pages-content_img.hr-core {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .pages-content_img.hr-core figcaption {
        font-size: 14px;
        text-align: left;
    }
    .pages-content_img.hr-core {
        text-align: left;
    }
}

.hr-core-photo-grid {
    font-size: 0px;
}

.hr-core-photo-grid .grid-sizer {
    width: 50%;
}

.hr-core-photo-grid .grid-item {
    min-height: 150px;
    width: 50%;
    padding: 0 15px;
}

@media (max-width: 768px) {
    .hr-core-photo-grid .grid-sizer {
        width: 100%;
    }
    .hr-core-photo-grid .grid-item {
        width: 100%;
    }
}


/* 人力資源 結束*/


/* 關於穩懋 開始*/


/*---------------------*/


/*公司簡介樣式*/


/*---------------------*/

.about-company .jumbotron {
    position: relative;
}

.about-company .container {
    position: relative;
}

.about-company .jumbotron .img-wrap {
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    background-size: cover;
}

.about-company .jumbotron .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-company .jumbotron_title {
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about-company .jumbotron_title p {
    text-align: center;
    line-height: 1.45;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.circle-wrap {
    font-size: 0px;
    margin-bottom: 30px;
    position: relative;
}

.circle-wrap a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

.circle-wrap a:hover {
    opacity: 0.8;
}

.circle-content {
    display: inline-block;
    width: calc( 100% / 4);
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: relative;
}

.circle-content:hover {
    opacity: 0.8;
}

.circle-content p {
    margin: 30px auto;
    width: 130px;
    height: 130px;
    line-height: 130px;
    border-radius: 50%;
    background-color: #dc2716;
}

@media (max-width: 768px) {
    .circle-content p {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
}

@media (max-width: 480px) {
    .circle-content {
        width: calc( 100% / 2);
    }
}


/*---------------------*/


/*願景樣式*/


/*---------------------*/

.about-vision .chairman-img {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 30px 0px;
}

.about-vision .chairman-img img {
    width: 100%;
    max-width: 290px;
    height: auto;
}

.about-vision .chairman-img p {
    color: #dc2716;
    margin: 30px 0px;
}

.about-vision .dialog-box {
    margin-top: 30px;
    margin-left: 60px;
    padding: 0px 30px;
    background-color: #fff;
    border-radius: 20px;
    position: relative;
}

@media (max-width: 768px) {
    .about-vision .dialog-box {
        margin-left: 0px;
    }
}

.about-vision .dialog-box img {
    position: absolute;
    left: 0;
    top: 30px;
    -webkit-transform: translate(-95%, 0);
    -ms-transform: translate(-95%, 0);
    -o-transform: translate(-95%, 0);
    transform: translate(-95%, 0);
}

@media (max-width: 991px) {
    .about-vision .dialog-box {
        margin-top: 60px;
    }
    .about-vision .dialog-box img {
        left: 75%;
        top: 0px;
        -webkit-transform: translate(0, -80%) rotate(90deg);
        -ms-transform: translate(0, -80%) rotate(90deg);
        -o-transform: translate(0, -80%) rotate(90deg);
        transform: translate(0, -80%) rotate(90deg);
    }
}


/*---------------------*/


/*年度記事樣式*/


/*---------------------*/

.timeline-group {
    position: relative;
}

.timeline {
    width: 2px;
    background-color: #dc2716;
    height: 100%;
    left: 8.3333333%;
    top: 14px;
    position: absolute;
    -webkit-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    -o-transform: translateX(-18px);
    transform: translateX(-18px);
}

@media (max-width:991px) {
    .timeline {
        left: 16.66666667%;
        -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

.timeline-length {
    height: 100%;
}

.timeline .row.one-year {
    margin-left: -15px;
    margin-right: -15px;
}

.timeline-title {
    text-align: left;
}

.timeline-title:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dc2716;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.timeline-content ul {
    margin: 0;
    padding: 0;
}

.timeline-content ul li {
    list-style-type: none;
    margin-bottom: 40px;
}

.timeline-content ul li p {
    line-height: 1.5;
}

.timeline-content ul li p.month {
    font-weight: bold;
    margin-bottom: 0px;
}

@media (max-width: 480px) {
    .timeline-group p,
    .timeline-group span {
        font-size: 14px;
    }
    .timeline-group .timeline-title {
        white-space: nowrap;
    }
}


/*---------------------*/


/*聯絡我們樣式*/


/*---------------------*/

.about-contact .info-box {
    font-size: 0px;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
}


/*.about-contact .EHitemEqual .info-box{
    height: 100%;
}*/

.about-contact .info-box .icon-wrap,
.about-contact .info-box .info-wrap {
    display: inline-block;
    vertical-align: top;
}

.about-contact .info-box .icon-wrap {
    width: 8%;
}

.about-contact .info-box .icon-wrap img {
    width: auto;
    height: auto;
    max-width: 24px;
    min-width: 24px;
}

.about-contact .info-box .info-wrap {
    width: 92%;
    padding-left: 5px;
}

.about-contact .info-box p {
    font-size: 20px;
}

.about-contact .info-box .info-wrap span {
    font-size: 14px;
}

span.note {
    font-size: 14px;
    color: #9b9b9b;
    padding-left: 10px;
}


/*---------------------*/


/*品質政策樣式*/


/*---------------------*/

.about-policy p.point_content {
    font-size: 24px;
    font-weight: 500;
}

.about-policy p.content_border {
    padding-bottom: 15px;
    border-bottom: 1px solid #d3d3d3;
}


/*---------------------*/


/*公司位置樣式*/


/*---------------------*/

.about-location .contact-container {
    font-size: 0px;
}

.about-location .contact-box {
    display: inline-block;
    width: 100%;
    /*height: 100%;*/
    height: auto;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.about-location .contact-box p {
    font-size: 16px;
}

.about-location .contact-box p.title {
    font-size: 20px;
}

.contact-box .img-box {
    width: 100%;
    /*max-height: 240px;*/
    overflow: hidden;
}

.contact-box .img-box img {
    width: 100%;
    /*-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;*/
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.contact-box .info-box {
    background-color: #fff;
    padding: 15px 15px 5px 15px;
}

.contact-box .info-box .icon-wrap,
.contact-box .info-box .info-wrap {
    display: inline-block;
    vertical-align: top;
}

.contact-box .info-box .icon-wrap {
    width: 8%;
}

.contact-box .info-box .icon-wrap img {
    width: auto;
    height: auto;
    max-width: 24px;
    min-width: 24px;
}

.contact-box .info-box .info-wrap {
    width: 92%;
    padding-left: 5px;
}

.contact-box .info-box .info-wrap p,
.contact-box .info-box .info-wrap span {
    font-size: 14px;
}

.about-location .equal-height {
    overflow: hidden;
}

@media (min-width: 768px) {
    .about-location .contact-box .ehdiv {
        margin-bottom: -10000px;
        padding-bottom: 10000px;
        background-color: #fff;
    }
}


/* 關於穩懋 結束*/


/* 其他服務 開始*/

.other-login .col-left {
    font-size: 0px;
}

.other-login h3.title {
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .other-login h3.title {
        font-size: 22px;
    }
}

.other-login p.subtitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
}

.other-login input {
    display: block;
    border: none;
    outline: none;
    margin-top: 5px;
    margin-bottom: 30px;
    width: 100%;
    padding: 0px 20px;
    min-height: 40px;
    border-radius: 5px;
    position: relative;
}

.other-login input:focus {
    border: 1px solid #df3325;
}

.other-login input[type="button"] {
    font-size: 16px;
    margin-top: 30px;
    background-color: transparent;
    color: #DF3325;
    letter-spacing: 2px;
    border-bottom: 2px solid #DF3325;
    padding: 0px;
    padding-bottom: 4px;
    border-radius: 0;
    width: auto;
}

.other-login input[type="button"]:focus {
    border: none;
    border-bottom: 2px solid #DF3325;
}

.other-login input.verification {
    display: inline-block;
    width: 75%;
    border-radius: 5px 0px 0px 5px;
}

.other-login span.img-box {
    width: 25%;
    min-height: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px 5px 5px 0px;
    overflow: hidden;
}

.other-login img.verification {
    width: 100%;
    height: 40px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.other-login .col-left {
    border-right: 1px solid #d3d3d3;
    padding-right: 48px;
}

.other-login .outbound-btn {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 20px;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    position: relative;
    margin: 0px 0px 20px 30px;
    margin-bottom: 20px;
}

.other-login .outbound-btn a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5;
    color: #4a4a4a;
}

.other-login .outbound-btn a:hover {
    color: #4a4a4a;
}

.other-login .outbound-btn:hover {
    background-color: #d3d3d3;
    cursor: pointer;
}

.other-login .outbound-btn img {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1199px) {
    .other-login input.verification {
        width: 70%;
    }
    .other-login span.img-box {
        width: 30%;
    }
}

@media (max-width: 991px) {
    .other-login input.verification {
        width: 70%;
    }
    .other-login span.img-box {
        width: 30%;
    }
    .other-login .col-left {
        border-right: 0px;
        border-bottom: 1px solid #d3d3d3;
        padding-right: 15px;
        padding-bottom: 20px;
        margin-bottom: 50px;
    }
    .other-login .outbound-btn {
        margin: 0px;
        margin-bottom: 20px;
    }
    .pages-banner {
        height: 180px;
    }
    .index .top_wrap .swiper-slide {
        flex-wrap: wrap;
        height: 100%;
    }
    .index .top_wrap .swiper-slide img {
        height: 200px;
        display: block;
    }
    .index .top_wrap .swiper-slide .summary {
        /*        position: relative;
        top: auto;
        left: auto;*/
        /*bottom: auto;*/
        /*background: #333;*/
        /*padding: 20px;*/
        margin: 15px 0px;
        /*min-height: 148px;*/
    }
    .index .top_wrap .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20px;
        bottom: 20px;
    }
}

@media (max-width: 768px) {
    .other-login input.verification {
        width: 65%;
    }
    .other-login span.img-box {
        width: 35%;
    }
}

@media (max-width: 480px) {
    .other-login input.verification {
        width: 50%;
    }
    .other-login span.img-box {
        width: 50%;
    }
}


/* ---新版畫面---*/

.other-login .link-wrap {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    padding: 120px 0px;
    margin-bottom: 30px;
}

.other-login .link-wrap:hover {
    opacity: 0.8;
}

.other-login .link-wrap p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 10px 0px;
    color: #4a4a4a;
}

.other-login .link-wrap p.outbound-link {
    color: #DF3325;
    letter-spacing: 2px;
    border-bottom: 2px solid #DF3325;
    padding-bottom: 4px;
    display: inline-block;
}

.other-login .link-wrap a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.other-login .link-wrap .img-box {
    text-align: center;
    min-height: 60px;
}

.other-login .link-wrap .img-box img {
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .other-login .link-wrap {
        padding: 90px 0px;
    }
}

@media (max-width: 768px) {
    .other-login .link-wrap {
        padding: 50px 0px;
    }
    .other-login .link-wrap p {
        font-size: 16px;
        padding: 5px 0px;
    }
}


/* 其他服務 結束*/


/* Matt.css service start */

.bg-white {
    background-color: white;
}

.service-circle-order-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.service-circle-order-wrap>div.img:nth-child(1)>p {
    color: #073190;
    font-weight: bold;
}

.service-circle-order-wrap>div.img:nth-child(3)>p {
    color: #00CBFA;
    font-weight: bold;
}

.service-circle-order-wrap>div.img:nth-child(5)>p {
    color: #FFC001;
    font-weight: bold;
}

.service-circle-order-wrap>div.img:nth-child(7)>p {
    color: #99DF02;
    font-weight: bold;
}

:root .service-circle-order-wrap>div.arrow>img {
    transform: rotate(90deg)\9;
    -ms-transform: rotate(90deg)\9;
    -webkit-transform: rotate(90deg)\9;
}

@media (max-width: 767px) {
    .service-circle-order-wrap {
        flex-direction: column;
    }
    .service-circle-order-wrap>div.arrow {
        padding: 20px 0 20px;
    }
    .service-circle-order-wrap>div.arrow>img {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}

.junbotron div.img-box>p {
    font-size: 16px;
}

.img-group.container {
    padding-left: 10px;
    padding-right: 10px;
}

.img-group.container>.row {
    margin-left: -20px;
    margin-right: -20px;
}

.img-group.container>.row>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.highq-bg {
    height: auto;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 991px) {
    .highq-bg {
        height: auto;
        background-image: none;
    }
}

@media (min-width: 1200px) {
    .highq-bg {
        height: 490px;
        background-image: url(../images/service/chart_service_07_2.png);
        margin-bottom: 60px;
    }
}

@media (min-width: 1450px) {
    .highq-bg {
        height: 590px;
        background-image: url(../images/service/chart_service_07_2.png);
        margin-bottom: 60px;
    }
}


/* service end */

.main-table-wrap {
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
}

@media (max-width: 1199px) {
    .index .block_wrap .block_02 .features {
        margin-left: 15%;
    }
}

@media (max-width: 991px) {
    .index .block_wrap .block_02 .features {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .pages-content_main-table tr th.ta-j:first-child,
    .pages-content_main-table tr td.ta-j:first-child {
        text-align: left;
    }
}