/* 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;}
h2{ font-size:36px; line-height:normal; margin-bottom:20px}
h3{ font-size:24px; line-height:normal; margin-bottom:10px}
a{ text-decoration:none; color: #00908f;transition:all 0.3s linear}
a:hover{color: #666;}
select{-moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: url("data:image/svg+xml;utf8,<svg fill='%233A8A89' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-size: auto 32px; background-position:right center;  border:0; background-color:#F2F2F2; padding: 10px 70px 10px 20px; color:#00908f; font-size:18px; font-weight:300; font-family: 'Ubuntu',"Microsoft JhengHei","\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1","Trebuchet MS", Arial, Helvetica, sans-serif;}
.subtitle{ font-weight:700}
.greyFullbox { background-color: #F1F1F1;}
.siteInside{width:100%; max-width:1170px; margin:0 auto; box-sizing:border-box; padding:50px 15px;}
.greyFullbox .siteInside{padding:30px 15px 70px;}
.yearPulldown{ padding-bottom:50px}
.yearPulldown select{ box-sizing:border-box}
/*
.reportItem{ display:table}
.reportItem .cover{ display:table-cell;  padding-right:60px}
.reportItem .cover img{ width:270px; border:1px solid #eee;}
.reportItem .link{ display:table-cell; vertical-align:middle; font-size:18px; font-weight:700;}
.reportItem .yearTitle{ font-size:36px; color:#00908F; font-weight:700; display:inline-block; padding-bottom:20px}
.reportItem .link a{ padding:5px 0; display:inline-block}
*/
.reportContainer{ display:grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr}
.reportItem{ text-align:center}
.reportItem .link{ margin:5px 0; display:inline-block; font-size:18px; font-weight:700;}
.reportItem .cover img{ width:270px; border:1px solid #eee; transition:0.3s all linear}
.reportItem .cover:hover img{ transform:scale(1.05)}
.noInfoNote{ font-size:18px}

@media only screen and (max-width:960px) {
	/*
	.reportItem .link{ font-weight:400;}
	.reportItem .yearTitle{ font-size:24px;}
	*/
	.reportContainer{ display:block}
	.reportItem{ margin-bottom:30px}
	
}

@media only screen and (max-width:767px) {
	.yearPulldown select{ width:100%}
	/*
	.reportItem, .reportItem .cover, .reportItem .link{ display:block;}
	.reportItem .cover{ text-align:center; padding-right:0}
	.reportItem .cover img{ width:240px; }
	.reportItem .yearTitle{ text-align:center; display:block}
	.reportItem .link a{ padding-left:12px; position:relative}
	.reportItem .link a:before{content:"-"; position:absolute; top:5px; left:0 }
	*/
	
}