@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");a{text-decoration:none}ul,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;list-style:none}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-size:1em;font-family:"Noto Sans TC" ,"Arial", sans-serif}table{border-collapse:separate;border-spacing:0}#gotop{display:none;text-align:center;position:fixed;right:20px;bottom:50px;border-radius:100%;padding:10px 15px;line-height:1.2;font-size:18px;background:rgba(255,79,79,0.7);border:1px;color:white;cursor:pointer;z-index:99;-webkit-animation:gotopbackchange 6s linear infinite;animation:gotopbackchange 6s linear infinite}@media screen and (max-width: 550px){#gotop #gotop{right:20px;bottom:70px;padding:11px 15px;font-size:12px}}@media screen and (max-width: 880px) and (min-width: 551px){#gotop #gotop{right:20px;bottom:70px;padding:10px 15px;font-size:18px}}@-webkit-keyframes gotopbackchange{0%{background-color:rgba(255,79,79,0.7)}20%{background-color:rgba(255,209,79,0.7)}40%{background-color:rgba(79,255,117,0.7)}60%{background-color:rgba(79,214,255,0.7)}80%{background-color:rgba(231,184,255,0.7)}100%{background-color:rgba(255,79,79,0.7)}}@keyframes gotopbackchange{0%{background-color:rgba(255,79,79,0.7)}20%{background-color:rgba(255,209,79,0.7)}40%{background-color:rgba(79,255,117,0.7)}60%{background-color:rgba(79,214,255,0.7)}80%{background-color:rgba(231,184,255,0.7)}100%{background-color:rgba(255,79,79,0.7)}}#message{color:#333;text-align:center;padding:5vh 10vw;margin:0vh auto 0vh auto;background-color:#ffffffb0}#message h2{font-size:2.2em;line-height:1.2;margin-top:50px;margin-bottom:5px;color:#355dff;font-weight:600;text-align:center}footer{position:relative;bottom:0;color:#fff;padding:8vh 8vw;background-color:#4d90fe}footer h2{font-size:1.1em;line-height:1.8;margin:0 0px;text-align:left}footer h3{font-size:1em;margin:0 0;padding:0 0 1vh 0.8vw;text-align:left}footer .win{width:38vw;display:inline-block;vertical-align:top;color:#fff}footer .win .add{width:100%;color:#fff}footer .win .add td{padding:5px 1px}footer nav{width:11vw;text-align:right;display:inline-block;vertical-align:top;margin:auto 0 auto 2vw}footer nav a{color:#fff;text-decoration:none;line-height:1.8;display:block;text-align:left}footer nav a:hover{font-weight:600;color:#ffff00}footer a{color:#fff;text-decoration:none}footer a:hover,footer a:focus{color:#fff;text-decoration:none}footer a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}footer span{background-color:#fff;color:#4d90fe;padding:1px 5px;border-radius:3px;font-weight:600}footer .shere{display:inline-block;font-size:2.2em}footer i{color:#fff;margin:auto 1vw}@media (max-width: 68em){footer{color:#fff;padding:8vh 5vw;background-color:#4d90fe}footer .win{width:50vw;display:inline-block;vertical-align:top}footer .win .add{font-size:14px}footer nav{margin:auto 0 auto 6vw}}@media (max-width: 50em){footer{font-weight:300;color:#fff;font-size:13.5px;padding:5vh 3vw 10vh 3vw;background-color:#4d90fe}footer .win{width:100%;font-size:14px;display:block}footer nav{width:25vw;margin-top:3vh;margin-left:0vw;vertical-align:top}footer .shere{vertical-align:bottom;font-size:1.6em}}a{text-decoration:none}.red{color:#F00;font-weight:600;font-family:"Arial Black" , "Noto Sans TC", sans-serif}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.r_bg{background-color:#ff0000;padding:1px 5px;color:#fff;font-weight:bold;text-shadow:0px 0px 0px rgba(255,255,255,0.6)}body{background:url("../img/bg_b.png"),url("../img/bg.jpg");background-attachment:fixed;background-repeat:repeat, no-repeat;background-size:auto, cover;background-position:center}@media all and (max-width: 767px){body{font-size:0.85em;-webkit-animation:none;animation:none;height:100vh;background-attachment:local;background-position:-99999px -99999px}body:before{content:" ";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:url("../img/bg.jpg") center 0 no-repeat;background-size:cover}}@-webkit-keyframes sha{0%{background:url("../img/bgg.png"),url("../img/bg20.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg20.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:50% 8%, center, center}25%{background:url("../img/bgg.png"),url("../img/bg.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:53% 6%, center, center}50%{background:url("../img/bgg.png"),url("../img/bg40.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg40.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:50% 4%, center, center}75%{background:url("../img/bgg.png"),url("../img/bg.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:47% 6%, center, center}100%{background:url("../img/bgg.png"),url("../img/bg20.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg20.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:50% 8%, center, center}}@keyframes sha{0%{background:url("../img/bgg.png"),url("../img/bg20.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg20.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:50% 8%, center, center}25%{background:url("../img/bgg.png"),url("../img/bg.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:53% 6%, center, center}50%{background:url("../img/bgg.png"),url("../img/bg40.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg40.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:50% 4%, center, center}75%{background:url("../img/bgg.png"),url("../img/bg.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:47% 6%, center, center}100%{background:url("../img/bgg.png"),url("../img/bg20.png"),-webkit-gradient(linear, left top, left bottom, from(#71ceed), color-stop(48%, #85e1ff), color-stop(99%, #afe8ff));background:url("../img/bgg.png"),url("../img/bg20.png"),linear-gradient(to bottom, #71ceed 0%, #85e1ff 48%, #afe8ff 99%);background-position:50% 8%, center, center}}header{padding:10vh 0 2vh 0}header h2{font-size:4em;text-align:center;font-weight:600;color:#ffb500}header h1{font-size:9em;color:#ff8b8b;font-weight:900;text-shadow:3px 3px 0px #fff292eb;text-align:center}header p.slogan{text-align:center;color:#cc4a06;font-weight:400;font-size:1.5em}header p.slogan span{font-size:1.2em;color:#0687ff;font-weight:500}header h4{text-align:center;font-size:6em;color:#ff6060;text-shadow:4px 4px 0px #fff4bc;font-weight:900;font-style:italic}header h5{text-align:center;font-size:2em;color:#cc4a06;font-weight:500;letter-spacing:1.5px}header h5 span{color:#0687ff}@media all and (max-width: 767px){header h1{font-size:4.5em}header p.slogan span{font-size:1.1em}header h4{font-size:4.2em}}@media all and (max-width: 1024px) and (min-width: 768px){header h1{font-size:7em}header h4{font-size:7em}header>img{width:70%}}@media all and (max-width: 1399px) and (min-width: 1025px){header>img{width:650px}}@media all and (min-width: 630px){.br630{display:none}}@media all and (min-width: 560px){.br560{display:none}}#sales{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#sales .box{width:200px;height:200px;margin:1vh 1vw;background:#fff3d0;border-radius:100%;position:relative;-webkit-box-shadow:3px 3px 0px #daad93;box-shadow:3px 3px 0px #daad93}#sales .box p{width:100%;position:absolute;font-size:1.4em;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;line-height:1.2;color:#a53b27;font-weight:500}#sales .box p label{display:block;font-size:0.7em;line-height:1.4;font-weight:400}#sales .box p strong{font-size:1.4em;color:#ff0d0d}#sales .box p span{font-size:1.2em;font-weight:600}@media all and (max-width: 767px){#sales{-ms-flex-wrap:wrap;flex-wrap:wrap}#sales .box{width:170px;height:170px}}@media all and (max-width: 1024px) and (min-width: 768px){#sales .box{width:140px;height:140px}#sales .box p{font-size:1em}#sales .box p strong{font-size:1.5em}}#exp{padding:5vh 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#exp>h2{width:100%;text-align:center;font-size:3em;margin:1vh 0}#exp>h2 span{background:red;color:yellow;border:5px solid #ca1111;padding:0 1vw;border-radius:50px;letter-spacing:1.5px}#exp .area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#exp .area .box{width:310px;padding:10px 15px;background:#fffbc4;margin:1vh 0.5vw;border-radius:15px;-webkit-box-shadow:3px 3px 0px #e2d2a2;box-shadow:3px 3px 0px #e2d2a2}#exp .area .box .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#exp .area .box .title h3{font-size:1.3em;font-weight:500;color:#ff6060}#exp .area .box .title h4{color:#4d89e9;font-size:1em;font-weight:500}#exp .area .box .title h4 span{font-weight:600;font-size:1.7em}#exp .area .box .title h5{color:#4d89e9;font-size:1.2em;font-weight:500}#exp .area .box .title>img{width:90px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#exp .area .box p{margin-top:1vh;letter-spacing:1.5px;font-size:1.1em;color:#6d0000;font-weight:300}@media all and (max-width: 767px){#exp .area .box{width:90%}#exp .area:nth-of-type(n+2) .box{width:90%}}@media all and (max-width: 1399px) and (min-width: 1025px){#exp .area .box{width:21.5vw}#exp .area .box .title img{width:70px !important}#exp .area .box .title h3{font-size:1em}#exp .area .box .title h4{font-size:0.9em}#exp .area .box .title h4 span{font-size:1.7em}#exp .area .box .title h5{font-size:1em}#exp .area .box p{font-size:1em}}#new_sale{width:1200px;margin:0 auto;text-align:right;margin:0vh auto 0 auto}#new_sale>h2{text-align:center}#new_sale>h2 span{color:yellow;font-size:2em;background:#1d2088;padding:0 1vw;border-radius:50px}#new_sale>img{width:300px;-webkit-transform:translateX(20%) rotate(5deg);transform:translateX(20%) rotate(5deg)}#new_sale section{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;background:#fff9b1;padding:5vh 0;margin-top:-2vh}#new_sale section .box{width:50%;padding:1vh 1vw}#new_sale section .box h2{font-size:2.5em;color:#e60044}#new_sale section .box h3 span{color:white;font-weight:400;font-size:1.3em;padding:0 1vw;border-radius:50px;background:#50a9b5}#new_sale section .box h4{font-size:1.5em;background:#e60044;color:white;font-weight:500;letter-spacing:1.4px}#new_sale section .box h4 span{font-size:1.2em}#new_sale section .box>ul li{text-align:center;list-style:none;font-size:2em;letter-spacing:1.5px;font-weight:500;color:#e60044}#new_sale section .box>ul li span{font-weight:600;font-size:1.2em}#new_sale section .box>ol li{text-align:left;list-style:decimal;font-size:1.4em;letter-spacing:1.5px;font-weight:500}#new_sale section .box .saleul ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1vh 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#new_sale section .box .saleul ul li{width:50%;font-size:1.4em;font-weight:500}#new_sale section .box .saleul ul li span{font-weight:600;font-size:1.2em;color:#e60044}#new_sale section .box .saleul p{font-size:1.2em;text-align:center}#new_sale section .box:first-child{border-right:2px solid #ffe000}@media all and (max-width: 767px){#new_sale{width:95%}#new_sale>h2 span{font-size:1.6em;padding:0 3vw}#new_sale section{-ms-flex-wrap:wrap;flex-wrap:wrap}#new_sale section .box{width:100%}#new_sale section .box:first-child{border-right:none;border-bottom:2px solid #ffe000}}@media all and (max-width: 1024px) and (min-width: 768px){#new_sale{width:90%}#new_sale>img{width:250px}#new_sale section{-ms-flex-wrap:wrap;flex-wrap:wrap}#new_sale section .box{width:100%}#new_sale section .box:first-child{border-right:none;border-bottom:2px solid #ffe000}}@media all and (max-width: 1399px) and (min-width: 1025px){#new_sale{width:1000px}#new_sale>img{width:200px}#new_sale section .box>ol li{font-size:1.2em}#new_sale section .box .saleul ul li{font-size:1.3em}}#sale{padding:5vh 5vw}#sale .area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#sale .area .box{margin:1vh 1vw;width:180px;border-radius:100%;padding:35px 5px;background-color:white;border:2px solid #51c8ff}#sale .area .box:hover{-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translateY(-3%);transform:translateY(-3%)}#sale .area .box p{color:#505050;text-align:center}#sale .area .box p strong{font-size:1.5em;color:#00a0e9}#sale .area .box p span{font-size:2em;font-weight:600;color:#ff4242}@media all and (max-width: 767px){#sale .area{-ms-flex-wrap:wrap;flex-wrap:wrap}#sale .area .box{width:120px;margin:1vh auto;padding:25px 5px}#sale .area .box p span{font-size:1.3em}}#sale .area:first-child .box:last-child{padding:35px 5px}@media all and (max-width: 767px){#sale{padding:5vh 2vw}#sale .box{width:120px;padding:25px 5px}}@media all and (max-width: 1024px) and (min-width: 768px){#sale{padding:5vh 2vw}#sale .area .box{width:168px;padding:35px 5px}#sale .area .box p>span{font-size:1.5em}#sale .area:first-child .box:last-child{padding:40px 5px}}#gold{width:1200px;margin:1vh auto;text-align:center;background:white}#gold h2{font-size:3em;color:yellow;background:#1d2088}#gold ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#gold ul li{margin:1vh 0;font-size:2.5em;color:#e60044;font-weight:600;width:50%}#gold ul li:first-child{border-right:2px solid #ffe000}#gold ul li span{font-size:1.5em}#gold a{display:block;text-align:center;font-size:1.8em;text-decoration:none;margin:1vh 0;padding:1vh 1vw;color:white;font-weight:500;background:#e60044;-webkit-animation:clch 1s steps(2) infinite;animation:clch 1s steps(2) infinite}#gold a i{font-size:1.2em;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}@media all and (max-width: 767px){#gold{width:95%}#gold a{font-size:1.6em}}@media all and (max-width: 1024px) and (min-width: 768px){#gold{width:90%}}@media all and (max-width: 1399px) and (min-width: 1025px){#gold{width:1000px}}#prize{padding:5vh 0}#prize h2{font-size:2em;color:#fff;text-align:center}#prize h2 span{background:red;color:yellow;border:3px solid white;padding:0 1vw;border-radius:50px}#prize table{background:white;width:1200px;margin:0 auto;margin-top:-1.5vh}#prize table tr td{padding:0.5vh 3px;text-align:center;font-size:1.2em;border-bottom:1px solid #e04753;border-right:1px solid #e04753}#prize table tr td:first-child{border-left:1px solid #e04753;width:27%}#prize table tr td:nth-child(3){font-weight:600;color:red}#prize table tr:nth-child(odd) td{background:#f3f3f3}#prize table tr:last-child td{background:yellow;font-weight:500;font-size:1.5em;text-align:left;padding:0 2vw}#prize table tr:last-child td span{color:red}#prize table tr:first-child td{padding-top:3vh;color:white;font-weight:600;font-size:1.5em;background:#b51622;border-top:1px solid #e04753}@media all and (max-width: 767px){#prize h2{font-size:1.5em}#prize table{width:98%}#prize table tr td{font-size:14px}#prize table tr:first-child td{padding-top:3vh;color:white;font-weight:500;font-size:1em;background:#b51622;border-top:1px solid #e04753}#prize table tr:last-child td{background:yellow;font-weight:500;font-size:1.2em}}@media all and (max-width: 1024px) and (min-width: 768px){#prize table{width:90%}#prize table tr:first-child td{font-size:1.3em}#prize table tr td{font-size:1.1em}#prize table tr:last-child td{font-size:1.2em}}@media all and (max-width: 1399px) and (min-width: 1025px){#prize table{width:1000px}}a.times{margin:3vh auto;display:block;text-align:center;font-size:2.4em;width:320px;color:#0056ec;font-weight:500;background:#fff80e;border-radius:50px;-webkit-box-shadow:4px 4px 0 0 #cc5656;box-shadow:4px 4px 0 0 #cc5656;-webkit-transition:0.3s;transition:0.3s}a.times:hover{background:#ff0000;color:white}a.times i{font-size:1.2em;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}#learn{position:relative;padding:10vh 0 0 0}#learn .title{position:relative}#learn .title h2{font-size:2.5em;color:#ffee01;text-align:center}#learn .title>img{position:absolute;left:50%;top:0;width:350px;-webkit-transform:translate(80%, -50%);transform:translate(80%, -50%)}#learn .imgbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#learn .imgbox .box{background:white;padding:1vh 1vw;margin:1vh 1vw;border-radius:15px;text-align:center;-webkit-box-shadow:4px 4px 0px #e64a4a;box-shadow:4px 4px 0px #e64a4a;width:300px}#learn .imgbox .box img{width:100%}#learn .imgbox .box p{font-size:1.4em;letter-spacing:1.5px;color:#1d2088;font-weight:500}@media all and (max-width: 767px){#learn .imgbox{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}#learn .title img{display:none}}@media all and (max-width: 1024px) and (min-width: 768px){#learn .imgbox .box{width:33%}#learn .imgbox .box p{font-size:1.1em}#learn .title img{display:none}}@media all and (max-width: 1399px) and (min-width: 1025px){#learn .title img{-webkit-transform:translate(48%, -50%);transform:translate(48%, -50%)}}@-webkit-keyframes clch{to{background:#e60044}from{background:#ff4a4a}}@keyframes clch{to{background:#e60044}from{background:#ff4a4a}}#classgift{padding:5vh 5vw}#classgift .commonbox{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#classgift .commonbox h3{width:100%;font-size:1.6em;font-weight:500;margin:5vh 0 1vh 0;color:#0a51bb}#classgift .commonbox h3 strong{font-size:1.5em}#classgift .commonbox h3 span{font-size:0.6em}#classgift .commonbox .boxes{width:310px;padding:1vh 1vw;margin:1vh 1vw;background-color:white;border-radius:15px;-webkit-transition:0.5s;transition:0.5s}#classgift .commonbox .boxes:hover{-webkit-transition:0.5s;transition:0.5s;-webkit-transform:translateY(-3%);transform:translateY(-3%);-webkit-box-shadow:4px 4px 0px #d2d2d2;box-shadow:4px 4px 0px #d2d2d2}#classgift .commonbox .boxes p{font-weight:300;font-size:1.4em;line-height:1.8}#classgift .commonbox .boxes p span{font-size:0.8em;background-color:#00a0e9;color:yellow;padding:0.5vh 1vw;border-radius:5px}#classgift .commonbox .boxes p strong{color:#00a0e9;font-weight:400}#classgift .commonbox .boxes p strong ins{text-decoration:none;font-size:1.5em;font-weight:600}#classgift .commonbox .boxes p mark{background-color:transparent;font-size:0.7em}#classgift .commonbox:last-child{margin-top:5vh}#classgift .commonbox:last-child p span{background-color:#ff4242}#classgift .commonbox:last-child p strong{color:#ff4242}@media all and (max-width: 767px){#classgift .commonbox .boxes{width:90%}}@media all and (max-width: 1024px) and (min-width: 768px){#classgift .commonbox .boxes{width:70%}}@media all and (max-width: 1399px) and (min-width: 1025px){#classgift .commonbox .boxes{width:280px}#classgift .commonbox .boxes p{font-size:1.3em}}@media all and (max-width: 1399px) and (min-width: 1025px){#classgift{padding:5vh 2vw}}#focus{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#focus h2{width:100%;font-size:2em;color:#0a51bb;margin-top:5vh}#focus .boxx{width:270px;margin:1vh 0.5vw;background-color:white;line-height:1.8;border-radius:10px}#focus .boxx h3{font-size:2em;background-color:#ff4242;color:white;border-radius:10px 10px 0 0;position:relative}#focus .boxx h3::after{content:"";position:absolute;left:50%;-webkit-transform:translatex(-50%);transform:translatex(-50%);top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ff4242;clear:both}#focus .boxx .texts{padding:2vh 1vw}#focus .boxx .texts h4{font-size:1.4em;color:#505050}#focus .boxx .texts p{font-size:1.2em;color:#505050;margin-bottom:1vh}#focus .boxx .texts p span{font-size:1.3em;font-weight:500;color:#ff4242}#focus .boxx .texts a{color:white;background-color:#ff6a6a;padding:0.5vh 1vw}#focus .boxx .texts a:hover{background-color:#ff3a3a}@media all and (max-width: 767px){#focus{padding:0 5vw}#focus .boxx{width:90%}}@media all and (max-width: 1024px) and (min-width: 768px){#focus .boxx{width:40%}}@media all and (max-width: 1399px) and (min-width: 1025px){#focus .boxx{width:240px}}#newclass{padding:5vh 5vw}#newclass>h2{text-align:center;font-size:2em;color:#0a51bb;margin-top:5vh}#newclass .area{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#newclass .area .classtable{background-color:white;margin:1vh 1vw;width:550px}#newclass .area .classtable tr td{font-size:1.1em;color:#353535;padding:1vh 1vw;border-right:1px solid #567aff82;border-bottom:1px solid #567aff82;text-align:left;font-weight:300}#newclass .area .classtable tr td:first-child{border-left:1px solid #567aff82;border-bottom:1px solid #ffffffbd;font-weight:500;color:#fff09d;background-color:#17aaff}#newclass .area .classtable tr:nth-child(3) td:first-child,#newclass .area .classtable tr:nth-child(5) td:first-child,#newclass .area .classtable tr:nth-child(7) td:first-child,#newclass .area .classtable tr:nth-child(9) td:first-child{border-left:none;background-color:white;color:#353535;font-weight:300;border-bottom:1px solid #567aff82}#newclass .area .classtable tr:first-child td{font-size:1.6em;font-weight:600;color:white;text-align:center;border-top:1px solid #567aff82;background-color:#17aaff}@media all and (max-width: 767px){#newclass .area .classtable{width:100%}}@media all and (max-width: 1024px) and (min-width: 768px){#newclass .area .classtable{width:80%}}#videos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media all and (max-width: 767px){#videos{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media all and (max-width: 1024px) and (min-width: 768px){#videos{-ms-flex-wrap:wrap;flex-wrap:wrap}}.wrapper{background-color:#fff1cbb0;text-align:center;width:33.3%}@media all and (max-width: 767px){.wrapper{width:100%}}@media all and (max-width: 1024px) and (min-width: 768px){.wrapper{width:100%}}.wrapper>h2{text-align:center;margin:1vh 0;color:#ff6060;font-size:2.2em;font-weight:600}@media all and (max-width: 1399px) and (min-width: 1025px){.wrapper>h2{font-size:1.6em}}.carousels .test{padding:0 5vw}.carousels .slide-item{margin:0 5vw}.carousels{margin:0 auto;width:34vw}@media all and (max-width: 767px){.carousels{width:95%}}@media all and (max-width: 1024px) and (min-width: 768px){.carousels{width:95%}}@media all and (max-width: 1399px) and (min-width: 1025px){.carousels{width:320px}}.carousels .slick-slide{margin:0 1vw;padding:1vh 1vw;border-radius:0 0 15px 15px;background-color:#fff2b2}.carousels .slick-slide .box .text>h2{color:#ff6060;font-weight:400;font-size:1.1em}@media all and (max-width: 1399px) and (min-width: 1025px){.carousels .slick-slide .box .text>h2{font-size:1em}}@media screen and (max-width: 800px){.carousels .slick-slide .box .text>h2{font-size:0.8em}}.carousels iframe{width:28vw;height:248px}@media all and (max-width: 767px){.carousels iframe{width:95%}}@media all and (max-width: 1024px) and (min-width: 768px){.carousels iframe{width:410px;height:231px}}@media all and (max-width: 1399px) and (min-width: 1025px){.carousels iframe{width:287px;height:161px}}.carousels .slick-track{margin-bottom:2vh}.wrapper .carousels .slick-dots li.slick-active button:before{color:#ff6060;font-weight:900;font-family:"Font Awesome 5 Free";-webkit-transform:scale(2);transform:scale(2)}.wrapper .carousels .slick-dots li button:before{color:#ff6060;font-weight:900;font-family:"Font Awesome 5 Free";-webkit-transform:scale(1.8);transform:scale(1.8)}.wrapper:first-child .carousels .slick-dots li.slick-active button:before{content:"\f1ec"}.wrapper:first-child .carousels .slick-dots li button:before{content:"\f1ec"}.wrapper:nth-child(2) .carousels .slick-dots li.slick-active button:before{content:"\f492"}.wrapper:nth-child(2) .carousels .slick-dots li button:before{content:"\f492"}.wrapper:last-child .carousels .slick-dots li.slick-active button:before{content:"\f63c"}.wrapper:last-child .carousels .slick-dots li button:before{content:"\f63c"}.slide-arrow{position:absolute;top:100.5%;font-size:1.5em;z-index:99;color:#ff6060}.pre{left:32%}.nex{right:32%}@media screen and (max-width: 425px){.pre{left:30px}.nex{right:30px}}@media screen and (max-width: 550px) and (min-width: 425px){.pre{left:80px}.nex{right:80px}}@media screen and (max-width: 768px) and (min-width: 550px){.pre{left:140px}.nex{right:140px}}@media screen and (max-width: 1024px) and (min-width: 769px){.pre{left:30%}.nex{right:30%}}@media screen and (max-width: 1440px) and (min-width: 1024px){.pre{left:15%}.nex{right:15%}}#experience{background:url(img/bg2.png);background-position:center top;background-size:90%;background-attachment:stinky;background-repeat:no-repeat;margin-top:10vh;text-align:center}#experience .area{margin:0vh auto;width:1200px;padding:7vh 1vw 2vh 1vw;margin-top:-5vh;background-color:#fff9b1}@media all and (max-width: 767px){#experience .area{width:95%}}@media all and (max-width: 1024px) and (min-width: 768px){#experience .area{width:90%}}@media all and (max-width: 1399px) and (min-width: 1025px){#experience .area{width:980px}}#experience>img{width:700px}#experience .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:5vh 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media all and (max-width: 767px){#experience .box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media all and (max-width: 1024px) and (min-width: 768px){#experience .box{width:90%}}#experience .box>img{width:10vw;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:1vh 1vw;border-radius:100%;border:3px solid #baefff;background-color:#e0f3ff}#experience .box .contents{margin:auto 0}#experience .box .contents>h3{font-size:2em;color:#00a0e9;font-weight:600;text-align:left;line-height:1.4;font-family:"Noto Sans TC", sans-serif !important}#experience .box .contents>h4{font-size:1.1em;text-align:left;color:#00a0e9;font-weight:500;line-height:1.8;letter-spacing:2px}#experience .box .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#experience .box .text>p{text-align:left;width:40vw;font-size:1.1em;letter-spacing:2px;color:#505050;margin:0 1vw;line-height:1.8}#experience .box .contents>h3 strong{font-weight:400;color:#ffe900}#experience .box .contents>h3 span{padding:0.5vh 0.5vw;background-color:#00a0e9;color:white;font-weight:400;font-size:0.6em}#experience .box .contents h3 ins{text-decoration:none;color:red;font-size:0.8em}#experience .box .text iframe{width:400px;height:225px;-webkit-box-shadow:6px 6px 5px #626262;box-shadow:6px 6px 5px #626262}#experience .box .text .video{width:22vw}#experience .list{margin-top:3vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#experience .list .boxes{width:16vw;text-align:center;margin:0 2vw}#experience .list .boxes .text img{width:5vw;margin:0 auto;border-radius:100%;border:3px solid #baefff;background-color:#e0f3ff}#experience .list .boxes .text h3{font-size:1.4em;font-family:"Noto Sans TC", sans-serif !important;color:#007ce9;margin:0.5vh auto;width:100%}#experience .list .boxes .text h3 span{font-size:1.5em;color:#00a0e9;font-weight:600}#experience .list .boxes .text h3 strong{padding:0.5vh 0.5vw;background-color:red;color:white;font-size:0.8em}#experience .list .boxes p{color:#505050;text-align:left;margin:0 auto}@media screen and (max-width: 767px){#experience .area{padding:2vh 1vw 2vh 1vw;margin-top:-8vh}#experience>img{width:95vw}#experience .box{margin:8vh auto}#experience .box>img{width:110px}#experience .box .contents{margin:1vh 0;text-align:left;width:480px}#experience .box .contents>h3{text-align:center}#experience .box .contents>h3 span{padding:0.5vh 1vw;font-size:0.5em;margin:0}#experience .box .contents>h4{font-size:1em;margin:0 1vw}#experience .box .text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#experience .box .text iframe{width:100%;height:auto}#experience .box .text>p{width:98%}#experience .box .text .video{width:300px;height:168px;margin:0 auto;margin-top:2vh}#experience .list{margin-top:3vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#experience .list .boxes{width:100%;text-align:center;margin:3vh auto}#experience .list .boxes .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#experience .list .boxes .text h3{font-size:1.1em;width:52%;margin-left:0}#experience .list .boxes .text img{width:100px;margin-right:0}#experience .list .boxes p{margin-top:1vh}}@media screen and (max-width: 1399px) and (min-width: 768px){#experience .box{margin:8vh auto;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}#experience .box .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#experience .box .text>p{text-align:left;width:95%;font-size:1.1em;letter-spacing:2px;color:#0736a0;margin:0 auto}#experience .box .text .video{width:400px;height:225px;margin:0 auto}#experience .list .boxes{width:18vw;text-align:center;margin:0 2vw}#experience .list .boxes .text h3{font-size:1em}#experience .list .boxes .text img{width:100px}}#kind{padding:3vh 0 0 0;background:url("../img/index-02-BG.png");background-size:60%;background-position:bottom;background-repeat:repeat-x}#kind h1{text-align:center;font-size:1.4em;color:#00239a;font-weight:500;letter-spacing:1.5px}#kind h2{text-align:center;font-size:2.8em;color:#ff7a7a;text-align:center;text-shadow:2px 2px 0px #fffcab}#kind .cards{padding:3vh 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#kind .cards .area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#kind .cards .area section{background:white;-webkit-filter:brightness(0.9);filter:brightness(0.9);width:280px;overflow-y:hidden;height:330px;text-align:center;margin:1vh -10px;-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translateX(0);transform:translateX(0)}#kind .cards .area section h4{padding:1vh 0;text-align:center;font-size:1.8em;font-weight:600}#kind .cards .area section img{width:80%;-webkit-transition:0.3s;transition:0.3s}#kind .cards .area section .titleimg{margin-top:5px;-webkit-transform:scale(1.05);transform:scale(1.05)}#kind .cards .area section:first-child{-webkit-clip-path:polygon(10% 0, 90% 0, 100% 100%, 0% 100%);clip-path:polygon(10% 0, 90% 0, 100% 100%, 0% 100%)}#kind .cards .area section:last-child{-webkit-clip-path:polygon(0 0, 100% 0, 90% 100%, 10% 100%);clip-path:polygon(0 0, 100% 0, 90% 100%, 10% 100%)}#kind .cards .area section:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px);-webkit-filter:brightness(1.1);filter:brightness(1.1)}#kind .cards .area section:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}@media all and (max-width: 767px){#kind h2{font-size:1.5em}#kind .cards{-ms-flex-wrap:wrap;flex-wrap:wrap}#kind .cards .area section{margin:0;width:50%;-webkit-clip-path:none !important;clip-path:none !important}#kind .cards .area section img{width:100%}#kind .cards .area section h4{font-size:1.6em}}@media all and (max-width: 1024px) and (min-width: 768px){#kind .cards{-ms-flex-wrap:wrap;flex-wrap:wrap}}
/*# sourceMappingURL=style.min.css.map */