body {font-family: "微軟正黑體",Helvetica,Arial,sans-serif;background-image:url('../img/indexbg.jpg');background-attachment:fixed;background-size:cover;background-repeat:no-repeat;}

a:hover{text-decoration:none;}

.form-btn{text-align:center;}

.header{width:100%;box-shadow:0 0 10px 0 #333;padding:30px 0;border-bottom:rgba(197, 166, 136, 0.8) solid 5px;background:url('../img/header-bg.jpg') no-repeat;}

.logo{width:600px;margin:0 auto;padding:10px 0;text-align:center;background:rgba(255,255,255,0.7);display:block;}
.logo figure img{width:auto;height:auto;}
.logo figure figcaption{color:#333;font-weight:bold;font-size:2em;margin:10px 0;}

.content{margin:30px 0;}
.content-block{padding:20px;margin:30px auto;border-bottom:rgba(197, 166, 136, 0.5) solid 5px;background:#fff;box-shadow:0 0 10px 0 #ddd;border-radius:5px;position:relative;}
.content-block .breadcrumb{margin-bottom:0;}
.content-block:before{background:rgb(197, 166, 136);border-top-left-radius:40px;box-shadow:0 0 5px 0 #333;content:'●';text-align: center;color:#fff;width:80px;height:20px;position:absolute;left:-15px;top:5px;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);}
.content-block::after{background:rgb(197, 166, 136);bottom:5px;border-bottom-right-radius:40px;box-shadow:0 0 5px 0 #333;content: '●';color:#fff;text-align:center;width:80px;height:20px;position:absolute;right:-15px;transform:rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);}
.content-title{text-align:center;font-weight:bold;}
.content-block hr{border-bottom:rgb(197, 166, 136) solid 2px;}
.content-block-des{padding:20px;}
.content-block-des img{width:100%;height:auto;margin:0 auto;}
.content-block-des p{font-size:1.6em;letter-spacing:1px;color:#333;}
.link{position:relative;background:url('../Content/img/news.jpg') no-repeat;background-attachment:fixed;}
.link-block{text-align:center;display:block;margin-bottom:20px;}
.link-block figure img{
    width: auto;
    height: auto;
    max-width: 256px;}
.link-block figure figcaption{margin:0 auto;font-size:1.2em;font-weight:bold;color:#fff;background:#333;padding:5px 0;}
.link-block:hover figcaption{background:rgb(197, 166, 136);}

.news{position:relative;background:url('../Content/img/news.jpg') no-repeat;background-attachment:fixed;}
.news-more{position:absolute;right:3%;top:3%;background:rgb(197, 166, 136);color:#fff;padding:15px 8px;border-radius:50px;}
.news-more:hover{text-decoration:none;color:#fff;box-shadow:0 0 10px 0 #999;}
.news-block{text-align:center;display:block;background:#fff;padding:15px;margin-bottom:20px;box-shadow:0 0 10px 0 #999;}
.news-block.sticky:before{background:rgb(204, 109, 109);box-shadow:0 0 5px 0 #333;content:'置頂';text-align: center;color:#fff;width:80px;height:20px;position:absolute;left:-15px;top:5px;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);}
.news-block:hover{box-shadow:0 0 10px 0 rgb(197, 166, 136);}
.news-block figure img{width:252px;height:142px;}
.news-block figure time{font-size:1em;display:block;color:#666;padding:10px 0;border-bottom:#ddd solid 1px;margin-bottom:10px;text-align:left;}
.news-block figure figcaption{text-align:left;color:#333;font-size:1.2em;letter-spacing:1px;}

.page-control{height:32px;margin:6px;text-align:center;}
.page-button{border-radius:3px;padding:6px;cursor:pointer;background-color:rgba(255, 255, 255, 0.7)}
.page-button{}
.page-button:hover{background-color:rgba(200, 200, 200, 0.3); color:rgb(150, 150, 255)}
.page-text{width:3rem;}

.footer{width:100%;padding:10px;background:rgb(197, 166, 136);}
.footer p{text-align:center;color:#fff;font-size:1.2em;margin-bottom:0;}
.footer p a{font-weight:bold;color:#fff;text-decoration:underline;margin:0 10px;}

@media only screen and (max-width:966px) {
    .logo{width:100%;}
    .logo figure img{width:100%;max-width:480px;}
    .link .col-xs-12{width:50%;}
    .link-block figure img{width:100%;height:auto;}
    .news .col-xs-12{width:50%;}
    .news-block figure img{width:100%;height:auto;}
    .news-block:hover{box-shadow:none;}
}

@media only screen and (max-width:480px) {
    .logo figure img{width:96%;padding:2%;}
    .news .col-xs-12{width:100%;}
}

.bg-wt{
    background: rgba(255, 255, 255, 0.8);
}
.br10 {
    border-radius: 10px;
}