@charset "utf-8";

/* *common_rules*
======================== */
h1{
	font-size:32px;
	line-height:1.5em;
	margin-bottom: 10px;
}
h2.little_sec{
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom:1px solid #BBB;
}

/* Modal Dialog
================================*/
	.modal{
		display:none;
	}
	.modal_body{
	    position: fixed;
	    top: 12%;
	    left: 50%;
	    min-height: 400px;
	    width: 630px;
	    margin-left: -315px;
	    z-index: 1000;
	    background: none repeat scroll 0% 0% white;
	    color: black;
	    border-radius: 5px;
	}
		#close_doalog{
			height:60px;
			width:60px;
			float:right;
			background-size:cover !important;
			border: solid 2px #BBB;
			border-radius: 3em;
			-moz-border-radius: 3em;
			-webkit-border-radius: 3em;
			background:#444;
			margin-top:-25px;
			margin-right:-25px;
			cursor:pointer;
		}
		#modal_title{
			font-size:32px;
			margin:25px 20px 0;
			color:#2C539E;
		}
		#modal_desc{
			margin:15px 20px 20px;
			font-size:20px;
			line-height:1.5em;
			min-height:90px;
		}
		.modal_button{
			color:white;
			padding:0px 0px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			width: 80%;
			padding: 20px 0px 15px;
			margin: 18px auto;
			background: #2c539e;
			border: solid 2px #22539e;
		}
			.modal_button_sub{
				text-align:center;
				font-size:18px;
				margin-bottom:0px;
				margin-top:5px;
				line-height: 1.2em;
			}
			.modal_button_main{
				text-align:center;
				font-size:28px;
				font-weight:200;
				margin-bottom:4px;
				line-height: 1.2em;
			}
		#modal_attention{
			margin:15px 20px 20px;
			font-size:20px;
			margin-top: 20px;
			font-weight:bold;
			text-align:center;
			display:none;
		}
	.modal_back{
		position:fixed;
		z-index:999;
		height:100%;
		width:100%;
		background:#000;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-opacity:0.70;
	}	



	/* page_contents
	=========================*/
		/* event_title
		=========================*/
			#event_title{
				margin:0px 0 10px;
				position: relative;
			}
			#event_title div{
				background-position: 50% 30%;
				background-size:cover;
				background-size: 120%;
				height:240px;
			}
			#event_title h1 {
			    position: absolute;
			    top: 20px;
			    width: 88%;
			    padding:15px 20px;
			    color: white;
			    font-size: 28px;
			    font-weight: 100;
			    background: none repeat scroll 0% 0% rgba(0, 0, 125, 0.7);
			}

		/* #event_outline
		============================= */
			#event_outline{
				margin-bottom: 10px;
			}
			/* #v_main
			============================= */
				#v_main{
					float: left;
					width: 54%;
					margin-right:1%;
				}
				/* .eve_info
				============================= */
				    .eve_info {
				        width: 100%;
				        border-collapse: collapse;
				        margin-bottom: 12px;
				        font-size:14px;
				    }
				    .eve_info td, .eve_info th{
				    	padding:12px 5px;
				    	text-align:center;
				    	font-weight:bold;
				    	border:1px solid #BBB;
				    }
				    .eve_info th{
				    	min-width:80px;
				    	background:#333;
				    	color:#FFF;
				    }
				    .eve_info td{
				    	background:#FFF;
				    	max-width:200px;
				    }
				/* .button_decoration
				============================= */
					.fbshare_button,.twshare_button{
						text-align: center;
						width: 50%;
						padding: 15px 0;
					    color: white;
						float: left;
					}
					.fbshare_button{
					    background: #3B5998;
					}
					.twshare_button{
					    background: #00B9F4;
					}
					.join_event{
					    width: 100%;
					    cursor: pointer;
					    padding: 18px 0;
					    color: white !important;
					    font-size: 18px;
					    background: orange;
					    float: left;
					    text-align: center;
					}
			/* #v_side
			============================= */
				#v_side{
					width: 45%;
					float: right;
				}
					#rev_scrll{
						float: right;
						overflow: scroll;
						overflow-x: hidden;
						border: 1px solid #CCC;
						height: 300px;
						width: 100%;
						padding: 5px 0;
					}
					#rev_scrll section{
						margin-bottom: 5px;
					}
					#rev_scrll section img{
						margin: 0 5px;
					}
					#rev_scrll section h3{
						float: left;
						font-size:15px;
						line-height: 1;
						font-weight:100;
						padding:3px 0 5px;
					}
					#rev_scrll section p{
					    font-size: 12px;
					    line-height: 1;
					    color: #999;
					    float: left;
					}

		/* event_description
		=========================*/
			#event_description {
				border: 2px solid #DDD;
				background: #F5F5F5;
				padding: 10px 8px 15px;
			}
			#event_description h1 {
			    font-size: 22px;
			    border-left: 7px solid orange;
			    padding: 2px 10px 2px;
			    font-weight:bold;
			}
			#event_description p{
				font-size: 16px;
				padding: 5px;
			}

			/* Relative Events
			============================== */
				div#relative_event{
					margin-bottom:30px;
				}
				div#relative_event section img{
					height: 180px;
					float: left;
				}
				div#relative_event section{
					margin-bottom: 15px;
				}
				div#relative_event section h3{
					font-size: 18px;
					margin-bottom: 10px;
					line-height:1.2em;
				}
				div#relative_event section p{
					font-size: 15px;
					float: left;
				}
			
	
	/* Parts
	================================== */
		.map a p:after{
			content:">";
			margin:0 10px;
			font-size:18px;
			color:black;
		}
		p.mapnone:after{
			content:none !important;
		}