body {
	font-family: 'hp_R', sans-serif;
	font-size: 100%;
	overflow-x: hidden;
	color: var(--color-font);
	background: var(--color-base);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header{ background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0), rgba(175,175,175,1));}
header h1{color: dodgerblue;}
header .headerImg{max-height: 30vh;}
section{height:auto;}

#phlntro {
    position: relative;
    background: url(/mall/detail/bg/rentIntro.webp) no-repeat;
    background-size:cover;
}

#phlntro::before{
    content: "";
    opacity: .3;
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.3), CornflowerBlue);
}
#introBox{background-color: GhostWhite;}
#company img {transform: translate(-45px, 0);}

@media only screen and (min-width:768px) {
    header .headerImg{ max-height: 40vh; }
}
@media only screen and (min-width:992px) {
    #company img {transform: translate(-21%, 0);}
}