body {
    font-family: arial, 微軟正黑體;	  
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    background: #fff;
    background-image: url(bg.jpg);
    background-size: cover;
    background-repeat: repeat-y;
    background-position: center;
}
/*.oneColElsCtr #container {
    margin: 1em 0;
    padding: 0;
    background: #fff;
    text-align: left;    
    -webkit-box-shadow: 0 0 15px #333;
    box-shadow: 0 0 10px #555;
}*/
.oneColElsCtr #container {
    margin: .5em 0;
    padding: 0;    
    text-align: left;        
}
.oneColElsCtr #mainContent {
    padding: 0 0 10px;
}
.top {    
    background:#cf0000;
    color: #fff;
    padding:.4em 2em;
    text-align: right;
    font-size: .8em;
-webkit-box-shadow: 0px 2px 3px 1px rgba(105,105,105,0.41);
-moz-box-shadow: 0px 2px 3px 1px rgba(105,105,105,0.41);
box-shadow: 0px 2px 3px 1px rgba(105,105,105,0.41);  
}
.header {
    color:#cf0000;    
    margin: 2em 0 .5em 0;
    padding: 0 2em .5em 2em;    
}
.header h2 {    
    font-size:2.4em;
    font-weight: bold;
}
.header h2 .sub {
    color: #222; 
}
.header h3{
    color: #222;
}
.content_ch {
    font-size: 1.4em;
    margin-bottom: 20px;
    padding: 0 2em;
    line-height: 1.5em;    
    font-weight: 700;
    color:#222;
}
.content_ch h4 {
    color: #f6290c;
    font-weight: 700;
}
.photo img {
    -webkit-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
    margin: 5px;
    cursor: pointer;
    widows: 80px;
    height: 80px;
}
.content_ch img {
    -webkit-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #555;
    margin: 0 .8em;
}
.photo {
    margin-bottom: 2em;
}
.cp {
    font-size: .8em;
}

@media screen and (max-width: 768px) {
    .header h2 {    
        font-size: 2em;
    }
    .header h2 .sub {
        font-size: .8em;
    }    
    .content_ch {
        font-size: 1em;        
    }
}

a:link, a:visited {color:#006eea;text-decoration:underline;}
a:hover, a:active {color:#006eea;text-decoration:none;} 

.fbplugin {margin: 2em 0;}