/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article, aside, footer, header, nav, section {
  display: block;
}

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

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

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

dfn {
  font-style: italic;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio, video {
  display: inline-block;
}

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

img {
  border-style: none;
}

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

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

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

#hd {
  width: 100%;
  left: 0;
  margin: -40px 0 0 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  /*position: absolute;*/
  position: relative;
  overflow: hidden;
  z-index: 0;
  /*background-image: url(../images/page_bg.jpg);
  background-size: 100%;
  background-repeat: repeat;*/
}

#hd * {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#hd section {
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

#hd img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100% !important;
  height: auto;
  border: none;
}

@font-face {
  font-family: 'Machine-BT';
  src: url("../fonts/Machine-BT.ttf");
}
/* video-link */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
  background-color: black;
}

.modal .close_btn {
  height: 31px;
  width: 31px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: #ffffff;
  font-size: 30px;
  z-index: 1001;
}

.modal:hover, .modal:focus {
  text-decoration: none;
  cursor: pointer;
}

#hd .modal-center {
  width: 100%;
  height: 100%;
  left: -1px;
  top: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  position: relative;
}

#hd .modal-center #h5video {
  width: 100%;
  max-width: 960px;
}

#hd .modal-center iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@-webkit-keyframes breathing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes breathing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@-webkit-keyframes cycle_2 {
  0% {
    background-color: #8e00ff;
  }
  2% {
    background-color: #e100ff;
  }
  10.3% {
    background-color: #ff008b;
  }
  26.9% {
    background-color: red;
  }
  35.2% {
    background-color: orange;
  }
  43.5% {
    background-color: yellow;
  }
  51.8% {
    background-color: #b0ff00;
  }
  60.1% {
    background-color: #00db4a;
  }
  68.4% {
    background-color: #00ffd9;
  }
  76.7% {
    background-color: #00deff;
  }
  85% {
    background-color: #0093ff;
  }
  93.3% {
    background-color: #0023ff;
  }
  100% {
    background-color: #8e00ff;
  }
}

@keyframes cycle_2 {
  0% {
    background-color: #8e00ff;
  }
  2% {
    background-color: #e100ff;
  }
  10.3% {
    background-color: #ff008b;
  }
  26.9% {
    background-color: red;
  }
  35.2% {
    background-color: orange;
  }
  43.5% {
    background-color: yellow;
  }
  51.8% {
    background-color: #b0ff00;
  }
  60.1% {
    background-color: #00db4a;
  }
  68.4% {
    background-color: #00ffd9;
  }
  76.7% {
    background-color: #00deff;
  }
  85% {
    background-color: #0093ff;
  }
  93.3% {
    background-color: #0023ff;
  }
  100% {
    background-color: #8e00ff;
  }
}

@-webkit-keyframes cycle_3 {
  0% {
    background-color: #00deff;
  }
  10.3% {
    background-color: #0093ff;
  }
  18.6% {
    background-color: #0023ff;
  }
  26.9% {
    background-color: #8e00ff;
  }
  35.2% {
    background-color: #e100ff;
  }
  43.5% {
    background-color: #ff008b;
  }
  51.8% {
    background-color: red;
  }
  60.1% {
    background-color: orange;
  }
  68.4% {
    background-color: yellow;
  }
  76.7% {
    background-color: #b0ff00;
  }
  85% {
    background-color: #00db4a;
  }
  93.3% {
    background-color: #00ffd9;
  }
  100% {
    background-color: #00deff;
  }
}

@keyframes cycle_3 {
  0% {
    background-color: #00deff;
  }
  10.3% {
    background-color: #0093ff;
  }
  18.6% {
    background-color: #0023ff;
  }
  26.9% {
    background-color: #8e00ff;
  }
  35.2% {
    background-color: #e100ff;
  }
  43.5% {
    background-color: #ff008b;
  }
  51.8% {
    background-color: red;
  }
  60.1% {
    background-color: orange;
  }
  68.4% {
    background-color: yellow;
  }
  76.7% {
    background-color: #b0ff00;
  }
  85% {
    background-color: #00db4a;
  }
  93.3% {
    background-color: #00ffd9;
  }
  100% {
    background-color: #00deff;
  }
}

@-webkit-keyframes cycle_4 {
  0% {
    background-color: #00db4a;
  }
  10.3% {
    background-color: #00ffd9;
  }
  18.6% {
    background-color: #00deff;
  }
  26.9% {
    background-color: #0093ff;
  }
  35.2% {
    background-color: #0023ff;
  }
  43.5% {
    background-color: #8e00ff;
  }
  51.8% {
    background-color: #e100ff;
  }
  60.1% {
    background-color: #ff008b;
  }
  68.4% {
    background-color: red;
  }
  76.7% {
    background-color: orange;
  }
  85% {
    background-color: yellow;
  }
  93.3% {
    background-color: #b0ff00;
  }
  100% {
    background-color: #00db4a;
  }
}

@keyframes cycle_4 {
  0% {
    background-color: #00db4a;
  }
  10.3% {
    background-color: #00ffd9;
  }
  18.6% {
    background-color: #00deff;
  }
  26.9% {
    background-color: #0093ff;
  }
  35.2% {
    background-color: #0023ff;
  }
  43.5% {
    background-color: #8e00ff;
  }
  51.8% {
    background-color: #e100ff;
  }
  60.1% {
    background-color: #ff008b;
  }
  68.4% {
    background-color: red;
  }
  76.7% {
    background-color: orange;
  }
  85% {
    background-color: yellow;
  }
  93.3% {
    background-color: #b0ff00;
  }
  100% {
    background-color: #00db4a;
  }
}

@-webkit-keyframes cycle_5 {
  0% {
    background-color: yellow;
  }
  10.3% {
    background-color: #b0ff00;
  }
  18.6% {
    background-color: #00db4a;
  }
  26.9% {
    background-color: #00ffd9;
  }
  35.2% {
    background-color: #00deff;
  }
  43.5% {
    background-color: #0093ff;
  }
  51.8% {
    background-color: #0023ff;
  }
  60.1% {
    background-color: #8e00ff;
  }
  68.4% {
    background-color: #e100ff;
  }
  76.7% {
    background-color: #ff008b;
  }
  85% {
    background-color: red;
  }
  93.3% {
    background-color: orange;
  }
  100% {
    background-color: yellow;
  }
}

@keyframes cycle_5 {
  0% {
    background-color: yellow;
  }
  10.3% {
    background-color: #b0ff00;
  }
  18.6% {
    background-color: #00db4a;
  }
  26.9% {
    background-color: #00ffd9;
  }
  35.2% {
    background-color: #00deff;
  }
  43.5% {
    background-color: #0093ff;
  }
  51.8% {
    background-color: #0023ff;
  }
  60.1% {
    background-color: #8e00ff;
  }
  68.4% {
    background-color: #e100ff;
  }
  76.7% {
    background-color: #ff008b;
  }
  85% {
    background-color: red;
  }
  93.3% {
    background-color: orange;
  }
  100% {
    background-color: yellow;
  }
}

@-webkit-keyframes cycle {
  0% {
    background-color: red;
  }
  2% {
    background-color: red;
  }
  10.3% {
    background-color: orange;
  }
  18.6% {
    background-color: yellow;
  }
  26.9% {
    background-color: #b0ff00;
  }
  35.2% {
    background-color: #00db4a;
  }
  43.5% {
    background-color: #00ffd9;
  }
  51.8% {
    background-color: #00deff;
  }
  60.1% {
    background-color: #0093ff;
  }
  68.4% {
    background-color: #0023ff;
  }
  76.7% {
    background-color: #8e00ff;
  }
  85% {
    background-color: #e100ff;
  }
  93.3% {
    background-color: #ff008b;
  }
  100% {
    background-color: red;
  }
}

@keyframes cycle {
  0% {
    background-color: red;
  }
  2% {
    background-color: red;
  }
  10.3% {
    background-color: orange;
  }
  18.6% {
    background-color: yellow;
  }
  26.9% {
    background-color: #b0ff00;
  }
  35.2% {
    background-color: #00db4a;
  }
  43.5% {
    background-color: #00ffd9;
  }
  51.8% {
    background-color: #00deff;
  }
  60.1% {
    background-color: #0093ff;
  }
  68.4% {
    background-color: #0023ff;
  }
  76.7% {
    background-color: #8e00ff;
  }
  85% {
    background-color: #e100ff;
  }
  93.3% {
    background-color: #ff008b;
  }
  100% {
    background-color: red;
  }
}

@-webkit-keyframes colorRotate {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  10% {
    -webkit-filter: hue-rotate(36deg);
    filter: hue-rotate(36deg);
  }
  20% {
    -webkit-filter: hue-rotate(72deg);
    filter: hue-rotate(72deg);
  }
  30% {
    -webkit-filter: hue-rotate(108deg);
    filter: hue-rotate(108deg);
  }
  40% {
    -webkit-filter: hue-rotate(144deg);
    filter: hue-rotate(144deg);
  }
  50% {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
  }
  60% {
    -webkit-filter: hue-rotate(216deg);
    filter: hue-rotate(216deg);
  }
  70% {
    -webkit-filter: hue-rotate(252deg);
    filter: hue-rotate(252deg);
  }
  80% {
    -webkit-filter: hue-rotate(288deg);
    filter: hue-rotate(288deg);
  }
  90% {
    -webkit-filter: hue-rotate(324deg);
    filter: hue-rotate(324deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes colorRotate {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  10% {
    -webkit-filter: hue-rotate(36deg);
    filter: hue-rotate(36deg);
  }
  20% {
    -webkit-filter: hue-rotate(72deg);
    filter: hue-rotate(72deg);
  }
  30% {
    -webkit-filter: hue-rotate(108deg);
    filter: hue-rotate(108deg);
  }
  40% {
    -webkit-filter: hue-rotate(144deg);
    filter: hue-rotate(144deg);
  }
  50% {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
  }
  60% {
    -webkit-filter: hue-rotate(216deg);
    filter: hue-rotate(216deg);
  }
  70% {
    -webkit-filter: hue-rotate(252deg);
    filter: hue-rotate(252deg);
  }
  80% {
    -webkit-filter: hue-rotate(288deg);
    filter: hue-rotate(288deg);
  }
  90% {
    -webkit-filter: hue-rotate(324deg);
    filter: hue-rotate(324deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  background-color: #000;
  position: relative;
}

#hd-top {
  height: 40px;
}

#hd {
  font-family: 'helveticanowdisplay',sans-serif;
  color: #fff;
  font-size: 18px;
}

#hd h1, #hd h2, #hd h3, #hd h4, #hd h5, #hd h6 {
  margin: 0;
  line-height: 1.2;
  font-family: 'helveticanowdisplay',sans-serif;
}

#hd h2 {
  font-size: 46px;
  font-weight: bold;
}

#hd h3 {
  font-size: 40px;
}

#hd h4 {
  font-size: 26px;
}

#hd p {
  margin-bottom: 1em;
}

#hd #product-wrapper h2 {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-family: 'helveticanowdisplaylight',sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.1em;
  /*text-transform:uppercase;*/
}
#hd #product-wrapper h3{
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-family: 'helveticanowdisplaylight',sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.1em;
}

#hd figure {
  margin: 0;
}

#hd figure img {
  width: 100%;
  height: auto;
}

#hd .product-container {
  max-width: 100%;
  margin: 0 auto;
}

#hd p {
  line-height: 1.2;
  font-weight: normal;
  position: relative;
  font-family: 'helveticanowdisplaylight',sans-serif;
  font-size: 20px;
}

#hd .product-heading {
  margin-bottom: 1em;
}

.product-section {
  position: relative;
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
}

.product-section:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.product-section .product-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.product-section .product-text {
  position: absolute;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  z-index: 2;
}

.product-section .product-text .product-heading h2 {
  line-height: 1.1;
  margin-bottom: .2em;
  font-family: 'helveticanowdisplay',sans-serif;
  font-size: 48px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .product-section:before {
    height: 0;
  }
  .product-section {
    overflow: auto;
    height: auto;
  }
  .product-section .product-content {
    position: relative;
  }
  .product-section .product-text {
    position: relative;
    text-align: center;
    padding: 3em 5%;
    width: auto;
    left: auto;
    top: auto;
  }
}

#fp-nav ul li:hover a span, #fp-nav ul li:hover a.active span {
  background-color: #dbc2a0;
}

#fp-nav ul li a.active span {
  background-color: #dbc2a0;
}

#fp-nav ul li .fp-tooltip {
  max-width: 800px;
  text-transform: uppercase;
  color: #dbc2a0;
}
@media only screen and (max-width: 768px) {
  #fp-nav{
    display: none
  }
}
#scrollUp {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 45px;
  height: 45px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 2px solid #dbc2a0;
  z-index: 999;
  opacity: 0;
}

#scrollUp.hd-show {
  opacity: 1;
}

#scrollUp:hover {
  background-color: #dbc2a0;
}

#scrollUp:hover svg {
  fill: #FFF;
}

#scrollUp svg {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 5px;
  left: 0;
  fill: #dbc2a0;
  -webkit-transform: rotateZ(270deg);
  -moz-transform: rotateZ(270deg);
  -ms-transform: rotateZ(270deg);
  -o-transform: rotateZ(270deg);
  transform: rotateZ(270deg);
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  #hd #product-wrapper p {
    font-size: 25px;
  }
  #hd h2 {
    font-size: 46px;
  }
  #hd h3 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1600px) {
  #hd #product-wrapper p {
    font-size: 20px;
  }
  #hd h2 {
    font-size: 46px;
  }
  #hd h3 {
    font-size: 32px;
  }
  #hd h4 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 1440px) {
  #hd #product-wrapper p {
    font-size: 16px;
  }
  #hd h2 {
    font-size: 36px;
  }
  #hd h3 {
    font-size: 32px;
  }
  #hd h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  #hd #product-wrapper p {
    font-size: 16px;
  }
  #hd h2 {
    font-size: 40px;
  }
  #hd h3 {
    font-size: 28px;
  }
  #hd h1, #hd h2, #hd h3, #hd h4, #hd h5, #hd h6 {
    line-height: 1.2;
    margin-bottom: .2em;
  }
}
p.note{
  font-size: 13px;
}
.mobile, img.moblie{
  display: none !important;
}
.webstyle, img.webstyle{
  display: block !important;
}
@media only screen and (max-width: 1024px) {
  .mobile, img.moblie{
    display: block !important;
  }
  img.mobile{
    width: 100% !important
  }
  .webstyle, img.webstyle{
    display: none !important;
  }
}
#product-header {
  padding-top: 55.40313%;
}

#product-header:before {
  background-image: url("../images/bg-highcolor.jpg");
  background-size: cover;
}

#product-header .product-text {
  left: 63%;
    top: 57.5%;
    transform: translate(0%, -50%);
    padding-right: 4%;
    text-align: center;
}
#hd #product-wrapper .whitebg h2,
#hd #product-wrapper .whitebg .product-text{
  color: #000
}
#product-header .product-text .logo_group{
  display: inline-block;
    padding: 20px 0;
    width: 100%;
    max-width: 756px !important;
}
#product-header .txt_ico{
  margin-top: 30px;
  display: inline-block;
}
#product-header .txt_ico b{
  font-size: 70px;
  font-weight: 300;
}
#product-header .txt_ico p{
  font-size: 32px;
  margin-top: 10px
}
/*#hd #product-header h2 {
  font-family: 'rog',sans-serif;
  display: inline-block;
  margin-bottom: 0;
  line-height: 0.6em;
  padding-bottom: 0.4em;
  letter-spacing: 0;
  font-weight: normal;
  color: #e4e4e4 !important;
  background: transparent;
  background: linear-gradient(to top, #f0f0f0 0%, #dddddd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
  #hd #product-header h2{
    position: relative;
    color: #e4e4e4;
    background: transparent
  }
}
@media only screen and (max-width: 1920px) {
  #hd #product-header h2 {
    font-size: 86px;
  }
}
@media only screen and (max-width: 1660px) {
  #hd #product-header h2 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1320px) {
  #hd #product-header h2 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 1024px) {
  #hd #product-header h2 {
    font-size: 52px;
  }
}
#product-header h3 {
  color: #fff;
  font-weight: normal;
  font-family: helveticanowdisplay, sans-serif;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1440px) {
  #product-header h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1280px) {
  #product-header h2 {
    font-size: 50px;
  }
  #product-header h3 {
    font-size: 26px;
  }
  #product-header .product-text{
    top: 10%
  }
  #product-header .product-text .logo_group{
    padding: 10px 0 15px
  }
}*/

@media only screen and (max-width: 1024px) {
  #product-header img.mobile{
    display: block !important;
  }
  #product-header:before {
    background-image: none;
    padding-top: 0%;
  }
  #product-header {
    padding-top: 0%;
    height: auto;
    background: #000
  }
  #product-header .product-content {
    position: relative;
  }
  #product-header .product-text {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
    transform: translate(0%, 0%);
  }
  #hd #product-wrapper .whitebg h2, #hd #product-wrapper .whitebg .product-text{
    color: #fff; 
  }
}

@media only screen and (max-width: 768px) {
  #product-header:before {
    background-image: none;
    padding-top: 0%;
  }
  #product-header {
    padding-top: 0%;
  }
  #product-header .product-content {
    position: relative;
  }
  #product-header .product-text {
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
  }
}

@media only screen and (max-width: 480px) {
/*  #product-header .product-text {
    padding-top: .5em;
  }
  #product-header h2 {
    font-size: 32px;
  }
  #product-header h3 {
    font-size: 18px;
  }*/
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#product-4 {
  padding-top: 35.85%;
}

#product-4:before {
  background-image: url("../images/pic_fiveyear.jpg");
  background-size: cover;
}

#product-4 .product-text {
  width: 90%;
    left: 50%;
    top: 75%;
    max-width: 1298px !important;
    transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 1440px) {
  #product-4 .product-text {
    
  }
}

@media only screen and (max-width: 768px) {
  #product-4 {
    background: none;
    padding-top: 0;
    height: auto
  }
  #product-4 .product-text {
    width: auto;
    left: auto;
    top: auto;
    transform: translate(0%, 0%);
    margin-left: 0;
    display: inline-block;
    padding: 1.5em 5%;
  }
  #product-4 .product-content{
    margin-top: 0%
  }
}

@media only screen and (max-width: 480px) {
  #product-4 .figure-group .mm {
    font-size: 12px;
  }
  #product-4 .figure-group .figure-height {
    left: 14%;
  }
  #product-4 .figure-group .figure-height .mm {
    left: 25%;
  }
  #product-4 .figure-group .figure-width {
    bottom: 1%;
  }
  #product-4 .figure-group .figure-width .mm {
    display: inline-block;
    position: relative;
    top: -3px;
  }
}
#hd .product-container .full-section .mainfull{
    text-align: center;
    margin: 0 auto !important;
    /* max-width: 1920px; */
}
#hd .product-container .full-section .mainfull .maintitle {
    margin: 0 auto 40px !important;
    max-width: 1540px;
    width: 100%;
    padding: 0 30px;
}
/* 宸︽枃鍙冲湒 */

#hd .product-container .full-section .maintitle.lefttxt {
    display: inline-block;
    width: 100%;
    margin: 0 0 60px;
}

#hd .product-container .full-section .maintitle.lefttxt .info_left {
    float: left;
    margin: 0px -100% 0px 0px;
    position: relative;
    width: 50%;
    text-align: left !important
}

#hd .product-container .full-section .maintitle.lefttxt .info_left .product-heading,
#hd .product-container .full-section .maintitle.lefttxt .info_left .product-heading h2,
#hd .product-container .full-section .maintitle.lefttxt .info_left p,
#hd .product-container .full-section .maintitle.lefttxt .info_right .product-heading,
#hd .product-container .full-section .maintitle.lefttxt .info_right .product-heading p {
    text-align: center !important;
    padding: 0;
    width: 100% !important;
    margin: 0 auto;
    margin-bottom: 25px;
}

#hd .product-container .full-section .maintitle.lefttxt .info_right {
    margin: 0px 0px 0px 50%;
    position: relative;
    /*width: 100%;*/
}

#hd .product-container .full-section .maintitle.lefttxt .info_left .product-heading,
#hd .product-container .full-section .maintitle.lefttxt .info_left .product-heading h2,
#hd .product-container .full-section .maintitle.lefttxt .info_left p {
    text-align: center !important;
    margin-left: 0 !important;
}


/* 宸﹀湒鍙虫枃 */

#hd .product-container .full-section .maintitle.righttxt {
    display: inline-block;
    width: 100%;
    margin: 0;
}

#hd .product-container .full-section .maintitle.righttxt .info_left {
    float: left;
    margin: 0px -100% 0px 0px;
    position: relative;
    width: 50%;
}

#hd .product-container .full-section .maintitle.righttxt .info_left .product-heading,
#hd .product-container .full-section .maintitle.righttxt .info_left .product-heading h2,
#hd .product-container .full-section .maintitle.righttxt .info_left p,
#hd .product-container .full-section .maintitle.righttxt .info_right .product-heading,
#hd .product-container .full-section .maintitle.righttxt .info_right .product-heading h2 {
    /*text-align: left !important;*/
    padding: 0;
    width: 100% !important;
    margin: 0 auto;
    margin-bottom: 25px;
}

#hd .product-container .full-section .maintitle.righttxt .info_right {
    margin: 0px 0px 0px 50%;
    position: relative;
    /*text-align: left;*/
    /*width: 100%;*/
}

#hd .product-container .full-section .maintitle.righttxt .info_right .product-heading,
#hd .product-container .full-section .maintitle.righttxt .info_right .product-heading h2,
#hd .product-container .full-section .maintitle.righttxt .info_right p {
    /*text-align: left !important;*/
    margin-left: 0 !important;
}
@media only screen and (max-width: 1024px){
  #hd .product-container .full-section .mainfull .maintitle{
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5% 0;
  }
  #hd .product-container .full-section .maintitle.righttxt .info_left,
  #hd .product-container .full-section .maintitle.righttxt .info_right,
  #hd .product-container .full-section .maintitle.lefttxt .info_left,
  #hd .product-container .full-section .maintitle.lefttxt .info_right{
    margin: 0 !important;
    padding: 0px 0px !important;
    width: 100% !important;
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  #hd .product-container .full-section .mainfull .maintitle{
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 0 5% 0;
  }
  #hd .product-container .full-section .maintitle.lefttxt .info_left .product-heading,
  #hd .product-container .full-section .maintitle.lefttxt .info_left .product-heading h2,
  #hd .product-container .full-section .maintitle.lefttxt .info_left p,
  #hd .product-container .full-section .maintitle.lefttxt .info_right .product-heading,
  #hd .product-container .full-section .maintitle.lefttxt .info_right .product-heading p {
      text-align: center !important;
  }
  #hd .product-container .full-section .maintitle.righttxt .info_left .product-heading,
  #hd .product-container .full-section .maintitle.righttxt .info_left .product-heading h2,
  #hd .product-container .full-section .maintitle.righttxt .info_left p,
  #hd .product-container .full-section .maintitle.righttxt .info_right .product-heading,
  #hd .product-container .full-section .maintitle.righttxt .info_right .product-heading h2 {
      text-align: center !important;
  }
}
#product-wrapper .product-container .bg_style_a{
  background: url(../images/bg_style_a.jpg) top center repeat-x;
  background-size: 100% 100%;
}
#product-wrapper .product-container .bg_style_b{
  background: url(../images/bg_style_b.jpg) top center repeat-x;
  background-size: 100% 100%;
}
#product-wrapper .product-container .bg_style_c{
  background: url(../images/bg_style_c.jpg) top center repeat-x;
  background-size: 100% 100%;
}
/*Ultrawide*/
#hd .product-container #Ultrawide{
  position: relative;
  padding: 100px 0 50px;
}
#hd .product-container #Ultrawide h2{
  font-size: 66px;
  font-weight: 600
}
@media only screen and (max-width: 1440px) {
  #hd .product-container #Ultrawide h2{
    font-size: 48px;
    letter-spacing: 0.05em
  }
}
@media only screen and (max-width: 1024px) {
  #hd .product-container #Ultrawide h2{
    font-size: 40px;
  }
}
#hd .product-container #Ultrawide .maintitle p{
  max-width: 1200px;
  margin: 0 auto
}
#hd .product-container #Ultrawide .logo_pd{
    margin: 0 0 30px;
    width: 80%;
    max-width: 700px !important;
}
#hd .product-container #Ultrawide .pic_pd{
  margin: 50px 0;
  width: 80%;
  max-width: 1342px !important;
}
@media only screen and (max-width: 768px) {
  #hd .product-container #Ultrawide{
    padding: 50px 0 0;
  }
  #hd .product-container #Ultrawide .pic_pd{
    margin: 50px 0;
    width: 100%;
    max-width: 1342px !important;
  }
}

/*Quickcolor*/
#hd .product-container #Quickcolor{
  position: relative;
  padding: 100px 0 50px;
}
#hd .product-container #Quickcolor .pic_quick_area{
  width: 90%;
    margin: 0 auto;
    max-width: 1466px !important;
}
#hd .product-container #Quickcolor .pic_quick_area .pic_quick{
  display: none
}
#hd .product-container #Quickcolor .pic_quick_area .pic_quick.active{
  display: inline-block;
}
#hd .product-container #Quickcolor .btn_quick_area{
  width: calc(90% - 10px);
  max-width: 930px;
  padding: 0 5px;
  margin: 0 auto;
  display: inline-block;
  margin: 40px 0
}
#hd .product-container #Quickcolor .btn_quick_area li{
  display: inline-block;
  float: left;
  width: 16.666%;
  padding: 5px 5px;
}
@media only screen and (max-width: 1024px){
  #hd .product-container #Quickcolor .btn_quick_area li{
      width: 33.3333%
  }
}
#hd .product-container #Quickcolor .btn_quick_area li a{
  display: inline-block;
  text-align: center;
  width: 100%;

  border: 1px solid transparent;
border-width: 1px 1px 1px 1px;
border-image: linear-gradient(to right, rgb(205, 185, 157) 0%, rgb(142, 113, 85) 100%);
border-image-slice: 1;
}
#hd .product-container #Quickcolor .btn_quick_area li a.active{
  background: linear-gradient(to right, rgb(205, 185, 157) 0%, rgb(142, 113, 85) 100%);
}
#hd .product-container #Quickcolor .btn_quick_area li a p{
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 10px 0;
  color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #Quickcolor .btn_quick_area li a p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #Quickcolor .btn_quick_area li a p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
#hd .product-container #Quickcolor .btn_quick_area li a.active p{
  -webkit-background-clip: inherit;
    -webkit-text-fill-color: #000;
}
#hd .product-container #Quickcolor .pic_quick_area .pic_quick_txt{
  display: inline-block;
  width: 100%;
  max-width: 1466px
}
#hd .product-container #Quickcolor .pic_quick_area .pic_quick_txt li {
    display: inline-block;
    text-align: center;
    width: 50%;
    float: left;
}
#hd .product-container #Quickcolor .pic_quick_area .pic_quick_txt p {
    font-weight: 600;
    margin: 10px 0;
    color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
      width: auto;
    display: inline-block;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #Quickcolor .pic_quick_area .pic_quick_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #Quickcolor .pic_quick_area .pic_quick_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1024px) {

}
#hd .product-container #Quickcolor .maintitle p{
  max-width: 1200px;
  margin: 0 auto
}
@media only screen and (max-width: 768px) {
  #hd .product-container #Quickcolor{
    padding: 50px 0 0;
  }
}
/*PA278QV-Flicker*/
#hd .product-container #PA278QV-Flicker{
  position: relative;
  padding: 50px 0 50px;
}
#hd .product-container #PA278QV-Flicker h3{
  margin: 80px 0 30px;
}
#hd .product-container #PA278QV-Flicker .pic_quick_area{
  width: 90%;
  margin: 0 auto
}
#hd .product-container #PA278QV-Flicker .pic_quick_area .pic_quick_txt{
  display: inline-block;
  width: 100%;
  max-width: 1200px
}
#hd .product-container #PA278QV-Flicker .pic_quick_area .pic_quick_txt li {
    display: inline-block;
    text-align: center;
    width: 50%;
    float: left;
}
#hd .product-container #PA278QV-Flicker .pic_quick_area .pic_quick_txt p {
    font-weight: 600;
    margin: 10px 0;
    color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
      width: auto;
    display: inline-block;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Flicker .pic_quick_area .pic_quick_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Flicker .pic_quick_area .pic_quick_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1024px) {

}
#hd .product-container #PA278QV-Flicker .maintitle p{
  max-width: 1200px;
  margin: 0 auto
}
@media only screen and (max-width: 768px) {
  #hd .product-container #PA278QV-Flicker{
    padding: 0px 0 0;
  }
}
/*PA278QV-Design*/
#hd .product-container #PA278QV-Design{
  position: relative;
  padding: 100px 0 50px;
}
#hd .product-container #PA278QV-Design h3{
  margin: 80px 0 30px;
}
#hd .product-container #PA278QV-Design .design_ul{
  display: inline-block;
  width: 90%;
  max-width: 1600px;
  margin: 50px 0 20px
}
#hd .product-container #PA278QV-Design .design_ul li{
  display: inline-block;
  width: 28%;
  float: left;
  padding: 0 10px;
}
#hd .product-container #PA278QV-Design .design_ul li img{
  width: 92%;
  max-width: 365px !important
}
#hd .product-container #PA278QV-Design .design_ul li.pd_04{
  width: 16%;
  padding: 2px;
}
#hd .product-container #PA278QV-Design .design_ul li.pd_04 img{
  width: 94%;
  max-width: 221px !important
}
#hd .product-container #PA278QV-Design .design_ul li p {
    font-weight: 600;
    margin: 10px 0;
    color: #cdab82;
  background: transparent;
  background: linear-gradient(to bottom, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
      width: auto;
    display: inline-block;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Design .design_ul li p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Design .design_ul li p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1024px) {

}
#hd .product-container #PA278QV-Design .maintitle p{
  max-width: 1200px;
  margin: 0 auto
}
@media only screen and (max-width: 768px) {
  #hd .product-container #PA278QV-Design{
    padding: 50px 0 0;
  }
  #hd .product-container #PA278QV-Design .design_ul{
    margin-top: 0
  }
  #hd .product-container #PA278QV-Design .design_ul li{
    width: 50%
  }
  #hd .product-container #PA278QV-Design .design_ul li.pd_04{
    width: 26.5%;
    margin-left: 11%;
  }
}
@media only screen and (max-width: 320px) {
  #hd .product-container #PA278QV-Design .design_ul li{
    min-height: 220px !important
  }
  #hd .product-container #PA278QV-Design .design_ul li.pd_04 img{
    width: 90%
  }
}
/*PA278QV-Real-size*/
#hd .product-container #PA278QV-Real-size{
  position: relative;
  padding: 100px 0 50px;
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize{
  display: none
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize.active{
  display: inline-block;
}
#hd .product-container #PA278QV-Real-size .btn_realsize_area{
  width: calc(100% - 10px);
  max-width: 660px;
  padding: 0 5px;
  margin: 0 auto;
  display: inline-block;
  margin: 40px 0
}
#hd .product-container #PA278QV-Real-size .btn_realsize_area li{
  display: inline-block;
  float: left;
  width: 25%;
  padding: 5px 5px;
}
@media only screen and (max-width: 1024px){
  #hd .product-container #PA278QV-Real-size{
    padding-top: 0px
  }
  #hd .product-container #PA278QV-Real-size .btn_realsize_area li{
      width: 25%
  }
}
#hd .product-container #PA278QV-Real-size .btn_realsize_area li a{
  display: inline-block;
  text-align: center;
  width: 100%;

  border: 1px solid transparent;
border-width: 1px 1px 1px 1px;
border-image: linear-gradient(to right, rgb(205, 185, 157) 0%, rgb(142, 113, 85) 100%);
border-image-slice: 1;
}
#hd .product-container #PA278QV-Real-size .btn_realsize_area li a.active{
  background: linear-gradient(to right, rgb(205, 185, 157) 0%, rgb(142, 113, 85) 100%);
}
#hd .product-container #PA278QV-Real-size .btn_realsize_area li a p{
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 10px 0;
  color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Real-size .btn_realsize_area li a p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Real-size .btn_realsize_area li a p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
#hd .product-container #PA278QV-Real-size .btn_realsize_area li a.active p{
  -webkit-background-clip: inherit;
    -webkit-text-fill-color: #000;
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area{
  position: relative;
  display: inline-block;
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize{
  position: absolute;
  top: 0;
  left: 0
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize_txt{
  display: inline-block;
  width: 100%;
  max-width: 1466px
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize_txt li {
    display: inline-block;
    text-align: center;
    width: 50%;
    float: left;
}
#hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize_txt p {
    font-weight: 600;
    margin: 10px 0;
    color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
      width: auto;
    display: inline-block;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Real-size .pic_realsize_area .pic_realsize_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1024px) {

}
#hd .product-container #PA278QV-Real-size .maintitle p{
  max-width: 1200px;
  margin: 0 auto
}
@media only screen and (max-width: 768px) {
  #hd .product-container #PA278QV-Real-size{
    padding: 50px 0 0;
  }
}
/*PA278QV-Caretechnology*/
#hd .product-container #PA278QV-Caretechnology{
  position: relative;
  padding: 100px 0 50px;
}
#hd .product-container #PA278QV-Caretechnology h3{
  margin: 80px 0 30px
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology{
  display: none
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology.active{
  display: inline-block;
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box{
  width: 100%;
  max-width: 730px;
  padding: 0 10px 0 50px;
  display: inline-block;
  margin: 40px 0;
  position: relative;
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box p.btn_caretechnology_level{
  position: absolute;
  left: 2%;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 16px;
  font-weight: 600;
  color: #cdab82;
    background: transparent;
    background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box p.btn_caretechnology_level{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box p.btn_caretechnology_level{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box .logo_flickerfree{
  position: absolute;
    left: 94%;
    top: 50%;
    transform: translate(0%, -50%);
    width: 30%;
    max-width: 206px !important;
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area{
  width: calc(100% - 10px);
    max-width: 660px;
    padding: 0 45px 0 5px;
    margin: 0 auto;
    display: inline-block;
  /*margin: 40px 0*/
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li{
  display: inline-block;
  float: left;
  width: 20%;
  padding: 5px 5px;
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li a{
  display: inline-block;
  text-align: center;
  width: 100%;

  border: 1px solid transparent;
border-width: 1px 1px 1px 1px;
border-image: linear-gradient(to right, rgb(205, 185, 157) 0%, rgb(142, 113, 85) 100%);
border-image-slice: 1;
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li a.active{
  background: linear-gradient(to right, rgb(205, 185, 157) 0%, rgb(142, 113, 85) 100%);
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li a p{
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 10px 0;
  color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li a p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li a p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
#hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li a.active p{
  -webkit-background-clip: inherit;
    -webkit-text-fill-color: #000;
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area{
  position: relative;
  display: inline-block;
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology{
  position: absolute;
  top: 0;
  left: 0
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology_txt{
  display: inline-block;
  width: 100%;
  max-width: 1466px
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology_txt li {
    display: inline-block;
    text-align: center;
    width: 50%;
    float: left;
}
#hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology_txt p {
    font-weight: 600;
    margin: 10px 0;
    color: #cdab82;
  background: transparent;
  background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
      width: auto;
    display: inline-block;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #PA278QV-Caretechnology .pic_caretechnology_area .pic_caretechnology_txt p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}

#hd .product-container #PA278QV-Caretechnology .maintitle p{
  max-width: 1200px;
  margin: 0 auto
}
@media only screen and (max-width: 1024px){
  #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_area li{
      width: 20%
  }
  #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box .logo_flickerfree{
    top: 120%;
    transform: translate(-50%);
    left: 50%;
  }
  #hd .product-container #PA278QV-Caretechnology{
    padding-bottom: 50px;
    padding-top: 50px
  }
}
@media only screen and (max-width: 768px) {
  #hd .product-container #PA278QV-Caretechnology{
    padding: 50px 0 100px;
  }
  #hd .product-container #PA278QV-Caretechnology .btn_caretechnology_box .logo_flickerfree{
    width: 100%
  }
}
/*FALDbacklight*/
#hd .product-container #FALDbacklight{
  position: relative;
  padding: 50px 0 50px;
}
#hd .product-container #FALDbacklight .mainfull .maintitle{
  max-width: 1600px;
}
#hd .product-container #FALDbacklight .pic_color{
  width: 87%;
    max-width: 652px !important;
}
#hd .product-container #FALDbacklight .info_right img{
  width: 100%;
  max-width: 780px !important
}
#hd .product-container #FALDbacklight .info_left{
  padding-top: 0%;
  padding-left: 20px
}
#hd .product-container h2,
#hd .product-container p{
  text-align: center !important;
}
@media only screen and (max-width: 768px) {
  #hd .product-container #FALDbacklight{
    padding: 0px 0 0px;
  }
  #hd .product-container #FALDbacklight .info_left{
    padding-top: 0px !important
  }
}
/*Responsetime*/
#hd .product-container #Responsetime{
  position: relative;
  padding: 50px 0 0px;
}
#hd .product-container #Responsetime .mainfull .maintitle{
  max-width: 1700px;
}
#hd .product-container #Responsetime .info_left img{
      width: 160%;
    max-width: 1330px !important;
}
#hd .product-container #Responsetime .info_left{
  margin: 0px -100% 0px 0px;
  width: 50%;
}
#hd .product-container #Responsetime .info_right{
    padding-top: 2.5%;
    padding-right: 40px;
    margin: 0px 0px 0px 53%;
}
#hd .product-container #Responsetime .product-text .logo_palette{
    width: 30%;
    max-width: 180px !important;
}
@media only screen and (max-width: 1100px){
  #hd .product-container #Responsetime .info_right{
    padding-top: 0%;
    padding-right: 20px;
    margin: 0px 0px 0px 50%;
  }
}
@media only screen and (max-width: 1024px){
  #hd .product-container #Responsetime .info_left img{
      width: 100%;
      margin-bottom: 20px
  }
  #hd .product-container #Responsetime{
    padding-top: 0
  }
}

@media only screen and (max-width: 768px) {
  #hd .product-container #Responsetime{
    padding-top: 50px;
  }
  #hd .product-container #Responsetime .info_right{
    padding-top: 50px
  }
}
/*Colorgamut*/
#hd .product-container #Colorgamut{
  position: relative;
  padding: 50px 0 50px;
}
#hd .product-container #Colorgamut .mainfull .maintitle{
  max-width: 1700px;
}
#hd .product-container #Colorgamut .info_right img{
  width: 90%;
  max-width: 800px !important
}
#hd .product-container #Colorgamut .info_left{
  padding-top: 18%;
  padding-left: 20px;
  margin: 0px -100% 0px 0px;
  width: 48%;
}
#hd .product-container #Colorgamut .info_right{
  margin: 0px 0px 0px 48%;
}
#hd .product-container #Colorgamut .ico_rich_area{
  display: inline-block;
  width: 100%;
  padding: 0 10px
}
#hd .product-container #Colorgamut .ico_rich_area li{
  display: inline-block;
  width: 15%;
      float: left;
    padding: 0 10px;
    text-align: center;
}
#hd .product-container #Colorgamut .ico_rich_area li.ico_rich_01{
  width: 24%
}
#hd .product-container #Colorgamut .ico_rich_area li p{
  font-size: 16px;
  font-weight: 600;
  color: #cdab82;
    background: transparent;
    background: linear-gradient(to right, #dfc9a9 0%, #cdab82 50%, #9a7a59 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd .product-container #Colorgamut .ico_rich_area li p{
        position: relative;
        color: #cdab82 !important;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd .product-container #Colorgamut .ico_rich_area li p{
        position: relative;
        color: #cdab82 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #cdab82 !important
    }
}
@media only screen and (max-width: 1366px) {
  #hd .product-container #Colorgamut .ico_rich_area li p{
    font-size: 13px
  }
}
@media only screen and (max-width: 768px) {
  #hd .product-container #Colorgamut{
    padding: 0;
  }
  #hd .product-container #Colorgamut .info_left{
    padding-top: 20px !important
  }
  #hd .product-container #Colorgamut .ico_rich_area li{
    width: 50% !important
  }
}


/**/
#product-5 {
  padding-top: 54%;
}

#product-5:before {
  background-image: url("../images/bg-truecolor.jpg");
  background-size: cover;
}

#product-5 .product-text {
  width: 36%;
    left: 60%;
    top: 67%;
    transform: translate(0%, -50%);
    text-align: center;
}

#product-5 .product-text a {
  color: #dbc2a0;
}

#product-5 .product-text a:hover {
  text-decoration: underline;
}
#product-5 .product-text .logo_calman{
      width: 50%;
    max-width: 300px !important;
}
@media only screen and (max-width: 1366px) {
  #product-5 .product-text {
    width: 36%;
    left: 59%;
    top: 67%;
  }
  #product-5 .notice {
    font-size: 12px;
    bottom: 10px;
    left: 5%;
  }
}

@media only screen and (max-width: 1024px) {
  #product-5 img.mobile{
    display: block !important;
  }
  #product-5:before {
    background-image: none;
    padding-top: 0%;
  }
  #product-5 {
    padding-top: 0%;
    height: auto
  }
  #product-5 .product-content {
    position: relative;
  }
  #product-5 .product-text {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5%;
    transform: translate(0%, 0%);
  }
  #product-5 .product-content{
    background: #000
  }
}

@media only screen and (max-width: 768px) {

  #product-5 {
    height: auto;
    padding-top:0;
    padding-bottom: 0
  }
  #product-5 .product-content {
    padding-bottom: 20px;
  }
  #product-5 .product-text {
    width: auto;
    left: auto;
    top: auto;
    margin-left: 0;
    padding: 1.5em 5% 0;
  }
}

/*20190519*/
@media only screen and (min-width: 1921px){
  #product-wrapper{
    max-width: 1920px !important;
    margin:0 auto;
  }
  #hd .product-container .full-section .mainfull .maintitle{
    max-width: 1680px !important
  }
  #hd #product-wrapper p {
      font-size: 1.04167vw !important;
      line-height: 1.66667vw !important;
  }
}
@media only screen and (min-width: 2561px){
  #product-wrapper{
    max-width: 2560px !important;
    margin:0 auto;
  }
  #hd .product-container .full-section .mainfull .maintitle{
    max-width: 1920px !important
  }
  #hd #product-wrapper p {
      font-size: 26.6667px !important;
      line-height: 42.6667px !important;
  }
}