@charset "UTF-8";
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; text-transform: none; }

select { text-transform: none; }

button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input::-moz-focus-inner { border: 0; padding: 0; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-family: "Microsoft JhengHei", "Arial", "Helvetica", "sans-serif"; font-weight: 700; line-height: 1.1; color: inherit; }

h1 { font-size: 2.0em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; color: #94bb26; }

h4 { font-size: 1.2em; }

h5 { font-size: 1.0em; }

h6 { font-size: 1.0em; font-weight: normal; }

a { color: #F05244; text-decoration: none; }

a:hover { color: #bf1e0f; text-decoration: none; }

a img { border: none; background: none; }

p { margin: 0 0 10px; }

blockquote { background: #f9f9f9; color: #333; border-left: 10px solid #ccc; margin: 10px 0; padding: 10px; quotes: "“" "”" "‘" "’"; }

blockquote p { display: inline; }

code, kbd, pre, samp { font-family: monospace; }

pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }

code { padding: 2px 4px; font-size: 1.0em; color: #c7254e; background-color: #f9f2f4; }

kbd { padding: 2px 4px; font-size: 80%; color: #fff; background-color: #333; }

ul, ol { margin-top: 0; padding-left: 25px; margin-bottom: 10px; }

ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }

dl { margin-top: 0; margin-bottom: 20px; }

dt, dd { line-height: 1.5; }

dt { font-weight: bold; }

dd { margin-left: 0; }

th { text-align: left; }

fieldset { border: 0 none; padding: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 10px; color: #333; border: 0; border-bottom: 1px solid #dedede; font-size: 1.2em; }

hr { margin: 20px 0; border: 0; border-top: 2px solid #94bb26; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:before, .blog .items-row:before, .archive .items-row:before, ul.pagenav:before, .clearfix:after, .blog .items-row:after, .archive .items-row:after, ul.pagenav:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .blog .items-row:after, .archive .items-row:after, ul.pagenav:after { clear: both; }

.clearfix, .blog .items-row, .archive .items-row, ul.pagenav { zoom: 1; }

.pull-left, ul.article-info, ul.pagenav li.previous, .search-results .result-item ul.result-info { float: left; }

.pull-right, ul.actions, ul.pagenav li.next { float: right; }

.no-margin { margin: 0 !important; }

.no-padding { padding: 0 !important; }

.img-container img { max-width: 100%; }

.alert .close { position: absolute; }

.alert { position: relative; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-ms-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-o-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animate-paused { animation-play-state: paused; -webkit-animation-play-state: paused; }

.animate-delay-0-2 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.animate-delay-0-4 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.animate-delay-0-6 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.animate-delay-0-8 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.animate-delay-1 { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animate-delay-1-2 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.animate-delay-1-4 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.animate-delay-1-6 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.animate-delay-1-8 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.animate-delay-2 { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animate-delay-2-2 { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

.animate-delay-2-4 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.animate-delay-2-6 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

.animate-delay-2-8 { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }

.animate-delay-3 { -webkit-animation-delay: 3s; animation-delay: 3s; }

.container { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 1.69492%; padding-right: 1.69492%; }

.container:after { content: " "; display: block; clear: both; }

.row { width: 100%; }

.row:after { display: block; clear: both; content: ''; }

.span1 { width: 6.77966%; float: left; margin-right: 1.69492%; }

.span2 { width: 15.25424%; float: left; margin-right: 1.69492%; }

.span3 { width: 23.72881%; float: left; margin-right: 1.69492%; }

.span4 { width: 32.20339%; float: left; margin-right: 1.69492%; }

.span5 { width: 40.67797%; float: left; margin-right: 1.69492%; }

.span6 { width: 49.15254%; float: left; margin-right: 1.69492%; }

.span7 { width: 57.62712%; float: left; margin-right: 1.69492%; }

.span8 { width: 66.10169%; float: left; margin-right: 1.69492%; }

.span9 { width: 74.57627%; float: left; margin-right: 1.69492%; }

.span10 { width: 83.05085%; float: left; margin-right: 1.69492%; }

.span11 { width: 91.52542%; float: left; margin-right: 1.69492%; }

.span12 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.offset1 { margin-left: 8.47458%; }

.offset2 { margin-left: 16.94915%; }

.offset3 { margin-left: 25.42373%; }

.offset4 { margin-left: 33.89831%; }

.offset5 { margin-left: 42.37288%; }

.offset6 { margin-left: 50.84746%; }

.offset7 { margin-left: 59.32203%; }

.offset8 { margin-left: 67.79661%; }

.offset9 { margin-left: 76.27119%; }

.offset10 { margin-left: 84.74576%; }

.offset11 { margin-left: 93.22034%; }

.offset12 { margin-left: 101.69492%; }

.row > [class^=span] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.row > [class^=span]:last-child { float: right; margin-right: 0; }

@media (max-width: 767px) { .row > [class^=span] { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media (max-width: 480px) { .hidden-xs { display: none !important; }
  .visible-xs { display: block !important; }
  table.visible-xs { display: table; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; }
  .visible-sm, .visible-md, .visible-lg, .visible-xl { display: none !important; } }

@media (min-width: 481px) and (max-width: 767px) { .hidden-sm { display: none !important; }
  .visible-sm { display: block !important; }
  table.visible-sm { display: table; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; }
  .visible-xs, .visible-md, .visible-lg, .visible-xl { display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; }
  .visible-md { display: block !important; }
  table.visible-md { display: table; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; }
  .visible-xs, .visible-sm, .visible-lg, .visible-xl { display: none !important; } }

@media (min-width: 992px) and (max-width: 1279px) { .hidden-lg { display: none !important; }
  .visible-lg { display: block !important; }
  table.visible-lg { display: table; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; }
  .visible-xs, .visible-sm, .visible-md, .visible-xl { display: none !important; } }

@media (min-width: 1280px) { .hidden-xl { display: none !important; }
  .visible-xl { display: block !important; }
  table.visible-xl { display: table; }
  tr.visible-xl { display: table-row !important; }
  th.visible-xl, td.visible-xl { display: table-cell !important; }
  .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } }

#site-navigation { display: none; height: 62px; color: #F05244; }

#site-navigation .menu-button { float: left; width: 60px; height: 60px; }

#site-navigation .menu-button a.toggler { display: block; width: 60px; height: 60px; font-size: 24pt; line-height: 60px; color: #F05244; text-align: center; background: #fff; }

#site-navigation .menu-button a.toggler:active { background: #f2f2f2; }

header { position: relative; z-index: 10; height: 140px; box-shadow: 0 0 8px 0 #dedede; border-bottom: #99ca3d 4px solid; background: #fff url(../images/bg1.jpg) top center repeat-x; }

header .container { background: url(../images/bg2.png) top center no-repeat; }

header.pinned { position: absolute; width: 100%; top: 0; right: 0; }

header .top { height: 100px; }

header .top .span6 { margin-left: 0; }

header a.brand { float: left; padding: 16px 0 0 0; }

header a.brand img { display: block; }

header a.brand-sm { display: none; padding: 15px 0; font-size: 22px; }

header a.brand-sm img { display: block; margin: auto; padding: 0 55px 0 0; }

nav.main-nav { float: left; font-size: 0.9em; }

nav.main-nav ul.nav { padding: 0; margin: 0; height: 44px; max-height: 44px; }

nav.main-nav ul.nav > li { float: left; list-style: none; position: relative; }

nav.main-nav ul.nav > li > a { display: block; padding: 0 25px; height: 44px; line-height: 44px; color: #07693a; font-weight: normal; font-size: 1.1em; text-decoration: none; }

nav.main-nav ul.nav > li a:hover { background: #99ca3d; color: #fff; }

nav.main-nav ul.nav > li:hover > a { text-decoration: none; }

nav.main-nav ul.nav > li:active > a { text-decoration: none; }

nav.main-nav ul.nav > li.active > a { color: #F05244; text-decoration: none; }

nav.main-nav ul.nav > li.active > a:hover { background: #F05244; color: #fff; }

nav.main-nav ul.nav ul { background: #fff; visibility: hidden; position: absolute; top: 100%; width: 200px; padding: 5px; margin: 0; z-index: 5000; opacity: 0; height: auto; max-height: none; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

nav.main-nav ul.nav ul::before { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; left: 40px; }

nav.main-nav ul.nav ul li { list-style: none; position: relative; width: 100%; margin: 0; }

nav.main-nav ul.nav ul li a { display: block; text-align: left; color: #07693a; background: #fff; padding: 8px 20px; height: auto; line-height: 1.5; font-weight: bold; text-decoration: none; }

nav.main-nav ul.nav ul li a:hover, nav.main-nav ul.nav ul li a:active { background: #ebebeb; text-decoration: none; }

nav.main-nav ul.nav ul li:hover > a, nav.main-nav ul.nav ul li:active > a { background: #07693a; color: #fff; }

nav.main-nav ul.nav ul li.active > a { color: #F05244; background: none; text-decoration: none; }

nav.main-nav ul.nav ul li.active > a:hover { background: #F05244; color: #fff; }

nav.main-nav ul.nav ul li.deeper > a::after { display: inline-block; position: absolute; top: 12px; right: 8px; font: normal normal normal 14px "FontAwesome"; font-size: 14px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

nav.main-nav ul.nav ul ul { background: #fff; left: 200px; top: 0; height: auto; }

nav.main-nav ul.nav ul ul::before { display: none; }

nav.main-nav ul.nav ul ul li a { color: #07693a; background: #fff; font-weight: bold; text-decoration: none; }

nav.main-nav ul.nav ul ul li a:hover, nav.main-nav ul.nav ul ul li a:active { background: #07693a; color: #fff; }

nav.main-nav ul.nav ul ul li:hover > a, nav.main-nav ul.nav ul ul li:active > a { background: #07693a; color: #fff; }

nav.main-nav ul li.deeper:hover > ul { visibility: visible; opacity: 1; }

nav.main-nav ul li.deeper.deeper.collapse-in > ul { display: block; }

nav.main-nav ul li.deeper > a::after { display: inline-block; position: absolute; top: 15px; right: 8px; font: normal normal normal 14px "FontAwesome"; font-size: 14px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.top-right { float: right; height: 75px; margin: 0 10px 0 10px; }

.top-right .moduletable { height: 100%; line-height: 90px; }

.top-right img { vertical-align: middle; }

.lang-switcher { float: right; display: inline-block; margin: 0 0 0 20px; }

.lang-switcher .mod-languages { position: relative; width: 80px; height: 90px; margin: auto; }

.lang-switcher a.dropdown-toggle { position: relative; box-sizing: border-box; width: 100%; height: 90px; padding: 0 30px 0 20px; background: #fff; color: #F05244; text-align: left; display: block; line-height: 88px; font-size: 0.9em; }

.lang-switcher a.dropdown-toggle::after { color: #07693a; display: inline-block; position: absolute; top: 40px; right: 20px; font: normal normal normal 11px "FontAwesome"; font-size: 11px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.lang-switcher ul.lang-dropdown { position: absolute; background: #fff; font-size: 1.0em; border-top: 1px solid #dedede; width: 100%; text-align: left; z-index: 9; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15); }

.lang-switcher ul.lang-dropdown li { display: block; margin: 0; }

.lang-switcher ul.lang-dropdown li a { display: block; padding: 8px 8px 8px 20px; }

.lang-switcher ul.lang-dropdown li a:hover { background: whitesmoke; }

.nav-menu-title { display: none; color: #fff; padding: 0; border-bottom: 1px solid #444844; height: 60px; line-height: 60px; padding: 0 15px; margin: 0; text-align: center; }

.close-menu { display: none; position: absolute; width: 60px; height: 60px; text-align: center; line-height: 70px; top: 0; right: 0; color: #fff; }

.close-menu:hover, .close-menu:active { color: ligthen(#e0b46f, 5%); }

@media (max-width: 1169px) { nav.main-nav { font-size: 0.9em; }
  nav.main-nav ul.nav > li > a { padding: 0 15px; }
  header { height: auto; }
  header a.brand { text-align: center; color: #111; }
  header a.brand img { display: block; margin: auto; }
  header.transparent { background: #fff; }
  header.pinned { position: static; }
  nav.main-nav { float: none; text-align: center; }
  nav.main-nav ul.nav { margin: 0; }
  nav.main-nav ul.nav li { float: none; display: inline-block; vertical-align: top; }
  nav.main-nav ul.nav li.active > a { text-decoration: none; }
  .lang-switcher { position: absolute; top: 0; right: 10px; width: auto; text-align: center; margin: 0; } }

@media (max-width: 767px) { #site-navigation { display: block; }
  header { position: initial; background: #fff; padding: 0; }
  header a.brand { display: none; }
  header a.brand-sm { display: block; width: 100%; text-align: center; color: #111; }
  header.transparent nav.main-nav ul.nav > li > a { background: transparent; }
  header.transparent nav.main-nav ul.nav > li:hover > a, header.transparent nav.main-nav ul.nav > li:active > a { background: #222; }
  header.transparent nav.main-nav ul.nav > li li:hover > a, header.transparent nav.main-nav ul.nav > li li:active > a { background: #333; }
  header.transparent .lang-switcher a.dropdown-toggle { background: transparent; }
  header.transparent .lang-switcher a.dropdown-toggle:hover, header.transparent .lang-switcher a.dropdown-toggle:active { background: rgba(255, 255, 255, 0.7); }
  .lang-switcher { position: absolute; top: 0; right: 0; z-index: 10; width: 80px; height: 60px; }
  .lang-switcher a.dropdown-toggle { color: #F05244; background: #fff; height: 60px; line-height: 60px; }
  .lang-switcher a.dropdown-toggle::after { top: 25px; }
  .nav-menu-title { display: block; }
  .close-menu { display: inline-block; }
  .top-right { margin: 0 auto; text-align: center; float: none; }
  nav.main-nav { width: 300px; height: 100%; position: absolute; top: 0; left: -300px; padding: 0; background: #111; z-index: 100; }
  nav.main-nav > .container { padding: 0; position: relative; }
  nav.main-nav ul.nav { float: none; margin: 0; max-height: none; height: auto; border: 0 none; }
  nav.main-nav ul.nav > li { display: block; float: none; width: 100%; height: auto; margin: 0; padding: 0; border: 0 none; position: relative; border-bottom: 1px solid #444844; }
  nav.main-nav ul.nav > li > a { height: auto; padding: 20px 25px; line-height: 20px; background-image: none; background: #202120; width: auto; text-align: left; color: #fff; font-weight: normal; }
  nav.main-nav ul.nav > li:hover > a, nav.main-nav ul.nav > li:active > a { background-image: none; background-color: #111; color: #fff; text-decoration: none; }
  nav.main-nav ul.nav > li.active > a { border-top: 0 none; background-image: none; color: #e0b46f; text-decoration: none; }
  nav.main-nav ul.nav > li.active > a::before { background: none; }
  nav.main-nav ul.nav > li.deeper > a::after { position: absolute; top: 22px; right: 20px; font: normal normal normal 14px "FontAwesome"; font-size: 14px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  nav.main-nav ul.nav > li.deeper.collapse-in > a::after { font: normal normal normal 14px "FontAwesome"; font-size: 14px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  nav.main-nav ul.nav ul { display: none; visibility: visible; position: relative; background: inherit; width: 100%; padding: 0; z-index: 1; opacity: 1; box-sizing: border-box; left: 0; box-shadow: none; font-size: 1.0em; }
  nav.main-nav ul.nav ul::before { display: none; }
  nav.main-nav ul.nav ul li { width: 100%; margin: 0; border: 0 none; display: block; padding: 0; }
  nav.main-nav ul.nav ul li a { display: block; text-align: left; padding: 20px 25px 20px 45px; height: auto; line-height: 20px; border: 0 none; background: #202120; color: #fff; font-weight: normal; }
  nav.main-nav ul.nav ul li.active > a, nav.main-nav ul.nav ul li:hover > a, nav.main-nav ul.nav ul li:active > a { color: #fff; background: #111; }
  nav.main-nav ul.nav ul li.deeper > a::after { position: absolute; top: 22px; right: 20px; font: normal normal normal 14px "FontAwesome"; font-size: 14px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  nav.main-nav ul.nav ul li.deeper.collapse-in > a::after { font: normal normal normal 14px "FontAwesome"; font-size: 14px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  nav.main-nav ul.nav ul li ul { left: 0; }
  nav.main-nav ul.nav ul li ul li a { color: #fff; background: #202120; padding-left: 65px; }
  nav.main-nav ul.nav ul li ul li.active > a, nav.main-nav ul.nav ul li ul li:hover > a, nav.main-nav ul.nav ul li ul li:active > a { color: #fff; background: #202120; } }

.main-banner { position: relative; }

.small-banner { display: none; }

.content-heading { text-align: center; margin-top: 50px; }

.content-heading h1 { margin: 0; color: #231F20; font-size: 2.4em; font-weight: normal; }

.masthead { width: 100%; height: 200px; }

.masthead .container { height: 100%; }

.masthead .inner { width: 100%; height: 100%; display: table; }

.masthead .inner .custom { height: 100%; width: 100%; display: table-cell; vertical-align: middle; }

.masthead .inner p { width: 55%; margin: auto; text-align: center; }

.masthead .page-title { font-weight: 900; }

#content { padding: 50px 0; }

#content aside .moduletable { margin-bottom: 20px; }

#content.no-padding { padding: 0; }

.filter-search { margin: 0 0 20px; }

.section-block { position: relative; }

.section-block.section-brick { color: #F6F6DF; padding: 50px 0; background: url(../images/brick_bg.jpg) repeat scroll 0 0; }

.section-block.section-pri-color { background: #faa74a; padding: 70px 0; color: #F6F6DF; }

.section-block.padding { padding: 100px 0; }

.bg-brick:not(.item-page) { color: #F6F6DF; background: url(../images/brick_bg.png) repeat scroll 0 0; }

.breadcrumbs { background: #e7e8e9; color: #faa74a; height: 50px; line-height: 50px; }

.breadcrumbs ul { padding: 0; margin: 0; }

.breadcrumbs ul li { float: left; display: inline-block; list-style: none; height: 50px; line-height: 50px; text-transform: uppercase; }

.breadcrumbs ul li .fa { line-height: 50px; }

.breadcrumbs ul li .divider { line-height: 50px; padding: 0 5px 0 5px; height: 50px; display: inline-block; }

.breadcrumbs ul li a { display: inline-block; text-decoration: none; }

.breadcrumbs ul li a:hover, .breadcrumbs ul li a:active { background: #dcdedf; }

.breadcrumbs ul li span { display: inline-block; padding: 0 15px; }

.breadcrumbs a { text-decoration: none; color: #faa74a; }

.breadcrumbs a:hover, .breadcrumbs a:active { color: #c08529; }

#content.home-content { min-height: 0; padding: 0; }

.mod-latest-news ul { padding: 0; margin: 0; list-style: none; }

.mod-latest-news ul li { position: relative; padding-left: 90px; margin-bottom: 10px; }

.mod-latest-news ul li a.mod-articles-category-title { color: #231F20; }

.mod-latest-news ul li a.mod-articles-category-title:hover, .mod-latest-news ul li a.mod-articles-category-title:active { color: #F05244; }

.mod-latest-news ul li .mod-articles-category-date { position: absolute; top: 0; left: 0; color: #faa74a; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style: italic; }

@media (max-width: 767px) { .main-banner { display: none; }
  .small-banner { display: block; }
  #content { padding: 30px 0; } }

footer { background: #acd038; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top, #acd038, #cdd436); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #acd038, #cdd436); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #acd038, #cdd436); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #acd038, #cdd436); /* Standard syntax */ color: #fff; padding: 30px 0; }

.footer-nav { margin-bottom: 20px; font-size: 0.9em; }

.footer-nav ul.nav { padding: 0; margin: 0; }

.footer-nav ul.nav > li { list-style: none; display: inline-block; vertical-align: top; padding: 0 5px; }

.footer-nav ul.nav > li > a { color: #fff; display: block; padding: 5px 0; }

.footer-nav ul.nav > li ul { padding: 0; margin: 0; }

.footer-nav ul.nav > li ul li { list-style: none; }

.footer-nav ul.nav > li ul li a { color: #fff; display: block; padding: 5px 0; }

.footer-nav ul.nav > li ul li a:hover, .footer-nav ul.nav > li ul li a:active { color: #fff; }

.footer-bottom a { color: #fef6ed; }

.footer-bottom a:hover { color: #fff; }

.footer-bottom a:active { color: #e0b46f; }

.copyright { font-size: 0.8em; text-align: center; }

.copyright p { margin: 0; }

@media (max-width: 767px) { .footer-nav { display: inline-block; text-align: center; }
  .copyright { float: none; text-align: center; } }

.item-page h2, .items-row h2 { margin: 0 0 5px; font-size: 1.6em; font-weight: normal; }

ul.article-info { font-size: 0.9em; margin: 0 0 15px; padding: 0; color: #777; }

ul.article-info li { display: inline; margin: 0 15px 0 0; }

ul.actions { font-size: 0.9em; }

ul.actions li { display: inline; margin: 0 0 0 15px; }

.blog .items-row, .archive .items-row { margin-bottom: 20px; }

.blog .items-row .img-intro-left, .blog .items-row .img-intro-right, .archive .items-row .img-intro-left, .archive .items-row .img-intro-right { padding: 5px; background: #fff; border: 1px solid #ddd; }

.blog .items-row .img-intro-left img, .blog .items-row .img-intro-right img, .archive .items-row .img-intro-left img, .archive .items-row .img-intro-right img { display: block; margin: auto; }

.blogalt { text-align: center; font-size: 0; }

.blogalt .entry-list::after { clear: both; display: table; content: ''; }

.blogalt .category-desc { font-size: 18px; }

.blogalt .blogalt-entry { float: left; display: inline-block; box-sizing: border-box; width: 49%; min-height: 200px; margin: 0 auto 20px; margin-right: 2%; margin-bottom: 20px; }

.blogalt .blogalt-entry:nth-child(2n) { margin-right: 0; }

.blogalt .blogalt-entry:hover .overlay, .blogalt .blogalt-entry:active .overlay { opacity: 1; }

.blogalt .blogalt-entry .item { position: relative; padding-left: 100px; }

.blogalt .blogalt-entry .item .publish-date { position: absolute; left: 0; top: 0; width: 50px; padding: 15px; background: #f1592a; line-height: 1.2; color: #fff; }

.blogalt .blogalt-entry .item .publish-date::after { content: ''; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #f1592a; position: absolute; top: 10px; right: -12px; }

.blogalt .blogalt-entry .item .publish-date .day { display: block; font-size: 28pt; font-weight: bold; }

.blogalt .blogalt-entry .item .publish-date .month { display: block; font-size: 12pt; }

.blogalt .blogalt-entry .item .title { font-size: 16pt; line-height: 1.5; margin-bottom: 10px; text-align: left; }

.blogalt .blogalt-entry .item .introtext { font-size: 13pt; text-align: left; }

.mod-articles-category-grid .entry-list .entry { float: left; display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 20px; height: 550px; }

.mod-articles-category-grid .entry-list .entry:nth-child(3n) { margin-right: 0; }

.mod-articles-category-grid .entry-list .entry .cover-img { display: block; width: 100%; height: 250px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; }

.mod-articles-category-grid .entry-list .entry .cover-img.empty { background: #dedede; }

.mod-articles-category-grid .entry-list::after { clear: both; display: table; content: ''; }

.mod-articles-category-select .entry-list { font-size: 0; text-align: center; margin-bottom: 50px; }

.mod-articles-category-select .entry-list .entry { position: relative; display: inline-block; width: 96px; height: 96px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }

.mod-articles-category-select .entry-list .entry .cover-img { display: block; width: 100%; height: 96px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; opacity: 0.6; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

.mod-articles-category-select .entry-list .entry .cover-img.empty { background: #dedede; }

.mod-articles-category-select .entry-list .entry .text { display: none; }

.mod-articles-category-select .entry-list .entry.active .cover-img { opacity: 1; }

.mod-articles-category-select .entry-text { text-align: center; height: 180px; }

.mod-articles-category-select .entry-text .sec-title { font-size: 1.4em; line-height: 1.5; }

.article-aside { background: #f8f9f9; padding: 20px; }

.article-aside h3 { font-size: 1.4em; font-weight: bold; color: #333; margin: 0 0 20px; }

ul.pagenav { padding: 0; }

ul.pagenav li { list-style: none; }

ul.categories-module { margin: 0; padding: 5px 0; }

ul.categories-module li { list-style: none; }

ul.categories-module li h4 { font-size: 1.0em; margin: 0; }

ul.categories-module li a { display: block; padding: 10px 0; border-bottom: 1px solid #e0e2e3; }

.tags { display: block; }

.tags span { display: inline-block; margin-right: 10px; }

ul.tag-clouds { margin: 0; padding: 0; }

ul.tag-clouds li { list-style: none; display: inline-block; }

ul.latest-articles { padding: 0; margin: 0; }

ul.latest-articles li { font-size: 0.9em; list-style: none; border-bottom: 1px dashed #d9d9d9; padding: 10px 0; }

ul.latest-articles li a { color: #333; text-decoration: none; }

ul.latest-articles li a:hover, ul.latest-articles li a:active { color: #e0b46f; }

ul.latest-articles li .date { color: #a0a0a0; }

.social-share { display: block; }

.fb-like { display: block; }

.article-gallery-grid { margin-bottom: 30px; }

@media (max-width: 1919px) { .blogalt .blogalt-entry { width: 49%; }
  .blogalt .blogalt-entry:nth-child(2n) { margin-right: 0; } }

@media (max-width: 1169px) { .mod-articles-category-grid .entry-list .entry { width: 49%; }
  .mod-articles-category-grid .entry-list .entry:nth-child(3n) { margin-right: 2%; }
  .mod-articles-category-grid .entry-list .entry:nth-child(2n) { margin-right: 0; }
  .blog .blog-entry { width: 50%; } }

@media (max-width: 767px) { .social-share { display: inline-block; margin-right: 10px; }
  .fb-like { display: inline-block; margin-right: 10px; }
  .mod-articles-category-grid .entry-list .entry { width: 100%; display: block; margin-right: 0; }
  .blog .blog-entry { width: 100%; height: auto; display: block; padding-bottom: 80px; }
  .blogalt .blogalt-entry { width: 100%; display: block; margin-right: 0; min-height: 0; } }

.search-results .result-item { margin-bottom: 20px; }

.search-results .result-item ul.result-info { font-size: 0.9em; margin: 0 0 15px; padding: 0; color: #777; }

.search-results .result-item ul.result-info li { display: inline; margin: 0 15px 0 0; }

@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 2cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  header, footer, aside { display: none; } }

.page-title { font-weight: normal; font-size: 2.4em; margin: 0 0 20px; text-align:center; }

.page-sub-title { font-weight: normal; font-size: 1.6em; margin: 0 0 10px; }

.sec-title { font-weight: normal; font-size: 2.2em; margin: 0 0 10px; }

.module-title { font-weight: normal; font-size: 1.2em; margin: 0 0 20px; }

.box-title { display: block; text-align: center; background: #fff; border: 1px solid #faa74a; padding: 10px; margin-bottom: 20px; color: #F05244; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-remark { color: #666; font-size: 0.9em; }

.text-color { color: #606060; }

.text-primary { color: #faa74a; }

.text-secondary { color: #e0b46f; }

.text-success { color: #56cc3a; }

.text-emphasis { color: #f84e4a; }

.text-warning { color: #fbb040; }

.text-error { color: #f84e4a; }

.star { color: #f84e4a; }

/* Table */
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px solid #cbcbcb; }

.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #cbcbcb; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }

.table > tbody + tbody { border-top: 2px solid #cbcbcb; }

.table .table { background-color: #fff; }

.table-bordered { border: 1px solid #cbcbcb; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #cbcbcb; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f2f2f2; }

.table-hover > tbody > tr:hover td, .table-hover > tbody > tr:hover th { background-color: #f5f5f5; }

.btn { display: inline-block; padding: 10px 15px; margin: 0; font-weight: normal; font-size: 14px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; text-decoration: none; color: #333; background: #fff; border: 1px solid #dedede; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.btn:focus, .btn:active, .btn.active:focus { outline: none; }

.btn:hover { color: #333; background: white; text-decoration: none; }

.btn:focus, .btn:active, .btn.active { color: #333; background: #f2f2f2; outline: 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; }

.btn.disabled, .btn[disabled] { pointer-events: none; cursor: not-allowed; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; filter: alpha(opacity=45); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; -webkit-opacity: 0.45; -moz-opacity: 0.45; -o-opacity: 0.45; opacity: 0.45; }

.btn-primary { color: #fff; background: #ef3e36; border: 1px solid #ef3e36; }

.btn-primary:hover { color: #fff; background: #f36b65; }

.btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #fff; background: #ed271e; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; }

.btn-secondary { color: #fff; background: #e0b46f; border: 1px solid #e0b46f; }

.btn-secondary:hover { color: #fff; background: #e9ca99; }

.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { color: #fff; background: #dba95a; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) inset; }

.btn-disabled { cursor: default !important; color: #333; background: #e6e8ec; border: 1px solid #c9cdd6; }

.btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active, .btn-disabled.active { color: #333; background: #e6e8ec; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn-sm, .input-group-sm .btn { font-size: 12px; padding: 6px 10px; }

.btn-lg, .input-group-lg .btn { font-size: 16px; padding: 12px 20px; }

.btn-block { display: block; width: 100%; box-sizing: border-box; }

.btn-group { position: relative; display: inline-block; vertical-align: middle; }

.btn-group > .btn { position: relative; float: left; }

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group { margin-left: -1px; }

.btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }

.btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; }

.btn-group > .btn:first-child { margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.btn-group > .btn-group { float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.btn-group-block { display: table; width: 100%; }

.btn-group-block > .btn { display: table-cell; float: none; }

.btn-group-block > .btn:not(:first-child):not(:last-child) { border-radius: 0; border-left: 0; }

.btn-group-block > .btn:first-child { margin-left: 0; }

.btn-group-block > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-group-block > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"] { color: #777; padding: 10px 15px; border: 1px solid #cbcbcb; max-width: 100%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

textarea { color: #777; padding: 10px 15px; border: 1px solid #cbcbcb; max-width: 100%; background: #fff; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

select { color: #777; border: 1px solid #cbcbcb; background: #fff; padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.input-lg, .input-group-lg input[type="text"], .input-group-lg input[type="password"], .input-group-lg input[type="email"], .input-group-lg input[type="tel"], .input-group-lg input[type="number"], .input-group-lg input[type="url"], .input-group-lg select { padding: 10px 15px; font-size: 120%; }

.input-sm, .input-group-sm input[type="text"], .input-group-sm input[type="password"], .input-group-sm input[type="email"], .input-group-sm input[type="tel"], .input-group-sm input[type="number"], .input-group-sm input[type="url"], .input-group-sm select { padding: 5px 8px; font-size: 80%; }

.radio, .checkbox { position: relative; display: block; margin: 5px 0; }

.radio label, .checkbox label { display: block; line-height: 1.5; padding-right: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio + .radio, .checkbox + .checkbox { margin: 5px 0; }

.radio-inline, .checkbox-inline { display: inline-block; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline label, .checkbox-inline label { display: inline-block; line-height: 1.5; padding-right: 20px; margin: 5px 0 0 0; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

.field-group { margin-bottom: 10px; }

.field-group label.error { color: #f84e4a; display: block; }

.field-label { display: inline-block; width: 20%; vertical-align: top; padding-top: 5px; }

.field-input { display: inline-block; width: 75%; }

.field-input.input-static { padding-top: 5px; }

.input-date select, .input-time select { width: auto; }

.field-input input.error, .field-input select.error, .field-input textarea.error { border: 1px solid #f84e4a; }

.field-input.checkbox, .field-input.radio { position: relative; padding: 0; min-height: 30px; }

.field-input.checkbox label input, .field-input.radio label input, .field-input.checkbox-inline label input, .field-input.radio-inline label input { margin: 3px 5px 0 0; }

.field-group div.field-input:only-child { display: block; width: 100%; }

.form-vertical .field-label { display: block; }

.form-vertical .field-input { display: block; width: 100%; }

.form-vertical .field-input input[type="text"], .form-vertical .field-input input[type="password"], .form-vertical .field-input input[type="email"], .form-vertical .field-input input[type="tel"], .form-vertical .field-input input[type="number"], .form-vertical .field-input input[type="url"], .form-vertical .field-input select, .form-vertical .field-input textarea { width: 100%; }

.form-inline .field-group { display: inline-block; margin-bottom: 0; vertical-align: middle; margin-right: 10px; }

.form-inline .field-group:last-child { margin-right: 0; }

.form-inline .field-label { display: inline-block; margin-bottom: 0; vertical-align: middle; padding: 0; width: auto; }

.form-inline .field-input { display: inline-block; width: auto; vertical-align: middle; }

.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }

.form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }

.form-inline .radio input[type="radio"], .form-inline .radio input[type="checkbox"], .form-inline .checkbox input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }

.input-group, .input-group-lg, .input-groug-sm { position: relative; display: table; border-collapse: separate; }

.input-group .group-input:first-child, .input-group .group-btn:first-child > .btn, .input-group-lg .group-input:first-child, .input-group-lg .group-btn:first-child > .btn, .input-groug-sm .group-input:first-child, .input-groug-sm .group-btn:first-child > .btn { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

.input-group .group-input:last-child, .input-group .group-btn:last-child > .btn, .input-group-lg .group-input:last-child, .input-group-lg .group-btn:last-child > .btn, .input-groug-sm .group-input:last-child, .input-groug-sm .group-btn:last-child > .btn { -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }

.input-group .group-input:not(:first-child):not(:last-child), .input-group .group-btn:not(:first-child):not(:last-child) > .btn, .input-group-lg .group-input:not(:first-child):not(:last-child), .input-group-lg .group-btn:not(:first-child):not(:last-child) > .btn, .input-groug-sm .group-input:not(:first-child):not(:last-child), .input-groug-sm .group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.group-input { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }

.group-btn { display: table-cell; white-space: nowrap; vertical-align: middle; position: relative; white-space: nowrap; z-index: 3; }

.group-btn > .btn { position: relative; }

.group-btn > .btn + .btn { margin-left: -1px; }

.group-btn > .btn:hover, .group-btn > .btn:focus, .group-btn > .btn:active { z-index: 2; }

.group-btn:first-child > .btn, .group-btn:first-child > .btn-group { margin-right: -1px; }

.group-btn:last-child > .btn, .group-btn:last-child > .btn-group { margin-left: -1px; }

.input-group input[type="text"], .input-group input[type="password"], .input-group input[type="email"], .input-group input[type="tel"], .input-group input[type="number"], .input-group input[type="url"], .input-group select { height: 35px; }

.input-group .btn { width: 100%; height: 35px; }

.input-group .group-btn a.btn { height: auto; width: auto; }

.input-group-sm input[type="text"], .input-group-sm input[type="password"], .input-group-sm input[type="email"], .input-group-sm input[type="tel"], .input-group-sm input[type="number"], .input-group-sm input[type="url"], .input-group-sm select { height: 25px; }

.input-group-sm .btn { width: 100%; height: 25px; }

.input-group-sm .group-btn a.btn { height: auto; width: auto; }

.input-group-lg input[type="text"], .input-group-lg input[type="password"], .input-group-lg input[type="email"], .input-group-lg input[type="tel"], .input-group-lg input[type="number"], .input-group-lg input[type="url"], .input-group-lg select { height: 55px; }

.input-group-lg .btn { width: 100%; height: 55px; }

.input-group-lg .group-btn a.btn { height: auto; width: auto; }

@media (max-width: 767px) { .field-label { display: block; width: 100%; }
  .field-input { display: block; width: 100%; }
  .field-input input[type="text"], .field-input input[type="password"], .field-input input[type="email"], .field-input input[type="tel"], .field-input input[type="number"], .field-input input[type="url"], .field-input select, .field-input textarea { width: 100%; }
  .radio, .checkbox, .radio-inline, .checkbox-inline { position: relative; display: block; margin: 5px 0; }
  .radio label, .checkbox label, .radio-inline label, .checkbox-inline label { display: block; line-height: 1.5; padding: 0; } }

.alert { padding: 10px 30px 10px 10px; margin-bottom: 20px; background-color: #d9edf7; border: 1px solid #bce8f1; color: #3a87ad; font-size: 1em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.alert h4 { color: #3a87ad; display: none; }

.alert p { margin: 0; padding: 0 0 0 25px; position: relative; }

.alert .close { top: 5px; right: 10px; float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 white; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; -webkit-opacity: 0.2; -moz-opacity: 0.2; -o-opacity: 0.2; opacity: 0.2; }

.alert .close:hover, .alert .close:focus { color: #000000; text-decoration: none; cursor: pointer; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -webkit-opacity: 0.4; -moz-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; }

.alert button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.alert div p:before { position: absolute; left: 0; top: 0; }

.alert.alert-success { color: #468847; background: #dff0d8; border: 1px solid #d6e9c6; }

.alert.alert-success div p:before { font: normal normal normal 20px "FontAwesome"; font-size: 20px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; }

.alert.alert-danger, .alert.alert-error { color: #b94a48; background: #f2dede; border: #eed3d7; }

.alert.alert-danger div p:before, .alert.alert-error div p:before { font: normal normal normal 20px "FontAwesome"; font-size: 20px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; }

.alert.alert-warning, .alert.alert-warn { color: #c09853; background: #fcf8e3; border: #fbeed5; }

.alert.alert-warning div p:before, .alert.alert-warn div p:before { font: normal normal normal 20px "FontAwesome"; font-size: 20px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; }

.alert.alert-info, .alert.alert-message, .alert.alert-notice { color: #3a87ad; background: #d9edf7; border: 1px solid #bce8f1; }

.alert.alert-info div p:before, .alert.alert-message div p:before, .alert.alert-notice div p:before { font: normal normal normal 20px "FontAwesome"; font-size: 20px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9 { padding-bottom: 42.85714%; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

.embed-responsive-1by1 { padding-bottom: 100%; }

.pagination { text-align: center; }

.pagination .counter { margin: 10px 0; font-size: 12px; }

.pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-bottom: 0; margin-left: 0; padding: 0; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.pagination ul > li { display: inline; }

.pagination ul > li > a, .pagination ul > li > span { float: left; padding: 8px 15px; line-height: 20px; text-decoration: none; color: #F05244; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; }

.pagination ul > li > a:hover, .pagination ul > li > a:focus { background: #f4f4f4; }

.pagination ul > li > a:active { background: #faa74a; border-color: #faa74a; color: #fff; }

.pagination ul > .active > a, .pagination ul > .active > span { background: #faa74a; color: #fff; border-color: #faa74a; cursor: default; }

.pagination ul > .disabled > a, .pagination ul > .disabled > span { color: #999; cursor: default; background: #f5f5f5; border-color: #ccc; }

.pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus, .pagination ul > .disabled > a:active, .pagination ul > .disabled > span:hover, .pagination ul > .disabled > span:focus, .pagination ul > .disabled > span:active { color: #999; cursor: default; background: #f5f5f5; border-color: #ccc; }

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; }

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; }

.main-banner .camera_wrap .camera_pag .camera_pag_ul { text-align: center; }

.main-banner .camera_prev, .main-banner .camera_next { background: none; width: 60px; height: 60px; margin-top: -30px; }

.main-banner .camera_prev > span, .main-banner .camera_next > span { background: none; width: 100%; height: 100%; }

.main-banner .camera_prev > span:after, .main-banner .camera_next > span:after { color: #fff; display: inline-block; position: absolute; top: 12px; left: 16px; text-shadow: 0 0 5px #000; font: normal normal normal 40px "FontAwesome"; font-size: 40px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.main-banner .camera_prev > span:after { content: "\f053"; }

.main-banner .camera_next > span:after { content: "\f054"; }

.main-banner .camera_commands { background: none; margin: 0; top: auto; bottom: 10px; right: 10px; }

.main-banner .camera_commands .camera_play, .main-banner .camera_commands .camera_stop { background: none; }

.main-banner .camera_commands > .camera_stop:after { color: #fff; display: inline-block; position: absolute; top: 12px; left: 12px; text-shadow: 0 0 5px #000; font: normal normal normal 18px "FontAwesome"; font-size: 18px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.main-banner .camera_commands > .camera_play:after { color: #fff; display: inline-block; position: absolute; top: 12px; left: 12px; text-shadow: 0 0 5px #000; font: normal normal normal 18px "FontAwesome"; font-size: 18px; content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }

.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }

.tooltip.top { padding: 5px 0; margin-top: -3px; }

.tooltip.right { padding: 0 5px; margin-left: 3px; }

.tooltip.bottom { padding: 5px 0; margin-top: 3px; }

.tooltip.left { padding: 0 5px; margin-left: -3px; }

.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: left; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000; border-width: 0 5px 5px; }

.product-item { box-shadow: 0 0 8px 0 #ddd; margin-bottom: 20px; }

.product-item .thumb-container { display: block; margin-bottom: 10px; overflow: hidden; }

.product-item .thumb-container img { display: block; max-width: 100%; height: auto; margin: auto; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }

.product-item .thumb-container:hover img, .product-item .thumb-container:active img { background: #faa74a; color: #fff; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.product-item .text { padding: 20px; }

.product-item .text .product-title { display: block; text-align: center; background: #fff; border: 1px solid #faa74a; padding: 10px; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-item .text .product-title:hover, .product-item .text .product-title:active { background: #faa74a; color: #fff; }

.product-item .text .description { font-size: 0.9em; line-height: 1.5; }

.mod-products-list .product-item { display: block; float: left; width: 32%; border: 0 none; margin-right: 2%; margin-bottom: 20px; text-align: center; }

.mod-products-list .product-item .thumb-container { margin: 0; }

.mod-products-list .product-item .text { padding: 0; }

.mod-products-list .product-item .text .product-title { border: 0 none; margin: 0; color: #606060; }

.mod-products-list .product-item .text .product-title:hover, .mod-products-list .product-item .text .product-title:active { background: inherit; color: #F05244; }

.mod-products-list .product-item:nth-child(3n) { margin-right: 0; }

@media (max-width: 767px) { .mod-products-list .product-item { width: 100%; margin: 0 0 20px 0; } }

body { font-family: "Microsoft JhengHei", "Arial", "Helvetica", "sans-serif"; font-size: 100%; background: #fff; color: #606060; line-height: 1.5; }

.control-group label { font-size: 1em; }

#site-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }

#site-canvas { width: 100%; height: 100%; position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#canvas-overlay { visibility: hidden; background: #000; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

.section-heading { padding-bottom: 20px; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; }

.section-heading h1 { font-size: 3.2em; margin: 10px 0; font-weight: 300; }

.section-heading p { font-size: 1.6em; font-weight: 300; color: #999; }

.moduletable h3 { font-weight: normal; margin-bottom: 20px; }

@media (max-width: 767px) { body { background: #fff; }
  .show-menu #site-canvas { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); transform: translateX(300px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
  .show-menu #canvas-overlay { visibility: visible; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0.6; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } }
  
  .yfContent{
height:1px;
overflow:auto;
width:1px;
}