@charset "utf-8";
/* CSS Document */

/*historylist*/
	ul.historylist {
	    padding-left: 0px;
	}
	ul.historylist li {
	    padding: 0;
	    margin: 0;
	    list-style-type: none;
	    clear: both;
	}
	ul.historylist dd {
	    text-align: right;
	    list-style-type: none;
	    position: relative;
	    float: left;
	    width: 200px;
	    padding: 20px 20px 20px 0;
	    color: #000;
	    font-size: 20px;
	}
	ul.historylist dd:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 25px;
	    right: -13px;
	    background: #fff;
	    border: 5px solid #7b4792;
	    width: 10px;
	    height: 10px;
	    border-radius: 99em;
	    z-index: 50;
	}
	ul.historylist dt {
	    border-left: 5px solid #7b4792;
	    padding: 20px 30px;
	    min-height: 100px;
	    list-style-type: none;
	    width: calc(100% - 220px);
	    float: left;
	    display: block;
	    position: relative;
	}


/**********響應式**********/
@media (max-width:580px) {
	ul.historylist dd{
		text-align: center;
		float: none;
		width: 100%;
		padding: 20px 0;
	}
	ul.historylist dd:after{
		left: 50%;
		margin-left: -10px;
		bottom: -10px;
		top: auto;
		right: 0
	}
	ul.historylist dt{
		border-left: none;
		border-top: 5px solid #7b4792;
		padding: 20px 0px;
		width: 100%;
		float: none;
	}
}