@charset "utf-8";
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    div.editor {word-break: break-all}
    div.editor img {
        width: 100%;
        max-width: 100%;
        height: auto!important;
        border: none
    }
    /*header*/
    .bg-faded {background: none; padding: .5ren 1rem}
    .navbar-light .navbar-brand img {width: 240px !important}
    div.logo {display: none}
    div.freeCall {text-align: center; padding-top: 0}
    /*footer*/
    dl.fLink {font-size: .75rem; margin: 1rem 0; padding: 0}
    dl.footer>dd:last-child {text-align: center}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
    /*header*/
    .bg-faded {background: none; padding: .5ren 1rem}
    .navbar-light .navbar-brand img {width: 240px !important}
    div.logo {display: none}
    div.freeCall {text-align: center; padding-top: 0}
    /*footer*/
    dl.fLink {font-size: .75rem; margin: 1rem 0; padding: 0}
    dl.footer>dd:last-child {text-align: center}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    /*header*/
    .bg-faded {background: none; padding: .5ren 1rem}
    div.logo {display: none}
    div.freeCall {text-align: center; padding-top: 0}
    div.freeCallTitle, div.freeCallNo {display: inline-block}
    /*footer*/
    dl.fLink {font-size: .825rem}
    dl.footer>dd:last-child {text-align: center}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1263px) {
    ul.navbar-nav>li.nav-item {
        font-size: 1.15rem;
    }
    a.navbar-brand {display: none}
    div.freeCall {padding-top: 0}
}
@media (min-width: 1263px) and (max-width: 1350px) {
    img.mainLogo {width: 30% !important}
    img.subLogo {width: 69% !important}
    a.navbar-brand {display: none}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1351px) {
    a.navbar-brand {display: none}
}

/*ios use*/
/*iPhone 4 only Portrait or Landscape 基本上不用太理這支*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    .navbar-light .navbar-brand img {width: 206px !important}
    div.freeCallNo {font-size: 2.25rem}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {}

/*iPhone 5 Portrait or Landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .navbar-light .navbar-brand img {width: 206px !important}
    div.freeCallNo {font-size: 2.25rem}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {}

/*iPhone 6 Portrait or Landscape*/
@media only screen and (device-width : 375px) and (orientation : portrait) {}
@media only screen and (device-width : 667px) and (orientation : landscape) {}

/*iPhone plus 6 Portrait or Landscape*/
@media only screen and (device-width : 414px) and (orientation : portrait) {}
@media only screen and (device-width : 736px) and (orientation : landscape) {}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    a.navbar-brand {display: none}
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
    a.navbar-brand {display: none}
}