@charset "UTF-8";
@import url(../fonts/font-awesome.min.css);
html { height: 100% }
body { font-family: "Open Sans", "Microsoft JhengHei", "Helvetica Neue", GuideMaskHelvetica, Arial, sans-serif; color: #000000; font-size: 15px; line-height: 22.5px; position: relative; display: block; height: 100%; margin-top: 150px; font-weight: 300; }
a { color: #609820 }
a:focus, a:hover { color: #487218 }
img { max-width: 100%; }
header { position: fixed; z-index: 888; display: table; width: 100%; height: 107px; background-color: #FFF; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
header:before, header:after { content: ''; position: absolute; z-index: 0; width: 100% }
header:before { to
p: 0; height: 30px; background-color: #78be28; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
header:after { bottom: 0; height: 45px; border-bottom: 1px solid #cccccc }
header.affix { height: 90px; margin-top: 0 }
header.affix:before { top: -30px; height: 30px; background-color: #78be28 }
header.affix .gt-top-nav { margin-top: -30px }
header.affix .gt-nav-level-tow { margin-top: 76px }
header.affix .brand-logo-gt { top: 0; line-height: 0 }
header.affix .brand-logo-gt img { width: 88px; margin: 6px 10px }
header.affix .brand-logo-aptg { top: 0; line-height: 0 }
header.affix .brand-logo-aptg img { width: 68px; margin: 15px 10px }
header .container { position: relative }
.gt-brand { position: relative }
.gt-brand .brand-logo-gt, .gt-brand .brand-logo-aptg { position: absolute; margin: 0; padding: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
.gt-brand .brand-logo-gt > a, .gt-brand .brand-logo-aptg > a { display: block }
.gt-brand .brand-logo-gt > a img, .gt-brand .brand-logo-aptg > a img { }
.gt-brand .brand-logo-gt { top: 40px; z-index: 99999; }
.gt-brand .brand-logo-gt img { width: 153px }
.gt-brand .brand-logo-aptg { top: 60px; right: 0 }
.gt-brand .brand-logo-aptg img { width: 90px }
.gt-top-nav { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
.gt-top-nav .nav-pills > li > a { color: #FFF; font-size: 15px; padding: 4px 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.gt-top-nav .gt-nav-level-one .nav > li.active > a { color: #008236; background-color: #FFF }
.gt-top-nav .gt-nav-level-one .nav > li > a:hover { color: #fff; background-color: #008236 }
.gt-top-nav .navbar { border: 0; min-height: initial }
.gt-top-nav .navbar .nav > li.active > a { color: #008236; background-color: #FFF }
.gt-top-nav .navbar .nav > li > a:hover { background-color: #609820 }
.nav-user { margin-left: 50px !important; }
.gt-mbi-btn { display: none; }
.gt-mbi-btn { position: absolute; right: 0; top: 0; width: 60px; z-index: 99999; }
.gt-mbi-btn > a { font-size: 24px; color: #78be28; height: 60px; width: 60px; line-height: 60px; display: block; text-align: center; }
.container { width: 100%; }
footer { position: relative; z-index: 887; height: 90px; color: #000; font-weight: 400; font-size: 13px; text-align: center; border-top: 9px solid #78be28 }
footer .footer-nav .nav { display: table; margin: 0 auto }
footer .footer-nav .nav > li { float: none; display: table-cell }
footer .footer-nav .nav > li a { color: #000; font-weight: 400; padding: 12px 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
footer .footer-nav .nav > li a:hover { color: #78be28; background-color: transparent }
.gt-wrapper { height: 100%; position: relative }
.gt-wrapper .gt-contents { min-height: 100%; z-index: -1; margin: -150px auto -90px; padding: 170px 0 110px }
.gt-wrapper .gt-contents > .container { padding-left: 60px }
.m-show { display: none !important }

/*右側選單*/
.modal-nav.modal-nav-left .modal-dialog, .modal-nav.modal-nav-right .modal-dialog { position: fixed; margin: auto; width: 100%; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal-nav.modal-nav-right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal-nav.modal-nav-right.fade.in .modal-dialog { right: 0; }
.modal-nav .modal-content { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.modal-nav.modal-nav-left .modal-content, .modal-nav.modal-nav-right .modal-content { background-color: #FFF; background-color: #333333; height: 100%; overflow-y: auto; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.modal-nav.modal-nav-left .modal-content > .modal-body, .modal-nav.modal-nav-right .modal-content > .modal-body { padding: 0; }
.modal-nav-right .gt-mbi-right-nav .nav { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.075); padding-top: 50px; }
.modal-nav-right .gt-mbi-right-nav .nav > li { padding: 0; margin: 0;    float: none; }
.modal-nav-right .pg-content .gt-mbi-right-nav .nav > li > a { padding: 13px 18px; color: #FFF; border-top: 1px solid rgba(255, 255, 255, 0.075); border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif; }
.modal-nav-right .pg-content .gt-mbi-right-nav .nav > li > a:hover, .modal-nav-right .pg-content .gt-mbi-right-nav .nav > li > a:focus { background: #008236 }
.modal-nav.modal-nav-left.fade.in:before, .modal-nav.modal-nav-right.fade.in:before { z-index: 88; content: '\2715'; font-size: 24px; color: #FFF; text-align: center; position: absolute; top: 0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); width: 50px; height: 50px; line-height: 50px; background-color: #008236; cursor: pointer; }

/*Content*/
.eventcontainer {}































/*Responsive*/
@media (min-width:768px) {
	.modal-nav.modal-nav-right.fade .modal-dialog { right: -100%; margin-right: -384px; }
	.modal-nav.modal-nav-left .modal-dialog, .modal-nav.modal-nav-right .modal-dialog { width: 768px; }
	.modal-nav.modal-nav-right.fade.in .modal-dialog { right: 50%; }
	.modal-nav .modal-content { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.modal-nav.modal-nav-right.fade.in:before { left: auto; right: 50%; margin-right: 334px; }
}
@media (max-width:1023px) {
	.m-hidden { display: none !important }
	.m-show { display: inherit !important }

	/**/
	body { margin-top: 0px; }
	header { height: 60px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }
	header.affix { height: 60px; margin-top: 0; }
	header.affix .brand-logo-gt { top: inherit; line-height: 1.1; }
	header.affix .brand-logo-gt > a { padding: 0px 0px 0px; display: inline-block; margin: 5px auto 0 auto; }
	.gt-brand .brand-logo-gt { margin: 0; padding: 0; text-align: center; position: relative; top: inherit; }
	.gt-brand .brand-logo-gt > a { padding: 8px 16px 9px; display: inline-block; margin: 0 auto; }
	.gt-brand .brand-logo-gt > a img { height: 40px; width: auto; }
	.gt-mbi-btn { display: inline-block; }
	.gt-brand .brand-logo-aptg, .gt-top-nav, header:after, header:before { display: none; }
	.gt-top-nav .navbar .nav > li.nav-user { margin-left: 0px !important; }

	/**/
	.gt-wrapper .gt-contents { min-height: 100%; z-index: -1; margin: 0 auto -90px; padding: 60px 0 90px; background-color: #FFF; }

	/**/
	footer { position: relative; z-index: 887; height: 90px; color: gray; line-height: 1.25em; font-size: 13px; text-align: center; -webkit-box-shadow: inset 0 8px 0 #78be28; -moz-box-shadow: inset 0 8px 0 #78be28; box-shadow: inset 0 8px 0 #78be28; border-top: 0px solid #78be28; }
	footer .footer-nav .nav { display: block; margin: 12px auto 0; }
	footer .footer-nav .nav > li { float: none; display: inline-block; }
	footer .footer-nav .nav > li a { padding: 4px 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	footer .footer-copyright { margin: 5px -10px 0; font-size: 12px; }
}
@media (max-width:768px) { }
@media (max-width:767px) { }
@media (max-width:414px) { }
@media (max-width:380px) { }