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

.left-time{
	right:1px;
}

.right-time{
	right:1px;
}

.storybox-left{
	width: 200px;
}

.storybox-right{
	width: 200px;
}

/*左邊的故事軸*/

.t1989{
	margin-top: 35px;
}

.t2008{
	margin-top: 205px;
}

.t2011{
	margin-top: 200px;
}

.t2013{
	margin-top: 165px;
}



.t2002{
	margin-top: 165px;
}

.t2010{
	margin-top: 190px;
}

.t2012{
	margin-top: 165px;
}

.t2014{
	margin-top: 155px;
}


}

@media screen and (min-width: 450px) and (max-width: 768px) {

.storybox-left{
	width: 270px;
}

.storybox-right{
	width: 270px;
}


/*左邊的故事軸*/

.t1989{
	margin-top: 40px;
}

.t2008{
	margin-top: 205px;
}

.t2011{
	margin-top: 205px;
}

.t2013{
	margin-top: 190px;
}

.left-time{
	position: absolute;
	top:0;
	right:5px;
	width: 70%;
}

.right-time{
	float:right;
	width: 70%;
	margin-right: 5px;
}

.t2002{
	margin-top: 165px;
}

.t2010{
	margin-top: 190px;
}

.t2012{
	margin-top: 180px;
}

.t2014{
	margin-top: 175px;
}

}

@media screen and (min-width:768px) {

	/*左邊的故事軸*/

.left-time{
	float:left;
	width: 42%;
}

.right-time{
	float:right;
	width: 42%;
}

.t1989{
	margin-top: 90px;
	display: inline;
}

.t2008{
	margin-top: 160px;
}

.t2011{
	margin-top: 175px;
}

.t2013{
	margin-top: 150px;
}

/*右邊故事軸*/

.t2002{
	margin-top: 195px;
}

.t2010{
	margin-top: 150px;
}

.t2012{
	margin-top: 140px;
}

.t2014{
	margin-top: 140px;
}

}


@media screen and (min-width:992px) {

/*左邊的故事軸*/

.t1989{
	float:right;
	margin-top: 85px;
	display: inline;
}

.t2008{
	float:right;
	margin-top: 200px;
}

.t2011{
	float:right;
	margin-top: 220px;
}

.t2013{
	float:right;
	margin-top: 190px;
}

/*右邊故事軸*/

.t2002{
	margin-top: 215px;
}

.t2010{
	margin-top: 190px;
}

.t2012{
	margin-top: 180px;
}

.t2014{
	margin-top: 175px;
}

}