/*--------------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 {
    font-family: 'Noto Serif TC', 'Playfair Display', serif;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #0f0f0f;
    overflow-x: hidden;
}

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


.h1,
.h2,
.h3,
h1,
h2,
h3 {
    line-height: 1.2;
    margin: 0;
}

.clear {
    clear: both;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 0 0 0;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: rgb(71, 93, 77, .8);
    /*捲軸顏色*/
}

::selection {
    background: #fff;
    color: rgba(71, 93, 77, 1);
}

/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
    position: fixed;
    bottom: 0;
    right: 8px;
    cursor: pointer;
    display: none;
    z-index: 15;
    transition: .3s ease-in-out;
}

#gotop:hover {
    transform: scale(.9);
}


#btn {
    position: fixed;
    bottom: 21rem;
    right: 8px;
    cursor: pointer;
    z-index: 15;
    transition: .3s ease-in-out;
    background: rgba(205, 202, 179, .9);
    border-radius: 100px;
    padding: 2.2rem 1.3rem;
}

#btn ul {}

#btn ul li {
    position: relative;
}

#btn ul li:not(:last-child) {
    margin-bottom: 3rem;
}

#btn ul li a {}

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

#btn ul li a .ibut1 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    opacity: 0;
    transition: .3s linear;
}

@media (any-hover: hover) {
    #btn ul li a:hover img {
        opacity: 0;
    }

    #btn ul li a:hover .ibut1 {
        opacity: 1;
    }
}

#ota {
    position: fixed;
    bottom: 10rem;
    right: 8px;
    cursor: pointer;
    z-index: 15;
    transition: .3s ease-in-out;
}

#ota a {
    transition: .3s linear;
}

#ota a img {}

@media (any-hover: hover) {
    #ota a:hover {
        transform: translateY(-5px);
    }
}


@media screen and (max-width:768px) {
    #btn ul li {
        margin-bottom: 1rem;
    }
}


@media screen and (max-width:450px) {
    #gotop {
        bottom: 6rem;
    }

    #btn {
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 1rem 0;
        background: rgba(205, 202, 179, 1);
        border-radius: 0;
        -webkit-filter: drop-shadow(0px -3px 6px rgba(26, 23, 23, 0.15));
        filter: drop-shadow(0px -3px 6px rgba(26, 23, 23, 0.15));

    }

    #btn ul {
        display: flex;
        text-align: center;
        align-items: center;
    }

    #btn ul li {
        width: 25%;
    }
	#btn ul li {
        margin-bottom: 0;
    }
    #btn ul li:not(:last-child) {
        margin-bottom: 0;
    }

    #ota {
        bottom: 16rem;
    }
}


/*carousel-fade*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*---header-------------------------------------------------------------------------------------------------------------------------------*/
header {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    z-index: 5;
}

.thumbnail {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.dexlogo {
    width: 225px;
    max-width: 100%;
    position: absolute;
    top: 10rem;
    left: 29.5rem;
    z-index: 2;
}

.dexlogo img {
    margin-bottom: 3rem;
}




/***enter***/
.enter {
    position: absolute;
    width: 20%;
    margin: 0 auto;
    bottom: -10rem;
    left: -7rem;
    right: 0;
    text-align: center;
}


.enter img {
    margin-top: 1em;
}

.enter p {
    font-family: 'Playfair Display';
    font-size: 16px;
    color: #fff;
    position: relative;
    top: 3rem;
}

/*circle*/
.circle {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: transparent;
    margin: 0 auto 10%;
    animation: moving 1.5s infinite alternate;
}

/*line*/
.line {
    width: 1px;
    height: 75px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    margin-right: auto;
    margin-left: auto;
}

@keyframes moving {
    0% {
        -webkit-transform: translateY(-160%);
        transform: translateY(-160%);
    }

    100% {
        -webkit-transform: translateY(160%);
        transform: translateY(160%);
    }
}


.dex_inner {
    width: 100%;
    height: 100vh;
    position: relative;
}

.dex_inner:before {
    content: '';
    background: rgba(15, 15, 15, .5);
    width: 36%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.dex_inner:after {
    content: '';
    background: rgba(255, 255, 255, 1.0);
    width: 100%;
    min-height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-top-right-radius: 120px;
}


.carousel {
    position: relative;
}


.carousel-inner {
    position: fixed;
}



/*item*/
.item {
    width: 100%;
    height: 1043px;
}

.carousel .item:nth-of-type(1) {
    background: url(../../flash/dex1.jpg) top center no-repeat;
    background-size: cover;

}

.carousel .item:nth-of-type(2) {
    background: url(../../flash/dex2.jpg) top center no-repeat;
    background-size: cover;
}

.carousel .item:nth-of-type(3) {
    background: url(../../flash/dex3.jpg) top center no-repeat;
    background-size: cover;
}

.carousel .item:nth-of-type(4) {
    background: url(../../flash/dex4.jpg) top center no-repeat;
    background-size: cover;
}


.dex_deco {
    pointer-events: none;
}

.dex_deco .dex_deco01 {
    position: absolute;
    bottom: 5.8rem;
    left: 0rem;
    z-index: 2;
}

.dex_deco .dex_deco2 {
    position: absolute;
    bottom: 9.6rem;
    right: 0rem;
    z-index: 2;
}

.dex_deco .dex_deco2 img {
    display: inline-block;
}

.dex_deco .dex_deco2 img:last-child {
    vertical-align: bottom;
    position: relative;
    bottom: 1rem;
}

.dex_deco .dex_deco04 {
    position: absolute;
    bottom: 1rem;
    right: 17.3rem;
    z-index: 1;
}



@media screen and (max-width:1536px) {
    .dexlogo {
        left: 18rem;
    }

    .dex_deco .dex_deco2 {
        width: 60%;
    }

    .dex_deco .dex_deco2 img:first-child {
        width: 40%;
    }

    .dex_deco .dex_deco2 img:last-child {
        width: 58%;
    }

    .dex_deco .dex_deco04 {
        right: 7rem;
        width: 80%;
    }
}

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

    .dex_inner:before {
        width: 39%;
    }

    .dex_deco .dex_deco01 {
        bottom: 6.8rem;
        width: 35%;
    }
}

@media screen and (max-width:834px) {
    .dexlogo {
        left: 5rem;
    }

    .dex_deco .dex_deco01 {
        bottom: 7.8rem;
    }

    .dex_deco .dex_deco04 {
        bottom: 2rem;
    }
}

@media screen and (max-width:768px) {
    .dex_inner {
        width: 100%;
        height: 700px;
    }

    .carousel-inner {
        position: inherit;
    }

    .item {
        height: 700px;
    }

    .dex_inner:after {
        border-top-right-radius: 80px;
    }
}

@media screen and (max-width:650px) {
    .dexlogo {
        top: 5rem;
        left: 3rem;
        width: 25%;
    }

    .enter {
        bottom: -7rem;
        left: 0;
    }

    .dex_inner,
    .item {
        height: 600px;
    }

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

    .dex_inner:before {
        width: 35%;
    }

    .dex_deco .dex_deco01 {
        bottom: 5.3rem;
    }

    .dex_deco .dex_deco2 {
        bottom: 6.8rem;
    }

    .dex_deco .dex_deco04 {
        right: 5rem;
    }
}

@media screen and (max-width:576px) {
    .enter {
        width: 40%;
    }

    .dex_inner,
    .item {
       height: 480px;
    }
}

@media screen and (max-width:450px) {
    .dexlogo {
        top: 2rem;
        left: 2rem;
    }

    .dex_inner,
    .item {
        height: 300px;
    }

    .enter {
        display: none;
    }

    .dex_deco .dex_deco01 {
        bottom: 4.5rem;
        width: 28%;
    }

    .dex_inner:after {
        min-height: 55px;
        border-top-right-radius: 50px;
    }

    .dex_deco .dex_deco2 {
        bottom: 5.4rem;
    }

    .dex_deco .dex_deco2 img:first-child {
        width: 35%;
    }

    .dex_deco .dex_deco2 img:last-child {
        width: 63%;
        bottom: .5rem;
    }

}

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

    .dex_inner,
    .item {
        height: 250px;
    }

    .dex_deco .dex_deco2 img:first-child {
        width: 30%;
    }
}

@media screen and (max-width:393px) {
    .dex_deco .dex_deco04 {
        right: 3rem;
    }
}

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

    .dex_inner,
    .item {
        height: 200px;
    }
}

/*---nav---------------------------------------------------------------------------------------------------------------------------*/
nav {
    position: relative;
}



/***navbar***/
.navbar {
    position: fixed;
    top: 1rem;
    right: 1rem;
    margin: auto;
    width: 90px;
    min-height: 90px;
    padding: 1.5rem;
    opacity: 0;
    z-index: 13;
    background: rgba(255, 255, 255, .8);
    border-radius: 100px;
    cursor: pointer;
}


.navshow,
.navshow01 {
    opacity: 1;
    transition: .6s ease-in-out;
}



/***mobile ibutton***/
.mibutton {}

.mibutton p {
    font-size: 20px;
    font-family: 'Playfair Display';
    color: #475d4d;
}

.mibutton span {
    background: #475d4d;
    width: 50px;
    max-width: 100%;
    min-height: 2px;
    display: block;
}

.mibutton span:last-child {
    width: 40px;
    position: relative;
    top: 6px;
}


/***nav_inner***/
.nav_inner {
    background: url(../../images/nav_bg.jpg) top center no-repeat;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    opacity: 0;
    overflow: hidden;
    transition: 1s ease-in-out;
    z-index: -1;
}

.nav_on {
    opacity: 1;
    overflow: visible;
    width: 100%;
    left: inherit;
    right: 0;
    z-index: 999;
}

.wrap0 {
    width: 100%;
    margin: 0 auto;
    max-width: 1062px;
    padding: 24.8rem 0 0 0;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 1s ease-in-out;
    max-height: 100vh;
    overflow-y: scroll;
}

.nav_on .wrap0 {
    opacity: 1;
    transition-delay: .8s;
}

.stop {
    overflow: hidden;
}

.wrap0 .off {
    cursor: pointer;
    transition: .5s;
}

.wrap0 .off:hover {
    filter: drop-shadow(2px -3px 6px black);
}



/*menutitle*/
.menutitle {
    margin-bottom: 7.9rem;
}

.menutitle h3 {
    font-size: 72px;
    color: #ffffff;
    font-family: 'Playfair Display';
}

img.imgmenu {
    max-width: 30%;
    padding: 3em 0;
}

/*ibutton*/
.ibutton {
    position: relative;
}

.ibutton ul {}

.ibutton li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding: 3rem 3rem 4rem 3rem;

}

.ibutton li a {
    transition: .5s all;
}

.ibutton li a:hover {
    filter: brightness(0.5);
}

.ibutton img {
    max-width: 100%;
}

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

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

    .wrap0 .off {
        padding-bottom: 5rem;
    }
}


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

    .wrap0 {
        padding: 8rem 0 0 0;
        position: relative;
    }

    .menutitle {
        margin-bottom: 3rem;
    }

    .menutitle h3 {
        font-size: 50px;
    }
	.ibutton {
    padding-bottom: 5rem
}

    .ibutton li {
        padding: 2rem 2rem 5rem 2rem;
    }
    .wrap0 .off {
        position: absolute;
        top: 1rem;
        right: 2rem;
    }
}

@media screen and (max-width:414px) {
    .navbar {
        top: .5rem;
        right: .5rem;
        width: 80px;
        min-height: 80px;
    }

    .mibutton p {
        line-height: 1.5;
    }

    .ibutton li {
        width: 65%;
        padding: 0 0 3rem;
    }
}

@media screen and (max-width:393px) {
    .navbar {
        width: 75px;
        min-height: 75px;
        padding: 1.5rem 1rem 1rem 1rem;
    }
}

@media screen and (max-width:330px) {
    .menutitle h3 {
        font-size: 40px;
    }
}

@media screen and (max-width:320px) {
    .navbar {
        width: 70px;
        min-height: 70px;
        padding: 1rem;
    }
}




/***********************/
/***main start***/
main {
    background: #fff;
    position: relative;
    z-index: 10;
}

main.inner {
    padding-top: 4.6rem;
}


/***main end****/
/***********************/

/*****************************/
/***inews start***/
.inews {
    width: 1808px;
    max-width: 100%;
    min-height: 480px;
    margin: 0 0 9.4rem auto;
    padding-top: 4rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow-x: hidden;

}

.inews .inews_title {
    width: 39%;
    position: relative;
    text-align: right;
    padding-top: 8rem;


}

.inews .inews_title:before {
    content: '';
    background: url(../../images/inews_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 594px;
    max-width: 100%;
    min-height: 455px;
    position: absolute;
    bottom: 0;
    left: 0;
}


.inews .inews_title h5 {
    font-size: 60px;
    color: #0f0f0f;
    font-family: 'Playfair Display';
    font-weight: 400;
    font-style: italic;
    margin-bottom: 2.2rem;

}

.inews .inews_title img {
    margin-bottom: 1.5rem;
}

.inews .inews_title p {
    font-size: 16px;
    color: #475d4d;
    font-weight: 500;
}


.inews .inews_inner {
    width: 59%;
    background: url(../../images/inews_bg.jpg) top left repeat;
    border-bottom-left-radius: 100px;
    padding: 0 15.9rem 6rem 6.2rem;
    margin-top: 6rem;
}

.inewslist {
    display: inline-block;
    padding: 0 !important;
    width: 45% !important;
    margin: -6rem 0 0;
}

.inewslist:first-child {
    margin-right: 6rem;
}

.inewslist .ntitle {
    margin: 4rem auto 0;
    width: 85%;
    text-align: center;
    display: block;
}

@media screen and (max-width:1600px) {
    .inews .inews_title:before {
        min-height: 375px;
    }

    .inews .inews_inner {
        padding: 0 10rem 6rem 6.2rem;
    }
}

@media screen and (max-width:1536px) {
    .inews .inews_title:before {
        max-width: 70%;
    }

    .inews .inews_inner {
        padding: 0 7rem 6rem 4rem;
    }
}

@media screen and (max-width:1400px) {
    .inews .inews_title {
        margin-right: 2rem;
    }

    .inews .inews_inner {
        width: 70%;
    }
}
@media screen and (max-width:1366px){
    .inews {
    min-height: 410px;
}
}

@media screen and (max-width:1200px) {
    .inews .inews_title h5 {
        font-size: 53px;
    }

    .inews .inews_inner {
        width: 95%;
    }

}

@media screen and (max-width:1100px) {
    .inews {
        flex-wrap: wrap;
        justify-content: center;
        min-height: auto;
        margin: 0 0 7rem auto;
    }

    .inews .inews_title {
        padding-top: 7rem;
        width: 90%;
        margin: 0 0 3rem 0;
    }

    .inews .inews_title:before {
        max-width: 40%;
        min-height: 255px;
    }

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

    .inewslist {
        margin: -6rem 0 0;
    }

    .inewslist:first-child {
        margin-right: 4rem;
    }

    .inewslist a {
        text-align: center !important;
    }

    .inewslist .ntitle {
        width: 80%;
    }

}

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

    .inewslist {
        width: 60%;
    }

    .inewslist:not(:first-child) {
        margin: 3rem 0 2rem 0;
    }
}

@media screen and (max-width:768px) {
    .inews .inews_inner {
        text-align: center;
    }

    .inewslist {
        width: 80% !important;

    }

    .inewslist:first-child {
        margin-right: 0;
    }
}

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

@media screen and (max-width:450px) {
    .inews .inews_title {
        padding-top: 0;
    }

    .inews .inews_title:before {
        min-height: 145px;
    }

    .inewslist.newslist_rwd {
        width: 100% !important;
        text-align: center;
    }

    .inewslist .ntitle {
        width: 100%;
            margin: 2rem auto 0;
    }
}

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

    .inews .inews_title {
        width: 95%;
    }

    .inews .inews_inner {
        padding: 0 1rem 5rem 1rem;
        border-bottom-left-radius: 60px;
    }

}

@media screen and (max-width:393px) {
    .inews .inews_title:before {
        min-height: 90px;
    }
}

@media screen and (max-width:350px) {
    .inews .inews_title:before {
        min-height: 75px;
    }

    .inews .inews_inner {
        border-bottom-left-radius: 40px;
    }
}

@media screen and (max-width:320px) {
    .inews .inews_title h5 {
        font-size: 43px;
    }

    .inews .inews_title:before {
        bottom: 3rem;
    }
}

/***inews end***/
/*****************************/
/***news*************************************************************************************************/
.news {
    width: 1330px;
    margin: 0 auto;
    max-width: 100%;
    font-size: 18px;
}

.newslist {
    text-align: left;
}

.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 2rem 5rem;
    display: inline-block;
    width: 32%;
}

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

/*.newslist_rwd a:nth-of-type(1) {
    display: inline-block;
}*/

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

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

.newslist_rwd a:hover {
    opacity: .8;
}

/*ntitle*/
.ntitle {
    text-align: left;
    position: relative;
    margin: 3rem 0 0 2.4rem;
    width: 90%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.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: 0 0 2rem 0;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: left;
    line-height: 1.3;
    font-weight: 600;
}

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

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

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


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


/*newstitle*/
.newstitle {
    font-size: 23px;
}

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

    .newslist_rwd {
        width: 33%;
    }
}

@media screen and (max-width:1260px) {
    .newslist {
        text-align: left;
    }

    .newslist_rwd {
        width: 45%;
    }

    .newslist_rwd a {
        text-align: center;
    }

    .ntitle {
        margin: 3rem 0 0;
        width: 80%;
    }
}

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

    .ntitle {
        width: 100%;
    }
}

@media screen and (max-width:834px) {
    .newslist {
        text-align: center;
    }

    .newslist_rwd {
        width: 75%;
    }

    .ntitle {
        width: 80%;
    }
}

@media screen and (max-width:650px) {
    .ntitle {
        width: 95%;
    }
}

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

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

    .npic {
        padding-right: 0;
        width: 100%;
    }
}

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

    .newslist_rwd {
        padding: 0em 0rem 5rem;
    }
}

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


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

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




/***********************/
/***imenu start***/

.imenu {
    width: 100%;
    background: #fff;
}

.imenu .imenu_inner {
    width: 1329px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.imenu_inner .imenu_card {
    margin-bottom: 6rem;
    transition: all .22s cubic-bezier(.25, .46, .45, .94);
}

.img-animation {
    -webkit-animation: img-opacity 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    animation: img-opacity 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    overflow: hidden;
    position: relative;
}

.img-animation.animated:after {
    -webkit-animation: img-animation 1.5s cubic-bezier(0.77, 0, 0.175, 1) both;
    animation: img-animation 1.5s cubic-bezier(0.77, 0, 0.175, 1) both;
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.img-animation:nth-child(2),
.img-animation:nth-child(2).animated:after {
    animation-delay: .1s;
}

.img-animation:nth-child(3),
.img-animation:nth-child(3).animated:after {
    animation-delay: .2s;
}

.img-animation:nth-child(4),
.img-animation:nth-child(4).animated:after {
    animation-delay: .3s;
}

.img-animation:nth-child(5),
.img-animation:nth-child(5).animated:after {
    animation-delay: .4s;
}

.img-animation:nth-child(6),
.img-animation:nth-child(6).animated:after {
    animation-delay: .5s;
}


@-webkit-keyframes img-opacity {

    0% {
        opacity: 0;
    }

}

@keyframes img-opacity {

    0% {
        opacity: 0;
    }

}

@-webkit-keyframes img-animation {

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

}

@keyframes img-animation {

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

}

.imenu_card figure {
    width: 389px;
    max-width: 100%;
    min-height: 255px;
    overflow: hidden;
    border-top-right-radius: 100px;
    position: relative;
}

.imenu_card figure img {
    width: 100%;
    height: 100%;
    transition: .5s all;
}

.imenu_card figure p {
    font-size: 26px;
    color: #fff;
    font-family: 'Playfair Display';
    position: absolute;
    bottom: .5rem;
    right: 1.2rem;
    z-index: 1;

}

@media (hover: hover) {
    .imenu_card figure img:hover {
        transform: scale(1.2);
    }
}

.imenu_card .imenu_txt {
    margin-top: 1.5rem;
    padding: 0 1.7rem 0 2rem;
}

.imenu_card .imenu_txt number {
    font-size: 30px;
    color: #7e9083;
    font-weight: 300;
    font-family: 'Playfair Display';
    display: inline-block;
    vertical-align: middle;
}

.imenu_card .imenu_txt hr {
    width: 43%;
    height: 1px;
    background: #475d4d;
    margin: 0 3rem 0 2rem;
    display: inline-block;

}

.imenu_card .imenu_txt p {
    font-size: 24px;
    color: #475d4d;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}


@media screen and (max-width:1300px) {
    .imenu .imenu_inner {
        padding: 0 2rem;
    }

    .imenu_inner .imenu_card {
        width: 32%;
    }

    .imenu_card .imenu_txt hr {
        width: 38%;
    }
}

@media screen and (max-width:1100px) {
    .imenu_card figure {
        min-height: 224px;
    }

    .imenu_card .imenu_txt hr {
        width: 35%;
    }
}

@media screen and (max-width:1000px) {
    .imenu_inner .imenu_card {
        width: 49%;
    }

    .imenu_card figure {
        min-height: 255px;
    }

}

@media screen and (max-width:768px) {
    .imenu_inner .imenu_card {
        margin-bottom: 3rem;
    }

    .imenu_card figure {
        min-height: 235px;
    }
}

@media screen and (max-width:650px) {
    .imenu_card figure {
        min-height: 195px;
    }

    .imenu_card .imenu_txt hr {
        width: 20%;
    }

}

@media screen and (max-width:576px) {
    .imenu_inner .imenu_card {
        width: 100%;
        text-align: center;
    }

    .imenu_card figure {
        margin: 0 auto;
    }

    .imenu_card .imenu_txt hr {
        width: 30%;
    }
}

@media screen and (max-width:414px) {
    .imenu .imenu_inner {
        padding: 0 1rem;
    }
}

@media screen and (max-width:330px) {
    .imenu_card .imenu_txt {
        padding: 0 1rem 0 1rem;
    }

    .imenu_card .imenu_txt hr {
        margin: 0 1rem;
    }
}

@media screen and (max-width:300px) {
    .imenu_card figure {
        min-height: 185px;
    }
}


/***imenu end****/
/***********************/
/***********************/
/***inbanner start***/

.indeco {
    position: relative;
}

.indeco:before {
    content: '';
    background: url(../../images/inbanner_deco01.png) top left no-repeat;
    background-size: contain;
    width: 99px;
    max-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    pointer-events: none;
}

.indeco:after {
    content: '';
    background: url(../../images/inbanner_deco02.png) top right no-repeat;
    background-size: contain;
    width: 78px;
    max-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 12;
    pointer-events: none;
}

.inbanner {
    width: 100%;
    position: relative;
    padding-top: 28.9rem;
    background-size: contain;
}

.inbanner:after {
    content: '';
    background: url(../../images/inbanner_mask.png) bottom center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 121px;
    position: absolute;
    bottom: -1px;
    left: 0;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

.inbanner_about {
    background: url(../../images/inbanner_about.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner_env {
    background: url(../../images/inbanner_env.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner_note {
    background: url(../../images/inbanner_note.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner_room {
    background: url(../../images/inbanner_room.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner_sce {
    background: url(../../images/inbanner_sce.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner_loc {
    background: url(../../images/inbanner_loc.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner_news {
    background: url(../../images/inbanner_news.jpg) top center no-repeat fixed;
    width: 100%;
}

.inbanner .incont {
    width: 254px;
    max-width: 100%;
    background: url(../../images/intitle_bg01.png) top left;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    left: 0;

}

.incont .inlogo {
    padding: 4.8rem 4.5rem 2.5rem;
}

.incont .intitle {
    background: url(../../images/intitle_bg02.png) bottom left no-repeat;
    width: 100%;
    padding: 7rem 1rem 2rem;
    text-align: center;
}

.incont .intitle h3 {
    font-size: 36px;
    color: #0f0f0f;
    font-family: 'Playfair Display';
    font-weight: bold;
    font-style: italic;
    margin-bottom: 1.7rem;
    letter-spacing: 1px;
}

.incont .intitle h2 {
    font-size: 30px;
    color: #0f0f0f;
    margin-bottom: 1rem;
}

.incont .intitle img {}

@media screen and (max-width:1600px) {
    .inbanner {
    padding-top: 13rem;
}
    .inbanner:after {
        border-top-left-radius: 70px;
        border-top-right-radius: 70px;
    }

}

@media screen and (max-width:1536px) {}
@media screen and (max-width:1400px){
    .inbanner {
    padding-top: 10rem;
}
}
@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {
    .inbanner {
        padding-top: 4rem;
    }
}
@media screen and (max-width:991px){
    .inbanner{
        background-size: cover;
    }
}
@media screen and (max-width:768px) {
    .inbanner:after {
        min-height: 70px;
        background-position-x: -19rem;
    }
}

@media screen and (max-width:650px) {
    .inbanner:after {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }
}

@media screen and (max-width:450px) {
    .indeco:before {
        display: none;
    }

    .indeco:after {
        display: none;
    }

    .inbanner {
        background-attachment: initial;
        padding-top: 2rem;
    }

    .inbanner:after {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
}

@media screen and (max-width:414px) {
    .inbanner:after {
        min-height: 60px;
        background-position-x: -24rem;
    }

    .inbanner .incont {
        max-width: 50%;
    }

    .incont .inlogo {
        padding: 2rem;
    }

    .incont .intitle {
        padding: 1rem;
    }

    .incont .intitle h3 {
        font-size: 20px;
    }

    .incont .intitle h2 {
        font-size: 19px;
    }
}

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

@media screen and (max-width:360px) {
    .inbanner:after {
        background-position-x: -28.4rem;
    }

    .incont .intitle h3 {
        margin-bottom: 1rem;
    }

    .incont .intitle h2 {
        margin-bottom: 0;
    }
}

@media screen and (max-width:340px) {
    .incont .inlogo {
        padding: 1rem;
    }
}

/***inbanner end****/
/***********************/
/***********************/
/***about start***/

.about {}

/*about1*/
.about .about1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 13.6rem;
    display: flex;
    position: relative;
}

.about .about1:after {
    content: '';
    background: url(../../images/abt1_deco.png) bottom right no-repeat;
    background-size: contain;
    width: 293px;
    max-width: 100%;
    min-height: 395px;
    position: absolute;
    bottom: -5.8rem;
    right: 0;
}


.about1 .abt1_img {
    width: 45%;
    margin-right: 1.3rem;
}

.about1 .abt1_img img {}

.about1 .abt1_txt {
    width: 35%;
    position: relative;
    padding: 2.9rem 8.7rem 8.6rem 3.3rem;
}

.about1 .abt1_txt h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2rem;
}

.about1 .abt1_txt p {
    font-size: 18px;
    text-align: justify;
    letter-spacing: 0;
}

@media screen and (max-width:1600px) {
    .about .about1:after {
        right: 4rem;
    }
}

@media screen and (max-width:1400px) {
    .about .about1:after {
        min-height: 330px;
    }

    .about1 .abt1_txt {
        padding: 2rem 8.7rem 7rem 2rem;
    }
}

@media screen and (max-width:1366px) {
    .about1 .abt1_txt {
        padding: 2rem 8.7rem 3rem 2rem;
    }
}

@media screen and (max-width:1200px) {
    .about .about1:after {
        min-height: 250px;
    }

    .about .about1 {
        padding-left: 8.6rem;
    }

    .about1 .abt1_txt {
        padding: 2rem 5rem 3rem 2rem;
    }
}

@media screen and (max-width:991px) {
    .about .about1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 6rem 0 8rem;
    }

    .about .about1:after {
        min-height: 190px;
        top: 3rem;
        bottom: auto;
        right: 7rem;
    }

    .about1 .abt1_img {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .about1 .abt1_txt {
        padding: 0;
        width: 55%;
        margin-bottom: 3rem;
        order: -1;
    }
}

@media screen and (max-width:834px) {
    .about1 .abt1_txt {
        width: 80%;
        padding-right: 13rem;
    }
}

@media screen and (max-width:768px) {
    .about .about1:after {
        top: 6rem;
    }

    .about1 .abt1_txt {
        width: 95%;
        padding-right: 17rem;
    }
}

@media screen and (max-width:650px) {
    .about .about1:after {
        top: 12rem;
        max-width: 22%;
        min-height: 190px;
    }
}

@media screen and (max-width:576px) {
    .about .about1:after {
        top: 22rem;
        max-width: 14%;
        min-height: 110px;
        right: 5rem;
    }

    .about1 .abt1_txt {
        padding-right: 8rem;
    }
}

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

    .about .about1:after {
        top: 21rem;
        min-height: 85px;
        right: 2rem;
    }

    .about1 .abt1_txt {
        padding-right: 2rem;
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .about .about1 {
        padding: 0 1rem;
    }

    .about .about1:after {
        right: 1rem;
    }
}

@media screen and (max-width:393px) {
    .about .about1:after {
        top: 22rem;
    }
}

@media screen and (max-width:360px) {
    .about .about1:after {
        top: 26rem;
        min-height: 71px;
    }
}

@media screen and (max-width:320px) {
    .about .about1:after {
        top: 30rem;
        min-height: 61px;
    }
}

@media screen and (max-width:300px) {
    .about .about1:after {
        top: 34rem;
        min-height: 55px;
    }
}

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

/***about end****/
/***********************/
/***********************/
/***environment start***/

.environment {}

.environment .env1 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 13.6rem;
    display: flex;
    justify-content: space-between;
}

.env1 .env1_txt {
    width: 36%;
}

.env1 .env1_txt figure {}

.env1 .env1_txt p {
    font-size: 18px;
    padding: 3.5rem 4rem 0 8rem;
}

.env1 .env1_img {
    width: 63%;
    padding-right: 6rem;
    text-align: right;
}

@media screen and (max-width:1600px) {
    .environment .env1 {
        padding-left: 9rem;
    }
}

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

@media screen and (max-width:991px) {
    .env1 .env1_txt p {
        padding: 2rem 1rem 0 1rem;
    }
}

@media screen and (max-width:834px) {
    .environment .env1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 6rem 0 8rem;
    }

    .env1 .env1_txt {
        width: 100%;
        margin-bottom: 3rem;
    }

    .env1 .env1_txt p {
        padding: 3rem 8rem 0 7rem;
    }

    .env1 .env1_img {
        width: 100%;
        padding: 0;
        text-align: right;
    }
}

@media screen and (max-width:650px) {
    .env1 .env1_txt p {
        padding: 3rem 2rem 0 7rem;
    }
}

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

    .env1 .env1_txt p {
        padding: 3rem 0 0;
    }
}

@media screen and (max-width:414px) {
    .environment .env1 {
        padding: 0 1rem;
    }

    .env1 .env1_txt {
        margin-bottom: 2rem;
    }
}

/*env2*/
.env2 {
    background: url(../../images/env2_bg.jpg) top left no-repeat fixed;
    background-size: cover;
    width: 100%;
    position: relative;
    margin-top: 4rem;
}

.env2 .env2_inner {
    width: 1286px;
    max-width: 100%;
    margin: 0 0 0 auto;
    position: relative;
}

.env2 .env2_inner:before {
    content: '';
    background: rgba(214, 194, 179, .9);
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}


.env2_inner .env2_txt {
    padding: 6.3rem 0 0 36rem;
    position: relative;
    z-index: 1;
    margin-bottom: 6rem;
}

.env2_inner .env2_txt figure {}

.env2_inner .env2_txt p {
    text-align: justify;
    width: 437px;
    max-width: 100%;
    margin-top: 2.8rem;
    padding-left: 4.5rem;
}

.env2_inner .env2_img {
    position: relative;
    z-index: 1;
}

.env2_inner .env2_img img {
    border-top-left-radius: 320px;
}


@media screen and (max-width:1366px) {
    .env2 .env2_inner:before {
        width: 60%;
    }

    .env2_inner .env2_txt {
        padding: 6.3rem 0 0 56rem;
    }

    .env2_inner .env2_img {
        padding: 0 0 0 8rem;
    }
}

@media screen and (max-width:1200px) {
    .env2_inner .env2_img {
        padding: 0 0 0 13rem;
    }
}

@media screen and (max-width:1100px) {
    .env2_inner .env2_txt {
        padding: 4rem 0 0 50rem;
    }
}

@media screen and (max-width:991px) {
    .env2 .env2_inner:before {
        width: 70%;
    }

    .env2_inner .env2_txt {
        padding: 4rem 0 0 35rem;
    }

    .env2_inner .env2_img img {
        border-top-left-radius: 270px;
    }
}

@media screen and (max-width:834px) {
    .env2_inner .env2_txt {
        padding: 4rem 0 0 28rem;
    }

    .env2_inner .env2_img img {
        border-top-left-radius: 200px;
    }
}

@media screen and (max-width:768px) {
    .env2 {
        background-attachment: initial;
    }

    .env2 .env2_inner:before {
        width: 80%;
    }

    .env2_inner .env2_txt {
        padding: 4rem 0 0 20rem;
        margin-bottom: 3rem;
    }

    .env2_inner .env2_img {
        padding: 0 0 0 10rem;
    }

    .env2_inner .env2_img img {
        border-top-left-radius: 170px;
    }
}

@media screen and (max-width:650px) {
    .env2_inner .env2_txt {
        padding: 3rem 0 0 15rem;
    }

    .env2_inner .env2_txt figure {
        width: 80%;
    }

    .env2_inner .env2_txt p {
        padding-left: 1rem;
    }

    .env2_inner .env2_img {
        padding: 0 0 0 8rem;
    }
}

@media screen and (max-width:576px) {
    .env2_inner .env2_txt {
        padding: 3rem 7rem 0 15rem;
    }

    .env2_inner .env2_txt figure {
        width: 100%;
    }

    .env2_inner .env2_img img {
        border-top-left-radius: 130px;
    }
}

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

    .env2_inner .env2_img {
        padding: 0 0 0 2rem;
    }
}

@media screen and (max-width:414px) {
    .env2 {
        margin-top: 3rem;
        overflow-x: hidden;

    }

    .env2 .env2_inner:before {
        width: 85%;
    }

    .env2_inner .env2_txt {
        padding: 3rem 2rem 0 7rem;
    }

    .env2_inner .env2_img {
        padding: 0 0 0 1rem;
    }

    .env2_inner .env2_img img {
        border-top-left-radius: 100px;
    }
}

@media screen and (max-width:360px) {
    .env2_inner .env2_img img {
        border-top-left-radius: 80px;
    }
}


/*env3*/
.env3 {
    width: 1600px;
    max-width: 100%;
    margin: 4.3rem auto 5.4rem;
    display: flex;
    justify-content: space-between;
}

.env3 .env3_card {
    width: 32.5%;
}

.env3_card figure {}

.env3_card figure img {}

.env3_card .env3_txt {
    padding: 2rem 1.2rem;
    display: flex;
    justify-content: space-between;
}

.env3_card .env3_txt number {
    font-size: 30px;
    color: #883e1d;
    font-family: 'Playfair Display';
    line-height: 1;
}

.env3_card .env3_txt number img {
    padding-right: .9rem;
    display: inline-block;
}

.env3_card .env3_txt p {
    font-size: 18px;
}


@media screen and (max-width:1600px) {
    .env3 {
        padding: 0 6rem 0 8rem;
    }
}

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

    .env3 .env3_card {
        width: 49%;
    }
}

@media screen and (max-width:768px) {
    .env3 .env3_card {
        width: 85%;
    }
}

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

    .env3 .env3_card {
        width: 100%;
    }

    .env3_card .env3_txt {
        padding: 1rem 1.2rem 3rem;
    }

}

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

@media screen and (max-width:350px) {
    .env3_card .env3_txt {
        padding: 1rem 1.2rem 2rem;
    }

    .env3_card .env3_txt number {
        font-size: 20px;
    }

    .env3_card .env3_txt p {
        font-size: 16px;
    }
}

@media screen and (max-width:300px) {
    .env3_card .env3_txt {
        padding: 1rem 0 2rem;
    }
}


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

.env4:before {
    content: '';
    background: url(../../images/env4_bg.jpg) top left no-repeat fixed;
    background-size: cover;
    width: 100%;
    min-height: 740px;
    position: absolute;
    top: 6.8rem;
    left: 0;
    z-index: -1;
}

/*env41*/
.env4 .env41 {
    width: 1623px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.4rem;
    overflow-x: hidden;
}

.env41 .env41_img {}

.env41 .env41_img img {
    border-top-right-radius: 280px;
}

.env41 .env41_txt {
    width: 24%;
    padding-top: 12.4rem;
}

.env41 .env41_txt figure {
    margin-bottom: 4rem;
}

.env41 .env41_txt figure img {}

.env41 .env41_txt p {
    font-size: 18px;
    text-align: justify;
    padding-left: 6.4rem;
}

.env41 .env41_txt p:first-of-type {
    margin-bottom: 2rem;
}


/*env42*/
.env4 .env42 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.env42 .env42_txt {
    width: 24.4%;
    padding: 4.5rem 2.1rem 0 3.9rem;
}

.env42_txt .env42_txt_top {
    margin-bottom: 5.5rem;
}

.env42_txt .env42_txt_top img {
    display: inline-block;
    margin-right: .54rem;
}

.env42_txt .env42_txt_top p {
    display: inline-block;
    font-size: 18px;
    width: 90%;
    vertical-align: top;
}

.env42_txt .env42_txt_bot {}

.env42_txt .env42_txt_bot img {}

.env42 .env42_img {
    width: 75%;
    display: flex;
    justify-content: space-between;
}

.env42 .env42_img img {}


@media screen and (max-width:1650px) {
    .env41 .env41_txt {
        width: 31%;
    }

    .env41 .env41_txt p {
        padding: 0 5rem 0 6.4rem;
    }
}

@media screen and (max-width:1600px) {
    .env41 .env41_txt p {
        padding: 0 8rem 0 6.4rem;
    }

    .env4 .env42 {
        padding: 0 6rem 0 8rem;
    }

    .env42 .env42_img img {
        width: 32%;
    }
}

@media screen and (max-width:1536px) {
    .env4:before {
        min-height: 680px;
    }

    .env41 .env41_txt figure {
        width: 85%;
    }
}

@media screen and (max-width:1400px) {
    .env4:before {
        min-height: 620px;
    }
}

@media screen and (max-width:1200px) {
    .env4:before {
        min-height: 1060px;
        top: 0;
    }

    .env4 .env41 {
        flex-wrap: wrap;
        justify-content: flex-start;

    }

    .env41 .env41_txt {
        width: 60%;
        order: -1;
        padding-top: 2rem;
        padding: 2rem 0 0 8rem;
        margin-bottom: 3rem;
    }

    .env41 .env41_txt p {
        padding: 0 20rem 0 6.4rem;
    }
}

@media screen and (max-width:1100px) {
    .env41 .env41_txt {
        width: 68%;
    }
}

@media screen and (max-width:991px) {
    .env4:before {
        min-height: 1240px;
    }

    .env41 .env41_txt {
        width: 80%;
        margin: 0 auto 3rem;
        padding: 2rem 0 0 0;
    }

    .env4 .env42 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .env42 .env42_txt {
        width: 60%;
        padding: 0;
        margin-bottom: 3rem;
    }

    .env42 .env42_img {
        width: 100%;
    }
}

@media screen and (max-width:834px) {
    .env42 .env42_txt {
        width: 100%;
        text-align: center;
    }

    .env42_txt .env42_txt_top {
        width: 70%;
        margin: 0 auto 5.5rem;
    }
}

@media screen and (max-width:650px) {
    .env41 .env41_txt p {
        padding: 0 6rem 0 6.4rem;
    }

    .env41 .env41_img img {
        border-top-right-radius: 170px;
    }

    .env42_txt .env42_txt_top {
        width: 80%;
    }
}

@media screen and (max-width:576px) {
    .env42_txt .env42_txt_top {
        width: 100%;
        margin: 0 auto 4rem;
    }
}

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

    .env41 .env41_txt p {
        padding: 0;
    }

    .env4 .env42 {
        padding: 0 2rem;
    }

    .env42 .env42_img {
        flex-wrap: wrap;
        justify-content: center;
    }

    .env42 .env42_img img {
        width: 100%;
        margin-bottom: 2rem;
    }
}

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

    .env41 .env41_txt {
        width: 100%;
        padding: 2rem 1rem 0;
    }

    .env41 .env41_txt figure {
        margin-bottom: 2rem;
    }

    .env41 .env41_img img {
        border-top-right-radius: 100px;
    }

    .env4 .env42 {
        padding: 0 1rem;
    }

    .env42_txt .env42_txt_bot {
        width: 50%;
        margin: 0 0 0 auto;
    }

}

@media screen and (max-width:393px) {
    .env4:before {
        min-height: 970px;
    }

    .env42_txt .env42_txt_top p {
        font-size: 16px;
        text-align: left;
    }
}

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

    .env42_txt .env42_txt_top p {
        font-size: 15px;
    }
}

@media screen and (max-width:330px) {
    .env42 .env42_txt {
        margin-bottom: 1rem;
    }

    .env42_txt .env42_txt_top {
        margin: 0 auto 2rem;
    }

    .env42_txt .env42_txt_top p {
        font-size: 13px;
    }
}

@media screen and (max-width:310px) {
    .env42_txt .env42_txt_top img {
        width: 5%;
    }

    .env42_txt .env42_txt_top p {
        vertical-align: baseline;
    }
}

/***environment end****/
/***********************/
/***********************/
/***roomguide start***/

.roomguide {
    width: 1450px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.roomguide .rmgset {}

.rmgset .rmgtitle {
    width: 1216px;
    max-width: 100%;
    margin: 0 auto;
}

.rmgtitle .rmgtitle_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -2rem;
    position: relative;
    z-index: 1;
}

.rmgtitle_top .rmg_deco01 {
    padding-left: .5rem;
    width: 24%;
}

.rmgtitle_top .rmg_txt1 {
    width: 56%;
    padding-bottom: 7.3rem;
}

.rmgtitle_top .rmg_txt1 h3 {
    font-size: 18px;
    color: #475d4d;
    display: inline-block;
    vertical-align: middle;
}

.rmg_txt1 .rmg_deco01 {
    display: inline-block;
}

.rmg_txt1 .mg_deco03 {
    display: inline-block;
    margin: 0 1.3rem;
}

.rmg_txt1 .mg_deco03 img {}

.rmgtitle_top .rmg_txt1 h4 {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.rmgtitle_top .rmg_txt2 {
    padding-bottom: 2rem;
}

.rmgtitle_top .rmg_txt2 p {
    font-size: 160px;
    color: #475d4d;
    font-weight: bold;
    opacity: .25;
    font-family: 'Playfair Display';
    line-height: 1;

}

.rmgtitle_top .rmg_deco03 {}


.rmgset .rmg_inner {
    margin: 6.5rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.rmgset .rmg_inner a {
    transition: .5s all;
    margin-bottom: 8.2rem;
}

.rmgset .rmg_inner a:nth-of-type(2) {
    position: relative;
    top: 23rem;
}

@media (any-hover: hover) {
    .rmgset .rmg_inner a:hover {
        opacity: .8;
        transform: translateY(-5px);
    }
}


.roomguide .rmgset:nth-child(2) .rmg_inner a:nth-of-type(2) {
    top: 0;
}

.roomguide .rmgset:nth-child(2) .rmgtitle_top .rmg_txt2 {
    padding-bottom: 3rem;
}

@media screen and (max-width:1400px) {
    .roomguide {
        padding: 0 6rem 0 8rem;
    }

    .rmgset .rmg_inner a {
        width: 47%;
    }
}

@media screen and (max-width:991px) {
    .rmgtitle_top .rmg_txt1 {
        width: 60%;
        padding: 0 0 4rem 1rem;
    }

    .rmgtitle_top .rmg_txt2 p {
        font-size: 110px;
    }
}

@media screen and (max-width:768px) {
    .rmgset .rmg_inner a {
        margin-bottom: 4rem;
    }

    .rmgset .rmg_inner a:nth-of-type(2) {
        top: 9rem;
    }
}

@media screen and (max-width:650px) {
    .rmgtitle .rmgtitle_top {
        margin-bottom: 0;
        flex-wrap: wrap;
    }

    .rmgtitle_top .rmg_deco01 {
        padding-left: 0;
        width: 50%;
    }

    .rmgtitle_top .rmg_deco01 img {
        width: 40%;
    }

    .rmgtitle_top .rmg_txt1 {
        width: 80%;
        padding: 0;
    }

    .rmgtitle_top .rmg_txt2 {
        padding-bottom: 0;
    }

    .rmgtitle_top .rmg_txt2 p {
        font-size: 80px;
    }

    .roomguide .rmgset:nth-child(2) .rmgtitle_top .rmg_txt2 {
        padding-bottom: 0;
    }

    .rmgset .rmg_inner {
        margin: 3rem 0 0 0;
    }
}

@media screen and (max-width:576px) {
    .rmgtitle_top .rmg_txt1 {
        width: 78%;
        padding: 0;
    }
}

@media screen and (max-width:450px) {
    .roomguide {
        padding: 0 2rem;
        margin-top: 0;
    }
        .rmgtitle_top .rmg_txt1 {
        width: 81%;
    }

    .rmgtitle_top .rmg_txt1 h3 {
        font-size: 16px;
    }

    .rmg_txt1 .mg_deco03 {
        display: inline-block;
        margin: 0 .5rem;
        width: 7%;
    }

    .rmgtitle_top .rmg_txt1 h4 {
        font-size: 16px;
    }

    .rmgtitle_top .rmg_txt2 p {
        font-size: 55px;
    }

    .rmgset .rmg_inner a {
        width: 100%;
    }

    .rmgset .rmg_inner a:nth-of-type(2) {
        top: 0;
    }

}

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

@media screen and (max-width:300px) {
    .rmgtitle_top .rmg_txt2 p {
        font-size: 50px;
    }
}

/***roomguide end****/
/***********************/
/***********************/
/***room start***/

.room {}

.room .rm_title {
    text-align: center;
    margin-bottom: 5.6rem;
}

.rm_title h4 {
    font-size: 60px;
    font-family: 'Playfair Display';
    display: inline-block;
    vertical-align: top;
    line-height: .6;
    margin-right: 1rem;
}

.rm_title img {
    display: inline-block;
    margin-right: 2rem;
}

.rm_title .rmtitle_txt {
    display: inline-block;
    vertical-align: middle;
}

.rm_title .rmtitle_txt h2 {
    font-size: 24px;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 1rem;
}

.rm_title .rmtitle_txt h3 {
    font-size: 18px;
    font-family: 'Playfair Display';
    vertical-align: middle;
}


/*rminner*/
.room .rm_inner {
    width: 1480px;
    max-width: 100%;
    margin: 0 auto;
}

.room .rm_inner img {
    border-radius: 100px;
}



.room .rm_order {
    width: 1355px;
    max-width: 100%;
    margin: 1.8rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rm_order .rm_order_deco {
    margin-right: 1rem;
}

.rm_order .rm_order_deco img {}

.rm_order .rm_order_more {}

.rm_order .rm_order_more a {
    background: #fff;
    border: 1px #000 solid;
    border-radius: 100px;
    padding: .5rem 1rem;
    transition: .5s all;
}

@media (any-hover: hover) {
    .rm_order .rm_order_more a:hover {
        background: #4d6352;
        border: 1px #4d6352 solid;
        color: #fff;
    }
}

.rm_order .rm_order_more a h5 {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

.rm_order .rm_order_more a h6 {
    font-size: 16px;
    font-family: 'Playfair Display';
    display: inline-block;
    vertical-align: middle;
}




.room .rm_bot {
    width: 1136px;
    max-width: 100%;
    margin: 5rem auto 0;
}

/*roombs*/
.roombs {
    display: inline-block;
    vertical-align: top;
    padding: 0 2em 0 0;
}

.roomb {
    width: 100%;
    padding: 0 0 2em 0;
}

.roomb .roomb_img {
    margin-bottom: 4rem;
    text-align: center;
}

.roomb td {
    vertical-align: middle;
    border: 0;
    padding: .5em .2em;
}

.roomb table {
    border-bottom: solid 1px #566a5a;
    border-top: solid 2px #566a5a;
	width: 100%;
}

.roomb table tr {
    border-bottom: solid 1px #566a5a;
}

.roomb table tr:last-of-type {
    border-bottom: solid 2px #566a5a;
}
.roomb table tr:nth-of-type(4), .roomb table tr:nth-of-type(7), .roomb table tr:nth-of-type(10) {
    border-top: solid 2px #566a5a;
}
.roomb table tr:nth-of-type(1), .roomb table tr:nth-of-type(2), .roomb table tr:nth-of-type(3){
	background: #dae4d2;
}
.roomb table tr:nth-of-type(4), .roomb table tr:nth-of-type(5), .roomb table tr:nth-of-type(6){
	background: #e6e4d9;
}
.roomb table tr:nth-of-type(7), .roomb table tr:nth-of-type(8), .roomb table tr:nth-of-type(9){
	background: #e1d9d1;
}
.roomb table tr:nth-of-type(10), .roomb table tr:nth-of-type(11), .roomb table tr:nth-of-type(12){
	background: #f3e8da;
}

/*rinfo*/
.rinfo {
    text-align: left;
    padding: 3% 0%;
}

.rinfo li span {
    display: inline-block;
    vertical-align: top;
}

.rinfo li span:nth-of-type(1) {}

.rinfo li span:nth-of-type(2) {
    width: 90%;
}

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

    .rm_order .rm_order_more {
        width: 25%;
        text-align: center;
    }
}

@media screen and (max-width:1200px) {
    .rm_order .rm_order_more {
        width: 35%;
    }
}

@media screen and (max-width:1100px) {
    .rm_order .rm_order_more {
        width: 50%;
    }

}

@media screen and (max-width:834px) {
    .rm_order .rm_order_deco {
        width: 60%;
    }
}

@media screen and (max-width:768px) {
    .room .rm_title {
        margin-bottom: 3rem;
    }

    .room .rm_inner img {
        border-radius: 60px;
    }

    .room .rm_order {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .rm_order .rm_order_deco {
        width: 100%;
        margin-right: 0;
    }

    .rm_order .rm_order_more {
        width: 40%;
        order: -1;
    }
}

@media screen and (max-width:576px) {
    .room .rm_inner img {
        border-radius: 40px;
    }

    .rm_order .rm_order_more {
        width: 70%;
    }

}

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

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

    .rm_title h4 {
        font-size: 50px;

    }

    .rm_title img {
        margin-right: 1rem;
        height: 50px;
    }

    .rm_title .rmtitle_txt h2 {
        font-size: 20px;
    }

    .rm_title .rmtitle_txt h3 {
        font-size: 16px;
    }

    .roomb .roomb_img {
        margin-bottom: 3rem;
    }
}

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

@media screen and (max-width:350px) {
    .room .rm_inner img {
        border-radius: 20px;
    }
}

@media screen and (max-width:340px) {
    .rm_order .rm_order_more {
        width: 90%;
    }
}

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

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

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

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

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

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

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

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





/***room end****/
/***********************/
/*---icons----------------------------------------------------------------------------------------------------------------------------------*/
.icons {}

.icons ul {
    list-style: none;
}

.icons li {
    margin: 5px 5px;
    display: inline-block;
    vertical-align: top;
    width: 21%;
    background: rgba(255, 255, 255, .6);
    border-radius: 7px;
    padding: 5px 0 8px;
    text-align: center;
    border: solid 1px #afafaf;
}

.icons li img {
    padding: 0 7px;
    margin: 0 auto;
}

.icons li span {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

@media screen and (max-width:1199px) {
    .icons li {
        width: 10%;
    }
}

@media screen and (max-width:900px) {
    .icons li span {
        font-size: 12px;
    }
}

@media screen and (max-width:768px) {
    .icons li {
        width: 13%;
    }
}

@media screen and (max-width:600px) {
    .icons li {
        width: 17%;
    }
}

@media screen and (max-width:500px) {
    .icons li {
        width: 21%;
    }
}

@media screen and (max-width:430px) {
    .icons li {
        width: 27%;
        margin: 5px 8px;
        padding: 5px 4px 8px;
    }

    .icons li span {
        font-size: 13px;
    }
}

@media screen and (max-width:360px) {
    .icons li span {
        font-size: 12px;
    }
}

@media screen and (max-width:340px) {
    .icons li {
        width: 28%;
        margin: 5px 5px;
        padding: 5px 2px 8px;
    }
}

/*---r_icons-----------------------------------------------------------------------------------------------------------------------------------*/
.r_icons {
    text-align: left;
}

.r_icons ul {
    list-style: none;
}

.r_icons li {
    width: 11%;
}

@media screen and (max-width:1100px) {
    .r_icons li {
        width: 12%;
    }
}

@media screen and (max-width:815px) {
    .r_icons {
        text-align: left;
    }
}

@media screen and (max-width:768px) {
    .r_icons li {
        width: 14%;
    }
}

@media screen and (max-width:650px) {
    .r_icons li {
        width: 17%;
    }
}

@media screen and (max-width:580px) {
    .r_icons li {
        width: 21%;
    }
}

@media screen and (max-width:480px) {
    .r_icons li {
        width: 23%;
        margin: 5px 0;
    }
}

@media screen and (max-width:440px) {
    .r_icons li {
        width: 30%;
        margin: 5px 3px;
        padding: 5px;
    }

    .r_icons li img {
        padding: 0 20px;
    }
}

@media screen and (max-width:360px) {
    .r_icons li {
        width: 31%;
        margin: 5px 0px;
    }

    .r_icons li img {
        padding: 0 12px;
    }
}

/*--note_icons--------------------------------------------------------------------------------------------------------------------------------*/
.note_icon {
    padding: 3% 0 0 0;
    text-align: left;
}

.note_icon ul {
    list-style: none;
}

.note_icon li {
    width: 10.666666%;
    padding: 5px 0 5px;
    border: solid 1px #d4d4d4;
    background: none;
}

.note_icon li img {
    padding-bottom: 5px;
    max-width: 100%;
}

@media screen and (max-width:1220px) {
    .note_icon li {
        width: 12%;
    }
}

@media screen and (max-width:1080px) {
    .note_icon li {
        width: 12%;
    }
}

@media screen and (max-width:760px) {
    .note_icon li {
        width: 14%;
    }
}

@media screen and (max-width:700px) {
    .note_icon li {
        width: 17%;
    }
}

@media screen and (max-width:580px) {
    .note_icon li {
        width: 19%;
        margin: 5px 0;
    }
}

@media screen and (max-width:505px) {
    .note_icon li {
        width: 23%;
        padding: 7px;
    }

    .note_icon li img {
        width: 100%;
    }
}

@media screen and (max-width:453px) {
    .note_icon li {
        width: 23%;
    }

    .icons li span {
        font-size: 12px;
    }
}

@media screen and (max-width:400px) {
    .note_icon li {
        width: 31%;
        padding: 6px;
    }
}

/*---footer----------------------------------------------------------------------------------------------------------------------------------*/




footer {
    width: 100%;
    position: relative;
    background: #475d4d;
    z-index: 6;
    min-height: 712px;
}

.ft_top {
    position: relative;
    z-index: 6;
    width: 100%;
    min-height: 131px;
    background: #fff;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.ft_top p {
    font-size: 26px;
    color: #475d4d;
    font-weight: bold;
    font-family: 'Playfair Display';
    text-align: center;
    position: absolute;
    bottom: 3.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

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

.ft_inner:after {
    content: '';
    background: url(../../images/ft_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 159px;
    max-width: 100%;
    min-height: 712px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ft_inner:before {
    content: '';
    background: url(../../images/ft_deco02.png) bottom right no-repeat;
    background-size: contain;
    width: 220px;
    max-width: 100%;
    min-height: 712px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.ft_inner .ft_deco03 {
    position: absolute;
    bottom: 7rem;
    left: 0;
    z-index: 1;
}

.ft_wrap {
    width: 792px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 5.2rem;
}


.ft_wrap .ft_logo {
    text-align: center;
	width: 50%;
	margin: 0 auto 5rem;
}

.ft_wrap .ft_info {
    margin: 0 1.3rem 0 6.2rem;
    padding: 4.4rem 1.5rem 2.2rem 1.5rem;
    border-top: 1px #c0c1a9 solid;
    border-bottom: 1px #c0c1a9 solid;
}

.ft_info .ft_list {}

.ft_info .ft_list ul {}

.ft_info .ft_list ul li {
    display: inline-block;
    width: 45%;
    margin-bottom: 1rem;
}

.ft_info .ft_list ul li span {
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
}

.ft_info .ft_list ul li span:first-child {
    width: 10%;
    vertical-align: top;
}

.ft_info .ft_list ul li span:last-child {
    width: 90%;
}


.ft_btn {
    width: 100%;
    padding: 0 1rem 0 7.2rem;
    margin: 7.8rem 0 3.8rem;

}

.ft_btn .ft_link {
    width: 30%;
    display: inline-block;
}

.ft_btn .ft_link ul {}

.ft_btn .ft_link ul li {
    position: relative;
    display: inline-block;
    width: 20%;
    padding: 0 1rem;
}

.ft_btn .ft_link ul li a {
    width: 42px;
    height: 42px;
    background: #c0c1a9;
    border-radius: 100px;
    padding: .5rem;
    text-align: center;
    transition: .3s linear;
}


@media (any-hover: hover) {
    .ft_btn .ft_link ul li a:hover {
        opacity: .8;
    }
}



.ft_btn .ft_icon {
    width: 65%;
    display: inline-block;
    text-align: right;
}

.ft_btn .ft_icon ul {}

.ft_btn .ft_icon ul li {
    display: inline-block;
    margin-right: 2rem;
}

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

.ft_btn .ft_icon ul li p {
    display: inline-block;
    color: #cdcab3;
}


.ft_bottom {
    width: 100%;
    background: #2e3b32;
    position: relative;
    padding: 2rem 0;
    z-index: 1;
}

.ft_bottom .bot_inner {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bot_inner .ft_icon {}

.ft_icon .icon {}

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

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

/*share*/
.share {
    color: #7e9083;
    font-size: 12px;
    font-family: 'Playfair Display';
    display: inline-block;
}

/*copyright*/
.copyright {
    color: #7e9083;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    width: 80%;
    text-align: right;
}

.copyright a {
    display: inline-block;
    color: #7e9083;
    transition: .3s linear;
}

.copyright a h1 {
    font-size: 16px;
}

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

@media screen and (max-width:1700px) {
    .ft_inner .ft_deco03 {
        width: 30%;
    }
}

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

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

@media screen and (max-width:991px) {
    .ft_inner:before {
        min-height: 630px;
    }

    .bot_inner .ft_icon {
        width: 40%;
    }

    .ft_inner:after {
        min-height: 600px;
    }
}

@media screen and (max-width:834px) {
    .ft_inner:before {
        max-width: 22%;
    }

    .ft_inner:after {
        max-width: 15%;
    }

    .ft_btn {
        padding: 0 1rem 0 13.2rem;
    }

    .ft_btn .ft_link ul li {
        width: 23%;
    }

    .ft_bottom .bot_inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .bot_inner .ft_icon {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }

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

@media screen and (max-width:768px) {
    .ft_btn .ft_link {
        width: 40%;
    }

    .ft_btn .ft_icon {
        width: 50%;
    }

    .ft_wrap .ft_info {
        margin: 0 2rem;
        padding: 2rem 1.5rem;
    }

    .ft_btn {
        padding: 0 1rem 0 5rem;
        margin: 4rem 0 9rem;
    }
}

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

    .ft_btn .ft_link {
        width: 85%;
        text-align: center;
        margin-bottom: 4rem;
    }

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

    .ft_inner .ft_deco03 {
        width: 25%;
        bottom: 13rem;
    }
}

@media screen and (max-width:450px) {
    .ft_top {
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 70px;
        min-height: 90px;
    }
	.ft_wrap .ft_logo {
    width: 80%;
    margin: 0 auto 3rem;}

    .ft_inner .ft_deco03 {
        bottom: 20rem;
    }
	.ft_btn .ft_link {
       display: none;
    }

    .ft_bottom {
        padding: 2rem 0 9rem;
    }
}

@media screen and (max-width:414px) {
    .ft_inner:after {
        min-height: 280px;
        bottom: 15rem;
        max-width: 20%;
    }

    .ft_inner:before {
        max-width: 22%;
        bottom: 15rem;
        min-height: 300px;
    }
}

@media screen and (max-width:370px) {
    .about .about1:after {
        top: 25rem;
    }
}

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

@media screen and (max-width:340px) {
    .ft_btn .ft_icon ul li {
        margin-right: 0;
    }

    .ft_bottom .bot_inner {
        padding: 0 1rem;
    }
}

@media screen and (max-width:330px) {
    .ft_wrap .ft_logo {
        padding: 0 1rem;
    }

    .ft_wrap .ft_info {
        padding: 2rem 0;
    }

    .ft_btn {
        padding: 0 1rem;
    }
}

@media screen and (max-width:310px) {
    .ft_top {
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        min-height: 60px;
    }

    .ft_top p {
        font-size: 26px;
    }

    .ft_info .ft_list ul li {
        width: 100%;
    }
}

@media screen and (max-width:300px) {
    .ft_top {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .ft_top p {
        bottom: 1rem;
    }
}


/*about2*/
.about2 {
    width: 1760px;
    max-width: 100%;
    position: relative;
    margin: -2.7rem 0 0 0;
}

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

.about2 .abt2_inner {
    width: 1196px;
    max-width: 100%;
    margin: 0 0 0 auto;
    text-align: right;
    padding-bottom: 10.8rem;
}

.abt2_inner .abt2_txt {
    margin-bottom: 3.4rem;
    padding-right: 2.4rem;
}

.abt2_inner .abt2_img {}


@media screen and (max-width:1600px) {
    .about2:before {
        min-height: 500px;
    }

    .about2 .abt2_inner {
        padding: 0 5rem 8rem 0;
    }
}

@media screen and (max-width:1536px) {
    .about2:before {
        min-height: 440px;
        max-width: 30%;
    }
}

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

@media screen and (max-width:991px) {
    .about2 {
        margin: 3rem 0 0 0;
    }

    .about2 .abt2_inner {
        padding: 0 5rem 2rem 27rem;
    }
}

@media screen and (max-width:834px) {
    .about2 .abt2_inner {
        padding: 0 5rem 2rem 22rem;
    }
}

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

@media screen and (max-width:576px) {
    .about2 .abt2_inner {
        padding: 0 5rem 2rem 15rem;
    }
}

@media screen and (max-width:450px) {
    .about2:before {
        min-height: 122px;
        max-width: 35%;
        top: -2rem;
        bottom: auto;
        left: auto;
        right: 4rem;
    }

    .about2 .abt2_inner {
        padding: 0 2rem;
    }

}

@media screen and (max-width:414px) {
    .about2 .abt2_inner {
        padding: 0 1rem;
    }

    .about2:before {
        top: -2rem;
    }

    .abt2_inner .abt2_txt {
        padding-right: 0;
    }
}

@media screen and (max-width:370px) {
    .about2:before {
        min-height: 112px;
    }
}

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

    .abt2_inner .abt2_txt {
        margin-bottom: 2rem;
    }
}

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

@media screen and (max-width:300px) {
    .about2:before {
        min-height: 93px;
    }
}


/*about3*/

.about3 {
    width: 1760px;
    max-width: 100%;
    position: relative;
    margin-bottom: 16rem;
}

.about3:before {
    content: '';
    background: url(../../images/abt3_bg.png) top left;
    width: 1721px;
    max-width: 100%;
    min-height: 964px;
    position: absolute;
    top: 0;
    left: 0;
    border-top-right-radius: 430px;
    z-index: -1;
}

.about3:after {
    content: '';
    background: url(../../images/abt3_deco01.png) top right no-repeat;
    background-size: contain;
    width: 128px;
    max-width: 100%;
    min-height: 121px;
    position: absolute;
    top: 15rem;
    right: 6rem;
    z-index: -1;
}

.abt3_img02 {
    position: absolute;
    bottom: -17rem;
    right: 0;
    display: flex;
    align-items: flex-end;
}

.abt3_img02 img:first-child {
    vertical-align: bottom;
    padding: 0 .5rem 7rem 0;
}

.abt3_img02 img:last-child {}

@media screen and (max-width:1600px) {
    .about3 {
        padding-right: 5rem;
    }

    .about3:before {
        max-width: 96%;
        min-height: 860px;
        border-top-right-radius: 400px;
    }

    .abt3_img02 {
        right: 4rem;
    }
}

@media screen and (max-width:1536px) {
    .about3:before {
        min-height: 824px;
    }
}

@media screen and (max-width:1400px) {
    .about3:before {
        min-height: 764px;
    }

    .abt3_img02 {
        right: 0;
        padding: 0 2rem;
        text-align: right;
    }

    .abt3_img02 img:first-child {
        padding: 0 .5rem 8rem 0;
    }
}

@media screen and (max-width:1366px) {
    .about3:before {
        min-height: 775px;
        border-top-right-radius: 350px;
    }

    .abt3_img02 {
        padding: 0 4rem;
    }

    .abt3_img02 img:first-child {
        padding: 0 .5rem 7rem 0;
    }

    .abt3_img02 img:last-child {
        width: 75%;
    }
}

@media screen and (max-width:1200px) {
    .about3:before {
        max-width: 95%;
        min-height: 672px;
        border-top-right-radius: 330px;
    }

    .abt3_img02 img:last-child {
        width: 70%;
    }
}

@media screen and (max-width:1100px) {
    .about3:before {
        min-height: 620px;
    }
}

@media screen and (max-width:1000px) {
    .about3:before {
        min-height: 577px;
        border-top-right-radius: 232px;
        max-width: 93%;
    }

    .abt3_img02 {
        padding: 0 2rem;
        width: 80%;
        justify-content: center;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width:834px) {
    .about3 {
        margin-bottom: 8rem;
    }

    .about3:before {
        min-height: 460px;
        border-top-right-radius: 207px;
    }

    .about3:after {
        min-height: 90px;
        top: 8rem;
    }

    .abt3_img02 {
        bottom: -11rem;
        right: -4rem;
    }

    .abt3_img02 img:first-child {
        padding: 0 .5rem 4rem 0;
        width: 38%;
    }
}

@media screen and (max-width:768px) {
    .about3 {
        margin-bottom: 7rem;
    }

    .about3:before {
        min-height: 424px;
        border-top-right-radius: 207px;
    }
}

@media screen and (max-width:650px) {
    .about3:before {
        min-height: 370px;
        border-top-right-radius: 149px;
        max-width: 90%;
    }
}

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

    .about3:after {
        min-height: 69px;
        top: 6rem;
        right: 4rem;
    }

    .about3:before {
        min-height: 307px;
        border-top-right-radius: 128px;
    }

    .abt3_img02 {
        bottom: -8rem;
    }
}

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

    .about3:before {
        min-height: 219px;
        border-top-right-radius: 112px;
        top: 0;
        left: 0;
        max-width: 97%;
    }

    .about3:after {
        min-height: 64px;
        top: 5rem;
        right: 1rem;
    }

    .abt3_img02 {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        margin-top: 3rem;
    }

    .abt3_img02 img:first-child {
        padding: 0 .5rem 1rem 0;
    }
}

@media screen and (max-width:414px) {
    .about3:before {
        min-height: 203px
    }
}

@media screen and (max-width:393px) {
    .about3:before {
        min-height: 193px;
    }
}

@media screen and (max-width:370px) {
    .about3:before {
        min-height: 183px;
        border-top-right-radius: 95px;
    }

    .about3:after {
        top: 4rem;
    }
}

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

@media screen and (max-width:340px) {
    .about3 {
        margin: 2rem 0 1rem;
    }

    .about3:before {
        min-height: 170px;
    }
}

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

    .abt3_img02 {
        margin-top: 2rem;
    }
}

@media screen and (max-width:300px) {
    .about3:before {
        min-height: 148px;
        border-top-right-radius: 80px;
    }
}

/***********************/
/***note start***/

.notice {
    position: relative;
}

/*note*/
.note {
    position: relative;
    z-index: 3;
    padding-bottom: 1em;
    width: 1145px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.note ul {}

.note li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    width: 28%;
}

.note li a {
    z-index: 30;
    display: block;
}

.note li img {
    pointer-events: none;
}

img.nt {
    max-width: 100%;
    transition: .3s linear;
}

img.nt1 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    opacity: 0;
    transition: .3s linear;
}

.note li.active img.nt {
    opacity: 0;
}

.note li.active img.nt1 {
    opacity: 1;
}

/*hover*/
.note li a:hover img.nt {
    opacity: 0;
}

.note li a:hover img.nt1 {
    opacity: 1;
}

/*tab-content*/
.tab-content {
    border-radius: 10px;
    padding: 3em 2em;
    min-height: 500px;
    width: 1145px;
    max-width: 100%;
    margin: 0 auto;
}

/*note_info*/
.note_info {
    width: 900px;
    margin: 0 auto;
    max-width: 100%;
}

@media screen and (max-width:991px) {
    .notice {
        padding: 0 6rem 0 8rem;
    }
}

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

    .tab-content {
        min-height: 600px;
        padding: 1em;
    }
}

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

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


    .note {
        padding-bottom: 1em;
    }

    .note li {
        width: 30%;
        margin: 0;
    }

    .note li img {
        padding: 2%;
    }

    .note {
        padding-bottom: 0em;
    }

    .tab-content {
        padding: 1em;
    }
}

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

    .note,
    .tab-content {
        max-width: 100%;
        margin: 0 auto;
        padding: 1rem 0;
    }
}

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

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

/***note end****/
/***********************/
/***********************/
/***scenic start***/

.scenic {
    width: 1165px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 10rem;
    position: relative;
    z-index: 3;
}

.scebtn {
    text-align: center;
    margin-bottom: 30px;
}

.scebtn h2 {
    display: inline-block;
    margin: 5px;
    color: #fff;
    padding: 25px 5px;
    font-size: 16px;
    border-radius: 100%;
    min-width: 82px;
    border: 3px solid #fff;
    cursor: pointer;
    line-height: 24px;
}

.scebtn h2.scebtn1 {
    background: #d85a51;
}

.scebtn h2.scebtn2 {
    background: #80a076;
}

.scebtn h2.scebtn3 {
    background: #89b5cb;
}

.scebtn h2.scebtn4 {
    background: #8dcfca;
}

.scebtn h2.scebtn5 {
    background: #b7ad6f;
}

.scebtn h2.scebtn6 {
    background: #8b8583;
}

.scebtn h2:hover.scebtn1,
.scebtn h2:hover.scebtn2,
.scebtn h2:hover.scebtn3,
.scebtn h2:hover.scebtn4,
.scebtn h2:hover.scebtn5,
.scebtn h2:hover.scebtn6 {
    background: #fff;
    border: #7e6b5a 3px solid;
    color: #656565;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


@media (max-width:480px) {

    .scebtn {
        padding: 0 0;
    }

    .scebtn h2 {
        margin: 5px;
    }
}

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

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

@media (max-width:400px) {
    .scebtn {
        margin-bottom: 10px;
    }
}

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

.scebox {
    border: #c3c3c3 1px solid;
    border-radius: 5px;
    box-shadow: -1px 1px 6px 0.5px rgba(138, 138, 138, 0.75);
    padding: 0 10px 10px 10px;
}

.mount .sceimg {
    background-color: #80a076;
}

.sea .sceimg {
    background-color: #89b5cb;
}

.farm .sceimg {
    background-color: #8dcfca;
}

.city .sceimg {
    background-color: #b7ad6f;
}

.hot .sceimg {
    background-color: #d85a51;
}

.scebox:hover {
    cursor: pointer;
}

.scebox:hover .sceimg img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(0.95);
    overflow: hidden;
}

.scebox_hot {
    padding: 0 80px;
}

.scebox_hot .scebox {
    display: inline-block;
    float: left;
    width: 23%;
    margin: 0 10px;
}

.scetag {
    float: right;
    color: #fff;
    padding: 4px 20px;
    margin-left: 5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.scetag1 {
    background: #d85a51;
}

.scetag2 {
    background: #80a076;
}

.scetag3 {
    background: #89b5cb;
}

.scetag4 {
    background: #8dcfca;
}

.scetag5 {
    background: #b7ad6f;
}

.scet h3 {
    clear: both;
    color: #3d3d3d;
    font-size: 23px;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.sceimg img {
    margin: 0 auto;
    display: block !important;
}

.scep p {
    color: #616161;
    text-align: left;
    margin: 10px 0 0 0;
    line-height: 25px;
}

.scemore {
    text-align: right;
}

.scemore img {
    display: inline-block !important;
}

@media(max-width:1700px) {
    .scebox_hot {
        padding: 0 10px;
    }
}

@media(max-width:1400px) {
    .scebox_hot .scebox {
        width: 24%;
        margin: 0 5px;
    }
}

@media(max-width:1199px) {
    .scebox_hot .scebox {
        width: 48%;
        margin: 5px;
    }

    .scebox_hot .scebox:nth-child(3) {
        clear: both;
    }
}

@media(max-width:700px) {
    .scebox_hot .scebox {
        width: 100%;
        margin: 5px 0px;
    }

    .scet h3 {
        font-size: 22px;
    }

    .scep p {
        line-height: 24px;
    }
}

@media(max-width:550px) {

    .city .sceimg,
    .farm .sceimg,
    .hot .sceimg,
    .mount .sceimg,
    .sea .sceimg {
        background-color: #fff;
    }
}

@media(max-width:500px) {
    .scet h3 {
        letter-spacing: 0px;
    }
}

@media(max-width:450px) {
    .mount .sceimg {
        background-color: #80a076;
    }

    .sea .sceimg {
        background-color: #89b5cb;
    }

    .farm .sceimg {
        background-color: #8dcfca;

    }

    .city .sceimg {
        background-color: #b7ad6f;
    }

    .hot .sceimg {
        background-color: #d85a51;
    }
}

@media(max-width:350px) {
    .scet h3 {
        font-size: 20px;
    }
}


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

.scebox_content {
    padding: 0 0px;
    margin-top: 30px;
}

.scebox_content .scebox {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 5px;
}

@media (max-width: 1800px) {
    .scebox_content {
        padding: 0px;
    }
}

@media screen and (max-width:1700px) {
    .scebox_content {
        padding: 0 0px;
        margin-top: 30px;
    }
}

/*isce*/


.isce {
    padding-top: 0;
    padding-bottom: 60px;
}

.isce ul {
    margin: 0;
    padding: 0;
}

.isce ul li {
    display: inline-block;
    float: left;
    width: 25%;
    padding: 0 1em;
    transition: .5s all;
}

.isce ul li img {
    margin: 0 auto;
}

.isce h2 {
    font-size: 16px;
    padding: 2rem 0;
    text-align: center;
}

.isce ul li p {
    font-size: 15px;
}

@media(max-width:1700px) {
    .iscebg {
        padding: 0 100px;
    }
}

@media(max-width:1550px) {
    .iscebg {
        padding: 0 20px;
    }

    .isce ul li {
        padding: 0 15px;
    }
}

@media(max-width:1200px) {
    .isce ul li {
        width: 50%;
    }
}

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

@media(max-width:991px) {
    .scenic {
        padding: 0 6rem 0 8rem;
    }

    .isce ul li {
        display: inline-block;
        float: left;
        width: 50%;
    }

    .isce ul li:nth-child(3) {
        clear: both;
    }



    .isce {
        padding-top: 30px;
        padding-bottom: 30px;
    }

}

@media(max-width:900px) {
    .isce ul li {
        float: none;
        width: 22%;
        vertical-align: top;
    }

}

@media(max-width:700px) {
    .iscebg {
        padding: 0 15px;
    }


    .isce ul li {
        width: 23%;
    }
}

@media(max-width:600px) {
    .isce ul li {
        width: 45%;
    }
}

@media(max-width:450px) {
.scenic {
        padding: 0 2rem;
    }
    .isce ul li {
        width: 48%;
    }
}
@media screen and (max-width:414px){
    .scenic {
        padding: 0 1rem;
    }
}
@media(max-width:380px) {
    .isce ul li {
        padding: 0 .5em;
    }

    .isce ul li p {
        font-size: 14px;
    }
}

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


.isce li:hover {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    transform: translateY(-10px);
}

.isce ul li:hover img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0.7;
}

/*********************** 20170328  以上 優質a****************/

.scecontainer {
    display: block;
    margin: 0 auto;
    width: 1500px;
    max-width: 100%;
    font-family: 'Noto Sans TC', sans-serif;
}

.scecontainer .item {
    margin: 0.5%;
    float: left;
    background: #ffffff;
    display: block;
    width: 24%;
    height: auto !important;
}

@media screen and (max-width: 1800px) {
    .scecontainer {
        width: 96%;
    }

    .scecontainer .item {
        width: 19%;
    }
}

@media screen and (max-width: 1400px) {
    .scecontainer .item {
        width: 24%;
    }
}

@media screen and (max-width: 991px) {
    .scecontainer .item {
        width: 32%;
    }
}

@media screen and (max-width:767px) {
    .scecontainer .item {
        width: 49%;
    }
}

@media screen and (max-width:550px) {
    .scecontainer .item {
        width: 99%;
        margin-bottom: 10px;
    }
}


/***scenic end****/
/***********************/
/***********************/
/***location start***/

.location {
    position: relative;
}

.location .loc {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
}


.loc .loc_map {
    width: 1145px;
    margin: 3rem auto 0;
    max-width: 100%;
    min-height: 745px;
    position: relative;
    border: 7px solid #8d9e9a;

}

.loc .loc_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

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

    .loc .loc_map {
        padding: 0 2rem;
    }
}

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

    .loc .loc_map {
        max-width: 95%;
    }
}

@media screen and (max-width:768px) {
    .loc .loc_map {
        min-height: 600px;
    }
}

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

    .loc .loc_map {
        min-height: 350px;
    }
}

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

}

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

/***location end****/
/***********************/