/* -------------------------------- 

Primary style

-------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:700');

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src:url(/fonts/Roboto.woff2) format("woff2")
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: 400;
  src:url(/fonts/RobotoCondensed.woff2) format("woff2")
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: 'Roboto', sans-serif;
  color: rgba(2, 23, 37, 0.7);
  background-image: url("/images/main-bg.jpg");
  letter-spacing: 1px;
}
body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll 
  overflow: hidden;*/
}

a {
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
  outline: none;
  -moz-focus-inner:outline:none;
  behavior:expression(this.onFocus=this.blur());
}
:focus {
  -moz-outline-style: none;
}
img {
  max-width: 100%;
  display: block;
}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}
.main .container {
    padding: 0 150px;
    width: 100%;
    }
@media only screen and (max-width: 1200px) {.main .container{padding: 0 30px;}}

.cd-header {
  position: absolute;
  top: 0;
  left: 0;
  background: #187543 none repeat scroll 0 0;
  height: 95px;
  width: 100%;
  z-index: 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 480px) {.cd-header{height: 60px;}}

@media only screen and (min-width: 1170px) {
  .cd-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header 
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
	*/
  }
}
.cd-header.menu-is-open {
    background-color: transparent;
  }
.cd-logo {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .875em;
}
.cd-logo img {
  display: block;
  width: 220px;
}
@media only screen and (max-width: 480px) {.cd-logo img{width: 140px;}}

@media only screen and (min-width: 768px) {
  .cd-logo {
    left: 2.6em;
  }
}


.cd-secondary-nav {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10em;
  /* hidden on small devices */
  display: none;
}
.cd-secondary-nav li {
  display: inline-block;
  margin-left: 2.2em;
}
.cd-secondary-nav a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .cd-secondary-nav {
    display: block;
  }
}

.cd-primary-nav-trigger {
  position: absolute;
  right: 2.2em;
  top: 0;
  height: 100%;
  width: 50px;
}
@media only screen and (max-width: 480px) {.cd-primary-nav-trigger{right: 0.875em;}}

.cd-primary-nav-trigger .cd-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 45px;
  height: 4px;
  background-color: white;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
@media only screen and (max-width: 480px) {.cd-primary-nav-trigger .cd-menu-icon{width: 35px;height: 3px;}}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
@media only screen and (max-width: 480px) {.cd-primary-nav-trigger .cd-menu-icon::after{top: 10px;}}

.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -15px;
}
@media only screen and (max-width: 480px) {.cd-primary-nav-trigger .cd-menu-icon::before{top: -9px;}}

.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 15px;
}
@media only screen and (max-width: 480px) {.cd-primary-nav-trigger .cd-menu-icon::after{top: 9px;}}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}


.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url("/images/primary-nav-bg.jpg");
  z-index: 20;
  text-align: center;
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media only screen and (max-width: 640px) {.cd-primary-nav{padding: 180px 0;}}
@media only screen and (max-width: 480px) {.cd-primary-nav{padding: 180px 0;}}
@media only screen and (max-width: 360px) {.cd-primary-nav{padding: 150px 0;}}

.cd-primary-nav li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .2em 0;
  text-transform: capitalize;
}
.cd-primary-nav a {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 0.25em;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  color: #DDDF00;
}
.cd-primary-nav a:hover {
  color: #ffffff;
  text-decoration: none;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
  text-decoration: none;
}
.cd-primary-nav .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}
.cd-primary-nav .cd-social {
  display: inline-block;
  margin: 0 .4em;
}
.cd-primary-nav .cd-social a {
  width: 44px;
  height: 44px;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-primary-nav .cd-facebook a {
  background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
  background-position: -44px 0;
}
.cd-primary-nav .cd-dribbble a {
  background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
  background-position: -132px 0;
}
.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    padding-top: 15%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    font-size: 2.7rem;
    font-weight: bold;
  }
  .cd-primary-nav .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }
}

.cd-intro {
  position: relative;
  height: 100%;
  background: url("../img/cd-background-img.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-intro h1 {
  position: absolute;
  width: 90%;
  max-width: 1170px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-intro h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    height: 700px;
  }
}

.cd-main-content {
  position: relative;
  z-index: 1;
}
.cd-main-content p {
  line-height: 1.6;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.site-footer {
    background-image: url("/images/footer-bg.jpg");
    color: #fff;
    height: 400px;
    width: 100%;
	margin-bottom: 80px;
}
@media only screen and (max-width: 960px) {.site-footer{height: 400px;}}
@media only screen and (max-width: 767px) {.site-footer{background-image: url("/images/footer-bg-767.jpg");height: 300px;}}
@media only screen and (max-width: 480px) {.site-footer{height: 250px;margin-bottom: 30px;}}

.main{
    margin-top:60px;
}
@media only screen and (max-width: 767px) {.main{margin-top:30px;}}

.site-footer .site-footer-left{
    float:left;
}
@media only screen and (max-width: 640px) {.site-footer .site-footer-left{float: none;width: 100%;overflow: hidden;}}

.site-footer .site-footer-left img{
    float:left;
	width: 400px;
	margin: 150px 0 0 150px;
}
@media only screen and (max-width: 1440px) {.site-footer .site-footer-left img{margin: 150px 0 0 30px;}}
@media only screen and (max-width: 960px) {.site-footer .site-footer-left img{width: 300px;margin: 150px 0 0 30px;}}
@media only screen and (max-width: 767px) {.site-footer .site-footer-left img{width: 220px;margin: 150px 0 0 30px;}}
@media only screen and (max-width: 640px) {.site-footer .site-footer-left img{width: 220px;margin: 30px;}}
@media only screen and (max-width: 480px) {.site-footer .site-footer-left img{width: 180px;margin: 20px;}}

.site-footer .site-footer-right {
    border-left: 3px solid #ffffff;
    float: right;
    margin: 90px 20px 0 0;
    padding: 0 0 0 30px;
	width: 50%;
}
@media only screen and (max-width: 960px) {.site-footer .site-footer-right{margin: 60px 20px 0 0;}}
@media only screen and (max-width: 640px) {.site-footer .site-footer-right{float: none;width: 100%;overflow: hidden;border: 0 none;margin: 0;padding: 0 30px;}}
@media only screen and (max-width: 480px) {.site-footer .site-footer-right{float: none;width: 100%;overflow: hidden;border: 0 none;margin: 0;padding: 0 20px;}}

.site-footer .site-footer-right .site-footer-right-01{
    border-bottom: 1px solid #ffffff;
    font-size: 60px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
@media only screen and (max-width: 960px) {.site-footer .site-footer-right .site-footer-right-01{font-size: 50px;}}
@media only screen and (max-width: 767px) {.site-footer .site-footer-right .site-footer-right-01{font-size: 40px;}}
@media only screen and (max-width: 480px) {.site-footer .site-footer-right .site-footer-right-01{font-size: 25px;}}

.site-footer .site-footer-right .site-footer-right-02{
    font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 960px) {.site-footer .site-footer-right .site-footer-right-02{font-size: 16px;line-height: 20px;}}
@media only screen and (max-width: 767px) {.site-footer .site-footer-right .site-footer-right-02{font-size: 14px;line-height: 18px;}}
@media only screen and (max-width: 480px) {.site-footer .site-footer-right .site-footer-right-02{font-size: 12px;line-height: 16px;}}

.site-footer .site-footer-right .site-footer-right-03 ul li{
    padding: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {.site-footer .site-footer-right .site-footer-right-03 ul li{font-size: 14px;padding: 0 0 10px 0;}}
@media only screen and (max-width: 480px) {.site-footer .site-footer-right .site-footer-right-03 ul li{font-size: 12px;padding: 0 0 10px 0;}}

.site-footer .site-footer-right .site-footer-right-03 ul li a{
    color: #ffffff;
}
.site-footer .site-footer-right .site-footer-right-03 .site-footer-right-03-left{
    float: left;
	width:70px;
}
.site-footer .site-footer-bottom{
    padding: 60px 60px 0;
    text-align: right;
    width: 100%;
}
@media only screen and (max-width: 640px) {.site-footer .site-footer-bottom{text-align: left;padding: 30px;font-size: 14px;}}
@media only screen and (max-width: 480px) {.site-footer .site-footer-bottom{text-align: left;padding: 20px;font-size: 12px;}}


/* -------------------------------- 
Index
-------------------------------- */
.index-top {
    background-image: url("/images/contact-bg.jpg");
    color: #fff;
    height: 830px;
    width: 100%;
	margin-top: 95px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 1440px) {.index-top{height: 650px;}}
@media only screen and (max-width: 1024px) {.index-top{height: 500px;}}
@media only screen and (max-width: 767px) {.index-top{height: 400px;}}
@media only screen and (max-width: 640px) {.index-top{height: 320px;}}
@media only screen and (max-width: 480px) {.index-top{margin-top: 60px;height: 270px;}}
@media only screen and (max-width: 360px) {.index-top{margin-top: 60px;height: auto;}}

.index-top .index-top-left{
    width: 62%;
	float: left;
}
@media only screen and (max-width: 640px) {.index-top .index-top-left{width: 55%;}}
@media only screen and (max-width: 480px) {.index-top .index-top-left{width: 50%;}}
@media only screen and (max-width: 360px) {.index-top .index-top-left{width: 100%;}}

.index-top .index-top-right{
    width: 37%;
	float: left;
}
@media only screen and (max-width: 640px) {.index-top .index-top-right{width: 45%;}}
@media only screen and (max-width: 480px) {.index-top .index-top-right{width: 50%;}}
@media only screen and (max-width: 360px) {.index-top .index-top-right{width: 100%;}}

.index-top .index-top-right .index-top-right-01 {
  color: #dddf00;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 100px;
  font-weight: bold;
  line-height: 120px;
  margin: 160px 0 0 70px;
  width: 65%;
  font-stretch: wider;
  letter-spacing: 4px;
}
@media only screen and (max-width: 1680px) {.index-top .index-top-right .index-top-right-01{margin: 70px 0 0 70px;}}
@media only screen and (max-width: 1440px) {.index-top .index-top-right .index-top-right-01{font-size: 80px;line-height: 100px;margin: 70px 0 0 70px;}}
@media only screen and (max-width: 1280px) {.index-top .index-top-right .index-top-right-01{font-size: 80px;line-height: 100px;margin: 40px 0 0 70px;}}
@media only screen and (max-width: 1024px) {.index-top .index-top-right .index-top-right-01{font-size: 60px;line-height: 70px;margin: 40px 0 0 70px;}}
@media only screen and (max-width: 850px) {.index-top .index-top-right .index-top-right-01{font-size: 60px;line-height: 70px;margin: 40px 0 0 45px;}}
@media only screen and (max-width: 767px) {.index-top .index-top-right .index-top-right-01{font-size: 50px;line-height: 60px;margin: 20px 0 0 30px;}}
@media only screen and (max-width: 640px) {.index-top .index-top-right .index-top-right-01{font-size: 45px;line-height: 45px;margin: 10px 0 0 30px;}}
@media only screen and (max-width: 480px) {.index-top .index-top-right .index-top-right-01{font-size: 35px;line-height: 35px;margin: 10px 0 0 20px;}}
@media only screen and (max-width: 360px) {.index-top .index-top-right .index-top-right-01{font-size: 45px;line-height: 45px;margin: 10px 0 0 30px;width: 100%;}}

.index-top .index-top-right .index-top-right-02 {
	transform: skew(-15deg);
	margin: 50px 0 0 80px;
}
@media only screen and (max-width: 1440px) {.index-top .index-top-right .index-top-right-02{margin: 30px 0 0 80px;}}
@media only screen and (max-width: 767px) {.index-top .index-top-right .index-top-right-02{margin: 15px 0 0 30px;}}
@media only screen and (max-width: 480px) {.index-top .index-top-right .index-top-right-02{margin: 10px 0 0 20px;}}
@media only screen and (max-width: 360px) {.index-top .index-top-right .index-top-right-02{margin: 15px 0 0 30px;}}

.index-top .index-top-right .index-top-right-02 a {
  border: 2px solid #dddf00;
  color: #dddf00;
  display: block;
  padding: 15px;
  width: 145px;
}
@media only screen and (max-width: 1024px) {.index-top .index-top-right .index-top-right-02 a{width: 125px;padding: 10px;font-size: 15px;}}
@media only screen and (max-width: 640px) {.index-top .index-top-right .index-top-right-02 a{width: 110px;padding: 10px;font-size: 12px;}}

.index-top .index-top-right .index-top-right-02 a:hover {
  border: 2px solid #dddf00;
  color: #ffffff;
  background: #dddf00 none repeat scroll 0 0;
  text-decoration: none;
}
.index-top .index-top-scroll {
    margin: 0 auto;
    padding: 35px 0;
    width: 100px;
}
.index-01 {
    height: 900px;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 1650px) {.index-01{height: 750px;}}
@media only screen and (max-width: 1440px) {.index-01{height: 620px;}}
@media only screen and (max-width: 1250px) {.index-01{height: 550px;}}
@media only screen and (max-width: 1024px) {.index-01{height: 510px;}}
@media only screen and (max-width: 900px) {.index-01{height: 420px;}}
@media only screen and (max-width: 767px) {.index-01{height: 350px;}}
@media only screen and (max-width: 640px) {.index-01{height: 300px;}}
@media only screen and (max-width: 480px) {.index-01{height: auto;}}

.index-01 .index-01-left{
	position: absolute;
	z-index: 10;
}
@media only screen and (max-width: 480px) {.index-01 .index-01-left{position: relative;width: 100%;}}

.index-01 .index-01-left .index-01-left-number{
	width: 150px;
	margin: 100px 0 0;
}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-number{margin: 30px 0 0;width: 120px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-number{margin: 30px 0 0;width: 100px;}}
@media only screen and (max-width: 640px) {.index-01 .index-01-left .index-01-left-number{margin: 15px 0 0;width: 80px;}}

.index-01 .index-01-left .index-01-left-title{
	width: 950px;
	margin: 130px 0 0 50px;
}
@media only screen and (max-width: 1440px) {.index-01 .index-01-left .index-01-left-title{width: 700px;margin: 50px 0 0 50px;}}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-title{width: 500px;margin: 50px 0 0 50px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-title{width: 400px;margin: 50px 0 0 0;}}
@media only screen and (max-width: 640px) {.index-01 .index-01-left .index-01-left-title{width: 320px;margin: 20px 0 0 0;}}
@media only screen and (max-width: 480px) {.index-01 .index-01-left .index-01-left-title{width: 100%;margin: 20px 0 0 0;}}
@media only screen and (max-width: 360px) {.index-01 .index-01-left .index-01-left-title{display:none;}}

.index-01 .index-01-left .index-01-left-title1 {
  color: #28a57a;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 80px;
  line-height: 90px;
  margin: -350px 0 0 100px;
  position: absolute;
  width: 250px;
}
@media only screen and (max-width: 1440px) {.index-01 .index-01-left .index-01-left-title1{font-size: 70px;line-height: 70px;margin: -250px 0 0 100px;}}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-title1{font-size: 60px;line-height: 60px;margin: -200px 0 0 100px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-title1{font-size: 50px;line-height: 50px;margin: -160px 0 0 30px;}}
@media only screen and (max-width: 640px) {.index-01 .index-01-left .index-01-left-title1{font-size: 40px;line-height: 40px;margin: -130px 0 0 20px;}}
@media only screen and (max-width: 480px) {.index-01 .index-01-left .index-01-left-title1{font-size: 40px;line-height: 40px;margin: -130px 0 0 20px;}}
@media only screen and (max-width: 360px) {.index-01 .index-01-left .index-01-left-title1{margin: 15px 0 0;position: relative;width: 100%;}}

.index-01 .index-01-left .index-01-left-title2 {
  color: #28a57a;
  font-family: 微軟正黑體;
  font-size: 32px;
  font-weight: bold;
  margin: -90px 0 0 100px;
  position: absolute;
}
@media only screen and (max-width: 1440px) {.index-01 .index-01-left .index-01-left-title2{font-size: 28px;margin: -70px 0 0 100px;}}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-title2{font-size: 24px;margin: -50px 0 0 100px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-title2{font-size: 20px;margin: -40px 0 0 30px;}}
@media only screen and (max-width: 640px) {.index-01 .index-01-left .index-01-left-title2{font-size: 18px;margin: -30px 0 0 20px;}}
@media only screen and (max-width: 480px) {.index-01 .index-01-left .index-01-left-title2{margin: -40px 0 0 20px;position: relative;}}
@media only screen and (max-width: 360px) {.index-01 .index-01-left .index-01-left-title2{margin: 5px 0 0;position: relative;width: 100%;}}

.index-01 .index-01-left .index-01-left-title3 {
  color: #28a57a;
  font-size: 18px;
  line-height: 30px;
  margin: -45px 0 0 100px;
  position: absolute;
  width: 450px;
}
@media only screen and (max-width: 1440px) {.index-01 .index-01-left .index-01-left-title3{font-size: 16px;margin: -35px 0 0 100px;}}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-title3{font-size: 14px;margin: -15px 0 0 100px;line-height: 20px;width: 300px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-title3{font-size: 13px;margin: -10px 0 0 30px;line-height: 18px;width: 260px;}}
@media only screen and (max-width: 640px) {.index-01 .index-01-left .index-01-left-title3{font-size: 13px;margin: -5px 0 0 20px;line-height: 18px;width: 200px;}}
@media only screen and (max-width: 480px) {.index-01 .index-01-left .index-01-left-title3{font-size: 13px;margin: 10px 0 0 20px;line-height: 18px;width: 250px;position: relative;}}
@media only screen and (max-width: 360px) {.index-01 .index-01-left .index-01-left-title3{margin: 5px 0 0;position: relative;width: 100%;}}

.index-01 .index-01-left .index-01-left-more{
	margin: 60px 0 0 100px;
	position: absolute;
	transform: skew(-15deg);
}
@media only screen and (max-width: 1650px) {.index-01 .index-01-left .index-01-left-more{margin: 20px 0 0 100px;}}
@media only screen and (max-width: 1440px) {.index-01 .index-01-left .index-01-left-more{margin: 20px 0 0 100px;}}
@media only screen and (max-width: 1250px) {.index-01 .index-01-left .index-01-left-more{margin: 0 0 0 100px;}}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-more{margin: 60px 0 0 100px;}}
@media only screen and (max-width: 900px) {.index-01 .index-01-left .index-01-left-more{margin: 20px 0 0 100px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-more{margin: 20px 0 0 30px;}}
@media only screen and (max-width: 640px) {.index-01 .index-01-left .index-01-left-more{margin: 25px 0 0 20px;}}
@media only screen and (max-width: 480px) {.index-01 .index-01-left .index-01-left-more{margin: 5px 0 10px 20px;position: relative;}}
@media only screen and (max-width: 360px) {.index-01 .index-01-left .index-01-left-more{margin: 5px 0 10px 5px;position: relative;}}

.index-01 .index-01-left .index-01-left-more a {
  border: 2px solid #28a57a;
  color: #28a57a;
  display: block;
  padding: 12px 15px;
  width: 145px;
}
@media only screen and (max-width: 1024px) {.index-01 .index-01-left .index-01-left-more a{font-size: 13px;padding: 8px 10px;width: 110px;}}
@media only screen and (max-width: 767px) {.index-01 .index-01-left .index-01-left-more a{font-size: 12px;padding: 8px 10px;width: 105px;}}

.index-01 .index-01-left .index-01-left-more a:hover {
  border: 2px solid #28a57a;
  color: #ffffff;
  background: #28a57a none repeat scroll 0 0;
  text-decoration: none;
}

.index-01 .index-01-right{
	position: absolute;
    right: 0;
    width: 48%;
	z-index: 9;
}
@media only screen and (max-width: 480px) {.index-01 .index-01-right{position: relative;width: 100%;}}

.index-02 {
    height: 880px;
    overflow: hidden;
    position: relative;
	background: #33ac64 none repeat scroll 0 0;
}
@media only screen and (max-width: 1680px) {.index-02{height: 650px;}}
@media only screen and (max-width: 1440px) {.index-02{height: 550px;}}
@media only screen and (max-width: 1280px) {.index-02{height: 480px;}}
@media only screen and (max-width: 1024px) {.index-02{height: 400px;}}
@media only screen and (max-width: 767px) {.index-02{height: 300px;}}
@media only screen and (max-width: 480px) {.index-02{height: auto;}}

.index-02 .index-02-left{
	position: absolute;
	z-index: 10;
	right: 0;
}
@media only screen and (max-width: 480px) {.index-02 .index-02-left{position: relative;width: 100%;}}

.index-02 .index-02-left .index-02-left-number{
	width: 150px;
	margin: 50px 0 0;
}
@media only screen and (max-width: 1280px) {.index-02 .index-02-left .index-02-left-number{width: 120px;margin: 30px 0 0;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-number{width: 100px;margin: 30px 0 0;}}
@media only screen and (max-width: 640px) {.index-02 .index-02-left .index-02-left-number{width: 80px;margin: 30px 0 0;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-left .index-02-left-number{width: 80px;margin: 30px 0 0 10px;}}

.index-02 .index-02-left .index-02-left-title {
  margin: 120px 0 0 -630px;
  position: absolute;
  width: 700px;
}
@media only screen and (max-width: 1440px) {.index-02 .index-02-left .index-02-left-title{width: 600px;margin: 80px 0 0 -520px;}}
@media only screen and (max-width: 1280px) {.index-02 .index-02-left .index-02-left-title{width: 600px;margin: 80px 0 0 -490px;}}
@media only screen and (max-width: 1024px) {.index-02 .index-02-left .index-02-left-title{width: 500px;margin: 50px 0 0 -390px;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-title{width: 400px;margin: 30px 0 0 -310px;}}
@media only screen and (max-width: 640px) {.index-02 .index-02-left .index-02-left-title{width: 300px;margin: 55px 0 0 -230px;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-left .index-02-left-title{display:none;}}

.index-02 .index-02-left .index-02-left-title1 {
  color: #ffffff;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 72px;
  line-height: 90px;
  margin: 50px 0 0 -540px;
  position: absolute;
  width: 500px;
}
@media only screen and (max-width: 1440px) {.index-02 .index-02-left .index-02-left-title1{font-size: 60px;line-height: 70px;margin: 50px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-02 .index-02-left .index-02-left-title1{font-size: 60px;line-height: 70px;margin: 50px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-02 .index-02-left .index-02-left-title1{font-size: 50px;line-height: 60px;margin: 20px 0 0 -340px;}}
@media only screen and (max-width: 960px) {.index-02 .index-02-left .index-02-left-title1{font-size: 50px;line-height: 60px;margin: 20px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-title1{font-size: 40px;line-height: 40px;margin: 20px 0 0 -240px;width: 350px;}}
@media only screen and (max-width: 640px) {.index-02 .index-02-left .index-02-left-title1{font-size: 35px;line-height: 40px;margin: 20px 0 0 -210px;width: 240px;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-left .index-02-left-title1{font-size: 40px;line-height: 40px;margin: 20px 10px 0;width: 100%;position: relative;}}

.index-02 .index-02-left .index-02-left-title2 {
  color: #ffffff;
  font-family: 微軟正黑體;
  font-size: 32px;
  font-weight: bold;
  margin: 410px 0 0 -540px;
  position: absolute;
}
@media only screen and (max-width: 1440px) {.index-02 .index-02-left .index-02-left-title2{font-size: 28px;margin: 220px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-02 .index-02-left .index-02-left-title2{font-size: 28px;margin: 220px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-02 .index-02-left .index-02-left-title2{font-size: 24px;margin: 160px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-title2{font-size: 24px;margin: 135px 0 0 -210px;}}
@media only screen and (max-width: 640px) {.index-02 .index-02-left .index-02-left-title2{font-size: 18px;margin: 115px 0 0 -170px;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-left .index-02-left-title2{font-size: 18px;margin: 5px 10px;position: relative;}}

.index-02 .index-02-left .index-02-left-title3 {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  margin: 460px 0 0 -535px;
  position: absolute;
  width: 450px;
}
@media only screen and (max-width: 1440px) {.index-02 .index-02-left .index-02-left-title3{font-size: 16px;margin: 260px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-02 .index-02-left .index-02-left-title3{font-size: 16px;margin: 260px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-02 .index-02-left .index-02-left-title3{font-size: 14px;line-height: 24px;width: 350px;margin: 190px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-title3{font-size: 13px;line-height: 18px;width: 250px;margin: 170px 0 0 -210px;}}
@media only screen and (max-width: 640px) {.index-02 .index-02-left .index-02-left-title3{font-size: 13px;line-height: 18px;width: 200px;margin: 140px 0 0 -170px;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-left .index-02-left-title3{font-size: 13px;line-height: 18px;width: 90%;margin: 0 10px;position: relative;}}

.index-02 .index-02-left .index-02-left-more {
  margin: 560px 0 0 -530px;
  position: absolute;
  transform: skew(-15deg);
}
@media only screen and (max-width: 1680px) {.index-02 .index-02-left .index-02-left-more{margin: 450px 0 0 -530px;}}
@media only screen and (max-width: 1440px) {.index-02 .index-02-left .index-02-left-more{margin: 330px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-02 .index-02-left .index-02-left-more{margin: 330px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-02 .index-02-left .index-02-left-more{margin: 250px 0 0 -340px;}}
@media only screen and (max-width: 960px) {.index-02 .index-02-left .index-02-left-more{margin: 250px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-more{margin: 180px 0 0 -230px;}}
@media only screen and (max-width: 640px) {.index-02 .index-02-left .index-02-left-more{margin: 170px 0 0 -200px;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-left .index-02-left-more{margin: 10px;}}

.index-02 .index-02-left .index-02-left-more a {
  border: 2px solid #dddf00;
  color: #dddf00;
  display: block;
  padding: 12px 15px;
  width: 140px;
}
@media only screen and (max-width: 1024px) {.index-02 .index-02-left .index-02-left-more a{font-size: 13px;padding: 8px 10px;width: 110px;}}
@media only screen and (max-width: 767px) {.index-02 .index-02-left .index-02-left-more a{font-size: 12px;padding: 8px 10px;width: 105px;}}

.index-02 .index-02-left .index-02-left-more a:hover {
  border: 2px solid #dddf00;
  color: #ffffff;
  background: #dddf00 none repeat scroll 0 0;
  text-decoration: none;
}
.index-02 .index-02-right{
	position: absolute;
    left: 0;
    width: 59%;
	z-index: 9;
}
@media only screen and (max-width: 1680px) {.index-02 .index-02-right{width: 50%;}}
@media only screen and (max-width: 480px) {.index-02 .index-02-right{position: relative;width: 100%;margin: 60px 0 0;}}

.index-03 {
    height: 1100px;
    overflow: hidden;
    position: relative;
	background: #33ac64 none repeat scroll 0 0;
}
@media only screen and (max-width: 1024px) {.index-03{height: 830px;}}
@media only screen and (max-width: 767px) {.index-03{height: 730px;}}
@media only screen and (max-width: 640px) {.index-03{height: 680px;}}
@media only screen and (max-width: 480px) {.index-03{height: auto;}}

.index-03 .index-03-left{
	position: absolute;
	z-index: 10;
	width: 47%;
	background-image: url("/images/index-03-left-bg.jpg");
	height: 800px;
}
@media only screen and (max-width: 640px) {.index-03 .index-03-left{width: 55%;height: 600px;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left{width: 100%;position: relative;height: auto;}}

.index-03 .index-03-left .index-03-left-number{
	width: 150px;
	margin: 100px 0 0;
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-number{width: 120px;margin: 50px 0 0;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-number{width: 90px;margin: 0 10px;padding: 10px 0;}}

.index-03 .index-03-left .index-03-left-title {
    margin: 100px 0 0;
    width: 750px;
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-title{width: 550px;margin: 50px 0 0;}}
@media only screen and (max-width: 767px) {.index-03 .index-03-left .index-03-left-title{width: 400px;margin: 30px 0 0;}}
@media only screen and (max-width: 640px) {.index-03 .index-03-left .index-03-left-title{width: 320px;margin: 30px 0 0;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-title{display: none;}}

.index-03 .index-03-left .index-03-left-title1 {
  color: #ffffff;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 80px;
  line-height: 90px;
  margin: -350px 0 0 110px;
  position: absolute;
  width: 400px;
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-title1{font-size: 60px;line-height: 60px;margin: -250px 0 0 60px;}}
@media only screen and (max-width: 767px) {.index-03 .index-03-left .index-03-left-title1{font-size: 50px;line-height: 50px;margin: -200px 0 0 40px;}}
@media only screen and (max-width: 640px) {.index-03 .index-03-left .index-03-left-title1{font-size: 40px;line-height: 40px;margin: -160px 0 0 40px;width: 180px;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-title1{font-size: 40px;line-height: 40px;margin: 0 10px;width: 100%;position: relative;}}

.index-03 .index-03-left .index-03-left-title2 {
  color: #ffffff;
  font-family: 微軟正黑體;
  font-size: 32px;
  font-weight: bold;
  margin: -120px 0 0 110px;
  position: absolute;
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-title2{font-size: 24px;margin: -95px 0 0 60px;}}
@media only screen and (max-width: 767px) {.index-03 .index-03-left .index-03-left-title2{font-size: 24px;margin: -70px 0 0 40px;}}
@media only screen and (max-width: 640px) {.index-03 .index-03-left .index-03-left-title2{font-size: 18px;margin: -55px 0 0 40px;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-title2{font-size: 18px;margin: 10px;width: 100%;position: relative;}}

.index-03 .index-03-left .index-03-left-title3 {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    margin: -75px 0 0 110px;
    position: absolute;
    width: 450px;
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-title3{font-size: 14px;line-height: 24px;margin: -65px 0 0 60px;width: 350px;}}
@media only screen and (max-width: 767px) {.index-03 .index-03-left .index-03-left-title3{font-size: 13px;line-height: 18px;margin: -40px 0 0 40px;width: 250px;}}
@media only screen and (max-width: 640px) {.index-03 .index-03-left .index-03-left-title3{font-size: 13px;line-height: 18px;margin: -25px 0 0 40px;width: 250px;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-title3{font-size: 13px;line-height: 18px;margin: 0 10px;width: 90%;position: relative;}}

.index-03 .index-03-left .index-03-left-more{
	margin: 30px 0 0 100px;
	position: absolute;
	transform: skew(-15deg);
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-more{margin: 0 0 0 60px;}}
@media only screen and (max-width: 767px) {.index-03 .index-03-left .index-03-left-more{margin: 20px 0 0 40px;}}
@media only screen and (max-width: 640px) {.index-03 .index-03-left .index-03-left-more{margin: 40px 0 0 40px;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-more{margin: 10px;}}

.index-03 .index-03-left .index-03-left-more a {
  border: 2px solid #ffffff;
  color: #ffffff;
  display: block;
  padding: 12px 15px;
  width: 140px;
}
@media only screen and (max-width: 1024px) {.index-03 .index-03-left .index-03-left-more a{font-size: 13px;padding: 8px 10px;width: 110px;}}
@media only screen and (max-width: 767px) {.index-03 .index-03-left .index-03-left-more a{font-size: 12px;padding: 8px 10px;width: 105px;}}

.index-03 .index-03-left .index-03-left-more a:hover {
  border: 2px solid #ffffff;
  color: #333333;
  background: #ffffff none repeat scroll 0 0;
  text-decoration: none;
}
.index-03 .index-03-left .index-03-left-business {
    background: #338559 none repeat scroll 0 0;
    margin: 120px 0 0;
    overflow: hidden;
    position: absolute;
	width: 100%;
	height: 280px;
}
@media only screen and (max-width: 480px) {.index-03 .index-03-left .index-03-left-business{margin: 60px 0 0;height: auto;position: relative;}}

.index-03 .index-03-right{
	position: absolute;
    right: 0;
    width: 62%;
	z-index: 9;
	margin: 60px 0 0;
}
@media only screen and (max-width: 640px) {.index-03 .index-03-right{width: 45%;margin: 0;}}
@media only screen and (max-width: 480px) {.index-03 .index-03-right{width: 100%;position: relative;margin: 0;}}

.index-04 {
    height: 880px;
    overflow: hidden;
    position: relative;
	background: #e2e331 none repeat scroll 0 0;
	margin-bottom: 40px;
}
@media only screen and (max-width: 1680px) {.index-04{height: 650px;}}
@media only screen and (max-width: 1440px) {.index-04{height: 550px;}}
@media only screen and (max-width: 1280px) {.index-04{height: 480px;}}
@media only screen and (max-width: 1024px) {.index-04{height: 400px;}}
@media only screen and (max-width: 767px) {.index-04{height: 300px;}}
@media only screen and (max-width: 480px) {.index-04{height: auto;margin-bottom: 20px;}}

.index-04 .index-04-left{
	position: absolute;
	z-index: 10;
	right: 0;
}
@media only screen and (max-width: 480px) {.index-04 .index-04-left{position: relative;width: 100%;}}

.index-04 .index-04-left .index-04-left-number{
	width: 150px;
	margin: 100px 0 0;
}
@media only screen and (max-width: 1280px) {.index-04 .index-04-left .index-04-left-number{width: 120px;margin: 30px 0 0;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-number{width: 100px;margin: 30px 0 0;}}
@media only screen and (max-width: 640px) {.index-04 .index-04-left .index-04-left-number{width: 80px;margin: 30px 0 0;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-left .index-04-left-number{width: 80px;margin: 30px 0 0 10px;}}

.index-04 .index-04-left .index-04-left-title {
  margin: 160px 0 0 -630px;
  position: absolute;
  width: 700px;
}
@media only screen and (max-width: 1440px) {.index-04 .index-04-left .index-04-left-title{width: 600px;margin: 20px 0 0 -520px;}}
@media only screen and (max-width: 1280px) {.index-04 .index-04-left .index-04-left-title{width: 600px;margin: 20px 0 0 -490px;}}
@media only screen and (max-width: 1024px) {.index-04 .index-04-left .index-04-left-title{width: 500px;margin: -10px 0 0 -390px;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-title{width: 400px;margin: 0 0 0 -310px;}}
@media only screen and (max-width: 640px) {.index-04 .index-04-left .index-04-left-title{width: 300px;margin: 15px 0 0 -230px;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-left .index-04-left-title{display:none;}}

.index-04 .index-04-left .index-04-left-title1 {
  color: #ffffff;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 80px;
  line-height: 90px;
  margin: 170px 0 0 -540px;
  position: absolute;
  width: 400px;
}
@media only screen and (max-width: 1440px) {.index-04 .index-04-left .index-04-left-title1{font-size: 70px;line-height: 70px;margin: 50px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-04 .index-04-left .index-04-left-title1{font-size: 70px;line-height: 70px;margin: 50px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-04 .index-04-left .index-04-left-title1{font-size: 60px;line-height: 60px;margin: 10px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-title1{font-size: 50px;line-height: 50px;margin: 10px 0 0 -230px;}}
@media only screen and (max-width: 640px) {.index-04 .index-04-left .index-04-left-title1{font-size: 40px;line-height: 40px;margin: 20px 0 0 -200px;width: 240px;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-left .index-04-left-title1{font-size: 40px;line-height: 40px;margin: 20px 10px 0;width: 100%;position: relative;}}

.index-04 .index-04-left .index-04-left-title2 {
  color: #ffffff;
  font-family: 微軟正黑體;
  font-size: 32px;
  font-weight: bold;
  margin: 300px 0 0 -540px;
  position: absolute;
}
@media only screen and (max-width: 1440px) {.index-04 .index-04-left .index-04-left-title2{font-size: 28px;margin: 130px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-04 .index-04-left .index-04-left-title2{font-size: 28px;margin: 130px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-04 .index-04-left .index-04-left-title2{font-size: 24px;margin: 85px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-title2{font-size: 24px;margin: 80px 0 0 -230px;}}
@media only screen and (max-width: 640px) {.index-04 .index-04-left .index-04-left-title2{font-size: 18px;margin: 75px 0 0 -200px;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-left .index-04-left-title2{font-size: 18px;margin: 5px 10px;position: relative;}}

.index-04 .index-04-left .index-04-left-title3 {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  margin: 340px 0 0 -535px;
  position: absolute;
  width: 450px;
}
@media only screen and (max-width: 1440px) {.index-04 .index-04-left .index-04-left-title3{font-size: 16px;margin: 160px 0 0 -430px;line-height: 24px;}}
@media only screen and (max-width: 1280px) {.index-04 .index-04-left .index-04-left-title3{font-size: 16px;margin: 160px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-04 .index-04-left .index-04-left-title3{font-size: 14px;line-height: 24px;width: 350px;margin: 115px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-title3{font-size: 13px;line-height: 18px;width: 250px;margin: 110px 0 0 -230px;}}
@media only screen and (max-width: 640px) {.index-04 .index-04-left .index-04-left-title3{font-size: 13px;line-height: 18px;width: 200px;margin: 100px 0 0 -200px;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-left .index-04-left-title3{font-size: 13px;line-height: 18px;width: 90%;margin: 0 10px;position: relative;}}

.index-04 .index-04-left .index-04-left-more {
  margin: 440px 0 0 -530px;
  position: absolute;
  transform: skew(-15deg);
}
@media only screen and (max-width: 1680px) {.index-04 .index-04-left .index-04-left-more{margin: 400px 0 0 -530px;}}
@media only screen and (max-width: 1440px) {.index-04 .index-04-left .index-04-left-more{margin: 220px 0 0 -430px;}}
@media only screen and (max-width: 1280px) {.index-04 .index-04-left .index-04-left-more{margin: 220px 0 0 -400px;}}
@media only screen and (max-width: 1024px) {.index-04 .index-04-left .index-04-left-more{margin: 170px 0 0 -310px;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-more{margin: 175px 0 0 -230px;}}
@media only screen and (max-width: 640px) {.index-04 .index-04-left .index-04-left-more{margin: 180px 0 0 -200px;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-left .index-04-left-more{margin: 10px;}}

.index-04 .index-04-left .index-04-left-more a {
  border: 2px solid #ffffff;
  color: #ffffff;
  display: block;
  padding: 12px 15px;
  width: 140px;
}
@media only screen and (max-width: 1024px) {.index-04 .index-04-left .index-04-left-more a{font-size: 13px;padding: 8px 10px;width: 110px;}}
@media only screen and (max-width: 767px) {.index-04 .index-04-left .index-04-left-more a{font-size: 12px;padding: 8px 10px;width: 105px;}}

.index-04 .index-04-left .index-04-left-more a:hover {
  border: 2px solid #ffffff;
  color: #333333;
  background: #ffffff none repeat scroll 0 0;
  text-decoration: none;
}
.index-04 .index-04-right{
	position: absolute;
    left: 0;
    width: 59%;
	z-index: 9;
}
@media only screen and (max-width: 1680px) {.index-04 .index-04-right{width: 50%;}}
@media only screen and (max-width: 480px) {.index-04 .index-04-right{position: relative;width: 100%;margin: 60px 0 0;}}

/* -------------------------------- 
About
-------------------------------- */
.about-top {
    background-image: url("/images/contact-bg.jpg");
    color: #fff;
    height: 830px;
    width: 100%;
	margin-top: 95px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 1680px) {.about-top{height: 750px;}}
@media only screen and (max-width: 1400px) {.about-top{height: 650px;}}
@media only screen and (max-width: 1280px) {.about-top{height: 600px;}}
@media only screen and (max-width: 1024px) {.about-top{height: 500px;}}
@media only screen and (max-width: 767px) {.about-top{height: 400px;}}
@media only screen and (max-width: 480px) {.about-top{margin-top: 60px;height: auto;}}

.about-top .about-top-left{
    width: 62%;
	float: left;
}
@media only screen and (max-width: 360px) {.about-top .about-top-left{width: 100%;}}

.about-top .about-top-right{
    width: 38%;
	float: left;
}
@media only screen and (max-width: 360px) {.about-top .about-top-right{width: 100%;}}

.about-top .about-top-right .about-top-right-01{
    width: 390px;
	margin: 40% 0 20px;
}
@media only screen and (max-width: 960px) {.about-top .about-top-right .about-top-right-01{width: 90%;margin: 25% 0 20px;}}
@media only screen and (max-width: 480px) {.about-top .about-top-right .about-top-right-01{width: 90%;margin: 15% 0 10px;}}
@media only screen and (max-width: 360px) {.about-top .about-top-right .about-top-right-01{width: 90%;margin: 10px 0 10px;}}

.about-top .about-top-right .about-top-right-01t {
  font-size: 60px;
  padding: 0 0 0 90px;
  width: 450px;
}


.about-top .about-top-right .about-top-right-02 {
  font-size: 20px;
  padding: 0 0 0 90px;
  width: 450px;
}
@media only screen and (max-width: 960px) {.about-top .about-top-right .about-top-right-02{padding: 0 0 0 45px;width: 100%;}}
@media only screen and (max-width: 480px) {.about-top .about-top-right .about-top-right-02{font-size: 16px;padding: 0 0 0 25px;}}
@media only screen and (max-width: 360px) {.about-top .about-top-right .about-top-right-02{font-size: 16px;padding: 0 0 0 45px;}}

.about-top .about-top-scroll {
    margin: 0 auto;
    padding: 35px 0;
    width: 100px;
}
.about-history {
	padding:5% 3%;
	overflow: hidden;
}
.about-history ul li{
	overflow: hidden;
	background-image: url("/images/about-history-dot.png");
}
@media only screen and (max-width: 480px) {.about-history ul li{background-image: url("/images/about-history-dot-480.png");}}

.about-history ul li:last-child{
	overflow: hidden;
	background-image: url("/images/about-history-dot2.png");
}
@media only screen and (max-width: 480px) {.about-history ul li:last-child{background-image: url("/images/about-history-dot2-480.png");}}

.about-history-dot {
    float: left;
    height: 10px;
    width: 38px;
}
.about-history-dot2 {
    float: left;
    height: 25px;
    width: 38px;
}
.about-history-arrow {
    float: left;
    margin: 4px 30px 0 60px;
    width: 55px;
}
@media only screen and (max-width: 640px) {.about-history-arrow{margin: 4px 30px 0 20px;}}
@media only screen and (max-width: 480px) {.about-history-arrow{margin: 4px 10px 0 5px;width: 40px;}}

.about-history-content {
    float: left;
    width: 85%;
	margin-bottom: 55px;
}
@media only screen and (max-width: 1440px) {.about-history-content{width: 80%;}}
@media only screen and (max-width: 1010px) {.about-history-content{width: 75%;}}
@media only screen and (max-width: 820px) {.about-history-content{width: 68%;}}
@media only screen and (max-width: 640px) {.about-history-content{width: 65%;}}
@media only screen and (max-width: 480px) {.about-history-content{width: 60%;}}

.about-history-content .about-history-content-date {
    color: #dddf00;
    font-size: 28px;
    font-weight: bold;
    padding: 3px 0 15px;
}
@media only screen and (max-width: 640px) {.about-history-content .about-history-content-date{font-size: 22px;}}
@media only screen and (max-width: 480px) {.about-history-content .about-history-content-date{font-size: 18px;padding: 3px 0 10px;}}

.about-history-content .about-history-content-title {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 24px;
}
@media only screen and (max-width: 640px) {.about-history-content .about-history-content-title{font-size: 16px;}}
@media only screen and (max-width: 480px) {.about-history-content .about-history-content-title{font-size: 14px;}}
@media only screen and (max-width: 360px) {.about-history-content .about-history-content-title{font-size: 13px;line-height: 18px;letter-spacing: 1px;}}

#about02 .panel{
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 1px;
	overflow: hidden;
	position: relative;
}
#about02 .panel-heading{
	padding: 0;
	border: none;
	border-radius: 0;
	z-index: 1;
	position: relative;
}
#about02 .panel-title a{
  font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	display: block;
	padding: 42px 120px;
	margin: 0;
	background: #cacc02;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	border-radius: 0;
	position: relative;
	text-decoration: none;
	opacity: 0.8;
}
@media only screen and (max-width: 767px) {#about02 .panel-title a{font-size: 30px;padding: 25px;}}
@media only screen and (max-width: 767px) {#about02 .panel-title a{font-size: 24px;padding: 25px;}}
@media only screen and (max-width: 360px) {#about02 .panel-title a{font-size: 20px;padding: 15px;}}

#about02 .panel-title a.collapsed{
  font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	display: block;
	padding: 42px 120px;
	margin: 0;
	background: #28a57a;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	border-radius: 0;
	position: relative;
	text-decoration: none;
	opacity: 1;
}
@media only screen and (max-width: 767px) {#about02 .panel-title a.collapsed{font-size: 30px;padding: 25px;}}
@media only screen and (max-width: 480px) {#about02 .panel-title a.collapsed{font-size: 24px;padding: 25px;}}
@media only screen and (max-width: 360px) {#about02 .panel-title a.collapsed{font-size: 20px;padding: 15px;}}

#about02 .panel-title a:before,
#about02 .panel-title a.collapsed:before{
	background-image: url("../images/investors-icon-03.svg");
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: "";
    height: 100%;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
    width: 80px;
}
@media only screen and (max-width: 767px) {#about02 .panel-title a:before,
#about02 .panel-title a.collapsed:before{top: 25px;}}
@media only screen and (max-width: 480px) {#about02 .panel-title a:before,
#about02 .panel-title a.collapsed:before{top: 25px;background-size: 35px auto;width: 55px;}}
@media only screen and (max-width: 360px) {#about02 .panel-title a:before,
#about02 .panel-title a.collapsed:before{top: 15px;background-size: 30px auto;width: 40px;}}

#about02 .panel-title a.collapsed:before{ background-image: url("../images/investors-icon-01.svg");background-repeat: no-repeat;top: 50px;position: absolute; }
@media only screen and (max-width: 767px) {#about02 .panel-title a.collapsed:before{top: 25px;}}
@media only screen and (max-width: 360px) {#about02 .panel-title a.collapsed:before{top: 15px;}}

#about02 .panel-title a .icon{
	display: inline-block;
	width: 55px;
	height: 100%;
	border-right: 2px solid #d11149;
	font-size: 20px;
	color: rgba(0,0,0,0.7);
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#aboot02 .panel-body{
	padding: 0;
	border: none;
	border-radius: 0;
	z-index: 1;
	position: relative;
}
/* -------------------------------- 
Contact
-------------------------------- */
.contact-top {
    background-image: url("/images/contact-bg.jpg");
    color: #fff;
    height: 830px;
    width: 100%;
	margin-top: 95px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 1680px) {.contact-top{height: 750px;}}
@media only screen and (max-width: 1400px) {.contact-top{height: 650px;}}
@media only screen and (max-width: 1280px) {.contact-top{height: 600px;}}
@media only screen and (max-width: 1024px) {.contact-top{height: 500px;}}
@media only screen and (max-width: 767px) {.contact-top{height: 400px;}}
@media only screen and (max-width: 640px) {.contact-top{height: 350px;}}
@media only screen and (max-width: 480px) {.contact-top{margin-top: 60px;height: auto;}}

.contact-top .contact-top-left{
    width: 62%;
	float: left;
}
@media only screen and (max-width: 360px) {.contact-top .contact-top-left{width: 100%;}}

.contact-top .contact-top-right{
    width: 38%;
	float: left;
}
@media only screen and (max-width: 360px) {.contact-top .contact-top-right{width: 100%;}}

.contact-top .contact-top-right .contact-top-right-01{
    width: 450px;
	margin: 280px 0 20px;
}
@media only screen and (max-width: 1400px) {.contact-top .contact-top-right .contact-top-right-01{width: 90%;margin: 180px 0 20px;}}
@media only screen and (max-width: 1024px) {.contact-top .contact-top-right .contact-top-right-01{width: 90%;margin: 150px 0 20px;}}
@media only screen and (max-width: 960px) {.contact-top .contact-top-right .contact-top-right-01{width: 90%;margin: 25% 0 20px;}}
@media only screen and (max-width: 480px) {.contact-top .contact-top-right .contact-top-right-01{width: 90%;margin: 15% 0 10px;}}
@media only screen and (max-width: 360px) {.contact-top .contact-top-right .contact-top-right-01{width: 90%;margin: 10px 0 10px;}}

.contact-top .contact-top-right .contact-top-right-02 {
  font-size: 20px;
  padding: 0 0 0 90px;
  width: 450px;
}
@media only screen and (max-width: 960px) {.contact-top .contact-top-right .contact-top-right-02{padding: 0 0 0 45px;width: 100%;}}
@media only screen and (max-width: 480px) {.contact-top .contact-top-right .contact-top-right-02{font-size: 16px;padding: 0 0 0 25px;}}
@media only screen and (max-width: 360px) {.contact-top .contact-top-right .contact-top-right-02{font-size: 16px;padding: 0 0 0 45px;}}

.contact-top .contact-top-scroll {
    margin: 0 auto;
    padding: 35px 0;
    width: 100px;
}
.contact-01 {
    background: #00973d none repeat scroll 0 0;
	overflow: hidden;
	margin-bottom:80px;
}
@media only screen and (max-width: 767px) {.contact-01{margin-bottom:40px;}}

.contact-01-left{
    width: 60%;
	float: left;
}
@media only screen and (max-width: 767px) {.contact-01-left{width: 50%;}}
@media only screen and (max-width: 640px) {.contact-01-left{width: 100%;}}

.contact-01-right {
    background: #00973d none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    padding: 5%;
    width: 40%;
}
@media only screen and (max-width: 960px) {.contact-01-right{padding: 2%;}}
@media only screen and (max-width: 767px) {.contact-01-right{padding: 2%;width: 50%;}}
@media only screen and (max-width: 640px) {.contact-01-right{padding: 5%;width: 100%;}}

.contact-01-right .contact-01-right-01{
    border-bottom: 1px solid #ffffff;
    font-size: 60px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
@media only screen and (max-width: 1440px) {.contact-01-right .contact-01-right-01{font-size: 48px;}}
@media only screen and (max-width: 1280px) {.contact-01-right .contact-01-right-01{font-size: 36px;}}
@media only screen and (max-width: 767px) {.contact-01-right .contact-01-right-01{font-size: 28px;margin-bottom: 7px;padding-bottom: 7px;}}

.contact-01-right .contact-01-right-02{
    font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {.contact-01-right .contact-01-right-02{font-size: 14px;line-height: 20px;}}
@media only screen and (max-width: 767px) {.contact-01-right .contact-01-right-02{font-size: 13px;line-height: 18px;}}

.contact-01-right .contact-01-right-03 ul li{
    padding: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {.contact-01-right .contact-01-right-03 ul li{font-size: 13px;padding: 0 0 10px 0;}}

.contact-01-right .contact-01-right-03 ul li a{
    color: #ffffff;
}
.contact-01-right .contact-01-right-03 .contact-01-right-03-left{
    float: left;
	width:70px;
}
.contact-02 {
    background: rgba(140, 140, 140, 0.2);
	overflow: hidden;
	margin-bottom:80px;
}
@media only screen and (max-width: 767px) {.contact-02{margin-bottom:40px;}}

.contact-02-left {
    color: #ffffff;
    float: left;
    padding: 5% 5% 0 5%;
    width: 60%;
}
@media only screen and (max-width: 1280px) {.contact-02-left{padding: 2% 2% 0 2%;}}
@media only screen and (max-width: 640px) {.contact-02-left{width: 100%;float: none;padding: 5%;}}

.contact-02-right{
    width: 40%;
	float: left;
}
@media only screen and (max-width: 640px) {.contact-02-right{width: 100%;float: none;}}

.contact-02-left .contact-02-left-01{
    font-size: 60px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1440px) {.contact-02-left .contact-02-left-01{font-size: 48px;}}
@media only screen and (max-width: 1280px) {.contact-02-left .contact-02-left-01{font-size: 36px;}}
@media only screen and (max-width: 767px) {.contact-02-left .contact-02-left-01{font-size: 28px;margin-bottom: 15px;}}

.contact-02-left .contact-02-left-02{
    font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1440px) {.contact-02-left .contact-02-left-02{font-size: 15px;}}
@media only screen and (max-width: 1280px) {.contact-02-left .contact-02-left-02{font-size: 13px;}}

.contact-02-left .contact-02-left-02 ul li{
    padding: 0 0 42px 0;
}
.contact-02-left .contact-02-left-02 .contact-02-left-02-left{
    float: left;
	width:60%;
	color:#28A57A;
}
.contact-02-left .contact-02-left-02 .contact-02-left-02-left a{
	color:#28A57A;
}
.contact-02-left .contact-02-left-02 .contact-02-left-02-right{
    float: left;
	color:#333333;
}
.contact-03 {
	overflow: hidden;
}
.contact-03 .contact-03-title{
	border-bottom: 2px solid #35aa82;
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    padding: 30px 0;
}
@media only screen and (max-width: 1280px) {.contact-03 .contact-03-title{font-size: 30px;padding: 20px 0;}}
@media only screen and (max-width: 767px) {.contact-03 .contact-03-title{font-size: 24px;padding: 15px 0;}}

.contact-03 .contact-03-form ul li{
	border-bottom: 2px solid #35aa82;
    color: #333333;
    font-size: 20px;
    padding: 20px 0;
}
@media only screen and (max-width: 1280px) {.contact-03 .contact-03-form ul li{padding: 10px 0;font-size: 16px;}}

.contact-03 label {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
	font-style:italic;
}
.contact-03-button {
  padding: 40px 0;
  text-align: right;
}



/* -------------------------------- 
Business
-------------------------------- */
.business-top {
    background-image: url("/images/business-bg.jpg");
    color: #fff;
    height: 830px;
    width: 100%;
	margin-top: 95px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 1680px) {.business-top{height: 750px;}}
@media only screen and (max-width: 1400px) {.business-top{height: 650px;}}
@media only screen and (max-width: 1280px) {.business-top{height: 600px;}}
@media only screen and (max-width: 1024px) {.business-top{height: 500px;}}
@media only screen and (max-width: 767px) {.business-top{height: 400px;}}
@media only screen and (max-width: 640px) {.business-top{height: 350px;}}
@media only screen and (max-width: 480px) {.business-top{margin-top: 60px;height: auto;}}

.business-top .business-top-left{
    width: 62%;
	float: left;
}
@media only screen and (max-width: 360px) {.business-top .business-top-left{width: 100%;}}

.business-top .business-top-right{
    width: 38%;
	float: left;
}
@media only screen and (max-width: 360px) {.business-top .business-top-right{width: 100%;}}

.business-top .business-top-right .business-top-right-01{
    width: 450px;
	margin: 280px 0 20px;
}
@media only screen and (max-width: 1400px) {.business-top .business-top-right .business-top-right-01{margin: 180px 0 20px;width: 90%;}}
@media only screen and (max-width: 1024px) {.business-top .business-top-right .business-top-right-01{margin: 120px 0 20px;width: 90%;}}
@media only screen and (max-width: 960px) {.business-top .business-top-right .business-top-right-01{width: 90%;margin: 25% 0 20px;}}
@media only screen and (max-width: 480px) {.business-top .business-top-right .business-top-right-01{width: 90%;margin: 15% 0 10px;}}
@media only screen and (max-width: 360px) {.business-top .business-top-right .business-top-right-01{width: 90%;margin: 10px 0 10px;}}

.business-top .business-top-right .business-top-right-02 {
  font-size: 20px;
  padding: 0 0 0 90px;
  width: 450px;
}
@media only screen and (max-width: 960px) {.business-top .business-top-right .business-top-right-02{padding: 0 0 0 45px;width: 100%;}}
@media only screen and (max-width: 480px) {.business-top .business-top-right .business-top-right-02{font-size: 16px;padding: 0 0 0 25px;}}
@media only screen and (max-width: 360px) {.business-top .business-top-right .business-top-right-02{font-size: 16px;padding: 0 0 0 45px;}}

.business-top .business-top-scroll {
    margin: 0 auto;
    padding: 35px 0;
    width: 100px;
}
.business-01 .business-01-top {
}
.business-01 .business-01-bottom {
    border-bottom: 3px solid #28a57a;
    border-top: 3px solid #28a57a;
    margin: 80px 0;
    overflow: hidden;
    padding: 20px 35px;
}
@media only screen and (max-width: 1100px) {.business-01 .business-01-bottom{margin: 30px 0;}}
@media only screen and (max-width: 640px) {.business-01 .business-01-bottom{padding: 20px 0;}}

.business-01 .business-01-bottom .business-01-bottom-left{
    float: left;
	width:45%;
	margin-right:5%;
}
@media only screen and (max-width: 640px) {.business-01 .business-01-bottom .business-01-bottom-left{width:100%;}}

.business-01 .business-01-bottom .business-01-bottom-right{
    float: left;
	width:50%;
}
@media only screen and (max-width: 640px) {.business-01 .business-01-bottom .business-01-bottom-right{width:100%;}}


.business-01 .business-01-bottom .business-01-bottom-right .business-01-bottom-right-title {
    border-bottom: 1px solid #28a57a;
    color: #28a57a;
  font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 30px 0 20px;
}
.business-01 .business-01-bottom .business-01-bottom-right .business-01-bottom-right-context {
    color: #28a57a;
    font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}



/* -------------------------------- 
News
-------------------------------- */
.news-top {
    background-image: url("/images/news-bg.jpg");
    color: #fff;
    height: 830px;
    width: 100%;
	margin-top: 95px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 1680px) {.news-top{height: 750px;}}
@media only screen and (max-width: 1400px) {.news-top{height: 650px;}}
@media only screen and (max-width: 1280px) {.news-top{height: 600px;}}
@media only screen and (max-width: 1024px) {.news-top{height: 500px;}}
@media only screen and (max-width: 960px) {.news-top{height: 450px;}}
@media only screen and (max-width: 767px) {.news-top{height: 400px;}}
@media only screen and (max-width: 600px) {.news-top{height: 300px;}}
@media only screen and (max-width: 480px) {.news-top{margin-top: 60px;height: auto;}}

.news-top .news-top-left{
    width: 62%;
	float: left;
}
@media only screen and (max-width: 360px) {.news-top .news-top-left{width: 100%;}}

.news-top .news-top-right{
    width: 38%;
	float: left;
}
@media only screen and (max-width: 360px) {.news-top .news-top-right{width: 100%;}}

.news-top .news-top-right .news-top-right-01{
    width: 450px;
	margin: 280px 0 20px;
}
@media only screen and (max-width: 1400px) {.news-top .news-top-right .news-top-right-01{margin: 200px 0 20px;}}
@media only screen and (max-width: 1180px) {.news-top .news-top-right .news-top-right-01{margin: 130px 0 20px;}}
@media only screen and (max-width: 960px) {.news-top .news-top-right .news-top-right-01{width: 90%;margin: 25% 0 20px;}}
@media only screen and (max-width: 480px) {.news-top .news-top-right .news-top-right-01{width: 90%;margin: 15% 0 10px;}}
@media only screen and (max-width: 360px) {.news-top .news-top-right .news-top-right-01{width: 90%;margin: 10px 0 10px;}}

.news-top .news-top-right .news-top-right-02 {
  font-size: 20px;
  padding: 0 0 0 90px;
  width: 450px;
}
@media only screen and (max-width: 960px) {.news-top .news-top-right .news-top-right-02{padding: 0 0 0 45px;width: 100%;}}
@media only screen and (max-width: 480px) {.news-top .news-top-right .news-top-right-02{font-size: 16px;padding: 0 0 0 25px;}}
@media only screen and (max-width: 360px) {.news-top .news-top-right .news-top-right-02{font-size: 16px;padding: 0 0 0 45px;}}

.news-top .news-top-scroll {
    margin: 0 auto;
    padding: 35px 0;
    width: 100px;
}
.news-category {
  background: rgba(0, 0, 0, 0) url("/images/category-before.svg") no-repeat scroll 0 0 / 75px auto;
  height: 80px;
  overflow: hidden;
  padding: 7px 0 0 90px;
}
@media only screen and (max-width: 767px) {.news-category{background: rgba(0, 0, 0, 0) url("/images/category-before.svg") no-repeat scroll 0 0 / 60px auto;;padding: 5px 0 0 60px;height: 50px;overflow: visible;}}
@media only screen and (max-width: 360px) {.news-category{background: rgba(0, 0, 0, 0) url("/images/category-before.svg") no-repeat scroll 0 0 / 45px auto;;padding: 5px 0 0 60px;height: 40px;overflow: visible;margin-bottom: 20px;}}

.news-category ul li{
	display: inline-block;
	margin-bottom: 5px;
}
.news-category ul li::before{
	content: "/";
}
.news-category ul li:first-child::before{
	content: "";
}
.news-category ul li a{
	color: #333333;
	font-size: 20px;
	padding: 0 20px;
}
@media only screen and (max-width: 767px) {.news-category ul li a{font-size: 16px;padding: 0 10px;}}

.news-category ul li a:hover{
	color: #28A57A;
	text-decoration: none;
}
.news-list {
    overflow: hidden;
}
.news-list ul{
	margin:0 -4%; 
}
.news-list ul li{
	float: left;
	width:50%;
	padding:20px 4% 4%; 
}
@media only screen and (max-width: 700px) {.news-list ul li{width:100%;}}

.news-list ul li a:hover{
	text-decoration: none;
}
.news-list-number {
  font-size: 70px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Roboto Condensed', sans-serif;
  vertical-align:middle;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1440px) {.news-list-number{font-size: 60px;}}
@media only screen and (max-width: 1280px) {.news-list-number{font-size: 55px;}}
@media only screen and (max-width: 767px) {.news-list-number{margin-bottom: 5px;}}
@media only screen and (max-width: 480px) {.news-list-number{font-size: 40px;}}
@media only screen and (max-width: 360px) {.news-list-number{font-size: 40px;}}

.news-list-number svg {
    height: 80px;
    vertical-align: bottom;
    width: 50px;
}
@media only screen and (max-width: 1440px) {.news-list-number svg{width: 40px;height: 60px;}}
@media only screen and (max-width: 1280px) {.news-list-number svg{width: 30px;}}
@media only screen and (max-width: 767px) {.news-list-number svg{width: 25px;}}
@media only screen and (max-width: 480px) {.news-list-number svg{width: 20px;height: 45px;}}
@media only screen and (max-width: 360px) {.news-list-number svg{width: 20px;}}

.news-cover-content {
    height: 100%;
    padding: 6%;
    position: absolute;
    width: 100%;
    z-index: 20;
}
.news-cover-content-date{
	color: #ffffff;
	font-size: 20px;
	margin: 150px 25px;
	text-align: left;
	margin-bottom: 15px;
	vertical-align: middle;
}
.news-cover-content-date svg {
    height: 40px;
    vertical-align: middle;
    width: 75px;
}
.news-cover-content-date #news-arrow{
}
.news-cover-content-date img{
	color: #ffffff;
    float: left;
    width: 60px;
}
.news-cover-content-date svg polygon {
    fill: #ffffff;
}
.news-cover-content h2 {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    margin: 170px 25px 15px;
    padding: 15px 0;
    text-align: left;
	line-height: 36px;
}
@media only screen and (max-width: 1440px) {.news-cover-content h2{margin: 100px 25px 15px;}}
@media only screen and (max-width: 1280px) {.news-cover-content h2{margin: 70px 25px 15px;}}
@media only screen and (max-width: 960px) {.news-cover-content h2{font-size: 20px;line-height: 26px;margin: 50px 25px 15px;}}
@media only screen and (max-width: 767px) {.news-cover-content h2{font-size: 16px;line-height: 20px;margin: 40px 25px 15px;}}
@media only screen and (max-width: 640px) {.news-cover-content h2{font-size: 15px;line-height: 18px;margin: 20px 25px 5px;padding: 5px 0;}}
@media only screen and (max-width: 480px) {.news-cover-content h2{font-size: 20px;line-height: 26px;margin: 50px 25px 15px;padding: 15px 0;}}
@media only screen and (max-width: 360px) {.news-cover-content h2{font-size: 16px;line-height: 20px;margin: 9% 25px 15px;padding: 15px 0;}}

.news-cover-content p {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  margin: 25% 25px 0 25px;
  opacity: 1;
  text-align: left;
}
@media only screen and (max-width: 1480px) {.news-cover-content p{margin: 20% 25px 0 25px;}}
@media only screen and (max-width: 1350px) {.news-cover-content p{margin: 12% 25px 0 25px;}}
@media only screen and (max-width: 1280px) {.news-cover-content p{font-size: 16px;line-height: 20px;margin: 15% 25px 0 25px;}}
@media only screen and (max-width: 1200px) {.news-cover-content p{font-size: 16px;line-height: 20px;margin: 20% 25px 0 25px;}}
@media only screen and (max-width: 1024px) {.news-cover-content p{font-size: 15px;line-height: 20px;margin: 15% 25px 0 25px;}}
@media only screen and (max-width: 900px) {.news-cover-content p{font-size: 14px;line-height: 18px;margin: 12% 25px 0 25px;}}
@media only screen and (max-width: 820px) {.news-cover-content p{font-size: 14px;line-height: 18px;margin: 8% 25px 0 25px;}}
@media only screen and (max-width: 767px) {.news-cover-content p{font-size: 13px;line-height: 18px;margin: 3% 25px 0 25px;}}
@media only screen and (max-width: 700px) {.news-cover-content p{font-size: 18px;line-height: 24px;margin: 25% 25px 0 25px;}}
@media only screen and (max-width: 600px) {.news-cover-content p{font-size: 18px;line-height: 24px;margin: 20% 25px 0 25px;}}
@media only screen and (max-width: 520px) {.news-cover-content p{font-size: 16px;line-height: 20px;margin: 15% 25px 0 25px;}}
@media only screen and (max-width: 450px) {.news-cover-content p{font-size: 14px;line-height: 18px;margin: 12% 25px 0 25px;}}
@media only screen and (max-width: 380px) {.news-cover-content p{font-size: 13px;line-height: 18px;margin: 8% 25px 0 25px;}}
@media only screen and (max-width: 360px) {.news-cover-content p{font-size: 12px;line-height: 16px;margin: 2% 25px 0 25px;}}
@media only screen and (max-width: 320px) {.news-cover-content p{font-size: 11px;line-height: 16px;margin: 3% 25px 0 25px;}}

.news-list-date2 {
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
    text-align: left;
}
@media only screen and (max-width: 360px) {.news-list-date2{margin: 0 0 15px 0;font-size: 16px;}}

.news-list-date2 svg {
    height: 30px;
    vertical-align: middle;
    width: 55px;
}
@media only screen and (max-width: 360px) {.news-list-date2 svg{margin: 0 0 5px 0;font-size: 16px;width: 45px;height: 25px;}}

.news-list-title {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    line-height: 45px;
    margin: 15px 0;
    padding-left: 20px;
    text-align: left;
	min-height: 140px;
}
@media only screen and (max-width: 1440px) {.news-list-title{font-size: 30px;line-height: 30px;}}
@media only screen and (max-width: 1280px) {.news-list-title{font-size: 24px;line-height: 24px;}}
@media only screen and (max-width: 767px) {.news-list-title{font-size: 18px;line-height: 18px;}}
@media only screen and (max-width: 700px) {.news-list-title{min-height: auto;}}
@media only screen and (max-width: 480px) {.news-list-title{font-size: 15px;line-height: 16px;}}

.news-1-top-img {
    margin-top: 79px;
    overflow: hidden;
}

.news-1-top-title {
    background: #e0e12f none repeat scroll 0 0;
    overflow: hidden;
    padding: 35px 150px;
	margin-top: 95px;
}
@media only screen and (max-width: 1000px) {.news-1-top-title{padding: 35px 50px;}}
@media only screen and (max-width: 767px) {.news-1-top-title{padding:20px;}}
@media only screen and (max-width: 480px) {.news-1-top-title{margin-top: 60px;}}

.news-1-top-title .news-1-top-title-category {
    border: 2px solid #000000;
    float: left;
    margin-right: 100px;
    padding: 15px 30px;
	transform: skew(-15deg);
}
@media only screen and (max-width: 767px) {.news-1-top-title .news-1-top-title-category{float: none;padding: 10px;width: 90px;}}

.news-1-top-title .news-1-top-title-title{
	color: #000000;
    font-size: 24px;
	float:left;
	font-weight: bold;
	padding: 10px 0 0;
}
@media only screen and (max-width: 767px) {.news-1-top-title .news-1-top-title-title{float: none;}}
@media only screen and (max-width: 640px) {.news-1-top-title .news-1-top-title-title{ font-size: 20px;}}

.news-1-top-title .news-1-top-title-date{
	color: #000000;
    font-size: 20px;
	float:right;
	padding: 10px 0 0;
}
@media only screen and (max-width: 767px) {.news-1-top-title .news-1-top-title-date{float: none;}}
@media only screen and (max-width: 640px) {.news-1-top-title .news-1-top-title-date{font-size: 16px;}}

.news-1-main{
	background: #ffffff none repeat scroll 0 0;
	padding: 70px 13%;
	margin-top: 15px;
}
@media only screen and (max-width: 640px) {.news-1-main{padding: 20px;}}

.news-1-main p{
    line-height: 28px;
	margin-bottom:25px;
	
}
.news-1-main ul{
	margin-bottom: 25px;
}
.news-1-main li{
	line-height: 28px;
	list-style: outside;
	margin-left: 15px;
}
.news-1-back{
	padding: 4% 3%;
}
.news-1-back img{
	width: 120px;
	margin: 0 auto;
}
.news-1-bottom{
	background: #dddf00 none repeat scroll 0 0;
	padding: 2% 0;
	overflow: hidden;
	margin-bottom:25px;
}
@media only screen and (max-width: 640px) {.news-1-bottom{padding: 15px 0;}}

.news-1-bottom .news-1-prev{
	float:left;
	width: 150px;
}
@media only screen and (max-width: 767px) {.news-1-bottom .news-1-prev{width: 120px;}}
@media only screen and (max-width: 640px) {.news-1-bottom .news-1-prev{width: 100px;}}

.news-1-bottom .news-1-next{
	float:right;
	width: 150px;
}
@media only screen and (max-width: 767px) {.news-1-bottom .news-1-next{width: 120px;}}
@media only screen and (max-width: 640px) {.news-1-bottom .news-1-next{width: 100px;}}


/* -------------------------------- 
investors
-------------------------------- */
.investors-top {
    background-image: url("/images/investors-bg.jpg");
    color: #fff;
    height: 830px;
    width: 100%;
	margin-top: 95px;
	letter-spacing: 1.5px;
}
@media only screen and (max-width: 1680px) {.investors-top{height: 750px;}}
@media only screen and (max-width: 1400px) {.investors-top{height: 650px;}}
@media only screen and (max-width: 1280px) {.investors-top{height: 600px;}}
@media only screen and (max-width: 1024px) {.investors-top{height: 500px;}}
@media only screen and (max-width: 767px) {.investors-top{height: 400px;}}
@media only screen and (max-width: 640px) {.investors-top{height: 350px;}}
@media only screen and (max-width: 480px) {.investors-top{margin-top: 60px;height: auto;}}

.investors-top .investors-top-left{
    width: 62%;
	float: left;
}
@media only screen and (max-width: 360px) {.investors-top .investors-top-left{width: 100%;}}

.investors-top .investors-top-right{
    width: 38%;
	float: left;
}
@media only screen and (max-width: 360px) {.investors-top .investors-top-right{width: 100%;}}

.investors-top .investors-top-right .investors-top-right-01 {
    margin: 250px 0 20px;
    width: 680px;
}
@media only screen and (max-width: 1680px) {.investors-top .investors-top-right .investors-top-right-01{width: 95%;margin: 25% 0 20px;}}
@media only screen and (max-width: 960px) {.investors-top .investors-top-right .investors-top-right-01{width: 90%;margin: 25% 0 20px;}}
@media only screen and (max-width: 480px) {.investors-top .investors-top-right .investors-top-right-01{width: 90%;margin: 15% 0 10px;}}
@media only screen and (max-width: 360px) {.investors-top .investors-top-right .investors-top-right-01{width: 90%;margin: 10px 0 10px;}}

.investors-top .investors-top-right .investors-top-right-02 {
  font-size: 20px;
  padding: 0 0 0 90px;
  width: 450px;
}
@media only screen and (max-width: 960px) {.investors-top .investors-top-right .investors-top-right-02{font-size: 18px;padding: 0 0 0 45px;width: 100%;}}
@media only screen and (max-width: 480px) {.investors-top .investors-top-right .investors-top-right-02{font-size: 16px;padding: 0 0 0 20px;}}
@media only screen and (max-width: 360px) {.investors-top .investors-top-right .investors-top-right-02{font-size: 14px;padding: 0 0 0 45px;}}

.investors-top .investors-top-scroll {
    margin: 0 auto;
    padding: 35px 0;
    width: 100px;
}
.investors-01 {
    background-image: url("/images/investors-02.jpg");
	background-size: cover !important;
    color: #fff;
    width: 100%;
	letter-spacing: 1.5px;
	overflow: hidden;
}
.investors-01 .investors-01-left {
    color: #fff;
    float: left;
    font-size: 65px;
    padding: 10% 6%;
    width: 40%;
	font-style: italic;
	font-weight:bold;
  font-family: 'Roboto Condensed', sans-serif;
}
@media only screen and (max-width: 1280px) {.investors-01 .investors-01-left{font-size: 50px;}}
@media only screen and (max-width: 960px) {.investors-01 .investors-01-left{font-size: 36px;padding: 10% 2%;width: auto;}}
@media only screen and (max-width: 767px) {.investors-01 .investors-01-left{float: none;padding: 3% 2%;overflow: hidden;}}
@media only screen and (max-width: 360px) {.investors-01 .investors-01-left{font-size: 24px;}}

.investors-01 .investors-01-right{
    color: #fff;
	float:right;
	width: 60%;
	padding: 10% 6%;
	line-height: 30px;
}
@media only screen and (max-width: 1680px) {.investors-01 .investors-01-right{padding: 10% 0;line-height: 24px;}}
@media only screen and (max-width: 767px) {.investors-01 .investors-01-right{float: none;padding: 3% 2% 5%;width: 100%;overflow: hidden;}}

.investors-02 {
    background-image: url("/images/investors-03.jpg");
	background-size: cover !important;
    color: #fff;
    width: 100%;
	letter-spacing: 1.5px;
	overflow: hidden;
}
.investors-02 .investors-02-left {
    color: #fff;
    float: right;
    font-size: 65px;
    padding: 10% 6%;
    width: 40%;
	font-style: italic;
	font-weight:bold;
  font-family: 'Roboto Condensed', sans-serif;
}
@media only screen and (max-width: 1120px) {.investors-02 .investors-02-left{width: 30%;}}
@media only screen and (max-width: 960px) {.investors-02 .investors-02-left{font-size: 45px;}}
@media only screen and (max-width: 767px) {.investors-02 .investors-02-left{float: none;padding: 3% 2%;overflow: hidden;width: 100%;}}

.investors-02 .investors-02-right{
    color: #fff;
	float:left;
	width: 60%;
	padding: 10% 6%;
	line-height: 30px;
}
@media only screen and (max-width: 1680px) {.investors-02 .investors-02-right{padding: 10% 3%;}}
@media only screen and (max-width: 1120px) {.investors-02 .investors-02-right{width: 70%;padding: 10% 3%;}}
@media only screen and (max-width: 767px) {.investors-02 .investors-02-right{float: none;padding: 3% 2% 5%;width: 100%;overflow: hidden;}}

.investors-03 {
    background-image: url("/images/investors-04.jpg");
	background-size: cover !important;
    color: #fff;
    width: 100%;
	letter-spacing: 1.5px;
	overflow: hidden;
}
.investors-03 .investors-03-left {
    color: #fff;
    float: left;
  font-family: 'Roboto Condensed', sans-serif;
    font-size: 65px;
    font-style: italic;
    font-weight: bold;
    padding: 10% 0 10% 6%;
    width: 45%;
}
@media only screen and (max-width: 1680px) {.investors-03 .investors-03-left {font-size: 55px;}}
@media only screen and (max-width: 1280px) {.investors-03 .investors-03-left {padding: 7% 0 7% 6%;width: 35%;}}
@media only screen and (max-width: 960px) {.investors-03 .investors-03-left {font-size: 45px;padding: 7% 0 7% 6%;width: 30%;}}
@media only screen and (max-width: 767px) {.investors-03 .investors-03-left{float: none;padding: 3% 2%;overflow: hidden;width: 100%;}}

.investors-03 .investors-03-right {
    color: #fff;
    float: right;
    line-height: 30px;
    padding: 10% 6% 10% 0;
    width: 55%;
}
@media only screen and (max-width: 1680px) {.investors-03 .investors-03-right {padding: 10% 0 10% 0;}}
@media only screen and (max-width: 1280px) {.investors-03 .investors-03-right {width: 65%;}}
@media only screen and (max-width: 767px) {.investors-03 .investors-03-right{float: none;padding: 3% 2% 5%;width: 100%;overflow: hidden;}}

.investors-arrow svg {
    fill: #ffffff;
    height: 60px;
    width: 60px;
}
@media only screen and (max-width: 360px) {.investors-arrow svg{width: 50px;height: 50px;}}

.investors-line {
    float: left;
    width: 110px;
}
@media only screen and (max-width: 1280px) {.investors-line{ width: 90px;}}
@media only screen and (max-width: 960px) {.investors-line{ width: 80px;}}
@media only screen and (max-width: 580px) {.investors-line{ display: none;}}

.investors-line2 {
    float: left;
    font-size: 18px;
    line-height: 36px;
    padding: 0 5%;
    width: 70%;
}
@media only screen and (max-width: 1680px) {.investors-line2{padding: 6% 0;line-height: 28px;}}
@media only screen and (max-width: 1280px) {.investors-line2{padding: 1% 0;line-height: 28px;}}
@media only screen and (max-width: 960px) {.investors-line2{padding: 0;line-height: 24px;font-size: 14px;width: 65%;}}
@media only screen and (max-width: 767px) {.investors-line2{padding: 0 3%;line-height: 24px;font-size: 14px;width: 70%;}}
@media only screen and (max-width: 580px) {.investors-line2{padding: 0 2%;line-height: 24px;font-size: 14px;width: 100%;}}
@media only screen and (max-width: 360px) {.investors-line2{padding: 0 2% 3%;line-height: 20px;font-size: 13px;width: 100%;}}

.investors-04-list {
}
.investors-04-list ul li{
	padding: 40px 60px 40px 120px;
	border-bottom: 2px solid #79c4aa;
	overflow: hidden;
}
@media only screen and (max-width: 767px) {.investors-04-list ul li{padding: 20px;}}
@media only screen and (max-width: 640px) {.investors-04-list ul li{padding: 15px;}}

.investors-04-list ul li:last-child{
	border-bottom: 0px solid #79c4aa;
	overflow: hidden;
}

.investors-04-list .investors-arrow svg {
    fill: #28a57a;
    float: left;
    height: 30px;
    margin: 5px 20px 0 0;
    width: 60px;
}
@media only screen and (max-width: 767px) {.investors-04-list .investors-arrow svg{width: 50px;margin: 5px 10px 0 0;}}
@media only screen and (max-width: 640px) {.investors-04-list .investors-arrow svg{width: 40px;margin: 5px 10px 0 0;}}

.investors-04-list-title {
    color: #333333;
    float: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}
@media only screen and (max-width: 767px) {.investors-04-list-title{font-size: 16px;}}
@media only screen and (max-width: 640px) {.investors-04-list-title{font-size: 14px;}}
@media only screen and (max-width: 480px) {.investors-04-list .investors-arrow{width: 80%;}}

.investors-04-list-download {
    float: right;
    transform: skew(-15deg);
}
.investors-04-list-download a{
    color: #333333;
	border: 2px solid #000000;
	padding: 15px 30px;
	display: block;
}
@media only screen and (max-width: 767px) {.investors-04-list-download a{font-size: 13px;padding: 10px 15px;}}
@media only screen and (max-width: 640px) {.investors-04-list-download a{font-size: 12px;padding: 7px 10px;}}

.investors-04-list-download a:hover{
    color: #ffffff;
	background: #35aa82 none repeat scroll 0 0;
	border: 2px solid #35aa82;
	padding: 15px 30px;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {.investors-04-list-download a:hover{font-size: 13px;padding: 10px 15px;}}
@media only screen and (max-width: 640px) {.investors-04-list-download a:hover{font-size: 12px;padding: 7px 10px;}}
.investors-05 {
    margin: 0 auto 30px;
    text-align: center;
    width: 90%;
	overflow: hidden;
}
.investors-05-left {
    width: 30%;
	float:left;
}
@media only screen and (max-width: 767px) {.investors-05-left{width: 50%;}}
@media only screen and (max-width: 480px) {.investors-05-left{float:none;width: 100%;}}
.investors-05-left img{
    max-width: 498px;
}
.investors-05-right {
    width: 70%;
	float:left;
	margin: 100px 0 0;
}
@media only screen and (max-width: 767px) {.investors-05-right{width: 50%;margin: 10px 0 0;}}
@media only screen and (max-width: 480px) {.investors-05-right{float:none;width: 100%;}}

#accordion .panel{
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 1px;
	overflow: hidden;
	position: relative;
}
#accordion .panel-heading{
	padding: 0;
	border: none;
	border-radius: 0;
	z-index: 1;
	position: relative;
}
#accordion .panel-title a{
  font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	display: block;
	padding: 30px 120px;
	margin: 0;
	background: #28a57a;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	border-radius: 0;
	position: relative;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {#accordion .panel-title a{font-size: 30px;padding: 25px;}}
@media only screen and (max-width: 480px) {#accordion .panel-title a{font-size: 24px;padding: 25px;}}
@media only screen and (max-width: 360px) {#accordion .panel-title a{font-size: 20px;padding: 15px;}}
#accordion .panel-title a:hover{
	text-decoration: none;
	background: #51b592;
}

#accordion .panel-title a:before{
	background-image: url("../images/investors-icon-02.svg");
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: "";
    height: 100%;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 35px;
    width: 80px;
}
@media only screen and (max-width: 767px) {#accordion .panel-title a:before{top: 25px;}}
@media only screen and (max-width: 480px) {#accordion .panel-title a:before{width: 55px;background-size: 35px auto;}}
@media only screen and (max-width: 360px) {#accordion .panel-title a:before{width: 40px;background-size: 30px auto;top: 15px;}}

#accordion .panel-title a.collapsed:before{ background-image: url("../images/investors-icon-01.svg");background-repeat: no-repeat; }
@media only screen and (max-width: 767px) {#accordion .panel-title a.collapsed:before{top: 25px;}}
@media only screen and (max-width: 360px) {#accordion .panel-title a.collapsed:before{top: 15px;}}

#accordion .panel-title a .icon{
	display: inline-block;
	width: 55px;
	height: 100%;
	border-right: 2px solid #d11149;
	font-size: 20px;
	color: rgba(0,0,0,0.7);
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#accordion .panel-body{
	padding: 0;
	border: none;
	border-radius: 0;
	z-index: 1;
	position: relative;
}