#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:#e9866f; font-weight:bold; border:1px solid #e9866f; 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:#e9866f; 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%; border-radius:0 0 50px 50px; overflow: hidden;}
.i_tree{ position:absolute; z-index:2; right:0; top:0; width:25%; height:20%; background:url(../images/tree.svg) no-repeat right top; background-size:contain;}
.i_tree2{ position:absolute; z-index:2; left:0; top:0; width:25%; height:20%; background:url(../images/tree2.svg) no-repeat left top; background-size:contain;}
.i_box00{ display:block; width:100%;}
.i_box00 img{ display: block; width:100%;}
.i_box00m{ display:none;}

.grey_btn_bg{ width:100%; font-size:19px; background:#faf7f5;}
.grey_btn{ display:flex; justify-content:center; width:100%; text-align: center;}
.grey_btn a{ display:flex; padding:12px 25px; margin:5px 10px; text-align: center; background:#ffffff; color:#41362f; border:1px solid #e1e1e1; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.grey_btn a:hover{ background:#e9866f; color:#ffffff; border:1px solid #e9866f;}
.content_bg{ width:100%;}
.content{ width:100%; padding:50px 0 70px 0; background:#faf7f5;}
.content_box{ margin:0 auto; width:90%; min-width:1000px;}

.footer_bg{ position:relative; width:100%; overflow:hidden; margin-bottom: 30px;}
.footer{ margin:0 auto; width:70%; color:#ffffff; background:#4d9467; padding:14px; margin-top:20px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; font-size:16px; line-height:1.7; font-weight:400; text-align:center;}
.footer a{ color:#ffffff;}
.footer a:hover{ opacity: .6;}
.footer i{display:inline-block; margin-left: 10px;}

.atitle_box{ margin-bottom:8px;}
.atitle{ position:relative; font-size:120%; line-height:1.5; color:#e9866f; 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:#e9866f;}
.atitle2_box{ margin:5px 0;}
.atitle2{ display:inline-block; color:#856161; font-weight:600; }

.ac_box{ display:block; overflow:hidden;}
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:33.2%; 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_box a{ color:#171717;}
.ac_box a:hover{ color:#4d9467; text-decoration:none; }

.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%;}

.t_box{ width:100%; padding:20px; border-top:3px solid #d9695f; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 0 10px -2px rgba(0,0,0,0.3); margin:10px 0 40px 0;}
.t_tt{ position: relative; border-bottom: 1px dotted rgba(0,0,0,.5); font-size:22px; line-height: 1.8; color:#d9695f; font-weight: 500; padding-bottom:15px; margin-bottom: 20px;}
.t_btn{ position:absolute; right:0; top:-5px;}
.t_btn a{ display:inline-block; font-size:16px; font-weight:400; padding:4px 20px; border:1px solid #d9695f; background:#d9695f; color:#ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.t_btn a:hover{ color:#d9695f; border:1px solid #d9695f; background:#ffffff; text-decoration: none;}

.te{ width: 100%; overflow: hidden; text-align:center;}
.te_list{ display:inline-block; vertical-align:top; width:25%; padding:20px;}
.te_pic{ display:block; width:100%; margin-bottom:10px;}
.te_p{ position: relative; width:100%; height: 0; padding-bottom:110%; border-radius:0 20px 0 0; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.te_box{ display:block; width:100%; font-size:17px; line-height:1.6; text-align:left;}
.te_tt{ position: relative; width:100%; font-size:32px; line-height:1.5; color:#000000; padding-bottom:15px; margin-bottom:15px;}
.te_tt:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 100px; height: 1px; background:rgba(0,0,0,.2);}
.te_tt span{ display: block; font-size:18px; color: rgba(0,0,0,.7);}
.te_c{ display:block; overflow:hidden;}
.te_btn{ width:100%; margin-top: 20px;}
.te_btn a{ display:inline-block; font-size:15px; padding:8px 50px; border:1px solid #8e7772; color:#796561; font-family: 'Raleway', sans-serif; letter-spacing:1px;}
.te_btn a:hover{ color:#ffffff; border:1px solid #8e7772; background:rgba(121,101,97,0.7);}


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

.i_box{ margin: 0 auto; display: block; width:90%; border-radius:0 0 45px 45px;}
.i_tree{ width:20%; height:17%;}
.i_tree2{ width:20%; height:17%;}

.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%;}
.grey_btn a{ display:inline-block; padding:10px 20px; margin:5px 8px; }
.content{ padding:50px 0 60px 0;}
.content_box{ width:90%; min-width:90%;}
    
.ac_box li{ display:inline-block; width:50%;}
.ac_pic_c{ display:inline-block; width:50%; padding:10px 10px 0 10px;}
    
.te_list{ display:inline-block; width:50%; padding:30px;}
.te_pic{ margin-bottom:10px;}
.te_box{ font-size:17px; line-height:1.5;}
.te_tt{ font-size:28px; line-height:1.5; padding-bottom:15px; margin-bottom:15px;}
.te_tt:before{ width: 100px;}
.te_tt span{ font-size:18px;}
.te_c ul{ padding-left:5px;}
.te_c li{ background:url(../images/symbol/icon_02.png) no-repeat 0 12px; background-size:6px; padding:3px 15px 3px 15px;}
.te_btn{ margin-top:18px;}
.te_btn a{ font-size:15px; padding:7px 45px;}
}

/*===平版型區===*/
@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:90%; border-radius:0 0 35px 35px;}
.i_tree{ width:18%; height:15%;}
.i_tree2{top:-10px; left:-10px; width:16%; height:14%;}
.i_box00{ display: none;}
.i_box00m{ display:block; width:100%; background: #ece7e7;}
.i_box00m img{ display: block; width:100%;}

.grey_btn_bg{ font-size:17px;}
.grey_btn{ margin: 0 auto; width:95%; min-width:95%; }
.grey_btn a{ padding:8px 15px; margin:5px 6px;}
.content{ padding:40px 0 55px 0;}
.content_box{ width:90%; min-width:90%;}

.footer_bg{ padding:10px 0;}
.footer{ width:90%; min-width:90%; font-size:15px; line-height:1.6; margin-top: 15px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;}
.footer i{display:block; margin-left: 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;}
.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 11px; background-size:6px; padding:0 20px 0 15px;}
.ac_pic_c{  display:block; width:100%; padding:10px 10px 0 10px;}

.t_box{ padding:15px; margin:10px 0 30px 0;}
.t_tt{ font-size:20px; line-height: 1.6; padding-bottom:10px; margin-bottom:15px;}
.t_btn{ top:-3px;}
.t_btn a{ font-size:16px; padding:4px 15px;}

.te_list{ display:block; width:100%; padding:20px 0;}
.te_pic{ margin: 0 auto; width:50%;}
.te_p{ padding-bottom:100%;}
.te_box{ font-size:17px; line-height:1.7; margin-top: 16px; text-align: center;}
.te_tt{ font-size:26px; line-height:1.5; padding-bottom:12px; margin-bottom:12px;}
.te_tt:before{left:50%; transform:translate(-50%,0%); width: 100px;}
.te_tt span{ display: inline-block; font-size:17px; margin-left: 20px;}
.te_c ul{ padding-left:10px; text-align:left;}
.te_c li{ display:inline-block; width: 50%; background:url(../images/symbol/icon_02.png) no-repeat 0px 13px; background-size:6px; padding:0 20px 0 15px;}
.te_btn{ margin-top:16px;}
.te_btn a{ font-size:15px; padding:6px 40px;}
}

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

.i_box{ display: block; width:90%; border-radius:0 0 20px 20px;}
.i_tree{ width:16%; height:13%;}
.i_tree2{ width:13%; height:10%;}
.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; line-height:1.3;}     
.grey_btn{ align-items:center; margin: 0 auto; width:95%; min-width:95%;}
.grey_btn a{ padding:8px 10px; margin:10px 4px 5px 4px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.content{ padding:30px 0 45px 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; margin-top: 10px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.footer i{display:block; margin-left: 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;}
.atitle2_box{ margin:5px 0;}

.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 9px; background-size:6px; padding:0 20px 0 15px; margin:3px 0;}
.ac_pic_c{ display:block; width:100%; padding:10px 10px 0 10px;}

.t_box{ padding:13px; margin:5px 0 20px 0;}
.t_tt{ font-size:18px; line-height: 1.5; padding-bottom:6px; margin-bottom:10px;}
.t_btn{ top:-3px;}
.t_btn a{ font-size:15px; padding:2px 12px;}
    
.te_list{ display:block; width:100%; padding:20px 10px;}
.te_pic{ display:block; margin:0 auto; width:70%; margin-bottom:10px;}
.te_p{ padding-bottom:100%;}
.te_box{ display:block; width:100%; font-size:16px; line-height:1.5; text-align: center;}
.te_tt{ font-size:22px; line-height:1.5; padding-bottom:10px; margin-bottom:10px;}
.te_tt:before{left:50%; transform:translate(-50%,0%); width:100px;}
.te_tt span{ display: inline-block; font-size:15px; margin-left: 20px;}
.te_c ul{ padding-left:10px; text-align:left;}
.te_c li{ display:block; width:100%; background:url(../images/symbol/icon_02.png) no-repeat 0px 8px; background-size:6px; padding:0 20px 0 15px;}
.te_btn{ margin-top:12px;}
.te_btn a{ font-size:15px; padding:4px 30px;}