@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Caveat+Brush&subset=latin-ext);
@font-face{font-family:'DFPPuDing-TC';src:url('../../fonts/DFPPuDing-TC.ttf') format('truetype'),
url('../../fonts/DFPPuDing-TC.woff') format('woff');
font-weight:normal;
font-style:normal
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
html {
	position: relative;
	min-height: 100%
}
dl,
dd {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top
}
html,
body {
	height: 100%;
	margin: 0
}
body {
	font-family: 'Roboto', Arial, Helvetica, 'Noto Sans TC', Microsoft JhengHei, Heiti TC, sans-serif;
	background-color: #fffcd3;
	font-weight: 300;
	color: #333;
	line-height: 1.5;
	font-size: 7.22px;
	word-break: break-all
}
@media only screen and (min-height: 722px) and (min-width: 722px) {
	body {
		font-size: 1vmin
	}
}
h1 {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	font-size: 3.6em;
	font-weight: 400;
	line-height: 1;
	margin-top: 1em;
	margin-bottom: .5em;
	padding-top: .36em;
	padding-bottom: .36em;
	padding-left: 1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 1em
}
.pink h1,
.pink h2,
.guest-profile.pink h2,
.pink strong,
.pink ul li::before,
.pink ol li::before {
	color: #e72b8a
}
.pink h1 {
	background-image: url(../images/footprint-pink.png)
}
.green h1,
.green h2,
.guest-profile.green h2,
.green strong,
.green ul li::before,
.green ol li::before {
	color: #1db046
}
.green h1 {
	background-image: url(../images/footprint-green.png)
}
.green a:hover img {
	border: 2px solid #1db046
}
.green button {
	color: #1db046;
	border: 2px solid #1db046;
	background-color: rgba(255, 255, 255, 0)
}
.green button img {
	border: none
}
.green button .hover-image {
	display: none
}
.green button:hover {
	color: #fff;
	background-color: #1db046
}
.green button:hover img {
	border: none;
	display: none
}
.green button:hover .hover-image {
	border: none;
	display: inline-block
}
.green a button img,
.green a:hover button img {
	border: none
}
.orange h1,
.orange h2,
.guest-profile.orange h2,
.orange strong,
.orange ul li::before,
.orange ol li::before {
	color: #fa5716
}
.orange h1 {
	background-image: url(../images/footprint-orange.png)
}
.orange a:hover img {
	border: 2px solid #fa5716
}
.orange button {
	color: #fa5716;
	border: 2px solid #fa5716;
	background-color: rgba(255, 255, 255, 0)
}
.orange button img {
	border: none
}
.orange button .hover-image {
	display: none
}
.orange button:hover {
	color: #fff;
	background-color: #fa5716
}
.orange button:hover img {
	border: none;
	display: none
}
.orange button:hover .hover-image {
	border: none;
	display: inline-block
}
.orange a button img,
.orange a:hover button img {
	border: none
}
.brown h1,
.brown h2,
.guest-profile.brown h2,
.brown strong,
.brown ul li::before,
.brown ol li::before {
	color: #a05d33
}
.brown h1 {
	background-image: url(../images/footprint-brown.png)
}
.blue h1,
.blue h2,
.guest-profile.blue h2,
.blue strong,
.blue ul li::before,
.blue ol li::before {
	color: #5bbaea
}
.blue h1 {
	background-image: url(../images/footprint-blue.png)
}
h2,
ul {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	font-size: 2.4em;
	font-weight: 400;
	margin-bottom: 0
}
h2 strong {
	font-weight: normal;
	vertical-align: text-bottom
}
p,
ol {
	font-size: 1.8em;
	text-align: justify;
	margin: 1em 0 0
}
ol ol,
ol p {
	font-size: 1em;
	margin-top: 0
}
ol h2 {
	font-size: 1.5em
}
p strong,
li strong {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	font-weight: normal;
	vertical-align: text-bottom;
	line-height: 1.4em
}
h2+p,
h2+ol {
	margin: .5em 0 0
}
ol,
ul {
	padding-left: 0;
	list-style: none
}
ul {
	margin: 0
}
li {
	padding-left: 1em;
	position: relative
}
ul li {
	color: #575757
}
li::before {
	content: "•";
	display: inline-block;
	position: absolute;
	left: 0;
	top: -.45em;
	height: 2em;
	font-size: 2em
}
li.content-none::before {
	content: none
}
.list-decimal>li {
	margin-top: .5em
}
.list-alpha>li {
	padding-left: 3em
}
.list-decimal>li:first-child::before {
	content: "1."
}
.list-decimal>li:nth-child(2)::before {
	content: "2."
}
.list-decimal>li:nth-child(3)::before {
	content: "3."
}
.list-alpha>li:first-child::before {
	content: "甲‧"
}
.list-alpha>li:nth-child(2)::before {
	content: "乙‧"
}
ol li::before {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif
}
ol.list-decimal>li::before {
	top: 0;
	font-size: 1em;
	font-weight: 700
}
ol.list-alpha>li::before {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	top: 0;
	font-size: 1.5em
}
a:link,
a:visited,
a:hover,
a:active {
	color: #5bbaea
}
a:hover {
	text-decoration: none
}
a img {
	border: 2px solid #e0ddde;
	box-sizing: border-box
}
button {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	color: #fff;
	font-size: 2.7em;
	line-height: 2;
	font-weight: 400;
	margin: 1em 0 0;
	padding: 0 19.49px;
	border-radius: 29.24px;
	cursor: pointer
}
button:active,
button:focus {
	outline: none
}
button img {
	display: inline;
	height: 19.49px !important;
	width: auto !important;
	vertical-align: top;
	margin: 9.75px 0 9.75px 4.87px
}
@media only screen and (min-height: 722px) and (min-width: 722px) {
	button {
		padding: 0 2.7vmin;
		border-radius: 4.05vmin
	}
	button img {
		height: 2.7vmin !important;
		margin: 1.35vmin 0 1.35vmin .675vmin
	}
}
sup {
	vertical-align: text-top;
	color: #808080
}
sub {
	vertical-align: text-bottom;
	font-size: .7em
}
p sub,
li sub {
	color: #808080;
	font-size: .8em
}
.container {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 1.8vmin
}
.container>div {
	text-align: center
}
.container>div img {
	max-width: 90vh;
	width: 100%
}
.container .main-banner {
	background-color: #f0c101
}
.container .content {
	max-width: 79.89vh;
	width: 88.76vw;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10.8vmin;
	border-bottom: 2px solid #e0ddde;
	position: relative;
	top: -8.2em
}
.container .content>div:first-child h1 {
	padding-right: 45%
}
.container .img-footer {
	margin-top: -4.6vmin
}
.guest-list .guest-profile {
	float: left;
	width: 33.33%
}
.guest-list .guest-profile {
	margin-top: 2.4em;
	min-height: 160px;
}
.guest-list .guest-profile .guest-profile-pic {
	margin: 0 16%;
	padding: 5.5%;
	background-size: cover
}
.guest-list .guest-profile h2,
.guest-list .guest-profile sup {
	margin: .3em 5% 0
}
/* .guest-list .guest-profile:first-child .guest-profile-pic {
	margin: 0 24% 0 8%
} */
.guest-list .guest-profile:first-child h2,
.guest-list .guest-profile:first-child sup {
	margin: .3em 10% 0 0;
}
/* .guest-list .guest-profile:nth-child(3) .guest-profile-pic {
	margin: 0 8% 0 24%
} */
.guest-list .guest-profile:nth-child(3) h2,
.guest-list .guest-profile:nth-child(3) sup {
	margin: .3em 0 0 10%
}
.guest-list .guest-profile:nth-of-type(1) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-orange.png);
}
.guest-list .guest-profile:nth-of-type(3) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-brown.png);
}
.guest-list .guest-profile:nth-of-type(4) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-blue.png);
}
.guest-list .guest-profile:nth-of-type(5) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-pink.png);
}
.guest-list .guest-profile:nth-of-type(6) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-pink.png);
}
.guest-list .guest-profile:nth-of-type(7) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-green.png);
}
.guest-list .guest-profile:nth-of-type(8) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-orange.png);
}
.guest-list .guest-profile:nth-of-type(10) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-brown.png);
}
.guest-list .guest-profile:nth-of-type(11) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-blue.png);
}
.guest-list .guest-profile:nth-of-type(12) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-pink.png);
}
.guest-list .guest-profile:nth-of-type(13) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-green.png);
}
.guest-list .guest-profile:nth-of-type(14) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-green.png);
}
.guest-list .guest-profile:nth-of-type(15) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-orange.png);
}
.guest-list .guest-profile:nth-of-type(16) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-brown.png);
}


.guest:nth-of-type(1) .guest-list .guest-profile:nth-of-type(1) .guest-profile-pic {	
	background-image: url(../images/guest-profile-pic-bg-pink.png)
}
.guest:nth-of-type(1) .guest-list .guest-profile:nth-of-type(2) .guest-profile-pic {
	background-image: url(../images/guest-profile-pic-bg-green.png)
}
.guest-list .guest-profile .guest-profile-pic>div {
	border-radius: 50%;
	overflow: hidden
}
.guest-list .guest-profile h2 {
	font-size: 2em;
	line-height: 1.2;
	text-align: center
}
.guest-list .guest-profile h2 sub{
	font-family: 'Roboto', Arial, Helvetica, 'Noto Sans TC', Microsoft JhengHei, Heiti TC, sans-serif;
	font-size: .75em;
	color:#808080;
	font-weight:300;
}
.guest-list .guest-profile sup {
	font-family: 'Roboto', Arial, Helvetica, 'Noto Sans TC', Microsoft JhengHei, Heiti TC, sans-serif;
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	display: block
}
@media only screen and (min-width: 480px) {
	.guest-list .guest-profile h2 br,
	.guest-list .guest-profile sup br {
		display: none
	}
}
.title-list h2{
	width:33.33%;
	display:inline-block;
}
.sponsor-list p {
	margin: -.5em 0 0
}
.sponsor-list sup {
	color: #575757;
	line-height: 1.2;
	text-align: center;
	display: block;
	color: #808080
}
.sponsor-list h2 {
	font-size: 2.3em;
	line-height: 1;
	text-align: center
}
.sponsor-list .sponsor-profile {
	float: left;
	width: 25%
}
.sponsor-list2 .sponsor-profile {
	float: left;
	width: 20%;
	padding: 2% 0% 2% 20%
}
.sponsor-list2 h2 {
	font-size: 2.3em;
	line-height: 1;
	text-align: center
}
.sponsor-list2 sup {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	color: #575757;
	font-size: 1.1em;
	line-height: 1.2;
	text-align: center;
	display: block
}
.partner-list .partner-profile {
	float: left;
	width: 20%;
	padding: 2% 0% 2% 15%
}
.partner-list h2 {
	font-size: 2.3em;
	line-height: 1;
	text-align: center
}
.partner-list img {
	height: 44.57px
}
.partner-list sup {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	color: #575757;
	font-size: 1.4em;
	line-height: 2;
	text-align: center;
	display: block
}
.partner-list sup {
	font-family: 'Caveat Brush', Arial, Helvetica, 'DFPPuDing-TC', Microsoft JhengHei, Heiti TC, sans-serif;
	color: #575757;
	font-size: 1.1em;
	line-height: 1.2;
	text-align: center;
	display: block
}