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

body{
	background-color: #000;
}



/*.header{
	position: relative;
	margin-bottom: 5em;
	margin-top: 5em;
}*/


.banner_logo{
	width: 20%;
	margin: auto;
	position: relative;
	margin-bottom: 5em;
	padding-top: 3em;
	
}

.main{
	position: relative;
	align-content: center;
	text-align: center;
	margin-bottom: 5em;
}

/*上層*/
.thumbnail{
	display: block;
	align-content: center;
	border-top-left-radius: 0%;
	width: 100%;
	transition: 0.2s;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
}

.thumbnail:hover{
	border-top-left-radius: 100px;
}

/*下層*/
.thumbnail2D, .thumbnail3D, .thumbnailMixed{
	width: 96%;
	min-width: 250px;
	background-color: #ffffff;
	margin:0 0.7em;
	margin-bottom: 60%;
	position: relative;
	display: inline-block;
}

@media (min-width : 600px ) and ( max-width : 1000px ){
	.thumbnail2D, .thumbnail3D, .thumbnailMixed{
		width: 40%;
		margin-bottom: 25%;
	}
}

@media (min-width : 1000px ){
	.thumbnail2D, .thumbnail3D, .thumbnailMixed{
		width: 30%;
		margin-bottom: 20%;
	}
}

img.thumbnail,.banner_logo{
	width: 100%;
}

.bottom{
	margin-bottom: 5%;
	text-align: center;
}

/*
.thumbnail2D{
	background-color: #ffffff;
}

.thumbnail3D{
	background-color: #ffffff;
}

.thumbnailMixed{
	background-color: #ffffff;
}
*/

/*文字*/
p{
	margin: auto;
	color: white;
	font-family: 'Noto Sans TC', sans-serif;
}