body {
font-family:微軟正黑體, 'Avenir Next', 'Helvetica Neue', sans-serif;
margin:0 auto;
color:#5f5f5f;
background:#fcfcfc;
}

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


#wallpaper {
margin:20px auto 0px;
overflow:hidden;
width:95%;
background:;
}


#breadcrumb {width:100%;margin:0px auto 20px;padding:0;overflow:hidden;}
#breadcrumb ul {margin:0;padding:0 0 0 10px;list-style-type:none;overflow:hidden;border-bottom:1px solid #ddd;}
#breadcrumb li {float:left;padding:0px 10px 10px 15px;margin:0;background: url('../images/style/breadcrumb-li.png') no-repeat left 6px;}
#breadcrumb li:first-child {background: url('../images/style/breadcrumb-home.png') no-repeat left 6px;padding-left:23px;}
#breadcrumb a {color: #b3a396;}

#sidebar {width:100%;margin:0px auto;overflow:hidden;line-height:0px;}
#sidebar h3 {border-bottom:3px solid #d0ae64;padding:16px 0 16px 20px;margin:0;line-height:28px;background:#F5F5F5;font-size:16px;color:#d0ae64;}
#sidebar > ul {margin:0px auto 20px;padding:0px 20px;list-style-type:none;overflow:hidden;background:#F5F5F5;}
#sidebar > ul li{line-height:28px;padding:10px 0;margin:;border-bottom:1px #ccc dashed;}
#sidebar > ul li:last-child {border-bottom:none;}
#sidebar a {color:#b3a396;}
#sidebar a:hover {color:#d0ae64;}

@media (max-width: 69.999em) {
#sidebar-follow {width:300px;margin:0 auto;background:#f00;position:inherit;top:0;left:-50%;right:-50%;}
}
#main {width:100%;margin:0px auto;padding:0;overflow:hidden;background:;line-height:28px;}
#main h1 {text-align:center;margin-bottom:20px;padding:16px 0;margin:0;line-height:28px;font-size:16px;}
#main h1::before , #main h1::after {content: url('../images/style/h1.png');}
#main h2 {display: inline-block;margin-bottom:20px;border-bottom:3px solid #d0ae64;padding:16px 0px;line-height:28px;font-size:16px;}
#main h3 {font-size:16px;}

.page {}
.page h1::before {content: url('../images/style/h1-before.png');}
.page h1::after {content: url('../images/style/h1.png');}
.page-photo {text-align: center;}
.page-photo img {max-width:100%;}

.column1 {overflow:hidden;line-height:0;margin:0 0 2%;}
.column1  img {width:100%;}

.column2 {overflow:hidden;line-height:0;margin:0 0 2%;}
.column2 ul {margin:0;padding:0;list-style-type:none;overflow:hidden;}
.column2 li {width:49%;float:left;}
.column2 li:nth-child(2n) {float:right;}
.column2 li img {width:100%;}

.column3 {overflow:hidden;line-height:28px;margin:0 0 2%;}
.column3 ul {margin:0;padding:0;list-style-type:none;overflow:hidden;}
.column3 li {width:100%;margin:0 auto 2%;text-align: center;}
.column3 li:last-child {margin-bottom:0;} 
.column3 li img {max-width:100%;}
.column3 h2 , .column2 h2 , .column4 h2 {text-align:center;margin-bottom:20px;padding:0 0 16px;margin:0;line-height:28px;font-size:22px;font-weight:400;}
.column3 h2::before , .column3 h2::after , .column2 h2::before , .column2 h2::after , .column4 h2::before , .column4 h2::after {content: url('../images/style/h1.png');}

.column4 {overflow:hidden;line-height:0;margin:0;background:;}
.column4 ul {margin:0;padding:0;list-style-type:none;overflow:hidden;}
.column4 li {width:49%;float:left;margin-bottom:2%;}
.column4 li:nth-child(2n) {float:right;}
.column4 li img {width:100%;}

.title {overflow:hidden;margin:0 auto;}
.title h2 {text-align:center;margin-bottom:20px;padding:0 0 16px;margin:0;line-height:28px;font-size:22px;font-weight:400;}
.title h2::before , .title h2::after {content: url('../images/style/h1.png');}

footer {width:100%;margin:20px auto 0;padding:20px 0;text-align: center;overflow:hidden;font-size:12px;background:#2f2f2f;color:#f2f2f2;}
footer p {padding:0 5%;}

#to-top {position:fixed;right:10px;bottom:20px;z-index:99;filter: alpha(opacity=100);opacity: 1.0;}
#to-top:hover{filter: alpha(opacity=70);opacity: 0.7;}

@media (min-width: 71em) {
#wallpaper {
width:70rem;
background:;
}

#sidebar {width:300px;float:left;margin:0;}
#sidebar-follow {width:300px;top:3.75rem;position:;display: block;}

#main {width:820px;float:right;margin:0;padding:0;}

.page {width:800px;float:right;background:;}


.column3 li {width:32%;float:left;margin:0 2% 0 0;}
.column3 li:nth-child(3n) {float:right;margin-right:0;}

.column4 li {width:23.5%;float:left;margin:0 2% 2% 0;}
.column4 li:nth-child(2n) {float:left;}
.column4 li:nth-child(4n) {float:right;margin-right:0;}

}