/*--------------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;
}

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

html {
    font-size: 10px;
    line-height: 1.8;
}

body {
    letter-spacing: 2px;
    font-size: 18px;
    font-family: 'Noto Serif TC', 'Cormorant Garamond', serif;
    overflow-x: hidden;
    color: #000;
    background: #fff;
}

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 {
    display: block;
    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%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

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

/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/****overlay start****/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 40;
    display: none;
}

.overscroll {
    overflow: hidden;
}

/****overlay end****/
/************************/
/****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: 20px;
}

.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 {
    background: #fff;
    padding: 1.7rem 24rem;
    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(28 28 28 / .85);
    transition: .5s ease-in;
}

/*ilogo*/
.ilogo {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    text-align: left;
}

.ilogo a {
    display: inline-block;
    transition: .3s ease all;
}

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

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

.ibutton ul {}

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

.ibutton li:not(:last-of-type):after {
    content: '✧';
    color: #bfa183;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: -1.2rem;
    bottom: 0;
    margin: auto 0;

}

.ibutton a {
    position: relative;
    overflow: hidden;
    transition: .2s ease all;
    color: #bfa183;
    height: 30px;
    letter-spacing: 1px;
}

p.ch {
    transition: .3s ease all;
}

p.en {
    transition: .3s ease all;
}

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

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

@media (max-width:1700px) {
    .navbar {
        padding: 1.7rem 6rem;
    }
}

@media (max-width:1400px) {
    .ilogo {
        width: 18%;
    }

    .ibutton {
        width: 80%;
    }
}

@media (max-width:1366px) {
    .navbar {
        padding: 1.7rem 1rem;
    }
}

@media (max-width:1300px) {
    .ilogo {
        width: 25%;
    }

    .ibutton {
        width: 70%;
    }

    img.ft001_logo {
        max-width: 22vw;
    }

    .mibutton {
        display: block;
        top: 1.5em;
    }

    .ilogo {
        width: 100%;
        text-align: left;
        padding: 1rem;
    }

    .ilogo a {
        display: inline-block;
        width: 200px;
    }

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

    .ibutton li {
        display: block;
        width: 100%;
        padding: 0;
    }

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

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

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

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

    .ibutton a p.en {
        display: none;
    }

    .ibutton li:not(:last-of-type):after {
        display: none;
    }

    .navbar {
        padding: 0;
        position: fixed;
        opacity: 1;
        pointer-events: auto;
        background: rgb(28 28 28 / .85);
    }
}

@media (max-width:600px) {
    .ilogo a {
        width: 160px;
    }

    .mibutton {
        top: 1.3em;
    }
}

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

    .ibutton a {
        font-size: 16px;
    }
}

@media (max-width:350px) {
    .mibutton {
        top: 1em;
    }
}

/****head001 end****/
/***********************/
/***a001 start***/
.a001 {
    position: relative;
    background: url(../../images/a001_bg.jpg) top center no-repeat fixed;
    background-size: cover;
    padding: 24.5rem 0 12.6rem;
}

.a001:before {
    content: '';
    background: rgba(120, 96, 75, .6);
    position: absolute;
    top: 0;
    left: 0;
    width: 37.2%;
    height: 100%;
}

/*a001_top*/
.a001_top {
    position: relative;
    z-index: 3;
    text-align: left;
    color: #fff;
    width: 1440px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 4.8rem 0 2.4rem;
    display: flex;
    justify-content: space-between;
}

/*a01_left*/
.a01_left {
    text-align: left;
    display: inline-block;
    width: 24%;
    padding-top: 14rem;
    vertical-align: top;
}

.a01_left p {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1rem;
}

.a01_left p:after {
    content: '';
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 69%;
    height: 1px;
}

.a01_left span {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 2.2rem 0 0 1.5rem;
}

.a01_left span:not(:first-of-type) {
    padding: 2rem 0 0 1.5rem;
}

/*a01_right*/
.a01_right {
    display: inline-block;
    text-align: right;
    width: 75%;
}

.a01_right img {
    padding: 0 6.8rem 6rem 0;
}

.a01_right p {
    font-size: 30px;
    font-family: 'Cormorant Garamond';
    letter-spacing: 1px;

}

/*a001_btm*/
.a001_btm {
    position: relative;
    z-index: 3;
    text-align: right;
    padding: 8rem 4.7rem 0 3rem;
    overflow-x: hidden;
}

.a001_btm img {
    padding-left: 1em;
    -webkit-filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, .8));
    filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, .8));
}

@media screen and (max-width:1450px) {
    .a01_right {
        width: 60%;
    }

    .a01_left {
        width: 30%;
        padding-left: 18rem;
    }
}

@media (max-width:1400px) {
    .a001:before {
        width: 45vw;
    }

    .a01_left p {
        white-space: nowrap;
    }
}

@media (max-width:1200px) {

    .a01_left,
    .a01_right {
        width: 50%;
    }

    .a001 {
        padding: 9em 0 4em;
    }

    .a001_btm img {
        width: 24vw;
    }
}

@media (max-width:990px) {

    .a001:before {
        width: 27vw;
    }

    .a001 {
        background-attachment: inherit;
        padding: 9em 0 2em;
        background-position-x: 30%;
    }

    .a001_top {
        flex-wrap: wrap;
        justify-content: center;

    }

    .a01_left,
    .a01_right {
        width: 100%;
    }

    .a01_left {
        padding: 7rem 0 0 32rem;
    }

    .a01_left p:after {
        width: 38%;
    }

    .a01_right {
        order: -1;
        text-align: center;
    }

    .a01_left img {
        width: 35vw;
    }
}

@media (max-width:768px) {
    .a001:before {
        width: 100%;
        top: inherit;
        bottom: 0;
        height: 45%;
    }

    .a001 {
        padding: 8em 0 2em;
        background-position-x: 15%;
    }

    .a01_left {
        padding: 6rem 0 0 22rem;
    }

    .a01_left p:after {
        width: 48%;
    }

    .a01_right {
        padding-top: 3em;
    }

    .a01_right img {
        padding: 0 0 6rem 0;
    }

    .a001_btm {
        padding: 2em 2em 0 1em;
    }

    .a01_right p {
        margin-bottom: 1em;
    }
}

@media (max-width:600px) {
    .a01_left {
        padding: 1rem 0 0 15rem;
    }

    .a001 {
        padding: 7em 0 3em;
        background-position-x: 42%;
    }

    .a01_right p {
        font-size: 25px;
        padding-right: 0;
    }

    .a01_right img {
        padding: 0 0 3rem 0;
    }

    .a001_btm img {
        width: 28vw;
    }

    .a01_right {
        padding-top: 2em;
    }

    .a001:before {
        height: 47%;
    }

    .a001_btm {
        padding: 2em 1em 0 1em;
        text-align: center;
    }
}

@media (max-width:450px) {
    .a001 {
        padding: 4em 0 3em;
        overflow-x: hidden;
    }

    .a001:before {
        height: 100%;
        background: rgb(120, 96, 75, 50%);
    }

    .a01_left {
        padding: 1rem 0 0 7.5rem;
    }

    .a01_left p:after {
        width: 75%;
    }
    .a01_right p {
        font-size: 16px;
        padding-right: 0;
    }
    .a01_right img {
        padding: 0 0 3rem 0;
        width: 50%;
    }

    .a001_btm img {
        padding-left: .5em;
    }
}

@media (max-width:414px) {
    .a001_top {
        padding: 0 2rem;
    }

}

@media (max-width:380px) {
    .a001_top {
        padding: 0 1rem;
    }

    .a01_left p:after {
        width: 80%;
    }

    .a01_right img {
        width: 45%;
    }
}

@media (max-width:360px) {
    .a01_left {
        padding: 1rem 0 0 5rem;
    }
}

@media (max-width:300px) {
    .a01_left {
        padding: 1rem 0 0 2rem;
    }

    .a001_btm img {
        width: 27vw;
    }
}

/***a001 end***/
/*****************************/
/***scroll***/
.scroll {
    position: absolute;
    text-align: center;
    left: 17.6%;
    bottom: 12em;
    z-index: 5;
}

.scroll a {
    background: rgba(255, 255, 255, .5);
    border-radius: 100%;
    width: 100px;
    height: 100px;
    position: relative;
}

.scroll a:before {
    content: '';
    background: rgba(255, 255, 255, .5);
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    transition: 2s linear;
    border-radius: 100%;
    z-index: -1;
    transform-origin: center center;
}

.scroll a:hover:before {
    animation: circle .6s ease-in;
}

@keyframes circle {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    20% {
        opacity: .6;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.scroll span {
    color: #222221;
    font-size: 18px;
    letter-spacing: 0px;
    padding: 2em 0 0 0;
    display: block;
}

.scroll img {
    animation: enter 1s infinite alternate;
}

@keyframes enter {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(15px);
    }
}

@media(max-width:1260px) {
    .scroll {
        left: 6%;
    }

    .scroll a,
    .scroll a:before {
        width: 90px;
        height: 90px;
    }

    .scroll span {
        font-size: 16px;
    }
}

@media(max-width:990px) {
    .scroll {
        display: none;
    }
}
/***********************/
/***b001 start***/
.b001 {
    position: relative;
    text-align: left;
    background: #f2ecdf;
    z-index: 40;
}

.b001_left {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 26.2rem 0 7.2rem 10.7rem;
    width: 42%;
}

.b001_left:before {
    content: '';
    background: url(../../images/b001_img01.jpg);
    background-size: cover;
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/*b001_top*/
p.b001_top {
    color: #fff;
    font-size: 20px;
    position: relative;
    padding-bottom: .5em;
    margin-bottom: 4em;
}

p.b001_top:after {
    content: '';
    border: solid 1px #fff;
    width: 115px;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.b001_left img {
    -webkit-filter: drop-shadow(2px 2px 7px rgba(50, 46, 46, 0.3));
    filter: drop-shadow(2px 2px 7px rgba(50, 46, 46, 0.3));
}

.b001_deco1 {
    position: absolute;
    bottom: 0;
    left: 3em;
    color: #fff;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    padding-left: 20em;
    letter-spacing: 0;
    text-transform: uppercase;
}

.b001_deco1:after {
    content: '';
    height: 3px;
    width: 75%;
    position: absolute;
    bottom: 12px;
    left: 0;
    background: #fff;
}

.b001_deco2 {
    position: absolute;
    top: 7rem;
    left: 11.6rem;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 22px;
    text-align: left;
    font-family: 'Cormorant Garamond';

}

.b001_deco2:after {
    content: '';
    height: 7px;
    width: 115px;
    position: absolute;
    border: 1px solid #fff;
    bottom: -1rem;
    left: 0;
}

.b001_right {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 38.9rem 0 0 8em;
    width: 50%;
    color: #303030;
}

.b001_right h6 {
    color: #bfa183;
    font-size: 72px;
    font-family: 'cormorant Garamond';
    letter-spacing: 0;
    line-height: .5;
    font-weight: bold;
}

.b001_right h6 span {
    display: inline-block;
    font-size: 112px;
}

.b001_right span {
    display: block;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: bold;
    padding: 0 0 4.3rem 0;
}

.b001_right p {
    line-height: 2;
    font-size: 18px;
    font-weight: 500;
}

@media (max-width:1536px) {
    .b001_right h6 span {
        font-size: 90px;
    }
}

@media (max-width:1430px) {
    .b001_right {
        padding: 13em 2em 0 4em;
        width: 54%;
    }

    .b001_left {
        width: 45%;
    }
}

@media (max-width:1200px) {
    .b001_left {
        padding: 14.2rem 0 7.2rem 10.7rem;
    }

    .b001_right h6 span {
        font-size: 66px;
    }
}

@media (max-width:1100px) {
    .b001_left {
        width: 90%;
        z-index: 5;
        text-align: left;
        padding: 16.2rem 0 7.2rem 10.7rem;
    }

    .b001_left:before {
        width: 60%;
    }

    p.b001_top {
        text-align: left;
    }

    .b001_right {
        padding: 9em 2em;
        width: 100%;
    }

    .b001 {
        background: #e8e8e8;
    }

    .b001:before {
        display: none;
    }
}

@media (max-width:840px) {
    p.b001_top {
        margin-bottom: 3em;
    }

    .b001_left {}

    .b001_right {
        padding: 6em 2em 4em;
    }
}

@media (max-width:600px) {
    p.b001_top {
        margin-bottom: 2em;
    }

    .b001_left {
        padding: 9.2rem 0 6.2rem 5.7rem;
    }

    .b001_deco1 {
        left: 2em;
    }

    .b001_deco2 {
        top: 2rem;
        left: 5.6rem;
    }

    .b001_right span {
        font-size: 25px;
    }

    .b001_right {
        padding: 6em 2em;
    }
}

@media (max-width:500px) {
    .b001_left {}

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

    p.b001_top:after {
        width: 90px;
        height: 6px;
    }

    .b001_deco1 {
        padding-left: 13em;
        font-size: 15px;
    }

    .b001_deco1:after {
        width: 67%;
        bottom: 9px;
    }

    .b001_right {
        padding: 4em 2em;
    }

    .b001_right h6 {
        font-size: 50px;
    }

    .b001_right h6 span {
        font-size: 56px;
    }

    .b001_right span {
        padding: 0 0 3.3rem 0;
    }
}

@media (max-width:450px) {
    .b001_right h6 span {
        display: block;
        line-height: 1.5;
    }

    .b001_right {
        padding: 5rem 2rem;
        background-position-y: 100%;
    }
}

@media (max-width:430px) {
    .b001_left {
        width: 95%;
    }

    .b001_right span {
        font-size: 22px;
        padding: 0 0 1.3rem 0;
    }

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

@media (max-width:360px) {
    .b001_right p {
        font-size: 15px;
    }
}

@media (max-width:350px) {
    .b001_deco1 {
        padding-left: 10em;
    }

    .b001_deco1:after {
        width: 58%;
    }

    p.b001_top {
        font-size: 15px;
        margin-bottom: 1em;
    }

    p.b001_top:after {
        width: 85px;
        height: 5px;
    }

    .b001_right span {
        font-size: 20px;
    }

    .b001_right p {
        font-size: 13px;
    }
}

@media (max-width:300px) {
    .b001_left {
        padding: 9.2rem 0 3.2rem 3.7rem;
    }

    .b001_deco2 {
        left: 3.6rem;
    }
}

/***b001 end***/
/***********************/
/***d005 start***/
.d005 {
    background: url(../../images/d005_bg.jpg) top center repeat;
    width: 100%;
    background-size: contain;
    padding: 13.5rem 0 6rem;

}

.d005_inner {
    width: 1250px;
    max-width: 100%;
    margin: 0 auto;
}


.d005_bot {}

.d005_bot .d005_ser {
    display: flex;
    align-items: flex-start;
}

.d005_bot .d005_ser:nth-child(even) {
    flex-direction: row-reverse;
}

.d005_bot .d005_ser .d005_left {
    width: 50%;
    margin: 0 auto;
    padding: 5.4rem 13rem 0;
    min-height: 540px;
    background: #fff;
}

.d005_bot .d005_ser .d005_left h4 {
    font-size: 36px;
    color: #1a1a1a;
    font-weight: bold;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    position: relative;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0px;
}

.d005_bot .d005_ser .d005_left h4:after {
    content: '';
    background: #1a1a1a;
    width: 62px;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.d005_bot .d005_ser .d005_left p {
    font-size: 18px;
    text-align: justify;
    line-height: 1.6;
}

.d005_bot .d005_ser .d005_right {
    width: 50%;
}

.d005_inner .d005_info {
    width: 74%;
    margin: 6rem auto 0;
}

.d005_inner .d005_info h4 {
    font-size: 16px;
    color: #606060;
    padding-bottom: 5rem;
    font-weight: 400;
}

.d005_inner .d005_info p {
    font-size: 16px;
    color: #606060;
    text-align: justify;
}

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


    .d005_bot {
        padding: 0 2rem;
    }

    .d005_bot .d005_ser .d005_left {
        min-height: 523px;
    }
}

@media screen and (max-width: 1200px) {
    .d005_bot .d005_ser .d005_left {
        min-height: 501px;
        padding: 5.4rem 5rem 0;
    }
}

@media screen and (max-width:1100px) {
    .d005_bot .d005_ser .d005_left {
        min-height: 458px;
    }
}

@media screen and (max-width:1000px) {
    d005_bot .d005_ser .d005_left {
        padding: 3.4rem 2rem 0;
        min-height: 415px;
    }
}

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

    .d005_bot .d005_ser {
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 3rem;
    }

    .d005_bot .d005_ser .d005_left {
        padding: 3rem 2rem;
        width: 78.5%;
    }

    .d005_bot .d005_ser .d005_right {
        width: 79%;
    }

    .d005_bot .d005_ser:nth-child(even) {
        flex-direction: initial;
    }

    .d005_inner .d005_info {
        width: 100%;
        padding: 0 2rem;
    }
}

@media screen and (max-width: 768px) {
    .d005_bot .d005_ser .d005_left {
        width: 85.5%;
    }

    .d005_bot .d005_ser .d005_right {
        width: 86%;
    }
}

@media screen and (max-width: 576px) {
    .d005_bot .d005_ser .d005_left {
        width: 100%;
    }

    .d005_bot .d005_ser .d005_left {
        min-height: 430px;
    }

    .d005_bot .d005_ser .d005_right {
        width: 100%;
    }


}

@media screen and (max-width: 393px) {
    .d005_bot .d005_ser .d005_left h4 {
        font-size: 30px;
    }
}

@media screen and (max-width: 330px) {
    .d005_bot .d005_ser .d005_left h4 {
        font-size: 25px;
    }
}

@media screen and (max-width:300px) {
    .d005_bot .d005_ser .d005_left h4 {
        font-size: 22px;
    }
}

/***d005 end***/
/***********************/
/***c002 start***/
.c002 {
    padding: 9rem 0 17rem 0;
}

.c002 .c002_title {
    text-align: center;
}

.c002 .c002_title h3 {
    font-size: 72px;
    font-weight: bold;
    font-family: 'Cormorant Garamond';
    color: #1c1c1c;
    padding-bottom: 2rem;
}

.c002 .c002_title h2 {
    font-size: 30px;
    font-weight: bold;
    color: #1c1c1c;
}

.c002 .c002_inner {
    width: 1730px;
    max-width: 100%;
    margin: 7rem auto 0;
}

.c002 .c002_inner ul {
    display: flex;
    justify-content: space-between;
}

.c002 .c002_inner ul li {}

.c002 .c002_inner ul li img {}

.c002 .c002_inner ul li p {
    font-size: 24px;
    color: #1a1a1a;
    font-weight: 600;
    text-align: center;
    margin-top: 2rem;
}

@media screen and (max-width:1700px) {
    .c002 .c002_inner {
        padding: 0 2rem;
    }
}

@media screen and (max-width:991px) {
    .c002 {
        padding: 9rem 0 5rem 0;
    }

    .c002 .c002_inner ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .c002 .c002_inner ul li {
        width: 32%;
        padding: 0 1rem;
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:450px) {
    .c002 .c002_inner ul li:nth-child(1){
    	width: 100%;
    	text-align: center;
    }
    .c002 .c002_inner ul li:nth-child(1) img{
    	width: 50%;
    }
    .c002 .c002_inner ul li {
        width: 49%;
    }
}

@media screen and (max-width:393px) {
    .c002 .c002_inner {
        padding: 0 1rem;
    }
}

@media screen and (max-width:340px) {
    .c002 .c002_inner ul li {
        width: 95%;
    }
}

@media screen and (max-width:320px) {
    .c002 .c002_title h3 {
        font-size: 60px;
    }
}

/***c002 end****/
/***********************/
/***a006 start***/
.a006 {
    background: #282523;
    padding: 14rem 0 8rem;
}

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

.a006_inner .a006_lt {
    background: url(../../images/a006_img01.png) top left no-repeat;
    background-size: contain;
    width: 838px;
    max-width: 100%;
    min-height: 977px;
}

.a006_lt .a006_title {
    margin-top: 5.8rem;
    padding-top: 3.7rem;
    position: relative;

}

.a006_lt .a006_title:after {
    content: '';
    background: url(../../images/a006_deco01.png) top left no-repeat;
    background-size: contain;
    width: 357px;
    max-width: 100%;
    min-height: 164px;
    position: absolute;
    top: -0.5rem;
    left: 18.4rem;
    z-index: -1;
}

.a006_lt .a006_title h3 {
    font-size: 100px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Cormorant Garamond';
    line-height: 1;
    letter-spacing: 1px;
}

.a006_lt .a006_title .a006_line {
    background: #bfa183;
    width: 80px;
    max-width: 100%;
    height: 3px;
    margin: 2.8rem 0 1.8rem;
}

.a006_lt .a006_title h2 {
    font-size: 30px;
    color: #f2ecdf;
    font-weight: 600;
}

.a006_lt .a006_title h2 span {
    color: #bfa183;
}

.a006_inner .a006_rt {}

@media screen and (max-width:1700px) {
    .a006 .a006_inner {
        padding: 0 2rem;
    }

    .a006_inner .a006_lt {
        margin-right: 1rem;
    }

    .a006_inner .a006_rt {
        text-align: right;
    }
}

@media screen and (max-width:1500px) {
    .a006 {
        padding: 10rem 0 1rem;
    }
}

@media screen and (max-width:1366px) {
    .a006_lt .a006_title h3 {
        font-size: 76px;
    }

    .a006_lt .a006_title:after {
        left: 9.4rem;
    }
}

@media screen and (max-width:1200px) {
    .a006 {
        padding: 10rem 0 6rem;
    }

    .a006 .a006_inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .a006_inner .a006_lt {
        margin: 0 0 3rem 0;
    }

    .a006_lt .a006_title:after {
        left: 15.4rem;
        top: 0.5rem;
    }
}

@media screen and (max-width:768px) {
    .a006_inner .a006_lt {
        min-height: 845px;
    }
}

@media screen and (max-width:576px) {
    .a006_inner .a006_lt {
        min-height: 623px;
    }

    .a006_lt .a006_title {
        margin-top: 2.8rem;
        padding-top: 0.7rem;
    }

    .a006_lt .a006_title h3 {
        font-size: 56px;
    }

    .a006_lt .a006_title h2 {
        font-size: 20px;
    }

    .a006_lt .a006_title:after {
        left: 10.4rem;
        top: 0rem;
        background-size: 55%;
    }
}

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

    .a006_inner .a006_lt {
        min-height: 478px;
        margin: 0 0 2rem 0;
    }

    .a006_lt .a006_title:after {
        left: 11.4rem;
        top: 1rem;
        background-size: 72%;
        max-width: 60%;
        min-height: 87px;
    }
}

@media screen and (max-width:414px) {
    .a006_inner .a006_lt {
        min-height: 436px;
        margin: 0 0 1.5rem 0;
    }

    .a006_lt .a006_title h3 {
        font-size: 40px;
    }

    .a006_lt .a006_title h2 {
        font-size: 16px;
    }

    .a006_lt .a006_title:after {
        background-size: 77%;
        max-width: 48%;
        left: 7.4rem;
        top: 0rem;
        min-height: 53px;
    }
}

@media screen and (max-width:393px) {
    .a006_inner .a006_lt {
        min-height: 409px;
    }
}

@media screen and (max-width:360px) {
    .a006_inner .a006_lt {
        min-height: 373px;
        margin: 0 0 1rem 0;
    }

    .a006_lt .a006_title h3 {
        font-size: 36px;
    }

    .a006_lt .a006_title .a006_line {
        margin: 1.8rem 0 1rem;
    }

    .a006_lt .a006_title:after {
        left: 8.4rem;
        top: 1rem;
    }

}

@media screen and (max-width:340px) {
    .a006_inner .a006_lt {
        min-height: 350px;
    }

    .a006_lt .a006_title h3 {
        font-size: 34px;
    }

    .a006_lt .a006_title h2 {
        font-size: 13px;
    }

    .a006_lt .a006_title:after {
        max-width: 40%;
    }
}

@media screen and (max-width:320px) {
    .a006_inner .a006_lt {
        min-height: 325px;
    }
}

@media screen and (max-width:300px) {
    .a006_inner .a006_lt {
        min-height: 302px;
    }
}

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


/***a006 end****/
/***********************/
/***a010 start***/
.a010 {
    background: #1a1a1a;
    padding: 10.5rem 0 7.5rem;
    position: relative;
    z-index: 0;
}

.a010:after {
    content: '';
    background: url(../../images/a010_deco02.png) top right no-repeat;
    background-size: contain;
    width: 479px;
    max-width: 100%;
    min-height: 308px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.a010 .a010_inner {
    width: 1372px;
    max-width: 100%;
    margin: 0 auto;
}

.a010_inner .a010_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3.8rem;
}

.a010_top .a010_img01 {}

.a010_top .a010_title {
    position: relative;
    z-index: 0;
}

.a010_top .a010_title:after {
    content: '';
    background: url(../../images/a010_deco01.png) top left no-repeat;
    background-size: contain;
    width: 282px;
    max-width: 100%;
    min-height: 130px;
    position: absolute;
    top: 0.8rem;
    right: 8.4rem;
    z-index: -1;
}

.a010_title .a010_wrap {
    margin-bottom: 4.5rem;
}

.a010_title .a010_wrap h3 {
    font-size: 100px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Cormorant Garamond';
    line-height: 1;
    letter-spacing: 1px;
}

.a010_title .a010_wrap .a010_line {
    background: #bfa183;
    width: 80px;
    max-width: 100%;
    height: 3px;
    margin: 1.8rem 0 1.8rem;
}

.a010_title .a010_wrap h2 {
    font-size: 30px;
    color: #f2ecdf;
    font-weight: 600;
}

.a010_title .a010_wrap h2 span {
    color: #bfa183;
}

.a010_inner .a010_bot {
    position: relative;
    text-align: center;
    z-index: 0;
}

.a010_inner .a010_bot:after {
    content: '';
    width: 100%;
    height: 298px;
    position: absolute;
    border: 1px solid #b0a382;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    z-index: -1;
}

@media screen and (max-width:1536px) {
    .a010:after {
        min-height: 210px;
    }
}

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

    .a010_top .a010_title {
        padding-left: 2rem;
    }
}

@media screen and (max-width:1200px) {
    .a010:after {
        min-height: 130px;
    }

    .a010_top .a010_title:after {
        right: 2.4rem;
    }

    .a010_inner .a010_bot:after {
        width: 101%;
        left: -6px;
    }
}

@media screen and (max-width:1100px) {
    .a010:after {
        min-height: 180px;
    }

    .a010_inner .a010_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .a010_top .a010_title {
        padding: 0;
        order: -1;
        margin-bottom: 3.8rem;
    }

    .a010_top .a010_title:after {
        right: 8.4rem;
    }
}

@media screen and (max-width:991px) {
    .a010_inner .a010_bot:after {
        width: 102%;
        left: -10px;
        height: 208px;
    }
}

@media screen and (max-width:768px) {
    .a010_inner .a010_bot:after {
        height: 160px;
    }
}

@media screen and (max-width:576px) {
    .a010:after {
        min-height: 130px;
    }

    .a010_title .a010_wrap h3 {
        font-size: 56px;
    }

    .a010_title .a010_wrap h2 {
        font-size: 20px;
    }

    .a010_top .a010_title:after {
        right: 10rem;
        background-size: 55%;
    }

    .a010_inner .a010_bot:after {
        height: 120px;
        left: -6px;
    }
}

@media screen and (max-width:450px) {
    .a010 {
        padding: 10.5rem 0 6rem;
    }

    .a010_top .a010_title:after {
        right: 1rem;
        background-size: 59%;
        min-height: 91px;
        max-width: 60%;
        top: 0.8rem;
    }
}

@media screen and (max-width:414px) {
    .a010_inner .a010_top {
        margin-bottom: 1.5rem;
    }

    .a010_top .a010_title {
        margin-bottom: 1.5rem;
    }

    .a010_title .a010_wrap h3 {
        font-size: 40px;
    }

    .a010_title .a010_wrap h2 {
        font-size: 16px;
    }

    .a010_top .a010_title:after {
        right: 8.5rem;
        background-size: 69%;
        min-height: 73px;
        max-width: 47%;
        top: -0.2rem;
    }

    .a010_inner .a010_bot:after {
        height: 86px;
        left: -3px;
    }

}

@media screen and (max-width:393px) {
    .a010_top .a010_title:after {
        right: 8.5rem;
        max-width: 43%;
    }
}

@media screen and (max-width:360px) {
    .a010:after {
        min-height: 100px;
    }

    .a010_title .a010_wrap h3 {
        font-size: 36px;
    }

    .a010_top .a010_title:after {
        right: 6.5rem;
        top: 0.8rem;
    }
}

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

    .a010_top .a010_title:after {
        right: 6.5rem;
        top: -0.2rem;
    }

    .a010_title .a010_wrap h3 {
        font-size: 34px;
    }

    .a010_title .a010_wrap h2 {
        font-size: 13px;
    }

    .a010_inner .a010_bot:after {
        height: 70px;
    }
}

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

    .a010_top .a010_title:after {
        right: 4.5rem;
        top: 0.8rem;
    }

    .a010_inner .a010_bot:after {
        height: 50px;
    }
}

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

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

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

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


/***a010 end****/
/***********************/

/*****************************/
/***inews start***/
.inews {
    text-align: center;
    padding: 8rem 0 9.8rem;
    position: relative;
}
.inews:after{
	content: '';
	background: #;
}

/*inews_title*/
.inews_title {
    color: #303030;
    font-size: 72px;
    line-height: 1.2;
    padding: 0 0 9.4rem 0;
    font-weight: bold;
    font-family: 'Cormorant Garamond';
}

.inews_title span {
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: 'Noto Serif TC';
    margin-top: 3rem;
}

.inews_list {
    width: 1375px;
    margin: 0 auto;
    max-width: 100%;
}

.inews_list a {
    color: #fff;
}

.more {
    padding: 9rem 0 0;
}

.more a {
    display: inline-block;
    color: #fff;
    position: relative;
    letter-spacing: 1px;
    padding: 2rem 6.5rem;
    background: #000;
    text-align: center;
    text-transform:uppercase;
    font-size: 18px;
    font-family: 'Cormorant Garamond';
    transition: .3s ease all;
    z-index: 0;
}

.more a:before {
    content: '';
    background: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s ease all;
    z-index: -1;
}
.more a:hover{
	color: #000;
}
.more a:hover:before {
    width: 100%;
}

@media (max-width:768px) {
    .inews_title {
        font-size: 90px;
        padding: 0 0 7rem 0;
    }

    .inews_title span {
        font-size: 26px;
    }
}

@media (max-width:530px) {
    .inews_title {
        font-size: 65px;
    }

    .inews_title span {
        font-size: 22px;
    }
}

@media (max-width:450px) {
    .inews_title {
        font-size: 60px;
    }

    .inews_title span {
        font-size: 20px;
    }
    .more {
    padding: 5rem 0 0;
}
}

/***inews end***/
/*****************************/
/***footer***/
footer {
    padding-top: 6rem;
}

footer .ft_logo {
    text-align: center;
    margin-bottom: 4.5rem;
}

footer .ft_info {
    width: 872px;
    max-width: 100%;
    margin: 0 auto 5rem;
    padding-left: 3rem;
}

.ft_info ul {
    display: flex;
    flex-wrap: wrap;
}

.ft_info ul li {
    width: 50%;
    margin-bottom: 1.5rem;
}

.ft_info ul li span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ft_info ul li span svg {
    padding-right: .3rem;
}

footer .ft_loc {
    background: #f2f2f2;
    padding: 5rem 0;
}

.ft_loc .ftloc_inner {
    width: 1453px;
    max-width: 100%;
    margin: 0 auto;
}

.ftloc_inner ul {
    display: flex;
}

.ftloc_inner ul li {
    width: 50%;
    text-align: center;
    position: relative;
}

.ftloc_inner ul li:first-child :after {
    content: '';
    background: #b6b6b6;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.ftloc_title {
    margin-bottom: 2rem;
}

.ftloc_title h4 {
    font-size: 24px;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 1rem;
}

.ftloc_title h5 {
    font-size: 16px;
    color: #333333;
    font-weight: 300;
    font-family: 'Cormorant Garamond';
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.ftloc_title .ftloc_add {}

.ftloc_title .ftloc_add svg {
    display: inline-block;
}

.ftloc_title .ftloc_add p {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
}

.ftloc_inner .ft_map {
    width: 676px;
    max-width: 100%;
    min-height: 480px;
    border: 10px solid #b0a382;
    position: relative;
}

.ftloc_inner ul li:nth-of-type(2) .ft_map {
    margin: 0 0 0 auto;
}

.ftloc_inner .ft_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ft_website {
    padding: 4rem 0;
}


/*website*/
.ft_website .website {
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
}

.ft_website .website ul {
    display: flex;
}

.ft_website .website ul li {
    position: relative;
    padding: 0 2.6rem;
}

.ft_website .website ul li:not(:last-of-type):after {
    content: '／';
    position: absolute;
    top: 0;
    right: -1rem;

}

.ft_website .website ul li:first-child {
    padding-left: 0;
}

.ft_website .website ul li:last-child {
    padding-right: 0;
}

.ft_website .website ul li a {
    font-size: 16px;
    color: #000;
    display: inline-block;
    font-weight: 500;
    transition: .5 all;
}

.ft_website .website a:hover {
    color: #bfa183;
}

.ft_bot {
    background: #000;
    padding: 2.7rem 0;
}

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



/*share*/
.ftbot_wrap .share {
    color: #bfa183;
    font-size: 12px;
    display: inline-block;
    width: 30%;
    text-align: left;
}

.ftbot_wrap .share a {
    font-size: 14px;
    display: inline-block;
    margin-right: 1rem;
    transition: .5s all;
}

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



.ftbot_wrap .ft_copyright {
    color: #bfa183;
    font-size: 14px;
}

.ftbot_wrap .ft_copyright a {
    color: #bfa183;
    display: inline-block;
    transition: .5s all;
}

.ftbot_wrap .ft_copyright a h1 {
    font-size: 14px;
    display: inline-block;
}

.ftbot_wrap .ft_copyright a:hover {
    opacity: .7;
}

@media screen and (max-width:1400px) {
    footer .ft_loc {
        padding: 5rem 1rem;
    }

    .ftloc_inner ul li {
        padding: 0 1rem;
    }
}

@media screen and (max-width:834px) {
    footer .ft_info {
        padding: 0 1rem;
    }

    .ftloc_inner ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ftloc_inner ul li {
        width: 95%;
        margin: 0 auto 3rem;
    }

    .ftloc_inner ul li:first-child {
        padding: 0 0 5rem 0;
    }

    .ftloc_inner .ft_map {
        margin: 0 auto;
    }

    .ftloc_inner ul li:first-child :after {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
    }

    .ftloc_inner ul li:nth-of-type(2) .ft_map {
        margin: 0 auto;
    }

    .ft_website .website {
        padding: 0 1rem;
    }

    .ft_website .website ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ft_website .website ul li {
        margin-bottom: 1rem;
        width: 23%;
        text-align: center;
    }

    .ft_website .website ul li:first-child {
        padding-left: 2.6rem;
    }

    .ft_website .website ul li:last-child {
        padding-right: 2.6rem;
    }

    .ft_website .website ul li:nth-child(4):after {
        display: none;
    }

    .ft_bot .ftbot_wrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ftbot_wrap .share {
        margin-bottom: 1rem;
        width: 95%;
        text-align: center;
    }
}

@media screen and (max-width:768px) {
    .ft_info ul {
        justify-content: center;
    }

    .ft_info ul li {
        width: 55%;
    }

    .ft_info ul li:nth-child(1) {
        order: -2;
    }

    .ft_info ul li:nth-child(3) {
        order: -1;
    }
}

@media screen and (max-width:650px) {
    .ft_info ul li {
        width: 70%;
    }
}

@media screen and (max-width:576px) {
    .ft_info ul li {
        width: 90%;
    }

    .ft_website .website ul li {
        padding: 0 1rem;
    }

    .ft_website .website ul li:first-child {
        padding-left: 1rem;
    }

    .ft_website .website ul li:last-child {
        padding-right: 1rem;
    }
}

@media screen and (max-width:450px) {
    footer {
        padding-top: 4rem;
    }

    .ft_info ul li {
        width: 95%;
    }

    .ftloc_inner .ft_map {
        min-height: 350px;
    }

    .ft_website {
        padding: 2rem 0;
    }

    .ft_website .website ul li {
        width: 33%;
    }

    .ft_website .website ul li:nth-child(3):after {
        display: none;
    }

    .ft_website .website ul li:nth-child(4):after {
        display: block;
    }

    .ft_website .website ul li:nth-child(6):after {
        display: none;
    }

    .ftbot_wrap .ft_copyright {
        text-align: center;
    }

    .ft_bot {
        padding: 2.7rem 0 11rem
    }
}

@media screen and (max-width:414px) {
    .ft_info ul li {
        width: 100%;
    }

    .ft_info ul li span {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:393px) {
    .ft_info ul li span {
        font-size: 14px;
    }
}

@media screen and (max-width:360px) {
    .ftloc_inner .ft_map {
        min-height: 300px;
    }
}

@media screen and (max-width:350px) {
    .ft_website .website ul li {
        width: 49%;
    }

    .ft_website .website ul li:nth-child(even):after {
        display: none;
    }

    .ft_website .website ul li:nth-child(3):after {
        display: block;
    }
}

@media screen and (max-width:310px) {
    .ftloc_inner ul li {
        width: 100%;
        padding: 0;
    }

    .ftloc_inner .ft_map {
        min-height: 270px;
    }
}




/***********************/
/***top***/
#gotop {
    position: fixed;
    bottom: 33rem;
    right: 1.9rem;
    z-index: 50;
    cursor: pointer;
    display: none;
    transition: .2s linear;
}

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

#btn {
    position: fixed;
    bottom: 3rem;
    right: 1rem;
    z-index: 50;
    cursor: pointer;

}

#btn ul {}

#btn ul li {
    margin-bottom: 1rem;
}

#btn ul li a {
    transition: .2s linear;
}

#btn ul li a:hover {
    transform: scale(.8);
}

@media (max-width:450px) {
    #gotop {
        bottom: 10rem;
        right: 0.9rem;
    }

    #btn {
        bottom: 0;
        width: 100%;
        background: #1a1a1a;
        right: 0;
        padding: .5rem 0;
    }

    #btn ul {
        display: flex;
    }

    #btn ul li {
        display: inline-block;
        width: 33%;
        margin-bottom: 0;
        text-align: center;
    }

}


/***********************/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #cabaaa;
    border: solid 1px #303030;
    color: #303030;
    border-radius: 2px;
    font-weight: 400;
    transition: .2s linear;
    padding: 0em 1em;
    height: auto;
    line-height: 2;
    font-size: 16px;
    margin: 5px;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #655749;
    color: #ffffff;
}

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

/***news*************************************************************************************************/
.news {
    width: 1380px;
    margin: 0 auto;
    max-width: 100%;
    padding: 6em 0 3em;
    color: #1a1a1a;
    font-size: 18px;
}

.newslist {
    min-height: 300px;
    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 {
    padding-bottom: 1em;
    text-align: left;
    padding: 0em 1em 1em;
}

.newslist_rwd a {
    position: relative;
    transition: .3s ease all;
    line-height: 1.5;
    color: #000;
    text-align: center;
}

/*npic*/
.npic {
    position: relative;
    width: 322px;
    min-height: 322px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    clip-path: circle(50% at 50% 50%);
    -webkit-clip-path: circle(50% at 50% 50%);
}

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

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

/*ntitle*/
.ntitle {
    text-align: left;
    position: relative;
    margin: 1em 0 .5em 0;
    width: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.inews .ntitle p {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 600;
}

.ntitle p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    font-size: 18px;
    margin: 0em 0 0em;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    line-height: 1.3;
}

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

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

.ntitle span {
    text-align: left;
    padding: 0 3px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: .2s ease all;
}

.ntitle b {
    color: #adadad;
    font-weight: 500;
    font-size: 12px;
    padding: 0;
}

.newslist_rwd a:hover .ntitle span {
    color: #d0771c;
}

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

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}

/*tableimg*/
.tableimg{
	width: 95%;
	margin: 0 auto;
}



@media(max-width:1080px) {
    .npic {
        min-height: 250px;
        width: 250px;
    }
}
@media (max-width:991px){
	.tableimg{
		padding: 0 2rem;
	}
}
@media(max-width:600px) {
    

    .newslist_rwd {
        text-align: left;
        padding: 0em .5em 1em;
                width: 50%;
    }

    .news {
        padding: 3em 0 1em;
    }
}

@media(max-width:500px) {
    
    .ntitle p {
        font-size: 16px;
    }

    .news {
        padding: 2em 0 1em;
    }
}
@media(max-width:414px){
    .newslist_rwd {
        width: 100%;
    }
}
@media(max-width:380px) {
    
}

@media(max-width:350px) {
   
}

/***********************/
/***banner start***/
.banner{
	width: 100%;
	position: relative;
}
.banner:before{
	content: '';
	background: url(../../images/ban_deco01.png) top left no-repeat;
	background-size: contain;
	width: 666px;
	max-width: 100%;
	min-height: 476px;
	position: absolute;
	top: 0;
	left: 0;
}
.ban_inner{
	width: 1584px;
	max-width: 100%;
	margin: 0 0 0 auto;
	display: flex;
	    justify-content: flex-end;
	padding-top: 2.9rem;
}

.ban_inner .ban_title{
	width: 35%;
	position: relative;
	margin: 11.1rem -17rem 0 0;
	padding-top: 10.9rem;
	z-index: 0;
}
.ban_inner .ban_title:after{
	content: '';
	background: url(../../images/ban_deco02.png) top right no-repeat;
	width: 198px;
	max-width: 100%;
	min-height: 418px;
	position: absolute;
	top: 0;
	right: 0;	
	z-index: -1;
}
.ban_inner .ban_title h3{
	font-size: 112px;
	color: #bfa183;
	font-weight: bold;
	font-family: 'Cormorant Garamond';
	    letter-spacing: 1px;
	    margin-bottom: 1rem;
}
.ban_inner .ban_title h2{
	font-size: 30px;
	color: #1c1c1c;
	font-weight: bold;
	position: relative;
	left: -1rem;
}
.ban_inner .ban_title .ban_line{
	background: #bfa183;
	width: 80px;
	height: 3px;
	margin: 2.9rem 0 3.3rem;
}
.ban_inner .ban_title p{
	font-size: 24px;
	color: #282523;
	font-family: 'Cormorant Garamond';
	letter-spacing: 0px;
}

.ban_inner .ban_img{}

@media screen and (max-width:1700px){
	.banner:before {
    max-width: 20%;
    min-height: 260px;
}
}
@media screen and (max-width:1536px){
	.ban_inner .ban_title{
		padding-left: 2rem;
	}
}
@media screen and (max-width:1400px){
.ban_inner {
    align-items: flex-end;
}
.ban_inner .ban_title {
    margin: 11.1rem -12rem 0 0;
    padding: 0 0 6rem 0;
}
.ban_inner .ban_title:after {
    background-size: contain;
    min-height: 270px;
            top: -4rem;
    
}
	.ban_inner .ban_img {
    width: 70%;
}

}
@media screen and (max-width:1200px){
	
	.ban_inner {
    padding-top: 7rem;
}
    .banner:before {
        top: 7rem;
    }
.ban_inner .ban_title {
        margin: 11.1rem -9rem 0 0;
    }
        .ban_inner .ban_title:after {
        right: -3rem;
    }
}
@media screen and (max-width:1100px){
	    .ban_inner .ban_title {
        margin: 8.1rem -7rem 0 0;
    }
        .ban_inner .ban_title:after {
        right: -4rem;
        top: -2rem;
    }
}
@media screen and (max-width:991px){
	            
	    .ban_inner {
        padding-top: 9rem;
    }

	.ban_inner .ban_title h3 {
    font-size: 80px;
}
.ban_inner .ban_title .ban_line {
    margin: 2.9rem 0 1.3rem;
}
    .ban_inner .ban_title:after {
        right: -1rem;
        top: -4rem;
        min-height: 210px;
    }
  }
@media screen and (max-width:834px){
	    .banner:before {
        max-width: 100%;
        min-height: 190px;
    }
	.ban_inner {
        flex-wrap: wrap;
         justify-content: center;
    }
        .ban_inner .ban_title {
        margin: 8rem 0 0 0;
        width: 60%;
    }
    .ban_inner .ban_title h3 {
        font-size: 110px;
    }
        .ban_inner .ban_title:after {
        right: 1rem;
        top: -4rem;
        min-height: 270px;
    }
   .ban_inner .ban_img {
        width: 100%;
    }

}
@media screen and (max-width:768px){
	    .ban_inner .ban_title {
        width: 65%;
    }
}
@media screen and (max-width:576px){
    .banner:before {
        min-height: 130px;
        top: 6rem;
    }
	    .ban_inner .ban_title {
        width: 85%;
    }
}
@media screen and (max-width:450px){
	    .ban_inner .ban_title {
        width: 95%;
    }
    .ban_inner .ban_title:after {
        right: 0rem;
        top: -1rem;
        min-height: 190px;
    }
}
@media screen and (max-width:414px){
	       .banner:before {
        min-height: 100px;
    }
        .ban_inner .ban_title {
        margin: 3rem 0 0 0;
                padding: 0 0 3rem 0;
    }
	    .ban_inner .ban_title h3 {
        font-size: 85px;
    }
        .ban_inner .ban_title:after {
        right: 2rem;
        top: -3rem;
    }
}
@media screen and (max-width:393px){
	.ban_inner .ban_title h3 {
        font-size: 75px;
    }
        .ban_inner .ban_title:after {
        right: 5rem;
        top: -2rem;
        min-height: 150px;
    }
}
@media screen and (max-width:360px){
	.ban_inner .ban_title:after {
        right: 2rem;
        min-height: 150px;
    }
}
@media screen and (max-width:330px){
	    .ban_inner .ban_title:after {
        right: 1rem;
        min-height: 123px;
        top: -1rem;
    }
}
@media screen and (max-width:310px){
	.ban_inner .ban_title p {
    font-size: 18px;
}
    .ban_inner .ban_title:after {
        right: 0rem;
        min-height: 100px;
        top: 0rem;
    }
}
@media screen and (max-width:px){}

/***banner end****/
/***********************/
/***********************/
/***C008 start***/
.C008{
	padding: 9rem 0;
}
.C008 .C008_inner{
	width: 1425px;
	max-width: 100%;	
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.C008_inner .C008_set{
	position: relative;	
	min-height: 570px;
}
.C008_set .C008_img{}
.C008_set .C008_img img{
	-webkit-filter: drop-shadow(8px 3px 10px rgba(56, 52, 43, 0.25));
filter: drop-shadow(8px 3px 10px rgba(56, 52, 43, 0.25));
}
.C008_set .C008_txt{
	width: 332px;
	max-width: 100%;
	min-height: 166px;
	background: rgba(242, 242, 242, .75);
	position: absolute;
	bottom: -1rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	padding: 4.7rem 0;
}
.C008_set .C008_txt .C008_line{
	background: #000;
	width: 80px;
	min-height: 3px;
	margin: 0 auto 2rem;
}
.C008_set .C008_txt h4{
	font-size: 26px;
	color: #1a1a1a;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.C008_set .C008_txt h5{
	font-size: 18px;
	color: #1a1a1a;
	font-weight: 300;
	font-family: 'Cormorant Garamond';
}

@media screen and (max-width:1400px){
	.C008_inner .C008_set{
		padding: 0 2rem;
	}
}
@media screen and (max-width:1366px){
	.C008_set .C008_txt {
    bottom: 0rem;
}
}
@media screen and (max-width:1200px){
	.C008_inner .C008_set {
    min-height: 510px;
}
}
@media screen and (max-width:1100px){
	.C008_inner .C008_set {
    min-height: 477px;
}
.C008_set .C008_txt {
    max-width: 80%;
}
}
@media screen and (max-width:1000px){
	    .C008 .C008_inner {
        min-height: 447px;
    }
}
@media screen and (max-width:834px){
	   .C008 {
    padding: 9rem 0 0;
}
	    .C008 .C008_inner {
        min-height: 447px;
        flex-wrap: wrap;
        justify-content: center;
    }
       .C008_inner .C008_set {
        width: 50%;
        min-height: 525px;
        margin-bottom: 5rem;
    }
}
@media screen and (max-width:768px){
	    .C008_inner .C008_set {
        min-height: 495px;
    }
}
@media screen and (max-width:650px){
	    .C008_inner .C008_set {
        min-height: 438px;
    }
}
@media screen and (max-width:576px){
	    .C008_inner .C008_set {
                padding: 0 1rem;
        min-height: 398px;
    }
}
@media screen and (max-width:450px){
	    .C008_inner .C008_set {
        width: 95%;
        min-height: 560px;
    }
}
@media screen and (max-width:414px){
	.C008_inner .C008_set {
        min-height: 520px;
    }
}
@media screen and (max-width:393px){
	    .C008_inner .C008_set {
        min-height: 500px;
    }
}
@media screen and (max-width:370px){
	    .C008_inner .C008_set {
        min-height: 480px;
    }
}
@media screen and (max-width:350px){
	.C008_inner .C008_set {
        min-height: 460px;
    }
}
@media screen and (max-width:330px){
	.C008_inner .C008_set {
        min-height: 440px;
    }
}
@media screen and (max-width:310px){
	    .C008_inner .C008_set {
        min-height: 420px;
    }
}

/***C008 end****/
/***********************/
/***********************/
/***price start***/

.price{
	background:#f2f2f2;
	padding: 5.6rem 0 8rem;
}
.price .price_inner{
	width: 1248px;
	max-width: 100%;
	margin: 0 auto;
}

.price_inner .price_title{
	text-align: center;
	margin-bottom: 4.5rem;
}
.price_inner .price_title h3{
	font-size: 72px;
	color: #1a1a1a;
	font-weight: bold;
	font-family: 'Cormorant Garamond';
	margin-bottom: 1rem;
}
.price_inner .price_title h2{
	font-size: 30px;
	color: #1a1a1a;
	font-weight: bold;
}

.price_inner .price_wrap{
	display: flex;
	    justify-content: space-between;
}
.price_wrap .price_list{
	width: 32%;
}
.price_list .list_top{
	margin-bottom: 3rem;
	display: flex;
	justify-content: space-between;
	    align-items: center;
}
.price_list:nth-child(1){
	padding-right: 4rem;
}
.price_list:nth-child(2){
	padding: 0 2rem;
}
.price_list:nth-child(3){
	padding-left: 5rem;
}
.price_list .list_top h6{
	background: #bfa183;
	padding: .7rem 0;
	width: 149px;
	max-width: 100%;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	display: inline-block;
	border-radius: 20px;
	text-align: center;
}
.price_list .list_top p{
	font-size: 16px;
	display: inline-block;
	letter-spacing: 1px;

}
.price_list .list_bot{

}
.price_list .list_bot ul{}
.price_list .list_bot ul li{
	display: flex;
	    justify-content: space-between;
	    margin-bottom: 1.5rem;
}
.price_list .list_bot ul li p{
	display: inline-block;
	position: relative;
}
.price_list .list_bot ul li p:nth-child(1){
	padding-left: 2rem;
}
.price_list .list_bot ul li p:nth-child(1):before{
	content: '✧';
	position: absolute;
	top: 0;
	left: 0;
}
.price_list:nth-child(3) img{
margin-top: 4rem;
}
@media screen and (max-width:1250px){
	.price .price_inner{
		padding: 0 2rem;
	}
}
@media screen and (max-width:1200px){
	.price_list:nth-child(2){
		padding: 0;
	}
	.price_list:nth-child(3) {
    padding-left: 2rem;
}
}
@media screen and (max-width:834px){
	.price_inner .price_wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.price_wrap .price_list {
    width: 48%;
    margin-bottom: 3rem;
}
    .price_list:nth-child(3) {
        padding-left: 0;
    }
}
@media screen and (max-width:576px){
	.price_wrap .price_list {
        width: 90%;
    }
    .price_list:nth-child(1) {
    padding-right: 0;
}
.price_inner .price_wrap {
    justify-content: center;
}
}
@media screen and (max-width:414px){
	    .price_wrap .price_list {
        width: 100%;
    }
}
@media screen and (max-width:360px){
	.price_list .list_top {
    flex-wrap: wrap;
}
.price_list .list_top h6{
	margin-bottom: 2rem;
}
}
@media screen and (max-width:320px){
	.price_inner .price_title h3 {
    font-size: 60px;
}
}
/***price end****/
/***********************/

/***********************/
/***main start***/
.main{
	position: relative;
}
.main:after{
	content: '';
	background: #1a1a1a;
	width: 100%;
	height: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
}
/***main end****/
/***********************/
/***********************/
/***product start***/

.product{
	padding: 8rem 0 18rem;
}

.product .pro_title{
	text-align: center;
	margin-bottom: 4.7rem;
}
.product .pro_title h3{
	font-size: 72px;
	color: #1a1a1a;
	font-weight: bold;
	font-family: 'Cormorant Garamond';
	margin-bottom: 3.5rem;
}
.product .pro_title h2{
	font-size: 30px;
	color: #1a1a1a;
	font-weight: bold;
}

.product .pro_inner{
	width: 1360px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

.pro_inner .pro_item{
	width: 49%;
	display: flex;
	margin-bottom: 5rem;
}

.pro_item .item_img{
	margin-right: 2.8rem;
}
.pro_item .item_img img{}
.pro_item .item_content{
	width: 47%;
}
.pro_item .item_content h4{
	font-size: 22px;
	color: #1a1a1a;
	font-weight: bold;
	margin-bottom: 1.3rem;
	text-transform:uppercase;
}
.pro_item .item_content h5{
	font-size: 18px;
	color: #bfa183;
	border: 1px #bfa183 solid;
	border-radius: 20px;
	margin-bottom: 3rem;
	padding: .5rem 2rem;
	place-self: flex-start;
}
.pro_item .item_content ul{
	margin-left: 2.7rem;	
}
.pro_item .item_content ul li{
	font-size: 16px;
	font-weight: 600;
	color: #5b6066;
	position: relative;
	padding-left: 2.9rem;
	margin-bottom: 1rem;
}
.pro_item .item_content ul li:before{
	content: '✚';
	color: #5b6066;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 0;
}
.pro_item .item_content .pro_price{
	width: 228px;
	max-width: 100%;
	padding: 0 2rem;
	text-align: center;
	margin: 7.5rem 0 0 auto;
	background: #bfa183;
	border-radius: 50px;
	display: flex;
	    justify-content: space-between;
    align-items: center;
}
.pro_item .item_content .pro_price p{
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
}
.pro_item .item_content .pro_price span{
	font-size: 24px;
	color: #1a1a1a;
	font-weight: 600;
}

@media screen and (max-width:1366px){
	.product .pro_inner{
		padding: 0 2rem;
	}
	.pro_item .item_content {
    width: 49%;
}
}
@media screen and (max-width:1200px){
	.pro_item .item_img {
    margin-right: 2rem;
}
	.pro_item .item_content .pro_price {
    margin: 4rem 0 0 auto;
}

}
@media screen and (max-width:1100px){
	    .product .pro_inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .pro_inner .pro_item {
    width: 65%;
}
.pro_item .item_img {
    margin-right: 4rem;
}
    .pro_item .item_content {
        width: 50%;
    }
    .pro_item .item_content .pro_price {
        margin: 8rem 0 0 auto;
    }
}
@media screen and (max-width:991px){
	    .pro_inner .pro_item {
        width: 75%;
    }
}
@media screen and (max-width:834px){
	    .pro_inner .pro_item {
        width: 85%;
    }
}
@media screen and (max-width:768px){
	    .pro_inner .pro_item {
        width: 90%;
    }
}
@media screen and (max-width:650px){
	    .pro_inner .pro_item {
        width: 100%;
    }
        .pro_item .item_img {
        margin-right: 2rem;
    }
        .pro_item .item_content .pro_price {
        margin: 4rem 0 0 auto;
    }
}
@media screen and (max-width:576px){
	    .product {
    padding: 8rem 0 6rem;
}
	    .pro_inner .pro_item {
        flex-wrap: wrap;
        justify-content: center;
            margin-bottom: 10rem;
    }
    .pro_item .item_img {
        margin: 0 0 3rem 0; 
        width: 60%;
    }
        .pro_item .item_content {
        width: 60%;
    }
        .pro_item .item_content .pro_price {
        margin: 4rem auto 0;
    }
}
@media screen and (max-width:450px){
	   .product {
    padding: 8rem 0 2rem;
}
.pro_item .item_img{
	width: 85%;
}
	    .pro_item .item_content {
        width: 85%;
    }
}
@media screen and (max-width:393px){
	    .pro_item .item_img{
	width: 90%;
}
	    .pro_item .item_content {
        width: 90%;
    }
}
@media screen and (max-width:380px){
	    .pro_item .item_img {
        width: 95%;
    }
    .pro_item .item_content {
        width: 95%;
    }
}
@media screen and (max-width:360px){
	.pro_item .item_img {
        width: 100%;
    }
    .pro_item .item_content {
        width: 100%;
    }
}
@media screen and (max-width:340px){
	.pro_item .item_content h4 {
    font-size: 19px;
}
.pro_item .item_content h5 {
    font-size: 16px;
}
}
@media screen and (max-width:310px){
	.product .pro_title h3 {
    font-size: 65px;
}
.pro_item .item_content h4 {
        font-size: 17px;
    }
}

/***product end****/
/***********************/

.space{
	transform: translateY(-30px);
}