html,body{
    height: 100%;
}
#head{
    text-align: center;
}
#head img{
    height: 100%;
}
.division{
    width: 100%;
    margin-top: .5%;
    height: 7.6%;
    background: #9b2c54;
}
.link-box{
    min-width: 1024px;
    min-height: 302px;
    max-width: 1600px;
    max-height: 360px;
    width: 78.8%;
    height: 48%;
    border: 3px solid #9b2c54;
    margin: 3% auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.link-box img{
    height:200px;
    width:200px;
    border:1px solid #ccc
}
.link-box .middle{
    margin-left:20px;
    margin-right:20px;
}
.link-box .image{
    margin: 6% auto;
}
.record{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);

}
.record a{
    color: #333;
}