@font-face {
  font-family: 'cs_prajadbold';
  src: url("../fonts/csprajad-bold-webfont.eot");
  src: url("../fonts/csprajad-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/csprajad-bold-webfont.woff2") format("woff2"), url("../fonts/csprajad-bold-webfont.woff") format("woff"), url("../fonts/csprajad-bold-webfont.ttf") format("truetype"), url("../fonts/csprajad-bold-webfont.svg#cs_prajadbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 58, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.lang-sw {
  display: none;
}

/* line 59, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 60, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.clear {
  width: 100%;
  clear: both;
}

/* line 64, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
body {
  font-family: Helvetica,Arial,sans-serif;
  min-width: 1170px;
}

/* line 68, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.container {
  min-width: 1170px;
}

/* line 71, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.desktop {
  display: block;
}

/* line 72, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mobile {
  display: none;
}

/* line 74, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop {
  /****************/
  position: fixed;
  width: 100%;
  min-width: 1170px;
  top: 0;
  left: 0;
  z-index: 20;
  /****************/
  background-color: white;
}

/* line 86, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-header {
  width: 100%;
  height: 35px;
  overflow: visible;
  background-image: url(../images/header/topheaderbg.jpg);
  background-repeat: repeat-x;
}

/* line 94, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .mainlogo a {
  display: block;
  position: relative;
  width: 224px;
}

/* line 95, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .mainlogo img {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 96, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .mainlogo h1 {
  display: none;
}

/* line 98, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav {
  float: right;
  padding-top: 8px;
}

/* line 101, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul {
  list-style: none;
  float: right;
}

/* line 104, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul li {
  float: left;
  display: table-cell;
  margin-left: 5px;
}

/* line 111, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.option-nav li {
  float: left;
}

/* line 113, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.option-nav li a {
  color: white;
  font-size: 12px;
}

/* line 117, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.option-nav li:after {
  content: "|";
  padding-left: 5px;
  color: white;
  font-size: 12px;
}

/* line 123, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.option-nav li:last-child:after {
  content: "";
}

/* line 129, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.lang-sw li {
  opacity: 0.5;
}

/* line 131, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.lang-sw li:hover {
  opacity: 1;
}

/* line 134, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-right-nav ul.lang-sw li.active {
  opacity: 1;
}

/* line 140, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss ROUTE210 Com*/
header.desktop .bottom-header {
  background-image: url(../images/header/bottomheaderbg.jpg);
  background-color: #000000;
  height: 45px;
  width: 100%;
  background-repeat: repeat-x;
  margin-top: 3px;
}

/* line 148, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav {
  margin-left: 40px;
}

/* line 150, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 154, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li {
  float: left;
  height: 45px;
  position: relative;
}

/* line 158, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li > a {
  color: white;
  display: block;
  height: 45px;
  font-size: 15px;
  line-height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 168, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li > a:hover {
  color: white;
  background-color: #000000#;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 175, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li.active a {
  background-color: #000000;
}

/* line 179, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li .submenu {
  position: absolute;
  top: 100%;
  z-index: 9999;
  background-color: #000000;
  min-width: 250px;
  display: none;
}

/* line 186, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li .submenu ul {
  list-style: none;
}

/* line 189, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li .submenu ul li a {
  display: block;
  padding: 10px 25px;
  color: white;
  white-space: nowrap;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 196, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.desktop .top-nav > ul > li .submenu ul li a:hover {
  background-color: #0b8061;
  color: white;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 209, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.mobile {
  border-bottom: 1px solid white;
}

/* line 211, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.mobile .navbar {
  margin-bottom: 0;
}

/* line 212, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss  ROUTE210 mobile1*/
header.mobile .navbar-default {
  background-image: url(../images/header/bottomheaderbg.jpg);
  background-color: #000000;
  background-repeat: repeat-x;
  border-bottom: 1px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

/* line 220, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.mobile .navbar-default .navbar-brand {
  color: white;
}

/* line 223, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss * ROUTE210 ซับเมนู/
header.mobile .navbar-default .navbar-collapse {
  background-color: #283d25;
}

/* line 229, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.mobile .navbar-default .navbar-nav > li.active a {
  background-color: #004931;
  color: white;
}

/* line 234, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
header.mobile .navbar-default .navbar-nav > li > a {
  color: white;
}

/* line 242, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum {
  /****************/
  position: fixed;
  left: 0;
  width: 100%;
  min-width: 1170px;
  top: 83px;
  z-index: 10;
  /****************/
  background-color: #2E5E59;
  min-height: 40px;
  padding-top: 13px;
}

/* line 254, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 258, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum ul li {
  float: left;
  font-size: 13px;
  color: white;
}

/* line 262, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum ul li a {
  color: white;
  font-size: 13px;
  text-decoration: none;
  padding-left: 3px;
  padding-right: 3px;
}

/* line 268, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum ul li a:hover {
  color: #a2bc31;
  text-decoration: none;
}

/* line 273, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum ul li:after {
  content: " > ";
  color: white;
  padding-right: 5px;
}

/* line 278, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.breadcrum ul li:last-child:after {
  content: "";
}

/* line 284, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.wrapper {
  margin-top: 123px;
}

/* line 289, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
body.home .wrapper {
  margin-top: 83px;
}

/* line 294, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer {
  background-color: white;
}

/* line 296, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .footer-top {
  width: 100%;
  height: 35px;
  background-image: url(../images/header/topheaderbg.jpg);
  background-repeat: repeat-x;
  padding-top: 10px;
}

/* line 303, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .footer-bottom {
  background-image: url(../images/header/bottomheaderbg.jpg);
  background-color: #000000;
  height: 45px;
  width: 100%;
  background-repeat: repeat-x;
  margin-top: 3px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .bottom-left-nav:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 313, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .bottom-left-nav ul {
  margin: 0;
  list-style: none;
}

/* line 316, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .bottom-left-nav ul li {
  float: left;
  font-size: 12px;
  padding-left: 5px;
}

/* line 321, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .bottom-left-nav ul li:after {
  content: "|";
  padding-left: 5px;
  font-size: 12px;
  color: #80A79A;
}

/* line 327, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .bottom-left-nav ul li:last-child:after {
  content: "";
}

/* line 330, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .bottom-left-nav ul li a {
  color: #80A79A;
}

/* line 336, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .copyright {
  text-align: right;
  font-size: 12px;
  color: #80A79A;
}

/* line 341, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
footer .footer-info {
  text-align: right;
  font-size: 12px;
  color: #80A79A;
  line-height: 45px;
}

/* line 348, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner {
  width: 100%;
  display: block;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 352, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper {
  margin: 0;
}

/* line 354, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper .bx-viewport {
  left: 0;
  border: none;
  background: none;
  box-shadow: none;
}

/* line 361, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper .bx-viewport ul li img {
  width: 100%;
  height: auto;
}

/* line 369, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper .bx-controls .bx-pager {
  right: 30px;
  text-align: right;
  bottom: 10px;
}

/* line 375, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  text-indent: -99999px;
  text-align: left;
  width: 10px;
  height: 10px;
  background-color: #004931;
  margin: 0 3px;
  opacity: 0.3;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 384, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  opacity: 1;
}

/* line 387, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainbanner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover {
  opacity: 1;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 397, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.more-btn {
  background-image: url(../images/common/morearrow.png);
  /* -pie-background:url(../images/common/morearrow.png) repeat; */
  background-color: #004931;
  background-repeat: no-repeat;
  color: white;
  background-position: right center;
  background-position-x: 90%;
  border-radius: 5px;
  /* behavior:url(css/PIE.htc); */
  padding-right: 20px;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 20px 10px 10px;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 413, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.more-btn:hover {
  background-color: #25b4b1;
  color: white;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 420, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
p {
  font-size: 13px;
  color: #6D6E70;
  text-align: justify;
  text-indent: 30px;
  margin-top: 15px;
}

/* line 427, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-welcome {
  background-image: url(../images/home/welcomebg.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 440px;
}

/* line 438, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-welcome h2 {
  color: #004931;
  font-size: 30px;
}

/* line 442, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-welcome p {
  font-size: 14px;
  color: #759391;
  text-align: justify;
  text-indent: 30px;
}

/* line 449, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss **ROUTE210 */
.bannerbar {
  background-color: #000000;
  background-image: url(../images/home/bannerbar.jpg);
  background-repeat: repeat-x;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

/* line 456, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.bannerbar .banner-child {
  margin-top: 15px;
}

/* line 458, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.bannerbar .banner-child a {
  display: block;
  position: relative;
}

/* line 461, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.bannerbar .banner-child a img {
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  width: 100%;
  height: auto;
}

/* line 468, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.bannerbar .banner-child a:hover img {
  position: relative;
  top: -5px;
  box-shadow: 1px 1px 10px black;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 478, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product {
  background-image: url(../images/home/home-productsection.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-clip: padding-box;
  padding-top: 70px;
  padding-bottom: 70px;
}

/* line 486, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product .mainfigure {
  width: 100%;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

/* line 493, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product h2 {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* line 498, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product h2 span {
  display: none;
}

/* line 499, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product h2 img {
  width: 100%;
  height: auto;
  max-width: 341px;
}

/* line 505, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product h3 {
  font-size: 17px;
  width: 100%;
  text-align: center;
  color: white;
}

/* line 511, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product .video {
  width: 100%;
  max-width: 495px;
  min-height: 278px;
  position: relative;
  background: black;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  color: white;
  text-align: center;
}

/* line 522, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product .video #media {
  /* position: absolute; */
  width: 100%;
  /* height: 100%; */
  top: 0;
  left: 0;
}

/* line 530, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-product .more-btn {
  float: right;
  margin-right: 30px;
  margin-top: 30px;
}

/* line 536, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news {
  background-color: #d3d8d6;
  background-image: url(../images/home/home-news-bg.png);
  background-position: left top;
  background-repeat: repeat-x;
  min-height: 580px;
  padding-top: 30px;
  padding-bottom: 20px;
}

/* line 544, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box {
  border-radius: 10px;
  behavior: url(css/PIE.htc);
  background-color: white;
  width: 100%;
  overflow: hidden;
  height: 390px;
  position: relative;
  padding-bottom: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

/* line 556, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box figure {
  width: 100%;
  height: 145px;
  overflow: hidden;
  position: relative;
}

/* line 561, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box figure img {
  position: absolute;
  height: auto;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 574, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box .bottom {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  padding: 15px;
  text-align: right;
  font-size: 12px;
  line-height: 45px;
  color: #6D6E70;
  padding-top: 10px;
}

/* line 585, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box .bottom .more-btn {
  float: left;
  line-height: normal;
}

/* line 590, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box .news-content {
  padding: 15px;
}

/* line 592, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box .news-content h3 {
  margin: 0;
  padding: 0;
  color: #58595B;
  font-size: 15px;
}

/* line 598, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box .news-content p {
  font-size: 12px;
  color: #ACADB2;
  text-align: justify;
  text-indent: 30px;
}

/* line 607, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.home-news .news-box:hover figure img {
  width: 110%;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 615, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
/* ระยะห่างกรอบ ปรับสีด้านล่าง ROUTE210*/
.title-bar {
  height: 45px;
  border-radius: 5px;
  behavior: url(css/PIE.htc);
  margin-top: 1px;
  margin-bottom: 1px;
  padding-left: 15px;
  padding-right: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006b31+0,004931+100 */
  background: #006b31;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmIzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #000000 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-8 */
}

/* line 635, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-bar h2 {
  color: white;
  font-size: 20px;
  line-height: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  display: inline;
}

/* line 644, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-bar img {
  margin-left: 20px;
  top: -3px;
  position: relative;
}

/* line 651, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.normalbg {
  background-image: url(../images/common/contentbg.jpg);
  background-color: white;
  background-position: left top;
  background-repeat: repeat-x;
  padding-bottom: 30px;
}

/* line 658, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.left-col {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 659, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.right-col {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 660, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box {
  margin: 10px 0 10px 0;
}

/* line 662, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box .title-bar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}

/* line 666, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box .title-bar h2 {
  font-weight: normal;
  font-size: 15px;
}

/* line 671, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 675, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul li {
  width: 100%;
  margin-top: 1px;
}

/* line 678, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul li a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  background-color: rgba(0, 74, 50, 0.4);
  behavior: url(css/PIE.htc);
  color: white;
  text-decoration: none;
  font-size: 15px;
  /*
				background-image: url(../images/common/morearrow.png);
				background-position: right center;
				background-position-x: 93%;
				background-repeat: no-repeat;
				*/
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 694, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul li a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 10px;
  margin-right: -10px;
  float: right;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 703, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul li a:hover {
  background-color: rgba(0, 161, 142, 0.9);
  behavior: url(css/PIE.htc);
  /*
					background-position-x: 95%;
					*/
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 710, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul li a:hover:after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 10px;
  margin-right: -5px;
  float: right;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 722, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-box ul li.active a {
  background-color: rgba(0, 161, 142, 0.9);
  behavior: url(css/PIE.htc);
}

/* line 730, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.main-content {
  border-top: 3px solid #004931;
  background-color: white;
  padding: 0 15px;
  padding-bottom: 15px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.main-content:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 736, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.main-content h3 {
  color: #004931;
  font-size: 20px;
  margin-top: 15px;
}

/* line 741, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.main-content h4 {
  font-size: 18px;
  color: #231F20;
  margin-top: 15px;
}

/* line 746, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.main-content h5 {
  font-size: 15px;
  color: #00A18E;
}

/* line 750, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.main-content hr {
  border-top: 1px solid #D0D2D3;
}

/* line 754, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sign {
  text-align: right;
}

/* line 756, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sign .p-name {
  color: #004931;
  font-size: 15px;
  text-align: right;
  text-indent: 0;
  margin: 0;
}

/* line 763, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sign .p-position {
  font-size: 15px;
  color: #808184;
  text-align: right;
  text-indent: 0;
  margin: 0;
}

/* line 770, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sign hr {
  border-top: 1px solid #D0D2D3;
}

/* line 774, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.p-img {
  width: 100%;
  height: auto;
  padding: 3px;
  background-color: white;
  border: 1px solid #A6A8AB;
}

/* line 780, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.p-img img {
  width: 100%;
  height: auto;
}

/* line 785, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.team-slogan {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* line 788, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.team-slogan > div {
  margin-bottom: 15px;
}

/* line 792, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-nav {
  width: 100%;
  height: auto;
  /*
padding-top:10px;
	padding-bottom: 10px;
*/
  border-top: 1px solid #D0D2D3;
  border-bottom: 1px solid #D0D2D3;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-nav:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 802, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 806, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-nav ul li {
  float: left;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 811, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-nav ul li a {
  border-radius: 3px;
  behavior: url(css/PIE.htc);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  display: block;
  padding: 10px;
  border: 1px solid #CFD0D1;
  font-size: 15px;
  color: #004931;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c7e9eb+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2U5ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(58%, #e8e8e8), color-stop(100%, #c7e9eb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c7e9eb',GradientType=0 );
  /* IE6-8 */
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 823, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.title-nav ul li a:hover {
  background: #004931;
  color: white;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 833, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.global-map img {
  width: 100%;
  height: auto;
}

/* line 838, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-banner {
  width: 100%;
  height: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 843, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-banner img {
  width: 100%;
  height: auto;
}

/* line 849, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office .office-menu {
  display: inline;
  float: right;
}

/* line 853, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office .office-list {
  margin-top: 50px;
}

/* line 858, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu .menu-title {
  padding: 15px 10px;
  color: #004931;
  font-size: 16px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c7e9eb+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2U5ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(58%, #e8e8e8), color-stop(100%, #c7e9eb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c7e9eb',GradientType=0 );
  /* IE6-8 */
}

/* line 864, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul {
  list-style: none;
}

/* line 866, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul li {
  width: 100%;
  border-left: 5px solid #D0D2D3;
  margin-top: 1px;
  margin-bottom: 1px;
}

/* line 871, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul li a {
  display: block;
  width: 100%;
  padding: 10px 10px;
  color: #6D6E70;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,dedede+100 */
  background: #f0f0f0;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #dedede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #dedede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dedede',GradientType=0 );
  /* IE6-8 */
}

/* line 892, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul li a i {
  float: right;
}

/* line 895, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul li a:hover {
  background: #004931;
  color: white;
}

/* line 901, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul li.active {
  border-left: 5px solid #004931;
}

/* line 904, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-menu ul li:hover {
  border-left: 5px solid #004931;
}

/* line 911, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-box {
  display: block;
  clear: both;
  margin-bottom: 15px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-box:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 917, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-img {
  display: inline;
  float: left;
}

/* line 920, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-img img {
  width: 100%;
  height: auto;
}

/* line 926, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-info ul {
  list-style: none;
}

/* line 928, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-info ul li {
  border-bottom: 1px dotted #BBBDBF;
  font-size: 13px;
  color: #6D6E70;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* line 934, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-info ul li i {
  text-align: center;
  width: 10px;
  height: 13px;
  color: #00A18E;
  margin-right: 5px;
}

/* line 943, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-info ul li:last-child {
  border: none;
}

/* line 946, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-info ul li table tr td {
  vertical-align: top;
}

/* line 955, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-option a {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  color: #404041;
  padding: 5px 10px;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c4c4c4+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c4c4c4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(58%, #e8e8e8), color-stop(100%, #c4c4c4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c4c4c4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c4c4c4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c4c4c4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c4c4c4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c4c4c4',GradientType=0 );
  /* IE6-8 */
}

/* line 978, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.office-list .office-option a:hover {
  background: #004931;
  color: white;
}

/* line 987, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list {
  margin: 0;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  list-style: none;
  display: block;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 995, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list > li {
  border-left: 5px solid #00A18E;
  border-bottom: 1px dotted #808184;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  color: #6D6E70;
  margin-bottom: 1px;
}

/* line 1003, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list > li:nth-child(even) {
  border-left: 5px solid #AFC7C4;
}

/* line 1006, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list > li:last-child {
  border-bottom: none;
}

/* line 1009, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list > li h5 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

/* line 1014, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list > li ol {
  margin-left: 20px;
}

/* line 1019, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list.year li {
  border-bottom: 1px dotted #808184;
}

/* line 1021, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.beauti-list.year li h5 {
  font-size: 20px;
}

/* line 1029, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.cer-gal a {
  background-color: white;
  padding: 3px;
  border: 1px solid #6D6E70;
  display: block;
  margin-bottom: 15px;
}

/* line 1035, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.cer-gal a img {
  width: 100%;
  height: auto;
}

/* line 1041, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.cer-all {
  margin-top: 30px;
  margin-bottom: 15px;
}

/* line 1045, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-menu {
  padding-right: 20px;
}

/* line 1047, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-menu ul {
  list-style: none;
}

/* line 1049, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-menu ul li {
  border-right: 5px solid #AFC7C4;
  text-align: right;
  margin-bottom: 1px;
}

/* line 1053, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-menu ul li a {
  display: block;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 30px;
  color: #AFC7C4;
  font-size: 15px;
}

/* line 1061, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-menu ul li.active {
  border-right: 5px solid #00A18E;
}

/* line 1063, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-menu ul li.active a {
  color: #00A18E;
}

/* line 1070, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.cer-info {
  padding-left: 0;
}

/* line 1072, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.cer-info h5 {
  font-size: 20px;
}

/* line 1075, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.cer-info a {
  padding: 0;
  border-color: #cecece;
}

/* line 1082, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mobile-cer li a {
  display: block;
  text-decoration: none;
}

/* line 1086, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mobile-cer li .sub-cer {
  display: none;
}

/* line 1091, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.dropdown-menu li a {
  color: #00A18E !important;
}

/* line 1096, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.year-title {
  border-left: 5px solid #00A18E;
  border-bottom: 1px dotted #808184;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 20px;
  color: #004931;
}

/* line 1105, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-menu {
  float: right;
}

/* line 1106, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-list {
  float: left;
}

/* line 1107, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-box {
  position: relative;
}

/* line 1109, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-box h5 {
  color: #00A18E;
}

/* line 1112, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-box .office-info {
  position: static;
}

/* line 1115, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-box .office-option {
  position: absolute;
  bottom: 38px;
}

/* line 1119, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-box hr {
  border-bottom: 1px dotted #808184;
  margin-top: 15px;
}

/* line 1124, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-right, .csr-left {
  margin-top: 15px;
}

/* line 1125, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-title {
  color: #004931;
  font-size: 20px;
  border-bottom: 1px dotted #808184;
  padding-bottom: 5px;
}

/* line 1131, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-info {
  list-style: none;
  width: 100%;
  clear: both;
  display: block;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-info:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1137, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-info li {
  float: left;
  margin-right: 5px;
  font-size: 13px;
  color: #6D6E70;
}

/* line 1142, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-info li i {
  color: #00A18E;
}

/* line 1147, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-main-img {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-main-img:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1153, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-main-img img {
  width: auto;
  height: auto;
}

/* line 1158, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.gal-list {
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.gal-list:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1163, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.gal-list li {
  float: left;
  width: 25%;
  position: relative;
  overflow: hidden;
  padding: 15px;
}

/* line 1169, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.gal-list li a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* line 1175, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.gal-list li a img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* line 1191, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list .csr-small-list-img > div {
  height: 75px;
  position: relative;
  overflow: hidden;
}

/* line 1195, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list .csr-small-list-img > div img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* line 1209, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list .office-info {
  padding-left: 0;
}

/* line 1214, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list .office-info table tr td:first-child {
  padding-right: 3px;
  vertical-align: top;
  color: #00A18E;
  text-align: center;
  padding-left: 3px;
}

/* line 1225, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list ul {
  list-style: none;
}

/* line 1229, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 1234, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.csr-small-list:last-child hr {
  border: none;
}

/* line 1239, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.top-news {
  margin-bottom: 15px;
  display: block;
  clear: both;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.top-news:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1245, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.top-news .news-img img {
  width: 100%;
  height: auto;
}

/* line 1250, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.top-news p {
  margin-bottom: 15px;
}

/* line 1261, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list .news-box .news-img {
  width: 20%;
  height: 60px;
  display: inline-block;
  float: left;
  overflow: hidden;
  position: relative;
}

/* line 1268, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list .news-box .news-img img {
  height: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* line 1280, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list .news-box .news-info {
  width: 80%;
  display: inline-block;
  float: left;
  padding-left: 10px;
}

/* line 1286, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list .news-box hr {
  border-top: 1px dotted #BBBDBF;
  display: block;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 1294, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list .news-box a h5 {
  color: #00A18E;
}

/* line 1296, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list .news-box a h5:hover {
  color: #004931;
}

/* line 1305, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.small-list .news-box:last-child hr {
  border: none;
}

/* line 1310, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.small-list .news-box .news-info h5 {
  margin: 0;
}

/* line 1315, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.small-list .news-box .news-info table tr td {
  vertical-align: top;
  color: #6D6E70;
  font-size: 13px;
}

/* line 1319, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.small-list .news-box .news-info table tr td i {
  color: #00A18E;
}

/* line 1322, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.small-list .news-box .news-info table tr td:first-child {
  padding-right: 3px;
}

/* line 1331, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.twocol {
  margin-left: -15px;
  margin-right: -15px;
}

/* line 1334, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.news-list.twocol .news-box {
  display: inline;
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 1343, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.linkbtn {
  border-radius: 3px;
  behavior: url(css/PIE.htc);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  border: 1px solid #CFD0D1;
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #404041;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c7e9eb+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2U5ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(58%, #e8e8e8), color-stop(100%, #c7e9eb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c7e9eb',GradientType=0 );
  /* IE6-8 */
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1356, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.linkbtn:hover {
  background: #004931;
  color: white;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1362, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.linkbtn i {
  margin-right: 3px;
}

/* line 1367, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.faq-list .menu-title {
  padding: 15px 10px;
  color: #004931;
  font-size: 16px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c7e9eb+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2U5ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(58%, #e8e8e8), color-stop(100%, #c7e9eb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c7e9eb',GradientType=0 );
  /* IE6-8 */
}

/* line 1375, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz {
  list-style: none;
  display: block;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
}

/* line 1382, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a {
  display: block;
  width: 100%;
  font-size: 15px;
  height: auto;
  padding: 10px 15px;
  text-decoration: none;
  color: #6D6E70;
  border-left: 5px solid #D0D2D3;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,dedede+100 */
  background: #f0f0f0;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #dedede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #dedede 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #dedede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dedede',GradientType=0 );
  /* IE6-8 */
}

/* line 1405, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 10px;
  margin-right: -10px;
  float: right;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1415, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a .ball {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #D0D2D3;
  text-align: center;
  display: inline;
  float: left;
  margin-right: 10px;
  line-height: 22px;
}

/* line 1425, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a .ball i {
  color: white;
}

/* line 1430, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a:hover {
  background: #004931;
  border-left: 5px solid #004931;
  color: white;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1435, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a:hover .ball {
  background-color: white;
}

/* line 1437, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a:hover .ball i {
  color: #004931;
}

/* line 1441, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz a:hover:after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 10px;
  margin-right: -5px;
  float: right;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1453, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz .answer {
  padding: 15px;
  background-color: #F1F1F2;
  border-top: 2px solid #BBBDBF;
  border-bottom: 2px solid #BBBDBF;
  display: none;
}

/* line 1459, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz .answer table {
  width: 100%;
}

/* line 1462, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz .answer table tr td {
  vertical-align: top;
  padding: 3px;
  font-size: 13px;
}

/* line 1466, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz .answer table tr td:first-child {
  border-right: 3px solid #004931;
}

/* line 1469, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz .answer table tr td .ball {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #004931;
  color: white;
  text-align: center;
}

/* line 1483, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz.active > a {
  border-left: 5px solid #004931;
}

/* line 1485, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz.active > a .ball {
  background-color: #004931;
}

/* line 1487, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.quiz.active > a .ball i {
  color: white;
}

/* line 1494, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.right-panel-bg {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/common/rightpanelbg.png);
}

/* line 1499, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel {
  border-top: 3px solid #004931;
  border-bottom: 3px solid #004931;
  background-color: white;
  padding: 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
  background: #eeeeee;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
}

/* line 1520, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel h2 {
  color: #004931;
  font-size: 20px;
  margin: 0;
  padding: 0;
}

/* line 1526, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel table {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 1531, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel table tr td {
  vertical-align: top;
  padding: 3px;
}

/* line 1534, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel table tr td label {
  color: #004931;
  font-size: 15px;
  font-family: 'cs_prajadbold';
  font-weight: normal;
  margin: 0;
}

/* line 1541, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel table tr td input[type="text"] {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #C1C1C1;
  padding: 3px;
}

/* line 1547, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.form-panel table tr td textarea {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #C1C1C1;
  padding: 3px;
  height: 100px;
}

/* line 1558, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inquiry-title {
  padding: 15px 10px;
  color: #004931;
  font-size: 16px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c7e9eb+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2U5ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(58%, #e8e8e8), color-stop(100%, #c7e9eb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c7e9eb',GradientType=0 );
  /* IE6-8 */
}

/* line 1564, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.agree-message {
  background-color: #F1F1F2;
  padding: 15px;
}

/* line 1567, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.agree-message ul {
  list-style: none;
  margin-left: 50px;
}

/* line 1570, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.agree-message ul li {
  color: #6D6E70;
  font-size: 13px;
}

/* line 1573, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.agree-message ul li:before {
  content: "\f0a9";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 1.2em;
  margin-left: -1.2em;
}

/* line 1583, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.bottom-btn {
  margin-top: 15px;
  border-top: 1px solid #D0D2D3;
  border-bottom: 1px solid #D0D2D3;
}

/* line 1590, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.normal-list li {
  list-style: none;
  font-size: 13px;
  color: #6D6E70;
}

/* line 1594, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.normal-list li:before {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 10px;
  margin-left: 10px;
}

/* line 1603, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mark-red {
  font-size: 18px;
  color: #EC1C24;
}

/* line 1608, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form label, .mainform label {
  width: 100%;
  display: block;
  color: #004931;
  font-size: 15px;
  font-family: 'cs_prajadbold';
  font-weight: normal;
  margin: 0;
  margin-top: 5px;
}

/* line 1618, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box, .mainform .input-box {
  width: 100%;
  position: relative;
}

/* line 1621, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box .mark-red, .mainform .input-box .mark-red {
  position: absolute;
  right: -10px;
  top: 0;
  display: none;
}

/* line 1627, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box input[type="text"], .mainform .input-box input[type="text"] {
  width: 100%;
}

/* line 1631, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box textarea, .mainform .input-box textarea {
  width: 100%;
  height: 100px;
}

/* line 1635, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box input[type="text"], .inqiury-form .input-box textarea, .mainform .input-box input[type="text"], .mainform .input-box textarea {
  border-radius: 3px;
  border: 1px solid #C1C1C1;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* line 1642, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box .select-box, .mainform .input-box .select-box {
  position: relative;
}

/* line 1644, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box .select-box select, .mainform .input-box .select-box select {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #C1C1C1;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  background-color: white;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
  background: none;
}

/* line 1658, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-box .select-box i, .mainform .input-box .select-box i {
  position: absolute;
  right: 10px;
  top: 30%;
  z-index: 1;
}

/* line 1667, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .figure-box, .mainform .figure-box {
  background-color: #F5F5F5;
  border: 1px solid #ADADAD;
  height: 180px;
}

/* line 1671, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .figure-box img, .mainform .figure-box img {
  width: 100%;
  height: auto;
}

/* line 1676, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .note, .mainform .note {
  display: block;
  float: left;
  color: #ee1d24;
  font-size: 13px;
}

/* line 1682, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-group, .mainform .input-group {
  width: 100%;
}

/* line 1684, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-group label, .mainform .input-group label {
  display: inline;
  width: auto;
  margin-right: 15px;
}

/* line 1689, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-group input[type="radio"], .mainform .input-group input[type="radio"] {
  margin-left: 20px;
  margin-right: 5px;
}

/* line 1692, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-group input[type="radio"]:first-child, .mainform .input-group input[type="radio"]:first-child {
  margin-left: 0;
}

/* line 1696, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-group .other-box, .mainform .input-group .other-box {
  display: inline-block;
  text-align: left;
}

/* line 1699, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .input-group .other-box input[type="text"], .mainform .input-group .other-box input[type="text"] {
  max-width: 150px;
}

/* line 1705, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .bottom-submit, .mainform .bottom-submit {
  text-align: center;
}

/* line 1707, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .bottom-submit input[type="submit"], .mainform .bottom-submit input[type="submit"] {
  margin-left: 10px;
  margin-right: 10px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .bottom-add:after, .mainform .bottom-add:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1714, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .bottom-add > div, .mainform .bottom-add > div {
  display: inline;
}

/* line 1717, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .bottom-add .linkbtn, .mainform .bottom-add .linkbtn {
  display: inline;
  float: right;
  margin-top: 0;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .form-list:after, .mainform .form-list:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1726, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .form-list hr, .mainform .form-list hr {
  border-top: 1px dotted #808184;
  width: 100%;
  display: block;
  clear: both;
  margin-top: 15px;
}

/* line 1735, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .lang-table > div, .mainform .lang-table > div {
  background-color: #EFEFEF;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* line 1739, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .lang-table > div:nth-child(2), .mainform .lang-table > div:nth-child(2) {
  background-color: #E3E8E5;
}

/* line 1743, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.inqiury-form .lang-table .blank, .mainform .lang-table .blank {
  opacity: 0;
}

/* line 1749, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

/* line 1757, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.image-preview-input input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 1768, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.image-preview-input-title {
  margin-left: 2px;
}

/* line 1772, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainmap {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainmap:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1776, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainmap iframe {
  width: 100%;
}

/* line 1779, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainmap img {
  width: 100%;
  height: auto;
}

/* line 1784, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.addess-info {
  border: 1px solid #D0D2D3;
  padding: 15px;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}

/* line 1790, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.addess-info address {
  color: #6D6E70;
  font-size: 13px;
  text-indent: 0;
}

/* line 1795, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.addess-info ul {
  display: inline-block;
  list-style: none;
}

/* line 1798, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.addess-info ul li {
  float: left;
  margin-right: 15px;
  line-height: 40px;
  color: #6D6E70;
  font-size: 13px;
}

/* line 1804, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.addess-info ul li .ball {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #004931;
  color: white;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  display: inline;
  float: left;
  margin-right: 10px;
}

/* line 1820, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* line 1825, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li {
  width: 100%;
}

/* line 1827, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li > a {
  width: 100%;
  display: block;
}

/* line 1832, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li .sitemap-list-menu ul {
  list-style: none;
}

/* line 1834, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li .sitemap-list-menu ul li {
  display: block;
  width: 100%;
}

/* line 1837, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li .sitemap-list-menu ul li a {
  display: block;
  width: 100%;
  color: #808184;
  font-size: 13px;
}

/* line 1842, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li .sitemap-list-menu ul li a:before {
  content: "\f0da";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 10px;
  margin-left: 10px;
  padding: 3px;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1851, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list > li .sitemap-list-menu ul li a:hover {
  background-color: #004931;
  color: white;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1861, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list .year-title {
  text-decoration: none;
  font-size: 18px;
}

/* line 1864, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.sitemap-list .year-title:hover {
  color: #004931;
}

/* line 1870, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list .year-title {
  margin-bottom: 0;
  border-bottom: 1px solid #808184;
}

/* line 1874, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1878, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li {
  margin-top: 1px;
  margin-bottom: 1px;
}

/* line 1881, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li > a {
  width: 100%;
  display: block;
  padding: 3px;
  background-color: #00A18E;
}

/* line 1886, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li > a table {
  width: 100%;
}

/* line 1889, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li > a table tr td {
  vertical-align: middle;
  color: white;
  font-size: 14px;
  padding: 3px;
  text-align: center;
}

/* line 1895, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li > a table tr td.minus {
  display: none;
}

/* line 1898, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li > a table tr td i {
  font-size: 10px;
}

/* line 1901, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li > a table tr td:first-child {
  width: 60%;
  text-align: left;
  padding-left: 10px;
}

/* line 1910, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li .job-des {
  display: none;
  background-color: #B6F2E0;
  padding: 15px;
}

/* line 1914, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li .job-des h4 {
  font-size: 15px;
  color: #004931;
  margin: 0px;
  padding: 0;
}

/* line 1920, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li .job-des ul, .va-list > ul > li .job-des ol {
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li .job-des ul:after, .va-list > ul > li .job-des ol:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1925, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li .job-des ul li, .va-list > ul > li .job-des ol li {
  font-size: 13px;
  color: #6D6E70;
}

/* line 1931, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li .job-des ul li {
  list-style: disc;
}

/* line 1938, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li.active a {
  background-color: #004931;
}

/* line 1943, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li.active a table tr td.minus {
  display: block;
}

/* line 1944, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.va-list > ul > li.active a table tr td.plus {
  display: none;
}

/* line 1953, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab {
  margin-top: 15px;
}

/* line 1955, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab ul {
  list-style: none;
  width: 100%;
  border-bottom: 1px solid #004931;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab ul:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 1960, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab ul li {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

/* line 1964, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab ul li a {
  display: block;
  padding: 10px 15px;
  background-color: #E6E7E8;
  font-size: 15px;
  color: #A6A8AB;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  cursor: none;
}

/* line 1976, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab ul li:first-child {
  padding-left: 0;
}

/* line 1980, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.menu-tab ul li.active a {
  background-color: #004931;
  color: white;
}

/* line 1988, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-tab {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 1991, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-tab .content-tab-child {
  display: none;
  height: auto;
  width: 100%;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 1996, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.content-tab .content-tab-child.active {
  display: block;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 2003, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-bg {
  background-image: url(../images/products/productsbg.jpg);
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-color: #B8C9CC;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/products/productsbg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/products/productsbg.jpg', sizingMethod='scale')";
}

/* line 2018, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-bg-IE {
  display: none;
}

/* line 2021, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page {
  /* padding-top: 123px; */
}

/* line 2023, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page .submenu {
  z-index: 20;
}

/* line 2026, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page .wrapper {
  margin-top: 123px;
}

/* line 2029, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page header.desktop {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  z-index: 20;
}

/* line 2037, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page .breadcrum {
  position: fixed;
  width: 100%;
  left: 0;
  top: 83px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

/* line 2045, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page .viewport-outter {
  width: 100%;
  height: auto;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.product-page .viewport-outter:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 2051, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
p.hilight {
  background-color: rgba(114, 161, 171, 0.8);
  padding: 15px;
  color: white;
  font-size: 13px;
}

/* line 2058, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport {
  width: 100%;
  height: 330px;
  display: table;
}

/* line 2062, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-center {
  display: table-cell;
  width: 555px;
  height: 330px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,000000+79,8f8f8f+84 */
  background: #e0e0e0;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #e0e0e0 0%, #000000 79%, #8f8f8f 84%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e0e0e0 0%, #000000 79%, #8f8f8f 84%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e0e0e0 0%, #000000 79%, #8f8f8f 84%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#8f8f8f',GradientType=0 );
  /* IE6-8 */
}

/* line 2070, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-center .display-box {
  display: inline-block;
}

/* line 2073, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-center .video-frame {
  padding: 5px;
  border: 1px solid #A6A8AB;
  width: 400px;
  position: relative;
}

/* line 2079, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-center .video-frame video {
  /* position: absolute; */
  width: 100%;
  /* height: 100%; */
  left: 0px;
  top: 0px;
}

/* line 2087, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-center a.next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 40px;
  color: #29B473;
  font-size: 30px;
}

/* line 2095, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-center a.prev {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 40px;
  color: #29B473;
  font-size: 30px;
}

/* line 2105, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-left {
  display: table-cell;
  vertical-align: middle;
}

/* line 2106, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.viewport .viewport-right {
  display: table-cell;
  vertical-align: middle;
}

/* line 2109, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.media-box {
  position: relative;
  width: 100%;
  height: 415px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 2115, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.media-box video {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
}

/* line 2122, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.media-box .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/products/media-hover.png);
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  display: table;
}

/* line 2134, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.media-box .hover .hover-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* line 2138, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.media-box .hover .hover-center .fa {
  color: white;
  font-size: 25px;
}

/* line 2148, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .main-fig {
  display: inline-block;
  padding: 5px;
  border: 1px solid #4A667D;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 2155, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .tb-feature {
  width: 100%;
  margin-top: 15px;
}

/* line 2159, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .tb-feature tr td {
  vertical-align: top;
  color: #58595B;
  padding: 15px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 13px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,b8b8b8+14,b8b8b8+100 */
  background: #f7f7f7;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2I4YjhiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOGI4YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f7f7f7 0%, #b8b8b8 14%, #b8b8b8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #b8b8b8 14%, #b8b8b8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7f7f7 0%, #b8b8b8 14%, #b8b8b8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#b8b8b8',GradientType=0 );
  /* IE6-8 */
}

/* line 2175, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .tb-feature tr td:first-child {
  vertical-align: middle;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  border-right: 1px solid #6D6E70;
  padding: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 2187, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .tb-feature tr td h3 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

/* line 2198, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .f-box {
  width: 100%;
  height: auto;
  text-align: left;
  background-color: rgba(114, 161, 171, 0.8);
  display: table-cell;
  vertical-align: middle;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
  clear: both;
  overflow: auto;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .f-box:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 2211, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .f-box figure {
  width: 272px;
  height: auto;
  display: inline-block;
  float: left;
  margin-right: 15px;
}

/* line 2217, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .f-box figure img {
  width: 100%;
  height: auto;
}

/* line 2223, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .f-box h3 {
  font-size: 16px;
  color: white;
  margin-right: 30px;
}

/* line 2228, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.feature .f-box p {
  color: white;
  margin-right: 30px;
}

/* line 2235, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-top, .major .major-bottom {
  display: block;
  text-align: center;
}

/* line 2239, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center {
  width: 100%;
  height: 165px;
  position: relative;
  text-align: center;
  background-color: white;
  border-radius: 5px;
}

/* line 2246, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center .frame {
  position: relative;
  height: 165px;
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

/* line 2253, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center .frame ul {
  position: absolute;
  width: auto;
  list-style: none;
}

/* line 2257, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center .frame ul li {
  float: left;
  padding-top: 15px;
}

/* line 2263, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center .left, .major .major-center .right {
  font-size: 30px;
  color: #29B473;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

/* line 2270, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center .left {
  left: 20px;
}

/* line 2273, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.major .major-center .right {
  right: 20px;
}

/* line 2280, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
#totop {
  position: fixed;
  right: 10px;
  bottom: 100px;
  border-radius: 5px;
  border: 1px solid #CFD0D1;
  display: none;
  opacity: 0.6;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  font-size: 15px;
  color: #004931;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,e8e8e8+58,c7e9eb+100 */
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2U5ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 58%, #c7e9eb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c7e9eb',GradientType=0 );
  /* IE6-8 */
}

/* line 2295, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
#totop i {
  display: block;
}

/* line 2309, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
#totop:hover {
  opacity: 1;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

/* line 2313, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
#totop.show {
  display: block;
}

/* line 2317, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.map-hidden {
  display: none;
}

/* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.map-hidden:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

/* line 2321, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* line 2331, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.overlay .valign {
  display: table-cell;
  vertical-align: middle;
}

/* line 2336, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.traingal {
  position: absolute;
  width: auto;
  list-style: none;
  height: 80%;
  top: 20%;
}

/* line 2342, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.traingal .imgBox {
  position: absolute;
}

/* line 2359, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 2363, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-left {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -150px;
  height: 300px;
  width: 20%;
  background-color: red;
}

/* line 2371, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-left a {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 2376, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-left.moveleft {
  animation-name: leftmovleft;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

/* line 2385, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-left.moveright {
  animation-name: leftmovright;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

/* line 2395, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-right {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -150px;
  height: 300px;
  width: 20%;
  background-color: green;
}

/* line 2404, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-right a {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 2409, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-right.moveleft {
  animation-name: rightmovleft;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

/* line 2418, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-right.moveright {
  animation-name: rightmovright;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

/* line 2428, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-center {
  position: absolute;
  width: 50%;
  max-width: 800px;
  height: 500px;
  top: 50%;
  left: 50%;
  margin-left: -25%;
  margin-top: -250px;
  background-color: blue;
}

/* line 2439, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-center.moveleft {
  animation-name: centermovleft;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

/* line 2448, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.mainframe .img-center.moveright {
  animation-name: centermovright;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

/* line 2460, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 2463, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child .emp-img {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
}

/* line 2468, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child .emp-img img {
  position: absolute;
  height: auto;
  width: 100%;
}

/* line 2474, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child .emp-info {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 2477, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child .emp-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 2481, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child .emp-info ul li {
  color: #c8c8c8;
}

/* line 2483, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child .emp-info ul li.emp-name {
  color: #00A18E;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

/* line 2492, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child hr {
  border-top: 1px dotted #D0D2D3;
}

/* line 2497, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.emp-child:nth-child(even) .emp-col:first-child {
  float: right;
}

/* line 2503, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss ROUTE210 */
.fa-gal {
  padding: 15px;
  border: 1px solid #fbd206;
  border-radius: 10px;
  background-color: #000000;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 2510, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.fa-gal h4 {
  margin: 0;
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #00A18E;
  color: white;
}

/* line 2519, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.fa-gal .gal-list {
  text-align: center;
}

/* line 2521, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.fa-gal .gal-list .gal-child {
  display: inline-block;
  width: 33%;
  height: 239px;
  padding: 15px;
  position: relative;
}

/* line 2527, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.fa-gal .gal-list .gal-child p {
  margin-top: 10px;
  text-align: center;
  text-indent: 0;
}

/* line 2533, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
.fa-gal .gal-list .gal-child a {
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
   
}

/* line 2539, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss ROUTE210*/
.fa-gal .gal-list .gal-child a img {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 3%;
  
}

/**** Gallery animate ****/
@keyframes centermovleft {
  to {
    width: 20%;
    height: 300px;
    margin-top: -150px;
    left: 0;
    margin-left: 0;
  }
}

@keyframes leftmovleft {
  to {
    left: -20%;
  }
}

@keyframes rightmovleft {
  to {
    width: 50%;
    max-width: 800px;
    height: 500px;
    top: 50%;
    right: 50%;
    margin-right: -25%;
    margin-top: -250px;
  }
}

@keyframes leftmovright {
  to {
    width: 50%;
    max-width: 800px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    margin-top: -250px;
  }
}

@keyframes centermovright {
  to {
    left: 80%;
    top: 50%;
    margin-top: -150px;
    margin-left: 0;
    height: 300px;
    width: 20%;
  }
}

@keyframes rightmovright {
  to {
    right: -20%;
  }
}

/************************ media query ***********************/
/* iPhone4 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* line 2612, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .desktop {
    display: none;
  }
  /* line 2613, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .mobile {
    display: block;
  }
  /* line 2614, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body, .container {
    min-width: 0;
  }
  /* line 2615, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .wrapper {
    margin-top: 0;
  }
  /* line 2618, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .breadcrum {
    position: relative;
    top: auto;
    min-width: 0;
  }
  /* line 2624, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-top {
    height: auto;
    background-repeat: repeat;
    padding-bottom: 10px;
  }
  /* line 2625, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-bottom {
    height: auto;
  }
  /* line 2626, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .bottom-left-nav {
    text-align: center;
  }
  /* line 2628, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .bottom-left-nav ul {
    display: inline-block;
  }
  /* line 2632, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .copyright {
    text-align: center;
    font-size: 10px;
  }
  /* line 2636, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-info {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 2645, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product {
    background-position: right top;
  }
  /* line 2648, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .mainfigure img {
    width: 100%;
    height: auto;
    padding: 0;
  }
  /* line 2655, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .video #mdeia {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  /* line 2664, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /* line 2667, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul {
    display: block;
  }
  /* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
  }
  /* line 2670, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul li {
    width: 100%;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* line 2679, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office .office-menu {
    float: none;
    display: block;
  }
  /* line 2684, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office .office-list {
    margin-top: 15px;
  }
  /* line 2688, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-menu {
    float: none;
    display: block;
  }
  /* line 2691, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-menu select {
    width: 100%;
    margin-top: 5px;
    height: 30px;
  }
  /* line 2698, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-list .office-img {
    display: block;
    float: none;
    text-align: center;
  }
  /* line 2704, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .cer-info {
    padding-left: 15px;
  }
  /* line 2707, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-right {
    float: none;
    display: block;
  }
  /* line 2711, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-left {
    float: none;
  }
  /* line 2714, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-list {
    float: none;
  }
  /* line 2717, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .news-list.twocol .news-box {
    width: 100%;
    display: block;
    clear: both;
  }
  /* line 2725, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-main-img img {
    width: 100%;
    height: auto;
  }
  /* line 2732, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .gal-list ul li {
    width: 100%;
  }
  /* line 2738, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-bar h2 {
    font-size: 15px;
  }
  /* line 2742, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .sitemap-list-menu {
    display: none;
  }
  /* line 2746, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .product-page .breadcrum {
    position: relative;
    top: 0;
    left: 0;
  }
  /* line 2751, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .product-page .wrapper {
    margin: 0;
  }
  /* line 2755, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport {
    height: auto;
  }
  /* line 2757, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-left {
    display: none;
  }
  /* line 2760, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-right {
    display: none;
  }
  /* line 2763, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background: none;
  }
  /* line 2764, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center a.next, .viewport .viewport-center a.prev {
    display: none;
  }
  /* line 2767, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .display-box {
    width: 100%;
  }
  /* line 2770, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .align {
    width: 100%;
    height: auto;
  }
  /* line 2780, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .video-frame {
    width: 100% !important;
    display: block;
    height: auto;
    position: relative;
    float: left;
    height: auto;
  }
  /* line 2792, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .media-box {
    height: 200px;
  }
  /* line 2797, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .feature .f-box figure {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 15px;
  }
  /* line 2803, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .feature .f-box h3, .feature .f-box p {
    margin: 0;
    padding: 15px;
  }
  /* line 2810, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-top, .major .major-bottom {
    display: none;
  }
  /* line 2811, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center {
    height: auto;
    padding: 15px;
  }
  /* line 2814, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .left, .major .major-center .right {
    display: none;
  }
  /* line 2815, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame {
    height: auto;
    width: 100%;
  }
  /* line 2818, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul {
    position: relative;
    margin: 0;
    padding: 0;
  }
  /* line 2822, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul li {
    float: left;
    width: 50%;
  }
  /* line 2825, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul li img {
    width: 100%;
    height: auto;
  }
  /* line 2836, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .menu-tab ul li {
    display: none;
  }
  /* line 2838, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .menu-tab ul li.active {
    display: block;
  }
  /* line 2845, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .bottom-add .linkbtn {
    display: block;
    margin-top: 15px;
  }
  /* line 2850, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .blank {
    opacity: 1 !important;
  }
  /* line 2854, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-welcome {
    background-position: left top;
  }
  /* line 2857, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  #totop {
    bottom: 10px;
  }
  /* line 2863, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .addess-info ul li {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  /* line 2870, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .emp-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 2874, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .emp-child:nth-child(even) .emp-col:first-child {
    float: none;
  }
  /* line 2881, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .fa-gal .gal-list .gal-child {
    display: block;
    width: 100%;
  }
  /* line 2888, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body.home .wrapper {
    margin-top: 0px;
  }
}

/**** iphone5 landscape ****/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  /* line 2900, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .desktop {
    display: none;
  }
  /* line 2901, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .mobile {
    display: block;
  }
  /* line 2902, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body, .container {
    min-width: 0;
  }
  /* line 2903, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .wrapper {
    margin-top: 0;
  }
  /* line 2906, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .breadcrum {
    position: relative;
    top: auto;
    min-width: 0;
  }
  /* line 2912, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-top {
    height: auto;
    background-repeat: repeat;
    padding-bottom: 10px;
  }
  /* line 2913, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-bottom {
    height: auto;
  }
  /* line 2914, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .bottom-left-nav {
    text-align: center;
  }
  /* line 2916, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .bottom-left-nav ul {
    display: inline-block;
  }
  /* line 2920, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .copyright {
    text-align: center;
    font-size: 10px;
  }
  /* line 2924, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-info {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 2933, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product {
    background-position: right top;
  }
  /* line 2936, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .mainfigure img {
    width: 100%;
    height: auto;
    padding: 0;
  }
  /* line 2943, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .video #mdeia {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  /* line 2952, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /* line 2955, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul {
    display: block;
  }
  /* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
  }
  /* line 2958, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul li {
    width: 100%;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* line 2967, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office .office-menu {
    float: none;
    display: block;
  }
  /* line 2972, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office .office-list {
    margin-top: 15px;
  }
  /* line 2976, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-menu {
    float: none;
    display: block;
  }
  /* line 2979, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-menu select {
    width: 100%;
    margin-top: 5px;
    height: 30px;
  }
  /* line 2986, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-list .office-img {
    display: block;
    float: none;
    text-align: center;
  }
  /* line 2992, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .cer-info {
    padding-left: 15px;
  }
  /* line 2995, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-right {
    float: none;
    display: block;
  }
  /* line 2999, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-left {
    float: none;
  }
  /* line 3002, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-list {
    float: none;
  }
  /* line 3005, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .news-list.twocol .news-box {
    width: 100%;
    display: block;
    clear: both;
  }
  /* line 3013, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-main-img img {
    width: 100%;
    height: auto;
  }
  /* line 3020, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .gal-list ul li {
    width: 50%;
  }
  /* line 3026, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-bar h2 {
    font-size: 15px;
  }
  /* line 3030, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .sitemap-list-menu {
    display: none;
  }
  /* line 3034, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .product-page .breadcrum {
    position: relative;
    top: 0;
    left: 0;
  }
  /* line 3039, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .product-page .wrapper {
    margin: 0;
  }
  /* line 3043, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport {
    height: auto;
  }
  /* line 3045, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-left {
    display: none;
  }
  /* line 3048, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-right {
    display: none;
  }
  /* line 3051, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background: none;
  }
  /* line 3052, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center a.next, .viewport .viewport-center a.prev {
    display: none;
  }
  /* line 3055, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .display-box {
    width: 100%;
  }
  /* line 3058, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .align {
    width: 100%;
    height: auto;
  }
  /* line 3068, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .video-frame {
    width: 100% !important;
    display: block;
    height: auto;
    position: relative;
    float: left;
    height: auto;
  }
  /* line 3080, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .media-box {
    height: 200px;
  }
  /* line 3085, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .feature .f-box figure {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 15px;
  }
  /* line 3091, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .feature .f-box h3, .feature .f-box p {
    margin: 0;
    padding: 15px;
  }
  /* line 3098, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-top, .major .major-bottom {
    display: none;
  }
  /* line 3099, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center {
    height: auto;
    padding: 15px;
  }
  /* line 3102, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .left, .major .major-center .right {
    display: none;
  }
  /* line 3103, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame {
    height: auto;
    width: 100%;
  }
  /* line 3106, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul {
    position: relative;
    margin: 0;
    padding: 0;
  }
  /* line 3110, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul li {
    float: left;
    width: 50%;
  }
  /* line 3113, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul li img {
    width: 100%;
    height: auto;
  }
  /* line 3125, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .menu-tab ul li {
    display: none;
  }
  /* line 3127, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .menu-tab ul li.active {
    display: block;
  }
  /* line 3134, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .bottom-add .linkbtn {
    display: block;
    margin-top: 15px;
  }
  /* line 3139, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .blank {
    opacity: 1 !important;
  }
  /* line 3142, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-welcome {
    background-position: left top;
  }
  /* line 3145, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  #totop {
    bottom: 10px;
  }
  /* line 3150, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .addess-info ul li {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  /* line 3157, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .emp-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 3161, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .emp-child:nth-child(even) .emp-col:first-child {
    float: none;
  }
  /* line 3168, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .fa-gal .gal-list .gal-child {
    display: inline;
    width: 50%;
    float: left;
  }
  /* line 3176, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body.home .wrapper {
    margin-top: 0px;
  }
}

@media only screen and (min-device-width: 540px) and (max-device-width: 960px) and (orientation: portrait) {
  /* line 3189, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .video #mdeia {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
  }
}

/* iphone6plus landscape */
@media only screen and (min-device-width: 540px) and (max-device-width: 960px) and (orientation: landscape) {
  /* line 3206, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .desktop {
    display: none;
  }
  /* line 3207, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .mobile {
    display: block;
  }
  /* line 3208, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body, .container {
    min-width: 0;
  }
  /* line 3209, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .wrapper {
    margin-top: 0;
  }
  /* line 3212, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .breadcrum {
    position: relative;
    top: auto;
    min-width: 0;
  }
  /* line 3218, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-top {
    height: auto;
    background-repeat: repeat;
    padding-bottom: 10px;
  }
  /* line 3219, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-bottom {
    height: auto;
  }
  /* line 3220, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .bottom-left-nav {
    text-align: center;
  }
  /* line 3222, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .bottom-left-nav ul {
    display: inline-block;
  }
  /* line 3226, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .copyright {
    text-align: center;
    font-size: 10px;
  }
  /* line 3230, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  footer .footer-info {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 3239, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product {
    background-position: right top;
  }
  /* line 3242, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .mainfigure img {
    width: 100%;
    height: auto;
    padding: 0;
  }
  /* line 3249, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-product .video #mdeia {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  /* line 3258, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /* line 3261, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul {
    display: block;
  }
  /* line 5, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
  }
  /* line 3264, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-nav ul li {
    width: 100%;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* line 3273, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office .office-menu {
    float: none;
    display: block;
  }
  /* line 3278, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office .office-list {
    margin-top: 15px;
  }
  /* line 3282, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-menu {
    float: none;
    display: block;
  }
  /* line 3285, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-menu select {
    width: 100%;
    margin-top: 5px;
    height: 30px;
  }
  /* line 3292, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .office-list .office-img {
    display: block;
    float: none;
    text-align: center;
  }
  /* line 3298, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .cer-info {
    padding-left: 15px;
  }
  /* line 3301, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-right {
    float: none;
    display: block;
  }
  /* line 3305, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-left {
    float: none;
  }
  /* line 3308, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-list {
    float: none;
  }
  /* line 3311, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .news-list.twocol .news-box {
    width: 100%;
    display: block;
    clear: both;
  }
  /* line 3319, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .csr-main-img img {
    width: 100%;
    height: auto;
  }
  /* line 3326, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .gal-list ul li {
    width: 50%;
  }
  /* line 3332, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .title-bar h2 {
    font-size: 15px;
  }
  /* line 3336, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .sitemap-list-menu {
    display: none;
  }
  /* line 3340, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .product-page .breadcrum {
    position: relative;
    top: 0;
    left: 0;
  }
  /* line 3345, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .product-page .wrapper {
    margin: 0;
  }
  /* line 3349, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport {
    height: auto;
  }
  /* line 3351, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-left {
    display: none;
  }
  /* line 3354, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-right {
    display: none;
  }
  /* line 3357, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background: none;
  }
  /* line 3358, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center a.next, .viewport .viewport-center a.prev {
    display: none;
  }
  /* line 3361, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .display-box {
    width: 100%;
  }
  /* line 3364, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .align {
    width: 100%;
    height: auto;
  }
  /* line 3374, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .viewport .viewport-center .video-frame {
    width: 100% !important;
    display: block;
    height: auto;
    position: relative;
    float: left;
    height: auto;
  }
  /* line 3386, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .media-box {
    height: 200px;
  }
  /* line 3391, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .feature .f-box figure {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 15px;
  }
  /* line 3397, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .feature .f-box h3, .feature .f-box p {
    margin: 0;
    padding: 15px;
  }
  /* line 3404, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-top, .major .major-bottom {
    display: none;
  }
  /* line 3405, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center {
    height: auto;
    padding: 15px;
  }
  /* line 3408, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .left, .major .major-center .right {
    display: none;
  }
  /* line 3409, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame {
    height: auto;
    width: 100%;
  }
  /* line 3412, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul {
    position: relative;
    margin: 0;
    padding: 0;
  }
  /* line 3416, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul li {
    float: left;
    width: 50%;
  }
  /* line 3419, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .major .major-center .frame ul li img {
    width: 100%;
    height: auto;
  }
  /* line 3431, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .menu-tab ul li {
    display: none;
  }
  /* line 3433, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .menu-tab ul li.active {
    display: block;
  }
  /* line 3440, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .bottom-add .linkbtn {
    display: block;
    margin-top: 15px;
  }
  /* line 3445, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .blank {
    opacity: 1 !important;
  }
  /* line 3448, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .home-welcome {
    background-position: left top;
  }
  /* line 3451, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  #totop {
    bottom: 10px;
  }
  /* line 3457, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .addess-info ul li {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  /* line 3464, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .emp-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 3468, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .emp-child:nth-child(even) .emp-col:first-child {
    float: none;
  }
  /* line 3475, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .fa-gal .gal-list .gal-child {
    display: inline;
    width: 50%;
    float: left;
  }
  /* line 3483, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body.home .wrapper {
    margin-top: 0px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* line 3493, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  body {
    min-width: 1170px;
  }
  /* line 3496, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .container {
    min-width: 1170px;
  }
  /* line 3499, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .desktop {
    display: block;
  }
  /* line 3500, /Volumes/Macintosh HD/Applications/MAMP/htdocs/jatco/css/layout.scss */
  .mobile {
    display: none;
  }
}