@charset "utf-8";*{margin:0;padding:0;color:#000;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;box-sizing:border-box;font-family:Microsoft JhengHei}body{background:#23b6bc;font-size:100%}.topBlack{width:100%;height:100%;z-index:998;top:0;left:0;position:fixed;display:none}.video{width:100%;height:100%;position:absolute}#topic-vid{display:none}#pttEx{width:100%;height:100%;display:none}.topic{top:50%;width:100%;position:relative;display:none}.bg{width:100%;background:#dea47e;position:absolute;transform:translateY(-50%)}.bg img{width:100%;display:none}#nt,#pr{top:0;width:15%;height:100%;z-index:997;position:absolute;cursor:pointer}#nt{right:0;background:url(../image/btn_ne.png) no-repeat center;background-size:30%;background-position-x:96%}#pr{left:0;background:url(../image/btn_pr.png) no-repeat center;background-size:30%;background-position-x:4%}#nt:hover,#pr:hover{transform:scale(1.1);transition-duration:.1s}#close{top:0;right:0;width:4%;z-index:999;position:absolute;cursor:pointer;transition-duration:.3s}#play{top:12%;right:4%;width:15%;cursor:pointer;pointer-events:visibleStroke;z-index:998;position:absolute;display:block}#play:hover{transform:scale(1.1);transition-duration:.3s}#close:hover{transform:rotate(90deg) scale(1.1);transition-duration:1s}.black{width:100%;height:100%;background:#000;opacity:.6;top:0;position:fixed;z-index:-1}.parent{min-width:1280px;background:#fff;font-size:24px;background-image:url(../image/bg.png);position:relative}.wrapper{width:1280px;margin-right:auto;margin-left:auto;padding-top:20px;padding-bottom:20px}.banner{width:1280px;height:250px;background-color:#f1b57b;border-radius:20px 20px 0 0;position:relative}.home{width:64px;height:64px;top:10px;left:10px;background-image:url(../image/go_home.png);display:none;position:absolute;cursor:pointer}.home:hover{transform:scale(1.1);transition-duration:.3s}.button{width:1280px;height:69px;top:200px;text-align:center;position:absolute;display:block}.button a:hover>div{background:#bbe1e8}.button a:hover>div>div{height:40px;width:160px;margin:auto;margin-top:10px;border-radius:20px 20px 20px 20px}.button a:hover>.class1>div{background:#fff;background-image:url(../image/class1a.png);background-repeat:no-repeat;background-position:center}.button a:hover>.class2>div{background:#fff;background-image:url(../image/class2a.png);background-repeat:no-repeat;background-position:center}.button a:hover>.class3>div{background:#fff;background-image:url(../image/class3a.png);background-repeat:no-repeat;background-position:center}.button a:hover>.class4>div{background:#fff;background-image:url(../image/class4a.png);background-repeat:no-repeat;background-position:center}.class1,.class2,.class3,.class4{display:block;height:50px;width:200px;background:#367791;float:left;margin-right:5px;border-radius:20px 20px 0 0}.class1a,.class1b,.class2a,.class2b,.class3a,.class3b,.class4a,.class4b{display:block;height:50px;min-width:200px;background:#bbe1e8;float:left;margin-right:5px;border-radius:20px 20px 0 0}.class1b,.class2b,.class3b,.class4b{padding:0 20px 0 20px}.class1a>div,.class1b>div,.class2a>div,.class2b>div,.class3a>div,.class3b>div,.class4a>div,.class4b>div{text-decoration:none;display:block;height:40px;min-width:160px;background:#fff;margin:auto;margin-top:10px;border-radius:20px 20px 20px 20px;padding:5px;background-repeat:no-repeat;background-position:center}.class1>div,.class2>div,.class3>div,.class4>div{display:block;height:40px;width:160px;margin:auto;text-decoration:none;margin-top:10px;color:#bbe1e8;background-repeat:no-repeat;background-position:center 20%}.class1>div{background-image:url(../image/class1.png)}.class2>div{background-image:url(../image/class2.png)}.class3>div{background-image:url(../image/class3.png)}.class4>div{background-image:url(../image/class4.png)}.class1a>div{background-image:url(../image/class1a.png)}.class2a>div{background-image:url(../image/class2a.png)}.class3a>div{background-image:url(../image/class3a.png)}.class4a>div{background-image:url(../image/class4a.png)}.class1b>div>img,.class2b>div>img,.class3b>div>img,.class4b>div>img{margin:0 20px 0 20px}.main{background:#bbe1e8;border-radius:0 0 20px 20px;width:100%;clear:both;position:relative}.main>div,.main>div>p{color:#367791;padding:10px;text-align:left}.main>div{margin-left:110px}#canvas{width:1184px;height:500px;margin-left:48px;background:0 0;display:none;object-fit:contain;text-align:center;position:relative}#regblack{top:0;width:1240px;height:500px;border-radius:20px 20px 20px 20px;background-color:rgba(0,0,0,.6);line-height:520px;text-align:center;margin:10px 20px 10px 20px;z-index:999;position:absolute}#regblack a{color:#fff;font-size:24px}#preload{width:1184px;height:500px;margin-left:48px;display:block;text-align:center;position:relative}#preload>img{top:225px;vertical-align:middle;max-height:100%;position:relative}.bottom{text-align:center;padding-top:1%;padding-bottom:1%;position:relative}.bottom p{color:#fff}.topright{width:1280px;margin:-1% auto 0 auto;display:block;position:relative}#logo{border:none;padding:0;margin-top:-1%;margin-right:10px;width:48px;height:48px;background-image:url(../image/logo.png);background-repeat:no-repeat;background-size:100%;float:right}