@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);section.list .wrap li{text-align:left;list-style:none;border:1px solid #e9e9e9;border-radius:10px;padding:25px;padding-left:230px;margin-bottom:20px;-webkit-transition:border .3s;-moz-transition:border .3s;-o-transition:border .3s;transition:border .3s}section.list .wrap li:hover{border-color:#FAC24E}section.list .wrap li.lastest{background-color:#efc46e;border-color:#FAC24E}section.list .wrap li.lastest .thedate{color:#FFF}section.list .wrap li .photo{width:180px;height:180px;background-color:#e9e9e9;position:absolute;left:25px}section.list .wrap li .thedate{font-size:15px;color:#c1c1c1;margin-bottom:10px}section.list .wrap li .thetitle{color:#3C6A83;font-size:20px;margin-bottom:15px}section.list .wrap li .thecontent{font-size:15px;line-height:1.8;color:#333}@media screen and (max-width:1280px){section.list .wrap{margin:20px}section.list .wrap li{text-align:left;list-style:none;border:1px solid #e9e9e9;border-radius:10px;padding:25px;padding-left:20px;font-size:14px}section.list .wrap li .photo{width:100%;padding-bottom:80%;position:relative;left:0;margin:auto;margin-bottom:30px;height:0}section.list .wrap li .thetitle{font-size:18px;margin-bottom:9px}section.list .wrap li .thecontent{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}