.copyright{
    font-size: 0.7vw;
    color: #ffffff;
    text-align: right;
    position: relative;
    padding: 0 2.2vw 0 0;
    letter-spacing: 0.047vw;
    font-family: Microsoft JhengHei;
    white-space: nowrap;
}
.copyright:after{
    content: '';
    width: 64vw;
    height: 1px;
    background: rgba(255,255,255,0.5);
    position: absolute;
    left: 0;
    top: 50%;
}
.footer_menu_rig {
    margin: 0 0 0 8.5vw;
}
a.tel img {
    height: 2.08vw;
    margin: 0 0.6vw 0 0;
}
a.tel{
    color: #ffffff;
    font-size: 1.04vw;
    font-family: "Noto Sans TC", serif;
    font-weight: 500;
    letter-spacing: 0.1vw;
    padding: 0.6vw 0 0 0.5vw;
    display: inline-block;
}
a.tel:hover{
    color: #FFEBB8;
    transition: 0.25s all linear;
}
.footer_menu_left {
    margin: 0 0 0 4.5vw;
}
footer{
    background: url(../img/footer/bg.jpg);
    text-align: center;
    color: #ffffff;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-family: "Noto Sans TC", serif;
    background-size: cover;
    display: inline-block;
    width: 100%;
    padding: 3vw 0 1.5vw 0;
    position: relative;
    z-index: 2;
}
footer .footer_menu .footer_menu_con h4{
    font-size: 0.98vw;
    color: #ffffff;
    font-family: Arial;
    text-align: right;
    padding: 0 16vw 0.8vw 0;
    font-weight: bold;
    letter-spacing: 0.045vw;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin: 0 0 1vw 0;
}
.ch_menu li,.en_menu li{
    position: relative;
    padding: 0 0.6vw;
}
.ch_menu li a,.en_menu li a{
    color: #5A5A5A;
    font-family: "Noto Sans TC", serif;
    font-size: 0.88vw;
    letter-spacing: 0.12vw;
}
.ch_menu li a:hover,.en_menu li a:hover,a.tel:hover{
    text-decoration: none;
    color: #FFEBB8;
    transition: 0.25s all linear;
}
a.tel:hover{
    color: #FFEBB8;
}
.ch_menu li + li:after,.en_menu li + li:after{
    content: '';
    width: 1px;
    height: 60%;
    background:#5A5A5A;
    position: absolute;
    top: 20%;
    left: -1px;
}
footer ul li{
    display: inline-block;
}
footer ul li+li{
}
.footer_menu_con{
    width: 70%;
    margin: 1.5vw 0 0 0;
}
.footer_menu_left,.footer_menu_rig{
    display: inline-block;
    float: left;
    text-align: left;
}
.footer_menu{
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.footer_menu {}
.footer_menu .logo{
    width: 16vw;
    margin: 0 0 2vw 11.5vw;
    height: 10.5vw;
}
.main_menu .link_items {
    background: #AF9159;
    margin: 0;
    display: flex;
    align-items: center;
    width: 4vw;
    justify-content: space-evenly;
    padding: 0;
}
.main_menu .link_items a svg{
    color: #ffffff;
}
.main_menu .link_items a:hover svg{
    transform: scale(1.4);
    transition: 1s all linear;
}
.main_menu h1 {
    margin: 0 0 0 0;
    width: 7.8vw;
    display: flex;
    align-items: center;
    padding: 1vw 1vw 1vw 0.65vw;
}
.main_menu h1 a{
    display: inline-block;
    width: 100%;
}
.main_menu h1 svg{
    color: #AF9159;
    display: flex;
    max-width: inherit;
    width: 100%;
}
.main_menu{
    border: 1px solid #AF9159;
    border-left: 0;
    border-right: 0;
    width: 93%;
    position: absolute;
    z-index: 1;
    left: 3.5%;
    display: flex;
    top: 2.6vw;
    justify-content: space-between;
    background: #FFFF;
}
.main_menu .menu{
    padding: 0;
    margin: 0;
    display: flex;
    width: 45%;
    justify-content: space-between;
    align-items: center;
}
.main_menu .menu li{
    position: relative;
    text-align: center;
    display: flex;
    width: 25%;
}
.main_menu .menu li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.main_menu .menu li a:hover{
    text-decoration: none;
}
.main_menu .menu li a:hover .en{
    opacity: 0;
    transform: translateY(-5px);
    transition: 0.2s all linear;
}
.main_menu .menu li a:hover .cn{
    opacity: 1;
    transition: 0.25s all linear;
}
.main_menu .en{
    color: #5A5A5A;
    font-size: 0.93vw;
    letter-spacing: 1px;
    opacity: 1;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    transform: translateY(0px);
}
.main_menu .cn{
    color: #AF9159;
    font-size: 0.98vw;
    letter-spacing: 3.5px;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
footer svg{
    color: #ffffff;
}
footer ul{
    margin: 0;
    padding: 4px 0;
}
#brand .main_menu li:nth-child(1) a .en,#cases .main_menu li:nth-child(2) a .en,#service .main_menu li:nth-child(3) a .en,#contact .main_menu li:nth-child(4) a .en{
    opacity: 0;
}
#brand .main_menu .menu li:nth-child(1) a .cn,#cases .main_menu .menu li:nth-child(2) a .cn,#service .main_menu .menu li:nth-child(3) a .cn,#contact .main_menu .menu li:nth-child(4) a .cn{
    opacity: 1;
}
.menu_btn {
    top: 0;
    right: 0;
    width: 10%;
    z-index: 999;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    background: #AF9159;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.5%;
}
.menu_list {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    background: #AF9159;
    text-align: center;
    height: 100%;
    padding: 36% 0 0 0;
    overflow: auto;
    margin: 0;
    width: 100%;
    z-index: 1;
    max-width: 960px;
}
@media (max-width: 960px) {
    .menu_btn.active{
        background: #ffffff;
    }
    nav.main_menu.active:after, nav.main_menu.active:before{
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        z-index: 2;
        background: #ffffff;
    }
    nav.main_menu.active:after {
        top: 0;
    }
    nav.main_menu.active:before {
        bottom: 0;
    }
    .main_menu .menu li.tel svg{
        color: #ffffff;
        width: 10vw;
        height: 10vw;
        margin: 3vw 0 0 0;
    }
    .main_menu .menu li {
        width: 100%;
        margin: 0 0 14.2% 0;
    }
    .main_menu.active h1 svg{
        color: #ffffff;
    }
    .main_menu.active{
        border: 1px solid #FFFFFF;
    }
    .en_menu{
        margin: 0 0 0.5vw 0;
        padding: 0;
    }
    footer .footer_menu .footer_menu_con h4{
        font-size: 2.8vw;
        border: 0;
        position: relative;
        padding: 0 0 0 19.5vw;
        text-align: left;
        letter-spacing: 0.12vw;
        font-weight: 500;
    }
    footer .footer_menu .footer_menu_con h4:after,footer .footer_menu .footer_menu_con h4:before{
        content: '';
        height: 1px;
        bottom: 2.1vw;
        background: rgba(255,255,255,0.5);
        position: absolute;
    }
    footer .footer_menu .footer_menu_con h4:after{
        width: 14.89vw;
        left: 0;
    }
    footer .footer_menu .footer_menu_con h4:before{
        right: 0;
        width: 14.89vw;
    }
    .gif{
        width: 3.54vw;
        height: 4vw;
    }
    .main_menu h1 {
        width: 24.1vw;
        padding: 1.9vw 1vw 1vw 3.3vw;
        position: relative;
        z-index: 2;
    }
    .main_menu {
        width: 90%;
        left: 5%;
        top: 5vw;
        z-index: 3;
        background: #FFFFFF;
    }
    .main_menu .en{
        font-size: 4.5vw;
        color: #FFFFFF;
        letter-spacing: 0.5vw;
    }
    .main_menu .cn{
        font-size: 4.375vw;
        letter-spacing: 0.2vw;
        color: #FFFFFF;
    }
    .en_menu li {
        padding: 0 1.8vw;
    }
    .copyright:after {
        height: 0;
    }

}