*{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;}
#banner{display: none;}
#navUp{background-color: #309a9d;padding-left: 3%}
#navUp a{display: inline-block;padding: 10px 20px;color: white;}
#navUp a:hover{background-color: white;color: #ccb16e;}
#Breadcrumbs{background-color: #bce4e5;padding: 10px 3%;color: white;}
#Breadcrumbs a,footer a{color: white;}
footer{color: white;background-color: #ccb16e;padding: 20px;text-align: center;}
main{background: url(background.png) bottom left;background-size: cover;}
#center{padding: 20px;box-sizing: border-box;}
article{background-color: rgba(255, 255, 255, 0.7);padding: 50px;box-sizing: border-box;}
article p{margin: 20px 0;}
article p img{max-width: 777px;}
.tac{text-align: center;}
nav{width: 200px;margin: 20px auto 0;}
nav a{display: block;color: #309a9d;font-weight: 900;margin: 15px 0;}
nav a:before{content: "＄";color: #309a9d;}
nav a:hover,nav a:hover:before{color: #ccb16e;}
h1{color: #ccb16e;text-align: center;border-bottom: 3px solid #bce4e5;padding-bottom: 10px;}
@media screen and (min-width: 900px){#banner{display: block;}#banner img{max-width: 1903px;height: 648px;}#banner-P{display: none;}#center{overflow: hidden;}article{float: right;width: calc(100% - 220px);min-height: 800px;}nav{float: left;height: 800px;overflow: auto;}}
@media screen and (min-width: 1280px){#center{width: 80%;margin: auto;}}