@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@300;400;500;600;700&family=Poppins&display=swap");
html,body{font-family:SANS-SERIF,"Noto Sans TC";font-weight:300;}
a,.Title{font-family:SANS-SERIF,"Noto Sans TC";font-weight:400;}
#Wrap{background-color:initial;}
.B1z.TL01 .Kind{background:-webkit-linear-gradient(right, rgba(75,170,125,0.9) 20%, rgba(95,180,200,0.1) 100%);background:-moz-linear-gradient(right, rgba(75,170,125,0.9) 20%, rgba(95,180,200,0.1) 100%);background:linear-gradient(to right, rgba(75,170,125,0.9) 20%, rgba(95,180,200,0.1) 100%);}
.B1z.TL01 .Kind{color:#fff;}
.B1z.TL01 .L1s .L1{border-color:#ccc;}
.B1z.TL01 .L1s .L1:before{border-color:#389caf;}
.B1z.A011 .FadeIn{background-color:#fff;}
.B1z.A701 .L1 .Imgs{border-color:#ddd;}
.B1z.A701 .L1 .Tag{color:#eee;}
.B1z.A701 .L1:hover .Imgs{border-color:#99cca1;}
.B1z.A701 .L1:hover .Title{color:#0e8d64;}
.B10 .Text1 ul.DEMO li{display:block;float:left;width:31%;padding:30px 0;border:1px solid;text-align:center;margin:0 1% 10px;font-size:22.5px;}
.B10 .Text1 .Maps{position:relative;margin:0 auto;width:350px;}
.B10 .Text1 .Maps img{width:100%;}
.B10 .Text1 .Maps .Map{position:relative;z-index:-1;width:100%;}
.B10 .Text1 .Maps:hover .Map{opacity:0.5;}
.B10 .Text1 .Maps .MALL{position:absolute;}
.B10 .Text1 .Maps .M011{top:5.2%;right:10.8%;width:10%;z-index:4;}
.B10 .Text1 .Maps .M012{top:3.7%;right:20.5%;width:10%;z-index:3;}
.B10 .Text1 .Maps .M013{top:1.2%;right:2.9%;z-index:1;width:35%;z-index:2}
.B10 .Text1 .Maps .M014{top:6.6%;left:46.4%;width:23.7%;}
.B10 .Text1 .Maps .M015{top:14%;left:41%;width:7.5%;}
.B10 .Text1 .Maps .M016{top:11.5%;left:42.3%;width:26%;z-index:4;}
.B10 .Text1 .Maps .M017{top:17.8%;left:28.2%;width:32%;z-index:3;}
.B10 .Text1 .Maps .M018{top:25.4%;left:22.4%;width:47.7%;}
.B10 .Text1 .Maps .M020{top:33%;left:11.1%;width:21.8%;}
.B10 .Text1 .Maps .M021{top:31.4%;left:28.2%;width:37.5%;}
.B10 .Text1 .Maps .M022{top:43.7%;left:5%;width:31%;}
.B10 .Text1 .Maps .M023{top:51.5%;left:19%;width:7%;z-index:3;}
.B10 .Text1 .Maps .M024{bottom:38.2%;left:4.8%;width:41.8%;z-index:2;}
.B10 .Text1 .Maps .M025{bottom:29%;left:3.1%;z-index:1;width:29.3%;}
.B10 .Text1 .Maps .M027{bottom:17.3%;left:10.5%;z-index:0;width:43.3%;}
.B10 .Text1 .Maps .M029{bottom:1.6%;left:24.3%;width:28.6%;}
.B10 .Text1 .Maps .M030{right:22.3%;bottom:12%;width:35.8%;}
.B10 .Text1 .Maps .M031{right:12%;bottom:37.9%;width:36.5%;}
.B10 .Text1 .Maps .M032{top:9.6%;right:5.5%;width:30%;}
.B10 .Text1 .Maps .MALL .MImgs{position:relative;z-index:0;float:left;width:100%;height:100%;opacity:0;}
.B10 .Text1 .Maps .MALL .MTitles{width:100%;}
.B10 .Text1 .Maps .MALL .MTitles{position:absolute;top:calc(50% - 15px);right:0;left:0;z-index:1;width:100%;font-size:12px;text-align:center;}
.B10 .Text1 .Maps .MALL.M013 .MTitles{top:50%;text-indent:-25px;}
.B10 .Text1 .Maps .MALL.M014 .MTitles{top:20%;}
.B10 .Text1 .Maps .MALL.M022 .MTitles{top:5%;}
.B10 .Text1 .Maps .MALL.M024 .MTitles{top:20%;text-indent:30px;}
.B10 .Text1 .Maps .MALL.M030 .MTitles{text-indent:-15px;}
.B10 .Text1 .Maps .MALL.M032 .MTitles{top:50%;}
.B10 .Text1 .Maps .MALL:hover .MImgs{z-index:15;opacity:1;}
.B10 .Text1 .Maps .MALL:hover .MTitles{z-index:25;color:#fff;}
.B10 .Text1 .Maps .MALL .MTitles a{display:block;}
.B10 .Text1 .Maps .MALL:hover .MImgs {-webkit-transform:scale(1, 0.5);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.2, 1.2);}
.B10 .Text1 .Maps .MALL .MImgs{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
#Footer{padding:15vw 0 5vw 0;background:-webkit-linear-gradient(bottom, rgba(44,152,144,1) 10%, rgba(215,208,170,0) 70%);background:-moz-linear-gradient(bottom, rgba(44,152,144,1) 10%, rgba(215,208,170,0) 70%);background:linear-gradient(to top, rgba(44,152,130,.7) -5%, rgba(239,236,220,.6) 40%, rgba(240,235,220,0) 70%);}
#Footer:before{content:'';position:absolute;top:0;right:0;left:0;z-index:-1;width:100%;height:100%;background-image:url(/s/r/i/Footer-bg.png);background-repeat:no-repeat;background-position:top center;background-size:100%;}
#Footer:after{content:'';position:absolute;bottom:0;right:0;left:0;z-index:-2;width:100%;height:100%;background-image:url(/s/r/i/Footer-bg-2.png);background-position:top center;background-size:100%;}
#Footer #WebDesign a{color:#93afaa;}
@media screen and (max-width:959px){
	thead{display:none;}
	.VIP td{display:block;}
	.VIP td:before{content:attr(data-title);display:inline-block;*display:inline;zoom:1;padding:0 5px 0 0;width:auto;min-width:20%;font-weight:700;}
	.VIP tr{padding:0 0 18px;margin:10px;height:30px;}
	#MHead::before{content:'';position:absolute;top:0;right:0;left:0;z-index:-1;width:100%;height:25%;background:-webkit-linear-gradient(right, rgb(55,147,103) 50%, rgb(56,157,183) 100%);background:-moz-linear-gradient(right, rgb(55,147,103) 50%, rgb(56,157,183) 100%);background:linear-gradient(to right, rgb(55,147,103) 50%, rgb(56,157,183) 100%);}
}