
.bg{position: absolute;top: 0;left: 0;width: 100%;height: inherit}
.bg.z--1{z-index: -1}

/*! #marriott start */
.marriott-wrap{position: relative;padding-top: 3.2rem;padding-bottom: 1.5rem;text-align: center}
.marriott-wrap::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);max-width: 16rem;width: 100%;height: 1px;background: linear-gradient(to right, #a1b3dc, #ed99b8, #7094cc, #5fabdf, #7fc7b3)}
.marriott-wrap .marriott-title{line-height: 1.1666666667;font-weight: bold}
.marriott-wrap .marriott-info{line-height: 1.5;margin-top: .49rem;text-align: center}
.marriott-wrap .marriott-main{margin-top: .9rem}
.marriott-wrap .hexagon-group{display: flex;justify-content: center}
.marriott-wrap .hexagon-group:nth-child(n+2){margin-top: -0.3rem}
.marriott-wrap .hexagon{width: 1.82rem;flex-shrink: 0;background: url("/static/home/images/marriott-bd.png") no-repeat center/contain;margin: 0 .1rem}
.marriott-wrap .hexagon{position: relative}
.marriott-wrap .hexagon::before{content: "";display: block;padding-top: 113.1868131868%}
.marriott-wrap .hexagon .fill{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: 1;transition: .5s}
.marriott-wrap .hexagon-img{display: flex;align-items: center;justify-content: center;/* padding: 19% */}
.marriott-wrap .swp-pagination{position: static;display: flex;justify-content: center;margin-top: .6rem}
.marriott-wrap .swiper-pagination-bullet{display: block;width: .08rem;height: .08rem;border-radius: .04rem;background: url("/static/home/images/marriott-pagination.png") no-repeat center/cover;opacity: 1;transition: .3s}
.marriott-wrap .swiper-pagination-bullet-active{width: .4rem}
@media(max-width: 750px){
	.marriott-wrap{padding-top: 1.5rem}
    .marriott-wrap .hexagon{width: calc((100% - 1rem)/5)}
    .marriott-wrap .hexagon-group{display: flex;justify-content: center}
    .marriott-wrap .hexagon-group:nth-child(n+2){margin-top: -0.15rem}
    .marriott-wrap .marriott-info{text-align: left;}
    .marriott-wrap .marriott-info>p{margin:.1rem 0;}
}
/*! #marriott end */
 
/*! #case-list start */
.case-list-wrap{position: relative;padding-top: 1.45rem;padding-bottom: 1.5rem}
.case-list-wrap::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);max-width: 16rem;width: 100%;height: 1px;background: linear-gradient(to right, #a1b3dc, #ed99b8, #7094cc, #5fabdf, #7fc7b3)}
.case-list-wrap .case-list-title{line-height: 1.1666666667;font-weight: bold;text-align: center}
.case-list-wrap .cl-main{margin-top: .8rem}
.case-list-wrap .cl-inner{display: flex}
.case-list-wrap .cl-group{display: flex}
.case-list-wrap .cl-item{position: relative;margin: .15rem;border-radius: .25rem;background-color: hsla(0, 0%, 100%, .5)}
.case-list-wrap .cl-item:nth-child(even)::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: inherit;padding: 1px;background: linear-gradient(to right, #a1b3dc, #ed99b8, #7094cc, #5fabdf, #7fc7b3);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none}
.case-list-wrap .cl-entry{display: block;width: 5.13rem}
.case-list-wrap .cl-entry{position: relative}
.case-list-wrap .cl-entry::before{content: "";display: block;padding-top: 66.6666666667%}
.case-list-wrap .cl-entry .fill{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: 1;transition: .5s}
.case-list-wrap .cl-box{padding: .3rem}
.case-list-wrap .cl-pic{position: relative;border-radius: .2rem;overflow: hidden}
.case-list-wrap .cl-pic img{transition: .5s}
.case-list-wrap .cl-title{position: absolute;bottom: 0;left: 0;width: 100%;padding: .25rem .3rem;color: #fff;max-height: none;line-height: 1.625;background: linear-gradient(to top, rgba(0, 0, 0, 0.3333333333), transparent 50%)}
/*! #case-list end */
 
/*! #worldwide start */
.worldwide-wrap{padding-top: 1.45rem;padding-bottom: 1.36rem}
.worldwide-wrap .worldwide-title{line-height: 1.1666666667;font-weight: bold;text-align: center}
.worldwide-wrap .worldwide-main{display: flex;justify-content: space-between;width: 10.3rem;max-width: 100%;margin: .63rem auto 0}
.worldwide-wrap .worldwide-list{display: flex;flex-direction: column;flex-wrap: wrap;flex: 1 0 0;padding-left: .5rem;/* justify-content: space-between */}
.worldwide-wrap .worldwide-list:first-child{text-align: right;padding-right: .5rem;padding-left: 0;}
.worldwide-wrap .worldwide-item{line-height: 2}
@media(max-width: 750px){
	.worldwide-wrap .worldwide-main{padding: 0 .5rem;flex-direction: column}
    .worldwide-wrap .worldwide-list:nth-child(n){text-align: left;padding-left:0;padding-right: 0;}
}
/*! #worldwide end */

.wb-main{width: 100%;min-height: 100vh; padding: 3.2rem .3rem .9rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wb-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wb-titles{width: 100%;text-align: center;margin-bottom: .8rem;color: #000000;font-weight: bold;line-height: 1.16;}
.wb-cont{width: 100%;display: flex;flex-wrap: wrap;}
.wb-item{width: 25%;text-align: center;margin-bottom: .6rem;}
.wb-link{display: flex;align-content: space-between;flex-wrap: wrap;margin: 0 auto;cursor: pointer;width: calc(100% - .1rem);max-width: 3.8rem; height: 100%;min-height: 2.65rem;background-image: url('/static/home/images/wa1.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wb-img{width: 100%;height: 2.04rem;line-height: 2.04rem;}
.wb-img img{width: 3.64rem;max-width: calc(100% - 1.1rem);height: 100%;object-fit: contain; transform: scale(1.00);transition: all ease .5s;}
.wb-text{position: relative; width: 100%;padding: 0 .66rem 0 .44rem;display: flex;align-items: center;min-height: .74rem;}
.wb-text:before{content: '';position: absolute;top: 0;left: .44rem;width: calc(100% - 1.1rem);height: 1px;background-color: #000000;opacity: 0.06;}
.wb-text:after{content: '';position: absolute;top: 50%;right: .66rem;transform: translate(0,-50%);width: .41rem;height: .41rem;border-radius: 50%;border: solid 1px rgba(0,0,0,.1);background-image: url('/static/home/images/case-icon.png');background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.wb-more{color: #666666;line-height: 1.6;font-weight: bold;}
.wb-link:hover .wb-img img{transform: scale(1.05);}
.wb-link:hover .wb-text:after{background-image: url('/static/home/images/case-icon-b.png');background-color: #000;border: solid 1px #000;}
.wb-link:hover .wb-more{color: #ef99b8;}

.wb-main.cont2{padding: 1.45rem .3rem 1.5rem;background-color: #f7fbfd;background-size: 100% auto;background-position: top center;}
/* .wb-main.cont2 .wb-cont{padding-bottom: .2rem;} */
@media(max-width: 1200px){
   .wb-main{padding-top: 1.45rem;}
}
@media(max-width: 750px){
    .wb-item{width: 50%;}
}
