@charset "UTF-8";
html, body { max-width: 100%; width: 100%; background-image: url(../images/s/bg.png); }

body { overflow-x: hidden; }

* { font-family: Arial, Helvetica, sans-serif,'微軟正黑體','Microsoft JhengHei', '微软雅黑', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei','微軟正黑體 Bold','微軟正黑體','新細明體','PMingLiU'; padding: 0; margin: 0; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; }

a { color: #000; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; font-family: '微軟正黑體', 'Microsoft JhengHei', '微软雅黑', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei','微軟正黑體 Bold','微軟正黑體','新細明體','PMingLiU'; }

p { font-size: 100%; line-height: 1.3em; margin-bottom: 5px; }

.navbar { background: #09AAB4; height: 60px; }
.navbar a { text-decoration: none; }

.hamburger { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #09AAB4; display: none; position: absolute; right: 10px; top: 12px; background: #09AAB4; width: 30px; height: 30px; text-align: center; cursor: pointer; }
.hamburger span { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; position: relative; top: 3px; display: inline-block; width: 20px; height: 4px; background: #fff; line-height: 0; }
.hamburger span:before { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; content: ""; display: inline-block; position: absolute; top: -8px; left: 0px; width: 20px; height: 4px; background: #fff; }
.hamburger span:after { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; content: ""; display: inline-block; position: absolute; top: 8px; left: 0px; width: 20px; height: 4px; background: #fff; }

nav { line-height: 60px; }
nav > ul { background: #09AAB4; text-align: center; }
nav > ul > li { position: relative; display: inline-block; }
nav > ul > li a { position: relative; padding: 0 20px; display: block; font-size: 16px; color: #fff; }
nav > ul > li a:hover { background: #31bca1; }
nav > ul > li > ul { display: none; z-index: 999; position: absolute; left: 0; line-height: 40px; background: #25CAC1; }
nav > ul > li > ul > li { display: block; text-align: left; }
nav > ul > li > ul > li a { display: block; color: #fff; width: 140px; font-size: 14px; }
nav > ul > li > ul > li a:after { display: none; }
nav > ul > li > ul > li a:hover { background: #FD5189; }
nav > ul > li:hover a:after { border-color: white; }
nav > ul > li:hover > ul { display: block; }

@media (max-width: 768px) { .hamburger { display: block; }
  nav { height: 0px; z-index: 99; position: relative; bottom: auto; top: 60px; }
  nav ul.mainav { height: 0px; overflow-y: hidden; -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
  nav ul.mainav li { display: block; text-align: left; }
  nav ul.mainav li a { padding: 0px 25px; background: #09AAB4; color: #fff; }
  nav ul.mainav li > ul.subnav { display: block; position: static; }
  nav ul.mainav li > ul.subnav li a { width: auto; }
  nav.active ul { -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } 
  
  .__wrap {
    width: 100%  !important;
	}
	.__wrap > ul{display:none;}
  }

/*# sourceMappingURL=dropdown.css.map */