*{padding: 0;margin: 0;color: #333;list-style: none;}
html, body {
  /*  font: 16px "Arial","Helvetica Neue", "Helvetica", "sans-serif", "MingLiU", "標楷體", 'Raleway', "DFKai-sb", serif;*/
    font-size: 16px;
    font-family: "Microsoft Jhenghei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
   /* font-family: 微軟正黑體, "Microsoft JhengHei", "Heiti TC";*/
/*    font-family: "SC Sans Web","SC Sans",Arial,"Microsoft JhengHei",MingLiU,"PingFang TC","Lantinghei TC",sans-serif;*/
    /*font-family: Arial, 'Helvetica Neue', Helvetica, "Microsoft JhengHei", sans-serif;*/
/*    font-family: "Microsoft JhengHei","微軟正黑體","PingFang HK","Noto Sans CJK TC","Arial","Helvetica Neue","Noto Sans","Helvetica","sans-serif",-apple-system,system-ui;*/
    margin: 0;padding: 0;color: #4e565c;text-rendering: optimizeLegibility;font-weight: 400;/*background-color: #f1f5f8*/}
a, a.inverted, a.white {cursor: pointer;color: #0e527d;text-decoration: none;-webkit-transition: all .35s ease;-moz-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;outline: 0}
a.inverted {color: #474948}
a.white {color: #fff}
a:hover, a.hover, a:focus {color: #fff;-webkit-transition: all .55s ease;-moz-transition: all .55s ease;-o-transition: all .35s ease;transition: all .55s ease;outline: 0;text-decoration: none;background-color: #0e527d;}
a.inverted:hover, a.inverted:focus {color: #0e527d}
a.white:hover, a.white:focus {color: rgba(0, 0, 0, 0.4)}
hr {margin-top: 2em;margin-bottom: 2em;border: 0;height: 2px;background-color: #88e0ff;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0))}
h1{margin-bottom: 20px;}
h1, h2, h2.h3.h4, h3, h5, h6 {color: #0e527d;}
p {/*margin-bottom: 1em;*//*line-height: 1.8em;*/ font-size: 18px;line-height: 30px;}
img{max-width: 100%;}

/*框架*/
#wrap{margin-top: 120px;}
#container{margin: 0 auto;/* max-width: 1168px;display: flex;*/padding-top: 20px;padding-bottom: 20px;}
.m-c{width:100%;display: flex;justify-content: center;flex-wrap: wrap;}
#sidebar{width: 22%;}
#main{width: 75%;padding-left: 2em;}
#main_full{margin: 0 auto;width: 100%;}
#main_center{max-width: 1186px;margin: 0 auto;}
@media screen and (max-width: 768px) {
    #sidebar{display: none;}
    #main{width: 96%; padding: 2%;}
    #main_full{width: 100%; /*padding: 2%;*/}
    #wrap{margin-top:78px;}
}

.float_module{position: fixed; bottom: 10px; z-index: 100000; right: 20px;display: none;}
.float_module>div{width: 60px; height: 60px; background: #0e527d; text-align: center; padding: 5px 5px; margin-bottom: 2px; border-radius: 50px; line-height: 19px; font-size: 20px;}
.float_module>div:nth-child(2){background-color: #ab8422;}
.float_module>div>a{color: #fff;}
@media screen and (max-width: 768px) {
/*.float_module{display: none;}*/
}
/*頁碼*/

.page {padding: 0}
.page ul{display: flex;justify-content: center;flex-wrap: wrap;}
.page li {padding: 5px; border:1px solid #1883c5; text-align: center; font-size: 13px; color: #0e527d; margin-right: 13px; border-radius: 5px; list-style: none; background-color: #fff; line-height: 17px;}
.page li:hover,.page li:visited{background-color: #e4f0f7;}
.page li a{color: #0e527d; font-size: 15px; font-weight: bold;}
.page li a:hover{background-color: unset;}
.first, .end {border: 1px solid #bd8814!important}
.zgli{border: unset!important;}
@media screen and (max-width: 768px) {
    .page li{    margin-right: 4px;}
    .page ul li:nth-child(1){width: 100%; margin-bottom: 5px; border: unset;}
}
/*左邊lan module/left.php*/
.news_left{}
.news_left>h2{font-size: 20px; text-align: center; background-color: #fff; line-height: 49px;}
.news_left>ul{display: flex; flex-direction: column;}
.news_left>ul>li{padding: 6px 0px; border-bottom: 1px solid #f1f5f8; background-color: #0e527d;text-align: center;}
.news_left>ul>li>a{font-size: 22px; font-weight: bold; color: #fff;}
.news_left>a{background-color: #b39a56; display: block; text-align: center; line-height: 49px; color: #ffffff;font-size: 22px;border-bottom: 1px solid #fff;}
/*footer*/
.decorative_line { height: 5px; background-image: url(/image/footer_line.png);display: none; }
footer{ background: #d6f0ff;
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#d6f0ff), to(#fff));
    background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #00a9d4), color-stop(1, #065693));}
footer>div:nth-child(1){display:flex;flex-wrap:wrap;padding-bottom: 10px;max-width: 1186px;}
footer>div:nth-child(1)>ul{display:flex;flex-direction:row;justify-content:space-between;}
footer>div:nth-child(1)>ul>li{width:30%;}
footer>div:nth-child(1)>ul>li>h3{color:#054a75;padding-bottom: 10px;}
footer>div:nth-child(1)>ul>li:nth-child(1)>h3{text-align: center;}
footer>div:nth-child(1)>ul>li:nth-child(1){}
footer>div:nth-child(1)>ul>li:nth-child(1)>a{width: 240px; height: 50px; display: flex; justify-content: center; align-items: center; /*background-color: #14a5ff;*/ border-radius: 11px; margin: 10px auto;}
footer>div:nth-child(1)>ul>li:nth-child(1)>a:nth-child(3){/*background-color: #45d72c;*/}
footer>div:nth-child(1)>ul>li:nth-child(1)>a>button{display: flex; justify-content: center; align-items: center; background: unset; border: unset;}
.whatsapp1 button img{background-color: #1883c5!important;}
footer>div:nth-child(1)>ul>li:nth-child(1)>a>button img{background-color: #5fda1a; padding: 4px; border-radius: 6px; width: 20px;}

footer>div:nth-child(1)>ul>li:nth-child(1)>a>button>span{color:#1883c5;font-size: 31px;padding-left: 6px;}
footer>div:nth-child(1)>ul>li>a:hover{background-color: unset;color: #1A1A1A;}
footer>div:nth-child(1)>ul>li:nth-child(2)>p{color: #0e527d; font-size: 14px; line-height: 1.3em;}
footer>div:nth-child(1)>ul>li:nth-child(2)>ul{padding-top: 10px;}
footer>div:nth-child(1)>ul>li:nth-child(2)>ul>li{font-size: 14px; color: #0e527d;list-style: inside;}
footer>div:nth-child(1)>ul>li:nth-child(3)>ul{}
footer>div:nth-child(1)>ul>li:nth-child(3)>ul>li{}
footer>div:nth-child(1)>ul>li:nth-child(3)>ul>li>a{color: #0e527d; font-size: 14px; line-height: 21px;}
footer>div:nth-child(1)>ul>li:nth-child(3)>ul>li>a:hover{color: #ffffff;}
footer>div:nth-child(2){/*border-top: 1px #1c73a9 solid;*/padding: 10px 0;}
footer>div:nth-child(2)>p{color: #545454;font-size: 12px; text-align: center;line-height: 15px;padding-top: 7px;}
footer>div:nth-child(2)>p>span{color: #545454;}
footer>div:nth-child(2)>p>span>a{color:#545454;}
footer>div:nth-child(2)>p>span>a:hover{color: #fff;}
#toTop{width: 42px; height: 49px; bottom: 5%; right:8%; position: fixed; cursor: pointer; z-index: 0;}
#toTop img{opacity: 80%;}
#toTop img:hover{opacity: 100%;}
@media screen and (max-width: 768px) {
    #toTop{left: 19px; bottom: 94px;}
    footer>div:nth-child(1)>ul{flex-wrap: wrap;flex-direction:column;}
    footer>div:nth-child(1)>ul>li{width: 90%; padding: 5% 5% 0;}
}