* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
*,img {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
img {
  pointer-events:none;
  -webkit-user-drag:none
}
#app {
  display:inline-block;
  position:relative
}
a {
  color:#222;
  text-decoration:none
}
.TWO_PIC {
  max-width:1920px;
  display:flex;
  align-items:center;
  height:calc(100vh - 80px);
  margin-top:80px;
  overflow:hidden
}
.TWO_PIC .img {
  width:50%
}
.fp-overflow {
  max-height:100%
}
#Fullpage {
  height:100vh;
  position:relative
}
#Fullpage .pageOneImg {
  align-items:center;
  justify-content:center
}
#Fullpage .pageOneImg .img {
  width:100%
}
#Fullpage .Page {
  flex:auto;
  overflow:hidden;
  display:flex;
  width:100vw;
  height:100vh;
  position:relative
}
#Fullpage .Page.withHead {
  height:calc(100vh - 80px);
  margin-top:80px
}
#Fullpage .page5 img {
  height:100%
}
#Fullpage .page7 img {
  height:98%;
  position:absolute
}
#Fullpage .page8 {
  background:#e6e2dd
}
#Fullpage .page8 img {
  height:100%;
  position:absolute
}
#Fullpage .page9 img {
  height:105%;
  left:50%;
  top:-6%;
  transform:translate(-50%);
  position:absolute
}
#Fullpage .page6 img {
  height:100%
}
#Fullpage .page6 .img1 {
  width:95%;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
#Fullpage .page4 .w {
  height:calc(50vh - 280px);
  width:100%;
  position:absolute;
  left:0
}
#Fullpage .page4 .w .w1 {
  text-align:center;
  position:relative;
  width:265px;
  margin:0 auto;
  margin-top:107px
}
#Fullpage .page4 .w .w1 span {
  display:block;
  text-align:center
}
#Fullpage .page4 .w .w1 span:first-child {
  font-size:32px;
  color:#222;
  line-height:40px;
  font-style:normal
}
#Fullpage .page4 .w .w1 span:first-child img {
  position:absolute;
  right:0;
  top:-23px;
  width:72px;
  height:62px
}
#Fullpage .page4 .w .w1 span:nth-child(2) {
  font-size:18px;
  color:#222;
  line-height:26px;
  font-style:normal
}
#Fullpage .page4 .a {
  margin-top:5%;
  width:80%;
  height:60%;
  display:flex;
  flex-direction:column;
  gap:5px
}
#Fullpage .page4 .a .c {
  display:flex;
  flex-direction:row;
  height:50%;
  overflow:hidden;
  gap:5px
}
#Fullpage .page4 .a .c1 .b {
  padding-left:2%;
  padding-top:2%;
  background:#031c16;
  color:#fff
}
#Fullpage .page4 .a .c1 .b:nth-child(2n) {
  background:#124d40
}
#Fullpage .page4 .a .c1 .b img {
  margin-bottom:40px;
  width:40px;
  height:40px
}
#Fullpage .page4 .a .c1 .b .b2 {
  position:absolute;
  bottom:20px
}
#Fullpage .page4 .a .c1 .b .b2 span {
  display:block;
  width:100%;
  line-height:28px
}
#Fullpage .page4 .a .b {
  flex:1;
  overflow:hidden;
  position:relative
}
#Fullpage .page4 .a .b .b3 {
  height:100%;
  position:absolute
}
#Fullpage .page3 .a {
  position:absolute;
  height:60%;
  width:80%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  justify-content:space-between
}
#Fullpage .page3 .a1 {
  height:100%;
  flex:auto;
  display:flex;
  flex-direction:column;
  z-index:2
}
#Fullpage .page3 .a1 h1 {
  font-weight:400;
  font-size:36px;
  color:#222;
  line-height:46px;
  text-align:left;
  font-style:normal;
  background:url(/img/2-3_About@2x.cec4405d.png) no-repeat 230px 2px;
  background-size:97px 81px;
  padding-top:12px;
  margin-bottom:50px
}
#Fullpage .page3 .a1 .a11 {
  background:#124d40;
  height:100px;
  margin-top:30px;
  display:flex;
  width:130%;
  color:#fff;
  position:relative
}
#Fullpage .page3 .a1 .a12 {
  flex:1;
  display:flex;
  flex-direction:column;
  text-align:center;
  justify-content:center;
  position:relative
}
#Fullpage .page3 .a1 .a12:last-child:before {
  display:none
}
#Fullpage .page3 .a1 .a12:before {
  content:" ";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:40px;
  border-right:1px dotted #fff
}
#Fullpage .page3 .a1 .a12 span {
  line-height:24px;
  font-size:14px
}
#Fullpage .page3 .a1 .a13 {
  width:90%;
  display:block
}
#Fullpage .page3 .a2 {
  height:100%;
  z-index:1
}
#Fullpage .page3 .a2 img {
  height:100%
}
#Fullpage .page2 {
  background-size:auto 100%
}
#Fullpage .page1 {
  background:url(/img/2-1_bg@2x.d92426fa.jpg) 0 0 no-repeat;
  background-size:auto 100%
}
#Fullpage .page1 .a1 {
  position:absolute;
  right:1%;
  height:90%;
  top:50%;
  transform:translateY(-50%)
}
.pageSection {
  height:100vh;
  position:relative;
  display:flex;
  flex-direction:column
}
#TheServices {
  display:flex;
  gap:40px;
  width:100%;
  margin:0 auto;
  margin-bottom:40px
}
#TheServices .a2 {
  width:100%
}
#TheServices div.a {
  padding-top:100px;
  display:flex;
  gap:40px;
  flex-direction:column
}
#TheServices div.a .a1 {
  display:flex
}
#TheServices div.a .a1 .p {
  font-weight:300;
  font-size:16px;
  color:#222;
  line-height:26px;
  text-align:justify;
  font-style:normal;
  width:640px;
  position:relative;
  padding-bottom:30px
}
#TheServices div.a .a1 .p:before {
  content:" ";
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  border-bottom:1px dotted #222;
  position:absolute
}
#TheServices div.a .a1 h1 {
  font-weight:400;
  font-size:24px;
  color:#222;
  line-height:32px;
  text-align:left;
  font-style:normal
}
#TheServices img.a {
  width:69px;
  height:54px;
  display:block;
  margin-right:53px
}
#TheFooter {
  width:100%;
  height:40px;
  line-height:40px;
  background:#121824;
  font-weight:400;
  font-size:14px;
  color:#fff;
  text-align:right;
  font-style:normal;
  text-align:center;
  position:absolute;
  bottom:0;
  z-index:10;
  top:auto
}
#TheFooter.flow {
  position:relative
}
#TheFooter.white {
  background:#fff;
  color:#000
}
.footColor {
  background:#124d40
}
.ThePlan_banner {
  margin-top:80px;
  width:100%;
  display:block
}
#ThePlanLast1 {
  position:relative;
  height:100%;
  background:#124d40;
  width:100%
}
#ThePlanLast1 .aa {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  position:absolute;
  right:3%;
  top:42.3%;
  font-size:16px;
  width:530px
}
#ThePlanLast1 .aa .bb {
  height:50px;
  width:260px;
  display:flex;
  border:1px solid #d3d3d3
}
#ThePlanLast1 .aa .bb button {
  width:100%;
  height:50px;
  line-height:50px;
  background:#ffd214;
  border:none;
  color:#000
}
#ThePlanLast1 .aa .bb button:focus {
  border:none
}
#ThePlanLast1 .aa .bb label {
  width:80px;
  height:50px;
  text-align:center;
  line-height:50px;
  background:#fff;
  border-right:1px solid #d3d3d3
}
#ThePlanLast1 .aa .bb input {
  height:50px;
  display:block;
  line-height:50px;
  text-indent:24px;
  border:none
}
#ThePlanLast1 .aa .bb input::focus {
  border:none
}
#ThePlanLast1 .bg {
  height:100%;
  display:block;
  margin:0 auto
}
#ThePlan {
  display:flex;
  gap:80px;
  flex-direction:column
}
#ThePlan #Fullpage .Page {
  display:block
}
#ThePlan .flag1 {
  display:inline-block;
  width:28px;
  margin-left:6px;
  height:28px;
  margin-bottom:6px;
  line-height:39px
}
#ThePlan .b {
  display:flex;
  justify-content:center;
  gap:124px;
  width:1129px;
  margin:0 auto;
  padding:82px 0
}
#ThePlan .b.bg1 {
  background:#eef4f7
}
#ThePlan .b .b1 {
  height:42px;
  font-size:48px;
  color:#222;
  line-height:42px;
  font-style:normal;
  margin-bottom:11px;
  margin-top:28px
}
#ThePlan .b .b2 {
  font-weight:400;
  font-size:28px;
  color:#222;
  line-height:36px;
  text-align:left;
  font-style:normal;
  margin-bottom:59px
}
#ThePlan .b .c1 {
  display:flex;
  gap:80px
}
#ThePlan .b .c2 {
  gap:50px;
  margin-bottom:46px
}
#ThePlan .b .c3 {
  gap:31px
}
#ThePlan .b .c4 {
  gap:37px
}
#ThePlan .b .b3 {
  width:80px;
  height:30px;
  line-height:30px;
  background:#222;
  text-align:center;
  font-weight:400;
  font-size:14px;
  color:#fff;
  display:block;
  margin-bottom:20px
}
#ThePlan .b .b4 {
  font-size:48px;
  color:#222;
  line-height:42px;
  font-style:normal
}
#ThePlan .b .b5 {
  font-weight:400
}
#ThePlan .b .b5,#ThePlan .b .b6 {
  font-size:16px;
  color:#222;
  line-height:24px;
  font-style:normal
}
#ThePlan .b .b6 {
  font-weight:300;
  text-align:left
}
#ThePlan .b .img {
  width:606px;
  height:386px
}
#ThePlan .more {
  width:160px;
  height:40px;
  border:1px solid #124d40;
  text-align:center;
  color:#124d40;
  cursor:pointer
}
#ThePlan .more img {
  display:inline-block
}
#ThePlan .item {
  width:100%;
  height:550px
}
#ThePlan .a2 {
  background:#eef4f7
}
#ContactUs {
  width:100%;
  display:flex;
  position:relative;
  gap:100px;
  margin-top:160px
}
#ContactUs .pic1 {
  flex:1
}
#ContactUs .pic1 img {
  width:100%
}
#ContactUs .a1 {
  padding:32px 0;
  position:relative;
  display:flex;
  gap:25px
}
#ContactUs .a1 div {
  display:flex;
  flex-direction:column;
  gap:10px
}
#ContactUs .a1:first-child {
  padding:0;
  padding-bottom:32px
}
#ContactUs .a1:after {
  content:" ";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:#222
}
#ContactUs .a {
  width:400px;
  height:100%;
  float:right
}
@font-face {
  font-family:"WD Menu Heiti TC";
  src:url("/fonts/wd-menu-heiti-tc-subset.woff2") format("woff2");
  font-weight:400 700;
  font-style:normal;
  font-display:block
}
.PageAllPics {
  width:100%;
  display:flex;
  position:relative;
  flex-direction:column
}
.PageAllPics .pic1,.PageAllPics .pic1 img {
  width:100%
}
#TheHeader {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  height:80px;
  border-bottom:1px solid #eee;
  display:flex;
  align-items:center;
  justify-content:space-between
}
#TheHeader,#TheHeader:before {
  background:#fff;
  position:absolute;
  top:0
}
#TheHeader:before {
  content:" ";
  width:100vw;
  height:81px;
  left:0;
  z-index:-1
}
#TheHeader.fixed {
  position:fixed;
  left:0;
  z-index:10
}
#TheHeader .list {
  display:flex;
  justify-content:space-between;
  width:750px;
  margin:0 64px
}
#TheHeader .lan {
  display:flex;
  width:88px;
  height:32px;
  line-height:32px;
  font-weight:400;
  font-size:14px;
  color:#666
}
#TheHeader .lan span {
  cursor:pointer;
  flex:1;
  text-align:center
}
#TheHeader .lan span:last-child {
  background:#e8e2dc
}
#TheHeader .lan span:first-child {
  background:#124d40;
  color:#fff
}
#TheHeader .a {
  position:relative;
  height:80px;
  line-height:80px;
  display:block;
  width:64px;
  text-align:center
}
#TheHeader .a.o {
  color:#124d40
}
#TheHeader .a.o:before {
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-50%);
  content:" ";
  width:40px;
  height:4px;
  background:#124d40
}
#TheHeader .menu {
  display:flex;
  align-items:center
}
#TheHeader .menu img {
  width:24px;
  height:24px;
  display:block
}
#TheHeader .logo {
  padding-left:80px;
  width:219px;
  height:40px;
  display:block
}
.index4 {
  display:flex;
  flex-direction:row;
  justify-content:space-between
}
.index4 .play2 {
  flex:1;
  width:100px;
  height:100vh
}
.index4 .play2 .img1 {
  width:100%;
  height:100vh;
  line-height:100vh;
  margin:0 auto;
  position:relative
}
.index4 .play2 .img1 .img {
  width:100%;
  display:inline-block;
  z-index:20;
  position:relative
}
.index4 .play2 .img1 .shadw {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:.5;
  z-index:1
}
.index4 .a {
  width:456px;
  margin:0 100px;
  text-align:right;
  padding-top:20px;
  background:url(/img/1-4_map@2x.c1e6509b.png) no-repeat 50% 80px;
  background-size:100% auto
}
.index4 .a .line {
  width:360px;
  height:1px;
  margin:0 auto;
  bottom:147px;
  display:flex;
  height:30px;
  position:relative
}
.index4 .a .line:after {
  position:absolute;
  height:2px;
  width:100%;
  content:" ";
  background:#eee;
  bottom:1px;
  left:0
}
.index4 .a .line a {
  width:20%;
  height:100%;
  z-index:10
}
.index4 .a .line a.o {
  border-bottom:2px solid red
}
.index4 .a .b {
  font-size:80px;
  line-height:84px
}
.index4 .a .b,.index4 .a .b1 {
  color:#222;
  font-style:normal;
  text-align:right
}
.index4 .a .b1 {
  font-weight:400;
  font-size:36px;
  line-height:46px;
  position:relative
}
.index4 .a .b1 .a1 {
  position:absolute;
  right:55px;
  top:-15px
}
.index5-1 {
  width:50vw;
  height:50vh;
  position:absolute;
  right:0;
  top:120px;
  background:url(/img/1-4_map@2x.c1e6509b.png) no-repeat 50% 50%;
  background-size:100% auto
}
.index5-1 img {
  position:absolute;
  left:50%;
  bottom:0;
  width:531px;
  height:230px;
  transform:translate(-50%,-50%)
}
.index7 .a {
  width:370px!important;
  background:url(/img/1-4_map@2x.c1e6509b.png) no-repeat;
  background-size:100% auto
}
.index7 .line {
  bottom:-50px!important
}
.index9 {
  gap:10px
}
.index9 .a1 {
  top:50%;
  transform:translateY(-50%);
  z-index:2
}
.index9 .a1,.index9 .a2 {
  width:100%;
  position:absolute;
  left:0
}
.index9 .a2 {
  top:0;
  height:100%;
  opacity:.2;
  z-index:1
}
.index10,.index11,.index5,.index6,.index9 {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap
}
.index10 div,.index11 div,.index5 div,.index6 div,.index9 div {
  flex:1;
  overflow:hidden;
  position:relative;
  height:100%
}
.index6 {
  gap:64px;
  padding:10px 20px
}
.index6 .a2 {
  flex:1
}
.index6 .aa1 {
  height:50%;
  left:0;
  position:absolute;
  top:0
}
.index6 .aa {
  width:100%;
  bottom:0;
  position:absolute;
  left:0
}
.index5 .i1 {
  height:50vh;
  margin-top:50vh
}
.index5 .aa {
  width:100%;
  display:block;
  z-index:31;
  position:absolute;
  bottom:0
}
.index5 .sa {
  top:0;
  left:0;
  height:100%;
  opacity:.2
}
.index5 .sa,.index8 .a1 {
  position:absolute;
  width:100%;
  z-index:2
}
.Flex_Center,.index8 .a1 {
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.Flex_Bottom,.Flex_Center {
  position:absolute
}
.Flex_Bottom {
  bottom:0!important;
  top:auto!important
}
.Flex_Top {
  position:absolute;
  bottom:auto!important;
  top:0!important
}
.index10 {
  gap:64px;
  padding:1%
}
.index10 div:first-child {
  background:url(/img/1-4_map@2x.c1e6509b.png) no-repeat 0 0;
  background-size:100% auto
}
.index10 div:nth-child(2) {
  flex:1.65
}
.index10 .a11 {
  width:80%!important
}
.index10 .a22 {
  bottom:-31px;
  position:absolute;
  width:89%
}
.index10 .a1 {
  width:100%
}
.index12 {
  height:calc(100vh - 80px);
  margin-top:80px;
  position:relative
}
.index12 .a_con {
  height:100%;
  width:100%;
  bottom:0
}
.index12 .a2 {
  left:0;
  position:absolute;
  top:-54px;
  height:50%
}
.index12 .a1 {
  height:100%;
  display:block;
  position:absolute
}
.index13 {
  overflow:hidden
}
.index13 .a1 {
  width:100%;
  z-index:2
}
.index13 .shadow {
  z-index:1;
  opacity:.2;
  width:auto;
  height:100%
}
.index10,.index11,.index2,.index3,.index4,.index5,.index6,.index8,.index9 {
  flex:auto;
  overflow:hidden;
  display:flex;
  width:100vw;
  margin-top:80px;
  position:relative;
  height:calc(100vh - 80px)
}
.index3 .a3 {
  width:500px;
  position:absolute;
  left:10%;
  top:5%;
  z-index:30
}
.play1_smal {
  width:90%;
  left:50%;
  transform:translate3d(-50%,0,0);
  -webkit-transform:translate3d(-50%,0,0);
  position:absolute;
  bottom:20px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  z-index:200;
  will-change:transform;
  contain:layout paint;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.play1_smal .img1 {
  flex:0 1 calc((100% - 30px) / 4);
  aspect-ratio:2 / 1;
  min-height:120px;
  max-height:216px;
  overflow:hidden;
  background:#e8e2dc;
  background-size:cover;
  background-position:center;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.index3 .play1_smal .img1:nth-child(1) {
  background-image:url(/img/1-3_pic1_small@2x.4ed364d4.jpg)
}
.index3 .play1_smal .img1:nth-child(2) {
  background-image:url(/img/1-3_pic2_small@2x.04a4fd09.jpg)
}
.index3 .play1_smal .img1:nth-child(3) {
  background-image:url(/img/1-3_pic3_small@2x.127d2272.jpg)
}
.index3 .play1_smal .img1:nth-child(4) {
  background-image:url(/img/1-3_pic4_small@2x.2c2643b8.jpg)
}
.play1_smal .img1 img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.play1,.play1 .img1 {
  width:100vw;
  height:calc(100vh - 80px)
}
.index3 {
  isolation:isolate
}
.index3 .play1 {
  position:relative;
  z-index:1
}
.play1 .img1 {
  position:relative
}
.play1 .img1 .img {
  width:100%;
  display:block;
  position:absolute;
  top:0;
  z-index:20
}
.play1 .img1 .shadw {
  position:absolute;
  left:0;
  top:0;
  width:100vw;
  height:calc(100vh - 80px);
  opacity:.5;
  z-index:1
}
.index2 .a {
  background:#e8e2dc;
  position:relative
}
.index2 .a:after {
  height:276px;
  border-left:1px solid #222;
  content:" ";
  bottom:0;
  transform:translate(-50%)
}
.index2 .a .a2,.index2 .a:after {
  width:430px;
  position:absolute;
  left:50%
}
.index2 .a .a2 {
  top:50%;
  transform:translate(-50%,-50%)
}
.index2 .a .a2 .p1 {
  width:396px;
  height:92px;
  font-weight:400;
  font-size:36px;
  color:#111;
  line-height:46px;
  text-align:justify;
  font-style:normal;
  position:relative
}
.index2 .a .a2 .p1:after {
  content:" ";
  position:absolute;
  right:102px;
  top:-18px;
  background:url(/img/1-2_icon1@2x.4ebcae3f.png);
  background-size:75px 68px;
  width:75px;
  height:68px
}
.index2 .a .a2 .p2 {
  width:432px;
  height:240px;
  font-weight:300;
  font-size:16px;
  color:#222;
  line-height:24px;
  text-align:left;
  font-style:normal;
  margin-top:40px
}
.index2 .b {
  background:#124d40
}
.index2 .b img {
  height:80%;
  position:absolute;
  left:-10%;
  top:50%;
  transform:translateY(-50%)
}
.index2 .a,.index2 .b {
  display:block;
  width:50%;
  height:100%;
  position:relative
}
.index1 {
  flex:auto;
  overflow:hidden;
  display:flex;
  width:100vw;
  background:#e8e2dc;
  height:calc(100vh - 80px);
  margin-top:80px
}
.index1 .cc {
  position:absolute;
  height:100%
}
.index1 .bb {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:82px;
  right:-41px;
  height:82px;
  display:block;
  z-index:99
}
.index1 .b {
  background:#e8e2dc;
  display:block;
  width:50%;
  height:100%;
  position:relative
}
.index1 .b .a1 {
  position:absolute;
  top:45px;
  right:15%
}
.index1 .b .a3 {
  height:78px;
  line-height:26px;
  font-size:18px;
  color:#111;
  text-align:justify;
  font-style:normal;
  position:absolute;
  left:0;
  bottom:0
}
.index1 .b .a2 {
  width:560px;
  height:380.5px;
  position:absolute;
  bottom:10%;
  left:50%;
  transform:translate(-50%)
}
.index1 .b .a2:after {
  content:" ";
  position:absolute;
  width:100%;
  height:2px;
  background:#124d40;
  left:0;
  top:283px
}
.index1 .a .aa {
  height:100%;
  display:block;
  position:absolute;
  right:0;
  top:0
}
@media only screen and (min-width:1854px) {
  .index1 .a .aa {
    width:100%;
    right:0;
    height:auto
  }
}
#AllPlan .page7 img {
  width:120%;
  height:auto
}
#AllPlan .page8 img {
  width:100%;
  height:auto
}
/*!
 * fullPage 4.0.41
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;display:block}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-table{display:flex;flex-direction:column;justify-content:center;width:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-prev{left:15px}.fp-next{right:15px}.fp-arrow{width:0;height:0;border-style:solid}.fp-arrow.fp-prev{border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-arrow.fp-next{border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0);pointer-events:none}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important;pointer-events:none}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;pointer-events:all}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-is-overflow.fp-section{height:auto!important}.fp-enabled .fp-scrollable{overflow:visible;height:initial}.fp-scrollable .fp-section,.fp-scrollable .fp-slide,.fp-scrollable.fp-responsive .fp-is-overflow.fp-section{height:100vh;height:calc(var(--vh,1vh) * 100)}.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]){min-height:100vh;min-height:calc(var(--vh,1vh) * 100)}.fp-overflow{justify-content:flex-start;width:100%}body:not(.fp-responsive) .fp-overflow{max-height:100vh;max-height:100dvh}.fp-scrollable .fp-auto-height .fp-overflow{max-height:none}.fp-is-overflow .fp-overflow,.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow .fp-overflow.fp-auto-height-responsive{overflow-y:auto}.fp-overflow{outline:0}.fp-overflow.fp-table{display:block}.fp-responsive .fp-auto-height-responsive .fp-overflow,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important;min-height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-scroll-mac .fp-overflow::-webkit-scrollbar{background-color:transparent;width:9px}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track{background-color:transparent}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:16px;border:4px solid transparent}.fp-warning,.fp-watermark{z-index:9999999;position:absolute;bottom:0}.fp-warning,.fp-watermark a{text-decoration:none;color:#000;background:rgba(255,255,255,.6);padding:5px 8px;font-size:14px;font-family:arial;color:#000;display:inline-block;border-radius:3px;margin:12px}.fp-noscroll .fp-overflow{overflow:hidden}
body,html {
  width:100%;
  height:100%
}
input::-ms-clear,input::-ms-reveal {
  display:none
}
*,:after,:before {
  box-sizing:border-box
}
html {
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -ms-overflow-style:scrollbar;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
  margin:0
}
[tabindex="-1"]:focus {
  outline:none
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}
h1,h2,h3,h4,h5,h6 {
  margin-top:0;
  margin-bottom:.5em;
  font-weight:500
}
p {
  margin-top:0;
  margin-bottom:1em
}
abbr[data-original-title],abbr[title] {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline;
  text-decoration:underline dotted;
  border-bottom:0;
  cursor:help
}
address {
  margin-bottom:1em;
  font-style:normal;
  line-height:inherit
}
input[type=number],input[type=password],input[type=text],textarea {
  -webkit-appearance:none
}
dl,ol,ul {
  margin-top:0;
  margin-bottom:1em
}
ol ol,ol ul,ul ol,ul ul {
  margin-bottom:0
}
dt {
  font-weight:500
}
dd {
  margin-bottom:.5em;
  margin-left:0
}
blockquote {
  margin:0 0 1em
}
dfn {
  font-style:italic
}
b,strong {
  font-weight:bolder
}
small {
  font-size:80%
}
sub,sup {
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
code,kbd,pre,samp {
  font-size:1em;
  font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace
}
pre {
  margin-top:0;
  margin-bottom:1em;
  overflow:auto
}
figure {
  margin:0 0 1em
}
img {
  vertical-align:middle;
  border-style:none
}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
  touch-action:manipulation
}
table {
  border-collapse:collapse
}
caption {
  padding-top:.75em;
  padding-bottom:.3em;
  text-align:left;
  caption-side:bottom
}
button,input,optgroup,select,textarea {
  margin:0;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}
button,input {
  overflow:visible
}
button,select {
  text-transform:none
}
[type=reset],[type=submit],button,html [type=button] {
  -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  padding:0;
  border-style:none
}
input[type=checkbox],input[type=radio] {
  box-sizing:border-box;
  padding:0
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
  -webkit-appearance:listbox
}
textarea {
  overflow:auto;
  resize:vertical
}
fieldset {
  min-width:0;
  margin:0;
  padding:0;
  border:0
}
legend {
  display:block;
  width:100%;
  max-width:100%;
  margin-bottom:.5em;
  padding:0;
  color:inherit;
  font-size:1.5em;
  line-height:inherit;
  white-space:normal
}
progress {
  vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  outline-offset:-2px;
  -webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  font:inherit;
  -webkit-appearance:button
}
output {
  display:inline-block
}
summary {
  display:list-item
}
template {
  display:none
}
[hidden] {
  display:none!important
}
mark {
  padding:.2em;
  background-color:#feffe6
}
/* Viewport safety bounds */
:root {
  --page-min-width:1280px;
  --page-max-width:1920px;
  --page-max-height:1080px;
  --bounded-vw:clamp(var(--page-min-width),100vw,var(--page-max-width));
  --bounded-vh:min(100vh,var(--page-max-height))
}
html,body {
  width:100%;
  min-width:var(--page-min-width);
  min-height:100%;
  margin:0;
  overflow-x:auto;
  overflow-y:auto
}
body {
  display:block;
  background:#fff
}
#app {
  width:var(--bounded-vw);
  min-height:var(--bounded-vh);
  margin:0 auto;
  overflow:visible;
  position:relative
}
.TWO_PIC,.index12,.play1,.play1 .img1 {
  height:calc(var(--bounded-vh) - 80px)
}
.index1,.index10,.index11,.index2,.index3,.index4,.index5,.index6,.index8,.index9 {
  width:var(--bounded-vw);
  height:calc(var(--bounded-vh) - 80px)
}
.play1,.play1 .img1,.play1 .img1 .shadw {
  width:var(--bounded-vw)
}
.play1 .img1 .shadw {
  height:calc(var(--bounded-vh) - 80px)
}
html:not(.fp-enabled) #TheFooter {
  position:relative;
  bottom:auto;
  top:auto;
  left:auto;
  width:100%;
  flex:0 0 auto
}
/* WestDiary 2026 compatibility patch */
:root {
  --page-min-width:1280px;
  --page-max-width:1920px;
  --page-max-height:1080px;
  --bounded-vw:clamp(var(--page-min-width),100vw,var(--page-max-width));
  --bounded-vh:min(100vh,var(--page-max-height));
  --header-inner-width:min(1200px,var(--bounded-vw))
}
html,body {
  width:100%;
  min-width:var(--page-min-width);
  min-height:100%;
  margin:0;
  overflow-x:auto;
  overflow-y:auto;
  background:#fff
}
body {
  display:block
}
#app {
  width:var(--bounded-vw);
  min-height:var(--bounded-vh);
  margin:0 auto;
  overflow:visible;
  position:relative
}
.TWO_PIC,.index12,.play1,.play1 .img1 {
  height:calc(var(--bounded-vh) - 80px)
}
.index1,.index10,.index11,.index2,.index3,.index4,.index5,.index6,.index8,.index9 {
  width:var(--bounded-vw);
  height:calc(var(--bounded-vh) - 80px)
}
.play1,.play1 .img1,.play1 .img1 .shadw {
  width:var(--bounded-vw)
}
.play1 .img1 .shadw {
  height:calc(var(--bounded-vh) - 80px)
}
html:not(.fp-enabled) #TheFooter {
  position:relative;
  bottom:auto;
  top:auto;
  left:auto;
  width:100%;
  flex:0 0 auto
}
#TheHeader {
  box-sizing:border-box;
  width:var(--header-inner-width);
  max-width:var(--header-inner-width);
  height:80px;
  margin:0 auto;
  left:0;
  right:0;
  font-size:14px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:none!important;
  transform:none!important
}
#TheHeader.fixed {
  position:fixed;
  left:0;
  right:0;
  z-index:10
}
#TheHeader:before {
  left:50%;
  transform:translateX(-50%);
  width:100vw
}
#TheHeader .logo {
  width:219px;
  height:40px;
  display:block;
  object-fit:contain;
  object-position:center;
  flex:0 0 219px;
  padding-left:80px;
  box-sizing:content-box;
  transition:none!important;
  transform:none!important
}
#TheHeader .list {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-width:0;
  white-space:nowrap
}
#TheHeader .a {
  position:relative;
  height:80px;
  line-height:80px;
  text-align:center;
  color:#222;
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease,opacity .18s ease
}
#TheHeader .a:hover {
  color:#124d40;
  opacity:1
}
#TheHeader .a:after {
  content:" ";
  position:absolute;
  left:50%;
  bottom:1px;
  width:0;
  height:2px;
  background:#b9cbc6;
  transform:translateX(-50%);
  transition:width .18s ease
}
#TheHeader .a:hover:after {
  width:32px
}
#TheHeader .a.o {
  color:#124d40
}
#TheHeader .a.o:before {
  display:none
}
#TheHeader .a.o:after {
  width:40px;
  height:4px;
  bottom:0;
  background:#124d40
}
#TheHeader .a.o:hover:after {
  width:40px;
  height:4px;
  background:#124d40
}
#TheHeader .lan span {
  transition:background-color .18s ease,color .18s ease
}
#TheHeader .lan span:hover {
  background:#124d40;
  color:#fff
}
.PageAllPics {
  margin-top:0!important
}
.PageAllPics .pic1 img {
  display:block
}
#TheFooter {
  height:44px;
  line-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  background:#12241f;
  color:rgba(255,255,255,.82);
  font-size:13px;
  font-family:"WD Menu Heiti TC",Avenir,Helvetica,Arial,sans-serif;
  font-weight:400;
  letter-spacing:0;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -8px 24px rgba(0,0,0,.04)
}
#TheFooter.white {
  background:#f7f8f6;
  color:#4d5d59;
  border-top:1px solid #e3ebe7;
  box-shadow:0 -8px 22px rgba(18,77,64,.04)
}
#TheFooter span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap
}
#TheFooter a {
  color:inherit;
  text-decoration:none;
  opacity:.82;
  transition:color .18s ease,opacity .18s ease
}
#TheFooter a:hover {
  color:#124d40;
  opacity:1
}
#TheFooter:not(.white) a:hover {
  color:#d8eee8
}
#TheHeader .list {
  width:750px;
  margin:0 64px;
  gap:0;
  font-size:14px
}
#TheHeader .a {
  width:64px;
  font-size:14px
}
/* Page spacing and route-position refinement */
html {
  scroll-behavior:auto!important
}
#TheServices {
  margin-bottom:0!important
}
#TheServices+#TheFooter.flow {
  margin-top:0!important
}
/* ThePlan desktop visual alignment */
#ThePlan #Fullpage .Page.withHead {
  background:#fff;
}
#ThePlan #Fullpage .Page.withHead:has(.b.bg1) {
  background:#eef4f7;
}
#ThePlan .b {
  width:min(1480px,calc(100vw - 140px));
  min-height:min(640px,calc(100vh - 190px));
  padding:0;
  gap:clamp(88px,8vw,150px);
  align-items:center;
  background:transparent!important;
}
#ThePlan .b.bg1 {
  background:transparent!important;
}
#ThePlan .b .img {
  width:clamp(660px,47vw,820px);
  height:auto;
}
#ThePlan .b .b1 {
  font-size:clamp(54px,4.2vw,72px);
  line-height:1;
  height:auto;
  margin-top:0;
  margin-bottom:16px;
}
#ThePlan .b .b2 {
  font-size:clamp(30px,2.1vw,38px);
  line-height:1.2;
  margin-bottom:58px;
}
#ThePlan .b .c1 {
  gap:clamp(64px,5vw,96px);
}
#ThePlan .b .c2 {
  margin-bottom:54px;
}
#ThePlan .b .b3 {
  width:98px;
  height:34px;
  line-height:34px;
  font-size:15px;
  margin-bottom:22px;
}
#ThePlan .b .b4 {
  font-size:clamp(56px,4vw,72px);
  line-height:1;
}
#ThePlan .b .b5 {
  font-size:20px;
}
#ThePlan .b .b6 {
  font-size:clamp(18px,1.25vw,22px);
  line-height:1.45;
}
#ThePlan .more {
  width:196px;
  height:46px;
  line-height:46px;
  font-size:18px;
  margin-top:6px;
}
#ThePlan .more img {
  vertical-align:middle;
  margin-left:12px;
}
@media (max-width:1360px) {
  #ThePlan .b {
    width:calc(100vw - 96px);
    gap:64px;
  }
  #ThePlan .b .img {
    width:600px;
  }
}
/* 2026 PC header fixed-edge layout */
#TheHeader {
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0 clamp(32px,4vw,80px)!important;
  display:grid!important;
  grid-template-columns:219px minmax(0,1fr) 88px!important;
  align-items:center!important;
  justify-content:normal!important;
  box-sizing:border-box!important
}
#TheHeader.fixed {
  left:0!important;
  right:0!important
}
#TheHeader .logo {
  padding-left:0!important;
  width:219px!important;
  height:40px!important;
  display:block!important;
  justify-self:start!important;
  object-fit:contain!important;
  flex:0 0 auto!important
}
#TheHeader .list {
  width:auto!important;
  margin:0!important;
  display:flex!important;
  justify-content:center!important;
  justify-self:center!important;
  gap:28px!important;
  white-space:nowrap!important;
  min-width:0!important
}
#TheHeader .a {
  width:auto!important;
  min-width:72px!important;
  font-size:16px!important;
  font-weight:500!important;
  text-align:center!important
}
#TheHeader .lan {
  justify-self:end!important;
  flex:0 0 88px!important
}
@media (max-width:1280px) {
  #TheHeader {
    padding:0 32px!important;
    grid-template-columns:190px minmax(0,1fr) 88px!important
  }
  #TheHeader .logo {
    width:190px!important
  }
  #TheHeader .list {
    gap:18px!important
  }
  #TheHeader .a {
    min-width:64px!important;
    font-size:15px!important
  }
}
/* 2026 PC header/contact refinement */
#TheHeader .logo,#TheHeader .lan {
  align-self:center!important
}
#TheHeader .lan {
  height:40px!important;
  line-height:40px!important;
  display:flex!important;
  align-items:center!important
}
#TheHeader .lan span {
  height:40px!important;
  line-height:40px!important;
  display:block!important
}
#TheHeader .a {
  font-weight:400!important
}
#TheHeader .list .a {
  font-size:16px!important;
  font-weight:400!important
}
#ContactUs {
  margin-top:80px!important
}
@media (max-width:1280px) {
  #TheHeader .list .a {
    font-size:15px!important;
    font-weight:400!important
  }
}
/* 2026 PC header exact edge alignment */
#TheHeader {
  max-width:var(--bounded-vw)!important;
  width:var(--bounded-vw)!important;
  margin:0 auto!important;
  padding-left:60px!important;
  padding-right:60px!important;
  display:grid!important;
  grid-template-columns:219px minmax(0,1fr) 88px!important;
  column-gap:40px!important;
  align-items:center!important;
  justify-content:normal!important;
  box-sizing:border-box!important
}
#TheHeader.fixed {
  left:0!important;
  right:0!important
}
#TheHeader .logo {
  padding-left:0!important;
  width:219px!important;
  height:40px!important;
  display:block!important;
  justify-self:start!important;
  align-self:center!important;
  object-fit:contain!important;
  flex:0 0 auto!important
}
#TheHeader .lan {
  justify-self:end!important;
  align-self:center!important;
  width:88px!important;
  height:40px!important;
  line-height:40px!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 88px!important
}
#TheHeader .lan span {
  height:40px!important;
  line-height:40px!important;
  display:block!important
}
#TheHeader .list {
  width:min(100%,900px)!important;
  margin:0!important;
  display:flex!important;
  justify-content:space-between!important;
  justify-self:center!important;
  gap:22px!important;
  white-space:nowrap!important;
  min-width:0!important
}
#TheHeader .a {
  width:auto!important;
  min-width:auto!important;
  font-size:16px!important;
  font-weight:400!important;
  text-align:center!important
}
#TheHeader .list .a {
  font-size:16px!important;
  font-weight:400!important
}
#ContactUs {
  margin-top:80px!important
}
@media (max-width:1280px) {
  #TheHeader {
    padding-left:48px!important;
    padding-right:48px!important;
    grid-template-columns:190px minmax(0,1fr) 88px!important;
    column-gap:28px!important
  }
  #TheHeader .logo {
    width:190px!important
  }
  #TheHeader .list {
    width:min(100%,820px)!important;
    gap:16px!important
  }
  #TheHeader .list .a {
    font-size:15px!important
  }
}
/* 2026 PC viewport width bounds */
@media (max-width:1280px) {
  #TheHeader {
    padding-left:60px!important;
    padding-right:60px!important;
    grid-template-columns:219px minmax(0,1fr) 88px!important;
    column-gap:40px!important
  }
  #TheHeader .logo {
    width:219px!important
  }
  #TheHeader .list {
    width:min(100%,900px)!important;
    gap:22px!important
  }
  #TheHeader .list .a {
    font-size:16px!important
  }
}
/* 2026 Contact page vertical alignment */
#ContactUs {
  align-items:center!important
}
#ContactUs .a {
  height:auto!important;
  float:none!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important
}
/* 2026 ThePlan contact form field fill */
#ThePlanLast1 .aa .bb {
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important
}
#ThePlanLast1 .aa .bb label {
  flex:0 0 80px!important;
  box-sizing:border-box!important
}
#ThePlanLast1 .aa .bb input {
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  background:#fff!important;
  box-sizing:border-box!important
}

/* WestDiary PC carousel controls: use buttons without browser status URL - 2026-05-21 */
.index4 .a .line button {
  width:20%;
  height:100%;
  z-index:10;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.index4 .a .line button.o {
  border-bottom:2px solid red;
}

/* WestDiary PC global image context alignment - 2026-05-21 */
img {
  pointer-events:none!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* WestDiary PC About two-slide layout restore - 2026-05-21 */
.index4 {
  align-items:stretch!important;
  height:calc(var(--bounded-vh, 100vh) - 80px)!important;
  overflow:hidden!important;
}
.index4 .play2,
.index4 .play2 .ant-carousel,
.index4 .play2 .slick-slider,
.index4 .play2 .slick-list,
.index4 .play2 .slick-track,
.index4 .play2 .slick-slide,
.index4 .play2 .slick-slide > div,
.index4 .play2 .img1 {
  height:100%!important;
  min-height:100%!important;
}
.index4 .play2 .img1 {
  line-height:0!important;
  overflow:hidden!important;
}
.index4 .play2 .img1 img,
.index4 .play2 .img1 .img {
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.index4 .a {
  height:100%!important;
  padding-top:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background-position:50% 50%!important;
}

/* WestDiary PC footer columns restore - 2026-05-21 */
#TheFooter,
#TheFooter.white {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100vw!important;
  margin-left:calc((100% - 100vw) / 2)!important;
  padding-left:64px!important;
  padding-right:64px!important;
}
#TheFooter > span {
  width:min(100%, 1600px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  white-space:nowrap!important;
}
#TheFooter > span > span:first-child,
#TheFooter .wd-footer-copy {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  font-family:Avenir,Helvetica,Arial,sans-serif!important;
  white-space:nowrap!important;
}
#TheFooter > span > span:first-child:before,
#TheFooter .wd-footer-copy:before {
  content:"";
  display:inline-block;
  width:3px;
  height:22px;
  background:#e09082;
  margin-right:14px;
  flex:0 0 auto;
}
#TheFooter a {
  font-family:"WD Menu Heiti TC",Avenir,Helvetica,Arial,sans-serif!important;
  white-space:nowrap!important;
  color:inherit!important;
  text-decoration:none!important;
}

/* WestDiary PC carousel thumb cursor - 2026-05-21 */
.index3 .play1_smal,
.index3 .play1_smal .img1 {
  cursor: pointer !important;
}

/* WestDiary PC Safari index3 stacking fix - 2026-05-26 */
.index3 .play1_smal {
  z-index: 200 !important;
}

/* WestDiary PC VisaServices scoped layout - 2026-05-21 */
#AllPlan .page6 img.img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}
#AllPlan .page7 img.img.Flex_Center {
  width: 100vw !important;
  height: auto !important;
  max-width: none !important;
}
#AllPlan .page9 img.img {
  width: 100vw !important;
  height: auto !important;
  max-width: none !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}


/* WestDiary fullPage outer scroll fix - 2026-05-23 */
html.fp-enabled,
html.fp-enabled body {
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
}