*{padding:0; margin:0; font-family:'Noto Sans TC',Helvetica, Microsoft Jhenghei,'微軟正黑體';}
header{background-image: linear-gradient(to bottom, #12c2e9 , #7d1edc); position:relative; height:56.25vw;}
header img, header h2{position:absolute;}
header img._title{right:5vw; top:10vw; width:40vw;}
header img._KV{left:-5vw; top:8vw; width:55vw;}
header img._KV_bg{left:0; top:3vw; width:55vw;}
header img._europe{right:-2vw; top:-10vw;}
header img._logo{right:5vw; top:40vw; width:30vw;}
header nav a{color:#fff;}
header h2{color:#fff; right:5vw; top:30vw; opacity:.6; font-size:1.5em;}
@media only screen and (max-width:600px){
	header{height:100vw;}
	header img._title{right:5vw; top:20vw; width:90vw;}
	header img._KV{left:-5vw; top:65vw; width:55vw;}
	header img._KV_bg{left:0; top:60vw; width:55vw;}
	header img._europe{right:-2vw; top:-2vw;}
	header img._logo{display:none;}
	header h2{color:#fff; right:5vw; top:60vw; opacity:.6; font-size:1em;}
}
body{position:relative; overflow-x:hidden;}

#navbarNavAltMarkup a{color:#fff; text-align:center; border:#343a40 1px solid; transition:all 1s;}
#navbarNavAltMarkup a:hover{color:#12c2e9; border:#343a40 1px solid; text-shadow:#fff 0 0 5px;}
#navbarNavAltMarkup a.active{color:#12c2e9; border:#12c2e9 1px solid; text-shadow:#000 0 0 5px;}
button.navbar-toggler[type="button"]{border:#12c2e9 1px solid; color:#12c2e9; background:#000; position:relative; height:40px; width:40px;}
button.navbar-toggler[type="button"] span{background:#12c2e9; height:2px; width:28px; transition:all 1s; position:absolute; left:5px; top:8px;}
button.navbar-toggler[type="button"] span:nth-child(1){top:18px;}
button.navbar-toggler[type="button"] span:nth-child(2){top:28px;}
button.navbar-toggler[type="button"]:hover span{background:#fff; transform:rotate(45deg); top:18px;}
button.navbar-toggler[type="button"]:hover span:nth-child(1){width:0; left:20px; transform:rotate(180deg);}
button.navbar-toggler[type="button"]:hover span:nth-child(2){transform:rotate(-45deg); top:18px;}

section{background:#383838; padding-bottom:30px;}
section h2{position:relative; margin-bottom:50px;}
section#_intro{background:#7d1edc; padding:30px;}
section#_agenda{background:#12c2e9;}

section#_agenda h5::after{content:"▼"; display:block; font-size:12px; margin-top:10px; color:#A8F3F7;}
section#_agenda dl{font-size:15px;}
section#_agenda dl dd,section#_agenda dl dt{padding:20px 0; margin:0; border-bottom:#e0e0e0 1px solid; font-weight:normal;}
section#_agenda dl dd>div span{display:block;}
@media only screen and (max-width:600px){
	section#_agenda dl dd>div:nth-child(1), section#_agenda dl dt>div:nth-child(1){color:#7d1edc;}
	section#_agenda dl dd>div span{display:inline-block; margin-right:20px;}
}
section#_speaker{background:#fff;}
section#_venue{background:#7d1edc;}
section#_sponsor{background:#fff;}

section h2::after{content:''; display:block; width:100px; height:3px; background:#fff; transform:rotate(-30deg); right:-100px; position:relative;}
section#_intro h2{color:#7d1edc;}
@media only screen and (max-width:1200px){
	section#_intro h2{color:#12c2e9;}
}
section#_intro h2::after{background:#12c2e9;}
section#_agenda h2{color:#fff;}
section#_speaker h2{color:#7d1edc;}
section#_speaker h2::after{background:#7d1edc;}
section#_sponsor h2{color:#7d1edc;}
section#_sponsor h2::after{background:#7d1edc;}

section#_speaker ul{margin-left:2em; margin-bottom:1em;}
section#_speaker .card{cursor:pointer;}

section#_venue{padding-bottom:0;}
section#_venue ._map{padding:0; margin:-48px 0 0 0;}
section#_venue ._map iframe{border:none;}
section#_venue ul{margin-left:2em; margin-bottom:1em;}

section#_join a{color:#a8a8a8; border:#a8a8a8 1px solid; display:block; padding:10px 20px; margin:auto; margin-top:30px; margin-bottom:30px; width:140px; text-align:center; transition:all 1s;}
section#_join a:hover{text-decoration:none; color:#000; border:#ff0 1px solid; background:#ff0;}