@media (min-width: 1366px) {
    .container {
        max-width: 1280px !important;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1360px !important;
    }
}

@media (max-width: 1439px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 74px;
        margin: 0 0 2px 5px;
    }

    .year-tab-cont.en label {
        width: 138px;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 1366px) {
    .header-misc-nav {
        padding: 31px 0;
    }

    .header .logo {
        float: left;
        margin: 23px 0;
    }

    .main-nav-list li {
        padding: 19px 0;
    }

    .page {
        margin: 147px 0 0 0;
    }

    .page-banner {
        background-size: contain;
        background: url(../images/page-banner.jpg) center center no-repeat;
        height: 120px;
        font-size: 1.85em;
    }

    .page-cont {
        padding: 35px 0 50px 0;
    }

    .subtitle {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
    }

    .en .header-misc-nav {
        padding: 35px 0;
    }
}

@media (max-width: 1365px) {

    /*-影音專區-*/
    .media-list {
        width: 1082px;
    }

    .media-list > li {
        width: 235px;
        margin: 0 16px 25px 16px;
    }

    .media-list > li img {
        width: 235px;
    }

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 70px;
        margin: 0 0 2px 5px;
    }

    .cbl-pop table label {
        margin: 0 0 8px 6px;
        line-height: initial;
    }

    .year-tab-cont.en label {
        width: 173px;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 1202px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 75px;
        margin: 0 0 2px 5px;
    }

    .cbl-pop ul li {
        float: left;
        width: 32%;
    }
}

@media (max-width: 1199px) {
    .charts-wrap .google-visualization-controls-rangefilter {
        width: 82%;
    }

    .rwd-header {
        display: block;
        background: #ffffff;
        width: 100%;
        padding: 18px 2.5%;
        position: relative;
        position: fixed;
        z-index: 9999;
        border-bottom: 2px solid #3ba4e4;
    }

    .header {
        display: none;
    }

    .rwd-nav {
        display: block;
    }

    .rwd-logo {
        width: 230px;
        display: inline-block;
    }

    button#showRightPush {
        margin: 10px 9px;
        float: right;
        cursor: pointer;
        background: none;
        border: 0;
        font-size: 0;
        background: url(../images/rwd_nav_btn.png) 0 0 no-repeat;
        width: 35px;
        height: 27px;
    }

    .index {
        margin: 86px 0 0 0;
    }

    .page {
        margin: 86px 0 0 0;
        float: left;
        width: 100%;
    }

    /*-數據查詢-*/
    .en .cbl-pop ul li {
        float: left;
        width: 100%;
    }

    .resault-tb {
        overflow: scroll;
        width: 100%;
    }

    .year-tab-cont label {
        width: 80px;
        margin: 0 0 2px 5px;
    }

    .year-tab-cont.en label {
        width: 175px;
        margin: 0 0 2px 7px;
    }

    /*-關於我們-*/
    .floatrightimg {
        float: right;
        margin: 8px 0 15px 13px;
        width: 492px;
    }

    /*-網站導覽-*/
    a.sitemap-title {
        padding: 5px 12px;
    }

    .sitemap-lev2 a {
        padding: 0 12px 3px 12px;
    }

    /*-影音專區-*/
    .media-list {
        width: 939px;
    }

    .media-list > li {
        width: 250px;
        margin: 0 30px 25px 30px;
    }

    .media-list > li img {
        width: 250px;
    }

    /*-英文-數據查詢-*/
    .dataquery-pagenav.en a {
        font-size: 0.9em;
        font-weight: bold;
        padding: 6px;
        height: 64px;
        line-height: 25px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .float-thead {
        top: 0;
    }
}

@media (max-width: 1008px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 111px;
        margin: 0 0 2px 5px;
    }
}

@media (max-width: 1004px) {

    /*-數據查詢-*/
    .year-tab-cont.en label {
        width: 174px;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 1000px) {

    /*-數據查詢-*/
    .year-tab-cont.en label {
        width: 171px;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 998px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 110px;
        margin: 0 0 2px 5px;
    }

    .pop-pyramid::after {
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        width: 100%;
        max-width: calc(640px - 112px);
        left: calc(50% - 15px);
        transform: translateX(-50%);
        bottom: 4.2%;
        background-color: #666;
    }
}

@media (max-width: 991px) {
    .charts-wrap .google-visualization-controls-rangefilter {
        width: 88%;
    }

    .dataquery-pagenav {
        display: none;
    }

    .dataquery {
        margin: 23px 0 0 0;
    }

    /*-en數據查詢-*/
    .year-tab-cont.en label {
        width: 154px;
        margin: 0 0 2px 7px;
    }

    .en .year-tab a {
        width: 49.8%;
        float: left;
        padding: 3px 15px;
        color: #585858;
        font-weight: bold;
        background: #ececec;
        margin: 0 1px 0 0;
        background-size: 20px;
        font-size: 0.9em;
    }

    /*-視覺化列表-*/
    .visualize-nav {
        display: none;
    }

    .visualize-nav {
        display: none;
    }

    .webunit-select-wrap {
        display: inline-block;
        width: 100%;
        font-size: 1rem;
        position: relative;
    }

    .webunit-select {
        float: left;
        width: 100%;
        border: 1px solid #ccc;
        padding: 2px 5px;
        background: url(../images/unitselect-arr.png) 98% center no-repeat;
    }

    .webunit-select.active {
        background: url(../images/unitselect-arr2.png) 98% center no-repeat;
    }

    ul.wrbunit-drop.ulfix {
        float: left;
        width: 100%;
        position: absolute;
        top: 40px;
        background: #fff;
        border: 1px solid #ccc;
        border-top: 0;
        display: none;
        z-index: 999;
    }

    ul.wrbunit-drop > li {
        padding: 9px 5px;
        line-height: initial;
        border-bottom: 1px solid #ccc;
    }

    ul.wrbunit-drop > li a,
    .wrbunit-dro-l2 li a {
        color: #333;
    }

    .visualize-cont {
        margin: 15px 0 0 0;
    }

    .visualize-cont-title {
        font-size: 1.35em;
        margin: 0 0 15px 0;
    }

    .wrbunit-dro-l2 > li {
        padding: 9px 5px 9px 22px;
        line-height: initial;
        border-bottom: 1px solid #ccc;
        background: url(../images/unitselect-lev2.png) 11px center no-repeat;
    }

    ul.wrbunit-dro-l2 {
        margin: 0;
        padding: 0;
    }

    /*-數據查詢-*/
    a.dataquery-help {
        top: 30px;
    }

    .dataquery-tab8 {
        margin: 50px 0 0 0;
    }

    .year-tab a {
        width: 33%;
    }

    .environment-title span,
    .age-title span,
    .gender-title span,
    .year-title span {
        width: 33%;
    }

    .cbl-pop ul li {
        float: left;
        width: 49%;
    }

    .year-tab-cont label {
        width: 112px;
        margin: 0 0 2px 5px;
    }

    .dataquery-tab8 a {
        width: 33.3333%;
        padding: 5px 11px;
        text-align: center;
    }

    .dataquery-tab a {
        padding: 6px 0;
    }

    .dataquery-tab a.active {
        color: #fff;
        padding: 9px 0 9px 0;
        margin-top: -6px;
    }

    /*-多圖-*/
    .page-slider-wrap {
        width: 550px;
    }

    .page-slider-thumb img {
        height: 70px;
    }

    /*-關於我們-*/
    .floatrightimg {
        float: right;
        margin: 8px 0 15px 13px;
        width: 410px;
    }

    /*-FAQ-*/
    a.question p,
    .answer {
        width: 94%;
    }

    ul.answer-article li p {
        width: 94%;
    }

    /*-下載專區-*/
    .filesort-cont img {
        width: 39px;
        height: 39px;
    }

    .filesort-cont a {
        margin: 0 -3px;
    }

    /*-相關連結-*/
    .link-tb a p {
        width: 92%;
    }

    /*-列表-*/
    .visual-list a {
        padding: 9px 18px;
        margin: 0 0 18px 0;
    }

    .visual-list a img.list-arr {
        float: right;
        margin: 4px 0;
        width: 24px;
    }

    /*-影音專區-*/
    .media-list {
        width: 675px;
    }

    .media-list > li {
        width: 255px;
        margin: 0 40px 25px 40px;
    }

    .media-list > li img {
        width: 255px;
    }

    /*-視覺畫圖表-*/
    a.visualize-nav-lev1.active {
        background: url(../images/visual-nav-arr2.png) 93% center no-repeat #0088dc !important;
        background-size: 22px !important;
    }

    .visualize-nav > a,
    .visualize-nav-lev2 > a {
        padding: 6px 19px;
        line-height: 25px;
        height: 61px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .visualize-nav > a.visualize-nav-lev1 {
        background: url(../images/visual-nav-arr.png) 93% center no-repeat;
        background-size: 22px !important;
    }
}

@media (max-width: 960px) {

    /*-crumb-*/
    a.crumb-print {
        border-left: 1px solid #aac3e0;
        display: none;
    }

    a.crumb-share {
        border-left: 1px solid #aac3e0;
    }
}

@media (max-width: 768px) {
    .charts-wrap .google-visualization-controls-rangefilter {
        width: 100%;
    }

    /*-數據查詢-*/
    .pop-cont {
        padding: 15px 15px;
    }

    /*-basic-*/
    select {
        width: 100%;
        color: #555;
        border: 1px solid #ccc;
        padding: 0 10px;
        font-size: 0.98rem;
        -webkit-appearance: none;
        border-radius: 0;
        background: url(../images/rwd_select_att.png) 95% center no-repeat #fff;
        font-family: 微軟正黑體;
        /* height: 35px; */
        border-radius: 2px;
    }

    input[type="button"],
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: none;
        font-family: Arial, "微軟正黑體";
    }

    input[type="text"],
    input[type="password"],
    textarea {
        -webkit-appearance: none;
        font-family: Arial, "微軟正黑體";
        border: 1px #ccc solid;
        font-size: 0.98rem;
        border-radius: 2px;
    }

    .subtitle strong {
        font-size: 1.4em;
    }

    .page-banner {
        height: 100px;
    }

    .crumb a.home {
        width: 43px !important;
        border-left: 0;
    }

    a.crumb-share {
        border-right: 0;
    }

    a.crumb-print,
    a.crumb-share {
        text-align: right;
        width: 45px;
    }

    a.crumb-share {
        border-left: 0;
        border-right: 1px solid #aac3e0;
        width: 43px;
    }

    .crumb .crumb-share-drop a img {
        width: 100%;
    }

    .crumb-share-drop {
        width: 43px;
        top: 39px;
        right: 0;
    }

    .crumb .crumb-share-drop a {
        width: 42px;
    }

    /*-數據查詢-*/
    .row1 {
        width: 39%;
    }

    .move-btn-wrap {
        width: 16%;
    }

    .item-forword {
        margin: 0 0 15px 0;
        line-height: 27px;
    }

    .dataquery-tab a {
        padding: 5px 0;
    }

    .dataquery-tab a.active {
        color: #fff;
        padding: 8px 0;
        margin-top: -6px;
    }

    /*-下方兩顆-*/
    a.back,
    a.top {
        padding: 5px 0 5px 20px;
        width: 130px;
        font-size: 1rem;
    }

    a.top {
        background: url(../images/top-icon.svg) 24px center no-repeat #e9f4fb;
        background-size: 18px 18px;
    }

    a.back {
        background: url(../images/back-icon.svg) 19px center no-repeat #e9f4fb;
        background-size: 23px 23px;
        margin-right: 11px;
    }

    /*-網站導覽-*/
    .sitemap-wrap {
        width: 100%;
        margin: 0 0 22px 0;
    }

    /*-影音專區-*/
    .media-list > li {
        width: 230px;
        margin: 0 35px 25px 35px;
    }

    .media-list > li img {
        width: 230px;
    }

    .media-list {
        width: 605px;
    }

    /*-視覺化圖表-*/
    .visualize-remind {
        padding: 10px 15px 0 15px;
        margin: 20px 0;
    }

    .remind-wrap img {
        float: right;
        margin: 0 0 -59px 0;
        width: 115px;
    }

    /*-版型-*/
    .FloatCenterImg a {
        width: 100%;
    }

    .FloatCenterImg {
        max-width: 90%;
        margin: 0 5% 30px 5%;
    }

    .page-date {
        margin: 0 0 10px 0;
    }

    .btn-back {
        width: 120px;
        margin: 60px auto;
        padding: 10px;
        background: #0088dc;
        border-radius: 3px;
        text-decoration: none;
        font-weight: bold;
    }

    .videowrap iframe {
        display: block;
        margin: 0 auto 8px auto;
        width: 100%;
    }

    .page-video-wrap {
        width: 100%;
        margin: 0 auto 20px auto;
        background: #efefef;
        padding: 12px;
    }

    /*-相關連結-*/
    .link-tb a {
        padding: 14px 22px;
    }

    /*--*/
    .filename-cont,
    .filesort-cont {
        padding: 14px 0;
    }
}

@media (max-width: 767px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 21.5%;
        margin: 0 0 2px 5px;
    }

    .year-tab-cont.en label {
        width: 160px;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 754px) {

    /*-數據查詢-*/
    .year-tab-cont.en label {
        width: 156px;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 741px) {
    .year-tab-cont.en label {
        width: 45%;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 727px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 21%;
        margin: 0 0 2px 5px;
    }
}

@media (max-width: 704px) {

    /*-FAQ-*/
    a.question p,
    .answer {
        width: 92%;
    }

    /*-數據查詢-*/
    .year-tab a {
        width: 33%;
        padding: 3px 8px;
        margin: 0 0.2% 1px 0;
    }
}

@media (max-width: 700px) {

    /*-關於我們-*/
    .floatrightimg {
        float: none;
        margin: 0 auto;
        width: 417px;
        display: block;
    }

    .aboutus-cont {
        margin: 5px 0 0 0;
    }

    /*-影音專區-*/
    .media-list {
        width: 100%;
    }

    .media-list > li {
        width: 40%;
        margin: 0 4.5% 25px 4.5%;
    }

    .media-list > li img {
        width: 100%;
    }

    /*-數據查詢-*/
    section.bottom-zone {
        padding: 20px 15px;
    }

    .move-btn-wrap a {
        background: #0088dc;
    }

    .move-btn-wrap a p {
        display: block;
        margin: 0;
    }

    .move-btn-wrap a span {
        display: none;
    }

    .tb-btn a {
        display: inline-block;
        width: 90px;
        margin: 0 0 0 4px;
        padding: 2px 0;
    }

    .dataquery-btn-wrap a {
        width: 110px;
        margin: 0 8px;
        background: #0088dc;
        padding: 3px 0;
    }

    section.tab2-wrap {
        padding: 50px 25px 25px 25px;
    }

    .dataquery-tab2 a {
        width: 50%;
        padding: 5px 25px;
        text-align: center;
    }

    .setting-list {
        margin: 10px 4%;
        padding: 2px 5%;
        font-size: 1em;
    }

    .setting-list input[type="checkbox"] {
        margin-right: 0px;
    }

    .setting-cont {
        padding: 9px 0;
    }

    section.top-zone {
        padding: 20px 15px;
    }

    .row1 {
        width: 100%;
    }

    .setting-zone {
        float: left;
        width: 100%;
        margin: 8px 0;
    }

    .move-btn-wrap {
        width: 100%;
        margin: 22px 0;
        text-align: center;
    }

    .move-btn-wrap a {
        float: none;
        width: 86px;
        padding: 1px 0;
        margin: 0 5px;
        display: inline-block;
        vertical-align: top;
    }

    .setting-zone-title {
        background: #0088dc;
        color: #fff;
        text-align: center;
        padding: 1px 0;
        font-weight: bold;
        float: left;
        width: 100%;
    }
}

@media (max-width: 650px) {

    /*-數據查詢-*/
    section.tab2-wrap {
        padding: 50px 20px 20px 20px;
    }

    .cbl-pop table tr {
        float: left;
        width: 210px;
        margin: 0 5px 8px 0;
    }

    .age-tab-cont,
    .environment-chose {
        float: left;
        width: 100%;
        background: #ffffff;
        padding: 10px 15px;
    }

    .environment-chose ul li,
    .cbl-pop ul li {
        float: left;
        width: 100%;
        margin: 0 0 4px 0;
    }
}

@media (max-width: 645px) {

    /*-FAQ-*/
    ul.answer-article li p {
        width: 92%;
    }
}

@media (max-width: 640px) {

    /*-數據查詢-*/
    .environment,
    .gender {
        float: left;
        width: 100%;
    }

    .gender {
        margin-top: 15px;
    }

    /*-人口金字塔-*/
    .pop-pyramid-male img,
    .pop-pyramid-female img {
        width: 50px !important;
        margin: 0 auto;
    }

    /*-en數據查詢-*/
    .en .year-tab a {
        width: 49.7%;
    }

    /*--*/
    .page-arcitle iframe {
        width: 100%;
    }
}

@media (max-width: 635px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 29%;
        margin: 0 0 2px 5px;
    }
}

@media (max-width: 615px) {

    /*-相關連結-*/
    .link-tb a p {
        width: 90%;
    }
}

@media (max-width: 660px) {

    /*-多圖-*/
    .page-slider-wrap {
        width: 450px;
    }

    .page-slider-thumb img {
        height: 50px;
    }

    .page-slider-nav .slick-prev {
        left: -31px;
        z-index: 9999;
    }

    .page-slider-nav .slick-next {
        right: -31px;
        z-index: 9999;
    }
}

@media (max-width: 600px) {

    /*-頁數-*/
    .pagination span {
        display: none;
    }

    .rwd-pagination {
        display: inline-block !important;
    }

    .pagination {
        font-size: 1rem;
    }

    /*-影音專區-*/
    .media-list > li {
        width: 42%;
        margin: 0 3.5% 25px 3.5%;
    }

    /*-page banner-*/
    .page-banner {
        display: none;
    }

    /*-數據查詢-*/
    .cbl-pop table tr {
        float: left;
        width: 100%;
        margin: 0 0 8px 0;
    }

    .cbl-pop table tr:last-child {
        margin: 0;
    }

    /*--*/
    .ds_download {
        float: right;
        width: 100%;
        margin: 3px 0 0 0;
        text-align: center;
    }

    .ds_download select {
        float: left;
        margin: 0;
        width: 100%;
    }

    .tb-btn a {
        display: inline-block;
        width: 100px;
        margin: 12px 2px 0 2px;
        padding: 1px 0;
        float: none !important;
        font-size: 0.93rem;
    }

    .bzc-memo {
        float: left;
        font-size: 0.95em;
        font-weight: bold;
        width: 100%;
        margin: 7px 0 0 0;
        line-height: 23px;
    }
}

@media (max-width: 599px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 28%;
        margin: 0 0 2px 5px;
    }
}

@media (max-width: 590px) {

    /*-隱私權與資訊安全宣告-*/
    .article-l2 p {
        width: 92%;
    }
}

@media (max-width: 583px) {

    /*-數據查詢-*/
    .year-tab-cont.en label {
        width: 44%;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 577px) {
    .year-tab-cont label {
        width: 45%;
        margin: 0 0 2px 1%;
    }
}

@media (max-width: 565px) {

    /*-en-數據查詢-*/
    .en .environment-chose ul li label,
    .en .cbl-pop ul li label {
        margin: 0 0 0 7px;
        width: 90%;
        line-height: 27px;
        vertical-align: text-top;
    }

    .en .environment-chose ul li input[type="checkbox"],
    .en .cbl-pop ul li input[type="checkbox"] {
        vertical-align: middle;
    }
}

@media (max-width: 535px) {
    .crumb-select-wrap {
        display: none;
    }

    /*-數據查詢-*/

    .tb {
        margin: 0;
    }
}

@media (max-width: 530px) {

    /*-FAQ-*/
    a.question p,
    .answer {
        width: 90%;
    }

    /*-數據查詢-*/
    .year-tab a.active {
        background: #fff;
        background-size: 17px;
    }

    .age-tab a {
        width: 152px;
        padding: 3px 4px;
        background: #ececec;
        margin: 0 1px 0 0;
        font-size: 0.96em;
        background-size: 17px;
    }

    .age-tab a.active {
        background: #ffffff;
        background-size: 17px;
    }

    .year-tab a {
        width: 49.8%;
        padding: 3px 0;
        margin: 0 0.2% 1px 0;
        background: #ececec;
        text-align: center;
    }

    .environment-title span,
    .age-title span,
    .gender-title span,
    .year-title span {
        width: 49.8%;
    }
}

@media (max-width: 513px) {
    .year-tab-cont.en label {
        width: 43%;
        margin: 0 0 2px 7px;
    }
}

@media (max-width: 510px) {

    /*-FAQ-*/
    ul.answer-article li p {
        width: 90%;
    }

    /*-相關連結-*/
    .link-tb a p {
        width: 88%;
    }
}

@media (max-width: 515px) {

    /*-多圖-*/
    .page-slider-wrap {
        width: 380px;
    }

    .page-slider-thumb img {
        height: 61px;
    }

    .page-slider-nav .slick-next {
        right: -28px;
    }

    .page-slider-nav .slick-prev {
        left: -28px;
    }
}

@media (max-width: 504px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 44%;
        margin: 0 0 2px 1%;
    }
}

@media (max-width: 500px) {

    /*-影音專區-*/
    .media-list > li {
        width: 80%;
        margin: 0 10% 22px 10%;
        float: none;
    }
}

@media (max-width: 565px) {

    /*-FAQ-*/
    .qa-wrap {
        padding: 10px 15px;
    }

    /*-下載專區-*/
    .filesort,
    .filesort-cont {
        width: 34.7%;
    }
}

@media (max-width: 480px) {
    .closebtn a img {
        width: 28px;
    }

    .en a.crumb-share {
        border-left: 0;
        border-right: 1px solid #aac3e0;
        width: 43px;
        padding: 10px 12px;
    }

    .page-cont {
        padding: 25px 0 50px 0;
        font-size: 1.06em;
    }

    .crumb a.home {
        width: 45px !important;
        border-left: 0;
    }

    /*-列表-*/
    ul.news-list li strong {
        font-size: 1.2rem;
        margin: 3px 0;
    }

    /*-en數據查詢-*/
    .year-tab-cont.en label {
        width: 90%;
        margin: 0 0 2px 3%;
    }

    /*-拉霸-*/
    .charts-wrap .goog-inline-block span:first-child {
        position: absolute;
        left: 0;
        top: 16px;
    }

    .charts-wrap .goog-inline-block span:last-child {
        position: absolute;
        right: 0;
        top: 16px;
    }

    .charts-wrap .google-visualization-controls-rangefilter {
        white-space: nowrap;
        text-align: center;
        float: left;
        width: 100%;
        padding-bottom: 31px;
    }

    .charts-wrap .google-visualization-controls-rangefilter .google-visualization-controls-label {
        padding-bottom: 0.3em;
        float: left;
        width: 100%;
        text-align-last: center;
        padding: 0;
    }

    .charts-wrap .goog-inline-block {
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        float: left;
        width: 100%;
    }

    .charts-wrap .google-visualization-controls-slider-horizontal {
        border: 0;
        background-color: #fff;
        width: 86%;
        height: 10px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        position: relative;
        float: left;
        margin: 0 7%;
        text-align: center;
    }

    /*-人口金字塔-*/
    .pop-pyramid-male {
        left: 0px !important;
    }

    .pop-pyramid-female {
        right: 0 !important;
    }

    .pop-pyramid-male img,
    .pop-pyramid-female img {
        width: 40px !important;
        margin: 0 auto 2px auto !important;
        display: block;
    }

    /*-找不到頁面-*/
    .not-found img {
        display: inline-block;
        vertical-align: top;
        width: 40px;
    }

    .not-found p {
        font-size: 1.06em;
        line-height: 40px;
    }

    /*-數據查詢-*/
    .environment-title span,
    .age-title span,
    .gender-title span,
    .year-title span {
        font-size: 0.98em;
    }

    .age-tab-cont {
        padding: 15px 15px;
    }

    .bottom-zone-cont {
        padding: 20px 15px;
    }

    .dataquery-tab a.active {
        color: #fff;
        padding: 5px 0;
        margin-top: -4px;
    }

    .dataquery-tab a {
        padding: 3px 0;
        font-size: 1.1em;
    }

    .dataquery-tab8 a {
        font-size: 1rem;
        padding: 4px 0px;
        text-align: center;
    }

    .item-forword {
        font-size: 1.05em;
        margin: 0 0 15px 0;
        line-height: 28px;
    }

    .tb-btn {
        text-align: center;
    }

    .dataquery-tab2 a {
        width: 50%;
        padding: 5px 0;
        text-align: center;
        font-size: 1.06em;
    }

    .age-tab a {
        text-align: center;
        width: 49.5%;
        padding: 2px 4px;
        margin: 0 1px 0 0;
        font-size: 1em;
    }

    .year-tab a {
        width: 49.5%;
        padding: 3px 5px;
        margin: 0 1px 1px 0;
        font-size: 1em;
        text-align: center;
        background: #ececec;
    }

    .year-tab-cont {
        padding: 15px;
    }

    .year-tab-cont label {
        width: 93%;
        margin: 0 0 3px 2%;
        font-size: 1.13em;
    }

    .environment-chose ul li label,
    .cbl-pop ul li label,
    .cb-check-all label {
        margin: 0 0 0 4px;
        font-size: 1.08em;
    }

    .yearselect-wrap span {
        width: 100%;
        text-align: center;
        float: left;
    }

    .yearselect-wrap select {
        width: 100%;
    }

    /*-下方兩顆-*/
    .backtop-wrap {
        text-align: center;
    }

    /*-隱私權-*/
    .privacy-clause-forword {
        margin: 0;
    }

    /*-FAQ-*/
    .answer {
        padding: 0;
        width: 100%;
    }

    /*-報告下載-*/
    .filename-cont p {
        padding: 0 12px;
    }

    .filename,
    .filesort {
        padding: 5px 0;
    }

    .filename-cont,
    .filesort-cont {
        padding: 12px 0;
    }

    .filesort-cont img {
        width: 37px;
        height: 37px;
    }

    .tb-info {
        margin: 0 0 7px 0;
        line-height: 28px;
    }

    /*-頁數-*/
    .pagination {
        margin: 45px 0 0 0;
    }

    .pagination a {
        margin: 0 4px;
    }

    /*-相關連結-*/
    .link-thead {
        padding: 5px 15px;
    }

    .link-tb a {
        padding: 12px 15px;
    }

    .link-tb a img {
        width: 32px;
    }

    /*-列表-*/
    .visual-list a img.list-circle {
        display: none;
    }

    .visual-list a {
        padding: 7px 13px;
        margin: 0 0 15px 0;
    }

    .visual-list a p {
        font-size: 1.12em;
    }

    .visual-list a img.list-arr {
        float: right;
        margin: 5px 0;
        width: 22px;
    }

    /*-下載/連結-*/
    .dz-title img,
    .lz-title img {
        float: left;
        width: 40px;
    }

    .dz-title p,
    .lz-title p {
        float: left;
        line-height: 32px;
        margin: 0 0 0 2px;
        font-weight: bold;
    }

    /*-視覺化列表-*/
    .visualize-cont-title {
        font-size: 1.25em;
        margin: 0 0 15px 0;
        line-height: 27px;
    }

    .visualize-cont {
        padding: 15px;
    }

    .webunit-select.active {
        background: url(../images/unitselect-arr2.png) 96% center no-repeat;
    }

    .webunit-select {
        background: url(../images/unitselect-arr.png) 96% center no-repeat;
    }

    /*-網站導覽-*/
    a.sitemap-title {
        padding: 4px 12px;
        font-size: 1.08em;
    }

    .accessibility {
        padding: 12px 2.5%;
        line-height: 30px;
        margin-bottom: 25px;
        font-size: 0.96em;
    }

    .accessibility p:last-child {
        margin-bottom: 0;
    }

    /*-關於我們-*/
    .floatrightimg {
        width: 100%;
    }

    /*-FAQ-*/
    .qa-wrap {
        padding: 10px 15px;
        line-height: 27px;
        border: 3px solid #efefef;
    }

    a.question,
    .answer {
        font-size: 1rem !important;
    }

    .answer span {
        font-size: 1rem !important;
    }

    .answer > p {
        margin: 0;
    }
}

@media (max-width: 452px) {
    .en .year-tab a {
        width: 49.6%;
        padding: 3px 0.5%;
        font-size: 0.85em;
    }
}

@media (max-width: 450px) {

    /*-隱私權與資訊安全宣告-*/
    .article-l1 p {
        width: 90%;
    }

    .doyouknow-slider .slick-prev,
    .doyouknow-slider .slick-next {
        top: 32%;
    }
}

@media (max-width: 430px) {

    /*-FAQ-*/
    a.question p {
        width: 88%;
    }

    /*-多圖-*/
    .page-slider-wrap {
        width: 320px;
    }

    .page-slider-thumb img {
        height: 43px;
    }

    .page-slider-nav .slick-next {
        right: -25px;
    }

    .page-slider-nav .slick-prev {
        left: -25px;
    }

    .en a.crumb-share {
        border-left: 0;
        border-right: 1px solid #aac3e0;
        width: 43px;
        padding: 11.5px 12px;
    }
}

@media (max-width: 410px) {

    /*-數據查詢-*/
    .year-tab-cont label {
        width: 91%;
        margin: 0 0 3px 2%;
    }
}

@media (max-width: 400px) {

    /*--*/
    .pop-cont ol {
        padding: 0 0 0 20px;
    }

    .pop-cont ul {
        padding: 0 0 0 23px;
    }

    /*-en數據查詢-*/
    .en .year-tab a {
        width: 100%;
        padding: 3px 0.5%;
        font-size: 0.95em;
        border: 0;
        border-bottom: 1px solid #fff;
        margin: 0;
    }

    /*-數據查詢-*/
    .item-forword {
        font-size: 1.03em;
        margin: 0 0 15px 0;
        line-height: 27px;
    }

    .dataquery-pagenav a {
        width: 100%;
        font-size: 1.02em;
        font-weight: bold;
        padding: 3px 0;
    }

    .dataquery-tab a {
        font-size: 1.03em;
    }

    .dataquery-tab2 a {
        font-size: 1.03em;
    }

    .dataquery-btn-wrap a {
        width: 100px;
        margin: 0 3px;
        background: #0088dc;
        padding: 2px 0;
        font-size: 0.9em;
    }

    a.dataquery-help {
        top: 11px;
        right: 20px;
    }

    section.tab2-wrap {
        padding: 50px 15px 15px 15px;
    }

    .environment-title span,
    .age-title span,
    .gender-title span,
    .year-title span {
        width: 100%;
        font-size: 1.05em;
    }

    /*-FAQ-*/
    .qa-wrap {
        padding: 10px;
    }

    /*-下載專區-*/
    .filesort-cont img {
        width: 35px;
        height: 35px;
    }

    /*-相關連結-*/
    .link-tb a p {
        line-height: 25px;
    }

    /*-版型-*/
    .FloatCenterImg {
        max-width: 100%;
        margin: 0 0 15px 0;
    }

    .FloatImgCaption {
        padding: 5px 8px;
    }

    /*-下方兩顆-*/
    a.back,
    a.top {
        padding: 4px 0 3px 20px;
        width: 115px;
        font-size: 0.95rem;
    }

    a.back {
        background: url(../images/back-icon.svg) 14px center no-repeat #e9f4fb;
        background-size: 22px 22px;
        margin-right: 11px;
    }

    a.top {
        background: url(../images/top-icon.svg) 21px center no-repeat #e9f4fb;
        background-size: 17px 17px;
    }

    .doyouknow-slider .slick-prev,
    .doyouknow-slider .slick-next {
        top: 25%;
    }

    /*-數據查詢-*/
    .cbl-pop ul li label {
        display: inline-block;
        width: 88%;
        vertical-align: top;
        line-height: 27px;
    }

    .cbl-pop ul li input[type="checkbox"] {
        line-height: 27px;
        vertical-align: top;
        height: 27px;
    }
}

@media (max-width: 385px) {
    .rwd-header.en a.logo img {
        width: 280px;
    }
}

@media (max-width: 385px) {

    /*-相關連結-*/
    .link-tb a p {
        width: 86%;
    }
}

@media (max-width: 380px) {

    /*-隱私權與資訊安全宣告-*/
    .article-l2 p {
        width: 89%;
    }

    /*-影音專區-*/
    .media-list > li {
        width: 86%;
        margin: 0 7% 22px 7%;
        float: none;
    }

    /*--*/
    .en .webunit-select {
        float: left;
        width: 100%;
        border: 1px solid #ccc;
        padding: 4px 29px 4px 5px;
        background: url(../images/unitselect-arr.png) 96% center no-repeat;
        line-height: 30px;
    }

    .en .webunit-select.active {
        background: url(../images/unitselect-arr2.png) 96% center no-repeat;
    }
}

@media (max-width: 375px) {

    /*-多圖-*/
    .page-slider-wrap {
        width: 270px;
    }

    .page-slider-thumb img {
        height: 69px;
    }

    .page-slider-nav .slick-next {
        right: -27px;
        background-size: 24px;
        top: 56%;
    }

    .page-slider-nav .slick-prev {
        left: -23px;
        background-size: 24px;
        top: 56%;
    }
}

@media (max-width: 372px) {

    /*-下載專區-*/
    .filesort,
    .filesort-cont {
        width: 34.5%;
    }

    .filesort-cont a {
        margin: 0 -5px;
    }
}

@media (max-width: 366px) {
    .en .webunit-select {
        line-height: 22px;
    }

    .en ul.wrbunit-drop.ulfix {
        top: 54px;
    }
}

@media (max-width: 360px) {

    /*-列表-*/
    .visual-list a p {
        width: 89%;
        line-height: 29px;
    }
}

@media (max-width: 345px) {
    .rwd-header.en a.logo img {
        width: 260px;
        margin: 5px 0;
    }

    .en button#showRightPush {
        margin: 12px 6px 12px 0;
        background: url(../images/rwd_nav_btn.png) 0 0 no-repeat;
        width: 28px;
        height: 22px;
        background-size: 31px;
        background-size: 28px;
    }
}

@media (max-width: 340px) {

    /*-FAQ-*/
    ul.answer-article li p {
        width: 88%;
    }

    /*-相關連結-*/
    .link-tb a p {
        width: 84%;
    }

    /*-數據查詢-*/
    .chose-wrap {
        float: left;
        width: 81px;
    }

    /*-en數據查詢-*/
    .en .environment-chose ul li label,
    .en .cbl-pop ul li label {
        margin: 0 0 0 7px;
        width: 88%;
        line-height: 27px;
        vertical-align: text-top;
    }
}

@media (max-width: 325px) {

    /*-視覺化列表-*/
    .remind-wrap p {
        width: 92%;
    }
}

@media (max-width: 322px) {
    .year-tab-cont.en label {
        width: 89%;
        margin: 0 0 2px 3%;
    }
}

@media (max-width: 321px) {
    .year-tab-cont label {
        width: 90%;
        margin: 0 0 3px 2%;
    }
}