@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap";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,ol,ul,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;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}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{padding-right:0 !important}img{position:relative;display:block;padding:0;margin:0;border:0;vertical-align:top}.pic img{width:100%;height:auto}br.clear{clear:both}button,button:focus{outline:none;outline:0 !important;border:0}.hide{display:none}.row{width:100%;padding:0;margin-left:0}.col,.col-lg,.col-sm{padding:0px}@media screen and (max-width: 992px){wr{display:inline}nr{display:inline}sr{display:block}}@media screen and (min-width: 992px)and (max-width: 1600px){wr{display:block}nr{display:block}sr{display:inline}}@media screen and (min-width: 1600px){wr{display:block}nr{display:inline}sr{display:inline}}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;font-family:"Noto Sans TC","Microsoft JhengHei","sans-serif";font-weight:400;font-size:13pt;line-height:150%;letter-spacing:.05em;color:#333;background-color:#fff}@media only screen and (min-width: 1200px)and (max-width: 1500px){body{font-size:12pt}}@media only screen and (min-width: 992px)and (max-width: 1200px){body{font-size:10pt}}@media only screen and (max-width: 992px){body{font-size:3.5vw;line-height:150%}}html{overflow:scroll;overflow-y:scroll;overflow-x:hidden}.modal-open{padding-right:0px !important}a,a:hover{text-decoration:none}strong,b{font-weight:bolder}en{letter-spacing:0}#loading{position:fixed;display:block;width:100vw;height:100vh;top:0;margin:0;padding:0;z-index:10000;pointer-events:auto}#loading .bg{background:rgba(10,10,10,.7)}#loading .load{position:absolute;display:block;width:30px;height:30px;top:calc(50% - 15px);left:calc(50% - 15px)}#header{position:fixed;display:block;width:100%;height:100%;margin:0;padding:0;top:0;pointer-events:none;z-index:3000}@media only screen and (max-width: 992px){#header{height:12vw}}#navi{position:relative;display:flex;width:100%;height:100px;top:0;padding:0;text-align:left;background-color:#fff;z-index:100;pointer-events:auto}@media only screen and (min-width: 992px)and (max-width: 1200px){#navi{height:80px}}@media only screen and (max-width: 992px){#navi{height:12vw;line-height:12vw}}#navi .logoBox{position:relative;display:flex;width:100%;height:100%;margin-left:2em;align-items:center}@media only screen and (max-width: 992px){#navi .logoBox{margin-left:0vw;justify-content:center}}#navi .logoBox .logo{position:relative;display:flex;width:10%;height:auto;z-index:200;pointer-events:auto;cursor:pointer}#navi .logoBox .logo a{display:flex;height:auto}#navi .logoBox .logo img{width:100%;height:auto}@media only screen and (max-width: 992px){#navi .logoBox .logo{width:20%;height:auto}}#navi .menuBox{position:absolute;display:flex;width:100%;height:100%;justify-content:center;list-style-type:none;text-align:center;z-index:100;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.1)}@media only screen and (max-width: 992px){#navi .menuBox{display:none}}#navi .menuBox li{position:relative;display:flex;width:auto;height:100%;align-items:center;overflow:hidden;top:0px;font-size:1em;text-align:center;padding:1em;pointer-events:auto;cursor:pointer}#navi .menuBox li:hover a{color:#50aba9}#navi .menuBox li:hover .over{opacity:1}#navi .menuBox li a{width:100%;height:auto;padding:0;color:#333}#navi .menuBox li .txt{width:auto;line-height:180%;pointer-events:none}#navi .menuBox li .over{position:relative;display:block;width:100%;height:2px;margin:auto;background-color:#50aba9;opacity:0;pointer-events:none}#navi .subBox{position:absolute;display:flex;width:100%;height:auto;top:100px;z-index:50}@media only screen and (min-width: 992px)and (max-width: 1200px){#navi .subBox{top:80px}}@media only screen and (max-width: 992px){#navi .subBox{display:none}}#navi .subBox .subMenu{position:absolute;display:flex;width:100%;height:auto;justify-content:center;list-style-type:none;text-align:center;padding:1em 0 1em 0;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.1);opacity:0}#navi .subBox .subMenu.active{pointer-events:auto}#navi .subBox .subMenu.brands{padding:1em 10% 1em 10%}#navi .subBox .subMenu.brands li:nth-child(1),#navi .subBox .subMenu.brands li:nth-child(2),#navi .subBox .subMenu.brands li:nth-child(3),#navi .subBox .subMenu.brands li:nth-child(4){margin-bottom:1em}#navi .subBox .subMenu.brands li:hover{opacity:.5}#navi .subBox .subMenu li{position:relative;display:flex;width:auto;height:auto;text-align:center;padding:0 1em;margin:0;pointer-events:auto;cursor:pointer}#navi .subBox .subMenu li:hover a{color:#50aba9}#navi .subBox .subMenu li a{color:#333}#navi .cartBox{position:absolute;display:flex;width:20%;height:100%;right:2em;align-items:center;justify-content:flex-end;z-index:200}#navi .cartBox .cartBtn{position:relative;display:flex;font-size:1em;width:auto;pointer-events:auto;cursor:pointer}#navi .cartBox .cartBtn:hover a{color:#50aba9}#navi .cartBox .cartBtn a{color:#333}#navi .cartBox .cartBtn p{display:inline-block}#navi .cartBox .cartBtn img{display:inline-block;width:1em;height:1em;margin:.3em 0 0 .2em}@media only screen and (max-width: 992px){#navi .cartBox{right:4vw;margin-right:0em}#navi .cartBox .cartBtn p{display:none}#navi .cartBox img{vertical-align:0vw}}#toggleBtn{display:none}@media only screen and (max-width: 992px){#toggleBtn{position:absolute;display:block;width:12vw;height:12vw;z-index:500;margin:0;padding:0;left:0;pointer-events:auto;cursor:pointer}}.brands.list{position:relative;display:flex;width:100%;height:auto;flex-wrap:wrap}.brands.list li{position:relative;display:flex;width:25%;min-width:25%;margin:0em 0 1em 0;text-align:left;flex-direction:column}@media only screen and (max-width: 992px){.brands.list li{width:50%;min-width:50%;padding:0em}}.brands.list li.brandBtn{margin:0em 0 2em 0;padding:0 1em 0 1em}.brands.list li.brandBtn:hover .bbtn{opacity:.5;pointer-events:auto;cursor:pointer}@media only screen and (max-width: 992px){.brands.list li.brandBtn{padding:0 .5em 0 1em}.brands.list li.brandBtn:nth-child(2n){padding:0 1em 0 .5em}}.brands.list li .pic{position:relative;display:block;width:100%;height:auto;margin-bottom:1em}.bbtn{position:relative;display:flex;width:100%;padding:0;margin:0;flex-direction:row;justify-content:flex-start}.bbtn .tab{width:.3em;height:1.5em;margin:0 1em 0 0}.bbtn .blogo{width:auto;height:1.5em;min-width:0;justify-content:flex-start;align-items:flex-start;margin:0;text-align:left}.bbtn .blogo img{width:auto !important;height:1.5em !important}#page{position:relative;display:block;width:100%;height:100%;margin-top:100px;z-index:10;background-color:#fff}@media only screen and (min-width: 992px)and (max-width: 1200px){#page{margin-top:80px}}@media only screen and (max-width: 992px){#page{margin-top:12vw}}.section{position:relative;display:block;width:100%;height:auto;z-index:100;overflow:hidden;pointer-events:none}.section .content{position:relative;display:block;width:100%;height:auto;overflow:hidden;pointer-events:none}.section .content .box{position:relative;display:block;width:100%;height:auto;margin:auto;padding:0;overflow:hidden;pointer-events:auto}.section .content .box.sizeB{max-width:1140px}.section .content .box.sizeS{max-width:calc(1140px - 2em)}.section .content .box.sizeT{width:70%;max-width:800px}@media only screen and (min-width: 992px)and (max-width: 1200px){.section .content .box.sizeB{max-width:960px}.section .content .box.sizeS{max-width:calc(960px - 2em)}.section .content .box.sizeT{width:70%;max-width:700px}}@media only screen and (max-width: 992px){.section .content .box.sizeB{width:90%;max-width:90%}.section .content .box.sizeS{width:calc(90% - 2em);max-width:calc(90% - 2em)}.section .content .box.sizeT{width:70%}}.container{width:100%;height:auto;max-width:100%;padding:0;margin:0}.container .row{width:100%;height:auto;padding:0;margin:auto}.container .row img{width:100%;height:auto}.container.large .row{width:1200px}.container.medium .row{width:900px}.container.small .row{width:600px}@media only screen and (min-width: 992px)and (max-width: 1200px){.container.large .row{width:100%}}@media only screen and (max-width: 992px){.container.large .row{width:100%}.container.medium .row{width:100%}.container.small .row{width:100%}}.bg{position:absolute;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}.pic{pointer-events:auto;cursor:pointer;overflow:hidden}.pic.lock{pointer-events:none}.borderBtn{position:relative;display:inline-block;width:auto;height:auto;line-height:100%;margin:0;padding:.7em 3em .7em 3em;font-size:.8em;font-weight:bold;text-align:center;color:#333;background-color:rgba(0,0,0,0);border:2px #333 solid;pointer-events:auto;cursor:pointer}.borderBtn:hover{color:#fff;background-color:#50aba9;border:2px #50aba9 solid}.borderBtn span{position:relative;display:inline-block;width:.8em;height:.8em;vertical-align:.05em;margin-left:.5em;background-repeat:no-repeat;background-position:center center;background-size:contain}@media only screen and (max-width: 992px){.borderBtn{padding:.7em 1em .7em 1em;letter-spacing:0}}.brandBtn span,.moreBtn span{width:.6em;height:.6em;background-image:url(../img/arrowRightBlack.svg)}.brandBtn:hover span,.moreBtn:hover span{background-image:url(../img/arrowRight.svg)}.siteBtn span{background-image:url(../img/siteBlack.svg)}.siteBtn:hover span{background-image:url(../img/site.svg)}hr{margin-top:5px;margin-bottom:5px;opacity:0}h1{font-size:2.8em;line-height:120%}h2{font-size:2.8em;line-height:110%;margin-top:1em;margin-bottom:.3em;text-align:center}@media only screen and (max-width: 992px){h2{font-size:2.2em}}h3{font-size:1.8em;line-height:120%;font-weight:400;color:#000}h4{font-size:1em;line-height:120%;font-weight:500}h5{font-size:1em;line-height:120%;font-weight:700;margin-bottom:.5em}.en{position:relative;display:block;font-size:1em;line-height:120%;font-weight:700;letter-spacing:.2em;text-align:center;margin-bottom:3em}@media only screen and (max-width: 992px){.en{font-size:.8em}}.bgreen{color:#50aba9}.allieBC{background-color:#02958b}.offretdorBC{background-color:#c6ab8d}.dewBC{background-color:#d56269}.kaneboBC{background-color:#313131}.lunasolBC{background-color:#d82569}.milanocollectionBC{background-color:#d8b03e}.suisaiBC{background-color:#7cb6ce}.otherBC{background-color:#c7cbcc}.allieCR{background-color:#02958b}.offretdorCR{background-color:#c6ab8d}.dewCR{background-color:#d56269}.kaneboCR{background-color:#313131}.lunasolCR{background-color:#d82569}.milanocollectionCR{background-color:#d8b03e}.suisaiCR{background-color:#7cb6ce}.otherCR{background-color:#c7cbcc}.sliderBox{z-index:50;overflow:hidden}.slider{width:100%;height:100%;list-style-type:none;z-index:10;padding:0 0 3em 0}.slider .slide{pointer-events:auto;cursor:pointer;height:auto}.slider .slide .pic{width:100%;height:auto;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:10}.slider .slick-dots{position:absolute;display:flex;width:100%;height:2em;list-style-type:none;bottom:0em;justify-content:center}.slider .slick-dots li{width:1em;height:1em;margin-right:1em;border-radius:1em;background-color:#eee}.slider .slick-dots li:last-child{margin-right:0em}.slider .slick-dots li.slick-active{background-color:#50aba9}.slider .slick-dots li button{opacity:0}.navigation{position:absolute;display:flex;width:100%;height:100%;top:0;padding:0 0 3em 0;z-index:30;align-items:center;pointer-events:none}.navigation .prevBtn,.navigation .nextBtn{position:relative;display:flex;width:100px;height:100px;border-radius:100px;align-items:center;opacity:.5;background-color:rgba(0,0,0,.6);pointer-events:auto;cursor:pointer}@media only screen and (max-width: 992px){.navigation .prevBtn,.navigation .nextBtn{width:16vw;height:16vw;border-radius:16vw}}.navigation .prevBtn .arrow,.navigation .nextBtn .arrow{display:flex;width:20%;height:20%}.navigation .prevBtn .arrow img,.navigation .nextBtn .arrow img{display:flex;width:100%;height:auto}.navigation .prevBtn{left:-60px}@media only screen and (max-width: 992px){.navigation .prevBtn{left:-10vw}}.navigation .prevBtn .arrow{margin-left:70%}.navigation .nextBtn{position:absolute;right:-60px}@media only screen and (max-width: 992px){.navigation .nextBtn{right:-10vw}}.navigation .nextBtn .arrow{margin-left:10%}#titleArea .content .box{display:flex;align-items:center;justify-content:center;height:15vw;background-repeat:no-repeat;background-size:cover;background-position:center center;background-image:url(../img/title1.jpg)}@media only screen and (max-width: 992px){#titleArea .content .box{height:30vw}}#titleArea .content .box .tiBox{display:flex;flex-direction:column}#titleArea .content .box .tiBox h2{margin-top:0}#titleArea .content .box .tiBox .en{margin-bottom:0}.breadcrumb{margin:auto;font-size:.8em;border-radius:0;padding:1.5em 0 1.5em 0;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 992px){.breadcrumb{padding:1em 0 1em 0}}.breadcrumb .breadcrumb-item{max-width:50em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 992px){.breadcrumb .breadcrumb-item{max-width:15em}}.breadcrumb .breadcrumb-item.active,.breadcrumb .breadcrumb-item a{color:#333}.breadcrumb .breadcrumb-item.active::before,.breadcrumb .breadcrumb-item::before{content:">";display:initial !important;}.breadcrumb .breadcrumb-item:first-child::before{content:""}.pagination{justify-content:center}.pagination .page-item.active a{background-color:#eaeaea}.pagination .page-item .page-link{font-size:.8em;color:#333;border:0px red dotted}.pagination .page-item .page-link.np{height:100%;font-size:1em;line-height:.8em}.cenTiBox{position:relative;display:block;text-align:center}.cenTiBox h3{position:relative;display:inline-block;width:auto;margin:2em auto 2em auto;padding-bottom:.3em;font-size:1.5em;border-bottom:2px #333 solid}.card{border-radius:0;border:0}.card.product{text-align:center;margin-bottom:2em;padding:0em}.card.product .cate{position:absolute;display:inline-block;width:auto;height:auto;max-width:10em;overflow:hidden;white-space:nowrap;border-radius:2em;top:0;left:1.5em;font-size:.8em;padding:0em .4em .1em .4em;margin:0;z-index:400;color:#50aba9;border:1px #50aba9 solid}.card.product .cate:hover{color:#fff;background-color:#50aba9}@media only screen and (max-width: 992px){.card.product .cate{font-size:.7em;left:.5em}}.card.product>a:hover .pic{opacity:.5}.card.product>a:hover h4{text-decoration:underline}.card.product>a:hover .txt,.card.product>a:hover .desc{color:#50aba9}.card.product .pic{width:80%;margin:2em auto 0em auto;overflow:hidden;z-index:10}@media only screen and (max-width: 992px){.card.product .pic{margin:2em auto 0 auto}}.card.product .card-body{padding:0}.card.product .new{position:relative;display:block;width:5em;height:auto;background-color:#50aba9;color:#fff;font-size:.6em;line-height:140%;padding:.2em .7em .2em .7em;margin:.5em auto}.card.product h4{margin:.5em 0 .5em 0;color:#50aba9;padding:0 1em}.card.product .txt{color:#333;font-size:.9em;line-height:110%;padding:0 1em;margin-bottom:.3em}.card.product .desc{color:#333;font-size:.9em;letter-spacing:0}@media only screen and (max-width: 992px){.card.product .desc{font-size:.8em}}.card.product.allie .cate{color:#02958b;border:1px #02958b solid}.card.product.allie .cate:hover{color:#fff;background-color:#02958b}.card.product.allie h4{color:#02958b}.card.product.allie:hover .txt,.card.product.allie:hover .desc{color:#02958b}.card.product.coffretdor .cate{color:#c6ab8d;border:1px #c6ab8d solid}.card.product.coffretdor .cate:hover{color:#fff;background-color:#c6ab8d}.card.product.coffretdor h4{color:#c6ab8d}.card.product.coffretdor:hover .txt,.card.product.coffretdor:hover .desc{color:#c6ab8d}.card.product.dew .cate{color:#d56269;border:1px #d56269 solid}.card.product.dew .cate:hover{color:#fff;background-color:#d56269}.card.product.dew h4{color:#d56269}.card.product.dew:hover .txt,.card.product.dew:hover .desc{color:#d56269}.card.product.kanebo .cate{color:#313131;border:1px #313131 solid}.card.product.kanebo .cate:hover{color:#fff;background-color:#313131}.card.product.kanebo h4{color:#313131}.card.product.kanebo:hover .txt,.card.product.kanebo:hover .desc{color:#313131}.card.product.lunasol .cate{color:#d82569;border:1px #d82569 solid}.card.product.lunasol .cate:hover{color:#fff;background-color:#d82569}.card.product.lunasol h4{color:#d82569}.card.product.lunasol:hover .txt,.card.product.lunasol:hover .desc{color:#d82569}.card.product.milanocollection .cate{color:#d8b03e;border:1px #d8b03e solid}.card.product.milanocollection .cate:hover{color:#fff;background-color:#d8b03e}.card.product.milanocollection .pic{box-shadow:0 0 1em rgba(0,0,0,.1)}.card.product.milanocollection h4{color:#d8b03e}.card.product.milanocollection:hover .txt,.card.product.milanocollection:hover .desc{color:#d8b03e}.card.product.milanocollection.black{background-color:rgba(0,0,0,0)}.card.product.milanocollection.black .txt,.card.product.milanocollection.black .desc{color:#fff}.card.product.suisai .cate{color:#7cb6ce;border:1px #7cb6ce solid}.card.product.suisai .cate:hover{color:#fff;background-color:#7cb6ce}.card.product.suisai h4{color:#7cb6ce}.card.product.suisai:hover .txt,.card.product.suisai:hover .desc{color:#7cb6ce}.news .container{padding:0;margin:0}.news .container .row{margin-bottom:3em}@media only screen and (max-width: 992px){.news .container .row{margin:0}}.news .container .row .col-lg:first-child{margin-right:1em}.news .container .row .col-lg:last-child{margin-left:1em}@media only screen and (max-width: 992px){.news .container .row .col-lg{margin-bottom:2em}.news .container .row .col-lg:first-child{margin-right:0em}.news .container .row .col-lg:last-child{margin-left:0em}}.card.news{pointer-events:auto;cursor:pointer}.card.news:hover .pic{opacity:.5}.card.news:hover h4{text-decoration:underline}.card.news:hover .txt,.card.news:hover .date{color:#50aba9}.card.news .card-body{padding:0}.card.news .pic{position:relative;display:block;width:100%;height:auto;margin-bottom:2em;z-index:10}@media only screen and (max-width: 992px){.card.news .pic{margin-bottom:1em}}.card.news h4,.card.news .txt,.card.news .date{position:relative;display:block;margin-bottom:.5em;z-index:50}.card.news .txt{color:#333}.card.news .date{color:#333;font-size:.8em;font-weight:bold}#footer{position:relative;display:block;width:100%;height:auto;overflow:hidden}#footer .footer1Box,#footer .footer2Box{position:relative;display:block;width:100%;padding:0 2em 0 2em}@media only screen and (max-width: 992px){#footer .footer1Box,#footer .footer2Box{padding:0 5vw 0 5vw}}#footer .footer1Box{height:120px;color:#333;background-color:#f8f8f8}@media only screen and (max-width: 992px){#footer .footer1Box{height:20vw}}#footer .footer1Box .logoBox{position:relative;display:flex;width:100%;height:100%;flex-direction:column}#footer .footer1Box .logoBox .logo{position:relative;display:flex;width:8%;height:auto;margin:1.7em 0 .5em 0;z-index:200;pointer-events:auto;cursor:pointer}#footer .footer1Box .logoBox .logo img{width:100%;height:auto}@media only screen and (max-width: 992px){#footer .footer1Box .logoBox .logo{width:30%;margin:5vw 0 1vw 0}}#footer .footer1Box .logoBox .company{position:relative;display:flex}@media only screen and (max-width: 992px){#footer .footer1Box .logoBox .company{font-size:.8em}}#footer .footer1Box .shareBox{position:absolute;display:flex;flex-direction:row;align-items:center;height:100%;top:0;padding:0;right:2em;list-style-type:none}@media only screen and (max-width: 992px){#footer .footer1Box .shareBox{right:3vw}}#footer .footer1Box .shareBox li{position:relative;display:flex;width:3em;height:3em;pointer-events:auto;cursor:pointer}@media only screen and (max-width: 992px){#footer .footer1Box .shareBox li{width:9vw;height:9vw}}#footer .footer1Box .shareBox li:hover{opacity:.5}#footer .footer1Box .shareBox li a{position:relative;display:flex;flex-direction:row;align-items:center}#footer .footer1Box .shareBox li a img{top:25%;width:50%;height:auto;margin:auto}#footer .footer2Box{height:40px;color:#fff;background-color:#333}@media only screen and (max-width: 992px){#footer .footer2Box{height:12vw;padding-top:2vw}}#footer .footer2Box .telBox{position:relative;display:flex;font-size:.7em;line-height:40px;flex-direction:row}@media only screen and (max-width: 992px){#footer .footer2Box .telBox{justify-content:center;line-height:4vw}}#footer .footer2Box .telBox .txt img{display:inline-block;width:1em;height:.8em;margin-right:.5em;vertical-align:baseline}#footer .footer2Box .telBox .tel{margin-left:1em}#footer .footer2Box .telBox .tel a{color:#fff}#footer .footer2Box .copyBox{position:absolute;display:block;top:0;right:2em}@media only screen and (max-width: 992px){#footer .footer2Box .copyBox{position:relative;right:0vw;text-align:center}}#footer .footer2Box .copyBox .copyright{font-size:.6em;line-height:40px;letter-spacing:.1em}@media only screen and (max-width: 992px){#footer .footer2Box .copyBox .copyright{line-height:4vw}}.modal{width:100vw;max-width:100vw;min-width:100%;height:100%;overflow:hidden !important;overflow-y:hidden !important;z-index:12000;background-color:rgba(0,0,0,.5)}.modal-centered{top:0;transform:translate(0%, 0%) !important}.modal.fade.show .modal-centered{top:0;transform:translate(0, 0%) !important}.modal-dialog,.modal-content,.modal-body{position:relative;display:block;width:100%;height:100%;max-width:100%;min-width:0%;padding:0;margin:auto;border:0px;border-radius:0px;background-color:rgba(0,0,0,0)}.closeBtn{position:absolute;display:block;width:50px;height:50px;pointer-events:auto;cursor:pointer;top:0%;right:-60px;background-color:#fff}.closeBtn:hover{background-color:#aaa}.closeBtn img{position:relative;display:block;width:50%;height:50%;margin:25% auto}#menuModal{display:none}@media only screen and (max-width: 992px){#menuModal .modal-dialog{padding-top:0vw}#menuModal .modal-content{height:auto}#menuModal .modal-body{background-color:#fff;height:auto;padding:10vw 0vw 0 0vw}#menuModal .closeBtn{width:10vw;height:10vw;top:0%;right:0}}#menuModal .menuBox{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}#menuModal .menuBox .menuBtn,#menuModal .menuBox .subBtn{position:relative;display:block;width:100%;height:12vw;text-align:left;font-size:1em;background-color:#fff;pointer-events:auto;cursor:pointer;margin:0;padding:0}#menuModal .menuBox .menuBtn>a,#menuModal .menuBox .subBtn>a{position:relative;display:block;width:90%;height:100%;line-height:12vw;color:#333}#menuModal .menuBox .menuBtn a{left:5%;padding-left:0vw;border-top:1px #ddd solid}#menuModal .menuBox .menuBtn.introductionBtn a,#menuModal .menuBox .menuBtn.launchBtn a{border:0px #d00 dotted}#menuModal .menuBox .subBtn{height:10vw;line-height:10vw;font-size:.9em;border-bottom:1px #ddd dotted;background-color:#eee}#menuModal .menuBox .subBtn a{padding-left:6vw;line-height:10vw}#menuModal .menuBox .subBtn .bbtn{padding-top:.6em}#menuModal .menuBox .card{margin:0;padding:0;border:0px #d00 dotted}#menuModal .menuBox .card .card-header{margin:0;padding:0;border:0px #d00 dotted}#menuModal .menuBox .card .collapse,#menuModal .menuBox .card .collapsing{margin:0;padding:0}#menuModal .menuBox .card .collapse .card-body,#menuModal .menuBox .card .collapsing .card-body{margin:0;padding:0;border:0px #d00 dotted}

[data-loader='spinner']
{
    width: 25px;
    height: 25px;

    -webkit-animation: spinner 1.2s infinite ease-in-out;
         -o-animation: spinner 1.2s infinite ease-in-out;
            animation: spinner 1.2s infinite ease-in-out;

    background-color: #fff;
    box-shadow: 0 0 10px #fff;
}
@-webkit-keyframes spinner
{
    0%
    {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
            -ms-transform: perspective(120px) rotateX(0) rotateY(0);
             -o-transform: perspective(120px) rotateX(0) rotateY(0);
                transform: perspective(120px) rotateX(0) rotateY(0);
    }
    50%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
                transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }
    100%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
                transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}
@-moz-keyframes spinner
{
    0%
    {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
            -ms-transform: perspective(120px) rotateX(0) rotateY(0);
             -o-transform: perspective(120px) rotateX(0) rotateY(0);
                transform: perspective(120px) rotateX(0) rotateY(0);
    }
    50%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
                transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }
    100%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
                transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}
@-o-keyframes spinner
{
    0%
    {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
            -ms-transform: perspective(120px) rotateX(0) rotateY(0);
             -o-transform: perspective(120px) rotateX(0) rotateY(0);
                transform: perspective(120px) rotateX(0) rotateY(0);
    }
    50%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
                transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }
    100%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
                transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}
@keyframes spinner
{
    0%
    {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
            -ms-transform: perspective(120px) rotateX(0) rotateY(0);
             -o-transform: perspective(120px) rotateX(0) rotateY(0);
                transform: perspective(120px) rotateX(0) rotateY(0);
    }
    50%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
                transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }
    100%
    {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
            -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
             -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
                transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}

@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap";#titleArea .content .box{background-image:url(../img/title1.jpg)}#adviceArea{padding:0 0 5em 0}#adviceArea .container{margin:2em 0 2em 0}@media only screen and (max-width: 992px){#adviceArea .container{margin:1em auto 0em auto}}.card.advice{position:relative;display:flex;width:100%;margin:0 2em 2em 2em;padding:2em;border-radius:1em;overflow:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.1);pointer-events:auto;cursor:pointer}.card.advice:hover h3{text-decoration:underline}@media only screen and (max-width: 992px){.card.advice{margin:0 1em 2em 1em;padding:0em}}.card.advice.adviceL{flex-direction:row}@media only screen and (max-width: 992px){.card.advice.adviceL{flex-direction:column}}.card.advice .col-lg{display:flex;text-align:center;background-color:#fff}@media only screen and (max-width: 992px){.card.advice .col-lg{margin-bottom:0em}}.card.advice .pic{width:100%;height:auto}.card.advice .card-body{flex-direction:column;text-align:left;padding:0 0 0 2em}.card.advice .card-body .engs{font-size:.8em;font-weight:bold;margin-bottom:1em}.card.advice .card-body .txt{margin-top:1em;margin-bottom:2em}.card.advice .card-body .moreBox{text-align:right}@media only screen and (max-width: 992px){.card.advice .card-body{padding:1em}.card.advice .card-body .moreBox{text-align:center}.card.advice .card-body .moreBox .borderBtn{width:60%}}#newsArea{padding:0 0 5em 0}#newArea,#articleArea{padding:0}#newArea .content .box.sizeB,#articleArea .content .box.sizeB{width:100%;max-width:1200px}#newArea .content .box.sizeB img,#articleArea .content .box.sizeB img{margin:auto}#newArea .content .box.sizeB iframe,#articleArea .content .box.sizeB iframe{position:relative;display:block;margin:0 auto}@media only screen and (max-width: 992px){#newArea .content .box.sizeB,#articleArea .content .box.sizeB{max-width:90vw}#newArea .content .box.sizeB img,#articleArea .content .box.sizeB img{width:100%;height:auto;margin:auto}#newArea .content .box.sizeB iframe,#articleArea .content .box.sizeB iframe{width:100vw;height:56vw}}.card.article{max-width:1200px;margin:auto}.card.article .chapter{width:70%;margin:2em auto 2em auto;padding:2em;font-size:1.5em;text-align:center;border-top:1px #000 solid;border-bottom:1px #000 solid}@media only screen and (min-width: 1200px)and (max-width: 1500px){.card.article{max-width:1100px}}@media only screen and (min-width: 992px)and (max-width: 1200px){.card.article{max-width:920px}}@media only screen and (max-width: 992px){.card.article{max-width:90%}.card.article .chapter{max-width:90%}}.card.sign{max-width:10%;margin:4em auto}@media only screen and (max-width: 992px){.card.sign{max-width:40%}}.card.sign .card-title{text-align:center}.card.writer{position:relative;display:block;max-width:50%;margin:auto;font-size:.8em}.card.writer .row{width:100%}.card.writer .row .card-body{position:relative;display:block;width:100%;text-align:left;padding:0 0 0 2em}@media only screen and (max-width: 992px){.card.writer .row .card-body{padding:2em 0 0 0}}@media only screen and (max-width: 992px){.card.writer{max-width:70%}.card.writer .row{text-align:center}.card.writer .row .card-img{width:50%}.card.writer .row .card-body{padding:2em 0 0 0}}#btnArea{padding:0 0 5em 0}#btnArea .content .box{display:flex;justify-content:center;margin:5em 0 3em 0}#btnArea .content .box .borderBtn{margin-right:1em}#btnArea .content .box .borderBtn:last-child{margin-right:0em}