@charset "utf-8";
#particles-js{position: absolute;width: 100%;}
/* button */
.fbmu{
	width: 320px;
	height:52px;
	position:absolute;
	top:-5px;
	right:10px;
	z-index:10;
	}
.fbmu div{height:52px;float:left;background-position: 0 0;display:block;cursor:pointer;}	
.fbmu div:hover{background-position: 0 52px;}	
.ac1{width:91px;background-image:url(../images/images/fb_01.png);}		
.dw1{width:95px;background-image:url(../images/images/fb_02.png);}	
.fl1{width:86px;background-image:url(../images/images/fb_03.png);}	
.fb1{width:46px;background-image:url(../images/images/fb_04.png);}	
/* 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: #ff8400;
	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:1rem;
	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;
	padding:15px 0;
	text-align:left;
	overflow:hidden;
	background-color:#0b0b0b;
	}
#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:133px;
	background-image:url(../images/log1.png);	
	}
.ug{
	margin-left: 1rem;
	width:90px;
	background-image:url(../images/log2.png);	
	}

.grading{
	position:absolute;
	width:41px;
	height:42px;
	right:0;
	top:10px;
	background-image:url(../images/15.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;}*/
}