@font-face {
    font-family: 'LINE Seed';
    src: url('../font/LINESeedTW_OTF_Bd.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'LINE Seed';
    src: url('../font/LINESeedTW_OTF_Th.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
body#classic_page ul.uk-subnav.uk-subnav-pill.page {
    margin: 0 0 3% 0;
}
#classic_page #txt{
    margin: 6vw 0 0 0;
}
.footer_menu_top svg.uk-svg{
    width: 1.61vw;
}
#service_txt .txt{
    width: 77%;
    font-size: 1vw;
    line-height: 220%;
    letter-spacing: 0.05vw;
    text-align: justify;
    font-family: 'Noto Serif TC', serif;
    font-weight: 500;
    color: #474747;
    margin: 0 0 0 4.5vw;
}

#service  h2{
    font-size: 2vw;
    margin: 2.5vw 0 1.3vw 4.7vw;
    font-family: 'Noto Serif TC', serif;
    font-weight: 600;
    letter-spacing: 0.08vw;
}
#service .en:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 11vw;
    height: 1px;
    background: rgba(89, 87, 87, 0.5);
}
#service  .en{
    font-size: 1vw;
    font-family: "LINE Seed", serif;
    color: rgba(71, 71, 71, 0.8);
    z-index: 2;
    letter-spacing: 0.36vw;
    font-weight: 100;
    margin: 4vw 0 0 4.5vw;
    position: relative;
    width: 100%;
}
#brand_txt .ds3 .en {
    font-family: 'LINE Seed';
    font-size: 0.8vw;
    letter-spacing: 0.5vw;
    width: auto;
}
#brand_txt .ds3 h2{
    margin: 0 0 1.77vw 0;
}
#brand_txt .ds3 .txt{
    margin: 1.77vw 0 0 0;
    text-align: center;
    width: auto;
    line-height: 210%;
}
#brand_txt .ds3{
    background: url(../img/brand/3.jpg);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 4.53vw 0 20vw 0;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
#brand_txt .ds3 h2,#brand_txt .ds3 .en,#brand_txt .ds3 .txt{
    color: #ffffff;
}
#brand_txt .ds2 .en{
    font-family: 'LINE Seed';
    font-size: 1vw;
    letter-spacing: 0.4vw;
    margin: 4.8vw 0 4vw 0;
    position: relative;
    width: 100%;
    text-indent: 11.87vw;
}
#brand_txt .ds2 .en:before{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 61.79vw;
    height: 1px;
    background: rgba(89, 87, 87, 0.5);
}
#brand_txt .ds2 .en:after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 9vw;
    height: 1px;
    background: rgba(89, 87, 87, 0.5);
}
#brand_txt .ds2 h2{
    margin: 0 0 2.5vw 12vw;
    color: #000000;
}
#brand_txt .ds2 img{
    width: 40.93vw;
    position: absolute;
    left: 48vw;
    top: 0;
}
#brand_txt .ds2 .txt{
    font-size: 1vw;
    width: 100%;
    text-align: left;
    line-height: 200%;
    letter-spacing: 0.03vw;
    display: inline-block;
}
#brand_txt .ds2 .txt .txt{
    margin: 0 0 0 12vw;
}
#brand_txt .ds1 .txt{
    font-size: 1vw;
    margin: 1.5vw 0 0 0;
    width: auto;
    text-align: center;
    line-height: 200%;
    letter-spacing: 0.03vw;
}
#brand_txt .ds1 .en{
    color: #474747;
    position: absolute;
    width: auto;
    top: -3vw;
    left: 0.3vw;
    transform: rotate(-90deg);
    font-size: 1vw;
    font-family: 'LINE Seed';
    white-space: nowrap;
    letter-spacing: 0.35vw;
    opacity: 0.5;
}
#brand_txt h2{
    font-family: 'Noto Serif TC', serif;
    font-size: 2vw;
    margin: 0;
}
#brand_txt .ds1 h2{
    width: 2vw;
    letter-spacing: -0.05vw;
    writing-mode: tb-rl;
    position: relative;
    margin: 0;
    font-weight: 500;
    z-index: 1;
}
#brand_txt .ds1 img{
    margin: -5.25vw 0 0 0;
}
#brand_txt .ds1 h2 span{
    display: inline-block;
    width: 2vw;
    height: 3vw;
}
#brand_txt .ds1{
    margin: 11.8vw 12.2vw 5vw 12.2vw;
    width: 75vw;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
#brand_txt .ds2{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5.2vw 0 9.8vw 0;
    position: relative;
}
#brand .page{
    /* background: url(../img/brand/bg2.jpg); */
    /* background-size: cover; */
}
.contact_txtinf .en:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 11vw;
    height: 1px;
    background: rgba(89, 87, 87, 0.5);
}
.contact_txtinf .en{
    font-size: 1vw;
    position: absolute;
    left: 0;
    bottom: 0.8vw;
    width: auto;
    letter-spacing: 0.4vw;
    color: rgba(89,87,87,0.5);
    padding: 0 0 0 13vw;
}
#contact.job .contact_con .txt li:last-child{
    margin: 2vw 0 0 0;
}
.contact_joblist{
    width: auto;
    margin: 4.79vw 7.5vw 0 0;
    font-family: 'Noto Serif TC', serif;
    font-size: 0.9375vw;
    letter-spacing: 0.03vw;
}
.contact_joblist h2{
    font-family: 'Noto Serif TC', serif;
    font-size: 1.95vw;
    font-weight: 500;
    margin: 0 0 3vw 0;
    line-height: 1.95vw;
}
.contact_txtinf{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 4.2vw 0;
}
.contact_jobimg{
    width: 40vw;
}
#contact.job .contact_con .txt{
    padding: 0;
    margin: 0;
    line-height: 210%;
}
#contact.job .contact_txtcon{
    background: url(../img/contact/img2.png)#EFEFEF;
    margin: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact_inf img{
    width: 10vw;
}
.contact_inf {
    display: flex;
    width: 70%;
    justify-content: space-between;
    padding: 0;
    margin: 0 15% 2vw 15%;
    align-items: center;
    line-height: 140%;
    letter-spacing: 0.05vw;
    font-size: 1vw;
    font-family: 'Noto Serif TC', serif;
}
.contact_inf li{
    position: relative;
}
.contact_inf li:nth-child(3):after {
    content: '';
    position: absolute;
    left: -2.5vw;
    height: 100%;
    background: rgba(71,71,71,0.5);
    width: 1px;
    top:0;
}
.contact_txtcon{
    display: flex;
    margin: 0 0 5.7vw 0;
    align-items: center;
}
#contact_txt .img{
    width: 50%;
    height: 33vw;
}
#contact.job #to_form{
    width: 30%;
    display: flex;
    flex-direction: column;
    margin: 4.2vw 0 4.2vw 57vw;
}
#contact #to_form{
    width: 30%;
    display: flex;
    flex-direction: column;
    margin: 4.2vw 0 4.2vw 7vw;
}
.inf_bot_con{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.inf_item ul{
    margin: 0;
    padding: 0;
    font-family: 'LINE Seed';
    font-weight: 100;
}
#case .inf_item img{
    height: 2vw;
    width: auto;
    margin: 0 0.78vw 0 0;
}
#case .inf_item{
    font-size: 0.9vw;
    font-family: "Noto Sans TC", serif;
    letter-spacing: 0.1vw;
    display: flex;
    justify-content: space-between;
    width: 74.5%;
}
#case .inf_bot dt,#case .inf_bot dd{
    color: #474747;
    position: relative;
}
.fotorama__wrap .fotorama__pointer {
    margin: 0 0 0.8vw 0;
}
#case .inf_bot dt:before{
    content: '';
    position: absolute;
    left: 9vw;
    top: 50%;
    width: 6vw;
    height: 1px;
    background: rgba(89, 87, 87, 0.5);
}
#case .inf_bot dt.plan:before{
    width: 10vw;
    left: 14vw;
}
#classic_page .inf_bot dt:before{
    content: '';
    position: absolute;
    left: 0;
    top: 18%;
    width: 7.4vw;
    height: 1px;
    background: rgba(193, 193, 193, 0.2);
}
.inf_bot dt{
    font-size: 1vw;
    font-family: "LINE Seed", serif;
    color: rgba(193, 193, 193, 0.8);
    z-index: 2;
    letter-spacing: 0.4vw;
    font-weight: 100;
    margin: 0 0 0 8.5vw;
}
.inf_tit{
    font-size: 1vw;
    font-family: "LINE Seed", serif;
    letter-spacing: 0.4vw;
    position: relative;
    margin: 2.98vw 0 1.35vw 0;
}
.inf_tit:before{
    content: '';
    position: absolute;
    left: 13vw;
    top: 50%;
    width: 27vw;
    height: 1px;
    background: rgba(89, 87, 87, 0.5);
}
#case .inf_bot dt{
    margin: 0;
}
#case .inf_bot dl{
    margin: 0;
}
#case .inf_bot dd{
    margin: 0.5vw 0 0 0;
}
.inf_bot dd {
    font-size: 1.1vw;
    color: #D8D8D8;
    letter-spacing: 0.1vw;
    margin: 0.5vw 0 0 8.5vw;
    font-family: 'Noto Serif TC', serif;
}
.classic_list .item.bf {
    margin: -3vw 0 0 0;
}
#case_txt .classic_list_con .t1{
    width: 18.22vw;
    position: absolute;
    left: 47.25vw;
    top: 33vw;
}
#case_txt .classic_list_con .t2{
    width:35.78vw;
    position: absolute;
    left: 54.4vw;
    top: 66vw;
}
.classic_list .item.al{
    margin: 0 0 0 6.6vw;
}
.classic_list .item.b{
    width: 28.6vw;
}
.classic_list_con{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 5vw 0 0 0;
}
.classic_list{
    display: flex;
    width: 82%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.classic_list .item{
    display: inline-block;
    height: fit-content;
    margin: 0 0 5.5vw 0;
}
.classic_list .item.e,.classic_list .item.f{
    width: 24.89vw;
}
.classic_list .item.f{
    margin: 4vw 2.5vw 0 0;
}
.classic_list .item.d{
    padding: 0.35vw;
    background: #020202;
}
.classic_list .item.d h3 {
    position: relative;
    margin: 0.7vw 0 0.25vw 0.5vw;
    color: #ffffff;
}
.classic_list .item.e .year{
    left: 0.5vw;
    top: 0;
}
.classic_list .item.e h3{
    left: 0.6vw;
    bottom: 0.4vw;
    color: #ffffff;
}
.classic_list .item.d .year{
    left: -4vw;
    top: -2vw;
}
.classic_list .item.a:nth-of-type(2) .year{
    opacity: 0;
}
.classic_list .item.a:nth-of-type(2){
    margin: -5vw 0 0 -9.2vw;
}
.classic_list .item.c:nth-of-type(1){
    margin: -5vw 0 0 -9.2vw;
    background: red;
}
.classic_list .item.f .year{
    right: -2.7vw;
    bottom: -0.5vw;
}
.classic_list .item.a .year{
    right: -4.8vw;
    top: -0.5vw;
}
.classic_list .item.b .year{
    right: 1vw;
    bottom: -2vw;
}
.classic_list .item.b h3,.classic_list .item.f h3{
    left: 0.6vw;
    bottom: 0.4vw;
    color: #ffffff;
}
.classic_list .item.c h3{
    left: 0.6vw;
    top: 0.2vw;
    color: #ffffff;
}
.classic_list .item.a{
    padding: 0.35vw;
    background: #ffffff;
    width: 18vw;
    box-shadow: -0.78vw 0.78vw 0.26vw rgba(0,0,0,0.75);
}
.classic_list .item.c{
    padding: 0.35vw;
    background: #ffffff;
    box-shadow: -0.78vw 0.78vw 0.26vw rgba(0, 0, 0, 0.75);
}
.classic_list .item.cf{
    margin: 0 0 0 2vw;
    z-index: 1;
    padding: 0.35vw;
}
.classic_list .item.c .year{
    right: 1vw;
    bottom: 0;
}
.classic_list .item.a h3{
    position: relative;
    margin: 0.7vw 0 0 0.5vw;
    line-height: normal;
}
#classic_page .hot_txt .txt {
    width: 89%;
    color: #D8D8D8;
    font-size: 1vw;
}
#classic_page .inf_top{
    margin: 0 0 10vw 9vw;
}
#classic_page .inf_bot dl{
    margin: 0;
    position: relative;
}
#classic_page .inf_bot dl:nth-child(1),#case .inf_bot dl:nth-child(1){
    width: 40%;
}
#classic_page .inf_bot dl:nth-child(2),#case .inf_bot dl:nth-child(2){
    width: 60%;
}
#classic_page .inf_bot,#case .inf_bot{
    position: relative;
    display: flex;
    align-items: flex-start;
}
#classic_page section{
    padding-top: 8.3vw;
}
#classic .btn h3{
    font-size: 1.2vw;
    margin: 1.2vw 0 1vw 0.4vw;
    color: #474747;
    font-family: "Noto Sans TC", serif;
    line-height: 0;
}
#classic .btn:hover{
    text-decoration: none;
    cursor: pointer;
}
#classic .btn:hover .btn_img:after{
    opacity: 0;
}
#classic .btn{
    position: absolute;
    padding: 0.5vw 0.5vw 0.3vw 0.5vw;
    background: #FFFF;
    left: 33.8vw;
    top: 12.6vw;
    width: 18vw;
}
.btn_img{
    position: relative;
    display: inline-block;
}
.btn_img_con{
    position: relative;
}
.btn_img_con:after{
    content: '';
    background: rgba(80,80,80,0.5);
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    mix-blend-mode: darken;
    transition: 0.3s all linear;
}
a:hover .btn_img_con:after{
    opacity: 0;
}
#case #case_txt #txt{
    background: url("../img/case/bg.jpg");
}
#classic #case_txt #txt{
    background: url("../img/case/bg2.jpg");
    padding: 0 0 4.5vw 0;
    background-attachment: fixed;
    background-size: cover;
}
body#classic_page{
    background: url("../img/case/bg2.jpg");
}
.hot{
    padding: 0 0 2vw 0;
}
.hot_txt h2{
    font-size: 1.8vw;
    margin: 3vw 0 1.5vw 0;
    font-family: 'Noto Serif TC', serif;
    font-weight: 600;
    letter-spacing: 0.05vw;
}
#classic_page .hot_txt h2{
    color: #D8D8D8;
}
.inf_bot{
    position: absolute;
    bottom: 0;
}
#classic_page .year{
    color: #D8D8D8;
}
.classic_list .year{
    font-size: 2.8vw;
    font-family: "LINE Seed", serif;
    color: rgba(193,193,193,0.8);
    position: absolute;
    z-index: 2;
}
.classic_list h3{
    position: absolute;
    margin: 0;
    color: #474747;
    font-size: 1.14vw;
    letter-spacing: 0.03vw;
    z-index: 2;
    font-family: 'Noto Serif TC', serif;
}
.hot_txt .year {
    font-size: 2.8vw;
    font-weight: 100;
    font-family: "Noto Sans TC", serif;
    letter-spacing: 0.2vw;
    color: #474747;
}
.hot_txt .inf{
    display: flex;
}
.hot_txt .txt{
    width: 77%;
    font-size: 0.8vw;
    line-height: 220%;
    letter-spacing: 0.05vw;
    text-align: justify;
    font-family: 'Noto Serif TC', serif;
    font-weight: 500;
    color: #474747;
}
.hot .fotorama__thumb-border {
    border-color: #D8D8D8;
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .3), rgba(64, 64, 64, .3));
}
.hot_con{
    display: flex;
}
#classic_page .hot_txt{
    color: #D8D8D8;
    margin: 0.4vw 0 0 0;
    width: 44vw;
}
.hot_txt{
    width: 40vw;
    margin: 0.4vw 0 0 4vw;
    position: relative;
}
.en{
    width: 11.5%;
    display: inline-block;
}
.fotorama{
    width: 44.7%;
}
svg.uk-svg{
    fill: #474747;
}
body#brand,body#service {
    margin: 0;
    background: url(../img/brand/bg2.jpg?a0422);
    background-size: cover;
}
body#contact .uk-subnav-pill>*>:first-child{
    color:#474747;
}
body#contact .uk-subnav>*,body#case .uk-subnav>*,body#classic .uk-subnav>*,body#classic_page .uk-subnav>*{
    padding: 0 2%;
    z-index: 1;
    cursor: pointer;
    width: 14vw;
}
body#contact .uk-subnav:after,body#case .uk-subnav:after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: rgba(89,87,87,0.5);
}
body#classic .uk-subnav:after,body#classic_page .uk-subnav:after{
    background: rgba(255,255,255,0.5);
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
}
body#contact .uk-subnav,body#case .uk-subnav,body#classic .uk-subnav,body#classic_page .uk-subnav{
    position: relative;
    margin: 3% 0;
    padding: 0;
    width: 100%;
    justify-content: center;
    z-index: 0;
}
body#contact .uk-subnav-pill>*>a:hover,body#case .uk-subnav-pill>*>a:hover,body#classic .uk-subnav-pill>*>a:hover{
    background-color: transparent;
}
body#contact .uk-subnav-pill>.uk-active>a #bg,body#case .uk-subnav-pill>.uk-active>a #bg,body#classic .uk-subnav-pill>.uk-active>a #bg{
    background-color: #474747;
    color: #474747;
    height: 100%;
}
body#contact .uk-subnav-pill>.uk-active>a #t,body#case .uk-subnav-pill>.uk-active>a #t,body#classic .uk-subnav-pill>.uk-active>a #t{
    color: #FFFFFF;
}
body#contact .uk-subnav-pill>.uk-active>a,body#case .uk-subnav-pill>.uk-active>a,body#classic .uk-subnav-pill>.uk-active>a{
    background-color: transparent;
    border: 1px solid #ACABAB;
}
body#contact .uk-subnav-pill a,body#case .uk-subnav-pill a,body#classic .uk-subnav-pill a{
    background-color: transparent;
    border: 1px solid #999999;
    cursor: pointer;
}
body#contact .uk-subnav-pill a #t,body#case .uk-subnav-pill a #t,body#classic .uk-subnav-pill a #t{
    color: #000000;
}
body#contact .uk-subnav-pill a #bg,body#case .uk-subnav-pill a #bg,body#classic .uk-subnav-pill a #bg,body#classic_page .uk-subnav-pill a #bg{
    background-color: #FFFFFF;
    color: #FFFFFF;
}
body#contact .uk-subnav-pill a,body#case .uk-subnav-pill a,body#classic .uk-subnav-pill a,body#classic_page .uk-subnav-pill a{
    padding: 0;
}
body#service .inf{
    position: absolute;
    width: 48%;
    right: 0;
    top: 33%;
    /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https: //colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+26,0+82 */
    background: linear-gradient(to right,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 26%,rgba(255,255,255,0) 82%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 0 0 3vw 0;
}
.add{
    font-size: 0.98vw;
    letter-spacing: 0.1vw;
}
.tel{
    font-size: 0.9vw;
}
#brand .footer_menucon ul li:nth-child(1) a,#case .footer_menucon ul li:nth-child(2) a ,#classic .footer_menucon ul li:nth-child(2) a,#classic_page .footer_menucon ul li:nth-child(2) a,#service .footer_menucon ul li:nth-child(3) a,#contact .footer_menucon ul li:nth-child(4) a {
    color: rgba(71, 71, 71, 1);
}
.footer_menu .link_items{
    margin: -1vw 0 0 0;
}
.footer_menu_top{
    width: 10%;
    text-align: left;
}
.down{
    position: absolute;
    left: 47.5%;
    top: 60%;
    z-index: 1;
    width: 5%;
    mix-blend-mode: color-dodge;
}
.product_switcher .uk-list li:first-child {
    margin: 0;
}
.product_switcher .uk-list li {
    width: 100%;
}
.product_tip{
    color:#FFFFFF;
    font-size:0.72vw;
    letter-spacing:0.05vw;
    width:100%;
    text-align:center;
    padding: 0 0 0.93vw 0;
}
.brand_con2 {
    background: url("../img/brand/4.jpg");
    background-size: cover;
    background-position: center bottom;
}
.contact_con{
}
.contact_con .txt{
    display: flex;
    flex-direction: column;
    margin: 0 10vw 0 0;
}
.contact_list {
    width: 28.5%;
    display: inline-block;
}
body#contact .line {
    width: 0.5px;
    margin: 2.6vw 3vw 0 3vw;
    height: 100%;
    background: rgba(178, 129, 70, 0.5);
    display: flex;
}
#to_form li.submit_td{
    margin: 2.3vw 0 1vw 0;
    display: flex;
    justify-content: space-between;
}
#to_form li.tip {
    margin: 0;
}
.reset{
    background: #595757;
}
.submit{
    background: #B28146;
}
#to_form li.contact_txt{
    margin: 1vw 0 0.3vw 0;
}
#to_form li + li{
    margin: 1.5vw 0 0 0;
}
.contact_tip .uk-checkbox{
    margin: 0 5px 0 0;
}
.contact_txt,.contact_tip .uk-form-label{
    font-size: 0.7vw;
    letter-spacing: 0.05vw;
    line-height: 180%;
    color: #595757;
    text-align: justify;
    font-family: "Noto Sans TC", serif;
    margin: 1vw 0;
}
#to_form li button + button{
    margin: 0;
}
.con_btn{
    color: #FFF;
    font-size: 1vw;
    letter-spacing: 0.03vw;
    text-indent: 0.03vw;
    top: 0;
    border: 0;
    width: 100%;
    display: inline-block;
    padding: 0.5vw 0;
}
img#authnum2 {
    width: 20%;
    right: 0;
    bottom: 0.3vw;
    position: absolute;
}
.submit_td{
    position: relative;
}
#to_form ul{
}
#content_form textarea {
    width: calc(100% - 20px);
    border: 1px solid rgba(90,90,90,0.5);
    height: 3vw;
    margin: 0.5vw 0 0 0;
    padding: 10px;
    font-family: "Noto Sans TC", serif;
    min-height: 50px;
}
.input_tit {
    display: inline-block;
    font-size: 0.8vw;
    letter-spacing: 0.1vw;
    float: left;
    font-weight: bold;
    color: #5A5A5A;
    width: 4.5vw;
    font-family: "Noto Sans TC", serif;
}
input[type="text"] {
}
#map{
    width: 100%;
    height: 15vw;
}
.product_page_infimg{
    width: 70%;
    margin: 0 15%;
}
#product.product_page  .product_list {
    width: 82%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
}
.product_switcher div img{
    width: 95%;
    margin: 0 2.5%;
}
body.product_page .product_list li{
    line-height: 2.25;
}
body.product_page .product_list ul{
    width: 100%;
}
.uk-switcher.product_switcher{
    color: #ffffff;
    width: 100%;
    font-size: 0.8vw;
    margin: 2vw 0 !important;
    display: inline-block;
}
.product_switcher_menu.uk-tab::before{
    border-bottom-style: none;
}
.product_switcher_menu.uk-tab>*>a {
    border-bottom: 1px solid transparent;
}
.product_switcher_menu.uk-tab>.uk-active{
    border-bottom: 3px solid #FFC483 !important;
}
.product_switcher_menu.uk-tab>.uk-active>a {
    color: #333;
    border-style: none;
}
.product_switcher_menu.uk-tab>*>a:hover,.product_switcher_menu.uk-tab>*>a,.product_switcher_menu.uk-tab>.uk-active>a{
    color: #FFC483;
    font-size: 0.8vw;
    letter-spacing: 0.05vw;
}
#product .product_switcher_menu li{
    padding: 0;
    flex-grow: 1;
    border-bottom: 1px solid rgba(193, 193, 193, 0.5);
    margin: 0;
}
#product.product_page .product_list li + li{
    margin: 0;
}
.product_table .uk-table td.price{
    padding: 0.2vw 1vw;
}
.product_table .uk-table td {
    padding: 0.2vw 0.4vw;
}
.product_table {
    border-top: 1px solid rgba(193, 193, 193, 0.5);
    border-bottom: 1px solid rgba(193, 193, 193, 0.5);
    padding: 1.4vw 0 1.4vw 2%;
    margin-bottom: 3vw;
}
.uk-table .en{
    letter-spacing: 0.05vw;
}
.product_page_inf .uk-table th{
    color: #C1C1C1;
    padding: 0.2vw 0.5vw 0.2vw 0;
    font-size: 0.8vw;
}
.product_page_inf table{
    color: #ffffff;
    font-size: 0.8vw;
    margin: 0;
}
.product_page_inf_t{
    display: flex;
    justify-content: space-between;
}
.product_page_inf{
    width: 50%;
    display: inline-block;
    margin: 1.3vw 0 0 0;
}
.product_slideshow{
    width: 45%;
    display: inline-block;
}
.product_list dl{
    width: 85%;
    margin: 0 7.5%;
}
#product.product_page .product_menulist a:hover,#product.product_page .product_menulist .active a{
    color: #FFFFFF;
}
.model_list,.product_inf .model{
    font-size: 0.72vw;
    letter-spacing: 0.05vw;
}
.product_menulist li svg{
    margin: 0 0.2vw 0 0;
    width:auto;
}
.product_menulist a{
    color: #AFAFAF;
    font-size: 0.8vw;
    letter-spacing: 0.1vw;
    font-family: "Noto Sans TC", serif;
}
.product_menulist a:hover,.product_menulist .active a{
    color: #595757;
    text-decoration: none;
}
.brand_con2{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 4vw 0 11vw 0;
}
body#brand .brand_con2 .line{
    display: block;
    margin: 0 0 2vw 50%;
    text-align: center;
    border: 0!important;
}
.brand_con2 .txt,.brand_con .txt{
    font-family: "Noto Serif TC", serif;
    font-size: 0.9vw;
    letter-spacing:0.15vw;
    color: #474747;
}
.brand_con2 .txt{
    line-height: 200%;
    width: 100%;
    margin: 0;
}
.txt .en{
    font-size: 0.8vw;
    letter-spacing: 0.1vw;
    margin: 0 0 2.8vw 0;
}
.en{
    font-family: Arial;
}
.product_page_inf_t .price.en{
    font-size: 1.15vw;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.05vw;
    display: inline-block;
    margin: 0 1vw 0 0;
}
.product_page_inf_t h3{
    color: #FFC483;
    letter-spacing: 0.05vw;
    font-weight: bold;
    font-family: "Noto Sans TC", serif;
    display: inline-block;
    font-size: 1.25vw;
    padding: 0 0 0 2%;
}
body#brand .line{
    width: 0.5px;
    margin: 1.5vw 3vw;
    height: 5.7vw;
    background: rgba(178,129,70,0.5);
}
.brand_con p{
    font-family: "Noto Serif TC", serif;
    line-height: 200%;
    color: #595757;
    margin: 0;
    letter-spacing: 0.15vw;
    text-align: justify;
    font-size: 0.8vw;
}
.brand_con h3,.contact_con h3 {
    color: #B28146;
    font-size: 1.25vw;
    letter-spacing: 0.3vw;
    padding: 0;
    margin: 0;
    font-family:  "Noto Serif TC", serif;
    font-weight: 500;
}
.brand_con img.img{
    width: 56%;
    margin: 0 0 0 3%;
}
.brand_con .txt{
    width: 30%;
}
.brand_con{
    /* display: flex; */
    /* justify-content: space-between; */
    /* font-family: "Noto Serif TC", serif; */
    /* align-items: center; */
}
.copyright{
    font-size: 0.625vw;
    letter-spacing: 0.1vw;
    text-align: center;
    padding: 0 2.8% 0.5% 0;
    color: #FFFFFF;
}
body#index{
    background: #D3D3D3;
}
footer .logo svg{
    width: 11vw;
    margin: 0 3vw 0 0;
}
.inf_menu{
    font-size: 0.7vw;
}
.inf_menu svg{
    width: 1.7vw;
}
.footer_menucon .en_menu .f_menu li {
    letter-spacing: 0.03vw;
}
.footer_menucon .en_menu h3{
    font-size: 1.3vw;
    letter-spacing: 0.05vw;
}
.f_menu li + li{
    border-left: 0;
    padding: 0 0 0 1vw;
}
.f_menu li{
    letter-spacing: 0.1vw;
    font-size: 0.83vw;
}
.footer_menucon ul li a{
    color: rgba(71,71,71,0.5);
}
.footer_menucon ul li a:hover{
    text-decoration: none;
    color: rgba(71,71,71,1);
}
.footer_menucon h3{
    color: #ffffff;
    font-size: 1.56vw;
    font-weight: 600;
    letter-spacing: 0.3vw;
    margin: 0 0 0.5vw 0;
}
.inf_menu{
    width: 40%;
    border-top: 0;
    padding: 0.6vw 0 0.6vw 3%;
    text-align: left;
    letter-spacing: 0.05vw;
    position: relative;
}
.inf_menu:after{
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    top: 0;
    background: rgba(35,35,35,0.5);
}
.inf_menu li + li{
    /* padding: 0 0 0 1.8vw; */
    margin: 2% 0 0 0;
}
.footer_menucon{
    width: 86%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: flex-end;
}
.ch_menu{
    display: flex;
    flex-direction: column;
    width: 55%;
    text-align: left;
    margin: 0 0 1.5vw 3%;
}
.en_menu{
    display: flex;
    flex-direction: column;
    width: 56%;
    flex-wrap: wrap;
    text-align: left;
    margin: 0 0 0.4vw 0;
}
.footer_menu{
    display: flex;
    width: 82%;
    margin: 0 auto;
    justify-content: space-between;
    padding: 1.2vw 0 1vw 0;
}
.main_menu h1 a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
footer .logo svg path{
    fill: #FFFFFF !important;
}
.product_menu_item .uk-accordion-title::before{
    background-image: url(../img/product/add.svg);
}
.product_menu_item .uk-open>.uk-accordion-title::before{
    background-image: url(../img/product/esc.svg);
}
.uk-open>.uk-accordion-title::before{
    background-image: url(../img/product/esc.svg) !important;
}
.pro_page_b .product_menu_item .uk-accordion-title::before{
    background-image: url(../img/product/add_b.svg);
}
.pro_page_b .product_menu_item .uk-open>.uk-accordion-title::before{
    background-image: url(../img/product/esc_b.svg);
}
.pro_page_b .uk-open>.uk-accordion-title::before{
    background-image: url(../img/product/esc_b.svg) !important;
}
.product_menu.addtop{
    position: fixed;
}
.pro_page_b{
    background: url("../img/product/bg2.jpg");
    background-size: cover;
    background-attachment: fixed;
}
.product_a .con{
    background: url("../img/product/bg1.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
}
.product_list a:hover{
    text-decoration: none;
}
.product_list dt:after{
    content: '';
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #B28146;
    height: 2.8px;
    opacity: 0;
}
.product_list a:hover dt:after{
    opacity: 1;
    transition: 0.5s all;
    width: 100%;
}
.product_inf .model{
    margin: 0 5% 0 0;
}
.product_inf{
    color: #AFAFAF;
    padding: 5% 0 0 0;
    display: flex;
    justify-content: center;
    font-family: "Noto Sans TC", serif;
}
.product_list dt{
    color: #B28146;
    text-align: center;
    border-bottom: 0.25px solid rgba(87,89,89,0.5);
    letter-spacing: 0.01vw;
    font-size: 0.93vw;
    padding: 0 0 5% 0;
    position: relative;
    font-family: "Noto Sans TC", serif;
}
.product_menu .product_menu_item:nth-child(1){
    border-top: 1.5px solid #B28146;
}
.product_menu_item .uk-accordion-content {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex-wrap: nowrap;
}
.product_menu.uk-accordion>:nth-child(n+2) {
    margin-top: 0;
}
.product_menu_item{
    border-bottom: 1.5px solid #B28146;
}
.pro_page_b .product_menu_item{
    border-bottom: 1.5px solid #FFC483;
}
.product_menu_item .uk-accordion-title,.product_menu_item .uk-accordion-title:hover{
    color: #B28146;
    padding: 8% 0;
    font-size: 0.93vw;
    font-weight: bold;
    letter-spacing: 0.04vw;
    text-indent: 4%;
    font-family: "Noto Sans TC", serif;
}
#product.product_page .product_menulist a{
    color: #C1C1C1;
}
.pro_page_b .product_menu_item .uk-accordion-title{
    color: #FFC483;
}
.pro_page_b .product_menu .product_menu_item:nth-child(1){
    border-top: 1.5px solid #FFC483;
}
.product_menulist{
    padding-left: 0;
}
.product_con{
    width: 78%;
    margin: 0 auto;
    display: flex;
    padding: 0 0 5% 0;
    position: relative;
}
.product_menu{
    width: 13%;
    margin: 0 5% 0 0;
}
.product_list{
    width: 82%;
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: flex-start;
    justify-content: space-between;
}
.product_list ul{
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
}
.product_list li{
    width: 20%;
    display: inline-block;
    margin: 0 2.5% 1% 2.5%;
}
.product_menulist li #txt{
    color:#AFAFAF;
    transition: 0.5s all;
}
.product_menulist li #img{
    color:#AFAFAF;
    transition: 0.5s all;
}
.pro_page_b .product_menulist li #txt {
    color: #C1C1C1;
    transition: 0.5s all;
}
.pro_page_b .product_menulist li #img {
    color: #C1C1C1;
    transition: 0.5s all;
}
.product_menulist li{
    margin: 0.5vw 0;
    width: 100%;
}
.product_menulist li:hover #txt, .product_menulist li.active #txt{
    color:#595757;
}
.product_menulist li:hover #img, .product_menulist li.active #img{
    color:#595757;
}
.pro_page_b li.active #txt,.pro_page_b .product_menulist li:hover #txt{
    color:#ffffff;
}
.pro_page_b li.active #img,.pro_page_b .product_menulist li:hover #img{
    color:#ffffff;
}
.main_menu.addtop .link_items,#classic_page .main_menu .link_items{
    justify-content: flex-start;
    margin: 1.5vw 0 0 0;
}
#index footer {
    position: relative;
    bottom: 0;
    width: 100%;
}
body {
    font-size: 16px;
    overflow-x: hidden;
    font-family: 'Noto Sans TC', Microsoft JhengHei;
}
footer{
    background: #D3D3D3;
    text-align: center;
    color: #474747;
    letter-spacing: 0.5px;
    font-family: 'Microsoft JhengHei', sans-serif;
    position: relative;
}
footer ul li{
    display: inline-block;
}
footer ul li+li{
    margin: 0 0 0 13px;
}
.rose svg{
    height:21px;
}
.product_menulist.uk-slider-items{
    flex-direction: column;
}
.contact_tip .uk-checkbox:checked {
    background-color: #B28146;
}
.contact_tip .uk-checkbox:checked:focus,.contact_tip .uk-checkbox:indeterminate:focus,.contact_tip .uk-radio:checked:focus{
    background-color: #B28146;
}