.d-none {
  display: none; }

.history_page_title{
	overflow: hidden;
	top: 40%;
}
.history_page_title .hpt_img{
	float: left;
	width: 112px;
}
.history_page_title .hpt_img img{
	max-width: 100%;
}
.history_page_title .hpt_text{
	float: left;
	width: calc(100% - 112px);
	font-size: 52px;
	color: #fff;
	font-weight: bold;
	line-height: 70px;
	padding-top: 20px;
}

@media (max-width: 991px){
	.history_page_title .hpt_text{
		font-size: 36px;
		line-height: 50px;
	}
}

@media (max-width: 767px){
	#history_en .kv01.history_page_title{
		top: 40%;
	}
	.history_page_title .hpt_img{
		width: 60px;
	}
	.history_page_title .hpt_text{
		width: calc(100% - 60px);
		font-size: 26px;
		line-height: 35px;
		text-shadow: 2px 2px #333;
		padding-top: 0;
	}
}

@media (min-width: 1280px) {
  #history_en .container {
    position: relative;
    height: 100%; }
  #history_en .kv01 {
    position: absolute;
    top: 25%;
    left: 0px; }
  #history_en .history_en_con01 {
    width: 900px;
    margin: 550px auto 0; }
  #history_en .kv02 {
    position: absolute;
    top: 30%;
    left: 40%; }
  #history_en .history_en_con02 {
    width: 900px;
    margin: 585px auto 0; }
  #history_en .kv03 {
    position: absolute;
    top: 25%;
    left: 40%; }
  #history_en .history_en_con03 {
    width: 900px;
    margin: 580px auto 0; }
  #history_en .kv04 {
    position: absolute;
    top: 25%;
    left: 45%; }
  #history_en .history_en_con04 {
    width: 900px;
    margin: 560px auto 0; }
  #history_en .kv05 {
    position: absolute;
    top: 25%;
    left: -90px; }
  #history_en .history_en_con05 {
    width: 900px;
    margin: 565px auto 0; }
  #history_en .kv06 {
    position: absolute;
    top: 40%;
    left: -90px; }
  #history_en .history_en_con06 {
    width: 900px;
    margin: 645px auto 0; } }

@media (min-width: 1200px) {
  #history_en .kv01 {
    left: 0px; }
  #history_en .kv05 {
    left: 0px; }
  #history_en .kv06 {
    left: 0px; } }

@media screen and (min-width: 769px) and (max-width: 1199px) {
  #history_en .container {
    position: relative;
    height: 100%; }
  #history_en .kv01 {
    position: absolute;
    top: 25%;
    left: 15px; }
  #history_en .history_en_con01 {
    width: 900px;
    margin: 550px auto 0; }
  #history_en .kv02 {
    position: absolute;
    top: 30%;
    left: 33%;
    width: 100%; }
  #history_en .history_en_con02 {
    width: 900px;
    margin: 585px auto 0; }
  #history_en .kv03 {
    position: absolute;
    top: 25%;
    left: 30%;
    width: 100%; }
  #history_en .history_en_con03 {
    width: 900px;
    margin: 580px auto 0; }
  #history_en .kv04 {
    position: absolute;
    top: 25%;
    left: 37%;
    width: 100%; }
  #history_en .history_en_con04 {
    width: 900px;
    margin: 560px auto 0; }
  #history_en .kv05 {
    position: absolute;
    top: 25%;
    left: 15px; }
  #history_en .history_en_con05 {
    width: 900px;
    margin: 565px auto 0; }
  #history_en .kv06 {
    position: absolute;
    top: 40%;
    left: 15px; }
  #history_en .history_en_con06 {
    width: 900px;
    margin: 645px auto 0; } }

@media (max-width: 768px) {
  #history_en .container {
    position: relative;
    height: 100%; }
  #history_en .kv01 {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 85%; }
  #history_en .history_en_con01 {
    width: 100%;
    margin: 475px auto 0; }
  #history_en .kv02 {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 85%; }
  #history_en .history_en_con02 {
    width: 100%;
    margin: 580px auto 0; }
  #history_en .kv03 {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 85%; }
  #history_en .history_en_con03 {
    width: 100%;
    margin: 535px auto 0; }
  #history_en .kv04 {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 85%; }
  #history_en .history_en_con04 {
    width: 100%;
    margin: 510px auto 0; }
  #history_en .kv05 {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 85%; }
  #history_en .history_en_con05 {
    width: 100%;
    margin: 525px auto 0; }
  #history_en .kv06 {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 85%; }
  #history_en .history_en_con06 {
    width: 100%;
    margin: 565px auto 0; }
  .d-mo-none {
    display: none; }
  .d-mo-block {
    display: block; } }