@charset "utf-8";

/* hot */
.imgLeftLayoutDelimiter { background: url(../img/index/hot/delimiter.png) repeat-y; }
.projectPhoto { margin-top: 10px; }
.projectImg {
	width: 25%;
	margin-top: 10px;
	padding-right: 10px;
	overflow: hidden;
}
.projectImg img { width: 100%; }
.imgRightLayoutButton { margin-right: 9px; }

/* remove */
.imgLeftLayoutTitleS { margin-top: 0px; }
.imgLeftLayoutContent{
	margin: 5px 0px 15px 0px;
	}
.imgRightLayoutContent{
	margin: 5px 0px 15px 0px;
	}
.imgLeftLayoutSubTitle{
	color:#A00013;
	}

.tel{
	font-size:30px;
}

.Telext{
	font-size:25px;
}

.projectRemarks {
    position: absolute;
    top: 0px;
    right: 5px;
}
.projectRemarks .projectUrl, .projectRemarks .projectPDF {
	float: right;
	padding: 0px 2px;
}
.projectRemarks .projectUrl img {
	height: 26px;
	margin-top: -1px;
}
.projectRemarks .projectPDF img { height: 24px; }

.hotInfo { margin-top: 10px; }
.hotInfoBox{ margin: 20px 0 0 0;}
.hotInfoName{padding: 0px 0px 0px 15px;}

/* Bootstrap */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) and (min-width: 992px) {
}

@media (max-width: 991px) and (min-width: 768px) {
}

@media (max-width: 767px) {
}

/* Responsive Web Design */
@media screen and (min-width: 1441px) {
}

@media screen and (max-width: 1440px) and (min-width: 1440px) {
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
}

/* iPad */
@media only screen and (max-device-width: 1024px) {
	.imgLeftLayoutContent, .imgRightLayoutContent { margin-top: 20px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	/* hot */
	.projectPhoto { display: none; }
	.imgLeftLayoutInfo { padding: 25px 20px 25px 50px; }
	.imgLeftLayoutSubTitle, .imgRightLayoutSubTitle { color: #595757; }
	.hotInfoName{padding: 0px 0px 0px 10px;}

	.projectRemarks {
		position: relative;
	    left: 0px;
		right: auto;
		padding-top: 7px;
	}
}

/* Mobile */
@media screen and (max-width: 767px) {
	/* hot */
	.projectPhoto { display: none; }

	.hotInfoName{padding: 0px 0px 0px 1px;}
	.hotInfo { margin-top: 25px; }
	.fontSize27px {font-size: 0.8em;}

	.projectRemarks {
		position: relative;
	    left: 0px;
		right: auto;
		padding-top: 7px;
	}
	.projectRemarks .projectUrl img, .projectRemarks .projectPDF img { height: 16px; }
}

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

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