@font-face{font-family:fontello;src:url(//s.udn.com.tw/static/font-icons/font/fontello.eot?8058264);src:url(//s.udn.com.tw/static/font-icons/font/fontello.eot?8058264#iefix) format("embedded-opentype"),url(//s.udn.com.tw/static/font-icons/font/fontello.woff2?8058264) format("woff2"),url(//s.udn.com.tw/static/font-icons/font/fontello.woff?8058264) format("woff"),url(//s.udn.com.tw/static/font-icons/font/fontello.ttf?8058264) format("truetype"),url(//s.udn.com.tw/static/font-icons/font/fontello.svg?8058264#fontello) format("svg");font-weight:400;font-style:normal;font-display:swap}[class*=" i-"]:before,[class^=i-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow-two:before{content:"\2e";font-family:"fontello";font-style:normal;font-weight:normal;display:inline-block}*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:黑體-繁, Apple LiGothic Medium, PingFang, 微軟正黑體, Microsoft JhengHei, WenQuanYi Zen Hei, helvetica, Arial, sans-serif;scroll-behavior:smooth}body{background:#331a15;color:#666}img{display:block}a{text-decoration:none}strong{color:#65372c}.no-show{opacity:0 !important}.none{display:none !important}#top{width:100%;height:65px;background:#eee;position:fixed;left:0;top:0;z-index:99}#top .navbar{width:1280px;max-width:90%;height:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top .nav-left{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top .nav-left .logo{padding:0 24px 0 0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}#top .nav-left .logo img{width:120px}#top .nav-left .fb-share-button{margin:0 4px 0 0}#top .nav-right{height:100%}#top .nav-right .nav-topic{padding:0 20px;margin:0 10px;line-height:65px;display:inline-block;color:#341b16}#top .nav-right .nav-topic:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(95%, #fff), color-stop(95%, #a55440));background:linear-gradient(to bottom, #fff 95%, #a55440 95%)}#top .nav-ham{display:none}#top .nav-menu{display:none}#main{width:100%;height:873px;max-height:94.18vh;position:relative}#main .main-bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}#main .main-topic{width:115vmin;max-width:90%;position:absolute;left:50%;top:60%;-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%);-webkit-transition:.5s;transition:.5s;-webkit-filter:drop-shadow(0px 0px 25px #2c150fe5);filter:drop-shadow(0px 0px 25px #2c150fe5);-webkit-animation:fadeIn 1.25s, float 1.5s 1.25s infinite alternate;animation:fadeIn 1.25s, float 1.5s 1.25s infinite alternate}#main .main-topic:hover{opacity:0.99;-webkit-filter:drop-shadow(0px 0px 25px #2c150fe5) brightness(1.125);filter:drop-shadow(0px 0px 25px #2c150fe5) brightness(1.125)}#content{width:100%;height:auto;background:url(../img/content_bg_pc.png);background-size:100%}#illustrate,#points,#featured,#notice{width:115vmin;max-width:90%;height:auto;margin:0 auto 50px;position:relative}.anchor{width:100%;height:180px;pointer-events:none;position:absolute;left:0;top:-180px}.box{padding:45px 40px 36px;background:#f1e6d5;border-radius:20px;text-align:justify;line-height:1.5}.box .topic{width:162px;margin:0 auto 38px;pointer-events:none}.box .btn-arrow{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px 40px 15px 42px;margin:40px auto 0;background:#65372c;color:#fff;font-weight:bold;line-height:1;border-radius:5px;display:block}.box .btn-arrow:hover .arrow-two::before{-webkit-animation:arrowMove 1s infinite;animation:arrowMove 1s infinite}.box .arrow-two{margin:0 0 0 2px}#points{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#points .box{width:calc(50% - 25px)}#points .table1 li{margin:4px 0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#points .table1 li:nth-last-child(1){margin:0}#points .table1 .medal{margin:0 10px 0 0}#points .table1 .table1-text{padding:5px 0 0}#points .table2 li{margin:0 0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#points .table2 li:nth-last-child(1){margin:0}#points .table2 .star{margin:4px 4px 0 0}#featured .books-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#featured .book{width:calc((100% - 90px) / 4);height:auto;-webkit-transition:.5s;transition:.5s}#featured .book:hover .book-img{-webkit-filter:contrast(1.45);filter:contrast(1.45)}#featured .book:hover .book-btn{background:#ed8e07}#featured .book-img{width:100%;-webkit-transition:.5s;transition:.5s}#featured .book-btn{width:100%;height:80px;padding:0 10px;margin:20px 0 40px;background:#a55440;color:#fff;font-size:20px;line-height:1.4;text-align:center;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.5s;transition:.5s}#featured .btn-arrow{margin:auto}#notice .notice-text{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 16px}#notice .notice-text:nth-last-child(1){margin:0}#notice .mail{color:#a55440}#footer{width:100%;height:40px;background:#210f0b;color:#fff;text-align:center;line-height:40px}#goTop{display:inline-block;position:fixed;right:2.5%;bottom:65px;-webkit-transition:.5s;transition:.5s;-webkit-animation:goTopIn 1s;animation:goTopIn 1s}#goTop:hover{-webkit-filter:brightness(1.25);filter:brightness(1.25)}@-webkit-keyframes fadeIn{0%{width:5px;opacity:0}100%{width:115vmin;opacity:1}}@keyframes fadeIn{0%{width:5px;opacity:0}100%{width:115vmin;opacity:1}}@-webkit-keyframes goTopIn{0%{opacity:0}100%{opacity:1}}@keyframes goTopIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes float{0%{-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%)}100%{-webkit-transform:translate(-50%, -61.2%);transform:translate(-50%, -61.2%)}}@keyframes float{0%{-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%)}100%{-webkit-transform:translate(-50%, -61.2%);transform:translate(-50%, -61.2%)}}@-webkit-keyframes arrowMove{75%{-webkit-transform:translateX(4px);transform:translateX(4px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes arrowMove{75%{-webkit-transform:translateX(4px);transform:translateX(4px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@media (max-width: 1023px){#top .nav-right{display:none}#top .nav-ham{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:9px 8px;background:#fff;border:1px solid #ccc;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}#top .nav-ham .line{width:20px;height:2px;margin:2px 0;background:#ccc;border-radius:5px;display:block}#top .nav-menu{background:#fff;position:fixed;right:0;top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:3px 0px 10px #fff9;box-shadow:3px 0px 10px #fff9;-webkit-transition:.5s;transition:.5s;z-index:-1;opacity:0;pointer-events:none}#top .nav-menu .menu-topic{padding:28px 20vw;color:#331a15}#top .nav-menu .menu-topic:hover{background:#eee}#top .active{z-index:99;opacity:1;pointer-events:all}#main{height:60vh;max-height:85vh}#main .main-topic{width:690px;top:66%;-webkit-transform:translate(-50%, -66%);transform:translate(-50%, -66%)}#illustrate,#points,#featured,#notice{width:690px}.box .topic{margin:0 auto 30px}.box .btn-arrow{margin:30px auto 0}#points{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#points .box{width:100%}#points .box:nth-child(2){margin:0 0 50px}#featured .books-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#featured .book{width:calc((100% - 30px) / 2)}#featured .book-btn{height:77px;padding:0 16px;margin:20px 0 30px;font-size:19px}#footer{height:56px;line-height:56px}@-webkit-keyframes fadeIn{0%{width:5px;opacity:0}100%{width:690px;opacity:1}}@keyframes fadeIn{0%{width:5px;opacity:0}100%{width:690px;opacity:1}}@-webkit-keyframes float{0%{-webkit-transform:translate(-50%, -66%);transform:translate(-50%, -66%)}100%{-webkit-transform:translate(-50%, -67.2%);transform:translate(-50%, -67.2%)}}@keyframes float{0%{-webkit-transform:translate(-50%, -66%);transform:translate(-50%, -66%)}100%{-webkit-transform:translate(-50%, -67.2%);transform:translate(-50%, -67.2%)}}}@media (max-width: 640px){#top .navbar{max-width:95%}#top .nav-left .logo{padding:0 12px 0 0}#main{height:170vmin;max-height:102vh}#main .main-bg{opacity:1}#main .main-topic{max-width:90%;top:75%;-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%);-webkit-animation:fadeIn 1.25s, float 1.5s 0.7s infinite alternate;animation:fadeIn 1.25s, float 1.5s 0.7s infinite alternate}#illustrate,#points,#featured,#notice{max-width:90%;margin:0 auto 30px}.box .topic{margin:0 auto 20px}.box .btn-arrow{margin:20px auto 0}#points .box:nth-child(2){margin:0 0 30px}#featured .book{width:calc((100% - 15px) / 2)}#featured .book-btn{height:60px;padding:0 4px;font-size:16px}#footer{height:auto;padding:3% 2.5%;line-height:1.6;font-size:14px}#goTop{bottom:50px}#goTop img{width:65px}@-webkit-keyframes float{0%{-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%)}100%{-webkit-transform:translate(-50%, -76.2%);transform:translate(-50%, -76.2%)}}@keyframes float{0%{-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%)}100%{-webkit-transform:translate(-50%, -76.2%);transform:translate(-50%, -76.2%)}}}@media (max-width: 413px){#featured .book{width:100%}#featured .book-btn{padding:0 10px;margin:16px 0 32px}#goTop{bottom:53px}#goTop img{width:55px}}@media (max-width: 320px){#main .main-topic{top:80%;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}@-webkit-keyframes float{0%{-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}100%{-webkit-transform:translate(-50%, -81.2%);transform:translate(-50%, -81.2%)}}@keyframes float{0%{-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}100%{-webkit-transform:translate(-50%, -81.2%);transform:translate(-50%, -81.2%)}}}