@import url("mainbanner-flexslider.css");

@charset "utf-8";

article h2{font-weight:700;color:#252525;margin:0.8em auto 0.8em;}
article section{width:100%;margin: auto;}
section h3{font-size:0.8;font-weight:500;color:#252525;margin:1.2em auto 0.8em;padding:10px 15px;background:#f7f7f7;border-radius: 2px;}
section h3 a:hover{text-decoration:underline;}
article h2 span, article h3 span {font-size:0.8em;font-weight:normal;margin-left:10px;}

/*----------------------
	service
-----------------------*/
.service {
	width:100%;
	over-flow:hidden;
}
.service ul{
    width:100%;
    margin:10px 0px 10px 10px;
}
.service ul li{
    width:31.5%;
    float:left;
    margin-right:2%;
    background:linear-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 96%));
    border:1px solid hsl(0, 0%, 85%);
    border-radius: 2px;
    -moz-border-radius:2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    list-style-type:none;
}
.service ul li a{
	display:block;
	width:100%;
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
	font-size:1.1em;
	line-height:2;
	color:#252525;
	}
.service ul li a img{
	display:inline-block;
	vertical-align:middle;
	}
.service ul li a:hover {
    background: linear-gradient(hsl(0, 0%, 96%), hsl(0, 0%, 90%));
}
.service ul li a:visited{
	color:#252525;
	}
.service ul li:last-child{margin-right:0%;}


.games{width:100%;
	    margin:0px auto 20px;
		float:left;}


/* 遊戲精選 */

section dl{
	width:49%;
	float:left;
	margin-right:2%;
	padding-top:20px;padding-bottom:15px;
	border-bottom:#c3c3c3 dotted 2px;
	line-height: 160%;
}
section dl:nth-child(odd){margin-right:0;}

section dt{
	color: #252525;
	padding-top: 5px;
	padding-bottom: 2px;
	display:block;
	font-weight: bold;
	min-height:100%
}
section dt img{
	float: left;
	margin:auto 10px 10px 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 120px;
    width: 120px;
}
section dd{ margin-left:130px;
	color: #212121;
	font-size:1em;
	}
section dd img{
	margin:10px 0;
	}

section dd .app img{
	width:auto;
	height:40px;
	margin-right:10px;
	}
section dd a{
	float:left;
	}

/* dl end */
@media screen and (max-width: 768px){
section dd .app img{
	height:33px;
	}
.service ul li a img {
  height: 48px;
}
}
@media screen and (max-width: 736px){

section dl{
	width:100%;
	float:left;
	}
section dl dd{
	margin-left:130px;}

}
@media screen and (max-width: 485px) {

.service ul li{
	width:100%;
	float:none;
	margin-right:auto;
	margin-bottom:15px;
}
.service ul li a{
	padding-top:10px;
	padding-bottom:5px;
	}
section dd img{
	margin:10px 0 0;
	}
}