html, body, p, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    border-collapse: collapse;

}
ul li {
    list-style-type: none;
}

body,button,input {font-family: "Roboto", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;}

.fr {
    float: right !important;
}

.fl {
    float: left !important;
}

.main-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}
.bg_none{background-color: #fff!important;}

a{text-decoration:none;	color:#232222;}
a:hover{text-decoration:none;	color:#0aa64c;}
/*單選框樣式*/
.an_niu {
}

.an_niu {
    width: 24px;
    height: 0;
    background-color: #000;
    margin-right: 4px;
    top: -31px;
    /*    border-radius: 50%;*/
    position: relative;
}

.an_niu:before, .an_niu:after {
    content: '';
    display: block;
    position: absolute;
    /*    border-radius: 50%;*/
    transition: .3s ease;
}

.an_niu:before {
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border: 1px solid #0aa64c;
    margin-top: 12px;
}

.an_niu:after {
    top: 7px;
    left: 6px;
    width: 9px;
    height: 8px;
    background-color: #fff;
    margin-top: 12px;
}

.an_niu:checked:after {
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    background-color: #0aa64c;
}

.an_niu:checked:before {
    border-color: #0aa64c;
}

.page_number {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 10px 0;
}
.page_number>span{
    font-family : Microsoft JhengHei UI;
    font-size : 19px;
    line-height : 29.16px;
    letter-spacing : -1.52px;
    color : #0AA64C;
}
.page_number > ul {
    display: flex;
}

.page_number > ul > li > a {
    font-size: 18px;
    color : #000000;
    padding: 0 6px; background-color: #0aa64c; margin: 0 10px;
}
/*.a_icon_arrow:after{content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 24px; background: url(../images/arrows.svg) no-repeat center center; background-size: 100%; margin-left: 10px;}
.a_icon_arrow:after:hover{background: url(../images/arrows_hover.svg) no-repeat center center; }*/
.a_icon_arrow{display: block;margin: 0 auto;background-color: #0aa64c; border: none;font-size: 25px; line-height: 21px; color: #FFFFFF;padding: 22px 60px; font-weight: 700;cursor:pointer}
.a_icon_arrow:hover{background-color: #E7F9DE;color: #0aa64c;}
.a_icon_arrow:after{content:"fa fa-fa-long-arrow-right"; }
/*button:after{content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 24px; background: url(../images/arrows.svg) no-repeat center center; background-size: 100%; margin-left: 10px;}*/
button>a:hover{background-color: #E7F9DE;color: #0aa64c;}

/*-------------------top_banner------------*/
.top_banner{width: 100%; background-color: #f1f1f1;text-align: center;color: #8e8e8e;display: flex; justify-content: center; align-items: center;padding: 10px 0;}

/*--------------------------------header------------*/

nav>ul{ display: flex;width: 100%;flex-direction: row;    height: 34px;}
nav>ul>li{display: block;     padding: 5px 5px; margin: 0 16px;}
nav>ul>li>a{font-size : 16px; color : #5D5D5D;}
nav>ul>li:hover,nav>ul>li:visited{border-bottom: 3px solid #0aa64c;}
nav>ul>li:nth-child(1){margin-left: 0;}


header{margin: 0 auto;max-width: 1200px;padding: 0 30px;}
header>div:nth-child(1){display: flex;justify-content: space-between; margin: 10px 0;}

header>div>a>img{height: 45px;}
header>div>ul{display: flex;  flex-direction:row ; list-style: none;align-items: center;}
header>div>ul>li{display: block;margin-right: 15px;line-height: 26px;}
header>div>ul>li>a{font-size: 16px;color: #000000;display: flex; justify-content: center; align-items: center;}
header>div>ul>li>a:hover{color: #0aa64c;}

header>div>ul>li:nth-child(1)>a>i{}
header>div>ul>li:nth-child(2)>a>i{font-size: 23px!important;}
header>div>ul>li:nth-child(3)>a>i{}
header>div>ul>li:nth-child(4)>a>i{}

header>div>ul>li>a>i{color: #0aa64c; text-align: center; align-items: center; font-size: 28px!important; padding-right: 7px;}


nav>ul{ display: flex;width: 100%;flex-direction: row;    height: 34px;}
nav>ul>li{display: block;     padding: 5px 5px; margin: 0 16px;}
nav>ul>li>a{font-size : 16px; color : #312f2e;font-weight: 700;}
nav>ul>li>a>i{display: none!important;}
nav>ul>li:hover,nav>ul>li:visited{border-bottom: 3px solid #0aa64c;}
nav>ul>li:nth-child(1){margin-left: 0;}
.m_header{position: relative;display: none;}
.m_header>div>span{width: 60%}
.m_header>div>span>img{width: 100%;padding:8px;}
.m_header>div:first-child{display: flex;justify-content: space-between;}
.sp_header{overflow:hidden;background:#fff;z-index:10;width:100%;}
.sp_header>div{background-color: #e7f9de;right: 0;position: fixed;z-index: 19000;width: 50px;height: 55px;}
.sp_logo{padding:10px;float:left;height:50px;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;margin-top:17px;}
.sp_nav span{display:block;background:#0aa64c;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
/*---------手機版導航----------*/
.sjj_nav{position:absolute;z-index:9;background-color:rgba(11,166,75,0.96);width:100%;font-size:14px;line-height:40px;top:-1000%;left:0;overflow:auto;overflow-x:hidden;}
.nav_show{top: 55px; box-shadow: 0 5px 7px #0009; position: fixed; z-index: 20;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{top:5px;right:0;height:30px;padding:0 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #288e55 solid;margin: 0 18px;position:relative;line-height:42px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom: none;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%;font-size: 20px;text-align: center;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.slide_nav{position: fixed; background-color:#ffffff; justify-content:space-around; align-items: center; width: 90%; top: 0; z-index: 2; display: none;padding: 10px 5%;box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);}
.slide_nav>a>img{width: 150px;/*padding-left: 50px;*/}

.m_head_tel{display:flex; justify-content: center; align-items: center;color: #bfbfbf; font-size: 25px;}
.m_head_tel>a,.m_head_tel>a>i{font-size: 24px; color: #0aa64c; padding: 0 10px;}


.scroll-top{width: 50px;height: 50px;background-color:rgba(0,0,0,.2);right: 10px; opacity: 1; z-index: 109;position: fixed;bottom: 80px;border-radius:2px; }
.scroll-top:before{display: block; width: 50px; height: 50px; content: ""; background-image: url(../images/sclloo_top.png);background-size: 28px auto; background-repeat: no-repeat; background-position:center;}

.fixnav{display: flex;}
@media (max-width:640px) {
    .slide_nav{justify-content:start;padding-right: 70px;}
    .m_header{display:flex;}
    header>div:nth-child(1){flex-wrap:wrap;margin:0;}
    header>div>ul{flex-wrap: wrap;padding: 10px 0;justify-content: center;}
    header>div>a>img{margin: 0 auto;display: none;}
    header>div>ul>li{padding-bottom: 12px;}
    nav{display: none;}
    .sp_header{display: block;}
    .sjj_nav{display: block;}
}
@media (min-width:640px) {
    .sp_header{display: none;}
    .sjj_nav{display: none;}


}
/*footer*/
footer {border-top: 17px #D9D9D9 solid;padding: 50px 0}
footer > div {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
footer > div:first-child > div {width: 30%;text-align: center;}
footer > div:first-child {}
footer > div:nth-child(2) {padding-top: 10px;}
footer > div > div > img {width:60%;}
footer > div > ul {display: flex;justify-content: space-between;width: 50%;align-items: center;padding: 0 10%;color: #5C5C5C;font-size: 17px;}
footer > div > ul > li {}
footer > div > ul > li>a {    color: #666666;}
footer > div:nth-child(2) > p {width: 35%;font-size: 12px;line-height: 16px;letter-spacing: 0.24px;color: #9a9a9a;text-align: center;}
footer > div:nth-child(2) > div {text-align: center;font-size: 14px;letter-spacing: 2.24px;color: #666666;width: 75%;}