@charset "big5";
/* CSS Document */
footer { padding-top: 50px; padding-bottom: 80px; }
footer .footer_grid { /* width: 66.6666667%; */ width: 100%; max-width: 1404px; padding: 0 60px; margin: auto; height: 100%; font-size: 14px; }
footer .slogan, footer .slogan-e { max-width: 100%; float: left; width: auto; margin-bottom: 40px; }
footer .foot_cncbi { max-width: 100%; float: right; width: auto; margin-bottom: 40px; }
footer .linkage { /*width: calc(100% - 305px); display: inline-block;*/ }
footer .app_dis { /*width: 300px; display: inline-block;*/ vertical-align: top; }
footer .footer_grid.rights .linkage { width: calc(100% - 305px); display: inline-block; }
footer .footer_grid.rights .app_dis { width: 300px; display: inline-block; vertical-align: top; }
footer .app_dis table td { width: 33%; }
footer .app_dis table a { margin-bottom: 5px; display: block; }
footer .app_dis table img { max-width: 96px; }
footer .divie { width: calc(33.3% - 5px); display: inline-block; vertical-align: top; word-break: break-word; }
footer .linkage h4 { font-weight: 500; margin-top: 0; margin-bottom: 10px; }
footer .linkage a, footer .linkage .mail_props, footer .linkage .tel_props, footer .linkage .inmo_props { font-size: 14px; color: #828282; display: table; margin-bottom: 5px; }
footer .linkage .mail_props { /*	color: #FF5800;*/ }
footer .linkage .mail_props, footer .linkage .tel_props, footer .linkage .inmo_props { padding-left: 37px; position: relative; }
footer .linkage .mail_props:before, footer .linkage .tel_props:before, footer .linkage .inmo_props:before { content: ''; position: absolute; left: 0; top: -6px; width: 29px; height: 29px; background-size: 100%; }
footer .linkage .mail_props:before { background-image: url("../images/email_props.png"); }
footer .linkage .tel_props:before { background-image: url("../images/tel_props.png"); }
footer .linkage .inmo_props:before { background-image: url("../images/inmo_props.png"); }
footer .rights { font-weight: 500; border-top: 1px solid #d9d9d9; padding-top: 25px; padding-bottom: 25px; }
footer .soci { text-align: right; }
footer .soci a { display: inline-block; margin-top: -5px; padding-left: 15px; }
.mx-auto { margin: 20px 0; }

@media screen and (max-width: 1280px) {
footer .footer_grid { /* width: 90%; */ }
}

@media screen and (max-width: 1024px) {
footer .footer_grid { width: 100%; padding: 20px 0px; }
}

@media screen and (max-width: 992px) {
footer { padding-bottom: 150px; }
.mx-auto { margin: 20px auto; }
footer .slogan, footer .slogan-e { max-width: 139px; }
.foot_cncbi { max-width: 139px !important; }
footer .foot_cncbi, footer .slogan, footer .slogan-e { margin-bottom: 20px; }
footer .linkage, footer .app_dis { width: 100%; }
footer .app_dis div { width: 100%; max-width: 750px; margin: auto; }
footer .app_dis table { width: 300px; margin: auto; margin-top: 20px; }
footer .app_dis table img { max-width: 100%; }
footer .divie { width: 100%; max-width: 750px; margin: 0 auto 20px; display: block; }
/*footer .divie:first-child { width: 0%; }*/
footer .divie:nth-child(2) a { display: inline-block; margin-bottom: 5px; width: auto; min-width: 165px; padding-right: 10px; }
.footer_grid.rights { display: flex; flex-direction: column; justify-content: center; }
.footer_grid.rights .linkage { order: 2; margin-top: 20px; text-align: left; width: 100% !important; }
.footer_grid .soci { order: 1; text-align: center; }
.footer_grid .soci a { padding: 0 10px 0 10px; }
footer .footer_grid.rights .app_dis { margin: 0 auto; }
}

@media screen and (max-width: 600px) {
footer .linkage, footer .app_dis table { width: 100%; }
footer .app_dis table { margin-top: 0px; }
footer .app_dis table td { width: 33.3%; display: inline-block; vertical-align: top; margin-top: 20px; }
footer .app_dis table td:first-child { text-align: right; }
footer .app_dis table td:nth-child(2) img { text-align: left; margin: auto; }
footer .divie:nth-child(2) a { /*		min-width: 105px;*/ width: 100%; }
footer .divie { width: 100%; }
footer .app_dis table td img { max-width: 106px; }
footer .app_dis table td.cons img { max-width: inherit; }
footer .app_dis table td.cons { width: 100%; display: block; text-align: center; }
footer .app_dis table a { display: inline-block; margin: 0; }
footer .app_dis table td.cons a:last-child { width: 100%; display: block; text-align: center; }
footer .img-xs-center { margin: 0 auto; }
}