.listing-content{padding-top:70px;padding-bottom:69px}
.listing-content .list-item{display:flex;--columns:2;--gap:36px;max-width:100%;width:100%;flex-wrap:wrap;position:relative;gap:48px 36px;align-content:flex-start}
.listing-content .seminar-item{width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)))}
.seminar-item .item-image{border-radius:6px;overflow:hidden;position:relative;padding-bottom:54.906%}
.seminar-item .item-image img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s}
.seminar-item:hover .item-image img{transform:scale(1.05)}
.seminar-item .title-seminar{margin-top:25px;margin-bottom:7px;font-family:Noto Serif TC}
.seminar-item .seminar-tags{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}
.seminar-item .seminar-tags .seminar-tag{border-radius:2px;padding:4px 20px;background:var(--light-bg,#F6F6F6);color:#033E8C;text-align:center;font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:1.12px}
.seminar-item .seminar-date,
.seminar-item .seminar-location{color:#2E2E2E;font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:0.64px;margin-bottom:4px;position:relative;padding-left:24px}
.seminar-item .seminar-location{color:#4E4E4E;margin-bottom:16px}
.seminar-item .seminar-date svg,
.seminar-item .seminar-location svg{margin:6px 3px 0 0;vertical-align:top;position:absolute;left:0;top:50%;margin-top:-8px}
.seminar-item .seminar-button.btn.btn-primary{padding:10.5px 41px}
.seminar-item .title-seminar a{color:#2E2E2E}
@media only screen and (max-width:767px){.listing-content .list-item{--columns:1;--gap:32px;gap:32px}.listing-content{padding-top:52px;padding-bottom:54px}.seminar-item .item-image{padding-bottom:56.29%}.seminar-item .seminar-location{letter-spacing:1.28px}}.seminar-detail .title-page{text-align:center;border-bottom:1px solid #DBDBDB;font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:1.6px;margin:28px -32px 16px;padding:0 20px 14px}.seminar-detail .container{max-width:837px}.seminar-detail .seminar-info{display:flex;padding:30px 0 30px;gap:25px;align-items:flex-start}.seminar-detail .seminar-info .seminar-image{border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.seminar-info-image{width:100%;max-width:186px;position:relative}.seminar-info-image-inner{padding-bottom:54%;position:relative}
.seminar-detail .seminar-info .seminar-name{font-family:'NSimSun','STSong','SimHei','STHeiti','Marcellus',serif;font-size:28px;font-style:normal;font-weight:500;line-height:38px;letter-spacing:2.24px;margin:0}.seminar-detail .seminar-select{}.seminar-detail .seminar-select p{color:#000;font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:0.64px;margin-bottom:16px}.seminar-detail .seminar-select .seminar-select-content{border-radius:6px;border:1px solid var(--Ocean-Blue,#003FAA);padding:30px 23px 28px}.seminar-detail .seminar-select .seminar-select-content input{display:none}.seminar-detail .seminar-select .seminar-select-content input + label:before{content:'';border-radius:20px;border:1px solid var(--Ocean-Blue,#003FAA);background:#FFF;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:0}.seminar-detail .seminar-select label{font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:0.64px;position:relative;cursor:pointer}.seminar-detail .seminar-select .seminar-select-content input:checked + label:after{content:'';border-radius:20px;background:var(--Ocean-Blue,#003FAA);width:12px;height:12px;position:absolute;top:50%;margin-top:-6px;left:4px}.seminar-detail{padding-bottom:66px}.seminar-detail form{padding:30px 0}.seminar-detail form .form-title{color:#000;font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:0.64px;margin:0 0 17px}.seminar-detail form .field-form{margin-bottom:26px}.seminar-detail form label.form-label{color:var(--black-200,#4E4E4E);text-align:center;font-family:-apple-system,'Helvetica Neue','Arial','PingFang TC','Heiti TC','Microsoft JhengHei',sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:1.28px;margin-bottom:3px}
.seminar-detail form .field-required label.form-label:after{content:'*';color:var(--red,#9D050A);font-weight:500;margin-left:4px}.seminar-detail .btn.btn-primary{margin:3px auto 0;display:table}.seminar-detail .alert{margin:20px 0 0}
.seminar-detail-success #success-message{margin:104px 0 57px}
.seminar-detail-success.section{padding-bottom:302px}.share--list .share--title{font-family:"Noto Sans TC";font-weight:500;font-size:16px;line-height:28px;letter-spacing:0.08em;color:#2E2E2E;margin-top:0;margin-bottom:8px}.share--list .share--item>div{display:inline-block;width:max-content;vertical-align:top;line-height:0;cursor:pointer;position:relative}.share--list .share--item>div:hover svg rect{fill:#02316F}.share--list .share--list-item{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.clipboard .tooltip{visibility:visible;background-color:#042037;color:#fff;text-align:center;padding:15px 90px;position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0px 4px 56.7px 0px rgba(0,0,0,0.1);transition:opacity 0.3s;gap:10px;font-size:16px;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} @media only screen and (max-width:1199px){.seminar-detail .seminar-info{padding:14px 0}.seminar-detail .title-page{padding:0 20px 14px;margin:18px -20px 16px}.seminar-detail .seminar-info{padding:14px 0 24px}}
@media only screen and (max-width:767px){.seminar-detail .seminar-info{padding:14px 0}.seminar-detail .title-page{padding:0 20px 14px;margin:18px -20px 16px}.seminar-detail .seminar-info{flex-wrap:wrap;padding:14px 0 29px}.seminar-detail .seminar-info .seminar-image{max-width:100%}.seminar-info-image{max-width:100%}.seminar-info-image-inner{padding-bottom:56.3%}.seminar-detail .seminar-select{padding:0 0}.seminar-detail .seminar-select .seminar-select-content{padding:17px 20px 16px 23px}.seminar-detail form{padding:30px 0}.seminar-detail form .field-form{margin-bottom:24.5px;width:100%}.seminar-detail .btn.btn-primary{margin:0}.seminar-detail{padding:0}.seminar-detail #success-message{margin:63px 0 31px}.seminar-detail-success.section{padding-bottom:60px}.clipboard .tooltip{padding:15px 30px}}