a.ui-box{
    text-decoration: none!important;
    color: #fff!important;
}
.box header{
  padding: 10px;
  text-align: center;
  background-color: #FFA595;
  margin-bottom: 10px;
  color: #333;
  border-radius: 3px;
 }
.box article{
  text-align: center;
}
.box article a, .article_btn a{
    display: inline-block;
    text-align: center;
    padding: 0;
    transition: all 1s;
    background: -webkit-linear-gradient(left,#ee6c8c,#fc9e70);
    background: -o-linear-gradient(right,#ee6c8c,#fc9e70);
    background: -moz-linear-gradient(right,#ee6c8c,#fc9e70);
    background: linear-gradient(to right,#ee6c8c,#fc9e70);
    line-height: 70px;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    border:#ee6c8c solid 2px;
    font-family: Microsoft JhengHei;
}
.article_btn{/* margin:-20px 0 0 20px; */font-family: Microsoft JhengHei;}
.article_btn a{
  animation: twinkle 1s alternate infinite;
  border:#ee6c8c solid 2px;

}
@keyframes twinkle{
            from{background: #fc9e70;}                 
              to{background: #ee6c8c;}
        }
.box article a:hover, .article_btn a:hover{
    transition: all 1s;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;  
}
@media(min-width: 320px) and (max-width: 480px) {
.box article a{line-height: 50px;font-size: 18px;}
.box article{margin: 0 ;}
.article_btn{margin-top:-20px;margin-left: 0;}
}