#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:#e9334a; font-weight:bold; border:1px solid #e9334a; 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:#e9334a; 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;}

.i_box{ margin: 0 auto; display: block; width:70%;}
.i_box00{ display:block; width:100%;}
.i_box00 img{ display: block; width:100%;}
.i_box00m{ display:none;}

.grey_btn_bg{ width:100%; font-size:18px; background:#eb6170;}
.grey_btn{  display:table; width: 100%; border-left:1px solid rgba(255,255,255,.6); text-align: center;}
.grey_btn a{ display:table-cell; vertical-align: middle; width:20%; padding:14px; text-align: center; border-right:1px solid rgba(255,255,255,.6); color:#ffffff;}
.grey_btn a:hover{ background:#e74052;}
.content_bg{ width:100%;}
.content{ width:100%; padding:60px 0 70px 0; background:#ffffff;}
.content_box{ margin:0 auto; width:90%; min-width:1000px;}

.footer_bg{ position:relative; width:100%; overflow:hidden; padding:14px 0; background:url(../images/bg2.png) rgba(0,0,0,0.8);}
.footer{ margin:0 auto; width:90%; min-width:1000px; color:rgba(255,255,255,.7); font-size:15px; line-height:1.5; font-weight:300; text-align:center;}
.footer a{ color:#ffffff; margin-right: 15px;}
.footer a:hover{ opacity: .6;}

.atitle_box{ margin-bottom:8px;}
.atitle{ position:relative; font-size:120%; line-height:1.5; color:#0f68a9; font-weight:bold; padding-left:12px;}
.atitle:before{ content:""; display:block; position:absolute; z-index:2; left:0; top:7px; width:3px; height:20px; background:#0f68a9;}
.atitle2_box{ margin:5px 0;}
.atitle2{ display:inline-block; color:#0fa9a7; font-weight:600; }

.ac_box{ display:block; overflow:hidden;}
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:20%; vertical-align:top; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 15px; background-size:6px; padding:0 20px 0 15px;}

.ac_pic{ display:block; overflow:hidden;}
.ac_pic_c{ display:inline-block; width:50%; vertical-align:top; padding:10px 10px 0 10px; font-size:95%; line-height: 1.4; text-align: center;}
.ac_pic_c img{ display:block; width: 100%;}

/*團隊成員*/
.pp_list{ width:100%;}
.pp_list_box{ display:block; width:100%; margin-bottom:2.5%;}
.pp_list_c{ display:table; width:100%; overflow:hidden; background:rgba(255,255,255,1); padding:15px;}
.pp_list_p{ display:table-cell; vertical-align:top; width:25%; padding-right:2%;}
.pp_list_pp{ width:100%; height:0; padding-bottom:100%; background:#ffffff;}
.pp_list_f{ display:table-cell; vertical-align:top; width:75%; font-size:16px; line-height:1.7;}
.pp_list_n{ font-size:150%; font-weight:600; margin-bottom:10px; color:#0f68a9; }
.pp_list_n span{ display: block; font-size:85%; color: #666666;}
.pp_list_file{ display:table; width:100%; border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin-bottom:5px;}
.pp_list_file_t{ display:table-cell; width:90px; color:#666666; text-align: right;}
.pp_list_file_f{ display:table-cell;}


@media (min-width:993px) and (max-width:1600px) {

.i_box{ margin: 0 auto; display: block; width:90%;}
    
.footer_bg{ padding:10px 0; }
.footer{ width:90%; min-width:900px; font-size:15px; line-height:1.5; }

.grey_btn{ width:100%; min-width:100%;}
.content{ padding:60px 0 40px 0;}
.content_box{ width:90%; min-width:90%;}
    
.ac_box li{ display:inline-block; width:25%;}
.ac_pic_c{ display:inline-block; width:50%; padding:10px 10px 0 10px;}
    
}

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

.i_box{ display: block; width:100%;}
.i_box00 img{ width:100%;}
.i_box00m{ display:none;}

.grey_btn_bg{ font-size:17px;}
.grey_btn{ width:100%; min-width:100%; border-left:0px;}
.grey_btn a{ padding:14px; border-right:1px solid rgba(255,255,255,.6);}
.grey_btn a:last-child{ border-right:0px;}
.content{ padding:50px 0 40px 0;}
.content_box{ width:90%; min-width:90%;}

.footer_bg{ padding:10px 0;}
.footer{ width:90%; min-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;}
.atitle2_box{ margin:5px 0;}

.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:33.2%; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 11px; background-size:6px; padding:0 20px 0 15px;}
.ac_pic_c{  display:block; width:100%; padding:10px 10px 0 10px;}

/*團隊成員*/
.pp_list_box{ margin-bottom:2.5%;}
.pp_list_c{ padding:15px;}
.pp_list_p{ display:block; width:100%; padding-right:20%; padding-left:20%; margin-bottom:6px}
.pp_list_f{ display:block; width:100%; font-size:16px; line-height:1.6;}
.pp_list_n{ margin-bottom:10px; }
.pp_list_file{ padding-bottom:5px; margin-bottom:5px;}
.pp_list_file_t{ width:90px;}

}

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

.i_box{ display: block; width:100%;}
.i_box00{ display: none;}
.i_box00m{ display:block; width:100%; background: #ece7e7;}
.i_box00m img{ display: block; width:100%;}

.grey_btn_bg{ font-size:16px;}     
.grey_btn{ width:100%; min-width:100%; border-left:0px;}
.grey_btn a{ padding:8px 16px; line-height:1.2; border-right:1px solid rgba(255,255,255,.6);}
.grey_btn a:last-child{ border-right:0px;}    

.content{ padding:30px 0 40px 0;}
.content_box{ width:85%; min-width:85%;}

.footer_bg{ padding:8px 0;}
.footer{ width:90%; min-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;}
.atitle2_box{ margin:5px 0;}

.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:50%; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 9px; background-size:6px; padding:0 20px 0 15px;}
.ac_pic_c{ display:block; width:100%; padding:10px 10px 0 10px;}

/*團隊成員*/
.pp_list_box{ margin-bottom:5%;}
.pp_list_c{ padding:12px;}
.pp_list_p{ display:block; width:100%; padding-right:20%; padding-left:20%; margin-bottom:6px}
.pp_list_f{ display:block; width:100%; font-size:15px; line-height:1.5;}
.pp_list_n{ margin-bottom:8px; }
.pp_list_file{ padding-bottom:4px; margin-bottom:4px;}
.pp_list_file_t{ width:80px;}

}