#gotop { width:50px; height:50px; display:none; position:fixed; z-index:999; right:20px; bottom:20px; 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:15px; 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;}

.content_bg{ margin:0 auto; width:70%; min-width:980px; padding:30px 0;}
/*.content_box{ width:100%; overflow:hidden; background:#ffffff; box-shadow:0px 0px 20px -2px rgba(209,110,110,0.3);}*/
.content_box{ width:100%;}
.banner{ margin:0 auto; width:98%; overflow:hidden; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; margin-bottom:20px;}
.banner img{ display:block; width:100%;}
.banner_m{ display:none;}

.list_b{ margin:0 auto; width:98%; text-align:right;}
.list_b a{ display:inline-block; font-size:18px; line-height:1.3; font-weight:600; color:#404040;}
.list_b a:hover{ color:#a86e44;}
.list_notic{ margin:0 auto; width:98%; padding:15px 40px; margin-top:15px; background:rgba(255,255,255,.3); text-align:center; font-size:20px; font-weight:bold; color:#926139; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}

.list_box{ width:100%;}
.list{ display:inline-block; vertical-align:top; width:33.2%; padding:15px; font-size:18px; line-height:1.6; font-weight:bold; color:rgba(0,0,0,.7);}
.list_bg{ width:100%; padding:20px; background:url(../images/mask.png) no-repeat left top rgba(255,255,255,1); background-size:40px; box-shadow:0px 0px 10px -2px rgba(0,0,0,0.2); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.list_p{ display:block; width:100%; margin-bottom:20px;}
.list_pc{ display:block; margin:0 auto; width:62%; height:0; padding-bottom:60%; border:5px solid #e3d6c4; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.list_c{ display:block; width:100%;}
.list_c_pr{ width: 100%; margin-bottom:10px; font-weight:400;}
.list_c_pr a{ display:inline-block; padding:2px 20px; background:#b32f23; color:#ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.list_c_pr a:hover{ opacity:.7;}
.list_c_pr span{ display:inline-block; vertical-align: middle; font-size:85%; margin-bottom:3px;}
.list_tt{ display:block; width:100%; font-size:140%; line-height:1.2; color:#005c4e; font-weight:600; border-bottom:1px solid #dad5c3; padding-bottom:10px; margin-bottom:10px;}
.list_tt span{ font-size:80%; line-height:1.2; color:#38302d; font-weight:600; padding:5px 0 0 0;}
.list_cbox{ display:block; width:100%; overflow:hidden;}
.list_c_f{ display:inline-block; vertical-align:middle; width:100%; padding-right:0px;}
.list_c_p{ display:block; vertical-align:middle; width:100%; text-align:right; font-size:38px; line-height:1.0; font-family:'Oxygen', sans-serif; color:#b32f23; margin-top:5px;}
.list_c_p i{ display:block;}
.list_c_p span{ font-size:70%; line-height:1.3;}
.list2_tt{ display:block; width:100%; font-size:140%; line-height:1.2; color:#b32f23; font-weight:600; margin-bottom:10px;}

.footer{ width:100%; min-width:960px; text-align:center; font-size:15px; line-height:1.7; color:rgba(0,0,0,0.8); padding:20px 0 0 0;}
.footer i{ display:inline-block; margin-left:15px;}
.footer_b{ display:inline-block; border-top:1px solid rgba(0,0,0,0.2); color:rgba(0,0,0,0.6); font-size:14px; line-height:1.3; padding:10px 40px; margin-top:10px;}
.footer_b i{ display:inline-block; margin-left:15px;}
.footer_b a{ font-size:80%; color:rgba(0,0,0,0.4);}

@media (min-width:993px) and (max-width:1600px) {
.content_bg{ margin:0 auto; width:88%; min-width:88%; padding:30px 0;}
.list_box{ margin:0 auto; width:100%;}
.list{ display:inline-block; vertical-align:top; width:50%; padding:15px; font-size:18px; line-height:1.6;}
.list_bg{ padding:18px; background-size:36px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}
.list_p{ display:block; width:100%; margin-bottom:20px;}
.list_pc{ margin:0 auto; width:52%; padding-bottom:50%; }
.list_c{ display:block; width:100%;}
.list_tt{ font-size:140%;}
.list_tt span{ font-size:80%; padding:5px 0 0 0;}
.list_c_f{ display:block; }
.list_c_p{ display:block; font-size:38px;}

}

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

.content_bg{ width:96%; min-width:96%; padding:20px 0;}
.banner{ display:none;}
.banner_m{ display:block; margin:0 auto; width:98%; overflow:hidden; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-bottom:15px;}
.banner_m img{ display:block; width:100%;}

.list_b{ width:98%;}
.list_b a{ display:inline-block; padding:8px 20px; font-size:17px; }
.list_notic{ width:96%; padding:15px 30px; font-size:17px;}

.list_box{ margin:0 auto; width:98%;}
.list{ display:block; width:100%; padding:15px; font-size:18px; line-height:1.6;}
.list_bg{ padding:18px; background-size:36px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}
.list_p{ display:inline-block; vertical-align:middle; width:30%; margin-bottom:0px;}
.list_pc{ margin:inherit; width:93%; padding-bottom:90%; }
.list_c{ display:inline-block; vertical-align:middle; width:70%;}
.list_tt{ font-size:140%;}
.list_tt span{ font-size:80%; padding:5px 0 0 0;}
.list_c_f{ display:block; }
.list_c_p{ display:block; font-size:38px;}

.footer{ margin:0 auto; width:98%; min-width:98%; font-size:15px; line-height:1.6; padding:20px 0 0 0;}
.footer i{ display:inline-block; margin-left:15px;}
.footer_b{ display:inline-block; padding:10px 40px; margin-top:10px;}
.footer_b i{ display:inline-block; margin-left:15px;}
.footer_b a{ font-size:80%; color:rgba(0,0,0,0.4);}
}

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

.content_bg{ width:94%; min-width:94%; padding:20px 0;}
.banner{ display:none;}
.banner_m{ display:block; margin:0 auto; width:96%; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:5px;}
.banner_m img{ display:block; width:100%;}

.list_b{ width:96%;}
.list_b a{ display:inline-block; padding:4px 12px; font-size:15px; }
.list_notic{ width:96%; padding:10px 20px; font-size:16px; margin-top:10px;}

.list_box{ margin:0 auto; width:98%;}
.list{ display:block; width:100%; padding:10px; font-size:16px; line-height:1.5; color:rgba(0,0,0,.6);}
.list_bg{ padding:18px; background-size:36px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.list_p{ display:block; width:100%; margin-bottom:10px;}
.list_pc{ margin:0 auto; width:53%; padding-bottom:50%; }
.list_c{ display:block; width:100%;}
.list_tt{ font-size:140%;}
.list_tt span{ font-size:80%; padding:5px 0 0 0;}
.list_c_f{ display:block; }
.list_c_p{ display:block; font-size:30px;}

.footer{ margin:0 auto; width:96%; min-width:96%; font-size:15px; line-height:1.5; padding:16px 0 0 0;}
.footer i{ display:block; margin-left:0px;}
.footer_b{  font-size:13px; padding:8px 30px; margin-top:8px;}
.footer_b i{ display:block; margin-left:0px;}
}