@charset "utf-8";


















#bottom-fixed{display:block; position:fixed; bottom:10px; right:10px;   z-index:11;}
#bottom-fixed p{font-size:15px; color:#fff; }
#bottom-fixed p i{margin-right:10px;}
#bottom-fixed a{  color:#fff; background:#0d63d4; font-size:15px; display:flex; align-items:center; justify-content:center;   box-sizing:border-box; padding:5px 10px; border-radius:10px; transition:0.3s;}
#bottom-fixed a:hover{background:#000;}
#bottom-fixed a i{margin-right:5px;}


@media all and (min-width:768px){

  #bottom-fixed a{font-size:20px;}

}





#footer{padding:50px 15px; box-sizing:border-box; margin-top:100px; background:#222;;}
#footer>.in{position:relative; max-width:1400px; margin:0 auto; }

#footer .top{ border-top:1px solid #444; padding-top:30px; margin-top:30px; }
#footer .top h1{font-size:14px; }
#footer .top h1 a{color:#fff;  }
#footer .top h1 a span{display:inline-block; margin-left:10px; font-size:11px; color:#ccc; font-weight:300; }

#footer .util{margin-top:20px; }
#footer .util li{margin-right:20px;  }
#footer .util li + li:after{top:40%; transform:rotate(15deg); left:-10px;}
#footer .util li a{color:#aaa;}
#footer .box{position:relative;  line-height:2;}
#footer .box p{color:#aaa;}
#footer .box p b{color:#fff;}
#footer .box p span{margin-right:15px;}
#footer .box strong{display:block; font-weight:normal; color:#aaa;}
#footer .box strong .designed{color:#666; display:inline-block;;}
#footer .box strong .designed a{color:#666;}
#footer .box strong .designed a:hover{text-decoration:underline;}
#footer select{padding:0 20px; min-width:250px; margin-top:40px; height:40px; border:1px solid transparent;; border-radius:0; border:1px solid #444; background:#222; color:#fff;  opacity:0.6;}

@media all and (min-width:768px){

  #footer{padding:70px 20px;  margin-top:150px;}
  #footer .top{display:flex; justify-content:space-between; align-items:center; padding-top:50px; margin-top:50px; }
  #footer .top h1{font-size:17px;}
  #footer .top h1 a{ }
  #footer .top h1 a span{margin-left:15px; font-size:14px;}

  #footer .util{margin-top:0;}

  #footer .box{margin:0; font-size:16px;}
  #footer .box h2{font-size:25px;}
  #footer .box p{}
  #footer .box p span{margin-right:25px;}
  /* #footer .box .designed{display:inline-block; position:absolute; bottom:0; right:0;} */

  #footer select{position:absolute; bottom:0; right:0; margin:0; height:60px; }
}























/**/