/* BASIC css start */
#ftWrap{ margin: 100px 0 0 0; background:#333333;color:#fff; }
#ftWrap .footer { max-width:1220px; position:relative; margin:0 auto; padding: 40px 0 20px;}
#ftWrap a {color:#fff;}
#ftWrap a font {color:#fff !important;}

.footer_top {padding:0 10px 50px;display:flex;}
.footer_top .ftitle {padding:0 0 10px;font-weight:500;}
.footer_top .ftitle a img {margin-left:15px;}
.footer_top .fwrap {padding:10px 0;}
.footer_top .fwrap p {line-height:20px;}
.footer_top .noticeArea {flex:0 0 50%;}
.footer_top .noticeArea ul {max-width:450px;box-sizing: border-box;padding-right:20px;}
.footer_top .noticeArea li p {line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.footer_top .csArea {flex:0 0 30%;}
.footer_top .csArea a {display: inline-block;margin:15px 35px 0 0;}
.footer_top .csArea a img {margin-left:20px;}
.footer_top .familyArea {flex:0 0 20%;}
.footer_top .familyArea table {line-height:18px;}
.footer_top .familyArea table th {color:#fff;width:70px;vertical-align:top;font-family:'Sansation';text-align:left;}
.footer_top .familyArea table td a {display:block;line-height:20px;}


.footer_bottom {display:flex;padding:15px 10px 0;flex-wrap: wrap;line-height:1.8;}
.footer_bottom .fnav {flex:0 0 50%;}
.footer_bottom .fnav .fline {display:inline-block;margin:0 5px;width:2px;height:10px;background:#fff;vertical-align:middle;}
.footer_bottom .fcompany {flex:0 0 50%;}
.footer_bottom .fcompany .copyright {margin-top:20px;}

.ficon {display:flex;margin:0 auto;padding:5px 15px 30px;align-items:center;text-align:center;flex-wrap: wrap;justify-content:center;background:#333333;}
.ficon li {padding:0 15px;box-sizing: border-box;flex:0 0 auto;}
.ficon li img {max-height:60px;}

br.m {display:none;}


@media (max-width: 1250px) {
    .footer_bottom .fnav {flex:0 0 100%;padding:2vw 0;text-align:center;}
    .footer_bottom .fcompany {flex:0 0 100%;text-align:center;}
}

@media (max-width: 900px) {
    br.m {display:inline;}
    #ftWrap .footer {width:100%;padding:5vw 0 2vw;}
    
    .footer_top {flex-wrap: wrap;padding:0 10vw;}
    .footer_top .csArea {flex:auto;}
    .footer_top .csArea a {display:none;}
    .footer_top .familyArea {flex:0 0 auto;}
    .footer_top .familyArea table {width:auto;}
    .footer_top .ftitle {font-size:14px;}
    .footer_top .noticeArea {display:none;}
    .footer_bottom {padding:15px 10vw;}
    .footer_bottom .fnav,
    .footer_bottom .fcompany {text-align:left;}
    .ficon {padding:0 0 10px;}
    .ficon li {padding:0 10px;}
    .ficon li img {max-height:36px;}
}

@media (max-width: 768px) {
    .footer_bottom .fnav .fline {margin:0 3px;}
}

@media (max-width: 480px) {
    #ftWrap {font-size:11px;}
    .footer_top {padding:0 20px;}
    .footer_top .familyArea table th {width:40px;}
    .footer_bottom {padding:20px;}
    .footer_bottom .fcompany .copyright {font-size:10px;}
}

/* BASIC css end */