styles.22e1ccfaedad2cd2ac19.css

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html,table,td,th{font-family:"Noto Sans TC",sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;color:transparent}p{line-height:1.6}picture img,picture source{width:100%}.container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 10px;display:flex;flex-flow:row wrap;position:relative}.main-title{box-sizing:border-box;width:100%}.main-title h2{font-size:2.5rem;text-align:center;font-weight:700}#menu-control{position:fixed;top:0;left:-1em;opacity:0}#menu-control:checked~* .main-nav{position:absolute}.main-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-image:linear-gradient(0deg,rgba(255,255,255,.5),#fff)}.main-header .container{align-items:center}.logo{display:flex}@media screen and (max-width:767px){.main-header{position:fixed;width:100%}.logo{align-items:center}}.logo a{display:block;width:60px;padding:6px 0}@media screen and (min-width:768px){.logo{width:120px}.logo a{width:100%}.hb{display:none}}.hb{display:none;width:36px;height:36px;background-color:#000;margin-left:auto}.main-nav{display:flex;justify-content:flex-end;flex:1 0 0px}.main-nav a{padding:10px 20px;color:#000;text-decoration:none;font-size:28px}.section-kv{position:relative;min-height:calc(100vh - 200px);background:url(kv-circle.7004c14d1588a81640fe.svg) center bottom/cover no-repeat}@media screen and (min-width:768px){.section-kv{display:flex;align-items:center;height:100vh;padding:0}.section-kv .container{align-items:center;max-width:1900px}}@media screen and (max-width:767px){.main-nav a{font-size:18px}.section-kv.kv-sec{margin-bottom:100px}.section-kv .kv-txt{width:100%;height:100%;display:flex;flex-flow:column;justify-content:flex-end;order:1;text-align:center;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,0 0 6px #fff}.section-kv .sec-focus span{display:block}}@media(prefers-color-scheme:dark){body{background-color:#333c4b}.section-kv .kv-txt{color:#fff;text-shadow:none}.section-itinerary .item h3{color:#fff}}.section-kv h1{font-size:3rem;font-weight:700;margin-bottom:.3em}@media screen and (min-width:768px){.section-kv .kv-txt{width:100%;flex:0 0 100%;overflow:hidden;margin-right:-50%;z-index:1;padding-left:2em;box-sizing:border-box}.section-kv picture{width:50%}.section-kv h1{font-size:4.5rem}}@media screen and (min-width:992px){.section-kv h1{font-size:8.4375rem}}.section-kv small{font-size:.6em}.section-kv .sec-focus{font-size:1.5rem}@media screen and (min-width:768px){.section-kv .sec-focus{font-size:1.8rem}}@media screen and (min-width:992px){.section-kv .sec-focus{font-size:3rem}}.section-kv .kv-location{font-size:1.4rem;color:red;font-weight:700}@media screen and (min-width:768px){.section-kv .kv-location{font-size:1.6rem}}@media screen and (min-width:992px){.section-kv .kv-location{font-size:2.375rem}}.section-kv .kv-location::before{content:"";width:0;height:0;display:inline-block;border-left:.5em solid red;border-top:.3em solid transparent;border-bottom:.3em solid transparent;margin-right:.4em;position:relative;top:-.1em;left:2px}.section-kv .btn-buy{text-decoration:none;font-size:30px;display:inline-block;padding:10px 30px;border:2px solid red;border-radius:4px;color:red;margin-top:.5em}.section-itinerary{padding:70px 0}.section-itinerary .main-title{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.section-itinerary .content{display:flex}@media screen and (max-width:767px){.section-itinerary .content{flex-flow:wrap}.section-itinerary .item{width:100%}}.section-itinerary picture,.section-itinerary time{order:-1}.section-itinerary time{color:#fff;padding:6px 16px 8px;border-radius:300px}.section-itinerary .item{box-sizing:border-box;margin:0 15px 60px;display:flex;align-items:center;text-align:center;flex-flow:column;color:#707070}@media screen and (min-width:768px){.section-itinerary .item{flex:1 0 0px}.section-ticket{background:url(ticket-cur-bg.7571a4eead3507e17c4f.svg) center center/100% auto no-repeat}}.section-itinerary .item:nth-of-type(1) time{background:#a32f0a}.section-itinerary .item:nth-of-type(2) time{background:#265e59}.section-itinerary .item:nth-of-type(3) time{background:#973d07}.section-itinerary .item h3{font-size:1.5rem;font-weight:700;margin:.8em 0}.section-itinerary .item picture{margin-bottom:10px}.section-ticket{position:relative;display:flex;align-items:center;min-height:60vh;padding:40px 0 100px}.section-ticket .container{padding:0}.section-ticket .container>picture{width:100%}.section-ticket .group{width:100%;display:flex;flex-flow:wrap;justify-content:space-around;align-items:center}.section-ticket .main-title{order:1;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6);width:70%}.section-ticket .main-title h2{margin-bottom:1em}@media screen and (min-width:768px){.section-ticket .group{position:absolute;height:100%}.section-ticket .group .content{width:40%}.section-ticket .main-title{width:30%}}.section-ticket .main-title p{font-size:1.3rem}.section-venue{background:#ecf1f2}.section-venue::before{content:"";display:block;width:100%;height:0;padding-top:10.104166667%;background:url(moon-24.455df953549e038bf9fc.png) center top/cover #fff}.section-venue .container{padding:70px 20px}.section-venue .main-title{margin-bottom:70px;color:#707070}.section-venue .content{width:100%;display:flex;flex-flow:wrap}.section-venue picture{-webkit-filter:grayscale(.7);filter:grayscale(.7);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.section-venue picture:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.section-venue .txt{width:100%}@media screen and (min-width:768px){.section-venue .container{padding:70px 0}.section-venue .content{flex-flow:nowrap}.section-venue .txt,.section-venue a,.section-venue picture{width:50%;margin:0 15px}}.section-venue .txt h3{background:#fff;text-align:center;padding:.5em 0;font-size:1rem;margin-bottom:.4em}.section-venue .txt .item-section{margin-bottom:2em;padding-left:1em;line-height:1.5}.section-venue .txt .building-name,.section-venue .txt .traffic{display:block}.section-venue .txt .building-name::before,.section-venue .txt .traffic::before{content:"";display:inline-block;margin-left:-.6em;margin-right:.4em;vertical-align:middle;width:2px;height:2px;background:#707070}.main-footer{background:#232a34}.main-footer::before{content:"";display:block;width:100%;height:0;padding-top:17.760416667%;background:url(footer-mountain.38ea700d7685dfd6e117.svg) center top/cover #ecf1f2}.main-footer h2{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.main-footer .container{justify-content:center;padding:30px 10px;color:#fff}.main-footer picture{width:120px}.main-footer .footer-txt{margin-left:20px}.main-footer p{padding:.3em}.main-footer .link{color:#fff;text-decoration:none}.main-footer .copyright{display:block}.backTop{width:64px;position:fixed;z-index:99;right:10px;bottom:20px}@media screen and (min-width:768px){.main-footer .copyright{display:inline-block}.backTop{width:128px;right:50px;bottom:50px}}.coc{background-image:linear-gradient(0deg,#ecf1f2 0,rgba(236,241,242,0) 200px)}.coc h1{font-size:32px;border-bottom:1px solid #ccc;padding-bottom:.3em;margin-bottom:1em;font-weight:900}.coc h2{font-size:24px;font-weight:900;margin-top:1.2em;margin-bottom:.8em}.coc h3{font-size:20px;font-weight:900;margin-top:1.2em;margin-bottom:.8em}.coc p{margin-bottom:1.8em}.coc ol{list-style-type:decimal;margin-left:.4em;padding-left:1em;margin-bottom:1em}.coc ul{list-style-type:disc;margin-left:.4em;padding-left:1em;margin-bottom:1.8em}.coc li{line-height:1.6}.coc .signature{text-align:right;padding-top:2em}.coc .signature::before{content:"-";padding-right:.5em}.coc-text{max-width:960px;margin:auto}.agenda{background-image:linear-gradient(0deg,#ecf1f2 0,rgba(236,241,242,0) 200px)}.agenda-list{width:100%}.tab-group{position:relative;margin:auto auto 50px}.tab-group::before{content:"";display:block;position:absolute;top:22px;height:8px;background-color:#707070;width:90%;left:5%}.tab-group .bear-see{content:"";position:absolute;z-index:1;bottom:-36px;width:70px;height:100px;background:url(bear-see.e9550fa444be8d03685b.png) 0 0/auto 100%;transition:none}.tab-group a{padding:10px 20px;color:#fff;text-decoration:none;border-radius:10px;position:relative;background:#265e59}.tab-group a:first-of-type.active~.bear-see{left:78px}.tab-group a:last-of-type{margin-left:80px}@media screen and (min-width:768px){.tab-group{margin:auto auto 80px}.tab-group .bear-see{bottom:-50px;width:100px;height:140px}.tab-group a:first-of-type.active~.bear-see{left:80px}.tab-group a:last-of-type{margin-left:170px}}.tab-group a:last-of-type.active~.bear-see{left:140px;transform:scaleX(-1)}.tab-group a.active{background:#a32f0a}@media screen and (min-width:1200px){.tab-group a:not(.active):hover~.bear-see{background-position:-100px bottom}}.agenda-text{width:100%}.agenda-text h1{font-size:2.6rem;text-align:center}.agenda-section{align-items:center;position:relative;padding:40px 0}.agenda-section time{font-size:1.375rem}@media screen and (max-width:767px){.section-ticket .container>picture{position:absolute;z-index:-1;overflow:hidden}.section-ticket .container>picture img,.section-ticket .container>picture source{width:300%;transform:translateX(-10%)}.agenda-text h1{margin-bottom:1rem}.agenda-section time{position:absolute;background-color:#ccc;padding:10px 20px;top:0;left:-10px}.for-speaker time{background:#fe9641;color:#fff}}@media screen and (min-width:768px){.tab-group a:last-of-type.active~.bear-see{left:200px}.agenda-section{display:flex}.agenda-section::after,.agenda-section::before{background-color:#707070;content:"";position:absolute;left:20%}.agenda-section::before{width:1px;height:100%;top:0}.agenda-section::after{width:10%;height:1px;top:50%}.agenda-section:first-child::before{height:50%;top:50%}.agenda-section:last-child::before{height:50%}.agenda-section time{order:-1;width:15%;text-align:center}.agenda-section time::before{content:"";position:absolute;top:50%;left:20%;width:20px;height:20px;border-radius:50%;z-index:5;background-color:#707070;transform:translate(-50%,-50%)}.agenda-section .speaker{position:absolute;width:20%;right:0;top:0;height:100%;color:#fff;display:flex;align-items:center;justify-content:center}.agenda-section .speaker::before{content:"";position:absolute;left:0;height:400px;width:150%;border-radius:50%}}.for-speaker time::before{background:#fe9641}.for-speaker .speaker::before{background-repeat:no-repeat;background-size:100% 100%;background-position:center center;background-image:linear-gradient(-32deg,#fe9641 45%,transparent 45.1%),linear-gradient(-27deg,#fdaa66 47%,transparent 47.1%),linear-gradient(-27deg,#fe9641 48%,transparent 48.1%),linear-gradient(-10deg,#fdaa66 58%,transparent 58.1%);background-color:#fe9641}@media screen and (max-width:767px){.for-speaker:nth-of-type(2n) time{background:#a5d93d;color:#fff}}.for-speaker:nth-of-type(2n) time::before{background:#a5d93d}.for-speaker:nth-of-type(2n) .speaker::before{background-image:linear-gradient(-32deg,#a5d93d 45%,transparent 45.1%),linear-gradient(-27deg,#b7e068 47%,transparent 47.1%),linear-gradient(-27deg,#a5d93d 48%,transparent 48.1%),linear-gradient(-10deg,#b7e068 58%,transparent 58.1%);background-color:#a5d93d}@media screen and (max-width:767px){.for-speaker:nth-of-type(3n) time{background:#f0c53f;color:#fff}}.for-speaker:nth-of-type(3n) time::before{background:#f0c53f}.for-speaker:nth-of-type(3n) .speaker::before{background-image:linear-gradient(-32deg,#f0c53f 45%,transparent 45.1%),linear-gradient(-27deg,#f4d66f 47%,transparent 47.1%),linear-gradient(-27deg,#f0c53f 48%,transparent 48.1%),linear-gradient(-10deg,#f4d66f 58%,transparent 58.1%);background-color:#f0c53f}@media screen and (max-width:767px){.for-speaker:nth-of-type(4n) time{background:#4cc7d4;color:#fff}}.for-speaker:nth-of-type(4n) time::before{background:#4cc7d4}.for-speaker:nth-of-type(4n) .speaker::before{background-image:linear-gradient(-32deg,#4cc7d4 45%,transparent 45.1%),linear-gradient(-27deg,#7ad7e0 47%,transparent 47.1%),linear-gradient(-27deg,#4cc7d4 48%,transparent 48.1%),linear-gradient(-10deg,#7ad7e0 58%,transparent 58.1%);background-color:#4cc7d4}@media screen and (max-width:767px){.for-speaker:nth-of-type(5n) time{background:#706eb1;color:#fff}}.for-speaker:nth-of-type(5n) time::before{background:#706eb1}.for-speaker:nth-of-type(5n) .speaker::before{background-image:linear-gradient(-32deg,#706eb1 45%,transparent 45.1%),linear-gradient(-27deg,#9795c7 47%,transparent 47.1%),linear-gradient(-27deg,#706eb1 48%,transparent 48.1%),linear-gradient(-10deg,#9795c7 58%,transparent 58.1%);background-color:#706eb1}.agenda-section .speaker{font-size:1.5rem}.agenda-section .speaker span{position:relative}.agenda-section .speaker span::after{content:"";display:block;width:3rem;height:1px;background-color:#fff;margin:.9em auto 0}.agenda-list-content{padding:20px;margin-left:auto;color:#707070;box-shadow:5px 5px 10px rgba(0,0,0,.3)}@media screen and (min-width:768px){.agenda-list-content{border-radius:30px;position:relative;z-index:2;width:70%;overflow:hidden;background-color:#fff}.agenda-list-content h2,.agenda-list-content p{margin-right:21%}}@media(prefers-color-scheme:dark){.section-itinerary .item p{color:#ddd}.agenda-section time{color:#fff}.agenda-list-content{background-color:#666;color:#fff}}.agenda-list-content h2{margin-bottom:.6em;font-size:1.5rem}@media screen and (min-width:768px){.for-time .agenda-list-content{box-shadow:none}}.for-time .agenda-list-content h2{margin-bottom:0}