/*全局*/ * {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: 16px;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} /*--------------導航------------*/ /*頭部導航 開始*/ header {background-color: #000000a1;width: 100%;position: fixed;z-index: 1000000;} header > div:nth-child(1) { width: 1430px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding:18px 0 12px 0; } header .eight {text-align: center} header ul.contact_list {margin: 29px 0 3px 0;float: right} header ul.contact_list li {float: left;margin: 3px 3px} header img.logo {float: left} .topnav_holder {width: 100%;min-height: 50px} #sf-main-nav span {display: none} .h_logo {position: absolute;top: -20px;} .h_logo > a {} .h_logo > a > img {width: 155px;} .h_cal {flex-direction: column;padding-left: 175px;} .h_cal > div:nth-child(1) {padding-bottom: 4px;} .h_cal > div:nth-child(1) > ul {display: flex;margin: 0;padding: 0;} .h_cal > div:nth-child(1) > ul > li {margin: 0;padding: 0 10px;border-right: 1px #989797 solid;} .h_cal > div:nth-child(1) > ul > li:nth-child(1) img {width: 18px;} .h_cal > div:nth-child(1) > ul > li img {width: 26px;} .h_cal > div:nth-child(1) > ul > li button{background: none;} .h_cal > div:nth-child(1) > ul > li:nth-child(1) {display: flex;align-items: center;color: #fff;padding-left: 0;justify-content: flex-start;} .h_cal > div:nth-child(1) > ul > li:nth-child(1) img {} .h_cal > div:nth-child(1) > ul > li:nth-child(1) > p {margin: 0;color: #f9dbb2;padding: 0 0 0 4px;font-size: 20px;} .h_cal > div:nth-child(1) > ul > li:nth-child(1) > p > a {font-weight: bold;font-size: 20px;color: #f8dbb3;} .h_cal > div:nth-child(2) {line-height: 18px;} .h_cal > div:nth-child(2) > span {display: block;} .h_cal > div:nth-child(2) > span:nth-child(1) {color: #fff;font-size: 18px;letter-spacing: 2px;} .h_cal > div:nth-child(2) > span:nth-child(2) {color: #f8dbb3;font-size: 12px;} #sf-main-nav a.here:link, #sf-main-nav a.here:visited, #sf-main-nav a.here:hover, #sf-main-nav a.here:active {color: #eef;background-color: #799;} .nav_two {display: flex;justify-content: flex-end;} .nav_two > ul {display: flex;margin: 0;} .nav_two > ul > li {background-color: #fff;margin: 0 10px;padding: 0px 22px;border-radius: 8px;} .nav_two > ul > li:hover{background-color: #f8dbb3;} .nav_two > ul > li > a {color: #38270d;font-size: 15px;letter-spacing: 1px;} .nav_two > ul > li:nth-child(5) {background-color: #ef9614;} .nav_two > ul > li:nth-child(5) > a {color: #fff;} .nav_two > ul > li:nth-child(5) > a button{background: none;} .nav_two > ul > li:nth-child(5) > a img {width: 15px;margin-right: 6px;vertical-align: middle;} .sf-menu, .sf-menu * {margin: 0;list-style: none} .sf-menu{ padding: 10px 0;} .sf-menu li {position: relative} .sf-menu ul {position: absolute;display: none;left: -135%;z-index: 99;min-width: 12em;*width: 12em} .sf-menu a {display: block;position: relative} .sf-menu > li {float: left;font-weight: bold;white-space: nowrap;margin: 0 10px;border-bottom: 2px solid transparent;} .nav ul li {border-bottom: 2px solid transparent;} .sf-menu > li a {font-size: 15px;color: #ffffff;padding: 0 5px;text-align: center;box-sizing: content-box;text-decoration: none;letter-spacing: 1px;} .sf-menu > li a:hover{border-bottom: 2px solid #FFB431;} .sf-menu > li a i {display: none;} .sf-menu a {padding: 1.22em 5px;text-decoration: none;zoom: 1} .sf-menu li ul { white-space: normal; font-weight: 400; background: #FFD07E; padding: 4px 10px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px } .sf-menu li ul a {padding: .50em 0 .50em .1em;transition: padding-left 250ms ease-out;color: #402D0C;} .sf-menu li ul a:hover {padding-left: 8px;color: #ffa031 !important;background-color: transparent;} .sf-menu>li>ul>li>a:hover{border-bottom:none;} .sf-menu li a:hover {background-color: transparent;} .sf-menu li:hover {background-color: transparent;} .sf-menu li a:active {background-color: transparent;} .sf-menu li ul li {padding-bottom: 10px;border-bottom: 1px solid #e8b353;} .sf-menu li ul li:last-child {border-bottom: 0;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none} .active{border-bottom: 2px solid #FFB431;} .active_top{background-color: #FFB431!important;color: #fff;} .keg {cursor: pointer} /*手机导航*/ .n_phone_header{display: none;} .n_phone_header>ul{ display:flex;background-color: #e7a42d; justify-content: space-around;padding: 8px 6px;margin: 0;} .n_phone_header>ul>li{padding: 3px 4px;} .n_phone_header>ul>li>a{color: #fff;} .n_phone_header>ul>li:nth-child(3){background-color: #fff; border-radius: 10px;} .n_phone_header>ul>li:nth-child(3)>a{color: #c58d00;} .n_phone_header>ul>li:nth-child(3)>a img{width: 16px;margin: 0 3px;} .n_phone_header>ul>li:nth-child(3)>a button{ background: none;display: flex;align-items: center;} .n_phone_header>ul>li>a{} .n_phone_nav{display: none;position: relative;height: 85px;} .n_phone_nav_title{display: flex;align-items: center;width: 100%; justify-content: space-between;padding: 7px 0 7px 8px;} .n_phone_nav_title>div:nth-child(2){padding: 10px;} .n_phone_nav_title>div:nth-child(1){display: flex;} .n_phone_nav_title_logo{display: flex; justify-content: center; align-items: center;margin-right: 12px;} .n_phone_nav_title_logo>a>img{width: 68px;} .n_phone_nav_title_call{display: flex; flex-direction: column; justify-content: center;} .n_phone_nav_title_call>div:nth-child(1){} .n_phone_nav_title_call>div:nth-child(2){color: #fff;padding-top:6px;font-size: 16px;} .n_phone_nav_title_call>div:nth-child(2)>span{display: block;font-size: 18px;} .n_phone_nav_title_call>div:nth-child(2)>span:nth-child(1){line-height: 11px;letter-spacing: 2px;} .n_phone_nav_title_call>div:nth-child(2)>span:nth-child(2){font-size: 12px;color: #f9dbb2;padding-top: 2px;} .n_phone_nav_title_call>div{} .n_phone_nav_title_call>div>ul{display: flex;margin: 0;align-items: center;} .n_phone_nav_title_call>div>ul>li{display: flex; align-items: center; justify-content: center;margin: 0; padding: 0 8px; border-right: 1px #989797 solid;} .n_phone_nav_title_call>div>ul>li:nth-child(1){display: flex;align-items: center;padding-left: 0;} .n_phone_nav_title_call>div>ul>li:nth-child(1)>img{margin-right: 6px;} .n_phone_nav_title_call>div>ul>li:nth-child(3){border-right:none;} .n_phone_nav_title_call>div>ul>li img{width: 19px; height: 19px;} .n_phone_nav_title_call>div>ul>li>p{margin: 0;line-height: 12px;color: #f9dbb2;font-size: 16px;letter-spacing: 0;} .n_phone_nav_title_call>div>ul>li>p>a{color: #fff;font-weight: bold;} .n_phone_nav_title>div:nth-child(2) span{display: block; width: 34px; height: 4px; background: #ffffff; border-radius: 7px; margin-bottom: 5px; margin-top: 6px;} .n_phone_nav_info{/*position: absolute;*/ /*top:85px;*/ left: 0; z-index: 88888; /*background: #f3eddf; */display: none;width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0 7px 5px -3px;height: 100%; background: rgba(243, 237, 224, 0.94); position: fixed; top: 128px;} .n_phone_nav_info>li{margin: 0 20px; padding: 6px 0; border-bottom: 1px dashed #8f7a10;} .n_phone_nav_info>li:nth-child(1) span:after, .n_phone_nav_info>li:nth-child(2) span:after, .n_phone_nav_info>li:nth-child(3) span:after, .n_phone_nav_info>li:nth-child(5) span:after, .n_phone_nav_info>li:nth-child(8) span:after { display: none; } .n_phone_nav_info>li>a{display: block; cursor: pointer;padding:0 10px;font-size: 19px;} .n_phone_nav_info>li>ul{display: none;} .n_phone_nav_info>li>ul>li{} .n_phone_nav_info>li>ul>li>a{font-size: 19px;} .n_phone_nav_info>li>ul>li:last-child{border-bottom: none;} .n_phone_nav_f{background-color: #c58d00;margin: 0 20px;border-radius: 6px;} .n_phone_nav_f>ul{display: flex;justify-content: space-around;} .n_phone_nav_f>ul>li{padding: 10px;} .n_phone_nav_f>ul>li>a{color: #fff;} .clicka {cursor: pointer; /* width: 100%;*/display: block;height: 30px;line-height: 30px;color: #7b4715;} .clicka span {position: relative;color: #7b4715;} .clicka span:after {content: "";display: block;position: absolute;background: url(../images/row-b-icon.png) no-repeat;width: 16px;height: 8px;right: -20px;top: 8px;transition: .5s;transform: rotate(0deg)} .erlanmu {background: #505050eb; padding-bottom: 2px; border-radius: 0 0 8px 8px;} .erlanmu li {width: 100%;margin: 0;line-height: 30px;border-bottom: 1px dashed #808080;text-indent: 18px;} .erlanmu li a {color: #fff} .clicka i {padding-right: 3px;display: none;} /*------------成功屋苑查詢模塊----------------*/ .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;top: 50%;} .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;} } /*破產洗底頁面資格查詢樣式*/ .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;} } /*更多成功案例模块*/ .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: 15px;} } /*成功案列文章頁面側邊欄模塊*/ 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;} /*--------------------------------------------------------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;} } /*--------------------------------------------------------免補加按相關資訊--------------------------------------------------------*/ .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;} /*------------------------------------------------------首頁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: 15px 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);} } /*--------------------------------------------------------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):hover{background-color: #0092cc;} .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):hover{background-color: #00ce10;} .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):hover{background-color: #ffa000;} .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} #toTop{width: 50px; height: 50px; bottom: 15%; right: 10px; position: fixed; cursor: pointer; z-index: 9999999;} #toTop img{opacity: 80%;width: 100%;} #toTop img:hover{opacity: 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) { #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} #toTop{left: 19px; bottom: 94px;} } /*--------------------------------------------------------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} } /*全局*/ @media (min-width: 576px) { .n_content {max-width: 540px} .n_main{max-width: 540px} } @media (min-width: 768px) { .n_content {max-width: 720px} .n_main{max-width: 720px} } @media (min-width: 992px) { .n_content {max-width: 960px} .n_main{max-width: 960px} } @media (min-width: 1200px) { .n_content {max-width: 1430px} .n_content_two {max-width: 1200px} .n_main{max-width: 1430px} .n_content_two h3{font-size: 24px;} } /*header*/ /*header*/ @media screen and (max-width: 768px) { .n_f_contact{padding: 10px;background-color: #000000ba;} .n_f_contact>ul>li{margin-right: 9px;padding: 14px 13px;} .n_f_contact>ul>li button{flex-direction: column;} .n_f_contact>ul>li:nth-child(1),.n_f_contact>ul>li:nth-child(2){ padding: 8px 8px;} .n_f_contact>ul>li button>p{font-size: 14px;text-align: center;} .n_phone_header{display: block;} .n_phone_nav{display: block;} header > div:nth-child(1){display: none;} .n_phone_nav_title_logo{margin-right: 17px;} .n_phone_nav_info>li:nth-last-child(2){border-bottom: none;} } @media screen and (max-width: 375px) { .n_phone_nav_title_logo>a>img{width: 60px;} .n_phone_nav_title{padding: 7px 0 7px 4px;} .n_phone_nav_title_logo{margin-right: 10px;} .n_phone_nav_title>div:nth-child(2){ padding: 7px;} {letter-spacing: -0.2px;} }@media screen and (max-width: 320px) { /*導航*/ .n_phone_nav_title_logo>a>img {width: 46px;} .n_phone_nav_title_call>div:nth-child(2)>span:nth-child(1) {letter-spacing: 1px;} .n_phone_nav_title_call>div:nth-child(2)>span {font-size: 16px;} .n_phone_nav_title_logo {margin-right: 4px;} .n_phone_nav_title_call>div>ul>li {padding: 0 4px;} .n_phone_nav_title_call>div:nth-child(2)>span:nth-child(2){letter-spacing: -0.9px;line-height: initial;} .n_phone_nav_title_call>div>ul>li:nth-child(1)>img{ margin-right: 3px;} .n_phone_nav_title_call>div>ul>li>p{ font-size: 12px;} .n_phone_nav_title_call>div>ul>li>p>span { font-size: 15px;} .n_phone_nav_title_call>div:nth-child(2){padding-top: 5px;} .n_phone_nav {height: 74px;} .n_phone_nav_info{top: 74px;} .n_phone_nav_title_call>div>ul>li>img{width: 18px; height: 18px;} .n_phone_header>ul>li>a{font-size: 14px;} } @media screen and (max-width: 480px) { /*導航*/ .n_phone_header{display:block;} header > div:nth-child(1){display: none;} header>div:nth-child(1)>div:nth-child(1){display: none;} .h_logo{display: none;} nav > div:nth-child(1){display: none;} .n_phone_nav{display: flex;justify-content: flex-end;} .n_content_two{padding-top: 0;} /*footer*/ .n_f_contact>ul{flex-direction: row; flex-wrap: wrap;} .n_f_contact>ul>li button>p{font-size: 12px;line-height: 15px;} .n_f_contact>ul>li{border-radius: 12px; } .n_f_contact>ul>li{ padding: 5px 11px;} .n_f_contact>ul>li:nth-child(1) button>img{width: 31px; height: 30px;} .n_f_contact>ul>li:nth-child(2) button>img{width: 30px; height: 30px;} .n_f_contact>ul>li:nth-child(3) button>img{width: 30px; height: 30px;} .n_f_contact>ul>li{/*border: 3px #000000d1 solid;*/border: none;width: 31%;} .n_f_contact>ul>li>a{display: flex; justify-content: center;} .n_f_contact{ padding: 9px 0;} .n_f_contact>ul>li:nth-child(1),.n_f_contact>ul>li:nth-child(2){} .n_f_contact>ul>li:nth-child(2){} .n_f_contact>ul>li:nth-child(3){} .n_f_contact>ul>li button{flex-direction: row;justify-content: center;} .n_f_contact>ul>li button>p{ letter-spacing: 3.5px;display: none;} .n_f_contact>ul>li:nth-child(3) button>p{display: block; font-size: 17px; line-height: 17px;width: 44px;} } @media (min-width: 768px) { } .n_new_list_f{margin-top: 20px;} .n_new_list_f img{ width: 74px;}