/*--------------------------------------------------------公屋、居屋、夾屋免補加按页面--------------------------------------------------------*/
.n_n_hos{background-color: #f3f3f3;background-image: url("/n_images/hos/hos-bg.jpg")}
.n_n_hos_title{display: flex; align-items: center;padding: 20px 0;}
.n_n_hos_title>img{width: 36px;margin-right: 16px;}
.n_n_hos_title>h2{margin: 0;}
.n_n_hos_info{background-color: #ffffffe6; padding: 2% 4%; box-shadow: 0 0 6px #0000001f; border-radius: 4px;animation: fadeIn 0.65s ease-in; }
.n_n_hos_info>ul{display: flex; flex-wrap: wrap;margin: 0;}
.n_n_hos_info>ul>li{width: 50%;display: flex; align-items: center;border-bottom: 1px #ffe4ba dashed;padding: 1%;}
.n_n_hos_info>ul>li:nth-child(3){border-bottom: 0;}
.n_n_hos_info>ul>li:nth-child(4){border-bottom: 0;}
.n_n_hos_info>ul>li:nth-child(1)>span{background-image: url("/n_images/hos/n_n_hos_01.png");}
.n_n_hos_info>ul>li:nth-child(2)>span{background-image: url("/n_images/hos/n_n_hos_02.png");}
.n_n_hos_info>ul>li:nth-child(3)>span{background-image: url("/n_images/hos/n_n_hos_03.png");}
.n_n_hos_info>ul>li:nth-child(4)>span{background-image: url("/n_images/hos/n_n_hos_04.png");}
.n_n_hos_info>ul>li>span{display: block; background-color: #d5eff7; margin-right: 30px;width: 60px; height: 60px; border-radius: 38px;background-size: contain;}
.n_n_hos_info>ul>li>span>img{}
.n_n_hos_info>ul>li>p{font-weight: bold;padding: 0;margin: 0;letter-spacing : 2px;font-size: 26px;color: #000;}
.n_n_hos_info>h3{font-size: 24px; color: #402d0c;line-height: inherit;font-weight: inherit;}
.n_n_hos_case_one{}
.n_n_hos_case_one_title{}
.n_n_hos_case_one_title>div{display: flex; justify-content: space-between; align-items: center;}
.n_n_hos_case_one_title>div>h2{padding: 16px 0;}
.n_n_hos_case_one_title>div>h2>span{background-color: #ef9614; color: #fff; padding: 0 10px; border-radius: 8px;font-size: 24px; font-weight:bolder;}
.n_n_hos_case_one_title>div>h6{background-color: #fdf2e0; padding: 5px 10px; border-radius: 12px;color: #585858;}
.n_n_hos_case_one_title>p{/*padding-bottom: 25px;*/}
.n_n_hos_case_one_info{width: 100%;}
.n_n_hos_case_one_info th,.n_n_hos_case_one_info td{border: none;}
.n_n_hos_case_one_info>thead{}
.n_n_hos_case_one_info>thead>tr{vertical-align: inherit;}
.n_n_hos_case_one_info>thead>tr>th{color: #101010; text-align: center; padding: 7px 0; font-size: 21px; font-weight: bold; border-bottom: 3px #cacaca solid;vertical-align: middle;}
.n_n_hos_case_one_info>thead>tr>th:nth-child(1){background-color: #e8e8e8;border-radius: 8px 0 0 0;}
.n_n_hos_case_one_info>thead>tr>th:nth-child(1)>img{width: 40px;}
.n_n_hos_case_one_info>thead>tr>th:nth-child(2){background-color: #e8e8e8;}
.n_n_hos_case_one_info>thead>tr>th:nth-child(3){background-color: #e8e8e8;/*background-image: url("../n_images/hos/n_n_hos_case_one_line.png");*/background-size: contain;}
.n_n_hos_case_one_info>thead>tr>th:nth-child(3)>span{background-color: #ef9614; color: #e8e8e8; font-size: 24px; border-radius: 30px; padding: 4px;}
.n_n_hos_case_one_info>thead>tr>th:nth-child(4){background-color: #e8e8e8;border-radius:0 8px 0 0;}
.n_n_hos_case_one_info>tbody{}
.n_n_hos_case_one_info>tbody>tr{}
.n_n_hos_case_one_info>tbody>tr>td{background-color: #fcf2df;text-align: center; padding: 20px 0;font-weight : bold; font-size: 20px; line-height: 32px; color : #151515;}
.n_n_hos_case_one_info>tbody>tr:nth-child(1)>td{border-bottom: 1px #fcb57a dashed;}
.n_n_hos_case_one_info>tbody>tr:nth-child(1)>td:nth-child(4),.n_n_hos_case_one_info>tbody>tr:nth-child(2)>td:nth-child(4){color:#e48b2d;}
.n_n_hos_case_one_info>tbody>tr:nth-child(2)>td:nth-child(1){border-radius:0 0 0 8px;}
.n_n_hos_case_one_info>tbody>tr:nth-child(2)>td:nth-child(4){border-radius:0 0 8px 0;}
.n_n_hos_case_one_info>tbody>tr:nth-child(2)>td:nth-child(4)>img{width: 25px;}
.n_n_hos_case_one_f{padding: 20px 0;margin: 0;}
.n_n_hos_case_one_f>span{color: #f09918;}
.n_n_hos_case_one_info_m{display: none;}
.n_n_hos_case_one_info_m th, .n_n_hos_case_one_info_m td { border: none; }
.n_n_hos_case_one_info_m>thead>tr>th { color: #fff; text-align: center; padding: 20px 0; font-size: 20px; }
.n_n_hos_case_one_info_m>tbody>tr:nth-child(2)>td:nth-child(3)>img { width: 25px; }
.n_n_hos_case_one_info_m>tbody>tr:nth-child(1)>td { border-bottom: 1px #fcb57a dashed; }
.n_n_hos_case_one_info_m>tbody>tr:nth-child(2)>td:nth-child(1) { border-radius: 0 0 0 15px; }
.n_n_hos_case_one_info_m>tbody>tr:nth-child(2)>td:nth-child(3) { border-radius: 0 0 15px 0; }
.n_n_hos_case_one_info_m>tbody>tr>td { background-color: #fcf2df; text-align: center; padding: 12px 0; font-weight: bold; font-size: 18px; line-height: 22px; color: #383838; }
.n_n_hos_case_one_info_m>thead>tr>th:nth-child(2) { background-color: #ef9614; background-image: url("/n_images/hos/n_n_hos_case_one_line.png"); background-size: contain; }
.n_n_hos_case_one_info_m>thead>tr>th:nth-child(3) { background-color: #ef9614; border-radius: 0 15px 0 0;     width: 40%;}
.n_n_hos_case_one_info_m>thead>tr>th:nth-child(2)>span { background-color: #fff; color: #4c4c4c; font-size: 24px; border-radius: 30px; padding: 4px; }
.n_n_hos_case_one_info_m>thead>tr>th:nth-child(1)>img { width: 40px; }
.n_n_hos_case_one_info_m>thead>tr>th:nth-child(1) { background-color: #4c4c4c; border-radius: 15px 0 0 0;width: 40%; }
.n_n_hos_case_one_info_m{}

.n_n_hos_cantent{background-color:#d4eff6;}
.n_n_hos_cantent>div{display: flex; justify-content: center; align-items: center; padding: 0; background-image: url("/n_images/hos/n_n_hos_cantent.png");background-size: 260px auto; background-repeat: no-repeat; background-position:15% bottom; height: 200px;}
.n_n_hos_cantent>div>div{text-align: center;padding-left:25%;}
.n_n_hos_cantent>div>div>h2{margin: 0;font-weight: bold;}
.n_n_hos_cantent>div>div>p{margin: 0;font-size: 24px;font-weight: bold;color: #ef9614!important;}
.n_n_hos_cantent>div>div>p>a{font-size: 32px; font-weight: bold; color: #ef9614!important;line-height: 36px;}

.n_n_hos_case_two{}
.n_n_hos_case_two_title{background-image: url("/n_images/hos/n_n_hos_case_two.png");background-repeat: no-repeat; background-position: bottom right;background-size: contain;}
.n_n_hos_case_two_title>div{display: flex; flex-wrap: wrap; align-items: center;}
.n_n_hos_case_two_title>div>h2{padding: 20px 0;}
.n_n_hos_case_two_title>div>h2>span{ color: #ef9614;}
.n_n_hos_case_two_title>div>h6{background-color: #fdf2e0; padding: 5px 10px; border-radius: 12px;color: #585858;}
.n_n_hos_case_two_title>p{width: 70%;margin: 0; padding-bottom: 25px;padding-top: 20px;}
.n_n_hos_case_two_info{padding: 2.5% 4%;border: 1px #e38b2d dashed; background: #fffcf7;}
.n_n_hos_case_two_info>p{font-size: 20px;letter-spacing:0; line-height: 30px;}
.n_n_hos_case_two_info>p>span{color: #076b9c; }
.n_n_hos_case_two_info>p>span>b{color: #e48b2d;}

.n_n_hos_point{ background-image: url("/n_images/hos/n_n_hos_point_bg.png");background-size: contain; background-position: center;}
.n_n_hos_point_title{}
.n_n_hos_point_title>h2{font-weight: bold;padding: 20px 0;line-height: 32px;}
.n_n_hos_point_title>h2>span{display: block; color: #e38b2d;}
.n_n_hos_point_info{}
.n_n_hos_point_info>ul{}
.n_n_hos_point_info>ul>li{font-size: 24px; color: #402d0c;padding: 0 0 0 36px;background-image: url("/n_images/hos/n_n_hos_point_info_01.png");background-position: left center; background-size: 26px; background-repeat: no-repeat;margin-bottom: 25px;letter-spacing: 1px;}
.n_n_hos_point_info>ul>li>span{color: #e38b2d;font-weight: bold;}
.n_n_hos_point_but{}

@media screen and (max-width: 768px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 320px) {}
@media screen and (max-width: 480px) {
    .n_n_hos{background-image: url("/n_images/hos/hos-bg.webp")}
    .n_n_hos_info {padding: 2% 6%;}
    .n_n_hos_info>h3 {line-height: 20px;margin: 8px 0;font-size:18px;}
    .n_n_hos_info>ul {margin-bottom: 6px;}
    .n_n_hos_info>ul>li{width: 100%;}
    .n_n_hos_info>ul>li:nth-child(4){border-bottom:none;}
    .n_n_hos_info>ul>li>p {font-size: 18px;}
    .n_n_hos_info>ul>li>span {width:32px;height:32px;margin-right: 20px;}
    .n_n_hos_title {padding: 0 0 10px 0;}
    .n_n_hos_title>h2 {font-size: 20px; line-height: 24px;margin: 0;}
    .n_n_hos_case_two_title{background-image: url("/n_images/hos/n_n_hos_case_two.webp");}
    .n_n_hos_case_one_title>h2{padding: 0;letter-spacing: 0;text-align: center;}
    .n_n_hos_case_one_title>h2>span{display: block; line-height: 28px; font-weight: normal; font-size: 24px; padding: 6px;}
    .n_n_hos_case_one_title>p{line-height: 24px; font-size: 14px; padding-bottom: 0; padding-top: 10px; text-align: justify;}
    .n_n_hos_case_one_title>div {flex-wrap: wrap;}
    .n_n_hos_case_one_title>div>h6{line-height: 20px; font-size: 12px;}
    .n_n_hos_case_one_title>div>h2 {padding: 0;font-size: 20px;}
    .n_n_hos_case_one_title>div>h2>span {font-size: 18px;display: block;}
    .n_n_hos>.n_content_two{padding-bottom: 15px;padding-top: 15px;}
    .n_n_hos_case_two>.n_content_two{padding-bottom: 25px;}
    .n_n_hos_case_one_info_m{display: block;}
    .n_n_hos_case_one_info_m>thead>tr>th{font-size: 18px;padding: 12px 0;}
    .n_n_hos_case_one_info_m>tbody>tr>td{font-size: 16px; line-height: 18px;}

    .n_n_hos_case_one{padding-bottom: 20px;padding-top: 20px;}
    .n_n_hos_case_one_info{display: none;}
    .n_n_hos_case_one_f{line-height: 22px; font-size: 18px;padding: 12px 0; }
    .n_n_hos_cantent>div>div{padding-left: 5%;text-align: left;}
    .n_n_hos_cantent>div>div>p{line-height: 26px;font-size: 22px;}
    .n_n_hos_cantent>div>div>p>a {display: block;}
    .n_n_hos_cantent>div {background-image: url("/n_images/hos/n_n_hos_cantent.webp");background-size: 130px auto; background-position: right bottom;justify-content:flex-start; height: 120px;}
    /*  .n_n_hos_cantent>div { display: flex; justify-content: center; align-items: center; padding: 0; background-image: url(../n_images/hos/n_n_hos_cantent.png); background-size: 260px auto; background-repeat: no-repeat; background-position: 15% bottom; height: 200px; }*/
    .n_n_hos_cantent>div>div>h2{letter-spacing: 0;font-size: 20px;line-height: 28px;}

    .n_n_hos_case_two_title>h2{letter-spacing: 0;}
    .n_n_hos_case_two_title {    background-size: 100px;margin-bottom: 10px; margin-top: 28px;}
    .n_n_hos_case_two_title>p {line-height: 24px; padding-bottom: 0; font-size: 14px; padding-top: 9px; text-align: justify;}
    .n_n_hos_case_two_info>p {line-height: 28px;}
    .n_n_hos_point {background-image: url("/n_images/hos/n_n_hos_point_bg.webp");background-repeat: no-repeat; background-color: #d5eff7; background-position: left center; background-size: 136%;}
    .n_n_hos_point>.n_content_two{}
    .n_n_hos_point_title>h2 {padding: 0;font-size: 22px;    line-height: 28px;padding-top: 30px;}
    .n_n_hos_case_two_title>div>h6{font-size: 12px;padding: 0 10px;}
    .n_n_hos_case_two_title>div>h2{padding: 0;font-size: 20px; line-height: 24px;}
    .n_n_hos_case_two_title>div>h2>span{display: block;}
    .n_n_hos_point_info>ul>li {font-size: 20px;background-size: 20px; padding: 5px 0 5px 27px;margin-bottom: 10px;}
    .n_n_hos_case_two_info>h5{font-size: 16px; line-height: 24px;}

}

/*公屋、居屋、夾屋免補加按页面*/
.n_hos_one{line-height: 31px;}
.n_hos_one>div:nth-child(1){background:url("/n_images/hos/hos_one_01.png") no-repeat left center;display: flex; justify-content: flex-end;align-items: center; }
.n_hos_one>div:nth-child(1)>p{padding: 80px 20px; width: 500px; font-size: 24px; color: #076b9c;margin: 0;letter-spacing: 2px;font-weight: bold;}
.n_hos_one>div:nth-child(1)>p>span{font-size: 20px;color: #4e4e4e;font-weight: normal;}
.n_hos_one>div:nth-child(1)>img{width: 54px; height: 57px;}
.n_hos_one>div:nth-child(2){padding: 30px 0;}
.n_hos_one>div:nth-child(2) b{color: #076b9c;}
.n_hos_one>div:nth-child(2)>p:last-child>b{color: #e38b2d;}
.n_hos_two{background: url("/n_images/hos/hos_two_01.png") no-repeat right bottom #faeac9;-moz-box-shadow:0 0 6px #00000036; -webkit-box-shadow:0 0 6px #00000036; box-shadow:0 0 6px #00000036;    padding: 8% 5% 5% 5%;}
.n_hos_two_title{ padding-bottom: 30px;}
.n_hos_two_title>h2{font-size: 26px;color: #076b9c;letter-spacing: 10px; font-weight: 600;}
.n_hos_two_info{}
.n_hos_two_info>ul{display: flex;flex-wrap: wrap;}
.n_hos_two_info>ul>li{width: 50%;display: flex; align-items: center;padding-bottom: 50px;}
.n_hos_two_info>ul>li>img{margin-right: 13px; width: 60px;}
.n_hos_two_info>ul>li>p{font-size: 20px; color: #076b9c;font-weight: bold;    margin: 0;letter-spacing: 2px;}
.n_hos_two_info>ul>li>p>b{color: #e38b2d;}
.n_hos_two_info>ul>li>p>span{display: block; font-size: 18px; color: #383838;font-weight: normal;}
/* -> 按揭财务对比*/
.n_hos_compared{}
.n_hos_compared_title{text-align: center;padding: 30px 0 10px 0;letter-spacing: 2px;}
.n_hos_compared_title span{font-size:26px; font-weight: lighter;color: #076b9c}
.n_hos_compared_title h2{color: #076b9c;font-size: 26px; font-weight: bold;letter-spacing: 14px;}
.n_hos_compared_title p{color: #666666;}
.n_hos_compared_info{}
.n_hos_compared_info>div{display: flex;text-align: center;font-size: 24px;}
.n_hos_compared_info p{margin: 0;}
.n_hos_compared_info>div>div{display: flex; justify-content: center; align-items: center;flex-direction: column;}
.n_hos_compared_info>div>div:nth-child(1){background-color: #e5eef6;width: 35%;color: #076b9c;}
.n_hos_compared_info>div>div:nth-child(1)>p{padding-left: 35%;}
.n_hos_compared_info>div>div:nth-child(1)>p>img{width: 25px; margin-right: 7px;}
.n_hos_compared_info>div>div:nth-child(2){width: 30%;background:url("/n_images/hos/hos_compared_04.png") repeat-y center center;}
.n_hos_compared_info>div>div:nth-child(2)>img{width: 206px;padding: 32px 0;}
.n_hos_compared_info>div>div:nth-child(3){background-color: #fac26e;width: 35%}
.n_hos_compared_info>div>div:nth-child(3)>p{padding-right: 35%;}
.n_hos_compared_info_t>div:nth-child(2){padding: 40px 0 20px 0;}
.n_hos_compared_info_t>div:nth-child(2)>span{font-size: 26px; color: #fff; background-color: #000; border-radius: 27px; display: block; width: 40px; line-height: 40px; font-weight: bold;}
.n_hos_compared_info_t>div{font-size: 21px; font-weight: bold;}
.n_hos_compared_info_f>div:nth-child(2)>p{color: #076b9c;padding: 30px 0;font-size: 24px;}
.n_hos_compared_info_f>div:nth-child(2)>a{color: #fff;background-color:#076b9c;padding: 2px 30px;margin-bottom: 30px;font-weight: normal; font-size: 24px; }
/* -> 申請三步曲*/
.n_hos_applythree{}
.n_hos_applythree_title{display: flex; justify-content: center; flex-direction: column; align-items: center;margin: 40px 0 30px 0;}
.n_hos_applythree_title h2{color: #076b9c; font-size: 26px; font-weight: bold; letter-spacing: 14px;}
.n_hos_applythree_title img{width: 134px; height: 17px;}
.n_hos_applythree_info{background-color: #faeac9; padding: 5%;}
.n_hos_applythree_info>ul{display: flex;align-items: flex-start;justify-content: space-between;margin: 0;background-image: url("/n_images/hos/n_hos_applythree_row.png), url(../n_images/hos/n_hos_applythree_row.png"); background-position:33.33% 62px, 66.66% 62px; background-repeat: no-repeat, no-repeat;}
.n_hos_applythree_info>ul>li{width: 28%;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.n_hos_applythree_info>ul>li>div{display: flex; flex-direction: column; justify-content: center;}
.n_hos_applythree_info>ul>li>div>h3{text-align: center;font-size: 21px;font-weight: bold;color: #076b9c;}
.n_hos_applythree_info>ul>li>div>p{text-align: center;margin: 0;}
.n_hos_applythree_info>ul>li>div:nth-child(1){background-color: #fac26e; width: 114px; height: 114px; border-radius: 59px;display: flex; justify-content: center; align-items: center;margin-bottom: 24px;}
.n_hos_applythree_info>ul>li>div:nth-child(1)>img{}
.n_hos_applythree_info>ul>li:nth-child(1)>div:nth-child(1)>img{width: 82px;height: 83px;}
.n_hos_applythree_info>ul>li:nth-child(2)>div:nth-child(1)>img{width: 54px;height: 74px;}
.n_hos_applythree_info>ul>li:nth-child(3)>div:nth-child(1)>img{width: 72px;height: 77px;}
.n_hos_applythree_info>ul>li>div:nth-child(1)>h3{}
.n_hos_applythree_info>ul>li>div:nth-child(1)>p{}
.n_hos_applythree_info>ul>li:nth-child(2){}

.n_hos_three{background-color: #0000004f; background-image: url("/n_images/hos/n_hos_three_01.jpg"); background-blend-mode: color-dodge; padding: 5%;}
.n_hos_three>p{font-size: 13px; color: #b7b7b7;}
.n_hos_three_title{}
.n_hos_three_title>h2{color: #ffffff; font-size: 22px; font-weight: bold; letter-spacing: 2px;margin-bottom: 30px;}
.n_hos_three_info{display: flex; align-items: center;justify-content: space-between;}
.n_hos_three_info>ul{display: flex; flex-direction: column;}
.n_hos_three_info>a{color: #fff!important; background-color: #e38b2d;padding: 8px 30px; margin-bottom: 30px; font-weight: normal; font-size: 24px; letter-spacing: 3px;margin-right: 10%;}
.n_hos_three_info>ul>li{display: flex; flex-direction: row; align-items: center;padding-bottom: 8px;}
.n_hos_three_info>ul>li>img{width: 24px; height: 24px;margin-right: 6px;}
.n_hos_three_info>ul>li>p{margin: 0;color: #fff; font-size: 19px;}
.n_hos_three_info>ul>li>{}

.applythree>h1{text-align: center;padding: 30px 0;font-size: 30px;}
.applythree{background-color:#f9f9f9;padding:40px;}
.applythree ul{display:flex;}
.applythree ul li{list-style:none;width:30%;}
.applythree ul li:nth-child(1),.applythree ul li:nth-child(2){margin-right:60px;}
.applythree ul li>div{background-color:#fff;padding:20px;display: flex; flex-wrap: wrap; align-items: center; flex-direction: column;}
.applythree ul li div>div:nth-child(1){background-color: #fffaf3; width: 140px; height: 140px; border-radius: 160px; padding: 20px;display: flex; align-items: center; justify-content: center; }
.applythree ul li div>div:nth-child(1)>img{height: 100%;}
.applythree ul li div>p{text-align: center;font-size: 14px;color: #000;line-height: 18px;}
.applythree ul li div>h2{text-align: center; font-size: 20px; color: #000;}

.bankruptcy_title{margin-top: 30px; font-size: 18px; font-weight: bold; color: #ffffff; text-align: center; display: flex; justify-content: space-around; align-items: center;}
.bankruptcy_title>div{background-color: rgba(0, 0, 0, 0.63); border-radius: 8px;width: fit-content;padding: 4px;display: none;}
.bankruptcy_title>span{}
.bankruptcy_title>h1{margin: 0; font-size: 26px; color: #523209; background-color: #ef9614; padding: 10px 15px; border-radius: 12px; }
.bankruptcy_title>h1:hover{    background-color: #ffa000;}
.bankruptcy_title>h1>a{display: flex; justify-content: center; align-items: center; color: #141414; }
.bankruptcy_title>h1>a>img{width: 28px; margin-right: 10px;}