/* BASIC css start */
#ftWrap {padding:0 0;}

#footer {width:100%; margin-top:100px;}
#footer .section {width:100%; border-top:1px solid #222;  border-bottom:1px solid #e9e9e9; margin:0 auto; height:49px;}
#footer .section .inner {width:1100px; margin:0 auto; height:49px;}
#footer .section .inner ul li {float:left;}
#footer .section .inner ul li a {font-size:13px; color:#777; display:block; line-height:49px; padding:0px 12px; letter-spacing:-0.5px;background-image:url('/design/hnbdome/0699fineday_new/footer_menu_bg.gif'); background-position:0 20px; background-repeat:no-repeat;}
#footer .section .inner ul li a:hover {color:#000;}
#footer .section .inner ul li:first-child a {padding-left:10px;background-image:url('');}
#footer .section .inner .privacy a {color:#000;}

#footer .section1 {width:100%; border-bottom:1px solid #e9e9e9; margin:0 auto; height:300px;}
#footer .section1 .inner {width:1100px; margin:0 auto; padding-top:50px;position:relative;}
#footer .section1 .inner .ft_title {font-size:12px; color:#000; letter-spacing:2px; margin-top:0px; margin-bottom:25px;}

#footer .section1 .inner .f_cs_center {float:left; text-align:left; min-height:220px; border-right:1px solid #e9e9e9; padding-left:10px; padding-right:30px;}
#footer .section1 .inner .f_cs_center .cs_call {background-color:#000; padding:5px 20px;text-align:center; height:30px; line-height:30px; color:#fff; font-size:17px; border-radius:5px; display:inline-block; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
#footer .section1:hover .f_cs_center .cs_call {background-color:#000;-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#footer .section1 .inner .f_cs_center .cs_info {line-height:22px; color:#777; font-size:12px; padding-top:10px; }

#footer .section1 .inner .f_cs_bank {float:left; text-align:left; min-height:220px; border-right:1px solid #e9e9e9; padding-left:30px; padding-right:30px;}
#footer .section1 .inner .f_cs_bank .ft_title {margin-bottom:25px; !important;}
#footer .section1 .inner .f_cs_bank .cs_call {width:175px; text-align:left; height:33px; line-height:32px; color:#222; font-size:14px; display:block; letter-spacing:-0.5px;}
#footer .section1 .inner .f_cs_bank .cs_info {line-height:19px; color:#777; font-size:12px; padding-top:5px; }

#footer .section1 .inner .f_cs_copy {float:left; text-align:left; min-height:178px; padding-left:30px; letter-spacing:-0.9px;}
#footer .section1 .inner .f_cs_copy .cs_call {background-color:#222; width:157px; text-align:center; height:33px; line-height:32px; color:#fff; font-size:23px;  border-radius:5px; display:block; }
#footer .section1 .inner .f_cs_copy .cs_info {line-height:22px; color:#777; font-size:12px; padding-top:0px; }
#footer .section1 .inner .mtag {padding-top:20px;}
#footer .section1 .inner .copyright {color:#777; font-size:12px; padding-top:30px; }
#footer .section1 .inner .left_brand {float:left; width:150px; margin-top:10px; height:26px;font-size:0px; position:relative; }
#footer .section1 .inner .left_brand_list {font-size:11px; height:24px; border:1px solid #dedede; width:125px; border-right:0px; text-align:left; line-height:24px; float:left; text-indent:10px; cursor:pointer; color:#777;}
#footer .section1 .inner .left_brand_btn {float:left; cursor:pointer;}
#footer .section1 .inner #brandmenu {position:absolute; z-index:5555; display:none; width:148px; height:auto; border:1px solid #dedede; border-bottom:0px; background-color:#fff; bottom:25px; left:0px;  text-align:left; text-indent:10px;}
#footer .section1 .inner #brandmenu ul li a {font-size:11px; color:#999; width:148px; height:30px; line-height:30px; border-bottom:1px solid #dedede; display:block; text-decoration:none; }
#footer .section1 .inner #brandmenu ul li a:hover {color:#000; background-color:#fafafa; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#footer .section1 .inner .footer_top {bottom:-43px; right:0px; width:83px; height:42px; position:absolute;}
#footer .section2 {width:100%;border-bottom:1px solid #e9e9e9; padding-bottom:40px;}
#footer .section2 .inner {width:1100px;padding:30px 0;margin:0 auto; position:relative; text-align:center;}
#footer .section2 .inner span {float:left;}
#footer .section2 .inner a {font-size:12px;color:#aaa;display:block;margin-left:10px;}
#footer .section2 .inner a:hover {color:#333;}
#footer .section2 .inner a img {vertical-align:middle;}
#footer .section2 .inner .inicis2, .inicis3 {margin-left:13px;}
#footer .section2 .inner .txt_esc a {height:39px; line-height:39px;}
#footer .section3 {width:1100px; margin:0 auto;padding:50px 0; }
#footer .section3 p {text-align:center;color:#222;font-size:11px;}
#footer .section3 #instafeed {margin:20px auto 0;text-align:center;}
#footer .section3 #instafeed img {text-decoration:none; border:none; width:55px; height:55px;margin:0 2px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#footer .section3 #instafeed img:hover {filter:alpha(opacity=60); opacity:0.6;-moz-opacity:0.6;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;   -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}


.fa select {
 float:right;
 line-height: 30px;
 height: 30px;
 width: 150px !important; 
 margin-top:9px
 }
 
 
*ÇÏ´Ü ¹è³Ê¿µ¿ª*

@media (max-width: 768px) {
  .footer-flex-wrap {
    flex-direction: column;
  }

  .f_cs_center, .f_cs_banner {
    flex: 1 1 100%;
  }

  .f_cs_banner {
    margin-top: 20px;
  }
}

*ÇÏ´Ü ¹è³Ê¿µ¿ª ³¡*
/* BASIC css end */

