@charset "UTF-8";
/*----------------------------------------Global----------------------------------------*/
html {
  width: 100%;
  overflow-x: hidden;
  display: block;
  position: relative; }

body {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow-x: hidden;
  padding: 0; }
  body .icon-menu {
    position: absolute;
    z-index: 99;
    left: 15px;
    font-size: 1.5em;
    line-height: 65px;
    font-weight: normal;
    display: none; }

a, a:visited {
  outline: none;
  /* for Firefox Google Chrome  */
  color: #333;
  text-decoration: none; }
  a:hover {
    color: #e60012; }

.clearFloat {
  clear: both; }

.hidden {
  display: none; }

.block {
  display: block; }

input[type="button"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="file"],
textarea,
select {
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #ccc;
  padding: 5px; }

.marginCenter {
  margin: 0 auto; }

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

.left {
  text-align: left; }

.mark {
  color: #e60012; }

.article {
  position: relative;
  width: 1140px;
  margin: 20px auto;
  min-height: 300px;
  vertical-align: top;
  color: #333; }
  .article img {
    max-width: 100%; }
  .article h1 {
    color: #000;
    font-size: 21.6px;
    line-height: 1.6em;
    margin-bottom: 15px; }
    .article h1:before {
      position: relative;
      top: 2px;
      margin-right: 10px; }

#topcontrol {
  margin-right: -5px;
  margin-bottom: -5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #e60012;
  z-index: 99; }
  #topcontrol a {
    text-align: center;
    font-size: 1.4em;
    line-height: 40px;
    display: block; }
    #topcontrol a:before {
      font-family: Arial, Helvetica, sans-serif;
      content: "TOP";
      font-size: 14px;
      color: #fff; }

.btnArea {
  text-align: center;
  border-top: 1px dashed #ccc;
  margin-top: 40px;
  padding-top: 30px; }
  .btnArea a.btnGo, .btnArea input[type="reset"],
  .btnArea input[type="submit"],
  .btnArea input[type="button"] {
    display: inline-block;
    margin: 0 auto;
    padding: 7px 70px;
    background: #e60012;
    line-height: 1.6em;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    opacity: 0.8; }
    .btnArea a.btnGo:visited, .btnArea input:visited[type="reset"],
    .btnArea input[type="submit"]:visited,
    .btnArea input[type="button"]:visited {
      color: #FFF; }
    .btnArea a.btnGo:hover, .btnArea input:hover[type="reset"],
    .btnArea input[type="submit"]:hover,
    .btnArea input[type="button"]:hover {
      opacity: 1;
      cursor: pointer; }
  .btnArea input[type="reset"] {
    padding: 7px 30px;
    background: #aaa;
    margin-right: 50px; }

.phoneShow {
  display: none; }

a.btnBack {
  display: block;
  margin-top: 40px;
  text-align: left; }
  a.btnBack:before {
    position: relative;
    top: 5px;
    display: inline-block;
    font-family: "academy";
    content: "x";
    color: #aaa;
    text-align: center;
    margin-right: 15px;
    font-size: 1.4em;
    background: #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }

/*----------------------------------------Header----------------------------------------*/
.header {
  position: relative;
  z-index: 30;
  background-color: #fff;
  height: 70px;
  display: block; }
  .header a.icon-menu {
    display: none;
    color: #333;
    cursor: pointer; }
  .header .topArea {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    /*----------------------------------------Menu----------------------------------------*/ }
    .header .topArea .logo {
      position: absolute;
      left: 0;
      top: 0;
      max-height: 100%; }
    .header .topArea ul.iconLink {
      position: absolute;
      top: 2px;
      right: 0; }
      .header .topArea ul.iconLink li {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px; }
        .header .topArea ul.iconLink li a {
          color: #666;
          line-height: 70px; }
          .header .topArea ul.iconLink li a:visited {
            color: #666; }
          .header .topArea ul.iconLink li a:hover {
            color: #e60012; }
          .header .topArea ul.iconLink li a.icon-youtube:before {
            position: relative;
            top: 4px;
            font-size: 20px; }
          .header .topArea ul.iconLink li a.icon-shopping-cart:before {
            position: relative;
            top: 4px;
            font-size: 20px; }
          .header .topArea ul.iconLink li a.icon-frdhome:before {
            position: relative;
            top: 2px;
            font-size: 1.1em; }
          .header .topArea ul.iconLink li a.icon-facebook-square:before {
            position: relative;
            top: 3px;
            font-size: 1.2em; }
          .header .topArea ul.iconLink li a.icon-frdlang:before {
            position: relative;
            top: 4px;
            margin-right: 5px;
            font-size: 1.3em;
            color: #666; }
          .header .topArea ul.iconLink li a.icon-frdlang {
            color: #333;
            font-weight: bold; }
            .header .topArea ul.iconLink li a.icon-frdlang:visited {
              color: #333; }
            .header .topArea ul.iconLink li a.icon-frdlang:hover {
              color: #e60012; }
              .header .topArea ul.iconLink li a.icon-frdlang:hover:before {
                color: #e60012; }
    .header .topArea .menu {
      position: relative;
      z-index: 5;
      display: inline-block; }
      .header .topArea .menu ul {
        margin: 0px auto;
        text-align: right; }
        .header .topArea .menu ul li {
          position: relative;
          display: inline-block;
          text-align: center;
          line-height: 20px; }
          .header .topArea .menu ul li a.mainLink {
            line-height: 70px;
            padding: 0 18px;
            font-weight: bold; }
            .header .topArea .menu ul li a.mainLink:visited {
              color: #000; }
            .header .topArea .menu ul li a.mainLink:hover {
              color: #e60012; }
          .header .topArea .menu ul li:hover ul {
            display: block; }
          .header .topArea .menu ul li ul {
            position: absolute;
            top: 100%;
            width: 140%;
            left: -20%;
            display: none; }
            .header .topArea .menu ul li ul li {
              width: 100%; }
              .header .topArea .menu ul li ul li a {
                background-color: #000;
                display: block;
                font-size: 16px;
                color: #fff;
                padding: 10px 0; }
                .header .topArea .menu ul li ul li a:visited {
                  color: #fff; }
                .header .topArea .menu ul li ul li a:hover {
                  background-color: #e60012;
                  color: #fff; }
          .header .topArea .menu ul li a {
            display: block;
            color: #000;
            font-size: 18px;
            text-decoration: none; }
            .header .topArea .menu ul li a:visited {
              color: #000; }
            .header .topArea .menu ul li a:hover {
              color: #000; }

/*----------------------------------------Footer----------------------------------------*/
.footer {
  position: relative;
  padding: 35px 0 25px 0;
  background: #111;
  overflow: hidden; }
  .footer span.topLine {
    position: absolute;
    top: 0;
    width: 25%;
    height: 20px;
    background: #fff;
    text-align: right; }
    .footer span.topLine:before {
      width: 40px;
      height: 40px;
      position: relative;
      top: 0;
      right: -20px;
      font-family: "frd";
      content: ' ';
      color: #111;
      background: #111;
      font-size: 70px;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .footer span.bottomLine {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 20px;
    background: #fff;
    text-align: left; }
    .footer span.bottomLine:before {
      position: relative;
      top: 8px;
      width: 40px;
      height: 40px;
      left: -20px;
      font-family: "frd";
      content: ' ';
      background: #fff;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .footer .footerArea {
    width: 1140px;
    margin: 0 auto;
    vertical-align: top; }
    .footer .footerArea .footerLogo {
      display: inline-block;
      margin: 15px 20px 0 0; }
    .footer .footerArea ul.footerInfo {
      display: inline-block;
      vertical-align: top;
      padding: 30px 0; }
      .footer .footerArea ul.footerInfo li {
        position: relative;
        padding-left: 28px;
        color: #FFF;
        font-size: 14px;
        margin-bottom: 15px;
        max-width: 190px; }
        .footer .footerArea ul.footerInfo li.icon-frdphone, .footer .footerArea ul.footerInfo li.icon-frdprint {
          color: #FFF; }
        .footer .footerArea ul.footerInfo li:before {
          position: absolute;
          left: 0;
          top: 3px;
          margin-right: 10px;
          font-size: 1.3em; }
    .footer .footerArea ul.footerLink {
      display: inline-block;
      text-align: right;
      vertical-align: top;
      padding: 30px 0;
      margin-left: 10%;
      width: 57%; }
      .footer .footerArea ul.footerLink li {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 32%; }
        .footer .footerArea ul.footerLink li .addthis_inline_share_toolbox {
          margin-top: 15px; }
          .footer .footerArea ul.footerLink li .addthis_inline_share_toolbox .at-icon-wrapper {
            position: relative;
            min-width: 25px;
            min-height: 25px; }
            .footer .footerArea ul.footerLink li .addthis_inline_share_toolbox .at-icon-wrapper svg {
              position: absolute;
              left: -2px;
              top: -2px;
              min-width: 30px;
              min-height: 30px; }
        .footer .footerArea ul.footerLink li a {
          color: #fff; }
          .footer .footerArea ul.footerLink li a:visited {
            color: #fff; }
          .footer .footerArea ul.footerLink li a:hover {
            color: #e60012; }
        .footer .footerArea ul.footerLink li ul {
          width: 100%;
          margin-top: 10px; }
          .footer .footerArea ul.footerLink li ul li {
            margin: 0;
            width: 100%;
            font-size: 14px; }
            .footer .footerArea ul.footerLink li ul li:first-child {
              margin-left: 0%; }
  .footer .shareArea {
    position: relative;
    width: 500px;
    margin: 0 auto;
    text-align: center; }
    .footer .shareArea .addthisArea, .footer .shareArea .fbArea {
      display: inline-block;
      line-height: 0;
      margin: 15px 0; }

.copyright {
  position: relative;
  font-style: normal;
  background: #FFF;
  text-align: center; }
  .copyright p {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin: 10px 0; }

/*------ Form  ----------------------------------------*/
.formArea, .formAreaEN {
  width: 750px;
  margin: 0 auto 100px auto; }
  .formArea input[type="text"], .formAreaEN input[type="text"] {
    min-width: 220px; }
  .formArea p.note, .formAreaEN p.note {
    color: #e60012; }
  .formArea ul.formList, .formAreaEN ul.formList {
    margin: 40px 0 0 20px;
    line-height: 1.4em; }
    .formArea ul.formList li, .formAreaEN ul.formList li {
      position: relative;
      list-style: none;
      display: block;
      min-height: 33px;
      vertical-align: middle;
      margin-bottom: 15px; }
      .formArea ul.formList li:nth-child(1), .formAreaEN ul.formList li:nth-child(1), .formArea ul.formList li:nth-child(2), .formAreaEN ul.formList li:nth-child(2), .formArea ul.formList li:nth-child(4), .formAreaEN ul.formList li:nth-child(4), .formArea ul.formList li:nth-child(5), .formAreaEN ul.formList li:nth-child(5), .formArea ul.formList li:nth-child(6), .formAreaEN ul.formList li:nth-child(6), .formArea ul.formList li:nth-child(7), .formAreaEN ul.formList li:nth-child(7), .formArea ul.formList li:nth-child(8), .formAreaEN ul.formList li:nth-child(8), .formArea ul.formList li:nth-child(9), .formAreaEN ul.formList li:nth-child(9) {
        display: inline-block;
        width: 49%; }
      .formArea ul.formList li:nth-child(2) select, .formAreaEN ul.formList li:nth-child(2) select {
        width: 231px; }
      .formArea ul.formList li:nth-child(3) select, .formAreaEN ul.formList li:nth-child(3) select {
        width: 593px; }
      .formArea ul.formList li input[type="text"], .formAreaEN ul.formList li input[type="text"],
      .formArea ul.formList li select,
      .formAreaEN ul.formList li select,
      .formArea ul.formList li textarea,
      .formAreaEN ul.formList li textarea {
        margin: 0 5px;
        -webkit-border-radius: 2px;
        border-radius: 2px; }
      
      .formArea ul.formList li textarea,
      .formAreaEN ul.formList li textarea {
        width: 580px;
        height: 80px; }
      .formArea ul.formList li img.security, .formAreaEN ul.formList li img.security {
        position: relative;
        top: 3px;
        margin: 0 0 0 5px; }
      .formArea ul.formList li a.icon-refresh, .formAreaEN ul.formList li a.icon-refresh {
        text-decoration: none;
        margin-left: 10px;
        opacity: 0.6; }
      .formArea ul.formList li:before, .formAreaEN ul.formList li:before {
        position: absolute;
        top: 5px;
        left: -20px;
        font-family: "frd";
        content: "d";
        color: #e60012;
        font-size: 12px; }
      .formArea ul.formList li span, .formAreaEN ul.formList li span,
      .formArea ul.formList li p,
      .formAreaEN ul.formList li p {
        display: inline-block;
        margin: 0;
        vertical-align: middle; }
      .formArea ul.formList li span, .formAreaEN ul.formList li span {
        position: absolute;
        top: 5px;
        left: 0;
        width: 75px; }
        .formArea ul.formList li span.required:after, .formAreaEN ul.formList li span.required:after {
          display: inline-block;
          content: '*';
          color: #e60012; }
      
      .formArea ul.formList li p,
      .formAreaEN ul.formList li p {
        margin-left: 85px; }
      .formArea ul.formList li .g-recaptcha, .formAreaEN ul.formList li .g-recaptcha {
        margin-left: 90px; }

.formAreaEN {
  width: 950px; }
  .formAreaEN ul.formList li span {
    width: 160px; }
  .formAreaEN ul.formList li p {
    margin-left: 165px; }
  .formAreaEN ul.formList li .g-recaptcha {
    margin-left: 170px; }
  .formAreaEN ul.formList li:nth-child(2) select {
    width: 231px; }
  .formAreaEN ul.formList li:nth-child(3) select {
    width: 690px; }
  .formAreaEN ul.formList li textarea {
    width: 680px; }

/*-- Editor --*/
.productDetail p, .bbsArticle p {
  margin-bottom: 15px; }
  .productDetail p + h1, .bbsArticle p + h1 {
    margin-top: 40px; }
  .productDetail p + h2, .bbsArticle p + h2 {
    padding-top: 20px; }
  .productDetail p + img, .bbsArticle p + img {
    margin-top: 20px; }
  .productDetail p a, .bbsArticle p a {
    color: #333;
    text-decoration: underline; }
    .productDetail p a:visited, .bbsArticle p a:visited {
      color: #333; }
    .productDetail p a:hover, .bbsArticle p a:hover {
      color: #b0302a; }

.productDetail table, .bbsArticle table {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; }
  .productDetail table tr td, .bbsArticle table tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px; }
    .productDetail table tr td ul, .bbsArticle table tr td ul {
      margin: 0 20px; }
    .productDetail table tr td p, .bbsArticle table tr td p {
      margin-bottom: 0; }

.productDetail img, .bbsArticle img {
  margin-bottom: 20px; }

.productDetail ul, .bbsArticle ul {
  margin: 20px; }
  .productDetail ul + h1, .bbsArticle ul + h1 {
    margin-top: 40px; }
  .productDetail ul li, .bbsArticle ul li {
    margin-bottom: 10px;
    padding-left: 0px;
    color: #333;
    list-style-position: outside;
    list-style-type: disc;
    border: 0px; }
    .productDetail ul li span.note, .bbsArticle ul li span.note {
      font-weight: bold;
      margin-right: 5px; }

.productDetail ol + h1, .bbsArticle ol + h1 {
  margin-top: 40px; }

.productDetail ol + h2, .bbsArticle ol + h2 {
  padding-top: 20px; }

.productDetail ol li, .bbsArticle ol li {
  margin-bottom: 10px;
  margin-left: 20px;
  color: #333;
  list-style-position: outside;
  list-style-type: decimal; }

.productDetail ul + h1, .bbsArticle ul + h1 {
  margin-top: 40px; }

.productDetail ul + h2, .bbsArticle ul + h2 {
  padding-top: 20px; }

/* Page number */
.pagebar {
  margin: 50px 0px 50px 0px;
  padding-top: 20px; }
  .pagebar input {
    display: none; }
  .pagebar input[type="text"] {
    display: none; }
  .pagebar span.select {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 3px 2px 3px 2px;
    padding: 8px 18px;
    line-height: 24px;
    color: #fff;
    background-color: #e60012; }
  .pagebar a[disabled="disabled"] {
    display: none; }
    .pagebar a[disabled="disabled"]:hover {
      color: #333;
      text-decoration: none;
      background-color: #E9E9E9; }
  .pagebar a {
    font-size: 0.8em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: #E9E9E9;
    margin: 3px 2px 3px 2px;
    padding: 8px 18px;
    line-height: 24px;
    color: #333;
    color: #333; }
    .pagebar a:hover {
      color: #fff;
      text-decoration: none;
      background-color: #e60012; }
      .pagebar a:hover span {
        color: #fff; }
    .pagebar a span {
      text-decoration: none;
      display: inline-block;
      text-align: center;
      background-color: #E9E9E9;
      padding: 8px 18px;
      line-height: 24px;
      color: #333;
      color: #333; }
      .pagebar a span.zjian, .pagebar a span.yjian {
        margin: 0;
        padding: 0; }
  .pagebar p {
    text-align: center;
    color: #333;
    font-size: 0.857em;
    line-height: 2em;
    margin-bottom: 10px; }
  .pagebar ul {
    min-width: 660px;
    margin: 0 auto;
    text-align: left;
    font-size: 18px; }
    .pagebar ul li {
      display: inline-block;
      *float: left;
      /*ie7*/
      background: none;
      padding-left: 0px; }
      .pagebar ul li a {
        text-decoration: none;
        display: inline-block;
        text-align: center;
        background-color: #E9E9E9;
        padding: 8px 16px;
        line-height: 24px;
        color: #333;
        color: #333; }
        .pagebar ul li a:hover {
          color: #fff;
          text-decoration: none;
          background-color: #e60012; }
        .pagebar ul li a.icon-arrow-left, .pagebar ul li a.icon-arrow-right {
          color: #aaa;
          padding: 8px 13px; }
          .pagebar ul li a.icon-arrow-left:before, .pagebar ul li a.icon-arrow-right:before {
            position: relative;
            top: 2px;
            color: #aaa; }
          .pagebar ul li a.icon-arrow-left:hover:before, .pagebar ul li a.icon-arrow-right:hover:before {
            color: #FFF; }
    .pagebar ul li.press a {
      text-decoration: none;
      cursor: default;
      color: #fff;
      text-decoration: none;
      background-color: #e60012;
      font-weight: bold; }

/*---------------------------------------- Index ----------------------------------------*/
/*------ Main Banner ----------------------------------------*/
.mainBanner {
  position: relative;
  z-index: 22;
  top: 0;
  max-width: 100%;
  overflow: hidden; }
  .mainBanner .slidesArea {
    width: 100%; }
  .mainBanner a {
    color: #333; }
    .mainBanner a .bannerTitle {
      position: absolute;
      z-index: 10;
      text-align: left;
      width: auto;
      margin-top: 15%;
      display: block;
      background: rgba(255, 255, 255, 0.5);
      padding: 20px 40px 20px 10%; }
      .mainBanner a .bannerTitle p.h1 {
        color: #000;
        line-height: 1.4em;
        font-size: 33.6128px;
        font-weight: normal;
        text-align: left; }
      .mainBanner a .bannerTitle p.h2 {
        text-align: left;
        font-size: 29.4112px;
        line-height: 1.4em; }
      .mainBanner a .bannerTitle p {
        font-size: 18px;
        font-weight: bold;
        display: block; }
  .mainBanner .jssorb21 {
    position: absolute;
    bottom: 30px;
    height: 20px; }
  .mainBanner .jssorb21 div,
  .mainBanner .jssorb21 div:hover,
  .mainBanner .jssorb21 .av {
    overflow: hidden;
    cursor: pointer; }
  .mainBanner .jssorb21 div {
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 6px; }
  .mainBanner .jssorb21 div:hover,
  .mainBanner .jssorb21 .av:hover {
    background-color: #e60012; }
  .mainBanner .jssorb21 .av {
    background-color: #e60012; }
  .mainBanner .jssorb21 .dn,
  .mainBanner .jssorb21 .dn:hover {
    background-color: #333; }
  .mainBanner .arrowArea {
    position: relative;
    top: 50%;
    width: 98%;
    margin: 0 auto; }
  .mainBanner .jssora03l,
  .mainBanner .jssora03r {
    display: block;
    position: absolute;
    width: 40px;
    height: 75px;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.7;
    font-size: 42.016px;
    color: #FFF; }
  .mainBanner .jssora03l {
    left: -10px; }
  .mainBanner .jssora03r {
    right: -10px; }
  .mainBanner .jssora03l:hover {
    opacity: 1; }
  .mainBanner .jssora03r:hover {
    opacity: 1; }
  .mainBanner .jssora03l.jssora03ldn {
    opacity: 1; }
  .mainBanner .jssora03r.jssora03rdn {
    opacity: 1; }

/*------ Type Slide  ----------------------------------------*/
.productType {
  position: relative;
  z-index: 5;
  min-height: 100px;
  background: #DDD;
  overflow: hidden; }
  .productType + footer {
    margin-top: 40px; }
  .article .productType {
    background: none; }
    .article .productType .typeSlides {
      width: 90%;
      margin-left: 5%;
      height: 70px;
      overflow: visible; }
      .article .productType .typeSlides div {
        border: 2px solid #ccc;
        line-height: 66px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        .article .productType .typeSlides div:nth-child(odd) {
          background: #fff; }
        .article .productType .typeSlides div:hover, .article .productType .typeSlides div.select {
          background: #e60012;
          border: 2px solid #e60012; }
    .article .productType .arrowArea {
      top: 15%; }
  .productType .typeSlides {
    z-index: 10;
    width: 100%;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    left: 0; }
    .productType .typeSlides div {
      line-height: 100px; }
      .productType .typeSlides div:nth-child(odd) {
        background: #CCC; }
      .productType .typeSlides div:hover, .productType .typeSlides div.select {
        background: #e60012; }
      .productType .typeSlides div a {
        display: block;
        color: #333;
        font-size: 19.8px;
        font-weight: bold; }
        .productType .typeSlides div a:visited {
          color: #333; }
        .productType .typeSlides div a:hover {
          color: #FFF; }
      .productType .typeSlides div.select a {
        color: #FFF; }
  .productType .arrowArea {
    position: relative;
    top: 35%;
    width: 97%;
    margin: 0 auto; }
  .productType .jssora03l,
  .productType .jssora03r {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.7;
    font-size: 36px;
    color: #666; }
  .productType .jssora03l {
    left: -10px; }
  .productType .jssora03r {
    right: -10px; }
  .productType .jssora03l:hover {
    opacity: 1; }
  .productType .jssora03r:hover {
    opacity: 1; }
  .productType .jssora03l.jssora03ldn {
    opacity: 1; }
  .productType .jssora03r.jssora03rdn {
    opacity: 1; }

/*------ Index About  ----------------------------------------*/
.indexAboout {
  text-align: center;
  padding: 40px 0 60px 0;
  color: #000; }
  .indexAboout .title {
    display: inline-block;
    font-weight: normal;
    font-size: 26px;
    line-height: 1.6em;
    margin-bottom: 40px;
    color: #000;
    border-bottom: 2px solid #e60012; }
  .indexAboout h1.pWord {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    border-bottom: none;
    display: block; }
    .indexAboout h1.pWord span {
      display: block; }
  .indexAboout .subTitle {
    font-size: 23.1088px;
    color: #e60012;
    margin: 20px 0 30px 0;
    font-weight: bold;
    line-height: 1.4em; }
  .indexAboout ul.aboutList {
    margin-top: 55px;
    font-size: 16px; }
    .indexAboout ul.aboutList li {
      display: inline-block;
      width: 16.3%;
      vertical-align: top; }
      .indexAboout ul.aboutList li h2 a span {
        display: block;
        height: 85px;
        font-size: 16px; }
        .indexAboout ul.aboutList li h2 a span:before {
          display: block;
          margin-bottom: 20px;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        .indexAboout ul.aboutList li h2 a span.icon-frdback, .indexAboout ul.aboutList li h2 a span.icon-frdflag, .indexAboout ul.aboutList li h2 a span.icon-frdchair, .indexAboout ul.aboutList li h2 a span.icon-frdpc {
          font-size: 4em; }
        .indexAboout ul.aboutList li h2 a span.icon-chair {
          font-size: 3.2em; }
        .indexAboout ul.aboutList li h2 a span.icon-chair:before {
          position: relative;
          top: 8px; }
        .indexAboout ul.aboutList li h2 a span.icon-frdship:before, .indexAboout ul.aboutList li h2 a span.icon-frdbelt:before {
          font-size: 4.8em; }
      .indexAboout ul.aboutList li h2 a:hover span:before {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3); }

/*---------------------------------------- Inside ----------------------------------------*/
/*------ Inside Banner ----------------------------------------*/
.insideBanner {
  position: relative; }
  .insideBanner figure {
    max-height: 200px;
    overflow: hidden; }
    .insideBanner figure img {
      width: 100%; }
  .insideBanner span.bottomLine {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 20px;
    background: #fff;
    text-align: left; }
    .insideBanner span.bottomLine:before {
      position: relative;
      top: 8px;
      width: 40px;
      height: 40px;
      left: -20px;
      font-family: "frd";
      content: ' ';
      background: #fff;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/*------ Crumb  ----------------------------------------*/
.crumb {
  position: relative;
  z-index: 5;
  padding: 5px 10px;
  text-align: right;
  margin-bottom: 20px; }
  .crumb span {
    color: #000; }
    .crumb span:before {
      position: relative;
      top: 2px;
      font-family: "frd";
      content: "h";
      color: #c4c4c4;
      margin: 0 10px;
      font-size: 0.8em; }
    .crumb span:first-child:before {
      content: "";
      display: none; }
    .crumb span a {
      color: #000; }
      .crumb span a:visited {
        color: #000; }
      .crumb span a:hover {
        color: #e60012; }

/*------ Content  ----------------------------------------*/
.productBrand {
  text-align: right;
  margin: 20px 0; }
  .productBrand select {
    min-width: 170px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

.productContent {
  position: relative; }
  .productContent ul.productList {
    margin-left: 6px;
    width: 101%; }
    .productContent ul.productList li {
      width: 22.6%;
      margin: 0 1% 40px 1%;
      display: inline-block;
      vertical-align: top;
      text-align: center; }
      .productContent ul.productList li figure {
        border: 10px solid #eaeaea;
        height: 240px;
        line-height: 0;
        overflow: hidden; }
        .productContent ul.productList li figure a {
          line-height: 0; }
          .productContent ul.productList li figure a img {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
        .productContent ul.productList li figure:hover a img {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); }
      .productContent ul.productList li a {
        display: block; }
      .productContent ul.productList li h2 {
        margin-top: 10px;
        text-align: center; }
      .productContent ul.productList li mark {
        background: #eaeaea;
        display: inline-block;
        font-size: 14px;
        padding: 3px 10px;
        margin: 10px auto 0 auto;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
  .productContent .photoArea {
    position: absolute;
    top: 0;
    float: left;
    width: 400px;
    height: 400px; }
    .productContent .photoArea .photo-gallery {
      height: 400px; }
      .productContent .photoArea .photo-gallery a {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
        display: block;
        height: 400px;
        overflow: hidden;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: none; }
        .productContent .photoArea .photo-gallery a:first-child {
          display: block; }
        .productContent .photoArea .photo-gallery a:before {
          margin-top: 100%;
          position: absolute;
          z-index: 11;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          text-align: center;
          line-height: 400px;
          color: #FFF;
          font-size: 1.2em;
          background: rgba(0, 0, 0, 0.7);
          font-family: "frd";
          content: 'q';
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .productContent .photoArea .photo-gallery a:after {
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 12;
          display: block;
          margin-left: -25px;
          margin-top: 100%;
          width: 46px;
          height: 46px;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          border: 2px solid #fff;
          content: ' ';
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .productContent .photoArea .photo-gallery a:hover:before {
          margin-top: 0%; }
        .productContent .photoArea .photo-gallery a:hover:after {
          margin-top: -25px; }
        .productContent .photoArea .photo-gallery a:first-child {
          position: relative;
          z-index: 2; }
        .productContent .photoArea .photo-gallery a img {
          position: absolute;
          max-width: 100%; }
  .productContent .productDetail {
    margin-left: 440px;
    min-height: 520px; }
    .productContent .productDetail h1 {
      line-height: 1.4em;
      padding: 10px 0;
      border-bottom: 2px solid #e60012; }
    .productContent .productDetail h2 {
      font-size: 18px;
      margin: 25px 0 15px 0; }
    .productContent .productDetail p {
      line-height: 1.8em; }
    .productContent .productDetail .brandType {
      text-align: left; }
      .productContent .productDetail .brandType span {
        background: #000;
        color: #FFF;
        display: inline-block;
        line-height: 24px;
        margin-right: 10px;
        padding: 0 15px;
        font-size: 14px;
        -webkit-border-radius: 12px;
        border-radius: 12px; }
        .productContent .productDetail .brandType span a {
          color: #FFF; }
          .productContent .productDetail .brandType span a:visited {
            color: #FFF; }
          .productContent .productDetail .brandType span a:hover {
            color: #FFF; }
        .productContent .productDetail .brandType span.select {
          background: #e60012; }
          .productContent .productDetail .brandType span.select:hover {
            background: #333; }

/*------ Video  ----------------------------------------*/
.videoArea {
  position: relative;
  background: #eee;
  height: 660px;
  overflow: hidden;
  margin-bottom: 50px;
  text-align: center; }
  .videoArea span.topLine {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    height: 20px;
    background: #fff;
    text-align: right; }
    .videoArea span.topLine:before {
      width: 40px;
      height: 40px;
      position: relative;
      top: 0;
      right: -20px;
      font-family: "frd";
      content: ' ';
      color: #eee;
      background: #eee;
      font-size: 70px;
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .videoArea span.bottomLine {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    height: 20px;
    background: #fff;
    text-align: left; }
    .videoArea span.bottomLine:before {
      position: relative;
      top: 8px;
      width: 40px;
      height: 40px;
      left: -20px;
      font-family: "frd";
      content: ' ';
      background: #fff;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .videoArea h1 {
    font-size: 26px;
    font-weight: normal;
    display: inline-block;
    line-height: 1.8em;
    border-bottom: 2px solid #e60012;
    margin: 50px auto 0 auto; }
  .videoArea .youtubeArea {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0 50px 0; }
    .videoArea .youtubeArea iframe {
      width: 800px;
      height: 450px; }

/*------ Extend  ----------------------------------------*/
ul.extendList {
  margin: 50px auto;
  text-align: center; }
  ul.extendList li {
    display: inline-block; }
    ul.extendList li a {
      display: inline-block; }
      ul.extendList li a:before {
        position: relative;
        top: 4px;
        color: #999; }
      ul.extendList li a.icon-caret-left:before {
        float: left;
        margin-right: 10px; }
      ul.extendList li a.icon-caret-right:before {
        float: right;
        margin-left: 10px; }
      ul.extendList li a:hover:before {
        color: #e60012; }
    ul.extendList li:nth-child(2):before, ul.extendList li:nth-child(2):after {
      position: relative;
      top: 0;
      margin: 0 20px;
      content: ' | ';
      display: inline-block;
      color: #000; }

/*------ Photo  ----------------------------------------*/
.photoThumbnail {
  position: relative;
  z-index: 5;
  min-height: 105px;
  overflow: hidden; }
  .photoThumbnail .photoSlides {
    z-index: 10;
    width: 370px;
    height: 110px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    top: 15px;
    left: 20px; }
    .photoThumbnail .photoSlides div {
      height: 110px; }
      .photoThumbnail .photoSlides div a {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden; }
        .photoThumbnail .photoSlides div a img {
          width: 100%;
          height: auto; }
  .photoThumbnail .arrowArea {
    position: relative;
    top: 40%;
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
  .photoThumbnail .jssora03l,
  .photoThumbnail .jssora03r {
    display: block;
    position: absolute;
    width: 30px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.7;
    font-size: 26px;
    color: #666; }
  .photoThumbnail .jssora03l {
    left: -8px; }
  .photoThumbnail .jssora03r {
    right: -10px; }
  .photoThumbnail .jssora03l:hover {
    opacity: 1; }
  .photoThumbnail .jssora03r:hover {
    opacity: 1; }
  .photoThumbnail .jssora03l.jssora03ldn {
    opacity: 1; }
  .photoThumbnail .jssora03r.jssora03rdn {
    opacity: 1; }

/*------ Contact  ----------------------------------------*/
.contactContent {
  min-height: 470px; }
  .contactContent h1 {
    display: inline-block;
    font-weight: normal;
    font-size: 26px;
    margin-bottom: 20px;
    color: #000;
    border-bottom: 2px solid #e60012; }
  .contactContent .contentMap, .contactContent .contentMapEN {
    position: relative; }
    .contactContent .contentMap iframe, .contactContent .contentMapEN iframe {
      position: absolute;
      width: 50%;
      height: 315px;
      border: 0; }
    .contactContent .contentMap .mapInfo, .contactContent .contentMapEN .mapInfo {
      margin: 0 0 0 50%;
      padding-left: 40px; }
      .contactContent .contentMap .mapInfo h1, .contactContent .contentMapEN .mapInfo h1 {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 20px; }
      .contactContent .contentMap .mapInfo ul.mapList, .contactContent .contentMapEN .mapInfo ul.mapList {
        margin: 20px 0 0 0;
        padding-top: 80px; }
        .contactContent .contentMap .mapInfo ul.mapList li, .contactContent .contentMapEN .mapInfo ul.mapList li {
          list-style: none;
          margin: 0 0 10px 0;
          vertical-align: top; }
          .contactContent .contentMap .mapInfo ul.mapList li span, .contactContent .contentMapEN .mapInfo ul.mapList li span {
            font-weight: bold;
            min-width: 120px;
            display: inline-block;
            vertical-align: top; }
            .contactContent .contentMap .mapInfo ul.mapList li span:before, .contactContent .contentMapEN .mapInfo ul.mapList li span:before {
              position: relative;
              top: 0;
              margin-right: 10px;
              font-size: 14px;
              color: #999; }
          .contactContent .contentMap .mapInfo ul.mapList li p, .contactContent .contentMapEN .mapInfo ul.mapList li p {
            display: inline-block;
            margin-bottom: 0; }
  .contactContent .contentMapEN iframe {
    width: 45%; }
  .contactContent .contentMapEN .mapInfo {
    margin: 0 0 0 45%; }
    .contactContent .contentMapEN .mapInfo ul.mapList {
      padding-top: 10px; }
      .contactContent .contentMapEN .mapInfo ul.mapList li span {
        min-width: 215px; }
      .contactContent .contentMapEN .mapInfo ul.mapList li.enAddress {
        position: relative;
        border-bottom: 1px #ccc dotted;
        padding-bottom: 15px;
        margin-bottom: 15px; }
        .contactContent .contentMapEN .mapInfo ul.mapList li.enAddress span {
          position: absolute;
          left: 0; }
        .contactContent .contentMapEN .mapInfo ul.mapList li.enAddress p {
          margin-left: 220px; }

/*------ About  ----------------------------------------*/
.aboutContent {
  position: relative;
  min-height: 470px; }
  .aboutContent h1 {
    display: inline-block;
    font-weight: normal;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 50px;
    color: #000;
    border-bottom: 2px solid #e60012; }
    .aboutContent h1:first-child {
      margin-top: 0; }
  .aboutContent .aboutSection {
    width: 60%; }
  .aboutContent .aboutPic, .aboutContent .aboutPicEN {
    position: absolute;
    top: 140px;
    right: 0;
    width: 38%;
    max-width: 100%;
    -webkit-border-radius: 15px;
    border-radius: 15px; }
  .aboutContent .aboutPicEN {
    top: 60px; }
  .aboutContent + .indexAboout {
    padding-top: 0; }

/*------ Photo Swipe  ----------------------------------------*/
.pswp {
  z-index: 999; }
  .pswp .pswp__zoom-wrap img {
    width: auto; }
  .pswp .pswp__bg {
    background-color: rgba(0, 0, 0, 0.8); }

.pswp__caption__center {
  font-size: 14px;
  font-weight: bold;
  text-align: center; }

/*------ Loading  ----------------------------------------*/
.loaders {
  position: absolute;
  z-index: 55;
  display: table;
  width: 100%;
  height: 100%;
  background: white; }
  .loaders .loader {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .loaders .loader img {
      width: 60px; }

/*----------------------------------------RWD----------------------------------------*/
@media all and (max-width: 1200px) {
  .videoArea .youtubeArea {
    width: auto; }
    .videoArea .youtubeArea iframe {
      width: 90%; }
  .productContent ul.productList li {
    width: 30.5%; }
    .productContent ul.productList li figure {
      height: 35%; }
  .article {
    width: auto;
    padding: 0 30px; }
  .header .topArea {
    width: auto; }
    .header .topArea .menu {
      margin-left: 100px; }
  .footer .footerArea {
    width: auto;
    text-align: center; }
    .footer .footerArea ul.footerInfo {
      display: inline-block; }
      .footer .footerArea ul.footerInfo li {
        text-align: left;
        max-width: 100%; }
    .footer .footerArea ul.footerLink {
      border-top: 1px solid #1e1e1e;
      width: 80%;
      margin: 0 auto;
      padding-left: 10%; } }

@media all and (max-width: 990px) {
  .contactContent .contentMap, .contactContent .contentMapEN, .contactContent.contentMapEN {
    text-align: center; }
    .contactContent .contentMap .map iframe, .contactContent .contentMapEN .map iframe, .contactContent.contentMapEN .map iframe {
      position: relative;
      width: 100%;
      margin: 20px auto; }
    .contactContent .contentMap .mapInfo, .contactContent .contentMapEN .mapInfo, .contactContent.contentMapEN .mapInfo {
      padding-left: 0;
      margin: 0 0 60px 0; }
      .contactContent .contentMap .mapInfo ul.mapList, .contactContent .contentMapEN .mapInfo ul.mapList, .contactContent.contentMapEN .mapInfo ul.mapList {
        text-align: left;
        padding-top: 0; }
  .indexAboout h1.pWord {
    max-width: 85%;
    margin: 0 auto; }
    .indexAboout h1.pWord span {
      display: inline; }
  .indexAboout ul.aboutList li {
    width: 32%;
    margin-bottom: 20px; }
  .header .topArea a.logo {
    top: 3px; }
    .header .topArea a.logo img {
      height: 60px;
      width: auto; }
  .header .topArea .menu {
    margin-left: 50px; }
    .header .topArea .menu ul li a.mainLink {
      padding: 0 12px; } }

@media all and (max-width: 768px) {
  .formArea, .formAreaEN {
    width: auto; }
    .formArea ul.formList li:nth-child(1), .formAreaEN ul.formList li:nth-child(1), .formArea ul.formList li:nth-child(2), .formAreaEN ul.formList li:nth-child(2), .formArea ul.formList li:nth-child(4), .formAreaEN ul.formList li:nth-child(4), .formArea ul.formList li:nth-child(5), .formAreaEN ul.formList li:nth-child(5), .formArea ul.formList li:nth-child(6), .formAreaEN ul.formList li:nth-child(6), .formArea ul.formList li:nth-child(7), .formAreaEN ul.formList li:nth-child(7), .formArea ul.formList li:nth-child(8), .formAreaEN ul.formList li:nth-child(8), .formArea ul.formList li:nth-child(9), .formAreaEN ul.formList li:nth-child(9) {
      display: block;
      width: auto; }
    .formArea ul.formList li:nth-child(2) select, .formAreaEN ul.formList li:nth-child(2) select {
      width: auto; }
    .formArea ul.formList li:nth-child(3) select, .formAreaEN ul.formList li:nth-child(3) select {
      width: auto;
      max-width: 90%; }
    
    .formArea ul.formList li textarea,
    .formAreaEN ul.formList li textarea {
      width: auto; }
    
    .formArea ul.formList li p,
    .formAreaEN ul.formList li p {
      display: block; }
    .formArea ul.formList li input[type="text"], .formAreaEN ul.formList li input[type="text"],
    .formArea ul.formList li select,
    .formAreaEN ul.formList li select,
    .formArea ul.formList li textarea,
    .formAreaEN ul.formList li textarea {
      width: 90%; }
    .formArea ul.formList li:last-child input[type="text"], .formAreaEN ul.formList li:last-child input[type="text"] {
      width: 120px;
      min-width: 10px; }
  .aboutContent .aboutPic, .aboutContent .aboutPicEN, .aboutContent.aboutPicEN {
    position: relative;
    top: 0;
    width: auto;
    margin-bottom: 20px; }
  .aboutContent h1:first-child {
    display: block;
    width: 115px;
    margin-bottom: 30px; }
  .aboutContent .aboutSection {
    width: auto; } }

@media all and (max-width: 750px) {
  .crumb {
    text-align: left;
    padding: 0; }
  .pagebar ul {
    min-width: 10px; }
    .pagebar ul li {
      margin-bottom: 5px; }
  .productContent {
    margin-bottom: 80px; }
    .productContent .productDetail {
      margin-left: 0;
      margin-bottom: 40px;
      min-height: 100px; }
    .productContent .photoArea {
      position: relative;
      float: none;
      height: 100%;
      margin: 0 auto; }
      .productContent .photoArea .photo-gallery a:before, .productContent .photoArea .photo-gallery a:after {
        display: none; }
    .productContent ul.productList li {
      width: 46.5%; }
      .productContent ul.productList li figure {
        height: 35%; }
  .btnArea input[type="submit"] {
    padding: 7px 30px; }
  .contactContent .contentMap .mapInfo ul.mapList li.enAddress span, .contactContent .contentMapEN .mapInfo ul.mapList li.enAddress span, .contactContent .contentMap .mapInfo ul.mapList li.enAddress p, .contactContent .contentMapEN .mapInfo ul.mapList li.enAddress p, .contactContent.contentMapEN .mapInfo ul.mapList li.enAddress span, .contactContent.contentMapEN .mapInfo ul.mapList li.enAddress p {
    position: relative;
    display: block; }
  .contactContent .contentMap .mapInfo ul.mapList li.enAddress p, .contactContent .contentMapEN .mapInfo ul.mapList li.enAddress p, .contactContent.contentMapEN .mapInfo ul.mapList li.enAddress p {
    margin: 0 0 20px 24px; }
  .contactContent .contentMap .mapInfo ul.mapList li span, .contactContent .contentMapEN .mapInfo ul.mapList li span, .contactContent .contentMap .mapInfo ul.mapList li p, .contactContent .contentMapEN .mapInfo ul.mapList li p, .contactContent.contentMapEN .mapInfo ul.mapList li span, .contactContent.contentMapEN .mapInfo ul.mapList li p {
    display: block; }
  .contactContent .contentMap .mapInfo ul.mapList li p, .contactContent .contentMapEN .mapInfo ul.mapList li p, .contactContent.contentMapEN .mapInfo ul.mapList li p {
    margin: 0 0 20px 24px; }
  .footer span.topLine {
    width: 45%; }
  .footer span.bottomLine {
    width: 45%; }
  .footer .footerArea ul.footerInfo {
    max-width: 50%; }
  .footer .footerArea ul.footerLink {
    padding-left: 0; }
    .footer .footerArea ul.footerLink li {
      width: 45%; }
      .footer .footerArea ul.footerLink li:last-child {
        display: block;
        width: 100%;
        border-top: 1px solid #1e1e1e;
        margin-top: 20px; }
        .footer .footerArea ul.footerLink li:last-child a {
          color: #111; }
          .footer .footerArea ul.footerLink li:last-child a:visited, .footer .footerArea ul.footerLink li:last-child a:hover {
            color: #111; }
      .footer .footerArea ul.footerLink li ul li {
        border: none; }
        .footer .footerArea ul.footerLink li ul li:last-child {
          border: none;
          margin: 0; }
          .footer .footerArea ul.footerLink li ul li:last-child a {
            color: #FFF; }
            .footer .footerArea ul.footerLink li ul li:last-child a:visited, .footer .footerArea ul.footerLink li ul li:last-child a:hover {
              color: #fff; }
  .footer .footerArea .at-share-btn-elements {
    text-align: center; }
  /*----------------------------------------Header----------------------------------------*/
  .header {
    height: 100px;
    /*----------------------------------------Menu----------------------------------------*/ }
    .header .topArea {
      padding-top: 38px;
      width: auto; }
      .header .topArea .icon-menu {
        display: inline-block;
        right: 15px;
        left: auto;
        text-align: right; }
      .header .topArea a.logo {
        top: 47px;
        height: 45px;
        margin-left: 10px; }
        .header .topArea a.logo img {
          max-height: 100%; }
      .header .topArea ul.iconLink {
        top: 0px;
        left: 0px;
        text-align: left;
        height: 38px;
        padding-left: 20px;
        border-bottom: 1px solid #ccc; }
        .header .topArea ul.iconLink li {
          height: 38px;
          line-height: 38px; }
          .header .topArea ul.iconLink li a {
            line-height: 38px; }
      .header .topArea .menu {
        position: fixed;
        z-index: 99;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        right: -260px;
        width: 260px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: none;
        background-color: #333;
        box-shadow: 0px 0px 0px 0px #333; }
        .header .topArea .menu ul li {
          display: block;
          text-align: left; }
          .header .topArea .menu ul li a.mainLink {
            padding: 15px 30px 15px 30px;
            border-bottom: 1px solid #666;
            line-height: normal;
            color: #FFF; }
            .header .topArea .menu ul li a.mainLink:visited {
              color: #FFF; }
            .header .topArea .menu ul li a.mainLink:hover, .header .topArea .menu ul li a.mainLink.press {
              background: #a6000d;
              color: #FFF; }
          .header .topArea .menu ul li:hover a.mainLink {
            background: #a6000d; }
          .header .topArea .menu ul li:hover ul {
            display: none; }
          .header .topArea .menu ul li ul {
            position: relative;
            left: 0;
            width: auto; }
            .header .topArea .menu ul li ul li a {
              position: relative;
              font-size: 1.1em;
              padding: 15px 30px 15px 30px;
              background: #000;
              color: #FFF; }
              .header .topArea .menu ul li ul li a:visited {
                color: #FFF; }
              .header .topArea .menu ul li ul li a:hover, .header .topArea .menu ul li ul li a.press {
                background: #fff;
                color: #e60012; }
              .header .topArea .menu ul li ul li a:before {
                position: relative;
                top: 2px;
                font-family: "frd";
                content: 'a'; } }

@media all and (max-width: 620px) {
  .indexAboout .title {
    font-size: 20px; }
  .indexAboout h1.pWord {
    max-width: 100%; }
  .footer .footerArea ul.footerInfo {
    max-width: 70%;
    display: block;
    margin: 0 auto; }
  .productContent .photoArea {
    width: 100%; }
    .productContent .photoArea .photoThumbnail {
      width: 100%;
      margin: 0 auto; }
      .productContent .photoArea .photoThumbnail .photoSlides {
        width: 86%;
        left: 7%; }
  .article .productType .typeSlides {
    width: 85%;
    margin-left: 7.5%; }
    .article .productType .typeSlides div {
      line-height: 50px; }
  .article .productType .arrowArea {
    top: 10%;
    width: 100%; }
  .mainBanner a .bannerTitle {
    margin-top: 35%;
    padding: 10px 20px; }
    .mainBanner a .bannerTitle p.h1 {
      font-size: 22px; }
    .mainBanner a .bannerTitle p.h2 {
      font-size: 18px; }
  .indexAboout ul.aboutList li {
    width: 45%; } }

@media all and (max-width: 480px) {
  .formArea ul.formList li, .formAreaEN ul.formList li {
    margin-bottom: 20px; }
    .formArea ul.formList li span, .formAreaEN ul.formList li span {
      position: relative;
      display: block;
      line-height: 1.4em;
      margin-bottom: 15px; }
    
    .formArea ul.formList li p,
    .formAreaEN ul.formList li p {
      margin-left: 0; }
    .formArea ul.formList li .g-recaptcha, .formAreaEN ul.formList li .g-recaptcha {
      margin-left: 0; }
    .formArea ul.formList li input[type="text"], .formAreaEN ul.formList li input[type="text"],
    .formArea ul.formList li select,
    .formAreaEN ul.formList li select,
    .formArea ul.formList li textarea,
    .formAreaEN ul.formList li textarea {
      margin: 0; }
    .formArea ul.formList li:nth-child(2) select, .formAreaEN ul.formList li:nth-child(2) select {
      width: 90%; }
  .productContent ul.productList {
    width: auto;
    margin-left: 0; }
    .productContent ul.productList li {
      width: 100%;
      margin-left: 0; }
      .productContent ul.productList li figure {
        height: 35%; } }