#searchBoxContainer{
    position: absolute;
    top: 285px;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
    /*min-height:100%;*/
}
.header{
    font-size: 16px;
    text-align: right;
    position: absolute;
    top: 3%;
    left: 80%;
}
.topheader{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 20px;
}
.rollingInside{
    display: inline-block;
    margin-left: 25px;
}
.basicInfo_title{
    font-family:STHeiti;
    font-size: 27px;
    width: 60%;
}
.basicInfo_number{
    font-family:Candara;
    font-size: 30px;
    text-align: center;
}
.latepages{
    width: 100%;
}
.b-test{
    position: absolute;
    top: 80%;
    left: 15%
}
.mainContainer{
	display:flex;
	flex-direction:column;
}
@media (max-width: 480px) {
    .mainContainer{
        top: 10%;
    }
    .header{
        font-size: 10px;
        top: 5%;
        left: 80%;
    }
    .b-test {
        left: 8%;
        margin-top: 20px;
    }
    .basicInfo_title{
        font-size: 20px;
        width: 60%;
    }
    .basicInfo_number{
        font-size: 22px;
        text-align: center;
    }
}
div.infoContainer {
    /*信息栏的容器*/
    width: 80%;
    margin: auto;
    margin-top: 15px;

    column-count: 2;
    column-gap: 40px;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-color: #c4c4c4;

    /* Firefox */
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -moz-column-rule-color: #c4c4c4;

    /* Safari and Chrome */
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    -webkit-column-rule-color: #c4c4c4;
    transition-duration: 300ms;
}

div.infoContainer > div {
    /*信息栏内部两分区基本样式*/
    width: auto;
    min-height: 300px;
    background-color: #f3f3f3;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.infoContainer > div > strong {
    font-size: 1.5rem;
}

.infoContainer_links {
    /*信息栏的具体栏目的链接*/
    color: black;
    text-decoration: none;
    transition: transform 200ms;
    font-size:19px;
    margin-top:2px;
}
.infoContainer_links_time{
    display: block;
    font-weight:lighter;
    font-size:13px;
    font-style:italic;
    text-align: right;
    transition-duration:800ms;
}

.infoContainer_links:hover {
    /*信息栏的具体栏目的链接鼠标悬浮变色*/
    color: rgb(34, 0, 156);
    text-decoration: none;
    font-size: 21px;
    transition-duration:200ms;
}


.sprite {
      background-image: linear-gradient(transparent, transparent), url(../img/sprite-e99844f6.svg);
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle
  }
.sprite2 {
    background-image: linear-gradient(transparent, transparent), url(../img/医林拾薪.svg);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}


.svg-Wikipedia_wordmark {
    background-position: 25px 0px;
    width: 176px;
    height: 32px
}

.svg-arrow-down {
    background-position: 0 -519px;
    width: 12px;
    height: 8px
}

.svg-search-icon {
    background-position: 0 -697px;
    width: 22px;
    height: 22px
}

#shortCuts{
    min-height: 300px;
    width: 100%;
    position: absolute;
    text-align:center;
    top: 435px;
}
#shortCuts>div{
    vertical-align: top;
    display: inline-block;
    width:200px;
    /*background-color: #f5f9ff;*/
    margin: 15px;
    margin-top: 5px;
    transition-duration: 300ms;
}
.shortcutText{
    text-align:center;
}
.shortcutText>h2{
    margin: 0px;

}
.shortcutText>svg{
    width:40px;
    height: 40px;

}
.shortcutLinks{
    display: block;
    font-size: 15px;
    margin-top: 5px;
}
.shortcutLinks>a{
    display: block;
    font-size: 15px;
    letter-spacing: 3px;
}
#sharing{
    border-left: 2px solid lightgrey;
    border-right: 2px solid lightgrey;
}
@media (max-width: 726px) {
    #searchBoxContainer{
        top: 240px;
    }
    #shortCuts{
        top:350px;
    }
    #shortCuts>div{
        display: inline;
        vertical-align: top;
        width:200px;
        /*background-color: #f5f9ff;*/
        margin: 15px;
        margin-top: 5px;
        transition-duration: 300ms;
    }
    #sharing{
        border-left: 0px solid lightgrey;
        border-right: 0px solid lightgrey;
    }
}
@media (max-width: 1380px){
    div.infoContainer {
        column-count: 1;
        width: 75%;
        transition-duration: 500ms;
    }
}
@media (max-width: 830px){
    div.infoContainer {
        column-count: 1;
        width: 95%;
        transition-duration: 500ms;
    }
    .infoContainer_links_time{
        display: none;
        transition: transform 1000ms;
    }
}
@media (max-width: 480px) {
    .infoContainer_links{
        font-size:15px;
        transition-duration:800ms;
    }
    #searchBoxContainer{
        top: 130px;
    }
    #shortCuts{
        top:270px;
    }

}
@media (max-height: 750px) {
    #shortCuts{
    }
}
@media (max-height: 460px) {
    #shortCuts{
        display: none;
    }
}