body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body{
    overflow-x: hidden;
}
body *, 
.widget-item *{
    cursor: none;
}
::selection {
    color: #fff;
    background-color: #b8a57f;
}
/*header*/
.row.header {
    position: fixed;
    width: 100%;
    z-index: 999;
}
.siet-top_bar{
    z-index: 999;
    background: transparent;
    transition: .3s;
}
.siet-top_bar nav.header-part{
    padding: 20px 50px;
    transition: .3s;
}
.siet-top_bar .header-part .navbar-brand{
    padding: 5px;
}
.siet-top_bar .header-part .navbar-nav li a, 
.siet-top_bar .header-part .navbar-nav .nav-link{
    background: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: arial;
    letter-spacing: 0.5px;
    font-size: 22px;
    line-height: 1.5;
}
.siet-top_bar .header-part .navbar-nav .nav-link i.fa-align-justify{
    order: 1;
    margin-left: 15px;
    width: 32px;
    height: 3px;
    background: #fff;
    position: relative;
}
.siet-top_bar .header-part .navbar-nav .nav-link i.fa-align-justify::before{
    content: '';
    width: 32px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    top: -10px;
    transform-origin: 0 100%;
    transition: .2s;
}
.siet-top_bar .header-part .navbar-nav .nav-link i.fa-align-justify::after{
    content: '';
    width: 32px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -10px;
    transform-origin: 0 0%;
    transition: .2s;
}
.siet-top_bar .header-part .navbar-nav li a:hover i.fa-align-justify::before, 
.siet-top_bar .header-part .navbar-nav .nav-link:hover i.fa-align-justify::before{
    top: -13px;
    transition: .2s;
}
.siet-top_bar .header-part .navbar-nav li a:hover i.fa-align-justify::after, 
.siet-top_bar .header-part .navbar-nav .nav-link:hover i.fa-align-justify::after{
    bottom: -14px;
    transition: .2s;
}
.siet-top_bar.menu_show .header-part .navbar-nav .nav-link i.fa-align-justify{
    height: 0;
}
.siet-top_bar.menu_show .header-part .navbar-nav .nav-link i.fa-align-justify::before{
    transform: rotate(45deg);
    top: -13px;
}
.siet-top_bar.menu_show .header-part .navbar-nav .nav-link i.fa-align-justify::after{
    transform: rotate(-45deg);
    bottom: -14px;
}
.siet-top_menu_wrap{
    position: fixed;
    z-index: 990;
    display: none !important;
}
.siet-top_menu_wrap.display{
    display: block !important;
    animation: 0.5s;
}
.siet-top_menu_wrap .main.row{
    height: 100vh;
    overflow: auto;
    padding-top: 8rem;
    align-content: baseline;
}
.siet-top_menu_wrap .main.row::before {
    content: '';
    display: block;
    background: rgba(18, 39, 71, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(5px);
}
.siet-top_menu_wrap .main.row .blk-tabs{
    display: none;
}
.siet-top_menu_wrap .main.row > .header-title{
    order: 1;
    font-size: 6.5vw;
    color: transparent;
    -webkit-text-stroke: 0.45px #ffffff;
    text-stroke: 1px #ffffff;
    z-index: 9;
    text-align: center;
    position: absolute;
    bottom: -3rem;
    left: 0;
    right: 0;
    opacity: 0.15;
    font-family: arial;
}
.siet-top_menu_box{
    z-index: 10;
}
.siet-top_menu_box .hover-wall{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 3rem;
    padding-bottom: 1rem;
}
.siet-top_menu_box .hover-wall .htpro_tit{
    display: none;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row{
    align-items: center;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3){
    max-width: unset;
    flex: unset;
    width: auto;
}
.siet-top_menu_box .hover-wall .icon_info{
    display: flex;
    flex-wrap: wrap;
    padding-left: 4rem;
    background: none;
    box-shadow: none;
    border-radius: 0;
    transition: .2s;
}
.siet-top_menu_box .hover-wall .icon_info:hover{
    box-shadow: none;
    bottom: 5px;
    transition: .2s;
}
.siet-top_menu_box .hover-wall .icon_info figure{
    display: none;
}
.siet-top_menu_box .hover-wall .icon_info h3{
    font-size: 28px;
    font-family: arial !important;
    color: #f8f8f9;
    font-weight: unset;
    letter-spacing: 0.5px;
}
.siet-top_menu_box .hover-wall .icon_info:hover h3{
    color: #b8a57f;
}
.siet-top_menu_box .hover-wall .icon_info h4{
    font-size: 18px;
    color: #f8f8f9;
    font-style: normal;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info{
    padding-left: 0;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info a{
    opacity: .7;
    transition: .3s;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info:hover a{
    opacity: 1;
    transition: .3s;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
    font-size: 24px;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info:hover h3{
    color: #fff;
}
.siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
    font-size: 16px;
}
.gizle .siet-top_bar{
    background: rgba(18, 39, 71, 0.9);
    transition: .3s;
}
.gizle .siet-top_bar.menu_show{
    background: rgba(18, 39, 71, 0);
}
.gizle .siet-top_bar nav.header-part{
    padding: 10px 50px;
    transition: .3s;
}
@media (max-width:1440px) {
    .siet-top_menu_box .hover-wall .icon_info{
        padding-left: 0rem;
    }
}
@media (max-width:1152px) {
    .siet-top_menu_box{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(2){
        min-width: 250px;
    }
}
@media (max-width:1024px) {
    .siet-top_bar nav.header-part{
        padding: 20px 20px;
    }
    .siet-top_bar .header-part .navbar-brand {
        padding: 3px;
        height: 55px;
    }
    .gizle .siet-top_bar nav.header-part{
        padding: 10px 20px;
    }
}
@media (max-width:991px) {
    .gizle .siet-top_bar nav.header-part{
        padding: 0;
    }
    .siet-top_bar .header-part .navbar-toggler{
        display: none;
    }
    .gizle .siet-top_bar .header-part .navbar-brand{
        margin: 10px 20px;
    }
    .siet-top_bar .module .header-part .navbar-collapse{
        display: block;
        flex-basis: unset;
    }
    .gizle .siet-top_bar .module .header-part .navbar-collapse{
        padding-right: 20px;
    }
    .siet-top_bar .header-part .navbar-nav li a, 
    .siet-top_bar .header-part .navbar-nav .nav-link{
        justify-content: end;
    }
    .siet-top_menu_wrap .main.row{
        padding-top: 7rem;
    }
    .siet-top_menu_wrap .main.row > .header-title{
        bottom: -1.5rem;
    }
    .siet-top_menu_box .hover-wall{
        margin-top: 2rem;
        padding-bottom: 0rem;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(2){
        min-width: 200px;
        max-width: 200px;
    }
    .siet-top_menu_box .hover-wall .icon_info h3{
        font-size: 26px;
        padding: 0;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
        font-size: 22px;
        padding: 0 15px;
    }
    .siet-top_menu_box .hover-wall .icon_info h4{
        padding: 0;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
        padding: 0 15px;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .siet-top_menu_box .hover-wall > .container-fluid > .row{
        position: relative;
        padding-left: 170px;
        min-height: 95px;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(2){
        min-width: 180px;
        max-width: 180px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
        padding: 0 10px;
        letter-spacing: 0;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
        padding: 0 10px;
    }
}
@media (max-width:575px) {
    .siet-top_bar .header-part .navbar-brand{
        height: 50px;
    }
    .siet-top_bar .header-part .navbar-nav li a, 
    .siet-top_bar .header-part .navbar-nav .nav-link{
        font-size: 20px;
    }
    .siet-top_menu_wrap .main.row{
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
    .siet-top_menu_box .hover-wall{
        margin-top: 1.5rem;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div{
        margin-bottom: 1rem !important;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(2),
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3){
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .siet-top_menu_box .hover-wall .icon_info{
        justify-content: center;
    }
    .siet-top_menu_box .hover-wall .icon_info h3{
        font-size: 22px;
        margin-bottom: 3px;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
        font-size: 20px;
    }
    .siet-top_menu_box .hover-wall .icon_info h4{
        text-align: center !important;
        font-size: 16px;
    }
    .siet-top_menu_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
        font-size: 15px;
    }
}

/*footer*/
.siet-tail_contact{
    position: absolute;
    max-width: unset;
    flex: unset;
    width: auto;
    right: 8.33333%;
    z-index: 9;
    top: 3rem;
}
.siet-tail_contact div.link-list ul li a, 
.siet-tail_contact div.link-list ul li span{
    font-weight: bold;
    letter-spacing: 2px;
    border: 2px solid rgb(184, 165, 127);
    padding: 15px 45px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.siet-tail_contact div.link-list ul li:hover a, 
.siet-tail_contact div.link-list ul li:hover span{
    background: rgb(184, 165, 127);
}
.siet-tail_contact div.link-list ul li a i, 
.siet-tail_contact div.link-list ul li span i{
    order: 1;
    font-size: 26px;
    margin-left: 1rem;
    margin-right: 0;
    position: relative;
    transition: .3s;
    right: 0;
}
.siet-tail_contact div.link-list ul li:hover a i, 
.siet-tail_contact div.link-list ul li:hover span i{
    right: -1rem;
    transition: .3s;
}
.siet-tail_box .footer-sample > .col-sm-7{
    max-width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.siet-tail_box .footer-sample .contact-us-part{
    height: 60px;
    width: 1010px;
    margin: 30px 0 45px;
}
.siet-tail_box .footer-sample .contact-us-part .contact-use-row{
    font-size: 16px;
    width: 500px;
}
.siet-tail_box .footer-sample > .col-sm-2{
    max-width: unset;
    flex: unset;
    width: auto;
}
.siet-tail_box .footer-sample .service-item-part{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}
.siet-tail_box .footer-sample .service-item-part .service-items a{
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 0 1rem;
    line-height: 1.2;
}
.siet-tail_box .footer-sample .service-item-part .service-items:nth-child(1) a { /*20250702需求*/
    padding-left: 0;
}
.siet-tail_box .footer-sample .service-item-part .service-items + .service-items a{
    border-left: 1px solid #555555;
}
.siet-tail_box .footer-sample .service-item-part .social-btn{
    margin: 0;
    order: -1;
    display: none !important; /*20250702需求*/
}
.siet-tail_box .footer-sample .service-item-part .social-btn a{
    margin-right: 15px;
    color: #b8a57f !important;
    font-size: 23px;
}
.siet-tail_box .footer-sample .service-item-part .social-btn a i.fa-envelope-o::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/siet/images/ca87a1c9-eacc-4e36-8692-03d01864735b.svg);
    width: 29px;
    height: 19px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.siet-tail_box .footer-sample .service-item-part .social-btn a i.fa-commenting::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/siet/images/63c3e690-ffd3-4e50-b0e9-9990e9306446.svg);
    width: 24px;
    height: 23px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.siet-tail_box .module > .row:nth-last-child(1){
    position: absolute;
    right: 0;
    bottom: 20px;
}
.siet-tail_box .module > .row:nth-last-child(1) .powered{
    font-size: 14px;
    letter-spacing: 0.5px;
    opacity: .3;
}
@media (max-width:1280px) {
    .siet-tail_box{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .siet-tail_contact{
        right: 4.16666%;
    }
}
@media (max-width:1024px) {
    .siet-tail_box .footer-sample .contact-us-part{
        width: 100%;
    }
    .siet-tail_box .footer-sample .contact-us-part .contact-use-row{
        width: 380px;
    }
}
@media (max-width:991px) {
    .siet-tail_contact{
        top: unset;
        bottom: 6rem;
        right: unset;
        left: calc(50% - 107px);
    }
    .siet-tail_box .footer-sample > .col-sm-7{
        border: none;
    }
    .siet-tail_box .footer-sample .contact-us-part{
        height: auto;
        margin-bottom: 15px;
    }
    .siet-tail_box .footer-sample .contact-us-part .contact-use-row{
        width: 100%;
        text-align: center;
        margin-bottom: 0.5rem;
        padding: 0;
    }
    .siet-tail_box .footer-sample > .col-sm-2{
        width: 100%;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    .siet-tail_box .footer-sample .service-item-part{
        justify-content: center;
    }
    .siet-tail_box .footer-sample .service-item-part .social-btn{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 1.5rem;
    }
    .siet-tail_box .footer-sample .service-item-part .social-btn a{
        margin: 0 15px;
    }
    .siet-tail_box .module > .row:nth-last-child(1){
        position: unset;
        margin-top: 7rem;
        margin-bottom: 2.5rem;
    }
}
@media (max-width:575px) {
    .siet-tail_box .module > .row:nth-last-child(1) .powered{
        letter-spacing: 0;
        font-size: 13px;
    }
}
@media (max-width:480px) { /*20250702需求*/
    .siet-tail_box .footer-sample .service-item-part .service-items a{
        font-size: 15px;
        letter-spacing: 0;
        padding: 0 7px;
    }
    .siet-tail_box .footer-sample .service-item-part .service-items:nth-last-child(2) a{
        padding-right: 0;
    }
}

/*web side*/
.siet-go_top .module-wrapper .actGotop{
    width: auto;
    height: auto;
    mix-blend-mode: exclusion;
    animation: pagetop 2s .5s ease-in-out infinite;
}
@keyframes pagetop{
    0%{
        bottom: 100px;
    }
    50%{
        bottom: 80px;
    }
    100%{
        bottom: 100px;
    }
}
.siet-go_top .module-wrapper .actGotop a{
    width: auto;
    height: auto;
    background: none;
    writing-mode: sideways-rl;
    line-height: 1;
    font-family: arial;
}
.siet-go_top .module-wrapper .actGotop a i{
    height: 65px;
    width: 13px;
    border-left: 2px solid #b8a57f;
    border-top: 2px solid #b8a57f;
    transform: skewY(45deg);
    left: -0.5rem;
    top: -1.5rem;
}
/*header-new*/
.siet-top_bar_show{
    max-width: calc(100% - 600px);
    flex: 0 0 calc(100% - 600px);
    position: fixed;
    left: 300px;
    z-index: 999;
}
.siet-top_bar_show.menu_hide{
    z-index: 0;
}
.siet-top_bar_show .module-wrapper{
    min-height: 110px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    transition: .2s;
}
.siet-top_bar_show .mega-menu > section.menu-list-items{
    background-color: transparent;
}
.siet-top_bar_show .mega-menu .menu-logo{
    display: none;
}
.siet-top_bar_show .mega-menu .menu-links{
    width: 100%;
    display: flex !important;
    justify-content: center;
}
.siet-top_bar_show .mega-menu .menu-links > li:hover{
    background-color:transparent;
}
.siet-top_bar_show .mega-menu .menu-links > li > a{
    font-size: 18px;
    line-height: 70px;
    letter-spacing: 1px;
}
.siet-top_bar_show .mega-menu .menu-links li div.mg-drop-down.col-12{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.siet-top_bar_show .mega-menu .menu-links li .list_box{
    padding: 10px;
    margin-right: 0;
    width: 100%;
}
.siet-top_bar_show .mega-menu .menu-links li .list_box > ul{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.siet-top_bar_show .mega-menu .menu-links li .list_box ul li{
    width: 33.3333%;
    padding: 0 15px;
}
.siet-top_bar_show .mega-menu .menu-links li .list_box ul li a{
    font-size: 1rem;
    padding: 0 10px;
    display: table;
    border-left: 3px solid #2b6dbc;
    line-height: 1.3;
    width: auto;
}
.siet-top_bar_show .mega-menu .menu-links li .list_box a p{
    font-size: 16px;
    letter-spacing: 1px;
}
.gizle .siet-top_bar_show .module-wrapper{
    min-height: 90px;
    transition: .2s;
}
.gizle .siet-top_bar_show .mega-menu .menu-links > li > a{
    line-height: 90px;
}
@media (max-width:1199px) {
    .siet-top_bar_show{
        max-width: calc(100% - 450px);
        flex: 0 0 calc(100% - 450px);
        left: 250px;
    }
}
@media (max-width:1024px) {
    .siet-top_bar_show {
        max-width: calc(100% - 370px);
        flex: 0 0 calc(100% - 370px);
        left: 200px;
    }
    .siet-top_bar_show .module-wrapper{
        min-height: 95px;
    }
    .gizle .siet-top_bar_show .module-wrapper{
        min-height: 75px;
    }
    .gizle .siet-top_bar_show .mega-menu .menu-links > li > a {
        line-height: 75px;
    }
}
@media (max-width:991px) {
    .siet-top_bar_show{
        max-width: calc(100% - 310px);
        flex: 0 0 calc(100% - 310px);
        left: 175px;
    }
}
@media (max-width:839px) {
    .siet-top_bar_show .mega-menu .menu-links li .list_box{
        padding: 10px;
    }
    .siet-top_bar_show .mega-menu .menu-links > li > a{
        letter-spacing: 0;
        font-size: 16px;
        padding: 0 12px;
    }
    .siet-top_bar_show .mega-menu .menu-links li .list_box ul li{
        width: 50%;
        padding: 0 10px;
    }
}

/*index banner*/
.siet_idx_bannerW{
    margin-bottom: 10rem;
}
.siet_idx_bannerW .main.row{
    height: 100vh;
    align-content: center;
}
.siet_idx_bannerW .main.row::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(18, 39, 71, 0.5) 30%, rgba(18, 39, 71, 0.9) 90%);
    z-index: 1;
}
.siet-idx_banner_logo{
    max-width: unset;
    flex: unset;
    width: auto;
    margin: auto;
    z-index: 2;
    animation-delay: 2s;
}
.siet-idx_banner_logo .main{
    mask: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 10%, #000 40%);
}
.siet-idx_banner_logo .main img{
    height: 150px;
}
.siet-idx_banner_info{
    margin-top: 4rem;
    margin-bottom: 4rem;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    animation-delay: 2.5s;
    z-index: 2;
}
.siet-idx_banner_info p{
    margin-bottom: 8px;
}
.siet-idx_banner_scroll{
    position: absolute;
    bottom: 0;
    max-width: unset;
    flex: unset;
    width: auto;
    transform: translate(-50%, 0px);
    left: 50%;
    z-index: 2;
}
.siet-idx_banner_scroll .function-row li{
    padding: 0;
    position: relative;
    margin-bottom: 3rem;
    display: inline-table;
}
.siet-idx_banner_scroll .function-row li::before{
    content: '';
    display: block;
    width: 1px;
    background-color: #fff;
    opacity: .3;
    position: absolute;
    left: 50%;
    animation:scroll 1.5s .5s ease-in-out infinite;
}
@keyframes scroll{
    0%{
        height: 0px;
        top: -100px;
    }
    50%{
        height: 100px;
        top: -100px;
    }
    100%{
        height: 0px;
        top: 0;
    }
}
.siet-idx_banner_scroll .function-row li a{
    position: relative;
    padding-bottom: 3.5rem;
    padding-top: 1rem;
    bottom: 0;
    transition: .3s;
}
.siet-idx_banner_scroll .function-row li a:hover{
    bottom: -1rem;
    transition: .3s;
}
.siet-idx_banner_scroll .function-row li a::before{
    content: '';
    display: block;
    width: 24px;
    height: 39px;
    border: 1px solid #ccb78e;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 12px);
}
.siet-idx_banner_scroll .function-row li a::after{
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    background: #ccb78e;
    border-radius: 8px;
    position: absolute;
    bottom: 1.4rem;
    left: calc(50% - 2px);
}
.siet-idx_banner_scroll .function-row li a h3{
    margin: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: arial !important;
    font-weight: 100;
    letter-spacing: 1.5px;
    font-size: 15px;
    line-height: 1;
    opacity: .5;
    transition: .3s;
}
.siet-idx_banner_scroll .function-row li a:hover h3{
    opacity: 1;
    transition: .3s;
}
@media (max-width:1024px) {
    .siet_idx_bannerW {
        margin-bottom: 6rem;
    }
}
@media (max-width:991px) {
    .siet-idx_banner_logo .main img{
        height: 120px;
    }
    .siet-idx_banner_info{
        margin-top: 2rem;
        font-size: 18px;
    }
}
@media (max-width:767px) {
    .siet_idx_bannerW .main.row::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: url(https://materials.fillo.com.tw/materials/siet/images/ba401184-fbd5-4e73-ac72-662ff282ac69.jpg);
        background-size: auto 100%;
        background-position: center center;
    }
    .siet-idx_banner_logo .main img{
        height: 200px;
    }
    .siet-idx_banner_info{
        margin-top: 1.5rem;
        font-size: 16px;
        margin-bottom: 2rem;
        padding: 0 2rem;
    }
    .siet-idx_banner_scroll .function-row li::before{
        display: none;
    }
    .siet-idx_banner_scroll .function-row li a{
        animation: bannerscroll 2s .5s ease-in-out infinite;
        padding-bottom: 3rem;
    }
    @keyframes bannerscroll{
        0%{
            bottom: 0px;
        }
        50%{
            bottom: 20px;
        }
        100%{
            bottom: 0px;
        }
    }
}
@media (max-width:575px) {
    .siet-idx_banner_logo .main img{
        height: 120px;
    }
    .siet-idx_banner_info p{
        line-height: 1.4;
    }
    .siet-idx_banner_scroll .function-row li{
        margin-bottom: 1rem;
    }
    .siet-idx_banner_scroll .function-row li a h3{
        display: none;
    }
}

.siet-idx_contentW{
    margin-bottom: 14rem;
}
.siet-idx_contentW .main.row::before{
    content: '';
    display: block;
    background: #f8f8f9;
    position: absolute;
    top: 230px;
    bottom: -4rem;
}
.siet-idx_contentW.siet-idx_contentWR .main.row::before{
    left: 50%;
    right: 0;
}
.siet-idx_contentW.siet-idx_contentWL .main.row::before{
    right: 50%;
    left: 0;
}
.siet-idx_content_img img{
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    object-position: center center;
}
.siet-idx_content_info{
    position: unset;
    padding-bottom: 50px;
    z-index: 1;
    animation-delay: 0.5s;
}
.siet-idx_content_info .header-title{
    position: absolute;
    font-size: 200px;
    font-family: arial;
    font-weight: 600;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px #a2adbf;
    text-stroke: 1px #a2adbf;
    left: 0;
    right: 0;
    top: 0;
    letter-spacing: 5px;
    z-index: 9;
}
.siet-idx_content_info.content_infoR .header-title{
    text-align: right;
    padding-right: 1rem;
}
.siet-idx_content_info.content_infoL .header-title{
    text-align: left;
    padding-left: 1rem;
}
.siet-idx_content_info .falls-container{
    margin-top: 230px;
    padding: 3.5rem 8rem 0rem 5rem;
}
.siet-idx_content_info.content_infoL .falls-container{
    padding: 3.5rem 5rem 0rem 8rem;
}
.siet-idx_content_info .falls-container .grid .grid-item h3{
    font-size: 35px;
    font-weight: bold;
    position: relative;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}
.siet-idx_content_info .falls-container .grid .grid-item h3::after{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    left: 3px;
    bottom: -3px;
}
.siet-idx_content_info .falls-container .grid .grid-item p{
    margin: 0;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.8;
}
.siet-idx_content_btn{
    max-width: unset;
    flex: unset;
    width: auto;
    position: absolute;
    bottom: 0;
    z-index: 2;
    animation-delay: 0.5s;
}
.siet-idx_content_btn.content_btnR{
    right: 8rem;
}
.siet-idx_content_btn.content_btnL{
    right: calc(58.333333% + 5rem);
}
.siet-idx_content_btn div.link-list{
    min-height: unset;
    border-radius: 50px;
    border: 1px solid rgba(184, 165, 127, .33);
}
.siet-idx_content_btn div.link-list:hover{
    border: 1px solid rgba(184, 165, 127, 1);
}
.siet-idx_content_btn div.link-list ul li a, 
.siet-idx_content_btn div.link-list ul li span{
    letter-spacing: 0.5px;
    padding: 13px 5.5rem 10px 1.5rem;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.1;
    font-family: arial;
    align-items: center;
    position: relative;
}
.siet-idx_content_btn div.link-list ul li i{
    order: 1;
    width: 45px;
    height: 9px;
    border-right: 1px solid #b8a57f;
    border-bottom: 1px solid #b8a57f;
    transform: skewX(45deg);
    position: absolute;
    right: 1.5rem;
    bottom: 21px;
    transition: .3s;
}
.siet-idx_content_btn div.link-list:hover ul li i{
    width: 30px;
    transition: .3s;
}
@media (max-width:1600px) {
    .siet-idx_content_info .falls-container{
        padding: 2.5rem 4rem 0rem 3rem;
    }
    .siet-idx_content_info.content_infoL .falls-container{
        padding: 2.5rem 3rem 0rem 4rem;
    }
    .siet-idx_content_info .falls-container .grid .grid-item h3{
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .siet-idx_content_btn.content_btnR{
        right: 5rem;
    }
    .siet-idx_content_btn.content_btnL {
        right: calc(58.333333% + 4rem);
    }
}
@media (max-width:1440px) {
    .siet-idx_contentW .main.row::before{
        top: 170px;
    }
    .siet-idx_content_info .header-title{
        font-size: 150px;
        -webkit-text-stroke: 0.7px #a2adbf;
        text-stroke: .7px #a2adbf;
        letter-spacing: 3px;
    }
    .siet-idx_content_info .falls-container{
        margin-top: 165px;
    }
    .siet-idx_content_info .falls-container .grid .grid-item h3{
        font-size: 32px;
    }
}
@media (max-width:1280px) {
    .siet_idx_bannerW{
        margin-bottom: 8rem;
    }
    .siet-idx_contentW {
        margin-bottom: 11rem;
    }
    .siet-idx_contentW .main.row::before{
        bottom: -3rem;
    }
    .siet-idx_content_info{
        padding-bottom: 40px;
    }
    .siet-idx_content_info .falls-container{
        padding: 2.5rem 3rem 0rem 2rem;
    }
    .siet-idx_content_info.content_infoL .falls-container{
        padding: 2.5rem 2rem 0rem 3rem;
    }
    .siet-idx_content_info .falls-container .grid{
        padding-bottom: 40px;
    }
    .siet-idx_content_info .falls-container .grid .grid-item h3{
        font-size: 28px;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .siet-idx_content_info .falls-container .grid .grid-item p{
        font-size: 17px;
        line-height: 1.7;
    }
    .siet-idx_content_btn.content_btnR {
        right: 4rem;
    }
    .siet-idx_content_btn div.link-list ul li a, 
    .siet-idx_content_btn div.link-list ul li span{
        font-size: 18px !important;
        padding: 10px 4.5rem 7px 1.25rem;
    }
    .siet-idx_content_btn div.link-list ul li i{
        width: 40px;
        right: 1.25rem;
        bottom: 16px;
    }
}
@media (max-width:1024px) {
    .siet-idx_contentW {
        margin-bottom: 9rem;
    }
    .siet-idx_contentW .main.row::before {
        top: 115px;
    }
    .siet-idx_content_info .header-title{
        font-size: 100px;
    }
    .siet-idx_content_info .falls-container{
        padding: 1.5rem 2rem 0rem 1rem;
        margin-top: 115px;
    }
    .siet-idx_content_info.content_infoL .falls-container{
        padding: 1.5rem 1rem 0rem 2rem;
    }
    .siet-idx_content_info .falls-container .grid {
        padding-bottom: 30px;
    }
}
@media (max-width:991px) {
    .siet_idx_bannerW{
        margin-bottom: 5rem;    
    }
    .siet-idx_contentW {
        margin-bottom: 7rem;
    }
    .siet-idx_content_img{
        max-width: 80%;
        flex: 0 0 80%;
        margin: 0 auto;
        order: 1;
    }
    .siet-idx_content_img img{
        max-height: unset;
    }
    .siet-idx_content_info{
        position: relative;
        order: -1;
        max-width: 80%;
        flex: 0 0 80%;
        margin: 0 auto;
    }
    .siet-idx_content_info.content_infoR .header-title{
        text-align: left;
        position: unset;
        padding-left: 1rem;
    }
    .siet-idx_content_info.content_infoL .header-title{
        position: unset;
    }
    .siet-idx_content_info .falls-container{
        padding: 0;
        margin-top: 1.5rem;
    }
    .siet-idx_content_info.content_infoL .falls-container{
        padding: 0;
    }
    .siet-idx_content_info .falls-container .grid{
        padding-bottom: 0;
    }
    .siet-idx_content_btn{
        position: unset;
        max-width: 80%;
        flex: 0 0 80%;
        margin: 0 auto 2rem;
    }
    .siet-idx_content_btn .module section.link.text-link{
        display: flex;
        justify-content: end;
    }
}
@media (max-width:767px) {
    .siet-idx_content_info .header-title{
        font-size: 75px;
        letter-spacing: 0px;
    }
    .siet-idx_content_btn{
        animation-delay: unset;
    }
}
@media (max-width:575px) {
    .siet-idx_content_info{
        max-width: 95%;
        flex: 0 0 95%;
        padding-bottom: 30px;
    }
    .siet-idx_content_info .header-title{
        font-size: 55px;
    }
    .siet-idx_content_info .falls-container{
        margin-top: 0.5rem;
    }
    .siet-idx_content_btn, 
    .siet-idx_content_img{
        max-width: 90%;
        flex: 0 0 90%;
    }
}

/*pages*/
.siet-page_background .main.row{
    padding-top: 350px;
    padding-bottom: 100px;
}
.siet-page_background .main.row::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(18, 39, 71, 0.85);
    backdrop-filter: blur(2px);
    z-index: 1;
}
.siet-page_background .main.row > .header-title{
    font-size: 200px;
    font-family: arial !important;
    font-weight: 600;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.3px rgba(255, 255, 255, 0.9);
    text-stroke: 1px rgba(255, 255, 255, 0.9);
    letter-spacing: 3px;
    z-index: 2;
    padding-left: 8.33333%;
    position: fixed;
    top: 150px;
    left: 0;
    right: 0;
    animation-delay: 1.5s;
}
@media (max-width:1279px) {
    .siet-page_background .main.row{
        padding-bottom: 80px;
    }
    .siet-page_background .main.row > .header-title{
        font-size: 150px;
        -webkit-text-stroke: 0.7px rgba(255, 255, 255, 0.9);
        text-stroke: 0.7px rgba(255, 255, 255, 0.9);
    }
}
@media (max-width:1024px) {
    .siet-page_background .main.row{
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .siet-page_background .main.row > .header-title {
        position: unset;
        font-size: 120px;
        -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.9);
        text-stroke: 0.5px rgba(255, 255, 255, 0.9);
    }
}
@media (max-width:991px) {
    .siet-page_background .main.row > .header-title{
        padding-left: 40px;
    }
    .siet-page_background .main.row::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: url(https://materials.fillo.com.tw/materials/siet/images/ba401184-fbd5-4e73-ac72-662ff282ac69.jpg);
        background-size: auto 100%;
        background-position: center center;
    }
}
@media (max-width:767px) {
    .siet-page_background .main.row > .header-title {
        padding-left: 20px;
        font-size: 80px;
    }
}

/*service*/
.siet-service_box{
    z-index: 2;
}
.siet-service_box .module-container .main{
    display: flex;
    flex-wrap: wrap;
}
.siet-service_box .module-container .main .header-title{
    width: 33%;
    padding-top: 10rem;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    padding-left: calc(10% - 20px);
    position: relative;
    animation-delay: 1.8s;
}
.siet-service_box .module-container .main .header-title::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 22%;
    background: #b8a57f;
    height: 5px;
    top: 11.5rem;
}
.siet-service_box .module-container .main > div:nth-last-child(1){
    width: 67%;
    animation-delay: 1.8s;
}
.siet-service_box .module-container .main .swiper-container{
    padding-right: 65px;
    padding-left: 60px;
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.siet-service_box .swiper-container .swiper-slide-style{
    border-radius: 0;
    background: #f8f8f9;
    box-shadow: none;
}
.siet-service_box .swiper-container .swiper-slide-style::before{
    content: 'MORE';
    display: block;
    font-size: 22px;
    font-family: Arial !important;
    color: #b8a57f;
    position: absolute;
    right: 95px;
    bottom: -52px;
    letter-spacing: 1px;
}
.siet-service_box .swiper-container .swiper-slide-style::after{
    content: '';
    display: block;
    width: 45px;
    height: 9px;
    border-right: 1px solid #b8a57f;
    border-bottom: 1px solid #b8a57f;
    transform: skewX(45deg);
    position: absolute;
    right: 1.8rem;
    bottom: -37px;
    transition: .3s;
}
.siet-service_box .swiper-container .swiper-slide-style:hover::after{
    right: 5px;
    transition: .3s;
}
.siet-service_box .swiper-container .swiper-slide .swiper-img{
    width: calc(100% - 2.5rem);
    margin-left: 2.5rem;
    margin-top: -5rem;
    margin-bottom: 2rem;
    overflow: hidden;
    aspect-ratio: 3 / 2;
}
.siet-service_box .swiper-container .swiper-slide .swiper-img img{
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
    transform: scale(1);
    transition: .3s;
}
.siet-service_box .swiper-container .swiper-slide:hover .swiper-img img{
    transform: scale(1.05);
    transition: .3s;
}
.siet-service_box .swiper-container .swiper-slide .swiper-title{
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 15px;
    font-size: 34px;
    font-family: arial !important;
    color: #718daa;
    padding-bottom: 1.2rem;
    position: relative;
    margin-bottom: 1.2rem;
}
.siet-service_box .swiper-container .swiper-slide .swiper-title::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background-color: #0071be;
    position: absolute;
    left: 2.5rem;
    bottom: -2px;
}
.siet-service_box .swiper-container .swiper-slide .swiper-content{
    -webkit-line-clamp: unset;
    overflow: unset;
    padding-left: 2.5rem;
    padding-right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
    position: relative;
}
.siet-service_box .swiper-container .swiper-slide .swiper-content::after{
    content: '';
    display: block;
    background-color: #f8f8f9;
    height: 65px;
    width: calc(100% - 195px);
    position: absolute;
    left: 0;
    top: 100%;
}
.siet-service_box .swiper-button-prev.swiper-button-disabled, 
.siet-service_box .swiper-button-next.swiper-button-disabled {
    display: none;
}
.siet-service_box .swiper-button-prev.swiper-button-white, 
.siet-service_box .swiper-button-next.swiper-button-white{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: rgba(64, 96, 129, 0.6);
    opacity: 1;
}
.siet-service_box .swiper-button-prev.swiper-button-white{
    left: 20px;
}
.siet-service_box .swiper-button-next.swiper-button-white{
    right: 20px;
}
.siet-service_box .swiper-button-prev.swiper-button-white::after, 
.siet-service_box .swiper-button-next.swiper-button-white::after{
    font-size: 28px;
    padding: 0;
    background: none;
}
.siet-service_box .swiper-button-prev.swiper-button-white::after{
    padding-right: 5px;
}
.siet-service_box .swiper-button-next.swiper-button-white::after{
    padding-left: 5px;
}
@media (max-width:1279px) {
    .siet-service_box .module-container .main .header-title{
        width: 30%;
        font-size: 32px;
    }
    .siet-service_box .module-container .main > div:nth-last-child(1) {
        width: 70%;
    }
    .siet-service_box .swiper-container .swiper-slide-style::before{
        font-size: 20px;
        bottom: -42px;
    }
    .siet-service_box .swiper-container .swiper-slide-style::after{
        bottom: -28px;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-img{
        margin-bottom: 1rem;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-title{
        font-size: 28px;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-content{
        font-size: 24px;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-content::after{
        height: 50px;
    }
}
@media (max-width:1152px) {
    .siet-service_box .module-container .main .header-title{
        width: 250px;
        padding-left: 100px;
    }
    .siet-service_box .module-container .main .header-title::before{
        width: 80px;
    }
    .siet-service_box .module-container .main > div:nth-last-child(1){
        width: calc(100% - 250px);
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-img{
        width: calc(100% - 1.5rem);
        margin-left: 1.5rem;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-title{
        font-size: 26px;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-title::before{
        left: 1.5rem;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-content{
        font-size: 22px;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
    }
}
@media (max-width:1024px) {
    .siet-service_box .module-container .main .swiper-container{
        padding-right: 40px;
        padding-left: 35px;
    }
    .siet-service_box .swiper-container .swiper-slide-style::before{
        bottom: -42px;
        right: 80px;
    }
    .siet-service_box .swiper-container .swiper-slide-style::after {
        bottom: -28px;
        right: 1.3rem;
    }
    .siet-service_box .swiper-container .swiper-slide .swiper-content::after{
        width: calc(100% - 165px);
    }
    .siet-service_box .swiper-button-prev.swiper-button-white, 
    .siet-service_box .swiper-button-next.swiper-button-white{
        width: 45px;
        height: 45px;
    }
    .siet-service_box .swiper-button-prev.swiper-button-white {
        left: 10px;
    }
    .siet-service_box .swiper-button-next.swiper-button-white {
        right: 10px;
    }
    .siet-service_box .swiper-button-prev.swiper-button-white::after, 
    .siet-service_box .swiper-button-next.swiper-button-white::after{
        font-size: 22px;
    }
    .siet-service_box .swiper-button-prev.swiper-button-white::after {
        padding-right: 3px;
    }
    .siet-service_box .swiper-button-next.swiper-button-white::after {
        padding-left: 3px;
    }
}
@media (max-width:991px) {
    .siet-service_box .module-container .main .header-title{
        width: 100%;
        padding-left: 40px;
        padding-top: 30px;
    }
    .siet-service_box .module-container .main .header-title::before{
        top: 52px;
        width: 25px;
    }
    .siet-service_box .module-container .main > div:nth-last-child(1){
        width: 100%;
    }
}
@media (max-width:767px) {
    .siet-service_box .module-container .main .header-title{
        padding-left: 20px;
        padding-top: 20px;
        font-size: 28px;
    }
    .siet-service_box .module-container .main .header-title::before{
        display: none;
    }
    .siet-service_box .module-container .main .swiper-container{
        padding-left: 30px;
        padding-right: 30px;
    }    
}
@media (max-width:639px) {
    .siet-service_box .module-container .main .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .siet-service_box .swiper-button-prev.swiper-button-white{
        left: 5px;
    }
    .siet-service_box .swiper-button-next.swiper-button-white{
        right: 5px;
    }
}

/*service pages*/
.siet-service_pageBANNER .main.row{
    justify-content: end;
}
.siet-service_pageBANNER .main.row::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(18, 39, 71, 0.85);
    backdrop-filter: blur(2px);
}
.siet-service_pageBANNER .main.row::after{
    content: '';
    display: block;
    width: 62%;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 50%;
}
.siet-service_pageBIMG{
    margin-top: 110px;
    z-index: 1;
    animation-delay: 1.5s;
}
.siet-service_pageBTIT{
    margin-top: -270px;
    margin-bottom: 4rem;
    z-index: 1;
    animation-delay: 1.5s;
}
.siet-service_pageBTIT .module-container .main > div:nth-last-child(1){
    padding-left: 5rem;
}
.siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2{
    font-size: 95px;
    color: #fff;
    font-family: arial !important;
    letter-spacing: 2px;
    line-height: 1.2;
    font-weight: 600;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
.siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2::before{
    content: '';
    display: block;
    width: 150px;
    height: 2px;
    background: #b8a57f;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h4{
    font-size: 45px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.service_pageW01 .main.row{
    justify-content: center;
    padding: 7rem 0;
}
.service_pageW01 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    width: 62%;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f8f8f9;
}
.pageTXTL{
    animation-delay: 0.5s;
}
.pageTXTL .module-container .main > div:nth-last-child(1){
    padding-left: 4rem;
}
.pageTXTL .module-container .main > div:nth-last-child(1) h3{
    font-size: 70px;
    font-family: arial;
    color: #1e3559;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}
.pageTXTL .module-container .main > div:nth-last-child(1) h5{
    font-size: 35px;
    line-height: 1.4;
    color: #000;
    margin-bottom: 0;
}
.pageTXTR{
    animation-delay: 1s;
}
.pageTXTR .module-container .main > div:nth-last-child(1){
    padding-top: 4rem;
    padding-left: 4rem;
    color: #000;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.5;
    position: relative;
}
.pageTXTR .module-container .main > div:nth-last-child(1)::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    top: 0;
    left: 4rem;
}
.pageTXTR .module-container .main > div:nth-last-child(1) p{
    margin-bottom: 20px;
}
.service_pageW02 .main.row{
    padding: 2rem 0;
}
.service_pageW02 .main.row::before{
    content: '';
    display: block;
    width: 38%;
    background: #f8f8f9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.pageBOXL .mix-wrapper > .row, 
.pageBOXR .mix-wrapper > .row{
    align-items: center;
}
.pageBOXL .pic-content{
    padding-left: 5rem;
}
.pageBOXL .img-mode .img-box a, 
.pageBOXR .img-mode .img-box a{
    display: table;
    margin: auto;
}
.pageBOXL .editor-content, 
.pageBOXR .editor-content{
    padding: 0 3rem;
}
.pageBOXL .editor-content h3, 
.pageBOXR .editor-content h3{
    font-size: 70px;
    font-family: arial;
    color: #1e3559;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}
.pageBOXL .editor-content h5, 
.pageBOXR .editor-content h5{
    font-size: 35px;
    line-height: 1.4;
    color: #000;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
}
.pageBOXL .editor-content h5::before, 
.pageBOXR .editor-content h5::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pageBOXL .editor-content p, 
.pageBOXR .editor-content p{
    color: #000;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.5;
}
.service_pageW03 .main.row{
    padding: 5rem 0;
}
.service_pageW03 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    width: 62%;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f8f8f9;
}
.pageBOXR.pageBOX02 .editor-content{
    padding-right: 0;
}
.service_pageW04{
    padding-right: 0;
}
.service_pageW04 .main.row{
    padding: 6rem 0 5rem;
    justify-content: end;
}
.service_pageW04 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 53%;
    bottom: 0;
    background: #f8f8f9;
}
.pageBOX03 .mix-wrapper{
    padding-right: 15px;
}
.pageBOX03 .editor-content{
    padding-left: 15px;
}
.pageBOX03 .editor-content h5{
    padding-bottom: 5rem;
}
.service_pageW05{
    padding-left: 0;
    margin-bottom: 8rem;
}
.service_pageW05 .main.row{
    padding: 6rem 0 4rem;
}
.service_pageW05 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    left: 8.33333%;
    right: 0;
    top: 40.5%;
    bottom: 0;
    background: #f8f8f9;
}
.pageBOX04 .mix-wrapper{
    padding-left: 15px;
}
.pageBOX04 .mix-wrapper > .row{
    align-items: flex-start;
}
.pageBOX04 .editor-content{
    padding-left: 5rem;
    padding-right: 0;
}
.pageBOX04 .editor-content h3{
    padding-bottom: 6rem;
    margin-bottom: 3rem;
    position: relative;
}
.pageBOX04 .editor-content h3::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (min-width:992px) {
    .siet-service_pageBIMG img{
        width: 100%;
        object-fit: cover;
        object-position: center center;
        height: 100%;
        max-height: 770px;
    }
}
@media (max-width:1630px) {
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2{
        font-size: 80px;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h4{
        font-size: 40px;
    }
    .pageTXTL{
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h3{
        font-size: 65px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h5{
        font-size: 32px;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1){
        padding-left: 3rem;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1)::before{
        left: 3rem;
    }
    .pageBOX01, 
    .pageBOX02 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .pageBOX03, 
    .pageBOX04{
        max-width: calc(100% - 4.16666%);
        flex: 0 0 calc(100% - 4.16666%);
    }
    .service_pageW04 .main.row::before{
        top: 50%;
    }
    .service_pageW05 .main.row::before{
        top: 42.5%;
    }
    .pageBOXL .pic-content {
        padding-left: 3rem;
    }
    .pageBOXR .pic-content{
        padding-right: 3rem;
    }
    .pageBOXL .editor-content h3, 
    .pageBOXR .editor-content h3{
        font-size: 65px;
    }
    .pageBOXL .editor-content h5, 
    .pageBOXR .editor-content h5{
        font-size: 32px;
    }
}
@media (max-width:1440px) {
    .pageTXTL .module-container .main > div:nth-last-child(1){
        padding-left: 15px;
    }
    .pageBOXL .editor-content{
        padding-left: 0;
        padding-right: 2rem;
    } 
    .pageBOX02 .pic-content {
        padding-right: 2rem;
    }
    .pageBOX04 .pic-content{
        max-width: 50%;
        flex: 0 0 50%;
        padding-right: 0;
    }
    .pageBOX04 .editor-content h3{
        padding-bottom: 3rem;
    }
}
@media (max-width:1280px) {
    .siet-service_pageBTIT{
        margin-top: -220px;
        margin-bottom: 3rem;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2{
        font-size: 70px;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h4 {
        font-size: 40px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h3 {
        font-size: 56px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h5 {
        font-size: 30px;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1){
        font-size: 18px;
    }
    .service_pageW02 .main.row{
        padding: 3rem 0;
    }
    .pageBOXL .editor-content h3, 
    .pageBOXR .editor-content h3 {
        font-size: 56px;
    }
    .pageBOXL .editor-content h5, 
    .pageBOXR .editor-content h5 {
        font-size: 30px;
    }
    .pageBOXL .editor-content p, 
    .pageBOXR .editor-content p{
        font-size: 18px;
    }
    .pageBOX01 .pic-content{
        padding-left: 5rem;
    }
}
@media (max-width:1152px) {
    .service_pageW01 .main.row{
        padding: 5rem 0;
    }
    .service_pageW02 .main.row {
        padding: 2rem 0;
    }
    .service_pageW03 .main.row {
        padding: 3rem 0;
    }
    .service_pageW04 .main.row{
        padding: 3rem 0 3rem;
    }
    .service_pageW05{
        margin-bottom: 7rem;
    }
    .service_pageW05 .main.row {
        padding: 4.5rem 0 3rem;
    }
    .pageBOX02 .pic-content {
        padding-right: 1rem;
    }
    .pageBOX03 .pic-content{
        padding-left: 2.5rem;
    }
}
@media (max-width:1024px) {
    .siet-service_pageBTIT {
        margin-top: -180px;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) {
        padding-left: 3rem;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2{
        font-size: 60px;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h4 {
        font-size: 30px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h3, 
    .pageBOXL .editor-content h3, .pageBOXR .editor-content h3{
        letter-spacing: 0;
    }
}
@media (max-width:991px) {
    .siet-service_pageBANNER .main.row{
        justify-content: center;
    }
    .siet-service_pageBIMG{
        max-width: 90%;
        flex: 0 0 90%;
        margin-top: 0rem;
        margin-bottom: 3rem;
    }
    .siet-service_pageBTIT{
        order: -1;
        margin-top: 110px;
        max-width: 90%;
        flex: 0 0 90%;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1){
        padding-left: 0;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2{
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }
    .service_pageW01 .main.row{
        padding: 4rem 0;
    }
    .pageTXTL{
        margin-bottom: 2rem;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1){
        padding: 0 15px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h3{
        letter-spacing: 0;
        margin-bottom: 1.5rem;
    }
    .pageTXTR{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1){
        padding-top: 2.5rem;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1)::before{
        left: 1rem;
    }
    .pageBOXL .pic-content, 
    .pageBOXR .pic-content{
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 15px;
        order: 1;
    }
    .pageBOXL .editor-content, 
    .pageBOXR .editor-content{
        padding: 0;
    }
    .pageBOXL .editor-content h3, 
    .pageBOXR .editor-content h3{
        margin-bottom: 1.5rem;
    }
    .pageBOXL .editor-content h5, 
    .pageBOXR .editor-content h5{
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .service_pageW03 .main.row {
        padding: 2rem 0;
    }
    .service_pageW04 .main.row, 
    .service_pageW05 .main.row{
        justify-content:center ;
    }
    .service_pageW04{
        padding-right: 15px;
    }
    .service_pageW04 .main.row{
        padding-top: 2rem;
    }
    .service_pageW05{
        padding-left: 15px;
        margin-bottom: 5.5rem;
    }
    .service_pageW05 .main.row {
        padding: 2rem 0 2rem;
    }
    .pageBOX03, .pageBOX04{
        max-width: 91.66666%;
        flex: 0 0 91.66666%;
    }
    .pageBOX03 .mix-wrapper {
        padding-right: 30px;
    }
    .pageBOX04 .mix-wrapper {
        padding-left: 30px;
    }
    .pageBOX04 .editor-content h3{
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
}
@media (max-width:640px) {
    .siet-service_pageBANNER .main.row::after{
        top: unset;
        height: 10rem;
    }
    .siet-service_pageBTIT{
        margin-bottom: 2rem;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h2{
        letter-spacing: 0;
        font-size: 40px;
    }
    .siet-service_pageBTIT .module-container .main > div:nth-last-child(1) h4{
        font-size: 28px;
    }
    .service_pageW01 .main.row {
        padding: 3rem 0;
    }
    .pageTXTL{
        margin-bottom: 1.5rem;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h3{
        margin-bottom: 1rem;
        font-size: 45px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h5{
        font-size: 28px;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1){
        padding-top: 2rem;
    }
    .service_pageW02 .main.row {
        padding: 1rem 0;
    }
    .service_pageW03 .main.row {
        padding: 1rem 0;
    }
    .service_pageW04 .main.row {
        padding: 1rem 0;
    }
    .service_pageW05{
        margin-bottom: 3.5rem;
    }
    .service_pageW05 .main.row {
        padding: 1rem 0;
    }
    .service_pageW05 .main.row::before{
        top: 200px;
        left: 38%;
    }
    .pageBOXL .editor-content h3, 
    .pageBOXR .editor-content h3 {
        font-size: 45px;
    }
    .pageBOXL .editor-content h3, 
    .pageBOXR .editor-content h3 {
        margin-bottom: 1rem;
    }
    .pageBOXL .editor-content h5, 
    .pageBOXR .editor-content h5 {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .pageBOX04 .editor-content h3 {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
}
@media (max-width:480px) {
    .siet-go_top .module-wrapper .actGotop{
        right: 20px;
    }
    .siet-service_pageBTIT{
        margin-top: 100px;
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }
    .siet-service_pageBIMG{
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }
    .pageTXTL, 
    .pageTXTR{
        max-width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h3{
        font-size: 38px;
    }
    .pageTXTL .module-container .main > div:nth-last-child(1) h5{
        font-size: 24px;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1) {
        font-size: 16px;
    }
    .pageTXTR .module-container .main > div:nth-last-child(1) p {
        margin-bottom: 15px;
    }
    .service_pageW02 .main.row, 
    .service_pageW03 .main.row, 
    .service_pageW04 .main.row, 
    .service_pageW05 .main.row{
        padding: 0rem 0;
    }
    .service_pageW03 .main.row {
        padding: 0rem 0;
    }
    .pageBOX01, 
    .pageBOX02, 
    .pageBOX03, 
    .pageBOX04{
        flex: 0 0 calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
    .pageBOXL .pic-content, 
    .pageBOXR .pic-content{
        padding: 0;
        margin-top: 0;
    }
    .pageBOXL .editor-content h3, 
    .pageBOXR .editor-content h3 {
        font-size: 38px;
    }
    .pageBOXL .editor-content h5, 
    .pageBOXR .editor-content h5 {
        font-size: 24px;
    }
    .pageBOXL .editor-content p, 
    .pageBOXR .editor-content p {
        font-size: 16px;
    }
}

/*PET*/
.PET.service_pageW02 .main.row, 
.PET.service_pageW03 .main.row{
    padding: 0rem;
}
.PET.service_pageW04 .main.row{
    justify-content: center;
    padding-bottom: 7rem;
}
.PET.service_pageW05 .main.row{
    padding-top: 0;
}
.PET.service_pageW02 .main.row::before, 
.PET.service_pageW03 .main.row::before{
    display: none;
}
.PET.service_pageW04 .main.row::before{
    top: 0;
}
.PET.service_pageW05 .main.row::before{
    top: 38.5%;
}
.PET.service_pageW02 .siet-service_pageBOX .mix-wrapper, 
.PET.service_pageW03 .siet-service_pageBOX .mix-wrapper, 
.PET.service_pageW05 .siet-service_pageBOX .mix-wrapper{
    padding-top: 0;
    padding-bottom: 0;
}
.PET.service_pageW02 .siet-service_pageBOX .pic-content{
    margin: 0;
    padding-left: 1rem;
    max-width: 36.3%;
    flex: 0 0 36.3%;
}
.PET.service_pageW03 .siet-service_pageBOX .pic-content{
    margin: 0;
}
.PET.service_pageW05 .siet-service_pageBOX .pic-content{
    margin-top: 0;
}
.PET.service_pageW02 .siet-service_pageBOX .editor-content{
    padding: 0 15px 0 5rem;
}
.PET.service_pageW03 .siet-service_pageBOX .editor-content{
    padding-left: 3rem;
    padding-right: 5rem;
}
.PET.service_pageW04 .pageTXTL .module-container .main > div:nth-last-child(1) h5{
    padding-bottom: 3rem;
    position: relative;
}
.PET.service_pageW04 .pageTXTL .module-container .main > div:nth-last-child(1) h5::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    bottom: 0;
    left: 0;
}
.PET.service_pageW04 .pageTXTR .module-container .main > div:nth-last-child(1){
    padding-top: 1rem;
}
.PET.service_pageW04 .pageTXTR .module-container .main > div:nth-last-child(1)::before{
    display: none;
}
.PET.service_pageW05 .siet-service_pageBOX .editor-content{
    padding-top: 5rem;
}
@media (max-width:1630px) {
    .PET.service_pageW02 .siet-service_pageBOX .pic-content{
        padding-right: 0;
    }
    .PET.service_pageW05 .siet-service_pageBOX .pic-content{
        padding-right: 15px;
    }
    .PET.service_pageW04 .pageTXTL {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
@media (max-width:1152px) {
    .PET.service_pageW04 .main.row{
        padding-bottom: 4.5rem;
        padding-top: 4.5rem;
    }
    .PET.service_pageW05 .siet-service_pageBOX .editor-content {
        padding-top: 3rem;
    }
}
@media (max-width:1024px) {
    .PET.service_pageW02 .siet-service_pageBOX .mix-wrapper > .row{
        align-items: unset;
    }
    .PET.service_pageW02 .siet-service_pageBOX .pic-content{
        padding-left: 0;
    }
    .PET.service_pageW02 .siet-service_pageBOX .editor-content{
        padding-top: 3rem;
    }
    .PET.service_pageW03 .main.row{
        padding-top: 2rem;
    }
    .PET.service_pageW03 .siet-service_pageBOX .editor-content{
        padding-left: 15px;
        padding-right: 4rem;
    }
    .PET.service_pageW04 .pageTXTR{
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .PET.service_pageW04 .pageTXTR .module-container .main > div:nth-last-child(1){
        padding-right: 2rem;
    }
    .PET.service_pageW05 .siet-service_pageBOX .editor-content{
        padding-left: 4rem;
    }
}
@media (max-width:991px) {
    .PET.service_pageW02 .siet-service_pageBOX .pic-content{
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 15px;
        margin: 15px 0;
    }
    .PET.service_pageW02 .siet-service_pageBOX .editor-content{
        padding-left: 0;
        padding-right: 0;
    }
    .PET.service_pageW03 .siet-service_pageBOX .pic-content{
        margin-top: 15px;
    }
    .PET.service_pageW03 .siet-service_pageBOX .editor-content{
        padding: 0;
    }
    .PET.service_pageW04 .pageTXTL{
        margin-bottom: 1rem;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .PET.service_pageW04 .pageTXTR .module-container .main > div:nth-last-child(1){
        padding-right: 1rem;
    }
    .PET.service_pageW04 .pageTXTL .module-container .main > div:nth-last-child(1) h5{
        padding-bottom: 2rem;
    }
    .PET.service_pageW04 .pageTXTR{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .PET.service_pageW05 .siet-service_pageBOX .editor-content{
        padding-left: 0;
    }
}
@media (max-width:640px) {
    .PET.service_pageW04 .pageTXTL{
        margin-bottom: 0.5rem;
    }
    .PET.service_pageW04 .pageTXTL .module-container .main > div:nth-last-child(1) h5{
        padding-bottom: 1.5rem;
    }
}
@media (max-width:480px) {
    .PET.service_pageW02 .siet-service_pageBOX .pic-content{
        padding: 0;
    }
    .PET.service_pageW02 .siet-service_pageBOX .editor-content{
        padding-top: 2rem;
    }
    .PET.service_pageW04 .main.row {
        padding-bottom: 3rem;
        padding-top: 3.5rem;
    }
    .PET.service_pageW04 .pageTXTL, 
    .PET.service_pageW04 .pageTXTR{
        max-width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }
    .PET.service_pageW05 .main.row{
        padding-bottom: 2rem;
    }
    .PET.service_pageW05 .siet-service_pageBOX .editor-content{
        padding-top: 2rem;
    }
}

/*work experience*/
.experience_wrap .main.row{
    padding-top: 510px;
    padding-bottom: 0;
}
.siet-experience_tit, 
.siet-experience_box{
    z-index: 2;
}
.siet-experience_tit{
    position: fixed;
    top: 150px;
    left: 0;
    right: 0;
    animation-delay: 2s;
}
.siet-experience_tit h2{
    margin: 0;
    font-size: 200px;
    font-family: arial !important;
    font-weight: 600;
    line-height: 0.9;
    color: transparent;
    -webkit-text-stroke: 1.3px rgba(255, 255, 255, 0.9);
    text-stroke: 1px rgba(255, 255, 255, 0.9);
    letter-spacing: 3px;
    padding-left: 8.33333%;
}
.siet-experience_box .module-container .main{
    display: flex;
    flex-wrap: wrap;
}
.siet-experience_box .module-container .main .header-title {
    width: 33%;
    padding-top: 6rem;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    padding-left: calc(10% - 20px);
    position: relative;
    animation-delay: 2.5s;
}
.siet-experience_box .module-container .main .header-title::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 22%;
    background: #b8a57f;
    height: 5px;
    top: 7.5rem;
}
.siet-experience_box .module-container .main .falls-container {
    width: 67%;
    margin: -6rem 0 0;
    padding-right: calc(8.33333% - 70px);
    animation-delay: 2.5s;
}
.siet-experience_box .module-container .main .falls-container .grid{
    width: 100%;
    padding-bottom: 0;
    align-items: flex-start;
    align-content: flex-start;
}
.siet-experience_box .falls-container .grid .grid-item{
    padding: 0 0 1.5rem;
    max-width: calc(50% - 70px);
    flex: 0 0 calc(50% - 70px);
    margin: 0px 70px 15rem 0 !important;
    background: #f8f8f9;
    transition: .3s;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative !important;
    left: unset !important;
    top: 0 !important;
    align-content: flex-start;
}
.siet-experience_box .falls-container .grid .grid-item:hover{
    top: -2rem !important;
    transition: .3s;
}
.siet-experience_box .falls-container .grid .grid-item::before {
    content: 'MORE';
    display: block;
    font-size: 22px;
    font-family: Arial !important;
    color: #b8a57f;
    position: absolute;
    right: 95px;
    bottom: -52px;
    letter-spacing: 1px;
}
.siet-experience_box .falls-container .grid .grid-item::after {
    content: '';
    display: block;
    width: 45px;
    height: 9px;
    border-right: 1px solid #b8a57f;
    border-bottom: 1px solid #b8a57f;
    transform: skewX(45deg);
    position: absolute;
    right: 1.8rem;
    bottom: -37px;
    transition: .3s;
}
.siet-experience_box .falls-container .grid .grid-item:hover::after{
    right: 5px;
    transition: .3s;
}
.siet-experience_box .falls-container .grid .grid-item img{
    width: 75%;
    margin-top: -5rem;
    margin-bottom: 1.5rem;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
    object-position: center center;
}
.siet-experience_box .falls-container .grid .grid-item h3{
    margin: 0 0 1rem;
    writing-mode: vertical-lr;
    position: relative;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 1.5rem;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    z-index: 1;
    order: -1;
}
.siet-experience_box .falls-container .grid .grid-item h3::before{
    content: '';
    display: block;
    background: #adcfe7;
    position: absolute;
    top: 0;
    width: 38px;
    bottom: 1.5rem;
    left: calc(50% - 38px);
    z-index: -1;
}
.siet-experience_box .falls-container .grid .grid-item p{
    font-size: 18px;
    margin: 0;
    padding: 0 30px;
    line-height: 1.7;
    color: #212121;
    letter-spacing: 0.5px;
    width: 100%;
    position: relative;
}
.siet-experience_box .falls-container .grid .grid-item p:nth-last-child(1)::after{
    content: '';
    display: block;
    background-color: #f8f8f9;
    height: 65px;
    width: calc(100% - 195px);
    position: absolute;
    left: 0;
    top: calc(100% + 1.5rem);
}
@media (max-width:1679px) {
    .siet-experience_box .module-container .main .falls-container{
        padding-right: 0;
    }
    .siet-experience_box .falls-container .grid .grid-item h3{
        font-size: 32px;
        letter-spacing: 1px;
    }
}
@media (max-width:1440px) {
    .siet-experience_box .falls-container .grid .grid-item img{
        margin-top: -4rem;
    }
    .siet-experience_box .falls-container .grid .grid-item h3{
        font-size: 28px;
    }
    .siet-experience_box .falls-container .grid .grid-item p{
        padding: 0 20px;
        line-height: 1.55;
    }
}
@media (max-width:1300px) {
    .siet-experience_box .falls-container .grid .grid-item{
        max-width: calc(50% - 50px);
        flex: 0 0 calc(50% - 50px);
        margin: 0px 50px 15rem 0 !important;
    }
}
@media (max-width:1279px) {
    .siet-experience_tit h2{
        font-size: 150px;
        -webkit-text-stroke: 0.7px rgba(255, 255, 255, 0.9);
        text-stroke: 0.7px rgba(255, 255, 255, 0.9);
    }
    .siet-experience_box .module-container .main .header-title{
        width: 30%;
        font-size: 32px;
    }
    .siet-experience_box .module-container .main .falls-container{
        width: 70%;
    }
    .siet-experience_box .falls-container .grid .grid-item img{
        margin-top: -3rem;
    }
}
@media (max-width:1152px) {
    .siet-experience_box .module-container .main .header-title{
        width: 300px;
        padding-left: 100px;
    }
    .siet-experience_box .module-container .main .header-title::before{
        width: 80px;
    }
    .siet-experience_box .module-container .main .falls-container{
        width: calc(100% - 300px);
    }
    .siet-experience_box .falls-container .grid .grid-item{
        margin-bottom: 12rem !important;
    }
    .siet-experience_box .falls-container .grid .grid-item img{
        margin-top: -2rem;
    }
    .siet-experience_box .falls-container .grid .grid-item h3{
        font-size: 26px;
        padding-top: 1rem;
    }
    .siet-experience_box .falls-container .grid .grid-item h3::before{
        width: 30px;
        left: calc(50% - 30px);
        bottom: 1rem;
    }
    .siet-experience_box .falls-container .grid .grid-item p{
        font-size: 17px;
    }
}
@media (max-width:1024px) {
    .experience_wrap .main.row{
        padding-top: 150px;
    }
    .siet-experience_tit{
        position: unset;
    }
    .siet-experience_tit h2{
        font-size: 120px;
        -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.9);
        text-stroke: 0.5px rgba(255, 255, 255, 0.9);
    }
    .siet-experience_box .module-container .main .falls-container{
        margin-top: 0;
    }
    .siet-experience_box .falls-container .grid .grid-item{
        padding-bottom: 1rem;
        margin-bottom: 10rem !important;
    }
    .siet-experience_box .falls-container .grid .grid-item:hover{
        top: -1rem !important;
    }
    .siet-experience_box .falls-container .grid .grid-item::before{
        bottom: -42px;
        right: 80px;
        font-size: 20px;
    }
    .siet-experience_box .falls-container .grid .grid-item::after{
        bottom: -28px;
        right: 1.3rem;
    }
    .siet-experience_box .falls-container .grid .grid-item img{
        margin-bottom: 1rem;
    }
    .siet-experience_box .falls-container .grid .grid-item h3{
        font-size: 24px;
    }
    .siet-experience_box .falls-container .grid .grid-item p{
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .siet-experience_box .falls-container .grid .grid-item p:nth-last-child(1)::after{
        top: calc(100% + 1rem);
        width: calc(100% - 165px);
        height: 50px;
    }
}
@media (max-width:991px) {
    .experience_wrap .main.row{
        padding-top: 100px;
    }
    .siet-experience_tit h2{
        padding-left: 40px;
    }
    .siet-experience_box .module-container .main .header-title{
        width: 100%;
        padding-left: 40px;
        padding-top: 30px;
    }
    .siet-experience_box .module-container .main .header-title::before{
        top: 52px;
        width: 25px;
    }
    .siet-experience_box .module-container .main .falls-container{
        width: 100%;
        padding: 0 10px;
    }
    .siet-experience_box .module-container .main .falls-container .grid{
        padding-top: 5rem;
        position: unset !important;
    }
    .siet-experience_box .falls-container .grid .grid-item{
        margin: 0px 25px 10rem 25px !important;
    }
}
@media (max-width:767px) {
    .siet-experience_tit h2{
        padding-left: 20px;
        font-size: 80px;
    }
    .siet-experience_box .module-container .main .header-title{
        padding-left: 20px;
        padding-top: 20px;
        font-size: 28px;
    }
    .siet-experience_box .module-container .main .header-title::before{
        display: none;
    }
    .siet-experience_box .module-container .main .falls-container{
        padding: 0;
    }
    .siet-experience_box .module-container .main .falls-container .grid{
        padding-top: 4.5rem;
    }
    .siet-experience_box .falls-container .grid .grid-item {
        margin: 0px 30px 10rem 30px !important;
        max-width: calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
    }
    .siet-experience_box .falls-container .grid .grid-item:hover{
        top: 0 !important;
    }
}
@media (max-width:639px) {
    .siet-experience_box .falls-container .grid .grid-item {
        margin: 0px 20px 9rem 20px !important;
        max-width: calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
    }
}
@media (max-width:480px) {
    .siet-experience_tit h2{
        padding-left: 20px;
        font-size: 55px;
        letter-spacing: 0;
        line-height: 1;
    }
}

/*experience page */
.experience_pagewrap .main.row{
    padding-top: 130px;
}
.experience_pagetit {
    position: absolute;
    z-index: 3;
    top: 200px;
}
.siet-experience_img, 
.siet-experience_interview, 
.siet-experience_btn{
    z-index: 2;
}
.siet-experience_img .main{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.siet-experience_img .header-title{
    width: 31%;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    padding-left: calc(10% - 20px);
    position: relative;
    margin-bottom: 5rem;
    animation-delay: 2.5s;
}
.siet-experience_img .header-title::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 22%;
    background: #b8a57f;
    height: 5px;
    bottom: 1.5rem;
}
.siet-experience_img .img-fluid{
    width: 69%;
    filter: brightness(0.9);
    aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: center center;
}
.siet-experience_interview{
    margin-top: 5rem;
    max-width: 1320px;
    flex: 0 0 1320px;
}
.siet-experience_interview .falls-container{
    background: rgba(144, 164, 195, 0.8);
    padding: 4rem 3rem 0;
}
.siet-experience_interview .falls-container .grid .grid-item{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(even){
    justify-content: end;
    flex-direction: row-reverse;
    padding-left: 30%;
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(odd){
    padding-right: 30%;
}
.siet-experience_interview .falls-container .grid .grid-item img{
    width: 70px;
    height: 70px;
    margin: 0;
    object-fit: cover;
    object-position: center center;
    border-radius: 50px;
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(odd) img{
    background: #0071be;
    border: 1px solid #fff;
    padding: 5px;
}
.siet-experience_interview .falls-container .grid .grid-item h3{
    position: absolute;
    top: 15px;
    left: calc(70px + 2rem);
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.5px;
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(even) h3{
    left: unset;
    right: calc(70px + 2rem);
}
.siet-experience_interview .falls-container .grid .grid-item p{
    margin-top: 20px;
    margin-left: 6.35rem;
    background: #fff;
    padding: 15px 20px;
    border-radius: 15px;
    font-size: 18px;
    letter-spacing: 0.5px;
    position: relative;
    max-width: 100%;
    margin-bottom: 0;
}
.siet-experience_interview .falls-container .grid .grid-item p:nth-child(4){
    margin-top: 45px;
    margin-left: 2rem;
    max-width: calc(100% - 102px);
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p{
    margin-right: 6.35rem;
    margin-top: 20px;
    margin-left: 0;
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4){
    margin-left: 0rem;
    margin-right: 2rem;
    margin-top: 45px;
    max-width: calc(100% - 102px);
}
.siet-experience_interview .falls-container .grid .grid-item p:nth-child(3), 
.siet-experience_interview .falls-container .grid .grid-item p:nth-last-child(1){
    display: none;
}
.siet-experience_interview .falls-container .grid .grid-item p:nth-child(4)::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 38px 7px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    left: -28px;
    top: 6px;
    transform: rotate(22deg);
}
.siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4)::before{
    content: '';
    display: block;
    border-width: 7px 0px 7px 38px;
    border-color: transparent transparent transparent #ffffff;
    left: unset;
    right: -28px;
    transform: rotate(-22deg);
}
.siet-experience_btn{
    margin-bottom: 8rem;
    max-width: 1320px;
    flex: 0 0 1320px;
}
.siet-experience_btn .btn-container{
    background: rgba(144, 164, 195, 0.8);
    padding: 1rem 3rem 5rem;
}
.siet-experience_btn .function-row li{
    flex: unset;
    max-width: max-content;
    width: auto;
    margin: 0 auto;
}
.siet-experience_btn .function-row li a{
    display: flex;
    align-items: center;
    padding: 8px 35px;
    box-shadow: 0 5px 0 #406081;
    position: relative;
    bottom: 0;
    transition: .2s;
}
.siet-experience_btn .function-row li a:hover{
    bottom: -5px;
    box-shadow: 0 0px 0 #406081;
    transition: .2s;
}
.siet-experience_btn .function-row li a img{
    width: 35px;
    order: 1;
}
.siet-experience_btn .function-row li a h3{
    margin: 0 10px 0 0;
    font-size: 20px;
    letter-spacing: 1px;
}
@media (max-width:1600px) {
    .experience_pagetit{
        top: 160px;
    }
    .experience_pagetit h2{
        font-size: 130px;
        -webkit-text-stroke: 0.7px rgba(255, 255, 255, 0.9);
        text-stroke: 0.7px rgba(255, 255, 255, 0.9);
    }
    .siet-experience_img .header-title{
        margin-bottom: 3rem;
    }
}
@media (max-width:1366px) {
    .siet-experience_interview, 
    .siet-experience_btn{
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .siet-experience_interview .falls-container .grid .grid-item p{
        max-width: 100%;
    }
}
@media (max-width:1199px) {
    .experience_pagetit h2 {
        font-size: 100px;
        -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.9);
        text-stroke: 0.7px rgba(255, 255, 255, 0.9);
    }
    .siet-experience_img .header-title {
        margin-bottom: 0rem;
        font-size: 32px;
        width: 30%;
    }
    .siet-experience_img .header-title::before{
        bottom: 20px;
    }
    .siet-experience_img .img-fluid{
        width: 70%;
    }
    .siet-experience_interview .falls-container{
        padding: 2rem 1rem 0;
    }
    .siet-experience_interview .falls-container .grid .grid-item img{
        width: 50px;
        height: 50px;
    }
    .siet-experience_interview .falls-container .grid .grid-item h3{
        left: calc(50px + 2rem);
        top: 8px;
        font-size: 17px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) h3{
        left: unset;
        right: calc(50px + 2rem);
    }
    .siet-experience_interview .falls-container .grid .grid-item p{
        margin-left: 70px;
        margin-top: 20px;
        padding: 12px 16px;
        font-size: 17px;
        letter-spacing: 0;
    }
    .siet-experience_interview .falls-container .grid .grid-item p:nth-child(4){
        margin-top: 36px;
        margin-left: 20px;
        max-width: calc(100% - 70px);
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p{
        margin-left:0;
        margin-right: 70px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4){
        margin-right: 20px;
        margin-top: 36px;
        max-width: calc(100% - 70px);
    }
    .siet-experience_interview .falls-container .grid .grid-item p:nth-child(4)::before{
        top: 6px;
        border-width: 5px 30px 5px 0;
        left: -20px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4)::before{
        border-width: 5px 0px 5px 30px;
        left: unset;
        right: -20px;
    }
    .siet-experience_btn .btn-container{
        padding: 0rem 3rem 4rem;
    }
}
@media (max-width:991px) {
    .experience_pagewrap .main.row{
        padding-top: 100px;
    }
    .experience_pagetit {
        top: 120px;
    }
    .siet-experience_img .header-title{
        width: 100%;
        order: 1;
        padding-left: 40px;
        padding-top: 30px;
    }
    .siet-experience_img .header-title::before{
        width: 25px;
    }
    .siet-experience_img .img-fluid{
        width: 100%;
        filter: brightness(0.7);
    }
    .siet-experience_interview, 
    .siet-experience_btn{
        flex: 0 0 calc(100% - 5rem);
        max-width: calc(100% - 5rem);
    }
    .siet-experience_interview{
        margin-top: 3rem;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(odd){
        padding-right: 25%;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even){
        padding-left: 25%;
    }
    .siet-experience_btn{
        margin-bottom: 5rem;
    }
}
@media (max-width:767px) {
    .experience_pagetit h2 {
        font-size: 80px;
    }
    .siet-experience_img .header-title{
        padding-left: 20px;
        padding-top: 20px;
        font-size: 28px;
    }
    .siet-experience_img .header-title::before{
        display: none;
    }
    .siet-experience_interview {
        margin-top: 1.5rem;
    }
    .siet-experience_interview, .siet-experience_btn {
        flex: 0 0 calc(100% - 2rem);
        max-width: calc(100% - 2rem);
    }
    .siet-experience_interview .falls-container {
        padding: 1rem 0rem 0;
    }
    .siet-experience_interview .falls-container .grid .grid-item img {
        width: 40px;
        height: 40px;
    }
    .siet-experience_interview .falls-container .grid .grid-item{
        margin-bottom: 10px;
    }
    .siet-experience_interview .falls-container .grid .grid-item h3 {
        left: calc(40px + 1.5rem);
        top: 5px;
        font-size: 16px;
        margin-bottom: 0;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) h3{
        left: unset;
        right: calc(40px + 1.5rem);
    }
    .siet-experience_interview .falls-container .grid .grid-item p {
        margin-left: 53px;
        margin-top: 10px;
        padding: 10px 15px;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.4;
    }
    .siet-experience_interview .falls-container .grid .grid-item p:nth-child(4) {
        margin-top: 30px;
        margin-left: 13px;
        max-width: calc(100% - 53px);
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p {
        margin-left: 0;
        margin-right: 53px;
        margin-top: 10px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4) {
        margin-right: 13px;
        margin-top: 30px;
        max-width: calc(100% - 53px);
    }
    .siet-experience_interview .falls-container .grid .grid-item p:nth-child(4)::before {
        top: 5px;
        border-width: 5px 25px 5px 0;
        left: -15px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4)::before {
        border-width: 5px 0px 5px 25px;
        left: unset;
        right: -15px;
    }
    .siet-experience_btn .function-row li a{
        padding: 5px 25px 3px;
    }
    .siet-experience_btn .function-row li a img{
        width: 30px;
    }
    .siet-experience_btn .function-row li a h3{
        margin: 0 5px 0 0;
        font-size: 18px;
    }
    .siet-experience_btn {
        margin-bottom: 4rem;
    }
    .siet-experience_btn .btn-container {
        padding: 0rem 0rem 3rem;
    }
}
@media (max-width:575px) {
    .experience_pagewrap .main.row {
        padding-top: 90px;
    }
    .siet-experience_img .header-title{
        padding-left: 15px;
    }
    .siet-experience_interview, .siet-experience_btn {
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
    .siet-experience_interview .falls-container {
        padding: 0.5rem 0rem 0;
    }
    .siet-experience_interview .falls-container .grid{
        padding-bottom: 30px;
    }
    .siet-experience_interview .falls-container .grid .grid-item{
        padding: 0 8px;
        margin-bottom: 5px;
    }
    .siet-experience_interview .falls-container .grid .grid-item img{
        width: 35px;
        height: 35px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(odd) img{
        padding: 3px;
    }
    .siet-experience_interview .falls-container .grid .grid-item h3{
        left: calc(35px + 1rem);
        top: 0px;
        font-size: 13px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) h3 {
        left: unset;
        right: calc(35px + 1rem);
    }
    .siet-experience_interview .falls-container .grid .grid-item p{
        margin-left: 45px;
        margin-top: 6px;
        padding: 7px 14px;
        font-size: 14px;
        line-height: 18px;
    }
    .siet-experience_interview .falls-container .grid .grid-item p:nth-child(4) {
        margin-top: 21px;
        margin-left: 10px;
        max-width: calc(100% - 45px);
    }
    .siet-experience_interview .falls-container .grid .grid-item p:nth-child(4)::before {
        top: 2px;
        border-width: 5px 20px 5px 0;
        left: -9px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p{
        margin-left: 0;
        margin-right: 45px;
        margin-top: 6px;
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4) {
        margin-right: 10px;
        margin-top: 21px;
        max-width: calc(100% - 45px);
    }
    .siet-experience_interview .falls-container .grid .grid-item:nth-child(even) p:nth-child(4)::before {
        border-width: 5px 0px 5px 20px;
        left: unset;
        right: -9px;
    }
    .siet-experience_btn .function-row li a h3{
        font-size: 16px;
    }
}
@media (max-width:480px) {
    .experience_pagetit h2 {
        font-size: 55px;
    }
}

/*team*/
.siet-team_tit .module-container .main .bgfixed > a, 
.siet-team_tit .module-container .main .bgfixed > div{
    background: rgba(18, 39, 71, 0.6);
    padding: 0 0 0 8.33333%;
    vertical-align: bottom;
}
.siet-team_tit .module-container .main .bgfixed section{
    display: flex;
    justify-content: space-between;
    margin-bottom: 140px;
    align-items: end;
}
.siet-team_tit .module-container .main .bgfixed section h2{
    font-size: 100px;
    font-family: arial !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    letter-spacing: 3px;
    margin-bottom: 0;
    animation-delay: 1.5s;
}
.siet-team_tit .module-container .main .bgfixed section h2 span{
    display: block;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 1.5rem;
}
.siet-team_tit .module-container .main .bgfixed section p{
    margin-bottom: 0;
    padding-right: calc(8.33333% + 30px);
    font-size: 38px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
    animation-delay: 1.5s;
}
.siet-team_tit .module-container .main .bgfixed section p::after{
    content: '';
    display: block;
    width: calc(100% - 180px);
    height: 2px;
    background-color: #b8a57f;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
}
.siet-team_box .mix-wrapper{
    padding: 0 15px;
}
.siet-team_box .pic-content{
    padding: 0;
    margin: 0;
}
.siet-team_box .img-mode .img-box img{
    width: 100%;
}
.team_box01{
    margin-top: 110px;
    padding-top: 100px;
}
.team_box01::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 40%;
    top: 0;
    bottom: 0;
    background: #fff;
}
.team_box01 .editor-content{
    margin: 0;
    background: #fff;
    padding-left: 8.33333%;
    padding-bottom: 2rem;
    padding-right: 2rem;
}
.team_box01 .editor-content h5{
    font-family: arial !important;
    letter-spacing: 1px;
    font-size: 24px;
    margin-bottom: 1rem;
}
.team_box01 .editor-content h5::before{
    content: '';
    display: block;
    width: 16%;
    height: 1px;
    background: #a0a0a0;
    position: absolute;
    top: 13px;
    left: 0;
}
.team_box01 .editor-content h3{
    color: #1e3559;
    font-size: 44px;
    font-weight: bold;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    position: relative;
}
.team_box01 .editor-content h3::after {
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    left: 3px;
    bottom: -3px;
}
.team_box01 .editor-content p{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.8;
}
.team_box02 .mix-wrapper > .row{
    padding-top: 110px;
}
.team_box02 .editor-content{
    padding-left: 8.33333%;
}
.team_box02 .editor-content h4{
    position: relative;
    font-size: 24px;
    color: #1e3559;
    font-weight: bold;
    margin-bottom: 2rem;
}
.team_box02 .editor-content h4::before{
    content: '';
    display: block;
    background: #1e3559;
    height: 1px;
    position: absolute;
    right: calc(100% + 30px);
    top: 14px;
    width: 20.3%;
}
.team_box02 .editor-content ol{
    padding-left: 30px;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 5rem;
}
.team_box02 .editor-content li{
    margin-bottom: 10px;
    line-height: 1.5;
}
.team_box03{
    padding: 80px 30px 30px;
}
.team_box03 .falls-container .grid .grid-item{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative !important;
    left: unset !important;
    top: 0 !important;
    padding-bottom: 60px;
    align-items: flex-start;
}
.team_box03 .falls-container .grid .grid-item img{
    margin-top: 0;
    margin-bottom: 1rem;
    display: table;
    transition: .3s;
}
.team_box03 .falls-container .grid .grid-item:hover img{
    filter: brightness(0.7);
    transition: .3s;
}
.team_box03 .falls-container .grid .grid-item h3{
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: bold;
    color: #1e3559;
    padding: 25px 35px 40px 25px;
    line-height: 1.5;
    background: #fff;
    margin-top: -113px;
    position: relative;
}
.team_box03 .falls-container .grid .grid-item h3::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    left: 25px;
    bottom: 15px;
}
.team_box03 .falls-container .grid .grid-item p{
    width: 100%;
    font-size: 20px;
    line-height: 1.7;
    display: table;
    color: #000;
    padding-left: 25px;
    padding-right: 15px;
    text-align: left;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}
.team_box03 .falls-container .grid .grid-item p:nth-last-child(1){
    display: table;
    margin-bottom: 0;
    width: auto;
    border: 1px solid rgba(184, 165, 127, 0.33);
    border-radius: 100px;
    padding: 12px 90px 12px 28px;
    line-height: 1;
    position: absolute;
    bottom: 0;
    right: 30px;
}
.team_box03 .falls-container .grid .grid-item:hover p:nth-last-child(1){
    border: 1px solid rgba(184, 165, 127, 1);
}
.team_box03 .falls-container .grid .grid-item p:nth-last-child(1)::before{
    content: 'MORE';
    display: block;
    color: #b8a57f;
    font-size: 21px;
}
.team_box03 .falls-container .grid .grid-item p:nth-last-child(1)::after{
    content: '';
    display: block;
    width: 45px;
    height: 9px;
    border-right: 1px solid #b8a57f;
    border-bottom: 1px solid #b8a57f;
    transform: skewX(45deg);
    position: absolute;
    right: 30px;
    bottom: 20px;
    transition: .3s;
}
.team_box03 .falls-container .grid .grid-item:hover p:nth-last-child(1)::after{
    width: 30px;
    transition: .3s;
}
@media (min-width:768px) {
    .team_box02 .img-mode .img-box{
        height: 600px;
    }
    .team_box02 .img-mode .img-box img{
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .team_box03 .falls-container .grid .grid-item img{
        aspect-ratio: 1 / 1.05;
        object-fit: cover;
        object-position: center center;
    }
}
@media (min-width:1281px) {
    .team_box02 .img-mode .img-box{
        height: 700px;
    }
}
@media (max-width:1280px) {
    .team_box01 {
        margin-top: 80px;
        padding-top: 75px;
    }
    .team_box01 .editor-content h3{
        font-size: 36px;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .team_box01 .editor-content p{
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 1.6;
    }
    .team_box02 .mix-wrapper > .row {
        padding-top: 80px;
    }
    .team_box02 .editor-content {
        padding-left: 75px;
    }
    .team_box02 .editor-content h4{
        font-size: 22px;
        margin-bottom: 1.5rem;
    }
    .team_box02 .editor-content h4::before{
        right: calc(100% + 25px);
        top: 12px;
        width: 50px;
    }
    .team_box02 .editor-content ol{
        font-size: 18px;
        margin-bottom: 4rem;
    }
    .team_box02 .editor-content li{
        margin-bottom: 8px;
    }
    .team_box03{
        padding-top: 50px;
    }
    .team_box03 .falls-container .grid .grid-item h3{
        font-size: 28px;
        padding: 20px 35px 35px 25px;
        margin-top: -100px;
    }
    .team_box03 .falls-container .grid .grid-item h3::before{
        bottom: 12px;
    }
    .team_box03 .falls-container .grid .grid-item p{
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 15px;
    }
}
@media (max-width:1152px) {
    .team_box01 .editor-content h3{
        font-size: 32px;
    }
    .team_box01 .editor-content h5{
        font-size: 22px;
    }
}
@media (max-width:1024px) {
    .siet-team_tit .bgfixed, 
    .siet-team_tit .module-container .main .bgfixed > a, 
    .siet-team_tit .module-container .main .bgfixed > div{
        min-height: 600px !important;
    }
    .siet-team_tit .module-container .main .bgfixed section{
        margin-bottom: 100px;
    }
    .siet-team_tit .module-container .main .bgfixed section h2{
        font-size: 75px;
    }
    .siet-team_tit .module-container .main .bgfixed section h2 span{
        font-size: 30px;
    }
    .siet-team_tit .module-container .main .bgfixed section p{
        font-size: 32px;
    }
    .siet-team_tit .module-container .main .bgfixed section p::after{
        width: calc(100% - 150px);
    }
    .team_box01 .editor-content h3{
        font-size: 28px;
    }
    .team_box01 .editor-content p{
        font-size: 17px;
    }
}
@media (max-width:767px) {
    .siet-team_tit .bgfixed, 
    .siet-team_tit .module-container .main .bgfixed > a, 
    .siet-team_tit .module-container .main .bgfixed > div{
        min-height: 300px !important;
    }
    .siet-team_tit .module-container .main .bgfixed > a, 
    .siet-team_tit .module-container .main .bgfixed > div{
        padding: 0 20px;
    }
    .siet-team_tit .module-container .main .bgfixed section{
        margin-bottom: 40px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .siet-team_tit .module-container .main .bgfixed section h2{
        margin-bottom: 0;
        font-size: 38px;
        letter-spacing: 1px;
        color: #ddc596;
    }
    .siet-team_tit .module-container .main .bgfixed section h2 span{
        font-size: 18px;
        margin-top: 0.5rem;
    }
    .siet-team_tit .module-container .main .bgfixed section p{
        width: 100%;
        order: -1;
        font-size: 24px;
        margin-bottom: 1rem;
    }
    .siet-team_tit .module-container .main .bgfixed section p::after{
        display: none;
    }
    .team_box01{
        padding-top: 0;
        margin-top: 0;
    }
    .team_box01::before{
        display: none;
    }
    .team_box01 .editor-content{
        padding: 2rem 20px 1.5rem;
        order: -1;
    }
    .team_box01 .editor-content h5{
        font-size: 20px;
        letter-spacing: 0.5px;
    }
    .team_box01 .editor-content h5::before{
        display: none;
    }
    .team_box01 .editor-content h3{
        font-size: 26px;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .team_box01 .editor-content p{
        font-size: 16px;
        line-height: 1.5;
    }
    .team_box02 .mix-wrapper > .row{
        padding-top: 0;
    }
    .team_box02 .editor-content{
        order: -1;
        padding-top: 4rem;
        margin-top: 0;
        padding-left: 45px;
        padding-right: 20px;
    }
    .team_box02 .editor-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .team_box02 .editor-content h4::before{
        right: calc(100% + 15px);
        width: 30px;
    }
    .team_box02 .editor-content ol {
        font-size: 16px;
        margin-bottom: 2rem;
    }
    .team_box03{
        padding: 3rem 20px 20px;
    }
    .team_box03 .falls-container .grid .grid-item{
        padding-bottom: 45px;
    }
    .team_box03 .falls-container .grid .grid-item h3{
        padding: 15px 25px 20px 10px;
        margin-top: -85px;
        font-size: 24px;
    }
    .team_box03 .falls-container .grid .grid-item h3::before{
        left: 10px;
        bottom: 0;
    }
    .team_box03 .falls-container .grid .grid-item p{
        font-size: 16px;
        line-height: 1.5;
        padding-left: 10px;
        padding-right: 10px;
    }
    .team_box03 .falls-container .grid .grid-item p:nth-last-child(1){
        padding: 10px 4.5rem 10px 1.25rem;
    }
    .team_box03 .falls-container .grid .grid-item p:nth-last-child(1)::before{
        font-size: 18px;
    }
    .team_box03 .falls-container .grid .grid-item p:nth-last-child(1)::after{
        width: 40px;
        right: 1.5rem;
        bottom: 16px;
    }
}

/*education*/
.education_tit .module-container .main .bgfixed > a section p::after, 
.education_tit .module-container .main .bgfixed > div section p::after{
    width: calc(100% - 256px);
}
.education_wrap01 .main.row::before{
    content: '';
    display: block;
    width: 6px;
    background: #005cb9;
    position: absolute;
    left: calc(50% - 3px);
    top: 6rem;
    bottom: 17rem;
    z-index: 1;
}
.education_wrap01 .main.row::after{
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    border-bottom: 6px solid #005cb9;
    border-right: 6px solid #005cb9;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 18px);
    bottom: 17rem;
}
.siet-education_box{
    margin-top: 5rem;
}
.siet-education_box .header-title{
    display: table;
    margin: 0 auto 2rem;
    width: 110px;
    height: 110px;
    background: #005cb9;
    border-radius: 100px;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 106px;
    z-index: 2;
    position: relative;
}
.siet-education_box .mix-wrapper{
    padding: 15px;
}
.siet-education_box .pic-content{
    margin: 40px 0;
}
.siet-education_box .pic-content > .row{
    height: 100%;
}
.siet-education_box .img-mode .img-box a{
    cursor: default;
    width: 100%;
    display: inline-flex;
    height: 100%;
}
.siet-education_box .img-mode .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.siet-education_box .editor-content{
    margin: 0;
    background: #e9f1f8;
    position: relative;
}
.siet-education_box .editor-content h3{
    font-size: 34px;
    font-weight: bold;
    color: #1e3559;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    line-height: 1.5;
}
.siet-education_box .editor-content h3::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    left: 3px;
    bottom: 0px;
}
.siet-education_box .editor-content h5{
    font-size: 22px;
    color: #122747;
    letter-spacing: 0.5px;
    margin-bottom: 2rem;
    line-height: 1.5;
}
.siet-education_box .editor-content p{
    font-size: 18px;
    line-height: 2;
    color: #122747;
}
.education_box01 .pic-content{
    padding: 0 8.333333% 0 70px;
    z-index: 1;
}
.education_box01 .editor-content{
    padding: 5rem 70px 4rem calc(8.33333% + 50px);
}
.education_box01 .editor-content::before{
    content: '';
    display: block;
    background: #e9f1f8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -250px;
}
.education_box02 .pic-content{
    padding: 0 70px 0 8.333333%;
    z-index: 1;
}
.education_box02 .editor-content{
    padding: 5rem calc(8.33333% + 50px) 4rem 70px;
}
.education_box02 .editor-content::before{
    content: '';
    display: block;
    background: #e9f1f8;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: -250px;
}
.education_box03{
    margin-bottom: 5rem;
    margin-top: 8rem;
}
.education_box03 .header-title{
    background: #b8a57f;
    position: relative;
}
.education_box03 .header-title::before,
.education_box03 .header-title::after{
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background: rgba(184, 165, 127, 0.3);
    /*border: 1px solid rgba(184, 165, 127, 0.15);*/
    border-radius: 999px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    z-index: -1;
}
.education_box03 .header-title::before,
.education_box03 .header-title::after {
    animation-name: circleChange;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.education_box03 .header-title::before {
    animation-delay: 0.5s;
}
.education_box03 .header-title::after {
    animation-delay: 1.5s;
}
@keyframes circleChange {
    0% {
        transform: scale(1);
        opacity: 0.95;
    }
    25% {
        transform: scale(1.2);
        opacity: 0.75;
    }
    50% {
        transform: scale(1.4);
        opacity: 0.5;
    }
    75% {
        transform: scale(1.6);
        opacity: 0.25;
    }
    100% {
        transform: scale(1.8);
        opacity: 0.05;
    }
}
@media (max-width:1280px) {
    .education_box01 .editor-content {
        padding: 4rem 70px 3rem calc(8.33333%);
    }
    .education_box02 .editor-content {
        padding: 4rem calc(8.33333%) 3rem 70px;
    }
    .siet-education_box .editor-content h3{
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .siet-education_box .editor-content h5{
        font-size: 20px;
        margin-bottom: 1.5rem;
    }
    .siet-education_box .editor-content p{
        font-size: 17px;
        line-height: 1.7;
    }
}
@media (max-width:1024px) {
    .education_tit .module-container .main .bgfixed > a section p::after, 
    .education_tit .module-container .main .bgfixed > div section p::after {
        width: calc(100% - 215px);
    }
    .education_box01 .pic-content{
        padding-right: 0;
    }
    .education_box02 .pic-content{
        padding-left: 0;
    }
}
@media (max-width:767px) {
    .education_wrap01 .main.row::before{
        left: 20px;
        bottom: 12rem;
    }
    .education_wrap01 .main.row::after{
        width: 30px;
        height: 30px;
        left: 8px;
        bottom: 12rem;
    }
    .siet-education_box {
        margin-top: 4rem;
    }
    .siet-education_box .header-title{
        margin: 0 0 1rem 20px;
        font-size: 28px;
        height: auto;
        line-height: 1.5;
        width: 100px;
        padding: 8px 0;
        border-radius: 0;
    }
    .siet-education_box .mix-wrapper{
        padding-left: 4rem;
    }
    .siet-education_box .pic-content{
        padding: 0 0px !important;
        order: 1;
        margin-top: 0;
        margin-bottom: 0;
    }
    .siet-education_box .editor-content{
        padding: 2rem 2rem 1rem !important;
    }
    .education_box01 .editor-content::before, 
    .education_box02 .editor-content::before{
        display: none;
    }
    .siet-education_box .editor-content h3{
        font-size: 26px;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .siet-education_box .editor-content h5 {
        font-size: 18px;
        margin-bottom: 1rem;
    }
    .siet-education_box .editor-content p {
        font-size: 16px;
    }
    .education_box03{
        margin-top: 5rem;
    }
    .education_box03 .header-title::before, 
    .education_box03 .header-title::after{
        height: 58px;
        top: calc(50% - 29px);
        border-radius: 0;
    }
}

/*Benefit*/
.benefit_tit .module-container .main .bgfixed section p::after{
    width: calc(100% - 332px);
}
.siet-benefit_boxL .header-title{
    display: table;
    position: absolute;
    font-size: 27vw;
    z-index: 1;
    color: transparent;
    -webkit-text-stroke: 1px #a2adbf;
    text-stroke: 1px #a2adbf;
    font-weight: bold;
    top: 50px;
    left: -8.33333%;
    opacity: .5;
    line-height: 1;
}
.siet-benefit_boxR .header-title{
    display: table;
    position: absolute;
    font-size: 27vw;
    z-index: 1;
    color: transparent;
    -webkit-text-stroke: 1px #a2adbf;
    text-stroke: 1px #a2adbf;
    font-weight: bold;
    top: 50px;
    right: -8.33333%;
    opacity: .5;
    line-height: 1;
}
.siet-benefit_boxL .mix-wrapper, 
.siet-benefit_boxR .mix-wrapper{
    padding: 0 15px;
    z-index: 2;
    position: relative;
}
.siet-benefit_boxL .mix-wrapper > .row .pic-content{
    margin: 0;
    padding-right: calc(8.33333% + 15px);
}
.siet-benefit_boxR .mix-wrapper > .row .pic-content{
    margin: 0;
    padding-left: calc(8.33333% + 15px);
}
.siet-benefit_boxL .mix-wrapper .pic-content > .row, 
.siet-benefit_boxR .mix-wrapper .pic-content > .row{
    height: 100%;
}
.siet-benefit_boxL .mix-wrapper .pic-content > .row a, 
.siet-benefit_boxR .mix-wrapper .pic-content > .row a{
    display: table;
    width: 100%;
    height: 100%;
}
.siet-benefit_boxL .mix-wrapper .pic-content > .row img, 
.siet-benefit_boxR .mix-wrapper .pic-content > .row img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.siet-benefit_boxL .mix-wrapper > .row .editor-content{
    background: none;
    padding-left: calc(8.33333% + 15px);
    padding-right: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.siet-benefit_boxR .mix-wrapper > .row .editor-content{
    background: none;
    padding-right: calc(8.33333% + 15px);
    padding-left: 5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.siet-benefit_boxL .mix-wrapper > .row .editor-content h3, 
.siet-benefit_boxR .mix-wrapper > .row .editor-content h3{
    color: #1e3559;
    font-size: 44px;
    font-weight: bold;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    position: relative;
}
.siet-benefit_boxL .mix-wrapper > .row .editor-content h3::before, 
.siet-benefit_boxR .mix-wrapper > .row .editor-content h3::before{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    left: 3px;
    bottom: -3px;
}
.siet-benefit_boxL .mix-wrapper > .row .editor-content p, 
.siet-benefit_boxR .mix-wrapper > .row .editor-content p{
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    color: #000;
    width: 100%;
}
.siet-benefit_boxL .mix-wrapper > .row .editor-content small, 
.siet-benefit_boxR .mix-wrapper > .row .editor-content small{
    font-size: 18px;
    color: #777;
}
.benefit_wrap02 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    background: #f8f8f9;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
}
.benefit_box02{
    padding-top: 100px;
}
.benefit_wrap03 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    background: #f8f8f9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
}
.benefit_box03{
    padding-top: 100px;
    padding-bottom: 100px;
}
.benefit_wrap04 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    background: #f8f8f9;
    top: 10rem;
    left: 0;
    bottom: 0;
    right: 50%;
}
.benefit_box04{
    padding-bottom: 100px;
}
.benefit_wrap05 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    background: #f8f8f9;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
}
.benefit_box05{
    padding-bottom: 110px;
}
@media (max-width:1280px) {
    .siet-benefit_boxL .mix-wrapper > .row .editor-content h3, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content h3 {
        font-size: 36px;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content p, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content p{
        font-size: 20px;
    }
}
@media (max-width:991px) {
    .benefit_tit .module-container .main .bgfixed section p::after {
        width: calc(100% - 285px);
    }
    .siet-benefit_boxL .header-title, 
    .siet-benefit_boxR .header-title{
        -webkit-text-stroke: 1.2px #a2adbf;
        text-stroke: 1.2px #a2adbf;
    }
    .siet-benefit_boxL .mix-wrapper > .row .pic-content, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content {
        padding-right: calc(8.33333%);
    }
    .siet-benefit_boxR .mix-wrapper > .row .pic-content, 
    .siet-benefit_boxL .mix-wrapper > .row .editor-content {
        padding-left: calc(8.33333%);
    }
    .siet-benefit_boxR .mix-wrapper > .row .editor-content{
        padding-left: 2rem;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content h3, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content h3{
        font-size: 30px;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content p, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content p{
        font-size: 19px;
    }
}
@media (max-width:767px) {
    .siet-benefit_boxL, 
    .siet-benefit_boxR{
        background-color: #fff;
        overflow: hidden;
    }
    .siet-benefit_boxL .header-title, 
    .siet-benefit_boxR .header-title{
        top: 20px;
        left: unset;
        right: -50px;
        font-size: 10rem;
        -webkit-text-stroke: 0.8px #a2adbf;
        text-stroke: 0.8px #a2adbf;
    }
    .siet-benefit_boxL .mix-wrapper > .row .pic-content, 
    .siet-benefit_boxR .mix-wrapper > .row .pic-content{
        padding: 0;
        order: 1;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content{
        padding: 3rem 20px 1.5rem;
        margin: 0;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content h3, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content h3{
        font-size: 26px;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content p, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content p{
        font-size: 18px;
    }
    .siet-benefit_boxL .mix-wrapper > .row .editor-content small, 
    .siet-benefit_boxR .mix-wrapper > .row .editor-content small{
        font-size: 16px;
    }
    .benefit_box02, 
    .benefit_box03, 
    .benefit_box04, 
    .benefit_box05{
        padding-top: 0;
        padding-bottom: 0;
    }
}

/*about*/
.siet-about_box::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 40%;
    bottom: -100px;
    height: 100px;
    background: #fff;
    z-index: 1;
}
.siet-about_box .mix-wrapper{
    padding: 0 15px;
}
.siet-about_box .pic-content{
    padding-right: 8.33333%;
    padding-left: 4rem;
    margin: 0;
}
.siet-about_box .pic-content > .row{
    position: sticky;
    top: 90px;
}
.siet-about_box .img-mode .img-box img{
    width: 100%;
}
.siet-about_box .editor-content h3{
    padding-bottom: 0;
    margin-bottom: 1rem;
    width: 100%;
    display: inline-table;
}
.siet-about_box .editor-content h3::after{
    display: none;
}
.siet-about_box .editor-content h4{
    color: #fff;
    font-size: 18px;
    background: #0071be;
    display: table;
    padding: 10px 15px;
    line-height: 1.4;
    margin-top: 3rem;
    margin-bottom: 1rem;
    min-width: 122px;
    text-align: center;
}
.siet-about_box .editor-content p{
    width: 100%;
    font-size: 18px;
}
.about_wrap02 .main.row::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: grayscale(1);
}
.siet-company{
    padding-top: 200px;
    padding-bottom: 100px;
}
.siet-company .hover-wall > .container-fluid{
    display: flex;
    flex-wrap: wrap;
}
.siet-company .hover-wall .htpro_tit{
    max-width: 50%;
    flex: 0 0 50%;
    padding-left: calc(8.33333% - 15px);
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: flex-start;
}
.siet-company .hover-wall .htpro_tit h1{
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: 44px;
    font-weight: bold;
}
.siet-company .hover-wall .htpro_tit h2{
    order: -1;
    letter-spacing: 1px;
    font-size: 24px;
    margin-bottom: 1rem;
}
.siet-company .hover-wall .htpro_tit h2::before{
    content: '';
    display: block;
    width: 13.55%;
    height: 1px;
    background: #a0a0a0;
    position: absolute;
    top: 13px;
    left: -15px;
}
.siet-company .hover-wall .htpro_tit img{
    max-width: 425px !important;
    margin: 120px auto 120px;
    max-height: unset !important;
}
.siet-company .hover-wall > .container-fluid > .row{
    margin: 0;
    max-width: 50%;
    flex: 0 0 50%;
    padding-right: calc(8.33333% - 15px);
    padding-top: 1rem;
    position: relative;
}
.siet-company .hover-wall > .container-fluid > .row > div{
    max-width: 405px;
    flex: 0 0 405px;
    margin: auto;
    position: unset;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::before{
    content: '';
    display: block;
    width: calc((91.666666% - 375px) / 2);
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 130px;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
    content: '';
    display: block;
    width: 37%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: 130px;
    transform: rotate(-24deg);
    transform-origin: right;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::before{
    content: '';
    display: block;
    width: calc((91.666666% - 375px) / 2);
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 410px;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
    content: '';
    display: block;
    width: 39%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: 410px;
    transform: rotate(24deg);
    transform-origin: right;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::before{
    content: '';
    display: block;
    width: calc((91.666666% - 375px) / 2);
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 670px;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after{
    content: '';
    display: block;
    width: 55%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: 670px;
    transform: rotate(24deg);
    transform-origin: right;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::before{
    content: '';
    display: block;
    width: calc((91.666666% - 375px) / 2);
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 960px;
}
.siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: 960px;
    transform: rotate(17deg);
    transform-origin: right;
}
.siet-company .hover-wall .icon_info{
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: unset;
    position: unset;
}
.siet-company .hover-wall .icon_info figure{
    margin: 0;
    position: relative;
    width: calc(100% - 15px);
    margin-left: 15px;
    aspect-ratio: 3 / 1.6;
    display: block;
    overflow: hidden;
}
.siet-company .hover-wall figure .overlay{
    display: none;
}
.siet-company .hover-wall figure .b_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.siet-company .hover-wall .icon_info a{
    margin-top: -60px;
    position: relative;
    display: block;
    min-height: 80px;
}
.siet-company .hover-wall .icon_info h3{
    position: relative;
    background: rgba(32, 94, 157, 0.85);
    padding: 15px 15px 10px;
    width: 80%;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}
.siet-company .hover-wall .icon_info h4{
    position: relative;
    font-style: unset;
    background: rgba(32, 94, 157, 0.85);
    padding: 0px 15px 15px;
    width: 80%;
    font-size: 16px;
}
@media (max-width:1799px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
        transform: rotate(26deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        width: 62%;
    }
}
@media (max-width:1680px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
        transform: rotate(-27deg);
    }
}
@media (max-width:1600px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
        transform: rotate(-29deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
        transform: rotate(29deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after{
        width: 58%;
        transform: rotate(27deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        width: 65%;
        transform: rotate(19deg);
    }
}
@media (max-width:1440px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
        transform: rotate(-33deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
        transform: rotate(33deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after{
        width: 60%;
        transform: rotate(29deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        width: 68%;
        transform: rotate(21deg);
    }
}
@media (max-width:1360px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
        transform: rotate(-35deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
        transform: rotate(35deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after{
        width: 62%;
        transform: rotate(31deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        width: 71%;
        transform: rotate(23deg);
    }
}
@media (max-width:1199px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
        transform: rotate(-39deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
        width: 40%;
        transform: rotate(39deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after{
        width: 64%;
        transform: rotate(33deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        width: 73%;
    }
}
@media (max-width:1152px) {
    .siet-company .hover-wall .htpro_tit h2{
        font-size: 22px;
    }
    .siet-company .hover-wall .htpro_tit h1{
        font-size: 32px;
    }
}
@media (max-width:1024px) {
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::before{
        width: calc((91.666666% - 350px) / 2);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after{
        width: 38%;
        transform: rotate(-48deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after{
        width: 41%;
        transform: rotate(47deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after{
        width: 69%;
        transform: rotate(37deg);
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        width: 77%;
        transform: rotate(24deg);
    }
}
@media (max-width:991px) {
    .siet-about_box .editor-content h4{
        margin-top: 2rem;
    }
    .siet-about_box .editor-content p{
        font-size: 16px;
    }
    .siet-company .hover-wall .htpro_tit h1{
        padding-left: calc(8.333333% - 25px);
    }
    .siet-company .hover-wall .htpro_tit h2{
        padding-left: calc(8.333333% - 25px);
    }
    .siet-company .hover-wall .htpro_tit h2::before{
        width: 6.55%;
    }
    .siet-company .hover-wall .htpro_tit img{
        content: url(https://materials.fillo.com.tw/materials/siet/images/aff61a07-54fc-4724-8174-1ccafa41f0e5.svg);
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .siet-company .hover-wall .htpro_tit, 
    .siet-company .hover-wall > .container-fluid > .row{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .siet-company .hover-wall .htpro_tit{
        padding-left: 15px;
    }
    .siet-company .hover-wall > .container-fluid > .row{
        padding-right: 15px;
    }
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::before, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(1) .icon_info::after, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(2) .icon_info::after, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(3) .icon_info::after, 
    .siet-company .hover-wall > .container-fluid > .row > div:nth-child(4) .icon_info::after{
        display: none;
    }
    .siet-company .hover-wall > .container-fluid > .row > div{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
@media (max-width:767px) {
    .siet-about_box::after{
        display: none;
    }
    .siet-about_box .pic-content{
        padding: 0;
    }
    .siet-company{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .siet-company .hover-wall .htpro_tit{
        padding: 0 5px;
    }
    .siet-company .hover-wall .htpro_tit h1{
        padding: 0;
        font-size: 26px;
    }
    .siet-company .hover-wall .htpro_tit h2{
        padding: 0;
        font-size: 20px;
        letter-spacing: 0.5px;
    }
    .siet-company .hover-wall .htpro_tit h2::before{
        display: none;
    }
    .siet-company .hover-wall .htpro_tit img{
        margin-top: 2rem;
        margin-bottom: 0;
    }
    .siet-company .hover-wall > .container-fluid > .row{
        padding-right: 0;
    }
    .siet-company .hover-wall .icon_info figure{
        width: 100%;
        margin: 0;
    }
    .siet-company .hover-wall .icon_info a{
        margin: 0;
    }
    .siet-company .hover-wall .icon_info h3{
        width: 100%;
        font-size: 16px;
    }
    .siet-company .hover-wall .icon_info h4{
        width: 100%;
        font-size: 15px;
    }
}
@media (max-width:575px) {
    .siet-about_box .editor-content h3{
        margin-bottom: 0;
    }
    .siet-company .hover-wall .htpro_tit img{
        max-width: 100% !important;
    }
    .siet-company .hover-wall > .container-fluid > .row > div{
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 2rem !important;
    }
    .siet-company .hover-wall .icon_info figure{
        aspect-ratio: unset;
    }
    .siet-company .hover-wall .icon_info a{
        min-height: unset;
    }
    .siet-company .hover-wall .icon_info h4{
        margin-bottom: 0;
    }
}

/*contact*/
.D_customformfront_main section.group_table.contact{
    background: #122747;
    margin-bottom: 0;
    padding-top: 0;
    width: 100%;
}
.D_customformfront_main section.group_table.contact:before{
    position: unset;
    opacity: .4;
    background-image: url(https://materials.fillo.com.tw/materials/siet/images/714bbce7-9586-46c4-96b2-bc9c5d6233e1.jpg);
    height: 800px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.D_customformfront_main section.group_table.contact > .container {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    background: #122747;
    position: relative;
}
.D_customformfront_main section.group_table.contact > .container::before {
    content: '聯絡我們';
    display: block;
    position: absolute;
    right: 8.33333%;
    color: #fff;
    top: -275px;
    font-size: 38px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    line-height: 1;
}
.D_customformfront_main section.group_table.contact > .container::after{
    content: '';
    display: block;
    height: 2px;
    background-color: #b8a57f;
    position: absolute;
    right: 0;
    top: -255px;
    width: calc(8.33333% - 25px);
}
.D_customformfront_main section.group_table.contact > .container h2{
    position: absolute;
    top: -420px;
    z-index: 5;
    padding-left: 8.33333%;
    font-size: 100px;
    font-family: arial !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    letter-spacing: 3px;
    color: #fff;
    margin-bottom: 0;
}
.D_customformfront_main section.group_table.contact > .container h2::after{
    content: '你的問題，我們處理';
    display: block;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 1.5rem;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.D_customformfront_main section.group_table.contact > .container h4{
    border: none;
    position: absolute;
    bottom: 765px;
    right: calc(8.33333% + 15px);
    width: 50%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    z-index: 5;
    padding: 0;
    margin: 0;
}
.D_customformfront_main section.group_table.contact > .container .trip_title{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.D_customformfront_main section.group_table.contact > .container .trip_title h5{
    margin: 0;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section{
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section::before{
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    right: 40%;
    top: 0;
    bottom: 0;
    background: #fff;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info{
    padding-left: 8.33333%;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info h3{
    font-size: 30px;
    color: #1e3559;
    font-weight: bold;
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info h3::before{
    content: '';
    display: block;
    width: 21%;
    height: 1px;
    background: #a0a0a0;
    position: absolute;
    top: 16px;
    left: calc(-21% - 30px);
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info h3::after{
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    background: #0071be;
    position: absolute;
    left: 3px;
    bottom: -3px;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info ul{
    margin-bottom: 4rem;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info li{
    font-size: 20px;
    display: flex;
    margin-bottom: 12px;
    line-height: 1.4;
    letter-spacing: 0.5px;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info li strong{
    width: 100px;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info p{
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1.4;
    margin-bottom: 12px;
}
.D_customformfront_main section.group_table.contact > .container .trip_title section .contact-map{
    padding-right: 0;
    padding-left: 2rem;
}
.D_customformfront_main section.group_table.contact > .container .form-row{
    margin-left: -15px;
    margin-right: -15px;
    background: #205e9d;
    padding-left: 35%;
    padding-right: 8.33333%;
    padding-top: 90px;
    padding-bottom: 170px;
    background-image: url(https://materials.fillo.com.tw/materials/siet/images/ea0bae2d-2c47-42ba-94b2-37e62ec06943.jpg);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
}
.D_customformfront_main section.group_table.contact > .container .form-row::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 15%;
    background-image: linear-gradient(90deg, rgba(32, 94, 157, 0) 0%, rgba(32, 94, 157, 0.9) 40%, rgba(32, 94, 157, 1) 85%);
}
.D_customformfront_main .contact .contac_form .form-row > [class*="col-"]{
    padding: 0 15px !important;
    margin-bottom: 24px;
}
.D_customformfront_main .contact .contac_form label{
    font-size: 20px;
    color: #fff;
}
.D_customformfront_main .text_blue{
    color: #ff0000;
    margin: 0 8px;
}
.D_customformfront_main .contact .contac_form input{
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #fff;
}
.D_customformfront_main .contact .contac_form select{
    border-radius: 0;
    height: 50px;
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.D_customformfront_main .contact .contac_form textarea{
    min-height: 150px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #fff;
}
.D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1){
    padding: 0;
    background: none;
    position: absolute;
    z-index: 10;
    bottom: 90px;
    right: 8.33333%;
    margin: 0;
}
.D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1)::before{
    display: none;
}
.D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1) .form-group{
    margin: 0;
}
.D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1) .form-group button{
    margin: 0 !important;
    border-radius: 100px;
    border: 2px solid #fff;
    background: #205e9d;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 14px 50px;
}
@media (max-width:1280px) {
    .D_customformfront_main section.group_table.contact > .container .trip_title section{
        margin-top: 80px;
        padding-top: 75px;
        padding-bottom: 60px;
    }
}
@media (max-width:1024px) {
    .D_customformfront_main section.group_table.contact:before{
        background-size: auto 100%;
        height: 600px;
    }
    .D_customformfront_main section.group_table.contact > .container::before{
        font-size: 32px;
        top: -236px;
    }
    .D_customformfront_main section.group_table.contact > .container::after{
        top: -220px;
    }
    .D_customformfront_main section.group_table.contact > .container h2{
        font-size: 75px;
        top: -350px;
    }
    .D_customformfront_main section.group_table.contact > .container h2::after{
        font-size: 30px;
    }
    .D_customformfront_main section.group_table.contact > .container h4{
        bottom: 740px;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info ul{
        margin-bottom: 3rem;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info li{
        font-size: 18px;
        letter-spacing: 0;
        flex-wrap: wrap;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info li strong{
        width: 100%;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info p{
        font-size: 18px;
        letter-spacing: 0;
    }
    .D_customformfront_main section.group_table.contact > .container .form-row::before{
        background-image: linear-gradient(90deg, rgba(32, 94, 157, 0.9) 0%, rgba(32, 94, 157, 0.9) 40%, rgba(32, 94, 157, 0.9) 85%);
        left: 0;
    }
    .D_customformfront_main section.group_table.contact > .container .form-row{
        padding-left: 8.33333%;
        padding-top: 75px;
        padding-bottom: 155px;
    }
    .D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1){
        bottom: 75px;
    }
}
@media (max-width:767px) {
    .D_customformfront_main section.group_table.contact:before{
        height: 300px;
        background-size: cover;
    }
    .D_customformfront_main section.group_table.contact > .container::before{
        top: -165px;
        font-size: 24px;
        right: unset;
        left: 20px;
    }
    .D_customformfront_main section.group_table.contact > .container::after{
        display: none;
    }
    .D_customformfront_main section.group_table.contact > .container h2{
        padding-left: 5px;
        font-size: 38px;
        letter-spacing: 1px;
        color: #ddc596;
        top: -140px;
    }
    .D_customformfront_main section.group_table.contact > .container h2::after{
        font-size: 18px;
        margin-top: 0.5rem;
        color: #ddc596;
    }
    .D_customformfront_main section.group_table.contact > .container h4{
        bottom: 733px;
        right: 20px;
        font-size: 14px;
    }
    .D_customformfront_main section.group_table.contact > .container h4 .note{
        padding: 0;
        text-align: right;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section{
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section::before{
        display: none;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info{
        padding: 2rem 20px 1.5rem;
        background-color: #fff;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info h3{
        font-size: 26px;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info li, 
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info p{
        font-size: 16px;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-info ul{
        margin-bottom: 2rem;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-map{
        padding-left: 0;
    }
    .D_customformfront_main section.group_table.contact > .container .trip_title section .contact-map iframe{
        height: 350px !important;
    }
    .D_customformfront_main section.group_table.contact > .container .form-row{
        padding: 2rem 5px 100px;
    }
    .D_customformfront_main .contact .contac_form label{
        font-size: 18px;
    }
    .D_customformfront_main .contact .contac_form .form-row > [class*="col-"]{
        margin-bottom: 18px;
    }
    .D_customformfront_main .contact .contac_form input{
        height: 40px;
    }
    .D_customformfront_main .contact .contac_form textarea{
        min-height: 100px;
    }
    .D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1){
        bottom: 2.5rem;
        right: 5px;
    }
    .D_customformfront_main section.group_table.contact > .container .form-row:nth-last-child(1) .form-group button{
        font-size: 18px;
        padding: 10px 40px;
    }
}

/*sitemap*/
.siet-sitemap_wrap .main.row{
    padding-top: 8rem;
    align-content: baseline;
    padding-bottom: 8rem;
}
.siet-sitemap_wrap .main.row::before {
    content: '';
    display: block;
    background: rgba(18, 39, 71, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(5px);
}
.siet-sitemap_wrap .main.row .blk-tabs{
    display: none;
}
.siet-sitemap_wrap .main.row > .header-title{
    order: 1;
    font-size: 6.5vw;
    color: transparent;
    -webkit-text-stroke: 0.45px #ffffff;
    text-stroke: 1px #ffffff;
    z-index: 0;
    text-align: center;
    position: absolute;
    bottom: -3rem;
    left: 0;
    right: 0;
    opacity: 0.15;
    font-family: arial;
}
.siet-sitemap_box{
    z-index: 5;
}
.siet-sitemap_box .hover-wall{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 3rem;
    padding-bottom: 1rem;
}
.siet-sitemap_box .hover-wall .htpro_tit{
    display: none;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row{
    align-items: center;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3){
    max-width: unset;
    flex: unset;
    width: auto;
}
.siet-sitemap_box .hover-wall .icon_info{
    display: flex;
    flex-wrap: wrap;
    padding-left: 4rem;
    background: none;
    box-shadow: none;
    border-radius: 0;
    transition: .2s;
}
.siet-sitemap_box .hover-wall .icon_info:hover{
    box-shadow: none;
    bottom: 5px;
    transition: .2s;
}
.siet-sitemap_box .hover-wall .icon_info figure{
    display: none;
}
.siet-sitemap_box .hover-wall .icon_info h3{
    font-size: 28px;
    font-family: arial !important;
    color: #f8f8f9;
    font-weight: unset;
    letter-spacing: 0.5px;
}
.siet-sitemap_box .hover-wall .icon_info:hover h3{
    color: #b8a57f;
}
.siet-sitemap_box .hover-wall .icon_info h4{
    font-size: 18px;
    color: #f8f8f9;
    font-style: normal;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info{
    padding-left: 0;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info a{
    opacity: .7;
    transition: .3s;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info:hover a{
    opacity: 1;
    transition: .3s;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
    font-size: 24px;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info:hover h3{
    color: #fff;
}
.siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
    font-size: 16px;
}
@media (max-width:1440px) {
    .siet-sitemap_box .hover-wall .icon_info{
        padding-left: 0rem;
    }
}
@media (max-width:1152px) {
    .siet-sitemap_wrap .main.row{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .siet-sitemap_wrap .main.row > .header-title{
        bottom: -1rem;
    }
    .siet-sitemap_box{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(2){
        min-width: 250px;
    }
}
@media (max-width:991px) {
    .siet-sitemap_box .hover-wall{
        margin-top: 2rem;
        padding-bottom: 0rem;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(2){
        min-width: 200px;
        max-width: 200px;
    }
    .siet-sitemap_box .hover-wall .icon_info h3{
        font-size: 26px;
        padding: 0;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
        font-size: 22px;
        padding: 0 15px;
    }
    .siet-sitemap_box .hover-wall .icon_info h4{
        padding: 0;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
        padding: 0 15px;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .siet-sitemap_wrap .main.row{
        padding-top: 5rem;
        padding-bottom: 4rem;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row{
        position: relative;
        padding-left: 170px;
        min-height: 95px;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(2){
        min-width: 180px;
        max-width: 180px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
        padding: 0 10px;
        letter-spacing: 0;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
        padding: 0 10px;
    }
}
@media (max-width:575px) {
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div{
        margin-bottom: 1rem !important;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(2),
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3){
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .siet-sitemap_box .hover-wall .icon_info{
        justify-content: center;
    }
    .siet-sitemap_box .hover-wall .icon_info h3{
        font-size: 22px;
        margin-bottom: 3px;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h3{
        font-size: 20px;
    }
    .siet-sitemap_box .hover-wall .icon_info h4{
        text-align: center !important;
        font-size: 16px;
    }
    .siet-sitemap_box .hover-wall > .container-fluid > .row > div:nth-child(n+3) .icon_info h4{
        font-size: 15px;
    }
}