﻿:root { 
}
@media (prefers-color-scheme: dark) {
:root{
  --op:.9;
}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}img{border:0;vertical-align:middle}ul{margin:0;padding:0;border:none;list-style:none;font-size:12px}a{color:#fff;text-decoration:none}@font-face{font-family:Microsoft JhengHei,Microsoft YaHei,微軟正黑體,verdana,Arial,Helvetica,sans-serif;}@keyframes bg-zoom-in{0%{background-size:50%}50%{background-size:100%}100%{background-size:50%}}@-moz-keyframes bg-zoom-in{0%{background-size:50%}50%{background-size:100%}100%{background-size:50%}}@-webkit-keyframes bg-zoom-in{0%{background-size:50%}50%{background-size:100%}100%{background-size:50%}}@-o-keyframes bg-zoom-in{0%{background-size:50%}50%{background-size:100%}100%{background-size:50%}}body{height:100%;font-size:100%;background: #000000;animation:180s bg-zoom-in linear infinite;-webkit-animation:180s bg-zoom-in linear infinite;font-family:Microsoft JhengHei,Microsoft YaHei,微軟正黑體,verdana,Arial,Helvetica,sans-serif;}#wrap{width:100%;height:100%;margin:0 auto;overflow:hidden;opacity:var(--op);}#top{margin-top:1%;width:100%;height:auto;}#main{margin-top:1%}#logo{margin:0 auto;text-align:center;width:90%;}#logo img{width:40px}#logo #c404{width:44px;vertical-align: baseline;}#logo span{font-size:22px;color:#fff;text-align:center;}ul li{list-style-type:none;float:left;margin:10px 10px 15px 25px}.app ul li a img{width:128px;height:128px;-moz-border-radius: 22px;-webkit-border-radius: 22px;border-radius:22px;}div ul li a,div ul li a strong,ul li{display:block;width:128px;}div ul li a:visited,ul li a:active,ul li a:link{text-decoration:none}ul li a strong{height:32px;color:#FFF;text-align:center;text-shadow:0 0 10px #111;font-weight:400;font-size:14px;Microsoft JhengHei,Microsoft YaHei,微軟正黑體,verdana,Arial,Helvetica,sans-serif;line-height:32px;overflow:hidden;white-space:nowrap;}.footer{width:100%;margin-top:1px;padding:20px 0;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;color:rgba(255,255,255,.8);line-height:20px;text-align:center;}.footer a,.footer a:active,.footer a:focus{text-decoration:none;color:rgba(255,255,255,.8)}.footer a:hover{color:#fff}@-webkit-keyframes steam{0%{height:0}100%{height:6px}}@-moz-keyframes steam{0%{height:0}100%{height:6px}}@keyframes steam{0%{height:0}100%{height:6px}}@keyframes shake-bounce{0%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}25%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);-ms-transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);-ms-transform:rotate(-15deg)}75%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}85%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}}@-webkit-keyframes shake-bounce{0%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}25%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);-ms-transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);-ms-transform:rotate(-15deg)}75%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}85%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}}@-moz-keyframes shake-bounce{0%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}25%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);-ms-transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);-ms-transform:rotate(-15deg)}75%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}85%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}}@-o-keyframes shake-bounce{0%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}25%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);-ms-transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);-ms-transform:rotate(-15deg)}75%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}85%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}}.shake:hover{-webkit-animation:shake-bounce .5s alternate;-moz-animation:shake-bounce .5s alternate;-o-animation:shake-bounce .5s alternate;animation:shake-bounce .5s alternate}#kg-btn{position:absolute;top:50px;right:4%}.tgl{display:none}.tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-btn,.tgl:after,.tgl:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tgl ::-moz-selection,.tgl :after::-moz-selection,.tgl :before::-moz-selection,.tgl+.tgl-btn::-moz-selection,.tgl::-moz-selection,.tgl:after::-moz-selection,.tgl:before::-moz-selection{background:0 0}.tgl ::selection,.tgl :after::selection,.tgl :before::selection,.tgl+.tgl-btn::selection,.tgl::selection,.tgl:after::selection,.tgl:before::selection{background:0 0}.tgl+.tgl-btn{position:relative;display:block;width:4em;height:2em;outline:0;cursor:pointer}.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{position:relative;display:block;width:50%;height:100%;content:""}.tgl+.tgl-btn:after{left:0}.tgl+.tgl-btn:before{display:none}.tgl:checked+.tgl-btn:after{left:50%}.tgl-flip+.tgl-btn{padding:2px;font-family:MyriadSetPro-Thin;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-perspective:100px;-ms-perspective:100px;perspective:100px}.tgl-flip+.tgl-btn:after,.tgl-flip+.tgl-btn:before{position:absolute;position:absolute;top:0;left:0;display:inline-block;width:100%;border-radius:4px;color:#fff;text-align:center;font-weight:700;line-height:2em;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.tgl-flip+.tgl-btn:after{background:#FF3A19;content:attr(data-tg-on);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-ms-transform:rotateY(-180deg)}.tgl-flip+.tgl-btn:before{background:#7FC6A6;content:attr(data-tg-off)}.tgl-flip+.tgl-btn:active:before{-webkit-transform:rotateY(-20deg);transform:rotateY(-20deg);-ms-transform:rotateY(-20deg)}.tgl-flip:checked+.tgl-btn:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.tgl-flip:checked+.tgl-btn:after{left:0;-webkit-transform:rotateY(0);transform:rotateY(0);-ms-transform:rotateY(0)}.tgl-flip:checked+.tgl-btn:active:after{-webkit-transform:rotateY(20deg);transform:rotateY(20deg);-ms-transform:rotateY(20deg)}.from-below,.from-below-to-below .effeckt-modal{opacity:0;-webkit-transition:all .5s;-o-transition:.5s;transition:.5s;-webkit-transform:translateX(100%);-o-transform:scale(.5);transform:scale(.5);-ms-transform:scale(.5)}.effeckt-show,.effeckt-show.from-below-to-below .effeckt-modal{opacity:1;-webkit-transform:translateX(0);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}.effeckt-show .effeckt-modal{visibility:visible}@media screen and (min-width:1200px){#wrap{width:1024px;height:auto;}}@media screen and (min-width:960px) and (max-width:1199px){#wrap{width:1024px}}@media screen and (min-width:768px) and (max-width:959px){#wrap{width:750px}}@media only screen and (min-width:480px) and (max-width:767px){.app ul li a img{width:96px;height:96px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius:12px;}div ul li a,div ul li a strong,ul li{display:block;width:96px;overflow:hidden;white-space:nowrap;}}@media only screen and (max-width:479px){.app ul li a img{width:64px;height:64px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius:12px;}div ul li a,ul li{display:block;width:64px}div ul li a strong{width:70px;overflow:hidden;white-space:nowrap;}ul li{list-style-type:none;float:left;margin:0 0 15px 25px}}
@media screen and (max-width:850px){#top{display:none}}
.so {width: auto;height: auto;}
.so input {margin: 20px 0 20px 0;width: 100%;color: #fff;padding: 5px;font-size: 2.2rem;font-weight:bold;text-align: center;transform: none;-webkit-appearance:none;border: 0;max-height: none;outline: none;background-image: none;background-color: transparent;border-radius:0;border-bottom: 0.5px solid #ccc;cursor:pointer;}