@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	list-style-type:none;
	}
a,img {
	outline: none;/* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	}
img, div {border:0px;}
input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none}/*不要縮放*/	
a:link {
	color: rgb(29, 66, 231);
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color: #ff5500;
}
a:hover {
	text-decoration: none;
	color: #ff5500;
}
a:active {
	text-decoration: none;
	color: #ff5500;
}
html {font-size:75%;}
body{
	font-size:1.2rem;
	word-wrap:break-word;
	font-family: Arial,"微軟正黑體",Helvetica,sans-serif;
	}
*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.tas{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
/*Copyright*/
footer{
	position:relative;
	padding:20px 0 17px 0;
	font-size:1rem;
	line-height:1.6rem;
	color:#ffffff;
	background-color:#0b0b0b;
	text-align:center;
	}
#cy{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	}
#cy img{
	display:inline-block;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	}
#cy > div > span,#cy > div{display:block;}
.cy1{position:relative;float:left;width:250px;text-align:left;top:5px;}
.cy2{float:left;width:400px;text-align:left;}
.grf{float:left;color:#706f6f;width:480px;padding: 0 45px 0 0;}
.gameflier,.ug,.aurogon,.grading{
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	}
.gameflier,.ug,.aurogon{
	display:inline-block;
	height:42px;
	margin-bottom:5px;
	overflow:hidden;
	}
.gameflier{
	width:130px;
	background-image:url(../img/log1.png);	
	}
.ug{
	width:104px;
	background-image:url(../img/log2.png);	
	}

.grading{
	position:absolute;
	width:41px;
	height:42px;
	right:0;
	background-image:url(../img/12.png);	
	/*bottom:0; */
	}
/*  */

/*  */
@media only screen and (max-width:1200px){
/*Copyright*/
footer{padding:20px 2% 17px 2%;}
#cy{width:100%;}
#cy > div > span{display:inline;}
.grf{float:none;width:auto; clear:both;padding:5px 45px 0 0;}
.gameflier{margin:0 -0.3% 5px 0;}  
.ug{margin:0 -0.3% 5px -0.3%;}  
.aurogon{margin:0 -0.3% 5px -0.3%;} 
.grading{bottom:0;}
}
@media only screen and (max-width:800px){

}
@media only screen and (max-width:790px){
/*Copyright*/
#cy > div{margin-bottom:0.8%;}
/*#cy span{ padding: 0 45px 0 0;}*/
.grf{font-size:.9rem;line-height:1.4rem; padding-top:5px;}
.grading{bottom:6px;}
}
@media only screen and (max-width:720px){
.cy2{ position:relative;width:100%;}
.grf{ float:none;text-align:left;padding: 0 45px 0 0;}
}
@media only screen and (max-width:560px){
	
.cy1{float:none;width:auto;text-align:center;top:auto;}
}
@media only screen and (max-width:450px){
/*Copyright*/ 
.ug{margin:0 -1.5% 5px -1.5%;}   
}
@media only screen and (max-width:390px){
/*Copyright*/
footer{padding:20px 3% 17px 3%;}
#cy{text-align:center;}
/*#cy > span{ padding:1.5% 13% 0 0;}*/
.grf{padding:1.5% 14% 0 0;}
.gameflier,.ug,.aurogon{height:0;}
.gameflier{
	width:33.04255%;
	padding-bottom:11.1022968%;
	margin:0 -0.3% 1% 0;
	}  
.ug{
	width:43.616177%;
	padding-bottom:11.1022996%;
	margin:0 -1.2% 1% -1.2%;
	} 
.aurogon{
	width:23.526301%;
	padding-bottom:11.10229934831461%;
	margin:0 0 1% -0.3%
	;} 
.grading{
	width:12%;
	height:0;
	padding-bottom:12.292%;/*102.439*/
	bottom:1%;
	}
}
@media only screen and (max-width:360px){
/*Copyright*/
#cy > div{margin-bottom:0%;}
}