/*--------------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: 'Zen Maru Gothic', serif, 'Montserrat', sans-serif;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #202020;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

td {
    vertical-align: top;
}

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

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

img {
    max-width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}


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

.clear {
    clear: both;
}

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

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

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

::selection {
    background: rgba(77, 93, 18, .9);
    color: #fff;
}

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

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


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

#btn ul {}

#btn ul li {
    position: relative;
    width: 35%;
    margin: 0 0 2rem auto;
}

#btn ul li a {}

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


@media (any-hover: hover) {
    #btn ul li a:hover img {
        opacity: .8;
        transform: translateY(-5px);
    }
}


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

@media screen and (max-width:500px) {
    #gotop {
        width: 15%;
    }

    #gotop img {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    #btn {
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 1rem 0;
        background: url(../../images/btnmob_bg.jpg) top left repeat;
        -webkit-filter: drop-shadow(0px -3px 6px rgba(26, 23, 23, 0.15));
        filter: drop-shadow(0px -3px 6px rgba(26, 23, 23, 0.15));

    }

    #btn ul {
        display: flex;
        text-align: center;
        justify-content: space-around;
    }

    #btn ul li {
        width: 18%;
        margin: 0;
    }
    #gotop {
        bottom: 9rem;
    }
}


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

.mask {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.mask:before {
    content: '';
    background: url(../../images/dex_mask.png) bottom center no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 791px;
    position: absolute;
    bottom: -27rem;
    left: 0;
    z-index: 1;
}

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



.dex_inner {
    width: 100%;
    max-width: 100%;
}

.carousel {
    position: relative;
}

.carousel-inner {}

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

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

}

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

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

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


.dex_deco1 {
    position: absolute;
    bottom: 27rem;
    left: 20rem;
    z-index: 2;
    width: 12%;
}

.dex_logo {
    position: relative;
    text-align: center;
}

.dex_logo img {
    display: block;
}

.dex_logo img:last-child {
    margin: 2.5rem 0 0 2rem;
}

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


/*star*/
.star {
    width: 20px;
    height: 21px;
    background: url(../../images/scroll_star.png);
    margin: 0 auto 10%;
    animation: moving 1.5s infinite alternate;
}

/*line*/
.line {
    width: 1px;
    height: 100px;
    background-color: #000000;
    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(-300%);
        transform: translateY(-300%);
    }

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


.dex_deco2 {}

.dex_deco2 .dex_txt {
    position: absolute;
    top: 15rem;
    right: 17rem;
    z-index: 1;
}

.dex_deco2 .dex_frog {
    position: absolute;
    bottom: 16rem;
    right: 18rem;
    z-index: 1;
}


@media screen and (max-width:1800px) {
    .dex_deco1 {
        bottom: 25rem;
    }

}

@media screen and (max-width:1700px) {
    .dex_deco1 {
        bottom: 20rem;
        left: 19rem;
    }
}

@media screen and (max-width:1600px) {
    .item {
        height: 870px;
    }

    .dex_deco1 {
        bottom: 18rem;
        left: 17rem;
    }

    .dex_deco2 .dex_frog {
        bottom: 8rem;
        right: 16rem;
    }
}

@media screen and (max-width:1536px) {
    .dex_deco1 {
        bottom: 16rem;
    }
}

@media screen and (max-width:1500px) {
    .item {
        height: 800px;
    }

    .dex_deco1 {
        bottom: 14rem;
    }
}

@media screen and (max-width:1400px) {
    .item {
        height: 760px;
    }

    .dex_deco1 {
        bottom: 10rem;
        width: 13%;
        left: 14rem;
    }

    .dex_deco2 .dex_txt {
        right: 11rem;
    }

    .dex_deco2 .dex_frog {
        bottom: 5rem;
        width: 20%;
    }
}

@media screen and (max-width:1200px) {
    .mask:before {
        min-height: 500px;
        bottom: -20rem;
    }

    .item {
        height: 650px;
    }

    .dex_deco1 {
        left: 13rem;
    }

    .dex_logo img:last-child {
        margin: 2rem 0 0 0rem;
    }

    .enter {
        left: 5rem;
    }
}

@media screen and (max-width:1000px) {
    .mask:before {
        min-height: 440px;
        background-size: cover;
    }

    .item {
        height: 550px;
    }

    .dex_deco1 {
        left: 8rem;
        bottom: 9rem;
    }

    .dex_deco2 .dex_txt {
        right: 9rem;
        width: 22%;
    }

    .dex_deco2 .dex_frog {
        bottom: 4rem;
        right: 10rem;
    }
}

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

    .item {
        height: 470px;
    }

    .dex_deco1 {
        left: 4rem;
        bottom: 7rem;
    }

    .dex_logo img:last-child {
        margin: 1rem 0 0 0;
    }
}

@media screen and (max-width:768px) {
    .mask:before {
        min-height: 340px;
        bottom: -12rem;
    }

    .item {
        height: 430px;
    }

    .enter {
        display: none;
    }

    .dex_deco1 {
        left: 6rem;
        bottom: 10rem;
    }

    .dex_deco2 .dex_txt {
        right: 6rem;
        top: 6rem;
    }

    .dex_deco2 .dex_frog {
        bottom: 6rem;
        right: 6rem;
    }
}

@media screen and (max-width:650px) {
    .mask:before {
        min-height: 285px;
    }

    .item {
        height: 370px;
    }

    .dex_deco1 {
        left: 2rem;
        bottom: 0;
        width: 21%;
    }

    .dex_deco2 .dex_frog {
        bottom: 3rem;
        right: 3rem;
    }
}

@media screen and (max-width:576px) {
    .mask:before {
        min-height: 265px;
    }

    .dex_deco1 {
        left: 1rem;
    }
}

@media screen and (max-width:450px) {
    .mask:before {
        min-height: 250px;
        background-position: bottom left;
    }

    .item {
        height: 260px;
    }

    .dex_deco1 {
        left: 5rem;
        bottom: 2rem;
    }

    .dex_deco2 .dex_txt {
        right: 3rem;
        top: 3rem;
    }

    .dex_deco2 .dex_frog {
        bottom: 1rem;
        right: 2rem;
    }
}

@media screen and (max-width:414px) {
        .dex_deco1 {
        left: 6rem;
        bottom: 2rem;
    }

    .dex_logo img:last-child {
        margin: .5rem 0 0 0;
    }

    .dex_deco2 .dex_frog {
        bottom: 2rem;
    }
}

@media screen and (max-width:393px) {
    .mask:before {
        min-height: 200px;
        bottom: -8rem;
    }

    .dex_deco1 {
        left: 4rem;
        bottom: 1rem;
    }
}

@media screen and (max-width:390px) {
    .mask:before {
        min-height: 220px;
        bottom: -10rem;
        background-position: bottom left -2rem;
    }

    .dex_deco1 {
        left: 3rem;
    }
}

@media screen and (max-width:360px) {
    .item {
        height: 220px;
    }

    .dex_deco1 {
        bottom: 4rem;
    }
}

@media screen and (max-width:330px) {
    .dex_deco1 {
        bottom: 5rem;
        left: 3.5rem;
    }
}



/*ibutton*/

.ibutton {
    position: fixed;
    top: 11rem;
    right: 18rem;
    z-index: 100;
    padding: 10rem 0;
    opacity: 0;
    transition: .6s cubic-bezier(0.76, 0, 0.24, 1);
    pointer-events: none;
    width: 1567px;
    max-width: 100%;
/*    min-height: 700px;*/
    border-radius: 300px;
    background: url(../../images/ibutton_bg.jpg) top left no-repeat;
    padding: 8.3rem 18rem 14rem;
}

.show {
    opacity: 1;
    pointer-events: visible;
}



.ibutton .menu_logo {
    text-align: center;
    width: 20%;
    margin: 0 auto 5.2rem;
}


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

.ibutton ul li {
    width: 25%;
    position: relative;
    margin-bottom: 8rem;
}

.ibutton ul li a {
    position: relative;
}

.ibutton ul li a:before {
    content: '';
    background: url(../../images/ibutton_deco01.png) top left no-repeat;
    background-size: contain;
    width: 261px;
    max-width: 100%;
    min-height: 134px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: .5s all;
}

.ibutton ul li p.en {
    font-size: 36px;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: 0;
}

.ibutton ul li p.ch {
    font-size: 24px;
    color: #202020;
    margin-top: 1.5rem;
}

@media (any-hover: hover) {
    .ibutton ul li a:hover:before {
        background: url(../../images/ibutton_deco02.png) top left no-repeat;
    }
}



.logo {
    position: fixed;
    top: 0;
    left: 16rem;
    z-index: 100;
    opacity: 0;
    width: 228px;
    max-width: 100%;
    min-height: 120px;
    background: #fff;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-filter: drop-shadow(2px 2px 7px rgba(32, 32, 32, 0.15));
    filter: drop-shadow(2px 2px 7px rgba(32, 32, 32, 0.15));
    padding: 3rem 4rem;
}

/***mibutton***/
.mibutton {
    background: #2f4364;
    background-size: 100%;
    border-radius: 35%;
    position: fixed;
    top: 2.4rem;
    right: 3rem;
    z-index: 101;
    cursor: pointer;
    width: 90px;
    max-width: 100%;
    height: 90px;
    overflow: visible;
    opacity: 0;
    transition: .3s all;

}

.mibutton:before {
    content: 'MENU';
    font-size: 16px;
    font-family: 'Montserrat';
    color: #fff;
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: auto;
    text-align: center;

}

.mibutton span {
    width: 47px;
    height: 2px;
    background: #95b1e0;
    display: block;
    position: relative;
    top: 5.5rem;
    left: 2rem;
    transition: .5s all;
}

.mibutton span:last-child {
    width: 23px;
    top: 6rem;
}

.mibutton:hover span:last-child {
    width: 47px;
}

.mibutton_ani {
    opacity: 1;
}

.mibutton_ani span {
    transform: rotate(50deg);
    top: 4.7rem;
    background: #fff;
}

.mibutton_ani span:last-child {
    transform: rotate(-50deg);
    width: 47px;
    top: 4.5rem;
}

.mibutton_ani:before {
    display: none;
}


.navtop,
.ontop {
    opacity: 1;
}

.navtop2,
.ontop2 {
    opacity: 1;
}

body.open {
    overflow-y: hidden;
}

@media screen and (max-width:1700px) {
    .ibutton {
        right: 5rem;
    }
}

@media screen and (max-width:1600px) {
    .ibutton {
        right: 1rem;
    }
}

@media screen and (max-width:1536px) {
    .ibutton {
        right: 7rem;
        max-width: 90%;
        padding: 8.3rem 8rem 8rem;
        top: 13rem;
    }
}

@media screen and (max-width:1200px) {
    .ibutton {
        padding: 8.3rem 5rem 4rem;
        border-radius: 200px;
    }
}

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

    .ibutton ul li {
        width: 33%;
        margin-bottom: 6rem;
    }
}

@media screen and (max-width:834px) {
    .ibutton {
        background-size: cover;
    }

    .ibutton .menu_logo {
        width: 35%;
    }

    .ibutton ul li {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .logo {
    min-height: 100px;
    left: 1rem;
}
    .ibutton {
        border-radius: 80px;
        right: 4rem;
        padding: 5rem 4rem 3rem;
    }
    .ibutton .menu_logo {
    margin: 0 auto 2rem;
}

    .ibutton ul {
        height: 60vh;
        overflow-y: scroll;
    }
}

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

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

    .ibutton ul li {
        width: 65%;
    }
}

@media screen and (max-width:450px) {
    .mibutton {
        top: 1rem;
        right: 1rem;
    }

    .logo {
        left: 1rem;
        width: 30%;
        border-bottom-left-radius: 50%;
        min-height: 70px;
        padding: 1.5rem 1.5rem;
    }

    .ibutton {
        right: 2rem;
    }
}

@media screen and (max-width:414px) {
    .mibutton {
        width: 70px;
        height: 70px;
    }

    .mibutton:before {
        top: 40%;
    }

    .mibutton span {
        left: 1rem;
        top: 4rem;
    }

    .mibutton span:last-child {
        top: 4.5rem;
    }

    .mibutton_ani span {
        top: 3.7rem;
        left: 1rem;
    }

    .mibutton_ani span:last-child {
        top: 3.5rem;
    }

    .ibutton {
        top: 8rem;
        min-height: 600px;
        padding: 4rem 2rem 4rem;
    }

    .ibutton .menu_logo {
        width: 50%;
        margin: 0 auto 4rem;
    }

    .ibutton ul li a:before {
        min-height: 125px;
    }

    .ibutton ul li {
        width: 85%;
        margin-bottom: 3rem;
    }

    .ibutton ul li p.ch {
        margin-top: 1rem;
    }
}

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

@media screen and (max-width:320px) {
    .ibutton {
        border-radius: 60px;
    }

    .ibutton ul li p.en {
        font-size: 30px;
    }
}

/*****************************/
/***inews start***/
.inews {
    width: 1760px;
    max-width: 100%;
    margin: -20rem 0 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding-top: 37rem;
}

.inews:before {
    content: '';
    background: url(../../images/inews_bg01.png) top right no-repeat;
    background-size: contain;
    width: 738px;
    max-width: 100%;
    min-height: 708px;
    position: absolute;
    top: 0;
    right: 0;
}

.inews .inews_inner {
    width: 45%;
}

.inewslist {
    display: inline-block;
    padding: 0 !important;
    width: 48%;
}

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

.inewslist .npic {
    display: block;
}

.inewslist .ntitle {
    margin: 4rem auto 0;
    width: 75%;
    display: block;
}


.inews .inews_title {
    width: 54%;
    text-align: right;
    position: relative;
    padding: 0 16rem 20rem 0;
}

.inews .inews_title:after {
    content: '';
    background: url(../../images/inews_bg02.png) bottom right no-repeat;
    background-size: contain;
    width: 1000px;
    max-width: 100%;
    min-height: 604px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.inews_title .inews_txt {
    position: relative;
    padding: 0 25.5rem 31rem 0;
}

.inews_title .inews_txt:before {
    content: '';
    background: url(../../images/inews_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 659px;
    max-width: 100%;
    min-height: 603px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.inews_title .inews_txt h4 {
    font-size: 150px;
    color: #95b1e0;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: .8;
    margin-bottom: 2.5rem;
}

.inews_title .inews_txt h2 {
    background: url(../../images/inews_titlebg.png) top right no-repeat;
    background-size: contain;
    width: 301px;
    max-width: 100%;
    min-height: 62px;
    font-size: 24px;
    color: #fff8da;
    padding: 1.2rem 1.4rem;
    margin: 0 1.6rem 0 auto;
}

.inews_title .inews_txt p {
    font-size: 16px;
    color: #2f4364;
    margin: 1rem 1.6rem 0 0;

}

@media screen and (max-width:1600px) {
    .inews .inews_inner {
        width: 49%;
    }

    .inews .inews_title {
        padding: 0 8rem 20rem 0;
    }
}

@media screen and (max-width:1536px) {
    .inews .inews_title {
        padding: 0 3rem 13rem 0;
    }

}

@media screen and (max-width:1400px) {
    .inews .inews_inner {
        width: 40%;
    }

    .inewslist {
        display: block;
        width: 80%;
        margin: 2rem auto 0;
        text-align: center !important;
    }

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

@media screen and (max-width:1200px) {
    .inews .inews_title {
        width: 66%;
    }
}

@media screen and (max-width:1100px) {
    .inews {
        flex-wrap: wrap;
        justify-content: center;
        margin: -9rem 0 0 auto;
        padding-top: 21rem;
    }

    .inews:before {
        min-height: 480px;
    }

    .inews .inews_title {
        width: 100%;
        padding: 0 3rem 8rem 0;
        order: -1;
    }

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

    .inewslist {
        display: inline-block;
        width: 45%;
        margin: 2rem auto 3rem;
    }

}

@media screen and (max-width:768px) {
    .inewslist {
        width: 49%;
    }
    .inews_title .inews_txt h2 {
    font-size: 22px;
}
}

@media screen and (max-width:650px) {
    .inews:before {
        min-height: 380px;
    }

    .inews_title .inews_txt {
        padding: 0 21rem 23rem 0;
    }

    .inews_title .inews_txt:before {
        min-height: 450px;
    }

    .inews_title .inews_txt h4 {
        font-size: 100px;
    }

    .inewslist {
        width: 75%;
        display: block;
    }
}

@media screen and (max-width:450px) {
    .inews:before {
        min-height: 290px;
    }

    .inews {
        margin: 0 0 0 auto;
        padding-top: 15rem;
    }

    .inews .inews_title {
        padding: 0 2rem 8rem 0;
    }

    .inews_title .inews_txt {
        padding: 0 16rem 23rem 0;
    }

    .inews_title .inews_txt h4 {
        font-size: 60px;
    }

    .inews_title .inews_txt h2 {
        font-size: 20px;
    }

    .inews_title .inews_txt {
        padding: 0 14rem 14rem 0;
    }

    .inews_title .inews_txt:before {
        min-height: 300px;
    }
}

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

    .inews {
        padding-top: 9rem;
    }

    .inews:before {
        min-height: 240px;
    }

    .inews .inews_title {
        padding: 0 2rem 4rem 0;
    }

    .inews .inews_title:after {
        min-height: 210px;
    }

    .inews_title .inews_txt p {
        margin: 1rem 0 0 0;
    }

    .inewslist {
        width: 90%;
    }
}

@media screen and (max-width:393px) {
    .inews_title .inews_txt {
        padding: 0 12rem 13rem 0;
    }

    .inews_title .inews_txt:before {
        min-height: 250px;
    }

}

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

    .inews_title .inews_txt {
        padding: 0 9rem 9rem 0;
    }

    .inews_title .inews_txt:before {
        min-height: 180px;
    }
        .inews_title .inews_txt h4 {
        font-size: 50px;
    }
    .inewslist a{
        display: block !important;
    }
}

@media screen and (max-width:340px) {
    .inews {
        padding-top: 6rem;
    }

    .inews:before {
        min-height: 200px;
    }

    .inews_title .inews_txt h2 {
        font-size: 17px;
        min-height: 50px;
    }

    .inews_title .inews_txt p {
        margin: .5rem 0 0 0;
        font-size: 13px;
    }
}

@media screen and (max-width:320px) {
    .inews_title .inews_txt h4 {
        font-size: 55px;
        margin-bottom: 2rem;
    }

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

@media screen and (max-width:310px) {
    .inews_title .inews_txt h2 {
        font-size: 15px;
    }

    .inews_title .inews_txt p {
        font-size: 12px;
    }
}

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

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


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

.newslist {
    text-align: center;
}

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

/***newslist_rwd***/
.newslist_rwd {
    padding-bottom: 1em;
    text-align: left;
    padding: 0em 1em 5rem;
}

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

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

.npic:before {
    content: '';
    border: 1px #95b1e0 solid;
    width: 341px;
    max-width: 100%;
    min-height: 234px;
    position: absolute;
    top: 0;
    left: 1.3rem;
    border-radius: 130px;
    z-index: 1;
}

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

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

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

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

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

.ntitle p a:nth-of-type(1) {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: left;
}

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


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

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}

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

@media screen and (max-width:768px) {
    .news {
        padding: 3em 0 3em;
    }
}

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

    .ntitle {
        width: 60%;
    }
}

@media screen and (max-width:450px) {
    .npic {
        padding-right: 0;
    }
    .npic:before {
    left: .5rem;
}

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

    .ntitle p {
        margin: 0 0 1rem 0;
    }
}

@media screen and (max-width:393px) {
    .ntitle {
        margin: 3rem 0 0 0;
        width: 100%;
    }
}

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

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


    .ntitle {
        padding-left: 1rem;
    }
}

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

    .npic:before {
        min-height: 210px;
    }
}

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


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

/***********************/
/***iab1 start***/

.iab1 {
    width: 1760px;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    margin: -41rem 0 16rem 0;
    position: relative;
    z-index: 1;
}

.iab1 .iab11 {
    width: 61%;
}

.iab1 .iab11 img {
    border-top-right-radius: 320px;
    border-bottom-right-radius: 320px;
}

.iab1 .iab12 {
    width: 45%;
    margin: 0 0 -9.3rem -10rem;
}

.iab1 .iab12 img {
    border-radius: 200px;
}

@media screen and (max-width:1700px) {
    .iab1 {
        margin: -31rem 0 16rem 0;
    }

    .iab1 .iab12 {
        margin: 0 0 -1.3rem -14rem;
    }
}

@media screen and (max-width:1536px) {
    .iab1 {
        margin: -25rem 0 9rem 0;
    }
}

@media screen and (max-width:1400px) {
    .iab1 {
        margin: 0 0 8rem 0;
    }

    .iab1 .iab12 {
        margin: 0 0 0.7rem -14rem;
    }
}

@media screen and (max-width:1000px) {
    .iab1 {
        margin: 0 0 5rem 0;
    }
}

@media screen and (max-width:834px) {
    .iab1 .iab12 {
        margin: 0 0 0.7rem -9rem;
    }
}

@media screen and (max-width:650px) {
    .iab1 .iab12 {
        margin: 0 0 0.7rem -7rem;
    }
}

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

    .iab1 .iab11 {
        width: 95%;
    }

    .iab1 .iab12 {
        margin: 2rem auto 0;
        width: 95%;
    }
}

@media screen and (max-width:414px) {
    .iab1 {
        overflow-x: hidden;
    }
}

/***iab1 end****/
/***********************/
/***********************/
/***imenu start***/

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

.imenu:before {
    content: '';
    background: url(../../images/imenu_bg.png) top left no-repeat;
    background-size: contain;
    width: 880px;
    max-width: 100%;
    min-height: 868px;
    position: absolute;
    top: 0;
    left: 0;
}

.imenu .imenu_inner {
    width: 1196px;
    max-width: 100%;
    margin: 0 0 0 auto;
    text-align: right;
}

.imenu_inner .imenu_title {
    margin-bottom: 4.9rem;
}

.imenu_inner .imenu_title h4 {
    font-size: 150px;
    color: #95b1e0;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: .8;
    display: inline-block;
    opacity: .5;
    margin-right: 2rem;
}

.imenu_title .imenu_title_ch {
    display: inline-block;
    margin: 0 2rem 0 0;
}

.imenu_title .imenu_title_ch h2 {
    background: url(../../images/imenu_titlebg.png) top right no-repeat;
    background-size: contain;
    width: 301px;
    max-width: 100%;
    min-height: 62px;
    font-size: 24px;
    color: #fff8da;
    padding: 1.2rem 1.4rem;
    margin: 0 0 0 auto;
}

.imenu_title .imenu_title_ch p {
    font-size: 16px;
    color: #2f4364;
    margin: 1rem 0 0 0;
}


.imenu_inner .imenu_nav {}

.imenu_inner .imenu_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.imenu_inner .imenu_nav ul li {
    width: 32%;
    position: relative;
    margin-bottom: 7rem;
}


.imenu_nav .imenu_img {
    border-radius: 139% 140% 149% 154%;
    overflow: hidden;
    width: 350px;
    max-width: 100%;
    min-height: 251px;

}
@media (any-hover: hover) {
.imenu_nav a .imenu_img img {
    transform: scale(1);
    transition: .5s all;
}

.imenu_nav a:hover .imenu_img img {
    transform: scale(1.2);
}
}

.imenu_nav .imenu_img_en {
    position: absolute;
    top: 18px;
    left: -40px;
    z-index: 1;
    width: 135px;
    height: 50px;
    transform: rotate(316deg);

}

.imenu_nav .imenu_img_en text {
    font-size: 58px;
    font-family: 'Montserrat';
}

.imenu_nav .imenu_img_ch {
    position: absolute;
    bottom: -1rem;
    right: 0;
    background: url(../../images/imenu_deco01.png) bottom right no-repeat;
    background-size: contain;
    width: 152px;
    max-width: 100%;
    min-height: 78px;

}

.imenu_nav a .imenu_img_ch h2 {
    font-size: 24px;
    color: #202020;
    text-align: left;
    padding: 1.2rem 1.5rem;
    letter-spacing: 0;
    transition: .5s all;
}

.imenu_nav a:hover .imenu_img_ch h2 {
    color: #82b56b;
}

@media screen and (max-width:1366px) {
    .imenu:before {
        min-height: 690px;
    }
}

@media screen and (max-width:1000px) {
    .imenu {
        margin-bottom: 6rem;
    }

    .imenu:before {
        background-position: bottom left;
        top: auto;
        bottom: 0;
    }

    .imenu_inner .imenu_nav ul {
        justify-content: center;
    }

    .imenu_inner .imenu_nav ul li {
        width: 40%;
    }
}

@media screen and (max-width:834px) {
    .imenu_inner .imenu_nav ul li {
        width: 47%;
    }
}

@media screen and (max-width:768px) {
    .imenu_inner .imenu_nav ul li {
        width: 49%;
    }
}

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

    .imenu_inner .imenu_title h4 {
        font-size: 100px;
    }

    .imenu_inner .imenu_nav ul li {
        width: 60%;
        margin-bottom: 4rem;
    }
}

@media screen and (max-width:576px) {
    .imenu_inner .imenu_nav ul li {
        width: 65%;
    }
}

@media screen and (max-width:450px) {
    .imenu_inner .imenu_title h4 {
        font-size: 60px;
    }

    .imenu_inner .imenu_nav ul li {
        width: 80%;
    }
}

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

    .imenu_inner .imenu_nav ul li {
        width: 85%;
    }
}

@media screen and (max-width:402px) {
    .imenu_inner .imenu_nav ul li {
        width: 90%;
    }
}

@media screen and (max-width:380px) {
    .imenu_nav .imenu_img {
        min-height: 240px;
    }
}

@media screen and (max-width:360px) {
    .imenu_inner .imenu_title h4 {
        font-size: 50px;
    }
    .imenu_nav .imenu_img {
        min-height: 230px;
    }
}

@media screen and (max-width:350px) {
    .imenu_inner .imenu_title h4 {
        font-size: 60px;
    }
}

@media screen and (max-width:350px) {
    .imenu_nav .imenu_img {
        min-height: 220px;
    }
}

@media screen and (max-width:330px) {
    .imenu_nav .imenu_img {
        min-height: 210px;
    }
}

@media screen and (max-width:320px) {
    .imenu_nav .imenu_img {
        min-height: 207px;
    }

    .imenu_nav .imenu_img_en {
        top: 7px;
        left: -38px;
        transform: rotate(316deg);
    }

    .imenu_title .imenu_title_ch {
        margin: 0 1rem 0 0;
    }

    .imenu_title .imenu_title_ch h2 {
        min-height: 59px;
    }
}

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

    .imenu_inner .imenu_title h4 {
        margin-right: 0;
    }

    .imenu_title .imenu_title_ch {
        margin: 0;
        max-width: 90%;
    }

    .imenu_title .imenu_title_ch h2 {
        font-size: 22px;
        max-width: 100%;
    }

    .imenu_nav .imenu_img {
        min-height: 200px;
    }
}

@media screen and (max-width:300px) {
    .imenu_nav .imenu_img {
        min-height: 192px;
    }
}

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

/***imenu end****/
/***********************/

/***********************/
/***inbanner start***/

.inbanner {
    width: 100%;
    min-height: 706px;
    position: relative;

}

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

.inbanner:after {
    content: '';
    background: url(../../images/inbanner_deco01.png) bottom left no-repeat;
    background-size: contain;
    width: 375px;
    max-width: 100%;
    min-height: 365px;
    position: absolute;
    bottom: -10.7rem;
    left: 0;
}

.inbanner_about {
    background: url(../../images/inbanner_about.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_env {
    background: url(../../images/inbanner_env.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_room {
    background: url(../../images/inbanner_room.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_roomq {
    background: url(../../images/inbanner_roomq.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_note {
    background: url(../../images/inbanner_note.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_loc {
    background: url(../../images/inbanner_loc.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_sce {
    background: url(../../images/inbanner_sce.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner_news {
    background: url(../../images/inbanner_news.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.inbanner .title_en {
    position: absolute;
    top: 26rem;
    right: 18.6rem;
}

.inbanner .title_en h3 {
    font-size: 100px;
    color: #fefefe;
    font-family: 'Montserrat';
    font-weight: 600;
    opacity: .5;
    letter-spacing: 0;
}

.inbanner .title_ch {
    position: absolute;
    bottom: 0;
    left: 29.4rem;
    z-index: 1;
}

.inbanner .title_ch img {
    display: inline-block;
    vertical-align: middle;
}

.inbanner .title_ch img:last-child {
    padding-top: 3rem;
}

@media screen and (max-width:1600px) {
    .inbanner .title_ch {
        left: 20.4rem;
    }
}

@media screen and (max-width:1536px) {
    .inbanner .title_ch {
        left: 16rem;
        bottom: -2rem;
    }
}

@media screen and (max-width:1400px) {
    .inbanner .title_ch {
        left: 5rem;
    }
}

@media screen and (max-width:1200px) {
    .inbanner .title_ch {
        left: 2rem;
    }
}

@media screen and (max-width:1100px) {
    .inbanner {
        min-height: 520px;
    }

    .inbanner:after {
        min-height: 320px;
    }

    .inbanner .title_en {
        top: 18.6rem;
        right: 6rem;
    }

    .inbanner .title_ch img:last-child {
        width: 40%;
    }
}

@media screen and (max-width:1000px) {
    .inbanner .title_ch {
        bottom: -4rem;
    }
}

@media screen and (max-width:834px) {
    .inbanner {
        min-height: 370px;
    }

    .inbanner:after {
        min-height: 250px;
    }

    .inbanner .title_en {
        top: 12rem;
        right: 3rem;
    }

    .inbanner .title_ch {
        bottom: -6rem;
    }

}

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

    .inbanner_env {
        background-attachment: inherit;
    }

    .inbanner_room {
        background-attachment: inherit;
    }

    .inbanner_roomq {
        background-attachment: inherit;
    }

    .inbanner_note {
        background-attachment: inherit;
    }

    .inbanner_loc {
        background-attachment: inherit;
    }

    .inbanner_sce {
        background-attachment: inherit;
    }

    .inbanner_news {
        background-attachment: inherit;
    }

    .inbanner .title_en {
        top: 16rem;
    }

    .inbanner .title_en h3 {
        font-size: 70px;
    }
}

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

@media screen and (max-width:450px) {
    .inbanner {
        min-height: 250px;
    }

    .inbanner .title_en {
        top: 13rem;
        right: 2rem;
    }

    .inbanner .title_en h3 {
        font-size: 40px;
    }

    .inbanner .title_ch {
        left: 1rem;
        bottom: -8rem;
    }
}

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

    .inbanner:after {
        min-height: 160px;
    }

    .inbanner .title_en {
        top: 10rem;
    }

    .inbanner .title_ch img:first-child {
        width: 50%;
    }

    .inbanner .title_ch {
        bottom: -6rem;
    }
}

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

@media screen and (max-width:360px) {
    .inbanner:after {
        min-height: 130px;
        bottom: -9rem;
    }
}

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

    .inbanner .title_en {
        top: 9rem;
    }

    .inbanner .title_en h3 {
        font-size: 30px;
    }
}

/***inbanner end****/
/***********************/

/***********************/
/***inner start***/

.inner {}


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

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

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

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

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


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

.about {}

/*about1*/
.about .about1 {}

.about1 .abt11 {
    width: 1360px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
}

.abt11 .abt11_txt {
    width: 40%;
    padding: 4rem 12rem 0 4rem;
}

.abt11 .abt11_txt h3 {
    font-size: 18px;
    margin-bottom: 1rem;
}

.abt11 .abt11_txt p {
    font-size: 18px;
    text-align: justify;
}

.abt11 .abt11_img {
    width: 60%;
}

.about1 .abt12 {
    margin-top: -12rem;
    position: relative;
}
.about1 .abt12 .abt1_deco02{
        position: absolute;
    bottom: 30rem;
    left: 52rem;
}


/*about2*/
.about .about2 {}

.about2 .abt21 {
    margin-top: -40rem;
    display: flex;
    justify-content: space-between;
}

.abt21 .abt21_img01 {
    width: 50%;
    position: relative;
    z-index: 1;
    padding-top: 26rem;

}

.abt21 .abt21_img01 img {
    border-top-right-radius: 380px;
    border-bottom-right-radius: 380px;
}

.abt21 .abt21_img02 {
    width: 69%;
    margin-left: -35.9rem;
}


.about2 .abt22 {
    position: relative;
    margin-top: -31rem;
    padding-bottom: 8rem;
}

.about2 .abt22:before {
    content: '';
    background: url(../../images/abt22_img01.png) bottom left no-repeat;
    background-size: contain;
    width: 759px;
    max-width: 100%;
    min-height: 906px;
    position: absolute;
    bottom: -4rem;
    left: 0;
}

.about2 .abt22:after {
    content: '';
    background: url(../../images/abt22_deco04.png) bottom left no-repeat;
    background-size: contain;
    width: 348px;
    max-width: 100%;
    min-height: 107px;
    position: absolute;
    bottom: 29rem;
    left: 19rem;
}

.abt22 .abt22_top {
    width: 1223px;
    max-width: 100%;
    margin: 0 0 24rem auto;
    position: relative;

}

.abt22_top .abt22_txt {
    width: 884px;
    max-width: 100%;
    min-height: 474px;
    margin: 0 0 0 auto;
    background: rgba(130, 181, 107, .25);
    border-top-left-radius: 380px;
    border-bottom-left-radius: 380px;
    padding: 7rem 29.5rem 8rem 20rem;
}

.abt22_top .abt22_txt img {
    margin-bottom: 3rem;
}

.abt22_top .abt22_txt p {
    font-size: 18px;
    text-align: justify;
}

.abt22_top .abt22_deco01 {
    position: absolute;
    top: 6.9rem;
    left: 0;
}

.abt22_top .abt22_deco02 {
    position: absolute;
    top: 5rem;
    right: 11.7rem;
}



.abt22 .abt22_bot {
    width: 1310px;
    max-width: 100%;
    margin: -13rem 0 0 auto;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 16rem;

}

.abt22 .abt22_bot img {
    border-radius: 180px;
}

.abt22 .abt22_bot img:first-child {
    padding-right: 2.5rem;
}

@media screen and (max-width:1800px) {
    .about2 .abt22:before {
        min-height: 780px;
    }

    .about2 .abt22:after {
        left: 4rem;
    }
}

@media screen and (max-width:1700px) {
    .about2 .abt22:before {
        min-height: 640px;
        bottom: 0;
    }

    .about2 .abt22:after {
        left: 2rem;
    }

    .abt22 .abt22_top {
        margin: 0 0 20rem auto;
    }

    .abt22_top .abt22_deco01 {
        left: 14rem;
        width: 45%;
    }

}

@media screen and (max-width:1600px) {
    .about2 .abt22 {
        padding-bottom: 0;
    }

    .about2 .abt22:after {
        bottom: 15rem;
    }

    .abt22_top .abt22_txt {
        max-width: 60%;
        min-height: 440px;
        padding: 7rem 14.5rem 8rem 13rem;
    }

    .abt22_top .abt22_deco01 {
        left: 28rem;
        width: 40%;
        top: 12.9rem;
    }

    .abt22_top .abt22_deco02 {
        top: 5rem;
        right: 3rem;
        width: 9%;
    }

    .abt22 .abt22_bot {
        text-align: right;
        padding-right: 1rem;
    }
}

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

    .about2 .abt22:after {
        min-height: 90px;
    }
}

@media screen and (max-width:1400px) {
    .about1 .abt12 {
        width: 45%;
    }
    .about1 .abt12 .abt1_deco02 {
    bottom: 19rem;
    left: 38rem;
}

    .about2 .abt21 {
        margin-top: -26rem;
    }

    .abt21 .abt21_img01 {
        padding-top: 17rem;
    }

    .about2 .abt22 {
        margin-top: -19rem;
    }

    .abt22 .abt22_bot img {
        width: 40%;
    }
}

@media screen and (max-width:1366px) {
    .abt22 .abt22_bot img {
        width: 38%;
    }
}

@media screen and (max-width:1300px) {
        .about1 .abt12 .abt1_deco02 {
        bottom: 17rem;
        left: 35rem;
    }
    .abt22 .abt22_bot img {
        width: 35%;
    }
}

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

    .about1 .abt12 {
        margin-top: -4rem;
    }

    .abt22 .abt22_top {
        margin: 0 0 16rem auto;
    }

    .abt22_top .abt22_txt {
        max-width: 53%;
        min-height: 300px;
        padding: 7rem 14.5rem 8rem 13rem;
    }

    .abt22_top .abt22_deco01 {
        left: 37rem;
        width: 35%;
    }
}

@media screen and (max-width:1000px) {
    .about1 .abt12 .abt1_deco02 {
        bottom: 15rem;
        left: 27rem;
        width: 50%;
    }
    .abt22_top .abt22_txt {
        padding: 6rem 13rem 7rem 10rem;
    }

    .abt22_top .abt22_deco01 {
        left: 30rem;
    }

    .abt22 .abt22_bot img {
        width: 33%;
    }

    .abt22 .abt22_bot img:first-child {
        padding-right: 1rem;
    }
}

@media screen and (max-width:834px) {
    .abt11 .abt11_txt {
        padding: 3rem 2rem 0 3rem;
        width: 46%;
    }

    .abt11 .abt11_img {
        width: 50%;
    }

    .about1 .abt12 {
        margin-top: 0;
    }
        .about1 .abt12 .abt1_deco02 {
        bottom: 11rem;
        left: 23rem;
        width: 55%;
    }

    .about2 .abt21 {
        margin-top: -15rem;
    }

    .abt21 .abt21_img01 {
        padding-top: 11rem;
    }

    .about2 .abt22 {
        margin-top: -9rem;
    }

    .about2 .abt22:after {
        bottom: 13rem;
        min-height: 70px;
    }

    .abt22_top .abt22_txt {
        max-width: 63%;
    }

    .abt22_top .abt22_deco01 {
        left: 25rem;
        width: 26%;
        top: 26rem;
    }

    .abt22 .abt22_bot {
        justify-content: center;
    }

    .abt22 .abt22_bot img {
        width: 49%;
    }
}

@media screen and (max-width:768px) {
        .about1 .abt12 .abt1_deco02 {
        left: 21rem;
    }
    .about2 .abt22:after {
        min-height: 60px;
        bottom: 29rem;
    }

    .abt22 .abt22_top {
        margin: 0 0 3rem auto;
    }

    .abt22_top .abt22_deco01 {
        left: 22rem;
    }

    .abt22 .abt22_bot {
        margin: 0 0 0 auto;
    }
}

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

    .abt11 .abt11_txt {
        padding: 3rem 2rem 3rem 2rem;
        width: 85%;
    }

    .abt11 .abt11_img {
        width: 90%;
        margin-bottom: 3rem;
    }

    .about1 .abt12 {
        width: 70%;
    }
        .about1 .abt12 .abt1_deco02 {
        left: 28rem;
        width: 65%;
        bottom: 13rem;
    }

    .about2 .abt21 {
        flex-wrap: wrap;
    }

    .abt21 .abt21_img01 {
        width: 95%;
        padding-top: 9rem;
    }

    .abt21 .abt21_img02 {
        width: 100%;
        margin: 3rem 0;

    }

    .about2 .abt22 {
        margin-top: -4rem;
        padding-bottom: 10rem;
    }

    .about2 .abt22:before {
        min-height: 446px;
    }

    .about2 .abt22:after {
        bottom: 0rem;
    }

    .abt22 .abt22_top {
        margin: 0 0 10rem auto;
    }

    .abt22_top .abt22_txt {
        max-width: 100%;
        margin: 3rem 0;
        padding: 4rem 9rem 8rem 11rem;
    }

    .abt22_top .abt22_deco01 {
        left: 0;
    }

    .abt22 .abt22_bot {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
    }
}

@media screen and (max-width:576px) {
        .about1 .abt12 .abt1_deco02 {
        left: 25rem;
        bottom: 11rem;
    }
    .about2 .abt22 {
        padding-bottom: 4rem;
    }

    .about2 .abt22:after {
        bottom: -1rem;
    }

    .abt22 .abt22_top {
        margin: 0;
    }

    .abt22 .abt22_bot {
        flex-wrap: wrap;
    }

    .abt22 .abt22_bot img {
        width: 95%;
    }

    .abt22 .abt22_bot img:first-child {
        padding: 0 0 2rem 0;
    }
}

@media screen and (max-width:450px) {
    .about .about1 {
        overflow-x: hidden;
    }

    .abt11 .abt11_txt {
        padding: 4rem 2rem 3rem 2rem;
        width: 100%;
    }

    .abt11 .abt11_txt h3 {
        margin-bottom: 2rem;
    }
        .about1 .abt12 .abt1_deco02 {
        left: 20rem;
        bottom: 9rem;
    }

    .abt21 .abt21_img02 {
        margin: 3rem 0 0;
    }

    .about2 .abt22 {
        margin-top: 0;
        padding-bottom: 4rem;
    }

    .about2 .abt22:before {
        min-height: 430px;
    }

    .about2 .abt22:after {
        min-height: 50px;
        left: 0;
    }

    .abt22_top .abt22_txt {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding: 4rem 2rem 4rem 2rem;
        margin: 0;
    }

    .abt22_top .abt22_deco01 {
        top: -11rem;
        width: 35%;
    }

    .abt22_top .abt22_deco02 {
        top: 0;
        right: 0;
        width: 6%;
    }

    .abt22 .abt22_bot {
        margin: 3rem 0 0 0;
        padding: 0 1rem;
    }

}
@media screen and (max-width:414px){
        .about1 .abt12 .abt1_deco02 {
        left: 18rem;
        bottom: 8rem;
    }
}


@media screen and (max-width:393px) {
    .about1 .abt12 .abt1_deco02 {
        left: 17rem;
        bottom: 8rem;
        width: 68%;
    }
    .abt22_top .abt22_deco01 {}
}

@media screen and (max-width:360px) {
   .about1 .abt12 .abt1_deco02 {
        left: 16rem;
        bottom: 6rem;
        width: 70%;
    }
    .abt21 .abt21_img01 {
        padding-top: 11rem;
    }

    .abt22_top .abt22_deco01 {}
}
@media screen and (max-width:320px){
        .about1 .abt12 .abt1_deco02 {
        left: 14rem;
    }
}
/***about end****/
/***********************/
/***********************/
/***environment start***/

.environment {}


/*env1*/

.environment .env1 {
    background: url(../../images/env1_bg.png) bottom center no-repeat;
    background-size: contain;
    width: 100%;
    padding-bottom: 15rem;
}

.env1 .env1_inner {
    width: 1760px;
    max-width: 100%;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.env1_inner .env1_txt {
    width: 37.5%;
    padding: 5.6rem 0 0 7rem;
    position: relative;
}

.env1_inner .env1_txt:before {
    content: '';
    background: url(../../images/env1_deco01.png) top left no-repeat;
    background-size: contain;
    width: 136px;
    max-width: 100%;
    min-height: 148px;
    position: absolute;
    top: 3rem;
    left: 0;
}

.env1_inner .env1_txt p {
    padding: 3rem 13.4rem 0 7.9rem;
    text-align: justify;
    font-size: 18px;
}

.env1_inner .env1_txt img:last-child {
    padding: 0 0 0 13.3rem;
    margin-top: -3rem;
}

.env1_inner .env1_img {
    width: 62%;
    text-align: right;
}

.env1_inner .env1_img img:first-child {
    margin: 0 0 -32rem 0;
    padding-right: 30rem;
    position: relative;
    z-index: 1;
}


.env1_inner .env1_en {
    position: absolute;
    left: 2rem;
    bottom: 9.5rem;
    z-index: 0;

}

.env1_inner .env1_en p {
    font-size: 150px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: bold;
    line-height: .9;
    text-transform: uppercase;
    padding: 0 2.9rem 0 1.3rem;
    letter-spacing: 0;
}

.env1_inner .env1_en:before {
    content: '';
    background: rgba(116, 177, 161, .5);
    width: 900px;
    max-width: 100%;
    min-height: 57px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 100px;
}

@media screen and (max-width:1600px) {
    .env1_inner .env1_en p {
        font-size: 110px;
    }
}

@media screen and (max-width:1536px) {
    .env1_inner .env1_img img:first-child {
        margin: 0 0 -29rem 0;
    }
}

@media screen and (max-width:1400px) {
    .env1_inner .env1_txt p {
        padding: 3rem 7rem 0 4rem;
    }

    .env1_inner .env1_txt img:last-child {
        padding: 0 0 0 7rem;
        margin-top: -1rem;
    }

    .env1_inner .env1_img img:first-child {
        margin: 0 0 -26rem 0;
    }

    .env1_inner .env1_en {
        bottom: 4rem;
    }

    .env1_inner .env1_en p {
        font-size: 90px;
    }
}

@media screen and (max-width:1200px) {
    .env1_inner .env1_img {
        width: 55%;
    }

    .env1_inner .env1_txt {
        width: 40%;
    }

    .env1_inner .env1_txt p {
        padding: 3rem 2rem 0 4rem;
    }

    .env1_inner .env1_img img:first-child {
        margin: 0 0 -19rem 0;
        padding-right: 18rem;
    }
}

@media screen and (max-width:1100px) {
    .env1_inner .env1_txt img:last-child {
        padding: 0;
        margin-top: 0;
    }
}

@media screen and (max-width:1000px) {
    .env1_inner .env1_img img:first-child {
        margin: 0 0 -13rem 0;
        padding-right: 13rem;
    }

    .env1_inner .env1_en {
        bottom: 1rem;
        left: 4rem;
    }

    .env1_inner .env1_en:before {
        min-height: 28px;
    }

    .env1_inner .env1_en p {
        font-size: 60px;
    }
}

@media screen and (max-width:834px) {
    .environment .env1 {
        padding-bottom: 20rem;
    }

    .env1_inner .env1_txt {
        width: 47%;
    }

    .env1_inner .env1_img {
        width: 50%;
    }

    .env1_inner .env1_en {
        bottom: -6rem;
    }
}

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

    .env1_inner .env1_txt {
        width: 95%;
    }

    .env1_inner .env1_txt img:last-child {
        padding: 0 0 0 4rem;
    }

    .env1_inner .env1_img {
        width: 100%;
    }

    .env1_inner .env1_img img:first-child {
        margin: 0 0 -19rem 0;
        padding-right: 17rem;
    }

    .env1_inner .env1_en {
        left: 1rem;
    }
}

@media screen and (max-width:450px) {
    .environment .env1 {
        padding-bottom: 14rem;
        background-size: 150%;
    }

    .env1 .env1_inner {
        overflow: hidden;
        padding-bottom: 14rem;
    }

    .env1_inner .env1_txt:before {
        min-height: 88px;
    }

    .env1_inner .env1_txt {
        padding: 4rem 0 0 4rem;
    }

    .env1_inner .env1_txt p {
        padding: 3rem 0 0 2rem;
    }

    .env1_inner .env1_txt img:last-child {
        padding: 0 0 0 8rem;
        margin-top: 1rem;
    }

    .env1_inner .env1_img img:first-child {
        margin: 0 0 -7rem 0;
        padding: 0 2rem;
    }

    .env1_inner .env1_en {
        bottom: 3rem;
    }
}

@media screen and (max-width:414px) {
    .environment .env1 {
        background-position: bottom 5rem left -9rem;
    }

    .env1_inner .env1_txt {
        padding: 4rem 2rem 0 4rem;
        width: 100%;
    }

    .env1_inner .env1_img img:first-child {
        margin: 0 0 -6rem 0;
        padding: 0 1rem;
    }

    .env1_inner .env1_en p {
        font-size: 50px;
        padding: 0 2rem .5rem 1.3rem;
    }

    .env1_inner .env1_en {
        left: 4rem;
    }

    .env1_inner .env1_en:before {
        min-height: 22px;
    }
}

@media screen and (max-width:393px) {
    .environment .env1 {
        padding-bottom: 13rem;
    }
}

@media screen and (max-width:360px) {
    .env1_inner .env1_txt:before {
        min-height: 50px;
        top: 4rem;
    }

    .env1_inner .env1_txt {
        padding: 4rem 2rem 0 2rem;
    }

    .env1_inner .env1_txt p {
        padding: 2rem 0 0 0;
    }

    .env1_inner .env1_en {
        left: 2rem;
    }
}

@media screen and (max-width:350px) {
    .environment .env1 {
        background-position: bottom 5rem left -7rem;
    }

    .env1_inner .env1_en p {
        font-size: 45px;
        padding: 0 2rem .5rem 1.3rem;
    }
}

@media screen and (max-width:310px) {
    .env1_inner .env1_img img:first-child {
        margin: 0 0 -5rem 0;
    }

    .env1_inner .env1_en p {
        font-size: 40px;
    }
}

@media screen and (max-width:320px) {
    .env1_inner .env1_en {
        left: 1rem;
    }
}


/*env2*/

.environment .env2 {
    background: url(../../images/env2_bg.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 6.5rem 0;
    position: relative;
}

.env2 .env2_title {
    background: url(../../images/env2_titlebg.jpg) top left no-repeat;
    background-size: cover;
    width: 522px;
    max-width: 100%;
    min-height: 97px;
    position: absolute;
    top: -9.7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 3.5rem 5.4rem 0;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

.env2 .env2_img {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

}


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

    .env2 .env2_img img {
        width: 33%;
    }
}

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

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

    .env2 .env2_title {
        padding: 3.5rem 2rem 0;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }

    .env2 .env2_img {
        flex-wrap: wrap;
        justify-content: center;
    }

    .env2 .env2_img img {
        width: 100%;
        margin-bottom: 2rem;
    }
}

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

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

    .env2 .env2_img img {
        margin-bottom: 1rem;
    }
}


/*env3*/

.environment .env3 {
    background: url(../../images/env3_bg02.png) top right no-repeat, url(../../images/env3_bg01.png) bottom center no-repeat;
    width: 100%;
    padding: 0 0 43rem 0;
    position: relative;

}

.env3 .env3_inner {
    padding: 5.6rem 0 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.env3_inner .env31 {
    width: 27.9%;
}

.env3_inner .env31 img {
    border-top-right-radius: 270px;
    border-bottom-right-radius: 270px;
}

.env3_inner .env32 {
    width: 31.9%;
    padding: 8.3rem 0 0 7rem;
    position: relative;
    margin-left: -10.3rem;

}

.env3_inner .env32:before {
    content: '';
    background: url(../../images/env3_deco01.png) top left no-repeat;
    background-size: contain;
    width: 136px;
    max-width: 100%;
    min-height: 148px;
    position: absolute;
    top: 5.8rem;
    left: 0;
}

.env3_inner .env32 p {
    padding: 3rem 4.4rem 0 11.9rem;
    text-align: justify;
    font-size: 18px;
    margin-bottom: 5rem;
}

.env3_inner .env32 img:last-child {
    padding: 0 0 0 2.3rem;
}

.env3_inner .env33 {
    width: 45%;
    text-align: right;
}

.env3_inner .env33 img:first-child {
    padding-right: 29.5rem;
    margin-bottom: -40.5rem;
    position: relative;
    z-index: 1;
}



.env3 .env3_en {
    position: absolute;
    left: 24.6rem;
    bottom: 23.8rem;
    z-index: 0;
}

.env3 .env3_en:before {
    content: '';
    background: rgba(191, 148, 107, .5);
    width: 900px;
    max-width: 100%;
    min-height: 57px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 100px;
}

.env3 .env3_en p {
    font-size: 150px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: bold;
    line-height: .9;
    text-transform: uppercase;
    padding: 0 2.9rem 0 1.3rem;
    letter-spacing: 0;
}

@media screen and (max-width:1700px) {
    .env3_inner .env32 p {
        padding: 3rem 4.4rem 0 8rem;
    }
}

@media screen and (max-width:1600px) {
    .env3 .env3_en p {
        font-size: 110px;
    }
}

@media screen and (max-width:1536px) {
    .environment .env3 {
        background-size: contain;
    }

    .env3_inner .env33 img:first-child {
        margin-bottom: -31rem;
    }
}

@media screen and (max-width:1400px) {
    .environment .env3 {
        padding: 0 0 40rem 0;
    }

    .env3_inner .env32 {
        width: 40%;
    }

    .env3_inner .env33 {
        width: 40%;
    }

    .env3_inner .env33 img:first-child {
        margin-bottom: -25rem;
        padding-right: 15rem;
    }

    .env3 .env3_en p {
        font-size: 90px;
    }
}

@media screen and (max-width:1200px) {
    .env3_inner .env33 img:first-child {
        margin-bottom: -22rem;
        padding-right: 10rem;
    }
}

@media screen and (max-width:1100px) {
    .environment .env3 {
        padding: 0 0 38rem 0;
    }

    .env3 .env3_en {
        left: 0;
        right: 0;
        bottom: 18rem;
        margin: 0 auto;
        text-align: center;

    }

    .env3 .env3_en:before {
        max-width: 45%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width:1000px) {
    .environment .env3 {
        padding: 0 0 31rem 0;
    }

    .env3_inner .env31 {
        width: 25%;
    }

    .env3_inner .env32 {
        width: 50%;
    }

    .env3_inner .env33 img:first-child {
        margin-bottom: -12rem;
        padding-right: 4rem;
    }
}

@media screen and (max-width:834px) {
    .environment .env3 {
        padding: 0 0 24rem 0;
    }

    .env3 .env3_inner {
        flex-wrap: wrap;
    }

    .env3_inner .env31 {
        width: 95%;
    }

    .env3_inner .env32 {
        width: 80%;
        margin: 0 0 3rem 0;
        order: -1;
        padding: 3rem 0 0 7rem;
    }

    .env3_inner .env32:before {
        top: 1rem;
    }

    .env3_inner .env33 {
        width: 100%;
    }

    .env3_inner .env33 img:first-child {
        margin-bottom: -39rem;
        padding-right: 17rem;
    }

    .env3 .env3_en {
        bottom: 15rem;
    }
}

@media screen and (max-width:768px) {
    .environment .env3 {
        background-size: 100%, 127%;
    }
}

@media screen and (max-width:650px) {
    .environment .env3 {
        background-size: 100%, 157%;
    }

    .env3_inner .env32 {
        width: 95%;
    }

    .env3_inner .env33 {
        margin-top: 3rem;
    }

    .env3_inner .env33 img:first-child {
        margin-bottom: -32rem;
        padding-right: 7rem;
    }

    .env3 .env3_en p {
        font-size: 60px;
    }

    .env3 .env3_en:before {
        max-width: 55%;
        min-height: 28px;
    }
}

@media screen and (max-width:576px) {
    .env3_inner .env32 p {
        padding: 3rem 2rem 0 5rem;
    }

    .env3_inner .env32 img:last-child {
        padding: 0;
    }
}

@media screen and (max-width:450px) {
    .env3 .env3_inner {
        overflow-x: hidden;
    }

    .env3_inner .env32 {
        padding: 4rem 0 0 4rem;
    }

    .env3_inner .env32:before {
        min-height: 88px;
    }

    .env3_inner .env32 p {
        padding: 3rem 0 0 2rem;
    }

    .env3_inner .env33 img:first-child {
        margin-bottom: -10rem;
        padding-right: 0;
    }

    .env3 .env3_en:before {
        max-width: 75%;
    }

    .environment .env3 {
        background-size: 100%, 190%;
    }
}

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

    .env3_inner .env33 {
        margin-top: 1rem;
    }
}

@media screen and (max-width:393px) {
    .env3 .env3_en:before {
        max-width: 80%;
    }
}

@media screen and (max-width:370px) {
    .env3 .env3_en:before {
        max-width: 90%;
    }

    .environment .env3 {
        background-size: 100%, 220%;
    }
}

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

    .env3_inner .env32 {
        padding: 4rem 2rem 0 2rem;
    }

    .env3_inner .env32:before {
        min-height: 50px;
        top: 4rem;
    }

    .env3_inner .env32 p {
        padding: 2rem 0 0 0;
    }
}

@media screen and (max-width:320px) {
    .env3_inner .env33 img:first-child {
        margin-bottom: -10rem;
    }
}

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

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


/*env4*/

.environment .env4 {
    background: url(../../images/env4_bg.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 6.5rem 0;
    position: relative;
}

.env4 .env4_title {
    background: url(../../images/env2_titlebg.jpg) top left no-repeat;
    background-size: cover;
    width: 522px;
    max-width: 100%;
    min-height: 97px;
    position: absolute;
    top: -9.7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 3.5rem 5.4rem 0;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

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

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

    .env4 .env4_img img {
        width: 33%;
    }
}

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

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

    .env4 .env4_title {
        padding: 3.5rem 2rem 0;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }

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

    .env4 .env4_img img {
        width: 100%;
        margin-bottom: 2rem;
    }
}

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

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

    .env4 .env4_img img {
        margin-bottom: 1rem;
    }
}



/*env5*/

.environment .env5 {
    background: url(../../images/env5_bg.png) top center no-repeat;
    width: 100%;
    position: relative;
}

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

.env5_inner .env51 {
    width: 33%;
    padding-top: 2rem;
}

.env5_inner .env52 {
    width: 66%;
}

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

@media screen and (max-width:768px) {
    .env5 .env5_inner {
        padding: 3rem 2rem 0;
    }
}

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

    .env5_inner .env51 {
        width: 100%;
    }

    .env5_inner .env52 {
        width: 100%;
        order: -1;
    }
}

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

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


.roomguide {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 2rem;
}

.roomguide ul {}

.roomguide ul li {
    margin-bottom: 3.3rem;
}

.roomguide ul li a {
    display: flex;
    transition: .5s all;
}

.roomguide ul li a .rmg_img {
    width: 70%;
}

.roomguide ul li a .rmg_img img {}


.roomguide ul li a .rmg_name {
    width: 30%;
    padding-top: 11rem;
    text-align: center;
}

.roomguide ul li a .rmg_name img {}

.roomguide ul li a .rmg_name h3 {
    font-size: 78px;
    color: #82b56b;
    font-family: 'Montserrat';
    text-transform: uppercase;
    line-height: 1;
    margin: 2.6rem 0 2rem;
    font-weight: 400;
}

.roomguide ul li a .rmg_name img:first-child {}

.roomguide ul li a .rmg_name img:last-child {}


.roomguide ul li:nth-child(even) a .rmg_name {
    order: -1;
}


@media (any-hover: hover) {
    .roomguide ul li a:hover {
        animation: frog 1.5s infinite;
    }

    @keyframes frog {
        0% {
            transform: scale(1.0);
        }

        50% {
            transform: scale(.8);
        }

        100% {
            transform: scale(1.0);
        }
    }
}

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

    .roomguide ul li:nth-child(odd) a .rmg_img {
        padding-right: 2rem;
    }
}

@media screen and (max-width:1100px) {
    .roomguide ul li a .rmg_name h3 {
        font-size: 60px;
        margin: 1rem 0;
    }
}

@media screen and (max-width:834px) {
    .roomguide ul li a .rmg_name {
        padding-top: 3rem;
    }

    .roomguide ul li a .rmg_name h3 {
        font-size: 50px;
    }
}

@media screen and (max-width:650px) {
    .roomguide ul li a .rmg_name h3 {
        font-size: 40px;
    }
}

@media screen and (max-width:576px) {
    .roomguide ul li {
        margin-bottom: 5rem;
    }

    .roomguide ul li a {
        flex-wrap: wrap;
        justify-content: center;
    }

    .roomguide ul li a .rmg_img {
        width: 100%;
    }

    .roomguide ul li:nth-child(odd) a .rmg_img {
        padding-right: 0;

    }

    .roomguide ul li a .rmg_name {
        padding-top: 3rem;
        width: 100%;
    }

    .roomguide ul li:nth-child(even) a .rmg_name {
        order: 0;
    }

    .roomguide ul li a .rmg_name h3 {
        font-size: 78px;
    }
}

@media screen and (max-width:450px) {
    .roomguide ul li a .rmg_name h3 {
        font-size: 60px;
    }
}

@media screen and (max-width:414px) {
    .roomguide ul li a .rmg_name img:first-child {
        width: 70%;
    }
    .roomguide ul li a .rmg_name h3 {
        font-size: 40px;
    }
}

@media screen and (max-width:360px) {
    .roomguide ul li {
        padding: 0 1rem;
    }
    .roomguide ul li a .rmg_name h3 {
        font-size: 30px;
    }
}

@media screen and (max-width:330px) {
    .roomguide ul li a .rmg_name h3 {
        font-size: 50px;
    }
}

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


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

.room {
    padding-top: 2rem;
}

.room .rmbt {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.room .rmbt ul {}

.room .rmbt ul li {
    display: inline-block;
    width: 19%;
}

.room .rmbt ul li a {
    background: url(../../images/rmbt_bg.png) top left no-repeat;
    background-size: contain;
    max-width: 100%;
    padding: 2.5rem 3rem 2.5rem 3.5rem;
    text-align: center;
}

.room .rmbt ul li a h2 {
    font-size: 28px;
    margin-bottom: .5rem;
    transition: .5s all;
}

.room .rmbt ul li a h2 span {
    font-size: 22px;
}

.room .rmbt ul li a h3 {
    font-size: 16px;
    color: #82b56b;
    font-family: 'Montserrat';
    letter-spacing: 0;
    font-weight: 400;
    transition: .5s all;
}

@media (any-hover: hover) {

    .room .rmbt ul li a:hover h2 {
        color: #82b56b;
    }

    .room .rmbt ul li a:hover h3 {
        color: #202020;
    }
}

@media screen and (max-width:1100px) {
    .room .rmbt ul li {
        width: 25%;
        margin-bottom: 2rem;
    }

    .room .rmbt ul li a {
        padding: 2.5rem 3rem 2.5rem 1rem;
    }
}

@media screen and (max-width:834px) {
    .room .rmbt ul li {
        width: 30%;
    }

    .room .rmbt ul li a {
        padding: 2.5rem 3rem 2.5rem 3rem;
    }
}

@media screen and (max-width:768px) {
    .room .rmbt ul li {
        width: 32%;
    }

    .room .rmbt ul li a {
        padding: 2.5rem 2rem 2.5rem 3rem;
    }

    .room .rmbt ul li a h2 {
        font-size: 23px;
    }

    .room .rmbt ul li a h2 span {
        font-size: 18px;
    }

}

@media screen and (max-width:576px) {
    .room .rmbt ul li a {
        padding: 2rem 2rem 2rem 3rem;
    }

    .room .rmbt ul li a h3 {
        font-size: 12px;
    }
}

@media screen and (max-width:450px) {
    .room .rmbt ul li {
        width: 46%;
    }

    .room .rmbt ul li a {
        padding: 2rem;
    }
}

@media screen and (max-width:414px) {
    .room .rmbt ul li {
        width: 48%;
    }
}

@media screen and (max-width:360px) {
    .room .rmbt ul li {
        width: 49%;
    }

    .room .rmbt ul li a {
        padding: 1.5rem 1rem 2rem 2rem;
    }
}

@media screen and (max-width:330px) {
    .room .rmbt ul li a h2 {
        font-size: 18px;
    }

    .room .rmbt ul li a h2 span {
        font-size: 14px;
    }
}


.room .rmimg {
    width: 1480px;
    max-width: 100%;
    margin: 4rem auto 0;
}

.room .rmbtm {
    width: 1360px;
    max-width: 100%;
    margin: 4rem auto 3rem;
}

.room .rmbtm h5 {
    text-align: center;
    margin: 0 0 3rem 0;
}


#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images>div>img {
    border-radius: 180px;
}

.room .roomb {
    margin-top: 2rem;
}
.rmbtm .roomb table{
    border:1px solid #000;
}
.rmbtm .roomb table th {
    font-size: 18px;
}

.rmbtm .roomb table td {
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}

.roomb .rinfo {
    margin-top: 2rem;
    font-size: 18px;
}

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

    .room .rmbtm {
        padding: 0 2rem;
    }
}

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

    #wowslider-container1 .ws_images .ws_list img,
    #wowslider-container1 .ws_images>div>img {
        border-radius: 100px;
    }
}

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

    #wowslider-container1 .ws_images .ws_list img,
    #wowslider-container1 .ws_images>div>img {
        border-radius: 60px;
    }

    .brmob {
        display: none;
    }
	.rmbtm .roomb table{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
}


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

    #wowslider-container1 .ws_images .ws_list img,
    #wowslider-container1 .ws_images>div>img {
        border-radius: 30px;
    }
    
}

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

    .room .rmbtm {
        padding: 0 1rem;
    }
}

/***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: 18px;
    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:815px) {
    .r_icons {
        text-align: left;
    }
}

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

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

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

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

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

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

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

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

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

.notice {
    position: relative;
    padding: 11.3rem 0 15rem;
}

/*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 20px;
    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: 100%;
    margin: 0 auto;
    font-size: 18px;
}

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

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

@media screen and (max-width:768px) {
    .notice {
        padding: 7.3rem 0 7rem;
    }
}

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

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

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

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

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

.note_icon ul {
    list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*---footer----------------------------------------------------------------------------------------------------------------------------------*/
footer {
    width: 100%;
    position: relative;
    background: url(../../images/ft_bg.jpg) top center no-repeat, #fff;
    padding: 36rem 0 0 0;
    background-size: contain;
}

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


.ft_inner .ft_top {
    width: 523px;
    max-width: 100%;
    margin: 0 auto;
}

.ft_top .ft_logo {
    width: 50%;
    margin: 0 auto 2rem;
}

.ft_top .ft_info {}

.ft_info .ft_list {
    width: 80%;
    margin: 0 auto;
}

.ft_info .ft_list ul {}

.ft_info .ft_list ul li {}

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

.ft_info .ft_list ul li span:first-child {
    width: 8%;
    vertical-align: top;
    margin-right: 1rem;
}

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


.ft_top .ft_btn {

    padding-top: 2rem;
}

.ft_btn .ft_link {}

.ft_btn .ft_link ul {}

.ft_btn .ft_link ul li {
    position: relative;
    display: inline-block;
    width: 32%;
}

.ft_link ul li a {}

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


@media (any-hover: hover) {
    .ft_link ul li a:hover img {
        opacity: .8;
        transform: translateY(-5px);
    }
}



.ft_btn .ft_icon {
    margin-top: 3rem;
}



.ft_btn .ft_icon {
    margin: 3rem auto 2.5rem;
    border: 1px #2f4364 solid;
    border-radius: 100px;
    padding: .5rem 2.5rem;
    width: 260px;
    max-width: 100%;

}

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

.ft_btn .ft_icon p {
    display: inline-block;
    font-size: 16px;
    color: #2f4364;
}


.ft_bottom {
    width: 100%;
    background: #2f4364;
    padding: 1.5rem 0;
}

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

.bot_inner .ft_icon {}

.ft_icon .icon {}

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

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

/*share*/
.share {
    color: #fff;
    font-size: 13px;
    font-family: 'Montserrat';
    display: inline-block;
}

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

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

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

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

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

    .ft_bottom {
        padding: 1.5rem 2rem;
    }
}

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

    footer {
        padding: 23rem 0 0 0;
    }

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

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

@media screen and (max-width:768px) {
    footer {
        padding: 19rem 0 0 0;
    }
}

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

    .ft_inner .ft_top {
        padding: 0 2rem;
    }

    .ft_info .ft_list {
        width: 100%;
    }

    .ft_bottom {
        padding: 3rem 2rem 12rem;
    }
}

@media screen and (max-width:350px) {
    footer {
        padding: 9rem 0 0 0;
    }

    .ft_inner .ft_top {
        padding: 0 1rem;
    }
}

@media screen and (max-width:320px) {
    .ft_info .ft_list ul li span {
        letter-spacing: 0;
    }

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

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

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



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



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


/***********************/
/***scenic start***/

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

.scenic .sce_txt{
    width: 1130px;
    max-width: 100%;
    margin: 0 auto 2rem;
}
.scenic .sce_txt p{
    font-size: 18px;
    text-align: center;
}

.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:1440px) {
    #services_sce {
        padding: 3em 1em 4em;
    }
    .scenic .sce_txt{
        padding: 0 2rem;
    }
}

@media (max-width:480px) {
    .scenic {
        padding: 3rem 0 10rem;
    }
    .scenic .sce_txt{
        padding: 0 1rem;
    }

    .scebtn {
        padding: 0 0;
    }

    .scebtn h2 {
        margin: 5px;
    }
}

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

.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) {


    .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) {

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

@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;
    padding: 9rem 0;
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
}

.location .loc_map {
    width: 1329px;
    margin: 3rem auto 0;
    max-width: 100%;
    min-height: 851px;
    position: relative;

}

.location .loc_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;

}

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

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

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

    .location .loc_map iframe {
        border-radius: 70px;
    }
}

@media screen and (max-width:450px) {
    .location .loc_map {
        min-height: 350px;
    }
}

@media screen and (max-width:414px) {
    .location .loc_map {
        min-height: 320px;
    }

    .location .loc_map iframe {
        border-radius: 30px;
    }
}

@media screen and (max-width:330px) {
    .location .loc_map {
        min-height: 250px;
    }
}



/***location end****/
/***********************/
/***********************/
/***roomqty start***/


.roomqty {
    width: 1330px;
    max-width: 100%;
    margin: 3rem auto 0;
}



.oki_gre,
.oki_A {
    background: #99ee00;
    width: 12px;
    height: 12px;
    line-height: 12px;
    display: inline-block
}

.oki_ora,
.oki_W {
    background: #FFcc66;
    width: 12px;
    height: 12px;
    line-height: 12px;
    display: inline-block
}

.oki_red,
.oki_F {
    background: #FF6666;
    width: 12px;
    height: 12px;
    line-height: 12px;
    display: inline-block
}

.oki_gra,
.oki_N {
    background: #999999;
    width: 12px;
    height: 12px;
    line-height: 12px;
    display: inline-block
}

.oki_whi {
    color: #ffffff
}

.oki_bg_gre {
    background: #33CC00
}

.oki_bg_red {
    background: #c3aa9c
}

.oki_pink {
    background: #FFEEEE
}

.oki_wk0 {
    background: #FFCCCC
}

.oki_wk6 {
    background: #FFEEEE
}

.oki_roomqty {
    font-size: 18px;
    max-width: 1500px;
}

.oki_r_table {
    border-collapse: collapse;

}

.oki_r_table tr.qty td {
    text-align: center;
}


.oki_r_btn {
    text-decoration: none;
    background: #ff9900;
    color: #ffffff;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
    margin-left: 5px;
}

.oki_r_btn:hover {
    text-decoration: none;
    background: #ff9900;
    color: #000000;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.oki_msg {
    min-height: 22px;
    *height: ;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 2rem;
}


.oki_w100p {
    width: 98%
}

.oki_h3 {
    font-weight: bold;
    font-size: 18px
}

.oki_right {
    float: right
}

.oki_hide {
    display: none
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


/***roomqty end****/
/***********************/