*{margin: 0;padding: 0;font-family: "Helvetica Neue", Helvetica, Arial, STHeitiTC-light, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;letter-spacing: 1px;}
img{width: 100%;vertical-align: bottom;}
time{font-size: 12px;}
a,ins{text-decoration: none;}
#navUP{background-color: #000;text-align: center;}
#navUP a{display: inline-block;padding: 20px;color: white;}
#navUP a:hover{background-color: #232c68;}
footer{background-color: #232c68;color: white;padding: 20px;text-align: center;}
footer a{color: white;}
.black{background-color: #000;height: 20px;}
main{background: url(background.jpg) left bottom;background-size: cover;}
.lr{width: 35px;}
h1{color: #232c68;}
main{padding: 10px;}
article p{margin: 20px 0;}
#text{background-color: rgba(255, 255, 255, 0.7);padding: 30px;box-sizing: border-box;}
nav{margin-bottom: 10px;}
nav a{display: block;color: #232c68;font-weight: 900;padding: 10px 0;padding-left: 25%;}
nav a span{display: inline-block;width: 13px;height: 13px;background-color: #232c68;border-radius: 50%;margin-right: 10px;}
nav a:hover{color: black;background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0.1),white,rgba(255, 255, 255, 0.1));background: -o-linear-gradient(right,rgba(255, 255, 255, 0.1),white,rgba(255, 255, 255, 0.1));background: -moz-linear-gradient(right,rgba(255, 255, 255, 0.1),white,rgba(255, 255, 255, 0.1));background: linear-gradient(to right,rgba(255, 255, 255, 0.1),white,rgba(255, 255, 255, 0.1));}
nav a:hover span{background-color: #be010a;}
@media screen and (min-width: 800px){main{overflow: hidden;}nav{float: left;width: 300px;margin-top: 15%;}nav a{padding-left: 15%;}#text{float: right;width: calc(100% - 320px);}}
@media screen and (min-width: 1280px){#center{width: 80%;margin: auto;}#text{padding: 10% 5% 10%;min-height: 1158px;}}