.item {
    margin: 15px;
    background: -webkit-linear-gradient(30deg,white,#3a84fa);
    width: 90%;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-shadow: 4px 4px 4px white;
    color:darkblue;
}

.arrow {
    width: 0;
    height: 0;
    border-left: 70px solid #3a84fa;
    border-top: 50px solid white;
    float: right;
}

#allcase {
    margin: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

.item a:link, .item a:visited, .item a:active, .item a:hover {
    color: darkblue;
}

@media screen and (min-width: 360px) {
    font-size: 18px;
}

@media screen and (max-width: 359px) {
    font-size: 11px;
}

#allcase a:link, #allcase a:visited, #allcase a:active, #allcase a:hover {
    color: darkblue;
}

#caseShow {
    width: 100%;
}

#caseShow td {
    width: 50%;
    height: auto;
    padding: 8px;
    text-align: center;
    vertical-align: top;
}

#caseShow td a:link, #caseShow td a:visited, #caseShow td a:hover, #caseShow td a:active {
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 16px;
}
#caseShow td img {
    width: 100%;
    border: 3px solid #bfdafe;
    border-radius: 8px;
    margin: 5px 0;
}