@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");.body{color:#333;background:#fff;font-size:13px;font-family:'Noto Sans TC',微軟正黑體,arial;margin:0;height:100%;width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}ul{list-style:none;padding:0}a,a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600}.ani{transition:all .4s ease}.page{padding:30px}.h-logo{display:block;position:absolute;top:20px;left:25px;width:50px}nav{float:right;margin:29px 30px 29px 50px;position:relative;text-align:right;width:calc(100% - 160px)}nav a,.modal-c nav a{color:#000;font-size:15px;padding:7px}.modal-c .icon{padding:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:1px solid #fff;color:#333;font-size:19px;font-weight:600}.nav-tabs>li>a{color:#555;font-size:15px}.nav-tabs li{position:relative}.nav-tabs li.active:after{background:#d8d8d8;content:"";display:block;height:42px;position:absolute;right:-3px;top:7px;width:4px}.header{position:absolute;width:100%;z-index:997;top:0}.header nav a{display:inline-block;transition:.5s;vertical-align:middle}.header nav a:hover{color:#777}.header nav .modal-c a:hover{color:#ddd}.header .navbar i{font-size:20px}nav i{font-size:19px}.bell{position:relative}.bell-num{background:#d80202;border-radius:50%;color:#fff;height:20px;font-size:12px;line-height:20px;position:absolute;right:-5px;bottom:10px;text-align:center;width:20px}.shB{display:inline-block;position:relative;z-index:1}.search{//position:relative;//position:absolute;//top:30px;//right:160px}.search input{background:rgba(255,255,255,.3);border:1px solid #777;border-radius:0;box-shadow:none;font-size:17px;margin:0;outline:0;padding:5px 10px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;width:210px}.search input:focus{background:rgba(255,255,255,.7);border:1px solid #333;box-shadow:none}.search a{color:#000;font-size:19px;padding:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header .menu{float:left}.header .menu a{font-weight:600;overflow:hidden;padding:10px 15px;position:relative}.header .menu a:hover{background:#f7f7f7;color:#555}.rwd-btn{display:none;height:16px;width:28px;position:absolute;top:35px;transition:all .4s ease-in-out;right:20px;z-index:2}.rwd-check{display:none}.rwd-btn .bar{background:#000;display:block;height:2px;position:absolute;transition:all .4s ease-in-out;width:24px}.rwd-btn .bar:nth-child(1){top:0}.rwd-btn .bar:nth-child(2){top:7px}.rwd-btn .bar:nth-child(3){top:14px}.menu-icon{display:inline-block;vertical-align:top}.frame-box{background:#d39400;background:-moz-linear-gradient(top,#d39400 0%,#a3620c) 100%);background:-webkit-linear-gradient(top,#d39400 0%,#a3620c 100%);background:linear-gradient(to bottom,#d39400 0%,#a3620c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d39400',endColorstr='#a3620c',GradientType=0);border-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 5px 10px #fff88f,inset 0px -5px 10px rgba(197,149,3,0.6);padding:12px}.frame-box-in{background:#f3dd38;background:-moz-linear-gradient(top,rgba(243,221,56,1) 0%,rgba(251,187,39,1) 100%);background:-webkit-linear-gradient(top,rgba(243,221,56,1) 0%,rgba(251,187,39,1) 100%);background:linear-gradient(to bottom,rgba(243,221,56,1) 0%,rgba(251,187,39,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3dd38',endColorstr='#fbbb27',GradientType=0);border-radius:10px;box-shadow:0 -3px 5px rgb(212,165,18,.8),0 3px 5px rgba(255,223,123,1),inset 0px -5px 30px rgba(183,138,0,0.6);height:100%;padding:50px;position:relative}.navbar-toggle .icon-bar{background:#000}.sidebar{width:190px;float:left;position:static;padding-left:0;padding-right:0}.member-box{background:#363a7a;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.2);position:fixed;left:calc((100% - 1570px)/2);text-align:center;width:240px;z-index:2;height:100%;padding:50px 20px 0}.head{background:#8e95dd;height:168px;margin:10px auto;overflow:hidden;width:168px}.head img{height:100%;width:100%}.LBZ{display:inline-block}.M-info{background:#373c72;color:#fff;font-size:17px;padding:10px 15px;text-align:left}.name{color:#ffde34;font-size:21px;font-weight:600;padding:5px 10px;margin:0}.name+p{background:#eee;color:#000;font-size:15px;padding:3px 0}.M-info p{border-bottom:1px solid #4d5394;display:table;padding:0 0 3px;width:100%}.M-info p span{display:table-cell}.M-info p span:nth-child(1){width:50px}.M-info p span:nth-child(2){text-align:right}.btn-box{background:#1d1e2e}.btn-box a{background:#ccc;background:-moz-linear-gradient(top,#ccc 0%,#777 100%);background:-webkit-linear-gradient(top,#ccc 0%,#777 100%);background:linear-gradient(to bottom,#ccc 0%,#777 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc',endColorstr='#777',GradientType=0);border-radius:3px;color:#fff;display:inline-block;font-size:15px;margin:10px 5px 10px 0;padding:5px 10px}.btn-box a:nth-child(3){margin:10px 0}.btn-box a:hover{background:#ffc647;background:-moz-linear-gradient(top,#ffc647 0%,#ff6c00 100%);background:-webkit-linear-gradient(top,#ffc647 0%,#ff6c00 100%);background:linear-gradient(to bottom,#ffc647 0%,#ff6c00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc647',endColorstr='#ff6c00',GradientType=0)}.icon-box{position:absolute;top:60px;right:-80px;transition:all .2s ease;width:80px}.member-box{left:-240px}.member-icon{background:rgba(74,82,185,.9);color:#fff;cursor:pointer;display:block;font-size:25px;height:80px;position:relative;transition:all .2s ease;width:80px}.member-icon i,.member-icon b{transition:all .4s ease}.member-icon i{position:absolute;bottom:35%;transform:translate(-50%)}.member-icon b{position:absolute;bottom:25px;font-size:15px;opacity:0;transform:translateX(-50%);width:100%}.member-btn i{color:#ffde34}.member-btn:hover i{color:#363b76}.member-icon:hover{background:#eee;color:#363b76}.member-icon:hover i{bottom:48%}.member-icon:hover b{bottom:13px;opacity:1}.FB-L-bg{background:#ffde5a;height:calc(100vh - 58px);position:relative;width:100%}.FB-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.FB-loading img{margin:0 25px 30px 0}.FB-loading-txt{color:#966829;font:600 30px arial;padding:0 0 10px;text-align:center}.progress{background:#cbb354;border-radius:15px;-webkit-box-shadow:inset 0 3px 10px rgba(103,60,24,0.5);box-shadow:inset 0 3px 10px rgba(103,60,24,0.5);border:2px solid #b1962b;height:25px}.progress-bar{background:#3766dd}#loginBoxZone{display:inline-block;margin:0;vertical-align:baseline;//display:none}#loginBoxZone li{display:inline-block}//.mail-btn{background:rgba(74,82,185,.9);border-radius:50%;height:36px;position:absolute;top:0;right:45px;text-align:center;width:36px;z-index:1}.mail-btn{display:inline-block}.dropdown.bell{border-radius:50%;position:relative;text-align:center;z-index:1}//.dropdown.bell i{color:#fff781;font-size:25px;line-height:36px}.dropdown.bel .mail-btn i{color:#fff;font-size:20px;line-height:36px}.dropdown.bell .dropdown-menu{left:initial;right:0;min-width:280px;padding:0}.dropdown.bell .dropdown-menu:before{content:"";display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white;position:absolute;top:-7px;right:45px;-webkit-filter:drop-shadow(0 -1px 0 rgba(0,0,0,.15));filter:drop-shadow(0 -1px 0 rgba(0,0,0,.15))}.user{background:#38b549;border-radius:50%;color:#fff;display:inline-block;font-size:19px;height:36px;overflow:hidden;position:relative;text-align:center;width:36px}.user span{display:block;font-size:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header nav .user:hover{color:#daff53}.user img{display:block;object-fit:cover;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.pop-message .modal-content{background:#fffddb;border:10px solid #ffde5a;border-radius:15px;box-shadow:0 3px 0 #e69d11,0 7px 0 #eca51d,0 10px 15px rgba(0,0,0,.5)}.pop-message .modal-body{background:#fffef4;color:#99001c;font-size:19px;font-weight:500;padding:30px 20px}.message-tit{position:absolute;top:-75px}.pop-message .close{background:#f52e00;border-radius:50%;color:#fff;height:28px;top:-8px;right:-10px;text-shadow:0 1px 0 #671400;position:absolute;top:-12px;right:-14px;width:28px}.pop-message .modal-h img{width:90%}.gm-tit{text-shadow:0 3px 3px #16186a;color:#fff781;font-size:28px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pop-message .close:hover{color:#fff}.dropdown.bell li{border-bottom:1px solid #ccc;padding:5px 10px;text-align:justify}.dropdown.bell li:last-child{border:0}.dropdown.bell li:last-child a{background:#edf2fa;color:#337ab7;padding:5px 10px;text-align:center}.dropdown.bell li:last-child a:hover{text-decoration:underline}.modal-backdrop{z-index:1000}.modal{z-index:1001}.search input::-webkit-input-placeholder{color:#555}.search input::-moz-placeholder{color:#555}.search input:-ms-input-placeholder{color:#555}.search input:-moz-placeholder{color:#555}.modal-sm{height:100vh !important;margin:0 auto}.problem{display:flex;flex-direction:row-reverse;position:fixed;top:50%;z-index:2}label.RPbtn{background:#358460;border-radius:0 15px 0 0;color:#fff;cursor:pointer;display:block;font-size:18px;height:36px;line-height:36px;margin:0;text-align:center;width:36px}input.RPbtn{display:none}.RPbtn .B{display:none}input.RPbtn:checked ~ label>.A{display:none}input.RPbtn:checked ~ label>.B{display:block;line-height:36px}.problem .txt{background:#358460;height:155px;overflow:hidden;padding:0;transition:all .3s;width:0}.problem .submit{padding:0}input.RPbtn:checked ~ .txt{padding:10px;width:200px}input.RPbtn ~ .txt *{opacity:0;transition:all .3s}input.RPbtn:checked ~ .txt *{opacity:1}.problem h3{color:#fff;margin:2px 0 5px;font-size:19px;text-align:center}.problem textarea{height:70px;font-size:15px;padding:5px;resize:none;width:100%}.txt .nbtn{border:1px solid;color:#fff;display:block;font-weight:600;margin:5px auto 0;padding:3px;text-align:center;width:80px}@media screen and (max-width:1200px){.header{background:#fff;height:70px;position:fixed}.h-logo{top:12.5px;width:45px}.rwd-check{display:block;height:28px;margin:0;opacity:0;pointer-events:auto;position:absolute;top:26px;right:22px;width:28px;z-index:3}.rwd-btn{display:block}.rwd-check:checked ~ .rwd-btn{transform:rotate(90deg)}.rwd-check:checked ~ .rwd-btn .bar:nth-child(2){background:#94db3a;left:10px}nav{background:#f8f8f8;display:none;height:calc(100vh - 70px);margin:0;overflow:hidden;top:70px;width:100%;position:fixed;float:none;top:100vh;transition:all .5s ease}.header nav a{vertical-align:top}.header .menu a:hover{background:0;color:#39b54a;font-style:italic}.header .menu a:before{content:"";border-top:1px solid #39b54a;display:inline-block;margin:0;transition:all .4s ease;vertical-align:middle;width:0}.header .menu a:hover:before{margin:0 10px 0 0;width:100px}.rwd-check:checked ~ nav{display:block;top:70px;text-align:left}.header .menu{float:none;margin:5vw 10vw 0;padding:0 0 20px}nav div{position:relative}.header .menu a{color:#333;display:block;font-size:2rem;font-weight:600}.shB{display:block;margin:0 10vw;padding:0 20px}.search input{background:#fff;height:auto;padding:10px 20px;width:100%}.search input:focus{background:#fff}.menu-icon{margin:25px 0 0 10vw;padding:0 0 0 10px}.pop-message .modal-content{left:5%;margin:0;width:90%}.LBZ{margin:0 25px 0 0}nav a i{color:#333;font-size:25px;font-weight:600}.LBZ a{color:#333;font-size:17px;font-weight:600}.header nav .user{background:#333;color:#fff;display:inline-block;height:50px;width:50px}.header nav:before{background:url("/assets/meta/z26fae316/img/rwd-bg.svg") 0 0 no-repeat;background-size:cover;content:"";display:block;height:150vw;opacity:.6;position:absolute;left:-75vw;bottom:-75vw;width:150vw;animation:turn 30s linear infinite}}@media screen and (max-width:991px){.pop-message .modal-body{max-width:initial}.gm-tit{font-size:6.5vw}.icon-box{right:-60px;width:60px}.member-box{padding:15px 20px 0}.member-icon{background:rgba(54,59,118,.85);font-size:19px;height:60px;width:60px}.member-icon i{bottom:50%}.member-btn b{color:#ffde34}.member-icon b{bottom:8px;font-size:13px;opacity:1}.member-icon:hover i{bottom:50%}.member-icon:hover b{bottom:10px}.dropdown.bell .dropdown-menu:before{right:1px}}@media screen and (max-width:820px){.pop-message .modal-content{height:auto;top:30%}}@media screen and (max-width:820px){.modal-sm{width:310px}}@media screen and (max-width:640px){.header .menu{margin:10vw 15px 0}.shB{display:block;margin:0 15px}.search input{width:100%}.search input:focus{width:100%}.header nav .user{display:inline-block;right:0;margin:0 15px 0 0}.menu-icon{padding:0}.LBZ{margin:0 10px 0 0}}@media screen and (max-width:414px){//.dropdown.bell{height:24px;top:7px;right:10px;width:24px}//.dropdown.bell i{font-size:16px;line-height:24px}.mail-btn{height:24px;top:0;right:30px;width:24px}.mail-btn i{font-size:14px;line-height:24px}.icon-box{top:230px}.header .menu a{font-size:21px}}@media screen and (max-width:375px),screen and (max-height:375px){.icon-box{top:40px}}@media screen and (max-width:375px){.icon-box{top:210px}}@media screen and (max-width:374px),screen and (max-height:374px){.icon-box{top:10px}}@media screen and (max-width:374px){.icon-box{top:180px}.header nav:before{left:-90vw}}@media screen and (max-width:350px){.header .menu{padding:0 0 15px}.header .menu a{padding:5px 20px}.menu-icon{margin:15px 0 0 10vw;padding:0}}@media(orientation:landscape) and (max-width:990px){.header .menu{margin:25px 10vw 0;padding:0 0 10px}.header .menu a{font-size:19px}.header .menu a{display:inline-block;padding:10px 20px;width:50%}.header nav:before{height:70vw;left:-35vw;bottom:-35vw;width:70vw}.menu-icon{margin:0;padding:0}.header nav .user{display:inline-block;height:36px;margin:5px 0 0;width:36px}.header nav:before{height:90vw;bottom:-65vw;width:90vw}.shB{display:inline-block;margin:0 0 0 10vw;width:calc(50% - 65px)}}@media(orientation:landscape) and (max-width:680px){.header .menu a{padding:7px 20px}}@media(orientation:landscape) and (max-width:570px){.header .menu a{padding:2px 20px}}@keyframes turn{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes turn{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}