@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;}
	img{display:block;float:left;vertical-align:bottom;margin:0;padding:0;border:none;}

	.index_950{width: 950px;height: auto;margin: auto;position: relative;}
	.index_logo{width: 400px;height: 114px; position: absolute;left: 50%;margin-left: -200px;top: 20px; background: url(../event_sogo/images/logo.png);
	animation-duration: 1s;/* 指定秒數*/
    animation-name: logogo;/* 指定跑的動畫名稱*/
    -webkit-animation-duration: 1s; 
    -webkit-animation-name: logogo;
    -moz-animation-duration: 1s;
    -moz-animation-name: logogo;
	}

	.event_sogo .index_1920{background-image: url(../event_sogo/images/index_1920.jpg) ;background-position: top center;background-repeat: no-repeat;background-color: #700bd1;}
	.event_sogo .index_title{width: 165px;height: 167px; position: absolute;top: 0;left: 0;background: url(../event_sogo/images/title.png) no-repeat;}

	.event_makeup .index_1920{background-image: url(../event_makeup/images/index_1920.jpg) ;background-position: top center;background-repeat: no-repeat;background-color: #d20d38;}
	.event_makeup .index_title{width: 165px;height: 167px; position: absolute;top: 0;left: 0;background: url(../event_makeup/images/title.png) no-repeat;}

	.event_eastern .index_1920{background-image: url(../event_eastern/images/index_1920.jpg) ;background-position: top center;background-repeat: no-repeat;background-color: #0eb3d3;}
	.event_eastern .index_title{width: 165px;height: 167px; position: absolute;top: 0;left: 0;background: url(../event_eastern/images/title.png) no-repeat;}



@keyframes logogo{
	0%{
		transform:scale(0);
	}
	50%{
		transform:scale(1);
	}
	60%{
		transform:scale(0.9);
	}
	70%{
		transform:scale(1);
	}
	80%{
		transform:scale(0.9);
	}
	90%{
		transform:scale(1);
	}
}
@-webkit-keyframes logogo{
	0%{
		transform:scale(0);
	}
	50%{
		transform:scale(1);
	}
	60%{
		transform:scale(0.9);
	}
	70%{
		transform:scale(1);
	}
	80%{
		transform:scale(0.9);
	}
	90%{
		transform:scale(1);
	}
}
@-moz-keyframes logogo{
	0%{
		transform:scale(0);
	}
	50%{
		transform:scale(1);
	}
	60%{
		transform:scale(0.9);
	}
	70%{
		transform:scale(1);
	}
	80%{
		transform:scale(0.9);
	}
	90%{
		transform:scale(1);
	}
}
/*浮動選單開始*/
.bar {
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0px;
	z-index: 3;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}
.bar ul {
	width: 950px;
	height: auto;
	margin: auto;
	list-style-type: none;
}
.bar ul li a {
	width: 12%;
	height:auto;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	display: block;
	text-align: center;
	border-right: 1px dashed #787878;
	padding: 1% 1% 1% 1%;
}
.bar ul li a.noline {border-right:none;}	

/*浮動選單結束*/