/*--------------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 Sans TC', 'Cormorant Garamond';
    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;
}

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);
}

/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
#btn {
    position: fixed;
    bottom: 1rem;
    right: 8px;
    cursor: pointer;
    display: none;
    z-index: 15;
    background: #f7f4ed;
    border-radius: 100px;
    padding: 1.3rem 0.8rem 1rem;
    width: 3%;
}

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

#gotop {
    text-align: center;
    padding-bottom: 1rem;
    position: relative;
}

#gotop:before {
    content: '.......';
    font-size: 14px;
    color: #7a4e2d;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 0.5;
}

#gotop img {
    transition: .3s ease-in-out;
}

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



.btns {
    margin: 2.3rem auto 0;
}

.btns ul {}

.btns ul li {
    position: relative;
    width: 72%;
    margin: 0 auto 1.1rem;
}

.btns ul li:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: .5rem;
    position: relative;
}

.btns ul li:not(:last-child):before {
    content: '×';
    font-size: 14px;
    color: #7a4e2d;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 1;
    text-align: center;

}

.btns ul li a {}

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


@media (any-hover: hover) {
    .btns ul li a:hover img {
        transform: scale(.8);
    }
}

#ota {
    margin-top: 1.1rem;
    padding-bottom: 1.4rem;
    position: relative;
    text-align: center;
}

#ota:before {
    content: '.......';
    font-size: 14px;
    color: #7a4e2d;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 0.5;
}

#ota a {}

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

@media (any-hover: hover) {
    #ota a:hover {
        transform: scale(.8);
    }
}

@media screen and (max-width:1536px) {
    #btn {
        width: 5%;
    }
}

@media screen and (max-width:1200px) {
    #btn {
        width: 6%;
    }
}

@media screen and (max-width:1000px) {
    #btn {
        width: 7%;
    }
}

@media screen and (max-width:834px) {
    #btn {
        width: 8%;
    }
}

@media screen and (max-width:650px) {
    #btn {
        width: 9%;
    }
}

@media screen and (max-width:576px) {
    #btn {
        width: 11%;
    }
}

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

    #btn {
        width: 16%;
        bottom: 8rem;
    }

    .btns {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 2rem 3rem;
        background: #f7f4ed;
        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));
        border-radius: 100px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

    }

    .btns ul li:not(:last-child):before {
        display: none;
    }

    .btns ul {
        display: flex;
        text-align: center;
        align-items: center;
    }

    .btns ul li {
        width: 25%;
    }

    .btns ul li {
        margin: 0;
    }

    .btns ul li:not(:last-child) {
        margin-bottom: 0;
        padding: 0;
    }

    .btns ul li a img {
        width: 38%;
    }

}

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



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

header.indexbg {
    background: url(../../images/pattern.jpg) top left;
    width: 100%;
    position: relative;
}

header.indexbg:before {
    content: '';
    background: url(../../images/dex_deco01.png) top right no-repeat;
    background-size: contain;
    width: 208px;
    max-width: 100%;
    min-height: 915px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

header.indexbg:after {
    content: '';
    background: url(../../images/dex_deco02.png) bottom left no-repeat;
    background-size: contain;
    width: 258px;
    max-width: 100%;
    min-height: 924px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.indexbg .dex_deco {
    pointer-events: none;
}

.indexbg .dex_deco img:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
}

.indexbg .dex_deco img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.indexbg .dex_deco img:nth-child(3) {
    position: absolute;
    bottom: 18.8rem;
    right: 0;
}

.indexbg .dex_deco img:nth-child(4) {
    position: absolute;
    bottom: 16rem;
    right: 0;
    z-index: 1;
}


.indexbg .dex_inner {
    width: 1804px;
    max-width: 100%;
    margin: 0 auto;
    padding: 5.1rem 0 0 0;
    position: relative;
    z-index: 0;
}


.dex_inner .dex_two {
    width: 1676px;
    max-width: 100%;
    margin: 0 auto 0 0;
    position: relative;
    z-index: 0;
    display: flex;
}

.dex_two .dex_a {
    width: 70.7%;
}

.dex_two .dex_b {
    width: 40.6%;
    padding-top: 22.8rem;
    margin-left: -19.1rem;
}



.dexlogo {
    width: 520px;
    max-width: 100%;
    position: absolute;
    top: 10rem;
    right: 12.9rem;
    z-index: 2;
}

.dexlogo img {
    display: inline-block;
}

.dexlogo img:nth-child(1) {
    padding-right: 2rem;
}

.dexlogo img:nth-child(2) {
    width: 43.5%;
}



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


.carousel {
    position: relative;
}


/*item*/
.item {}



/***enter***/
.enter {
    position: absolute;
    width: 3%;
    margin: 0 auto;
    top: 65.6rem;
    right: 3.8rem;

}

.enter a {
    min-height: 235px;
}

.enter p {
    font-family: 'Cormorant Garamond';
    font-size: 14px;
    color: #857f7a;
    position: relative;
    top: 0;
    text-transform: uppercase;
}

/*circle*/
.circle {
    width: 21px;
    height: 21px;
    background: url(../../images/scroll_icon.png);
    margin: 0 auto;
    animation: moving 3.5s infinite alternate;
}

/*line*/
.line {
    width: 1px;
    height: 208px;
    border: 1px #cfcac6 dotted;
    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(50%);
        transform: translateY(50%);
    }

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


.dex_inner .dex_txt {
    width: 860px;
    max-width: 100%;
    position: absolute;
    bottom: 5rem;
    left: 5.9rem;
    display: flex;
    justify-content: space-between;
}

.dex_inner .dex_txt img {}

.dex_txt .dex_mark {
    width: 40.7%;
    padding-top: 9.9rem;
}

.dex_txt .dex_mark ul {}

.dex_txt .dex_mark ul li {
    display: inline-block;
    width: 31%;
    text-align: center;
}

.dex_txt .dex_mark ul li img {
    padding-bottom: .5rem;
}

.dex_txt .dex_mark ul li p {
    font-size: 20px;
    color: #7a4e2d;
}


@media screen and (max-width:1700px) {
    header.indexbg {
        padding: 0 9rem;
    }

    .dexlogo {
        width: 22%;
        top: 10rem;
        right: 12.9rem;
    }

    .dexlogo img:nth-child(1) {
        padding-right: 1rem;
        width: 40%;
    }

    .dexlogo img:nth-child(2) {
        width: 60%;
    }

    .enter {
        top: 51rem;
        right: -5.2rem;
    }

    .dex_inner .dex_txt {
        left: 1rem;
    }
}

@media screen and (max-width:1536px) {
    header.indexbg:before {
        min-height: 560px;
    }

    header.indexbg:after {
        min-height: 565px;
    }

    .indexbg .dex_deco img:nth-child(1) {
        width: 20%;
    }

    .dex_two .dex_b {
        margin-left: -15rem;
    }

    .enter {
        top: 45rem;
        right: -8rem;
        width: 5%;
    }

    .dex_inner .dex_txt {
        width: 55%;
    }

    .indexbg .dex_deco img:nth-child(2) {
        width: 17%;
    }

    .indexbg .dex_deco img:nth-child(3) {
        bottom: 12rem;
        width: 26%;
    }

    .indexbg .dex_deco img:nth-child(4) {
        width: 23%;
    }
}

@media screen and (max-width:1400px) {
    .dex_inner .dex_txt img:nth-of-type(1) {
        width: 53%;
    }

    .dex_txt .dex_mark {
        width: 45%;
    }

    .dex_txt .dex_mark ul li img {
        width: 100% !important;
    }
}

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

    .dexlogo {
        width: 24%;
        right: 6rem;
    }

    .enter {
        display: none;
    }

    .dex_inner .dex_txt {
        width: 58%;
    }
}

@media screen and (max-width:1200px) {
    .dex_two .dex_b {
        margin-left: -13rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        width: 18%;
    }

    .indexbg .dex_deco img:nth-child(3) {
        width: 20%;
    }

}

@media screen and (max-width:1100px) {
    .indexbg .dex_deco img:nth-child(3) {
        bottom: 34rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 36rem;
    }
}

@media screen and (max-width:1000px) {
    .indexbg .dex_deco img:nth-child(3) {
        bottom: 63rem;
        width: 39%;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 76rem;
        width: 28%;
    }

    .dex_inner .dex_two {
        flex-wrap: wrap;
        justify-content: center;
    }

    .dex_two .dex_a {
        width: 100%;
    }

    .dex_two .dex_b {
        margin-left: 0;
        width: 75%;
        padding-top: 5rem;
    }

    .dexlogo {
        position: relative;
        width: 67%;
        right: 0;
        top: 0;
        padding: 5rem 0;
        margin: 0 auto;
    }

    .dex_inner .dex_txt {
        width: 90%;
        position: relative;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        padding-top: 5rem;
    }
}

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

    .indexbg .dex_inner {
        padding: 0;
    }

    .dex_two .dex_b {
        width: 86%;
    }

    .dex_inner .dex_txt {
        width: 100%;
    }

    .indexbg .dex_deco img:nth-child(3) {
        bottom: 73rem;
        width: 29%;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 73rem;
        width: 23%;
    }
}

@media screen and (max-width:650px) {
    .indexbg .dex_deco img:nth-child(3) {
        bottom: 107rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 106rem;
    }

    .dex_two .dex_b {
        width: 100%;
    }
}

@media screen and (max-width:576px) {
    .indexbg .dex_deco img:nth-child(3) {
        bottom: 127rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 128rem;
    }

    .dex_inner .dex_txt {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 9rem;
    }

    .dex_inner .dex_txt img:nth-of-type(1) {
        width: auto;
    }

    .dex_txt .dex_mark {
        width: 100%;
        padding-top: 4rem;
    }

    .dex_txt .dex_mark ul li img {
        width: auto !important;
    }
}

@media screen and (max-width:450px) {
    .dex_two .dex_b {
        padding-top: 3rem;
    }
}

@media screen and (max-width:430px) {
    header.indexbg:before {
        min-height: 400px;
    }

    header.indexbg:after {
        min-height: 300px;
    }

    .indexbg .dex_deco img:nth-child(3) {
        bottom: 110rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 109rem;
    }
}

@media screen and (max-width:414px) {
    .indexbg .dex_deco img:nth-child(3) {
        bottom: 108rem;
        width: 24%;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 110rem;
        width: 18%;
    }

    .dex_inner .dex_txt {
        padding-top: 3rem;
    }
}

@media screen and (max-width:390px) {
    .indexbg .dex_deco img:nth-child(3) {
        bottom: 106rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 107rem;
    }
}

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

    .indexbg .dex_deco img:nth-child(3) {
        bottom: 108rem;
    }

    .indexbg .dex_deco img:nth-child(4) {
        bottom: 109rem;
    }

}

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



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



/***navbar***/
.navbar {
    position: fixed;
    top: 0;
    right: 0;
    width: 94px;
    min-height: 96px;
    padding: 3.7rem 2rem 2.4rem 3.7rem;
    opacity: 0;
    z-index: 13;
    background: url(../../images/navbar_bg.png)top right no-repeat;
    cursor: pointer;
    border: none;
    border-radius: 0;
}


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



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


.mibutton span {
    background: #626262;
    width: 34px;
    max-width: 100%;
    min-height: 1px;
    display: block;
}

.mibutton span:nth-of-type(2) {
    width: 34px;
    position: relative;
    top: 9px;
}

.mibutton p {
    font-size: 13px;
    font-family: 'Cormorant Garamond';
    color: #626262;
    text-transform: uppercase;
    position: relative;
    top: 9px;
    letter-spacing: 0;
}


/***nav_inner***/
.nav_inner {
    background: rgba(239, 233, 227, .95);
    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;
}


/*menulogo*/
.menulogo {
    padding: 3.3rem 0 1.9rem 0;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: .5s;
}

.menulogo img {}

.menulogo img:first-child {
    width: 12%;
    padding-bottom: 1.6rem;
}

.menulogo img:last-child {}



.wrap0 {
    background: rgba(247, 244, 237, .95);
    width: 100%;
    margin: 28.2rem auto 0;
    padding: 6.7rem 60rem 14rem;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 1s ease-in-out;
    max-height: 100vh;
    overflow-y: scroll;
}

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

.stop {
    overflow: hidden;
}

.wrap0 .off {
    cursor: pointer;
    transition: .5s;
    width: 8%;
    margin: 0 auto;
}

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






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

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

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

}

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

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

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

@media screen and (max-width:1700px) {
    .wrap0 {
        padding: 6.7rem 35rem 14rem;
    }
}

@media screen and (max-width:1536px) {
    .wrap0 {
        padding: 6.7rem 20rem 16rem;
        margin: 24rem auto 0;
    }
}

@media screen and (max-width:1366px) {
    .menulogo img:first-child {
        width: 17%;
    }

    .wrap0 {
        margin: 27rem auto 0;
        padding: 6.7rem 20rem 23rem;
    }
}

@media screen and (max-width:1200px) {
    .wrap0 {
        margin: 25rem auto 0;
        padding: 6.7rem 14rem 23rem;
    }
}

@media screen and (max-width:1200px) {
    .menulogo img:first-child {
        width: 25%;
    }
}

@media screen and (max-width:1100px) {
    .wrap0 {
        margin: 30rem auto 0;
        padding: 6.7rem 9rem 18rem;
    }
}

@media screen and (max-width:991px) {
    .wrap0 {
        padding: 6.7rem 9rem 23rem;
    }
}

@media screen and (max-width: 834px) {
    .wrap0 {
        padding: 6.7rem 2rem 33rem;
        margin: 26rem auto 0;
    }
}

@media screen and (max-width: 768px) {
    .menulogo img:first-child {
        width: 30%;
    }

    .wrap0 .off {
        padding-top: 5rem;
        width: 12%;
    }
}

@media screen and (max-width: 650px) {
    .menulogo img:first-child {
        width: 35%;
    }
}

@media screen and (max-width: 576px) {
    .navbar {
        padding: 3rem 1rem 2rem 3.7rem;
    }

    .wrap0 {
        margin: 24rem auto 0;
        padding: 4rem 2rem 33rem;
    }

    .ibutton ul {
        justify-content: center;
    }

    .ibutton li {
        width: 70%;
    }
}

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

    .menulogo img:first-child {
        width: 45%;
    }

    .wrap0 {
        padding: 4rem 2rem 27rem;
    }

    .ibutton li {
        width: 84%;
    }

    .wrap0 .off {
        padding-top: 2rem;
        width: 12%;
    }
}

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

    .wrap0 {
        margin: 23rem auto 0;
        padding: 2rem 2rem 40rem;
    }

}

@media screen and (max-width:393px) {
    .ibutton li {
        width: 100%;
        padding: 2rem 2rem;
    }
}

@media screen and (max-width:370px) {
    .wrap0 {
        margin: 21rem auto 0;
        padding: 0rem 2rem 42rem;
    }
}

@media screen and (max-width:340px) {
    .wrap0 {
        margin: 20rem auto 0;
    }
}




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




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

/*****************************/
/***inews start***/
.inews {
    width: 1136px;
    max-width: 100%;
    margin: 6.5rem auto 0;
    padding: 0 0 5.6rem 6rem;
    position: relative;

}

.inews .inews_title {
    width: 54.6%;
    position: relative;
    text-align: left;
    margin-bottom: 5.9rem;
    padding-left: 1rem;
}


.inews .inews_title h2 {
    font-size: 32px;
    color: #7a4e2d;
    font-family: 'Shippori Mincho';
    font-weight: 700;
    display: inline-block;

}

.inews .inews_title small {
    font-size: 36px;
    color: #3f5b4b;
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    margin-right: 1.5rem;
    text-transform: uppercase;
    display: inline-block;
}

.inews .inews_title img {
    display: inline-block;
    vertical-align: sub;
}



.inews .inews_inner {}


@media screen and (max-width:1700px) {
    .inews {
        padding: 0 0 5.6rem 0;
    }
}

@media screen and (max-width:1100px) {
    .inews {
        margin: 11rem auto 0;
    }
}

@media screen and (max-width:834px) {
    .inews {
        margin: 5rem auto 0;
    }

    .inews .inews_title {
        width: 100%;
    }
}

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

@media screen and (max-width:450px) {
    .inews .inews_title img {
        width: 35%;
    }
}

@media screen and (max-width:430px) {
    .inews .inews_title h2 {
        font-size: 27px;
    }

    .inews .inews_title small {
        font-size: 30px;
        margin-right: 1rem;
    }
}

@media screen and (max-width:360px) {
    .inews .inews_title h2 {
        font-size: 25px;
    }

    .inews .inews_title small {
        font-size: 25px;
    }

    .inews .inews_title img {
        width: 30%;
        vertical-align: middle;
    }
}

@media screen and (max-width:300px) {
    .inews .inews_title img {
        width: 27%;
    }
}

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


/***inews end***/
/*****************************/
/***news*************************************************************************************************/
.news {
    width: 1760px;
    max-width: 100%;
    margin: 0 auto 0 0;
    display: flex;
    padding: 0 0 0 0;
    position: relative;
}

.news .news_left {
    width: 37.5%;
    position: sticky;
    top: 15rem;
    height: 90vh;
    padding-right: 2.5rem;
}

.news .news_left:before {
    content: '';
    background: url(../../images/all_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 389px;
    max-width: 100%;
    min-height: 704px;
    position: absolute;
    bottom: -9.8rem;
    left: 0;
}

.news_left .news_txt {
    width: 30%;
    height: 510px;
    margin: 0 0 0 auto;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    direction: ltr;
}

.news_left .news_txt p {
    font-size: 16px;
    color: #f7f4ed;
    display: inline-block;
    padding-left: 1.8rem;
}

.news .news_right {
    width: 59%;
    padding: 3rem 0 0 0;
    margin: 0 0 0 auto;
}

.newslist {
    text-align: left;
}

.news_right .newslist_rwd:not(:last-child) {
    margin: 0 0 8rem 0;
}

.news_right .newslist_rwd:last-child {
    margin: 0 0 10rem 0;
}

.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;
}

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

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

@media screen and (max-width:1400px) {
    .news .news_right {
        padding: 11rem 0 0 0;
    }

}

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

    .news .news_left {
        width: 60%;
        position: relative;
        top: 15rem;
        height: auto;
        padding-right: 0;
    }

    .news .news_left:before {
        min-height: 460px;
        bottom: 0;
    }

    .news .news_right {
        padding: 11rem 0 0 0;
        width: 80%;
        margin: 17rem auto 3rem;
    }
}

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

    .news .news_right {
        width: 100%;
        padding: 11rem 2rem 0 2rem;
    }
}

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

    .news .news_left {
        width: 60%;
        top: 4rem;
        padding: 5rem 0;
    }

    .news_left .news_txt {
        height: auto;
    }

    .news .news_left:before {
        min-height: 260px;
        max-width: 40%;
    }

    .news .news_right {
        margin: 0 auto 3rem;
    }

}

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

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

@media screen and (max-width:450px) {
    .news .news_left {
        width: 100%;
        padding: 1rem 0 3rem;
    }

    .news_left .news_txt {
        width: 95%;
        padding-left: 0;
        writing-mode: initial;
        -webkit-writing-mode: initial;
    }

    .news .news_left:before {
        min-height: 70px;
    }

    .news .news_right {
        padding: 7rem 0 0 2rem;
    }
}

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

    .news_left .news_txt {
        padding-left: 2rem;
    }

    .news .news_right {
        padding: 3rem 0 0 2rem;
    }

    .news_right .newslist_rwd:not(:last-child) {
        margin: 0 0 5rem 0;
    }

    .news_right .newslist_rwd:last-child {
        margin: 0 0 3rem 0;
    }
}

@media screen and (max-width:402px) {
    .news_left .news_txt {
        width: 100%;
        padding-left: 5rem;
    }

    .news_left .news_txt p {
        padding-left: 0;
    }
}

@media screen and (max-width:390px) {
    .news_left .news_txt {
        padding-left: 2rem;
    }

    .news .news_left:before {
        min-height: 70px;
        bottom: -4rem;
    }
}

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

    .news_left .news_txt {
        padding-left: 1rem;
    }

    .news .news_right {
        padding: 7rem 0 0 1rem;
    }

}

/***newslist_rwd***/
.newslist_rwd {
    width: 933px;
    max-width: 100%;
    margin: 0 auto 0 0;
    position: relative;
}

.newslist_rwd:before {
    content: '';
    background: #c86b3c;
    width: 97%;
    min-height: 292px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.newslist_rwd:after {
    content: '';
    background: url(../../images/news_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 151px;
    max-width: 100%;
    min-height: 15px;
    position: absolute;
    bottom: 0;
    right: 2.3rem;
}

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

.newslist_rwd .newslist {
    padding-bottom: 1.5rem;
    display: flex;
}


/*npic*/
.npic {
    position: relative;
    width: 419px;
    max-width: 100%;
    min-height: 289px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
    margin: -3rem -3rem 2rem 3.7rem;
    z-index: 1;
}

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



/*ntitle*/
.ntitle {
    text-align: right;
    position: relative;
    width: 56%;
    padding: 7rem 4rem 4rem 6.6rem;
    z-index: 0;
}

.ntitle:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f4ed;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(89.4% 0, 100% 19.7%, 100% 100%, 0 100%, 0 0);
    z-index: -1;

}


.newslist_rwd a .newslist .ntitle h3 {
    font-size: 24px;
    color: #7a4e2d;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left;
    transition: .3s ease all;
}

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

.newslist .ntitle h3 a:not(:nth-of-type(1)) {
    display: inline-block;
}

.newslist_rwd a .newslist .ntitle hr {
    width: 100%;
    height: 1px;
    background: #c86b3c;
    margin: 1.9rem 0;
}

.newslist_rwd a .newslist .ntitle p,
.newslist .ntitle p {
    font-size: 18px;
    color: #7a4e2d;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 2.4rem;
    text-align: left;
    transition: .3s ease all;
}

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

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

.newslist_rwd a .newslist .ntitle span {
    font-size: 14px;
    color: #c86b3c;
    font-family: 'Cormorant Garamond';
    text-align: right;
}


.newslist_rwd a:hover .ntitle h3,
.newslist_rwd a:hover .ntitle p {
    color: #212121;
}



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



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

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}


.newsinner {
    background: url(../../images/pattern.jpg) top left;
    padding: 2rem;
    min-height: 1000px;
    margin-bottom: 5rem;
}

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


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


.ripple2 {
    margin-bottom: 5rem;
}

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

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

    .newslist_rwd a {
        text-align: center;
    }
}

@media screen and (max-width:1200px) {
    .npic {
        margin: -2rem -1rem 1rem 2.7rem;
    }
}

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

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

    .ntitle {
        padding: 5rem 3rem 3rem 3rem;
    }
}

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

    .npic {
        margin: 0;
        width: 100%;
        min-height: 410px;
    }

    .ntitle {
        width: 100%;
    }

    .ntitle:before {
        clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
    }
}

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

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

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

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

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

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


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

.imenu {
    background: url(../../images/imenu_bg_01.png) top left no-repeat, url(../../images/imenu_bg_02.png) top left;
    background-size: contain;
    width: 100%;
    position: relative;
}

.imenu:before {
    content: '';
    background: url(../../images/imenu_bg_04.png) bottom left no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 26px;
    position: absolute;
    bottom: -1rem;
    left: 0;
}

.imenu:after {
    content: '';
    background: url(../../images/imenu_deco02.png) bottom right no-repeat;
    background-size: contain;
    width: 438px;
    max-width: 100%;
    min-height: 388px;
    position: absolute;
    bottom: -8.5rem;
    right: 0;
}

.imenu .imenu_innner {
    width: 1184px;
    max-width: 100%;
    margin: 0 auto;
    padding: 18.5rem 0 10rem 14rem;
}

.imenu_innner .imenu_title {
    width: 45%;
    margin: 0 0 4.5rem auto;
    text-align: right;
}

.imenu_title .imenu_ch {}

.imenu_title .imenu_ch img {
    display: inline-block;
    vertical-align: bottom;
    padding-right: 4rem;
}

.imenu_title .imenu_ch h2 {
    display: inline-block;
    font-size: 32px;
    color: #7a4e2d;
    font-weight: 700;
}


.imenu_title .imenu_en {}

.imenu_title .imenu_en small {
    font-size: 36px;
    color: #3f5b4b;
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    text-transform: uppercase;
}

.imenu_title .imenu_txt {
    text-align: right;
}

.imenu_title .imenu_txt p {
    font-size: 12px;
    color: #707070;
    letter-spacing: 0;
}


.imenu_innner .imenu_wrap {
    display: flex;
    justify-content: space-between;
}

.imenu_wrap .imenu_cont {
    width: 82.4%;
    display: flex;
    flex-wrap: wrap;
}

.imenu_cont .imenu_card {
    transition: all .22s cubic-bezier(.25, .46, .45, .94);
    position: relative;
    width: 30.6%;
    margin: 0 1rem 1.6rem;
}

.img-animation {
    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: rgba(255, 253, 235, 1);
    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: 262px;
    max-width: 100%;
    min-height: 262px;
    overflow: hidden;
    position: relative;
}

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

.imenu_cont a .imenu_stitle {
    background: url(../../images/imenu_mask01.png) bottom left no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 129px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    padding: 8rem 0 0.8rem 1.1rem;
    pointer-events: none;
}

.imenu_cont a .imenu_stitle .imenu_stitle_ch {}

.imenu_cont a .imenu_stitle .imenu_stitle_ch h3 {
    font-size: 22px;
    color: #7a4e2d;
    font-weight: 700;
    display: inline-block;
    padding-right: 1.8rem;
}

.imenu_cont a .imenu_stitle .imenu_stitle_ch img {
    display: inline-block;
    width: auto;
}


.imenu_cont a .imenu_stitle .imenu_stitle_en {}

.imenu_cont a .imenu_stitle .imenu_stitle_en h4 {
    font-size: 14px;
    color: #c86b3c;
    font-family: 'Cormorant Garamond';
}


.imenu_wrap .imenu_txt2 {
    width: 15%;
    display: flex;
    justify-content: space-between;

}

.imenu_wrap .imenu_txt2 P {
    font-size: 16px;
    color: #7a4e2d;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.imenu_wrap .imenu_txt2 P:nth-child(2) {}

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

@media screen and (max-width:1536px) {
    .imenu:after {
        min-height: 300px;
        bottom: -6rem;
    }
}

@media screen and (max-width:1200px) {
    .imenu .imenu_innner {
        padding: 15.5rem 2rem 4rem 2rem;
    }

    .imenu:after {
        min-height: 240px;
        bottom: -5rem;
        max-width: 23%;
    }
}

@media screen and (max-width:1000px) {
    .imenu .imenu_innner {
        padding: 11rem 2rem 4rem 2rem;
    }

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

@media screen and (max-width:834px) {
    .imenu:after {
        min-height: 110px;
        bottom: -3rem;
    }

    .imenu_innner .imenu_title {
        width: 100%;
    }

    .imenu_innner .imenu_wrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .imenu_cont .imenu_card {
        width: 32%;
        margin: 0 1rem 1.6rem 0;
    }

    .imenu_wrap .imenu_txt2 {
        width: 25%;
        order: -1;
    }

    .imenu_wrap .imenu_txt2 {
        width: 100%;
        order: -1;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 2rem;
    }

    .imenu_wrap .imenu_txt2 P {
        -webkit-writing-mode: initial;
        writing-mode: initial;
        width: 100%;
    }

    .imenu_wrap .imenu_txt2 P:nth-child(2) {
        order: -1;
    }

    .imenu_wrap .imenu_txt2 P br {
        display: none;
    }

    .imenu_wrap .imenu_cont {
        width: 100%;
        justify-content: center;
    }

    .imenu_cont a .imenu_stitle {
        text-align: left;
    }
}

@media screen and (max-width:768px) {
    .imenu_cont .imenu_card {
        width: 31.5%;
        text-align: center;
    }

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

    .imenu_cont .imenu_card a {
        display: inline-block;
    }
}

@media screen and (max-width:650px) {
    .imenu_cont .imenu_card {
        width: 49%;
        text-align: center;
        margin: 0 0 1.6rem 0;
    }

}

@media screen and (max-width:576px) {
    .imenu .imenu_innner {
        padding: 8rem 2rem 4rem 2rem;
    }

    .imenu_wrap .imenu_cont {
        justify-content: space-between;
    }

    .imenu:before {
        min-height: 11px;
        bottom: -5px;
    }

    .imenu:after {
        bottom: -2.6rem;
    }
}

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

    .imenu_title .imenu_ch img {
        vertical-align: baseline;
        padding-right: 2rem;
        width: 40%;
    }

    .imenu:after {
        bottom: -2.2rem;
    }
}

@media screen and (max-width:430px) {
    .imenu_title .imenu_ch h2 {
        font-size: 27px;
    }

    .imenu_title .imenu_en small {
        font-size: 30px;
    }

    .imenu_cont a .imenu_stitle .imenu_stitle_ch h3 {
        font-size: 17px;
        padding-right: 1rem;
    }

    .imenu_cont a .imenu_stitle .imenu_stitle_ch img {
        width: 17%;
    }

    .imenu_cont a .imenu_stitle .imenu_stitle_en h4 {
        font-size: 12px;
    }
}

@media screen and (max-width:360px) {
    .imenu .imenu_innner {
        padding: 8rem 1rem 4rem 1rem;
    }

    .imenu_cont .imenu_card {
        margin: 0 0 1rem 0;
    }

    .imenu_title .imenu_ch h2 {
        font-size: 25px;
    }

    .imenu_title .imenu_ch img {
        padding-right: 1rem;
    }

    .imenu_title .imenu_en small {
        font-size: 25px;
    }
}

@media screen and (max-width:340px) {
    .imenu:after {
        bottom: -1rem;
    }
}

@media screen and (max-width:330px) {
    .imenu_title .imenu_txt p {
        letter-spacing: -1px;
    }
}

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


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


.inbanner {
    width: 100%;
    position: relative;
    z-index: 0;
}

.inbanner:before {
    content: '';
    background: url(../../images/inbanner_deco01.png) top right no-repeat;
    background-size: contain;
    width: 1038px;
    max-width: 100%;
    min-height: 919px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.inbanner:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}


.inbanner_about:after {
    background: url(../../images/inbanner_about.jpg) top center;
    background-size: cover;
}

.inbanner_fac:after {
    background: url(../../images/inbanner_fac.jpg) top center;
    background-size: cover;
}

.inbanner_note:after {
    background: url(../../images/inbanner_note.jpg) top center;
    background-size: cover;
}

.inbanner_room:after {
    background: url(../../images/inbanner_room.jpg) top center;
    background-size: cover;
}

.inbanner_sce:after {
    background: url(../../images/inbanner_sce.jpg) top center;
    background-size: cover;
}

.inbanner_loc:after {
    background: url(../../images/inbanner_loc.jpg) top center;
    background-size: cover;
}

.inbanner_news:after {
    background: url(../../images/inbanner_news.jpg) top center;
    background-size: cover;
}


/***inbanner end****/
/***********************/
/***inner start***/

.inner {
    width: 1765px;
    max-width: 100%;
    position: relative;
    padding: 3.3rem 0 2rem 0;
    margin: 0 auto 0 0;
    display: flex;
    justify-content: space-between;
    z-index: 11;
}



.inner .title {
    width: 38%;
    padding: 0 0 0 18.5rem;
    position: relative;
}

.inner .title:before {
    content: '';
    background: url(../../images/title_deco01.png) top left no-repeat;
    background-size: contain;
    width: 502px;
    max-width: 100%;
    min-height: 308px;
    position: absolute;
    bottom: -10rem;
    left: 0;
    z-index: 1;
}


.title .title_inner {
    background: url(../../images/title_bg.png) top left no-repeat;
    background-size: contain;
    width: 484px;
    max-width: 100%;
    min-height: 367px;
    padding: 15.5rem 10.3rem 0 0;
    text-align: right;
}


.title .title_inner h2 {
    font-size: 32px;
    color: #000;
    font-weight: 700;
}

.title .title_inner h3 {
    font-size: 36px;
    color: #e9d8b4;
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    text-transform: uppercase;
}


.inner .ilogo {
    width: 25%;
    padding-top: 5.7rem;
}

@media screen and (max-width:1700px) {
    .inner {
        padding: 3.3rem 9rem 0 0;
        min-height: 350px;
    }

    .inner .title:before {
        bottom: -7rem;
        min-height: 278px;
    }

    .title .title_inner {
        padding: 13rem 9rem 0 0;
        min-height: 347px;
    }
}

@media screen and (max-width:1536px) {
    .inner .title {
        padding: 0 0 0 12rem;
    }

    .inner .title:before {
        min-height: 230px;
        bottom: -5rem;
    }

    .title .title_inner {
        min-height: 340px;
    }

    .inner .ilogo {
        width: 28%;
        padding-top: 5rem;
    }
}

@media screen and (max-width:1400px) {
    .inner .title {
        width: 42%;
    }
}

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

    .inner .title {
        padding: 0 0 0 4rem;
    }

    .inner .title:before {
        min-height: 168px;
        bottom: -3rem;
        max-width: 60%;
    }

    .title .title_inner {
        min-height: 320px;
    }
}

@media screen and (max-width:1100px) {
    .inbanner:before {
        min-height: 560px;
        max-width: 60%;
    }

    .inner .title {
        padding: 0 0 0 2rem;
        width: 44%;
    }

    .inner .ilogo {
        width: 35%;
    }
}

@media screen and (max-width:991px) {
    .title .title_inner {
        padding: 11rem 8rem 0 0;
        min-height: 290px;
    }
}

@media screen and (max-width:834px) {
    .inner .title {
        width: 53%;
    }

    .inner .ilogo {
        width: 39%;
    }
}

@media screen and (max-width:768px) {
    .inner {
        padding: 3.3rem 9rem 0 0;
    }

    .inner .title:before {
        bottom: -7rem;
        min-height: 190px;
        max-width: 65%;
    }

    .title .title_inner {
        padding: 9rem 8rem 0 0;
        min-height: 270px;
    }
}

@media screen and (max-width:650px) {
    .inbanner:before {
        min-height: 600px;
        max-width: 100%;
    }

    .inner {
        flex-wrap: wrap;
        justify-content: center;
        padding: 3.3rem 2rem 0 2rem;
    }

    .inner .ilogo {
        width: 60%;
        order: -1;
        margin-bottom: 3rem;
    }

    .inner .title {
        width: 80%;
        padding: 0;
    }

    .title .title_inner {
        padding: 15rem 10rem 0 0;
        min-height: 365px;
    }

    .inner .title:before {
        min-height: 210px;
        bottom: -4rem;
        max-width: 100%;
        left: -8rem;
    }
}

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

@media screen and (max-width:450px) {
    .inner .ilogo {
        width: 70%;
        padding-top: 3rem;
    }

    .inner .title {
        width: 100%;
    }

    .title .title_inner {
        padding: 12rem 10rem 0 0;
        min-height: 325px;
    }

    .inner .title:before {
        min-height: 180px;
        left: -9rem;
        bottom: -2rem;
    }
}

@media screen and (max-width:430px) {
    .title .title_inner {
        padding: 10rem 11rem 0 0;
        min-height: 275px;
    }

    .inner .title:before {
        min-height: 150px;
    }
}

@media screen and (max-width:414px) {
    .inbanner:before {
        min-height: 360px;
        background-size: cover;
    }

    .inner {
        padding: 3.3rem 2rem 0 2rem;
    }

    .title .title_inner {
        padding: 10rem 9rem 0 0;
    }
}

@media screen and (max-width:402px) {
    .title .title_inner {
        padding: 10rem 8rem 0 0;
    }
}

@media screen and (max-width:380px) {
    .title .title_inner {
        padding: 9.5rem 7rem 0 0;
    }
}

@media screen and (max-width:370px) {
    .inner .ilogo {
        width: 79%;
        padding-top: 5rem;
    }
}

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

@media screen and (max-width:350px) {
    .inbanner:before {
        min-height: 300px;
        max-width: 100%;
    }

    .title .title_inner {
        padding: 9rem 7rem 0 0;
    }
}

@media screen and (max-width:330px) {
    .title .title_inner {
        padding: 8rem 7rem 0 0;
    }
}

@media screen and (max-width:310px) {
    .inner .title:before {
        min-height: 110px;
        left: -7rem;
        bottom: 1rem;
    }
}

@media screen and (max-width:300px) {
    .title .title_inner {
        padding: 7rem 6rem 0 0;
        min-height: 215px;
    }

    .inner .title:before {
        bottom: -1rem;
    }
}

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

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

/***inner end****/
/***********************/
/***********************/
/***about start***/

.abtbg {
    background: rgba(255, 255, 255, 0.75);
}

.about {}

/*about1*/

.about .about1 {
    width: 1753px;
    max-width: 100%;
    margin: 0 0 0 auto;
    padding-top: 2.3rem;
    overflow-x: hidden;
}

.about .about1 img {}

.about .about1 img:nth-of-type(1) {
    vertical-align: bottom;
}

.about .about1 img:nth-of-type(2) {
    vertical-align: top;
}

.about1 .abt1 {
    background: rgba(255, 255, 255, .9);
    padding: 1.8rem 0 0 15.4rem;
    display: flex;
    justify-content: space-between;
}

.abt1 .abt1_txt {
    width: 31.9%;
    padding: 10.9rem 7rem 0 0;
}

.abt1 .abt1_txt h2 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 2rem;
}

.abt1 .abt1_txt h3 {
    font-size: 20px;
    color: #7a4e2d;
    font-weight: 500;
    margin-bottom: 6rem;
}

.abt1 .abt1_txt p {
    font-size: 16px;
    color: #7a4e2d;
    margin-bottom: 2rem;
    text-align: justify;
    padding-right: 1rem;
    letter-spacing: 0;
}

.abt1 .abt1_txt p:nth-of-type(3) {
    margin-bottom: 0;
}

.abt1 .abt1_img {
    width: 66.5%;
}


@media screen and (max-width:1700px) {
    .about1 .abt1 {
        padding: 1.8rem 0 0 10rem;
    }
}

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

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

@media screen and (max-width:1400px) {
    .abt1 .abt1_txt {
        width: 42%;
    }

    .abt1 .abt1_txt p {
        padding-right: 8rem;
    }
}

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

@media screen and (max-width:1100px) {
    .abt1 .abt1_txt {
        width: 53%;
    }

    .abt1 .abt1_txt h3 {
        margin-bottom: 2rem;
    }

    .abt1 .abt1_txt p {
        padding-right: 0;
    }
}

@media screen and (max-width:1000px) {
    .about1 .abt1 {
        padding: 1.8rem 0 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .abt1 .abt1_txt {
        width: 60%;
        padding: 2rem;
    }

    .abt1 .abt1_img {
        width: 100%;
    }
}

@media screen and (max-width:834px) {
    .abt1 .abt1_txt {
        width: 80%;
    }
}

@media screen and (max-width:768px) {
    .abt1 .abt1_txt {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .abt1 .abt1_txt h2 {
        font-size: 27px;
    }
}

@media screen and (max-width:430px) {
    .abt1 .abt1_txt h2 {
        font-size: 25px;
    }

    .abt1 .abt1_txt p {
        margin-bottom: 1rem;
    }
}

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

@media screen and (max-width:402px) {
    .abt1 .abt1_txt {
        padding: 2rem 2rem 1rem 2rem;
    }

    .abt1 .abt1_txt h2 {
        font-size: 23px;
    }

    .abt1 .abt1_txt h3 {
        font-size: 18px;
    }
}

@media screen and (max-width:370px) {
    .abt1 .abt1_txt h2 {
        font-size: 21px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:360px) {
    .abt1 .abt1_txt {
        padding: 2rem 1rem 1rem 1rem;
    }
}

@media screen and (max-width:310px) {
    .abt1 .abt1_txt h2 {
        font-size: 20px;
    }

    .abt1 .abt1_txt h3 {
        font-size: 16px;
    }
}

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



/*about2*/

.about .about2 {
    width: 1806px;
    max-width: 100%;
    margin: -4.4rem 0 0 auto;
    padding-bottom: 3rem;
}



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

@media screen and (max-width:1100px) {
    .about .about2 {
        margin: -3.4rem 0 0 auto;
    }
}

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

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

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

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


/*about3*/

.about .about3 {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.about .about3:before {
    content: '';
    background: url(../../images/abt3_deco01.jpg) bottom right no-repeat;
    background-size: contain;
    width: 771px;
    max-width: 100%;
    min-height: 211px;
    position: absolute;
    bottom: -7rem;
    right: 0;
    z-index: -1;
}

.about3 .abt31 {
    width: 44.6%;
}

.about3 .abt32 {
    width: 23%;
    padding-top: 3.3rem;
}

.about3 .abt32 img {
    padding-bottom: 6rem;
}

.about3 .abt32 .abt32_txt {
    width: 95%;
}

.about3 .abt32 .abt32_txt p {
    font-size: 16px;
    color: #7a4e2d;
    padding-bottom: 2.2rem;
}

.about3 .abt33 {
    width: 21.6%;
    padding-top: 19rem;
}

@media screen and (max-width:1700px) {
    .about .about3:before {
        min-height: 190px;
    }

    .about3 .abt32 {
        width: 26%;
    }

    .about3 .abt32 img {
        padding-bottom: 3rem;
    }
}

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

    .about3 .abt33 {
        padding-top: 15rem;
    }
}

@media screen and (max-width:1400px) {
    .about .about3 {
        margin-bottom: 3rem;
    }

    .about .about3:before {
        min-height: 120px;
        max-width: 30%;
    }

    .about3 .abt32 {
        width: 28%;
    }

    .about3 .abt33 {
        padding-top: 12rem;
    }

}

@media screen and (max-width:1366px) {
    .about3 .abt33 {
        padding-top: 0;
    }
}

@media screen and (max-width:1200px) {
    .about3 .abt32 {
        width: 45%;
        padding: 2rem;
    }

    .about3 .abt32 img {
        padding-bottom: 1rem;
    }

    .about3 .abt32 .abt32_txt p {
        padding-bottom: 1rem;
    }
}

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

    .about .about3:before {
        min-height: 130px;
        max-width: 50%;
        bottom: -4rem;
    }

    .about3 .abt32 {
        width: 60%;
        padding: 2rem;
        order: -1;
    }

    .about3 .abt31 {
        width: 50%;
        padding-right: 1rem;
    }

    .about3 .abt33 {
        width: 28.7%;
    }
}

@media screen and (max-width:768px) {
    .about3 .abt32 {
        width: 80%;
        text-align: center;
    }

    .about3 .abt32 .abt32_txt {
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width:576px) {
    .about3 .abt31 {
        width: 60%;
    }

    .about3 .abt33 {
        width: 34%;
    }
}

@media screen and (max-width:450px) {
    .about .about3:before {
        min-height: 80px;
        bottom: -1rem;
    }

    .about3 .abt32 {
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .about .about3 {
        margin-bottom: 2rem;
    }
}

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

    .about3 .abt32 {
        padding: 1rem;
    }
}

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


/*about4*/

.about .about4 {
    width: 1500px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 20rem;
    display: flex;
    justify-content: space-between;
}


.about4 .abt41 {
    width: 29.6%;
    padding-top: 7.9rem;
}

.about4 .abt41 img {
    margin-bottom: 3.4rem;
}

.abt41 .abt41_bt {}

.abt41 .abt41_bt ul {
    display: flex;
}

.abt41 .abt41_bt ul li {}

.abt41 .abt41_bt ul li:nth-of-type(1) {
    margin-right: 3.6rem;
}

.abt41 .abt41_bt ul li a {
    transition: .5s all;
}

.abt41 .abt41_bt ul li a img {}

.abt41 .abt41_bt ul li a:hover {
    filter: blur(2px);
}



.about4 .abt42 {
    width: 36.2%;
    padding-top: 5.5rem;
}


.abt42 .abt42_mark {
    margin-bottom: 4rem;
    width: 72%;
}

.abt42 .abt42_mark ul {
    display: flex;
    justify-content: space-between;
}

.abt42 .abt42_mark ul li {}

.abt42 .abt42_mark ul li img {}

.abt42 .abt42_mark ul li p {
    font-size: 20px;
    color: #7a4e2d;
}


.abt42 .abt42_txt p {
    font-size: 16px;
    color: #7a4e2d;
    text-align: justify;
}

.abt42 .abt42_txt p:not(:last-child) {
    margin-bottom: 1rem;
}

.about4 .abt43 {
    width: 21.3%;
}


@media screen and (max-width:1700px) {
    .about .about4 {
        padding-right: 26.5rem;
    }
}

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

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

@media screen and (max-width:1366px) {
    .about4 .abt41 {
        padding-top: 4rem;
    }
}

@media screen and (max-width:1200px) {
    .about .about4 {
        padding: 2rem 2rem 3rem 2rem;
    }
}

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

    .about4 .abt42 {
        width: 60%;
        padding-top: 3rem;
        order: -1;
        margin-bottom: 3rem;
    }

    .about4 .abt41 {
        padding-top: 0;
        width: 45%;
    }

    .about4 .abt43 {
        width: 26%;
    }

}

@media screen and (max-width:768px) {
    .about4 .abt41 {
        padding-right: 1rem;
        width: 50%;
    }

    .about4 .abt43 {
        width: 32%;
    }
}

@media screen and (max-width:650px) {
    .about4 .abt42 {
        width: 75%;
    }

    .abt42 .abt42_mark {
        margin-bottom: 2rem;
        width: 100%;
    }

    .about4 .abt41 {
        width: 60%;
    }

    .about4 .abt43 {
        width: 38%;
    }
}

@media screen and (max-width:576px) {
    .about4 .abt42 {
        width: 80%;
    }

    .about4 .abt41 {
        width: 61%;
        padding-right: 1rem;
    }

    .about4 .abt43 {
        width: 38%;
    }
}

@media screen and (max-width:450px) {
    .about4 .abt41 {
        width: 95%;
        padding-right: 0;
    }

    .abt41 .abt41_bt ul li:nth-of-type(1) {
        margin-right: 0;
    }

    .abt41 .abt41_bt ul {
        justify-content: space-between;
    }

    .abt41 .abt41_bt ul li {
        width: 49%;
    }

    .about4 .abt42 {
        width: 100%;
        padding-top: 0;
    }

    .about4 .abt43 {
        width: 100%;
        text-align: center;
        order: -1;
        margin-bottom: 2rem;
    }
}

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

    .about4 .abt41 img {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:402px) {
    .abt41 .abt41_bt ul li {
        width: 48%;
    }
}

@media screen and (max-width:360px) {
    .about .about4 {
        padding: 2rem 1rem 3rem 1rem;
    }
}

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



/*about5*/

.about .about5 {
    background: url(../../images/abt5_bg.jpg) top left fixed;
    background-size: cover;
    width: 100%;

}

.about5 .abt5 {
    width: 37.6%;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    padding: 9.9rem 9.2rem 18.2rem 25.7rem;
}

.about5 .abt5:before {
    content: '';
    background: url(../../images/abt5_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 625px;
    max-width: 100%;
    min-height: 296px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.about5 .abt5:after {
    content: '';
    background: url(../../images/abt5_deco02.png) top left no-repeat;
    background-size: contain;
    width: 174px;
    max-width: 100%;
    min-height: 672px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.abt5 .abt5_txt {}

.abt5 .abt5_txt p {
    font-size: 16px;
    color: #7a4e2d;
}

.abt5 .abt5_txt p:not(:last-child) {
    margin-bottom: 2.4rem;
}



@media screen and (max-width:1800px) {
    .about5 .abt5 {
        padding: 3.9rem 9rem 18.2rem 21rem;
    }
}

@media screen and (max-width:1700px) {
    .about5 .abt5 {
        padding: 3.9rem 5rem 18.2rem 21rem;
    }
}

@media screen and (max-width:1536px) {
    .about5 .abt5 {
        width: 40%;
    }
}

@media screen and (max-width:1400px) {
    .about5 .abt5:after {
        min-height: 640px;
    }

    .about5 .abt5 {
        width: 50%;
    }
}

@media screen and (max-width:1100px) {
    .about5 .abt5 {
        width: 65%;
    }
}

@media screen and (max-width:1000px) {
    .about5 .abt5 {
        width: 75%;
    }
}

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

    .about5 .abt5 {
        width: 90%;
    }
}

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

@media screen and (max-width:576px) {
    .about5 .abt5:before {
        min-height: 220px;
    }

    .about5 .abt5:after {
        min-height: 500px;
    }

    .about5 .abt5 {
        padding: 2rem 2rem 14rem 18rem;
    }

    .abt5 .abt5_txt p:not(:last-child) {
        margin-bottom: 1rem;
    }
}

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

    .about5 .abt5 {
        padding: 2rem 2rem 6rem 2rem;
    }

    .about5 .abt5:before {
        min-height: 13%;
        max-width: 40%;
    }

    .about5 .abt5:after {
        display: none;
    }
}

@media screen and (max-width:414px) {
    .about5 .abt5 {
        padding: 2rem 2rem 8rem 3rem;
    }

    .about5 .abt5:before {
        min-height: 20%;
    }

}

@media screen and (max-width:360px) {
    .about5 .abt5 {
        padding: 2rem 1rem 7rem 1rem;
    }

    .about5 .abt5:before {
        min-height: 13%;
    }
}

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



/*about6*/

.about .about6 {
    padding: 2rem 25.5rem 2rem 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.about .about6:before {
    content: '';
    background: url(../../images/abt6_deco02.png) top right no-repeat;
    background-size: contain;
    width: 1174px;
    max-width: 100%;
    min-height: 60px;
    position: absolute;
    bottom: 3.7rem;
    right: 0;
    z-index: -1;
}

.about6 .abt61 {
    width: 71.2%;
}

.about6 .abt62 {
    width: 28%;
    padding: 4.5rem 0 0 0;
}

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

@media screen and (max-width:1366px) {
    .about .about6:before {
        min-height: 40px;
    }
}

@media screen and (max-width:834px) {
    .about6 .abt62 {
        padding: 2rem 0 0 0;
    }
}

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

    .about6 .abt61 {
        width: 100%;
    }

    .about6 .abt62 {
        padding: 0;
        width: 60%;
        margin-bottom: 3rem;
        order: -1;
    }
}

@media screen and (max-width:576px) {
    .about6 .abt62 {
        width: 70%;
    }
}

@media screen and (max-width:450px) {
    .about6 .abt62 {
        width: 80%;
    }
}

@media screen and (max-width:414px) {
    .about .about6:before {
        min-height: 20px;
        bottom: 4rem;
    }
}

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

    .about6 .abt62 {
        width: 90%;
    }
}

@media screen and (max-width:330px) {
    .about6 .abt62 {
        width: 95%;
    }
}

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




/*about7*/

.about .about7 {
    position: relative;
}

.about .about7:before {
    content: '';
    background: url(../../images/abt7_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 706px;
    max-width: 100%;
    min-height: 473px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.about .about7:after {
    content: '';
    background: url(../../images/all_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 389px;
    max-width: 100%;
    min-height: 704px;
    position: absolute;
    bottom: -7.7rem;
    left: 0;
}


.about7 .abt7 {
    width: 1136px;
    max-width: 100%;
    margin: 0 auto;
    padding: 4.6rem 0 9rem;
    text-align: center;
}

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

    .about .about7:before {
        min-height: 300px;
    }

    .about .about7:after {
        min-height: 480px;
    }
}

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

    .about .about7:before {
        min-height: 300px;
        max-width: 30%;
    }

    .about .about7:after {
        min-height: 400px;
    }

    .about7 .abt7 {
        padding: 2rem 2rem 6rem 1rem;
        margin: 0 0 0 auto;
    }
}

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

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

@media screen and (max-width:768px) {
    .about .about7:before {
        min-height: 170px;
    }

    .about .about7:after {
        min-height: 170px;
        bottom: -1.7rem;
    }
}

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

    .about .about7:after {
        bottom: -1.2rem;
    }
}

@media screen and (max-width:360px) {
    .about .about7:before {
        min-height: 80px;
    }

    .about .about7:after {
        bottom: -0.5rem;
        min-height: 90px;
    }

    .about7 .abt7 {
        padding: 0 1rem 3rem 1rem;
    }
}

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


/***about end****/
/***********************/
/***********************/
/***facilities start***/

.fac_top {}

.fac_top img {
    vertical-align: bottom;
}


.facilities {
    background: rgba(255, 255, 255, 1);
    position: relative;
}


/*facilities1*/

.facilities .facilities1 {
    overflow-x: hidden;
}

.facilities1 .fac1 {
    position: relative;
    padding: 0 0 1.8rem 0;
    display: flex;
    justify-content: space-between;
}

.fac1 .fac11 {}

.fac1 .fac11 img {}

.fac1 .fac12 {
    width: 25%;
    padding-top: 9rem;
    text-align: center;
}

.fac1 .fac12 h2 {
    font-size: 26px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 2.1rem;
}

.fac1 .fac12 img {
    display: block;
    margin: 0 auto;
}

.fac1 .fac12 img:first-of-type {
    margin-bottom: 1.7rem;
    width: 70%;
}

.fac1 .fac12 img:last-of-type {
    margin-bottom: 2.8rem;
}


.fac12 .fac12_txt1 {
    margin-bottom: 1.3rem;
}

.fac12 .fac12_txt1 span {
    font-size: 16px;
    display: inline-block;
    padding-right: .6rem;
    color: #546e7a;

}

.fac12 .fac12_txt1 h3 {
    font-size: 20px;
    color: #7a4e2d;
    font-weight: 700;
    margin-bottom: 2.4rem;
    display: inline-block;
}

.fac12 .fac12_txt1 p {
    font-size: 16px;
    color: #7a4e2d;
    display: block;
}


.fac12 .fac12_txt2 {}

.fac12 .fac12_txt2 h3 {
    font-size: 16px;
    color: #7a4e2d;
    font-weight: 700;
    margin-bottom: 2.3rem;
}

.fac12 .fac12_txt2 p {
    font-size: 16px;
    color: #7a4e2d;
}


.fac1 .fac13 {}

.fac1 .fac13 img {}


@media screen and (max-width:1600px) {
    .fac1 .fac12 {
        width: 30%;
    }
}

@media screen and (max-width:1400px) {
    .fac1 .fac12 {
        width: 40%;
        padding-top: 2rem;
    }
}

@media screen and (max-width:1366px) {
    .fac12 .fac12_txt1 h3 {
        margin-bottom: 1rem;
    }

    .fac12 .fac12_txt2 h3 {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:1200px) {
    .fac1 .fac12 {
        width: 60%;
    }
}

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

    .fac1 .fac11 {
        width: 90%;
        margin-bottom: 3rem;
        text-align: center;
    }

    .fac1 .fac12 {
        width: 90%;
        order: -1;
        padding-top: 2rem;
        margin-bottom: 3rem;
    }

    .fac1 .fac12 img:first-of-type {
        width: 40%;
    }

    .fac1 .fac13 {
        width: 90%;
        text-align: center;
    }
}

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

    .fac1 .fac12 img:first-of-type {
        width: 100%;
    }

    .fac1 .fac13 {
        width: 100%;
    }
}

@media screen and (max-width:393px) {
    .fac1 .fac11 {
        margin-bottom: 2rem;
    }

    .fac1 .fac12 {
        width: 100%;
        margin-bottom: 2rem;
    }
}

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

    .fac1 .fac11 {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:340px) {
    .fac1 .fac12 h2 {
        font-size: 23px;
    }

    .fac12 .fac12_txt1 p {
        font-size: 14px;
    }

    .fac12 .fac12_txt2 p {
        font-size: 14px;
    }
}

@media screen and (max-width:300px) {
    .fac1 .fac12 h2 {
        font-size: 21px;
    }
}

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





/*facilities2*/

.facilities .facilities2 {}

.facilities2 .fac2 {
    width: 952px;
    max-width: 100%;
    margin: 0 auto;
    padding: 4.4rem 0 3.5rem;
    display: flex;
    justify-content: space-between;
}

.fac2 .fac2_set {
    width: 48.8%;
    text-align: center;
}

.fac2 .fac2_set img:nth-of-type(1) {
    margin-bottom: 4.4rem;
}

.fac2 .fac2_set h2 {
    font-size: 26px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 1.8rem;
}

.fac2 .fac2_set img:nth-of-type(2) {
    margin-bottom: 1.8rem;
}

.fac2 .fac2_set p {
    font-size: 16px;
    color: #7a4e2d;
    margin-bottom: 2rem;
}


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

    .fac2 .fac2_set h2 {
        font-size: 25px;
    }
}

@media screen and (max-width:768px) {
    .facilities2 .fac2 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 3rem 2rem 1rem;
    }

    .fac2 .fac2_set {
        width: 60%;
        margin-bottom: 2rem;
    }

    .fac2 .fac2_set h2 {
        font-size: 30px;
    }

    .fac2 .fac2_set p {
        margin-bottom: 1rem;
    }
}

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

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

    .fac2 .fac2_set {
        margin-bottom: 2rem;
    }

    .fac2 .fac2_set img:nth-of-type(1) {
        margin-bottom: 3rem;
    }

    .fac2 .fac2_set h2 {
        font-size: 26px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:402px) {
    .fac2 .fac2_set h2 {
        font-size: 23px;
    }
}

@media screen and (max-width:360px) {
    .facilities2 .fac2 {
        padding: 2rem 1rem;
    }

    .fac2 .fac2_set p {
        margin-bottom: 0;
    }
}

@media screen and (max-width:340px) {
    .fac2 .fac2_set h2 {
        font-size: 20px;
        margin-bottom: 1rem;
    }

    .fac2 .fac2_set img:nth-of-type(2) {
        margin-bottom: 1rem;
    }

    .fac2 .fac2_set p {
        font-size: 14px;
    }
}

@media screen and (max-width:300px) {
    .fac2 .fac2_set p {
        font-size: 13px;
    }
}

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



/*facilities3*/

.facilities .facilities3 {}

.facilities3 .fac3 {
    width: 1480px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 5.3rem;
}

.scale_img {
    overflow: hidden;
}

.scale_img img {
    position: relative;
    clip: rect(0, 0, 0, 0);
}

.fac3 .fac3_txt {
    position: absolute;
    bottom: 7.6rem;
    right: 2.9rem;
}

.fac3 .fac3_txt p {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Cormorant Garamond';
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0;
}

@media screen and (max-width:1480px) {
    .facilities3 .fac3 {
        padding: 0 2rem 3rem;
    }

    .fac3 .fac3_txt {
        bottom: 4rem;
    }
}

@media screen and (max-width:576px) {
    .fac3 .fac3_txt {
        bottom: 3rem;
    }

    .fac3 .fac3_txt p {
        font-size: 16px;
    }
}

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

    .fac3 .fac3_txt {
        bottom: 2rem;
    }

    .fac3 .fac3_txt p {
        font-size: 13px;
    }
}

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

    .fac3 .fac3_txt {
        right: 2rem;
    }
}

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


/*facilities4*/

.facilities .facilities4 {}


.facilities4 .fac4 {
    width: 1368px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 3.8rem 5.3rem 0;
    display: flex;
    justify-content: space-between;
}

.fac4 .fac41 {
    width: 28%;
    padding: 7.2rem 0 0 2.2rem;
}

.fac4 .fac41 h2 {
    font-size: 26px;
    color: #000000;
    font-weight: 600;
    letter-spacing: -1px;
}

.fac4 .fac41 img {
    margin: 2.1rem 0 2.9rem;
}

.fac4 .fac41 p {
    font-size: 16px;
    color: #7a4e2d;
    margin-bottom: 1rem;

}

.fac4 .fac41 p span {}



.fac4 .fac42 {
    width: 63.7%;
    text-align: right;
}

.fac42 .fac42_img {
    position: relative;
    padding: 5.5rem 11.5rem 0 0;
    z-index: 0;
}

.fac42 .fac42_img:before {
    content: '';
    background: #c86b3c;
    width: 729px;
    max-width: 100%;
    min-height: 487px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.fac42 .fac42_img img {}


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

    .fac42 .fac42_img {
        padding: 5.5rem 6rem 0 0;
    }
}

@media screen and (max-width:1200px) {
    .fac4 .fac41 {
        width: 34%;
        padding: 5rem 0 0 2.2rem;
    }

    .fac42 .fac42_img {
        padding: 3rem 3rem 0 0;
    }

    .fac42 .fac42_img:before {
        max-width: 90%;
        min-height: 470px;
    }
}

@media screen and (max-width:1100px) {
    .fac4 .fac41 {
        padding: 3rem 0 0 0;
    }

    .fac42 .fac42_img:before {
        max-width: 85%;
        min-height: 430px;
    }
}

@media screen and (max-width:1000px) {
    .fac4 .fac41 {
        width: 36%;
    }

    .fac42 .fac42_img:before {
        min-height: 400px;
    }

}

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

    .fac4 .fac41 {
        width: 50%;
        margin-bottom: 3rem;
    }

    .fac4 .fac42 {
        width: 95%;
    }

    .fac42 .fac42_img:before {
        min-height: 480px;
        max-width: 95%;
    }
}

@media screen and (max-width:768px) {
    .fac42 .fac42_img:before {
        min-height: 440px;
    }
}

@media screen and (max-width:650px) {
    .fac4 .fac41 {
        width: 60%;
    }

    .fac4 .fac42 {
        width: 100%;
    }

    .fac42 .fac42_img:before {
        min-height: 390px;
    }
}

@media screen and (max-width:576px) {
    .fac4 .fac41 {
        width: 75%;
    }

    .fac42 .fac42_img:before {
        min-height: 350px;
    }
}

@media screen and (max-width:450px) {
    .fac4 .fac41 {
        width: 90%;
        padding: 1rem 0 0 0;
    }

    .fac42 .fac42_img {
        padding: 2rem 2rem 0 0;
    }

    .fac42 .fac42_img:before {
        min-height: 260px;
    }
}

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

    .fac4 .fac41 img {
        margin: 2rem 0;
    }

    .fac42 .fac42_img {
        padding: 1rem 1rem 0 0;
    }

    .fac42 .fac42_img:before {
        min-height: 230px;
    }
}

@media screen and (max-width:393px) {
    .fac42 .fac42_img:before {
        min-height: 220px;
    }
}

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

    .fac4 .fac41 {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:350px) {
    .fac42 .fac42_img:before {
        min-height: 205px;
    }
}

@media screen and (max-width:340px) {
    .fac4 .fac41 h2 {
        font-size: 23px;
    }

    .fac4 .fac41 p {
        font-size: 14px;
    }
}

@media screen and (max-width:320px) {
    .fac42 .fac42_img:before {
        min-height: 185px;
    }
}

@media screen and (max-width:300px) {
    .fac42 .fac42_img:before {
        min-height: 175px;
    }

    .fac4 .fac41 h2 {
        font-size: 21px;
    }
}

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




/*facilities5*/

.facilities .facilities5 {
    position: relative;
    z-index: 0;
}

.facilities .facilities5:before {
    content: '';
    background: url(../../images/fac5_deco01.jpg) bottom left no-repeat;
    background-size: contain;
    width: 951px;
    max-width: 100%;
    min-height: 60px;
    position: absolute;
    left: 0;
    bottom: 13rem;
    z-index: -1;
}

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


.fac5 .fac51 {
    width: 33.5%;
    padding-left: 5.7rem;
}

.fac5 .fac52 {
    width: 46%;
    padding-top: 4.5rem;
}

@media screen and (max-width:1536px) {
    .facilities .facilities5:before {
        max-width: 40%;
        min-height: 40px;
    }

    .fac5 .fac51 {
        width: 38%;
    }
}

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

    .fac5 .fac52 {
        width: 52%;
    }
}

@media screen and (max-width:1200px) {
    .fac5 .fac51 {
        padding-left: 0;
    }

    .facilities .facilities5:before {
        max-width: 47%;
        min-height: 60px;
        background-repeat: repeat;
        bottom: 6rem;
    }
}

@media screen and (max-width:1000px) {
    .facilities .facilities5:before {
        max-width: 42%;
        min-height: 46px;
        bottom: 8rem;
    }

    .fac5 .fac52 {
        width: 57%;
        padding-top: 2rem;
    }
}

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

    .facilities .facilities5:before {
        max-width: 90%;
        min-height: 60px;
        bottom: 4rem;
    }

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

    .fac5 .fac52 {
        width: 100%;
        padding-top: 2rem;
        margin-bottom: 3rem;
        text-align: center;
        order: -1;
    }
}

@media screen and (max-width:450px) {
    .fac5 .fac52 {
        padding-top: 0;
        margin-bottom: 2rem;
    }

    .facilities .facilities5:before {
        max-width: 100%;
    }
}

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

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


/*facilities6*/

.facilities .facilities6 {}

.facilities6 .fac6 {
    width: 100%;
    text-align: center;
    padding-bottom: 5.5rem;
}

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

@media screen and (max-width:991px) {
    .facilities6 .fac6 {
        padding: 3rem 2rem 3rem;
    }
}

@media screen and (max-width:576px) {
    .facilities6 .fac6 {
        padding: 3rem 2rem 2rem;
    }
}

@media screen and (max-width:360px) {
    .facilities6 .fac6 {
        padding: 2rem 1rem 2rem;
    }
}

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


/***facilities end****/
/***********************/
/***roomguide start***/
.roomguide {
    width: 1760px;
    max-width: 100%;
    margin: 0 auto 0 0;
    display: flex;
    padding: 0 0 0 0;
    position: relative;
}

.roomguide .rmg_left {
    width: 37.5%;
    position: sticky;
    top: 15rem;
    height: 90vh;
    padding-right: 2.5rem;
}

.roomguide .rmg_left:before {
    content: '';
    background: url(../../images/all_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 389px;
    max-width: 100%;
    min-height: 704px;
    position: absolute;
    bottom: -9.8rem;
    left: 0;
}

.rmg_left .rmg_txt {
    width: 30%;
    height: 510px;
    margin: 0 0 0 auto;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    direction: ltr;
}

.rmg_left .rmg_txt p {
    font-size: 16px;
    color: #f7f4ed;
    display: inline-block;
    padding-left: 1.8rem;
}

.roomguide .rmg_right {
    width: 59%;
    padding: 14.5rem 0 0 0;
    margin: 0 0 0 auto;
}

.rmg_right a {
    display: block;
    transition: .5s all;
}

.rmg_right a:hover {
    transform: translateY(-5px);
    -webkit-filter: drop-shadow(2px 2px 7px rgba(25, 25, 25, 0.5));
    filter: drop-shadow(2px 2px 7px rgba(25, 25, 25, 0.5));
}

.rmg_right .rmg_card {
    background: url(../../images/pattern.jpg) top left;
    padding: 2rem 4rem 2rem 5rem;
    position: relative;
}

.rmg_right a:not(:last-of-type) .rmg_card {
    margin-bottom: 24.5rem;
}

.rmg_right a:last-of-type .rmg_card {
    margin-bottom: 10rem;
}

.rmg_right .rmg_card:before {
    content: '';
    background: url(../../images/rmg_deco02.png) top left no-repeat;
    background-size: contain;
    width: 1041px;
    max-width: 100%;
    min-height: 42px;
    position: absolute;
    top: -4.2rem;
    left: 0;
    z-index: -1;
}

.rmg_right .rmg_card:after {
    content: '';
    background: url(../../images/rmg_deco03.png) bottom left no-repeat;
    background-size: contain;
    width: 1041px;
    max-width: 100%;
    min-height: 40px;
    position: absolute;
    bottom: -4rem;
    left: 0;
    z-index: -1;
}

.rmg_card .card_inner {
    display: flex;
    align-items: flex-end;
    margin-top: -12.2rem;
}

.card_inner .card_txt {
    width: 38.2%;
    padding: 0 0 2.5rem 0;
    text-align: center;
    position: relative;
}

.card_inner .card_txt:before {
    content: '';
    background: url(../../images/rmg_deco01.png) top right no-repeat;
    background-size: contain;
    width: 102px;
    max-width: 100%;
    min-height: 199px;
    position: absolute;
    top: -20rem;
    right: 0;
}

.card_txt .card_name {
    display: inline-block;
}

.card_txt .card_name h3 {
    font-size: 72px;
    color: #000000;
    font-weight: 600;
    padding-right: 1rem;
}

.card_txt .card_rmt {
    display: inline-block;
    text-align: left;
}

.card_txt .card_rmt h4 {
    font-size: 30px;
    color: #7a4e2d;
    font-weight: 600;
}

.card_txt .card_rmt p {
    font-size: 18px;
    color: #c86b3c;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}




.rmg_card .card_img {}

.rmg_card .card_img img {
    vertical-align: bottom;
}

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

    .rmg_right .rmg_card:before {
        top: -4rem;
    }

    .rmg_right .rmg_card:after {
        bottom: -3rem;
    }
}

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

        padding: 2rem 2rem 2rem 2rem;
    }

    .rmg_right a:not(:last-of-type) .rmg_card {
        margin-bottom: 19rem;
    }

    .rmg_card .card_inner {
        margin-top: -10rem;
    }

    .card_inner .card_txt {
        padding: 0;
    }

    .card_inner .card_txt:before {
        min-height: 170px;
        top: -20rem;
    }
}

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

    .card_txt .card_name h3 {
        font-size: 50px;
        padding-right: 0.5rem;
    }

    .card_txt .card_rmt h4 {
        font-size: 25px;
    }
}

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

    .roomguide .rmg_left {
        width: 60%;
        position: relative;
        top: 15rem;
        height: auto;
        padding-right: 0;
    }

    .roomguide .rmg_left:before {
        min-height: 460px;
        bottom: 0;
    }

    .roomguide .rmg_right {
        padding: 11rem 0 0 0;
        width: 80%;
        margin: 17rem auto 3rem;
    }

    .card_inner .card_txt:before {
        min-height: 190px;
        top: -23rem;
    }
}

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

    .roomguide .rmg_right {
        width: 100%;
        padding: 11rem 2rem 0 2rem;
    }

    .rmg_right a:not(:last-of-type) .rmg_card {
        margin-bottom: 17rem;
    }
}

@media screen and (max-width:768px) {
    .roomguide .rmg_left {
        top: 4rem;
    }

    .roomguide .rmg_left {
        width: 100%;
        top: 0;
        padding: 5rem 0;
    }

    .roomguide .rmg_left:before {
        min-height: 220px;
        max-width: 18%;
    }

    .rmg_left .rmg_txt {
        width: 80%;
        margin: 0 auto 2rem;
        -webkit-writing-mode: initial;
        writing-mode: initial;
        height: auto;
        padding-left: 6rem;
    }

    .rmg_right .rmg_card:before {
        top: -2rem;
    }

    .rmg_right .rmg_card:after {
        bottom: -2rem;
    }

    .roomguide .rmg_right {
        margin: 0 auto 3rem;
    }

    .rmg_right a:last-of-type .rmg_card {
        margin-bottom: 5rem;
    }

    .card_inner .card_txt:before {
        min-height: 150px;
        top: -20rem;
    }

    .card_txt .card_name h3 {
        font-size: 30px;
    }

    .card_txt .card_rmt h4 {
        font-size: 20px;
    }

    .card_txt .card_rmt p {
        font-size: 14px;
    }

}

@media screen and (max-width:650px) {
    .card_inner .card_txt:before {
        min-height: 100px;
        top: -11rem;
        max-width: 50%;
    }
}

@media screen and (max-width:576px) {
    .card_inner .card_txt:before {
        top: -9rem;
    }
}

@media screen and (max-width:450px) {
    .rmg_left .rmg_txt {
        width: 95%;
        padding-left: 1rem;
    }
}

@media screen and (max-width:450px) {
    .roomguide .rmg_left:before {
        min-height: 70px;
    }

    .roomguide .rmg_right {
        padding: 11rem 0 0 2rem;
    }

    .rmg_right .rmg_card {
        padding: 2rem 1rem;
    }

    .rmg_right .rmg_card:before {
        top: -1rem;
        min-height: 18px;
    }

    .rmg_right .rmg_card:after {
        bottom: -1rem;
        min-height: 18px;
    }

    .rmg_card .card_inner {
        margin-top: -10rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .rmg_card .card_img {
        order: -1;
    }

    .card_inner .card_txt {
        width: 100%;
        margin: 2rem 0 1rem;
    }

    .card_inner .card_txt:before {
        top: 0;
        min-height: 90px;
        right: -1rem;
    }

    .card_txt .card_name h3 {
        font-size: 55px;
    }

    .card_txt .card_rmt h4 {
        font-size: 25px;
    }

    .card_txt .card_rmt p {
        font-size: 18px;
    }
}

@media screen and (max-width:402px) {
    .rmg_left .rmg_txt {
        width: 100%;
        padding-left: 2rem;
    }

    .rmg_left .rmg_txt p {
        padding-left: 0;
    }
}

@media screen and (max-width:380px) {
    .rmg_right a:not(:last-of-type) .rmg_card {
        margin-bottom: 15rem;
    }
}

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

    .roomguide .rmg_right {
        padding: 11rem 0 0 1rem;
    }

    .card_inner .card_txt:before {
        min-height: 60px;
        max-width: 16%;
    }
}

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

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


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

.room {
    position: relative;
    padding: 0 0 10rem 0;
}

.room:before {
    content: '';
    background: url(../../images/all_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 389px;
    max-width: 100%;
    min-height: 704px;
    position: absolute;
    bottom: -3rem;
    left: 0;
    z-index: 1;
}


.room .rm_wrap {
    width: 1590px;
    max-width: 100%;
    margin: 57.9rem auto 0;
    position: relative;
    background: url(../../images/rm_pattern.jpg) top left;
}

.room .rm_wrap:before {
    content: '';
    background: url(../../images/room_deco01.png) top left no-repeat;
    background-size: contain;
    width: 1590px;
    max-width: 100%;
    min-height: 579px;
    position: absolute;
    top: -57.9rem;
    left: 0;
}

.room .rm_wrap:after {
    content: '';
    background: url(../../images/room_deco02.png) bottom left no-repeat;
    background-size: contain;
    width: 1590px;
    max-width: 100%;
    min-height: 40px;
    position: absolute;
    bottom: -3rem;
    left: 0;
}


.rm_wrap .rm_inner {
    width: 1252px;
    max-width: 100%;
    margin: 0 auto -50rem;
    position: relative;
    padding-left: 5.8rem;
    top: -50rem;
}

.rm_wrap .rm_inner:before {
    content: '';
    background: url(../../images/room_bg01.png) top right no-repeat;
    background-size: contain;
    width: 1195px;
    max-width: 100%;
    min-height: 878px;
    position: absolute;
    top: 0;
    right: 0;
}


.rm_inner .rm_top {
    padding: 0 0 5rem 17.7rem;
    position: relative;
    top: -1rem;
    display: flex;
    align-items: flex-end;
}

.rm_top .rm_title {
    width: 40%;
}

.rm_title .rm_name {
    display: inline-block;
}

.rm_title .rm_name h3 {
    font-size: 72px;
    color: #000000;
    font-weight: 600;
    line-height: 0;
}

.rm_title .rm_rmt {
    display: inline-block;
}

.rm_title .rm_rmt h4 {
    font-size: 30px;
    color: #7a4e2d;
    font-weight: 700;
}

.rm_title .rm_rmt p {
    font-size: 18px;
    color: #c86b3c;
    font-weight: 600;
    font-family: 'Cormorant Garamond';
}

.rm_top .rm_more {}

.rm_top .rm_more a {
    background: #7a4e2d;
    padding: 2rem 2.6rem;
    transition: .5s all;
}

.rm_top .rm_more a img {
    display: inline-block;
    padding-right: 2rem;
    vertical-align: bottom;
}

.rm_top .rm_more a h5 {
    font-size: 24px;
    color: #efe9e3;
    display: inline-block;
    padding-right: 1.1rem;
    vertical-align: middle;
}

.rm_top .rm_more a h6 {
    font-size: 16px;
    color: #efe9e3;
    font-family: 'Cormorant Garamond';
    display: inline-block;
    vertical-align: middle;
}

.rm_top .rm_more a:hover {
    background: #002a48;
}

.rm_inner .rm_img {
    width: 1136px;
    max-width: 100%;
}




.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 table {
    width: 100%;
}

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



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

.rm_wrap .rm_desc {
    width: 1150px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-bottom: 6.5rem;
}

.rm_wrap .rm_desc p {
    font-size: 16px;
    color: #7a4e2d;
}




@media screen and (max-width:1700px) {
    .room:before {
        min-height: 470px;
    }
}

@media screen and (max-width:1536px) {
    .room .rm_wrap:before {
        min-height: 560px;
        top: -55.9rem;
    }

    .room:before {
        min-height: 320px;
        bottom: -3rem;
        max-width: 12%;
    }
}

@media screen and (max-width:1400px) {
    .room .rm_wrap:before {
        min-height: 510px;
        top: -50.9rem;
    }

    .rm_inner .rm_top {
        padding: 0 0 4rem 16rem;
        top: 0;
    }
}

@media screen and (max-width:1366px) {
    .room .rm_wrap:before {
        min-height: 530px;
        top: -52.9rem;
        background-size: cover;
    }

    .rm_wrap .rm_desc {
        max-width: 70%;
        padding-bottom: 2rem;
    }
}

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

    .rm_wrap .rm_inner:before {
        min-height: 880px;
        right: auto;
        left: 0;
        background-position: top left;
    }

    .rm_top .rm_title {
        width: 55%;
    }
}

@media screen and (max-width:1100px) {
    .room .rm_wrap {
        margin: 56rem auto 0;
    }

    .room .rm_wrap:after {
        background-size: cover;
    }

    .rm_wrap .rm_inner {
        max-width: 95%;
    }

    .rm_inner .rm_top {
        top: -2rem;
    }

    .room .rm_bot {
        padding: 0 2rem;
    }
}

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

    .room .rm_wrap:before {
        min-height: 460px;
        top: -45.9rem;
    }

    .rm_wrap .rm_inner {
        top: -38rem;
        margin: 0 auto -38rem;
    }
}

@media screen and (max-width:834px) {
    .room .rm_wrap {
        margin: 47rem auto 0;
    }

    .rm_inner .rm_top {
        top: -4rem;
        padding: 0 0 0 11rem;
    }

    .rm_top .rm_title {
        width: 47%;
    }
}

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

    .room .rm_wrap:before {
        min-height: 650px;
        top: -46.9rem;
    }

    .rm_wrap .rm_inner {
        top: -40rem;
        margin: 0 auto -41rem;
    }

    .rm_inner .rm_top {
        top: -4rem;
        padding: 0 0 0 8rem;
    }

    .room .rm_wrap:after {
        background-size: contain;
        min-height: 20px;
        bottom: -1rem;
    }
}

@media screen and (max-width:650px) {
    .rm_wrap .rm_inner {
        top: -35rem;
        margin: 0 auto -35rem;
    }

    .rm_inner .rm_top {
        top: -10rem;
        padding: 0;
    }

    .rm_title .rm_name h3 {
        font-size: 52px;
    }

    .rm_title .rm_rmt h4 {
        font-size: 20px;
    }

    .rm_title .rm_rmt p {
        font-size: 14px;
    }

    .rm_wrap .rm_inner {
        top: -39rem;
        margin: 0 auto -39rem;
    }

    .rm_inner .rm_top {
        top: -6rem;
    }

    .rm_top .rm_title {
        width: 40%;
    }

    .rm_top .rm_more a {
        padding: 1rem;
    }

    .rm_top .rm_more a h5 {
        font-size: 20px;
    }

    .rm_top .rm_more a h6 {
        font-size: 13px;
    }

    .rm_wrap .rm_desc {
        max-width: 90%;
        padding-bottom: 4rem;
    }
}

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

    .room:before {
        min-height: 80px;
        bottom: -3rem;
    }

    .rm_wrap .rm_inner {
        top: -40rem;
        margin: 0 auto -40rem;
        max-width: 100%;
    }

    .rm_inner .rm_top {
        top: -2rem;
    }

    .rm_wrap .rm_inner:before {
        display: none;
    }

    .rm_top .rm_title {
        width: 62%;
    }

    .rm_top .rm_more a img {
        padding-right: 0;
        width: 17%;
    }

    .rm_top .rm_more a h6 {
        display: block;
        position: relative;
        text-align: center;
        padding-left: 1rem;
    }

    .rm_wrap .rm_desc {
        padding-bottom: 1rem;
    }

    .room .rm_wrap:after {
        background-size: contain;
        min-height: 12px;
        bottom: -1rem;
    }
}

@media screen and (max-width:414px) {
    .rm_wrap .rm_inner {
        top: -42rem;
        margin: 0 auto -42rem;
        max-width: 100%;
    }

    .room .rm_wrap:before {
        min-height: 470px;
    }

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

    .room .rm_wrap:after {
        bottom: -0.5rem;
    }
        .room .rm_bot {
        padding: 0 1rem;
    }
}

@media screen and (max-width:393px) {
    .room .rm_wrap:before {
        min-height: 470px;
        top: -46.9rem;
    }
}

@media screen and (max-width:390px) {
    .rm_title .rm_name h3 {
        font-size: 46px;
    }

    .rm_top .rm_title {
        width: 57%;
    }
}

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

    .room .rm_bot {
        padding: 0 1rem;
    }
}

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

    .rm_title .rm_rmt h4 {
        font-size: 17px;
    }

    .rm_title .rm_rmt p {
        font-size: 12px;
    }

    .rm_top .rm_more a h5 {
        font-size: 18px;
    }
}

@media screen and (max-width:300px) {
    .rm_top .rm_more a img {
        width: 15%;
    }
}

@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: 32%;
        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: 30%;
    }

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

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

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




footer {
    background: url(../../images/ftbg01.jpg) top center fixed;
    width: 100%;
    padding: 50rem 0 0 0;
}

footer .ft_top {}

footer .ft_top img {
    vertical-align: bottom;
}

/*ft_inner*/
.ft_inner {
    background: rgba(255, 255, 255, 1);
    width: 100%;
}



.ft_wrap {
    width: 672px;
    max-width: 100%;
    margin: 0 auto -5.5rem;
    padding: 0 3.2rem;
    position: relative;
    top: -5.5rem;
}


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

.ft_wrap .ft_btn {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    border-top: 1px #766157 solid;
    border-bottom: 1px #766157 solid;
}

.ft_btn .ft_title {
    width: 48%;
}

.ft_btn .ft_title h3 {
    font-size: 32px;
    color: #7a4e2d;
    font-weight: 700;
    display: inline-block;
}

.ft_btn .ft_title h4 {
    font-size: 26px;
    color: #d1ad92;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
    display: inline-block;
}

.ft_btn .ft_link {
    width: 35%;
}

.ft_btn .ft_link ul {}

.ft_btn .ft_link ul li {
    position: relative;
    display: inline-block;
    width: 23%;
}

.ft_btn .ft_link ul li a {
    padding: .5rem;
    text-align: center;
    transition: .3s linear;
}

.ft_btn .ft_link ul li a img {
    width: 62%;
}


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

.ft_wrap .ft_info {
    padding: 4rem 0 6rem;
}

.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: 16px;
    color: #7a4e2d;
    display: inline-block;
}

.ft_info .ft_list ul li span:first-child {
    width: 15%;
    vertical-align: top;
    padding-right: 1rem;
}

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



.ftmark {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5rem;
}

.ftmark ul {}

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

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

.ftmark ul li p {
    display: inline-block;
    color: #d09972;
    font-size: 16px;
}


.ft_bottom {
    width: 100%;
    background: #3f5b4b;
    position: relative;
    padding: 3rem 0 1.1rem;
    z-index: 1;
    text-align: center;
}

.ft_bottom .bot_inner {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

.ft_icon {
    padding-top: 1rem;
}

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

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

/*share*/
.share {
    color: #c1a78e;
    font-size: 14px;
}

/*copyright*/
.copyright {
    color: #c1a78e;
    font-size: 14px;
    padding: 0 0 2.5rem 0;
    border-bottom: 1px #5d7d6b solid;
}

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

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

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


@media screen and (max-width:834px) {
    .ft_wrap {
        margin: 0 auto -1.5rem;
        top: -1.5rem;
    }
}

@media screen and (max-width:768px) {
    footer {
        background-attachment: initial;
        padding: 20rem 0 0 0;
        background-size: cover;
    }
}

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

    .ft_btn .ft_title {
        width: 50%;
    }

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

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

    .ftmark {
        width: 100%;
        padding-bottom: 3rem;
    }

    .ft_bottom {
        padding: 3rem 2rem 1.1rem;
    }
}

@media screen and (max-width:450px) {
    footer {
        padding: 13rem 0 0 0;
        background-size: 110%;
    }

    .ft_wrap {
        margin: 0 auto;
        top: 0;
    }

    .ft_wrap .ft_logo {
        width: 40%;
    }

    .ft_wrap .ft_btn {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ft_btn .ft_title {
        width: 80%;
    }

    .ft_btn .ft_link {
        width: 80%;
        margin-top: 3rem;
    }

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

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

    .ftmark ul {
        display: flex;
        justify-content: center;
    }

    .ftmark ul li {
        text-align: center;
    }

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

@media screen and (max-width:360px) {
    footer {
        padding: 10rem 0 0 0;
    }

    .ft_wrap {
        padding: 0 1rem;
    }

    .ft_wrap .ft_logo {
        width: 50%;
    }

    .ft_btn .ft_title h3 {
        font-size: 27px;
    }

    .ft_btn .ft_title h4 {
        font-size: 20px;
    }

    .ft_btn .ft_link {
        margin-top: 1rem;
    }
}

@media screen and (max-width:350px) {
    .ftmark ul li {
        margin-right: 1rem;
    }

    .ftmark ul li p {
        letter-spacing: 0;
    }
}

@media screen and (max-width:310px) {
    .ftmark ul li {
        margin-right: 0rem;
    }
}

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

/***********************/
/***inner start***/

.wrap1 {
    padding-bottom: 5rem;
    position: relative;
    z-index: 0;
}

.wrap1:before {
    content: '';
    background: url(../../images/all_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 389px;
    max-width: 100%;
    min-height: 704px;
    position: absolute;
    bottom: -4.5rem;
    left: 0;
    z-index: 1;
}


.inner_top {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 1px;
}

.inner_top img {
    vertical-align: bottom;
}

.inner_bot {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -1px;
}

.inner_bot img {
    vertical-align: top;
}

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

    .wrap1:before {
        max-width: 20%;
        min-height: 500px;
        bottom: -1.5rem;
    }
}

@media screen and (max-width:1366px) {
    .wrap1:before {
        max-width: 16%;
        min-height: 380px;
        bottom: 0rem;
    }
}

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

    .wrap1:before {
        max-width: 11%;
        min-height: 190px;
        bottom: 0rem;
    }
}

@media screen and (max-width:1000px) {
    .wrap1:before {
        min-height: 140px;
        bottom: -3rem;
    }
}

@media screen and (max-width:450px) {
    .wrap1 {
        margin-top: -1rem;
    }
}

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

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

@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) {}

@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) {}

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

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

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



/***inner end****/
/***********************/
/***********************/
/***note start***/

.notice {
    position: relative;
    width: 1590px;
    max-width: 100%;
    margin: 0 auto;
    background: url(../../images/pattern.jpg) top left;

}

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

.notice .note_txt {
    width: 56%;
    margin: 3rem auto 0;
    position: relative;
    z-index: 1;
}

.notice .note_txt p {
    font-size: 16px;
    color: #7a4e2d;
}


@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) {
    .notice {
        padding: 0 6rem 0 2rem;
    }

    .notice .note_txt {
        width: 90%;
    }
}

@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;
    }

    .notice .note_txt {
        width: 100%;
    }
}

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

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

.scenic {
    width: 1590px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 10rem;
    position: relative;
    z-index: 3;
    background: url(../../images/pattern.jpg) top left;
}

.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: 1532px;
    max-width: 100%;
    margin: 0 auto;
    padding: 11rem 0 5rem 7.6rem;
    display: flex;
}


.loc .loc_map {
    width: 864px;
    max-width: 100%;
    min-height: 929px;
    position: relative;
    border: 8px solid #7a4e2d;
    z-index: 1;

}

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

}

.loc .loc_cont {
    background: url(../../images/loc_bg01.png) top left no-repeat;
    background-size: contain;
    width: 618px;
    max-width: 100%;
    min-height: 790px;
    position: relative;
    padding: 3rem 0 0 0;
    margin-left: -6rem;
}

.loc .loc_cont:before {
    content: '';
    background: url(../../images/loc_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 525px;
    max-width: 100%;
    min-height: 499px;
    position: absolute;
    bottom: 0;
    right: -3.9rem;
}



.loc_cont .loc_inner {
    padding: 8rem 5rem 3rem 10.3rem;
}

.loc_cont .loc_inner .loc_logo {
    width: 44%;
    padding: 0 0 4.8rem 2rem;
}

.loc_inner .loc_logo img {}


.loc_inner .loc_list {}

.loc_inner .loc_list ul {}

.loc_inner .loc_list ul li {}

.loc_inner .loc_list ul li span {}

.loc_inner .loc_list ul li span:first-child {
    padding-right: 1rem;
}

.loc_inner .loc_list ul li span:last-child {
    font-size: 16px;
    color: #7a4e2d;
}

@media screen and (max-width:1536px) {
    .location .loc {
        padding: 7rem 2rem 5rem 2rem;
    }
}

@media screen and (max-width:1400px) {
    .loc .loc_cont:before {
        right: 0;
    }
}

@media screen and (max-width:1366px) {
    .loc_cont .loc_inner .loc_logo {
        width: 53%;
        padding: 0 0 4.8rem 1rem;
    }
}

@media screen and (max-width:1100px) {
    .loc_cont .loc_inner {
        padding: 8rem 10rem 3rem 9rem;
    }

    .loc_cont .loc_inner .loc_logo {
        width: 70%;
        padding: 0 0 4.8rem 0;
    }
}

@media screen and (max-width:1000px) {
    .loc_cont .loc_inner {
        padding: 8rem 7rem 3rem 9rem;
    }
}

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

    .loc .loc_cont {
        min-height: 640px;
        padding: 3rem 0 0 0;
        order: -1;
        margin-bottom: 3rem;
    }

    .loc_cont .loc_inner {
        padding: 8rem 7rem 3rem 4rem;
    }

    .loc_cont .loc_inner .loc_logo {
        width: 42%;
        padding: 0 0 4rem 0;
    }

    .loc .loc_cont:before {
        min-height: 300px;
    }

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

@media screen and (max-width:768px) {
    .loc_cont .loc_inner {
        padding: 8rem 7rem 3rem 6rem;
    }
}

@media screen and (max-width:650px) {
    .loc .loc_cont {
        min-height: 580px;
        margin: 0 auto 3rem;
    }

    .loc .loc_cont:before {
        min-height: 270px;
        max-width: 41%;
        right: 6rem;
    }

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

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

    .loc_cont .loc_inner .loc_logo {
        width: 73%;
    }

    .loc .loc_cont {
        min-height: 490px;
        margin: 0 auto 2rem;
    }

    .loc .loc_cont:before {
        min-height: 100px;
        max-width: 40%;
        right: 0rem;
    }

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

@media screen and (max-width:430px) {
    .loc_cont .loc_inner .loc_logo {
        padding: 0 0 2rem 0;
    }
}

@media screen and (max-width:414px) {
    .loc_cont .loc_inner {
        padding: 6rem 5rem 3rem 3rem;
    }

    .loc_cont .loc_inner .loc_logo {
        width: 62%;
    }
}

@media screen and (max-width:393px) {
    .loc .loc_cont {
        min-height: 440px;
    }

    .loc .loc_cont:before {
        bottom: -1rem;
    }
}

@media screen and (max-width:360px) {
    .location .loc {
        padding: 1rem 1rem 5rem 1rem;
    }

    .loc_cont .loc_inner {
        padding: 6rem 3rem 2rem 2rem;
    }

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

@media screen and (max-width:310px) {
    .location .loc {
        padding: 1rem 1rem 3rem 1rem;
    }

    .loc .loc_cont {
        min-height: 400px;
    }

    .loc_cont .loc_inner {
        padding: 4rem 1rem 2rem 1rem;
    }

    .loc_cont .loc_inner .loc_logo {
        width: 53%;
    }
}

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

/***location end****/
/***********************/