@charset "utf-8";


@media (min-width:1440px) {  

    #history {}
    #history .history_box {
        margin-top:35px;
    }
    #history .history_box::after {
        content:'';
        display:block;
        clear:both;
    }
    #history .history_box .year {
        float:left;
        width:25%;
        margin-right:2%;
        border-top:3px solid #ffa72c;
        font-size:40px;
        font-weight:bold;
        color:#f29512;
        line-height:1;
        padding-top:35px;
    }
    #history .history_box .txtbox {
        float:left;
        width:calc(100% - 27%);
        border-top:3px solid #ddd;
        padding-top:35px;
    }
    #history .history_box .txtbox ul {
        display:flex;
    }
    #history .history_box .txtbox ul::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#777;
        display:inline-block;
        position:relative;
        top:15px;
        margin-right:20px;
    }
    #history .history_box .txtbox ul + ul {
        margin-top:15px;
    }
    #history .history_box .txtbox .date {
        font-size:22px;
        font-weight:bold;
        color:#232323;
        margin-right:35px;
        width:110px;
    }
    #history .history_box .txtbox .ti {
        flex:1;
        font-size:22px;
        color:#323232;
    }

  


}


@media  (max-width:1439px) and (min-width:1024px) {

    #history {}
    #history .history_box {
        margin-top:30px;
    }
    #history .history_box::after {
        content:'';
        display:block;
        clear:both;
    }
    #history .history_box .year {
        float:left;
        width:25%;
        margin-right:2%;
        border-top:3px solid #ffa72c;
        font-size:30px;
        font-weight:bold;
        color:#f29512;
        line-height:1;
        padding-top:30px;
    }
    #history .history_box .txtbox {
        float:left;
        width:calc(100% - 27%);
        border-top:3px solid #ddd;
        padding-top:30px;
    }
    #history .history_box .txtbox ul {
        display:flex;
    }
    #history .history_box .txtbox ul::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#777;
        display:inline-block;
        position:relative;
        top:10px;
        margin-right:20px;
    }
    #history .history_box .txtbox ul + ul {
        margin-top:15px;
    }
    #history .history_box .txtbox .date {
        font-size:19px;
        font-weight:bold;
        color:#232323;
        margin-right:35px;
    }
    #history .history_box .txtbox .ti {
        flex:1;
        font-size:19px;
        color:#323232;
    }


}



@media  (max-width:1023px) {

    #history {}
    #history .history_box {
        margin-top:30px;
    }
    #history .history_box::after {
        content:'';
        display:block;
        clear:both;
    }
    #history .history_box .year {
        float:none;
        width:100%;
        margin-right:2%;
        border-top:3px solid #ffa72c;
        font-size:20px;
        font-weight:bold;
        color:#f29512;
        line-height:1;
        padding:15px 0;
    }
    #history .history_box .txtbox {
        float:none;
        width:100%;
        border-top:3px dashed #ddd;
        padding-top:10px;
    }
    #history .history_box .txtbox ul {
        position:relative;
        padding-left:20px;
    }
    #history .history_box .txtbox ul::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#777;
        position:absolute;
        left:0;
        top:8px;
    }
    #history .history_box .txtbox ul::after {
        content:'';
        display:block;
        clear:both;
    }
    #history .history_box .txtbox ul + ul {
        margin-top:10px;
    }
    #history .history_box .txtbox .date {
        font-size:17px;
        font-weight:bold;
        color:#232323;
        margin-right:5px;
        width:85px;
        float:left;
    }
    #history .history_box .txtbox .ti {
        float:left;
        font-size:17px;
        color:#323232;
        width:calc(100% - 90px);
        word-break: break-all;
    }
 
}