@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

body {
font:400 1.2rem/2rem Noto Sans TC , sans-serif ;
margin: 0;
box-sizing: border-box;
color: #1f1f1f;
}

a {text-decoration: none;color:#c00;}

img {max-width:100%;border:#ddd 1px solid;}

h1, h2, h3, h4 {font:400 1.2rem/2rem Noto Sans TC , sans-serif ;text-align: center;overflow:hidden;margin:0;padding:0;}
h1  {border-bottom:1px solid #ccc;background:;margin:2% 0;padding:0 0 2% 0;overflow:hidden;}
h2  {background:#c00;margin:2% 0;padding:2% 0;overflow:hidden;color:#fff;}
h3 {background:#ddd;padding:2% 0;} 

main {width:90%;margin:0px auto;overflow:hidden;
}

/* 導航 */
header {margin:0px auto;background:#ddd;overflow:hidden;}
nav {width:90%;margin:10px auto;overflow:hidden;}
nav ul {list-style:none;margin:0;padding:0;}
nav li {float:left;}

.column2 {overflow:hidden;}
.column2 {margin:0;padding:0;list-style:none;text-align:;background:;overflow:hidden;}
.column2 li {float:left;width:49%;border:;margin-bottom:3%;padding:;box-sizing: border-box;}
.column2 li:nth-child(2n) {float:right;margin-right:0.5%;}

.column2 p {line-height:;margin:0;padding:0 3%;
position:relative;
height:3em;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
h3{
  width: 100%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}/* 強制文字不換行 */

@media only screen and (min-width:980px) {
.column2 li {width:23.5%;margin:0 1.8% 3% 0;}
.column2 li:nth-child(2n) {float:left;margin-right:1.8%;}
.column2 li:nth-child(4n) {float:right;margin-right:0.5%;}

}


footer {width:100%;margin:0 auto;padding:20px 0;text-align: center;overflow:hidden;font-size:1rem;background:#111;color:#f2f2f2;}
footer p {padding:0 5%;}
footer ul {list-style:none;text-align: center;padding:0;}
footer li {display: inline-block;margin:10px;padding:0;}