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

/*遊戲分區*/
.game_sort{
	width:920px;
	margin:20px auto;
	position: relative;
	}
.game_sort .game_tip_btn{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 0 5px 0;
	cursor: pointer;
}
.game_sort_title{
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 5px 0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}

/*遊戲分區區塊*/
.game_block{
	background-color:#FFF;
	padding:15px 0;
	font-size:15px;
	}

.game_single{
	display:inline-block;
	height:185px;
	width:202px;
	margin:0 12px;
	position:relative;
	overflow: hidden;
	}
.game_single div{
	display: inline-block;
	width: 200px;
	height: 150px;
	overflow: hidden;
	border:1px solid #000;
}
.game_single div>img{
	width: 100%;
}
.game_single span{
	width:0;
	height:26px;
	position:absolute;
	left:0;
	bottom:0;
	transition:width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
	}

.game_single_hover span{
	width:202px;
	transition:width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
	z-index:1;
	}

.game_single img{
	}

.game_single::after{
	content:"";
	position:absolute;
	width:202px;
	height:152px;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.3);
	transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
	}

.game_single:hover::after{
	content:"";
	position:absolute;
	width:202px;
	height:152px;
	left:0;
	top:0;
	background-color:transparent;
	transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
	}


.game_single p{
    display: block;
    padding: 3px 0 3px 5px;
    margin-top: 5px;
    height: 20px;
    width: 195px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
	transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
	}

.game_single:hover p{
	color:#FFF !important;
	transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
	}

/*粉*/

.game_sort_pink span.game_sort_title{
	border-bottom-color:#fd58ae;
	color:#fd58ae;
	}

.game_sort_pink li.game_single p{
	border-left:3px solid #fd58ae;
	}

.game_sort_pink li.game_single span{
	background-color:#fd58ae;
	}


/*藍*/

.game_sort_blue span.game_sort_title{
	border-bottom-color:#2ea7e0;
	color:#2ea7e0;
	}

.game_sort_blue li.game_single p{
	border-left:3px solid #2ea7e0;
	}

.game_sort_blue li.game_single span{
	background-color:#2ea7e0;
	}


/*黃*/

.game_sort_yellow span.game_sort_title{
	border-bottom-color:#F90;
	color:#F90;
	}

.game_sort_yellow li.game_single p{
	border-left:3px solid #F90;
	}

.game_sort_yellow li.game_single span{
	background-color:#F90;
	}


/*綠*/

.game_sort_green span.game_sort_title{
	border-bottom-color:#0C9;
	color:#0C9;
	}

.game_sort_green li.game_single p{
	border-left:3px solid #0C9;
	}

.game_sort_green li.game_single span{
	background-color:#0C9;
	}

/*深綠*/

.game_sort_darkgreen span.game_sort_title{
	border-bottom-color:#617248;
	color:#617248;
	}

.game_sort_darkgreen li.game_single p{
	border-left:3px solid #617248;
	}

.game_sort_darkgreen li.game_single span{
	background-color:#617248;
	}

/*紫*/

.game_sort_purple span.game_sort_title{
	border-bottom-color:#865f7c;
	color:#865f7c;
	}

.game_sort_purple li.game_single p{
	border-left:3px solid #865f7c;
	}

.game_sort_purple li.game_single span{
	background-color:#865f7c;
	}