.history_contect_bg {position:relative; float:left;  width: 80%;  margin: 0 0 0 10%; height: 8480px;   }
.history_arrow {position: absolute; width: 100%; top: 0px; left: 0%; height:  8000px; background:url("../images/history_icon_arrow.png") top center no-repeat; z-index: 33000}


/*bg*/
.history_bg_2010s {position: absolute;width: 100%;  height:  2180px; /*background-color: #eaeaf8;*/background:url("../images/history_bg_2010s.jpg") top left no-repeat; background-size:cover; z-index: 30000}
.history_bg_2000s {position: absolute;width: 100%;top:2180px;  height:  1450px; /*background-color: #d7d7eb;*/ background:url("../images/history_bg_2000s.jpg") top left no-repeat; background-size:cover;z-index: 30000}
.history_bg_1990s {position: absolute;width: 100%;top:3630px;  height:  1850px;/* background-color: #eaeaf8;*/background:url("../images/history_bg_1990s.jpg") top left no-repeat; background-size:cover; z-index: 30000}
.history_bg_1980s {position: absolute;width: 100%;top:5480px;  height:  1130px; /*background-color: #d7d7eb;*/background:url("../images/history_bg_1980s.jpg") top left no-repeat; background-size:cover; z-index: 30000}
.history_bg_1970s {position: absolute;width: 100%;top:6610px;  height:  1070px; /*background-color: #eaeaf8;*/ background:url("../images/history_bg_1970s.jpg") top left no-repeat; background-size:cover;z-index: 30000}
.history_bg_1960s {position: absolute;width: 100%;top:7680px;  height:  800px;/* background-color: #d7d7eb;*/ background:url("../images/history_bg_1960s.jpg") top left no-repeat; background-size:cover;z-index: 30000}

/*year_box*/
.history_all_ybox {position: absolute;width: 100%;height:  160px; left: 0%;z-index: 33000}
.history_ybox_2010s {top:2101px;background:url("../images/history_box_2010s.png") top center no-repeat;}
.history_ybox_2000s {top:3550px;background:url("../images/history_box_2000s.png") top center no-repeat;}
.history_ybox_1990s {top:5400px;background:url("../images/history_box_1990s.png") top center no-repeat;}
.history_ybox_1980s {top:6530px;background:url("../images/history_box_1980s.png") top center no-repeat;}
.history_ybox_1970s {top:7600px;background:url("../images/history_box_1970s.png") top center no-repeat;}

/*box*/
.history_box_title { float:left; width: 90%; margin: 40px 0 0 5% ;  font:600 1.7em/1em Arial,Helvetica Neue,Helvetica,sans-serif; }
.history_box_title02 {float:left; width: 90%; margin: 20px 0 0 5% ;  font:600 1.7em/1em Arial,Helvetica Neue,Helvetica,sans-serif; text-align: center}
.history_box_contect {float:left; width: 90%; margin: 30px 0 20px 5% ;  font:1.3em/1.5em Arial,Helvetica Neue,Helvetica,sans-serif;}
.history_box_contect ul {  list-style-image:url("../images/li_icon03.png") ;  margin: 0 0 0 25px; padding: 0  0 0 0 }
.history_box_contect li {padding: 0 0 10px 15px}


/*all*/
.history_all_arrow_left {display: inline; position: absolute;height:81px;width: 100%;background:url("../images/history_icon_arrow_left.png") center center no-repeat; z-index: 31000}
.history_all_arrow_right {display: inline; position: absolute;height:81px;width: 100%;background:url("../images/history_icon_arrow_right.png") center center no-repeat; z-index: 31000}
.history_all_ball {display: inline;position: absolute; width: 100%; left: 0%;margin: -10px 0 0 0; height:  80px; background:url("../images/history_icon_ball.png") top center no-repeat; z-index: 33000}
.history_all_box {display: inline; position: absolute; width: 38%; border: 5px solid #999999;background-color: #fff; border-radius:25px;box-shadow:3px 3px 10px 1px rgba(20%,20%,20%,0.8); z-index: 35000}


/*contect*/
/*tobe*/
.history_box_title_tobe { float:left; width: 90%; margin: 20px 0 20px 5% ;  font:600 1.7em/1em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: center; }
.history_box_tobe {display: inline; position: absolute; width: 38%;left: 30.4%;top:40px; border: 15px solid #1566a3; background-color: #fff; border-radius:25px; z-index: 35000}


/*2010s*/
.history_line_2018 {left: 5%;top:200px;}
.history_ball_2018 { top:330px; }
.history_box_2018 {left: 55%;top:90px;}
.history_box_2018_pic { float:left; width: 70%; margin: -10px 0 10px 15% ;  }

.history_line_2017 {left: -5%;top:330px; }
.history_ball_2017 {top:490px;  }
.history_box_2017 {left: 6%;top:150px; }
.history_box_2017_pic { float:left; width: 90%; margin: 0 0 40px 5% ;  }


.history_line_2016 {left: -5%;top:780px; }
.history_ball_2016 {top:850px;}
.history_box_2016 {left: 6%;top:650px;}


.history_line_2015 {left: 5%;top:1050px; }
.history_ball_2015 {top:1050px;  }
.history_box_2015 {left: 55%;top:850px;   }
.history_box_2015_pic { float:left; width: 70%; margin: 0 0 40px 15% ;  }

.history_line_2014 {left: -5%;top:1300px;}
.history_ball_2014 {top:1350px;  }
.history_box_2014 {left: 6%;top:1100px;}
.history_box_2014_pic { float:left; width: 80%; margin: -10px 0 20px 10% ;  }

.history_line_2013 {left: 5%;top:1670px; }
.history_ball_2013 {top:1750px;  }
.history_ball_2013 {top:1750px;  }
.history_box_2013 {left: 55%;top:1480px; }
.history_box_2013_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_2012 {left: -5%;top:1800px;}
.history_ball_2012 {top:1800px;}
.history_box_2012 {left: 6%;top:1650px; }
.history_box_2012_pic { float:left; width: 80%; margin: -10px 0 20px 10% ;  }

/*2000s*/
.history_line_2008 {left: 5%;top:2350px;}
.history_ball_2008 {top:2300px;}
.history_box_2008 {left: 55%;top:2250px; }
.history_box_2008_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_2004 {left: -5%;top:2430px;}
.history_ball_2004 {top:2400px;}
.history_box_2004 {left: 6%;top:2350px; }

.history_line_2003 {left: -5%;top:2790px;}
.history_ball_2003 {top:2750px;}
.history_box_2003 {left: 6%;top:2630px; }
.history_box_2003_pic { float:left; width: 40%; margin: 0 0 40px 30% ;  }

.history_line_2002 {left: 5%;top:2940px;}
.history_ball_2002 {top:2850px;}
.history_box_2002 {left: 55%;top:2790px; }
.history_box_2002_pic { float:left;     width: 71%;    margin: 0 0 10px 14%;}
.history_line_2001 {left: 5%;top:3280px;}
.history_ball_2001 {top:3270px;}
.history_box_2001 {left: 55%;top:3230px; }

.history_line_2000 {left: -5%;top:3310px;}
.history_ball_2000 {top:3060px;}
.history_box_2000 {left: 6%;top:3150px; }

/*1990s*/
.history_line_1997 {left: -5%;top:3750px;}
.history_ball_1997 {top:3780px;}
.history_box_1997 {left: 6%;top:3700px; }

.history_line_1996 {left: 5%;top:3870px;}
.history_ball_1996 {top:3870px;}
.history_box_1996 {left: 55%;top:3800px; }

.history_line_1994 {left: -5%;top:4150px;}
.history_ball_1994 {top:4100px;}
.history_box_1994 {left: 6%;top:4040px; }
.history_box_1994_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_1993 {left: 5%;top:4220px;}
.history_ball_1993 {top:4250px;}
.history_box_1993 {left: 55%;top:4120px; }
.history_box_1993_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_1992 {left: -5%;top:4970px;}
.history_ball_1992 {top:4840px;}
.history_box_1992 {left: 5.3%;top:4700px; }

.history_line_1990 {left: 5%;top:5030px;}
.history_ball_1990 {top:5020px;}
.history_box_1990 {left: 55%;top:4800px; }
.history_box_1990_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

/*1980s*/
.history_line_1987 {left: -5%;top:5850px;}
.history_ball_1987 {top:5820px;}
.history_box_1987 {left: 6%;top:5600px; }
.history_box_1987_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_1986 {left: 5%;top:6000px;}
.history_ball_1986 {top:6000px;}
.history_box_1986 {left: 55%;top:5750px; }
.history_box_1986_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_1984 {left: -5%;top:6320px;}
.history_ball_1984 {top:6340px;}
.history_box_1984 {left: 6%;top:6270px; }

/*1970s*/
.history_line_1979 {left: 5%;top:6850px;}
.history_ball_1979 {top:6800px;}
.history_box_1979 {left: 55%;top:6780px; }

.history_line_1977 {left: -5%;top:6900px;}
.history_ball_1977 {top:6900px;}
.history_box_1977 {left: 6%;top:6850px; }

.history_line_1974 {left: 5%;top:7250px;}
.history_ball_1974 {top:7200px;}
.history_box_1974 {left: 55%;top:7020px; }
.history_box_1974_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

.history_line_1973 {left: -5%;top:7350px;}
.history_ball_1973 {top:7360px;}
.history_box_1973 {left: 6%;top:7300px; }

/*1968s*/
.history_line_1968 {display: none}
.history_ball_1968 {display: none}
.history_box_title_1968 { float:left; width: 90%; margin: 40px 0 0 5% ;  font:600 1.7em/1em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: center; }
.history_box_contect_1968 {float:left; width: 90%; margin: 30px 0 20px 5% ;  font:1.2em/1.5em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: center; }
.history_box_1968 {display: inline; position: absolute; width: 38%;left: 30.1%;top:7850px; border: 5px solid #999999;box-shadow:3px 3px 10px 1px rgba(20%,20%,20%,0.5);background-color: #fff; border-radius:25px; z-index: 35000}
.history_box_1968_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }


/********** MEDIA QUERIES ***********************/
/* for webkit only */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {  

} 

/* for 1440px or less */
@media screen and (max-width: 1440px) {

/*box*/
.history_box_title { float:left; width: 90%; margin: 30px 0 0 5% ;  font:600 1.5em/1em Arial,Helvetica Neue,Helvetica,sans-serif; }
.history_box_contect {float:left; width: 90%; margin: 20px 0 20px 5% ;  font:1.1em/1.5em Arial,Helvetica Neue,Helvetica,sans-serif;}
.history_box_contect ul { list-style-type: disc; margin: 0 0 0 25px; padding: 0 0 0 0 }
.history_box_contect li {padding: 0 0 20px 15px}	
	

/*2000s*/
.history_box_2008_pic { float:left; width: 60%; margin: 0 0 40px 20% ;  }

.history_box_2003_pic { float:left; width: 50%; margin: 0 0 40px 25% ;  }


/*1968s*/
.history_box_title_1968 { float:left; width: 90%; margin: 40px 0 0 5% ;  font:600 1.7em/1em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: center; }
.history_box_contect_1968 {float:left; width: 90%; margin: 30px 0 20px 5% ;  font:1.2em/1.5em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: center; }
.history_box_1968 {display: inline; position: absolute; width: 50%;left: 24%;top:7850px; border: 15px solid #1566a3;background-color: #fff; border-radius:25px; z-index: 35000}
.history_box_1968_pic { float:left; width: 80%; margin: 0 0 40px 10% ;  }

	
}


/* for 1024px or less */
@media screen and (max-width: 1024px) {
.history_contect_bg {position:relative; float:left;  width: 100%; height: unset; margin:0;background: url(../images/history_bg_2000s.jpg) top left repeat;     background-size: cover; }
.history_arrow {display:none; background:none}
.history_bg_2010s,.history_ybox_2010s {display:none; background:none}
.history_bg_2000s,.history_ybox_2000s {display:none; background:none}
.history_bg_1990s,.history_ybox_1990s {display:none; background:none}
.history_bg_1980s,.history_ybox_1980s {display:none; background:none}
.history_bg_1970s,.history_ybox_1970s {display:none; background:none}
.history_bg_1960s,.history_ybox_1960s {display:none; background:none}
 


/*bg*/
 

/*year_box*/
 

/*box*/
.history_box_title { float:left; width: 90%; margin: 30px 0 0 5% ;  font:600 1.4em/1em Arial,Helvetica Neue,Helvetica,sans-serif; }
.history_box_contect {float:left; width: 90%; margin: 20px 0 10px 5% ;  font:1em/1.5em Arial,Helvetica Neue,Helvetica,sans-serif;}
.history_box_contect ul { list-style-type: disc; margin: 0 0 15px 20px; padding: 0 0 0 0 }
.history_box_contect li {padding: 0 0 10px 10px}

/*all*/
.history_all_line,.history_all_arrow_right,.history_all_arrow_left {display: none;}
.history_all_ball {display: none;}
.history_box_1968,.history_all_box {display: block;    float: left; position: unset; width: 85%; border: 5px solid #999999;background-color: #fff;box-shadow:3px 3px 10px 1px rgba(20%,20%,20%,0.8); border-radius:25px;  margin-left: 7%;margin-bottom:30px;}

.history_box_2018{margin-top:30px;}
	
/*contect*/
/*2010s*/
 
/*1968s*/
.history_line_1968 {display: none}
.history_ball_1968 {display: none}
.history_box_title_1968 { float:left; width: 90%; margin: 30px 0 0 5% ;  font:600 1.4em/1em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: left; }
.history_box_contect_1968 {float:left; width: 90%; margin: 20px 0 20px 5% ;  font:1em/1.5em Arial,Helvetica Neue,Helvetica,sans-serif;text-align: left; }
.history_box_contect_1968 ul { list-style-type: disc; margin: 0 0 15px 20px; padding: 0 0 0 0 }
.history_box_contect_1968 li {padding: 0 0 10px 10px}
	
 
.history_box_1968_pic {  }


}