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

body {
    line-height: 1.5;
    letter-spacing: 2px;
    font-size: 16px;
    font-family: 'Noto Serif TC', 'Bodoni Moda', serif;
    overflow-x: hidden;
    color: #0a0b08;
    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: #1a1a1a;
    text-decoration: none;
}

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

img {
    max-width: 100%;
}

::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: #010101;
    transition: .3s ease all;
}

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

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

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

.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;
    top: 23px;
}

/*navbar*/
.navbar {
    background: #fff;
    padding: 2rem 29.5rem;
    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(255 255 255 / 0.75);
    transition: .5s ease-in;
}

/*ilogo*/
.ilogo {
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    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: 88%;
}

.ibutton ul {}

.ibutton li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2rem 0 2rem;
    letter-spacing: 3px;
    text-align: left;
    position: relative;
    width: 14%;
}

.ibutton li:before {
    content: '';
    background: url(../../images/ibut_icon.png) left center no-repeat;
    width: 26px;
    max-width: 100%;
    min-height: 26px;
    position: absolute;
    top: 0;
    left: -1.5rem;
}

.ibutton a {
    position: relative;
    overflow: hidden;
    transition: .2s ease all;
    height: 30px;
    letter-spacing: 1px;
    font-size: 18px;
}

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

p.en {
    transition: .3s ease all;
    color: #a37764;
    padding-bottom: 5px;
    font-weight: 400;
    letter-spacing: 0;
}

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

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

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

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

    .ibutton li {
        width: 16%;
    }
}



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

    .mibutton {
        display: block;
        top: 4rem;
    }

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

    .ilogo a {
        display: inline-block;
        width: 18%;
    }

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

    .ibutton li {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .ibutton li:before {
        display: none;
    }

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

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

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

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

    .navbar {
        padding: .5rem 0 0 0;
        position: fixed;
        opacity: 1;
        pointer-events: auto;
        background: rgb(255 255 255 / 0.75);
    }
}

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

@media (max-width:768px) {
    .mibutton {
        top: 3rem;
    }
}

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

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

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

    .ilogo {
        padding: .3em 1em;
    }
}

@media (max-width: 393px) {
    .mibutton {
        top: 1.5rem;
    }
}

@media (max-width: 320px) {
    .mibutton {
        top: 1.2rem;
    }
}

/****head001 end****/
/***********************/
/***dex start***/
.dex {
    position: relative;
    background: url(../../images/dex_bg.jpg) top center no-repeat fixed;
    background-size: cover;
    padding: 5.9rem 0 0;
    min-height: 100vh;
}

/*.dex:before {
    content: '';
    background: #ffffff;
    width: 100%;
    min-height: 345px;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

.dex .dex_inner {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 4.6rem 0;
}


.dex_inner .logo {
    text-align: center;
    width: 14%;
    margin: 0 auto 4.7rem;
}


.dex_inner .dex_img {
    position: relative;
    padding: 0 13.5rem;
    z-index: 1;
    display: flex;
    justify-content: center;

}

.dex_inner .dex_img:before {
    content: '';
    background: url(../../images/dex_deco01.png) top left no-repeat;
    background-size: contain;
    width: 177px;
    max-width: 100%;
    min-height: 189px;
    position: absolute;
    bottom: -11rem;
    right: 6.6rem;
    z-index: -1;
}

.dex_inner .dex_txt {
    position: relative;
    text-align: center;
    margin-top: -4.3rem;
    padding: 8rem 0 0 0;
    z-index: 1;
}

.dex_inner .dex_txt:before {
    content: '';
    background: #090708;
    width: 2px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dex_inner .dex_txt h3 {
    font-size: 100px;
    color: #0a0b08;
    font-weight: bold;
    font-family: 'Bodoni Moda';
    font-style: italic;
}
@media screen and (max-width:1536px){
    .dex_inner .dex_img:before {
    right: 3.6rem;
}
}
@media screen and (max-width:1400px) {
    .dex_inner .dex_img {
        padding: 0 6rem;
    }

    .dex_inner .dex_img:before {
        min-height: 110px;
        bottom: -13rem;
    }
}

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

@media screen and (max-width:1200px) {
    .dex {
        min-height: auto;
    }

    .dex_inner .dex_img:before {
        min-height: 90px;
        bottom: -13rem;
        background-position: center;
    }
}

@media screen and (max-width:1080px) {
    .dex {
        padding: 13rem 0 0;
    }
}

@media screen and (max-width:1000px) {
    .dex {
        padding: 9rem 0 0;
    }

    .dex_inner .dex_img:before {
        min-height: 70px;
        background-position: right;
    }
}

@media screen and (max-width:768px) {
    .dex {
        background-attachment: inherit;
        background-size: contain;
    }

    /*.dex:before {
        min-height: 235px;
    }*/

    .dex_inner .dex_img:before {
        bottom: -10rem;
        right: 4rem;
    }

    .dex_inner .dex_txt h3 {
        font-size: 60px;
    }

}

@media screen and (max-width:650px) {
    .dex_inner .dex_img:before {
        bottom: -2rem;
        right: 3rem;
        min-height: 39px;
    }
}

@media screen and (max-width:450px) {
    .dex {
        background-size: cover;
        background-position-x: -1rem;
        padding: 7rem 0 0;
    }

    /*.dex:before {
        min-height: 175px;
    }*/

    .dex_inner .logo {
        width: 40%;
        margin: 0 auto 3rem;
    }

    .dex_inner .dex_txt h3 {
        font-size: 40px;
    }

    .dex_inner .dex_txt {
        margin-top: -2rem;
        padding: 5rem 0 0 0;
    }

    .dex_inner .dex_txt:before {
        height: 40px;
    }
        .dex_inner .dex_img {
        padding: 0 2rem;
    }
        .dex_inner .dex_img:before {
        bottom: -3rem;
        right: 1rem;
    }
}

@media screen and (max-width:414px) {
   /* .dex:before {
        min-height: 160px;
    }*/
}

@media screen and (max-width:393px) {
   /* .dex:before {
        min-height: 155px;
    }*/
}

@media screen and (max-width:360px) {
    /*.dex:before {
        min-height: 135px;
    }*/

    .dex .dex_inner {
        padding: 0 0 2rem 0;
    }

    .dex_inner .dex_img {
        padding: 0 3rem;
    }

    .dex_inner .dex_img:before {
        bottom: -2rem;
        right: .5rem;
        min-height: 35px;
    }
}

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

    .dex_inner .dex_txt h3 {
        font-size: 33px;
    }
}

/***dex end***/
/***********************/
/***index_deco start***/

.index_deco {
    position: relative;
}

.index_deco:before {
    content: '';
    background: url(../../images/index_deco.png) bottom right no-repeat fixed;
    width: 952px;
    max-width: 100%;
    min-height: 1357px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

@media screen and (max-width:1400px) {
    .index_deco:before {
        max-width: 54%;
    }
}

@media screen and (max-width:834px) {
    .index_deco:before {
        min-height: 1040px;
    }
}

@media screen and (max-width:414px) {
    .index_deco:before {
        min-height: 880px;
    }
}

/***index_deco end****/
/***********************/
/***A003 start***/

.A003 {
    width: 1760px;
    max-width: 100%;
    padding: 3.3rem 0 0 0;
    display: flex;
    align-items: flex-start;
    margin-bottom: 7.4rem;
}

.A003 .A003_left {
    background: url(../../images/A003_bg.png) top left no-repeat fixed;
    width: 952px;
    max-width: 100%;
    min-height: 1119px;

}

.A003 .A003_right {
    width: 864px;
    max-width: 100%;
    margin: 0 0 0 -5.8rem;
    padding: 23.5rem 0 0 0;
}

.A003_right .A003_inner {
    padding: 0 5.6rem 0 15rem;
}

.A003_inner .A003_title {
    margin-bottom: 3rem;
}

.A003_inner .A003_title h3 {
    font-size: 114px;
    color: #bf9a86;
    font-family: 'Bodoni Moda';
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

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

.A003_inner .A003_title h2 img {
    padding-right: 1.5rem;
}

.A003_inner .A003_txt {
    margin-bottom: 13.3rem;
    padding-right: 9.2rem;
}

.A003_inner .A003_txt p {
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
    letter-spacing: 1px;
}

.A003_inner .A003_txt p:first-child {
    margin-bottom: 4rem;
}

.A003_inner .A003_img {}

.A003_inner .A003_img img {}

@media screen and (max-width:1650px) {
    .A003_inner .A003_title h3 {
        font-size: 100px;
    }
}

@media screen and (max-width:1400px) {
    .A003 .A003_left {
        min-height: 790px;
    }

    .A003_inner .A003_title h3 {
        font-size: 80px;
    }

    .A003_inner .A003_txt {
        margin-bottom: 6rem;
        padding-right: 1rem;
    }

    .A003 .A003_right {
        padding: 8rem 0 0 0;
    }
}

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

    .A003 .A003_right {
        padding: 3rem 0 0 0;
    }
}

@media screen and (max-width:1000px) {
    .A003 .A003_left {
        min-height: 680px;
    }

    .A003_inner .A003_title h3 {
        font-size: 60px;
    }
}

@media screen and (max-width:834px) {
    .A003 {
        flex-wrap: wrap;
    }

    .A003 .A003_left {
        min-height: 700px;
        background-attachment: initial;
        background-size: cover;
        margin-top: 3rem;
        text-align: center;
        background-position: top center;
    }

    .A003 .A003_right {
        padding: 0;
        order: -1;
        margin: 0;
        overflow-x: hidden;
    }

    .A003_right .A003_inner {
        padding: 0 2rem;
    }
}

@media screen and (max-width:768px) {
    .A003 .A003_left {
        min-height: 900px;
    }
}

@media screen and (max-width:450px) {
    .A003 {
        margin-bottom: 4rem;
    }

    .A003 .A003_left {
        min-height: 500px;
    }

    .A003_inner .A003_title h3 {
        font-size: 50px;
    }
}

@media screen and (max-width:360px) {
    .A003 .A003_left {
        min-height: 408px;
    }

    .A003_right .A003_inner {
        padding: 0 1rem;
    }
}


/***A003 end****/
/***********************/
/***********************/
/***A008 start***/

.A008 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 8.3rem 0;
}


.A008 .A0081 {
    padding: 0 6rem 0 1.1rem;
    margin-bottom: 7.5rem;
    display: flex;
}

.A0081 .A0081_img {
    -webkit-filter: drop-shadow(6px 9px 10px rgba(56, 52, 43, 0.35));
    filter: drop-shadow(6px 9px 10px rgba(56, 52, 43, 0.35));
}

.A0081 .A0081_txt {
    padding: 3rem 0 0 6.6rem;
}

.A0081 .A0081_txt h4 {
    font-size: 40px;
    color: #bf9a86;
    font-family: 'Bodoni Moda';
    font-style: italic;
    margin-bottom: 3.4rem;
    letter-spacing: 0px;
    line-height: 1.2;
}

.A0081 .A0081_txt h3 {
    font-size: 20px;
    color: #bf9a86;
    font-weight: 900;
    line-height: 1.8;
}


.A008 .A0082 {
    padding: 0 7.6rem 0 13.6rem;
    display: flex;
    justify-content: space-between;
}

.A0082 .A0082_txt {
    width: 47%;
    padding: 8.6rem 9rem 0 0;
}

.A0082_txt .A0082_title {
    margin-bottom: 3rem;
    display: flex;
}

.A0082_txt .A0082_title img {
    padding: 0 1.4rem 0 0;
    vertical-align: top;
}

.A0082_txt .A0082_title h3 {
    font-size: 20px;
    color: #bf9a86;
    font-weight: 900;
    padding-top: 5rem;
}

.A0082 .A0082_txt p {
    font-size: 18px;
    color: #0a0b08;
    text-align: justify;
    line-height: 1.7;
    font-weight: 500;
    letter-spacing: 1px;
}

.A0082_title .A0082_sp {
    display: none;
}

.A0082 .A0082_img {}

@media screen and (max-width:1536px) {
    .A0082 .A0082_txt {
        padding: 8.6rem 4rem 0 0;
    }
}

@media screen and (max-width:1400px) {
    .A0081 .A0081_img {
        width: 60%;
    }

    .A0081 .A0081_txt {
        padding: 1rem 0 0 6rem;
    }

    .A0081 .A0081_txt h4 {
        margin-bottom: 2rem;
    }

    .A008 .A0082 {
        padding: 0 6rem 0 6rem;
    }
}

@media screen and (max-width:1200px) {
    .A0081 .A0081_txt h4 {
        font-size: 30px;
    }

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

    .A0082 .A0082_txt {
        padding: 3rem 3rem 0 0;
        width: 60%;
    }

    .A0082_txt .A0082_title img {
        width: 18%;
    }

    .A0082_txt .A0082_title h3 {
        padding-top: 4rem;
    }
}

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

    .A0082 .A0082_txt {
        width: 70%;
    }
}

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

    .A0082_txt .A0082_title h3 {
        font-size: 17px;
    }
}

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

    .A0081 .A0081_txt {
        padding: 0;
        order: -1;
        margin-bottom: 3rem;
    }

    .A0081 .A0081_img {
        width: 100%;
        overflow-x: hidden;
    }

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

    .A0082 .A0082_txt {
        width: 75%;
        padding: 0;
        margin-bottom: 3rem;
    }

    .A0082_txt .A0082_title h3 {
        font-size: 20px;
    }

    .A0082 .A0082_img {
        overflow-x: hidden;
    }
}

@media screen and (max-width:650px) {
    .A0082 .A0082_txt {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .A008 .A0081 {
        margin-bottom: 4rem;
    }

    .A0082_txt .A0082_title img {
        width: 25%;
    }

    .A0082_txt .A0082_title h3 {
        line-height: 1.5;
    }

    .A0082_title .A0082_sp {
        display: block;
    }
}

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

    .A0082_txt .A0082_title h3 {
        padding-top: 1rem;
    }
}

@media screen and (max-width:393px) {
    .A0082_txt .A0082_title h3 {
        font-size: 18px;
    }
}

@media screen and (max-width:390px) {
    .A0081 .A0081_txt h3 {
        font-size: 18px;
    }
}

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

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

}

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

    .A0081 .A0081_txt h3 {
        font-size: 16px;
    }

    .A0082_txt .A0082_title h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:300px) {
    .A0081 .A0081_txt h3 {
        font-size: 15px;
    }
}

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

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


/***A008 end****/
/***********************/
/***footer***/
footer {
    background-color: #26282e;
    text-align: center;
    width: 100%;
    z-index: 3;
    position: relative;
}

.footer {
    padding: 4rem 0;

}

.ft_inner {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px #fff solid;
}

.ft_info {
    width: calc(100% / 3);
    text-align: left;
    border-right: 1px #fff solid;
    padding: 6rem 2rem 2rem;
}

.ft_info h3 {
    font-size: 20px;
    color: #fff;
    font-family: 'Bodoni Moda';
    font-weight: bold;
    padding-bottom: 2rem;
    text-transform: uppercase;
}

.ft_info ul {}

.ft_info ul li {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-bottom: 0.3rem;
    line-height: 1.8;
}

.ft_info p {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #fff;
    width: 66%;
    font-weight: 500;
}

.ft_info p:nth-of-type(1) {
    width: 26%;
}

.ft_list {
    width: calc(100% / 3);
    border-right: 1px #fff solid;
}

.ft_logo {
    padding: 9rem 10rem;
    border-bottom: 1px #fff solid;
}

.ft_btn ul li {
    display: inline-block;
}

.ft_btn {
    padding: 2.7rem 2rem;
    background: #bf9a86;
}

.ft_btn ul li {
    padding: 0 2rem;
}

.ft_btn a {
    transition: 0.5s all;
}

.ft_btn a:hover {
    transform: translateY(-10px);
}

.ft_mark {
    width: calc(100% / 3);
    padding: 6rem 0 0 0;
}

.ft_mark h3 {
    font-size: 20px;
    color: #fff;
    font-family: 'Bodoni Moda';
    font-weight: bold;
    padding-bottom: 7rem;
    text-transform: uppercase;
}

.ft_mark ul {}

.ft_mark ul li {}


.ft_bot {
    width: 100%;
    border-top: 1px #fff solid;
    padding: 1rem;
}

.ft_icon {
    display: inline-block;
    width: 40%;
    text-align: left;
}

.ft_icon .share {
    display: inline-block;
    color: #828282;
    font-size: 16px;
}

.ft_icon .icons {
    display: inline-block;
}

.ft_icon .icons a {
    display: inline-block;
    transition: .5s all;
}

.ft_icon .icons a:hover {
    opacity: .5;
    transform: translateY(-5px);
}

.copyright {
    display: inline-block;
    width: 55%;
    text-align: right;
    color: #828282;
    font-size: 14px;

}

.ft_list2 a,
.copyright a h1 {
    display: inline-block;
    color: #828282;
    transition: .5s all;
    font-size: 14px;
}

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

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


    .ft_info p {
        word-break: break-all;
    }
}

@media screen and (max-width: 1357px) {
    .ft_info {
        width: calc(100% / 3 + 50px);
        padding: 16rem 2rem 2rem;
    }

    .ft_list {
        width: calc(100% / 3 - 50px);
    }

    .ft_logo {
        padding: 17rem 5rem;
    }

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

@media screen and (max-width:1200px) {
    .ft_inner {
        max-width: 98%;
    }

    .ft_info {
        padding: 6rem 2rem 2rem;
    }

    .ft_logo {
        padding: 11rem 5rem;
    }
}

@media screen and (max-width:1100px) {
    .ft_info p:nth-of-type(1) {
        width: 30%;
    }

}

@media screen and (max-width:1000px) {
    .ft_info {
        padding: 3rem 2rem 2rem;
        width: calc(100% / 3 + 25px);
    }

    .ft_list {
        width: calc(100% / 3 - 25px);
    }

    .ft_logo {
        padding: 7rem 5rem;
    }

    .ft_mark {
        padding: 3rem 0 0 0;
    }

    .ft_info p:nth-of-type(1) {
        width: 35%;
    }

    .ft_info p {
        width: 60%;
    }
}

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

    .ft_info {
        padding: 4rem 2rem 2rem;
    }

    .ft_list {
        width: calc(100% / 3 - 10px);
    }

    .ft_logo {
        padding: 8rem 5rem;
    }

    .ft_icon {
        width: 33%;
    }

    .ft_mark {
        width: calc(100% / 3 - 40px);
    }

    .copyright {
        width: 65%;
    }
}

@media screen and (max-width: 834px) {
    .ft_info {
        width: 100%;
        padding: 4rem 4rem 2rem;
        border-bottom: 1px #bf9a86 solid;
        border-right: none;
    }

    .ft_info p:nth-of-type(1) {
        width: 16%;
    }

    .ft_list {
        width: 100%;
        order: -1;
        border-right: none;
    }

    .ft_logo {
        padding: 6rem 18rem;
    }

    .ft_btn {
        border-bottom: 1px #bf9a86 solid;
    }

    .ft_mark {
        width: 100%;
        padding: 3rem;
    }

    .ft_mark h3 {
        padding-bottom: 4rem;
    }



    .ft_icon {
        vertical-align: top;
    }
}

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

    .ft_info p:nth-of-type(1) {
        width: 20%;
    }
}

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

    .ft_info p {
        width: auto;
        word-break: inherit;
        letter-spacing: 0px;
    }

    .ft_info p:nth-of-type(1) {
        width: auto;
    }

    .ft_logo {
        padding: 6rem;
    }

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

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

@media screen and (max-width: 402px) {
    .ft_info p {
        width: 76%;
    }
}

@media screen and (max-width:393px) {
    .ft_info p {
        width: 68%;
    }
}

@media screen and (max-width:300px) {
    .ft_info p {
        width: 60%;
    }
}



/***********************/
/***ibanner start***/

.ibanner {
    width: 100%;
    position: relative;
    padding: 17.3rem 15rem 3rem 0;
    display: flex;
    justify-content: space-between;
}

.ibanner:before {
    content: '';
    background: url(../../images/ibanner_bg.jpg) top right no-repeat fixed;
    width: 100%;
    min-height: 520px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ibanner .title {
    padding: 7rem 0 0 0;
}

.title .title_en {
    margin-bottom: 10.8rem;
    padding-left: 26.4rem;
}

.title .title_en h3 {
    font-size: 60px;
    color: #1a1a1a;
    font-weight: 900;
    font-family: 'Bodoni Moda';
    text-transform: uppercase;
}

.title .title_ch {
    width: 792px;
    max-width: 100%;
    min-height: 158px;
    background: #000;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    position: relative;
    padding: 5.8rem 0 0 38.7rem;
}

.title .title_ch:before {
    content: '';
    background: url(../../images/ibanner_deco01.png) top left no-repeat;
    width: 315px;
    max-width: 100%;
    min-height: 412px;
    position: absolute;
    bottom: -5rem;
    left: 0;
}

.title .title_ch h2 {
    font-size: 30px;
    color: #d1a99a;
    font-weight: 800;
    letter-spacing: 5px;
}

.title .title_ch h2 img {
    padding-right: 1rem;
}

.title .title_deco {
    padding: 3rem 11rem 0 10rem;
}

.title .title_deco span {
    font-size: 16px;
    color: #828282;
    font-family: 'Bodoni Moda';
    font-style: italic;
    letter-spacing: 0px;
}


.ibanner .iban_img {}




@media screen and (max-width:1800px) {
    .ibanner .title {
        margin-right: 2rem;
    }
}

@media screen and (max-width:1600px) {
    .ibanner {
        padding: 15rem 2rem 3rem 0;
    }
}

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

    .ibanner:before {
        min-height: 400px;
    }

    .title .title_en {
        margin-bottom: 7rem;
    }
}

@media screen and (max-width:1366px) {
    .title .title_ch {
        width: 100%;
        padding: 5.8rem 0 0 25rem;
    }

    .ibanner .title {
        width: 46%;
        margin-right: 3rem;
    }

    .title .title_en {
        padding-left: 10rem;
    }

    .title .title_en h3 {
        font-size: 56px;
    }

    .title .title_ch:before {
        min-height: 300px;
        background-size: contain;
    }

    .title .title_deco {
        padding: 3rem 0 0 5rem;
    }
}

@media screen and (max-width:1200px) {
    .ibanner:before {
        min-height: 350px;
    }

    .title .title_en {
        padding-left: 1rem;
    }

    .title .title_ch:before {
        min-height: 240px;
    }

    .title .title_ch {
        padding: 5.8rem 0 0 20rem;
    }

    .title .title_deco span {
        font-size: 13px;
    }
}

@media screen and (max-width:1000px) {
    .ibanner {
        padding: 9rem 0 3rem 0;
        flex-wrap: wrap;
        overflow-x: hidden;
    }

    .ibanner .title {
        width: 60%;
        margin: 0 0 3rem 0;
    }

    .title .title_en {
        padding-left: 4rem;
    }

    .title .title_ch {
        padding: 5.8rem 0 0 25rem;
    }

    .ibanner .iban_img {
        width: 100%;
        text-align: center;
        overflow-x: hidden;
    }
}

@media screen and (max-width:834px) {
    .ibanner:before {
        min-height: 360px;
        background-attachment: inherit;
        background-size: 160%;
        background-position: top left -14rem;
    }

    .title .title_ch {
        padding: 4rem 0 0 22rem;
        min-height: 125px;
    }

    .ibanner .iban_img {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (max-width:650px) {
    .ibanner:before {
        background-size: 180%;
        background-position: top left -17rem;
    }

    .ibanner .title {
        width: 85%;
        padding: 4rem 0 0 0;
    }

    .title .title_ch {
        padding: 4.5rem 0 0 22rem;
    }

}

@media screen and (max-width:576px) {
    .ibanner:before {
        background-size: 200%;
        background-position: top left -22rem;
        min-height: 310px;
    }
}

@media screen and (max-width:450px) {
    .title .title_en h3 {
        font-size: 30px;
    }

    .ibanner .title {
        width: 95%;
        padding: 1rem 0 0 0;
    }

    .title .title_en {
        margin-bottom: 4rem;
    }

    .title .title_ch {
        padding: 3rem 0 0 14rem;
        min-height: 100px;
    }

    .title .title_ch:before {
        min-height: 160px;
        bottom: -3rem;
    }

    .title .title_deco {
        padding: 2rem 0 0 1rem;
    }
}

@media screen and (max-width:360px) {
    .ibanner:before {
        background-size: 240%;
        background-position: top left -24rem;
        min-height: 240px;
    }

    .title .title_ch {
        padding: 3rem 0 0 12rem;
    }

    .ibanner .iban_img {
        width: 95%;
    }
}

@media screen and (max-width:330px) {
    .ibanner .title {
        width: 98%;
    }

    .title .title_en {
        padding-left: 1rem;
    }

    .title .title_ch h2 img {
        width: 20%;
    }
}

@media screen and (max-width:300px) {
    .title .title_ch h2 {
        font-size: 25px;
    }
}


/***ibanner end****/
/***********************/
/***********************/
/***instruction start***/

.C009 {
    padding-top: 4rem;
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.C009 .C009_left {
    width: 16%;
    padding: 9.3rem 0 0 2rem;
}

.C009 .C009_left p {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 7rem;
    letter-spacing: 1px;
}

.C009 .C009_left span {
    font-size: 16px;
    color: #d1a99a;
    position: relative;
    padding-bottom: 2.6rem;
    text-transform: uppercase;
}

.C009 .C009_left span:after {
    content: '';
    background: #d1a99a;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.C009 .C009_right {
    width: 83%;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
}

.C009_right .C009_card {
    width: 25%;
    margin-bottom: 6rem;
}

.C009_right .C009_card img {
    margin-bottom: 2.3rem;
}

.C009_right .C009_card h2 {
    font-size: 24px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}

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

    .C009 .C009_left {
        padding: 9.3rem 0 0 0;
    }
}

@media screen and (max-width:1400px) {
    .C009 .C009_left {
        width: 19%;
    }

    .C009_right .C009_card {
        width: 23%;
        margin: 0 1rem 6rem;
    }
}

@media screen and (max-width:1200px) {
    .C009 .C009_left {
        width: 22%;
    }

    .C009_right .C009_card {
        width: 31%;
    }
}

@media screen and (max-width:1100px) {
    .C009 .C009_left {
        width: 25%;
    }

    .C009_right .C009_card {
        width: 30%;
    }
}

@media screen and (max-width:1000px) {
    .C009 .C009_left {
        width: 28%;
    }
}

@media screen and (max-width:834px) {
    .C009 .C009_left {
        width: 34%;
    }

    .C009_right .C009_card {
        width: 46%;
    }
}

@media screen and (max-width:650px) {
    .C009 {
        flex-wrap: wrap;
    }

    .C009 .C009_left {
        width: 70%;
        margin-bottom: 7rem;
        padding: 6rem 0 0 0;
    }

    .C009 .C009_left p {
        margin-bottom: 3rem;
    }

    .C009 .C009_right {
        width: 100%;
        justify-content: center;
    }

    .C009_right .C009_card {
        margin: 0 1rem 4rem;
    }
}

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

@media screen and (max-width:450px) {
    .C009 {
        padding: 0 2rem 0;
    }
    .C009_right .C009_card {
        width: 44%;
    }
}
@media screen and (max-width:450px) {
   .C009_right .C009_card h2 {
    font-size: 18px;
}
}
@media screen and (max-width:370px) {
    .C009_right .C009_card {
        width: 43%;
    }
}

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

    .C009 .C009_left {
        width: 100%;
        padding: 1rem 0 0 0;
    }
}

@media screen and (max-width:300px) {
    .C009_right .C009_card {
        width: 42%;
    }
}

/***instruction end****/
/***********************/
/***********************/
/***stores start***/
#service_stores {
    padding-bottom: 3em;
}

/*stores*/
.stores {
    width: 1330px;
    margin: 8.3rem auto 0;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.stores li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    padding: 0 1em;
}

.stores a {
    position: relative;
    text-align: center;
}

.stores a .nt {
    width: 95%;
    margin: 0 auto;
    padding: 3rem;
    border: 1px #d1a99a solid;
    border-radius: 100px;
    transition: .5s all;
}

.stores a .nt h3 {
    font-size: 30px;
    color: #303030;
}

.stores a:hover .nt {
    background: #d1a99a;
}

/*tab-content*/
.tab-content {
    width: 1364px;
    margin: 0 auto;
    max-width: 95%;
    padding: 2em;
    text-align: center;
}

.stores_info {
    max-width: 100%;
    min-height: 500px;
    position: relative;
    z-index: 2;
}

.stores_info ul {
      margin-bottom: 3rem;
}

.stores_info ul li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
}

.stores_info ul li a {}

.stores_info a .info_nt {
    width: 70%;
    margin: 0 auto 0 0;
    padding: 1rem;
    border: 1px #1a1a1a solid;
    border-radius: 100px;
    transition: .5s all;
}

.stores_info a .info_nt h3 {
    font-size: 20px;
    color: #303030;
}

.stores_info a:hover .info_nt {
    background: #d1a99a;
}

.stores_info .stores_inner {}


.stores_inner .stores_card {
    width: 100%;
    text-align: left;
    padding: 0 4rem 3rem;
    margin-bottom: 5rem;
    border-bottom: 1px #d1a99a solid;
    display: flex;
    justify-content: space-between;
}

.stores_card .card_left {
    width: 63%;
}

.card_left .card_area {
    margin-bottom: 3.4rem;
}

.card_left .card_area h4 {
    font-size: 30px;
    color: #d1a99a;
}

.card_left .card_title {
    margin-bottom: 3.8rem;
}

.card_left .card_title h2 {
    font-size: 30px;
    color: #303030;
}

.card_left .card_info {
    width: 100%;
}

.card_left .card_info ul {}

.card_left .card_info ul li {
    font-size: 18px;
    color: #303030;
	width: 100%;
}

.card_left .card_info ul li svg {
    color: #d1a99a;
    margin-right: 1.4rem;
	display: inline-block;
}
.card_left .card_info ul li a {
    transition: .5s all;
}
.card_left .card_info ul li a:hover {
    color: #d1a99a;
}
.card_left .card_info ul li p {
    display: inline-block;
	width: 90%;
    vertical-align: top;
}

.stores_card .card_right {
    width: 35%;
    vertical-align: top;
}


.card_right .map {
    position: relative;
    height: 290px;
    width: 100%;
    vertical-align: top;
}

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

@media screen and (max-width:1366px) {
    .card_left .card_info ul li:first-child {
        width: 40%;
    }

    .card_left .card_info ul li:last-child {
        width: 55%;
    }
}

@media screen and (max-width:1200px) {
    .stores_card .card_left {
        width: 65%;
    }

    .stores_inner .stores_card {
        padding: 0 1rem 3rem;
    }
}

@media screen and (max-width:1100px) {
    .card_left .card_info ul li {
        display: block;
        margin-bottom: 1rem;
    }

    .card_left .card_info ul li:first-child {
        width: 100%;
    }

    .card_left .card_info ul li:last-child {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .stores a .nt {
        padding: 2rem;
    }

    .stores_card .card_left {
        width: 50%;
    }

    .stores_card .card_right {
        width: 50%;
    }
}

@media screen and (max-width:834px) {
    .stores li {
        padding: 0 .5rem;
    }

    .tab-content {
        padding: 2rem 1rem;
        max-width: 100%;
    }
}

@media screen and (max-width:768px) {
    .stores {
        margin: 4rem auto 0;
    }
}

@media screen and (max-width:650px) {
    .stores a .nt h3 {
        font-size: 20px;
    }

    .stores_info a .info_nt {
        width: 85%;
    }

    .stores_inner .stores_card {
        flex-wrap: wrap;
    }

    .stores_card .card_left {
        width: 100%;
    }

    .stores_card .card_right {
        width: 100%;
    }

    .card_right .map {
        height: 390px;
    }
}

@media screen and (max-width:576px) {
    .stores ul {
        text-align: center;
    }

    .stores li {
        width: 32%;
        margin-bottom: 2rem;
    }

    .stores a .nt {
        width: 100%;
    }

    .stores_info ul li {
        width: 31%;
        margin-bottom: 2rem;
    }

    .card_right .map {
        height: 310px;
    }
}

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

    .card_left .card_title {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:393px) {
    .card_left .card_info ul li {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:350px) {
    .stores li {
        width: 48%;
    }
}

@media screen and (max-width:340px) {
    .card_right .map {
        height: 250px;
    }
}

@media screen and (max-width:320px) {
    .stores_info a .info_nt {
        width: 100%;
    }

    .card_left .card_title {
        margin-bottom: 2rem;
    }

    .card_left .card_title h2 {
        font-size: 26px;
    }
}


/***stores_info end****/
/***********************/
/**/
.space {
    transform: translateY(-100px);
}


/***********************/
/***top***/
#gotop {
    position: fixed;
    bottom: 3rem;
    right: 1rem;
    z-index: 50;
    cursor: pointer;
    display: none;
    transition: .5s all;
}

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

@media (max-width:768px) {
    #gotop {
        bottom: 1rem;
        text-align: right;
    }

    #gotop img {
        width: 80%;
    }
}

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

.inews{
    width: 100%;
    position: relative;
}

.inews:before{
        content: '';
    background: url(../../images/evid_bg.jpg) right top;
    width: 654px;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}


.inews .inews_inner{
    width: 1360px;
    margin: 0 auto;
    max-width: 100%;
    padding: 5rem 0 0 7.5rem;
}

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

/****************************************************************************************************/
/***products*************************************************************************************************/
.products {
    width: 1330px;
    margin: 0 auto;
    max-width: 100%;
    padding: 6rem 0 3rem;
    color: #000;
}

.newslist {}

.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: center;
    margin-bottom: 5rem;
    display: inline-block;
    width: 24%;
    vertical-align: top;
}

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

.newslist_rwd a:not(:first-child) {
    display: inline-block;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*npic*/
.newslist_rwd .npic {
    position: relative;
    width: 294px;
    max-width: 100%;
    min-height: 257px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}

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

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

/*ntitle*/
.newslist_rwd .ntitle {
    text-align: center;
    margin: 0 auto;
    padding: 3rem 0 1rem;
    width: 90%;
}

.newslist_rwd .ntitle h3 {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #1a1a1a;
    font-size: 24px;
    margin: 0em 0 0em;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    line-height: 1.3;
    transition: .5s all;
}

.newslist_rwd .ntitle h3 a:nth-child(1) {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}



.newslist_rwd:hover .ntitle h3,
.newslist_rwd:hover .ntxt p {
    color: #d55535;
}

.newslist_rwd .ntxt {
    width: 90%;
    padding: 1rem 0 0 1rem;
    margin: 0 auto;
}

.newslist_rwd .ntxt p {
    font-size: 18px;
    color: #1a1a1a;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
    transition: .5s all;
}

.products table.tableimg {
    width: 100%;
    padding: 0 2rem;
}

.products table.tableimg img {
    display: block;
    margin: 0 auto;
}

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

    .newslist_rwd {
        margin-bottom: 3rem;
    }

    .products table.tableimg {
        width: 95%;
        margin: 0 auto;
    }

}

@media screen and (max-width:1100px) {
    .newslist_rwd .ntitle {
        width: 88%;
    }

    .newslist_rwd .ntxt {
        width: 88%;
    }
}

@media screen and (max-width:991px) {
    .newslist_rwd {
        width: 32.5%;
    }
}

@media screen and (max-width:834px) {
    .newslist_rwd {
        width: 49%;
    }

    .newslist_rwd .ntitle {
        width: 75%;
    }

    .newslist_rwd .ntxt {
        width: 75%;
        padding: 1rem 0 0 0;
    }


}

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

    .newslist_rwd .ntitle {
        width: 100%;
    }

    .newslist_rwd .ntxt {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .newslist_rwd {
        width: 100%;
    }
}

@media screen and (max-width:360px) {
    .newslist_rwd {
        width: 100%;
    }
}


/***evidence*************************************************************************************************/
.evidence {
    width: 100%;
    position: relative;
}

.evidence:before {
    content: '';
    background: url(../../images/evid_bg.jpg) right top;
    width: 654px;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.evid {
    width: 1360px;
    margin: 0 auto;
    max-width: 100%;
    padding: 5rem 0 0 7.5rem;
}

/***newslist_rwd2***/
.newslist_rwd2 {
    text-align: left;
    float: none;
    padding: 0 0 5rem 0;
}

.newslist_rwd2 a {
    position: relative;
    transition: .3s ease all;
    line-height: 1.5;
    color: #f2f2f2;
    text-align: center;
    vertical-align: top;
}

.newslist_rwd2 a:not(:first-of-type) {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 18px;
}

.newslist_rwd2 a:first-of-type {
    display: inline-block;
}

/*npic*/
.newslist_rwd2 .npic {
    position: relative;
    width: 1004px;
    max-width: 100%;
    min-height: 562px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}

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

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

.newslist_rwd2 .ninner {
    width: 576px;
    max-width: 100%;
    min-height: 242px;
    display: inline-block;
    padding: 5rem 13rem 0 4rem;
    position: relative;
    background: #26282e;
    margin: 17rem -34rem 0 0;
    z-index: 1;
}

.newslist_rwd2 .ninner:after {
    content: '';
    background: url(../../images/evid_deco01.png) top left no-repeat;
    width: 52px;
    max-width: 100%;
    height: 9px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5rem;
    margin: auto;
    transition: .5s all;
}

.newslist_rwd2 .ninner a:first-child {
    display: none;
}

.newslist_rwd2:hover .ninner:after {
    right: 3rem;
}

/*ntitle*/
.newslist_rwd2 .ninner .ntitle {
    position: relative;
    padding-bottom: 1.5rem;
}

.newslist_rwd2 .ninner .ntitle:after {
    content: '';
    background: #808080;
    width: 80px;
    max-width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.newslist_rwd2 .ninner .ntitle h3 {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #f2f2f2;
    font-size: 36px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: left;
    line-height: 1.3;
    transition: .5s all;
}

.newslist_rwd2 .ninner .ntitle h3 a:nth-child(1) {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left;
}

.newslist_rwd2:hover .ninner .ntitle h3,
.newslist_rwd2:hover .ninner .ntxt p {
    color: #d55535;
}

.newslist_rwd2 .ninner .ntxt {
    padding: 3rem 0 0 0;
}

.newslist_rwd2 .ninner .ntxt p {
    font-size: 18px;
    color: #c1c1c1;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}


.evid table.tableimg {
    width: 100%;
}

@media screen and (max-width:1300px) {
    .newslist_rwd2 .ninner {
        margin: 17rem -42rem 0 0;
    }
}

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

    .newslist_rwd2 .ninner {
        margin: 17rem -49rem 0 0;
    }
}

@media screen and (max-width:1100px) {
    .newslist_rwd2 .ninner {
        margin: 17rem -55rem 0 0;
    }
}

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

    .newslist_rwd2 a:first-of-type {
        display: block;
    }

    .newslist_rwd2 .ninner {
        position: absolute;
        margin: 0;
        top: 9rem;
        left: 2rem;
    }
}

@media screen and (max-width:768px) {
    .newslist_rwd2 .ninner {
        left: 7rem;
        top: 31rem;
    }
}

@media screen and (max-width:650px) {
    .newslist_rwd2 .ninner {
        left: 2rem;
    }

    .newslist_rwd2 .ninner {
        left: 4rem;
        top: 8rem;
        padding: 3rem 3rem 0 3rem;
        min-height: 200px;
        max-width: 85%;
    }

    .newslist_rwd2 .ninner:after {
        display: none;
    }

    .newslist_rwd2 .npic {
        min-height: 340px;
    }

}

@media screen and (max-width:576px) {
    .newslist_rwd2 .ninner {
        top: 21rem;
    }

    .newslist_rwd2 .npic {
        min-height: 420px;
    }
}

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

    .newslist_rwd2 .ninner {
        top: 28rem;
        left: 3rem;
    }

    .newslist_rwd2 .ninner .ntitle h3 {
        font-size: 25px;
    }

    .newslist_rwd2 .ninner .ntxt p {
        font-size: 16px;
    }

    .newslist_rwd2 .npic {
        min-height: 350px;
    }
}

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

    .newslist_rwd2 .npic {
        min-height: 330px;
    }

}

@media screen and (max-width:393px) {
    .newslist_rwd2 .ninner {
        padding: 2rem 2rem 0 2rem;
    }
}

@media screen and (max-width:370px) {
    .newslist_rwd2 {
        padding: 0 0 21rem 0;
    }
        .newslist_rwd2 .ninner {
        top: 22rem;
    }

    .newslist_rwd2 .npic {
        min-height: 270px;
    }

}

@media screen and (max-width:330px) {
       .newslist_rwd2 {
        padding: 0 0 16rem 0;
    }
    .newslist_rwd2 .ninner {
        left: 1.5rem;
        max-width: 90%;
        min-height: 170px;
    }
}

@media screen and (max-width:320px) {
    .newslist_rwd2 .ninner {
        top: 19rem;
    }
    .newslist_rwd2 .npic {
        min-height: 230px;

    }
}

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

.page_num a {
    display: inline-block;
}