@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Noto+Sans+TC:wght@100..900&display=swap');

.banner{display: none;}
.hs_box * { line-height:150%; font-size:15px; border:0; outline:none; text-decoration:none; padding:0; margin:0; list-style:none; box-sizing:border-box;  font-family: 'Noto Sans TC'; 
-webkit-transition: ease .4s; -moz-transition: ease .4s; -ms-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.hs_box{overflow: hidden;scroll-behavior: smooth;background-color: #ffffff00;max-width: 2000px;margin: auto;}
.hs_box sub, .hs_box sup{vertical-align: unset;}
.hs_box i, .hs_box em , .hs_box dfn , .hs_box var{font-style: normal;line-height: 0px;}/*斜線標籤轉正*/
.hs_box table{border-spacing: 0px;border-collapse: collapse;}
.hs_box table td{border: 1px solid #000;}
.hs_box img { max-width:100%;line-height: 0px;}
.hs_clear::before, .hs_clear::after { content:''; display: table; }
.hs_clear::after { clear: both;}
.hs_clear { zoom: 1; }

/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 1.6s ease, opacity 1.6s ease;}
[data-animate-in="up"] { transform: translate3d(0, 10px, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-5%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(5%, 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="rotateIn"] {transform: scale(.3) rotate(-10deg);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0) rotate(0deg); -webkit-transform:translate3d(0,0,0) rotate(0); transition: transform .8s ease, opacity .8s ease;}
.fade-in { opacity: 0; transition: opacity .5s ease; }
/*Animations-end*/

/*關鍵字*/
.key_words{height: 0; max-height: 0; overflow: hidden;}
.key_words h2, .key_words h3, .key_words h4, .key_words h5, .key_words h6{color: rgba(255,255,255,.0);}

    html{
        scroll-behavior: smooth;
    }
    .edit_part {
        max-width: 100%;
        margin: auto;
        padding: 0;
    }
    .content_flex{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .content{max-width: unset;margin: auto;}

    .hs_box{
        --f28:28px;
        --f26:26px;
        --f24:24px;
        --f20:20px;
        --f18:18px;
        --f16:16px;
        --f14:14px;
        --color1: #2C1908;
        --color2: #8B7234;
        --color3: #242413;
        --color4: #868686;
    }

    /*首頁*/
    .mui_a{
        padding: 70px 5%;
    }
    .mui_a dl{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mui_a dl dt{
        align-self: stretch;
    }
    .mui_a dl dt img{
        min-height: 100%;
        object-fit: cover;
    }
    .mui_a dl dd{
        width: 580px;
        margin: 0 0 0 30px;
    }
    .mui_a dl dd h4{
        font-size: var(--f28);
        color: var(--color1);
        line-height: 140%;
        letter-spacing: 0.1em;
    }
    .mui_a dl dd i{
        display: block;
        margin: 30px 0;
    }
    .mui_a dl dd em{
        display: block;
        font-size: var(--f18);
        color: var(--color2);
        line-height: 160%;
        letter-spacing: 0.05em;
    }
    .mui_a dl dd p{
        font-size: var(--f16);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 30px 0;
        color: var(--color3);
    }
    .mui_a dl dd a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 145px;
        width: 100%;
        background-color: var(--color1);
        padding: 10px 15px;
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_a dl dd a::after{
        content: '+';
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_a dl dd a:hover{
        background-color: var(--color2);
    }

    .mui_b{
        padding: 70px 5%;
        background-color: rgba(221, 221, 221, .1);
    }
    .mui_b > figure{
        text-align: center;
    }
    .mui_b > figure h4{
        font-size: var(--f26);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_b > figure h4 s{
        display: inline-block;
        font-size: var(--f26);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_b > figure p{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.05em;
        font-weight: bold;
        margin: 10px 0 0;
    }
    .mui_b01{
        max-width: 1600px;
        margin: 50px auto 0;
        padding: 0 8%;
        position: relative;
        z-index: 1;
    }
    .mui_b01 a{
        display: block;
        text-align: center;
    }
    .mui_b01 a i{
        display: block;
        min-width: fit-content;
        margin: auto;
        line-height: 0px;
    }
    .mui_b01 a section{
        min-height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 10px 0;
    }
    .mui_b01 a section h4{
        font-size: var(--f20);
        color: var(--color3);
        line-height: 180%;
        letter-spacing: 0.1em;
        font-weight: normal;
    }
    .mui_b01 a section p{
        font-size: var(--f14);
        color: var(--color4);
        line-height: 180%;
        letter-spacing: 0.1em;
        font-weight: normal;
    }
    .mui_b01 a em{
        display: block;
        padding: 10px;
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
        background-color: var(--color1);
    }
    .mui_b01 a:hover em{
        background-color: var(--color2);
    }
    .owl-theme .owl-nav{
        margin: unset;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        z-index: -1;
    }
    .owl-theme .owl-dots{
        display: none;
    }
    .owl-theme .owl-nav [class*='owl-'],
    .owl-theme .owl-nav [class*='owl-']{
        margin: unset;
        height: unset;

    }
    .owl-theme .owl-nav [class*='owl-']:hover{
        background: unset;
        color: unset;
    }
    .owl-prev span, 
    .owl-next span{
        display: block;
        font-size: 90px;
        font-weight: 300;
        color: var(--color1);
        line-height: 100%;
    }
    .owl-prev:hover span, 
    .owl-next:hover span{
        color: var(--color2);
    }
    .owl-carousel .owl-item img{
        height: unset !important;
    }

    .mui_c{
        padding: 70px 5% 100px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .mui_c > img{
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: -1;
        max-width: 1310px;
        width: 60vw;
        min-width: 300px;
    }
    .mui_c01{
        max-width: 1340px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mui_c01 section{
        width: 600px;
        margin: 0 30px 0 0;
    }
    .mui_c01 section h4{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .mui_c01 section h5{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 15px 0 0;
    }
    .mui_c01 section p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 30px 0;
    }
    .mui_c01 section div{
        max-width: 300px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .mui_c01 section div a{
        display: block;
        position: relative;
        z-index: 1;
        padding: 15px 10px;
    }
    .mui_c01 section div a::after{
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--color1);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: -1;
        transition: all .4s;
    }
    .mui_c01 section div a em{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: var(--f14);
        color: #2C1908;
        line-height: 120%;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    .mui_c01 section div a em::after{
        content: '+';
        font-size: var(--f14);
        color: #2C1908;
        line-height: 120%;
        letter-spacing: 0.05em;
        font-weight: 500;
        transition: all .4s;
    }
    .mui_c01 section div a:hover::after{
        height: 100%;
        background-color: var(--color2);
        transition: all .4s;
    }
    .mui_c01 section div a:hover em,
    .mui_c01 section div a:hover em::after{
        color: #fff;
        transition: all .4s;
    }
    .mui_c02{
        max-width: 1310px;
        margin: 70px auto 150px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mui_c02 section{
        width: 600px;
        margin: 0 0 0 30px;
    }
    .mui_c02 section h4{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .mui_c02 section h5{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 15px 0 0;
    }
    .mui_c02 section p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 30px 0 0;
    }
    .mui_c03{
        max-width: 1600px;
        margin: auto;
    }
    .mui_c03 section{
        margin: 0 0 50px;
    }
    .mui_c03 section h4{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .mui_c03 section h5{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 10px 0 0;
    }
    .mui_c03 section p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 20px 0 0;
    }
    .mui_c03 dl{
        max-width: 1200px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 50px;
    }
    .mui_c03 dl dd{
        border-radius: 20px;
        overflow: auto;
        background-color: #555555;
    }
    .mui_c03 dl dd p{
        font-size: var(--f16);
        color: #fff;
        line-height: 180%;
        letter-spacing: 0.05em;
        padding: 20px 15px;
    }

    .mui_d{
        padding: 50px 5%;
        text-align: center;
    }
    .mui_d > h4{
        font-size: var(--f24);
        color: #2C1908;
        line-height: 180%;
        letter-spacing: 0.1em;
    }
    .mui_d ul{
        max-width: 1400px;
        margin: 50px auto 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .mui_d ul li{
        background-position: center;
        background-size: cover;
        height: 460px;
        padding: 30px 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mui_d ul li:nth-of-type(1){
        background-image: url(../images/home/mu_img09.jpg);
    }
    .mui_d ul li:nth-of-type(2){
        background-image: url(../images/home/mu_img10.jpg);
    }
    .mui_d ul li:nth-of-type(3){
        background-image: url(../images/home/mu_img11.jpg);
    }
    .mui_d ul li:nth-of-type(4){
        background-image: url(../images/home/mu_img12.jpg);
    }
    .mui_d ul li section{
        max-width: 375px;
        width: 100%;
        margin: auto;
        background-color: rgba(34, 34, 34, .8);
        padding: 50px 5%;
    }
    .mui_d ul li section h5{
        font-size: var(--f24);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 0 0 15px;
    }
    .mui_d ul li section p{
        font-size: var(--f18);
        color: #fff;
        line-height: 160%;
        letter-spacing: 0.05em;
        font-weight: 500;
        max-width: 275px;
        margin: auto;
    }
    .mui_e{
        padding: 50px 5%;
    }
    .mui_e > section{
        text-align: center;
    }
    .mui_e > section h4{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 150%;
        letter-spacing: 0.1em;
        margin: 0 0 30px;
    }
    .mui_e > section h5{
        font-size: var(--f18);
        color: var(--color3);
        line-height: 160%;
        letter-spacing: 0.05em;
    }
    .mui_e > section p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 180%;
        letter-spacing: 0.05em;
        margin: 5px auto 50px;
        max-width: 965px;
    }
    .mui_e ul{
        max-width: 1255px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .mui_e ul li{
        padding: 20px 5%;
        background-color: rgba(221, 221, 221, .2);
        min-height: 175px;
    }
    .mui_e ul li h5{
        font-size: var(--f18);
        color: var(--color2);
        line-height: 160%;
        letter-spacing: 0.05em;
        margin: 0 0 5px;
    }
    .mui_e ul li h5 s{
        display: inline-block;
        font-size: var(--f18);
        color: var(--color2);
        line-height: 160%;
        letter-spacing: 0.05em;
    }
    .mui_e ul li p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 200%;
        letter-spacing: 0.05em;
    }
    .mui_e > i{
        display: block;
        max-width: fit-content;
        margin: 50px auto;
    }
    .mui_e > h6{
        font-size: var(--f24);
        color: var(--color1);
        text-align: center;
        line-height: 180%;
        letter-spacing: 0.1em;
        margin: 50px auto;
    }
    .mui_e dl{
        max-width: 1024px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        gap: 20px;
    }
    .mui_f{
        padding: 70px 5%;
        background: url(../images/home/mu_bg02.jpg);
        background-position: center;
        background-size: cover;
        text-align: center;
    }
    .mui_f > h4{
        font-size: var(--f26);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .mui_f > h5{
        font-size: var(--f24);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 10px 0 0;
        font-weight: normal;
    }
    .mui_f > p{
        max-width: 580px;
        font-size: var(--f16);
        color: #fff;
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 40px auto 30px;
    }
    .mui_f > b{
        display: block;
        font-weight: normal;
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.1em;
        font-size: var(--f20);
    }
    .mui_f > a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 145px;
        margin: 50px auto 0;
        width: 100%;
        background-color: var(--color2);
        padding: 10px 15px;
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_f > a::after{
        content: '+';
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_f > a:hover{
        background-color: #EACC65;
        color: var(--color1);
    }
    .mui_f > a:hover::after{
        color: var(--color1);
    }
    .mui_g{
        padding: 70px 5%;
        background: url(../images/home/mu_bg03.jpg);
        background-position: center;
        background-size: cover;
    }
    .mui_g > h4{
        font-size: var(--f26);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
        text-align: center;
    }
    .mui_g > h5{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 10px 0 0;
        font-weight: 600;
        text-align: center;
    }
    .mui_g ul{
        max-width: 1250px;
        margin: 50px auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .mui_g ul li{
        border-radius: 15px;
        background-color: rgba(255, 255, 255, .6);
        box-shadow: 3px 3px 3px rgba(114, 130, 134, .4);
        padding: 30px 5%;
        min-height: 340px;
    }
    .mui_g ul li i{
        display: block;
        max-width: fit-content;
        margin: 0 auto 15px;
    }
    .mui_g ul li p{
        max-width: 540px;
        margin: auto;
        font-size: var(--f14);
        color: var(--color3);
        line-height: 180%;
        letter-spacing: 0.05em;
    }
    .mui_g > a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 200px;
        margin: 0 auto 0;
        width: 100%;
        background-color: var(--color1);
        padding: 15px;
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_g > a::after{
        content: '+';
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mui_g > a:hover{
        background-color: var(--color2);
    }

    .mui_h{
        padding: 70px 0 70px 5%;
    }
    .mui_h dl{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .mui_h dl dd{
        width: 100%;
        max-width: 300px;
        margin: 0 5% 0 0;
    }
    .mui_h dl dd h4{
        font-size: var(--f26);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
    }
    .mui_h dl dd h5{
        font-size: var(--f24);
        color: var(--color1);
        line-height: 120%;
        letter-spacing: 0.1em;
        margin: 10px 0 0;
        font-weight: 600;
    }
    .mui_h dl dd p{
        font-size: var(--f18);
        color: var(--color3);
        line-height: 160%;
        letter-spacing: 0.05em;
        margin: 40px 0 0;
    }
    @keyframes leftscroll {
        0%{background-position: 0px;}
        100%{background-position: -4000px;}
    }
    .mui_h dl dt{
        height: 415px;
        width: 100%;
        max-width: 1430px;
        background: url(../images/home/mu_img17.jpg);
        background-position: center;
        background-size: cover;
        animation: leftscroll 100s infinite linear;
    }
    /*首頁 end*/

    /*品牌介紹*/
    .mub_a{
        padding: 100px 5%;
    }
    .mub_a01{
        max-width: 1440px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mub_a01 section{
        width: 565px;
        margin: 0 0 0 30px;
    }
    .mub_a01 section h4{
        font-size: var(--f28);
        color: var(--color1);
        line-height: 140%;
        letter-spacing: 0.1em;
    }
    .mub_a01 section h4 s{
        display: inline-block;
        font-size: var(--f28);
        color: var(--color1);
        line-height: 140%;
        letter-spacing: 0.1em;
    }
    .mub_a01 section h5{
        font-size: var(--f18);
        color: #8B7234;
        line-height: 160%;
        letter-spacing: 0.05em;
        margin: 30px 0;
        font-weight: normal;
    }
    .mub_a01 section p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 30px 0;
    }
    .mub_a01 section dl{
        max-width: 300px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .mub_a01 section dl dd{
        text-align: center;
        max-width: fit-content;
        margin: 20px 0 0;
    }
    .mub_a01 section dl dd s{
        display: block;
        font-size: var(--f14);
        color: var(--color2);
        line-height: 180%;
        letter-spacing: 0.1em;
        font-weight: bold;
        margin: 10px 0 0;
    }
    .mub_a02{
        max-width: 1440px;
        margin: 100px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mub_a02 section{
        width: 615px;
        margin: 0 30px 0 0;
    }
    .mub_a02 section h4{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .mub_a02 section h4 s{
        font-size: var(--f20);
        color: var(--color2);
        line-height: 180%;
        letter-spacing: 0.1em;
        min-width: fit-content;
        margin: 0 20px 0 0;
        font-style: italic;
    }
    .mub_a02 section h4::after{
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--color2);
    }
    .mub_a02 section p{
        font-size: var(--f16);
        color: var(--color3);
        line-height: 200%;
        letter-spacing: 0.05em;
        margin: 30px 0;
    }
    .mub_a02 section a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 200px;
        width: 100%;
        background-color: var(--color1);
        padding: 15px;
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mub_a02 section a::after{
        content: '+';
        font-size: var(--f14);
        color: #fff;
        line-height: 120%;
        letter-spacing: 0.05em;
    }
    .mub_a02 section a:hover{
        background-color: var(--color2);
    }
    /*品牌介紹 end*/


    @media (max-width: 1360px) {
        .hs_box{
            --f28:26px;
            --f26:24px;
            --f24:22px;
            --f20:20px;
            --f18:18px;
            --f16:16px;
            --f14:14px;
        }
            
        /*首頁*/
        .mui_d ul li{height: 360px;}
        .mui_h dl dt{height: 360px;}
        /*首頁 end*/

        /*品牌介紹*/
        /*品牌介紹 end*/
    }
    @media (max-width: 1024px) {
        /*首頁*/
        /*首頁 end*/

        /*品牌介紹*/
        .mub_a01{flex-direction: column-reverse;}
        .mub_a01 section{margin: 0 0 40px;width: 100%;max-width: 560px;}
        .mub_a02{flex-direction: column;}
        .mub_a02 section{max-width: 600px;width: 100%;margin: 0 0 40px;}
        /*品牌介紹 end*/
    }
    @media (max-width: 968px) {
        .hs_box{
            --f28:24px;
            --f26:22px;
            --f24:20px;
            --f20:18px;
            --f18:16px;
            --f16:16px;
            --f14:14px;
        }

        /*首頁*/
        .mui_a dl{flex-direction: column-reverse;}
        .mui_a dl dd{margin: 0 0 30px;width: 100%;max-width: 500px;}
        .mui_a dl dt img{min-height: unset;}
        .mui_c01{flex-direction: column;}
        .mui_c01 section{margin: 0 0 30px;width: 100%;max-width: 600px;}
        .mui_c02{flex-direction: column-reverse;}
        .mui_c02 section{margin: 0 0 30px;width: 100%;max-width: 600px;}
        .mui_c03{max-width: 600px;}
        .mui_c03 dl{grid-template-columns: 1fr 1fr;gap: 30px;}
        .mui_d ul li{height: 300px;}
        .mui_e ul{gap: 30px;}
        .mui_h{padding: 70px 5%;}
        .mui_h dl{flex-direction: column;}
        .mui_h dl dd{margin: 0 0 30px;text-align: center;}
        /*首頁 end*/

        /*品牌介紹*/
        /*品牌介紹 end*/
    }
    @media (max-width: 768px) {
        /*首頁*/
        .mui_c02{margin: 70px auto 100px;}
        .mui_d ul li{height: 260px;}
        .mui_e ul{grid-template-columns: 1fr;}
        .mui_e ul li{min-height: unset;}
        .mui_g ul{grid-template-columns: 1fr;gap: 30px;}
        .mui_g ul li{min-height: unset;}
        /*首頁 end*/

        /*品牌介紹*/
        .mub_a{padding: 70px 5%;}
        /*品牌介紹 end*/
    }
    @media (max-width: 568px) {
        .hs_box{
            --f28:22px;
            --f26:20px;
            --f24:18px;
            --f20:16px;
            --f18:15px;
            --f16:15px;
            --f14:13px;
        }

        /*首頁*/
        .owl-prev span, .owl-next span{font-size: 70px;}
        .mui_c03 dl{grid-template-columns: 1fr;}
        .mui_c03 dl dd img{width: 100%;}
        .mui_d ul{grid-template-columns: 1fr;}
        .mui_e dl{grid-template-columns: 1fr 1fr;}
        .mui_e dl dd:nth-of-type(1){grid-column: 1/2;grid-row: 1/2;}
        .mui_e dl dd:nth-of-type(3){grid-column: 2/3;grid-row: 1/2;}
        .mui_e dl dd:nth-of-type(2){grid-column: 1/3;}
        /*首頁 end*/

        /*品牌介紹*/
        /*品牌介紹 end*/
    }
    @media (max-width: 425px) {
        /*首頁*/
        .mui_b01{padding: 0 20px;}
        .owl-prev span, .owl-next span{font-size: 50px;}
        .mui_h dl dt{height: 300px;}
        /*首頁 end*/

        /*品牌介紹*/
        /*品牌介紹 end*/
    }
    @media (max-width: 375px) {
        /*首頁*/
        .mui_e ul li h5 s{display: block;}
        .mui_h dl dt{height: 260px;}
        /*首頁 end*/

        /*品牌介紹*/
        /*品牌介紹 end*/
    }