.reservationModal,.reservationResModal{display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .5s ease-in-out;width:100%;z-index:13}.reservationModal .content,.reservationResModal .content{background-color:#fff;border-radius:25px;display:block;height:40vw;left:50%;overflow:hidden;padding:1.5vw 2.5vw;position:relative;top:50%;transform:translate(-50%,-50%);width:40%;z-index:9}.reservationModal .content .btn-close,.reservationResModal .content .btn-close{background-image:url(/images/btn_menu_close.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:1.75vw;position:absolute;right:1.75vw;top:1.75vw;transform:rotate(0deg);transition:all .5s ease;width:1.75vw}.reservationModal .content .btn-close:hover,.reservationResModal .content .btn-close:hover{transform:rotate(180deg)}.reservationModal .content>h1,.reservationResModal .content>h1{align-items:center;color:#9a9a9a;display:flex;font-size:1.5vw;font-weight:700;margin-bottom:.95vw}.reservationModal .content>h1 span,.reservationResModal .content>h1 span{display:block;font-size:.8vw;font-weight:400;line-height:.8vw;margin-left:1vw}.lectures:before,.reservationModal:before,.reservationResModal:before{background:#8b8b8b 0 0 no-repeat padding-box;content:"";height:100%;left:0;opacity:.85;position:absolute;top:0;width:100%}.lectures.open,.reservationModal.open,.reservationResModal.open{display:block;opacity:0}.lectures.active,.reservationModal.active,.reservationResModal.active{display:block;opacity:1}.lectures.close,.reservationModal.close,.reservationResModal.close{display:block;opacity:0}.reservationModal .content{height:26vw;padding:1.5vw;width:50%}.reservationModal .content .form{display:flex;flex-direction:row;justify-content:space-between;margin:2vw auto;position:relative;width:85%}.reservationModal .content .form .left{display:flex;flex-direction:column;justify-content:flex-start;order:1;position:relative;width:50%}.reservationModal .content .form .left>h1{align-items:center;border-bottom:1px solid #9a9a9a;color:#9a9a9a;display:flex;font-size:1.5vw;font-weight:700;margin-bottom:.95vw}.reservationModal .content .form .left>h1 span{display:block;font-size:.8vw;font-weight:400;line-height:.8vw;margin-left:1vw}.reservationModal .content .form .right{background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;height:100%;order:2;position:relative;width:45%}.reservationModal .content .form .right img{height:auto;max-width:600px}.reservationModal .content .form .right .note{color:#8e8884;margin-top:.75vw}.reservationModal .content .form .right .note .title{font-size:.9vw}.reservationModal .content .form .right .note .body{font-size:.7vw}.reservationModal .content .form .right.hide{display:none}.reservationModal .content .form .row{display:flex;justify-content:space-between;margin:initial;position:relative;width:100%}.reservationModal .content .form .row .input{display:flex;flex-direction:column;padding:0 0 1.45vw;position:relative;width:100%}.reservationModal .content .form .row .input label{color:#000;font-size:.75vw}.reservationModal .content .form .row .input input,.reservationModal .content .form .row .input select{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:7px;box-sizing:border-box;color:#495057;display:block;font-size:.75vw;line-height:1.5;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.reservationModal .content .form .row .input .container{font-size:.75vw}.reservationModal .content .form .row .input .container a{color:#ffc45d}.reservationModal .content .form .row .input .container #agree{width:0}.reservationModal .content .form .row .input .container .checkmark{align-items:center;display:flex;height:1vw;justify-content:center;position:absolute;width:1vw}.reservationModal .content .form .row .input .container .checkmark:after{height:.4vw;left:auto;top:auto;width:.25vw}.reservationModal .content .form .row.nameBody .input,.reservationModal .content .form .row.phoneBody .input{width:80%}.reservationModal .content .form .row.people{color:#000;font-size:.75vw}.reservationModal .content .form .row.people .input{align-items:center;flex-direction:row!important}.reservationModal .content .form .row.people .input input{margin:0 15px;width:25%}.reservationModal .content .form #selectInput{display:none}.reservationModal .content .form .row.regOffice{align-items:flex-start;color:#000;display:none;flex-direction:row;font-size:.75vw;justify-content:flex-start;margin-bottom:1.25vw;opacity:0;overflow:hidden}.reservationModal .content .form .row.regOffice>.name{width:-moz-max-content;width:max-content}.reservationModal .content .form .row.regOffice>.address{align-items:center;display:flex;justify-content:flex-start;margin-left:.5vw;position:relative;width:-moz-max-content;width:max-content}.reservationModal .content .form .row.regOffice>.phone{display:none}.reservationModal .content .form .row.regOffice>.address:before{background-image:url(/images/pages/freelectures_v2/Icon_map-marker.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1vw;margin-right:.25vw;width:1vw}.reservationModal .content .form .row.regOffice.active{display:flex;opacity:1}.reservationModal .content .form .row.regOffice#office-longjiang>.address:before{background-image:url(/images/pages/freelectures_v2/Icon_map-marker_orange.svg)}.reservationModal .content .form .row.regOffice#office-hsinchu>.address:before,.reservationModal .content .form .row.regOffice#office-zuoan>.address:before{background-image:url(/images/pages/freelectures_v2/Icon_map-marker_b.svg)}.reservationModal .content .form #activeTitle .input{padding-bottom:.25vw}.reservationModal .content .form #activeTitle .input h1{color:#000;font-size:1vw;font-weight:700}.reservationModal .content .form #activeTitle .input .time{color:#d66f6f;font-family:Noto Sans SC,sans-serif;font-size:.9vw}.reservationModal .content #regSubmit{align-items:center;background-color:#8e8884!important;border:1px solid #8e8884!important;border-radius:50px;color:red;color:#fff;display:flex;font-size:.85vw;justify-content:center;line-height:1.15vw;margin:.25vw auto;padding:1vw 3vw;position:relative;transition:background-color .25s ease-in-out,color .25s ease-in-out;width:-moz-max-content;width:max-content}.reservationModal .content #regSubmit:hover{background-color:#fff!important;color:#8e8884!important}@media (max-width:768px){.lectures .content,.reservationModal .content,.reservationResModal .content{height:150vw;margin:2.5vw 0;width:90%}.lectures .content .btn-close,.reservationModal .content .btn-close,.reservationResModal .content .btn-close{height:8vw;right:5vw;top:5vw;width:8vw;z-index:6}.lectures .content .btn-close:hover,.reservationModal .content .btn-close:hover,.reservationResModal .content .btn-close:hover{transform:none}.lectures .content>h1,.reservationModal .content>h1,.reservationResModal .content>h1{font-size:6vw;margin-bottom:2.5vw;margin-top:2.5vw}.lectures .content>h1 span,.reservationModal .content>h1 span,.reservationResModal .content>h1 span{display:block;font-size:3.75vw;line-height:.8vw;margin-left:3vw}.reservationModal .content{height:155vw;margin:2.5vw 0;overflow:hidden;width:90%}.reservationModal .content .form{flex-direction:column;height:92.5%;margin:5vw auto 0;overflow-y:scroll;width:90%}.reservationModal .content .form .left{width:100%}.reservationModal .content .form .left>h1{font-size:6vw;margin-bottom:3vw}.reservationModal .content .form .left>h1 span{font-size:3.75vw;line-height:.8vw;margin-left:3vw}.reservationModal .content .form .right{order:2;width:100%}.reservationModal .content .form .right img{display:none}.reservationModal .content .form .right .note{color:#8e8884;margin-top:2.5vw}.reservationModal .content .form .right .note .title{font-size:4.5vw}.reservationModal .content .form .right .note .body{font-size:3.5vw}.reservationModal .content .form .right.hide{display:none}.reservationModal .content .form .row{margin-bottom:2.5vw}.reservationModal .content .form .row .input label{font-size:3.75vw}.reservationModal .content .form .row .input input,.reservationModal .content .form .row .input select{font-size:3.75vw;line-height:4.125vw;padding:2.25vw 2.5vw}.reservationModal .content .form .row .input .container{font-size:3.75vw}.reservationModal .content .form .row .input .container .checkmark{height:4.75vw;width:4.75vw}.reservationModal .content .form .row .input .container .checkmark:after{height:2.6vw;width:1.5vw}.reservationModal .content .form .row.nameBody .input,.reservationModal .content .form .row.phoneBody .input{width:100%}.reservationModal .content .form .row.nameBody .input:last-child,.reservationModal .content .form .row.phoneBody .input:last-child{margin-bottom:0}.reservationModal .content .form .row.people{font-size:3.75vw}.reservationModal .content .form .row.regOffice{font-size:3.75vw;margin-bottom:3.5vw}.reservationModal .content .form .row.regOffice>.name{display:none}.reservationModal .content .form .row.regOffice>.address{margin-left:0;width:100%}.reservationModal .content .form .row.regOffice>.address:before{height:5vw;margin-right:1.25vw;width:4vw}.reservationModal .content .form #activeTitle{margin-bottom:0}.reservationModal .content .form #activeTitle .input{padding-bottom:1.5vw}.reservationModal .content .form #activeTitle .input h1{font-size:5vw}.reservationModal .content .form #activeTitle .input .time{font-size:4vw}.reservationModal .content #regSubmit{font-size:4.25vw;font-weight:700;letter-spacing:2vw;line-height:5.55vw;margin:2vw auto 0;padding:4vw 15vw}.reservationModal .content #regSubmit:hover{background-color:#fff;color:#8e8884}}.banner .txt{justify-content:center!important;left:0!important;width:100vw}.banner .txt:after{display:none!important}ul.hotspot-links{-moz-column-gap:.5vw;column-gap:.5vw;display:flex;flex-direction:row!important;flex-wrap:nowrap;padding-left:0!important}ul.hotspot-links li{display:flex;flex-direction:column;font-size:1.1em!important}ul.hotspot-links li .img{aspect-ratio:438/250;cursor:pointer;width:100%}.banner{background-image:url(/images/pages/hotspot/top_bn05.jpg)}.school{align-items:center;justify-content:center}.school,.school ul{display:flex;position:relative;width:100%}.school ul{align-items:flex-start;flex-direction:column;flex-wrap:nowrap;justify-content:space-around}.school ul li{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2vw;position:relative;width:100%}.school ul li .img{margin-bottom:1.25vw;position:relative;width:45%}.school ul li .itemBody{display:flex;flex-direction:column;width:52.5%}.school ul li .itemBody .txt{position:relative;width:100%}.school ul li .itemBody .txt h1{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:1vw;font-weight:700;overflow:hidden}.school ul li .itemBody .txt h1 a{color:#000}.school ul li .itemBody .txt .space{background-color:hsla(0,0%,44%,.39);display:block;height:1px;margin:1vw 0;width:100%}.school ul li .itemBody .txt p{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#383838;display:-webkit-box;font-size:.85vw;overflow:hidden}.school ul li .itemBody .tags{display:flex;flex-direction:row;flex-wrap:wrap;margin:.5vw 0;position:relative}.school ul li .itemBody .tags a{color:#c1adad;font-size:.85vw;margin-right:.125vw}.school ul li .itemBody>a{border:1px solid #707070;color:#707070;font-size:.85vw;padding:.45vw .65vw;transition:all .25s ease-in-out;width:-moz-max-content;width:max-content}.school ul li .itemBody>a:hover{background-color:#707070;color:#fff}.schoolDetail{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.schoolDetail>.tags{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:.25vw;margin-top:.75vw;position:relative}.schoolDetail>.tags a{color:#c1adad;font-size:.75vw;margin-right:.25vw}.schoolDetail>.title{width:100%}.schoolDetail>.title h1{color:#4a4340;font-size:1.15vw;font-weight:700}.schoolDetail>.title h3{color:#aaa;font-size:.75vw}.schoolDetail>.contents{display:block;margin:1.25vw 0;position:relative;width:35%}.schoolDetail>.contents>h1{color:#716639;font-size:.95vw;padding-bottom:.5vw}.schoolDetail>.contents>ul{align-items:center;background-color:#fffef8;border:3px solid #a79654;border-radius:5px;color:#71601f;display:flex;flex-direction:column;font-size:.8vw;padding:.75vw;position:relative;width:calc(100% - 2.25vw)}.schoolDetail>.contents>ul>li{position:relative;width:100%}.schoolDetail>.contents>ul>li>a{color:#71601f;display:block;padding:.25vw 0}.schoolDetail>.contents>ul>li>ul{color:#71601f;display:flex;flex-direction:column;margin-left:7.5%;position:relative;width:90%}.schoolDetail>.contents>ul>li>ul>li{position:relative;width:100%}.schoolDetail>.contents>ul>li>ul>li>a{color:#71601f;display:block;padding:.25vw 0}.schoolDetail>.txt{margin-top:1.5vw;width:100%}.schoolDetail>.txt *{border:revert;font:revert;font-size:revert;margin:revert;padding:revert;vertical-align:revert}.schoolDetail>.txt ol,.schoolDetail>.txt ul{list-style:revert}.schoolDetail>.txt a{color:#a79654!important;font-weight:700!important}.schoolDetail>.txt iframe{height:30vw;width:100%}.schoolDetail>.share{margin:3.5vw 0 0;width:100%}.schoolDetail>.share ul{display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto;position:relative;width:15%}.schoolDetail>.share ul li{display:flex;justify-content:center;position:relative;width:28.5714285714%}.schoolDetail>.share .btn-fb{background-image:url(/images/icon_fb.svg)}.schoolDetail>.share .btn-line{background-image:url(/images/icon_line.svg)}.schoolDetail>.share .btn-link{background-image:url(/images/icon_sharelink.svg)}.schoolDetail>.share .btn-fb,.schoolDetail>.share .btn-line,.schoolDetail>.share .btn-link{background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:1.4vw;width:1.4vw}.btn-backpage{background-color:#a79654;border:1px solid #a79654;border-radius:50px;color:#fff;display:block;font-size:.85vw;margin:2vw auto 1vw;padding:.25vw .95vw;transition:all .25s ease-in-out;width:-moz-max-content;width:max-content}.btn-backpage:hover{background-color:#fff;border:1px solid #a79654;color:#a79654}@media (max-width:768px){.school{width:100%}.school ul{flex-direction:column;width:95vw}.school ul li{flex-direction:column;margin-bottom:7.5vw;width:100%}.school ul li .img{margin:0 auto 5vw;width:90%}.school ul li .itemBody{margin:0 auto;width:90%}.school ul li .itemBody .txt{margin:0 auto;width:100%}.school ul li .itemBody .txt h1{font-size:4.25vw}.school ul li .itemBody .txt .space{margin:3vw 0}.school ul li .itemBody .txt p{font-size:3vw}.school ul li .itemBody .tags{display:none}.school ul li .itemBody>a{font-size:3vw;margin:4vw auto 0;padding:2vw 3vw}.school ul li .itemBody>a:after{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.school ul li .itemBody>a:hover{background-color:initial;color:initial}.schoolDetail{width:100%}.schoolDetail>.tags{margin-bottom:1vw}.schoolDetail>.tags a{color:#c1adad;font-size:3.5vw;margin-right:.25vw}.schoolDetail>.title{width:100%}.schoolDetail>.title h1{font-size:5vw;font-weight:700}.schoolDetail>.title h3{font-size:3.25vw;margin:.75vw 0 5vw}.schoolDetail>.contents{margin:1.25vw 0 4vw;width:80%}.schoolDetail>.contents>h1{font-size:4.75vw;padding-bottom:1.125vw}.schoolDetail>.contents>ul{font-size:3.95vw;padding:2vw;width:calc(100% - 4vw)}.schoolDetail>.contents>ul>li>a,.schoolDetail>.contents>ul>li>ul>li>a{padding:2vw 0}.schoolDetail>.txt{margin:.5vw 0;width:100%}.schoolDetail>.txt img{width:100%!important}.schoolDetail>.txt iframe{height:50vw}.schoolDetail>.share{margin:4.5vw 0 0;width:100%}.schoolDetail>.share ul{justify-content:center;margin:0 auto;width:45%}.schoolDetail>.share .btn-fb,.schoolDetail>.share .btn-line,.schoolDetail>.share .btn-link{height:8.5vw;width:8.5vw}.btn-backpage{font-size:2.95vw;margin:5vw auto 2.5vw;padding:1.5vw 5vw}}