@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: 3840px) {	
.side{position:fixed;width:130px;height:675px;right:0px;top:60px;z-index:100;}
.side ul li{width:130px;height:130px;float:left;right:-30px;position:relative;border-bottom:0px solid #444;}
}

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



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


#gotop {
 /*go to top btn css*/
   z-index: 6700;
 display: none;
 position: fixed;
 right: 0px;
 bottom: 20px;
 padding-top: 50px;
 padding-bottom:12px;
 font-size: 20px;
 background-color: #0cac00;
 color: white;
 cursor: pointer;
 width: 70px;
 height: 30px;
 text-align: center;
 	background: url("../images/move-up.png") no-repeat 0px 0px;
}