#xy {
    background-image: url("assets/brochure/xinyi.jpg");
    background-repeat: no-repeat;
}

#agc {
    background-image: url("assets/brochure/agc.jpg");
    background-repeat: no-repeat;

}

#c63 {
    background-image: url("assets/brochure/63.jpg");
    background-repeat: no-repeat;

}

#c73 {
    background-image: url("assets/brochure/73.jpg");
    background-repeat: no-repeat;

}

#brochure {
    background-image: url("assets/brochure/skyview.jpg");
    background-repeat: no-repeat;

}

#contact {
    background-image: url("assets/brochure/cont.jpg");
    background-repeat: no-repeat;

}

.image {
	display: inline-block;
	height: 250px;
	text-align: center;
}

.image img{
	max-height: 100%;
}


.diff {
    float:right;
    
}

.diff img {
	max-height: 230px;
	
}

.innertitle {
	margin-top: -10px;
	padding-top: 0px;
	color: #000cb4;
	font-size: 20px;
	font-weight: bold;
}

.subtitle {
	margin-top: 0px;
	padding-top: 0px;
	color: #000000;
	font-size: 18px;
}


.doublebox {
	width: 100%;
    overflow:hidden;
    text-align:center;
    
}

.doublebox a {
	font-size: 24px;
    color:#FFFFFF;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
    text-decoration: none;
    font-weight: bold;

}

.doublebox, .centerbox a:hover {
	transition: all 0.3s;
    
}

.leftbox {
	float: left;
    width: 50%;
    height: 250px;
    line-height: 250px;
    background-size: cover;
}

.rightbox{
    margin-left: 50%;
    height: 250px;
    line-height: 250px;
    background-size: cover;
}

.centerbox {
    width: 50%;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    line-height: 300px;
    background-size: cover;
}

#broch {
    
    background-image: url("assets/brochure/brochure.jpg");
}

#skyview {
    
    background-image: url("assets/brochure/skyview.jpg");
}

.centerbox a {
	font-size: 24px;
    color:#FFFFFF;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
    text-decoration: none;
    font-weight: bold;

}

.centertext {
    text-align: center;
}


@media (prefers-color-scheme: dark) {
    #xy, #c63, #c73, #agc {
        opacity: 0.85;
    }
}