@charset "UTF-8";
/*--------------------------------------
	Style Name : Tutorial Style Sheet

program/tutorial
--------------------------------------*/

#main-content .section.date{
background:#e9e9e9;
padding:3px 3px 3px 10px;
}

#main-content .section.history{
background:#e9e9e9;
padding:10px;
text-align: left;
}

#main-content .section.live{
margin: 0 20px 8px;
}

/*workshop*/
#main-content .head1 span{
font-weight:bold;
padding-left:20px;
color:#04049D;
}

#main-content .head1 h4{
	color:#FFF;
	background: #04049D;
	margin: 0 12px 8px;
	padding: 0.4em;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-shadow: none;
}

#main-content .section.line1{
border-bottom:2px dotted #04049D;
border-top:2px dotted #04049D;
padding:3px;
margin-bottom:30px;
}


/*tutorial*/
#main-content .head2 span{
font-weight:bold;
padding-left:20px;
color:#2C947A;
}

#main-content .head2 h4{
	color:#FFF;
	background: #2C947A;
	margin: 0 12px 8px;
	padding: 0.4em;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-shadow: none;
}

#main-content .section.line2{
border-bottom:2px dotted #2C947A;
border-top:2px dotted #2C947A;
padding:8px 3px 8px 3px;
margin-bottom:30px;
}


/*special*/
#main-content .head3 span{
font-weight:bold;
padding-left:20px;
color:#880F76;
}

#main-content .head3 h4{
	color:#FFF;
	background: #880F76;
	margin: 0 12px 8px;
	padding: 0.4em;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-shadow: none;
}

#main-content .section.line3{
border-bottom:2px dotted #880F76;
border-top:2px dotted #880F76;
padding:3px;
margin-bottom:30px;
}


/*session*/
#main-content .head4 span{
font-weight:bold;
padding-left:20px;
color:#AD2750;
}

#main-content .head4 h4{
	color:#FFF;
	background: #AD2750;
	margin: 0 12px 8px;
	padding: 0.4em;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-shadow: none;
}
#main-content .section.line4{
border-bottom:2px dotted #AD2750;
border-top:2px dotted #AD2750;
padding:3px;
margin-bottom:30px;
}


/*intro*/
#main-content .head5 span{
font-weight:bold;
padding-left:20px;
color:#67AF36;
}

#main-content .head5 h4{
	color:#FFF;
	background: #67AF36;
	margin: 0 12px 8px;
	padding: 0.4em;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-shadow: none;
}

#main-content .section.line5{
border-bottom:2px dotted #67AF36;
border-top:2px dotted #67AF36;
padding:8px 3px 8px 3px;
margin-bottom:30px;
}


/*beginner*/
#main-content .head6 span{
font-weight:bold;
padding-left:20px;
color:#838910;
}

#main-content .head6 h4{
	color:#FFF;
	background: #838910;
	margin: 0 12px 8px;
	padding: 0.4em;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-shadow: none;
}

#main-content .line6{
border-bottom:2px dotted #838910;
border-top:2px dotted #838910;
padding:3px;
margin-bottom:30px;
}







/*workshop*/
#main-content .agenda-blue dt{
font-weight:bold;
padding:4px 1px 2px 2px;
margin:4px 0px 0px 0px;
border:1px solid #04049D;
}
#main-content .agenda-blue dt span{
font-weight:bold;
padding:4px 8px 2px 8px;
margin:4px 0.5em 1px 1px;
background:#04049D;
color:#FFF;
}

#main-content .affiliated {
	margin: auto;
	padding: 5px;
	background: #e9e9e9;
	line-height: 100%
}
#main-content .affiliated .section-inner {
	display: flex;
}
#main-content .affiliated h5 {
	margin-bottom: 1em;
}
#main-content .affiliated dl {
	margin: 0 1em 1em;
	width: 50%;
}
#main-content .affiliated dt {
	margin: 0;
	font-weight: bold;
}
#main-content .affiliated dd {
	margin: 0.5em 0 0;
}
@media (max-width: 680px) {
	#main-content .affiliated .section-inner {
		display: block;
	}
}


/*tutorial*/
#main-content .agenda-green dt{
font-weight:bold;
border:1px solid #2C947A;
padding:4px 1px 2px 2px;
margin:4px 0px 0px 0px;
}

#main-content .agenda-green dt span{
font-weight:bold;
background:#2C947A;
padding:4px 8px 2px 8px;
margin:4px 0.5em 1px 1px;
color:#FFF;
}

/*special*/
#main-content .agenda-purple dt{
font-weight:bold;
border:1px solid #880F76;
padding:4px 1px 2px 2px;
}

#main-content .agenda-purple dt span{
font-weight:bold;
background:#880F76;
padding:4px 8px 2px 8px;
margin:4px 0.5em 1px 1px;
color:#FFF;
}


/*session*/
#main-content .agenda-pink dt span{
font-weight:bold;
background:#AD2750;
padding:4px 8px 2px 8px;
margin:4px 0.5em 1px 1px;
color:#FFF;
}
#main-content .agenda-pink dt{
font-weight:bold;
border:1px solid #AD2750;
padding:4px 1px 2px 2px;
}

/*intro*/
#main-content .agenda-lime dt{
font-weight:bold;
border:1px solid #67AF36;
padding:4px 1px 2px 2px;
}
#main-content .agenda-lime dt span{
font-weight:bold;
background:#67AF36;
padding:4px 8px 2px 8px;
margin:4px 0.5em 1px 1px;
color:#FFF;
}

/*beginner*/
#main-content .agenda-yellow dt{
font-weight:bold;
border:1px solid #838910;
padding:4px 1px 2px 2px;
}
#main-content .agenda-yellow dt span{
font-weight:bold;
background:#838910;
padding:4px 8px 2px 8px;
margin:4px 0.5em 1px 1px;
color:#FFF;
}