/*------------ 關於內頁 ------------*/
.layout{
    max-width: 1130px;
    margin: 0 auto;
}
.layout .col1{
    display:flex;
    padding: 15px 0 20px;
    align-items: center;
}
.layout .col2{
    display:flex;
}
.layout .col5{
    display:flex;
    padding: 40px 0 20px;
    justify-content: space-between;
    max-width: 1090px;
    margin: 0 auto;
}
.layout .title1{
    color: #333;
    margin: 0;
    font-family: "Noto Serif TC", serif;
    font-weight: 700;
    font-size:38px;
    position:relative;
    letter-spacing:5px;
    line-height:1.25;
}
.layout .col1  .title1{
     width:50%;
}
.layout .col1 .txt{
      width:50%;
}
.layout .col2  .title1{
      height: 162px;
      padding: 50px 70px 12px 170px;
      box-sizing: border-box;
      border-bottom: 1px solid #ddd;
      margin: 0px 0 20px;
}
.layout .col1 .title1:before{
      content: "";
      background: url(../../images/common/about/aic1.png);
      width: 73px;
      height: 40px;
      position: relative;
      display: inline-block;
      margin: 2px 15px -7px;
}
.layout .col1 .title1:after{
      content: '';
      display: inline-block;
      width: 130px;
      height: 1px;
      background: #d6d6d6;
      margin: 0 0 7px 8px;
}
.layout .col2 .one{
      width:50%;
}
.layout .col2 .two{
      width:50%;
}
.layout .col2 .title1:before{
      content: "";
      background: url(../../images/common/about/aic2.png)no-repeat;
      width: 177px;
      height: 162px;
      position: absolute;
      display: inline-block;
      left: 0;
      top: -13px;
}
.layout .col2 .txt{
    padding: 34px 40px 0;
    box-sizing: border-box;
    max-width: 530px;
}
.layout .col2 .title2{
    font-weight: 300;
    font-family: "Jost", sans-serif;
    color: #ddd;
    font-size:60px;
    line-height:1
}
.layout .col3{
    text-align:center;
}
.layout .col3 .title1:before{
      content: "";
      background: url(../../images/common/about/aic3.png);
      width: 87px;
      height: 100px;
      position: relative;
      display:block;
      margin: 0 auto 0;
      top: -21px;
}
.layout .col3 .title1:after{
      content: '';
      display:block;
      width: 100%;
      height: 1px;
      background: #d6d6d6;
      margin: 20px auto 20px;
}
.layout .col3 .txt{
    max-width:650px;
    padding: 0px 100px 50px;
    box-sizing:border-box;
    background:#fff;
    margin: 0 auto -10%;
    position:relative;
}

.layout .col5 .txt{
      width: 45%;
      padding: 15px 23px 25px;
      box-sizing: border-box;
}
.layout .col5 .title3{
     padding: 10px 0 ;
     border-bottom: 1px solid #ddd;
     margin:0 0 15px;
}
.layout .col6 .top{
    display:flex;
}
.layout .col6 .bottom{
    display:flex;
    justify-content: center;
    padding: 35px 0 0;
}
.layout .col6 .top .c{
    width:50%;
    display:flex;
    justify-content: center;
    align-items: self-end;
}
.layout .col6 .bottom .c {
    width: 33.3%;
    justify-items: center;
}
.layout .col6 .txt{
    width: 315px;
    margin: 0 15px;
    padding: 30px 0 0;
    
}
.layout .col6 .top .c.one .apic{
    order:2;
}
.layout .col6 .title3{
    font-size: 20px;
    color: #cc4d4d;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 5px;
    margin: 0 0 25px;
    letter-spacing: 2px;
    height: 67px;
    line-height: 1.5;
}
.layout .col6 .bottom .title1{
    text-align:center;
}
@media screen and (max-width: 1400px){
    .layout .col1{
        flex-direction: column;
        padding: 10px 20px 30px;
    }
    .layout .col2{
        flex-direction: column;
        text-align: center;
    }
    .layout .col5{
        flex-direction: column;
        padding: 20px 0 20px;
        text-align: center;
    }
    .layout  .title1 {
        font-size: 26px;
        text-align: center;
    }
    .layout .col1 .title1 {
        width: 100%;
        text-align:center;
    }
    .layout .col1 .txt {
        width:100%;
    }
    .layout .col1 .title1:after{
          display: block;
          background: #d6d6d6;
          margin: 20px auto;
    }
    .layout .col1 .title1:before{
          display: block;
          margin: 0px auto 15px;
    }
    .layout .col2 .one{
          width:100%;
    }
    .layout .col2 .two{
          width:100%;
    }
    .layout .col2 .txt {
        padding: 34px 20px 20px;
        margin:0 auto;
        max-width: 100%;
    }
    .layout .col2  .title1{
          height: auto;
          padding: 0 0 17px;
    }
    .layout .col2 .title1:before{
          content: "";
          position: relative;
          display: block;
          margin: 0 auto;
          background-size: contain;
          width: 115px;
          height: 104px;
    }
    .layout .col2 .title2{
         font-size: 30px;
         padding: 0 0 10px;
    }
    .layout .col3 .txt {
        max-width: 100%;
        padding: 0px 20px 30px;
        margin: 0;
    }
    .layout .col5 .txt{
          width: 100%;
          padding: 15px 23px 25px;
          box-sizing: border-box;
    }
    .layout .col6 .top{
        flex-direction: column;
        align-items: center;
    }
    .layout .col6 .bottom{
        flex-direction: column;
        align-items: center;
    }
    .layout .col6 .top .c{
        width:100%;
        flex-direction: column;
        align-items: center;
        margin: 10px;
    }
    .layout .col6 .bottom .c {
        width: 100%;
        justify-items: center;
        margin: 10px;
    }
    .layout .col6 .top .c.one .txt {
        order: 2;
    }
    .layout .col6 .title3 {
        font-size: 18px;
        margin: 0 0 20px;
        height: auto;
        text-align: center;
    }
    .layout .col6 .txt {
        width:auto;
    }
     .layout .col6 .apic{
         text-align:center;
     }
}

/*------------ service-editor ------------*/

/*------------ terms-editor ------------*/
.terms-editor {
    font-size: 15px;
    line-height: 2;
}
.terms-editor .title {
    font-size: 16px;
    color: #cc4d4d;
    margin: 0;
}
.terms-editor p {
    text-indent: 2em;
    margin: 0 0 50px;
}
.terms-editor .row {
    margin: 0 -27px;
}
.terms-editor .col {
    padding: 0 27px;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
/*------------ index-editor ------------*/

/*------------ rwd ------------*/
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 767px) {
    .terms-editor .row {
        margin: 0;
    }
    .terms-editor .col {
        padding: 0;
        width: 100%;
    }
}