/*--------------copyright by vicky start-------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.5;
    letter-spacing: 2px;
    font-size: 16px;
    font-family: 'Noto Serif TC', 'Lora', serif;
    overflow-x: hidden;
    color: #1a1a1a;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
    transition: all .3s;
    box-sizing: border-box;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #303030;
}

img {
    max-width: 100%;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 0;
}

::selection {
    background: rgba(204, 204, 204, 1);
}


button,
html input[type=button],
input[type=reset],
input[type=submit] {
    background: #e4e3e5;
    border: solid 1px #203129;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .3);
    transition: .3s ease all;
    width: 150px;
    margin: 0 1%;
    color: #1e5802d;
}

#service_album button,
#service_album input[type=button],
#service_album input[type=reset],
#service_album input[type=submit] {
    width: auto;
    padding: 0 10px;
    font-size: 14px;
    background: #fff;
}

input[type=reset] {
    background: rgb(173, 176, 176);
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-radius: 50px;
}

/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/

/****head001 start****/
header {
    z-index: 90;
    position: relative;
}

/*mibutton*/
.mibutton {
    position: fixed;
    top: 2em;
    right: 2em;
    z-index: 50;
    cursor: pointer;
    width: 40px;
    height: 30px;
    text-align: left;
    display: none;
}

.mibutton span {
    display: block;
    text-align: center;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transition: .3s ease all;
}

.mibutton span:nth-child(2) {
    top: 10px;
}

.mibutton span:nth-child(3) {
    top: 22px;
}

.mibutton_ani span {
    opacity: 1;
    background: #fff;
}

.mibutton_ani span:nth-child(1) {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.mibutton_ani span:nth-child(2) {
    opacity: 0;
}

.mibutton_ani span:nth-child(3) {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/*navbar*/
.navbar {
    padding: 2rem 16rem 2rem 19rem;
    text-align: left;
    border-radius: 0;
    min-height: auto;
    margin: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.navtop,
.intop {
    position: fixed;
    z-index: 30;
    opacity: 1;
    pointer-events: auto;
    background: rgb(32 49 41 / 1);
    transition: .5s ease-in;
}

.navbar .menu_logo {
    width: 12%;
    display: inline-block;
    vertical-align: middle;
}

/*ibutton*/
.ibutton {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 85%;
}

.ibutton ul {}

.ibutton li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3rem 0 0;
    letter-spacing: 3px;
    text-align: center;
}

.ibutton li img {
    display: inline-block;
    vertical-align: super;
}

.ibutton a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: .2s ease all;
    height: 30px;
    letter-spacing: 1px;
    text-align: left;
}

p.ch {
    transition: .3s ease all;
    color: #ffffff;
    font-weight: 600;
}

p.en {
    transition: .3s ease all;
    color: #8ba67a;
    font-family: 'Lora';
    font-weight: 600;
}

.ibutton a:hover p.ch {
    transform: translateY(-100%);
}

.ibutton a:hover p.en {
    transform: translateY(-100%);
}

@media (max-width:1600px) {
    .navbar {
        padding: 2rem;
    }

    .ibutton {
        width: 85%;
    }
}

@media screen and (max-width:1366px) {
    .ibutton li {
        padding: 0 1rem 0 0;
    }
}

@media screen and (max-width:1280px) {
    .ibutton li {
        letter-spacing: 0;
    }
}

@media (max-width:1200px) {
    .navbar .menu_logo {
        width: 20%;
    }

    .mibutton {

        top: 2em;
    }

    .mibtop,
    .mibshow {
        position: fixed;
        opacity: 1;
        display: block;
    }

    .ibutton {
        width: 100%;
        text-align: center;
        display: none;
        padding: 1em 0;
    }

    .ibutton li {
        display: block;
        width: 16%;
        padding: 0;
        margin: 0 auto;
        text-align: left;
    }

    .ibutton li img {
        vertical-align: top;
        padding: 1rem 1rem 0 0;
    }

    .ibutton li a {
        padding: 0 0 2rem 0;
        transition: .2s ease all;
        height: auto;
    }

    .ibutton li a:hover {
        background: #4c4c4c;
    }

    p.ch {
        font-size: 16px;
    }

    .ibutton a:hover p.en,
    .ibutton a:hover p.ch {
        transform: translateY(0);
    }
}

@media screen and (max-width:834px) {
    .mibutton {
        top: 1.5em;
    }

    .ibutton li {
        width: 25%;
    }
}

@media screen and (max-width:576px) {
    .navbar .menu_logo {
        width: 25%;
    }

    .mibutton {
        top: 1.3em;
    }

    .ibutton li {
        width: 35%;
    }
}

@media screen and (max-width:450px) {
    .ibutton li {
        width: 45%;
    }

    .ibutton li a {
        padding: 0 0 1rem 0;
    }
}

@media screen and (max-width:414px) {
    .mibutton {
        right: 1em;
    }

    .navbar .menu_logo {
        width: 35%;
    }
}

@media screen and (max-width:370px) {
    .ibutton li {
        width: 50%;
    }
}

@media screen and (max-width:340px) {
    .ibutton li {
        width: 60%;
    }
}

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

/****head001 end****/
/***********************/
/***index start***/

.dex {
    position: relative;
    background: url(../../images/dex.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.dex .dex_inner {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 8.6rem 0 19rem 13.6rem;
    display: flex;
    justify-content: space-between;
}

.dex_inner .dex_lt {
    width: 35.8%;
    padding: 8.6rem 0 0 5rem;
}

.dex_lt .logo {}

.dex_lt .logo img {}

.dex_lt .dex_lin {
    background: #d9d1cb;
    width: 80px;
    max-width: 100%;
    min-height: 3px;
    margin: 4.9rem 0 4rem;
}

.dex_lt .dex_txt {}

.dex_lt .dex_txt h3 {
    font-size: 30px;
    color: #d9d1cb;
}


.dex_inner .dex_rt {
    position: relative;
    width: 17.4%;
}


/*scroller*/
.scroller {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 0.8vw;
    justify-content: center;
    letter-spacing: .15em;
    margin-left: -0.15em;
    margin-top: 5rem;
    padding-top: 5rem;
    position: relative;
    -webkit-animation: fadein 5s forwards;
    animation: fadein 5s forwards;
    position: absolute;
    bottom: 13.5rem;
    left: 0rem;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.scroller:after,
.scroller:before {
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 38px;
}

.scroller:before {
    -webkit-animation: scrolldown 2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: scrolldown 2s cubic-bezier(1, 0, 0, 1) infinite;
    background: #ffffff;
    top: 0;
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    width: 1px;
    z-index: 10;
}

.scroller:after {
    background: #000;
    position: absolute;
    width: 1px;
    z-index: 0;
    top: 0
}

@-webkit-keyframes scrolldown {
    0% {
        transform: scaleY(0);
        transform-origin: 0 0
    }

    50% {
        transform: scale(1);
        transform-origin: 0 0
    }

    50.1% {
        transform: scale(1);
        transform-origin: 0 100%
    }

    to {
        transform: scaleY(0);
        transform-origin: 0 100%
    }
}

@keyframes scrolldown {
    0% {
        transform: scaleY(0);
        transform-origin: 0 0
    }

    50% {
        transform: scale(1);
        transform-origin: 0 0
    }

    50.1% {
        transform: scale(1);
        transform-origin: 0 100%
    }

    to {
        transform: scaleY(0);
        transform-origin: 0 100%
    }
}


.scroller a {
    color: #ffffff;
    font-family: 'Montserrat';
    letter-spacing: 0;
}

@media screen and (max-width:1366px) {
    .dex .dex_inner {
        padding: 8.6rem 2rem 9rem 2rem;
    }
}

@media screen and (max-width:1100px) {
    .scroller {
        left: 1.5rem;
    }
}

@media screen and (max-width:834px) {
    .dex .dex_inner {
        padding: 5rem 2rem 3rem 2rem;
    }

    .dex_inner .dex_lt {
        padding: 4rem 0 0 0;
    }
}

@media screen and (max-width:650px) {
    .dex_inner .dex_lt {
        width: 50%;
    }

    .dex_lt .dex_lin {
        margin: 2rem 0;
    }

    .dex_inner .dex_rt {
        width: 26%;
    }
}

@media screen and (max-width:450px) {
    .dex {
        background-position-x: -67rem;
    }

    .dex .dex_inner {
        flex-wrap: wrap;
        height: 100vh;
    }

    .dex_inner .dex_lt {
        width: 80%;
    }

    .dex_inner .dex_rt {
        width: 100%;
    }

    .dex_inner .dex_rt img {
        transform: rotate(270deg);
        width: 22%;
        position: relative;
        left: 16rem;
        bottom: -27rem;
    }

    .scroller {
        display: none;
    }
}

@media screen and (max-width:430px) {
    .dex {
        background-position-x: -52rem;
    }
        .dex_inner .dex_rt img {
        bottom: -21rem;
    }
}

@media screen and (max-width:414px) {
    .dex {
        background-position-x: -71rem;
    }

    .dex_inner .dex_rt img {
        left: 15rem;
    }
}

@media screen and (max-width: 402px) {
    .dex {
        background-position-x: -47rem;
    }

    .dex .dex_inner {
        padding: 5rem 2rem 1rem 2rem;
    }

    .dex_inner .dex_rt img {
        bottom: -16rem;
    }
}


@media screen and (max-width:393px) {
    .dex {
        background-position-x: -45rem;
    }

    .dex_inner .dex_rt img {
        left: 13rem;
    }
}
@media screen and (max-width:360px) {
    .dex {
        background-position-x: -72.5rem;
    }
}

@media screen and (max-width:340px) {
    .dex {
        background-position-x: -73rem;
    }

    .dex_inner .dex_rt img {
        left: 11rem;
    }
}

@media screen and (max-width:310px) {
    .dex_inner .dex_lt {
        width: 85%;
    }

    .dex_inner .dex_rt img {
        left: 10rem;
    }
}

@media screen and (max-width:300px) {
    .dex {
        background-position-x: -74rem;
    }

    .dex_inner .dex_lt {
        width: 90%;
    }
}

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



/***index end****/
/***********************/


/***********************/
/***footer-001 start***/


footer {
    background: #203129;
}

.footer-001 {}

.footer-001 .footer_top {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 8.5rem 6.8rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_top .ftcont {
    width: 25.5%;
}

.ftcont .ftlogo {
    margin-bottom: 3.5rem;
    text-align: center;
}

.ftcont .ftlogo img {
    width: 71%;

}

.ftcont .ftbtn {
    padding: 0 5rem;
    text-align: center;
}

.ftcont .ftbtn ul {}

.ftcont .ftbtn ul li {
    display: inline-block;
    width: 25%;
}

.ftcont .ftbtn ul li a {}

.ftcont .ftbtn ul li a img {}


.footer_top .ftinfo {
    width: 34%;
}


.footer_top .ftinfo ul {}

.footer_top .ftinfo ul li {
    margin-bottom: 1.5rem;
}

.footer_top .ftinfo ul li span {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
}

.ftcont .ftbtn ul li a:hover {
    transform: translateY(-5px);
}



.footer_top .location {
    position: relative;
    width: 34.3%;
    height: 370px;
    vertical-align: top;
}

.location .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.footer-001 .ft_line {
    background: #98af8d;
    width: 83.3%;
    height: 1px;
    margin: 9rem auto 2rem;

}


.footer-001 .ftbot {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5rem 2rem;
}

/*copyright*/
.copyright {
    color: #98af8d;
    font-size: 14px;
    display: inline-block;
    width: 75%;
    text-align: left;
}

.copyright a,
.copyright a h1 {
    color: #98af8d;
    display: inline-block;
    font-size: 14px;
}

.copyright a:hover,
.copyright a h1:hover {
    color: #fff;
}

/*share*/
.share {
    color: #98af8d;
    font-size: 16px;
    display: inline-block;
    width: 24%;
    text-align: left;
}

.share a {
    font-size: 14px;
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}

.share a:hover {
    opacity: .7;
}

@media screen and (max-width:1536px) {
    .footer-001 .ft_line {
        width: 95%;
    }
}

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

@media screen and (max-width:1280px) {
    .ftcont .ftbtn ul li {
        width: 31%;
    }
}

@media screen and (max-width:1200px) {
    .footer-001 .footer_top {
        padding: 5rem 2rem 0;
    }
}

@media screen and (max-width:1100px) {
    .ftcont .ftbtn {
        padding: 0 1rem;
    }

    .footer-001 .ftbot {
        padding: 0 2rem 2rem;
    }

    .copyright {
        width: 65%;
    }

    .share {
        width: 32%;
    }
}

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

    .footer-001 .footer_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer_top .ftcont {
        width: 45%;

    }

    .footer_top .ftinfo {
        width: 50%;
        margin-bottom: 3rem;
    }

    .ftcont .ftbtn {
        padding: 0 4rem;
    }

    .footer_top .location {
        width: 90%;
        height: 500px;
    }

    .footer-001 .ft_line {
        margin: 6rem auto 2rem;
    }

    .copyright {
        width: 100%;
        margin-bottom: 3rem;
        text-align: center;
    }

    .share {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:650px) {
    .footer_top .ftcont {
        width: 70%;
        margin-bottom: 3rem;
    }

    .footer_top .ftinfo {
        width: 70%;
    }
}

@media screen and (max-width:576px) {
    .footer_top .location {
        height: 400px;
    }

}

@media screen and (max-width:450px) {
    .footer_top .ftcont {
        width: 90%;
    }

    .ftcont .ftlogo img {
        width: 65%;
    }

    .ftcont .ftbtn {
        padding: 0 6rem;
    }

    .footer_top .ftinfo {
        width: 90%;
    }
}

@media screen and (max-width:414px) {
    .footer_top .ftcont {
        width: 100%;
    }

    .footer_top .ftinfo {
        width: 100%;
    }

    .footer_top .location {
        height: 350px;
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .footer_top .ftinfo ul li span {
        letter-spacing: 1px;
    }
}

@media screen and (max-width:370px) {
    .footer_top .ftinfo ul li span {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:360px) {
    .footer_top .ftlogo img {
        width: 80%;
    }
}

@media screen and (max-width:350px) {
    .footer-001 .footer_top {
        padding: 5rem 1rem 0 1rem;
    }

    .ftcont .ftbtn {
        padding: 0 3rem;
    }
}

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


/***footer-001 end****/
/***********************/
/***********************/
/***banner start***/

.banner {
    background: url(../../images/banner.jpg) top center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 626px;
    position: relative;
    padding: 19rem 0 0 40rem;
}

.banner img {
    width: 25.6%;
}

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

    .banner {
        min-height: 506px;
        padding: 16rem 0 0 31rem;
    }
}

@media screen and (max-width:1366px) {
    .banner {
        min-height: 446px;
    }
}

@media screen and (max-width:1280px) {
    .banner {
        min-height: 416px;
    }
}

@media screen and (max-width:991px) {
    .banner {
        min-height: 326px;
        padding: 10rem 0 0 21rem;
    }
}

@media screen and (max-width:834px) {
    .banner {
        min-height: 276px;
        padding: 8rem 0 0 19rem;
    }
}

@media screen and (max-width:768px) {
    .banner {
        min-height: 256px;
        padding: 8rem 0 0 17rem;
    }
}

@media screen and (max-width:650px) {
    .banner {
        min-height: 216px;
        padding: 7rem 0 0 15rem;
    }
}

@media screen and (max-width:576px) {
    .banner {
        min-height: 196px;
        padding: 6rem 0 0 12rem;
    }

    .banner img {
        width: 28%;
    }
}

@media screen and (max-width:450px) {
    .banner {
        min-height: 156px;
        padding: 5rem 0 0 10rem;
    }
}

@media screen and (max-width:414px) {
    .banner {
        min-height: 140px;
        padding: 3.5rem 0 0 9rem;
    }

    .banner img {
        width: 33%;
    }
}

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

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

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

@media screen and (max-width:360px) {
    .banner {
        min-height: 120px;
        padding: 4rem 0 0 7rem;
    }
}

@media screen and (max-width:350px) {
    .banner {
        min-height: 115px;
        padding: 4rem 0 0 7rem;
    }
}

@media screen and (max-width:330px) {
    .banner {
        min-height: 110px;
    }
}

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

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

/***inbanner end****/
/***********************/
/***********************/
/***main start***/

main {}

/***main end****/
/***********************/
/***********************/
/***a008 start***/

.a008 {
    position: relative;
    padding: 10rem 0 11.6rem;
}

.a008:after {
    content: '';
    background: rgba(194, 208, 185, 0.25);
    width: 67.2%;
    min-height: 590px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.a008 .a008_deco {}

.a008 .a008_deco img {}

.a008 .a008_deco img:first-child {
    position: absolute;
    bottom: -4.5rem;
    left: 0;
}

.a008 .a008_deco img:last-child {
    position: absolute;
    top: 9.3rem;
    right: 0;
}

.a008 .a008_inner {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
}

.a008_inner .a008_top {
    padding: 0 8rem 9.6rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.a008_top .a008_en {
    width: 51%;
}

.a008_top .a008_en h6 {
    font-size: 100px;
    color: #e0e7dd;
    font-family: 'Lora';
    font-weight: 900;
    text-transform: uppercase;
}

.a008_top .a008_txt {
    width: 45%;
}

.a008_txt .a008_title {
    margin-bottom: 3.7rem;
}

.a008_txt .a008_title img {
    display: inline-block;
    vertical-align: bottom;
}

.a008_txt .a008_title h2 {
    display: inline-block;
    background: url(../../images/title_bg01.png) bottom left no-repeat;
    padding: 0 3.6rem 1rem 2.3rem;
    font-size: 30px;
    color: #20312a;
    font-weight: 700;
}


.a008_txt .a008_cont {}

.a008_txt .a008_cont p {
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 1.8;
}


.a008_vido {
    position: relative;
    min-height: 714px;
    padding: 0;
}

.a008_vido iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

@media screen and (max-width:1536px) {
    .a008 .a008_deco img {
        width: 10%;
    }
}

@media screen and (max-width:1366px) {
    .a008 {
        padding: 10rem 0 5rem;
    }

    .a008 .a008_deco img {
        width: 6%;
    }

    .a008 .a008_deco img:first-child {
        bottom: 1.5rem;
    }
}

@media screen and (max-width:1280px) {
    .a008_inner .a008_top {
        padding: 0 2rem 9.6rem 2rem;
    }

    .a008_vido {
        width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width:1200px) {
    .a008_top .a008_en h6 {
        font-size: 90px;
    }
}

@media screen and (max-width:1100px) {
    .a008_top .a008_en {
        width: 55%;
    }
}

@media screen and (max-width:1000px) {
    .a008_top .a008_en h6 {
        font-size: 75px;
    }
}

@media screen and (max-width:834px) {
    .a008 .a008_deco img:first-child {
        z-index: 1;
    }

    .a008_top .a008_en h6 {
        font-size: 65px;
    }

    .a008_inner .a008_top {
        padding: 0 2rem 5rem 2rem;
    }
}

@media screen and (max-width:768px) {
    .a008:after {
        min-height: 300px;
    }

    .a008_inner .a008_top {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 2rem 3rem 2rem;
    }

    .a008_top .a008_en {
        width: 85%;
    }

    .a008_top .a008_en h6 {
        font-size: 95px;
        text-align: center;
    }

    .a008_top .a008_txt {
        width: 75%;
        order: -1;
        margin-bottom: 3rem;
    }

    .a008_vido {
        min-height: 500px;
    }
}

@media screen and (max-width:650px) {
    .a008 .a008_deco img {
        width: 10%;
    }

    .a008_top .a008_txt {
        width: 100%;
    }

    .a008_top .a008_en {
        width: 100%;
    }

    .a008_vido {
        min-height: 400px;
    }
}

@media screen and (max-width:576px) {
    .a008_top .a008_en h6 {
        font-size: 80px;
    }
}

@media screen and (max-width:450px) {
    .a008 {
        padding: 5rem 0 3rem;
    }

    .a008:after {
        min-height: 200px;
    }

    .a008 .a008_deco img:last-child {
        top: 4rem;
    }

    .a008_top .a008_en h6 {
        font-size: 55px;
    }

    .a008_vido {
        min-height: 300px;
    }

}

@media screen and (max-width:414px) {
    .a008_txt .a008_title {
        margin-bottom: 3rem;
    }

    .a008_txt .a008_title img {
        width: 15%;
    }
}

@media screen and (max-width:393px) {
    .a008_top .a008_txt {
        margin-bottom: 1rem;
    }

    .a008_inner .a008_top {
        padding: 0 2rem 2rem 2rem;
    }

    .a008_vido {
        min-height: 250px;
    }
}

@media screen and (max-width:370px) {
    .a008_top .a008_en h6 {
        font-size: 45px;
    }

    .a008_vido {
        min-height: 200px;
    }
}

@media screen and (max-width:350px) {
    .a008_inner .a008_top {
        padding: 0 1rem 2rem 1rem;
    }
}

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

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

/***a008 end****/
/***********************/
/***********************/
/***a010 start***/

.a010 {
    position: relative;
    width: 1360px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 8.8rem;
    display: flex;
    justify-content: space-between;
}

.a010 .a010_lt {}

.a010 .a010_lt img {}

.a010 .a010_rt {
    width: 49.5%;
    padding: 6rem 5rem 0 6.2rem;

}

.a010_rt .a010_title {
    position: relative;
    padding: 5rem 0;
    margin-bottom: 5rem;
}

.a010_rt .a010_title:before,
.a010_rt .a010_title:after {
    content: '';
    background: #8ba67a;
    width: 62px;
    max-width: 100%;
    min-height: 6px;
    position: absolute;

}

.a010_rt .a010_title:before {
    top: 0;
    left: 0;
}

.a010_rt .a010_title:after {
    bottom: 0;
    left: 0;
}

.a010_rt .a010_title h6 {
    font-size: 40px;
    color: #8ba67a;
    font-family: 'Lora';
    font-weight: 900;
    text-transform: uppercase;
}

.a010_rt .a010_txt {}

.a010_rt .a010_txt p {
    line-height: 1.5;
    text-align: justify;
    font-weight: 500;
}

.a010_rt .a010_txt p:not(:last-child) {
    margin-bottom: 4rem;
}

@media screen and (max-width:1366px) {
    .a010 {
        padding: 0 2rem 8.8rem;
    }

    .a010 .a010_rt {
        padding: 6rem 2rem 0 3rem;
    }
}

@media screen and (max-width:1100px) {
    .a010 .a010_rt {
        padding: 4rem 2rem 0 3rem;
    }

    .a010_rt .a010_title {
        padding: 3rem 0;
        margin-bottom: 4rem;
    }
}

@media screen and (max-width:834px) {
    .a010 .a010_rt {
        width: 70%;
    }
}

@media screen and (max-width:768px) {
    .a010 {
        padding: 0 2rem 5rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .a010 .a010_rt {
        padding: 4rem 0 0 0;
        width: 100%;
        order: -1;
        margin-bottom: 5rem;
    }
}

@media screen and (max-width:414px) {
    .a010 {
        padding: 0 2rem 4rem;
    }

    .a010_rt .a010_title {
        padding: 2rem 0;
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:350px) {
    .a010 {
        padding: 0 1rem 3rem;
    }
}

@media screen and (max-width:310px) {
    .a010_rt .a010_title h6 {
        font-size: 35px;
    }
}

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

/***a010 end****/
/***********************/
/***********************/
/***C008 start***/

.C008 {
    width: 1360px;
    max-width: 100%;
    margin: 0 auto;
}

.C008 .C008_top {
    padding: 0 15rem 6.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.C008_top .C008_en {}

.C008_top .C008_en h6 {
    font-size: 100px;
    color: #e0e7dd;
    font-family: 'Lora';
    font-weight: 900;
    text-transform: uppercase;
    line-height: 0.8;

}

.C008_top .C008_title {}

.C008_top .C008_title img {
    display: inline-block;
    vertical-align: bottom;
}

.C008_top .C008_title h2 {
    display: inline-block;
    background: url(../../images/title_bg02.png) bottom left no-repeat;
    padding: 0 3.6rem 1rem 2.3rem;
    font-size: 30px;
    color: #20312a;
    font-weight: 700;
}


.C008 .C008_inner {
    width: 1062px;
    max-width: 100%;
    margin: 0 auto 7.7rem;
    padding: 0 6.9rem;
    display: flex;
    justify-content: space-between;
}

.C008_inner .C008_set {
    width: 50%;
}

.C008_inner .C008_set:last-child {
    text-align: right;
}

.C008_inner .C008_set:last-child .C008_name {
    text-align: left;
    margin: -12rem 0 0 11.7rem;
}

.C008_inner .C008_set:last-child .C008_cont {
    text-align: left;
    padding: 5.8rem 9rem 0 8rem;
}

.C008_set .C008_img {
    position: relative;
}

.C008_set .C008_img img {
    -webkit-filter: drop-shadow(2px 2px 7px rgba(56, 52, 43, 0.25));
    filter: drop-shadow(2px 2px 7px rgba(56, 52, 43, 0.25));
}

.C008_img .C008_name {
    background: rgba(242, 242, 242, 0.75);
    padding: 5.7rem 4rem;
    width: 258px;
    max-width: 100%;
    min-height: 258px;
    position: relative;
    margin: -12rem 0 0 8.7rem;
}

.C008_img .C008_name h3 {
    font-size: 36px;
    font-weight: 900;
    position: relative;
    padding-top: 2.8rem;
    margin-bottom: 2rem;
}

.C008_img .C008_name h3:before {
    content: '';
    background: #4c5244;
    width: 62px;
    max-width: 100%;
    min-height: 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.C008_img .C008_name h4 {
    font-size: 26px;
    font-family: 'Lora';
    font-weight: 500;
    position: relative;
    padding-bottom: 2.9rem;
}

.C008_img .C008_name h4:before {
    content: '';
    background: #4c5244;
    width: 62px;
    max-width: 100%;
    min-height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}


.C008_set .C008_cont {
    padding: 5.8rem 5rem 0 5rem;
}

.C008_set .C008_cont ul {
    list-style: disc;
}

.C008_set .C008_cont ul li {}

.C008_set .C008_cont ul li p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

@media screen and (max-width:1366px) {
    .C008 .C008_top {
        padding: 0 12rem 6.2rem 2rem;
    }
}

@media screen and (max-width:1280px) {
    .C008 .C008_top {
        padding: 0 2rem 6.2rem 2rem;
    }
}

@media screen and (max-width:1100px) {
    .C008_top .C008_en h6 {
        font-size: 80px;
    }

    .C008 .C008_inner {
        padding: 0 6rem;
    }
}

@media screen and (max-width:1000px) {
    .C008_top .C008_en h6 {
        font-size: 70px;
    }

    .C008 .C008_inner {
        padding: 0 4rem;
    }
}

@media screen and (max-width:834px) {
    .C008_top .C008_en h6 {
        font-size: 50px;
    }

    .C008 .C008_inner {
        padding: 0 2rem;
    }

    .C008_inner .C008_set {
        width: 48%;
    }

    .C008_img .C008_name {
        margin: -12rem 0 0 5rem;
    }

    .C008_inner .C008_set:last-child .C008_name {
        margin: -12rem 0 0 5rem;
    }

    .C008_set .C008_cont {
        padding: 4rem 2rem 0 5rem;
    }

    .C008_inner .C008_set:last-child .C008_cont {
        padding: 4rem 2rem 0 5rem;
    }
}

@media screen and (max-width:768px) {
    .C008 .C008_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .C008_top .C008_title {
        order: -1;
        margin-bottom: 4rem;
    }

    .C008_top .C008_en h6 {
        font-size: 80px;
    }
}

@media screen and (max-width:650px) {
    .C008_top .C008_en h6 {
        font-size: 65px;
    }

    .C008_img .C008_name {
        margin: -8rem 0 0 2rem;
    }

    .C008_inner .C008_set:last-child .C008_name {
        margin: -8rem 0 0 2rem;
    }
}

@media screen and (max-width:576px) {
    .C008_top .C008_en h6 {
        font-size: 55px;
    }

    .C008_img .C008_name {
        padding: 4rem 2rem;
        width: 70%;
        min-height: auto;
        margin: -8rem 0 0 4rem;
    }

    .C008_inner .C008_set:last-child .C008_name {
        margin: -8rem 0 0 4rem;
    }

    .C008_img .C008_name h3 {
        font-size: 30px;
        padding-top: 2rem;
        margin-bottom: 1rem;
    }

    .C008_img .C008_name h4 {
        font-size: 20px;
        padding-bottom: 2rem;
    }

    .C008_set .C008_cont {
        padding: 3rem 2rem 0 3rem;
    }

    .C008_inner .C008_set:last-child .C008_cont {
        padding: 3rem 2rem 0 3rem;
    }
}

@media screen and (max-width:450px) {
    .C008 .C008_top {
        padding: 0 2rem 4rem 2rem;
    }

    .C008_top .C008_en h6 {
        font-size: 40px;
    }

    .C008 .C008_inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .C008_inner .C008_set {
        width: 100%;
        margin-bottom: 3rem;
    }

    .C008_img .C008_name {
        padding: 4rem;
        width: 70%;
    }

    .C008_img .C008_name h3 {
        padding-top: 3rem;
        font-size: 36px;
    }

    .C008_img .C008_name h4 {
        padding-bottom: 3rem;
        font-size: 26px;
    }
}

@media screen and (max-width:414px) {
    .C008_top .C008_title img {
        width: 15%;
    }

    .C008_set .C008_cont {
        padding: 3rem 0 0 3rem;
    }
}

@media screen and (max-width:402px) {
    .C008_top .C008_en h6 {
        letter-spacing: 0;
    }
}

@media screen and (max-width:390px) {
    .C008_img .C008_name h4 {
        font-size: 23px;
    }
}

@media screen and (max-width:370px) {
    .C008_top .C008_en h6 {
        font-size: 35px;
    }
}

@media screen and (max-width:360px) {
    .C008_img .C008_name h4 {
        font-size: 20px;
    }
}

@media screen and (max-width:350px) {
    .C008 .C008_top {
        padding: 0 1rem 4rem 1rem;
    }

    .C008 .C008_inner {
        padding: 0 1rem;
    }
}

@media screen and (max-width:320px) {
    .C008_img .C008_name {
        padding: 3rem;
    }
}

@media screen and (max-width:310px) {
    .C008_top .C008_en h6 {
        font-size: 30px;
    }
}

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

/***C008 end****/
/***********************/
/***********************/
/***a007 start***/

.a007 {
    width: 1640px;
    max-width: 100%;
    margin: 0 0 0 auto;
    background: url(../../images/a007__bg.png) top left;
    padding: 6rem 28.8rem 2.8rem 5.2rem;
    position: relative;
    z-index: 0;
}

.a007:before {
    content: '';
    background: url(../../images/a007_deco01.png) top left no-repeat;
    background-size: contain;
    width: 328px;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;


}

.a007 .a007_top {
    width: 85%;
    margin-bottom: 5.8rem;
    padding-left: 2.4rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.a007_top .a007_en {}

.a007_top .a007_en h6 {
    font-size: 60px;
    color: #ffffff;
    font-family: 'Lora';
    font-weight: 900;
    text-transform: uppercase;
    line-height: 0.8;
}

.a007_top .a007_title {}

.a007_top .a007_title img {
    display: inline-block;
    vertical-align: bottom;
}

.a007_top .a007_title h2 {
    display: inline-block;
    background: url(../../images/title_bg01.png) bottom left no-repeat;
    padding: 0 3.6rem 1rem 2.3rem;
    font-size: 30px;
    color: #20312a;
    font-weight: 700;
}

.a007 .a007_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.a007_inner .a007_set {
    padding-bottom: 4.5rem;
    width: 32%;
}

.a007_set .a007_set_top {
    display: flex;
    align-items: center;
    margin-bottom: 1.4rem;
    padding-left: 1.3rem;
}

.a007_set_top .a007_set_number {
    font-size: 24px;
    color: #ffffff;
    font-family: 'Lora';
    font-weight: 500;
    background: #98a71a;
    padding: 1rem 1.3rem;
    border-radius: 100%;
    width: 44px;
    max-width: 100%;
    min-height: 44px;
    text-align: center;
    line-height: 1;
    margin-right: 1.3rem;
}

.a007_set_top .a007_set_name {}

.a007_set_top .a007_set_name h3 {
    font-size: 24px;
    font-weight: 600;
}

.a007_set_top .a007_set_name h3 span {
    font-size: 24px;
    color: #497427;
    margin-left: 1rem;
}

.a007_set .a007_set_bot {}

.a007_set .a007_set_bot img {}

@media screen and (max-width:1536px) {
    .a007 .a007_top {
        width: 92%;
    }
}

@media screen and (max-width:1366px) {
    .a007 {
        padding: 6rem 9rem 2.8rem 5.2rem;
    }
}

@media screen and (max-width:1280px) {
    .a007 .a007_top {
        width: 100%;
    }
}

@media screen and (max-width:1200px) {
    .a007 .a007_top {
        margin-bottom: 5rem;
        padding-left: 0;
    }
}

@media screen and (max-width:1100px) {
    .a007 {
        padding: 6rem 2rem 2.8rem 2rem;
    }

    .a007_inner .a007_set {
        padding-bottom: 2rem;
    }
}

@media screen and (max-width:1000px) {
    .a007_top .a007_en h6 {
        font-size: 50px;
    }
}

@media screen and (max-width:834px) {
    .a007_top .a007_en h6 {
        font-size: 37px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:768px) {
    .a007 .a007_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .a007_top .a007_en h6 {
        font-size: 60px;
    }

    .a007_top .a007_title {
        order: -1;
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:650px) {
    .a007_top .a007_en h6 {
        font-size: 50px;
    }

    .a007_inner .a007_set {
        width: 48%;
    }
}

@media screen and (max-width:576px) {
    .a007_top .a007_en h6 {
        font-size: 40px;
    }
}

@media screen and (max-width:450px) {
    .a007:before {
        max-width: 40%;
    }

    .a007_top .a007_en h6 {
        font-size: 30px;
    }

    .a007_set_top .a007_set_name h3 {
        font-size: 20px;
    }

    .a007_set_top .a007_set_number {
        font-size: 18px;
        width: 35px;
        min-height: 35px;
    }

    .a007_set .a007_set_top {
        padding-left: 0;
    }
}

@media screen and (max-width:414px) {
    .a007_top .a007_title img {
        width: 15%;
    }
}

@media screen and (max-width:402px) {
    .a007_top .a007_en h6 {
        font-size: 25px;
    }

    .a007_set_top .a007_set_number {
        margin-right: 1rem;
    }
}

@media screen and (max-width:370px) {
    .a007_set_top .a007_set_name h3 {
        font-size: 18px;
    }
}

@media screen and (max-width:350px) {
    .a007_inner .a007_set {
        width: 100%;
    }

    .a007_set_top .a007_set_name h3 {
        font-size: 24px;
    }
}

@media screen and (max-width:340px) {
    .a007_top .a007_en h6 {
        font-size: 22px;
    }
}

@media screen and (max-width:300px) {
    .a007_top .a007_en h6 {
        font-size: 20px;
    }
}

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

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

/***a007 end****/
/***********************/
/***********************/
/***F_text07 start***/

.F_text07 {
    position: relative;
    padding: 9rem 0 8.3rem;
}

.F_text07:before {
    content: '';
    background: url(../../images/F_text07_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 932px;
    max-width: 100%;
    min-height: 332px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.F_text07:after {
    content: '';
    background: url(../../images/F_text07_deco02.png) top right no-repeat;
    background-size: contain;
    width: 1052px;
    max-width: 100%;
    min-height: 338px;
    position: absolute;
    top: 14.7rem;
    right: 0;
    z-index: -1;
}

.F_text07 .F_text07_inner {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
}

.F_text07_inner .F_text07_top {
    padding: 0 10rem 0 2rem;
    margin-bottom: 1.4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.F_text07_inner .F_text07_top img {}

.F_text07_top .F_text07_txt {
    padding: 1rem 0 0 0;
}

.F_text07_top .F_text07_txt p {
    font-weight: 500;
    line-height: 1.8;
    text-align: justify;
}


.F_text07_inner .F_text07_bot {
    text-align: right;
    padding-right: 22rem;
}

.F_text07_inner .F_text07_bot img {}

@media screen and (max-width:1536px) {
    .F_text07:before {
        max-width: 50%;
        min-height: 250px;
    }

    .F_text07:after {
        max-width: 60%;
        min-height: 258px;
        top: 18rem;
    }
}

@media screen and (max-width:1366px) {
    .F_text07:after {
        top: 23rem;
    }

    .F_text07_inner .F_text07_bot {
        padding-right: 17rem;
    }
}

@media screen and (max-width:1200px) {
    .F_text07_inner .F_text07_top {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1100px) {
    .F_text07_inner .F_text07_top {
        margin-bottom: 3rem;
    }

    .F_text07_inner .F_text07_top img {
        width: 50%;
    }
}

@media screen and (max-width:834px) {
    .F_text07 {
        padding: 6rem 0 7rem;
    }

    .F_text07_inner .F_text07_top img {
        width: 45%;
    }

    .F_text07_top .F_text07_txt {
        padding: 0 0 0 2rem;
    }

    .F_text07_inner .F_text07_bot {
        padding: 0 2rem;
        text-align: center;
    }
}

@media screen and (max-width:768px) {
    .F_text07:before {
        min-height: 120px;
    }

    .F_text07:after {
        top: auto;
        min-height: 120px;
        bottom: 5rem;
    }

    .F_text07_inner .F_text07_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .F_text07_inner .F_text07_top img {
        width: 80%;
    }

    .F_text07_top .F_text07_txt {
        padding: 0 0 3rem 0;
        order: -1;
    }
}

@media screen and (max-width:576px) {
    .F_text07 {
        padding: 3rem 0 4rem;
    }
}

@media screen and (max-width:450px) {
    .F_text07:after {
        bottom: 9rem;
    }

    .F_text07_inner .F_text07_top img {
        width: 100%;
    }
}

@media screen and (max-width:430px) {
    .F_text07_top .F_text07_txt p br {
        display: none;
    }
}

@media screen and (max-width:393px) {
    .F_text07:after {
        bottom: 10rem;
        min-height: 90px;
    }
}

@media screen and (max-width:360px) {
    .F_text07:before {
        min-height: 70px;
    }

    .F_text07:after {
        min-height: 70px;
    }
}

@media screen and (max-width:350px) {
    .F_text07 {
        padding: 3rem 0;
    }

    .F_text07_inner .F_text07_top {
        padding: 0 1rem;
    }

    .F_text07_inner .F_text07_bot {
        padding: 0 1rem;
    }
}

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

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

/***F_text07 end****/
/***********************/
/***********************/
/***teas start***/

.teas {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 5rem 0;
}


/* ─── BIG SECTION TITLE BAR ─── */
.sec-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ebebeb;
    margin-bottom: 4rem;
    -webkit-filter: drop-shadow(2px 2px 7px rgba(144, 144, 144, 0.25));
    filter: drop-shadow(2px 2px 7px rgba(144, 144, 144, 0.25));
}

.sec-bar .left {
    display: flex;
    align-items: center;
    gap: 4.2rem;
}

.sec-bar .icon {
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-bar .zh {
    font-size: 40px;
    font-weight: 900;
}

.sec-bar .zh br {
    display: none;
}

.sec-bar .en {
    font-family: 'Lora';
    font-size: 36px;
    text-transform: uppercase;
    padding-right: 4.4rem;
    font-weight: 500;
}

/* ─── CATEGORY HEADER BAR ─── */
.cat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 14px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: rgba(139, 166, 122, .85);
}

.cat .org {
    font-size: 18px;
}

/* colour variants */
.cat.sage {
    background: #8a9e88;
}

.cat.brown {
    background: rgba(32, 49, 41, 0.85);
}

.cat.dbrown {
    background: rgba(32, 49, 41, 0.85);
}

.cat.gold {
    background: rgba(215, 170, 46, 0.85);
}

.cat.coral {
    background: rgba(233, 144, 117, 0.85);
}

.cat.olive {
    background: rgba(213, 148, 85, 0.85);
}

.cat.red {
    background: rgba(181, 106, 83, 0.85);
}

.cat.brown {
    background: rgba(118, 41, 18, 0.85);
}

.cat.slate {
    background: rgba(185, 142, 75, 0.85);
}

.cat.teal {
    background: rgba(126, 148, 184, 0.85);
}

.cat.muted {
    background: rgba(213, 179, 85, 0.85);
}

/* ─── CARD GRID ─── */
.grid {
    display: grid;
    margin-bottom: 3rem;
}

.grid.c1 {
    grid-template-columns: 1fr;
    text-align: center;
}

.grid.c2 {
    grid-template-columns: 1fr 1fr;
    text-align: center;
}

.grid.c3 {
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}

.grid.c4 {
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
}

.card {
    padding: 3rem 10rem;
}

.teas1 .teas11 .card {
    padding: 3rem 10rem;
}

.teas1 .teas12 .card {
    padding: 3rem 10rem;
}

.teas1 .teas13 .card {
    padding: 3rem 10rem;
}


.teas2 .teas21 .card {
    padding: 3rem 7rem;
}

.teas2 .teas22 .card {
    padding: 3rem 7rem;
}

.teas3 .teas31 .card {
    padding: 3rem 15rem;
}

.teas3 .teas32 .card {
    padding: 3rem 0;
}

.teas3 .teas32 .grid.c1 .card {
    padding: 3rem 23rem;
}

.teas3 .teas33 .card {
    padding: 3rem 8rem;
}

.teas3 .teas33 .grid.c1 .card {
    padding: 3rem 22rem;
}

.teas3 .teas34 .card {
    padding: 3rem 14rem;
}

.teas3 .teas35 .card {
    padding: 3rem 9rem;
}

.teas4 .teas41 .grid.c2 .card {
    padding: 3rem 9rem;
}

.teas4 .teas41 .grid.c1 .card {
    padding: 3rem 20rem;
}

.teas4 .teas42 .card {
    padding: 3rem 2rem;
}

.teas4 .teas42 .grid.c1 .card {
    padding: 3rem 10rem;
}

/* pill */
.pill {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    border-radius: 100px;
    font-weight: 500;
    width: 75px;
    max-width: 100%;
    min-height: 75px;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 2rem;
}

.pill.sage {
    background: rgba(139, 166, 122, .15);
}

.pill.cream {
    background: rgba(139, 166, 122, .5);
}

.pill.tan {
    background: #d8c898;
}

.pill.brown {
    background: rgba(139, 166, 122, .35);
}

.pill.rust {
    background: rgba(139, 166, 122, .7);
}

.teas3 .grid.c4 .card:nth-child(1) .pill.rust {
    background: rgba(233, 144, 117, .8);
}

.teas3 .grid.c4 .card:nth-child(2) .pill.rust {
    background: rgba(233, 144, 117, .5);
}

.teas3 .grid.c4 .card:nth-child(3) .pill.rust {
    background: rgba(233, 144, 117, .3);
}
.teas3 .grid.c4 .card:nth-child(4) .pill.rust {
    background: rgba(233, 144, 117, .15);
}

.teas3 .grid.c1 .card .pill.rust {
    background: rgba(233, 144, 117, .15);
}

.teas3 .teas33 .card:nth-child(1) .ctitle.rust {
    background: rgba(213, 148, 85, 0.5);
}

.teas3 .teas33 .card:nth-child(2) .ctitle.rust {
    background: rgba(213, 148, 85, 0.3);
}

.teas3 .teas33 .card .ctitle.rust {
    background: rgba(213, 148, 85, 1);
}

.teas3 .teas34 .card:nth-child(1) .ctitle.rust {
    background: rgba(181, 106, 83, 0.15);
}

.teas3 .teas34 .card:nth-child(2) .ctitle.rust {
    background: rgba(181, 106, 83, 0.5);
}

.teas3 .teas34 .card:nth-child(3) .ctitle.rust {
    background: rgba(181, 106, 83, 0.75);
}

.teas3 .teas35 .cat-col:nth-child(1) .ctitle.rust {
    background: rgba(213, 179, 85, 0.2);
}

.teas3 .teas35 .cat-col:nth-child(2) .ctitle.rust {
    background: rgba(233, 144, 117, 0.35);
}

.teas3 .teas35 .cat-col:nth-child(3) .ctitle.rust {
    background: rgba(233, 144, 117, 0.35);
}

.teas4 .teas41 .grid.c2 .ctitle.rust {
    background: rgba(185, 142, 75, 0.35);
}

.teas4 .teas41 .grid.c1 .ctitle.rust {
    background: rgba(185, 142, 75, 0.7);
}

.teas4 .teas42 .grid.c2 .card:nth-child(1) .pill.sage {
    background: rgba(126, 148, 184, 0.5);
}

.teas4 .teas42 .grid.c2 .card:nth-child(2) .pill.sage {
    background: rgba(126, 148, 184, 0.15);
}

.teas4 .teas42 .grid.c1 .card:nth-child(1) .pill.sage {
    background: rgba(126, 148, 184, 0.15);
}





/* notes */
.notes {
    list-style: none;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 2px;
}

.c3 .card:nth-child(2) .pill.sage {
    background: rgba(139, 166, 122, .35);
}

.c3 .card:nth-child(3) .pill.sage {
    background: rgba(139, 166, 122, .7);
}

.notes li {
    font-size: 18px;
    padding-left: 2.5rem;
    position: relative;
    font-weight: 500;
}

.notes li::before {
    content: '。';
    position: absolute;
    left: 1px;
    color: #87a16e;
}

/* card title (for named sub-items) */
.ctitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 100px;
    width: 75px;
    max-width: 100%;
    min-height: 75px;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 2rem;
}

/* ─── SIDE-BY-SIDE CATEGORY WRAPPER ─── */
.row-cats {
    display: grid;
    gap: 3rem;
}

.row-cats.r2 {
    grid-template-columns: 1fr 1fr;
}

.row-cats.r3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.cat-col {}

.cat-col:last-child {}

.cat-col>.cat {
    /* no extra margin */
}

.cat-col>.grid>.card:last-child {}

/* section gap */
.sec-gap {
    height: 28px;
}

.gap8 {
    height: 8px;
}

@media screen and (max-width:1330px) {
    .teas {
        padding: 5rem 2rem;
    }

    .teas1 .teas13 .card {
        padding: 3rem 10rem;
    }

    .teas2 .teas21 .card {
        padding: 3rem 7rem;
    }

    .teas2 .teas22 .card {
        padding: 3rem 6rem;
    }

    .teas3 .teas33 .card {
        padding: 3rem 7rem;
    }
}

@media screen and (max-width:1280px) {
    .teas1 .teas11 .card {
        padding: 3rem 9rem;
    }
    .teas1 .teas12 .card {
    padding: 3rem 9rem;
}

    .teas3 .teas31 .card {
        padding: 3rem 13rem;
    }

    .teas3 .teas32 .card {
        padding: 3rem 0;
    }

    .teas3 .teas33 .grid.c1 .card {
        padding: 3rem 20rem;
    }
    .teas3 .teas34 .card {
    padding: 3rem 11rem;
}

    .teas3 .teas35 .card {
        padding: 3rem 8rem;
    }
    .teas4 .teas41 .grid.c2 .card {
    padding: 3rem 7rem;
}
.teas4 .teas41 .grid.c1 .card {
    padding: 3rem 17rem;
}
.teas4 .teas42 .card {
    padding: 3rem 0rem;
}
}

@media screen and (max-width:1200px) {
    .teas1 .teas12 .card {
        padding: 3rem 9rem;
    }
        .teas2 .teas21 .card {
        padding: 3rem 4rem;
    }

    .teas3 .teas32 .grid.c1 .card {
        padding: 3rem 19rem;
    }

    .teas3 .teas33 .grid.c1 .card {
        padding: 3rem 17rem;
    }

    .teas4 .teas41 .grid.c2 .card {
        padding: 3rem 6rem;
    }

    .teas4 .teas41 .grid.c1 .card {
        padding: 3rem 17rem;
    }

    .teas4 .teas42 .card {
        padding: 3rem 1rem;
    }

    .teas4 .teas42 .grid.c1 .card {
        padding: 3rem 10rem;
    }
}

@media screen and (max-width:1100px) {
    .teas1 .teas11 .card {
        padding: 3rem 5rem;
    }

    .teas1 .teas13 .card {
        padding: 3rem 6rem;
    }

    .teas2 .teas21 .card {
        padding: 3rem 3rem;
    }

    .teas2 .teas22 .card {
        padding: 3rem 2rem;
    }

    .teas3 .teas31 .card {
        padding: 3rem 8rem;
    }
        .teas3 .teas32 .grid.c1 .card {
        padding: 3rem 16rem;
    }
    .teas3 .teas33 .grid.c1 .card {
        padding: 3rem 15rem;
    }

    .teas3 .teas34 .card {
        padding: 3rem 8rem;
    }

    .teas3 .teas35 .card {
        padding: 3rem 5rem;
    }

    .teas4 .teas41 .grid.c1 .card {
        padding: 3rem 13rem;
    }

    .teas4 .teas42 .card {
        padding: 3rem 0;
    }
}

@media screen and (max-width:1000px) {
    .cat {
        font-size: 20px;
    }

    .cat .org {
        font-size: 16px;
    }

    .teas1 .teas12 .card {
        padding: 3rem 6rem;
    }
        .teas2 .teas21 .card {
        padding: 3rem 1rem;
    }

    .teas3 .teas32 .card {
        padding: 3rem 0;
    }

    .teas3 .teas32 .grid.c1 .card {
        padding: 3rem 15rem;
    }

    .teas3 .teas33 .card {
        padding: 3rem 3rem;
    }

    .teas3 .teas33 .grid.c1 .card {
        padding: 3rem 12rem;
    }
        .teas3 .teas35 .card {
        padding: 3rem 2rem;
    }

    .teas4 .teas41 .grid.c2 .card {
        padding: 3rem 2rem;
    }
        .teas4 .teas41 .grid.c1 .card {
        padding: 3rem 10rem;
    }

    .teas4 .teas42 .grid.c1 .card {
        padding: 3rem 13rem;
    }
}

@media screen and (max-width:834px) {
    .cat {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .cat .org {
        font-size: 13px;
        letter-spacing: 0;
    }

    .teas1 .teas11 .card {
        padding: 3rem 1rem;
    }

    .teas1 .teas12 .card {
        padding: 3rem 2rem;
    }

    .teas1 .teas13 .card {
        padding: 3rem 2rem;
    }

    .teas2 .teas21 .card {
        padding: 3rem 0;
    }

    .teas2 .teas22 .card {
        padding: 3rem 0;
    }

    .teas3 .teas32 .grid.c1 .card {
        padding: 3rem 9rem;
    }

    .teas3 .teas33 .grid.c1 .card {
        padding: 3rem 8rem;
    }

    .teas3 .teas34 .card {
        padding: 3rem 3rem;
    }

    .teas3 .teas35 .card {
        padding: 3rem 0;
    }

    .teas4 .teas41 .grid.c1 .card {
        padding: 3rem 7rem;
    }
}

@media screen and (max-width:768px) {
    .cat {
        font-size: 20px;
    }

    .cat .org {
        font-size: 12px;
    }

    .notes li {
        font-size: 16px;
        padding-left: 2rem;
    }

    .teas3 .teas31 .card {
        padding: 3rem 4rem;
    }

    .teas4 .teas42 .grid.c1 .card {
        padding: 3rem 0;
    }
}

@media screen and (max-width:576px) {
    .sec-bar .zh {
        font-size: 30px;
    }

    .sec-bar .en {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .grid.c2 {
        grid-template-columns: 1fr;
    }
	.grid.c4 {
    grid-template-columns: 1fr;
}

    .grid.c3 {
        grid-template-columns: 1fr;
    }

    .row-cats.r3 {
        grid-template-columns: 1fr;
    }

    .row-cats.r2 {
        grid-template-columns: 1fr;
    }

    .teas1 .teas11 .card,
    .teas1 .teas12 .card,
    .teas1 .teas13 .card,
    .teas2 .teas21 .card,
    .teas2 .teas22 .card,
    .teas3 .teas31 .card,
    .teas3 .teas32 .card,
    .teas3 .teas32 .grid.c1 .card,
    .teas3 .teas33 .card,
    .teas3 .teas33 .grid.c1 .card,
    .teas3 .teas34 .card,
    .teas3 .teas35 .card,
    .teas3 .teas35 .card,
    .teas3 .teas35 .card,
    .teas4 .teas41 .grid.c2 .card,
    .teas4 .teas41 .grid.c1 .card,
    .teas4 .teas42 .card,
    .teas4 .teas42 .grid.c1 .card {
        padding: 3rem 2rem;
        width: 50%;
        margin: 0 auto;
    }
	
}

@media screen and (max-width:450px) {
    .sec-bar .left {
        gap: 1.2rem;
    }

    .sec-bar .zh {
        font-size: 22px;
    }

    .sec-bar .en {
        font-size: 16px;
        padding-right: 1rem;
    }
        .teas1 .teas11 .card, .teas1 .teas12 .card, .teas1 .teas13 .card, .teas2 .teas21 .card, .teas2 .teas22 .card, .teas3 .teas31 .card, .teas3 .teas32 .card, .teas3 .teas32 .grid.c1 .card, .teas3 .teas33 .card, .teas3 .teas33 .grid.c1 .card, .teas3 .teas34 .card, .teas3 .teas35 .card, .teas3 .teas35 .card, .teas3 .teas35 .card, .teas4 .teas41 .grid.c2 .card, .teas4 .teas41 .grid.c1 .card, .teas4 .teas42 .card, .teas4 .teas42 .grid.c1 .card {
        width: 70%;
    }
}

@media screen and (max-width:430px) {
    .sec-bar .left {
        gap: 1rem;
    }

    .sec-bar .en {
        padding-right: 1rem;
        letter-spacing: 0;
    }

    .teas1 .teas11 .card,
    .teas1 .teas12 .card,
    .teas1 .teas13 .card,
    .teas2 .teas21 .card,
    .teas2 .teas22 .card,
    .teas3 .teas31 .card,
    .teas3 .teas32 .card,
    .teas3 .teas32 .grid.c1 .card,
    .teas3 .teas33 .card,
    .teas3 .teas33 .grid.c1 .card,
    .teas3 .teas34 .card,
    .teas3 .teas35 .card,
    .teas3 .teas35 .card,
    .teas3 .teas35 .card,
    .teas4 .teas41 .grid.c2 .card,
    .teas4 .teas41 .grid.c1 .card,
    .teas4 .teas42 .card,
    .teas4 .teas42 .grid.c1 .card {
        width: 90%;
    }
}

@media screen and (max-width:393px) {
    .sec-bar .en {
        font-size: 14px;
    }

    .teas1 .teas11 .card,
    .teas1 .teas12 .card,
    .teas1 .teas13 .card,
    .teas2 .teas21 .card,
    .teas2 .teas22 .card,
    .teas3 .teas31 .card,
    .teas3 .teas32 .card,
    .teas3 .teas32 .grid.c1 .card,
    .teas3 .teas33 .card,
    .teas3 .teas33 .grid.c1 .card,
    .teas3 .teas34 .card,
    .teas3 .teas35 .card,
    .teas3 .teas35 .card,
    .teas3 .teas35 .card,
    .teas4 .teas41 .grid.c2 .card,
    .teas4 .teas41 .grid.c1 .card,
    .teas4 .teas42 .card,
    .teas4 .teas42 .grid.c1 .card {
        width: 80%;
    }
}

@media screen and (max-width:360px) {
    .sec-bar .zh br {
        display: block;
    }
}

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

}

@media screen and (max-width:340px) {
    .sec-bar .en {
        padding-right: 0.5rem;
        letter-spacing: -1px;
    }
}

@media screen and (max-width:300px) {
    .sec-bar .zh {
        font-size: 12px;
        letter-spacing: 0;
    }
}

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

/***teas end****/
/***********************/
/***********************/
/***ritual start***/

.ritual {
    position: relative;
    padding: 4.7rem 0 3rem;
}

/*A008*/
.A008 {
    width: 1640px;
    max-width: 100%;
    position: relative;
}

.A008:before {
    content: '';
    background: #e0e7dd;
    width: 1391px;
    max-width: 100%;
    min-height: 252px;
    position: absolute;
    bottom: 9rem;
    left: 0;
    z-index: -1;
}

.A008 .A008_top {
    padding: 0 0 0 16rem;
    margin-bottom: 1.8rem;
    display: flex;
    justify-content: space-between;
}

.A008_top .A008_en {
    width: 62.7%;
    padding: 0 2rem 0 7.8rem;
}

.A008_top .A008_en p {
    font-size: 90px;
    color: #e0e7dd;
    font-family: 'Lora';
    line-height: 1;
    letter-spacing: 0;
    font-weight: 600;
}

.A008_top .A008_txt {
    width: 35.4%;
    padding: 2.5rem 4.4rem 0 2rem;
}

.A008_top .A008_txt h3 {
    font-size: 24px;
    color: #8ba67a;
    font-weight: 600;
    margin-bottom: 2rem;
}

.A008_top .A008_txt p {
    text-align: justify;
    line-height: 1.8;
    font-weight: 500;
}

.A008 .A008_bot {
    width: 1076px;
    max-width: 100%;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.A008 .A008_bot img {
    -webkit-filter: drop-shadow(2px 2px 7px rgba(56, 52, 43, 0.35));
    filter: drop-shadow(2px 2px 7px rgba(56, 52, 43, 0.35));
}

.A008 .A008_bot img:first-child {
    margin-right: 3rem;
}

.A008 .A008_bot img:last-child {}

@media screen and (max-width:1536px) {
    .A008 {
        padding: 0 2rem 0 0;
    }

    .A008:before {
        max-width: 76%;
    }

    .A008 .A008_top {
        padding: 0 0 0 2rem;
    }
}

@media screen and (max-width:1366px) {
    .A008:before {
        max-width: 70%;

    }

    .A008_top .A008_en {
        width: 65%;
        padding: 0 2rem 0 0;
    }
}

@media screen and (max-width:1280px) {
    .A008_top .A008_en p {
        font-size: 80px;
    }
}

@media screen and (max-width:1200px) {
    .A008_top .A008_en p {
        font-size: 70px;
    }
}

@media screen and (max-width:1100px) {
    .A008:before {
        max-width: 60%;
    }

    .A008 .A008_top {
        margin-bottom: 1.5rem;
    }

    .A008_top .A008_txt {
        padding: 2.5rem 0 0 2rem;
    }
}

@media screen and (max-width:1000px) {
    .A008_top .A008_en p {
        font-size: 60px;
    }

    .A008_top .A008_txt {
        padding: 2.5rem 0 0 0;
    }

    .A008 .A008_bot {
        padding: 0 0 0 2rem;
        justify-content: space-between;
    }

    .A008 .A008_bot img {
        width: 49%;
    }

    .A008 .A008_bot img:first-child {
        margin-right: 0;
    }

}

@media screen and (max-width:834px) {
    .A008 .A008_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .A008_top .A008_en {
        width: 100%;
        padding: 0;
    }

    .A008_top .A008_en p {
        font-size: 85px;
    }

    .A008_top .A008_txt {
        padding: 0;
        margin-bottom: 2rem;
        order: -1;
        width: 58%;
    }

    .A008:before {
        max-width: 65%;
        bottom: 1.5rem;
    }
}

@media screen and (max-width:768px) {
    .A008:before {
        bottom: 4.5rem;
        min-height: 200px;
    }

    .A008_top .A008_en p {
        font-size: 70px;
    }

    .A008_top .A008_txt {
        width: 65%;
    }
}

@media screen and (max-width:650px) {
    .A008_top .A008_en p {
        font-size: 60px;
    }

    .A008_top .A008_txt {
        width: 75%;
    }

    .A008 .A008_bot {
        flex-wrap: wrap;
        justify-content: center;
    }

    .A008 .A008_bot img {
        width: 100%;
    }

    .A008 .A008_bot img:first-child {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:576px) {
    .A008_top .A008_txt {
        width: 85%;
    }

    .A008_top .A008_en p {
        font-size: 50px;
    }
}

@media screen and (max-width:450px) {
    .A008:before {
        bottom: 1.5rem;
    }

    .A008_top .A008_txt {
        width: 100%;
    }

    .A008_top .A008_en p {
        font-size: 40px;
    }
}

@media screen and (max-width:402px) {
    .A008_top .A008_en p {
        font-size: 35px;
    }
}

@media screen and (max-width:360px) {
    .A008_top .A008_en p {
        font-size: 30px;
    }
}

@media screen and (max-width:350px) {
    .A008 {
        padding: 0 1rem 0 0;
    }

    .A008:before {
        bottom: 2rem;
        min-height: 150px;
    }

    .A008 .A008_top {
        padding: 0 0 0 1rem;
    }

    .A008 .A008_bot {
        padding: 0 0 0 1rem;
    }
}

@media screen and (max-width:320px) {
    .A008:before {
        min-height: 130px;
    }
}

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



/*ritual1*/
.ritual1 {
    width: 1360px;
    max-width: 100%;
    margin: 0 auto;
    padding: 8rem 0 0 28.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ritual1 .ritual1_lt {
    width: 36.2%;
    padding: 0 5rem;
}

.ritual1 .ritual1_lt h5 {
    font-size: 42px;
    color: #203129;
    font-family: 'Lora';
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 3.9rem;
}

.ritual1 .ritual1_lt h6 {
    font-size: 24px;
    color: #8ba67a;
    font-family: 'Lora';
    margin-bottom: 2.8rem;

}

.ritual1 .ritual1_lt p {
    line-height: 1.7;
    font-weight: 500;
}

.ritual1 .ritual1_rt {
    width: 62.6%;
    text-align: right;
    padding-bottom: 4.8rem;
    border-bottom: 1px #8ba67a solid;
}

.ritual1_rt .ritual1_rt_zh {
    padding-right: 3.3rem;
    margin-bottom: 3rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ritual1_rt .ritual1_rt_zh img {
    margin-right: 2.2rem;
}

.ritual1_rt_zh .ritual1_rt_txt {
    background: #203129;
    padding: 0.5rem 1.5rem;
    border-radius: 100px;
}

.ritual1_rt_zh .ritual1_rt_txt p {
    font-size: 24px;
    color: #ffffff;
    font-weight: 900;

}

.ritual1_rt_zh .ritual1_rt_txt p span {
    font-size: 24px;
    font-weight: 900;
    font-family: 'Lora';
}

.ritual1_rt .ritual1_rt_tel {}

.ritual1_rt .ritual1_rt_tel p {
    font-size: 48px;
    color: #8ba67a;
    font-family: 'Lora';
    font-weight: 900;
}

.ritual1_rt .ritual1_rt_tel p span {
    font-size: 36px;
    font-family: 'Noto Serif TC';
    padding-left: 4rem;
}

@media screen and (max-width:1366px) {
    .ritual1 {
        padding: 8rem 2rem 0 25rem;
    }
}

@media screen and (max-width: 1330px) {
    .ritual1 {
        padding: 8rem 2rem 0 22rem;
    }
}

@media screen and (max-width:1280px) {
    .ritual1 {
        padding: 8rem 2rem 0 17rem;
    }

    .ritual1 .ritual1_lt {
        padding: 0;
    }
}

@media screen and (max-width:1000px) {
    .ritual1 {
        padding: 8rem 2rem 0 2rem;
    }

    .ritual1 .ritual1_rt {
        width: 55%;
    }
}

@media screen and (max-width:834px) {
    .ritual1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ritual1 .ritual1_lt {
        width: 55%;
        margin-bottom: 3rem;
    }

    .ritual1 .ritual1_rt {
        width: 70%;
        padding-bottom: 2rem;
    }
}

@media screen and (max-width:768px) {
    .ritual1 .ritual1_lt h5 {
        margin-bottom: 2rem;
    }

    .ritual1 .ritual1_lt h6 {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:650px) {
    .ritual1 {
        padding: 5rem 2rem 0 2rem;
    }

    .ritual1 .ritual1_rt {
        width: 90%;
    }

    .ritual1_rt .ritual1_rt_zh {
        padding-right: 0;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:450px) {
    .ritual1 .ritual1_lt {
        width: 85%;
    }

    .ritual1 .ritual1_rt {
        width: 100%;
    }

    .ritual1_rt .ritual1_rt_zh img {
        margin-right: 1rem;
        width: 10%;
    }

    .ritual1_rt_zh .ritual1_rt_txt p {
        font-size: 22px;
    }

    .ritual1_rt_zh .ritual1_rt_txt p span {
        font-size: 20px;
    }

    .ritual1_rt .ritual1_rt_tel p {
        font-size: 38px;
    }

    .ritual1_rt .ritual1_rt_tel p span {
        font-size: 30px;
        padding-left: 2rem;
    }
}

@media screen and (max-width:414px) {
    .ritual1 .ritual1_lt {
        width: 100%;
    }

    .ritual1 .ritual1_lt h5 {
        font-size: 35px;
        margin-bottom: 1rem;
    }

    .ritual1 .ritual1_lt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width:402px) {
    .ritual1 .ritual1_rt {
        padding-bottom: 1rem;
    }

    .ritual1_rt .ritual1_rt_tel p {
        font-size: 35px;
    }

    .ritual1_rt .ritual1_rt_tel p span {
        font-size: 25px;
        padding-left: .5rem;
    }
}

@media screen and (max-width:393px) {
    .ritual1_rt_zh .ritual1_rt_txt p {
        font-size: 18px;
    }

    .ritual1_rt_zh .ritual1_rt_txt p span {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .ritual1_rt .ritual1_rt_tel p {
        letter-spacing: 1px;
    }
}

@media screen and (max-width:350px) {
    .ritual1 {
        padding: 3rem 1rem 0 1rem;
    }
}

@media screen and (max-width:340px) {
    .ritual1_rt_zh .ritual1_rt_txt p {
        letter-spacing: 1px;
    }
}

@media screen and (max-width:320px) {
    .ritual1_rt .ritual1_rt_tel p {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:310px) {
    .ritual1_rt .ritual1_rt_tel p {
        font-size: 30px;
    }

    .ritual1_rt .ritual1_rt_tel p span {
        font-size: 20px;
    }
}

@media screen and (max-width:300px) {
    .ritual1_rt_zh .ritual1_rt_txt p {
        font-size: 16px;
    }

    .ritual1_rt_zh .ritual1_rt_txt p span {
        font-size: 14px;
    }
}

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

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



/*A002*/

.A002 {
    width: 1330px;
    max-width: 100%;
    margin: 8rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.A002 .A002_lt {
    width: 81%;
    padding-left: 4.2rem;
    display: flex;
    justify-content: space-between;
}

.A002 .A002_lt img {}

.A002 .A002_rt {}

.A002 .A002_rt img {}

@media screen and (max-width:1330px) {
    .A002 {
        margin: 5rem auto 0;
        padding: 0 2rem;
    }

    .A002 .A002_lt {
        padding-left: 0;
    }
}

@media screen and (max-width:1200px) {
    .A002 .A002_lt img {
        width: 24%;
    }
}

@media screen and (max-width:1100px) {
    .A002 .A002_rt {
        padding-left: 1rem;
    }
}

@media screen and (max-width:834px) {
    .A002 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .A002 .A002_lt {
        width: 100%;
        margin-bottom: 3rem;
    }

    .A002 .A002_rt {
        padding-left: 0;
    }
}

@media screen and (max-width:450px) {
    .A002 {
        margin: 3rem auto 0;
    }

    .A002 .A002_lt {
        flex-wrap: wrap;
        justify-content: center;
    }

    .A002 .A002_lt img {
        width: 50%;
        padding: 0.5rem;
    }
}

@media screen and (max-width:350px) {
    .A002 {
        padding: 0 1rem;
    }
}

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

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

/***ritual end****/
/***********************/
/***********************/
/***note start***/

.note {
    padding: 5rem 0;
}

.Fitem01 {
    width: 1210px;
    max-width: 100%;
    margin: 0 auto 7.4rem;
    display: flex;
    justify-content: space-between;
}

.Fitem01 .Fitem01_set {}

.Fitem01_set .Fitem01_set_inner {
    background: rgba(139, 166, 122, .15);
    width: 210px;
    max-width: 100%;
    min-height: 210px;
    padding: 3rem 1.6rem 2rem;
    border-radius: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Fitem01_set .Fitem01_set_inner img {
    margin-bottom: 1.6rem;
}

.Fitem01_set .Fitem01_set_inner h5 {
    font-size: 18px;
    color: #fff7e1;
    margin-bottom: 1rem;
    background: #203129;
    padding: 1rem 1.5rem;
    border-radius: 100px;
}

.Fitem01_set .Fitem01_set_inner h6 {
    font-size: 22px;
    font-weight: 600;
}

@media screen and (max-width:1200px) {
    .Fitem01 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:834px) {
    .Fitem01 .Fitem01_set {
        width: 24%;
    }

    .Fitem01_set .Fitem01_set_inner h6 {
        font-size: 20px;
    }
}

@media screen and (max-width:768px) {
    .Fitem01 {
        flex-wrap: wrap;
        margin: 0 auto 3rem;
    }

    .Fitem01 .Fitem01_set {
        width: 50%;
        margin-bottom: 3rem;
    }

    .Fitem01_set .Fitem01_set_inner {
        margin: 0 auto;
    }
}

@media screen and (max-width:450px) {
    .Fitem01 .Fitem01_set {
        width: 47%;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:414px) {
    .note {
        padding: 3rem 0;
    }

    .Fitem01 .Fitem01_set {
        width: 49%;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:402px) {
    .Fitem01_set .Fitem01_set_inner {
        padding: 2rem 1rem;
        min-height: 200px;
    }
}

@media screen and (max-width:370px) {
    .Fitem01_set .Fitem01_set_inner {
        min-height: 180px;
    }

    .Fitem01_set .Fitem01_set_inner img {
        margin-bottom: 1rem;
        width: 45%;
    }

    .Fitem01_set .Fitem01_set_inner h5 {
        font-size: 16px;
        padding: 1rem;
    }

    .Fitem01_set .Fitem01_set_inner h6 {
        font-size: 18px;
    }
}

@media screen and (max-width:350px) {
    .Fitem01 {
        padding: 0 1rem;
    }

    .Fitem01_set .Fitem01_set_inner {
        min-height: 170px;
    }
}

@media screen and (max-width:330px) {
    .Fitem01_set .Fitem01_set_inner h6 {
        font-size: 16px;
    }
}

@media screen and (max-width:320px) {
    .Fitem01_set .Fitem01_set_inner h5 {
        font-size: 14px;
    }
}

@media screen and (max-width:300px) {
    .Fitem01_set .Fitem01_set_inner {
        min-height: 160px;
    }

    .Fitem01_set .Fitem01_set_inner h6 {
        font-size: 15px;
    }
}

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

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


/*note1*/
.note1 {
    width: 1210px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.note1 .note1_lt {}

.note1 .note1_lt img {
    vertical-align: middle;
}

.note1 .note1_rt {
    width: 665px;
    max-width: 100%;
    background: #8ba67a;
    padding: 7.5rem 4rem 2rem;
}

.note1_rt .note1_rt_zh {
    padding: 0 11rem 2.7rem;
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
    display: flex;
    align-items: center;
}

.note1_rt .note1_rt_zh img {
    margin-right: 3.6rem;
}

.note1_rt_zh .note1_rt_txt {}

.note1_rt_zh .note1_rt_txt p {
    font-size: 24px;
    font-weight: 900;
}

.note1_rt_zh .note1_rt_txt p span {
    font-family: 'Lora';
    text-transform: uppercase;
}


.note1_rt .note1_rt_tel {
    padding: 4.7rem 9rem 4.3rem;
}

.note1_rt .note1_rt_tel p {
    font-size: 36px;
    font-weight: 900;
    font-family: 'Lora';
    color: #fff;
}

.note1_rt .note1_rt_tel p span {
    font-size: 30px;
    font-family: 'Noto Serif TC';
    padding-left: 3rem;
}

.note1_rt .note1_rt_ps {
    padding: 0 9rem;
}

.note1_rt .note1_rt_ps p {
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width:1200px) {
    .note1 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1100px) {
    .note1 .note1_rt {
        padding: 4rem 4rem 2rem;
    }

    .note1_rt .note1_rt_zh {
        padding: 0 3rem 2.7rem;
    }

    .note1_rt .note1_rt_tel {
        padding: 2rem 2rem 2rem;
    }

    .note1_rt .note1_rt_ps {
        padding: 0 2rem;
    }
}

@media screen and (max-width:834px) {
    .note1 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .note1 .note1_rt {
        padding: 4rem 6.3rem 2rem;
        order: -1;
        width: auto;
    }
}

@media screen and (max-width:576px) {
    .note1 .note1_rt {
        padding: 4rem 6rem 2rem;
    }
}

@media screen and (max-width:450px) {
    .note1 .note1_rt {
        padding: 4rem 1rem 2rem;
        width: 100%;
    }

    .note1_rt .note1_rt_zh {
        padding: 0 1rem 2.7rem;
    }

    .note1_rt .note1_rt_zh img {
        margin-right: 2rem;
        width: 10%;
    }

    .note1_rt .note1_rt_tel {
        padding: 2rem 1rem 2rem;
    }

    .note1_rt .note1_rt_ps {
        padding: 0;
    }
}

@media screen and (max-width:430px) {
    .note1_rt .note1_rt_tel p {
        font-size: 30px;
    }

    .note1_rt .note1_rt_tel p span {
        font-size: 25px;
        padding-left: 2rem;
    }

    .note1_rt .note1_rt_ps p {
        letter-spacing: 0;
    }
}

@media screen and (max-width:380px) {
    .note1_rt .note1_rt_tel p {
        font-size: 27px;
    }

    .note1_rt .note1_rt_tel p span {
        font-size: 20px;
        padding-left: 1rem;
    }

    .note1_rt .note1_rt_ps p {
        font-size: 14px;
    }
}

@media screen and (max-width:350px) {
    .note1 {
        padding: 0 1rem;
    }
}

@media screen and (max-width:330px) {
    .note1_rt_zh .note1_rt_txt p {
        font-size: 20px;
    }
}

@media screen and (max-width:320px) {
    .note1_rt .note1_rt_tel p {
        font-size: 25px;
    }
}

@media screen and (max-width:310px) {
    .note1_rt .note1_rt_tel p {
        font-size: 23px;
    }
}

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


/***note end****/
/***********************/
/***********************/
/***events start***/

.events {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 5rem 0;
}

.F_text03 {
    display: flex;
    align-items: flex-start;
    gap: 2.4rem;
    padding: 2.4rem 2.8rem 5.6rem;
}

.label-block {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0 5rem 0 2rem;
    margin-left: 5rem;
    border-left: 13px #8ba67a solid;
}

.label-zh {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
}

.label-en {
    color: #8ba67a;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
}

.header-text {
    font-weight: 500;
}


.E001 {
    width: 1252px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.E001 img {}


@media screen and (max-width:1200px) {
    .E001 {
        padding: 0 2rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .E001 img:first-child {
        margin-bottom: 3rem;
    }

}

@media (max-width: 860px) {
    .F_text03 {
        padding: 1.8rem 2rem 1.2rem;
        gap: 1.4rem;
    }

}

@media screen and (max-width:576px) {
    .F_text03 {
        flex-wrap: wrap;
        margin-bottom: 3rem;
    }

    .label-block {
        margin-left: 0;
    }
}

@media screen and (max-width:450px) {
    .events {
        padding: 2rem 0;
    }

    .F_text03 {
        margin-bottom: 2rem;
    }

    .header-text br {
        display: none;
    }
}

@media screen and (max-width:350px) {
    .E001 {
        padding: 0 1rem;
    }

    .F_text03 {
        padding: 1.8rem 1rem 1.2rem;
    }
}

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

/***events end****/
/***********************/
/***********************/
/***top***/
#gotop {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 50;
    cursor: pointer;
    display: none;
}

#gotop img {
    transition: .2s linear;
}

#gotop:hover img {
    transform: translateY(-5px);
}


@media (max-width:450px) {
    #gotop {
        text-align: right;
        width: 16%;
    }
}

/***********************/
.space {
    transform: translateY(-82px);
}

#concept {
    transform: translateY(-100px);
}



/***news*************************************************************************************************/
.news {
    width: 1330px;
    margin: 0 auto;
    max-width: 100%;
    padding: 5rem 0;
}

.newslist {
    text-align: center;
}

.newslist table .h1,
.newslist table .h2,
.newslist table .h3,
.newslist table .h4,
.newslist table .h5,
.newslist table .h6,
.newslist table h1,
.newslist table h2,
.newslist table h3,
.newslist table h4,
.newslist table h5,
.newslist table h6 {
    line-height: normal;
}

/***newslist_rwd***/
.newslist_rwd {
    text-align: right;
}

.newslist_rwd:not(:last-of-type) {
    padding-bottom: 6.2rem;
}

.newslist_rwd a {
    position: relative;
    transition: .3s ease all;
    line-height: 1.5;
}

.newslist_rwd .news_inner {
    position: relative;
    width: 1275px;
    max-width: 100%;
    margin: 0 auto;
}



/*npic*/
.npic {
    position: relative;
    width: 1004px;
    max-width: 100%;
    min-height: 422px;
    transition: .3s ease all;
    vertical-align: top;
    margin: 0 0 0 auto;
    -webkit-filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
    filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
}

.npicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
}

.newslist_rwd:hover .npic {
    transform: translateY(-5px);
}

.newslist_rwd a:hover .npic {
    transform: translateY(-5px);
}

.newstitle{
	font-size: 20px;
	padding-bottom: 2rem;
	font-weight: 900;
}

/*ntitle*/
.ntitle {
    background: #203129;
    text-align: center;
    vertical-align: top;
    padding: 5rem 6rem 3.9rem 6rem;
    width: 43.3%;
    position: absolute;
    top: 9rem;
    left: 0;
}

.ntitle h3 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ntitle h3 a:first-child {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.ntitle h3 a:not(:first-child) {
    display: inline-block;
	font-size: 20px;
}


.ntitle p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: left;
    line-height: 1.3;
    color: #ffffff;
}

.ntitle p a {
    display: inline-block;
}

.ntitle p a:nth-of-type(1) {
    display: block;
    overflow: hidden;
}

.ntitle .news_more {
    transition: .5s all;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ntitle .news_more hr {
    background: #8ba67a;
    width: 80px;
    max-width: 100%;
    min-height: 3px;
    margin: 2.3rem 0;
}


/*page_num*/
.page_num {
    padding: 1em 0;
}

.page_num a {
    display: inline-block;
}


.ripple2{
	margin-bottom: 2rem;
}
@media screen and (max-width:1280px) {
    .news {
        padding: 5rem 2rem;
    }
}

@media screen and (max-width:1000px) {
    .npic {
        width: 90%;
        min-height: 370px;
    }

    .ntitle {
        width: 43.3%;
        top: 9rem;
        padding: 4rem 2rem 3rem 2rem;
    }
}

@media screen and (max-width:834px) {
    .newslist_rwd:not(:last-of-type) {
        padding-bottom: 4rem;
    }

    .npic {
        width: 100%;
        min-height: 370px;
    }

    .ntitle {
        width: 100%;
        top: 0;
        padding: 6rem 3rem 5rem 3rem;
        position: relative;
    }
}

@media screen and (max-width:576px) {
    .npic {
        min-height: 290px;
    }
}

@media screen and (max-width:450px) {
    .ntitle {
        padding: 2rem;
    }

    .ntitle h3 {
        font-size: 30px;
    }
}

@media screen and (max-width:430px) {
    .npic {
        min-height: 200px;
    }
}

@media screen and (max-width:360px) {
    .npic {
        min-height: 170px;
    }
}

@media screen and (max-width:350px) {
    .news {
        padding: 5rem 1rem;
    }
}

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

/*************************
*******service_album*******
**************************/

.photo {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}

#service_album {
    background: #fff;
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: 40vh;
}

#service_album a {
    color: #d0791d;
    display: inline-block;
}

#service_album a:visited,
#service_album a:focus {
    color: #513c26;
}

#service_album a:hover {
    color: #7f4d18;
}

.table1 table {
    min-width: 23%;
}

.table2 td {
    max-width: 200px;
    height: 30px;
}

@media(max-width:992px) {
    .contactm {
        margin-bottom: 20px
    }

    .table1 table {
        width: 100%;
    }

    table.tablegrid {
        width: 23%;
    }
}

@media(max-width:768px) {

    .table1 table {
        width: 98%;
    }

    table.tablegrid {
        width: 47%;
    }
}

@media(max-width:500px) {
    table.tablegrid {
        width: 95%;
    }
}

/*album*/
.album {
    z-index: 0;
    position: relative;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}

.photo .album table {
    width: 100%;
}

.photo .album table.table-responsive {
    width: 20%;
}

table.tablegrid {
    width: 20% !important;
}

.album a {
    display: inline-block;
    color: #063827;
}

.album tr.photo {
    transition: .2s ease-in-out;
}

.album tr.photo:hover {
    opacity: .6;
}

.table-responsive {
    border: 0;
    margin: 10px 0;
}

@media screen and (max-width:768px) {
    .photo .album table.table-responsive {
        width: 31%;
    }

    table.tablegrid {
        width: 31% !important;
    }
}


@media screen and (max-width:650px) {
    .album {
        padding: 4rem 0;
    }

    table.tablegrid {
        width: 30% !important;
    }
}

@media screen and (max-width:450px) {
    .photo .album table.table-responsive {
        width: 48%;
    }

    table.tablegrid {
        width: 46% !important;
    }
}

@media screen and (max-width:370px) {
    table.tablegrid {
        width: 45% !important;
    }
}

@media screen and (max-width:350px) {
    .photo .album table {
        width: 100%;
    }
}

@media screen and (max-width:340px) {
    table.tablegrid {
        width: 44% !important;
    }
}

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