#quick {}
#quick .overLayer{display: none; z-index:21; width: 80px; height: 27px; box-sizing:border-box; text-align:center;
border:1px solid #333; background-color:#FFF; padding:3px; font-size:13px; letter-spacing: inherit;  border-radius:3px; color:#111  }
#quick .tableLayer ul {padding:0 10px 0 0; margin:0; list-style:none;}
#quick .tableLayer ul li{ padding:2px 0px;}
#quick .tableLayer ul li a{display:block; width:100px; height:100px; background-color:rgba(0,0,0,.9);
border-radius:25%; background-repeat:no-repeat; background-position:50% 18px; color:#fff;
padding: 65px 0 0 0; text-align:center; background-size:50px;}
#quick .tableLayer ul li a span {display:block; font-size:15px; line-height:20px; }
#quick .tableLayer ul li a span.txt2 {font-size:15px; letter-spacing:-0.5px;}
#quick .tableLayer ul li.ico1 a span.txt2 {letter-spacing:-0.3px}
#quick .tableLayer ul li a:hover{background-color:rgba(237,28,36,.8); }
#quick .tableLayer ul li.ico1 a{background-image:url("../img/ico-1.png"); background-color:#e4e4e4; color:#333; font-weight:500;border-right: 1px solid #ccc;}
#quick .tableLayer ul li.ico2 a{background-image:url("../img/ico-2.png"); background-color:#e4e4e4; color:#333; font-weight:500;border-right: 1px solid #ccc;}
#quick .tableLayer ul li.ico3 a{background-image:url("../img/ico-3.png"); background-color:#e4e4e4; color:#333; font-weight:500;border-right: 1px solid #ccc;}
#quick .tableLayer ul li.ico4 a{background-image:url("../img/ico-4.png"); background-color:#e4e4e4; color:#333; font-weight:500;}

#quick .overLayer:before {  content: "";  width: 0px;  height: 0px;  position: absolute;  border-left: 6px solid #333; 
border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -12px; top:7px;}
#quick .overLayer:after { content: ""; width: 0px; height: 0px; position: absolute; border-left: 6px solid #fff;
border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -10px; top:7px;}
#quick #floatMenu {z-index:21; position: fixed;  right: 0px; top: 50%; transform:translate(-0%,-50%);  overflow:hidden;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#quick {display:block;}
#quick #floatMenu {z-index:21; position: fixed; top:auto; transform:translate(-0%,-0%); right: 0px; bottom: 0px;  overflow:hidden; width: 100%;}
#quick .tableLayer ul {float: left;list-style: none; width: 100%;}
#quick .tableLayer ul li{width: 25%; padding:0;float: left;list-style: none;}
#quick .tableLayer ul li a{display:block; width:100%; height:72px; background-color:rgba(0,0,0,.9);
border-radius:0; background-repeat:no-repeat; background-position:50% 28%; center; color:#fff;
padding: 45px 0 0 0; text-align:center; background-size:36px;}
#quick .tableLayer ul li a span {display:block; font-size:123px; line-height:16px; }
#quick .tableLayer ul li a span.txt2 {font-size:12px; }
#quick .tableLayer ul li a span {font-size:12px;}
}

@media (max-width: 768px) {
#quick .tableLayer ul {padding:0 0 0 0; margin:0; list-style:none;}
}

@media (max-width: 640px) {
#quick .tableLayer ul {padding:0 0 0 0; margin:0; list-style:none;}
}

@media (max-width: 480px) {
#quick .tableLayer ul {padding:0 0 0 0; margin:0; list-style:none;}
}

@media (max-width: 320px) {
#quick .tableLayer ul {padding:0 0 0 0; margin:0; list-style:none;}
}