@charset "utf-8";body {
  font-family: 'Noto Sans TC',sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-color: #fff;
  position: relative;
  color: #000;
  color: rgba(0,0,0,.8);
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-inf {
  display: block;
  position: relative;
  background: #363636;
  height: 50px;
  text-align: center;
  color: #fff
}

mark {
  background-color: #bfe1f3
}

.top-inf-txt {
  padding: 13px;
  font-size: 16px
}

.top-inf a {
  color: #c1d8e4;
  text-decoration: none
}

.top-inf img {
  width: 18px;
  height: auto
}

.menu {
  background: #fff;
  text-align: center
}

.menu img {
  display: inline-block;
  width: 220px;
}

.menu ul {
  display: inline-block
}

.menu li {
  float: left;
  list-style: none;
  margin: 0 40px 0 0
}

.menu a {
  text-decoration: none;
  color: #375a79;
  font-size: 17px
}

.menu a:hover {
  opacity: .8
}

.top-img {
  max-width: 1920px;
  /* min-height: 500px; */
  width: 100%
}

.top-img-sp {
  display: none
}

#content {
  padding: 2% 15% 0 15%
}

.lidatime {
  color: #828181;
  text-align: center;
}

ins {
  text-decoration: none
}

.btn_more {
  background: #80b9d8;
  border-radius: 25px;
  width: 240px;
  height: 50px;
  margin: 40px auto;
  color: #333;
  letter-spacing: .26em;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: relative
}

.btn_more a {
  text-decoration: none;
  color: #174c69
}

.btn_more:hover {
  opacity: .8
}

.con-1 {
  display:block;
  padding: 0 0 25px 0;
}

.con-top{width: 100%;text-align: center;}
.con-top em{padding: 0 0 5px 5px;background: linear-gradient(transparent 0, transparent 40%,#cae7f7 40%);}
.con-top p{text-align: left;line-height: 36px;color: #595c61;}
.con-cen{display: inline-flex;width: 100%;}
.con-left {
  width: 50%;
  line-height: 30px;
  padding: 5%;
  text-align: center;
}

.con-left h1 {
  font-size: 30px;
  text-align: center;
}

.con-left p {
  line-height: 30px;
  color:#595c61;
}
.con-left span{padding: 0 0 5px 5px;background: linear-gradient(transparent 0, transparent 40%,#cae7f7 40%);}
.con-right {
  width: 50%;
  padding: 5%
}

.con-right img {
  max-width: 532px;
  width: 100%;
}

.con-2 {
  display: flex;
  margin: 5% auto
}

.con-2 img {
  width: auto;
  height: auto
}

.con-2 ul {
  padding: 10px
}

.news,.news-article,.news-lida {
  margin: 20px;
  border-right: 1px solid #e9e9e9
}

.news p {
  color: #ad795c
}

.article-link,.lida-link ul,.news-link {
  padding: 0
}

.article-link a {
  display: block;
  line-height: 36px;
  font-size: 16px;
  font-weight: 400;
  color: #4f756c;
  text-decoration: none
}

.article-link a:hover {
  color: #1eb18e
}

.news-link a {
  display: block;
  line-height: 36px;
  font-size: 16px;
  font-weight: 400;
  color: #9a5c3a;
  text-decoration: none
}

.news-link a:hover {
  color: #ff5a00
}

.news-lida p {
  color: #748028
}
/* 首頁-服務據點 */
.location{width: 70%;
  line-height: 30px;
  padding: 5%;
  text-align: center;}
.location span{display: block;
  background: #669893;
  color: #fff;
  border-radius: 10px;
  padding: 2px;
  font-weight: bold;
  margin: 0px 0 5px 0;
}
.location-right img{width: 100%;}

/* 首頁-三大優勢 */
.three-grid-area{display: inline-flex;}
.three-grid{position: relative;
  width: 30%;
  margin: 40px auto 80px;
  border-radius: 10px;
  background: #fff6d5;
  padding: 20px 30px 25px;
  box-sizing: border-box;}
.three-grid span{font-size: 20px;color: #a07447;}
.three-grid p{color: #8e8566;}
.lida-link a {
  display: block;
  line-height: 36px;
  font-size: 16px;
  font-weight: 400;
  color: #6e7921;
  text-decoration: none
}

.lida-link a:hover {
  color: #a3b529
}

.sertit{    height: 70px;
  width: 100%;
  background-color: #deeae3;
  text-align: center;
  font-size: 25px;
  padding: 1%;}
.con-3 {
  display: inline-flex;
  flex-wrap: wrap
}

.con-3 h2 {
  text-align: center;
  font-size: 20px;
  width: 100%
}

.ser-tit {
  margin: 0 auto;
  height: 100%;
  width: auto
}

.titp{    width: 100%;
  font-size: 35px;
  text-align: center;}

.service {
  margin-top: 2%;
  margin-left: 5%;
  width: 18%
}

.service span {
  color: #3b466d;
  font-size: 20px;
  display: inline-block
}

.service p {
  height: 50px
}

.service a {
  color: #fff;
  text-decoration: none
}

.service a:hover {
  opacity: .8
}

.service img {
  border-radius: 10px;
  width: 95%;
  height: auto
}

.ser_more {
  background: #66544f;
  border-radius: 25px;
  width: 70%;
  margin: 15px auto;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  position: relative
}

.ser_more:hover {
  background: #f1bebe
}

.con-4 {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0 0 0 10px;
  margin: 5% auto
}

.con-4 h2 {
  text-align: center;
  font-size: 20px;
  width: 100%
}

.cert{
  background: #ecf4f7;
  border-radius: 15px;
}

.news-gird,.pro-gird {
  background: #fff;
  border: 1px solid #eee;
  text-align: center;
  margin-top: 2%;
  margin-left: 3%;
  width: 16%
}

.news-gird img,.pro-gird img {
  width: 100%;
  height: auto
}

.news-gird span,.pro-gird span {
  color: #5598b1;
  display: inline-block;
  height: 70px;
  padding: 12px
}

.news-gird p,.pro-gird p {
  color: #5e7a86;
  padding: 0 10px 0 10px;
  height: 120px
}

.news-gird a,.pro-gird a {
  text-decoration: none;
  color: #fff
}

.pro-gird{margin-left: 0%;width: 19%;}
.pro-gird span {padding: 8px;}

.news_more {
  background: #46bce3;
  border-radius: 25px;
  width: 70%;
  height: 37px;
  margin: 15px auto;
  color: #7d3838;
  letter-spacing: .26em;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  position: relative
}

.news_more:hover {
  background: #99cdde
}

.con-5 {
  display: inline-flex;
  flex-wrap: wrap
}

.con-5 h2 {
  text-align: center;
  font-size: 20px;
  width: 100%
}

.con-5 p {
  color: #54618e
}

.video-gird {
  margin: 0 auto;
  margin-top: 2%;
  width: 20%
}

.video-gird a {
  text-decoration: none;
  color: #fff
}

.video-gird a:hover {
  opacity: .8
}

.video-gird img {
  width: 100%;
  border-radius: 15px;
  height: auto
}

.video-gird p {
  text-align: center;
  height: 85px
}

.vid_more {
  background: #86388f;
  border-radius: 25px;
  width: 70%;
  height: 37px;
  margin: 15px auto;
  color: #7d3838;
  letter-spacing: .26em;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  position: relative
}

.vid_more:hover {
  background: #96a8e8
}
/* 立達-如何慎選徵信社 */
.con-6 h2{text-align: center;font-size: 30px;width: 100%;color:  #5f6969;}
.con-6 summary{line-height: 40px;}
.con-6 details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: .5em .5em 0;
}
.lida-txt1{padding: 5%;}
.lida-txt1 p{color: #5e6b6b;}
    .part4{position:relative;width:100%;-moz-border-radius:10px;border-radius:10px;background:#fff;padding:3px 2.8vw 25px;box-sizing:border-box}
    .part4_box {
        position: relative;
        width: 100%;
        margin: 40px auto 80px;
        border-radius: 10px;
        background: #deeae3;
        padding: 20px 30px 25px;
        box-sizing: border-box;
    }
    .qbox::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: -10px;
        width: 60px;
        height: 73px;
        background: url(https://www.liidda.com.tw/lidaimg/qbox.png);
        background-size: cover;
    }
    .qbox h3 {
        position: relative;
        font-size: 20px;
        font-weight: 700;
        padding: 0 0 20px 40px;
        box-sizing: border-box;
        border-bottom: 1px dotted #9ba39e;
    }
    .part4_box2 {
        position: relative;
        padding: 60px 30px 35px 178px;
        width: 100%;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-sizing: border-box;
        border: 2px solid 
        #000;
    }
    .part4_box2::before {
        content: "";
        display: block;
        position: absolute;
        font-size: 16px;
        line-height: 2;
        font-weight: 700;
        color: #249d57;
        left: -2px;
        bottom: 0;
        width: 161px;
        height: 237px;
        background: url(https://www.liidda.com.tw/imgv3/say.webp);
        background-size: cover;
    }
    .part4_box2 h3 {
        position: absolute;
        width: 229px;
        height: 72px;
        left: 143px;
        top: -28px;
        font-size: 20px;
        font-weight: 700;
        box-sizing: border-box;
        text-align: center;
        padding-top: 14px;
        background: url(https://www.liidda.com.tw/lidaimg/dialog.png);
        background-size: cover;
    }
    .part4_box2 img {
        width: 275px;
        padding: 0 0 0 60%;
    }
/* footer */
#footer{position:relative;background:#616161;box-sizing:border-box;padding:10px 2.5vw;}
#footer img{margin-top:-6vw}
#footer ul{padding:15px;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:45px;list-style: none;}
#footer ul li{width:180px}
/*#footer ul li:last-child{width:120px}*/
#footer ul li{font-size:16px;font-weight:700;color:#fff;padding-bottom:12px}
#footer ul li a{display:block;margin-top:13px;font-size:13px;position:relative;padding-left:15px;color:#fff;filter:alpha(opacity=7);-moz-opacity:.7;opacity:.7}
#footer ul li a:hover{filter:alpha(opacity=6);-moz-opacity:.6;opacity:.6}
#footer .last a{font-size:16px;font-weight:700;color:#fff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;margin:0 0 15px;padding-left:0}
#footer .last a:hover{filter:alpha(opacity=7);-moz-opacity:.7;opacity:.7}
#footer .last a:before{display:none}
#footer ul li a::before{content:"";position:absolute;left:0;top:2px;width:4px;height:4px;border-top:2px solid #249d57;border-right:2px solid #249d57;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:left .2s ease;-moz-transition:left .2s ease;-o-transition:left .2s ease;transition:left .2s ease}
#footer ul li a:hover::before{left:3px}
/*#footer ul li:last-child a:before{display:none}*/
.footer_btm{width:100%;padding:28px 0 45px;border-top:1px solid #818181}
.footer_btm:after{content:"";clear:both;display:block}
.footer_logo{width:80px;float:left;margin-top:0;padding-top:7px}
#footer .footer_btm img{margin-top:15px;min-width:110px}
.footer_btm p{display:block;margin-left:10%;font-size:17px;line-height:26px;float:left;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color:#fff;letter-spacing:3px;background-color:#3a80b5;border-radius:13px;width:80%;padding: 20px;}
.footer_btm span{display:block;float:right;font-size:11px;padding-top:22px;color:#fff}
.fi01{display:inline-block}
.fi02{display:none}
.social{display:inline-flex;margin-left:40%}
.social a{padding:15px}
.spcon_call{display: none;}
.spcon_line{display: none;}
/* 摺疊footer */
.sp_accordion{display: none;}
/* 手機板最下方LINE/電話 */
.spcon_call{display: none;}
.spcon_line{display: none;}
/*========== 其他解析度 ========== */
@media screen and ( max-width: 1600px ){
.news-gird p,.pro-gird p{height: 140px;}
}
@media screen and ( max-width: 1450px ){
  .news-gird p,.pro-gird p{height: 155px;}
  .news-gird span{height: 100px;}
  .service p{height: 85px;}
}
@media screen and ( max-width: 1200px ){
  #content{padding: 20px;}
  .news,.news-article{margin: 12px;}
  .news-lida {margin: 10px;}
}
/*========== SP手機板 ========== */
@media screen and ( max-width: 890px ) {
.disspimg{display: none;}  /* 電腦活動宣傳圖 */
.top-inf{height: 110px;}
.top-inf-txt{padding: 13px;font-size: 18px;line-height: 30px;}
.top-inf a {padding: 12px;}
.news-link a,.article-link a,.lida-link a {line-height: 48px;}
.menu ul{width: 100%;padding: 0;}
#mtop{width: 97%;}
.menu li{float: left;
  line-height: 35px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  width: 47%;
  background-color: #4e799e;
  margin: 5px;
}
.menu a{color: #fff;}
.top-img{display: none;}
.top-img-sp{display: block;width: 100%;}
/* 公司簡介SP */
#content{padding: 5% 10% 0 10%;}
.con-1{display: block;}
.con-left{width: 100%;padding:0;}
.con-right{width: 100%;padding: 0;}
.con-cen{display: block;}
/* 最新消息SP */
.con-2{display: block;}
/* 服務項目SP */
.service{width: 100%;}
/* 服務據點SP */
.location{width: auto;}
/* 三大優勢SP */
.three-grid-area{display:block ;}
.three-grid {width: 100%;}
/* 徵信新聞SP */
.con-4{padding: 0;margin: 5% auto;}
.news-gird,.pro-gird{width: 100%;}
/* 徵信影片SP */
.video-gird{width: 100%;}

/* 立達-如何慎選徵信社SP */
.part4{position:relative;width:100%;-moz-border-radius:10px;border-radius:10px;background:#fff;padding:3px 2.8vw 25px;box-sizing:border-box}
.part4_box{position:relative;width:100%;margin:40px auto 80px;border-radius:10px;background:#deeae3;padding:20px 30px 25px;box-sizing:border-box}
.qbox::before{content:"";display:block;position:absolute;left:0;top:-10px;width:60px;height:73px;background:url(lidaimg/qbox.png);background-size:cover}
.qbox h2{position:relative;font-size:20px;font-weight:700;padding:0 0 20px 40px;box-sizing:border-box;border-bottom:1px dotted #9ba39e}
.part4_box2{position:relative;padding:60px 30px 35px 178px;width:100%;-moz-border-radius:10px;border-radius:10px;box-sizing:border-box;border:2px solid #000}
.part4_box2::before{content:"";display:block;position:absolute;font-size:16px;line-height:2;font-weight:700;color:#249d57;left:-2px;bottom:0;width:161px;height:237px;background:url(imgv3/say.webp);background-size:cover}
.part4_box2 h3{position:absolute;width:229px;height:72px;left:143px;top:-28px;font-size:20px;font-weight:700;box-sizing:border-box;text-align:center;padding-top:14px;background:url(lidaimg/dialog.png);background-size:cover}
.part4_box2 img{width:275px;padding:0 0 0 60%}
.part4_box2::before{display:none}
.part4_box2{width:calc(100% + 30px);margin-left:-15px;border-right:0;border-left:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:45px 15px 15px}
.part4_box2 h3{position:absolute;width:200px;height:62px;left:0;right:0;margin:auto;top:-20px;font-size:18px;font-weight:700;box-sizing:border-box;text-align:center;padding-top:15px}
.part4_box2 img{float:none;width:100%;padding:initial}

/* footer SP */
.sp_accordion{display: block;}
.pc_footer{display: none;}
#footer{width:100%;position:relative;padding:0;margin-left:0;text-align:center}
#footer img{margin:-70px auto 0;margin-top:-70px}
.social{margin-left:0}
.footer_btm{width:100%;padding:20px 0 45px;border-top:none;margin-top:0}
.footer_btm:after{display:none}
.footer_logo{display: none;}
#footer_logo img{margin-top:0;min-width:70px}
.footer_btm p{display:block;text-align:center;font-size:12px;line-height:20px;float:none;margin:15px 0 25px;width: unset;}
.footer_btm span{display:block;float:none;font-size:10px;padding-top:0;text-align:center;color:#fff}

/*Accordion 摺疊footer*/
.sp_accordion{display: block;}
.sp_accordion {
    margin: 3em auto;
    max-width: 30em;
  }
  .toggle {
    display: none;
  }
  .option {
    position: relative;
    margin-bottom: 1em;
  }
  .title, .acclink {
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.2s;
  }
  .title {
    background: #fff;
    padding: 1em;
    display: block;
    color: #7a7572;
    font-weight: bold;
  }
  .title:after, .title:before {
    content:"";
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    width: 2px;
    height: 0.75em;
    background-color: #7a7572;
    transition: all 0.2s;
  }
  .title:after {transform: rotate(90deg);}
  .acclink {max-height: 0; overflow: hidden;}
  .acclink p {
    margin: 0;
    padding: 0.5em 1em 1em;
    font-size: 0.9em;
    line-height: 1.5;
  }
  .toggle:checked + .title + .acclink {max-height: 500px;}
  .toggle:checked + .title:before {transform: rotate(90deg);}
  #footer .acclink ul{margin-top:0px;}
  .sp_accordion .spother a{color: #fff;letter-spacing: 5px;margin-left: 15px;margin-left: 20px;line-height: 40px;}
/* 最下方LINE與電話 */
.spcon_call{display:block;background: #6590ab;width: 50%;position: fixed;bottom: 0px;float: left;height: 35px;padding-top: 5px;}
.spcon_call a{color: #FFF;font-size:17px;text-decoration: none;}
.spcon_line{display:block;background: #1ed053;width: 50%;position: fixed;bottom: 0px;float: left;margin-left: 50%;height: 35px;padding-top: 5px;}
.spcon_line a{color: #FFF;font-size:17px;text-decoration: none;}
}