#HjpLrwdslides1{width:80vw;height:350px;margin-top:10px;overflow:hidden;float:right;position:relative;z-index:-1;filter: brightness(1.15);
border-radius: 200px 0 0 0;}
@media screen and (max-width: 768px) {#HjpLrwdslides1{width:77vw;height:250px;border-radius: 80px 0 0 0;
}}
#HjpLcss1{text-align:center;width:100%;display:inline-block;}
#HjpLtxtifno1 .content{line-height:120px;margin-top:-550px;position:absolute;left:-450px;z-index:2;font-size: clamp(7.5rem, 4.5vw, 50rem);
    font-weight: 800;

opacity: 0.05;
color: var(--blue);


transform:rotate(90deg);}
@media screen and (max-width: 1149px) {#HjpLtxtifno1 .content{display:none;}}
#HjpLx002cgolist1 .list{width:250px;margin-right:auto;margin-left:auto;float:right;position:relative;z-index:3;display: grid;
    grid-template-columns: repeat(1, 1fr);
column-gap: 20px;
    row-gap: 20px;}#HjpLx002cgolist1 .item{background-color:#FFFFFF;width:100%;margin-right:auto;margin-left:auto;float:none;display:block;position:relative;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
animation-duration:1.5s;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}#HjpLx002cgolist1 .item:hover,#HjpLx002cgolist1 .over{color:#FFFFFF;
background-color: var(--blue);
filter: brightness(1.05);
transition: all transform .8s ease-in-out;

box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}#HjpLx002cgolist1 a{display:block;
text-align:center;
font-size: clamp(1.2rem, 3.5vw, 1.3rem);
color: var(--blue);
font-weight: 600;}#HjpLx002cgolist1 .dob{padding:10px;}#HjpLx002cgolist1 .subject{padding-bottom:10px;border-bottom:#ffffff 1px none;border-bottom: #9ad4ff 1px solid;}#HjpLx002cgolist1 .subject a{display:block;text-align:center;
padding:15px;
font-size: clamp(1.2rem, 3.5vw, 1.3rem);
color: var(--blue);}#HjpLx002cgolist1 .p_cell_2{font-size:15px;text-align:center;padding-top:10px;}#HjpLx002cgolist1 .dbottom{padding:10px;}
@media screen and (max-width: 1149px) {#HjpLx002cgolist1 .list{width:100%;float:none;  grid-template-columns: repeat(2, 1fr);}}
@media screen and (max-width: 768px) {#HjpLx002cgolist1 .list{  grid-template-columns: repeat(1, 1fr);}}
#HjpLx002cgolist2 .list{margin-bottom:50px;display: grid;
    grid-template-columns: 1fr;
    column-gap: 30px;
    row-gap: 30px;}#HjpLx002cgolist2 .subject{height:50px;float:left;display:inline-block;display: flex;
    align-items: center;}#HjpLx002cgolist2 .subject a{font-size: clamp(1.5rem, 3.5vw, 1.8rem);
color: var(--blue);

font-weight: 500;}#HjpLx002cgolist2 .p_cell_1{margin-bottom:5px;color: var(--blue);
font-size: clamp(1.2rem, 4.5vw, 1.5rem);}#HjpLx002cgolist2 .p_cell_2{background-color:#FFFFFF;height:50px;padding-right:20px;padding-left:20px;float:right;display: flex;
align-items: center;

border-radius: 10px;}#HjpLx002cgolist2 .p_cell_3{width:100%;padding-bottom:10px;margin-top:10px;margin-bottom:10px;display:inline-block;font-size: clamp(1.2rem, 3.5vw, 1.5rem);
color: var(--blue);
border-bottom: var(--blue) 1px solid;

font-weight: 500;}#HjpLx002cgolist2 .idction{background-color:#FFFFFF;width:100%;margin-top:20px;overflow:visible;display:inline-block;position:relative;
border-radius: 20px;
padding: var(--padding-PC);}
@media screen and (max-width: 768px) {#HjpLx002cgolist2 .subject{height:40px;}#HjpLx002cgolist2 .p_cell_2{font-size:14px;height:35px;padding-right:10px;padding-left:10px;}#HjpLx002cgolist2 .p_cell_3{margin-top:5px;}}
@media screen and (max-width: 480px) {#HjpLx002cgolist2 .p_cell_2{font-size:13px;}}
#HjpLx002dtilist1 .list{display: grid;
    grid-template-columns: 1fr;
    column-gap: 30px;
    row-gap: 30px;}#HjpLx002dtilist1 .subject a{font-size: clamp(1.2rem, 3.5vw, 1.2rem);
color: var(--blue);

font-weight: 500;}
#HjpLcss2{background-image:url(../Userfile/file/ff240715210551083164.jpg);width:100%;height:500px;margin-top:-350px;position:absolute;z-index:-1;
background-size:400px;

opacity: 0.4;
}
#HjpL_rwdslides_1,.rslides li:first-child,.rslides   {
    height: 100%;
}
.rslides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#HjpLcss1 .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;
}



/*--------------------服務流程_分類-----------------------*/

#HjpLx002cgolist1 .item:hover a, #HjpLx002cgolist1 .over a{
    color: #FFFFFF;
}
#HjpLx002cgolist1 .item:before{
    position: absolute;
    font-size: clamp(1.2rem, 4.5vw, 1.5rem);
    color: var(--blue);
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -15px;
    left: -15px;
}

#HjpLx002cgolist1 .item:nth-child(1):before{
    content: "01";
}
#HjpLx002cgolist1 .item:nth-child(2):before{
    content: "02";
}
#HjpLx002cgolist1 .item:nth-child(3):before{
    content: "03";
}
#HjpLx002cgolist1 .item:nth-child(4):before{
    content: "04";
}
#HjpLx002cgolist1 .item:nth-child(5):before{
    content: "05";
}

#HjpLx002cgolist2 .idction:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
}

#HjpLx002cgolist2 .p_cell_2:before{
    font: var(--fa-font-solid);
    content: "\f073";
    padding-right:3px;
}


/*--------------------服務流程_分類END-----------------------*/


.phone:hover,.line:hover {
    box-shadow: 3px 3px 10px #cfcfcf !important;
}


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

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

}


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


}





@media screen and (max-width: 520px){
#HjpLcss1 .title:before{
    height: 95px;
}
#HjpLrwdslides1{
    height: 220px;
}

}

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

#HjpLrwdslides1{
    height:180px;
}

}