@import "http://fonts.googleapis.com/css?family=Open+Sans";
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu{width:auto;font-family:'Open Sans',sans-serif;line-height:1}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
#cssmenu > ul > li{
	float:left;
}
#cssmenu.align-center > ul{font-size:0;text-align:center}
#cssmenu.align-center > ul > li{display:inline-block;float:none}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right > ul > li{float:right}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu > ul > li > a{padding:20px;font-size:18px;text-decoration:none;color:#000;font-family: "微軟正黑體";}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
    color: #FFF;
    background-color: #27B124;  /*20191015更換按鈕背景顏色*/
    -webkit-transition: background-color 0.9s;
    transition: background-color 0.9s;
}
#cssmenu > ul > li.has-sub > a{padding-right:25px}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:21px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#009ae1}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{right:0}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}
#cssmenu ul li:hover > ul > li{height:32px}
#cssmenu ul ul li a{padding:10px 20px;width:160px;font-size:12px;background:#333;text-decoration:none;color:#ddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#fff}



@media all and (max-width: 1023px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu{width:100%;display:none}
#cssmenu ul{width:100%;display:none}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15)}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#000;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000}
#cssmenu ul ul ul li a{padding-left:40px}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none}
#menu-line{display:none}
#cssmenu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000}
#cssmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #000}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}

}
#inmenu,#inmenu ul,#inmenu ul li,#inmenu ul li a,#inmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#inmenu:after,#inmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#inmenu #menu-button{display:none}
#inmenu{width:auto;font-family:'Open Sans',sans-serif;line-height:1;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
#inmenu > ul > li{
	float:left;
}
#inmenu.align-center > ul{font-size:0;text-align:center}
#inmenu.align-center > ul > li{display:inline-block;float:none}
#inmenu.align-center ul ul{text-align:left}
#inmenu.align-right > ul > li{float:right}
#inmenu.align-right ul ul{text-align:right}
#inmenu > ul > li > a{padding:20px;font-size:18px;text-decoration:none;color:#000;font-family: "微軟正黑體";}
#inmenu > ul > li:hover > a,#inmenu > ul > li.active > a{color:#FFF;
	background-color: #65C178;-webkit-transition: background-color 0.9s;
    transition: background-color 0.9s;}
#inmenu > ul > li.has-sub > a{padding-right:25px}
#inmenu > ul > li.has-sub > a::after{position:absolute;top:21px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#inmenu > ul > li.has-sub:hover > a::after{border-color:#009ae1}
#inmenu ul ul{position:absolute;left:-9999px}
#inmenu li:hover > ul{left:auto}
#inmenu.align-right li:hover > ul{right:0}
#inmenu ul ul ul{margin-left:100%;top:0}
#inmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#inmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}
#inmenu ul li:hover > ul > li{height:32px}
#inmenu ul ul li a{padding:10px 20px;width:160px;font-size:12px;background:#333;text-decoration:none;color:#ddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#inmenu ul ul li:hover > a,#inmenu ul ul li a:hover{color:#fff}
#inmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#inmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
#inmenu ul ul li.has-sub:hover > a::after{border-color:#fff}



@media all and (max-width: 1023px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#inmenu{width:100%}
#inmenu ul{width:100%;display:none}
#inmenu.align-center > ul,#inmenu.align-right ul ul{text-align:left}
#inmenu ul li,#inmenu ul ul li,#inmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15)}
#inmenu ul li a,#inmenu ul ul li a{width:100%}
#inmenu > ul > li,#inmenu.align-center > ul > li,#inmenu.align-right > ul > li{float:none;display:block}
#inmenu ul ul li a{padding:20px 20px 20px 30px;font-size:16px;color:#000;background:none}
#inmenu ul ul li:hover > a,#inmenu ul ul li a:hover{color:#000;background-color:#BFE6C7}
#inmenu ul ul ul li a{padding-left:40px}
#inmenu ul ul,#inmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#inmenu > ul > li.has-sub > a::after,#inmenu ul ul li.has-sub > a::after{display:none}
#menu-line{display:none}
#inmenu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase; font-size: 20px;color: #39b1cc;font-family: "微軟正黑體";}
#inmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000}
#inmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #000}
#inmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer}
#inmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
#inmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}
#inmenu .submenu-button.submenu-opened:after{display:none}
}

.toggle_div{display:none;}

@media all and (max-width: 1023px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.toggle_div{display:block}
.toggle{display:inline-block;background:#65C178;color:#FFF;cursor:pointer;float:right;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:3px;margin-top:10px;padding:5px 5px 8px}
nav{display:block;float:left;position:relative;width:100%}
.nav{display:none}
.nav li{background-color:#F0FAFB;font-size:15px}
.nav li a{display:block;color:#000;background-color:#FFF;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#65c178;font-size:16px;padding:12px 15px}
.nav li a:hover{background-color:#65C178;color:#FFF}
.nav li:hover ul{display:block;float:none;margin-top:0;margin-right:0;margin-left:0;background-color:#E2F3F5;padding:0}
.nav li:hover ul li{background:transparent}
.nav li:hover ul li a{padding-left:30px;color:#FFF;background-color:#7BC9D6}
.nav li:hover ul li a:hover{background-color:#6AC1D0}