#gotop { display:none; position:fixed; z-index:89; width:50px; height:50px; line-height:50px; right:20px; bottom:20px; cursor:pointer; text-align:center; font-size:13px; color:#0587e7; font-weight:bold; border:1px solid #0587e7; background:#ffffff;-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; behavior:expression(this.onFocus=this.blur());/*for IE*/transition-property:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}
#gotop:hover { background:#0587e7; color:#ffffff; behavior:expression(this.onFocus=this.blur());/*for IE*/transition-property:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}
.body_hidden{ overflow:hidden;}

.grey_btn_bg{ width: 100%; padding: 14px 0; font-size:15px; background:url(../images/bg3.png) rgba(0,0,0,0.6);}
.grey_btn{ margin:0 auto; width:97%; text-align:right;}
.grey_btn a{ color:#ffffff;}
.grey_btn a:hover{ opacity: .6;}
.content_bg{ margin: 0 auto; width:70%; min-width:1000px; background: #ffffff; box-shadow:0px 0px 20px -2px rgba(0,0,0,0.2);}
.i_box00{ display:block; width:100%; padding:80px; text-align: center; color: #ffffff; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-size:30px; background: url("../images/p01.jpg") no-repeat; background-size:cover;}
.content{ width:100%; padding:60px 0 70px 0; background:#ffffff;}
.content_box{ margin:0 auto; width:90%;}

.footer_bg{ position:relative; width:100%; overflow:hidden; padding:14px 0; background:url(../images/bg3.png) rgba(0,0,0,0.8);}
.footer{ margin:0 auto; width:90%; color:rgba(255,255,255,1); font-size:15px; line-height:1.5; font-weight:300; text-align:center;}
.footer i{ display:inline-block; margin-right:15px; }

.atitle_box{ margin-bottom:8px;}
.atitle{ position:relative; font-size:130%; line-height:1.5; color:#104cad; font-weight:500; padding-left:12px;}
.atitle:before{ content:""; display:block; position:absolute; z-index:2; left:0; top:7px; width:3px; height:20px; background:#104cad;}

.ac_box{ display:block; overflow:hidden;}
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:block; width:100%; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 15px; background-size:6px; padding:0 20px 0 15px;}
.ac_box a{ color:#171717;}
.ac_box a:hover{ color: #0057d9;}

.apic{margin: 0 auto; width:50%;}
.apic img{ display:block; width: 100%;}

@media (min-width:993px) and (max-width:1600px) {
.grey_btn_bg{ padding:13px 0; font-size:15px;}
.content_bg{ width:90%; min-width:900px;}
.i_box00{ padding:75px; font-size:29px;}
.content{ padding:60px 0 40px 0;}
.content_box{ width:90%;}
   
.footer_bg{ padding:13px 0; }
.footer{ width:90%; font-size:15px; line-height:1.5; }
    
.apic{margin: 0 auto; width:60%;}

}

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 992px) {
#gotop { width:42px; height:42px; line-height:40px; right:15px; bottom:14px;}

.grey_btn_bg{ padding:13px 0; font-size:15px;}
.content_bg{ width:90%; min-width:90%;}
.i_box00{ padding:75px; font-size:25px;}
.content{ padding:50px 0 40px 0;}
.content_box{ width:90%;}

.footer_bg{ padding:13px 0;}
.footer{ width:90%; font-size:14px; line-height:1.5; }

.atitle_box{ margin-bottom:8px;}
.atitle{ font-size:120%; line-height:1.5; padding-left:12px;}
.atitle:before{ top:4px; width:3px; height:20px;}

.ac_box ul{ padding-left:10px;}
.ac_box li{ background:url(../images/symbol/icon_02.png) no-repeat 0px 11px; background-size:6px; padding:0 20px 0 15px;}

.apic{margin: 0 auto; width:70%;}
}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
#gotop { width:36px; height:36px; line-height:34px; right:10px; bottom:14px;}

.grey_btn_bg{ padding:13px 0; font-size:14px;}
.grey_btn{ width:95%;}
.content_bg{ width:100%; min-width:100%;}
.i_box00{ padding:40px; font-size:22px;}
.content{ padding:30px 0 40px 0;}
.content_box{ width:90%;}

.footer_bg{ padding:10px 0;}
.footer{ width:90%; font-size:14px; line-height:1.5; }
.footer i{ display: block; margin-right:0px; }

.atitle_box{ margin-bottom:8px;}
.atitle{ font-size:120%; line-height:1.5; padding-left:12px;}
.atitle:before{ top:4px; width:3px; height:20px;}

.ac_box ul{ padding-left:10px;}
.ac_box li{ background:url(../images/symbol/icon_02.png) no-repeat 0px 9px; background-size:6px; padding:0 20px 0 15px;}

.apic{margin: 0 auto; width:95%;}