/*@import url("//hello.myfonts.net/count/324cf2");*/
@font-face {
  font-family: 'NeueHaasUnicaPro-Medium';
  src: url('/fonts/324CF2_0_0.eot');
  src: url('/fonts/324CF2_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/324CF2_0_0.woff2') format('woff2'), url('/fonts/324CF2_0_0.woff') format('woff'), url('/fonts/324CF2_0_0.ttf') format('truetype');
}
.zerom {
  margin: 0;
  padding: 0;
}
html {
  background-color: #fbfbfb;
}
body {
  margin: 0;
  padding: 0;
  border: none;
  font-family: 'NeueHaasUnicaPro-Medium', Helvetica, Arial, sans-serif;
  letter-spacing: -0.035em;
  background-color: #fbfbfb;
  -webkit-font-smoothing: antialiased;
}
:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
header {
  height: 100vh;
  width: 100vw;
  background-color: #dadada;
  position: absolute;
  z-index: 15;
  top: 0vh;
  transition: transform 400ms 0ms ease-in;
  cursor: pointer;
  overflow: hidden;
}
header.open {
  transform: translate3d(0px, -110vh, 0);
}
nav {
  height: 22px;
  width: 100vw;
  background-color: #fbfbfb;
  position: absolute;
  top: 30px;
  z-index: 10;
  padding-top: 30px;
  margin-top: -30px;
}
nav.fixed {
  position: fixed;
  top: 30px;
  left: 0;
}
nav.secondary {
  height: 50px;
}
#fix {
  position: fixed;
  top: 0;
  margin-top: 0;
}
#uni {
  padding-bottom: 24px;
}
#filter {
  height: 263px;
  width: 100vw;
  background-color: #fbfbfb;
  position: absolute;
  top: 30px;
  z-index: 9;
  padding: 0;
  transition: padding-top 100ms 0ms ease-in-out;
}
#filter.fixed {
  position: fixed;
  top: -151px;
}
#filter.list {
  display: none /*top: -100px; position: fixed; top: -133px; transition: top 100ms 0ms ease-in-out*/;
}
#filter.manualopen {
  position: fixed;
  padding-top: 211px;
}
#splash {
  height: 100vh;
  width: 100vw;
  background-image: url('/img/home.jpg');
  background-size: cover;
  background-position: top;
  position: fixed;
  background-repeat: no-repeat;
}
#logo {
  position: fixed;
  top: 35px;
  left: 35px;
  z-index: 10;
}
#logo img {
  height: 110px;
}
#splashinfo {
  position: fixed;
  top: 200px;
  left: 35px;
  z-index: 10;
  color: white;
  font-size: 19px;
  line-height: 19px;
}
#splashinfo a {
  color: white;
}
#splashinfo a > span {
  font-size: 16px;
}
#splashinfo p {
  margin: 0;
}
#hamburger {
  display: none;
  position: absolute;
  right: 35px;
  width: 22px;
  height: 19px;
  top: 32px;
  margin-top: 0;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  background-image: url('/img/hamburger.svg');
  background-repeat: no-repeat;
}
#pagecont {
  height: 100vh;
  width: 100vw;
  margin-top: 50vh;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  transition: margin-top 400ms 50ms ease-out;
  -webkit-overflow-scrolling: touch;
}
#pagecont.open {
  margin-top: 0vh;
}
section {
  min-height: 150vh;
  width: 100vw;
  background-color: #fbfbfb;
  position: absolute;
  top: 0;
  padding-top: 293px;
  z-index: 5;
  padding-left: 35px;
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
}
h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  font-size: 15px;
  line-height: 22px;
  color: #346465;
  font-weight: normal;
  transition: padding 750ms 0ms ease-in-out;
}
#titlecont {
  display: block;
}
a {
  text-decoration: none;
  color: #346465;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: calc(16.6% + 35px);
  height: 22px;
  font-size: 0;
}
nav li {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
  color: #A8B5B7;
  height: 22px;
  margin-right: 12px;
}
nav li.selected {
  color: #346465;
}
nav li a {
  color: #A8B5B7;
  transition: all 100ms 0ms ease-in-out;
}
nav li a:hover {
  color: #346465;
}
#mobimenu {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #346465;
  z-index: 15;
  transition: all 150ms 0ms ease-in-out;
  margin-top: -100vh;
}
#closemenu {
  height: 20px;
  position: absolute;
  top: 41px;
  right: 35px;
  cursor: pointer;
}
#mobimenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 35px;
  top: 35px;
}
#mobimenu li {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 32px;
  color: #A8B5B7;
}
#mobimenu li.selected {
  color: #fafafa;
}
#mobimenu li a {
  color: #A8B5B7;
  transition: all 100ms 0ms ease-in-out;
}
#mobimenu li a:hover {
  color: #fafafa;
}
#mobimenu.open {
  margin-top: 0;
}
#view {
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(50% + 35px);
  font-size: 15px;
  line-height: 22px;
  color: #346465;
  cursor: pointer;
}
#search {
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(66.8% + 35px);
  font-size: 15px;
  line-height: 22px;
  color: #346465;
}
#nextprod {
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(66.8% + 35px);
  font-size: 15px;
  line-height: 22px;
  color: #346465;
}
#filter ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: calc(50% + 24px);
  font-size: 0;
  margin: 22px 0 0 48px;
}
#filter li {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  height: 16px;
  padding-left: 5px;
  color: #A8B5B7;
  transition: all 100ms 0ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
}
#filter li:hover {
  color: #346465;
}
#filter li.hide {
  height: 0;
}
#filter #av {
  color: #346465;
}
#filter .dim {
  color: #A8B5B7 !important;
}
#exp_filt {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #fbfbfb;
  z-index: 11;
  top: 220px;
  height: 0;
  overflow: hidden;
  transition: all 150ms 0ms ease-in-out;
}
#exp_filt ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 30px;
  font-size: 0;
  margin: 0 0 0 0;
  padding-bottom: 100px;
}
#exp_filt li {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 32px;
  height: 32px;
  padding-left: 3px;
  color: #A8B5B7;
  transition: all 100ms 0ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
}
#exp_filt li:hover {
  color: #346465;
}
#exp_filt li.hide {
  height: 0;
}
#exp_filt #av {
  color: #346465;
}
#filter .dim {
  color: #A8B5B7 !important;
}
#exp_filt.open {
  height: calc(100vh - 196px);
  overflow: auto;
  top: 196px;
}
#close {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 35px;
  width: 35px;
}
#closegreen {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  margin-top: 4px;
  width: 15px;
}
#slider {
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(83.4% + 35px);
  width: calc(16.666% - 75px);
  margin-top: -3px;
}
input[type='range'] {
  width: 100%;
  height: 7px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #fbfbfb;
  background-color: #fbfbfb;
}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type='range']::-webkit-slider-runnable-track {
  width: auto;
  height: 1px;
  background: #A8B5B7;
}
input[type='range']::-webkit-slider-thumb {
  position: relative;
  height: 7px;
  width: 7px;
  margin-top: -3px;
  background: #346465;
  border-radius: 50%;
}
input[type='range']::-webkit-slider-thumb::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 500px;
  left: -500px;
  top: 3px;
  background: #346465;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  background: #A8B5B7;
  border: none;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #346465;
}
input[type=range]:-moz-focusring {
  outline: 3px solid #fbfbfb;
  outline-offset: -1px;
}
/*input[type=range]:focus::-moz-range-track { background: #ccc; }*/
input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #346465;
}
input[type=range]::-ms-fill-upper {
  background: #A8B5B7;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 7px;
  width: 7px;
  background: #346465;
}
input[type=range]:focus::-ms-fill-lower {
  background: #346465;
}
input[type=range]:focus::-ms-fill-upper {
  background: #A8B5B7;
}
#gridcont {
  width: calc(100% + 40px);
  height: auto;
  position: relative;
}
.grid {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 0;
  position: relative;
}
.grid-item,
.grid-sizer {
  width: calc(16.666% - 75px);
}
.grid-gutter {
  width: 75px;
}
.grid-item {
  float: left;
  padding-bottom: calc(16.666% - 75px);
  margin-bottom: 75px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.grid-sizer.w2 {
  width: calc(50% - 75px);
}
.grid-item.w2 {
  width: calc(50% - 75px);
  padding-bottom: calc(50% - 75px);
}
.grid-sizer.w3 {
  width: calc(33.333% - 75px);
}
.grid-item.w3 {
  width: calc(33.333% - 75px);
  padding-bottom: calc(33.333% - 75px);
}
.grid-sizer.w4 {
  width: calc(25% - 75px);
}
.grid-item.w4 {
  width: calc(25% - 75px);
  padding-bottom: calc(25% - 75px);
}
.grid-sizer.w5 {
  width: calc(20% - 75px);
}
.grid-item.w5 {
  width: calc(20% - 75px);
  padding-bottom: calc(20% - 75px);
}
.grid-sizer.w6 {
  width: calc(16.666% - 75px);
}
.grid-item.w6 {
  width: calc(16.666% - 75px);
  padding-bottom: calc(16.666% - 75px);
}
.grid-sizer.w7 {
  width: calc(14.28% - 75px);
}
.grid-item.w7 {
  width: calc(14.28% - 75px);
  padding-bottom: calc(14.28% - 75px);
}
.grid-sizer.w8 {
  width: calc(12.5% - 75px);
}
.grid-item.w8 {
  width: calc(12.5% - 75px);
  padding-bottom: calc(12.5% - 75px);
}
.grid-sizer.w9 {
  width: calc(11.111% - 75px);
}
.grid-item.w9 {
  width: calc(11.111% - 75px);
  padding-bottom: calc(11.111% - 75px);
}
.grid-sizer.w10 {
  width: calc(10% - 75px);
}
.grid-item.w10 {
  width: calc(10% - 75px);
  padding-bottom: calc(10% - 75px);
}
.dida {
  position: absolute;
  height: 75px;
  width: 100%;
  top: 100%;
  font-size: 12px;
  line-height: 13px;
  color: #346465;
  box-sizing: border-box;
  padding-top: 6px;
  opacity: 0;
  transition: opacity 100ms 0ms ease-in-out;
  letter-spacing: 0;
}
.dida span {
  color: #A8B5B7;
}
.grid-item:hover .dida {
  opacity: 1;
}
.itemlink {
  position: absolute;
  height: calc(100% + 65px);
  width: 100%;
  display: block;
  z-index: 6;
}
#slide_product {
  position: absolute;
  left: 35px;
  top: 254px;
  bottom: 35px;
  right: calc(33.333% + 40px);
  min-height: 480px;
}
#slideshow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.slideshow,
.youtube {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.slide_prev {
  display: block;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: url('/img/arrow_leftc.ico'), w-resize;
}
.slide_next {
  display: block;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: url('/img/arrow_rightc.ico'), e-resize;
}
.slide_prev img {
  display: none;
}
.slide_next img {
  display: none;
}
#counter {
  position: absolute;
  top: 229px;
  right: calc(33.333% + 40px);
  font-size: 15px;
  color: #346465;
}
aside {
  position: absolute;
  right: 35px;
  left: calc(66.8% + 35px);
  top: 254px;
  line-height: 16.5px;
  font-size: 15px;
  color: #346465;
}
aside ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px #346465 solid;
  line-height: 25px;
}
aside li {
  border-top: 1px #346465 solid;
  height: 24px;
  color: #A8B5B7;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
aside span {
  color: #346465;
}
aside h2,
h3 {
  margin: 0;
  padding: 0;
  color: #A8B5B7;
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#description {
  max-height: 24px;
  overflow: hidden;
  transition: all 150ms 0ms ease-in-out;
}
#opendesc {
  cursor: pointer;
}
#description.open {
  max-height: 1000px;
}
#description p {
  line-height: 16.5px;
}
aside a {
  text-decoration: underline;
}
#notifyclick {
  height: 24px;
  cursor: pointer;
  transition: all 100ms 0ms ease-in-out;
  overflow: hidden;
}
#notifyclick.close {
  height: 0;
}
#notifyinput {
  height: 0;
  transition: all 100ms 0ms ease-in-out;
  overflow: hidden;
  position: relative;
}
#notifyinput.open {
  height: 24px;
}
#notifyinput input[type=text] {
  -webkit-appearance: none;
  font-size: 15px;
  color: #A8B5B7;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  line-height: 24px;
  height: 24px;
  letter-spacing: -0.035em;
}
#notifyinput input[type=submit] {
  -webkit-appearance: none;
  font-size: 15px;
  color: #346465;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  line-height: 24px;
  height: 24px;
}
#notifyinput input:focus {
  outline: none;
}
#notifythank {
  height: 0;
  transition: all 100ms 0ms ease-in-out;
  overflow: hidden;
}
#notifythank.open {
  height: 24px;
}
#tit_pro {
  margin: 0 0 0 -2px;
}
#prod_title {
  padding: 120px 0 0 0;
  margin-left: 35px;
  width: calc(100vw - 70px);
  border-bottom: 1px #346465 solid;
  position: relative;
}
#closeprod {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  margin-top: 4px;
  width: 15px;
}
#mobithumb {
  height: 455px;
  width: calc(100vw - 70px);
  margin: 24px 0 0 35px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.pdetails {
  height: 455px;
  width: calc(100vw - 70px);
  margin: 24px 0 0 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#mobifilter {
  position: absolute;
  top: 90px;
  padding-left: 34px;
}
#mobifilter .mobititle {
  padding: 0;
}
#mobiview {
  border-top: 1px #346465 solid;
  width: calc(100vw - 70px);
  line-height: 45px;
  cursor: pointer;
}
/* LIST */
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  border-collapse: collapse;
}
#searchtable {
  -webkit-appearance: none;
  font-size: 15px;
  border: none;
  background: transparent;
  letter-spacing: -0.035em;
  font-weight: normal;
  font-family: 'NeueHaasUnicaPro-Medium', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  line-height: 24px;
  height: 24px;
  margin-top: -3px;
  color: #346465;
}
#searchtable:focus {
  outline: none;
}
#m_searchtable {
  -webkit-appearance: none;
  font-size: 30px;
  border: none;
  background: transparent;
  letter-spacing: -0.035em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 68px;
  height: 68px;
  color: #346465;
  border-top: 1px #346465 solid;
  width: calc(100% - 70px);
  font-family: 'NeueHaasUnicaPro-Medium', Helvetica, Arial, sans-serif;
  margin-left: 35px;
}
#m_searchtable:focus {
  outline: none;
}
#list {
  width: calc(100% - 70px);
  margin: 120px 0 0 35px;
  position: relative;
  padding-bottom: 120px;
}
#list th {
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  border-top: 1px #346465 solid;
  color: #346465;
  text-align: left;
  cursor: pointer;
  font-weight: normal;
}
#list td {
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  border-top: 1px #A8B5B7 solid;
  color: #A8B5B7;
  text-align: left;
}
#list tr:hover td {
  color: #346465;
  border-top: 1px #346465 solid;
}
#list tr.hover td {
  color: #346465;
  border-top: 1px #346465 solid;
}
#list .thumbcol {
  width: 16.6vw;
  border-top: 1px transparent solid !important;
}
#list .namecol {
  width: 25%;
}
#list .bullet {
  margin-left: 6px;
  vertical-align: 0;
  font-family: Arial;
}
#list .bullet:after {
  content: "○";
}
#list .headerSortDown .bullet:after {
  content: "●";
}
#list .headerSortUp .bullet:after {
  content: "●";
}
.clickrow {
  cursor: pointer;
}
.tablethumb {
  /*height: 122px;*/
  height: calc(16.666vw - 30px);
  width: calc(16.666% - 30px);
  position: absolute;
  display: block;
  opacity: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#list tr:hover .tablethumb {
  opacity: 1;
}
#list tr.hover .tablethumb {
  opacity: 1;
}
::-webkit-input-placeholder {
  color: #A8B5B7;
  letter-spacing: -0.035em;
}
:-moz-placeholder {
  color: #A8B5B7;
  letter-spacing: -0.035em;
}
::-moz-placeholder {
  color: #A8B5B7;
  letter-spacing: -0.035em;
}
:-ms-input-placeholder {
  color: #A8B5B7;
  letter-spacing: -0.035em;
}
#tablist {
  width: calc(100% - 70px);
  margin: 3px 0 0 35px;
  position: relative;
  padding-bottom: 120px;
}
#tablist th {
  font-size: 18px;
  line-height: 20px;
  height: 68px;
  border-top: 1px #346465 solid;
  color: #346465;
  text-align: left;
  font-weight: normal;
}
#tablist td {
  font-size: 18px;
  line-height: 20px;
  height: 68px;
  border-top: 1px #A8B5B7 solid;
  color: #A8B5B7;
  text-align: left;
}
#tablist tr:hover td {
  color: #346465;
  border-top: 1px #346465 solid;
}
#mobilist {
  width: calc(100% - 70px);
  margin: 3px 0 0 35px;
  position: relative;
  padding-bottom: 120px;
}
#mobilist th {
  font-size: 18px;
  line-height: 20px;
  height: 96px;
  border-top: 1px #346465 solid;
  color: #346465;
  text-align: left;
  font-weight: normal;
}
#mobilist td {
  font-size: 18px;
  line-height: 20px;
  height: 96px;
  border-top: 1px #A8B5B7 solid;
  color: #A8B5B7;
  text-align: left;
}
#tablist tr:hover td {
  color: #346465;
  border-top: 1px #346465 solid;
}
#tit_cat {
  margin: 0 0 0 33px;
  padding-top: 120px;
}
/* INFORMATION */
#info {
  position: absolute;
  top: 120px;
  left: calc(16.6% + 35px);
  width: calc(50% - 75px);
  padding-bottom: 120px;
}
#info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px #346465 solid;
}
#info li {
  margin: 0;
  padding: 0;
  border-top: 1px #346465 solid;
  padding-top: 0;
  max-height: 24px;
  overflow: hidden;
  padding-bottom: 0;
  transition: all 150ms 0ms ease-in-out;
  position: relative;
}
#info h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin-left: 16.66vw;
  font-size: 15px;
  line-height: 24px;
  color: #346465;
  cursor: pointer;
  transition: all 150ms 0ms ease-in-out;
}
#info h2 span {
  font-size: 19px;
  vertical-align: -2px;
  margin-left: 1px;
}
#info .txt {
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin-left: 16.66vw;
  font-size: 15px;
  line-height: 16.5px;
  color: #A8B5B7;
  margin-top: 30px;
  transition: all 150ms 0ms ease-in-out;
  min-height: 178px;
}
#info .infoimg {
  height: 178px;
  width: calc(16.6vw - 75px);
  position: absolute;
  top: 24px;
  margin-top: 12px;
  transition: all 150ms 0ms ease-in-out;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#info p {
  margin: 0 0 16.5px 0;
}
#info li.open {
  max-height: 1000px;
  padding-top: 16.5px;
  padding-bottom: 35px;
}
#info li.open h2 {
  line-height: 16.5px;
}
#info li.open .txt {
  margin-top: 0px;
}
#info li.open .infoimg {
  margin-top: 0px;
}
/* NEWS */
#news {
  position: absolute;
  top: 120px;
  left: calc(16.6% + 35px);
  width: calc(50% - 75px);
  padding-bottom: 120px;
}
#news ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px #346465 solid;
}
#news li {
  margin: 0;
  padding: 0;
  border-top: 1px #346465 solid;
  padding-top: 0;
  max-height: 24px;
  overflow: hidden;
  padding-bottom: 0;
  transition: all 150ms 0ms ease-in-out;
}
#news .cont {
  margin-top: -389px;
  transition: all 150ms 0ms ease-in-out;
}
#news h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin-left: 16.66vw;
  font-size: 15px;
  line-height: 24px;
  color: #346465;
  cursor: pointer;
  transition: all 150ms 0ms ease-in-out;
}
#news h2 span {
  font-size: 19px;
  vertical-align: -2px;
  margin-left: 1px;
}
#news .dt {
  position: absolute;
  color: #346465;
  font-size: 15px;
  line-height: 24px;
  transition: all 150ms 0ms ease-in-out;
}
#news .img {
  height: 377px;
  width: 100%;
  background-color: #dadada;
  margin-bottom: 12px;
  position: relative;
}
#news .txt {
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin-left: 16.66vw;
  font-size: 15px;
  line-height: 16.5px;
  color: #A8B5B7;
  margin-top: 30px;
  transition: all 150ms 0ms ease-in-out;
}
#news p {
  margin: 0 0 16.5px 0;
}
#news li.open {
  max-height: 1000px;
  padding-top: 24px;
  padding-bottom: 35px;
}
#news li.open h2 {
  line-height: 16.5px;
}
#news li.open .dt {
  line-height: 16.5px;
}
#news li.open .txt {
  margin-top: 0px;
}
#news li.open .cont {
  margin-top: 0px;
}
/* LOGO */
#textlogo {
  position: fixed;
  top: 140px;
  left: 34px;
}
#textlogo img {
  width: 161px;
}
#animlogo {
  width: 161px;
  height: 100px;
  position: fixed;
  top: 35px;
  left: 35px;
  font-size: 0;
  overflow: hidden;
}
#animlogo div {
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #fbfbfb;
  position: absolute;
  height: 100px;
  width: 16px;
  animation-iteration-count: 1;
}
#a_w1 {
  left: 0;
  top: 0;
}
#a_w2 {
  left: 18px;
  top: 20px;
}
#a_w3 {
  left: 36px;
  top: 0;
}
#a_m1 {
  left: 54px;
  top: 0;
}
#a_m2 {
  left: 72px;
  top: -20px;
}
#a_m3 {
  left: 90px;
  top: 0;
}
#a_m4 {
  left: 108px;
  top: 0;
}
#a_m5 {
  left: 126px;
  top: -20px;
}
#a_m6 {
  left: 144px;
  top: 0;
}
#titlecont {
  width: 107px;
  left: 35px;
  position: absolute;
}
#minianimlogo {
  width: 107px;
  height: 0;
  font-size: 0;
  overflow: hidden;
  position: absolute;
  margin-left: 1px;
  transition: height 750ms 0ms ease-in-out;
}
#minianimlogo div {
  animation-duration: 1500ms;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #346465;
  position: absolute;
  height: 66px;
  width: 11px;
  animation-iteration-count: 1;
}
#b_w1 {
  left: 0;
  top: 0;
}
#b_w2 {
  left: 12px;
  top: 13px;
}
#b_w3 {
  left: 24px;
  top: 0;
}
#b_m1 {
  left: 36px;
  top: 0;
}
#b_m2 {
  left: 48px;
  top: -13px;
}
#b_m3 {
  left: 60px;
  top: 0;
}
#b_m4 {
  left: 72px;
  top: 0;
}
#b_m5 {
  left: 84px;
  top: -13px;
}
#b_m6 {
  left: 96px;
  top: 0;
}
@keyframes open_w1 {
  0% {
    top: 0;
  }
  50% {
    top: 102px;
  }
  50.001% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_w2 {
  0% {
    top: 20px;
  }
  50% {
    top: 112px;
  }
  50.001% {
    top: -112px;
  }
  100% {
    top: 20px;
  }
}
@keyframes open_w3 {
  0% {
    top: 0;
  }
  50% {
    top: 122px;
  }
  50.001% {
    top: -122px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_m1 {
  0% {
    top: 0;
  }
  50% {
    top: 102px;
  }
  50.001% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_m2 {
  0% {
    top: -20px;
  }
  50% {
    top: 112px;
  }
  50.001% {
    top: -112px;
  }
  100% {
    top: -20px;
  }
}
@keyframes open_m3 {
  0% {
    top: 0;
  }
  50% {
    top: 102px;
  }
  50.001% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_m4 {
  0% {
    top: 0;
  }
  50% {
    top: 115px;
  }
  50.001% {
    top: -115px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_m5 {
  0% {
    top: -20px;
  }
  50% {
    top: 102px;
  }
  50.001% {
    top: -102px;
  }
  100% {
    top: -20px;
  }
}
@keyframes open_m6 {
  0% {
    top: 0;
  }
  50% {
    top: 102px;
  }
  50.001% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_b_w1 {
  0% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_b_w2 {
  0% {
    top: -112px;
  }
  100% {
    top: 13px;
  }
}
@keyframes open_b_w3 {
  0% {
    top: -122px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_b_m1 {
  0% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_b_m2 {
  0% {
    top: -112px;
  }
  100% {
    top: -13px;
  }
}
@keyframes open_b_m3 {
  0% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_b_m4 {
  0% {
    top: -115px;
  }
  100% {
    top: 0;
  }
}
@keyframes open_b_m5 {
  0% {
    top: -102px;
  }
  100% {
    top: -13px;
  }
}
@keyframes open_b_m6 {
  0% {
    top: -102px;
  }
  100% {
    top: 0;
  }
}
#animlogo.open #a_w1 {
  animation-name: open_w1;
}
#animlogo.open #a_w2 {
  animation-name: open_w2;
  animation-delay: 100ms;
}
#animlogo.open #a_w3 {
  animation-name: open_w3;
  animation-delay: 200ms;
}
#animlogo.open #a_m1 {
  animation-name: open_m1;
  animation-delay: 300ms;
}
#animlogo.open #a_m2 {
  animation-name: open_m2;
  animation-delay: 400ms;
}
#animlogo.open #a_m3 {
  animation-name: open_m3;
  animation-delay: 500ms;
}
#animlogo.open #a_m4 {
  animation-name: open_m4;
  animation-delay: 600ms;
}
#animlogo.open #a_m5 {
  animation-name: open_m5;
  animation-delay: 700ms;
}
#animlogo.open #a_m6 {
  animation-name: open_m6;
  animation-delay: 800ms;
}
.fixed #titlecont:hover h1 {
  padding-top: 66px;
}
.fixed #titlecont:hover #minianimlogo {
  height: 66px;
}
.fixed #titlecont:hover #b_w1 {
  top: -102px;
  animation-name: open_b_w1;
  animation-delay: 100ms;
}
.fixed #titlecont:hover #b_w2 {
  top: -112px;
  animation-name: open_b_w2;
  animation-delay: 100ms;
}
.fixed #titlecont:hover #b_w3 {
  top: -122px;
  animation-name: open_b_w3;
  animation-delay: 200ms;
}
.fixed #titlecont:hover #b_m1 {
  top: -102px;
  animation-name: open_b_m1;
  animation-delay: 300ms;
}
.fixed #titlecont:hover #b_m2 {
  top: -112px;
  animation-name: open_b_m2;
  animation-delay: 400ms;
}
.fixed #titlecont:hover #b_m3 {
  top: -102px;
  animation-name: open_b_m3;
  animation-delay: 500ms;
}
.fixed #titlecont:hover #b_m4 {
  top: -115px;
  animation-name: open_b_m4;
  animation-delay: 600ms;
}
.fixed #titlecont:hover #b_m5 {
  top: -102px;
  animation-name: open_b_m5;
  animation-delay: 700ms;
}
.fixed #titlecont:hover #b_m6 {
  top: -102px;
  animation-name: open_b_m6;
  animation-delay: 800ms;
}