@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "Microsoft JhengHei";}

/* side */
.side{position:fixed;width:150px;height:675px;right:0;top:150px;z-index:100;}
.side ul li{width:150px;height:150px;float:left;position:relative;border-bottom:0px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "Microsoft JhengHei";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}



#menu-top {
  position: fixed;
  bottom: 42px;
  right: 30px;
  z-index: 700;

}



@media only screen and (max-width: 1920px) {
	
	
	
	.side{position:fixed;width:71px;height:71px;righ:0;top:190px;z-index:100;}
.side ul li{width:80px;height:80px;float:left;position:relative;border-bottom:0px solid #444;}
	

	
}






@media only screen and (max-width: 768px) {
	
	
	
	.side{position:fixed;width:100px;height:100px;righ:0;top:220px;z-index:100;}
.side ul li{width:100px;height:100px;float:left;position:relative;border-bottom:0px solid #444;}
	

	
}