@charset "utf-8";

/********************
** common
********************/

/********************
** header
********************/
header{left:0;top:0; border-bottom: 1px solid #91949f;}

/********************
** index
********************/
/** mainBanner **/
.mainBanner{background:url('/img/mainBanner.jpg')center center no-repeat; background-size:cover}
.mainCta{box-shadow: 0 0 4px #85a2d5;}

/** mainIntro **/
.mainIntro{background:url('/img/aboutBg.jpg')center center no-repeat; background-size: cover;}
.mainIntroCnt{width:calc(33.3333% - 16px); align-self: stretch;}

/** mainSolution **/
.mainSolutionCnt{width:calc(25% - 18px)}
.mainSolutionCnt img {aspect-ratio: 1 / 1;object-fit: cover;}

/** mainService1 **/
.mainServiceBanner1{background:url('/img/lowpressureMain.jpg')center center no-repeat; background-size:cover}
.mainService1Cnt{box-shadow:0 0 4px #acc1e4; width:calc(50% - 9px); align-self: stretch}
.mainService1Detail{box-shadow: inset 2px 2px 4px #eeeef0;}
.mainService1DetailBanner{background:url('/img/lowpressureSub-001.jpg')center center no-repeat; background-size:cover}
.mainService1DetailBanner .co_point{color:#FF8989}

/** mainService2 **/
.mainServiceBanner2{background:url('/img/energyMain.jpg')center center no-repeat; background-size:cover}
.mainService2Cnt{box-shadow:0 0 4px #acc1e4; width:calc(50% - 12px); align-self: stretch}
.mainService2Cnt hr{border:1px solid #d9dade; border-width:1px 0 0 0 }
.mainService2Progress{width:calc(33.33333% - 30px); align-self: stretch;}

/** mainService3 **/
.mainServiceBanner3{background:url('/img/changeMain.jpg')center center no-repeat; background-size:cover}
.mainService3Cnt{box-shadow:0 0 4px #acc1e4; width:calc(33.33333% - 16px); align-self: stretch;}
.mainService3Cnt hr{border:1px solid #d9dade; border-width:1px 0 0 0 }

/** mainService4 **/
.mainServiceBanner4{background:url('/img/solarPowerMain.jpg')center center no-repeat; background-size:cover}
.mainService4Cnt{box-shadow:0 0 4px #acc1e4; width:calc(50% - 12px); align-self: stretch;}
.mainService4Cnt hr{border:1px solid #d9dade; border-width:1px 0 0 0 }

/** carrer **/
.carrerImg{width:calc(33.333333% - 16px)}
.carrerBoxLine {border:1px solid #91949f;}

/** contact **/
.contact{background:url('/img/contactBg.jpg')center center no-repeat; background-size: cover;}
.contactInput{border:1px solid #d9dade}
.contactInput::placeholder{color:#91949f}
#policy{left:-999999px;}
#policy + label span{background:url('/img/chkOff.svg')center center  no-repeat; background-size:cover}
#policy:checked + label span{background:url('/img/chkOn.svg')center center  no-repeat; background-size:cover}
.contact a{text-decoration: underline;}
.contact button[type="submit"]{background:#375BD9}


/********************
** contactList
********************/
.contactTbl td{border:1px solid #d9dade}

/********************
** contactView
********************/
.contactViewCnt p:nth-child(1){border-top:1px solid #d9dade}
.contactViewCnt p:nth-child(2){border-top:1px solid #eeeef0}
.contactViewBox .contactViewCnt:nth-last-child(1) p:nth-child(1){border-bottom:1px solid #d9dade}
.contactViewBox .contactViewCnt:nth-last-child(1) p:nth-child(2){border-bottom:1px solid #eeeef0}
.contactBtn{border:1px solid #d9dade}

/********************
** policy
********************/
.policyTit{border-bottom:1px solid #26272b}

/********************
** login
********************/
.login{background:url('/img/mainBanner.jpg')center center no-repeat; background-size:cover}

/********************
** adminMenu
********************/
.adminMenu{box-shadow:0 0 8px rgba(0,0,0,0.25)}