@charset "utf-8";

/* cookie / back */
#cookie, #back { display: none; }


/* banner */
#banner { width: 100%; }


/*hot*/

.hotImgRight{}

.marginBottom10{ margin-bottom: 15%; }

.imgRightLayoutInfo{
	float:left;
	width:50%;
}

.hotImgRight{
    position: absolute;
    width: 48%;
    padding: 15px;
}

.tel{
	font-size:30px;
}

.Telext{
	font-size:25px;
}

.imgLeftLayoutInfo{ width:50%;}
.imgLeftLayoutImg{ width:100%;}


/* news */
#news { padding: 0px 50px; }
#newsDate { margin: 20px 0px; }
#newsMonthAndDay { margin-top: 20px; }
#newsDelimiter {
	width: 2px;
	margin: 0px 20px 0px 30px;
	background: url(../img/index/news/delimiter.png) repeat-y;
}
#newsInfo {
	width: 88%;
	margin: 20px 0px;
}
#newsContent { margin-top: 10px; }
#newsButton { margin-top: 10px; }

/* classic */
#classic { padding: 25px 50px 35px 50px; }
#classicInfo { padding: 20px 25px 0px 0px; }
#classicContent { margin-top: 10px; }
#classicButton {
	position: absolute;
	bottom: 0px;
	right: 25px;
}
#classicImg { padding-right: 5px; }
#classicImg img { width: 100%; }
.imgRightLayoutContent{
	margin-top:5px;
	}
.imgLeftLayoutContent{
	margin-top:5px;
	}

/* imgLeftLayout */
.imgLeftLayoutTitleS { margin-top: -9px; }
.imgLeftLayoutTitleS img { height: 30px; }
.imgLeftLayoutInfo { padding: 45px 10px 30px 40px; }

.hotInfo { margin-top: 10px; }

/* 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) {
	.imgLeftLayoutInfo { padding: 45px 10px 30px 5px; }
	.imgRightLayoutInfo { padding: 45px 10px; }
	/* classic */
	#classicImg { padding-right: 20px; }
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
	.imgRightLayoutInfo { padding: 45px 35px 45px 50px; }
}

@media screen and (max-width: 1365px) and (min-width: 1280px) {
	/* news */
	#newsInfo { width: 86.5%; }
	.imgRightLayoutInfo { padding: 45px 35px 45px 50px; }
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
	/* news */
	#newsInfo { width: 79%; }
	.tel{font-size:20px;}
	.Telext{font-size:20px;}

}

/* iPad */
@media only screen and (max-device-width: 1024px) {
	.imgLeftLayoutContent, .imgRightLayoutContent { margin-top: 20px; }
	.imgLeftLayoutButton img, .imgRightLayoutButton img { width: 85px; }
	#classicButton img { width: 90px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	/* news */
	#news { padding: 0px 20px; }
	#newsYear img { width: 10px; }
	#newsMonthAndDay { margin-top: 10px; }
	#newsMonth { padding-top: 1px; }
	#newsMonth img { width: 60px; }
	#newsDay img { width: 14px; }
	#newsDelimiter { margin: 0px 15px; }
	#newsInfo {
		width: 83.5%;
		margin: 20px 0px;
	}
	#newsButton img { width: 95px; }

	/* classic */
	#classic { padding: 25px 20px 35px 20px; }
	#classicInfo { padding: 0px; }
	#classicTitle { text-align: center; }
	#classicButton {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 15px;
	}
	#classicButton img { width: 90px; }
	#classicImg {
		padding-top: 20px;
		padding-right: 0px;
	}
	.imgLeftLayoutInfo { padding: 45px 10px 0 5px;}
	.hotImgFloat{ position:relative;}
	.imgLeftLayoutImg {top: 15px;}
}

/* Mobile */
@media screen and (max-width: 767px) {
	/* banner */
    #photoFade .control { bottom: 5px; }
	#photoFade .control a, #photoFade .control a.on {
		width: 15px;
		height: 15px;
		background-size: 100% 100%;
	}
	#photoFade .control a { margin-left: 5px; }

	/* news */
	#news { padding: 0px 20px; }
	#newsYear img { width: 10px; }
	#newsMonthAndDay { margin-top: 10px; }
	#newsMonth { padding-top: 1px; }
	#newsMonth img { width: 60px; }
	#newsDay img { width: 14px; }
	#newsDelimiter { margin: 0px 10px; }
	#newsInfo {
		width: 70%;
		margin: 20px 0px;
	}
	#newsButton img { width: 80px; }

	/* classic */
	#classic { padding: 25px 20px 35px 20px; }
	#classicInfo { padding: 0px; }
	#classicTitle { text-align: center; }
	#classicButton {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 15px;
	}
	#classicButton img { width: 80px; }
	#classicImg { display:none;
	}

	/* imgLeftLayout */
	.imgLeftLayoutTitleS { margin-top: -5px; }
	.imgLeftLayoutTitleS img { height: 18px; }

	.marginBottom10 { margin-bottom: 30%; }
	/*method*/
	.imgLeftLayoutInfo {
    padding: 15px 10px 40px 5px;}
	.imgLeftLayoutImg {top: -10px;}
	#newsTitle{ font-size:1.0625em;}
	#classic { padding: 15px 20px 15px 20px; }

	.imgRightLayoutInfo { padding: 20px 10px 20px 30px; }
	.hotImgRight { padding: 15px 30px 15px 15px; }
}

@media screen and (max-width: 480px){
	.tel{font-size:20px;}
	.Telext{font-size:20px;}
	#classicImg { display:none;}
}

@media screen and (max-width: 375px) {
	/* news */
	#newsInfo { width: 65.5%; }
}

@media screen and (max-width: 320px) {
	/* news */
	#newsInfo { width: 60%; }

	.imgRightLayoutInfo { padding: 20px 0px 20px 30px; }
}