/*全局*/ * {margin: 0;padding: 0;font-family: Microsoft YaHei;} ul, ol {list-style: none;} a {text-decoration: none !important;color:#7b4715;background-color: transparent; -webkit-text-decoration-skip: objects} button {cursor: pointer;border: none;background-color: unset;} input, button, select {border: none} *{font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", Meiryo, "Meiryo UI", "微軟正黑體", "Microsoft JhengHei", sans-serif;} .n_wrap{background-color: #f5f5f5;} .n_wrap_top{padding-top: 120px;} .n_content{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;padding-bottom: 50px;padding-top: 25px;} .n_content_two{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;padding-bottom: 40px;padding-top: 40px;} .n_main{display: flex;margin: 0 auto;justify-content: space-between;margin-bottom: 50px;padding-top: 25px;} .n_main_left{max-width: 18%; margin-right: 7px;} .n_main_right{max-width: 80%;width: 100%;} h1{font-size: 28px;color: #7b4715;font-weight: bold;} h2{font-size: 26px;color: #2b2b2b; font-weight: bold;line-height: 32px;letter-spacing: 1px;} h3{font-size: 24px;color: #402D0C; font-weight: bold;line-height: 24px;letter-spacing: 2px;} h4{} h5{font-size: 20px;color: #333333; font-weight: bold;line-height: 34px;letter-spacing: 1px;} h5 span{color: #ef9614;} h6{font-size: 16px; letter-spacing: 0; line-height: 20px; color: #8c8b8b;} p { font-size: 18px;letter-spacing: 1px; line-height: 28px;color: #333333;margin-bottom: 1rem;} input[type="text"] { border: 0; padding-left: 5px; padding-right: 5px; margin: 0;color: #444;} *, ::after, ::before {box-sizing: border-box} /*成功屋苑查詢模塊*/ .f_successful{position: fixed;/* top: 30%;*/ z-index: 100000; right: 0; display: flex; justify-content: center; align-items: center; background-color: #ef9614;border: 1px solid #ef9614;} .f_successful>div:nth-child(1){padding: 0 10px 0 30px;display: none;} .f_successful>div:nth-child(1)>form>ul{display: flex; flex-wrap: wrap; flex-direction: column; margin: 0;} .f_successful>div:nth-child(1)>form>ul>li{padding-bottom: 12px;} .f_successful>div:nth-child(1)>form>ul>li>select{background-color: #fcf2df; border: 1px #f4b25b solid; padding: 6px 10px; width: 160px; margin-right: 7px; line-height: initial;} .f_successful>div:nth-child(1)>form>ul>li>input{background-color: #fcf2df; border: 1px #f4b25b solid; padding: 6px 10px; width: 160px; margin-right: 7px; line-height: initial;} .f_successful>div:nth-child(1)>form>ul>li:nth-child(4)>div{background: url(../images/cic201706search.png) no-repeat;background-position: 20% 50%; margin-right: 7px; background-color: #fff; padding: 7px 20px 7px 20px; border-radius: 8px; color:#ef9614; font-size: 18px; font-weight: bold; line-height: initial;letter-spacing: 2px;text-align: center;} .f_successful>div:nth-child(1)>div{} .f_successful>div:nth-child(1)>div>a{} .f_successful>div:nth-child(2){background-color: #ef9614;padding: 10px;} .f_successful>div:nth-child(2)>h2{width: 32px; line-height: 22px; font-size: 22px; text-align: center;} .f_successful>div:nth-child(2)>span{display: block; background-color: #fff; width: 30px; height: 30px; border-radius: 15px;} .f_successful>div:nth-child(2)>span>i{border: solid #ef9614; border-width: 0 3px 3px 0; display: inline-block; padding: 7px; text-align: center; margin: 7px 4px; } .f_s_icon{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} @media screen and (max-width: 480px) { .f_successful>div:nth-child(2){padding: 8px 0;} .f_successful>div:nth-child(2)>h2 { width: 26px; line-height: 19px; font-size: 18px;} .f_successful>div:nth-child(2)>span>i{padding: 5px;} .f_successful>div:nth-child(2)>span{width: 24px; height: 24px;} .f_successful{border-radius: 5px 0 0 5px;} } /*計算機模塊*/ .float_cal{position: fixed; z-index: 100000; right: 0; display: flex; justify-content: center; align-items: center;} .float_cal>div:nth-child(1){background-color: #141414eb; border: 2px solid #141414; position: absolute; right: 53px;top:0;display: none;} .float_cal>div:nth-child(2){background-color: #141414;padding: 10px;border: 1px solid #524334; display: flex;flex-direction: column; position: absolute; top: 0; right:0;} .float_cal>div:nth-child(2)>h2{width: 32px; line-height: 22px; font-size: 22px; text-align: center;color: #ef9614;} .float_cal_one{margin: 20px; display: flex;} .float_cal_one>div:nth-child(1),.float_cal_one>div:nth-child(3){width:276px;} .float_cal_one>div:nth-child(2){display: flex; flex-direction:column; justify-content: space-evenly; padding: 0 14px;margin-right: 20px;} .float_cal_one>div:nth-child(2)>input{width: 80px; background-color: #ef9614; padding: 6px 20px; border-radius: 8px; color: #fff; font-size: 21px; font-weight: bold; display: block;} .float_cal_one>div:nth-child(2)>input:nth-child(2){background-color: #656565;} .float_cal_one ul{margin: 0;} .float_cal_one ul>li{display: flex; align-items: center;padding-bottom: 12px;color: #fff;} .float_cal_one ul>li>span {width: 65px; display: block; text-align-last: justify; } .float_cal_one ul>li>input{ font-size: 18px; background-color: #ffffff;padding: 6px 10px; width: 148px; margin-right: 7px; line-height: initial;color: #000; font-weight: bold;} @media screen and (max-width: 480px) { .float_cal{display: none;} } /*懸浮案例影片模塊*/ .f_case_video{position: fixed; z-index: 10000000; left: 0; display: flex; justify-content: center; align-items: flex-start;top: 35%;flex-direction: column;} .f_case_video>div:nth-child(1){background-color: #ef9614; border-left: 5px solid #141414;border-radius: 0 15px 15px 0;padding: 10px;display: flex;align-items: center;} .f_case_video>div:nth-child(1)>div:nth-child(1){display: flex;align-items: center;} .f_case_video>div:nth-child(1)>div:nth-child(1)>h2{width:66px; padding-right: 10px;line-height: 29px; margin: 0;} .f_case_video>div:nth-child(1)>div:nth-child(1)>img:nth-child(2){width: 50px;height: 50px;} .f_case_video>div:nth-child(1)>div:nth-child(2)>img{width: 28px;} .f_case_video>div:nth-child(1)>div:nth-child(2){display: none;} .f_case_video>div:nth-child(2){background-color:#ffffffd6;width: 280px; padding: 20px 20px;border: 1px #e2e8ed solid;display: none;} .f_case_video>div:nth-child(2)>ul{margin: 0;} .f_case_video>div:nth-child(2)>ul>li>p{font-weight: bold; letter-spacing: inherit;line-height: 18px;margin-bottom: 8px;color: #000;} .f_case_video>div:nth-child(2)>ul>li>div>iframe{width: 238px; height: 137px;} .f_case_video>div:nth-child(2)>div{background-color:#ef9614;width: 100%;text-align: center; line-height: 24px;font-size: 18px;color: #fff;} /*懸浮對話框模塊*/ .f_dialogue{background-color:#fff;position: fixed; z-index: 10000000; right: 30px; bottom:30px;padding:20px;display: flex; justify-content: center; align-items: flex-start; flex-direction: column;border-radius: 39px; border: 3px #d8d8d8 solid;} .f_dialogue:after{ content: url("/n_images/public/dialogue.png");position: absolute; right: -26px;} .f_dialogue>div{} .f_dialogue>div:nth-child(1){} .f_dialogue>div:nth-child(1)>p{ text-align: center;font-weight: bold; font-size: 19px;} .f_dialogue>div:nth-child(1)>p>a{background-color: #e38b2d; color: #fff; padding: 3px 10px; border-radius: 10px; margin-left: 6px; line-height: 37px; font-weight: bold;} .f_dialogue>div:nth-child(1)>p>a:nth-child(2){background-color:#076b9c;} .f_dialogue>div:nth-child(2){display: flex; justify-content: center;} .f_dialogue>div:nth-child(2)>span{display: block; color: #076b9c; padding: 0 10px;} /*懸浮對話框模塊chat.cic.com.hk*/ .chat{background-color: #f8dbb3;position: fixed;z-index: 10000000; right: 30px; bottom:30px;display: flex; align-items: center; } .chat>div{background-color:#ef9614;padding: 5px 8px;height: 44px } .chat>div>img{width: 42px;} .chat input{background-color: #f8dbb3;font-size: 22px; padding: 0 16px;font-weight: bold;} .cgwl-form { filter: alpha(opacity = 0); transition: 0.2s ease-out; position: fixed; top: 70%; width: 70px; right: 0; font-size: 12px; background-color: #488bff; z-index:1209999; padding-bottom: 10px; } .cgwl-icon { display: block; width: 31px; height: 30px; background: url(/n_images/public/chat.png); margin: 20px auto; margin-bottom: 4px;} .cgwl-form .cgwl-item { position: relative; box-sizing: border-box; display: block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; cursor: pointer; z-index: 9999; margin: 0; } /*每頁头部banner*/ .top_title_holder {width: 100%; /* background: #fff url(../images/strip.png) repeat; */ /* padding-bottom: 25px;*/min-height: 20px;position: relative;} .top_title_holder .banner .columns {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;height: 230px;} .top_title_holder .banner h3 {position: absolute; /* font-weight: 700;*/font-size: 28px; /* display: none;*/bottom: 38px; /* background-color: #faeac9;*/padding: 14px 20px;color: #f07856;font-weight: bold; text-shadow: 0 3px 0 #fff, 0 -3px 0 #fff, 3px 0 0 #fff, -4px 0 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff, 3px 3px 0 #fff, -3px 3px 0 #fff, 0 6px 0 #a7a5a5;} .top_title_holder .banner h1 {position: absolute; /* font-weight: 700;*/font-size: 28px; /* display: none;*/bottom: 38px; /* background-color: #faeac9;*/padding: 14px 20px;color: #f07856;font-weight: bold; text-shadow: 0 3px 0 #fff, 0 -3px 0 #fff, 3px 0 0 #fff, -4px 0 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff, 3px 3px 0 #fff, -3px 3px 0 #fff, 0 6px 0 #a7a5a5;line-height: 24px; margin-bottom: 8px;letter-spacing: 2px;} .top_title_holder h3 {font-size: 26px;} .top_title_holder ul {float: right;margin-bottom: 0;font-size: 12px;position: absolute;bottom: 44px;} .top_title_holder ul li {float: left;color: #888;margin: 0 3px} .top_title_border {display: none;width: 100%;height: 5px;position: absolute;top: 0;box-shadow: 0 1px 1px #e9eaee;background: #fafafa url(../images/strip.png) repeat;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf} .bottom_title_border {display: none;width: 100%;height: 5px;position: absolute;bottom: 0;box-shadow: 0 0 2px #e9eaee;background: #fafafa url(../images/strip.png) repeat;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf} @media screen and (max-width: 768px) {} @media screen and (max-width: 375px) {} @media screen and (max-width: 320px) {} @media screen and (max-width: 480px) { .top_title_holder .banner h3 {bottom: 0; font-size: 18px; color: #e7a42d; text-shadow: none; width: 100%; padding: 0 20px;} .top_title_holder .banner h1 {bottom: 0; font-size: 18px; color: #e7a42d; text-shadow: none; width: 100%; padding: 0 20px;} .top_title_holder .banner .columns {height: 180px;} } /*首頁banner和首頁成功案列模塊-輪播樣式*/ .carousel { position: relative; } /*指示符*/ .carousel-indicators { position: absolute; right: 0; bottom: 0px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators .active { background-color: #ffffff8a; } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators li {position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-indent: -999px;width: 12px;height: 12px;border-radius: 50%;background-color: #FFC67D;margin: 0 3px;border: 1px #ef9614 solid; background-color: unset;} .indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } /*左右切换按钮*/ .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5 } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #fff;text-decoration: none;outline: 0;opacity: .9} .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } /*内容*/ .carousel-inner { position: relative; width: 100%; overflow: hidden } /*.carousel-item > div {padding: 27px 79px 59px;}*/ .carousel-item p {font-size: 18px;line-height: 36px;color: #000000;margin: 0;text-align: left;} .carousel-item>div>div a { display: inline-block; width: 150px; background-position: center; background-color: #ef9614; padding: 12px; color: #fff; font-size: 22px; text-align: center; letter-spacing: 2px; margin-top: 25px;} .carousel-item>div>div a:hover{background-color: #141414;} .carousel-item>div{height: 100%;display: flex; align-items: center;justify-content: center;} .carousel-control-next { right: 0 } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0) } .carousel-item {background-color: #FFE4BA;text-align: center; position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } /*.carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px }*/ @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} } .active.carousel-item-right, .carousel-item-next {-webkit-transform: translateX(100%);transform: translateX(100%)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right, .carousel-item-next {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)} } .active.carousel-item-left, .carousel-item-prev {-webkit-transform: translateX(-100%);transform: translateX(-100%)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left, .carousel-item-prev {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)} } /*.carousel-control-prev {left: -5%;} .carousel-control-next {right: -5%;}*/ .carousel-control-prev-bg {background: url("/n_images/home/prev.png") no-repeat;width: 16px;height: 38px;} .carousel-control-next-bg {background: url("/n_images/home/next.png") no-repeat;width: 16px;height: 38px;} @media screen and (max-width: 575px){ div.success h3 {font-size: 24px;} div.success h5 { font-size: 20px; line-height: 29px; } } @media screen and (max-width: 640px){ .carousel-control-next, .carousel-control-prev { display: none; } } @media screen and (max-width: 768px) { .carousel{ margin-bottom: 20px;} .carousel-indicators {bottom: -9px;} div.success h5 span { display: none; } .successRow { -webkit-flex-direction: column; flex-direction: column; } .successRow>div>img { width: 100%; } } @media screen and (max-width: 992px){ div.success h5 span {transform: translate(0, 9px);} } /*破產洗底頁面資格查詢樣式*/ .bankruptcy_inquire{text-align: center;} .bankruptcy_inquire>div:nth-child(1)>h3{padding: 20px 0;} .bankruptcy_inquire>div:nth-child(1)>div{background-color: #ef9614; padding: 10px;display: flex; justify-content: center; align-items: center;} .bankruptcy_inquir-main>form>div>div>span{font-size: 20px; color: #000; font-weight: bold;margin-right: 10px;} .bankruptcy_inquir-main>form>div{display: flex; justify-content: center; align-items: center;} .bankruptcy_inquir-main>form>div>div>input{width: 200px; height: 36px;padding: 7px;} .bankruptcy_inquir-main>form>div>div>input:input[type=text]{-webkit-box-shadow:unset;} .bankruptcy_inquir-main>form>div>input{font-size: 20px; color: #141414; font-weight: bold; background-color: #fff3cd; width: 127px; display: block; line-height: 37px; border-radius: 6px; margin-left: 18px;} .bankruptcy_inquir-main>form>div>input:hover{background-color: #000;color: #ef9614;} #span_id{color: #fff; margin-left: 20px; padding: 10px 10px 0;font-size: 18px;display: none;} #b-result-main{display:none;} #b-result{animation:myfirst 2s;display: flex; align-items: center; justify-content: center;padding: 20px 0; background-color: #000000a1; width: 100%; position: fixed; z-index: 10000000; float: right; top: 0;left: 0; height: 100%;} #b-result>div{margin: 20px;padding: 21px 20px 20px 20px;background-color: #fff;display: flex; align-items: center; justify-content: center; border-radius: 12px; flex-direction: column;} #b-result p{font-size: 30px; font-weight: bold;margin: 0; padding-bottom: 14px;text-align: center;line-height: 32px} #b-result p b{color: #ef9614;} #b-result span{font-size: 20px; color: #000;} #b-result span>a{margin: 0 4px;color: #fff; background-color: #ef9614; padding: 0 10px; border-radius: 7px;} #b-result input{margin-top: 20px; background-color: #2d2d2d; font-size: 18px; font-weight: bold; color: #fff; padding: 7px 30px; border-radius: 8px;} #b-result input:hover{background-color: #ef9614;} @media screen and (max-width: 480px) { .bankruptcy_inquir-main>form>div{flex-direction: column;} .bankruptcy_inquir-main>form>div>div{padding-bottom: 12px;} #span_id{font-size: 22px;} } /*--------------------------------------------------------首页--------------------------------------------------------*/ /* -> 首页 -> banner*/ .n_home_banner{} .index-banner {padding: 0 !important;} .index-banner {height: 650px;background-repeat: no-repeat;background-size: cover;background-position: center;} .banner_4{display: flex; align-items: center; justify-content: center; height: 100%;flex-direction: column;} .banner_4>div:nth-child(1){font-size: 32px; font-weight: bold;color: #f29817;} .banner_4>div:nth-child(2){} .banner_4>ul{font-size: 28px;} .banner_4>ul>li{background-color: #383838; color: #fff;margin-bottom: 5px;font-weight: lighter;} .banner_45{animation: fadeIn 0.65s ease-in; } .banner_45>div{display: flex; justify-content: center;} .banner_45>h1{ margin-bottom: 33px;} .banner_45>div>ul{display: flex; background-color: #fff; border: 1px #f39816 solid;width: fit-content;} .banner_45>div>ul>li{background-color: #f39816; margin: 2px;padding:7px 24px;} .banner_45>div>ul>li:nth-child(2){background-color: #fff;} .banner_45>div>ul>li>p{text-align: center;font-size: 22px; color: #432c0c;} .banner_45>div>ul>li>p>span{display: block;font-size: 26px; font-weight: bold;font-style: oblique; color: #fff;} .banner_45>div>ul>li:nth-child(1)>p>span{font-size: 36px;} .banner_45>div>ul>li:nth-child(2)>p>span{color: #f39816;} .banner_45>div>ul>li:nth-child(2)>p>span>b{font-size: 36px;} .banner_45>div>ul>li:nth-child(3)>p>span{} .banner_45>span{} .banner_49{width: 100%;display: flex; justify-content: flex-end; margin-right: 250px;animation: fadeIn 0.65s ease-in;} .banner_49>div{width: 200px;} .banner_49>div>div{} .banner_49>div>div:nth-child(1){background-color: #fff; border: 2px #ef9614 solid; border-radius: 12px; padding: 15px;} .banner_49>div>div:nth-child(1)>h1{line-height: 43px;} .banner_49>div>div:nth-child(1)>h1>span{display: block;font-size: 32px;color: #ef9614;} .banner_49>div>a{width: 100%;border-radius: 8px;color: #fff!important; margin-top: 20px;} .banner_41{padding-right: 25%; padding-top:140px;animation: fadeIn 0.65s ease-in; } .banner_41>h1{margin-bottom: 30px; color: #153f65;} .banner_41>div{display: flex; background-color: #ffffffa8; border: 2px #153f65 solid; padding: 2px;width: 520px;} .banner_41>div>div:nth-child(1){} .banner_41>div>div:nth-child(1)>img{padding: 8px;} .banner_41>div>div:nth-child(2){background-color: #153f65d6;width:-webkit-fill-available;display: flex; flex-wrap: wrap;align-items: center; justify-content: center; align-content: center;} .banner_41>div>div:nth-child(2)>p{color: #fff;line-height: 20px; font-size: 20px; margin: 0; padding: 6px;} .banner_41>div>div:nth-child(2)>p>span{padding-right: 18px;} .banner_41>div>div:nth-child(2)>p>span:nth-child(1){} .banner_41>div>div:nth-child(2)>p>span:nth-child(2){} .banner_41>div>div:nth-child(2)>p>span:nth-child(3){} .banner_41>div>div:nth-child(2)>p>span:nth-child(4){} .banner_41>div>div:nth-child(2)>p>span:nth-child(5){} /* -> 首页 -> 相關業務模塊*/ .business {margin-top: 75px;} .business h2 {font-weight: bold;font-size: 36px;color: #141414;text-align: center;} .business ul li {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 49px;} .business ul li > div {width: 48%;animation: fadeIn 0.65s ease-in;} .slide-left-first {animation: slide-t 1.5s ease;} .slide-right-first {animation: slide-r 1.5s ease;} .business ul li > div.align-left {transform: translateX(-30%) scale(0.95);} .business ul li > div.align-right {transform: translateX(30%) scale(0.95);} .business ul li.active .slide-in {opacity: 1;transform: translateX(0%) scale(1);} .business ul li > div.understand {position: relative;border: 1px solid #333333;border-radius: 10px;padding: 29px 27px;box-sizing: border-box;} .business ul li > div.understand h3 {position: absolute;top: -13px;left: 13px;display: block;padding: 0 12px;background-color: #fff;color: #FFB431;text-shadow: 1px 2px #7f683f;} .business ul li > div.understand p {} .business ul li > div.understand a {font-size: 14px;line-height: 24px;color: #FFFFFF;padding: 6px 32px;background-color: #E7A42D;box-shadow: 2px 2px #7F683F;border-radius: 5px;} .business ul li > div.picture img {width: 100%;} /* -> 首页 -> 申請模塊*/ .n_h_apply{background: url(/n_images/home/application-bg.webp) no-repeat; background-size: cover; background-color: #DCA200;} .n_h_apply>div{display: flex;align-items: center;} .n_h_apply>div>div{width: 50%;} .n_h_apply>div>div:nth-child(2){animation: fadeIn 0.65s ease-in; } .n_h_apply_info{} .n_h_apply_info>ol>li{font-weight: bold; font-size: 38px; line-height: 48px; letter-spacing: -1.9px; color: #FFFFFF; padding-left: 66px; background: url(/n_images/home/application-selected.png) no-repeat; background-position: 1px 1px; margin-bottom: 35px; text-shadow: 0 3px #7F683F;} .n_h_apply_form{background-color: #fff;padding: 40px 2%;} .n_h_apply_form_title{} .n_h_apply_form_title>div{display: flex; align-items: center; justify-content: center;} .n_h_apply_form_title>div>span{display: inline-block; width: 50px; border-top: 2px solid #cccccc; vertical-align: 5px;} .n_h_apply_form_title>div>img{width: 30px;margin-left: 10px;} .n_h_apply_form_title>div>h2{padding: 0 10px;font-size: 28px;} .n_h_apply_form_title>p{text-align: center;font-size: 14px;} .n_h_apply_form ul{display: flex;flex-wrap: wrap;padding-top: 12px;} .n_h_apply_form ul>li{width: 50%;padding-bottom: 10px;} .n_h_apply_form ul>li:first-child>input{height: 14px; width: 20px;} .n_h_apply_form ul>li>label{color: #7b4715;} .n_h_apply_form ul>li>input{width: 74%; height: 28px; background-color: #f9f9f9;} .n_h_apply_form ul>li>strong{font-size: 14px; color: #ff5722;} .n_h_apply_form_f>div:nth-child(1)>strong{font-size: 14px; color: #ff5722;} .n_h_apply_form_f>div:nth-child(1)>span{font-size: 14px;} .n_h_apply_form_f>div:nth-child(1)>label{color: #7b4715;margin-bottom: 4px;} .n_h_apply_form_f>div:nth-child(2){font-size: 12px; color: #808080; line-height: 18px;} .n_h_apply_form_submit{display: flex; justify-content: center;} .n_h_apply_form_submit>button{background: #E7A42D; text-align: center; line-height: 40px; font-size: 18px; color: #ffffff; width: 170px; margin: 0 10px; border-radius: 5px; box-shadow: 2px 2px #7F683F;} /* -> 首页 -> new成功案例模塊*/ .tabs>h2{font-weight: bold;font-size: 36px;color: #141414;text-align: center;padding-bottom: 40px; padding-top: 40px;} .tabs>div>div{ clear: both;background-color: #FFE4BA;padding: 1%;} .tabs>div>div:not(:first-child){display: none;} .tabs>ul{width: 100%;margin: 0px;padding: 0px;} .tabs>ul li{display: flex; flex-direction: column;align-items: center; justify-content: center;float: left; list-style: none; height: auto; line-height: 50px; background-color: #F3F3F3; text-align: center; cursor: pointer; font-size: 20px; width: 24.625%;padding: 20px 0; border-radius: 12px 12px 0 0;} .tabs>ul li>div{width: 90px; height: 58px; align-items: center; display: flex; justify-content: center;} .tabs>ul li div img{height: 100%;} .tabs>ul li h4{line-height: 33px; padding-top: 8px; margin: 0;font-weight: bold;} .tabs>ul li:not(:first-child){margin-left: 0.5%;} .tabs>ul li.active{border-bottom: solid 2px #FFE4BA;background-color: #FFE4BA;color: #1C1C1C;} .tabs>div>div>ul{display: flex;flex-wrap: wrap;} .tabs>div>div>ul>li{background-color: #fff;width: 32.8%; margin: 0.25%;} .tabs>div>div>p{text-align: center; font-weight: bold; background-color: #ef9614; color: #fff;} .tabs>div>div>p>a{color: #fff;} @media screen and (max-width: 480px) { .tabs>ul li h4{ line-height: 21px;height: 65px;} .tabs>div>div>ul>li{width: auto;} } /* -> 首页 -> new成功案例模塊end*/ /* -> 首页 -> 成功案例模塊*/ .success {padding: 66px 0 50px 0;} .success > div.none {display: none;} .success > div.pc {display: block;} .success h3 {font-weight: bold;font-size: 36px;color: #141414;text-align: center;margin-bottom: 30px;} .success h5 {position: relative;font-weight: bold;font-size: 24px;padding: 25px 10px;color: #FFFFFF;display: block;background-color: #DC9228;text-align: center;margin: 0;} .success h5 span {position: absolute;top: 50%;left: 0;display: block;font-size: 12px;color: #FFFFFF;background-color: #D7502B;line-height: 24px;padding: 0 8px;transform: translate(0, -12px);} #success .carousel-item a {font-size: 14px;line-height: 24px;color: #FFFFFF;padding: 6px 32px;background-color: #E7A42D;box-shadow: 2px 2px #7F683F;border-radius: 5px;margin-top: 30px;display: inline-block;width: auto;height: auto;} .successRow {display: -webkit-flex;display: flex;height: 300px;} .successRow > div > img {margin-right: 20px;width: 426px;} @media screen and (max-width: 768px) {} @media screen and (max-width: 375px) {} @media screen and (max-width: 320px) {} @media screen and (max-width: 480px) { /* -> 首页 -> banner開始*/ .index-banner {height: 526px;} .index-banner>div{background-size: 100%;align-items: flex-end;} .banner_45>div>ul{flex-direction: column;background-color: #ffffff52;} .banner_45{margin-top: 36px;} .banner_45>h1 {font-size: 24px;margin-bottom: 14px;} .banner_45>div>ul>li {padding: 4px 24px; background-color: #f39816bd;} .banner_45>div>ul>li:nth-child(2) { background-color: #ffffffa8; } .banner_45>div>ul>li>p {line-height: 29px;} .banner_49 {margin-right: 0; justify-content: center; margin-bottom: 150px;} .banner_41 {margin-bottom: 88px;padding-right: 0; padding-top: 0;} .banner_41>h1 {font-size: 26px; margin-bottom: 18px;} .banner_41>div {width: 100%;} .banner_41>div>div:nth-child(1) { display: flex; justify-content: center; align-items: center; } .banner_41>div>div:nth-child(1)>img { width: 80px; } .banner_41>div>div:nth-child(2)>p>span { padding-right: 0; line-height: 25px;} .banner_41>div>div:nth-child(2){ padding: 5px;} .banner_41>div>div:nth-child(2)>p {padding: 0;} /* -> 首页 -> 相關業務模塊*/ .business ul li {-webkit-flex-direction: column;flex-direction: column;} .business ul li:nth-child(1) > div.understand h3{top: -31px;} .business ul li:nth-child(2n) {-webkit-flex-direction: column-reverse;flex-direction: column-reverse;} .business ul li .picture {margin: 20px 0 0 0;} .business ul li > div {width: 100%;} .business ul li > div.understand span {font-size: 16px;top: -12px;text-shadow: 1px 1px #7f683f;} .business ul li > div.understand p {text-align: justify;padding-bottom: 10px;} .business ul li > div.understand {padding: 30px 12px;} .business ul li > div.understand a {padding: 6px 15px;} /* -> 首页 -> banner結束*/ .n_h_apply>div { flex-direction: column;} .n_h_apply>div>div { width: 100%; } .n_h_apply>div>div { width: 100%; } .n_h_apply_info>ol>li {font-size: 30px;line-height: 38px;} .n_h_apply_info>ol>li {margin-bottom: 16px;letter-spacing: 0;background-size: 42px;padding-left: 50px;} .n_h_apply_form ul {flex-direction: column;} .n_h_apply_form ul>li {width: 100%;} .n_home_banner .carousel-item > div {padding: 20px 16px 32px;background-position: bottom;} } /*--------------------------------------------------------公屋、居屋、夾屋免補加按页面--------------------------------------------------------*/ .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;} .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: 20px; font-size: 14px;padding-bottom:0;} .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;} .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: 22px;} .n_n_hos_case_two_title>h2{letter-spacing: 0;} .n_n_hos_case_two_title { background-size: 100px;margin-bottom: 15px;} .n_n_hos_case_two_title>p {line-height: 20px; padding-bottom: 0;font-size: 14px;padding-top: 0;} .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;} .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: 20px;} .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: 22px;} } /*公屋、居屋、夾屋免補加按页面*/ .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;} /*--------------------------------------------------------贖回破產物業--------------------------------------------------------*/ .n_rbp{/*background:#f9f9f9 url("../n_images/bankruptcy/ad_bg.png") no-repeat fixed bottom right;*/background-image: url("../n_images/bankruptcy/ad_bg.png");background-color: #f9f9f9;background-repeat: no-repeat;background-position: bottom right;} .n_rbp_one{} .n_rbp_one>div{display: flex; flex-direction: row; width: 100%; padding: 10px 0 30px 0; border-bottom: 5px #ec9229 solid; margin-bottom: 30px;} .n_rbp_one>div>div>p{padding-left: 40px;font-weight: bold;} .n_rbp_one>div>div>p>span{} .n_rbp_one>div>div:nth-child(1)>span{ color : #1D7CBD;} .n_rbp_one>div>div:nth-child(1){font-size: 28px; line-height:38px; color: #e38b2d; font-weight: bold;} .n_rbp_one>div>div:nth-child(2){width:60%;font-size : 22px; line-height : 30px; color : #402D0C;} .n_rbp_two{display: flex; flex-direction: column; align-items: center;} .n_rbp_two>p{font-size : 24px; color : #383838;} .n_rbp_two>img{width: 550px;padding-bottom: 10px;} .n_rbp_two>span{font-size: 37px; line-height: 86px; color: #DC482E; font-weight: bold;text-shadow: 0 3px 0 #fff, 0 -3px 0 #fff, 3px 0 0 #fff, -4px 0 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff, 3px 3px 0 #fff, -3px 3px 0 #fff, 0 6px 0 #a7a5a5;} .n_rbp_two>div{display: flex; background-color: #ffffffd4; margin: 10px 0; padding: 0 20px; border-radius: 18px;width: 70%;} .n_rbp_two>div>p{margin:0;font-weight : bold; font-size : 24px; color : #383838;display: flex; align-items: center;} .n_rbp_two>div>p>span{ color : #AB783B;padding-left: 30px;} .n_rbp_two>div>p>img{padding: 0 20px;} .n_rbp_two>div>img{} .n_rbp_two>div:nth-child(2){} .n_rbp_three{} .n_rbp_three>div{text-align: center;} .n_rbp_three_title{font-size:32px;color:#EC9229;font-style:italic; text-shadow: 0 3px 1px #fff, 0 7px 2px #cccccc;padding: 30px 0;line-height: 38px;} .n_rbp_three_info{margin-bottom: 20px;text-align: left;} .n_rbp_three_call{} .n_rbp_three_call>ul{display: flex;justify-content: center;} .n_rbp_three_call>ul>li{margin: 0 8px; padding: 14px 20px; font-size: 24px; font-weight: bold; border-radius: 4px;display: flex; align-items: center;} .n_rbp_three_call>ul>li:nth-child(1){background-color: #ec9229; padding:14px 20px; color: #fff; font-size: 24px; text-shadow: 0 3px 0 #bb6b0d; font-weight: bold;border-radius: 4px;} .n_rbp_three_call>ul>li:nth-child(2){background-color: #fcf2df;color: #f29817;} .n_rbp_three_call>ul>li:nth-child(3){background-color: #f0f7f5;color: #63bd96;} .n_rbp_three_call>ul>li:nth-child(2)>img{width: 31px;height: 32px; margin-right: 10px;} .n_rbp_three_call>ul>li:nth-child(3)>img{width: 30px;margin-right: 10px;} .n_rbp_four{ background-color: #d5eff7;} .n_rbp_four_info{display: flex;padding-top: 30px;} .n_rbp_four_info>div{} .n_rbp_four_info>div:nth-child(1){background-color: #fcf2df;border-right: 3px #f29817 solid;} .n_rbp_four_info>div:nth-child(1)>img{width: 64px;margin: 25px 19px;} .n_rbp_four_info>div:nth-child(2){background-color: #fff; padding: 26px 22px; font-size: 18px; line-height:28px; color: #323333;letter-spacing: 1px;} .n_rbp_four_info>div:nth-child(2)>p{margin: 0;} .n_rbp_five{background-color: #fffaeb; border: 2px #e38b2d solid;padding: 0;margin-top: 50px;} .n_rbp_five_title{} .n_rbp_five_title>h2{background-color: #ec9229;display: inline-block; padding: 20px;color: #fff;text-shadow: 0 4px 0 #b76a10;} .n_rbp_five_info{display: flex; flex-direction: row; padding-bottom: 20px;} .n_rbp_five_info>div:nth-child(1){padding: 0 0 3% 3%; width:60%;} .n_rbp_five_info>div:nth-child(1)>h6{ color : #EC9229;padding: 16px 0;} .n_rbp_five_info>div:nth-child(1)>p{margin-bottom: 28px;} .n_rbp_five_info>div:nth-child(1)>ul{display: flex; flex-direction: row;margin-bottom: 28px;} .n_rbp_five_info>div:nth-child(1)>ul>li{display: flex; flex-direction: column;text-align: center;border: 1.5px #afafaf dashed;background-color: #fff;} .n_rbp_five_info>div:nth-child(1)>ul>li>span{padding: 7px 10px;} .n_rbp_five_info>div:nth-child(1)>ul>li>span:nth-child(1){border-bottom: 1.5px #afafaf dashed;font-size : 18px; line-height : 29.56px; color : #000000;} .n_rbp_five_info>div:nth-child(1)>ul>li>span:nth-child(2){font-weight: bold; font-size: 20px; line-height: 26px; color: #EC9229;} .n_rbp_five_info>div:nth-child(1)>ul>li:nth-child(1){border-right: none;width: 30%;} .n_rbp_five_info>div:nth-child(1)>ul>li:nth-child(2){ border-right: none;width: 40%;} .n_rbp_five_info>div:nth-child(1)>ul>li:nth-child(3){width: 30%; } .n_rbp_five_info_f{} .n_rbp_five_info_f>span{font-weight: bold; font-size: 20px; line-height: 28px; color: #323333; border-bottom: 2px solid #ec9229; text-decoration: unset; } .n_rbp_five_info>div:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 0 10px; width: 38%;} .n_rbp_five_info>div:nth-child(2)>img{width: 316px;} .n_rbp_five_info>div:nth-child(2)>p{text-align: center; font-size: 18px; line-height: 23.56px; color: #402d0c;padding-top: 20px;} .n_rbp_five_info>div:nth-child(2)>p>span{color: #EC9229;} .n_rbp_six{background-color: #fffaeb; border: 2px #e38b2d solid;padding: 0;margin-top: 50px;} .n_rbp_six_title{} .n_rbp_six_title>h2{background-color: #ec9229;display: inline-block; padding: 20px;color: #fff;text-shadow: 0 4px 0 #b76a10;} .n_rbp_six_info{display: flex; flex-direction: row; padding-bottom: 20px;} .n_rbp_six_info>div:nth-child(1){padding: 0 0 3% 3%; width:60%;} .n_rbp_six_info>div:nth-child(1)>h6{ color : #EC9229;padding: 16px 0;} .n_rbp_six_info>div:nth-child(1)>p{margin-bottom: 28px;} .n_rbp_six_info>div:nth-child(1)>ul{display: flex; flex-direction: row;margin-bottom: 28px;} .n_rbp_six_info>div:nth-child(1)>ul>li{display: flex; flex-direction:row;text-align: center;border: 1.5px #afafaf dashed;background-color: #fff;align-items: center;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(1)>img{width: 42px; height: 42px;margin: 15px;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(2)>img{width: 46px; height: 45px;margin: 15px;} .n_rbp_six_info>div:nth-child(1)>ul>li>p{margin: 0; padding: 10px;text-align: left;font-size : 18px; line-height : 29.56px; color : #000000;} .n_rbp_six_info>div:nth-child(1)>ul>li>p>span{display: block;font-weight : bold; font-size : 20px; line-height : 29.56px; color : #EC9229;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(1){border-right: none;width: 60%;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(2){width: 40%;} .n_rbp_six_info_f{} .n_rbp_six_info_f>span{font-weight: bold; font-size: 20px; line-height: 28px; color: #323333; border-bottom: 2px solid #ec9229; text-decoration: unset; } .n_rbp_six_info>div:nth-child(2){display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 0 10px; width: 38%;} .n_rbp_six_info>div:nth-child(2)>img{width:100%;} @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_rbp {background-size: 100%;background-image: url(../n_images/bankruptcy/ad_bg.webp);} .n_rbp_one>div { flex-direction: column;padding: 10px 0 0 0;margin-bottom: 12px;} .n_rbp_one>div>div:nth-child(1){width: 100%;font-size: 24px; line-height: 28px;} .n_rbp_one>div>div:nth-child(2){width: 100%;font-size: 18px; line-height: 30px;} .n_rbp_one>div>div:nth-child(2)>p{padding-left:0;font-size: 16px; line-height: 22px;} .n_rbp_two>img {width: 100%;} .n_rbp_two>p{line-height: 24px; margin: 0;} .n_rbp_two>div {width: 100%; padding: 10px 10px; border-radius: 5px;} .n_rbp_two>div>p>img { padding: 0 0; width: 12px; margin: 0 5px; } .n_rbp_two>div>p {font-size: 17px; text-align: center;line-height: 17px;} .n_rbp_two>div>p>span { padding-left: 5px;} .n_rbp_three>.n_content_two{padding-bottom: 10px;} .n_rbp_three_title{font-size: 22px; line-height: 28px;padding: 16px 0;margin-bottom: 0;} .n_rbp_three_info{font-size: 16px;line-height: 22px;} .n_rbp_three_call>ul {flex-wrap: wrap;} .n_rbp_three_call>ul>li {margin-bottom: 10px;} .n_rbp_four>.n_content_two{padding-bottom: 25px;} .n_rbp_four_info {flex-wrap: wrap;padding-top: 0;} .n_rbp_four_info>div:nth-child(2)>p{font-size: 16px; line-height: 21px;} .n_rbp_four_info>div:nth-child(1) { border-right: none;border-bottom: 3px #f29817 solid;width: 100%; text-align: center;} .n_rbp_four_info>div:nth-child(1)>img { width: 55px; margin: 10px; } .n_rbp_four_info>div:nth-child(2) { text-align: justify;padding: 14px 16px;} .n_rbp_two>span { font-size: 23px;line-height: 60px;} .n_rbp_five {width: 92%;margin-top: 20px;} .n_rbp_five_title>h2{font-size: 20px;line-height: 8px;width: 100%;} .n_rbp_five_info>div:nth-child(1)>h6{padding: 0;} .n_rbp_five_info {flex-direction: column;} .n_rbp_five_info>div:nth-child(1) { width: 100%; padding: 0 3%;} .n_rbp_five_info>div:nth-child(1)>p{ font-size: 16px;line-height: 24px; margin-bottom: 10px;} .n_rbp_five_info>div:nth-child(2) {width: 100%;} .n_rbp_five_info>div:nth-child(1)>ul { flex-direction: column;margin-bottom: 16px;} .n_rbp_five_info>div:nth-child(1)>ul>li {flex-direction: row;} .n_rbp_five_info>div:nth-child(1)>ul>li:nth-child(1) {width:auto;border: 1.5px #afafaf dashed;border-bottom: none;} .n_rbp_five_info>div:nth-child(1)>ul>li:nth-child(2) {width:auto;border: 1.5px #afafaf dashed;border-bottom: none;} .n_rbp_five_info>div:nth-child(1)>ul>li:nth-child(3) {width:auto;border: 1.5px #afafaf dashed;} .n_rbp_five_info>div:nth-child(1)>ul>li>span:nth-child(1) {border-bottom:none;border-right:1.5px #afafaf dashed;width: 55%;line-height: 20px;font-size: 16px;} .n_rbp_five_info_f>span{font-size: 18px; line-height: 24px;} .n_rbp_five_info>div:nth-child(2)>img {width: 60%;} .n_rbp_six{width: 92%;} .n_rbp_six_title>h2{font-size: 20px; line-height: 8px; width: 100%;} .n_rbp_six_info>div:nth-child(1)>h6{padding: 0;} .n_rbp_six_info>div:nth-child(1)>p{font-size: 16px; line-height: 24px; margin-bottom: 10px;} .n_rbp_six_info_f>span{font-size: 18px; line-height: 24px;} .n_rbp_six_info {flex-direction: column;} .n_rbp_six_info>div:nth-child(1) {padding:3%;width: 100%;} .n_rbp_six_info>div:nth-child(2) {width: 100%;} .n_rbp_six_info>div:nth-child(1)>ul {flex-direction: column;margin-bottom: 12px;} .n_rbp_six_info>div:nth-child(1)>ul>li>p{line-height: 12px;padding: 8px;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(1)>img{width: 32px; height: 32px;margin: 10px;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(2)>img{width: 33px; height: 32px;margin: 10px;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(1) {width: auto;border-right: 1.5px #afafaf dashed; border-bottom: none;} .n_rbp_six_info>div:nth-child(1)>ul>li:nth-child(2) {width: auto;} } /*--------------------------------------------------------破產概覽頁面--------------------------------------------------------*/ .n_crbt{} .n_crbt>div{} .n_crbt>div>div h1{font-size: 22px;font-weight: bold;color: #FFB431;} .n_crbt>div>div:nth-child(1)>img{width: 100%;} .n_crbt>div>div:nth-child(1)>p{font-size: 16px; line-height: 28px; color: #161616; text-indent: 2em;} .n_crbt>div ul{} .n_crbt>div ul>li{border-top: 1px solid #000;padding: 10px 0 20px 0;} .n_crbt>div ul>li h2{padding: 11px 25px 0 25px; font-size: 18px; background: url(/css/img/triangle.png) no-repeat; background-position: 0 18px;} .n_crbt>div ul>li p{} .n_crbt>div ul>li a{ font-size: 18px;color: #FFFFFF !important;padding: 6px 28px;background-color: #FFB431;border-radius: 5px;box-shadow: 2px 2px #7F683F;display: inline-block;margin: 0 0 10px 25px;} /*--------------------------------------------------------破產、申報頁面--------------------------------------------------------*/ .n_crbt_one{} .n_crbt_one>div>div:nth-child(1)>img{width: 100%;} .n_crbt_one>div>div img{width: 100%;} .n_crbt_one>div>div h2{font-size: 22px; line-height: 48px; color: #FFB331; font-weight: bold;} .n_crbt_one>div>div ul{} .n_crbt_one>div>div ul>li{list-style: initial;position: relative; font-size: 16px; color: #4C4C4C; margin: 0 0 0 36px; line-height: 32px;} .n_crbt_one>div>div:nth-child(4){ background-image: url(/css/img/apply-bg.png); background-repeat: no-repeat; background-size: cover; background-position: bottom;} .n_crbt_one>div>div:nth-child(4)>div{padding: 36px 24px;} .n_crbt_one>div>div:nth-child(4)>div>blockquote{font-size: 18px; line-height: 36px; color: #000000; margin-bottom: 20px;} .n_crbt_one>div>div:nth-child(4)>div>a{font-size: 14px; letter-spacing: -0.7px; color: #FFFFFF; padding: 6px 44px 6px 22px; background-color: #FFB431; border-radius: 5px; box-shadow: 2px 2px #7F683F; display: inline-block; background-image: url(/css/img/apply.png); background-repeat: no-repeat; background-position: 80px 7px;} @media screen and (max-width: 480px) { .n_crbt_one>div>div:nth-child(4){background-position: right;} .n_crbt_one>div>div:nth-child(4)>div{background: rgba(255, 255, 255, 0.6);text-align: center;} } /*--------------------------------------------------------破產洗底頁面--------------------------------------------------------*/ .n_crbt_two{} .n_crbt_two>div>div:nth-child(1)>img{width: 100%;} .n_crbt_two>div h2{font-size: 22px; line-height: 48px; color: #FFB331; font-weight: bold;} .n_crbt_two>div>div:nth-child(3)>div{padding: 5px 24px; font-size: 16px; text-align: justify; line-height: 36px;} .n_crbt_two>div>div>p{padding: 5px 24px; font-size: 16px; text-align: justify; line-height: 36px;} .n_crbt_two>div>div:nth-child(5)>ul{padding: 5px 24px;display: flex; flex-direction: row; flex-wrap: wrap;} .n_crbt_two>div>div:nth-child(5)>ul>li{width: 50%;padding: 3px 0 3px 40px;font-size: 16px;margin-bottom: 28px;} .n_crbt_two>div>div:nth-child(5)>ul>li:nth-child(1){background: url(/css/img/complete-1.png) no-repeat;} .n_crbt_two>div>div:nth-child(5)>ul>li:nth-child(2){background: url(/css/img/complete-2.png) no-repeat;} .n_crbt_two>div>div:nth-child(5)>ul>li:nth-child(3){background: url(/css/img/complete-3.png) no-repeat;} .n_crbt_two>div>div:nth-child(5)>ul>li:nth-child(4){background: url(/css/img/complete-4.png) no-repeat;} .n_crbt_two>div>div:nth-child(5)>ul>li:nth-child(5){background: url(/css/img/complete-5.png) no-repeat;} .n_crbt_two>div>div:nth-child(6){margin: 30px 0; background-image: url(/stroage/images/bankruptcy_rescission-bg-3.png); background-repeat: no-repeat; background-position: left;background-color: #F0EEDF;} .n_crbt_two>div>div:nth-child(6)>div{ padding: 28px 32px;text-align: center;} .n_crbt_two>div>div:nth-child(6)>div>p{} .n_crbt_two>div>div:nth-child(6)>div a{font-size: 14px; color: #FFFFFF; padding: 6px 44px 6px 22px; background-color: #FFB431; border-radius: 5px; box-shadow: 2px 2px #7F683F; display: inline-block; background-image: url(/css/img/apply.png); background-repeat: no-repeat; background-position: 80px 7px; width: 125px;} @media screen and (max-width: 480px) { .n_crbt_two>div>div:nth-child(5)>ul>li{width: 100%;} .n_crbt_two>div>div:nth-child(6){background-size: cover;} .n_crbt_two>div>div:nth-child(6)>div{background: rgba(255, 255, 255, 0.6);text-align: center;} } /*--------------------------------------------------------債務重組--------------------------------------------------------*/ .n_debt{} .n_debt>div>div:nth-child(1)>img{width: 100%;} .n_debt>div>div:nth-child(2){margin-bottom: 50px;} .n_debt>div>div:nth-child(2) h1{font-size: 22px; font-weight: bold; color: #FFB431;} .n_debt>div>div:nth-child(2) th,td{border: 1px solid #d4a900;} .n_debt>div>div:nth-child(2) table>thead>tr>th{font-weight: bold;text-align: center;} .n_debt>div>div:nth-child(2) table>tbody>tr>td{font-size: 14px; line-height: 24px; color: #000000; padding: 13px 15px; background-color: #FFEFD6; border: 1px solid #fff; text-align: center; vertical-align: middle;} .n_debt>div>div:nth-child(2) table>tbody>tr:nth-child(2n)>td {background-color: #FFDBA8;} .n_debt>div>div:nth-child(2) table>tbody>tr>td.b-c{ background-color: #FFB93E;font-size: 16px;} .n_debt>div>div:nth-child(2) table>tbody>tr>td.color{color: #B31D29;} .n_debt>div>div:nth-child(3) {padding: 40px 36px;background-image: url('/stroage/images/debt_restructuring-bg-3.png');background-repeat: no-repeat;background-size: cover;} .n_debt>div>div:nth-child(3)>div {text-align: center;width: 560px;} .n_debt>div>div:nth-child(3)>div>span {display: block;font-size: 18px;line-height: 36px;color: #000000;} .n_debt>div>div:nth-child(3)>div>a {font-size: 14px;letter-spacing: -0.7px;color: #FFFFFF;padding: 6px 44px 6px 22px;background-color: #FFB431;border-radius: 5px;box-shadow: 2px 2px #7F683F;display: inline-block;background-image: url("/css/img/apply.png");background-repeat: no-repeat;background-position: 80px 7px;margin-top: 12px;} @media screen and (max-width: 480px) { .n_debt>div>div:nth-child(2) table>thead>tr>th, .n_debt>div>div:nth-child(2) div>table>tbody>tr>td {padding: 5px;} .n_debt>div>div:nth-child(2) table>thead>tr>th:first-child {width: 16%;} .n_debt>div>div:nth-child(2) table>thead>tr>th:nth-child(2), .n_debt>div>div:nth-child(2) table>thead>tr>th:nth-child(3), .n_debt>div>div:nth-child(2) table>thead>tr>th:nth-child(4) {width: 28%;} .n_debt>div>div:nth-child(2) table>thead>tr>th {font-size: 12px;} .n_debt>div>div:nth-child(2) table>tbody>tr>td {font-size: 12px;} .n_debt>div>div:nth-child(2) table>tbody>tr>td.b-c {font-size: 12px;} .n_debt>div>div:nth-child(3) {background-position: right;} .n_debt>div>div:nth-child(3)>div {width: 100%;} .n_debt>div>div:nth-child(3)>div>span{background-color: rgba(255, 255, 255, 0.7);padding: 15px;} } /*--------------------------------------------------------楼宇按揭页面--------------------------------------------------------*/ .n_mortgage{} .n_mortgage>img{margin-top: 30px;width: 100%;} .n_mortgage_title{} .n_mortgage_title>h1{font-size : 37px; letter-spacing : 1.48px; color : #F29817;text-align: center; margin-bottom: 30px;} .n_mortgage_info{border: 2px #e38b2d solid; background-color: #fcfcf2; padding: 3% 4%;width: 80%; margin: 0 auto;} .n_mortgage_info>h2{margin-bottom: 20px;} .n_mortgage_info>ul{display: flex; flex-wrap: wrap;} .n_mortgage_info>ul>li{width: 50%;font-size : 22px; color :#402d0c;margin-bottom: 20px;} .n_mortgage_info>ul>li>span{color : #E38B2D;} .n_mortgage_info>ul>li>img{width: 25px;height:24px;margin-right: 12px;} .n_mortgage_case{border: 2px #8d9e5d solid;padding: 0;margin-top: 40px;width: 98%;} .n_mortgage_case_title{background-color: #fcf2df;padding: 1.5% 2%;display: flex; align-items: center; justify-content: space-between;} .n_mortgage_case_title>h2>span{display: block;color: #f29817;} .n_mortgage_case_title>h6{background-color: #f9dbb2; padding: 3px 11px; border-radius: 17px;color: #000;} .n_mortgage_case_info{padding: 2%;} .n_mortgage_case_info>p{margin-bottom: 20px;} .n_mortgage_case_info_one{background-color: #fcf2df;padding: 1%;} .n_mortgage_case_info_one>div{border: 2px #979faa dashed;} .n_mortgage_case_info_one>div>ul{padding: 1%;margin: 0;} .n_mortgage_case_info_one>div>ul>li{display: flex;} .n_mortgage_case_info_one>div>ul>li:nth-child(1){font-weight : bold; font-size : 20px; color : #323333;} .n_mortgage_case_info_one>div>ul>li:nth-child(1)>div{padding: 10px 0;} .n_mortgage_case_info_one>div>ul>li>div:nth-child(1){width: 20%;padding-right: 0.5%;} .n_mortgage_case_info_one>div>ul>li>div:nth-child(2){width: 80%;} .n_mortgage_case_info_one>div>ul>li:nth-child(2)>div:nth-child(2)>p{width: 80%;background-color: #4c4c4c;color: #fff; padding: 10px;} .n_mortgage_case_info_one>div>ul>li:nth-child(3)>div:nth-child(2)>p{width: 30%;background-color: #f29817;color: #fff; padding: 10px;} .n_mortgage_case_info_one>div>ul>li:nth-child(2)>div:nth-child(1)>p,.n_mortgage_case_info_one>div>ul>li:nth-child(3)>div:nth-child(1)>p{background-color: #fff; padding: 10px;} .n_mortgage_case_f{padding: 10px 0;} .n_mortgage_case_f>p{font-size: 20px; letter-spacing: 1px; line-height: 32px;} .n_mortgage_case_f>p>span{color: #f29817;} .n_mortgage_case_info_one>ul{display: flex; align-items: center;} .n_mortgage_case_info_one>ul>li{border: 2px #979faa dashed; width: 31%; padding: 16px; text-align: center;font-size: 20px;} @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_mortgage_title>h1 {font-size: 26px;margin-bottom: 14px;} /* .n_mortgage_info {width: 100%;}*/ .n_mortgage_info>h2 {letter-spacing: 0;margin-bottom: 6px;font-size: 20px;} .n_mortgage_info>ul{margin-bottom: 0;} .n_mortgage_info>ul>li {width: 100%;padding: 5px 0; display: flex;margin-bottom: 0;font-size: 18px;} .n_mortgage_info>ul>li>img{width: 19px; height: 20px;} .n_mortgage_case_title {flex-wrap: wrap;} .n_mortgage_case_title>h2 {letter-spacing: 0;line-height: 24px;font-size: 20px;padding-top: 6px;} .n_mortgage_case_title>h6{font-size: 12px;} .n_mortgage_case_info>p {text-align: justify; line-height: 21px; font-size: 14px;margin-bottom: 14px; } .n_mortgage_case_info_one>div>ul>li>div:nth-child(1) { width: 50%;} .n_mortgage_case_info_one>div>ul>li>div:nth-child(2) { width: 50%; } .n_mortgage_case_info_one>div>ul>li:nth-child(2)>div:nth-child(2)>p { width:100%;line-height: 12px;margin: 0 0 10px 0;} .n_mortgage_case_info_one>div>ul>li:nth-child(3)>div:nth-child(2)>p { width:100%;line-height: 12px;margin: 0 0 10px 0;} .n_mortgage_case_f>p{line-height: 32px;} .n_mortgage_case_f>h5{font-size: 18px;line-height: 25px;} .n_mortgage_case_info_one>ul {flex-direction: column;margin-bottom: 0;} .n_mortgage_case_info_one>ul>li {width: 90%;margin-bottom: 9px;font-weight: bold;padding: 6px;font-size: 18px;} .n_mortgage_case{width: 90%;margin-top: 10px;} .n_mortgage{padding-bottom: 10px;padding-top: 25px;} .n_mortgage_case_info_one>div>ul>li:nth-child(1){font-size: 16px;} .n_mortgage_case_info_one>div>ul>li:nth-child(2)>div:nth-child(1)>p, .n_mortgage_case_info_one>div>ul>li:nth-child(3)>div:nth-child(1)>p{font-size: 16px;line-height: 12px;margin: 0 0 10px 0;} } /*--------------------------------------------------------申請頁面--------------------------------------------------------*/ .n_apply {background-color: #f5f3f2;padding-top: 160px;} .n_apply_form{background: #fff; /*border-top: 6px solid #d8a744;*/padding: 5% 10%;} .n_apply_title>div{display: flex; align-items: center; justify-content: center;padding-bottom: 20px;} .n_apply_title>div>span{display:inline-block; width:50px; border-top:2px solid #cccccc; vertical-align:5px;} .n_apply_title>div>img{width: 44px;margin-left:10px;} .n_apply_title>div>h1{padding: 0 10px;font-size: 26px; color: #402D0C; font-weight: bold; line-height: 32px; letter-spacing: 1px;} .n_apply_title>p{text-align: center;font-size: 19px;} .n_apply_form ul{display: flex; flex-wrap: wrap;padding: 50px 0 20px 0;} .n_apply_form ul li{width: 50%;line-height: 34px; font-size: 18px; color: #7b4715;padding-bottom: 25px;} .n_apply_form ul li>span:nth-child(1){padding-right: 10px;} .n_apply_form ul li input{width: 74%;height: 42px;background-color: #f9f9f9;} .n_apply_form ul li:nth-child(1)>span>input{width: 40px;height: 13px;} .n_apply_f>div:nth-child(1){display: flex;flex-wrap: wrap;} .n_apply_f>div:nth-child(1)>p{font-size: 18px;} .n_apply_f>div:nth-child(1)>p>input{width: 20px;} .n_apply_f>div:nth-child(2){color: #5a5a5a; font-size: 14px;} .n_apply_submit{display: flex;flex-wrap: wrap;justify-content: center;padding: 50px 0 0 0;} .n_apply_submit>input{text-align: center; line-height: 55px; font-size: 18px; color: #ffffff;width: 170px;margin: 0 10px;border-radius: 5px; box-shadow: 2px 2px #7F683F; background-color: #E7A42D;} .n_apply_submit>input:hover{background-color: #d8a744;color: #fff;} .n_apply_b{background: #fff; /*border-top: 6px solid #d8a744;*/padding: 5% 10%;} .n_apply_b ul{display: flex; flex-wrap: wrap;padding-top: 50px;margin: 0;} .n_apply_b ul li{width: 50%;line-height: 34px; font-size: 18px; color: #7b4715;padding-bottom: 25px;} .n_apply_b ul li>span:nth-child(1){padding-right: 10px;display: block;} .n_apply_b ul li>span:nth-child(2){color: #3e3e3e;} .n_apply_b ul li input{width: 74%;height: 42px;background-color: #f9f9f9;} .n_apply_b ul li:nth-child(4) input{width: 40px; height: 13px; } .n_apply_b ul li:nth-child(5) input{width: 40px; height: 13px; } .n_apply_b_one{line-height: 34px; font-size: 18px; color: #7b4715; padding-bottom: 25px;} .n_apply_b_one>p{margin: 0;} .n_apply_b_one>p>span{color: #545454; font-size: 16px;} .n_apply_b_two{font-size: 14px;} .n_apply_b_two>.kl{display: none;} .n_apply_b_two>div{background: #fdf8f1;} .n_apply_b_two>div:nth-child(odd){background: #f6ece3;} .n_apply_b_two>div>div{display: flex;align-items: center;border-bottom: 1px #fff solid;} .n_apply_b_two>div>div>div:nth-child(1){background-color: #f8dbb3; padding: 8px 6px;} .n_apply_b_two>div>div>div:nth-child(2){padding-left: 11px;} .n_apply_b_two .enk { width: 167px; height: 27px; line-height: 30px; border: 1px solid #e6e5e3; background: #fff; border-radius: 0; -webkit-border-radius: 0 !important;} .n_apply_b_two .enkk { height: 22px; line-height: 22px; } .n_apply_b_two .w100 { width: 100px; } .n_apply_c{background: #fff; /*border-top: 6px solid #d8a744;*/padding: 5% 10%;} .n_apply_c_form{} .n_apply_c_form>div>div:nth-child(1){line-height: 34px; font-size: 18px; color: #7b4715;} .n_apply_c_form>div>div:nth-child(1)>span:nth-child(2){color: #484848;} .n_apply_c_form>div>div:nth-child(2){background-color: #f6ece3;padding: 10px 16px;margin-bottom: 16px;} .n_apply_c_form>div>div:nth-child(2)>span:nth-child(1){} .n_apply_c_form>div>div:nth-child(2)>span:nth-child(2){} .n_apply_c_form>div>div:nth-child(2)>span input{width: 80%;} .duyu{display: none} /*-->彈出成功申請提示*/ .wqbj {width: 100%;height: 100%;position: fixed;z-index: 100000000;top: 0;left: 0;display: none} .wcd {width: 100%;height: 100%;position: relative} .lcd {width: 542px;position: absolute;background: #fff;z-index: 10} .jdbj {width: 100%;background: #000;opacity: .75;position: absolute;left: 0;top: 0;z-index: 2} .n_apply_c_s{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;padding: 60px;} .n_apply_c_s>div{font-size: 28px;display: flex; justify-content: center; align-items: center;margin-bottom: 16px;letter-spacing: 8px;} .n_apply_c_s>div>img{width: 37px;margin-right: 8px;} .n_apply_c_s>p{font-size: 20px; text-align: center; line-height: 34px;letter-spacing: 3px;margin-bottom: 30px;} .n_apply_c_s>span{background-color: #ef9614; padding: 8px; width: 120px; text-align: center; border-radius: 10px;} .n_apply_c_s>span>a{color: #fff; font-size: 20px;} @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_apply_title>p { font-size: 18px;} .n_apply_title>div>span {width: 24px;} .n_apply_form ul {padding: 0 0 20px 0;} .n_apply_form ul li {width: 100%;padding-bottom: 0;} .n_apply_submit {padding: 20px 0 0 0; flex-wrap: nowrap;} .n_apply_b ul {padding-top: 10px;} .n_apply_b ul li {width: 100%;padding-bottom:0;} .n_apply_b_two>div>div {display: block;} .n_apply_b_two>div>div>div:nth-child(2) {padding: 10px;} .n_apply_b_two>div>div>div:nth-child(2)>span {display: block;padding-bottom: 8px;} .lcd{width: 90%;margin: 2%;} .n_apply_c_s {padding: 20px 5%;} .n_apply_c_s>div {letter-spacing: 4px;} .n_apply_c_s>p{line-height: 24px;font-size: 16px;} } /*--------------------------------------------------------成功案列--------------------------------------------------------*/ .n_successful_case_class{} .n_successful_case_class>ul{display: flex;margin: 0;justify-content: center;} .n_successful_case_class>ul>li:nth-child(1){background-color: #fff; font-weight: bold;} .n_successful_case_class>ul>li{background-color: #f9dbb2; margin: 0 5px; padding: 3px 15px; border-radius: 9px;} .n_successful_case_pc{display: block;} .n_successful_case_pc>div{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 1px dashed #CBCBCB; padding: 30px 0;} .n_successful_case_pc div.left{width: 12%; height: 80px; background-color: #E6A32D; text-align: center; padding: 18px 0; box-sizing: border-box;} .n_successful_case_pc div.left>span{display: block; font-size: 30px; line-height: 24px; letter-spacing: 0.75px; color: #FFFFFF; } .n_successful_case_pc div.left>small{font-size: 14px; line-height: 24px; letter-spacing: 0.35px; color: #FFFFFF;} .n_successful_case_pc div.right{width: 86%; margin-left: 26px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;} .n_successful_case_pc div.right>div{flex: 1; text-align: left;} .n_successful_case_pc_title{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .n_successful_case_pc_title>h3{font-size: 22px; color: #E6A32D;} .n_successful_case_pc_title>div{border: none; padding: 0;} .n_successful_case_pc_title>div img{height: 17px;} .n_successful_case_pc_info>iframe{width: 100%; margin-bottom: 15px;} .n_successful_case_pc_info>p{font-size: 18px; line-height: 30px; color: #333333;} .n_successful_case_pc_info>a{font-size: 14px; line-height: 24px; color: #FFFFFF; padding: 6px 32px; background-color: #f47d22; box-shadow: 2px 2px #7F683F; border-radius: 5px; display: inline-block;} .n_successful_case_m{color: #7b4715; margin-bottom: 0;} .n_successful_case_m>div{border-bottom: 1px dashed #CBCBCB;margin-bottom: 20px;} .n_successful_case_m_title{} .n_successful_case_m_title>h3{font-size: 24px; color: #D3902D; margin: 10px 0 0 0;font-weight: bold;text-align:left;} .n_successful_case_m_title>div{padding: 6px 0;} .n_successful_case_m_title>div img{height: 13px;} .n_successful_case_m_info>iframe{width: 100%; height: auto;margin-bottom: 10px;} .n_successful_case_m_info>p{font-size: 16px;} /*--------------------------------------------------------成功案列文章頁面--------------------------------------------------------*/ .n_successful_case_article{padding: 20px;} .n_successful_case_article>div{background-color: #fff;padding: 60px;} .n_successful_case_article_title{display: flex; flex-direction: column;align-items: center;} .n_successful_case_article_title>div{} .n_successful_case_article_title>h1{font-size: 24px; color: #D3902D;line-height: 31px;font-weight: bold;text-align: center;} .n_successful_case_article_info b{word-wrap: break-word; word-break: break-all; overflow: hidden; font-size: 12px; letter-spacing: 0px; line-height: 15px;} .n_successful_case_article_info>div:nth-child(1){text-align: center; padding: 30px;} .n_successful_case_article_info>div:nth-child(2){display: flex; flex-direction: column; align-items: center;} .n_successful_case_article_info>div:nth-child(2) img{width: 90%;padding: 30px;} .n_successful_case_article_info iframe{width: 90%;} .n_successful_case_article_info a{color: #db7a00;} .n_successful_case_article_info>div:nth-child(3){padding: 15px 0;text-align: center; background-color: #efefef;} .page a{font-size: 14px; line-height: 24px; color: #FFFFFF; background-color: #E7A42D; display: inline-block;padding: 5px 10px; margin: 0 10px;} .n_successful_case_article_more{margin-top: 30px;} main.success div.right > div > div.video {position: relative;margin-bottom: 16px;} main.success div.right > div > div.video > a {display: -webkit-flex;display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);cursor: pointer;} main.success div.right > div > div.video > a > img {margin: auto;} main.success div.right > div > div.video > img {width: 100%;} main.success div.right > div > div > h3 {font-size: 22px;color: #E6A32D;} main.success div.right > div > p {font-size: 18px;line-height: 30px;color: #333333;} main.success div.right > div > p > a {font-size: 20px;color: #f6385e;margin: 0 5px;} main.success div.right > div > iframe {width: 100%;margin-bottom: 15px;} main.success div.right > div:first-child > a {font-size: 14px;line-height: 24px;color: #FFFFFF;padding: 6px 32px;background-color: #E7A42D;box-shadow: 2px 2px #7F683F;border-radius: 5px;display: inline-block;} main.success div.mobile > div > h3 {font-size: 24px;color: #D3902D;margin: 10px 0 0 0; /*line-height: 1px;*/} main.success div.mobile > div > div {display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;padding: 6px 0;} main.success div.mobile > div > p {font-size: 16px;line-height: 30px;color: #333333;text-align: justify;margin: 0;} main.success div.mobile > div > p > a {font-size: 14px;color: #f6385e;} main.success div.mobile > div > iframe {width: 100%;margin-bottom: 10px;} main.success div.mobile > div > div > small {font-size: 12px;color: #ccc;margin: 14px 0 0 0;} main.success .share {border: none !important;} main.success > ol {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 250px;margin: 38px auto;} main.success > ol > li > a {font-size: 16px;line-height: 30px;color: #333333;} main.success > div.content {display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);overflow: auto;display: none;padding: 30px;padding: 0 15%;} main.success > div.content > div.conter {margin: auto;position: relative;} main.success > div.content > div.conter > video {width: 100%;} #shut {position: absolute;top: -20px;right: -20px;cursor: pointer;} @media screen and (max-width: 768px) { .n_successful_case_class>ul {flex-direction: column;} .n_successful_case_class>ul>li {margin-bottom: 10px;} .n_successful_case_pc{display: none;} .n_successful_case_article{padding: 0;} .n_successful_case_article>div{padding: 20px;} .n_successful_case_article_info>div:nth-child(1){padding:0;} .n_successful_case_article_info iframe{width: 100%;} } @media screen and (min-width: 768px){ .n_successful_case_m{display: none;} } /*--------------------------------------------------------成功批核屋苑--------------------------------------------------------*/ .n_approved_housing{} .n_approved_housing_search{} .n_approved_housing_search>div{display: flex; justify-content: center; align-items: center;margin: 20px 0;} .n_approved_housing_search>div>span{margin-right: 7px;font-weight: bold;} .n_approved_housing_search>div>select{background-color: #fcf2df; border: 1px #f4b25b solid; padding: 6px 10px; width: 130px;margin-right: 7px;line-height: initial;} .n_approved_housing_search>div>input{background-color: #fcf2df; border: 1px #f4b25b solid; padding: 6px 10px; width: 160px;margin-right: 7px;line-height: initial;} .n_approved_housing_search>div>div{margin-right: 7px; background-color: #ef9614; padding: 7px 20px 7px 20px;border-radius: 8px;color: #fff; font-size: 18px; font-weight: bold;line-height: initial;} .n_approved_housing_info{} .n_approved_housing_info>ul{} .n_approved_housing_info>ul>li{display: flex;background-color: #fff; margin-bottom: 10px;justify-content: space-between;padding: 10px 0;border-radius: 8px;align-items: center;} .n_approved_housing_info>ul>li>div{width: 30%;text-align: center;font-size: 16px;} .n_approved_housing_info>ul>li>div:nth-child(2){font-size: 18px; color: #f29817; font-weight: bold;} .n_approved_housing_info>ul>li:nth-child(1){background-color: #f8dbb3; border-bottom: 4px #f29817 solid; border-radius: 0;font-size: 20px; font-weight: bold; color: #383838;} .n_approved_housing_info>ul>li:nth-child(1)>div:nth-child(2){color: #383838;font-size: 16px;} .n_approved_housing_f{background-color: #f9dbb2; padding: 10px 0; margin: 0;border-bottom: 4px #f29817 solid;} .n_approved_housing_f>ul{display: flex; justify-content: center;margin: 0;} .n_approved_housing_f>ul>li{margin-right: 10px;color: #6f4416;border-radius: 7px;} .pagenum{background-color: #fff; padding: 1px 7px;} .n_approved_housing_f>ul>li>a{color: #854416;} @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_approved_housing_search>div {flex-wrap: wrap;} .n_approved_housing_search>div>select {margin-bottom: 15px;} .n_approved_housing_info>ul>li>div:nth-child(1) {width: 40%;padding: 0 10px;} .n_approved_housing_info>ul>li>div:nth-child(2) {width: 25%;} .n_approved_housing_info>ul>li>div:nth-child(3) {width: 25%;} .n_approved_housing_f>ul {flex-wrap: wrap;} .pageinfo{width: 100%;text-align: center;margin-bottom: 4px;} } /*成功案例模块*/ .successful_case_module{} .successful_case_module_title{margin-bottom: 30px;margin-top: 50px;} .successful_case_module_title>h2{font-weight: bold; font-size: 22px; color: #e38b2d;text-align: center; line-height: 50px;} .successful_case_module_info{display: flex;} .successful_case_module_info li{width: 31.7%;margin: 0 0.8%;background-color: #F8F8F8;} .successful_case_module_info li img{width: 100%;} .successful_case_module_info li>a>div:nth-child(2){padding: 18px 14px;} .successful_case_module_info li>a>div:nth-child(2)>span{color: #e38b2d;font-size:16px;} .successful_case_module_info li>a>div:nth-child(2)>h3{color: #000000;font-size:22px;} .successful_case_module_info li>a>div:nth-child(2)>p{color: #666666;font-size:15px;} .successful_case_module_info li>a>div:nth-child(2)>img{width: initial;}/*文章頁面案列模塊*/ .successful_case_module_more{display: flex; justify-content: flex-end; margin: 0 0.8%;} .successful_case_module_more>a{font-size: 15px; background-color: #f8dbb3; padding: 4px 20px;border-radius: 14px;} @media screen and (max-width: 768px) {} @media screen and (max-width: 375px) {} @media screen and (max-width: 320px) {} @media screen and (max-width: 480px) { .successful_case_module_title>h2 {line-height: 28px; letter-spacing: 0;} .successful_case_module_info {flex-direction: column;} .successful_case_module_info li {width: 100%;margin: 5px 0.8%;} .successful_case_module_title{margin-bottom: 12px; margin-top: 0;} } /*成功案列文章頁面側邊欄模塊*/ div.aside {position: relative;width: 248px;padding: 26px;box-sizing: border-box;text-align: center;background-color: #F4DBB3;border: 1px solid #E7A42D;border-radius: 5px;} div.aside>strong {font-family: "Microsoft YaHei UI";font-size: 16px;line-height: 28px;color: #000000;display: block;} div.aside>a {font-size: 14px;letter-spacing: -0.7px;color: #FFFFFF;padding: 6px 44px 6px 22px;background-color: #FFB431;border-radius: 5px;box-shadow: 2px 2px #7F683F;display: inline-block;margin: 6px 0 23px 0;background-image: url("/css/img/apply.png");background-repeat: no-repeat;background-position: 80px 7px;} div.aside>p {font-size: 16px;color: #402D0C;display: block;margin-bottom: 0;} div.aside>div.line {position: absolute;top: 163px;left: 0;width: 100%;border-bottom: 1px dashed #E7A42D;} div.aside {position: relative;width: 248px;padding: 26px;box-sizing: border-box;text-align: center;background-color: #F4DBB3;border: 1px solid #E7A42D;border-radius: 5px;} div.aside>strong {font-family: "Microsoft YaHei UI";font-size: 16px;line-height: 28px;color: #000000;display: block;} div.aside>a {font-size: 14px;letter-spacing: -0.7px;color: #FFFFFF;padding: 6px 44px 6px 22px;background-color: #FFB431;border-radius: 5px;box-shadow: 2px 2px #7F683F;display: inline-block;margin: 6px 0 23px 0;background-image: url("/css/img/apply.png");background-repeat: no-repeat;background-position: 80px 7px;} div.aside>p {font-size: 16px;color: #402D0C;display: block;margin-bottom: 0;} div.aside>div.line {position: absolute;top: 163px;left: 0;width: 100%;border-bottom: 1px dashed #E7A42D;} /*--------------------------------------------------------額外資訊--------------------------------------------------------*/ .new-left {float: left;} .new-left ul li {width: 31.3%;background: #fff;margin: 1% 1%;text-align: justify;border-radius: 5px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);box-shadow: 0 0 10px rgba(0, 0, 0, .1)} .new-left ul li:nth-child(1),.new-left ul li:nth-child(2){width: 48%;} .new-left ul li p {margin: 0 0 5px;word-break: break-all;} .new-left ul {margin: 0;display: flex;flex-wrap: wrap;} .newlist1{background-color: #ffb431!important}/*廣告*/ .n-l-cont {padding: 20px 15px 0 15px} .n-logo0 {float: left;width: 38px;height: 38px;margin-right: 12px;border: 1px solid #e8eaed} .n-logo1 {display: none;}/*廣告*/ .n-logo0 img {width: 100%} .n-title {width: 100%;display: flex;} .n-title:after, .cic:after {content: "";clear: both;display: block} .n-title-g{color: #fff; font-weight: bold;} /*.n-bt {float: left}*/ .n-bt1:before {content:"廣告";color: #fff; font-weight: bold; font-size: 18px; padding-right: 10px;}/*廣告*/ .n-bt1{ display: flex;}/*廣告*/ .n-bt0{width: inherit;} .n-bt0 p {margin: 0} .np10 {font-size: 18px;font-weight: bold;line-height: 22.8px;color: #7c4715} .np11>a{font-size: 18px;font-weight: bold;line-height: 22.8px;color:#000!important;} .np20 {font-size: 14px;line-height: 22.8px;color: #000} .np21{display: none;}/*廣告*/ .n-cont1 {font-size: 15px;line-height: 22.8px;color: #000;word-wrap: break-word} .n-img {width: 100%;margin-top: 10px;padding-bottom: 15px;animation: fadeIn 0.65s ease-in;} .n-img img {width: 100%} .textmore {display: none} .more {color: #7c4715;cursor: pointer} .share1{display: none;}/*廣告*/ .share0 {padding: 0 15px;border-top: 1px solid #e8eaed;height: 40px;line-height: 40px} .share0 span {float: left;margin-right: 15px;font-size: 15px} .share0 img {height: 13px;cursor: pointer} .n-load {text-align: center;background: #fff;width: 100%;height: 32px;padding: 5px 0;line-height: 32px;border: 1px solid #e8eaed;cursor: pointer} .n-load img {display: none;width: 32px;margin: 0 auto} /*--------------------------------------------------------額外資訊文章頁面--------------------------------------------------------*/ .n_new_list{padding: 20px 0; background-color: #f7f6f6;} .n_new_list>div{background-color: #fff;padding: 60px;} .n_new_list>div:nth-child(2){padding: 0;} .n_new_list .page{background-color: #fff3e2; padding: 10px; display: flex; justify-content: center;background-color: #ececec;} .n_new_list_title{display: flex;} .n_new_list_title>div:nth-child(2){padding-left: 14px;} .n_new_list_title>div:nth-child(2)>h1{margin: 0;font-size: 26px;} .n_new_list_title>div:nth-child(2)>span{color: #656565;} .n_new_list_info{font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529;} .n_new_list_info>div:nth-child(1){text-align: center; margin: 30px;} .n_new_list_info>div h3{font-weight: bold;font-size: 22px; color: #e38b2d;} .n_new_list_info>div h2{font-weight: bold;font-size: 26px;color: #141414;} .n_new_list_info>div:nth-child(1)>img{width: 90%;} .n_new_list_info>div:nth-child(2){} .n_new_list_info b{word-wrap: break-word; word-break: break-all;overflow: hidden;font-size: 12px;line-height: 14px;} .n_new_list_f{ border-top: 1px #eaeaea solid;} .n_new_list_f>div{padding: 10px;display: flex; align-items: center;} .n_new_list_f>div>span{padding-right: 7px;} .n_new_list_f>div>img{width: 80px;} /*新聞資訊文章頁面-相關文章*/ .n_new_list_related{border-top: 1px #e8e8e8 solid; padding-top: 20px;} .n_new_list_related h3{color: #f2a12d;font-size: 22px;} .n_new_list_related>ul{} .n_new_list_related>ul>li{list-style: square; list-style-type: decimal; line-height: 36px; margin-left: 20px;} .n_new_list_related>ul>li>a{font-size: 18px; color: #31302f;border-bottom: 1px #ffb431 dashed;} .n_new_list_related>ul>li>a:hover{color: #ffb431;} /*新聞資訊文章頁面-*/ @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_main{flex-direction:column;} .n_new_list{padding:0;} .n_new_list>div{padding:20px;} .n_new .n_main_left {/*display: none;*/max-width: 84%;margin: 0 8%;} .n_main_left{/*display: none;*/max-width: 84%;margin: 0 8%;} .n_new_list_info h2{font-size: 20px;} .n_new_list_info>div:nth-child(1){padding:10px 0;margin: 0;} .n_new_list_info>div:nth-child(1)>img {width: 100%;} .n_new_list_title>div:nth-child(2)>h1{font-size: 22px;} .aside { display: none;} .new-left ul li,.new-left ul li:nth-child(1), .new-left ul li:nth-child(2) {width: 100%;} .n_main_right{max-width: 100%;} } /*新聞資訊廣告-*/ .ad_carousel { position: relative; } .ad_carousel-item {background-color: #FFE4BA;text-align: center; position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .ad_carousel-item > a > div {padding: 27px 79px 59px;} .ad_carousel-item p {font-size: 18px;line-height: 36px;color: #000000;margin: 0;text-align: left;} /*.ad_carousel-item a { display: inline-block; width: 150px; background-position: center; background-color: #ef9614; padding: 12px; color: #fff; font-size: 22px; letter-spacing: 2px; margin-top: 25px;}*/ .ad_carousel-item>a>div{height: 100%;display: flex; align-items: center;justify-content: center;} .ad_carousel-indicators li {width: 12px;height: 12px;border-radius: 50%;background-color: #FFC67D;margin: 0 3px;border: 1px #ef9614 solid; background-color: unset;} .ad_indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } /*.carousel-control-prev {left: -5%;} .carousel-control-next {right: -5%;}*/ /* .ad_carousel-control-prev-bg {background: url("/n_images/home/prev.png") no-repeat;width: 16px;height: 38px;} .carousel-control-next-bg {background: url("/n_images/home/next.png") no-repeat;width: 16px;height: 38px;} */ .ad_n_home_banner{} .ad_index-banner {padding: 0 !important;} .ad_index-banner {background-repeat: no-repeat;background-size: cover;background-position: center;height: auto;} .ad_index-banner img{width: 100%;} /*--------------------------------------------------------module*--------------------------------------------------------/ /*左欄最新资讯文章new-articles- ->left_new-articles.php*/ .module_new_articles{background-color: #fff; margin-top: 20px; padding: 10px;} .module_new_articles>h4{color: #cb8d33; font-weight: bold;} .module_new_articles>ul{} .module_new_articles>ul>li{margin-bottom: 13px; padding-bottom: 10px; border-bottom: 1px dashed #acacac; font-family: 'Roboto', sans-serif;} .module_new_articles>ul>li>a{ line-height: 21px;color: #111;} /*左欄我們的業務and左欄成功案列分類 new-articles- ->left_our_business.php and left_case_classification.php*/ .module_our_info{} .module_our_info>ul{} .module_our_info>ul>li{margin-bottom: 10px;} .module_our_info>ul>li>a{background-color: #ffe9c5; color: #141414; padding: 10px 0; display: flex; text-align: center; font-size: 20px; border-radius: 6px; font-weight: bold; justify-content: center; align-items: center;} .module_our_info>ul>li>a:hover{background-color: #ffd284;color: #000;} .module_our_info>ul>li>a>img{width: 24px; margin-right: 5px;} .module_our_business{margin-bottom: 12px;} .module_our_business>h4{font-size: 18px; color: #402D0C; margin-bottom: 8px;} .module_our_business>ul{border-top: 2px solid #FFB431;} .module_our_business>ul>li{} .module_our_business>ul>li>a{font-size: 16px; line-height: 50px; border-top: 1px solid #fff; color: #191919; display: block; padding: 0 8px; background-color: #FFE9C5; background-image: url(/css/img/next.png); background-repeat: no-repeat; background-position: 233px 15px; cursor: pointer; transition: background-position .5s; } .module_our_business>ul>li>a:hover{background-color: #ffd284;font-weight: bold;border-left: 2px #ef9614 solid;} @media screen and (max-width: 480px) { .module_new_articles{display: none;} .module_our_business { display: none;} } /*--------------------------------------------------------成功案列視頻--------------------------------------------------------*/ .n_case_video{} .n_case_video>div{} .n_case_video>div>ul{display: flex; flex-wrap: wrap;} .n_case_video>div>ul>li{width: 48%; padding: 1%; border: 1px #ececec solid; margin: 1%;background-color: #fff;} .n_case_video>div>ul>li>h1{font-size: 22px;display: flex; align-items: center;} .n_case_video>div>ul>li>h1>img{width: 18px;margin-right: 10px;} .n_case_video>div>ul>li>iframe{width:100%; height: 300px;} .n_case_video>div{} .n_case_video_f{background-color: #f8dbb3; padding: 12px; margin-top: 30px; text-align: center; font-size: 20px;} @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_case_video>div>ul>li {width: 98%;} .n_case_video>div>ul>li>iframe {height: 180px;} } /*--------------------------------------------------------樓宇按揭計算器--------------------------------------------------------*/ .n_cal{display: flex; justify-content: space-around; align-items: center;padding: 60px 0;} .n_cal>div{} .n_cal>div:nth-child(1){} .n_cal>div:nth-child(1)>div>div,.n_cal>form>div>div:nth-child(3)>div>div{ font-size: 16px; color: #000;} .n_cal>div:nth-child(2){} .inside-title1 { background: #f1e3d8; width: 58px; line-height: 24px; border: 1px solid #cbad93; border-radius: 3px; text-align: center; color: #7a4617; padding: 0; } .n_cal>div>div{margin-bottom: 25px;display: flex;} .n_cal>div>div>h2{font-size: 22px; line-height: 48px; color: #FFB331; font-weight: bold;} .n_cal>div>div>div>span{display: inline-block; height: 100%; min-width: 70px; text-align: justify; text-align-last: justify;} .n_cal>div:nth-child(1)>div>div>input,.n_cal>div:nth-child(3)>div>div>input { width: 320px; height: 40px; background-color: #EAE6E3; border: 1px solid #dbdbdb; padding: 0 10px; font-size: 16px; border-radius: 4px; box-shadow: none !important; margin-right: 10px; box-sizing: border-box; } @media screen and (max-width: 480px) { .n_cal {width: 100%; border: 0;flex-direction: column;padding: 10px 0;} .n_cal>div:nth-child(2){display: flex; justify-content: center;} .n_cal>div:nth-child(1)>div>div>input, .n_cal>div:nth-child(3)>div>div>input {width: 170px;} .inside-title1{margin: 0 12px;} } /*--------------------------------------------------------聯絡我們--------------------------------------------------------*/ .n_contact{} .n_contact>div:nth-child(1){display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;padding: 50px 0;} .n_contact>div:nth-child(1)>p{width: 33.333%; font-size: 18px; color: #000; font-weight: normal !important; padding: 0 20px 0 60px; box-sizing: border-box; margin: 25px 0; word-wrap: break-word;} .n_contact>div:nth-child(1)>p>span{display: block; font-size: 21px; font-weight: bold; line-height: 26px;} .n_contact>div:nth-child(1)>p:nth-child(1){display: none;} .n_contact>div:nth-child(1)>p:nth-child(2){background: url(/css/img/address1.png) no-repeat;} .n_contact>div:nth-child(1)>p:nth-child(3){background: url(/css/img/dedicated.png) no-repeat;} .n_contact>div:nth-child(1)>p:nth-child(4){background: url(/css/img/switchboard.png) no-repeat;} .n_contact>div:nth-child(1)>p:nth-child(5){background: url(/css/img/fax.png) no-repeat;} .n_contact>div:nth-child(1)>p:nth-child(6){background: url(/css/img/email.png) no-repeat;} @media screen and (max-width: 480px) { .n_contact>div:nth-child(1) {padding: 0;} .n_contact>div:nth-child(1)>p{width: 100%;margin-bottom: 28px;padding: 0 0 0 60px;} } /*--------------------------------------------------------免補加按相關資訊--------------------------------------------------------*/ .remortgage_info_home{display: flex; justify-content: center; align-items: center;} .remortgage_info_home>div{background: url(/n_images/remortgage_info/remortgage-info_bg.png);background-size: cover; background-position: center;width: 100%;} .remortgage_info_home>div>div{text-align: left;background-color: #0000008a;padding: 50px 0 50px 5%;} .remortgage_info_home>div>div>h1{color: #ef9614; font-size: 38px; padding-bottom: 10px;} .remortgage_info_home>div>div>h2{color: #fff;} .remortgage_info_home>div>div>ul{padding: 0 0 30px 0; text-align: -webkit-left;} .remortgage_info_home>div>div>ul>li{color: #fff;font-size: 26px;} .remortgage_info_home>div>div>ul>li>span{color: #ef9614;} .remortgage_info_home>div>div>ul>li>img{width: 28px; margin: 0 15px 0 0;} .remortgage_info_home>div>div>a{background-color: #ef9614; padding: 8px 30px; font-size: 25px; font-weight: bold; } /*--------------------------------------------------------破產贖樓相關資訊--------------------------------------------------------*/ .bankruptcy-foreclosure>p{background-color: #ffebc9; font-weight: bold; text-align:justify;padding: 6%; font-size: 20px; color: #141414; margin: 0 auto; width: 80%;} .bankruptcy-foreclosure>p>span{color: #bd7203;} @media screen and (max-width: 480px) { .bankruptcy-foreclosure{flex-direction: column;} .bankruptcy-foreclosure>p{padding: 10px;width: 100%;} } /* -> 文章貸款額有沒有限制樣式 */ .remortgage-info_thr_one{padding-left: 25px;} .remortgage-info_thr_one>div{padding-bottom: 20px;} .remortgage-info_thr_one>div>div{display: flex; align-items: flex-end;} .remortgage-info_thr_one>div:nth-child(1)>div:nth-child(4)>p:nth-child(1){height: 56px;} .remortgage-info_thr_one>div:nth-child(1)>div:nth-child(4){align-items: flex-start;} .remortgage-info_thr_one>div:nth-child(2)>div:nth-child(3)>p:nth-child(1){height: 56px;} .remortgage-info_thr_one>div:nth-child(2)>div:nth-child(3){align-items: flex-start;} .remortgage-info_thr_one>div>p{width:50%;text-indent: -17px;text-align: justify;} .remortgage-info_thr_one>div>p>span{border-bottom: 1px #000 solid;} .remortgage-info_thr_one>div>div>p:nth-child(1){width:50%;text-align: justify;font-size: 16px;} .remortgage-info_thr_one>div>div>p:nth-child(2){width:50%;text-align: left;padding-left: 10px;font-size: 16px;} .remortgage-info_thr_one>div>div>p>span{border-bottom: 1px #000 solid;} /*--------------------------------------------------------關於我們--------------------------------------------------------*/ .n_about>div h2{font-size: 22px; line-height: 48px; color: #FFB331; font-weight: bold;} .n_about>div:nth-child(2) ul>li>h3{font-size: 16px; line-height: 32px; color: #000; font-weight: bold;} .n_about>div:nth-child(2) ul>li>span{font-size: 16px; line-height: 32px; color: #4C4C4C; margin-bottom: 18px;} .n_about>div:nth-child(3) ul{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .n_about>div:nth-child(3) ul>li{width: 33.333%; text-align: center; margin-top: 25px; } .n_about>div:nth-child(3) ul>li>span{display: block; font-size: 18px; line-height: 24px; color: #000000;} .n_about>div:nth-child(3) ul>li>div{display: block; width: 85px; height: 85px; border-radius: 50%; margin: 0 auto; margin-bottom: 10px; overflow: hidden; position: relative;} .n_about>div:nth-child(3) ul>li>div>img{position: absolute; top: 0; left: -25%;} @media screen and (max-width: 480px) { .n_about>div:nth-child(3) ul>li{width:100%;} } /*--------------------------------------------------------footer--------------------------------------------------------*/ /* -> 固定聯繫欄 */ .n_f_contact_main{display: none;width: 100%;z-index: 1000000;position: fixed;bottom:0;} .n_f_contact{background-color: #000000b8;padding: 16px 0;} .n_f_contact>ul{display: flex; justify-content: center; align-items: center;margin: 0;} .n_f_contact>ul>li{border-radius: 18px; padding:6px 16px; margin-right: 42px;border:4px #313131d1 solid;} .n_f_contact>ul>li div{display: flex;flex-direction: row;align-items: center;} .n_f_contact>ul>li div>img{margin-right: 5px;} .n_f_contact>ul>li div>p{font-size: 20px; color: #fff; letter-spacing: 1px; margin: 0; line-height: 22px; font-weight: bold;} .n_f_contact>ul>li div>p>span{display: block;} .n_f_contact>ul>li button{display: flex;flex-direction: row;align-items: center; background: none;} .n_f_contact>ul>li button>img{margin-right: 5px;} .n_f_contact>ul>li button>p{font-size: 20px; color: #fff; letter-spacing: 1px; margin: 0; line-height: 22px; font-weight: bold;} .n_f_contact>ul>li button>p>span{display: block;} .n_f_contact>ul>li:nth-child(1) div>p>span{} .n_f_contact>ul>li:nth-child(1){background-color: #076b9c;} .n_f_contact>ul>li:nth-child(1) div{} .n_f_contact>ul>li:nth-child(1) div>img{width: 37px;height: 38px;} .n_f_contact>ul>li:nth-child(1) div>p{} .n_f_contact>ul>li:nth-child(2){background-color: #00ac0d;} .n_f_contact>ul>li:nth-child(2) div>img{width: 37px;height: 37px;} .n_f_contact>ul>li:nth-child(3){background-color: #e38b2d;margin-right: 0;} .n_f_contact>ul>li:nth-child(3) div>img{width: 37px;height: 37px;} .n_f_contact>ul>li:nth-child(1) button>img{width: 37px;height: 38px;} .n_f_contact>ul>li:nth-child(1) button>p{} .n_f_contact>ul>li:nth-child(1) button>p>span{} .n_f_contact>ul>li:nth-child(2){background-color: #00ac0d;} .n_f_contact>ul>li:nth-child(2) button>img{width: 37px;height: 37px;} .n_f_contact>ul>li:nth-child(3){background-color: #e38b2d;margin-right: 0;} .n_f_contact>ul>li:nth-child(3) button>img{width: 37px;height: 37px;} footer {/*display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;justify-content: center;width: 100%;position: relative;height: auto; */ background-color:#4c4c4c;padding-top: 30px;color: #767676;padding-bottom: 130px;} footer .case {text-align: center;} footer > div{display: -webkit-flex;display: flex;justify-content: center;align-items: center;flex-direction: column;} footer > div > div{display: flex;align-items: center;justify-content: center;} footer > div > div > p {font-size: 14px;color: #c3b7a5;margin-bottom: 6px;padding: 0 0 0 5px;} footer > div > div > a {margin-top: -10px;} footer span {font-size: 14px;color: #d3c7b3;} footer > div > a {font-size: 14px;color: #000000;text-decoration: underline !important;margin-left: 50px;} .footer-mobile {display: none;} .footer_spacing{height: 100px;width: 100%;background-color: #4c4c4c;} footer a.dark_link {color: #ef9614} ul.social_list a.facebook {background-image: url(../images/icons/social/facebook.png)} ul.social_list {list-style: none;margin-bottom: 0} ul.social_list li {float: left;margin: 0 12px 12px 0} ul.social_list li a {float: left;height: 38px;width: 38px;background-position: center;background-repeat: no-repeat} ul.social_list li a:hover {background-color: #222;border: 1px solid #141414} footer ul.bottom_links {margin: 0;display: inline-block;} footer ul.bottom_links li {float: left;margin: 0 0 0 10px} @media screen and (max-width: 768px) {} @media screen and (max-width: 375px) {} @media screen and (max-width: 320px) {} @media screen and (max-width: 480px) { #footer_bottom {margin-bottom: 20px;} footer{padding-bottom:50px;} footer span { text-align: center; line-height: 18px;} footer > div > div {margin: 0 5px;flex-wrap: wrap; justify-content: center;} footer > div > div > p { text-align: center;line-height: 18px;margin-top: 10px;} .footer_spacing {height:10px} } /*--------------------------------------------------------404頁面--------------------------------------------------------*/ .page_404{background: #f8dbb3;} .page_404>div{margin: 0 auto;max-width: 1200px; display: flex; flex-wrap: wrap;justify-content: center; align-items: center;margin-top: 150px;} .page_404>div>div{width: 50%;} .page_404>div>div:nth-child(1){display: flex; flex-direction: column; align-items: center;} .page_404>div>div:nth-child(1)>h1{color: #e7a42d; font-size: 32px; font-weight: 900;} .page_404>div>div:nth-child(1)>p{font-size : 26px; color : #000000;text-align: center;font-weight: 600;} .page_404>div>div:nth-child(1)>p>span{ font-size : 18px;color : #000000;} .page_404>div>div:nth-child(1)>div{margin: 30px 0;} .page_404>div>div:nth-child(1)>div>a{background-color: #fff; padding: 8px 20px; border-radius: 10px; margin: 0 20px; font-weight: bold;} .page_404>div>div:nth-child(2)>a>img{width: 100%;padding: 2%} @media screen and (max-width: 768px) { .page_404>div {margin-top: 50px;} .page_404>div>div{width: 100%;} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} }