#container { overflow: hidden;}
#container-right { overflow: hidden;}
/*  指定到页面menu的背景色 */
li#event { background-color: #ffcb01; padding: 5px 0 !important; padding: 0;}

#container-right-top { height: 50px; background-color:#ffcb01; color: #FFFFFF; font-size:40px;}


p.eventTitle { text-align: left; margin-left: 20px; font-family:"Century Gothic";}

#info { float: left; width: 520px; text-align: left; background-color: #FFFFFF;}
#form { height: 430px; float: left; width: 200px; background-color: #ebebeb;}

p.event-titles { text-align: left; background-color: #2f2f2f; padding: 2px 0 2px 0; color:#FFFFFF; font-size:16px; font-weight: bold;}
p.event-descriptions { text-align: left; margin-left: 20px; margin-top: 15px; margin-right: 20px; background-color:#2f2f2f; font-size:14px; font-weight: bold; color:#FFFFFF; padding: 5px 0 5px 5px;}
p.event-infos, p.descriptions {text-align: left; margin-left: 20px; margin-top: 5px; margin-right: 20px; font-size:12px;}
p.event-image img { margin-top: 15px;}
p.form { margin-top: 20px; text-align: left;}
table.form { font-size:12px; width: 160px;}
td, input { text-align: left; margin-top: 3px; margin-bottom: 5px;}
span.event-titles { margin-left: 20px;}
p.title-small { font-size: 15px; margin-top: 5px; margin-bottom: 20px; text-align: left; margin-left: 20px;}
p#pdf { margin-top: 15px;}
a.pdf:link, a.pdf:visited { color: #FF0000; text-decoration: none;}
a.pdf:hover { color:#ffcb01;}
input.button { background-color: #ffcb01; padding: 1px;}
p.join-event { font-size:16px; background-color:#666666; text-align: left; padding: 2px 0 2px 0; font-weight: bold;}
span.join-event { margin-left: 20px; color:#FFFFFF;}
span.error { color: #FF0000;}
#msg { color: #FF0000; font-size: 12px;}
img.eventImg { margin-top: 10px;}
#participants { margin-top: 20px;}
table#parti { width: 180px;}
td#part { font-weight: bold; align: left;}
tr#data { font-size: 13px; height: 20px;}

/*  */
#container-left, #container-right
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#container-left, #container-right
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#container-left:before, #container-right:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}

/*  */
#info, #form
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#info, #form
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#info:before, #form:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}