.all_main * {
    box-sizing: border-box;
    max-width: 100%;
}

.all_main {
    max-width: 2000px;
    width: 100%;
    margin: auto;
    font-family: 'Microsoft JhengHei', serif;
    border: 0;
    text-decoration: none;
    /* overflow: hidden; */
}

.all_main img {
    width: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.pageIndex .main_part {
    border-top: none !important;
}

.edit,
.show_content {
    width: 100%;
    padding: 0;
    margin: auto;
}

.main_part {
    max-width: 100%;
    padding: 0;
}

.path,
.banner,
.promotion_title,
.clearfix,
.page,
.all_banner {
    display: none;
}

.all_main ul {
    padding: 0 0;
    margin: 0;
}


.all_main li {
    list-style: none;
}

.all_main h6,
.all_main h5,
.all_main h4,
.all_main h3,
.all_main h2 {
    margin: 0;
}

.all_main u {
    text-decoration: none;
}

/*Animations*/
[data-animate-in] {
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease;
}

[data-animate-in="up"] {
    transform: translate3d(0, 10%, 0);
}

/*由下往上*/
[data-animate-in="left"] {
    transform: translate3d(-50%, 0, 0);
}

/*由左往右*/
[data-animate-in="right"] {
    transform: translate3d(50%, 0, 0);
}

/*由右往左*/
[data-animate-in="down"] {
    transform: translate3d(0, -10%, 0);
}

/*由上往下*/
[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0);
}

/*淡入*/
[data-animate-in="scaleIn"] {
    transform: scale(.3);
}

/*放大淡入*/
[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 1.3s ease, opacity 1.3s ease;
}

.fade-in {
    opacity: 0;
    transition: opacity 1.3s ease;
}

.all_main p {
    margin: 0;
}

.all_main em,
.all_main i {
    font-style: normal;
}

.all_main a {
    text-decoration: none;
}

.all_main dd,
.all_main dt {
    margin: 0 0;
}

.all_main_key_word {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.animated15 {
    animation: none;
}

/* 內容 除了首頁記得把其他keyword刪掉 */
/* 記得刪掉/jquery-1.11.3.min.js/上面那串 */
body.pageIndex #content_main{
    overflow: unset;
    position: relative;
    z-index:120;
    background-color: #fff;
}

/*共通*/
.box_container h4{
    text-align: left;
}
.fc_title{
    min-width: fit-content;
}
.fc_title h4{
    font-family: var(--fo);
    font-size: var(--f32);
    color: #333;
    font-weight: 600;
    line-height: 150%;
}
.fc_title h4 s{
    font-family: var(--fo);
    font-size: var(--f32);
    color: #DC0000;
    text-decoration: unset;
}
.fc_title h5{
    font-size: var(--f25);
    line-height: 150%;
}
/*-----------------------------------*/

/*首頁*/
.fci_a{
    padding: 70px 5% calc(1vw + 70px);
    background: url(../img/index/fc_bg01.jpg);
    background-position: top center;
    background-size: cover; 
}
.fci_a01{
    max-width: 1500px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fci_a01 > .fci_a01_img{
    align-self: stretch;
}
.fci_a01 > .fci_a01_img img{
    min-height: 100%;
    object-fit: cover;
}
.fci_a01_con{
    width: 515px;
    margin: 0 0 0 30px;
}
.fci_a01_con p{
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: 25px 0 10px;
}
.fci_a01_con h6{
    display: block;
    background-color: #333333;
    border-left: 25px solid #DC0000;
    text-align: center;
    font-family: var(--fo);
    padding: 10px;
    font-size: var(--f16);
    color: #fff;
    letter-spacing: 0.05em;
}
.fci_a02{
    max-width: 1500px;
    margin: calc(1vw + 50px) auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.fci_a02_con{
    width: 100%;
    max-width: 1080px;
    margin: 0 0 0 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}
.fci_a02_con li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 30px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #CCC;
}
.fci_a02_icon{
    min-width: fit-content;
    margin: 0 20px 0 0;
}
.fci_a02_con article h4{
    font-size: var(--f18);
    line-height: 120%;
}
.fci_a02_con article p{
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
}

.fci_b{
    padding: calc(1vw + 70px) 5%;
    background-color: #F4F4F4;
}
.fci_b01{
    max-width: 1500px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.fci_b01_con{
    width: 1250px;
    margin: 0 0 0 30px;
}
.fci_blist_con{
    padding:30px 5% 0;
}
.fci_blist_con h4{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: var(--f18);
    line-height: 120%;
}
.fci_blist_con h4::before{
    content: '';
    min-width: 8px;
    height: 8px;
    background-color: #DC0000;
    margin: 8px 15px 0 0;
}
.fci_blist_con p{
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: 15px 0;
}
.fci_blist01_btn{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 530px;
}
.fci_blist01_btn a{
    padding: 15px;
    border: 1px solid #999;
    font-size: var(--f18);
    line-height: 120%;
    font-family: var(--fo);
    text-align: center;
    color: #000;
    font-weight: bold;
}
.fci_blist01_btn a:hover{
    border-color: #DC0000;
    background-color: #fff;
}
.fci_blist02{
    margin: calc(1vw + 50px) auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.fci_blist03{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.fci_c{
    background: url(../img/index/fc_bg02.jpg);
    background-position: center;
    background-size: cover;
    padding: calc(1vw + 70px) 5%;
}
.fci_c01{
    max-width: 1300px;
    margin: auto;
}
.fci_c01 article{
    padding: calc(2vw + 50px) 5%;
    background-color: #fff;
    max-width: 600px;
    margin: 0 0 0 auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0,.1);
}
.fci_c01 article > .fc_title{
    margin: 0 0 40px;
}
.fci_c01 article p{
    font-size: var(--f18);
    font-family: var(--fo);
    line-height: 120%;
    margin: 15px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 600;
}
.fci_c01 article p::before{
    content: '';
    min-width: 8px;
    height: 8px;
    background-color: #DC0000;
    margin: 5px 15px 0 0;
}
.fci_d{
    padding:calc(1vw + 70px) 5%;
    background-color: #fff;
}
.fci_d01{
    max-width: 1300px;
    margin: auto;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px #cccccc81;
    padding: calc(1vw + 50px) 0 0;
}
.fci_d01 .fc_title{
    text-align: center;
    margin: auto;
}
.fci_d01 .fc_title h4{
    text-align: center;
}
.fci_dlist01{
    max-width: calc(870px + 10%);
    padding: 0 5%;
    margin: 50px auto calc(1vw + 50px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.fci_dlist_icon{
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: 1px solid #333333;
}
.fci_dlist_icon s{
    width: 30px;
    font-weight: bold;
    font-family: var(--fo);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333333;
    color: #fff;
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
    text-decoration: none;
}
.fci_dlist01 li p{
    margin: 30px 0 0;
    font-family: var(--fo);
    font-weight: 300;
    line-height: 150%;
}
.fci_d01_notes{
    background-color: #333333;
    padding: 0 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fci_d01_notes dl{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #DC0000;
    width: 30%;
    max-width: 250px;
    min-width: fit-content;
    margin: 0 5% 0 0;
    padding: 15px;
}
.fci_d01_notes dl dt{
    min-width: fit-content;
    margin: 0 15px 0 0;
}
.fci_d01_notes dl dd p{
    font-size: var(--f18);
    color: #fff;
    font-weight: bold;
}
.fci_d01_notes > p{
    font-size: var(--f18);
    color: #fff;
    font-weight: bold;
}

.fci_e{
    padding: calc(1vw + 70px) 15px 70px;
    background-color: #F4F4F4;
}
.fci_e01{
    max-width: calc(1500px + 10%);
    padding: 0 5%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.fci_e01cont{
    width: 710px;
    margin: 0 20px 0 0;
}
.fci_e01cont > p{
    margin: 20px 0 0;
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
}
.fci_e01con_btn{
    min-width: fit-content;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 530px;
}
.fci_e01con_btn a{
    padding: 15px;
    border: 1px solid #999;
    font-size: var(--f18);
    line-height: 120%;
    font-family: var(--fo);
    text-align: center;
    color: #000;
    font-weight: bold;
}
.fci_e01con_btn a:hover{
    border-color: #DC0000;
    background-color: #fff;
}
.fci_e02{
    margin: 50px auto 0;
    max-width: 1900px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.fci_e02img{
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 10px #CCC;
    background-color: #F4F4F4;
}
.fci_e02_con{
    padding:30px 5% 0;
}
.fci_e02_con h4{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: var(--f18);
    line-height: 120%;
}
.fci_e02_con h4::before{
    content: '';
    min-width: 8px;
    height: 8px;
    background-color: #DC0000;
    margin: 8px 15px 0 0;
}
.fci_e02_con p{
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: 15px 0 0;
}
/*------------------------------------*/

/*服務項目*/
.fcs_a{
    padding: calc(8vw + 70px) 5% calc(2vw + 70px);
    position: relative;
    z-index: 1;
}
.fcs_a::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 600px;
    background: url(../img/service/fc_bg01.jpg);
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.fcs_a01{
    width: 100%;
    max-width: 300px;
    margin: auto;
}
.fcs_a01 article{
    padding: 30px 15px;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 0 2px #333;
    border-bottom: 10px solid #333;
    text-align: center;
}
.fcs_a01 article b{
    display: block;
    color: #333;
    line-height: 150%;
    font-family: var(--fo);
    font-size: var(--f32);
    font-weight: 600;
}
.fcs_a01 article b s{
    color: #DC0000;
    text-decoration: none;
}
.fcs_a01 article p{
    font-size: var(--f25);
    line-height: 150%;
    font-weight: 600;
}
.fcs_a02{
    padding: calc(2vw + 50px) 0 0;
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 50px;
}
.fcs_a02a{
    padding: calc(1vw + 70px) 5%;
    background-color: #EEEEEE;
    box-shadow: 0 0 20px #999;
}
.fcs_a02a_1{
    max-width: 1150px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fcs_a02a_img{
    align-self: stretch;
}
.fcs_a02a_img img{
    min-height: 100%;
    object-fit: cover;
}
.fcs_a02a_con{
    width: 450px;
    margin: 0 0 0 30px;
}
.fcs_a02a_con h4{
    padding: 10px;
    text-align: center;
    border-left: 10px solid #DC0000;
    background-color: #333;
    font-size: var(--f25);
    line-height: 120%;
    font-family: var(--fo);
    max-width: 180px;
    color: #fff;
}
.fcs_a02a_con > h5{
    line-height: 180%;
    letter-spacing: 0.02em;
    margin: 15px 0 20px;
    font-size: var(--f25);
    line-height: 180%;
}
.fcs_a02a_con > p{
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: 20px 0 0;
    font-family: var(--fo);
}
.fcs_a02a_2{
    margin: calc(2vw + 30px) auto;
    max-width: 1150px;
}
.fcs_a02a_btn{
    min-width: fit-content;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 530px;
    margin: auto;
}
.fcs_a02a_btn a{
    padding: 15px;
    border: 1px solid #999;
    font-size: var(--f18);
    line-height: 120%;
    font-family: var(--fo);
    text-align: center;
    color: #000;
    font-weight: bold;
}
.fcs_a02a_btn a:hover{
    border-color: #DC0000;
    background-color: #fff;
}

.fcs_a02b{
    padding: calc(1vw + 70px) 5%;
    background-color: #fff;
    box-shadow: 0 0 20px #999;
    overflow: hidden;
}
.fcs_a02b_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1150px;
    margin: auto;
}
.fcs_a02b_con{
    width: 450px;
    margin: 0 30px 0 0;
}
.fcs_a02b_con > h4{
    padding: 10px;
    text-align: center;
    border-left: 10px solid #DC0000;
    background-color: #333;
    font-size: var(--f25);
    line-height: 120%;
    font-family: var(--fo);
    max-width: 180px;
    color: #fff;
}
.fcs_a02b_con > h5{
    line-height: 180%;
    letter-spacing: 0.02em;
    margin: 15px 0 20px;
    font-size: var(--f25);
    line-height: 180%;
}
.fcs_a02b_con > p{
    font-size: var(--f16);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: 20px 0 0;
    font-family: var(--fo);
}
.fcs_a02b_style2{
    background-color: #EEEEEE;
}
.fcs_a02b_style2 .fcs_a02b_1{
    flex-direction: row-reverse;
}
.fcs_a02b_style2 .fcs_a02b_con{
    margin: 0 0 0 30px;
}
/*------------------------------------*/

/*聯絡我們*/
.ban_contect{
    display: block;
}
.fcc_a{
    padding: calc(1vw + 70px) 5%;
    text-align: center;
}
.fcc_a01{
    max-width: 960px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
    text-align: center;
}
.fcc_a01 a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #999999;
    padding: 30px 15px;
}
.fcc_a01 a p{
    margin: 20px 0 0;
    font-size: var(--f16);
    color: #000;
    font-family: var(--fo);
    font-weight: 300;
    line-height: 200%;
}
.fcc_a01 a p s{
    display: inline-block;
    text-decoration: none;
}
.fcc_a01 a:hover img{
    transform: translateY(-5px) scale(1.02);
    transition: all .4s;
}
.fcc_b{
    padding: 30px 5% calc(1vw + 70px);
    position: relative;
    z-index: 1;
}
.fcc_b::after{
    content: '';
    width: 30%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-color: #F4F4F4;
}
.fcc_b01{
    max-width: 1070px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fcc_b01_img{
    align-self: stretch;
}
.fcc_b01_img img{
    min-height: 100%;
    object-fit: cover;
}
.fcc_b01_con{
    width: 550px;
    margin: 0 0 0 30px;
}
.fcc_b01_con dl{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #999;
    padding: calc(2vw + 30px) 15px;
}
.fcc_b01_con dl:nth-last-of-type(1){
    border: unset;
}
.fcc_b01_con dl dt{
    min-width: fit-content;
    margin: 0 20px 0 0;
}
.fcc_b01_con dl dd h4{
    font-size: var(--f18);
    line-height: 120%;
    margin: 0 0 10px;
}
.fcc_b01_con dl dd p{
    font-size: var(--f16);
    line-height: 180%;
}
/*------------------------------------*/

@media (max-width:1360px) {
    /*服務項目*/
    /*------------------------------------*/

    /*聯絡我們*/
    /*------------------------------------*/
}

@media (max-width:1024px) {
    /*服務項目*/
    /*------------------------------------*/

    /*聯絡我們*/
    /*------------------------------------*/
}

@media (max-width:992px) {
    /*首頁*/
    .fci_a01{flex-direction: column-reverse;}
    .fci_a01_con{margin: 0 0 30px;}
    .fci_a01 > .fci_a01_img img{min-height: unset;}
    .fci_a02{flex-direction: column;}
    .fci_a02_con{margin: 50px auto 0;}
    .fci_b01{flex-direction: column;}
    .fci_b01_con{margin: 40px 0 0;}
    .fci_blist03{grid-template-columns: 1fr 1fr;}
    .fci_e01con_btn{grid-template-columns: 1fr;max-width: 220px;}
    /*------------------------------------*/

    /*服務項目*/
    .fcs_a02a_1{flex-direction: column-reverse;}
    .fcs_a02a_con{margin: 0 auto 30px;width: 100%;max-width: 600px;}
    .fcs_a02a_img{align-self: center;}
    .fcs_a02a_img img{min-height: unset;}
    .fcs_a02b_1,
    .fcs_a02b_style2 .fcs_a02b_1{flex-direction: column;}
    .fcs_a02b_con,
    .fcs_a02b_style2 .fcs_a02b_con{margin: 0 auto 30px;width: 100%;max-width: 600px;}
    /*------------------------------------*/

    /*聯絡我們*/
    /*------------------------------------*/
}

@media (max-width:768px) {
    /*首頁*/
    .fci_dlist01{grid-template-columns: 1fr 1fr;}
    .fci_e02{grid-template-columns: 1fr 1fr;}
    /*------------------------------------*/

    /*服務項目*/
    /*------------------------------------*/

    /*聯絡我們*/
    .fcc_a01{grid-template-columns: 1fr 1fr;}
    /*------------------------------------*/
}

@media (max-width:600px) {
    /*首頁*/
    .fci_a02_con li{flex-direction: column;}
    .fci_a02_icon{margin: 0 0 15px;}
    .fci_a02_con article h4{text-align: center;}
    .fci_blist01 > img{min-height: 200px;object-fit: cover;}
    .fci_blist01_btn{grid-template-columns: 1fr;}
    .fci_blist02,
    .fci_blist03{grid-template-columns: 1fr;}
    .fci_blist02 li > img, 
    .fci_blist03 li > img{width: 100%;}
    .fci_d01_notes{flex-direction: column;padding: 0px;}
    .fci_d01_notes dl{padding: 10px;margin: 0 0 15px;width: 100%;max-width: unset;}
    .fci_d01_notes > p{padding: 0 5% 15px;}
    .fci_e01{flex-direction: column;align-items: center;}
    .fci_e01cont{margin: 0 0 30px;}
    .fci_e02{grid-template-columns: 1fr;}
    /*------------------------------------*/

    /*服務項目*/
    .fcs_a02a_btn{grid-template-columns: 1fr;}
    /*------------------------------------*/

    /*聯絡我們*/
    .fcc_b{overflow: hidden;}
    .fcc_b::after{top: 100%;width: 100%;height: 20%;}
    .fcc_b01{flex-direction: column-reverse;}
    .fcc_b01_con{margin: 0 0 30px;}
    .fcc_b01_img{align-self: center;}
    .fcc_b01_img img{min-height: unset;}
    /*------------------------------------*/
}

@media (max-width:475px) {
    /*首頁*/
    .fci_a01_con h6{border-left: unset;border-top: 10px solid #DC0000;}
    .fci_a02_con{grid-template-columns: 1fr;}
    /*------------------------------------*/

    /*服務項目*/
    /*------------------------------------*/

    /*聯絡我們*/
    .fcc_a01{grid-template-columns: 1fr;max-width: 250px;}
    .fcc_b01_con dl{flex-direction: column;align-items: center;}
    .fcc_b01_con dl dd h4{text-align: center;}
    .fcc_b01_con dl dt{margin: 0 0 15px;}
    /*------------------------------------*/
}