@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";.c_red{color:#e94d4e}.c_main{color:#007ab8}.f14{font-size:.875rem}.indexac{position:relative}.meetingsBox{padding:32px 0 64px 0}.meetingsBox .title{font-size:1.5rem;font-family:"Noto Serif SC",serif;font-weight:700;border-left:6px solid #007ab8;padding:0 0 0 12px}@media(max-width: 1023px){.meetingsBox .title{font-size:1.25rem}}.meetingsBox .list{padding:16px 0 72px 0;display:flex;gap:0 32px}@media(max-width: 1023px){.meetingsBox .list{flex-flow:column;gap:24px 0}}.meetingsBox .list li{width:calc((100% - 64px)/3)}@media(max-width: 1023px){.meetingsBox .list li{width:100%}}.meetingsBox .list li a:hover .img img{transform:scale(1.1)}.meetingsBox .list li a:hover .name{color:#007ab8}.meetingsBox .list li a .img{position:relative;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden}.meetingsBox .list li a .img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;transition:transform 1.5s ease-out}.meetingsBox .list li a .img b{padding:2px 12px;background:#007ab8;font-size:.875rem;color:#fff;position:absolute;right:4px;bottom:4px}.meetingsBox .list li a .time{color:#707070;font-size:.9375rem;padding:8px 0 4px 0}.meetingsBox .list li a .name{font-size:1.125rem;font-weight:600;transition:color .15s ease-out}.workshopsBox{background:#007ab8 url(../images/index/bg.png);background-size:100%}.workshopsBox .outBox{padding:64px 20px}.workshopsBox #tab-demo{display:flex}@media(max-width: 1023px){.workshopsBox #tab-demo{flex-flow:column}}.workshopsBox #tab-demo .timelist{display:flex;width:250px;flex-shrink:0;flex-flow:column}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist{width:100%;flex-flow:row wrap;justify-content:space-between}}.workshopsBox #tab-demo .timelist .title{color:#fff;font-size:1.5rem;font-family:"Noto Serif SC",serif;font-weight:700;border-left:6px solid #fff;padding:0 0 0 12px}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist .title{font-size:1.25rem;width:100%;margin-bottom:20px}}.workshopsBox #tab-demo .timelist ul{padding:32px 0 0 18px;display:flex;flex-flow:column;gap:12px;width:178px}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist ul{width:auto;flex-flow:row;padding:0}}.workshopsBox #tab-demo .timelist ul li:last-child{border-bottom:1px solid #fff;padding:0 0 32px 0}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist ul li:last-child{padding:0;border-bottom:0}}.workshopsBox #tab-demo .timelist ul li a{color:#9fdfff;transition:color .15s ease-out}.workshopsBox #tab-demo .timelist ul li a::before{content:"·"}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist ul li a::before{display:none}}.workshopsBox #tab-demo .timelist ul li.active a,.workshopsBox #tab-demo .timelist ul li:hover a{color:#fff}.workshopsBox #tab-demo .timelist p{padding:12px 0 0 18px;width:178px}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist p{padding:0;width:auto}}.workshopsBox #tab-demo .timelist p a{color:#fff;display:flex;align-items:center;justify-content:space-between}@media(max-width: 1023px){.workshopsBox #tab-demo .timelist p a img{margin:0 0 0 12px}}.workshopsBox #tab-demo .rightMain{background:#fff;padding:24px;width:100%}@media(max-width: 1023px){.workshopsBox #tab-demo .rightMain{margin-top:20px}}.workshopsBox #tab-demo .rightMain .tab-inner{display:flex}@media(max-width: 1023px){.workshopsBox #tab-demo .rightMain .tab-inner{flex-flow:column}}.workshopsBox #tab-demo .rightMain .img a{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;width:300px;flex-shrink:0}@media(max-width: 1023px){.workshopsBox #tab-demo .rightMain .img a{width:100%}}.workshopsBox #tab-demo .rightMain .img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.workshopsBox #tab-demo .rightMain .right{display:flex;flex-flow:column;justify-content:space-between;padding:0 0 0 20px;min-height:200px}@media(max-width: 1023px){.workshopsBox #tab-demo .rightMain .right{padding:0}}.workshopsBox #tab-demo .rightMain .right .one .time{color:#707070;padding:16px 0 8px 0}.workshopsBox #tab-demo .rightMain .right .one .time a{font-size:1.125rem}.workshopsBox #tab-demo .rightMain .right .two{color:#007ab8}@media(max-width: 1023px){.workshopsBox #tab-demo .rightMain .right .two{padding:12px 0 0 0}}.workshopsBox #tab-demo .rightMain .right a{transition:color .15s ease-out}.workshopsBox #tab-demo .rightMain .right a:hover{color:#007ab8}.apecBox{padding:64px 0 0 0}.apecBox .title{color:#007ab8;font-size:1.5rem;font-family:"Noto Serif SC",serif;font-weight:bolder;text-align:center}.apecBox .titles{padding:16px 0 32px 0;font-size:2rem;font-family:"Noto Serif SC",serif;font-weight:bolder;text-align:center}@media(max-width: 1200px){.apecBox .titles{font-size:1.5rem}}.apecBox ul{display:flex;flex-flow:row wrap;gap:16px;padding:32px 0 0 0}.apecBox ul li{width:calc(50% - 8px);position:relative;font-weight:bolder;padding:0 0 2px 26px}@media(max-width: 1023px){.apecBox ul li{width:100%;padding:0 0 2px 20px}}.apecBox ul li::before{content:"";width:10px;height:10px;background:#007ab8;position:absolute;left:0;top:7px}@media(max-width: 1023px){.apecBox ul li::before{top:10px}}.apecBox ul li b{border-bottom:3px solid #191916;line-height:1.75}
/*# sourceMappingURL=index.css.map */