/* CSS Reset *//**********************************************************/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}

/* Global *//**********************************************************/

body{font-size:13px;font-family: 'Ubuntu',"Microsoft JhengHei","\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1","Trebuchet MS", Arial, Helvetica, sans-serif;	color:#515151;line-height:22px; /*background:transparent;*/ background-color:#fff}
h2{ font-size:25px; line-height:normal; margin-bottom:20px; color:#00908f; text-align:center}
a{ text-decoration:none}
.document-item a{ display:block; border-top:1px solid #C2B8B2; font-weight:300; padding:20px 0;}
.document-item a .date{ display:block; color:#8a716a; font-size:16px; margin-bottom:10px }
.document-item a .title{ display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; font-size:18px; line-height:24px; color:#333333; transition:all 0.3s linear}
.document-item a:hover .title{ color:#666}

@media only screen and (max-width:290px) {
	
}