.page .container {
    width: 90%;
    margin: 0 auto;
}
/* 1600 */
@media (max-width:1600px) {
    .page {
        margin: 0;
    }

    aside.page-side {
        display: none;
    }

    section.page-main {
        float: right;
        width: 100%;
    }

    .container {
        max-width: 90% !important;
        margin: 0 auto;
    }

    .fast-link {
        display: none !important;
    }

    .index-cont {
        margin-top: 0px;
    }

    .header .header-misc {
       display: none;
    }

    .rwd-header {
        display: block;
        background: #ffffff;
        width: 95%;
        padding: 20px 2.5%;
        position: relative;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .header {
        display: none;
    }

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

    .rwd-logo a {
        width: 100%;
        display: block;
    }

    .rwd-logo a img {
        width: 100%;
        display: block;
    }

    .rwd-nav {
        display: block;
    }

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

/* 1440 */
@media (max-width:1440px) {
    .header .container {
        max-width: 96%;
        margin: 0 auto;
    }

    .main-nav .container {
        max-width: 100%;
        margin: 0 auto;
    }
}

/* 1440 end */


/* 1366 */
@media (max-width:1366px) {
    .header .container {
        max-width: 1200px !important;
        margin: 0 auto;
    }

    .right-cont {
        width: 100%;
        float: left;
    }

    .sub-menu {
        width: 100% !important;
    }

    section.data {
        background: url(../images/data-bg.png) top center repeat-y;
        margin: 25px 0 0 0;
        padding: 200px 0 250px 0;
        width: 100%;
        float: left;
        background-size: cover;
    }

    .renewal-case-slider-wrap {
        width: 1080px;
    }

    .content-inner {
        width: 90%;
    }

    ul.course-pic-list {
        width: 1200px;
    }

    ul.course-pic-list li {
        width: 350px;
    }

    .course-pic img {
        width: 350px;
        height: 117px;
    }
}

/* 1366 end */


/* 1280 */
@media (max-width:1280px) {

    .index-kv .banner-txt img {
        width: 50%;
    }

    .banner-word img {
        width: 420px !important;
    }

    .renewal-section1-pic-bg {
        left: -150px;
    }

    .renewal-case-slider-wrap {
        width: 96%;
    }

    .renewal-section1-pic {
        width: 35%;
    }

    .renewal-section1-pic img {
        width: 100%;
    }

    ul.course-pic-list {
        width: 1100px;
    }

    ul.course-pic-list li {
        width: 500px;
    }

    .course-pic img {
        width: 500px;
        height: 167px;
    }
}

/* 1280 end */


/* 1230 */
@media (max-width:1230px) {

    .inner,
    .inner2 {
        width: 94%;
        margin: 0 auto;
    }

    .fat-footer .title,
    .fat-footer .title a {
        font-size: 1.188em;
    }

    .s1-inner {
        max-width: 90%;
    }

    .case-search-list,
    .search-result {
        width: 100%;
        max-width: none;
    }

    ul.course-pic-list {
        width: 1000px;
    }

    ul.course-pic-list li {
        width: 450px;
    }

    .course-pic img {
        width: 450px;
        height: 150px;
    }

    .case-search-list li {
        margin: 10px 0 30px 0;
    }

    .case-search-list select {
        width: 100%;
        margin-top: 10px;
    }
}

/* 1230 end */


/* 1199 */
@media (max-width:1199px) {
    .main-nav-list.en li a {
        font-size: 0.813em;
        /* white-space: normal; */
    }

    .c1-cont span {
        float: left;
        width: 100%;
        margin-bottom: 12px;
    }
}

/* 1199 end */


/* 1180 */
@media (max-width:1180px) {
    .container {
        max-width: 960px !important;
        margin: 0 auto;
    }

    .housing-section1,
    .housing-section2,
    .housing-section3 {
        padding: 0;
    }

    .housing-section2 {
        padding: 0;
    }

    .housing-section2-txt {
        width: 55%;
        padding: 50px 0 15px 0;
    }

    .housing-section2-pic {
        float: right;
        width: 45%;
        margin: 60px 0 80px 0;
    }

    .housing-section1-btn {
        text-align: center;
        margin: 0 0 30px 0;
    }

    .housing-section1-btn a {
        margin-right: 0;
    }

    .main-nav-list > li > a {
        /* padding: 0 10px; */
        font-size: 1.125em;
    }

    .renewal-map {
        float: none;
        margin: 0 auto;
    }

    .renewal-search {
        float: none;
        width: 100%;
    }
}

/* 1180 end */


@media (max-width:1100px) {
    .page {
        margin: 0;
    }

    aside.page-side {
        display: none;
    }

    section.page-main {
        float: right;
        width: 100%;
    }

    .container {
        max-width: 90% !important;
        margin: 0 auto;
    }

    .fast-link {
        display: none !important;
    }

    .index-cont {
        margin-top: 0px;
    }

    .rwd-header {
        display: block;
        background: #ffffff;
        width: 95%;
        padding: 20px 2.5%;
        position: relative;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .header {
        display: none;
    }

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

    .rwd-logo a {
        width: 100%;
        display: block;
    }

    .rwd-logo a img {
        width: 100%;
        display: block;
    }

    .rwd-nav {
        display: block;
    }

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

    section.data {
        padding: 200px 0 250px 0;
    }

    .newcase-cont img {
        width: 97%;
    }

    .banner-word img {
        width: 350px !important;
    }

    .housing-section.level2 {
        padding: 0;
    }
}

@media (max-width:1090px) {
    .fat_footer img {
        width: 90%;
    }

    .index_kv .slick-prev,
    .index_kv .slick-next {
        top: 45%;
        width: 5%;
        height: 80px;
    }

    ul.course-pic-list {
        width: 800px;
    }

    ul.course-pic-list li {
        width: 350px;
    }

    .course-pic img {
        width: 350px;
        height: 117px;
    }
}

@media (max-width:1080px) {
    .s3-cont img {
        width: 170px;
        margin: 0 auto;
    }

    .footer-mark {
        float: left;
        margin: 20px 0 0 0;
        width: 100%;
        text-align: left;
    }

    .footer-mark li {
        margin: 0;
    }
}

@media (max-width:1024px) {
    .tb-cont {
        padding: 35px 4%;
    }

    a.q {
        position: absolute;
        right: 4%;
        top: 43px;
    }

    ul.tab li.current {
        background: #fff;
        color: #3b55dd;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #4f5dca;
        border-bottom: 0;
        margin: 0 15px -1px 0;
        padding-bottom: 26px;
        background: url(../images/close-icon.png) 91% 12px no-repeat #fff !important;
        background-size: 25px !important;
    }

    ul.tab li {
        border-radius: 30px;
        display: inline-block;
        width: 180px;
        vertical-align: top;
        color: #fff;
        padding: 11px 15px 11px 20px;
        text-align: left;
        margin-right: 15px;
        font-size: 1em;
        font-weight: bold;
        background: url(../images/add-icon.png) 91% center no-repeat #3b55dd;
        cursor: pointer;
        background-size: 25px;
    }

    .row.page-cont {
        margin: 20px 0 60px 0;
    }

    .page-cont .col-sm-3 {
        display: none;
    }

    .page-cont .col-sm-9 {
        padding: 0 !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }

    .page {
        margin: 0;
    }

    .index-cont-en {
        margin-top: 0px;
    }

    .sitemap_container .SiteMap_Section ul.SiteMapList {
        width: 28.5%;
    }
}

@media (max-width:990px) {
    .s3-cont img {
        width: 150px;
        margin: 0 auto;
    }

    .footer-nav ul li:first-child {
        border-left: none;
    }

    .footer-nav.enfn ul li {
        width: 100%;
        /* line-height: 20px !important; */
    }

    .footer-content ul li {
        white-space: initial;
    }

    .cs-role {
        width: 210px;
        /* margin: 0 0 -50px 0; */
        position: absolute;
        top: -185px;
        z-index: 99;
        left: 8px;
    }

    .footer-content-info.col-12.col-sm-6.col-lg-8 {
        max-width: 100% !important;
        margin: 0 0 27px 0;
        text-align: center;
        width: 100% !important;
        flex: initial;
    }

    ul.footer-mark.ulfix.col-6.col-lg-4 {
        width: 100%;
        max-width: 100%;
        flex: initial;
        text-align: center;
    }

    .footer-nav {
        width: 100%;
        text-align: center;
        font-size: 0.95em;
        line-height: 15px;
        display: inline-block;
    }

    .fat-footer {
        background-size: contain;
    }

    .search-result {
        width: 100%;
        max-width: 100%;
    }

    .renewal-section1-pic-bg {
        width: 50%;
    }

}

@media (max-width:900px) {
    .banner-word img {
        width: 280px !important;
    }

    .renewal-section1-txt {
        font-size: 1.250em;
        line-height: 40px;
        width: 100%;
        float: none;
        padding: 50px 0 0 0;
        margin: 0;
        font-weight: bold;
    }

    .renewal-section1-pic {
        display: none;
    }

    .housing-download-list li {
        width: 100%;
    }

    .housing-table {
        width: 600px;
    }

    .pay-form-content input[type='text'] {
        float: none;
    }

    .form-remind {
        display: block;
        padding: 7px 0;
        width: 100%;
    }

    .renewal-case-list .slider {
        margin: 20px 15px;
        width: calc(100% / 2 - 30px - 12px);
    }

    .renewal-case-name {
        font-size: 1.15em;
    }

    .page-article .renewal-intro-right,
    .page-article .renewal-intro-left {
        float: none;
        width: 96%;
        margin: 0 auto;
    }

    .page-article .renewal-intro-pic img {
        display: block;
        width: 100%;
        max-width: none;
        display: block;
    }

    .page-article .renewal-intro-left {
        margin-bottom: 20px;
    }
}

@media (max-width:860px) {
    ul.course-pic-list {
        width: 650px;
    }

    ul.course-pic-list li {
        width: 270px;
    }

    .course-pic img {
        width: 270px;
        height: 90px;
    }

    .course-title {
        font-size: 1.2em;
        height: 77px;
    }
}

@media (max-width:830px) {
    .step-next img {
        margin: 0 20px;
    }
}

@media (max-width:820px) {
    .s3-cont img {
        width: 125px;
        margin: 0 auto;
    }

    .housing-section-pic {
        width: 90%;
    }
}

@media (max-width:800px) {
    .c1 {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    .c1-cont span {
        float: left;
        width: auto;
        margin-bottom: 12px;
        vertical-align: sub;
    }

    .condition-wrap {
        float: left;
        width: 100%;
        margin: 0 0 5px 0;
    }

    .case-search-list {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .case-search-list select {
        padding: 10px;
        width: 100%;
    }

    .case-search-list li label {
        margin-bottom: 5px;
        display: block;
    }

    .renewal-section1-pic-bg {
        left: -150px;
        width: 65%;
    }
}

@media (max-width:785px) {
    .step-next img {
        margin: 0 20px;
        width: 50px;
    }

    .pay-form-item {
        width: 20%;
    }

    .pay-form-content {
        width: 70%;
    }
}


/*768*/
@media (max-width:768px) {

    /*-2020/0220-*/
    .dl-tab a {
        flex-basis: calc(100% / 3 - 2%);
        padding: 8px 10px;
    }

    /*--*/
    .fat_footer.page-footer {
        display: block;
    }

    .container {
        /* max-width: 95% !important; */
    }

    .btn-wrap a.l-move,
    .btn-wrap a.r-move {
        background: #4f5dca;
    }

    footer.footer {
        /* display: none; */
    }

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

    .pagination span > a {
        display: none;
    }

    .pay-detail-table .table-head {
        display: none;
    }

    .pay-detail-table .hiddenRow {
        display: none;
    }

    .pay-detail-table tr {
        display: block;
        border-top: 1px solid #e5e5e5;
        margin-bottom: 40px;
    }

    .pay-detail-table td {
        display: block;
        text-align: left;
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }

    .table-title-rwd,
    .pay-detail-table .ct {
        display: inline-block;
        vertical-align: top;
    }

    .table-title-rwd {
        width: 46px;
        margin-right: 10px;
    }

    .pay-detail-table .ct {
        width: calc(100% - 105px);
    }

    .page-func .page-print {
        display: none;
    }
}

/*768 end*/


@media (max-width:760px) {
    .step-txt {
        font-size: 1em;
        padding-left: 8px;
    }

    .step-num {
        font-size: 1.125em;
    }
}

@media (max-width:750px) {

    .rwd-searbtn-wrap .btn,
    .rwd-adv-btn {
        padding: 10px 0 !important;
        border: 0;
        border-radius: 2px;
        width: 100%;
        text-align: center;
        margin: 6px 0;
        font-family: 敺株�迤暺��;
    }

    .rwd-searbtn-wrap {
        margin: 5px 0 0 0;
    }

    .col1-5 {
        width: 32%;
    }

    .structure-line1 {
        top: 33%;
    }

    span.structure-line4 {
        top: 70%;
        height: 34px;
    }

    span.structure-line5 {
        top: 70%;
        height: 34px;
    }

    span.structure-line6 {
        height: 96px;
        top: 81%;
    }

}

@media (max-width:700px) {
    .sitemap_container .SiteMap_Section ul.SiteMapList {
        width: 45%;
    }

    ul.course-pic-list {
        width: 500px;
    }

    ul.course-pic-list li {
        width: 90%;
    }

    .course-pic img {
        width: 450px;
        height: 169px;
    }

    .course-title {
        font-size: 1.25em;
        height: 60px;
    }
    
    /*-璆剖��極-*/
    .division-business > ul > li {
    
    width: 100%;
    margin: 0 0 25px 0;
}
    .division-business > ul > li strong {
   
 
    padding: 8px 0;

    font-size: 1.1rem;
    margin: 0 0 10px 0;
}
}


@media (max-width:677px) {
    .step-area {
        display: block;
        text-align: center;
    }

    .step-area .step,
    .step-area .step-next {
        display: inline-block;
        vertical-align: top;
    }

    .step-area .step {
        width: 23%;
        text-align: center;
    }

    .step-area .step-next {
        margin-top: 20px;
    }

    .step-area .step-num {
        float: none;
        margin: 0 auto;
    }

    .step-txt {
        padding-left: 0;
        display: block;
        width: 100%;
        line-height: 1.2;
        margin-top: 10px;
    }
}

@media (max-width:640px) {

    nav.footer-nav2 .left,
    nav.footer-nav2 .right {
        margin: 0;
        float: left;
        width: 100%;
        text-align: center;
    }

    .housing-section1-pic,
    .housing-section2-pic {
        display: none;
    }

    .housing-section1-txt {
        padding: 30px 0;
    }

    .housing-section2-txt {
        width: 100%;
    }

    .requirement-list .txt {
        width: 85%;
    }

    .housing-faq-txt {
        width: 85%;
    }

    .rwd-logo {
        width: 400px;
    }

    button#showRightPush {
        height: 53px;
    }

    ul.course-pic-list {
        width: 450px;
    }

    ul.course-pic-list li {
        width: 90%;
    }

    .course-pic img {
        width: 405px;
        height: 135px;
    }

    .pay-form-wrap {
        float: left;
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
    }

    .pay-form-wrap-other {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .renewal-case-list .slider {
        margin: 20px 5px;
        width: calc(100% / 2 - 10px - 12px);
    }

    .renewal-case-name {
        font-size: 1.05em;
    }

    .pubishlist a {
        display: block;
        width: 45%;
        margin: 0 2%;
        position: relative;
    }
}

@media (max-width:580px) {
    .btnwrap a {
        padding: 14px 0;
        width: 120px;
        margin: 0 8px;
    }
}

@media (max-width:550px) {
    ul.tab li.current {
        background: #fff;
        color: #3b55dd;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #4f5dca;
        border-bottom: 0;
        margin: 0 15px -1px 0;
        padding-bottom: 26px;
        background: url(../images/close-icon.png) 91% 10px no-repeat #fff !important;
        background-size: 20px !important;
    }

    ul.tab li {
        border-radius: 30px;
        display: inline-block;
        width: 155px;
        vertical-align: top;
        color: #fff;
        padding: 8px 15px 8px 20px;
        text-align: left;
        margin-right: 5px;
        font-size: 0.938em;
        font-weight: bold;
        background: url(../images/add-icon.png) 91% center no-repeat #3b55dd;
        cursor: pointer;
        background-size: 20px;
    }

    a.q {
        position: absolute;
        right: 4%;
        top: 37px;
    }

    .btn_wrap a {
        display: inline-block;
        width: 120px;
        background: #4f5dca;
        color: #fff;
        padding: 10px 0;
        border-radius: 30px;
        font-weight: bold;
        font-size: 1em;
        margin: 0 10px;
    }

    .pay-form-item {
        width: 96%;
        padding: 14px 2% 10px 2%;
    }

    .pay-form-content {
        width: 96%;
        padding: 0 2% 20px 2%;
    }

    .pay-form-content input[type='text'] {
        float: none;
        width: 98%;
        padding: 5px 1%;
    }

    .pay-form-content .drop-down-long {
        width: 100%;
    }

    .pay-form-content .birthday li {
        display: block;
        margin-right: 0;
        padding: 5px 0;
        width: 100%;
    }

    .pay-form-content .invoice-type2-cont label {
        padding: 10px 0;
        display: block;
        width: 100%;
    }

    .table-padding {
        margin-bottom: 10px;
    }
}

@media (max-width:505px) {
  

    .step-txt {
        font-size: 0.9em;
    }

    .renewal-map {
        width: 360px;
        height: 490px;
        margin: 55px auto 0 auto;
        background-size: contain;
    }

    .renewal-map a {
        padding: 3px 7px;
    }

    .renewal-map .loc-1 {
        top: 23px;
        right: -8px;
    }

    .renewal-map .loc-2 {
        top: 14px;
        right: 52px;
    }

    .renewal-map .loc-3 {
        top: 71px;
        right: 46px;
    }

    .renewal-map .loc-4 {
        top: 40px;
        right: 106px;
    }

    .renewal-map .loc-5 {
        top: 77px;
        right: 153px;
    }

    .renewal-map .loc-6 {
        top: 102px;
        right: 84px;
    }

    .renewal-map .loc-7 {
        top: 111px;
        right: 155px;
    }

    .renewal-map .loc-8 {
        top: 146px;
        right: 179px;
    }

    .renewal-map .loc-9 {
        top: 183px;
        right: 204px;
    }

    .renewal-map .loc-10 {
        top: 203px;
        right: 112px;
    }

    .renewal-map .loc-11 {
        top: 225px;
        right: 220px;
    }

    .renewal-map .loc-12 {
        top: 255px;
        right: 211px;
    }

    .renewal-map .loc-13 {
        top: 260px;
        right: 135px;
    }

    .renewal-map .loc-14 {
        top: 300px;
        right: 225px;
    }

    .renewal-map .loc-15 {
        top: 358px;
        right: 204px;
    }

    .renewal-map .loc-16 {
        top: 400px;
        right: 153px;
    }

    .renewal-map .loc-17 {
        top: 326px;
        right: 69px;
    }

    .renewal-map .loc-18 {
        top: 201px;
        right: 33px;
    }

    .renewal-map .loc-19 {
        top: 105px;
        right: 4px;
    }

    .renewal-map .loc-20 {
        top: 174px;
        left: 36px;
    }

    .renewal-map .loc-21 {
        top: 63px;
        left: -2px;

    }

    .renewal-map .loc-22 {
        top: -7px;
        left: 12px;
    }

    .col1-5 {
        width: 35%;
        margin-left: 10px;
        margin-right: 10px;

    }
}


@media (max-width:500px) {

    /*-2020/0220-*/
   .dl-tab a {
    flex-basis: calc(100% / 2 - 3%);
    margin: 0 1.5% 11px 1.5%;
    font-size: 0.94rem;
    padding: 7px 8px;
}
}

/* 480 */
@media (max-width:480px) {
    /*-璆剖��極-*/
    .division-business > ul > li strong {
    padding: 6px 0;
    font-size: 1.05rem;
    margin: 0 0 10px 0;
}
     /*--*/
    .sitemap_container .SiteMap_Section ul.SiteMapList {
        width: 90%;
        margin: 0 1% 20px 1%;
        padding: 11px 4%;
    }

    .crumb {
        font-size: 0.906em;
        padding: 12px 0;
    }

    .sub-unit-title strong {
        font-size: 1.688rem;
    }

    .sub-unit-title {
        padding-bottom: 18px;
    }

    .rwd-logo a img {
        width: 100% !important;
    }

    .tb-cont {
        padding: 60px 4% 35px 4%;
    }

    ul.tab li.current {
        background: #fff;
        color: #3b55dd;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #4f5dca;
        border-bottom: 0;
        margin: 0 0 -1px 0;
        background-size: 20px !important;
    }

    .btn_wrap a {
        display: inline-block;
        width: 120px;
        background: #4f5dca;
        color: #fff;
        padding: 10px 0;
        border-radius: 30px;
        font-weight: bold;
        font-size: 1em;
        margin: 0 10px;
    }

    .btn_wrap a {
        display: inline-block;
        width: 120px;
        background: #4f5dca;
        color: #fff;
        padding: 10px 0;
        border-radius: 30px;
        font-weight: bold;
        font-size: 1em;
        margin: 0 10px;
    }

    /* float: left; */
    ul.tab li {
        border-radius: 30px;
        display: inline-block;
        width: 49.5%;
        vertical-align: top;
        color: #fff;
        padding: 8px 15px 8px 20px;
        text-align: left;
        margin: 0;
        font-size: 1em;
        font-weight: bold;
        background: url(../images/add-icon.png) 91% center no-repeat #3b55dd;
        cursor: pointer;
        background-size: 20px;
        border-radius: 0;
    }

    a.q {
        position: absolute;
        right: 4%;
        top: 14px;
    }

    .cs-role {
        width: 50%;
        /* margin: 0 0 -50px 0; */
        position: absolute;
        top: -242px;
        z-index: 99;
        left: 25%;
    }

    .link-zone {
        /* background: #f0f0f0; */
        /* padding: 40px 0 270px 0; */
    }

    .index-kv .slick-prev,
    .index-kv .slick-next {
        top: 50%;
        width: 30px;
    }

    .index-kv .slick-prev {
        left: 0;
        background: url(../images/kv_arr_prev.png) 0 0 no-repeat;
        background-size: contain;
    }

    .index-kv .slick-next {
        right: 0;
        background: url(../images/kv_arr_next.png) 0 0 no-repeat;
        background-size: contain;
    }

    .rwd-header {
        padding: 18px 2.5%;
    }

    .mag-cover {
        display: block;
        padding: 0;
        margin: 0 15%;
        float: left;
        border: 2px solid #4cc24d;
        width: 70%;
    }

    .mag-header {
        color: #fff;
        background: #168e17;
        padding: 15px 5%;
        display: block;
        float: left;
        width: 90%;
        margin-left: 0;
    }

    .mag-header strong {
        font-size: 1.875em;
    }

    .mag-intro {
        width: 100%;
        margin-top: 50px;
    }

    .mag-txt {
        display: block;
        margin-left: 0;
        width: 100%;
        float: left;
        font-size: 1.25em;
        line-height: 40px;
        font-weight: bold;
    }

    .rwd-logo {
        width: 310px;
    }

    button#showRightPush {
        background: url(../images/rwd_nav_btn.png) 0 center no-repeat;
        background-size: contain;
        width: 25px;
        height: 42px;
        margin-right: 5px;
    }

    ul.course-pic-list {
        width: 90%;
    }

    .course-pic img {
        width: 100%;
        height: 115px;
    }

    .table-title-rwd {
        width: auto;
        margin: 2px 20px 2px 0;
    }

    .pay-detail-table .ct {
        width: auto;
        margin: 2px 0;
    }

    .renewal-intro-map iframe {
        height: 300px;
    }

    .renewal-intro-wrap {
        padding: 10px 0;
    }

    .renewal-case-slider .slick-next {
        right: -30px;
        width: 35px;
        background-size: contain;
    }

    .renewal-case-slider .slick-prev {
        left: -30px;
        width: 35px;
        background-size: contain;
    }
}

/* 480 end */



@media (max-width:465px) {
    .btnwrap a {
        padding: 14px 0;
        width: 105px;
        margin: 0 6px;
    }

    .renewal-case-list .slider {
        margin: 10px 5px;
    }
}

@media (max-width:445px) {
    .basic-info span {
        width: 86%;
        margin: 0 0 0 10px;
        line-height: 27px;
    }

    .basic-info strong {
        margin: 8px 0;
    }

    .housing-faq-wrap-question {
        background: #f2f2f2;
        border-radius: 8px;
        padding: 12px 10px;
    }

    .housing-faq-wrap-answser {
        padding: 20px 10px 0 10px;
    }

    .housing-faq-wrap-answser .housing-faq-txt {
        width: 100%;
    }

    .renewal-map {
        width: 300px;
        height: 400px;
        margin: 55px auto 0 auto;
    }

    .renewal-map .loc-1 {
        top: 10px;
        right: -10px;
    }

    .renewal-map .loc-2 {
        top: 6px;
        right: 44px;
    }

    .renewal-map .loc-3 {
        top: 51px;
        right: 33px;
    }

    .renewal-map .loc-4 {
        top: 27px;
        right: 93px;
    }

    .renewal-map .loc-5 {
        top: 54px;
        right: 128px;
    }

    .renewal-map .loc-6 {
        top: 81px;
        right: 64px;
    }

    .renewal-map .loc-7 {
        top: 87px;
        right: 135px;
    }

    .renewal-map .loc-8 {
        top: 115px;
        right: 152px;
    }

    .renewal-map .loc-9 {
        top: 147px;
        right: 168px;
    }

    .renewal-map .loc-10 {
        top: 157px;
        right: 87px;
    }

    .renewal-map .loc-11 {
        top: 182px;
        right: 184px;
    }

    .renewal-map .loc-12 {
        top: 207px;
        right: 176px;
    }

    .renewal-map .loc-13 {
        top: 210px;
        right: 106px;
    }

    .renewal-map .loc-14 {
        top: 245px;
        right: 181px;
    }

    .renewal-map .loc-15 {
        top: 290px;
        right: 172px;
    }

    .renewal-map .loc-16 {
        top: 346px;
        right: 123px;
    }

    .renewal-map .loc-17 {
        top: 258px;
        right: 50px;
    }

    .renewal-map .loc-18 {
        top: 159px;
        right: 18px;
    }

    .renewal-map .loc-19 {
        top: 78px;
        right: 0px;
    }

    .renewal-map .loc-20 {
        top: 142px;
        left: 14px;
    }

    .renewal-map .loc-21 {
        top: 47px;
        left: -3px;
    }

    .renewal-map .loc-22 {
        top: -12px;
        left: 6px;
    }
}

@media (max-width: 428px) {
    .structure-line1 {
        top: 33%;
        height: 227px;
    }

    span.structure-line4 {
        top: 70%;
        height: 34px;
    }

    span.structure-line5 {
        top: 70%;
        height: 34px;
    }

    span.structure-line6 {
        height: 96px;
        top: 81%;
    }


}

@media (max-width:400px) {
    .btnwrap a {
        padding: 13px 0;
        width: 95px;
        margin: 0 4px;
        font-size: 0.938em;
    }
}

@media (max-width:390px) {

    .housing-faq-txt {
        width: 80%;
    }

    .renewal-case-list .slider {
        margin: 20px 5px;
        width: calc(100% - 10px - 4px);
    }

    .col1-5 {
        width: 40%;
    }

}

@media (max-width:370px) {
    .rwd-logo {
        width: 260px;
        display: inline-block;
    }

    button#showRightPush {
        height: 37px;
    }
}

@media (max-width:355px) {
    .renewal-map {
        display: none;
    }

    .btnwrap {
        margin: 25px 0 0 0;
    }

    .btnwrap a {
        padding: 13px 0;
        width: 140px;
        /* margin: 5px 0 !important; */
        font-size: 0.938em;
        display: block;
        margin: 19px auto;
    }
}

@media (max-width:335px) {
    .component {
        padding: 17px 26px;
    }

    .col1-5 {
        width: 39%;
    }

    span.structure-line4 {
        top: 70%;
        height: 30px;
    }

    span.structure-line5 {
        top: 70%;
        height: 30px;
    }

    span.structure-line6 {
        height: 113px;
        top: 81%;
    }
}


@media (max-width:329px) {
    .rwd-logo {
        width: 248px;
        display: inline-block;
    }
}