.latb5{margin-top:50px;}
.latb4{margin-top:-60px;}
@media screen and (max-width: 1149px) {.latb4{margin-top:0px;}}
#Hjprrwdslides1{width:80vw;height:350px;margin-top:10px;overflow:hidden;float:right;position:relative;z-index:-1;
border-radius: 200px 0 0 0;
filter: brightness(1.15);}
@media screen and (max-width: 768px) {#Hjprrwdslides1{width:77vw;height:250px;border-radius: 80px 0 0 0;
}}
#Hjprcss1{text-align:center;width:100%;display:inline-block;}
#Hjprx006dtilist1{width:1000px;margin-right:auto;margin-bottom:50px;margin-left:auto;display:block;max-width: 100%;
padding: var(--padding-PC);}
@media screen and (max-width: 1149px) {#Hjprx006dtilist1{margin-bottom:0px;}}
#Hjprx006dtilist1 .list{width:auto;float:right;position:relative;z-index:1;display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 10px;}#Hjprx006dtilist1 .item{background-color:#FFFFFF;position:relative;}#Hjprx006dtilist1 .subject{text-align:center;}#Hjprx006dtilist1 .subject a{display: flex;
    align-items: center;}#Hjprx006dtilist1 .subject a:hover,#Hjprx006dtilist1 .over .subject a{color:#AD1818;color: var(--blue);}#Hjprx006dtilist1 .idction{margin-top:80px;}#Hjprx006dtilist1 .gup1{color:#FFFFFF;background-color: var(--Lynch);}#Hjprx006dtilist1 .gup2{background-color: var(--Azure);}
#Hjprx006details{width:1000px;margin-right:auto;margin-left:auto;display:block;max-width: 100%;
padding: var(--padding-PC);}
#Hjpr_rwdslides_1,.rslides li:first-child,.rslides   {
    height: 100%;
}
.rslides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#Hjprcss1 .title:before{
    content: " ";
    width: calc(50% - 30px);
    left: 0;
    height: 120px;
    display: inline-block;
    background: var(--blue);
    padding-right: 3px;
    position: absolute;
    z-index: -2;
    margin-top: -55px;
    border-radius: 0 0 20px 0;
}
.title p {
    font-size: clamp(1.5rem, 4.5vw, 2rem);
    font-weight: 600;
    display: inline;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
    text-align: right;
    position: relative;
}
.title .line-2 {
    text-align: left;
    background: var(--linear-gradient);
    width: 180px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/*--------------------工程實績-----------------------*/

#Hjprx006dtilist1 .subject a:before {
    font: var(--fa-font-solid);
    content: "\f111";
    padding-right: 3px;
    font-size: 10px;
}



#imglll li.item:hover img{
    transform:scale(1.1);
    filter: brightness(1.15);
}



@media screen and (max-width: 1150px){

#Hjprcss1 .title:before{
    width: calc(50% - 0px);
}

}


@media screen and (max-width: 768px) {


}





@media screen and (max-width: 520px){
#Hjprcss1 .title:before{
    height: 95px;
}
#Hjprrwdslides1{
    height: 220px;
}
#Hjprx001dtilist2 .idction {
    width: 50%;
    right: -3vw;
    top: 31vw;
}

#Hjprx001dtilist2 .image img {
  width: 50%;
}
}

@media screen and (max-width: 420px){

#Hjprrwdslides1{
    height:180px;
}

}