@charset "UTF-8";
body {
    font-family: "Roboto", Arial, Verdana, "Microsoft YaHei", "Microsoft JhengHei", sans-serif !important;
}

body { position: relative; }

.headContainer { width: 100%; position: fixed; z-index: 9997; padding-top: 35px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 50em) { .headContainer { padding-top: 20px; } }
@media screen and (max-width: 31.25em) { .headContainer { padding-top: 20px; } }
.headContainer.active { padding-top: 20px; background-color: rgba(0, 0, 0, 0.85); padding-bottom: 15px; }
.headContainer.active .logoContainer a { width: auto; height: 50px; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; background-position: left; }
@media screen and (max-width: 50em) { .headContainer.active .logoContainer a { margin-left: 25px; } }
@media screen and (max-width: 28.125em) { .headContainer.active .logoContainer a { width: 100px; height: 50px; } }
.headContainer.active .menuContainer .menu a, .headContainer.active .lgContainer .menu a { font-size: 1.0625rem; }
.headContainer.active .menuContainer .menu .is-dropdown-submenu, .headContainer.active .lgContainer .menu .is-dropdown-submenu { background-color: rgba(0, 0, 0, 0.85); }
.headContainer .logoContainer { width: 15%; }
.headContainer .logoContainer a { display: block; width: 220px; height:120px; background-image: url(../images/logo.png); background-position: center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; margin-left: 50px; }
@media screen and (max-width: 50em) { .headContainer .logoContainer a { width: 110px; height: 65px; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; margin-left: 30px; } }
@media screen and (max-width: 31.25em) { .headContainer .logoContainer a { width: 80px; height: 55px; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; margin-left: 30px; } }
.headContainer .menuContainer, .headContainer .lgContainer { width: 80%; }
.headContainer .menuContainer .menu, .headContainer .lgContainer .menu { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
.headContainer .menuContainer .menu a, .headContainer .lgContainer .menu a { font-size: 1.25rem; letter-spacing: 0.125rem; color: #fff; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; padding-right: 20px; padding-left: 20px; }
.headContainer .menuContainer .menu a:hover, .headContainer .lgContainer .menu a:hover { color: #2796d6; }
.headContainer .menuContainer .menu .is-dropdown-submenu, .headContainer .lgContainer .menu .is-dropdown-submenu { list-style: none; min-width: inherit; background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; list-style: none !important; padding: 15px !important; }
.headContainer .menuContainer .menu .is-dropdown-submenu:hover, .headContainer .lgContainer .menu .is-dropdown-submenu:hover { border: 1px solid rgba(255, 255, 255, 0.7); }
.headContainer .menuContainer .menu .is-dropdown-submenu li, .headContainer .lgContainer .menu .is-dropdown-submenu li { list-style: none; }
.headContainer .menuContainer .menu .is-dropdown-submenu li a, .headContainer .lgContainer .menu .is-dropdown-submenu li a { font-size: 1.125rem; color: #fff; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; padding: 10px 15px; }
.headContainer .menuContainer .menu .is-dropdown-submenu li a:hover, .headContainer .lgContainer .menu .is-dropdown-submenu li a:hover { color: #2796d6; }
@media screen and (max-width: 64.0625em) { .headContainer .menuContainer, .headContainer .lgContainer { display: none; width: 0; } }
.headContainer .lgContainer { width: 5%; padding-right: 20px; }
.headContainer .lgContainer .menu li:last-child a { padding-right: 20px; }
.headContainer .lgContainer .menu a { font-size: 0.875rem; letter-spacing: 0.0625rem; padding-right: 0; padding-left: 0; }
@media screen and (max-width: 64.0625em) { .headContainer .lgContainer { display: none; width: 0; } }
.headContainer .topbtn { width: 54px; height: 49px; position: fixed; bottom: 5vh; right: -54px; background-color: #217db1; text-align: center; color: #fff; line-height: 49px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-delay: s; -o-transition-delay: s; -webkit-transition-delay: s; transition-delay: s; }
@media screen and (max-width: 23.75em) { .headContainer .topbtn { bottom: 0; } }
.headContainer .topbtn:hover { line-height: 35px; background-color: #289de0; }
.headContainer .topbtn i { font-size: 1.875rem; font-weight: bold; }
.headContainer .topbtn.active { right: 0; }

.hamburger { width: 0%; position: relative; }
@media screen and (max-width: 64.0625em) { .hamburger { width: 100%; } }
.hamburger .o-grid { position: fixed; top: 35px; right: 30px; z-index: 9999; display: none; }
@media screen and (max-width: 64.0625em) { .hamburger .o-grid { display: block; top: 15px; } }
@media screen and (max-width: 50em) { .hamburger .o-grid { top: 15px; right: 20px; } }

footer { width: 100%; height: 375px; position: relative; background-image: url(../images/footer_bg_03.jpg); background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media screen and (max-width: 43.75em) { footer { padding-right: 25px; padding-left: 25px; height: auto; } }
footer .main_container { width: 100%; max-width: 1200px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto auto auto; padding-top: 80px; }
@media screen and (max-width: 68.75em) { footer .main_container { padding-right: 30px; padding-left: 30px; } }
@media screen and (max-width: 43.75em) { footer .main_container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; } }
@media screen and (max-width: 25em) { footer .main_container { padding-right: 0; padding-left: 0; } }
footer .main_container .item_container { width: 18.75%; list-style: none; color: #fff; padding: 0; margin: 0; cursor: pointer; position: relative; }
footer .main_container .item_container .arrow { width: 25px; height: 25px; position: absolute; right: 0; top: 0; display: none; }
@media screen and (max-width: 46.875em) { footer .main_container .item_container .arrow { display: block; } }
footer .main_container .item_container .arrow i { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); display: block; }
footer .main_container .item_container.active .item_title { color: #289de0; }
footer .main_container .item_container.active .arrow i { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
@media screen and (max-width: 43.75em) { footer .main_container .item_container.no1 { -webkit-order: 1; order: 1; } }
@media screen and (max-width: 43.75em) { footer .main_container .item_container.no2 { -webkit-order: 2; order: 2; } }
@media screen and (max-width: 43.75em) { footer .main_container .item_container.no4 { -webkit-order: 3; order: 3; } }
@media screen and (max-width: 43.75em) { footer .main_container .item_container.no5 { -webkit-order: 4; order: 4; } }
@media screen and (max-width: 43.75em) { footer .main_container .item_container { width: 100%; margin-bottom: 20px; border-bottom: rgba(255, 255, 255, 0.3) 1px dotted; } }
footer .main_container .item_container.right { padding-left: 120px; }
@media screen and (max-width: 68.75em) { footer .main_container .item_container.right { padding-left: 40px; } }
@media screen and (max-width: 43.75em) { footer .main_container .item_container.right { padding-left: 0; } }
footer .main_container .item_container li.item_title { letter-spacing: 2px; font-size: 1.125rem; margin-bottom: 20px; }
@media screen and (max-width: 46.875em) { footer .main_container .item_container li.item_title { font-size: 1rem; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
  footer .main_container .item_container li.item_title:hover { color: #3cb0f3; } }
footer .main_container .item_container li.item { padding-left: 16px; }
footer .main_container .item_container li.item:last-child { padding-bottom: 10px; }
footer .main_container .item_container .sub { list-style: none; margin: 0; padding: 0; }
footer .main_container .item_container .sub a { display: block; color: #fff; font-size: 0.875rem; padding-top: 5px; padding-bottom: 5px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; position: relative; letter-spacing: 1px; }
@media screen and (max-width: 46.875em) { footer .main_container .item_container .sub a { font-size: 0.75rem; } }
footer .main_container .item_container .sub a::before { display: block; content: ""; width: 7px; height: 1px; position: absolute; background-color: #289de0; left: -16px; top: 15px; }
footer .main_container .item_container .sub a:hover { color: #2796d6; }
footer .main_container .share_container { width: 25%; list-style: none; color: #fff; letter-spacing: 1px; }
@media screen and (max-width: 43.75em) { footer .main_container .share_container { width: 100%; -webkit-order: 5; order: 5; margin-top: 30px; } }
footer .main_container .share_container .logo_container { text-align: center; }
footer .main_container .share_container .share_icon { padding: 30px 0; text-align: center; }
footer .main_container .share_container .share_icon a { display: inline-block; margin: 0 20px; position: relative; height: 18px; overflow: hidden; width: 28px; height: 18px; }
@media screen and (max-width: 71.875em) { footer .main_container .share_container .share_icon a { margin: 0 10px; } }
@media screen and (max-width: 57.5em) { footer .main_container .share_container .share_icon a { margin: 0 5px; } }
@media screen and (max-width: 46.875em) { footer .main_container .share_container .share_icon a { margin: 0 20px; } }
@media screen and (max-width: 46.875em) { footer .main_container .share_container .share_icon a { margin: 0 15px; } }
footer .main_container .share_container .share_icon a img.down { position: absolute; top: 0; z-index: 20; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
footer .main_container .share_container .share_icon a img.over { position: absolute; bottom: 0; left: 0; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
footer .main_container .share_container .share_icon a:hover img.over { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
footer .main_container .share_container .share_icon a:hover img.down { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
footer .copyRight { width: 100%; padding: 30px 0; text-align: center; font-size: 0.875rem; color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; letter-spacing: 1px; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 46.875em) { footer .copyRight { padding-top: 50px; padding: 0; padding-right: 15px; padding-left: 15px; } }

.mobile_main_menu { position: fixed; width: 0%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); display: block; z-index: 9998; width: 0; left: -90%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; overflow: scroll; }
.mobile_main_menu .sidebox { width: 1px; background-color: #289de0; position: absolute; top: 0; left: 0; height: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.mobile_main_menu.active { width: 100%; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.mobile_main_menu.active .sidebox { height: 100%; }
.mobile_main_menu .menu.mobile { margin: 100px auto 50px auto; width: 80%; max-width: 800px; border-bottom: #fff 2px solid; }
.mobile_main_menu .menu.mobile li a { font-size: 1.25rem; letter-spacing: 1px; color: #fff; padding-top: 25px; padding-bottom: 25px; border-bottom: rgba(255, 255, 255, 0.3) 1px dotted; padding-right: 0; padding-left: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.mobile_main_menu .menu.mobile li a:hover { color: #3cb0f3; text-indent: 5px; }
.mobile_main_menu .menu.mobile li.active a { background-color: inherit; color: #289de0; }
.mobile_main_menu .menu.mobile li.active a:hover { text-indent: 5px; color: #3cb0f3; }

h2 { font-weight: lighter; }

/*!
 * rippler v0.1.1
 * http://blivesta.github.io/rippler/
 * Licensed under MIT
 * Author : blivesta
 * http://blivesta.com/
 */
.rippler { position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.rippler:focus, .rippler:active { outline: 0; }

.rippler::-moz-focus-inner { border: 0; }

.rippler-button { display: inline-block; }

.rippler-img { display: block; }

.rippler-circle-mask { border-radius: 50%; -webkit-mask: url(../svg/circle.svg) no-repeat; -webkit-mask-size: 100%; }

.rippler-effect { position: absolute; opacity: .2; }

.rippler-default .rippler-svg { fill: #019faa; }

.rippler-inverse .rippler-svg { fill: #000; }

.rippler-bs-default .rippler-svg { fill: #000; }

.rippler-bs-inverse .rippler-svg { fill: #000; }

.rippler-bs-primary .rippler-svg { fill: #428bca; }

.rippler-bs-info .rippler-svg { fill: #5bc0de; }

.rippler-bs-success .rippler-svg { fill: #5cb85c; }

.rippler-bs-warning .rippler-svg { fill: #ed9c28; }

.rippler-bs-danger .rippler-svg { fill: #d2322d; }

.rippler-div { border-radius: 50%; }

.rippler-default .rippler-div { background-color: #019faa; }

.rippler-inverse .rippler-div { background-color: #000; }

.rippler-bs-default .rippler-div { background-color: #000; }

.rippler-bs-inverse .rippler-div { background-color: #000; }

.rippler-bs-primary .rippler-div { background-color: #428bca; }

.rippler-bs-info .rippler-div { background-color: #5bc0de; }

.rippler-bs-success .rippler-div { background-color: #5cb85c; }

.rippler-bs-warning .rippler-div { background-color: #ed9c28; }

.rippler-bs-danger .rippler-div { background-color: #d2322d; }

.index_slider { width: 100%; }
.index_slider.index { height: 95vh; min-height: 600px; background-color: #000; background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.index_slider.index .mightySlider { width: 100%; height: 100%; position: relative; }
.index_slider.index .mightySlider img { max-width: none; }
.index_slider.index .mightySlider .frame { height: 100%; position: relative; }
.index_slider.index .mightySlider .mSPrev, .index_slider.index .mightySlider .mSNext { width: 33px; height: 11px; display: block; position: absolute; top: 550px; right: 50px; background-image: url(../images/arrow_index_12.png); background-position: 0 0; z-index: 500; }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider .mSPrev, .index_slider.index .mightySlider .mSNext { width: 25px; height: 11px; right: inherit; left: 15px; top: 250px; } }
.index_slider.index .mightySlider .mSPrev:after, .index_slider.index .mightySlider .mSNext:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; background-image: url(../images/arrow_index_14.png); background-position: 0 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; z-index: 501; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.index_slider.index .mightySlider .mSPrev:hover:after, .index_slider.index .mightySlider .mSNext:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.index_slider.index .mightySlider .mSNext { top: 450px; -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider .mSNext { top: 200px; } }
.index_slider.index .mightySlider ul.mSPages { margin: 0; padding: 0; position: absolute; top: 40vh; left: 30px; z-index: 200; width: 40px; height: auto; list-style-type: none; }
.index_slider.index .mightySlider ul.mSPages {
  /*border: 1px solid red;*/
  padding: 0;
  position: absolute;
  z-index: 200;
  width: auto;
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  top: 85%;
  left: 0;
  right: 0;
  vertical-align: bottom;
  text-align: center;
}
/*
如果想要手機模式回復原生那樣，解除這行註解
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider ul.mSPages { left: 15px; top: 45vh; width: 35px; } }
*/

@media screen and (max-width: 21.875em) { .index_slider.index .mightySlider ul.mSPages { top: 50vh; } }
.index_slider.index .mightySlider ul.mSPages li { width: 100%; position: relative; height: 30px; cursor: pointer; text-indent: -9999px; }
.index_slider.index .mightySlider ul.mSPages li {
  width: 30px;
  position: relative;
  height: 30px;
  cursor: pointer;
  text-indent: -9999px;
  display: inline-block;
  margin: 0 5px;
}
.index_slider.index .mightySlider ul.mSPages li.active:after { width: 80%; background-color: #289de0; }
.index_slider.index .mightySlider ul.mSPages li.active:after {
    width: 80%;
    background-color: #289de0;
    height: 6px;
}
.index_slider.index .mightySlider ul.mSPages li:after { position: absolute; top: 15px; height: 2px; display: block; width: 60%; content: ""; background-color: #b5b5b5; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; text-indent: 9999px; }
.index_slider.index .mightySlider ul.mSPages li:after {
    position: absolute;
    top: 15px;
    height: 3px;
    display: block;
    width: 60%; content: "";
    background-color: #b5b5b5;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-indent: 9999px;
}
.index_slider.index .mightySlider ul.mSPages li:hover:after { background-color: #289de0; }
.index_slider.index .mightySlider ul.slideelement { height: 100%; list-style: none; width: auto; display: block; margin: 0; }
.index_slider.index .mightySlider ul.slideelement li { float: left; height: 100%; width: 100vw; position: relative; }
.index_slider.index .mightySlider ul.slideelement li div.index_container { width: 100%; position: absolute; height: 100%; z-index: 500; top: 0; left: 0; }
@media screen and (max-width: 48.75em) { .index_slider.index .mightySlider ul.slideelement li div.index_container { height: 80%; } }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider ul.slideelement li div.index_container { height: 100%; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan { font-family: "Andada", Arial, Verdana, sans-serif !important; letter-spacing: 2px; font-size: 2.8125rem; color: #fff; line-height: 60px; position: absolute; position: absolute; height: auto; line-height: 3.125rem; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan span.blue { color: #289de0; font-family: "Andada", Arial, Verdana, sans-serif !important; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.normal .text, .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.button.gray .text { color: #4e4e4e; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.white { color: #fff; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.white .text { color: #f6f6f6; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right { width: 700px; right: 196px; top: 185px; text-align: right; }
@media screen and (max-width: 105em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right { right: 50px; width: 600px; } }
@media screen and (max-width: 64em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right { right: 5%; top: 40vh; } }
@media screen and (max-width: 31.25em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right { right: 5%; bottom: 9vh; width: 90%; top: initial; } }
@media screen and (max-width: 21.875em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right { bottom: 9vh; top: initial; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right .text { margin-top: 90px; text-align: right; }
@media screen and (max-width: 84.375em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right .text { margin-top: 50px; } }
@media screen and (max-width: 31.25em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right .text { margin-top: 20px; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.right .text .more_btn { float: right; margin-right: 0; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left { width: 1000px; left: 250px; top: 300px; text-align: left; }
@media screen and (max-width: 105em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left { left: 200px; width: 1000px; } }
@media screen and (max-width: 87.5em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left { left: 100px; width: 800px; } }
@media screen and (max-width: 64.0625em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left { left: 150px; width: 600px; top: 400px; } }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left { width: 100%; left: 0; padding-left: 60px; padding-right: 15px; top: 190px; line-height: 39px; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left .text { margin-top: 30px; text-align: left; font-size: 1.125rem; line-height: 30px; letter-spacing: 2px; color: #fff; }
@media screen and (max-width: 84.375em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left .text { margin-top: 30px; } }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left .text { margin-top: 20px; font-size: 0.875rem; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.left .text .more_btn { float: left; margin-left: 0; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center { width: 700px; left: calc( 50% - (700px / 2)); top: 185px; text-align: center; }
@media screen and (max-width: 105em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center { width: 600px; left: calc( 50% - (600px / 2)); } }
@media screen and (max-width: 64em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center { top: 40vh; } }
@media screen and (max-width: 31.25em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center { bottom: 9vh; width: 90%; left: 5%; top: initial; } }
@media screen and (max-width: 21.875em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center { bottom: 9vh; top: initial; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center .text { margin-top: 90px; text-align: center; }
@media screen and (max-width: 84.375em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center .text { margin-top: 50px; } }
@media screen and (max-width: 31.25em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center .text { margin-top: 20px; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center .text .more_btn { width: 200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 31.25em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan.center .text .more_btn { margin-top: 20px; width: 170px; } }
@media screen and (max-width: 84.375em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan { font-size: 2.5rem; line-height: 2.8125rem; } }
@media screen and (max-width: 64em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan { font-size: 2.5rem; line-height: 2.8125rem; } }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan { font-size: 1.875rem; line-height: 2.1875rem; } }
@media screen and (max-width: 21.875em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan { font-size: 1.75rem; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan .text { font-size: 1.125rem; text-align: right; line-height: 1.5625rem; letter-spacing: 1px; }
@media screen and (max-width: 84.375em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .big_slogan .text { font-size: 0.9375rem; line-height: 1.3125rem; } }
.index_slider.index .mightySlider ul.slideelement li div.index_container .more_btn { display: block; position: relative; margin-top: 40px; color: #4b4b4b; padding: 16px 0 16px 0; width: 200px; font-size: 1.125rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 1.125rem; background-color: #fff; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.index_slider.index .mightySlider ul.slideelement li div.index_container .more_btn i { margin-right: 0; }
@media screen and (max-width: 84.375em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .more_btn { margin-top: 40px; padding: 12px 20px 12px 20px; font-size: 0.9375rem; } }
@media screen and (max-width: 50em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .more_btn { width: 170px; } }
@media screen and (max-width: 28.125em) { .index_slider.index .mightySlider ul.slideelement li div.index_container .more_btn { margin-top: 20px; width: 150px; font-size: 0.875rem; padding: 8px 15px 8px 15px; } }

.banner { width: 100%; height: 550px; }
@media screen and (max-width: 64.0625em) { .banner { height: 300px; } }
@media screen and (max-width: 50em) { .banner { height: 250px; } }
@media screen and (max-width: 31.25em) { .banner { height: 250px; } }
.banner.news, .banner.contact, .banner.career, .banner.world_layout, .banner.about, .banner.none { background-image: url("../images/banner_news_28.jpg"); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.banner.news .maintitle, .banner.contact .maintitle, .banner.career .maintitle, .banner.world_layout .maintitle, .banner.about .maintitle, .banner.none .maintitle { width: 100%; position: relative; padding-top: 220px; text-align: center; }
@media screen and (max-width: 64.0625em) { .banner.news .maintitle, .banner.contact .maintitle, .banner.career .maintitle, .banner.world_layout .maintitle, .banner.about .maintitle, .banner.none .maintitle { padding-top: 130px; } }
@media screen and (max-width: 50em) { .banner.news .maintitle, .banner.contact .maintitle, .banner.career .maintitle, .banner.world_layout .maintitle, .banner.about .maintitle, .banner.none .maintitle { padding-top: 100px; } }
.banner.news .maintitle h1, .banner.contact .maintitle h1, .banner.career .maintitle h1, .banner.world_layout .maintitle h1, .banner.about .maintitle h1, .banner.none .maintitle h1 { color: #fff; font-size: 2.8125rem; letter-spacing: 2px; }
@media screen and (max-width: 50em) { .banner.news .maintitle h1, .banner.contact .maintitle h1, .banner.career .maintitle h1, .banner.world_layout .maintitle h1, .banner.about .maintitle h1, .banner.none .maintitle h1 { font-size: 2.1875rem; margin-bottom: 0; } }
.banner.news .maintitle h3, .banner.contact .maintitle h3, .banner.career .maintitle h3, .banner.world_layout .maintitle h3, .banner.about .maintitle h3, .banner.none .maintitle h3 { color: #fff; font-size: 1.875rem; letter-spacing: 2px; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
@media screen and (max-width: 50em) { .banner.news .maintitle h3, .banner.contact .maintitle h3, .banner.career .maintitle h3, .banner.world_layout .maintitle h3, .banner.about .maintitle h3, .banner.none .maintitle h3 { font-size: 1.375rem; } }
.banner.contact { background-image: url("../images/contact_bg_06.jpg"); height: 800px; }
.banner.career { background-image: url("../images/career_34.jpg"); }
.banner.world_layout { background-image: url("../images/worldLayout_50.jpg"); }
.banner.about { background-image: url("../images/abouts_banner_17.jpg"); }
.banner.none { height: 0; }

.text_container { background-color: #2796d6; height: auto; position: relative; }
@media screen and (max-width: 28.125em) { .text_container { height: auto; } }
.text_container .tab_main { width: 100%; max-width: 1200px; margin: 0 auto 0 auto; position: relative; height: 100px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
@media screen and (max-width: 64.0625em) { .text_container .tab_main { height: 80px; width: 95%; margin: 0 0 0 auto; } }
@media screen and (max-width: 28.125em) { .text_container .tab_main { height: 80px; width: 100%; } }
.text_container .tab_main .dropmenuContainer { display: none; }
@media screen and (max-width: 28.125em) { .text_container .tab_main .dropmenuContainer { display: inherit; width: 90%; height: 80px; position: relative; } }
.text_container .tab_main .dropmenuContainer .vicMenu { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; overflow: hidden; position: absolute; height: 40px; width: 70%; left: 15%; top: 20px; }
.text_container .tab_main .dropmenuContainer .vicMenu.active { border: white 1px solid; background-color: #3cb0f3; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1.5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1.5px 5px; box-shadow: rgba(0, 0, 0, 0.3) 0 1.5px 5px; }
.text_container .tab_main .dropmenuContainer .vicMenu i { display: none; }
@media screen and (max-width: 28.125em) { .text_container .tab_main .dropmenuContainer .vicMenu i { position: absolute; top: 0; color: #289de0; font-size: 1.125rem; right: 0; z-index: 999; width: 40px; display: block; height: 40px; line-height: 40px; text-align: center; } }
.text_container .tab_main .dropmenuContainer .vicMenu .nowSelected { display: none; }
@media screen and (max-width: 28.125em) { .text_container .tab_main .dropmenuContainer .vicMenu .nowSelected { width: 100%; height: 40px; text-align: center; z-index: 200; position: absolute; background-color: rgba(255, 255, 255, 0.95); line-height: 40px; color: #289de0; font-size: 1.125rem; letter-spacing: 1px; font-weight: 300; padding-right: 10px; display: block; }
  .text_container .tab_main .dropmenuContainer .vicMenu .nowSelected.close { display: none; } }
@media screen and (max-width: 28.125em) { .text_container .tab_main .dropmenuContainer .vicMenu .container { width: 100%; height: auto; overflow: hidden; position: relative; background-color: #fff; } }
.text_container .tab_main .dropmenuContainer .vicMenu .item { height: 100%; line-height: 80px; color: #289de0; float: left; letter-spacing: 1px; padding-right: 10px; }
@media screen and (max-width: 28.125em) { .text_container .tab_main .dropmenuContainer .vicMenu .item { line-height: 40px; text-align: center; width: 100%; height: 40px; line-height: 38px; } }
.text_container .tab_main .dropmenuContainer .vicMenu .item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.text_container .tab_main .dropmenuContainer .vicMenu .item a:link { color: #289de0; font-size: 1.125rem; letter-spacing: 1px; }
.text_container .tab_main .dropmenuContainer .vicMenu .item a:visited { color: #289de0; font-size: 1.125rem; letter-spacing: 1px; }
.text_container .tab_main .dropmenuContainer .vicMenu .item a:hover { color: #289de0; color: #289de0; font-size: 1.125rem; letter-spacing: 1px; }
.text_container .tab_main .tab { position: relative; height: 100px; color: #fff; text-align: center; line-height: 100px; letter-spacing: 1px; font-size: 1.25rem; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; padding: 0 20px 0 20px; }
@media screen and (max-width: 64.0625em) { .text_container .tab_main .tab { height: 80px; line-height: 80px; } }
@media screen and (max-width: 50em) { .text_container .tab_main .tab { padding: 0 10px 0 10px; } }
@media screen and (max-width: 28.125em) { .text_container .tab_main .tab { display: none; } }
.text_container .tab_main .tab .line { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; width: 1px; position: absolute; background-color: #fff; bottom: 0; left: calc(50% - 1px); height: 0; }
.text_container .tab_main .tab:hover { line-height: 80px; }
.text_container .tab_main .tab:hover .line { height: 20px; }
.text_container .tab_main .tab.active { line-height: 80px; }
.text_container .tab_main .tab.active .line { height: 20px; }
.text_container .tab_main .dropmenu { width: 0%; }
@media screen and (max-width: 28.125em) { .text_container .tab_main .dropmenu { width: 78%; } }
.text_container .tab_main .search { width: 10%; background-color: #000; height: 100px; text-align: center; line-height: 100px; position: relative; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; }
@media screen and (max-width: 64.0625em) { .text_container .tab_main .search { width: 80px; height: 80px; line-height: 80px; } }
@media screen and (max-width: 48.75em) { .text_container .tab_main .search { width: 80px; } }
@media screen and (max-width: 28.125em) { .text_container .tab_main .search { width: 22%; height: 80px; line-height: 80px; } }
.text_container .tab_main .search img { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; position: relative; display: inline-block; }
.text_container .tab_main .search:hover { -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.text_container .searchInputContainer { background-color: #000; height: 0; width: 100%; position: relative; overflow: hidden; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.text_container .searchInputContainer.active { height: 80px; }
.text_container .searchInputContainer .container { width: 100%; height: 80px; max-width: 1200px; position: relative; margin: 0 auto 0 auto; }
.text_container .searchInputContainer .container .close { position: absolute; display: block; height: 80px; width: 50px; }
.text_container .searchInputContainer .container .close i.icon-cancel-1 { color: #fff; line-height: 90px; margin-left: 10px; cursor: pointer; }
.text_container .searchInputContainer .container .close i.icon-cancel-1::before { color: #289de0; font-size: 1.875rem; }
.text_container .searchInputContainer .container input.SearchInput { display: block; width: 100%; height: 80px; font-size: 1.125rem; background-color: transparent; border: none; color: #7c7c7c; letter-spacing: 1px; line-height: 80px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; outline: none; text-indent: 50px; }
.text_container .searchInputContainer .container input.SearchInput:focus { box-shadow: none; }

.news_slider { width: 100%; padding-top: 70px; }
@media screen and (max-width: 64.0625em) { .news_slider { padding-right: 15px; padding-left: 15px; } }
@media screen and (max-width: 28.125em) { .news_slider { padding-top: 50px; padding-bottom: 50px; } }
.news_slider .slider { height: 350px; background-color: #fff; width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0; overflow: hidden; position: relative; }
.news_slider .slider .slick-dots { width: 200px; height: 30px; position: absolute; bottom: 0; right: 63.5%; margin: 0; padding: 0; text-align: right; }
.news_slider .slider .slick-dots li { width: 10px; height: 10px; display: inline-block; background-color: #b5b5b5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 15px; display: inline-block; }
.news_slider .slider .slick-dots li.slick-active { background-color: #289de0; }
.news_slider .slider .slick-dots li button { display: none; }
.news_slider .slider .adBod { width: 100%; height: 350px; float: left; }
.news_slider .slider .adBod .left { float: left; width: 40%; padding-right: 40px; letter-spacing: 1px; height: 350px; }
@media screen and (max-width: 28.125em) { .news_slider .slider .adBod .left { width: 100%; height: 170px; padding-right: 0; } }
.news_slider .slider .adBod .left h3 { font-size: 1.25rem; color: #289de0; }
.news_slider .slider .adBod .left .text { color: #666666; font-size: 0.875rem; line-height: 25px; margin-top: 60px; position: relative; display: block; }
@media screen and (max-width: 28.125em) { .news_slider .slider .adBod .left .text { display: none; } }
.news_slider .slider .adBod .left .text:before { content: ""; width: 100px; height: 1px; position: absolute; background-color: #c6c6c6; top: -30px; left: 0; }
.news_slider .slider .adBod .left .BtnMore { border: #7d7d7d 1px solid; display: block; padding: 8px 15px; float: left; font-size: 0.875rem; margin-top: 30px; color: #666; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.news_slider .slider .adBod .left .BtnMore:hover { border: #fff 1px solid; color: #fff; background-color: #2796d6; }
.news_slider .slider .adBod .right { float: right; width: 55%; position: relative; height: 350px; }
@media screen and (max-width: 28.125em) { .news_slider .slider .adBod .right { width: 100%; height: 250px; } }
.news_slider .slider .adBod .right .photoContainer { overflow: hidden; width: 100%; height: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; }

.news_list_container { padding-top: 70px; width: 100%; }
@media screen and (max-width: 64.0625em) { .news_list_container { padding-left: 15px; padding-right: 15px; } }
@media screen and (max-width: 28.125em) { .news_list_container { padding-top: 40px; } }
.news_list_container .list_container { width: 100%; max-width: 1200px; margin: 0 auto 0 auto; }
.news_list_container .list_container .year { margin-bottom: 70px; }
.news_list_container .list_container .yearBar { width: 100%; height: 75px; background-color: #289de0; text-align: center; line-height: 75px; font-size: 1.875rem; color: #fff; width: 180px; float: none; margin: 0 auto 0 0; }
@media screen and (max-width: 28.125em) { .news_list_container .list_container .yearBar { height: 60px; line-height: 60px; font-size: 1.375rem; width: 120px; } }
.news_list_container .list_container .newsList { display: block; list-style-type: none; list-style: none; display: block; border-top: #289de0 1px solid; margin: 0; padding: 0; }
.news_list_container .list_container .newsList li.list_container { display: block; width: 100%; padding: 35px 0 35px 0; border-bottom: #b5b5b5 1px solid; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 28.125em) { .news_list_container .list_container .newsList li.list_container { padding: 20px 0 20px 0; } }
.news_list_container .list_container .newsList li.list_container:hover { border-bottom: #3cb0f3 1px solid; }
.news_list_container .list_container .newsList li.list_container:hover ul.content .date { padding-left: 3px; }
.news_list_container .list_container .newsList li.list_container:hover ul.content .date:after { right: -5px; }
.news_list_container .list_container .newsList li.list_container:hover ul.content .class { padding-left: 3px; }
.news_list_container .list_container .newsList li.list_container:hover ul.content .title { padding-left: 3px; }
.news_list_container .list_container .newsList li.list_container:hover ul.content .title a { color: #289de0; }
.news_list_container .list_container .newsList li.list_container ul.content { display: block; list-style-type: none; list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media screen and (max-width: 28.125em) { .news_list_container .list_container .newsList li.list_container ul.content { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.news_list_container .list_container .newsList li.list_container ul.content .date { width: 8%; color: #b5b5b5; font-size: 0.875rem; position: relative; letter-spacing: 1px; padding-top: 2px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 64.0625em) { .news_list_container .list_container .newsList li.list_container ul.content .date { width: 12%; } }
@media screen and (max-width: 48.75em) { .news_list_container .list_container .newsList li.list_container ul.content .date { width: 15%; } }
@media screen and (max-width: 28.125em) { .news_list_container .list_container .newsList li.list_container ul.content .date { width: 28%; } }
@media screen and (max-width: 21.875em) { .news_list_container .list_container .newsList li.list_container ul.content .date { width: 38%; } }
.news_list_container .list_container .newsList li.list_container ul.content .date:after { width: 1px; content: ""; display: block; height: 13px; background-color: #b5b5b5; position: absolute; right: 0; top: 6px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 64.0625em) { .news_list_container .list_container .newsList li.list_container ul.content .date:after { right: 12px; } }
.news_list_container .list_container .newsList li.list_container ul.content .class { width: 10%; color: #b5b5b5; font-size: 0.875rem; letter-spacing: 1px; padding-top: 2px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 64.0625em) { .news_list_container .list_container .newsList li.list_container ul.content .class { width: 12%; } }
@media screen and (max-width: 48.75em) { .news_list_container .list_container .newsList li.list_container ul.content .class { width: 14%; } }
@media screen and (max-width: 28.125em) { .news_list_container .list_container .newsList li.list_container ul.content .class { width: 72%; } }
@media screen and (max-width: 21.875em) { .news_list_container .list_container .newsList li.list_container ul.content .class { width: 62%; } }
.news_list_container .list_container .newsList li.list_container ul.content .title { width: 80%; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 64.0625em) { .news_list_container .list_container .newsList li.list_container ul.content .title { width: 78%; } }
@media screen and (max-width: 48.75em) { .news_list_container .list_container .newsList li.list_container ul.content .title { width: 71%; } }
@media screen and (max-width: 28.125em) { .news_list_container .list_container .newsList li.list_container ul.content .title { width: 100%; } }
.news_list_container .list_container .newsList li.list_container ul.content .title a { color: #7c7c7c; font-size: 1rem; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; letter-spacing: 1px; line-height: 25px; }

.loaderContainer { width: 100%; text-align: center; padding-top: 0; padding-bottom: 50px; }

.newsContent { padding-top: 70px; padding-bottom: 70px; max-width: 1200px; width: 100%; margin: 0 auto 0 auto; }
@media screen and (max-width: 64.0625em) { .newsContent { padding-right: 15px; padding-left: 15px; } }
@media screen and (max-width: 28.125em) { .newsContent { padding-right: 10px; padding-left: 10px; } }
.newsContent .info { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
.newsContent .info .data { color: #b5b5b5; padding-right: 20px; font-size: 0.875rem; }
.newsContent .info .tag { font-size: 0.875rem; color: #289de0; }
.newsContent h2 { font-size: 1.875rem; color: #7c7c7c; margin-top: 15px; margin-bottom: 15px; }
.newsContent .share { width: 100%; text-align: left; }
.newsContent .share a { color: #b5b5b5; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; display: inline-block; padding-right: 15px; padding-left: 0; }
.newsContent .share a:hover { color: #289de0; }
.newsContent .article { padding-top: 40px; }
.newsContent .article p { font-size: 0.875rem; color: #7c7c7c; line-height: 26px; letter-spacing: 1px; }
.newsContent .article p img { margin-bottom: 40px; }
.newsContent .BacklistBtn { display: block; background-color: #289de0; color: #fff; padding: 10px 15px; margin-right: auto; margin-left: auto; margin-top: 30px; width: 100px; text-align: center; letter-spacing: 1px; font-size: 0.875rem; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.newsContent .BacklistBtn:hover { width: 120px; color: #217db1; }

.contact_container { height: 1400px; position: relative; }
@media screen and (max-width: 64.0625em) { .contact_container { height: 1550px; } }
.contact_container .contact_form_container { position: relative; width: 95%; max-width: 1200px; background-color: #fff; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1.5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1.5px 5px; box-shadow: rgba(0, 0, 0, 0.3) 0 1.5px 5px; border-top: #289de0 1px solid; border-bottom: #289de0 1px solid; z-index: 200; padding-top: 70px; padding-bottom: 50px; margin-right: auto; margin-left: auto; margin-top: -500px; text-align: center; }
@media screen and (max-width: 64.0625em) { .contact_container .contact_form_container { width: 90%; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container { margin-top: -600px; } }
.contact_container .contact_form_container .iconList { padding-top: 30px; width: 100%; display: block; padding-bottom: 15px; }
.contact_container .contact_form_container .iconList i { margin: 0 10px; color: #289de0; }
.contact_container .contact_form_container .info_container { width: 430px; margin-right: auto; margin-left: auto; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .info_container { width: 90%; } }
.contact_container .contact_form_container .info_container .info { width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px; }
.contact_container .contact_form_container .info_container .info .title { display: inline-block; width: 34%; font-size: 1rem; color: #b5b5b5; letter-spacing: 1px; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .info_container .info .title { width: 100%; text-align: center; } }
.contact_container .contact_form_container .info_container .info .detail { display: inline-block; width: 65%; font-size: 1rem; color: #7c7c7c; letter-spacing: 1px; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .info_container .info .detail { width: 100%; text-align: center; } }
.contact_container .contact_form_container .maintitle { width: 100%; position: relative; padding-top: 70px; text-align: center; }
@media screen and (max-width: 64.0625em) { .contact_container .contact_form_container .maintitle { padding-top: 70px; } }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .maintitle { padding-top: 70px; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .maintitle { padding-top: 40px; } }
.contact_container .contact_form_container .maintitle h1 { color: #7c7c7c; font-size: 2.8125rem; letter-spacing: 2px; }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .maintitle h1 { font-size: 2.1875rem; margin-bottom: 0; } }
.contact_container .contact_form_container .maintitle h3 { color: #289de0; font-size: 1.875rem; letter-spacing: 2px; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .maintitle h3 { font-size: 1.375rem; } }
.contact_container .contact_form_container .maintitle .line { width: 73px; height: 1px; background-color: #289de0; margin-right: auto; margin-left: auto; margin-top: 25px; }
.contact_container .contact_form_container .formContainer { width: 910px; margin-right: auto; margin-left: auto; padding-top: 60px; }
@media screen and (max-width: 64.0625em) { .contact_container .contact_form_container .formContainer { width: 88%; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer { padding-top: 50px; } }
.contact_container .contact_form_container .formContainer .Remarks { font-size: 0.875rem; float: left; margin-bottom: 40px; letter-spacing: 1px; color: #7c7c7c; position: relative; }
.contact_container .contact_form_container .formContainer .Remarks:after { content: ""; width: 65px; height: 1px; background-color: #289de0; position: absolute; left: 0; bottom: -15px; }
.contact_container .contact_form_container .formContainer .a_column { width: 100%; height: 37px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 30px; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; margin-bottom: 0; } }
.contact_container .contact_form_container .formContainer .a_column.textAreaContainer { height: 100px; }
.contact_container .contact_form_container .formContainer .a_column.left { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
.contact_container .contact_form_container .formContainer .a_column .title { width: 12%; text-align: left; font-size: 1rem; vertical-align: middle; color: #7c7c7c; padding-top: 5px; letter-spacing: 1px; }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .formContainer .a_column .title { width: 17%; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .title { width: 32%; } }
.contact_container .contact_form_container .formContainer .a_column .title.need2 { position: relative; }
.contact_container .contact_form_container .formContainer .a_column .title.need2:after { content: ""; display: block; position: absolute; top: 40px; left: 0; width: 40px; height: 1px; background-color: #289de0; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .title.need2:after { width: 32%; } }
.contact_container .contact_form_container .formContainer .a_column .title.need4 { position: relative; }
.contact_container .contact_form_container .formContainer .a_column .title.need4:after { content: ""; display: block; position: absolute; top: 40px; left: 0; width: 75px; height: 1px; background-color: #289de0; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .title.need4:after { width: 75px; } }
.contact_container .contact_form_container .formContainer .a_column .input_content { width: 38%; }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .formContainer .a_column .input_content { width: 33%; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_content { width: 68%; margin-bottom: 10px; } }
.contact_container .contact_form_container .formContainer .a_column .input_content input { width: 85%; height: 35px; border: #b5b5b5 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 3px #cecece inset; -webkit-box-shadow: 0 0 3px #cecece inset; box-shadow: 0 0 3px #cecece inset; line-height: 35px; color: #7c7c7c; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_content input { width: 100%; } }
.contact_container .contact_form_container .formContainer .a_column .input_select { width: 38%; text-align: left; }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .formContainer .a_column .input_select { width: 33%; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_select { width: 68%; } }
.contact_container .contact_form_container .formContainer .a_column .input_select select { width: 85%; height: 35px; border: #b5b5b5 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 3px #cecece inset; -webkit-box-shadow: 0 0 3px #cecece inset; box-shadow: 0 0 3px #cecece inset; margin-left: 0; background-image: none; line-height: 35px; padding: 5px; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_select select { width: 100%; } }
.contact_container .contact_form_container .formContainer .a_column .radio_content { width: 38%; text-align: left; }
@media screen and (max-width: 50em) { .contact_container .contact_form_container .formContainer .a_column .radio_content { width: 33%; } }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .radio_content { width: 67%; margin-bottom: 10px; } }
.contact_container .contact_form_container .formContainer .a_column .radio_content input.radio { width: 12px; height: 12px; border: none; }
.contact_container .contact_form_container .formContainer .a_column .radio_content label { color: #7c7c7c; font-size: 1rem; padding-top: 5px; letter-spacing: 1px; }
.contact_container .contact_form_container .formContainer .a_column .input_wide { width: 88%; text-align: left; height: auto; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_wide { width: 67%; } }
.contact_container .contact_form_container .formContainer .a_column .input_wide input { width: 92%; height: 35px; border: #b5b5b5 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 3px #cecece inset; -webkit-box-shadow: 0 0 3px #cecece inset; box-shadow: 0 0 3px #cecece inset; line-height: 35px; color: #7c7c7c; margin-left: 0; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_wide input { width: 100%; } }
.contact_container .contact_form_container .formContainer .a_column .input_wide textarea { width: 92%; height: 100px; border: #b5b5b5 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 3px #cecece inset; -webkit-box-shadow: 0 0 3px #cecece inset; box-shadow: 0 0 3px #cecece inset; line-height: 35px; color: #7c7c7c; margin-left: 0; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .input_wide textarea { width: 100%; } }
.contact_container .contact_form_container .formContainer .a_column .buttonContainer { width: 100%; text-align: right; height: auto; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .buttonContainer { padding-top: 20px; text-align: center; } }
.contact_container .contact_form_container .formContainer .a_column .buttonContainer .clearBtn { margin-right: 15px; background-color: #289de0; letter-spacing: 1px; font-size: 1rem; padding: 20px 23px; }
.contact_container .contact_form_container .formContainer .a_column .buttonContainer .clearBtn:hover { background-color: #217db1; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .buttonContainer .clearBtn { margin-right: 10px; margin-left: 10px; } }
.contact_container .contact_form_container .formContainer .a_column .buttonContainer .sendBtn { margin-right: 7%; background-color: #289de0; letter-spacing: 1px; letter: 1px; font-size: 1rem; padding: 20px 23px; }
.contact_container .contact_form_container .formContainer .a_column .buttonContainer .sendBtn:hover { background-color: #217db1; }
@media screen and (max-width: 28.125em) { .contact_container .contact_form_container .formContainer .a_column .buttonContainer .sendBtn { margin-right: 10px; margin-left: 10px; } }

.Salary_System_section, .Welfare_System_section { width: 100%; height: 840px; background-image: url(../images/career_banner_39.jpg); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; }
@media screen and (max-width: 48.75em) { .Salary_System_section, .Welfare_System_section { background-image: url(../images/career_banner_39_s.jpg); } }
@media screen and (max-width: 28.125em) { .Salary_System_section, .Welfare_System_section { height: 640px; } }
.Salary_System_section .title_box, .Welfare_System_section .title_box { width: 100%; padding-top: 80px; }
.Salary_System_section .title_box:after, .Welfare_System_section .title_box:after { width: 70px; height: 1px; background-color: #289de0; display: block; position: relative; margin-right: auto; margin-left: auto; content: ""; margin-top: 32px; }
.Salary_System_section .title_box h2, .Welfare_System_section .title_box h2 { color: #7c7c7c; text-align: center; font-size: 1.875rem; letter-spacing: 2px; }
.Salary_System_section .title_box h5, .Welfare_System_section .title_box h5 { color: #289de0; font-size: 1.25rem; text-align: center; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.Salary_System_section .mainContainer, .Welfare_System_section .mainContainer { width: 100%; max-width: 1200px; padding-top: 80px; margin-right: auto; margin-left: auto; }
@media screen and (max-width: 28.125em) { .Salary_System_section .mainContainer, .Welfare_System_section .mainContainer { padding-top: 60px; } }
.Salary_System_section .mainContainer .features, .Welfare_System_section .mainContainer .features { display: block; width: 850px; height: auto; list-style-type: none; margin-right: auto; margin-left: 0; margin-top: 0; margin-bottom: 0; }
@media screen and (max-width: 48.75em) { .Salary_System_section .mainContainer .features, .Welfare_System_section .mainContainer .features { width: auto; } }
.Salary_System_section .mainContainer .features li, .Welfare_System_section .mainContainer .features li { width: 100%; display: block; list-style-type: none; color: #7c7c7c; letter-spacing: 1px; font-size: 1.25rem; padding-left: 40px; padding-bottom: 20px; }
.Salary_System_section .mainContainer .features li img, .Welfare_System_section .mainContainer .features li img { margin-right: 30px; }
@media screen and (max-width: 48.75em) { .Salary_System_section .mainContainer .features li, .Welfare_System_section .mainContainer .features li { padding-bottom: 15px; padding-left: 50px; font-size: 1rem; position: relative; padding-right: 10px; }
  .Salary_System_section .mainContainer .features li img, .Welfare_System_section .mainContainer .features li img { width: 25px; height: auto; position: absolute; margin: 0; left: 10px; margin-top: 0; } }

.Welfare_System_section { background-image: url(../images/welfare_bg_13.jpg); height: 980px; }
@media screen and (max-width: 48.75em) { .Welfare_System_section { background-image: url(../images/welfare_bg_13_s.jpg); } }
@media screen and (max-width: 28.125em) { .Welfare_System_section { height: 880px; } }
.Welfare_System_section .button { margin-left: 55% !important; }
@media screen and (max-width: 28.125em) { .Welfare_System_section .button { margin-left: 40px !important; } }
.Welfare_System_section .title_box h2 { color: #fff; }
.Welfare_System_section .title_box:after { background-color: #fff; }
.Welfare_System_section .Welfare_content { list-style-type: none; width: auto; height: auto; margin-right: auto; margin-left: 55%; margin-top: 70px; }
@media screen and (max-width: 48.75em) { .Welfare_System_section .Welfare_content { margin-left: 40%; } }
@media screen and (max-width: 28.125em) { .Welfare_System_section .Welfare_content { margin-left: 15px; } }
.Welfare_System_section .Welfare_content li { line-height: 20px; display: block; padding: 10px 0 5px 25px; font-size: 1.25rem; color: #fff; position: relative; letter-spacing: 2px; }
@media screen and (max-width: 28.125em) { .Welfare_System_section .Welfare_content li { font-size: 1rem; } }
.Welfare_System_section .Welfare_content li:before { content: ""; display: block; width: 3px; height: 3px; position: absolute; background-color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 25px; left: 0; }

.button.career { padding: 18px 23px; background-color: #289de0; letter-spacing: 1px; font-size: 1rem; margin-top: 40px; margin-left: 40px; }

.index_about { width: 100%; height: 625px; position: relative; }
@media screen and (max-width: 64.0625em) { .index_about { height: 580px; } }
@media screen and (max-width: 64.0625em) { .index_about { height: 680px; } }
@media screen and (max-width: 28.125em) { .index_about { height: 830px; } }
.index_about .left { width: 40%; background-color: #289de0; position: absolute; top: 0; left: 0; z-index: 100; height: 100%; }
@media screen and (max-width: 64.0625em) { .index_about .left { width: 30%; } }
@media screen and (max-width: 28.125em) { .index_about .left { width: 15%; } }
.index_about .content_container { width: 100%; height: 625px; position: absolute; z-index: 110; }
@media screen and (max-width: 64.0625em) { .index_about .content_container { height: 580px; } }
@media screen and (max-width: 28.125em) { .index_about .content_container { height: 830px; } }
.index_about .content_container .content { width: 100%; max-width: 1200px; margin: 0 auto 0 auto; padding: 110px 15px 110px 15px; }
@media screen and (max-width: 64.0625em) { .index_about .content_container .content { padding: 110px 20px 110px 15px; } }
@media screen and (max-width: 28.125em) { .index_about .content_container .content { padding: 10px 20px 45px 15px; } }
.index_about .content_container .content .exterior { float: left; }
@media screen and (max-width: 28.125em) { .index_about .content_container .content .exterior { margin-left: 40px; } }
@media screen and (max-width: 23.75em) { .index_about .content_container .content .exterior { margin-left: 60px; } }
@media screen and (max-width: 20.625em) { .index_about .content_container .content .exterior { margin-left: 45px; } }
@media screen and (max-width: 64.0625em) { .index_about .content_container .content .exterior img { width: 380px; } }
@media screen and (max-width: 48.75em) { .index_about .content_container .content .exterior img { width: 250px; } }
@media screen and (max-width: 28.125em) { .index_about .content_container .content .exterior img { width: 300px; } }
@media screen and (max-width: 23.75em) { .index_about .content_container .content .exterior img { width: 260px; } }
.index_about .content_container .content .article { float: right; width: 570px; }
@media screen and (max-width: 48.75em) { .index_about .content_container .content .article { width: 100%; } }
@media screen and (max-width: 1024px) { .index_about .content_container .content .article { width: 60%; } }
@media screen and (max-width: 732px) { .index_about .content_container .content .article { width: 100%; } }
.index_about .content_container .content .article .text { width: 100%; height: auto; color: #7c7c7c; line-height: 28px; font-size: 0.875rem; margin-top: 55px; letter-spacing: 1px; }
@media screen and (max-width: 48.75em) { .index_about .content_container .content .article .text { margin-top: 40px; } }
@media screen and (max-width: 28.125em) { .index_about .content_container .content .article .text { padding-left: 60px; margin-top: 0px; } }
@media screen and (max-width: 20.625em) { .index_about .content_container .content .article .text { padding-left: 45px; } }
.index_about .content_container .content .article .a_column { position: absolute; padding-top: 55px; }
@media screen and (max-width: 48.75em) { .index_about .content_container .content .article .a_column { padding-top: 40px; } }
@media screen and (max-width: 28.125em) { .index_about .content_container .content .article .a_column { position: relative; padding-left: 60px; padding-top: 30px; } }
@media screen and (max-width: 20.625em) { .index_about .content_container .content .article .a_column { padding-left: 45px; } }

.button.normal, .button.gray { padding: 18px 23px; background-color: #289de0; letter-spacing: 1px; font-size: 1rem; }
@media screen and (max-width: 20.625em) { .button.normal, .button.gray { padding: 15px 20px; } }
.button.normal:hover, .button.gray:hover { background-color: #217db1; }
.button.gray { background-color: #b5b5b5; }
.button.ml30 { margin-left: 30px; }
@media screen and (max-width: 20.625em) { .button.ml30 { margin-left: 15px; } }
@media screen and (max-width: 64.0625em) { .button.about { margin-left: 50px; } }
@media screen and (max-width: 23.75em) { .button.about { margin-left: 30px; } }

.title_box.center { width: auto; text-align: center; padding: 0; background-color: none; padding-top: 140px; position: relative; }
@media screen and (max-width: 64.0625em) { .title_box.center { padding-top: 80px; } }
.title_box.center h2.white { color: #fff; letter-spacing: 2px; font-size: 1.875rem; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.title_box.center h2.gary { color: #7c7c7c; letter-spacing: 2px; font-size: 1.875rem; }
.title_box.center h5.blue { color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; letter-spacing: 1px; }
.title_box.center:after { position: absolute; width: 60px; height: 1px; background-color: #289de0; left: calc(50% - 30px); content: ""; display: block; bottom: -32px; }
.title_box.left { width: auto; text-align: left; padding-left: 0; position: relative; background-color: inherit; }
@media screen and (max-width: 28.125em) { .title_box.left { padding-left: 0; } }
.title_box.left h2 { font-size: 1.875rem; color: #7c7c7c; letter-spacing: 2px; }
.title_box.left h5 { font-size: 1.25rem; color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; letter-spacing: 1px; }
.title_box.left p { font-size: 0.875rem; line-height: 25px; color: #7c7c7c; margin-top: 20px; letter-spacing: 2px; }
.title_box.left:before { position: absolute; width: 60px; height: 1px; background-color: #289de0; left: -100px; content: ""; display: block; top: 38px; }
.title_box.left.ml_100 { margin-left: 100px; }
@media screen and (max-width: 28.125em) { .title_box.left p { line-height: 20px;} .title_box.left.ml_100 { padding-top: 40px; margin-left: 60px; padding-left: 0; } }
@media screen and (max-width: 21.875em) { .title_box.left.ml_100 { margin-left: 45px; } }
.title_box.wl { padding-left: 0; }
.title_box.wl h5.blue { width: 70%; }
@media screen and (max-width: 28.125em) { .title_box.about_inside { padding-left: 50px; } }
@media screen and (max-width: 23.75em) { .title_box.about_inside { padding-left: 30px; } }
.title_box.about_inside.ml_100 { margin-left: 100px; }
@media screen and (max-width: 28.125em) { .title_box.about_inside.ml_100 { padding-top: 40px; margin-left: 60px; padding-left: 0; } }
@media screen and (max-width: 21.875em) { .title_box.about_inside.ml_100 { margin-left: 45px; } }
.title_box.about_inside:before { position: absolute; width: 60px; height: 1px; background-color: #289de0; left: -100px; content: ""; display: block; top: 38px; }
.title_box.about_inside h2 { font-size: 1.875rem; color: #7c7c7c; letter-spacing: 2px; }
.title_box.about_inside h5 { font-size: 1.25rem; color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; letter-spacing: 1px; }
.title_box.about_inside p { font-size: 0.875rem; line-height: 25px; color: #7c7c7c; margin-top: 20px; letter-spacing: 2px; }

.index_Annual_Capacity { height: 800px; width: 100%; background-image: url(../images/annual_bg_14.jpg); background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media screen and (max-width: 64.0625em) { .index_Annual_Capacity { height: 700px; } }
@media screen and (max-width: 48.75em) { .index_Annual_Capacity { height: 650px; } }
@media screen and (max-width: 28.125em) { .index_Annual_Capacity { height: 550px; } }
@media screen and (max-width: 23.75em) { .index_Annual_Capacity { height: 750px; } }
.index_Annual_Capacity .mainConteiner { width: 90%; max-width: 805px; margin-right: auto; margin-left: auto; text-align: center; }
@media screen and (max-width: 48.75em) { .index_Annual_Capacity .mainConteiner { width: 95%; } }
.index_Annual_Capacity .mainConteiner .filter { display: inline-block; width: 100px; height: 310px; background-image: url(../images/AnnualCapacity_filter_18.png); margin-top: 0; margin-right: 50px; margin-left: 50px; background-repeat: no-repeat; }
@media screen and (max-width: 48.75em) { .index_Annual_Capacity .mainConteiner .filter { margin-right: 40px; margin-left: 40px; } }
@media screen and (max-width: 28.125em) { .index_Annual_Capacity .mainConteiner .filter { display: none; } }

.pd1, .pd2 { width: 240px; display: inline-block; position: relative; margin-top: 128px; }
@media screen and (max-width: 48.75em) { .pd1, .pd2 { margin-top: 90px; width: 200px; } }
@media screen and (max-width: 28.125em) { .pd1, .pd2 { width: 160px; margin: 60px 10px 0 10px; } }
@media screen and (max-width: 23.75em) { .pd1, .pd2 { margin: 30px 10px 0 10px; } }
@media screen and (max-width: 23.75em) { .pd1.about, .about.pd2 { width: 120px; }
  .pd1.about .chart1, .about.pd2 .chart1, .pd1.about .chart2, .about.pd2 .chart2 { width: 120px; }
  .pd1.about .chart1 .Value span.value, .about.pd2 .chart1 .Value span.value, .pd1.about .chart2 .Value span.value, .about.pd2 .chart2 .Value span.value { font-size: 30px; }
  .pd1.about .chart1 .Value span.unit, .about.pd2 .chart1 .Value span.unit, .pd1.about .chart2 .Value span.unit, .about.pd2 .chart2 .Value span.unit { font-size: 1rem; } }
.pd1 .chart1, .pd2 .chart1, .pd1 .chart2, .pd2 .chart2 { width: 240px; height: 240px; position: relative; }
@media screen and (max-width: 48.75em) { .pd1 .chart1, .pd2 .chart1, .pd1 .chart2, .pd2 .chart2 { width: 200px; height: 200px; } }
@media screen and (max-width: 28.125em) { .pd1 .chart1, .pd2 .chart1, .pd1 .chart2, .pd2 .chart2 { width: 160px; } }
.pd1 .chart1 .Value, .pd2 .chart1 .Value, .pd1 .chart2 .Value, .pd2 .chart2 .Value { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.pd1 .chart1 .Value span.value, .pd2 .chart1 .Value span.value, .pd1 .chart2 .Value span.value, .pd2 .chart2 .Value span.value { font-size: 65px; color: #fff; font-weight: lighter; line-height: 210px; text-align: center; letter-spacing: 2px; display: inline-block; width: 100%; position: relative; height: 50%; }
@media screen and (max-width: 48.75em) { .pd1 .chart1 .Value span.value, .pd2 .chart1 .Value span.value, .pd1 .chart2 .Value span.value, .pd2 .chart2 .Value span.value { line-height: 140px; } }
@media screen and (max-width: 28.125em) { .pd1 .chart1 .Value span.value, .pd2 .chart1 .Value span.value, .pd1 .chart2 .Value span.value, .pd2 .chart2 .Value span.value { font-size: 40px; } }
.pd1 .chart1 .Value span.unit, .pd2 .chart1 .Value span.unit, .pd1 .chart2 .Value span.unit, .pd2 .chart2 .Value span.unit { padding-top: 20px; color: #fff; text-align: center; font-size: 1.125rem; letter-spacing: 2px; display: inline-block; width: 100%; position: relative; height: 25px; }
@media screen and (max-width: 28.125em) { .pd1 .chart1 .Value span.unit, .pd2 .chart1 .Value span.unit, .pd1 .chart2 .Value span.unit, .pd2 .chart2 .Value span.unit { padding-top: 15px; } }
.pd1 .chart1 svg.circular-chart, .pd2 .chart1 svg.circular-chart, .pd1 .chart2 svg.circular-chart, .pd2 .chart2 svg.circular-chart { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.pd1 .chart1 svg.circular-chart path.circle, .pd2 .chart1 svg.circular-chart path.circle, .pd1 .chart2 svg.circular-chart path.circle, .pd2 .chart2 svg.circular-chart path.circle { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; stroke-dasharray: 800 800; }
.pd1 .chart1.active svg.circular-chart path.circle, .pd2 .chart1.active svg.circular-chart path.circle, .pd1 .active.chart2 svg.circular-chart path.circle, .pd2 .active.chart2 svg.circular-chart path.circle { stroke-dashoffset: 750; }
.pd1 .chart2.active svg.circular-chart path.circle, .pd2 .chart2.active svg.circular-chart path.circle { stroke-dashoffset: 700; }
.pd1 .dis, .pd2 .dis { width: 100%; padding-top: 40px; color: #fff; letter-spacing: 2px; font-size: 1.25rem; }
@media screen and (max-width: 28.125em) { .pd1 .dis, .pd2 .dis { padding-top: 30px; } }
@media screen and (max-width: 23.75em) { .pd1 .dis, .pd2 .dis { padding-top: 10px; } }

.index_news { width: 100%; height: 550px; background-color: #fff; border-top: #289de0 1px solid; }
@media screen and (max-width: 93.75em) { .index_news { height: 500px; } }
@media screen and (max-width: 64.0625em) { .index_news { height: 450px; } }
@media screen and (max-width: 28.125em) { .index_news { height: 500px; } }
.index_news .index_news_slider { width: 74%; float: right; overflow: hidden; }
@media screen and (max-width: 64.0625em) { .index_news .index_news_slider { width: 76%; } }
@media screen and (max-width: 48.75em) { .index_news .index_news_slider { width: 100%; } }
.index_news .index_news_slider .slick-dots { width: 100px; height: 27px; display: block; position: absolute; list-style-type: none; overflow: hidden; left: 51%; bottom: 10px; text-align: left; margin: 0; padding: 0; }
@media screen and (max-width: 64.0625em) { .index_news .index_news_slider .slick-dots { left: 50%; } }
@media screen and (max-width: 48.75em) { .index_news .index_news_slider .slick-dots { left: 30%; bottom: 10px; } }
.index_news .index_news_slider .slick-dots li { width: 10px; height: 10px; display: inline-block; background-color: #b5b5b5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; cursor: pointer; }
.index_news .index_news_slider .slick-dots li.slick-active { background-color: #289de0; }
.index_news .index_news_slider .slick-dots li button { display: none; }
.index_news .content { width: 100%; max-width: 1200px; text-align: center; margin-right: auto; margin-left: auto; padding-top: 145px; position: relative; height: 380px; }
@media screen and (max-width: 64.0625em) { .index_news .content { padding-top: 80px; } }
@media screen and (max-width: 48.75em) { .index_news .content { height: 450px; padding-top: 0; } }
@media screen and (max-width: 28.125em) { .index_news .content { height: 500px; } }
.index_news .content a.see_all_news { display: block; position: absolute; color: #454545; bottom: 15px; text-decoration: underline; left: 60%; font-size: 0.875rem; letter-spacing: 2px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; z-index: 200; }
@media screen and (max-width: 64.0625em) { .index_news .content a.see_all_news { left: 58%; } }
@media screen and (max-width: 48.75em) { .index_news .content a.see_all_news { bottom: 35px; left: 45%; } }
@media screen and (max-width: 48.75em) { .index_news .content a.see_all_news { left: 50%; } }
.index_news .content a.see_all_news:after { width: 21px; height: 8px; content: ""; display: block; position: absolute; right: -30px; top: 5px; background-image: url("../images/arrow_right_39.png"); background-repeat: no-repeat; background-position: center; }
.index_news .content a.see_all_news:hover { color: #289de0; }
.index_news .content .title_container { width: 22%; position: relative; height: 100%; display: inline-block; top: -50px; padding-top: 140px; }
@media screen and (max-width: 48.75em) { .index_news .content .title_container { padding-top: 80px; height: auto; width: 40%; top: 0; } }
@media screen and (max-width: 28.125em) { .index_news .content .title_container { padding-top: 50px; } }
@media screen and (max-width: 25em) { .index_news .content .title_container { margin-left: 50px; } }
.index_news .content .news_container { width: 77%; position: relative; height: 100%; display: inline-block; padding-top: 30px; padding-left: 70px; }
@media screen and (max-width: 64.0625em) { .index_news .content .news_container { padding-left: 30px; } }
@media screen and (max-width: 23.75em) { .index_news .content .news_container { padding-left: 15px; } }
.index_news .content .news_container .cover { width: 230px; height: 230px; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 13px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 13px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 13px; background-repeat: no-repeat; background-position: center; border: #fff 5px solid; }
@media screen and (max-width: 48.75em) { .index_news .content .news_container .cover { width: 150px; height: 150px; } }
@media screen and (max-width: 28.125em) { .index_news .content .news_container .cover { width: 120px; height: 120px; border: #fff 2px solid; } }
@media screen and (max-width: 23.75em) { .index_news .content .news_container .cover { width: 100px; height: 100px; } }
.index_news .content .news_container .textContainer { width: 500px; float: left; padding-left: 50px; position: relative; }
@media screen and (max-width: 64.0625em) { .index_news .content .news_container .textContainer { width: 500px; } }
@media screen and (max-width: 28.125em) { .index_news .content .news_container .textContainer { width: 250px; padding-left: 30px; } }
@media screen and (max-width: 23.75em) { .index_news .content .news_container .textContainer { padding-left: 20px; width: 230px; } }
.index_news .content .news_container .textContainer p { text-align: left; }
.index_news .content .news_container .textContainer p.text { font-size: 0.875rem; letter-spacing: 1px; color: #7c7c7c; line-height: 25px; }
.index_news .content .news_container .textContainer p.data { font-size: 0.875rem; letter-spacing: 2px; color: #b5b5b5; }
@media screen and (max-width: 28.125em) { .index_news .content .news_container .textContainer p.data { margin-bottom: 10px; } }
.index_news .content .news_container .textContainer h4 { text-align: left; letter-spacing: 1px; margin-bottom: 20px; }

.index_pd_container { width: 100%; height: 800px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }
@media screen and (max-width: 64.0625em) { .index_pd_container { height: 600px; } }
@media screen and (max-width: 48.75em) { .index_pd_container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 900px; } }
.index_pd_container .left { width: 60%; height: 800px; position: relative; }
@media screen and (max-width: 64.0625em) { .index_pd_container .left { height: 600px; } }
@media screen and (max-width: 48.75em) { .index_pd_container .left { width: 100%; height: 400px; } }
@media screen and (max-width: 23.75em) { .index_pd_container .left { height: 450px; } }
.index_pd_container .left div.pd_1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }
.index_pd_container .left div.pd_1.pd_1 { background-image: url(../images/pd_left_06.jpg); -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; background-position: center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media screen and (max-width: 28.125em) { .index_pd_container .left div.pd_1.pd_1 { background-position: -40% center; } }
@media screen and (max-width: 23.75em) { .index_pd_container .left div.pd_1.pd_1 { background-position: 30% center; } }
.index_pd_container .left div.pd_1 .title_box { height: auto; position: absolute; top: 120px; left: calc((100vw - 1200px) * 0.5);  }
@media screen and (max-width: 64.0625em) { .index_pd_container .left div.pd_1 .title_box { left: 8vw; } }
@media screen and (max-width: 48.75em) { .index_pd_container .left div.pd_1 .title_box { left: 30vw; width: 70%; top: 90px; } }
@media screen and (max-width: 28.125em) { .index_pd_container .left div.pd_1 .title_box { left: 10vw; width: 85%; top: 45px; } .index_pd_container .left div.pd_1 .title_box h2 {line-height: 0;} }
.index_pd_container .right { width: 56%; height: 800px; position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 64.0625em) { .index_pd_container .right { height: 600px; } }
@media screen and (max-width: 48.75em) { .index_pd_container .right { height: 500px; width: 100%; } }
.index_pd_container .right a.pd_link { width: 50%; position: relative; height: 50%; -moz-background-size: 102% 102%; -o-background-size: 102% 102%; -webkit-background-size: 102% 102%; background-size: 102% 102%; background-repeat: no-repeat; background-position: center; border-top: rgba(255, 255, 255, 0) 1px solid; border-bottom: rgba(255, 255, 255, 0) 1px solid; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 48.75em) { .index_pd_container .right a.pd_link { width: 50%; height: 50%; -moz-background-size: 101% auto; -o-background-size: 101% auto; -webkit-background-size: 101% auto; background-size: 101% auto; } }
@media screen and (max-width: 28.125em) { .index_pd_container .right a.pd_link { -moz-background-size: auto 101%; -o-background-size: auto 101%; -webkit-background-size: auto 101%; background-size: auto 101%; } }
.index_pd_container .right a.pd_link .cover { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; position: absolute; top: 0; left: 0; background-image: url("../images/pdindex_47.png"); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 101%; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
@media screen and (max-width: 48.75em) { .index_pd_container .right a.pd_link .cover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } }
.index_pd_container .right a.pd_link .pd_Name { position: absolute; height: auto; bottom: 10px; padding-left: 40px; width: 100%; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media screen and (max-width: 64.0625em) { .index_pd_container .right a.pd_link .pd_Name { padding-left: 20px; bottom: 20%;} }
.index_pd_container .right a.pd_link .pd_Name h3 { font-size: 1.25rem; letter-spacing: 1px; text-align: left; color: #fff; font-weight: lighter; margin-bottom: 5px; }
.index_pd_container .right a.pd_link .pd_Name p { font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; color: #289de0; font-size: 1rem; text-align: left; letter-spacing: 1px; }
.index_pd_container .right a.pd_link .pd_Name i { position: absolute; right: 20px; bottom: 20px; color: #289de0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.index_pd_container .right a.pd_link:hover { -moz-background-size: 107% 107%; -o-background-size: 107% 107%; -webkit-background-size: 107% 107%; background-size: 107% 107%; border-top: #289de0 1px solid; border-bottom: #289de0 1px solid; }
@media screen and (max-width: 48.75em) { .index_pd_container .right a.pd_link:hover { -moz-background-size: 105% auto; -o-background-size: 105% auto; -webkit-background-size: 105% auto; background-size: 105% auto; } }
.index_pd_container .right a.pd_link:hover .cover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.index_pd_container .right a.pd_link:hover .pd_Name { bottom: 20px; }
.index_pd_container .right a.pd_link:hover .pd_Name i { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.index_contact_us { width: 100%; height: 650px; position: relative; }
@media screen and (max-width: 23.75em) { .index_contact_us { height: 580px; } }
.index_contact_us .mask { background-image: url("../images/mask_map_43.png"); background-position: center; position: absolute; width: 100%; height: 100%; position: absolute; z-index: 350; }
.index_contact_us .mask .board { width: 650px; height: 430px; background-color: #000; position: absolute; left: calc((100vw - 650px) * 0.5 ); top: 110px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; }
@media screen and (max-width: 28.125em) { .index_contact_us .mask .board { width: 90%; left: 5%; } }
@media screen and (max-width: 23.75em) { .index_contact_us .mask .board { top: 80px; } }
.index_contact_us .mask .board .button { margin-top: 35px; margin-left: auto; margin-right: auto; float: none; width: 150px; display: block; background-color: #fff; color: #7c7c7c; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.index_contact_us .mask .board .button:hover { background-color: #289de0; color: #fff; }
.index_contact_us .mask .board .title_box { padding-top: 60px; }
.index_contact_us .mask .board .address { margin-top: 70px; width: 100%; text-align: center; letter-spacing: 1px; }
@media screen and (max-width: 28.125em) { .index_contact_us .mask .board .address { width: 90%; margin-left: auto; margin-right: auto; } }
.index_contact_us .mask .board .address a { font-size: 1.125rem; color: #fff; letter-spacing: 2px; text-align: center; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.index_contact_us .mask .board .address a i { font-size: 0.875rem; font-weight: lighter; }
.index_contact_us .mask .board .address a:hover { color: #289de0; }
.index_contact_us .mask .board .tel { color: #fff; letter-spacing: 2px; text-align: center; width: 100%; margin-top: 10px; letter-spacing: 1px; }
.index_contact_us .mapContainer { width: 100%; height: 100%; position: relative; }

.index_share { width: 60px; height: auto; padding-top: 45px; padding-bottom: 45px; background-color: rgba(0, 0, 0, 0.8); position: fixed; bottom: 0; left: 0; z-index: 400; line-height: 1.5; }
@media screen and (max-width: 28.125em) { .index_share { height: 60px; width: 80%; padding-top: 20px; padding-bottom: 20px; text-align: center; } }
.index_share a { width: 100%; padding-top: 10px; padding-bottom: 30px; position: relative; display: inline-block; text-align: center; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; }
@media screen and (max-width: 28.125em) { .index_share a { width: 20%; padding-top: 0; padding-bottom: 0; } }
.index_share a:last-child { padding-bottom: 0; }
.index_share a i { color: #fff; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; }
.index_share a:hover i { color: #289de0; }
.index_share.bgw { background-color: rgba(255, 255, 255, 0.8); }
.index_share.bgw a i { color: #7c7c7c; }
.index_share.bgw a:hover i { color: #289de0; }

.Wl_Preface { width: 100%; height: 1030px; background-image: url("../images/wl_bg_17.jpg"); }
@media screen and (max-width: 64.0625em) { .Wl_Preface { height: 850px; } }
@media screen and (max-width: 50em) { .Wl_Preface { height: 800px; } }
@media screen and (max-width: 28.125em) { .Wl_Preface { height: 720px; } }
.Wl_Preface .title_box { padding-top: 100px; }
@media screen and (max-width: 28.125em) { .Wl_Preface .title_box { padding-top: 50px; } }
.Wl_Preface .title_box h2 { color: #fff; letter-spacing: 2px; font-size: 1.875rem; }
.Wl_Preface .title_box h5 { color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.Wl_Preface .article { width: 90%; max-width: 780px; margin-right: auto; margin-left: auto; color: #fff; font-size: 0.875rem; line-height: 25px; text-align: center; margin-top: 80px; letter-spacing: 1px; }
@media screen and (max-width: 64.0625em) { .Wl_Preface .article { line-height: 20px; } }
.Wl_Preface .mapblue { display: block; margin-right: auto; margin-left: auto; margin-top: 80px; }
@media screen and (max-width: 64.0625em) { .Wl_Preface .mapblue { width: 90%; } }

.Subsidiary { width: 100%; position: relative; }
.Subsidiary:after { width: 35%; height: 100%; background-color: #289de0; content: ""; position: absolute; right: 0; top: 0; z-index: -100; }
@media screen and (max-width: 64.0625em) { .Subsidiary:after { width: 30%; } }
@media screen and (max-width: 28.125em) { .Subsidiary:after { height: 600px; } }
.Subsidiary .article_container { width: 90%; max-width: 1200px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 60px; }
.Subsidiary .article_container .title_box h2 { font-size: 1.875rem; color: #7c7c7c; letter-spacing: 2px; font-weight: lighter; }
.Subsidiary .article_container .title_box h5.w { color: #fff; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.Subsidiary .article_container .title_box h5.blue { color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
@media screen and (max-width: 64.0625em) { .Subsidiary .article_container { width: 95%; margin-right: 0; padding-right: 5%; } }
@media screen and (max-width: 28.125em) { .Subsidiary .article_container { padding-left: 5%; padding-right: 5%; width: 100%; } }
.Subsidiary .article_container.sec { padding-top: 0; position: relative; padding-bottom: 80px; }
.Subsidiary .article_container.sec:after { background-image: url("../images/wl_bg_17.jpg"); background-repeat: no-repeat; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; background-position: 300px 0; content: ""; display: block; width: 100vw; height: 100%; left: 0; top: 0; position: absolute; z-index: -80; }
@media screen and (max-width: 64.0625em) { .Subsidiary .article_container.sec:after { width: 100%; background-position: 250px 0; } }
@media screen and (max-width: 48.75em) { .Subsidiary .article_container.sec:after { background-position: 180px 0; } }
@media screen and (max-width: 28.125em) { .Subsidiary .article_container.sec:after { background-position: 0 0; } }
.Subsidiary .article_container.sec .title_box { margin-top: 60px; }
.Subsidiary .article_container.sec .title_box h2 { color: #ffffff !important; font-size: 1.875rem; letter-spacing: 2px; font-weight: lighter; }
.Subsidiary .article_container.sec .title_box h5.w { color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.Subsidiary .article_container.sec .title_box h5.blue { color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.Subsidiary .article_container.sec .branch_border { margin-top: 240px !important; }
@media screen and (max-width: 48.75em) { .Subsidiary .article_container.sec .branch_border { margin-top: 220px !important; } }
.Subsidiary .article_container.sec .Branch_Text p { color: #ffffff !important; }
.Subsidiary .article_container .text_and_pic .Branch_Text { padding-top: 80px; }
@media screen and (max-width: 48.75em) { .Subsidiary .article_container .text_and_pic .Branch_Text { padding-top: 50px; } }
.Subsidiary .article_container .text_and_pic .Branch_Text p { font-size: 0.875rem; color: #7c7c7c; line-height: 28px; letter-spacing: 1px; }
.Subsidiary .article_container .text_and_pic .branch_border { border-top: #289de0 1px solid; border-bottom: #289de0 1px solid; margin-top: 90px; }
@media screen and (max-width: 48.75em) { .Subsidiary .article_container .text_and_pic .branch_border { margin-top: 60px; } }
@media screen and (max-width: 28.125em) { .Subsidiary .article_container .text_and_pic .branch_border { margin-top: 20px; }
  .Subsidiary .article_container .text_and_pic .branch_border.mt20 { margin-top: 20px !important; } }

.article_title { font-size: 1.25rem; color: #289de0; }

.The_Pacific_Peather { width: 100%; height: auto; background-color: #fff; }
.The_Pacific_Peather .title_box { padding-top: 100px; }
@media screen and (max-width: 23.75em) { .The_Pacific_Peather .title_box { padding-top: 60px; } }
.The_Pacific_Peather .title_box h2 { color: #7c7c7c; letter-spacing: 2px; font-size: 1.875rem; font-weight: lighter; }
.The_Pacific_Peather .title_box h5 { color: #289de0; font-family: "Andada", Arial, Verdana, "Microsoft JhengHei", sans-serif !important; }
.The_Pacific_Peather .article { width: 90%; max-width: 780px; margin-right: auto; margin-left: auto; color: #7c7c7c; font-size: 0.875rem; line-height: 25px; text-align: center; margin-top: 80px; letter-spacing: 1px; }

.aboutPicWall { padding-top: 60px; width: 100%; }
.aboutPicWall .row { max-width: inherit; }

.businessPhilosophy .row { max-width: 1200px; margin-top: 110px; }
.businessPhilosophy .row .iconCotainer { text-align: center; }
.businessPhilosophy .row h4 { letter-spacing: 2px; color: #7c7c7c; font-size: 1.25rem; padding-top: 10px; }
.businessPhilosophy .row p { padding-right: 60px; padding-left: 60px; font-size: 0.875rem; color: #7c7c7c; letter-spacing: 1px; padding-top: 20px; margin-bottom: 60px; }
@media screen and (max-width: 28.125em) { .businessPhilosophy .row p { padding-right: 20px; padding-left: 20px; } }

.capacityEquipment { padding-top: 140px; width: 100%; padding-bottom: 140px; background-image: url("../images/capacityEquipment_bg_26.jpg"); background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media screen and (max-width: 23.75em) { .capacityEquipment { padding-bottom: 70px; padding-top: 70px; } }
.capacityEquipment .chartContainer { width: 90%; max-width: 1200px; margin-right: auto; margin-left: auto; padding-bottom: 110px; background-color: rgba(0, 0, 0, 0.7); border-top: #289de0 1px solid; border-bottom: #289de0 1px solid; }
.capacityEquipment .chartContainer .chartView { max-width: 800px; width: 90%; margin: 0 auto 0 auto; padding-top: 120px; }
@media screen and (max-width: 28.125em) { .capacityEquipment .chartContainer .chartView { padding-top: 60px; width: 95%; } }
.capacityEquipment .chartContainer .chartView .Capacity_Detial { list-style-type: none; margin: 0; padding: 0; display: block; padding-left: 60px; }
@media screen and (max-width: 23.75em) { .capacityEquipment .chartContainer .chartView .Capacity_Detial { padding-left: 40px; } }
.capacityEquipment .chartContainer .chartView .Capacity_Detial li { color: #fff; font-size: 1.25rem; display: block; letter-spacing: 1px; padding-top: 10px; padding-bottom: 10px; position: relative; text-align: left; }
@media screen and (max-width: 28.125em) { .capacityEquipment .chartContainer .chartView .Capacity_Detial li { font-size: 1rem; } }
.capacityEquipment .chartContainer .chartView .Capacity_Detial li:after { content: ""; width: 20px; height: 1px; display: block; position: absolute; background-color: #289de0; top: 26px; left: -36px; }
@media screen and (max-width: 23.75em) { .capacityEquipment .chartContainer .chartView .Capacity_Detial li:after { width: 15px; } }
.capacityEquipment .chartContainer .chartView .columns { text-align: center; }

.mainProducts { width: 100%; height: 760px; position: relative; }
@media screen and (max-width: 64.0625em) { .mainProducts { height: 600px; } }
@media screen and (max-width: 23.75em) { .mainProducts { height: 650px; } }
.mainProducts .info { width: 100%; height: 100%; position: absolute; padding-top: 20px; z-index: 200; }
.mainProducts .info .content { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; position: relative; }
@media screen and (max-width: 28.125em) { .mainProducts .info .content { width: 70%; margin-right: auto; margin-left: 0; } }
.mainProducts .info .content .pd_feature_list { list-style-type: none; display: block; position: relative; padding: 0; margin: 0; padding-top: 40px; padding-bottom: 50px; }
@media screen and (max-width: 64.0625em) { .mainProducts .info .content .pd_feature_list { padding-left: 50px; padding-top: 20px; padding-bottom: 20px; } }
@media screen and (max-width: 23.75em) { .mainProducts .info .content .pd_feature_list { padding-left: 30px; } }
.mainProducts .info .content .pd_feature_list li { display: block; padding-top: 10px; padding-bottom: 10px; color: #7c7c7c; letter-spacing: 1px; font-size: 0.875rem; position: relative; }
@media screen and (max-width: 64.0625em) { .mainProducts .info .content .pd_feature_list li { padding-top: 0px; padding-bottom: 0px; } }
.mainProducts .info .content .pd_feature_list li:before { display: block; position: absolute; height: 1px; width: 10px; background-color: #7c7c7c; top: 16px; left: -20px; content: ""; }
@media screen and (max-width: 64.0625em) { .mainProducts .info .content .pd_feature_list li:before { top: 16px; } }
.mainProducts .picWall { width: 60%; float: right; position: relative; height: 100%; }
@media screen and (max-width: 48.75em) { .mainProducts .picWall { width: 45%; } }
@media screen and (max-width: 28.125em) { .mainProducts .picWall { width: 30%; } }
@media screen and (max-width: 23.75em) { .mainProducts .picWall { width: 25%; } }
.mainProducts .picWall .picBg { background-position: center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 380px; }
@media screen and (max-width: 64.0625em) { .mainProducts .picWall .picBg { height: 300px; } }
@media screen and (max-width: 48.75em) { .mainProducts .picWall .picBg { height: 200px; } }
@media screen and (max-width: 28.125em) { .mainProducts .picWall .picBg { height: 100px; } }
@media screen and (max-width: 21.875em) { .mainProducts .picWall .picBg { height: 110px; } }

.rightNav { width: 15px; height: auto; position: fixed; right: 0; bottom: 40vh; z-index: 300; }
@media screen and (max-width: 48.75em) { .rightNav { display: none; } }
.rightNav .container { width: 160px; height: auto; position: absolute; right: 0; top: 0; margin: 0; list-style-type: none; display: block; overflow: hidden; padding-left: 20px; margin-right: 20px; padding-top: 20px; padding-bottom: 20px; background-color: rgba(255, 255, 255, 0.9); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.rightNav .container.active { background-color: rgba(255, 255, 255, 0.8); }
.rightNav .container a { display: list-item; padding: 2.5px 10px; width: 100%; margin-left: calc(100% - 25px); letter-spacing: 1px; color: #7c7c7c; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; padding-left: 25px; cursor: pointer; position: relative; font-size: 1.25rem; }
.rightNav .container a:hover { margin-left: 0; }
.rightNav .container a:before { content: ""; width: 15px; height: 1px; display: block; background-color: #7c7c7c; position: absolute; top: 20px; left: 0; }
.rightNav .container a.is-active { margin-left: 0; }
.rightNav .container a.is-active:before { background-color: #289de0; }

@font-face { font-family: 'fontello'; src: url("../font/fontello.eot?89088525"); src: url("../font/fontello.eot?89088525#iefix") format("embedded-opentype"), url("../font/fontello.woff2?89088525") format("woff2"), url("../font/fontello.woff?89088525") format("woff"), url("../font/fontello.ttf?89088525") format("truetype"), url("../font/fontello.svg?89088525#fontello") format("svg"); font-weight: normal; font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?89088525#fontello') format('svg'); }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-minus:before { content: '\e800'; }

/* '' */
.icon-down-circled2:before { content: '\e801'; }

/* '' */
.icon-up-circled2:before { content: '\e802'; }

/* '' */
.icon-down-dir:before { content: '\e803'; }

/* '' */
.icon-up-dir:before { content: '\e804'; }

/* '' */
.icon-left-dir:before { content: '\e805'; }

/* '' */
.icon-right-dir:before { content: '\e806'; }

/* '' */
.icon-down-open:before { content: '\e807'; }

/* '' */
.icon-left-open:before { content: '\e808'; }

/* '' */
.icon-right-open:before { content: '\e809'; }

/* '' */
.icon-up-open:before { content: '\e80a'; }

/* '' */
.icon-down-big:before { content: '\e80b'; }

/* '' */
.icon-left-big:before { content: '\e80c'; }

/* '' */
.icon-right-big:before { content: '\e80d'; }

/* '' */
.icon-up-big:before { content: '\e80e'; }

/* '' */
.icon-right-hand:before { content: '\e80f'; }

/* '' */
.icon-left-hand:before { content: '\e810'; }

/* '' */
.icon-up-hand:before { content: '\e811'; }

/* '' */
.icon-down-hand:before { content: '\e812'; }

/* '' */
.icon-cw:before { content: '\e813'; }

/* '' */
.icon-ccw:before { content: '\e814'; }

/* '' */
.icon-arrows-cw:before { content: '\e815'; }

/* '' */
.icon-shuffle:before { content: '\e816'; }

/* '' */
.icon-play:before { content: '\e817'; }

/* '' */
.icon-play-circled2:before { content: '\e818'; }

/* '' */
.icon-stop:before { content: '\e819'; }

/* '' */
.icon-pause:before { content: '\e81a'; }

/* '' */
.icon-to-end:before { content: '\e81b'; }

/* '' */
.icon-to-end-alt:before { content: '\e81c'; }

/* '' */
.icon-to-start:before { content: '\e81d'; }

/* '' */
.icon-to-start-alt:before { content: '\e81e'; }

/* '' */
.icon-fast-fw:before { content: '\e81f'; }

/* '' */
.icon-fast-bw:before { content: '\e820'; }

/* '' */
.icon-eject:before { content: '\e821'; }

/* '' */
.icon-target:before { content: '\e822'; }

/* '' */
.icon-signal:before { content: '\e823'; }

/* '' */
.icon-th-large:before { content: '\e824'; }

/* '' */
.icon-th:before { content: '\e825'; }

/* '' */
.icon-th-list:before { content: '\e826'; }

/* '' */
.icon-ok:before { content: '\e827'; }

/* '' */
.icon-ok-circled:before { content: '\e828'; }

/* '' */
.icon-ok-circled2:before { content: '\e829'; }

/* '' */
.icon-cancel:before { content: '\e82a'; }

/* '' */
.icon-cancel-circled:before { content: '\e82b'; }

/* '' */
.icon-cancel-circled2:before { content: '\e82c'; }

/* '' */
.icon-plus:before { content: '\e82d'; }

/* '' */
.icon-plus-circled:before { content: '\e82e'; }

/* '' */
.icon-align-left:before { content: '\e82f'; }

/* '' */
.icon-align-center:before { content: '\e830'; }

/* '' */
.icon-align-right:before { content: '\e831'; }

/* '' */
.icon-align-justify:before { content: '\e832'; }

/* '' */
.icon-list:before { content: '\e833'; }

/* '' */
.icon-indent-left:before { content: '\e834'; }

/* '' */
.icon-indent-right:before { content: '\e835'; }

/* '' */
.icon-check:before { content: '\e836'; }

/* '' */
.icon-cancel-1:before { content: '\e837'; }

/* '' */
.icon-mail:before { content: '\e838'; }

/* '' */
.icon-down-1:before { content: '\e839'; }

/* '' */
.icon-left-1:before { content: '\e83a'; }

/* '' */
.icon-right-1:before { content: '\e83b'; }

/* '' */
.icon-up-1:before { content: '\e83c'; }

/* '' */
.icon-down-dir-1:before { content: '\e83d'; }

/* '' */
.icon-left-dir-1:before { content: '\e83e'; }

/* '' */
.icon-right-dir-1:before { content: '\e83f'; }

/* '' */
.icon-up-dir-1:before { content: '\e840'; }

/* '' */
.icon-left-open-mini:before { content: '\e841'; }

/* '' */
.icon-right-open-mini:before { content: '\e842'; }

/* '' */
.icon-up-open-mini:before { content: '\e843'; }

/* '' */
.icon-down-open-big:before { content: '\e844'; }

/* '' */
.icon-left-open-big:before { content: '\e845'; }

/* '' */
.icon-right-open-big:before { content: '\e846'; }

/* '' */
.icon-up-open-big:before { content: '\e847'; }

/* '' */
.icon-play-1:before { content: '\e848'; }

/* '' */
.icon-stop-1:before { content: '\e849'; }

/* '' */
.icon-pause-1:before { content: '\e84a'; }

/* '' */
.icon-record:before { content: '\e84b'; }

/* '' */
.icon-to-end-1:before { content: '\e84c'; }

/* '' */
.icon-to-start-1:before { content: '\e84d'; }

/* '' */
.icon-fast-forward:before { content: '\e84e'; }

/* '' */
.icon-fast-backward:before { content: '\e84f'; }

/* '' */
.icon-level-down-1:before { content: '\e850'; }

/* '' */
.icon-level-up-1:before { content: '\e851'; }

/* '' */
.icon-shuffle-1:before { content: '\e852'; }

/* '' */
.icon-loop:before { content: '\e853'; }

/* '' */
.icon-switch:before { content: '\e854'; }

/* '' */
.icon-skype-outline:before { content: '\e855'; }

/* '' */
.icon-skype:before { content: '\e856'; }

/* '' */
.icon-tumbler-circled:before { content: '\e857'; }

/* '' */
.icon-tumbler:before { content: '\e858'; }

/* '' */
.icon-twitter-circled:before { content: '\e859'; }

/* '' */
.icon-twitter:before { content: '\e85a'; }

/* '' */
.icon-vimeo-circled:before { content: '\e85b'; }

/* '' */
.icon-vimeo:before { content: '\e85c'; }

/* '' */
.icon-facebook:before { content: '\e85d'; }

/* '' */
.icon-flickr-circled:before { content: '\e85e'; }

/* '' */
.icon-flickr:before { content: '\e85f'; }

/* '' */
.icon-github-circled:before { content: '\e860'; }

/* '' */
.icon-github:before { content: '\e861'; }

/* '' */
.icon-lastfm-circled:before { content: '\e862'; }

/* '' */
.icon-lastfm:before { content: '\e863'; }

/* '' */
.icon-linkedin-circled:before { content: '\e864'; }

/* '' */
.icon-linkedin:before { content: '\e865'; }

/* '' */
.icon-pinterest-circled:before { content: '\e866'; }

/* '' */
.icon-pinterest:before { content: '\e867'; }

/* '' */
.icon-help-circled:before { content: '\e868'; }

/* '' */
.icon-info-circled:before { content: '\e869'; }

/* '' */
.icon-googleplus-rect-1:before { content: '\e86a'; }

/* '' */
.icon-tumblr-rect-1:before { content: '\e86b'; }

/* '' */
.icon-vimeo-rect-1:before { content: '\e86c'; }

/* '' */
.icon-linkedin-rect-1:before { content: '\e86d'; }

/* '' */
.icon-twitter-bird-1:before { content: '\e86e'; }

/* '' */
.icon-facebook-rect-1:before { content: '\e86f'; }

/* '' */
.icon-odnoklassniki-rect-1:before { content: '\e870'; }

/* '' */
.icon-export:before { content: '\e871'; }

/* '' */
.icon-quote-circled:before { content: '\e872'; }

/* '' */
.icon-edit-alt:before { content: '\e873'; }

/* '' */
.icon-signal-1:before { content: '\e874'; }

/* '' */
.icon-cloud:before { content: '\e875'; }

/* '' */
.icon-gplus:before { content: '\e876'; }

/* '' */
.icon-phone:before { content: '\e877'; }

/* '' */
.icon-phone-1:before { content: '\e878'; }

/* '' */
.icon-location:before { content: '\e879'; }

/* '' */
.icon-location-1:before { content: '\e87a'; }

/* '' */
.icon-mail-1:before { content: '\e87b'; }

/* '' */
.icon-mail-2:before { content: '\e87c'; }

/* '' */
.icon-link-1:before { content: '\e87d'; }

/* '' */
.icon-skype-2:before { content: '\e87f'; }

/* '' */
.icon-vkontakte-rect-1:before { content: '\e880'; }

/* '' */
.icon-youtube:before { content: '\e881'; }

/* '' */
.icon-upload-cloud:before { content: '\f014'; }

/* '' */
.icon-download-cloud:before { content: '\f015'; }

/* '' */
.icon-location-2:before { content: '\f031'; }

/* '' */
.icon-gplus-1:before { content: '\f05a'; }

/* '' */
.icon-link:before { content: '\f07b'; }

/* '' */
.icon-link-ext:before { content: '\f08e'; }

/* '' */
.icon-left-circled:before { content: '\f0a8'; }

/* '' */
.icon-right-circled:before { content: '\f0a9'; }

/* '' */
.icon-up-circled:before { content: '\f0aa'; }

/* '' */
.icon-down-circled:before { content: '\f0ab'; }

/* '' */
.icon-gplus-2:before { content: '\f0d5'; }

/* '' */
.icon-exchange:before { content: '\f0ec'; }

/* '' */
.icon-plus-squared:before { content: '\f0fe'; }

/* '' */
.icon-angle-double-left:before { content: '\f100'; }

/* '' */
.icon-angle-double-right:before { content: '\f101'; }

/* '' */
.icon-angle-double-up:before { content: '\f102'; }

/* '' */
.icon-angle-double-down:before { content: '\f103'; }

/* '' */
.icon-angle-left:before { content: '\f104'; }

/* '' */
.icon-angle-right:before { content: '\f105'; }

/* '' */
.icon-angle-up:before { content: '\f106'; }

/* '' */
.icon-angle-down:before { content: '\f107'; }

/* '' */
.icon-angle-circled-left:before { content: '\f137'; }

/* '' */
.icon-angle-circled-right:before { content: '\f138'; }

/* '' */
.icon-angle-circled-up:before { content: '\f139'; }

/* '' */
.icon-angle-circled-down:before { content: '\f13a'; }

/* '' */
.icon-ellipsis:before { content: '\f141'; }

/* '' */
.icon-ellipsis-vert:before { content: '\f142'; }

/* '' */
.icon-play-circled:before { content: '\f144'; }

/* '' */
.icon-level-up:before { content: '\f148'; }

/* '' */
.icon-level-down:before { content: '\f149'; }

/* '' */
.icon-ok-squared:before { content: '\f14a'; }

/* '' */
.icon-expand:before { content: '\f150'; }

/* '' */
.icon-collapse:before { content: '\f151'; }

/* '' */
.icon-expand-right:before { content: '\f152'; }

/* '' */
.icon-down:before { content: '\f175'; }

/* '' */
.icon-up:before { content: '\f176'; }

/* '' */
.icon-left:before { content: '\f177'; }

/* '' */
.icon-right:before { content: '\f178'; }

/* '' */
.icon-right-circled2:before { content: '\f18e'; }

/* '' */
.icon-left-circled2:before { content: '\f190'; }

/* '' */
.icon-collapse-left:before { content: '\f191'; }

/* '' */
.icon-plus-squared-alt:before { content: '\f196'; }

/* '' */
.icon-google:before { content: '\f1a0'; }

/* '' */
.icon-history:before { content: '\f1da'; }

/* '' */
.icon-wifi:before { content: '\f1eb'; }

/* '' */
.icon-facebook-1:before { content: '\f300'; }

/* '' */
.icon-facebook-rect:before { content: '\f301'; }

/* '' */
.icon-twitter-1:before { content: '\f302'; }

/* '' */
.icon-twitter-bird:before { content: '\f303'; }

/* '' */
.icon-icq:before { content: '\f304'; }

/* '' */
.icon-yandex:before { content: '\f305'; }

/* '' */
.icon-yandex-rect:before { content: '\f306'; }

/* '' */
.icon-github-text:before { content: '\f307'; }

/* '' */
.icon-github-1:before { content: '\f308'; }

/* '' */
.icon-googleplus-rect:before { content: '\f309'; }

/* '' */
.icon-vkontakte-rect:before { content: '\f30a'; }

/* '' */
.icon-skype-1:before { content: '\f30b'; }

/* '' */
.icon-odnoklassniki:before { content: '\f30c'; }

/* '' */
.icon-odnoklassniki-rect:before { content: '\f30d'; }

/* '' */
.icon-vimeo-rect:before { content: '\f30e'; }

/* '' */
.icon-vimeo-1:before { content: '\f30f'; }

/* '' */
.icon-tumblr-rect:before { content: '\f310'; }

/* '' */
.icon-tumblr:before { content: '\f311'; }

/* '' */
.icon-friendfeed:before { content: '\f312'; }

/* '' */
.icon-friendfeed-rect:before { content: '\f313'; }

/* '' */
.icon-blogger:before { content: '\f314'; }

/* '' */
.icon-blogger-rect:before { content: '\f315'; }

/* '' */
.icon-deviantart:before { content: '\f316'; }

/* '' */
.icon-jabber:before { content: '\f317'; }

/* '' */
.icon-lastfm-1:before { content: '\f318'; }

/* '' */
.icon-lastfm-rect:before { content: '\f319'; }

/* '' */
.icon-linkedin-1:before { content: '\f31a'; }

/* '' */
.icon-linkedin-rect:before { content: '\f31b'; }

/* '' */
.icon-picasa:before { content: '\f31c'; }

/* '' */
.icon-wordpress:before { content: '\f31d'; }

/* '' */
.icon-instagram:before { content: '\f31e'; }

/* '' */
.icon-instagram-filled:before { content: '\f31f'; }

/* '' */
.icon-diigo:before { content: '\f320'; }

/* '' */
.icon-box:before { content: '\f321'; }

/* '' */
.icon-box-rect:before { content: '\f322'; }

/* '' */
.icon-tudou:before { content: '\f323'; }

/* '' */
.icon-youku:before { content: '\f324'; }

/* '' */
.icon-win8:before { content: '\f325'; }

/* '' */
.icon-amex:before { content: '\f326'; }

/* '' */
.icon-discover:before { content: '\f327'; }

/* '' */
.icon-visa:before { content: '\f328'; }

/* '' */
.icon-mastercard:before { content: '\f329'; }

/* '' */
.icon-houzz:before { content: '\f32a'; }

/* '' */
.icon-bandcamp:before { content: '\f32b'; }

/* '' */
.icon-codepen:before { content: '\f32c'; }

/* '' */
/* -----------------------------------------------------------------------------
 HAMBURGER ICONS COMPONENT
----------------------------------------------------------------------------- */
/** Toggle Switch Globals  All switches should take on the class `c-hamburger` as well as their variant that will give them unique properties. This class is an overview class that acts as a reset for all versions of the icon. */
.c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; }

.c-hamburger:focus { outline: none; }

.c-hamburger span { display: block; position: absolute; top: 23px; left: 10px; right: 10px; height: 4px; background: white; }

.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #fff; content: ""; }

.c-hamburger span::before { top: -12px; }

.c-hamburger span::after { bottom: -12px; }

/** Style 1  Rotating hamburger icon (rot), that simply rotates 90 degrees when activated. Nothing too fancy, simple transition. */
.c-hamburger--rot { background-color: #28aadc; }

.c-hamburger--rot span { transition: transform 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--rot.is-active { background-color: #166888; }

.c-hamburger--rot.is-active span { transform: rotate(90deg); }

/** Style 2  Hamburger to "x" (htx). Takes on a hamburger shape, bars slide down to center and transform into an "x". */
.c-hamburger--htx span { transition: background 0s 0.3s; }

.c-hamburger--htx span::before, .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before { transition-property: top, transform; }

.c-hamburger--htx span::after { transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active span { background: none; }

.c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); background-color: #289de0; }

.c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); background-color: #289de0; }

.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; }

/** Style 3  Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing arrow. Usually indicates an off canvas menu sliding in from left that will be close on re-click of the icon. */
.c-hamburger--htla { background-color: #32dc64; }

.c-hamburger--htla span { transition: transform 0.3s; }

.c-hamburger--htla span::before { transform-origin: top right; transition: transform 0.3s, width 0.3s, top 0.3s; }

.c-hamburger--htla span::after { transform-origin: bottom right; transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--htla.is-active { background-color: #19903c; }

.c-hamburger--htla.is-active span { transform: rotate(180deg); }

.c-hamburger--htla.is-active span::before, .c-hamburger--htla.is-active span::after { width: 50%; }

.c-hamburger--htla.is-active span::before { top: 0; transform: translateX(19px) translateY(2px) rotate(45deg); }

.c-hamburger--htla.is-active span::after { bottom: 0; transform: translateX(19px) translateY(-2px) rotate(-45deg); }

/** Style 4  Hamburger to right-arrow (htra). Hamburger menu transforms to a right-pointing arrow. Usually indicates an off canvas menu sliding in from  right that will be close on re-click of the icon. */
.c-hamburger--htra { background-color: #ff9650; }

.c-hamburger--htra span { transition: transform 0.3s; }

.c-hamburger--htra span::before { transform-origin: top left; transition: transform 0.3s, width 0.3s, top 0.3s; }

.c-hamburger--htra span::after { transform-origin: bottom left; transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--htra.is-active { background-color: #e95d00; }

.c-hamburger--htra.is-active span { transform: rotate(180deg); }

.c-hamburger--htra.is-active span::before, .c-hamburger--htra.is-active span::after { width: 50%; }

.c-hamburger--htra.is-active span::before { top: 0; transform: translateX(-4px) translateY(2px) rotate(-45deg); }

.c-hamburger--htra.is-active span::after { bottom: 0; transform: translateX(-4px) translateY(-2px) rotate(45deg); }

/** Foundation for Sites by ZURB Version 6.4.1 foundation.zurb.com Licensed under MIT Open Source */
@media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } }
.loader { font-size: 10px; margin: 0 auto; text-indent: -9999em; width: 5em; height: 5em; border-radius: 50%; background: #2796d6; background: -moz-linear-gradient(left, #2796d6 10%, rgba(39, 150, 214, 0) 42%); background: -webkit-linear-gradient(left, #2796d6 10%, rgba(39, 150, 214, 0) 42%); background: -o-linear-gradient(left, #2796d6 10%, rgba(39, 150, 214, 0) 42%); background: -ms-linear-gradient(left, #2796d6 10%, rgba(39, 150, 214, 0) 42%); background: linear-gradient(to right, #2796d6 10%, rgba(39, 150, 214, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }

.loader:before { width: 50%; height: 50%; background: #2796d6; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; }

.loader:after { background: #fff; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

@-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document ========================================================================== */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. */
figcaption, figure { display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** Add the correct display in IE. */
main { display: block; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. */
button { overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

button, [type="button"], [type="reset"], [type="submit"] { /** Remove the inner border and padding in Firefox. */ /** Restore the focus styles unset by the previous rule. */ }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Show the overflow in Edge. */
input { overflow: visible; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Add the correct display in IE 9-. */
menu { display: block; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

.foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html { box-sizing: border-box; font-size: 100%; }

*, *::before, *::after { box-sizing: inherit; }

body { margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

textarea { height: auto; min-height: 50px; border-radius: 0; }

select { box-sizing: border-box; width: 100%; border-radius: 0; }

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; }
[data-whatinput='mouse'] button { outline: 0; }

pre { overflow: auto; }

button, input, optgroup, select, textarea { font-family: inherit; }

.is-visible { display: block !important; }

.is-hidden { display: none !important; }

.row { max-width: 75rem; margin-right: auto; margin-left: auto; }
.row::before, .row::after { display: table; content: ' '; flex-basis: 0; order: 1; }
.row::after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; }
.row .row { margin-right: -0.625rem; margin-left: -0.625rem; }
@media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }
@media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }
.row .row.collapse { margin-right: 0; margin-left: 0; }
.row.expanded { max-width: none; }
.row.expanded .row { margin-right: auto; margin-left: auto; }
.row:not(.expanded) .row { max-width: none; }
.row.gutter-small > .column, .row.gutter-small > .columns { padding-right: 0.625rem; padding-left: 0.625rem; }
.row.gutter-medium > .column, .row.gutter-medium > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; }

.column, .columns { width: 100%; float: left; padding-right: 0.625rem; padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; }

.column.row.row, .row.row.columns { float: none; }

.row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }

.small-1 { width: 8.33333%; }

.small-push-1 { position: relative; left: 8.33333%; }

.small-pull-1 { position: relative; left: -8.33333%; }

.small-offset-0 { margin-left: 0%; }

.small-2 { width: 16.66667%; }

.small-push-2 { position: relative; left: 16.66667%; }

.small-pull-2 { position: relative; left: -16.66667%; }

.small-offset-1 { margin-left: 8.33333%; }

.small-3 { width: 25%; }

.small-push-3 { position: relative; left: 25%; }

.small-pull-3 { position: relative; left: -25%; }

.small-offset-2 { margin-left: 16.66667%; }

.small-4 { width: 33.33333%; }

.small-push-4 { position: relative; left: 33.33333%; }

.small-pull-4 { position: relative; left: -33.33333%; }

.small-offset-3 { margin-left: 25%; }

.small-5 { width: 41.66667%; }

.small-push-5 { position: relative; left: 41.66667%; }

.small-pull-5 { position: relative; left: -41.66667%; }

.small-offset-4 { margin-left: 33.33333%; }

.small-6 { width: 50%; }

.small-push-6 { position: relative; left: 50%; }

.small-pull-6 { position: relative; left: -50%; }

.small-offset-5 { margin-left: 41.66667%; }

.small-7 { width: 58.33333%; }

.small-push-7 { position: relative; left: 58.33333%; }

.small-pull-7 { position: relative; left: -58.33333%; }

.small-offset-6 { margin-left: 50%; }

.small-8 { width: 66.66667%; }

.small-push-8 { position: relative; left: 66.66667%; }

.small-pull-8 { position: relative; left: -66.66667%; }

.small-offset-7 { margin-left: 58.33333%; }

.small-9 { width: 75%; }

.small-push-9 { position: relative; left: 75%; }

.small-pull-9 { position: relative; left: -75%; }

.small-offset-8 { margin-left: 66.66667%; }

.small-10 { width: 83.33333%; }

.small-push-10 { position: relative; left: 83.33333%; }

.small-pull-10 { position: relative; left: -83.33333%; }

.small-offset-9 { margin-left: 75%; }

.small-11 { width: 91.66667%; }

.small-push-11 { position: relative; left: 91.66667%; }

.small-pull-11 { position: relative; left: -91.66667%; }

.small-offset-10 { margin-left: 83.33333%; }

.small-12 { width: 100%; }

.small-offset-11 { margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100%; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; }

.small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; }

.small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333%; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; }

.small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; }

.small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; }

.small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667%; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; }

.small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; }

.small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; }

.small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; }
.small-collapse .row { margin-right: 0; margin-left: 0; }

.expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; }

.small-centered { margin-right: auto; margin-left: auto; }
.small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; }

.small-uncentered, .small-push-0, .small-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; }

@media print, screen and (min-width: 40em) { .medium-1 { width: 8.33333%; }
  .medium-push-1 { position: relative; left: 8.33333%; }
  .medium-pull-1 { position: relative; left: -8.33333%; }
  .medium-offset-0 { margin-left: 0%; }
  .medium-2 { width: 16.66667%; }
  .medium-push-2 { position: relative; left: 16.66667%; }
  .medium-pull-2 { position: relative; left: -16.66667%; }
  .medium-offset-1 { margin-left: 8.33333%; }
  .medium-3 { width: 25%; }
  .medium-push-3 { position: relative; left: 25%; }
  .medium-pull-3 { position: relative; left: -25%; }
  .medium-offset-2 { margin-left: 16.66667%; }
  .medium-4 { width: 33.33333%; }
  .medium-push-4 { position: relative; left: 33.33333%; }
  .medium-pull-4 { position: relative; left: -33.33333%; }
  .medium-offset-3 { margin-left: 25%; }
  .medium-5 { width: 41.66667%; }
  .medium-push-5 { position: relative; left: 41.66667%; }
  .medium-pull-5 { position: relative; left: -41.66667%; }
  .medium-offset-4 { margin-left: 33.33333%; }
  .medium-6 { width: 50%; }
  .medium-push-6 { position: relative; left: 50%; }
  .medium-pull-6 { position: relative; left: -50%; }
  .medium-offset-5 { margin-left: 41.66667%; }
  .medium-7 { width: 58.33333%; }
  .medium-push-7 { position: relative; left: 58.33333%; }
  .medium-pull-7 { position: relative; left: -58.33333%; }
  .medium-offset-6 { margin-left: 50%; }
  .medium-8 { width: 66.66667%; }
  .medium-push-8 { position: relative; left: 66.66667%; }
  .medium-pull-8 { position: relative; left: -66.66667%; }
  .medium-offset-7 { margin-left: 58.33333%; }
  .medium-9 { width: 75%; }
  .medium-push-9 { position: relative; left: 75%; }
  .medium-pull-9 { position: relative; left: -75%; }
  .medium-offset-8 { margin-left: 66.66667%; }
  .medium-10 { width: 83.33333%; }
  .medium-push-10 { position: relative; left: 83.33333%; }
  .medium-pull-10 { position: relative; left: -83.33333%; }
  .medium-offset-9 { margin-left: 75%; }
  .medium-11 { width: 91.66667%; }
  .medium-push-11 { position: relative; left: 91.66667%; }
  .medium-pull-11 { position: relative; left: -91.66667%; }
  .medium-offset-10 { margin-left: 83.33333%; }
  .medium-12 { width: 100%; }
  .medium-offset-11 { margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333%; }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667%; }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571%; }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; }
  .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; }
  .medium-collapse .row { margin-right: 0; margin-left: 0; }
  .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; }
  .medium-centered { margin-right: auto; margin-left: auto; }
  .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; }
  .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } }
@media print, screen and (min-width: 64em) { .large-1 { width: 8.33333%; }
  .large-push-1 { position: relative; left: 8.33333%; }
  .large-pull-1 { position: relative; left: -8.33333%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { width: 16.66667%; }
  .large-push-2 { position: relative; left: 16.66667%; }
  .large-pull-2 { position: relative; left: -16.66667%; }
  .large-offset-1 { margin-left: 8.33333%; }
  .large-3 { width: 25%; }
  .large-push-3 { position: relative; left: 25%; }
  .large-pull-3 { position: relative; left: -25%; }
  .large-offset-2 { margin-left: 16.66667%; }
  .large-4 { width: 33.33333%; }
  .large-push-4 { position: relative; left: 33.33333%; }
  .large-pull-4 { position: relative; left: -33.33333%; }
  .large-offset-3 { margin-left: 25%; }
  .large-5 { width: 41.66667%; }
  .large-push-5 { position: relative; left: 41.66667%; }
  .large-pull-5 { position: relative; left: -41.66667%; }
  .large-offset-4 { margin-left: 33.33333%; }
  .large-6 { width: 50%; }
  .large-push-6 { position: relative; left: 50%; }
  .large-pull-6 { position: relative; left: -50%; }
  .large-offset-5 { margin-left: 41.66667%; }
  .large-7 { width: 58.33333%; }
  .large-push-7 { position: relative; left: 58.33333%; }
  .large-pull-7 { position: relative; left: -58.33333%; }
  .large-offset-6 { margin-left: 50%; }
  .large-8 { width: 66.66667%; }
  .large-push-8 { position: relative; left: 66.66667%; }
  .large-pull-8 { position: relative; left: -66.66667%; }
  .large-offset-7 { margin-left: 58.33333%; }
  .large-9 { width: 75%; }
  .large-push-9 { position: relative; left: 75%; }
  .large-pull-9 { position: relative; left: -75%; }
  .large-offset-8 { margin-left: 66.66667%; }
  .large-10 { width: 83.33333%; }
  .large-push-10 { position: relative; left: 83.33333%; }
  .large-pull-10 { position: relative; left: -83.33333%; }
  .large-offset-9 { margin-left: 75%; }
  .large-11 { width: 91.66667%; }
  .large-push-11 { position: relative; left: 91.66667%; }
  .large-pull-11 { position: relative; left: -91.66667%; }
  .large-offset-10 { margin-left: 83.33333%; }
  .large-12 { width: 100%; }
  .large-offset-11 { margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; }
  .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; }
  .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333%; }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; }
  .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; }
  .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; }
  .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667%; }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; }
  .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571%; }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; }
  .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; }
  .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; }
  .large-collapse .row { margin-right: 0; margin-left: 0; }
  .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; }
  .large-centered { margin-right: auto; margin-left: auto; }
  .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; }
  .large-uncentered, .large-push-0, .large-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } }
.column-block { margin-bottom: 1.25rem; }
.column-block > :last-child { margin-bottom: 0; }
@media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; }
  .column-block > :last-child { margin-bottom: 0; } }

.row { max-width: 75rem; margin-right: auto; margin-left: auto; display: flex; flex-flow: row wrap; }
.row .row { margin-right: -0.625rem; margin-left: -0.625rem; }
@media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }
@media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }
.row .row.collapse { margin-right: 0; margin-left: 0; }
.row.expanded { max-width: none; }
.row.expanded .row { margin-right: auto; margin-left: auto; }
.row:not(.expanded) .row { max-width: none; }
.row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; }
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; }

.column, .columns { flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: 0; }
@media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

.column.row.row, .row.row.columns { float: none; display: block; }

.row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }

.small-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }

.small-offset-0 { margin-left: 0%; }

.small-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }

.small-offset-1 { margin-left: 8.33333%; }

.small-3 { flex: 0 0 25%; max-width: 25%; }

.small-offset-2 { margin-left: 16.66667%; }

.small-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }

.small-offset-3 { margin-left: 25%; }

.small-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }

.small-offset-4 { margin-left: 33.33333%; }

.small-6 { flex: 0 0 50%; max-width: 50%; }

.small-offset-5 { margin-left: 41.66667%; }

.small-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }

.small-offset-6 { margin-left: 50%; }

.small-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }

.small-offset-7 { margin-left: 58.33333%; }

.small-9 { flex: 0 0 75%; max-width: 75%; }

.small-offset-8 { margin-left: 66.66667%; }

.small-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }

.small-offset-9 { margin-left: 75%; }

.small-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }

.small-offset-10 { margin-left: 83.33333%; }

.small-12 { flex: 0 0 100%; max-width: 100%; }

.small-offset-11 { margin-left: 91.66667%; }

.small-up-1 { flex-wrap: wrap; }
.small-up-1 > .column, .small-up-1 > .columns { flex: 0 0 100%; max-width: 100%; }

.small-up-2 { flex-wrap: wrap; }
.small-up-2 > .column, .small-up-2 > .columns { flex: 0 0 50%; max-width: 50%; }

.small-up-3 { flex-wrap: wrap; }
.small-up-3 > .column, .small-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; }

.small-up-4 { flex-wrap: wrap; }
.small-up-4 > .column, .small-up-4 > .columns { flex: 0 0 25%; max-width: 25%; }

.small-up-5 { flex-wrap: wrap; }
.small-up-5 > .column, .small-up-5 > .columns { flex: 0 0 20%; max-width: 20%; }

.small-up-6 { flex-wrap: wrap; }
.small-up-6 > .column, .small-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; }

.small-up-7 { flex-wrap: wrap; }
.small-up-7 > .column, .small-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; }

.small-up-8 { flex-wrap: wrap; }
.small-up-8 > .column, .small-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; }

@media print, screen and (min-width: 40em) { .medium-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .medium-offset-0 { margin-left: 0%; }
  .medium-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .medium-offset-1 { margin-left: 8.33333%; }
  .medium-3 { flex: 0 0 25%; max-width: 25%; }
  .medium-offset-2 { margin-left: 16.66667%; }
  .medium-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .medium-offset-3 { margin-left: 25%; }
  .medium-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .medium-offset-4 { margin-left: 33.33333%; }
  .medium-6 { flex: 0 0 50%; max-width: 50%; }
  .medium-offset-5 { margin-left: 41.66667%; }
  .medium-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .medium-offset-6 { margin-left: 50%; }
  .medium-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .medium-offset-7 { margin-left: 58.33333%; }
  .medium-9 { flex: 0 0 75%; max-width: 75%; }
  .medium-offset-8 { margin-left: 66.66667%; }
  .medium-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .medium-offset-9 { margin-left: 75%; }
  .medium-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .medium-offset-10 { margin-left: 83.33333%; }
  .medium-12 { flex: 0 0 100%; max-width: 100%; }
  .medium-offset-11 { margin-left: 91.66667%; }
  .medium-up-1 { flex-wrap: wrap; }
  .medium-up-1 > .column, .medium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; }
  .medium-up-2 { flex-wrap: wrap; }
  .medium-up-2 > .column, .medium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; }
  .medium-up-3 { flex-wrap: wrap; }
  .medium-up-3 > .column, .medium-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .medium-up-4 { flex-wrap: wrap; }
  .medium-up-4 > .column, .medium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; }
  .medium-up-5 { flex-wrap: wrap; }
  .medium-up-5 > .column, .medium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; }
  .medium-up-6 { flex-wrap: wrap; }
  .medium-up-6 > .column, .medium-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .medium-up-7 { flex-wrap: wrap; }
  .medium-up-7 > .column, .medium-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; }
  .medium-up-8 { flex-wrap: wrap; }
  .medium-up-8 > .column, .medium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { flex: 1 1 0px; } }
.row.small-unstack > .column, .row.small-unstack > .columns { flex: 0 0 100%; flex: 1 1 0px; }
@media print, screen and (min-width: 40em) { .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; }
  .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } }
@media print, screen and (min-width: 64em) { .large-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .large-offset-1 { margin-left: 8.33333%; }
  .large-3 { flex: 0 0 25%; max-width: 25%; }
  .large-offset-2 { margin-left: 16.66667%; }
  .large-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .large-offset-3 { margin-left: 25%; }
  .large-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .large-offset-4 { margin-left: 33.33333%; }
  .large-6 { flex: 0 0 50%; max-width: 50%; }
  .large-offset-5 { margin-left: 41.66667%; }
  .large-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .large-offset-6 { margin-left: 50%; }
  .large-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .large-offset-7 { margin-left: 58.33333%; }
  .large-9 { flex: 0 0 75%; max-width: 75%; }
  .large-offset-8 { margin-left: 66.66667%; }
  .large-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .large-offset-9 { margin-left: 75%; }
  .large-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .large-offset-10 { margin-left: 83.33333%; }
  .large-12 { flex: 0 0 100%; max-width: 100%; }
  .large-offset-11 { margin-left: 91.66667%; }
  .large-up-1 { flex-wrap: wrap; }
  .large-up-1 > .column, .large-up-1 > .columns { flex: 0 0 100%; max-width: 100%; }
  .large-up-2 { flex-wrap: wrap; }
  .large-up-2 > .column, .large-up-2 > .columns { flex: 0 0 50%; max-width: 50%; }
  .large-up-3 { flex-wrap: wrap; }
  .large-up-3 > .column, .large-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .large-up-4 { flex-wrap: wrap; }
  .large-up-4 > .column, .large-up-4 > .columns { flex: 0 0 25%; max-width: 25%; }
  .large-up-5 { flex-wrap: wrap; }
  .large-up-5 > .column, .large-up-5 > .columns { flex: 0 0 20%; max-width: 20%; }
  .large-up-6 { flex-wrap: wrap; }
  .large-up-6 > .column, .large-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .large-up-7 { flex-wrap: wrap; }
  .large-up-7 > .column, .large-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; }
  .large-up-8 { flex-wrap: wrap; }
  .large-up-8 > .column, .large-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } }
@media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { flex: 1 1 0px; } }
.row.small-unstack > .column, .row.small-unstack > .columns { flex: 0 0 100%; flex: 1 1 0px; }
@media print, screen and (min-width: 64em) { .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; }
  .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } }
.shrink { flex: 0 0 auto; max-width: 100%; }

.column-block { margin-bottom: 1.25rem; }
.column-block > :last-child { margin-bottom: 0; }
@media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; }
  .column-block > :last-child { margin-bottom: 0; } }

.align-right { justify-content: flex-end; }

.align-center { justify-content: center; }

.align-justify { justify-content: space-between; }

.align-spaced { justify-content: space-around; }

.align-right.vertical.menu > li > a { justify-content: flex-end; }

.align-center.vertical.menu > li > a { justify-content: center; }

.align-top { align-items: flex-start; }

.align-self-top { align-self: flex-start; }

.align-bottom { align-items: flex-end; }

.align-self-bottom { align-self: flex-end; }

.align-middle { align-items: center; }

.align-self-middle { align-self: center; }

.align-stretch { align-items: stretch; }

.align-self-stretch { align-self: stretch; }

.align-center-middle { justify-content: center; align-items: center; align-content: center; }

.small-order-1 { order: 1; }

.small-order-2 { order: 2; }

.small-order-3 { order: 3; }

.small-order-4 { order: 4; }

.small-order-5 { order: 5; }

.small-order-6 { order: 6; }

@media print, screen and (min-width: 40em) { .medium-order-1 { order: 1; }
  .medium-order-2 { order: 2; }
  .medium-order-3 { order: 3; }
  .medium-order-4 { order: 4; }
  .medium-order-5 { order: 5; }
  .medium-order-6 { order: 6; } }
@media print, screen and (min-width: 64em) { .large-order-1 { order: 1; }
  .large-order-2 { order: 2; }
  .large-order-3 { order: 3; }
  .large-order-4 { order: 4; }
  .large-order-5 { order: 5; }
  .large-order-6 { order: 6; } }
.flex-container { display: flex; }

.flex-child-auto { flex: 1 1 auto; }

.flex-child-grow { flex: 1 0 auto; }

.flex-child-shrink { flex: 0 1 auto; }

.flex-dir-row { flex-direction: row; }

.flex-dir-row-reverse { flex-direction: row-reverse; }

.flex-dir-column { flex-direction: column; }

.flex-dir-column-reverse { flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) { .medium-flex-container { display: flex; }
  .medium-flex-child-auto { flex: 1 1 auto; }
  .medium-flex-child-grow { flex: 1 0 auto; }
  .medium-flex-child-shrink { flex: 0 1 auto; }
  .medium-flex-dir-row { flex-direction: row; }
  .medium-flex-dir-row-reverse { flex-direction: row-reverse; }
  .medium-flex-dir-column { flex-direction: column; }
  .medium-flex-dir-column-reverse { flex-direction: column-reverse; } }
@media print, screen and (min-width: 64em) { .large-flex-container { display: flex; }
  .large-flex-child-auto { flex: 1 1 auto; }
  .large-flex-child-grow { flex: 1 0 auto; }
  .large-flex-child-shrink { flex: 0 1 auto; }
  .large-flex-dir-row { flex-direction: row; }
  .large-flex-dir-row-reverse { flex-direction: row-reverse; }
  .large-flex-dir-column { flex-direction: column; }
  .large-flex-dir-column-reverse { flex-direction: column-reverse; } }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 80%; line-height: inherit; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height: 0; color: #cacaca; }

h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) { h1 { font-size: 3rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 1.9375rem; }
  h4 { font-size: 1.5625rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1rem; } }
a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; }
a:hover, a:focus { color: #1468a0; }
a img { border: 0; }

hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; }

ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; }

li { font-size: inherit; }

ul { margin-left: 1.25rem; list-style-type: disc; }

ol { margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; }

dl { margin-bottom: 1rem; }
dl dt { margin-bottom: 0.3rem; font-weight: bold; }

blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; }
blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; }

cite { display: block; font-size: 0.8125rem; color: #8a8a8a; }
cite:before { content: "— "; }

abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; }

figure { margin: 0; }

code { padding: 0.125rem 0.3125rem 0.0625rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; }

kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; }

.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; }

.lead { font-size: 125%; line-height: 1.6; }

.stat { font-size: 2.5rem; line-height: 1; }
p + .stat { margin-top: -1rem; }

ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; }

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

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

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

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

@media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .medium-text-center { text-align: center; }
  .medium-text-justify { text-align: justify; } }
@media print, screen and (min-width: 64em) { .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .large-text-center { text-align: center; }
  .large-text-justify { text-align: justify; } }
.show-for-print { display: none !important; }

@media print { * { background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important; }
  .show-for-print { display: block !important; }
  .hide-for-print { display: none !important; }
  table.show-for-print { display: table !important; }
  thead.show-for-print { display: table-header-group !important; }
  tbody.show-for-print { display: table-row-group !important; }
  tr.show-for-print { display: table-row !important; }
  td.show-for-print { display: table-cell !important; }
  th.show-for-print { display: table-cell !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .print-break-inside { page-break-inside: auto; } }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea { max-width: 100%; }
textarea[rows] { height: auto; }

input::placeholder, textarea::placeholder { color: #cacaca; }
input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; }

[type='submit'], [type='button'] { appearance: none; border-radius: 0; }

input[type='search'] { box-sizing: border-box; }

[type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; }

[type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; }
[type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; }

label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; }

[type='file'] { width: 100%; }

label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; }
label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; }

.help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; }

.input-group { display: flex; width: 100%; margin-bottom: 1rem; align-items: stretch; }
.input-group > :first-child { border-radius: 0 0 0 0; }
.input-group > :last-child > * { border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; }

.input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; }
.input-group-label:first-child { border-right: 0; }
.input-group-label:last-child { border-left: 0; }

.input-group-field { border-radius: 0; flex: 1 1 0px; height: auto; min-width: 0; }

.input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; flex: 0 0 auto; }
.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; }

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

legend { max-width: 100%; margin-bottom: 0.5rem; }

.fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; }
.fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; }

select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled { background-color: #e6e6e6; cursor: not-allowed; }
select::-ms-expand { display: none; }
select[multiple] { height: auto; background-image: none; }

.is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; }
.is-invalid-input:not(:focus)::placeholder { color: #cc4b37; }

.is-invalid-label { color: #cc4b37; }

.form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; }
.form-error.is-visible { display: block; }

.button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #1779ba; color: #fefefe; }
[data-whatinput='mouse'] .button { outline: 0; }
.button:hover, .button:focus { background-color: #14679e; color: #fefefe; }
.button.tiny { font-size: 0.6rem; }
.button.small { font-size: 0.75rem; }
.button.large { font-size: 1.25rem; }
.button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; }
.button.primary { background-color: #1779ba; color: #fefefe; }
.button.primary:hover, .button.primary:focus { background-color: #126195; color: #fefefe; }
.button.secondary { background-color: #767676; color: #fefefe; }
.button.secondary:hover, .button.secondary:focus { background-color: #5e5e5e; color: #fefefe; }
.button.success { background-color: #3adb76; color: #0a0a0a; }
.button.success:hover, .button.success:focus { background-color: #22bb5b; color: #0a0a0a; }
.button.warning { background-color: #ffae00; color: #0a0a0a; }
.button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; }
.button.alert { background-color: #cc4b37; color: #fefefe; }
.button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #fefefe; }
.button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; }
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #1779ba; color: #fefefe; }
.button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; }
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #1779ba; color: #fefefe; }
.button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; }
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #767676; color: #fefefe; }
.button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; }
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: #0a0a0a; }
.button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; }
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #0a0a0a; }
.button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; }
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cc4b37; color: #fefefe; }
.button.hollow { border: 1px solid #1779ba; color: #1779ba; }
.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; }
.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; }
.button.hollow:hover, .button.hollow:focus { border-color: #0c3d5d; color: #0c3d5d; }
.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { border: 1px solid #1779ba; color: #1779ba; }
.button.hollow.primary { border: 1px solid #1779ba; color: #1779ba; }
.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c3d5d; color: #0c3d5d; }
.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { border: 1px solid #1779ba; color: #1779ba; }
.button.hollow.secondary { border: 1px solid #767676; color: #767676; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; }
.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { border: 1px solid #767676; color: #767676; }
.button.hollow.success { border: 1px solid #3adb76; color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; }
.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { border: 1px solid #3adb76; color: #3adb76; }
.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }
.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; }
.button.hollow.alert { border: 1px solid #cc4b37; color: #cc4b37; }
.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; }
.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; }
.button.clear { border: 1px solid #1779ba; color: #1779ba; }
.button.clear, .button.clear:hover, .button.clear:focus { background-color: transparent; }
.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { background-color: transparent; }
.button.clear:hover, .button.clear:focus { border-color: #0c3d5d; color: #0c3d5d; }
.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { border: 1px solid #1779ba; color: #1779ba; }
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { border-color: transparent; }
.button.clear.primary { border: 1px solid #1779ba; color: #1779ba; }
.button.clear.primary:hover, .button.clear.primary:focus { border-color: #0c3d5d; color: #0c3d5d; }
.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border: 1px solid #1779ba; color: #1779ba; }
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border-color: transparent; }
.button.clear.secondary { border: 1px solid #767676; color: #767676; }
.button.clear.secondary:hover, .button.clear.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; }
.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border: 1px solid #767676; color: #767676; }
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border-color: transparent; }
.button.clear.success { border: 1px solid #3adb76; color: #3adb76; }
.button.clear.success:hover, .button.clear.success:focus { border-color: #157539; color: #157539; }
.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border: 1px solid #3adb76; color: #3adb76; }
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border-color: transparent; }
.button.clear.warning { border: 1px solid #ffae00; color: #ffae00; }
.button.clear.warning:hover, .button.clear.warning:focus { border-color: #805700; color: #805700; }
.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; }
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border-color: transparent; }
.button.clear.alert { border: 1px solid #cc4b37; color: #cc4b37; }
.button.clear.alert:hover, .button.clear.alert:focus { border-color: #67251a; color: #67251a; }
.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; }
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border-color: transparent; }
.button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; }
.button.dropdown.hollow::after { border-top-color: #1779ba; }
.button.dropdown.hollow.primary::after { border-top-color: #1779ba; }
.button.dropdown.hollow.secondary::after { border-top-color: #767676; }
.button.dropdown.hollow.success::after { border-top-color: #3adb76; }
.button.dropdown.hollow.warning::after { border-top-color: #ffae00; }
.button.dropdown.hollow.alert::after { border-top-color: #cc4b37; }
.button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; }

.accordion { margin-left: 0; background: #fefefe; list-style-type: none; }
.accordion[disabled] .accordion-title { cursor: not-allowed; }

.accordion-item:first-child > :first-child { border-radius: 0 0 0 0; }
.accordion-item:last-child > :last-child { border-radius: 0 0 0 0; }

.accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #1779ba; }
:last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; }
.accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; }
.accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; }
.is-active > .accordion-title::before { content: '\2013'; }

.accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; }
:last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; }

.accordion-menu li { width: 100%; }
.accordion-menu a { padding: 0.7rem 1rem; }
.accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; }
.accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; }
.accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 4px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; position: absolute; top: 50%; margin-top: -2px; right: 1rem; }
.accordion-menu.align-left .is-accordion-submenu-parent > a::after { left: auto; right: 1rem; }
.accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; }
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; }

.is-accordion-submenu-parent { position: relative; }

.has-submenu-toggle > a { margin-right: 40px; }

.submenu-toggle { position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; }
.submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; top: 0; bottom: 0; margin: auto; }

.submenu-toggle[aria-expanded='true']::after { transform: scaleY(-1); transform-origin: 50% 50%; }

.submenu-toggle-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; }

.badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #1779ba; color: #fefefe; }
.badge.primary { background: #1779ba; color: #fefefe; }
.badge.secondary { background: #767676; color: #fefefe; }
.badge.success { background: #3adb76; color: #0a0a0a; }
.badge.warning { background: #ffae00; color: #0a0a0a; }
.badge.alert { background: #cc4b37; color: #fefefe; }

.breadcrumbs { margin: 0 0 1rem 0; list-style: none; }
.breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; flex-basis: 0; order: 1; }
.breadcrumbs::after { clear: both; }
.breadcrumbs li { float: left; font-size: 0.6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; }
.breadcrumbs a { color: #1779ba; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; }

.button-group { margin-bottom: 1rem; display: flex; flex-wrap: nowrap; align-items: stretch; }
.button-group::before, .button-group::after { display: table; content: ' '; flex-basis: 0; order: 1; }
.button-group::after { clear: both; }
.button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; flex: 0 0 auto; }
.button-group .button:last-child { margin-right: 0; }
.button-group.tiny .button { font-size: 0.6rem; }
.button-group.small .button { font-size: 0.75rem; }
.button-group.large .button { font-size: 1.25rem; }
.button-group.expanded .button { flex: 1 1 0px; }
.button-group.primary .button { background-color: #1779ba; color: #fefefe; }
.button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #126195; color: #fefefe; }
.button-group.secondary .button { background-color: #767676; color: #fefefe; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5e5e5e; color: #fefefe; }
.button-group.success .button { background-color: #3adb76; color: #0a0a0a; }
.button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #0a0a0a; }
.button-group.warning .button { background-color: #ffae00; color: #0a0a0a; }
.button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; }
.button-group.alert .button { background-color: #cc4b37; color: #fefefe; }
.button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #fefefe; }
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { flex-wrap: wrap; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { flex: 0 0 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; }
@media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { flex: 1 1 0px; margin-bottom: 0; } }
@media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { flex: 1 1 0px; margin-bottom: 0; } }
@media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; }
  .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } }

.callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; background-color: white; color: #0a0a0a; }
.callout > :first-child { margin-top: 0; }
.callout > :last-child { margin-bottom: 0; }
.callout.primary { background-color: #d7ecfa; color: #0a0a0a; }
.callout.secondary { background-color: #eaeaea; color: #0a0a0a; }
.callout.success { background-color: #e1faea; color: #0a0a0a; }
.callout.warning { background-color: #fff3d9; color: #0a0a0a; }
.callout.alert { background-color: #f7e4e1; color: #0a0a0a; }
.callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }
.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }

.card { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #fefefe; box-shadow: none; overflow: hidden; color: #0a0a0a; }
.card > :last-child { margin-bottom: 0; }

.card-divider { flex: 0 1 auto; display: flex; padding: 1rem; background: #e6e6e6; }
.card-divider > :last-child { margin-bottom: 0; }

.card-section { flex: 1 0 auto; padding: 1rem; }
.card-section > :last-child { margin-bottom: 0; }

.card-image { min-height: 1px; }

.close-button { position: absolute; color: #8a8a8a; cursor: pointer; }
[data-whatinput='mouse'] .close-button { outline: 0; }
.close-button:hover, .close-button:focus { color: #0a0a0a; }
.close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; }
.close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; }

.menu { padding: 0; margin: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; }
[data-whatinput='mouse'] .menu li { outline: 0; }
.menu a, .menu .button { line-height: 1; text-decoration: none; white-space: nowrap; display: block; padding: 0.7rem 1rem; }
.menu input, .menu select, .menu a, .menu button { margin-bottom: 0; }
.menu input { display: inline-block; }
.menu, .menu.horizontal { flex-wrap: wrap; flex-direction: row; }
.menu.vertical { flex-wrap: nowrap; flex-direction: column; }
.menu.expanded li { flex: 1 1 0px; }
.menu.simple { align-items: center; }
.menu.simple li + li { margin-left: 1rem; }
.menu.simple a { padding: 0; }
@media print, screen and (min-width: 40em) { .menu.medium-horizontal { flex-wrap: wrap; flex-direction: row; }
  .menu.medium-vertical { flex-wrap: nowrap; flex-direction: column; }
  .menu.medium-expanded li { flex: 1 1 0px; }
  .menu.medium-simple li { flex: 1 1 0px; } }
@media print, screen and (min-width: 64em) { .menu.large-horizontal { flex-wrap: wrap; flex-direction: row; }
  .menu.large-vertical { flex-wrap: nowrap; flex-direction: column; }
  .menu.large-expanded li { flex: 1 1 0px; }
  .menu.large-simple li { flex: 1 1 0px; } }
.menu.nested { margin-right: 0; margin-left: 1rem; }
.menu.icons a { display: flex; }
.menu.icon-left li a { flex-flow: row nowrap; }
.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg { margin-right: 0.25rem; }
.menu.icon-right li a { flex-flow: row nowrap; }
.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg { margin-left: 0.25rem; }
.menu.icon-top li a { flex-flow: column nowrap; }
.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; }
.menu.icon-bottom li a { flex-flow: column nowrap; }
.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; }
.menu .is-active > a { background: #1779ba; color: #fefefe; }
.menu .active > a { background: #1779ba; color: #fefefe; }
.menu.align-left { justify-content: flex-start; }
.menu.align-right li { display: flex; justify-content: flex-end; }
.menu.align-right li .submenu li { justify-content: flex-start; }
.menu.align-right.vertical li { display: block; text-align: right; }
.menu.align-right.vertical li .submenu li { text-align: right; }
.menu.align-right .nested { margin-right: 1rem; margin-left: 0; }
.menu.align-center li { display: flex; justify-content: center; }
.menu.align-center li .submenu li { justify-content: flex-start; }
.menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; }

.menu-centered > .menu { justify-content: center; }
.menu-centered > .menu li { display: flex; justify-content: center; }
.menu-centered > .menu li .submenu li { justify-content: flex-start; }

.no-js [data-responsive-menu] ul { display: none; }

.menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; }
.menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''; }
.menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; }
.menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; }
.menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown { position: relative; overflow: hidden; }
.is-drilldown li { display: block; }
.is-drilldown.animate-height { transition: height 0.5s; }

.drilldown a { padding: 0.7rem 1rem; background: #fefefe; }
.drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: transform 0.15s linear; }
.drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); }
.drilldown .is-drilldown-submenu.is-closing { transform: translateX(100%); }
.drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; }
.drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; }
.drilldown .drilldown-submenu-cover-previous { min-height: 100%; }
.drilldown .is-drilldown-submenu-parent > a { position: relative; }
.drilldown .is-drilldown-submenu-parent > a::after { position: absolute; top: 50%; margin-top: -6px; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; }
.drilldown.align-left .is-drilldown-submenu-parent > a::after { left: auto; right: 1rem; display: block; width: 0; height: 0; border: inset 3px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; }
.drilldown.align-right .is-drilldown-submenu-parent > a::after { right: auto; left: 1rem; display: block; width: 0; height: 0; border: inset 3px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; }
.drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0; }

.dropdown-pane { position: absolute; z-index: 10; width: 300px; padding: 1rem; visibility: hidden; display: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem; }
.dropdown-pane.is-opening { display: block; }
.dropdown-pane.is-open { visibility: visible; display: block; }

.dropdown-pane.tiny { width: 100px; }

.dropdown-pane.small { width: 200px; }

.dropdown-pane.large { width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
.dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -1.5px; }
.dropdown.menu a { padding: 0.7rem 1rem; }
[data-whatinput='mouse'] .dropdown.menu a { outline: 0; }
.dropdown.menu .is-active > a { background: transparent; color: #1779ba; }
.no-js .dropdown.menu ul { display: none; }
.dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; }
.dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
.dropdown.menu.vertical > li > a::after { right: 14px; }
.dropdown.menu.vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 3px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; }
.dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; }
@media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -1.5px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after { right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 3px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } }
@media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -1.5px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.large-vertical > li > a::after { right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 3px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; }
  .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; }

.is-dropdown-menu.vertical { width: 100px; }
.is-dropdown-menu.vertical.align-right { float: right; }

.is-dropdown-submenu-parent { position: relative; }
.is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -3px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }

.is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; }
.dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 3px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 3px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; }
.is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; }
.is-dropdown-submenu > li { width: 100%; }
.is-dropdown-submenu.js-dropdown-active { display: block; }

.responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; }
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; }

.label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #1779ba; color: #fefefe; }
.label.primary { background: #1779ba; color: #fefefe; }
.label.secondary { background: #767676; color: #fefefe; }
.label.success { background: #3adb76; color: #0a0a0a; }
.label.warning { background: #ffae00; color: #0a0a0a; }
.label.alert { background: #cc4b37; color: #fefefe; }

.media-object { display: flex; margin-bottom: 1rem; flex-wrap: nowrap; }
.media-object img { max-width: none; }
@media screen and (max-width: 39.9375em) { .media-object.stack-for-small { flex-wrap: wrap; } }
@media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; flex-basis: 100%; max-width: 100%; }
  .media-object.stack-for-small .media-object-section img { width: 100%; } }

.media-object-section { flex: 0 1 auto; }
.media-object-section:first-child { padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; }
.media-object-section > :last-child { margin-bottom: 0; }
.media-object-section.main-section { flex: 1 1 0px; }

.is-off-canvas-open { overflow: hidden; }

.js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; visibility: hidden; overflow: hidden; }
.js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; }
.js-off-canvas-overlay.is-closable { cursor: pointer; }
.js-off-canvas-overlay.is-overlay-absolute { position: absolute; }
.js-off-canvas-overlay.is-overlay-fixed { position: fixed; }

.off-canvas-wrapper { position: relative; overflow: hidden; }

.off-canvas { position: fixed; z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; }
[data-whatinput='mouse'] .off-canvas { outline: 0; }
.off-canvas.is-transition-push { z-index: 12; }
.off-canvas.is-closed { visibility: hidden; }
.off-canvas.is-transition-overlap { z-index: 13; }
.off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
.off-canvas.is-open { transform: translate(0, 0); }

.off-canvas-absolute { position: absolute; z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; }
[data-whatinput='mouse'] .off-canvas-absolute { outline: 0; }
.off-canvas-absolute.is-transition-push { z-index: 12; }
.off-canvas-absolute.is-closed { visibility: hidden; }
.off-canvas-absolute.is-transition-overlap { z-index: 13; }
.off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
.off-canvas-absolute.is-open { transform: translate(0, 0); }

.position-left { top: 0; left: 0; width: 250px; height: 100%; transform: translateX(-250px); overflow-y: auto; }
.off-canvas-content .off-canvas.position-left { transform: translateX(-250px); }
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { transform: translate(0, 0); }
.off-canvas-content.is-open-left.has-transition-push { transform: translateX(250px); }
.position-left.is-transition-push { box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-right { top: 0; right: 0; width: 250px; height: 100%; transform: translateX(250px); overflow-y: auto; }
.off-canvas-content .off-canvas.position-right { transform: translateX(250px); }
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { transform: translate(0, 0); }
.off-canvas-content.is-open-right.has-transition-push { transform: translateX(-250px); }
.position-right.is-transition-push { box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-top { top: 0; left: 0; width: 100%; height: 250px; transform: translateY(-250px); overflow-x: auto; }
.off-canvas-content .off-canvas.position-top { transform: translateY(-250px); }
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { transform: translate(0, 0); }
.off-canvas-content.is-open-top.has-transition-push { transform: translateY(250px); }
.position-top.is-transition-push { box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }

.position-bottom { bottom: 0; left: 0; width: 100%; height: 250px; transform: translateY(250px); overflow-x: auto; }
.off-canvas-content .off-canvas.position-bottom { transform: translateY(250px); }
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { transform: translate(0, 0); }
.off-canvas-content.is-open-bottom.has-transition-push { transform: translateY(-250px); }
.position-bottom.is-transition-push { box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }

.off-canvas-content { transform: none; transition: transform 0.5s ease; backface-visibility: hidden; }
.off-canvas-content.has-transition-push { transform: translate(0, 0); }
.off-canvas-content .off-canvas.is-open { transform: translate(0, 0); }

@media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-left.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-left.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-left { margin-left: 250px; }
  .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-right.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-right.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-right { margin-right: 250px; }
  .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; }
  .position-top.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-top.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-top.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-top { margin-top: 250px; }
  .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; }
  .position-bottom.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-bottom.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-bottom.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; }
  .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } }
@media print, screen and (min-width: 64em) { .position-left.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-left.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-left.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-left { margin-left: 250px; }
  .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-right.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-right.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-right { margin-right: 250px; }
  .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; }
  .position-top.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-top.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-top.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-top { margin-top: 250px; }
  .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; }
  .position-bottom.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-bottom.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-bottom.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; }
  .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } }
@media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: inherit; width: inherit; overflow: inherit; transition: inherit; }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { box-shadow: none; transform: none; }
  .off-canvas.in-canvas-for-medium .close-button { display: none; } }
@media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: inherit; width: inherit; overflow: inherit; transition: inherit; }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { box-shadow: none; transform: none; }
  .off-canvas.in-canvas-for-large .close-button { display: none; } }
.orbit { position: relative; }

.orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; }

.orbit-slide { width: 100%; }
.orbit-slide.no-motionui.is-active { top: 0; left: 0; }

.orbit-figure { margin: 0; }

.orbit-image { width: 100%; max-width: 100%; margin: 0; }

.orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe; }

.orbit-previous, .orbit-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; }
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; }
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous { left: 0; }

.orbit-next { left: auto; right: 0; }

.orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; }
[data-whatinput='mouse'] .orbit-bullets { outline: 0; }
.orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; }
.orbit-bullets button:hover { background-color: #8a8a8a; }
.orbit-bullets button.is-active { background-color: #8a8a8a; }

.pagination { margin-left: 0; margin-bottom: 1rem; }
.pagination::before, .pagination::after { display: table; content: ' '; flex-basis: 0; order: 1; }
.pagination::after { clear: both; }
.pagination li { margin-right: 0.0625rem; border-radius: 0; font-size: 0.875rem; display: none; }
.pagination li:last-child, .pagination li:first-child { display: inline-block; }
@media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } }
.pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 0; color: #0a0a0a; }
.pagination a:hover, .pagination button:hover { background: #e6e6e6; }
.pagination .current { padding: 0.1875rem 0.625rem; background: #1779ba; color: #fefefe; cursor: default; }
.pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; }
.pagination .disabled:hover { background: transparent; }
.pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: '\2026'; color: #0a0a0a; }

.pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: '\00ab'; }

.pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: '\00bb'; }

.progress { height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca; }
.progress.primary .progress-meter { background-color: #1779ba; }
.progress.secondary .progress-meter { background-color: #767676; }
.progress.success .progress-meter { background-color: #3adb76; }
.progress.warning .progress-meter { background-color: #ffae00; }
.progress.alert .progress-meter { background-color: #cc4b37; }

.progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #1779ba; }

.progress-meter-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; }

.slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; user-select: none; touch-action: none; }

.slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging { transition: all 0s linear; }

.slider-handle { position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #1779ba; transition: all 0.2s ease-in-out; touch-action: manipulation; }
[data-whatinput='mouse'] .slider-handle { outline: 0; }
.slider-handle:hover { background-color: #14679e; }
.slider-handle.is-dragging { transition: all 0s linear; }

.slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; }

.slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1); }
.slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; }
.slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%); }

.sticky-container { position: relative; }

.sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); }

.sticky.is-stuck { position: fixed; z-index: 5; width: 100%; }
.sticky.is-stuck.is-at-top { top: 0; }
.sticky.is-stuck.is-at-bottom { bottom: 0; }

.sticky.is-anchored { position: relative; right: auto; left: auto; }
.sticky.is-anchored.is-at-bottom { bottom: 0; }

body.is-reveal-open { overflow: hidden; }

html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; position: fixed; user-select: none; }

.reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; }

.reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; }
[data-whatinput='mouse'] .reveal { outline: 0; }
@media print, screen and (min-width: 40em) { .reveal { min-height: 0; } }
.reveal .column, .reveal .columns { min-width: 0; }
.reveal > :last-child { margin-bottom: 0; }
@media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; } }
.reveal.collapse { padding: 0; }
@media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 75rem; } }
@media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 75rem; } }
@media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 75rem; } }
.reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; }
@media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } }
.reveal.without-overlay { position: fixed; }

.switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #fefefe; user-select: none; }

.switch-input { position: absolute; margin-bottom: 0; opacity: 0; }

.switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; }
input + .switch-paddle { margin: 0; }
.switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; transition: all 0.25s ease-out; content: ''; }
input:checked ~ .switch-paddle { background: #1779ba; }
input:checked ~ .switch-paddle::after { left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; }

.switch-active, .switch-inactive { position: absolute; top: 50%; transform: translateY(-50%); }

.switch-active { left: 8%; display: none; }
input:checked + label > .switch-active { display: block; }

.switch-inactive { right: 15%; }
input:checked + label > .switch-inactive { display: none; }

.switch.tiny { height: 1.5rem; }
.switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; }
.switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; }

.switch.small { height: 1.75rem; }
.switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; }
.switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after { left: 2rem; }

.switch.large { height: 2.5rem; }
.switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; }
.switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; }

table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; }
thead, tbody, tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; }

caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; }

thead { background: #f8f8f8; color: #0a0a0a; }

tfoot { background: #f1f1f1; color: #0a0a0a; }

thead tr, tfoot tr { background: transparent; }
thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; }

tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; }

tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; }

table.unstriped tbody { background-color: #fefefe; }
table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe; }

@media screen and (max-width: 63.9375em) { table.stack thead { display: none; }
  table.stack tfoot { display: none; }
  table.stack tr, table.stack th, table.stack td { display: block; }
  table.stack td { border-top: 0; } }

table.scroll { display: block; width: 100%; overflow-x: auto; }

table.hover thead tr:hover { background-color: #f3f3f3; }
table.hover tfoot tr:hover { background-color: #ececec; }
table.hover tbody tr:hover { background-color: #f9f9f9; }
table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; }

.table-scroll { overflow-x: auto; }
.table-scroll table { width: auto; }

.tabs { margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none; }
.tabs::before, .tabs::after { display: table; content: ' '; flex-basis: 0; order: 1; }
.tabs::after { clear: both; }

.tabs.vertical > li { display: block; float: none; width: auto; }

.tabs.simple > li > a { padding: 0; }
.tabs.simple > li > a:hover { background: transparent; }

.tabs.primary { background: #1779ba; }
.tabs.primary > li > a { color: #fefefe; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1673b1; }

.tabs-title { float: left; }
.tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #1779ba; }
.tabs-title > a:hover { background: #fefefe; color: #1468a0; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #1779ba; }

.tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; transition: all 0.5s ease; }

.tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; }

.tabs-panel { display: none; padding: 1rem; }
.tabs-panel.is-active { display: block; }

.thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #fefefe; border-radius: 0; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; }

a.thumbnail { transition: box-shadow 200ms ease-out; }
a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
a.thumbnail image { box-shadow: none; }

.title-bar { padding: 0.5rem; background: #0a0a0a; color: #fefefe; display: flex; justify-content: flex-start; align-items: center; }
.title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; }

.title-bar-left, .title-bar-right { flex: 1 1 0px; }

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

.title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; }

.has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; }

.tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #0a0a0a; font-size: 80%; color: #fefefe; }
.tooltip::before { position: absolute; }
.tooltip.bottom::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; bottom: 100%; }
.tooltip.bottom.align-center::before { left: 50%; transform: translateX(-50%); }
.tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; }
.tooltip.top.align-center::before { left: 50%; transform: translateX(-50%); }
.tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; left: 100%; }
.tooltip.left.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); }
.tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; right: 100%; left: auto; }
.tooltip.right.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); }
.tooltip.align-top::before { bottom: auto; top: 10%; }
.tooltip.align-bottom::before { bottom: 10%; top: auto; }
.tooltip.align-left::before { left: 10%; right: auto; }
.tooltip.align-right::before { left: auto; right: 10%; }

.top-bar { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0.5rem; flex-wrap: wrap; }
.top-bar, .top-bar ul { background-color: #e6e6e6; }
.top-bar input { max-width: 200px; margin-right: 1rem; }
.top-bar .input-group-field { width: 100%; margin-right: 0; }
.top-bar input.button { width: auto; }
.top-bar .top-bar-left, .top-bar .top-bar-right { flex: 0 0 100%; max-width: 100%; }
@media print, screen and (min-width: 40em) { .top-bar { flex-wrap: nowrap; }
  .top-bar .top-bar-left { flex: 1 1 auto; margin-right: auto; }
  .top-bar .top-bar-right { flex: 0 1 auto; margin-left: auto; } }
@media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium { flex-wrap: wrap; }
  .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { flex: 0 0 100%; max-width: 100%; } }
@media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large { flex-wrap: wrap; }
  .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { flex: 0 0 100%; max-width: 100%; } }

.top-bar-title { flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left, .top-bar-right { flex: 0 0 auto; }

.hide { display: none !important; }

.invisible { visibility: hidden; }

@media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } }

@media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } }

@media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } }

@media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } }

@media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } }

.show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; }

.show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; }

.show-for-landscape, .hide-for-portrait { display: block !important; }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } }
@media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } }

.hide-for-landscape, .show-for-portrait { display: none !important; }
@media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-center { display: block; margin-right: auto; margin-left: auto; }

.clearfix::before, .clearfix::after { display: table; content: ' '; flex-basis: 0; order: 1; }
.clearfix::after { clear: both; }

/*# sourceMappingURL=app.css.map */
.banner.contact {
  height: 900px;
}

#app > div:nth-child(4) > section.index_news > div > div.index_news_slider.slick-initialized.slick-slider > div > div > div {
    outline: none;
}

.pd1 .chart1.active svg.circular-chart path.circle,
.pd2 .chart1.active svg.circular-chart path.circle,
.pd1 .active.chart2 svg.circular-chart path.circle,
.pd2 .active.chart2 svg.circular-chart path.circle {

        stroke-dashoffset: 750px;

}

.pd1 .chart2.active svg.circular-chart path.circle,
.pd2 .chart2.active svg.circular-chart path.circle {

        stroke-dashoffset: 700px;

}

#app > div > section.os_downs_feathers > div.Knowledge_04 > div > ul > li > div.txt {
    text-align: center;
}

#app > div > section.Wl_Preface {
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url(../images/wl_bg_17.jpg);
}

.Subsidiary  {
    overflow: hidden;
}
.Subsidiary .article_container.sec:after {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url(../images/wl_bg_17.jpg);
}

#app > div > section.contact_container


.year-selector {
    text-align: right;
}
.year-selector select {
    width: 25%;
}
@media screen and (max-width: 39.9375em) {
    .year-selector select {
        width: 100%;
    }
}

.headContainer .lgContainer ul.submenu.is-dropdown-submenu a {
    font-size: small;
}