#gotop { width:50px; height:50px; display:none; position:fixed; z-index:999; right:20px; bottom:30px; cursor:pointer; text-align:center; line-height:1.3; font-size:10px; color:#ffffff; background:url(../images/top.png) no-repeat center center rgba(0,0,0,0.6); background-size:34px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
#gotop:hover { width:60px; height:60px; right:15px; bottom:25px; background:url(../images/top.png) no-repeat center center rgba(0,0,0,0.9); background-size:38px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
.top_bg{ width:100%; position:fixed; z-index:99; left:0; top:0; box-shadow:0px 0px 8px -2px rgba(0,0,0,0.4); background:rgba(255,255,255,0.9);}
.top{ position:relative; margin:0 auto; width:70%; min-width:980px; padding:4px 0 4px 10px;}
.top_logo{ width:281px; height:55px; background:url(../images/logo.png) no-repeat center center; background-size:cover; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); text-indent:-9999px; cursor:pointer;}
.top_btn{ position:absolute; top:50%; transform:translateY(-50%); right:0; font-size:16px; color:#552a31; letter-spacing:1px;}
.top_btn a{ display:inline-block; vertical-align:middle; color:#000000; margin:0px 1vw; border:1px solid #666666; padding:2px 10px; border-radius:50px;}
.top_btn a:hover{ color:#547e0b; border:1px solid #547e0b;}
.banner{ width:100%; height:320px; background:url(../images/bg-banner-in.jpg) no-repeat center center; background-size:cover;}
.content_bg{ margin:0 auto; width:70%; min-width:980px;}
.content_box{ width:100%; margin-top:-170px;}
.content_f{ width:100%; text-align:right; font-size:24px; color:#ffffff; padding:0 10px 10px 0; text-shadow:1px 1px 4px rgba(0,0,0,0.6)}
.content{ width:100%; background:#ffffff; padding:60px; box-shadow:0px 0px 10px -2px rgba(0,0,0,0.3); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
h3{font-size:180%; line-height:1.2; color:#547e0b; font-weight:bold; border-left:5px solid #547e0b; padding-left:8px; margin-bottom:8px;}
.ctitle{display:inline-block; padding:2px 15px; background:#639e3b; color:#ffffff; font-size:18px; font-weight:bold; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.footer{ color:#999999; font-size:15px; line-height:1.7; text-align:right; padding:10px 0; margin-bottom:50px;}

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 1050px) {
#gotop { width:40px; height:40px; right:20px; bottom:30px; background-size:30px;}
#gotop:hover { width:50px; height:50px; right:15px; bottom:25px;}

.top{ position:relative; margin:0 auto; width:90%; min-width:90%; padding:4px 0 4px 5px;}
.top_logo{ width:255px; height:50px;}
.top_btn{ font-size:17px;}
.top_btn a{ margin:0px 1vw;}
.banner{ width:100%; height:280px;}
.content_bg{ width:90%; min-width:90%;}
.content_box{ margin-top:-160px;}
.content_f{ font-size:22px; padding:0 10px 10px 0;}
.content{ padding:50px;}
h3{font-size:180%; padding-left:8px; margin-bottom:8px;}
.ctitle{ padding:2px 15px; font-size:17px; margin-bottom:10px;}
.footer{ font-size:15px; line-height:1.7; text-align:right; padding:10px 0; margin-bottom:50px;}
}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
#gotop { width:30px; height:30px; right:15px; bottom:15px; background-size:28px;}
#gotop:hover { width:40px; height:40px; right:10px; bottom:25px;}

.top{ position:relative; margin:0 auto; width:100%; min-width:100%; padding:4px 0 4px 0px;}
.top_logo{ margin:0 auto; width:235px; height:46px;}
.top_btn{ position:relative; width:100%; text-align:center; font-size:14px; margin-top:15px;}
.top_btn a{ margin:0px 2vw;}
.banner{ width:100%; height:250px;}
.content_bg{ width:90%; min-width:90%;}
.content_box{ margin-top:-160px;}
.content_f{ text-align:center; font-size:16px; padding:0 10px 10px 0;}
.content{ padding:35px 25px;}
h3{font-size:160%; padding-left:8px; margin-bottom:8px;}
.ctitle{ padding:1px 10px; font-size:16px; margin-bottom:10px;}
.footer{ font-size:14px; line-height:1.5; text-align:center; padding:8px 0; margin-bottom:30px;}
}