@charset "utf-8";
html {scroll-behavior:smooth;}
body {background:#85d0ff;background:linear-gradient(to bottom,transparent 0%,#85d0ff 8.75rem,#e7fbff,#85d0ff);}
a {color:#000;}
.header {position:relative;height:11.23rem;text-indent:-100%;font-size:0;color:transparent;background:url("http://ats.taiwan.cn/other/2024/rrgllth/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.5rem;width:2.26rem;height:0.81rem;margin-left:-6rem;}
.header .site-logo img {width:100%;height:100%;}
.nav {position:relative;margin-top:-2.48rem;font-size:0.34rem;}
@supports(position:sticky){
body {position:relative;}
.nav {position:sticky;top:0;backdrop-filter:blur(1px);z-index:11;}
}
.nav .list {font-size:0;}
.nav .list-item {display:inline-block;vertical-align:middle;font-size:0.34rem;line-height:2.12em;font-weight:bold;color:#fff;text-shadow:0.08em 0.08em 0.17em rgba(18,3,30,0.68);}
.nav .list-item a {margin:0 0.96em;color:#fff;}
.main {position:relative;overflow:hidden;}
.zone-desc {margin:0 auto;overflow:hidden;}
.zone-desc .format {position:relative;width:3.58rem;height:0.86rem;margin:0 auto;border:0 solid transparent;border-width: 0.185rem 0;font-size:0;color:transparent;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/rrgllth/images/bg_zone_desc.png") left top no-repeat;background-size:auto 3.5rem;background-clip:content-box;}
.zone-desc .format:before {position:absolute;left:100%;top:50%;content:"";display:block;width:1.27rem;height:1.23rem;transform:translate(0,-50%);background:url("http://ats.taiwan.cn/other/2024/rrgllth/images/bg_zone_desc_alt2.png") left top no-repeat;background-size:auto 100%;}
.part3 .zone-desc .format {width:2.89rem;height:0.88rem;background-position:left 33%;}
.part4 .zone-desc .format {width:2.87rem;height:0.87rem;background-position:left 66%;}
.part5 .zone-desc .format {width:2.96rem;height:0.87rem;background-position:left bottom;}
.part2,.part3,.part4,.part5 {margin-top:0.2rem;padding-top:0.395rem;background:url("http://ats.taiwan.cn/other/2024/rrgllth/images/bg_zone_desc_alt.png") center top no-repeat;background-size:auto 1.81rem;}
.part1 {margin-top:0.5rem;background-color:#cdf6fb;}
.part1 .pic {position:relative;width:5.38rem;margin:0 auto;overflow:hidden;}
.part1 .pic img {width:100%;height:3.11rem;}
.part1 .pic .pic-title {position:absolute;left:0;bottom:0.28em;width:100%;font-size:0.18rem;line-height:1.89em;font-weight:bold;background:rgba(18,3,30,0.5);}
.part1 .pic .pic-title a {padding:0 0.78em;color:#fff;}
.part5 {margin-top:0.19rem;}
.part5 .type2 {margin-top:0.62rem;}
.type1 {font-size:0.22rem;line-height:1.91em;}
.type1 a {color:#000;}
.type1 .list-item a {position:relative;padding-left:0.73em;}
.type1 .list-item a:before {position:absolute;left:0.06em;top:0.86em;content:"";display:block;width:0.32em;height:0.27em;border-radius:50%;transition:background-color 0.3s ease 0s;background:#000;}
.type2 {margin-top:0.36rem;padding:0.26rem 0 0.21rem;}
.type2.alt,.type2.alt2 {background:rgba(54,176,252,0.25);}
.type2 .pic-item {position:relative;float:left;width:3.66rem;}
.type2 img { width:100%;height:2.06rem;}
.type2 .pic-title {font-size:0.22rem;line-height:1.23em;background:#fff;}
.type2.alt .pic-title {position:absolute;left:0;bottom:0;width:100%;background:rgba(18,3,30,0.5);}
.type2.alt2 .pic-title {background:none;}
.type2 .pic-title a {height:2.46em;border:0 solid transparent;border-width:0.7em 0.64em 0.84em;color:#2d2d2d;}
.type2.alt .pic-title a {border-width:0.25em 0.82em;color:#fff;}
.type2.alt2 .pic-title a {border-width:0.7em 0 1.25em;}
.footer {margin-top:2rem;}
.footer-mobile {margin-top:1rem;}
@media screen and (min-width:1025px){
body {position:relative;}
body:before {position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:4.86rem;background:url("http://ats.taiwan.cn/other/2024/rrgllth/images/bg_page.png") center bottom no-repeat;background-size:auto 100%;z-index:-1;}
.main .list-item>a img,.main .pic-item,.main .type2.alt2 .pic-item img {transition:transform 0.3s ease 0s,box-shadow 0.3s ease 0s;}
.main .list-item:hover>a img,.main .pic-item:hover {transform:scale(1.01);}
.main .type2.alt2 .pic-item:hover {transform:none;box-shadow:none;}
.main .type2.alt2 .pic-item:hover img {transform:scale(1.01);box-shadow:0 0 7px 0 #005e7d;}
.main .pic-item:hover {box-shadow:0 0 7px 0 #005e7d;}
.main .list-item:hover a {color:#ed4214;}
.header .site-logo {transition:transform 0.3s ease-out 0s,filter 0.3s ease-out 0s;}
.header .site-logo:hover {transform:scale(1.01);filter:drop-shadow(2px 2px 1px #f88c14);}
.nav .wrap {border-radius:1em/1em;box-shadow:0 0 0 0.08em #e7fdff inset,0.08em 0.16em 0.16em 0 rgba(0,94,125,0.6);background:#00c4fd;background:linear-gradient(to top,rgba(255,220,82,0.9),rgba(127,208,168,0.9) 30%,rgba(0,196,253,0.9));}
.nav .list {display:table;margin:0 auto;}
.nav .list-item:hover a {color:#ffe00c;}
.zone-desc .format:hover:before {animation:sway 0.2s ease 0s 1;}
@keyframes sway {
0% {transform:translate(0,-50%) rotate(0deg);}
25% {transform:translate(0,-50%) rotate(-10deg);}
50% {transform:translate(0,-50%) rotate(0deg);}
75% {transform:translate(0,-50%) rotate(10deg);}
100% {transform:translate(0,-50%) rotate(0deg);}
}
.part1 {font-size:0;}
.part1 .pic,.part1 .type1 {display:inline-block;vertical-align:middle;}
.part1 .type1 {width:6.11rem;padding:0 0.25rem 0 0.26rem;}
.type1 .list-item:hover a:before {background:#ed4214;}
.type2 .pic-item {margin-left:0.26rem;}
.type2 .pic-item:nth-child(3n+1) {clear:left;margin-left:0.26rem;}
.type2 .pic-item:nth-child(n+4) {margin-top:0.22rem;}
}
@media screen and (max-width:1024px){
.wrap {width:auto;margin:0;}
.header {height:5.5rem;}
.header .site-logo {left:0.1rem;top:0.1rem;margin-left:0;transform-origin:left top;transform:scale(0.8);}
.nav {position:relative;margin-top:-1.18rem;font-size:0.24rem;height:2.25em;background:#00c4fd;background:linear-gradient(to top,rgba(255,220,82,0.9),rgba(127,208,168,0.9) 30%,rgba(0,196,253,0.9));}
@supports(position:sticky){
.nav {position:sticky;}
}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:0.75em;height:100%;background:linear-gradient(to right,rgba(0,196,253,0.7) 5%,transparent);z-index:1;}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .wrap {position:relative;width:100%;height:100%;margin:0 auto;padding:0;background:none;overflow:hidden;}
.nav .list {padding-bottom:999px;white-space:nowrap;overflow:scroll;}
.nav .list-item {font-size:0.24rem;line-height:2em;}
.part1 {margin-top:0.25rem;}
.part1 .imgs .list-item-title,.part1 .imgs .list-index {font-size:18px;}
.part1 .type1 {margin-top:0.5em;padding:1em 0.1rem;}
.part1 .pic .pic-title {font-size:18px;}
.type1,.type2 .pic-title {font-size:16px;}
.type2 {padding:0.1rem 0.1rem;}
.type2 .pic-item {width:3.6rem;}
.type2 .pic-item:nth-child(odd) {clear:left;margin-left:0;}
.type2 .pic-item:nth-child(even) {margin-left:0.1rem;}
.type2 .pic-item:nth-child(n+3) {margin-top:0.1rem;}
.type2 img {height:2.025rem;}
}
@media screen and (max-width:480px){
.header {height:3.5rem;}
.header .site-logo {transform:scale(0.5);}
.nav {margin-top:-0.75rem;}
.nav,.nav .list-item {font-size:20px;}
.zone-desc .format {transform:scale(0.75);}
.part2,.part3,.part4,.part5 {margin-top:0.15rem;}
.part1 {padding:0.2rem 0.07rem;}
.part1 .pic {width:4.6rem;}
.part1 .pic img {height:2.59rem;}
.part1 .pic .pic-title {font-size:16px;}
.type2 .pic-item {width:2.25rem;}
.type2 img {height:1.27rem;}
}