@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.bebas{font-family:"Bebas Neue",cursive}wr{display:block}nr{display:inline}sr{display:inline}@media only screen and (min-width: 1200px)and (max-width: 1680px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (min-width: 992px)and (max-width: 1200px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (max-width: 992px){wr{display:inline}nr{display:inline}sr{display:block}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}ol,ul{padding:0 0 0 1.5em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#log{position:fixed;width:500px;height:300px;z-index:3000;background:#fff;color:#000}body.modal-open{overflow:hidden !important;padding-right:0 !important}.modal-backdrop{background-color:rgba(255,255,255,0) !important}img{width:100%;height:auto;padding:0;margin:0;border:0;vertical-align:top}br.clear{clear:both}.hide{display:none}.row{width:100%;padding:0;margin:0}.col,.col-lg,.col-sm{padding:0px}.accordion{width:100%;height:auto;background-color:rgba(0,0,0,0)}.accordion .card{padding:0;margin:0;border-radius:0;border:0;background-color:rgba(0,0,0,0)}.accordion .card .card-header{padding:0;border:0;outline:none;background-color:rgba(0,0,0,0)}.accordion .card .card-header button{width:100%;padding:0 1.5em;margin:-2px 0;outline:none;border:0;text-align:left;background-color:rgba(0,0,0,0)}.accordion .card .card-header button h2{outline:none}.accordion .card .card-header button:hover{text-decoration:none}.modal{width:100vw;max-width:100vw;min-width:100vw;height:100vh;padding:0;margin:0;overflow:hidden !important;overflow-y:hidden !important;z-index:12000;background-color:rgba(0,0,0,.8)}.modal .modal-dialog{position:relative;display:block;width:100vw;max-width:100vw;min-width:0%;height:100%;padding:0;margin:0;border-radius:0;pointer-events:none;background-color:rgba(255,255,255,0)}.modal .modal-dialog .modal-content{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;background-color:rgba(255,255,255,0);padding:0;margin:0;overflow:hidden;border-radius:0;pointer-events:none}.modal .modal-dialog .modal-content .modal-header{padding:0;margin:0 auto;border:0px;border-radius:0px}.modal .modal-dialog .modal-content .modal-body{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;padding:0;margin:0 auto;border:0px;border-radius:0px;pointer-events:none;background-color:rgba(255,255,255,0)}@media only screen and (max-width: 992px){.modal{width:100vw;max-width:100vw}.modal .modal-dialog{width:100vw;max-width:100vw}}.modal-centered{top:0%;transform:translate(0%, 10%) !important}.modal.fade.show .modal-centered{top:0%;transform:translate(0, 0%) !important}.closeBtn{position:absolute;display:flex;width:3em;height:3em;pointer-events:auto;cursor:pointer;top:0em;right:0em;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;flex-direction:row;z-index:200}.closeBtn:hover{opacity:.5}.closeBtn i{color:#fff;font-size:1.2em}@media only screen and (max-width: 992px){.closeBtn{width:8vw;height:8vw}.closeBtn i{font-size:1em}}.sliderBox{position:relative;display:flex;width:100vw;height:40vw;top:0;left:0;padding:0;margin:0;overflow:hidden;z-index:10}.sliderBox ul.innerBox{position:relative;display:flex;width:100%;height:100%;list-style-type:none;z-index:10;padding:0;margin:0;background-color:rgba(0,0,0,0)}.sliderBox ul.innerBox li.inner{position:relative;display:flex;width:100vw;height:40vw;margin:0;padding:0;pointer-events:auto}.sliderBox ul.innerBox .slick-dots{position:absolute;display:flex;width:100%;height:1em;bottom:0em;padding:0;margin:0;list-style-type:none;justify-content:center}.sliderBox ul.innerBox .slick-dots li{width:.5em;height:.5em;padding:0;margin-right:.5em;border-radius:1em;pointer-events:auto;cursor:pointer;background-color:#bbb}.sliderBox ul.innerBox .slick-dots li:last-child{margin-right:0em}.sliderBox ul.innerBox .slick-dots li.slick-active{background-color:#1f1f1f}.sliderBox ul.innerBox .slick-dots li button{display:none}.sliderBox .navigation{position:absolute;display:flex;width:100%;height:100%;padding:0 0 0 0;z-index:100;align-items:center;pointer-events:none}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{position:relative;display:flex;width:8%;height:100%;pointer-events:auto;cursor:pointer;align-items:center;justify-content:center;color:#eee}.sliderBox .navigation .prevBtn:hover,.sliderBox .navigation .nextBtn:hover{opacity:.5}.sliderBox .navigation .prevBtn .arrow,.sliderBox .navigation .nextBtn .arrow{display:flex;width:50%;height:auto;align-items:center;justify-content:center;pointer-events:none}.sliderBox .navigation .prevBtn .arrow i,.sliderBox .navigation .nextBtn .arrow i{font-size:1em}.sliderBox .navigation .prevBtn{left:0}.sliderBox .navigation .nextBtn{position:absolute;right:0}@media only screen and (max-width: 992px){.sliderBox{width:100vw;height:150vw;margin:0}.sliderBox ul.innerBox li.inner{height:150vw}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{width:10vw}}.loader,.loader:after{border-radius:50%;width:2em;height:2em}.loader{position:absolute;display:block;top:calc(50% - 1em);left:calc(50% - 1em);margin:0;border-top:.3em solid rgba(255,255,255,.2);border-right:.3em solid rgba(255,255,255,.2);border-bottom:.3em solid rgba(255,255,255,.2);border-left:.3em solid #fff;transform:translateZ(0);animation:load8 1.1s infinite linear}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;letter-spacing:1px;font-size:15pt;font-family:"Noto Sans TC";font-weight:400;font-style:normal;overflow:auto;overflow-x:hidden;color:#4d4d4d;background-color:#fff}@media only screen and (min-width: 1200px)and (max-width: 1680px){body{font-size:14pt}}@media only screen and (min-width: 992px)and (max-width: 1200px){body{font-size:13pt}}@media only screen and (max-width: 992px){body{font-size:5vw}}@media only screen and (min-width: 744px)and (max-width: 991px)and (min-height: 900px){body{font-size:13pt}}.bold,b{font-weight:600}#loading{position:fixed;display:flex;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;z-index:20000;pointer-events:auto;justify-content:center;align-items:center}#loading .bg{height:100%;background-color:rgba(10,10,10,.9)}#loading .prograssTxt{position:relative;display:flex;width:auto;height:auto;margin:7em 0 0 0;font-size:.5em}header{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:10000;pointer-events:none}@media only screen and (max-width: 992px){header{width:100vw;height:100vh}}nav.navi{position:absolute;display:flex;width:100%;height:auto;padding:4em 0 2em 0;margin:0;pointer-events:auto;z-index:500;transition:all .5s ease-out;background-color:#fff}nav.navi .box{pointer-events:none}nav.navi .box #toggleBtn{display:none}nav.navi .box .logoBox{position:relative;display:flex;width:50%;height:auto}nav.navi .box .logoBox a{position:relative;display:flex;flex-direction:row;align-items:flex-end}nav.navi .box .logoBox a .logoH{display:none}nav.navi .box .logoBox a .logo{position:relative;display:flex;width:50%;height:auto;margin:0 1em 0 0;pointer-events:auto;cursor:pointer}nav.navi .box .logoBox a .monthly{position:relative;display:flex;width:30%;height:auto}nav.navi .box .dateBox{position:absolute;display:flex;right:0;top:0;line-height:100%;justify-content:center;font-size:3.5em;font-family:"Bebas Neue",cursive}nav.navi .box .dateBox .mon{position:relative;display:inline-flex;line-height:100%}nav.navi .box .dateBox .mon::before{position:relative;display:inline-flex;content:"";height:80%;margin:5% .2em 0 .3em;border-left:2px #4d4d4d solid}nav.navi .box ul.menu{position:absolute;display:flex;height:auto;list-style:none;flex-direction:row;right:0;bottom:0;padding:0;margin:0;font-size:1em}nav.navi .box ul.menu li{position:relative;display:flex;margin:0 0 0 2em;padding:0;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .box ul.menu li a,nav.navi .box ul.menu li a:link{color:#4d4d4d}nav.navi .box ul.menu li a:hover{opacity:.5;text-decoration:none}nav.navi .box ul.menu li i{font-size:1.2em}nav.navi .box .slash.s1{width:15em;margin:-5em 0 0 -10em}nav.navi .box .slash.s2{margin:10.5em 0 0 12em}@media only screen and (min-width: 992px)and (max-width: 1200px){nav.navi{font-size:11pt}nav.navi .box .logoBox{width:49%}}@media only screen and (max-width: 992px){nav.navi{width:100vw;font-size:4vw;padding:4em 0 1.5em 0}nav.navi .box .logoBox{width:100%}nav.navi .box .logoBox a{width:100%}nav.navi .box .logoBox a .logo{width:35%}nav.navi .box .logoBox a .monthly{display:none}nav.navi .box ul.menu{display:none}nav.navi .box .dateBox{top:8vw;right:5vw;font-size:1.7em}nav.navi .box #toggleBtn{position:absolute;display:flex;width:7vw;height:auto;padding:0;right:5vw;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .box #toggleBtn i{font-size:6vw}nav.navi .box .slash.s1{width:15em;margin:-5.5em 0 0 -11em}nav.navi .box .slash.s2{margin:5em 0 0 6em}}nav.navi.zoomout{padding:1em 0}nav.navi.zoomout .box .logoBox a .logoH{position:relative;display:flex;width:80%}nav.navi.zoomout .box .logoBox a .logo{display:none}nav.navi.zoomout .box .logoBox a .monthly{display:none}nav.navi.zoomout .box .dateBox{font-size:2em;top:28%}nav.navi.zoomout .box ul.menu{right:10em}nav.navi.zoomout .box .slash.s1{width:15em;margin:-4.5em 0 0 -13em}nav.navi.zoomout .box .slash.s2{display:none}@media only screen and (max-width: 992px){nav.navi.zoomout{padding:3vw 0}nav.navi.zoomout .box .logoBox a .logoH{width:33%}nav.navi.zoomout .box .dateBox{top:.5vw;right:15vw;font-size:1.7em}nav.navi.zoomout .box #toggleBtn{top:1vw}nav.navi.zoomout .box .slash.s1{width:15em;margin:-5.5em 0 0 -12em}}.slash{position:absolute;display:flex;width:4em;height:.7em;transform:rotate(45deg);background:#ac8155}.slash.grad{background:linear-gradient(90deg, rgb(255, 211, 119) 30%, rgb(172, 129, 85) 100%)}.slash.gradLogo{background:linear-gradient(90deg, rgb(255, 211, 119) 30%, rgb(172, 129, 85) 100%)}@media only screen and (max-width: 992px){.slash{width:7vw;height:1.3vw}}footer .box,nav.navi .box{position:relative;display:flex;width:90%;height:100%;flex-direction:column;margin:0 auto;padding:0}@media only screen and (min-width: 1200px)and (max-width: 1680px){footer .box,nav.navi .box{width:90%;max-width:90%}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .box,nav.navi .box{width:90%;max-width:90%}}@media only screen and (max-width: 992px){footer .box,nav.navi .box{width:100vw;max-width:100vw;padding:0 5vw}}footer{position:relative;display:block;width:100%;height:auto;overflow:hidden;padding:2.5em 0;font-size:.8em;color:#fff;overflow:visible;z-index:100;background-color:#4d4d4d}footer .box{color:#717171}footer .box .logo{width:22em;margin:0 0 1.5em 0}footer .box .contact{position:relative;display:flex}footer .box .copyright{position:relative;display:flex}footer .box .shareBox{position:absolute;display:flex;flex-direction:row;right:0}footer .box .shareBox h6{position:relative;display:flex;width:auto;height:3em;align-items:center;color:#fff;letter-spacing:.1em;font-family:"Bebas Neue",cursive}footer .box .shareBox ul.share{position:relative;display:flex;flex-direction:row;list-style:none}footer .box .shareBox ul.share li{position:relative;display:flex;margin:0 .5em 0 0}footer .box .shareBox ul.share li a,footer .box .shareBox ul.share li a:link{position:relative;display:flex;width:3em;height:3em;border-radius:3em;padding:.2em;justify-content:center;align-items:center;color:#4d4d4d;background-color:#fff}footer .box .shareBox ul.share li a i,footer .box .shareBox ul.share li a:link i{font-size:1.5em}footer .box .shareBox ul.share li a:hover{text-decoration:none;background-color:#aaa}footer .box .shareBox ul.share li .life{color:#4490cc}footer .box .shareBox ul.share li .life i{transform:rotateY(180deg)}footer .box .shareBox ul.share li .fb{color:#1d77ee}footer .box .shareBox ul.share li .ig{color:#b22e7c}footer .box .shareBox ul.share li .yt{color:#cb2328}footer .box .version{position:absolute;display:flex;padding:.8em 1em;font-size:.8em;right:0;bottom:0;border:1px #717171 solid}@media only screen and (max-width: 992px){footer .box{flex-direction:column;justify-content:flex-start}footer .box .logo{width:80%}footer .box .contact{display:block;margin:0}footer .box .copyright{position:relative;display:block;font-size:.8em}footer .box .shareBox{position:relative;height:auto;justify-content:center;flex-wrap:wrap;margin:1em 0 0 0}footer .box .shareBox h6{width:100%;height:auto;justify-content:center}footer .box .version{position:relative;width:auto;justify-content:center}}.dropdown.share .dropdown-toggle{width:3em;height:3em;border-radius:3em;padding:.2em;font-size:1em;justify-content:center;align-items:center;color:#4d4d4d;background-color:#fff;border:0;z-index:10}.dropdown.share .dropdown-toggle::after{display:none}.dropdown.share .dropdown-toggle i{font-size:1.5em;margin:-0.5em 0 0 0}.dropdown.share .dropdown-menu{width:3em !important;max-width:3em !important;height:auto;border-radius:0;margin:0;padding:.4em;background-color:rgba(0,0,0,0);z-index:100;font-size:1em;border:0px red dotted}.dropdown.share .dropdown-menu .dropdown-item{position:relative;display:flex;width:3em;height:3em;border-radius:3em;padding:.2em;justify-content:center;align-items:center;margin:0 0 .5em 0;cursor:pointer;color:#4d4d4d;background-color:#eee}.dropdown.share .dropdown-menu .dropdown-item:hover{background-color:#aaa}.dropdown.share .dropdown-menu i{font-size:1.5em;color:#4d4d4d}.dropdown.share .dropdown-menu .fb i{color:#1d77ee}.dropdown.share .dropdown-menu .line i{color:#06c755}@media only screen and (max-width: 992px){.dropdown.share .dropdown-menu{padding:0}}main{position:relative;display:block;width:100%;height:auto;margin:0;padding:15em 0 0 0;z-index:1;overflow:hidden}@media only screen and (min-width: 992px)and (max-width: 1200px){main{padding:12.5em 0 0 0}}@media only screen and (max-width: 992px){main{width:100vw;padding:37vw 0 0 0}}section{position:relative;display:block;width:100%;height:auto;margin:0 0 0 0;padding:0;z-index:100;pointer-events:auto;overflow:visible}section .content{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}section .content .box{position:relative;display:flex;width:90%;height:auto;max-width:1500px;margin:0 auto;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width: 1200px)and (max-width: 1680px){section .content .box{width:90%;max-width:90%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section .content .box{width:90%;max-width:90%}}@media only screen and (max-width: 992px){section .content .box{width:86vw;max-width:86vw}}h1,h2,h3,h4,h5,h6,p{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:visible}h1{font-size:2em;line-height:130%;font-weight:normal}h2{font-size:2.2em;line-height:130%;font-weight:normal;letter-spacing:.3em}h3{font-size:1.8em;line-height:150%;font-weight:normal}h4{font-size:1.5em;line-height:150%}h5{font-size:1.2em;line-height:150%}h6{font-size:1.1em;line-height:180%}.txt,p{font-size:1em;line-height:180%;font-weight:normal}.commit{font-size:.9em;color:#9d9d9d}.commit.sml{font-size:.85em;line-height:150%}.commit a,.commit a:link{color:#9d9d9d}sup{color:#9d9d9d}@media only screen and (max-width: 992px){h2{width:105%;font-size:1.5em}h3{font-size:1.3em}h4{font-size:1.2em}h5{font-size:1.1em}}.center{margin:0 auto}a,a:link{color:#4d4d4d}.underline{text-decoration:underline}hr{width:100%;margin:2em 0;border-top:2px #eee solid}.wide{letter-spacing:.1em}.mb1{margin-bottom:1em}.mt1{margin-top:1em 0}.whiteT{color:#fff}.grayT{color:#acacac}.gray2T{color:#a0a0a0 !important}.redT{color:#e73458}.yellowT{color:#fcca03}.orangeT{color:#eb8a00}.tangerineT{color:#eb8a00}.pinkT{color:#eaa9a0}.pink2T{color:#e38283}.greenT{color:#8cb630}.lakeT{color:#6dadbd}.blueT{color:#2a75be}a.blueBtn{color:#2a75be;text-decoration:underline}.monColorT{color:#ac8155}.bg{position:absolute;display:block;width:100%;height:100%;margin:0;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.txtBox{position:relative;display:flex;width:100%;height:auto;padding:0em;z-index:100;pointer-events:auto;flex-direction:column}.btnBox{position:relative;display:flex;width:100%;margin:.5em 0 2em 0}.btnBox.center{justify-content:center}.btnBox.right{justify-content:flex-end}.pic{position:relative;display:block;width:100%;height:auto;padding:0;margin:0 auto;overflow:hidden}.pic .commit{width:100%;text-align:left;margin:.5em 0 2em 0}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}@media only screen and (max-width: 992px){.w50,.w60,.w70,.w80{width:100%}}ul.bulb{list-style:none;padding:0;margin:.5em 0 0 0}ul.bulb li{padding:0 0 0 1em;margin:0 0 .5em 0;text-indent:0em;color:#9d9d9c;font-size:.9em;line-height:150%}ul.bulb li:before{position:absolute;display:block;content:"";width:1em;height:1em;margin:.3em 0 0 -1.2em;background-image:url(../img/bulb.svg)}a.moreBtn{position:relative;display:inline-block;width:auto;height:auto;margin:0;padding:0;color:#4d4d4d;text-decoration:none;justify-content:flex-start;align-items:flex-start;font-size:1.1em;line-height:150%;letter-spacing:.1em;font-family:"Bebas Neue",cursive;border-bottom:3px #4d4d4d solid}a.moreBtn.ch{font-family:"Noto Sans TC",sans-serif}a.moreBtn:hover{color:#aaa;border-bottom:3px #aaa solid;text-decoration:none}a.moreBtn.white{color:#fff;border-bottom:3px #fff solid}a.moreBtn.white:hover{color:#bbb;border-bottom:3px #bbb solid}a.moreBtn.lake{font-size:1em;font-weight:bold;color:#6dadbd;border-bottom:3px #6dadbd solid}a.moreBtn.lake:hover{color:#aaa;border-bottom:3px #aaa solid}a.moreBtn.blue{font-size:1em;font-weight:bold;color:#2a75be;border-bottom:3px #2a75be solid}a.moreBtn.blue:hover{color:#aaa;border-bottom:3px #aaa solid}.lineBox{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;z-index:330;pointer-events:none;cursor:pointer;transition:all .5s ease-out}.lineBox:hover{opacity:.5}.lineBox p{font-family:"Bebas Neue",cursive}.lineBox h6{position:relative;display:flex;width:.7em;height:auto;margin:0 0 2em 0}.lineBox h6 p{transform:rotate(90deg)}.lineBox span{position:relative;display:flex;width:100%;height:4em;border-left:3px #4d4d4d solid}.lineBox span.monColor{border-left:3px #ac8155 solid}.lineBox span.blue{border-left:3px #2a75be solid}.lineBox span.orange{border-left:3px #eb8a00 solid}.lineBox span.tangerine{border-left:3px #eb8a00 solid}.lineBox span.yellow{border-left:3px #fcca03 solid}.lineBox span.red{border-left:3px #e73458 solid}.lineBox span.green{border-left:3px #8cb630 solid}.lineBox.topBtn{right:1%;bottom:1%;pointer-events:auto}.lineBox.topBtn span{height:3em}.lineBox.topBtn.bot{bottom:10em}.lineBox.topBtn.hide{bottom:-10em}@media only screen and (max-width: 992px){.lineBox.topBtn.bot{bottom:20em}}#menuModal{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#menuModal .modal-dialog .modal-content{height:100%}#menuModal .modal-dialog .modal-content .modal-body{width:25%;margin:0 auto;padding:0;flex-direction:column;justify-content:center;align-items:center}#menuModal .modal-dialog .modal-content .modal-body .closeBtn{top:-5em;right:-5em}#menuModal .modal-dialog .modal-content .modal-body ul.menu{position:relative;display:flex;width:100%;height:auto;flex-direction:column;margin:0;padding:0}#menuModal .modal-dialog .modal-content .modal-body ul.menu li{position:relative;display:flex;width:100%;height:auto;pointer-events:auto;cursor:pointer;padding:1em 0;color:#fff;font-size:1.2em;flex-direction:row;justify-content:center;border-bottom:1px rgba(255,255,255,.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li a,#menuModal .modal-dialog .modal-content .modal-body ul.menu li a:link{color:#fff}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:last-child{border-bottom:0px rgba(255,255,255,.3) solid}@media only screen and (max-width: 992px){#menuModal{font-size:4vw}#menuModal .modal-dialog .modal-content .modal-body{width:80%}#menuModal .modal-dialog .modal-content .modal-body .closeBtn{top:-5em;right:-1em}}@media only screen and (min-width: 744px)and (max-width: 991px)and (min-height: 900px){#menuModal{font-size:15pt}}section.banner{z-index:100}section.banner .content .lineBox{left:2%;bottom:-2em}section.banner .content .slash.s3{width:12em;margin:38% 0 0 75%;z-index:100}section.banner .content .pic{position:relative;display:block;width:90%;left:5%;z-index:10}section.banner .content .pic h2{position:absolute;display:block;width:auto;bottom:45%;right:5%;margin:0% 0% 0% 0%;letter-spacing:.2em;color:#fff;z-index:10}section.banner .content .pic h2 .end{margin-left:-0.2em;vertical-align:-0.3em}@media only screen and (max-width: 992px){section.banner .content .slash.s3{width:8em;margin:150% 0 0 55%}section.banner .content .lineBox{left:15vw;bottom:-8vw}section.banner .content .lineBox h6{color:#fff}section.banner .content .lineBox span{border-left:3px #fff solid}section.banner .content .pic{width:95vw;left:5vw}section.banner .content .pic h2{font-size:1.4em;margin:5vw 0 40vw 7vw;right:auto;top:auto}}section.editor{z-index:50}section.editor .bg{width:80%;height:calc(100% + 4em);margin:-4em 0 0 0;background-color:#eee}section.editor .content{padding:6em 0 3em 0}section.editor .content .box{width:55%}section.editor .content .box h2{margin:0 0 1em 0}section.editor .content .box .slash.s4{margin:15% 0 0 -10%}@media only screen and (min-width: 992px)and (max-width: 1200px){section.editor .bg{width:85%}section.editor .content .box .slash.s4{margin:15% 0 0 -20%}}@media only screen and (max-width: 992px){section.editor .bg{width:100vw}section.editor .content .box{width:80vw}section.editor .content .box .slash.s4{margin:90% 0 0 100%}}.icon{width:auto;height:7em}.icon img{width:auto;height:100%}@media only screen and (max-width: 992px){.icon{height:25vw}}section.focus{z-index:100;margin-bottom:10%}section.focus .bg{width:80%;height:50vw;margin:0 0 0 0;background-color:#eee}section.focus .content .box{max-width:75%}section.focus .content .box .pic{width:100%;z-index:10}section.focus .content .box .icon{position:absolute;display:block;margin:8% 0 0 8%;z-index:20}section.focus .content .box .txtBox{position:absolute;display:flex;width:55%;z-index:30;right:-5%;top:36%;flex-direction:column;color:#fff;margin:2em;padding:2em;background-color:#ac8155}section.focus .content .box .txtBox h4{display:flex;width:100%;margin-bottom:.5em;justify-content:flex-end}section.focus .content .box .txtBox h4 img{width:25%}section.focus .content .box .txtBox h2{letter-spacing:.2em}section.focus .content .box .txtBox h5{margin:.2em 0 .5em 0}section.focus .content .box .txtBox p{margin:.3em 0 1em 0}section.focus .content .box .txtBox .btnBox{margin-bottom:0}@media only screen and (min-width: 1200px)and (max-width: 1680px){section.focus .content .box .txtBox{width:75%;top:20%;right:-15%;padding:2em;margin:2em 2em 1em 0}}@media only screen and (min-width: 992px)and (max-width: 1200px){section.focus{margin-bottom:30%}section.focus .bg{height:80vw}section.focus .content .box{max-width:90%}section.focus .content .box .icon{margin:3%}section.focus .content .box .txtBox{width:70%;right:-8%;top:55%}}@media only screen and (max-width: 992px){section.focus{margin-bottom:50vw}section.focus .bg{width:100vw;height:220vw}section.focus .content .box{max-width:90%}section.focus .content .box .icon{margin:20% 20%}section.focus .content .box .txtBox{width:85vw;height:auto;padding:5vw;margin:0 0vw 0 0;top:60vw}section.focus .content .box .txtBox h4 img{width:30vw}section.focus .content .box .txtBox h2{font-size:1.6em}section.focus .content .box .txtBox p{margin:.5em 0 0em 0}section.focus .content .box .txtBox .btnBox{margin:1em 0 0 0}}section.focus2{z-index:100}section.focus2 .content .box{max-width:75%}section.focus2 .content .box .pic{width:100%;z-index:10}section.focus2 .content .box .slash.s5{width:12em;margin:0% 0 0 5%;z-index:100}section.focus2 .content .box .txtBox{position:absolute;display:flex;width:50%;z-index:30;left:2%;bottom:2%;flex-direction:column;color:#fff;margin:2em;padding:2em;background-color:#ac8155}section.focus2 .content .box .txtBox h2{letter-spacing:.2em}section.focus2 .content .box .txtBox h5{margin:.2em 0 .5em 0}section.focus2 .content .box .txtBox p{margin:.3em 0 1em 0}section.focus2 .content .box .txtBox .btnBox{margin-bottom:0}@media only screen and (min-width: 1200px)and (max-width: 1680px){section.focus2 .content .box .txtBox{width:70%;bottom:-20%;padding:2em;margin:2em 2em 1em 0}}@media only screen and (min-width: 992px)and (max-width: 1200px){section.focus2 .content .box{max-width:90%}section.focus2 .content .box .txtBox{width:60%;left:-2%;bottom:-30%}}@media only screen and (max-width: 992px){section.focus2 .content .box{max-width:90%}section.focus2 .content .box .slash.s5{width:7em;margin:0% 0 0 50%}section.focus2 .content .box .txtBox{width:85vw;height:auto;padding:5vw;margin:0 0vw 0 0;left:5%;bottom:-40vw}section.focus2 .content .box .txtBox h2{font-size:1.6em}section.focus2 .content .box .txtBox p{margin:.5em 0 0em 0}section.focus2 .content .box .txtBox .btnBox{margin:1em 0 0 0}}section.relax{z-index:100;margin:10em 0 0 0}section.relax .content .box{padding:0 2em}section.relax .content .box .row{width:calc(100% + 2em);margin:1em 0;flex-direction:row;flex-wrap:nowrap}@media only screen and (min-width: 992px)and (max-width: 1200px){section.relax .content .box{width:100%;max-width:100%}section.relax .content .box .card-body a:link h3 .tbLine{letter-spacing:.3em}}@media only screen and (max-width: 992px){section.relax{margin:12em 0 0 0}section.relax .content .box{padding:0 0}section.relax .content .box .row{width:100%;flex-direction:column}}.card{width:50%;margin:0 2em 2em 0;border-radius:0}.card.pink{border:6px #eaa9a0 solid}.card.pink .card-body a h5,.card.pink .card-body a:link h5{color:#eaa9a0}.card.pink .card-body a h3,.card.pink .card-body a:link h3{color:#eaa9a0}.card.pink .card-body a h3 .tbLine,.card.pink .card-body a:link h3 .tbLine{border-top:1px #eaa9a0 solid;border-bottom:1px #eaa9a0 solid}.card.lake{border:6px #6dadbd solid}.card.lake .card-body h3{color:#6dadbd}.card.lake .card-body h3 .tbLine{border-top:1px #6dadbd solid;border-bottom:1px #6dadbd solid}.card.orange{border:6px #eb8a00 solid}.card.orange .card-body h3{color:#eb8a00}.card.orange .card-body h3 .tbLine{border-top:1px #eb8a00 solid;border-bottom:1px #eb8a00 solid}.card.blue{border:6px #2a75be solid}.card.blue .card-body h3{color:#2a75be}.card.blue .card-body h3 .tbLine{border-top:1px #2a75be solid;border-bottom:1px #2a75be solid}.card .card-header{background-color:#fff;border:0;padding:1.5em}.card .card-body{padding:0 2em 1.5em 2em}.card .card-body a h3,.card .card-body a:link h3{width:100%;letter-spacing:.3em;line-height:150%;margin:0 0 0em 0}.card .card-body a h3 .tbLine,.card .card-body a:link h3 .tbLine{display:inline-block;width:auto;font-size:.6em}.card .card-body a p,.card .card-body a:link p{width:100%;color:#4d4d4d;padding:1em 0 2.5em 0}.card .card-body a:hover{text-decoration:none}.card .card-body .btnBox{position:absolute;bottom:0;right:2em}.card .card-body .btnBox a,.card .card-body .btnBox a:link{color:#4d4d4d}.card .card-body .btnBox a:hover{color:#aaa;border-bottom:3px #aaa solid}@media only screen and (max-width: 992px){.card{width:100%;margin:0 0em 2em 0}.card .card-header{padding:1em}.card.quiz .card-body a:link h3{letter-spacing:.2em}.card .card-body{padding:0 5vw 5vw 5vw}.card .card-body a:link h3{width:100%}.card .card-body a:link h3 .tbLine{font-size:.8em}.card .card-body a:link p{width:100%;padding-bottom:0em}.card .card-body .btnBox{position:relative;right:0vw;margin:0em 0 0 0}}.tbLine{padding:.2em 0 .4em 0;line-height:120%}.tbLine.blue{border-top:1px #2a75be solid;border-bottom:1px #2a75be solid}.tbLine.pink{border-top:1px #eaa9a0 solid;border-bottom:1px #eaa9a0 solid}section.mood{z-index:100}section.mood .content .box{padding:0 2em}section.mood .content .box .row{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;min-height:15em;padding:2em;border:6px #eaf1d5 solid;background-repeat:no-repeat;background-position:100% 100%;background-size:contain;background-origin:0% 0%;background-image:url(../img/index_mood.jpg)}section.mood .content .box .row .icon{position:relative;display:flex}section.mood .content .box .row .icon img{width:90%}section.mood .content .box .row .txtBox{width:60%;margin:0 0 0 1em}section.mood .content .box .row .txtBox h5{color:#8cb630}section.mood .content .box .row .txtBox h3{letter-spacing:.3em;color:#8cb630;margin:.3em 0}section.mood .content .box .row .txtBox p{width:75%}section.mood .content .box .row .txtBox .btnBox{position:absolute;bottom:-2.5em}@media only screen and (min-width: 992px)and (max-width: 1200px){section.mood .content .box{width:100%;max-width:100%}section.mood .content .box .row .txtBox{padding:0 0 2em 0}}@media only screen and (max-width: 992px){section.mood .content .box{padding:0}section.mood .content .box .icon{margin:3em 0 3em 0}section.mood .content .box .row{flex-direction:column;padding:0;background-position:0% 0%;background-image:url(../img/m/index_mood.jpg)}section.mood .content .box .row .txtBox{width:90%;margin:0}section.mood .content .box .row .txtBox h3{margin:0 0 3vw 0;letter-spacing:.2em !important}section.mood .content .box .row .txtBox p{width:100%;padding-bottom:0em}section.mood .content .box .row .txtBox .btnBox{position:relative;bottom:0vw;margin:10vw 0 5vw 0}}section.event{z-index:100;margin:8em 0 0 0}section.event .bg{margin:17% 0 0 0;width:100%;height:65%;background-color:#eee}section.event .content .box{width:75%;margin:0 auto}section.event .content .box .pic{width:100%;z-index:10}section.event .content .box .icon{position:absolute;display:block;top:10%;margin:3% 0 0 70%;z-index:20;filter:drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.4))}section.event .content .box .txtBox{position:absolute;display:flex;width:50%;z-index:30;bottom:-4em;margin:2em;padding:2em;color:#fff;background-color:#ed8b00;flex-direction:column}section.event .content .box .txtBox h6{display:inline-block;width:auto;margin:0 0 1em 0;border-top:1px #fff solid;border-bottom:1px #fff solid}section.event .content .box .txtBox p{margin:1em 0}section.event .content .box .txtBox .btnBox{margin-bottom:0}@media only screen and (min-width: 1200px)and (max-width: 1680px){section.event .bg{height:75%}section.event .content .box{width:80%}section.event .content .box .txtBox{width:70%;bottom:-22%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section.event{padding-bottom:5%}section.event .bg{margin:13% 0 0 0}section.event .content .box{width:90%;max-width:90%}section.event .content .box .txtBox{width:80%;bottom:-40%}}@media only screen and (max-width: 992px){section.event .content .box{width:90%}section.event .content .box .icon{top:15%;width:20%;margin:0% 20%}section.event .content .box .txtBox{width:100%;height:auto;padding:1em;margin:0 0 0 5vw}section.event .content .box .txtBox h2{font-size:1.5em;letter-spacing:.15em !important}section.event .content .box .txtBox p{margin:.5em 0 0em 0}section.event .content .box .txtBox .btnBox{margin:1em 0 0 0}}section.knowHealth{z-index:100;margin:10em 0 0 0}section.knowHealth .content .box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}section.knowHealth .content .box .container{display:flex;width:50%;padding:0;flex-direction:column}section.knowHealth .content .box .container.know{padding:0 1em 0 0}section.knowHealth .content .box .container.health{padding:0 0 0 1em}section.knowHealth .content .box .container .card{width:100%;height:100%}section.knowHealth .content .box .container .card .card-body h3{margin-top:-0.5em}@media only screen and (max-width: 992px){section.knowHealth .content .box{flex-direction:column}section.knowHealth .content .box .container{width:100%}section.knowHealth .content .box .container.know,section.knowHealth .content .box .container.health{padding:0}section.knowHealth .content .box .container .card .card-body h3{font-size:1.2em}}section.archives{z-index:100;padding:3em 0 5em 0}section.archives .content .box{padding:0 5em}section.archives .content .box h3,section.archives .content .box h2{text-align:center;color:#acacac}section.archives .content .box h2{margin:.2em 0 1.2em 0}@media only screen and (max-width: 992px){section.archives .content .box{padding:0 5vw}}section.ad{z-index:100;padding:5em 0;background-color:#eee}section.ad .content .box{padding:0 5em}@media only screen and (max-width: 992px){section.ad .content .box{padding:0 5vw}}ul.list{position:relative;display:flex;width:calc(100% + 2em);flex-direction:row;list-style:none;flex-wrap:wrap;padding:0 0 0 0;overflow:hidden}ul.list.arch li{margin:0 1em 2em 0}ul.list li{position:relative;display:flex;width:calc(33.3% - 1em);height:auto;margin:0 1em 0em 0}ul.list li a{width:100%;text-decoration:none;color:#4d4d4d}ul.list li a h6{margin:.3em 0 0 0;font-size:1.5em;font-family:"Bebas Neue",cursive}ul.list li a:hover{text-decoration:none}@media only screen and (max-width: 992px){ul.list{width:100%}ul.list li{width:100%;margin:0 0 2em 0}}.direcBox{position:absolute;display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}.direcBox a.btn{position:relative;display:flex;width:3em;height:13em;padding:0;pointer-events:auto;cursor:pointer}.direcBox a.btn .pic{position:absolute;display:none;width:auto;height:13em;top:0;z-index:0}.direcBox a.btn .pic img{width:auto;height:13em}.direcBox a.btn h6{width:100%;height:100%;z-index:100;color:#4a4a4a}.direcBox a.btn h6 p{letter-spacing:.1em;font-family:"Bebas Neue",cursive}.direcBox a.btn:hover h6{color:#fff;background-color:rgba(0,0,0,.1)}.direcBox a.btn:hover .pic{display:flex}.direcBox a.btn.prevBtn h6 p{transform:rotate(-90deg);margin:5.5em 0 0 3px}.direcBox a.btn.nextBtn h6 p{transform:rotate(90deg);margin:5em 0 0 -3px}.direcBox a.btn.nextBtn .pic{right:0}section .direcBox{position:relative;margin:0 0 3em 0;flex-direction:column}section .direcBox a.btn{position:relative;display:flex;width:100%;height:auto;margin:0 0 1em 0}section .direcBox a.btn .pic{position:relative;display:flex;width:100%;height:auto;top:0}section .direcBox a.btn .pic img{width:100%;height:auto}section .direcBox a.btn h6{display:none}section.base{z-index:50;margin:5vw 0 0 0}section.base .bg{width:100%;height:24em;margin:0 0 0 0;background-color:#eee}section.base .bg.right{width:88%;margin:0 0 0 12%}section.base.mid .bg{height:100%;margin:0em 0 0 12%}section.base .content .box{text-align:center;color:#a0a0a0;padding:5em 0 5em 0}@media only screen and (min-width: 992px)and (max-width: 1200px){section.base.mid .bg{margin:0em 0 0 7%}}@media only screen and (max-width: 992px){section.base .bg{width:100%}section.base .bg.right{width:100%}section.base.mid .bg{margin:0em 0 0 4vw}}section.kv{z-index:50;margin:0}section.kv .bg{width:88%;height:calc(100% - 4em);margin:4em 0 0 0;background-color:#eee}section.kv .content .pic{width:90%;margin:0 auto}section.kv .content .box{width:60%;text-align:left;color:#a0a0a0}section.kv .content .box .txtBox{align-items:flex-start;padding:2em 0 2em 0}section.kv .content .box .txtBox h6{width:auto}section.kv .content .box .txtBox h6.friend{width:110%;text-align:right}section.kv .content .box .txtBox h6.friend img{width:9em}section.kv .content .box .txtBox p{margin:0 0 0 0}section.kv.mid .pic{width:30%}section.kv.mid .bg{height:100%;margin:0em 0 0 12%}@media only screen and (min-width: 1200px)and (max-width: 1680px){section.kv .content .box{width:70%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section.kv .content .box{width:80%}section.kv .content .box .txtBox h6.friend{width:95%}section.kv.mid .bg{width:94%;margin:0em 0 0 6%}}@media only screen and (max-width: 992px){section.kv .bg{width:100%;margin:4em 0 0 0}section.kv .content .box{width:86vw}section.kv .content .box .txtBox h6.friend{width:95%}section.kv .content .box .txtBox h6.friend img{width:6em}section.kv.mid .pic{width:50%}section.kv.mid .bg{width:100%;margin:0em 0 0 0}}ul.hash{position:relative;display:flex;width:110%;margin:-2em 0 0 -5%;padding:0;list-style:none;flex-direction:row}ul.hash.monColor li:hover{background-color:#f9cabc}ul.hash.orange li:hover{background-color:#ebad55}ul.hash.tangerine li:hover{background-color:#f6d7aa}ul.hash.red li:hover{background-color:#ea93a4}ul.hash.blue li:hover{background-color:#adc4f7}ul.hash.green li:hover{background-color:#e6f9e5}ul.hash li{position:relative;display:flex;width:50%;margin:0 1em 0 0;padding:.7em 0 .7em 3.5em;background-color:#fff;pointer-events:auto;cursor:pointer}ul.hash li .lineBox{position:absolute;left:1em}ul.hash li .lineBox span{height:3em}ul.hash li h5{letter-spacing:.2em}ul.hash li h5 .note{font-size:.65em;letter-spacing:.2em}@media only screen and (max-width: 992px){ul.hash{width:100%;flex-direction:column;margin:-30vw 0 0 0}ul.hash li{width:100%;margin:0 0 3vw 0}}#para1,#para2{position:absolute;display:block;width:100%}section.paragraph{z-index:100;padding:2em 0 5em 0}section.paragraph.minus{margin-top:-2em}section.paragraph .content .box{width:60%}section.paragraph .content .box h4{z-index:10}section.paragraph .content .box .txt{width:100%}section.paragraph .content .box .pic .commit{text-align:center}@media only screen and (min-width: 1200px)and (max-width: 1680px){section.paragraph .content .box{width:70%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section.paragraph .content .box{width:80%}}@media only screen and (max-width: 992px){section.paragraph .content .box{width:86vw}section.paragraph .content .box .pic .commit{text-align:left}section.paragraph .content .box h5 img.w-75{min-width:100%}section.paragraph .content .box h5 img.w-25{min-width:38%}}.sline{position:relative;display:flex;width:2.5em;margin:2.5em 0;border-bottom:1px #4d4d4d solid}.dotLine{position:relative;display:flex;width:100%;margin:3em 0;border-bottom:2px #aaa dotted}.posi{padding:0 .5em;margin-right:.5em;border-radius:.5em;border:2px #ac8155 solid}.row.twopic{margin:2em 0 1em 0}.row.twopic .col-12{padding:0}.row.twopic .col-12:first-child{padding-right:.5em}.row.twopic .col-12:last-child{padding-left:.5em}@media only screen and (max-width: 992px){.row.twopic .col-12{width:100%}.row.twopic .col-12:first-child{padding-right:0;margin-bottom:1em}.row.twopic .col-12:last-child{padding-left:0}}ul.gems{position:relative;display:flex;width:80%;list-style:none;left:0;margin:0 auto;padding:2em 3em 0 3em;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;background-color:#f5f1ec;border-radius:1em}ul.gems .icon{position:relative;display:flex;width:100%;height:auto;margin:0 auto}ul.gems .icon img{width:25%;height:auto;margin:2em auto}ul.gems li{position:relative;display:flex;width:100%;height:auto;flex-direction:row;justify-content:flex-start;padding:0em;margin-bottom:0em}ul.gems li.first{margin-bottom:2em;border-bottom:2px #ac8155 dotted}ul.gems li .info{width:60%}ul.gems li .info .txt{padding-right:2em}ul.gems li .info .btnBox{margin-top:1em}ul.gems li .pic{width:40%;margin:2.2em 0 0 0}ul.gems li .pic p{margin-top:.2em}@media only screen and (max-width: 992px){ul.gems{width:100%;padding:1em}ul.gems .icon img{width:35%;margin:10% auto}ul.gems li{flex-direction:column;width:100%}ul.gems li.first .pic p{margin-bottom:2em}ul.gems li .info{width:100%}ul.gems li .info .txt{padding-right:0em}ul.gems li .pic{width:100%;margin:0em 0 0 0}}.videoBox{position:relative;display:block;width:100%;margin:0 auto;text-align:center;padding-bottom:56%}.videoBox iframe,.videoBox .video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1em}@media only screen and (max-width: 992px){.videoBox .video{min-width:100%}}.row.book{width:65%;margin:0 auto;border-top:2px #8cb630 dotted;border-bottom:2px #8cb630 dotted}.row.book .col.info{display:flex;flex-direction:column;padding:2em 2em 0 2em;justify-content:center}.row.book .col.pic{padding:1em 0}@media only screen and (max-width: 992px){.row.book{width:100%;flex-direction:column-reverse}.row.book .col.info{padding:0 2em 0 2em}.row.book .col.pic{padding:1em}}.tiLine{position:relative;display:inline-flex;content:"";width:auto;height:1.8em;font-weight:bold;margin:0em 1.5em 0 0;background-size:contain;background-repeat:no-repeat;background-position:0% 90%;background-image:url(../img/ti_line.svg)}@media only screen and (max-width: 992px){.tiLine{display:flex;width:7em}}.wrapPic{position:relative;display:block;width:35%;height:auto;float:right;margin:0em 0 1em 2em}.wrapPic .commit{margin:.5em 0 0 0;line-height:130%}@media only screen and (max-width: 992px){.wrapPic{width:90%;float:none;margin:0 auto 2em auto}}.frameBox{position:relative;display:flex;width:auto;height:auto;margin:3em auto;flex-direction:row;justify-content:center;align-items:center}.frameBox.monColor{color:#ac8155}.frameBox.monColor .frame.L{border-top:3px #ac8155 solid;border-bottom:3px #ac8155 solid;border-left:3px #ac8155 solid}.frameBox.monColor .frame.R{border-top:3px #ac8155 solid;border-bottom:3px #ac8155 solid;border-right:3px #ac8155 solid}.frameBox.purple{color:#c39cb4}.frameBox.purple .frame.L{border-top:3px #c39cb4 solid;border-bottom:3px #c39cb4 solid;border-left:3px #c39cb4 solid}.frameBox.purple .frame.R{border-top:3px #c39cb4 solid;border-bottom:3px #c39cb4 solid;border-right:3px #c39cb4 solid}.frameBox.red{color:#e73458}.frameBox.red .frame.L{border-top:3px #e73458 solid;border-bottom:3px #e73458 solid;border-left:3px #e73458 solid}.frameBox.red .frame.R{border-top:3px #e73458 solid;border-bottom:3px #e73458 solid;border-right:3px #e73458 solid}.frameBox.blue{color:#2a75be}.frameBox.blue .frame.L{border-top:3px #2a75be solid;border-bottom:3px #2a75be solid;border-left:3px #2a75be solid}.frameBox.blue .frame.R{border-top:3px #2a75be solid;border-bottom:3px #2a75be solid;border-right:3px #2a75be solid}.frameBox.yellow{color:#fcca03}.frameBox.yellow .frame.L{border-top:3px #fcca03 solid;border-bottom:3px #fcca03 solid;border-left:3px #fcca03 solid}.frameBox.yellow .frame.R{border-top:3px #fcca03 solid;border-bottom:3px #fcca03 solid;border-right:3px #fcca03 solid}.frameBox.orange{color:#eb8a00}.frameBox.orange .frame.L{border-top:3px #eb8a00 solid;border-bottom:3px #eb8a00 solid;border-left:3px #eb8a00 solid}.frameBox.orange .frame.R{border-top:3px #eb8a00 solid;border-bottom:3px #eb8a00 solid;border-right:3px #eb8a00 solid}.frameBox h3{position:relative;display:block;width:auto;padding:.5em 1em;flex-wrap:nowrap}.frameBox .frame{position:relative;display:flex;width:1em;height:11em}@media only screen and (max-width: 992px){.frameBox{width:100%}.frameBox h3{font-size:1.5em;padding:.5em .5em}.frameBox .frame{height:8.5em}.frameBox.bigS .frame{height:11em}}.remarkBox{position:relative;display:flex;width:50%;margin:3em auto;flex-direction:column}.remarkBox .lineTxt{padding:1.5em 0;border-top:1px #4d4d4d solid;border-bottom:1px #4d4d4d solid}.remarkBox .pic{margin:2em auto}.remarkBox.pink{width:60%;margin:20% auto 0em auto}.remarkBox.pink .lineTxt .commit{width:60%}.remarkBox.pink .lineTxt .girl{position:absolute;display:flex;width:30%;bottom:0;right:5%}@media only screen and (max-width: 992px){.remarkBox{width:100%}.remarkBox.pink{width:100%;margin:3em auto 0em auto}}.shareList{position:relative;display:flex;width:60%;margin:0 auto;flex-direction:row;justify-content:center;font-size:1.2em;padding:1em 10em;margin:0em auto 4em auto;border:1px #eee solid}.shareList h6{position:relative;display:flex;width:auto;margin:0 3em 0 0;font-size:.9em;align-items:center}.shareList>div{position:relative;display:flex;margin:0 1em;pointer-events:auto;cursor:pointer}.shareList>div:hover{opacity:.5}.shareList>div i{font-size:1.5em;color:#4d4d4d}.shareList>div.fb i{color:#1d77ee}.shareList>div.line i{color:#06c755}@media only screen and (max-width: 992px){.shareList{width:100%;padding:1em 0em}.shareList h6{margin:0 1em}}.borderBox{width:110%;margin-left:-5%;padding:3em;border:1px #eaa9a0 solid}.borderBox .txt h5{margin:0 0 .5em 0}@media only screen and (max-width: 992px){.borderBox{width:104%;margin-left:-2%;padding:1em}.borderBox .pic.w-75{min-width:100%}}.borderSBox{width:70%;margin:1em auto;padding:2em;border:5px #ac8155 solid}.borderSBox.tangerine{border:5px #eb8a00 solid}.borderSBox .txt h4{margin:0 0 .5em 0}.borderSBox .btnBox{margin:1em 0 0 0}@media only screen and (max-width: 992px){.borderSBox{width:100%;padding:1em}}.light{position:relative;display:block;padding:0 0 0 1.5em;margin:1em 0 2em 0;font-size:.9em;color:#9d9d9c}.light img{position:absolute;display:block;width:.9em;height:auto;left:0;margin:.3em 0 0 0}@media only screen and (max-width: 992px){.light{padding:0 0 0 2em}.light img{width:1.2em;margin:.5em .5em 0 0}}hr.pink{border-top:2px #eaa9a0 dotted}.col.pic5{margin-top:8em}@media only screen and (max-width: 992px){.col.pic5{margin-top:0}}.container.recipe{width:100%;max-width:100%;padding:0;margin:0}.container.recipe .row{padding:0;margin:0 0 3em 0}.container.recipe .row.r1 .col:nth-child(1){padding-right:.5em}.container.recipe .row.r1 .col:nth-child(2){padding-left:.5em}.container.recipe .row .txt{padding:0 3em 0 0}.container.recipe .row .txt{padding:0 1em 1em 0}@media only screen and (max-width: 992px){.container.recipe .row{margin:0 0 1em 0}.container.recipe .row.r1{margin:0}.container.recipe .row.r1 .col:nth-child(1),.container.recipe .row.r1 .col:nth-child(2){padding:0}.container.recipe .row.r1 p{margin-bottom:1em}.container.recipe .row .txt{margin-top:1em}}.picList{display:flex;width:calc(100% + 1em);flex-direction:row;flex-wrap:wrap}.picList img{display:flex;width:calc(50% - 1em);margin:0 1em 1em 0}@media only screen and (max-width: 992px){.picList img{width:100%}}.container.quiz{width:80%;max-width:80%;padding:0}.container.quiz.menu{width:100%;max-width:100%}.container.quiz .row{position:relative;display:flex;width:100%;margin:0 0 2em 0;padding:2em 2em 3em 2em;background-color:#eee;flex-direction:column}.container.quiz .row .pic{position:absolute;width:10em;height:auto;right:0;top:0;margin:5% 3%;z-index:1;filter:grayscale(100%) saturate(0%) opacity(80%)}.container.quiz .row .tiBox{position:absolute;display:flex;width:10}.container.quiz .row .tiBox .ti{width:2em;margin-top:.5em}.container.quiz .row .copy{width:90%;margin-left:3em;flex-direction:column;z-index:10}.container.quiz .row .copy .txt{margin-top:.5em}.container.quiz .row .copy .txt .para1{width:75%;margin-bottom:1em}@media only screen and (min-width: 1200px)and (max-width: 1680px){.container.quiz{width:90%;max-width:90%}}@media only screen and (min-width: 992px)and (max-width: 1200px){.container.quiz{width:100%;max-width:100%}}@media only screen and (max-width: 992px){.container.quiz{width:100%;max-width:100%}.container.quiz .row{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1em 0em 75vw 1em}.container.quiz .row .tiBox .ti{width:1.5em;margin:0em 0 0 0em}.container.quiz .row .copy{width:100%;margin:1.5em 0 0 0}.container.quiz .row .copy h4{font-size:1.3em;margin:-1.2em 0 0 1.6em}.container.quiz .row .copy h6{width:85%;line-height:130%;font-size:1em;margin:0 0 0 2em}.container.quiz .row .copy .txt{margin-top:.5em}.container.quiz .row .copy .txt .para1{width:100%}.container.quiz .row .pic{width:70%;height:auto;margin:0;top:auto;right:15%;bottom:1em}}ul.quiz{position:relative;display:flex;width:100%;top:0;padding:2em 2em 1em 2em;list-style:none;flex-direction:row;flex-wrap:wrap;justify-content:center;border-radius:3em;background-color:#eaa9a0;z-index:100}ul.quiz>li{position:relative;display:flex;width:calc(25% - 2em);height:auto;flex-direction:column;justify-content:flex-start;pointer-events:auto;cursor:pointer;margin:0 2em 1em 0}ul.quiz>li.wrap{width:100%}ul.quiz>li:last-child{margin:0 0 1em 0}ul.quiz>li a,ul.quiz>li a:link{position:relative;display:flex;text-decoration:none}ul.quiz>li .num{position:absolute;display:flex;width:1.5em;top:0;margin:15% 0 0 -1em;filter:brightness(2)}ul.quiz>li .info{position:relative;display:flex;width:auto;min-width:auto;margin:0em 0 0 0;flex-direction:row;justify-content:center;align-items:flex-start}ul.quiz>li .info .ti{position:relative;display:flex;width:auto;text-align:center;line-height:130%;font-size:1.1em;font-weight:bold;color:#fff}@media only screen and (max-width: 992px){ul.quiz{display:none}}#quizSlider{display:none}@media only screen and (max-width: 992px){#quizSlider{display:flex;width:75vw;height:75vw;margin:0 auto 0 auto;border-radius:2em;background-color:#eaa9a0}#quizSlider .slick-dots{bottom:.5em}#quizSlider .slick-dots li{margin-right:1em;background-color:rgba(250,250,250,.5)}#quizSlider .slick-dots li.slick-active{background-color:#fff}#quizSlider ul.innerBox li.inner{display:flex;height:75vw;flex-direction:column}#quizSlider ul.innerBox li.inner a,#quizSlider ul.innerBox li.inner a:link{position:relative;display:flex;width:60%;margin:5% auto 0 auto;text-decoration:none}#quizSlider ul.innerBox li.inner .num{position:absolute;display:flex;width:1.2em;top:0;margin:10%;filter:brightness(2)}#quizSlider ul.innerBox li.inner .info{position:relative;display:flex;width:auto;min-width:auto;margin:0em 0;flex-direction:row;justify-content:center;align-items:flex-start}#quizSlider ul.innerBox li.inner .info .ti{position:relative;display:flex;width:auto;text-align:left;line-height:130%;font-size:1.2em;font-weight:bold;color:#fff}}.trigger{position:absolute;display:block;margin:-6em;color:#fff;background-color:#f22;z-index:500;opacity:.5}hr.lake{width:100%;border-top:1px #6dadbd solid}.linkLine{border-bottom:2px #6dadbd solid}.linkLine:hover{opacity:.7;text-decoration:none}a.underline:link,a.underline:hover,a.underline{text-decoration:none;border-bottom:2px #acacac solid}ul.know{position:relative;display:flex;width:100%;list-style:none;left:0%;margin:0 auto;padding:3%;flex-direction:column;flex-wrap:wrap}ul.know li{position:relative;display:flex;width:100%;height:auto;min-height:12em;margin:0 0 1em 0;padding:1em 2em 1.5em 2em;flex-direction:column;border-radius:1em;border:2px #6dadbd dotted}ul.know li .pic{position:absolute;display:flex;width:20%;right:1em;bottom:1em}ul.know li .title{position:relative;display:flex}ul.know li .title h5{position:relative;display:inline;width:auto;color:#6dadbd}ul.know li>.txt{position:relative;display:block;max-width:88%}@media only screen and (max-width: 992px){ul.know{width:100%;left:0;padding:0%}ul.know li{padding:1em 1em 10em 1em}ul.know li .pic{position:absolute;display:flex;width:70%;right:15%;bottom:0em}ul.know li>.txt{max-width:100%}}ul.event{position:relative;display:flex;width:70%;list-style:none;margin:2em auto;padding:1em 0 1em 1em;flex-direction:row;flex-wrap:wrap;border-radius:1em;background-color:#cae8e6}ul.event li{position:relative;display:flex;width:calc(25% - 1em);height:auto;flex-direction:column;margin:0 1em 1em 0;padding:1em;background-color:#fff;border-radius:.3em}ul.event li::after{position:absolute;display:flex;width:1em;height:1em;content:"";top:calc(50% - .5em);left:calc(100% - .5em);background-color:#fff;transform:rotate(45deg);z-index:1}ul.event li:last-child:after{display:none}ul.event li h4{margin:0 0 0em 0}ul.event li .txt{z-index:10}@media only screen and (min-width: 1200px)and (max-width: 1680px){ul.event{width:80%}}@media only screen and (min-width: 992px)and (max-width: 1200px){ul.event{width:90%}}@media only screen and (max-width: 992px){ul.event{width:100%;padding:1em 1em 2em 1em;flex-direction:column}ul.event li{width:100%;margin:0 0 1.5em 0em}ul.event li::after{width:1em;height:1em;top:calc(100% - .5em);left:calc(50% - .5em);background-color:#fff}}.eventTi{position:relative;display:flex;width:100%;height:1.6em;margin:.5em 0 1.5em 0}.eventTi img{width:auto;height:100%;margin:0 auto}.txtBox.event{width:80%;padding:0;margin:2em auto;padding:4em 2em;color:#fff;background-color:#eb8a00;border-radius:1em}.txtBox.event::before,.txtBox.event::after{position:absolute;display:block;width:100%;height:2em;left:0;content:"";background-repeat:repeat-x;background-image:url(../img/event_bg.jpg)}.txtBox.event::before{top:1em}.txtBox.event::after{bottom:1em}@media only screen and (max-width: 992px){.txtBox.event{width:100%}}.healthTi{position:relative;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.healthTi h5{position:relative;display:inline;width:auto}.healthTi h5::before,.healthTi h5::after{position:absolute;display:block;width:1px;height:90%;content:"";top:0;border-radius:1em;border:2px #2a75be solid;background-color:#2a75be}.healthTi h5::before{transform:rotate(-40deg);margin:.3em 0 0 -1em}.healthTi h5::after{transform:rotate(40deg);margin:.3em 0 0 1em;left:98%}ul.health{position:relative;display:flex;width:106%;list-style:none;left:-3%;margin:2em auto;padding:0;flex-direction:column;flex-wrap:wrap}ul.health li{position:relative;display:flex;width:100%;height:auto;margin:0 0 1em 0;padding:2em;flex-direction:column;border-radius:1em;border:2px #2a75be dotted}ul.health li .title{position:relative;display:flex}ul.health li .title h5{position:relative;display:inline;width:auto;padding:.2em .8em;margin-left:-0.5em;color:#fff;background-color:#2a75be}ul.health li .infoBox{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:-2em;justify-content:space-around}ul.health li .infoBox .info{position:relative;display:flex;width:45%;flex-direction:row;align-items:flex-end;margin:0 0 2em 0}ul.health li .infoBox .info .pic,ul.health li .infoBox .info .txtBox{position:relative;display:flex}ul.health li .infoBox .info .txtBox{width:50%;height:auto;margin-right:-1em;padding:0 0 0 1em;flex-direction:column;justify-content:flex-end}ul.health li .infoBox .info .txtBox .txt .num{display:inline;font-size:1.8em;font-weight:bold;margin-top:-0.2em;color:#2a75be}ul.health li .infoBox .info .pic{width:50%;flex-direction:column}@media only screen and (max-width: 992px){ul.health{width:100%;left:0}ul.health li{padding:1em 0em}ul.health li .title h5{margin-left:.5em}ul.health li .infoBox{flex-direction:column;margin-top:1em}ul.health li .infoBox .info{width:100%;margin:0 0 1em 0}ul.health li .infoBox .info .txtBox{width:65%;margin-right:0em}ul.health li .infoBox .info .pic{width:35%}}.col-12-cookie{flex:0 0 auto;width:100%}.cookie{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);transform:translate(-50%, 100%);transition:transform .3s ease-out;position:fixed;bottom:0;z-index:100;border-radius:24px;border:solid 2px #89bfe5;width:95%;left:50%}.cookie-show{display:block;transform:translate(-50%, -5%)}.cookie-close{color:#006fbc;font-size:20px;font-weight:800;position:absolute;top:10px;right:15px;cursor:pointer}.cookie-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px 0;width:100%;margin:0 auto}.cookie-box a{text-decoration:none;color:#2e8aca}.cookie-text{color:#333;font-size:16px;font-weight:bold;padding-right:10%}.cookie-text p{margin-top:1rem;margin-bottom:1rem}.cookie-btn{font-size:16px;font-weight:bold;padding:10px 50px;background:#006fbc;color:#fff;border:medium none;cursor:pointer;border-radius:48px}.cookie-btn:hover{opacity:.8;color:#fff;border:medium none;cursor:pointer}@media(max-width: 992px){.cookie-text{padding-left:10%}}@media(min-width: 992px){.col-lg-7-cookie{flex:0 0 auto;width:58.33333333%}}