@import "reset.css";
@charset "utf-8";
*{
	margin:0;
	padding:0;
	font-family:Microsoft JhengHei;
}
html, body{
	font-size:small;
	overflow: hidden;
}
body{
	background:url(bg.jpg) center center fixed no-repeat;
	background-size:cover;
	-moz-background-size:cover;
}
h1{
	font-size:5vw;
	font-weight:900;
	letter-spacing: 2vw;
	line-height:4.38vw;
	text-align:center;
	margin-top:2vw;
	color:#FFF;
	text-shadow:-2px -2px 2px #555, 1px 1px 2px #666;
	-webkt-text-stroke:3px #000;
}

.scrollbox{
	background:url(bg2.png)center 0 no-repeat;
	background-size:contain;
	width:91.5%;
	height:48vw;
	margin-top:1vw;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	overflow:hidden;
}

.scrollbox ul{
	position:absolute;
	left:4.85vw;
	top:2vw;
	width:90%;
	height:90%;
	
	/*border: 1px solid #E000FF;*/
}
.scrollbox li{
	float:left;
	width:100%;
	height:48vw;
	overflow:hidden;
	padding-top:3vw;
	padding-bottom: 1vw;
	padding-left: 1.2vw;
	
	/*border: 1px solid #23FF01;*/
}
.scrollbox li span{
	float:left;
	width:24vw;
	margin-top: 0.8vw;
	margin-left: 2vw;
	text-align:center;
	
	/*border: 1px solid #3A00FF;*/
}
.scrollbox li span a{
	text-decoration:none;
	color:#5A414D;
	font-weight:800;
}
.scrollbox li span a:hover{
	text-decoration:underline;
	color:#00F;
	font-weight:bold;
}
.scrollbox li span .photo{
	width:21.6vw;
	height:30vw;
}
.scrollbox li span .p1{
	width:21.5vw;
	margin-left: auto;
	margin-right: auto;
	font-size:1.5vw;
	font-weight:700;
	/*text-align:center;*/
	line-height:1.5vw;
	margin-top:0.28vw;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.scrollbox li span .p2{
	font-size:1.2vw;
	font-weight:600;
	color:#00F;
	margin-top:1vw;
}
.scrollbox li span .p3{
	/*text-align:center;*/
	font-size:1vw;
	font-weight:600;
	color:#c30;
	margin-top:1vw;
}