/* file name : default.css */
/* ================================================================== Browser Style Reset ================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

html, body {
  width: 100%;
  min-height: 100%; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul, li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

object, embed {
  border: 0;
  vertical-align: bottom;
  outline: none; }

img {
  border: none;
  vertical-align: middle; }

a {
  outline: 0; }

a img {
  border: none;
  text-decoration: none;
  outline: 0; }

a:focus {
  outline: none; }

section, div {
  box-sizing: border-box; }

/* ================================================================== 	 Font Size Adjustment 	 	77%	= 10px		|	123.1%	= 16px	|	167% = 22px	 	85%	= 11px		|	131%	= 17px	|	174% = 23px 	93%	= 12px		|	138.5%	= 18px	|	182% = 24px 	100%	= 13px	|	146.5%	= 19px	|	189% = 25px 	108%	= 14px	|	153.9%	= 20px	|	197% = 26px 	116% 	= 15px	|	161.6%	= 21px	|  ================================================================== */
body {
  font: 13px arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small; }

body.font-large {
  font-size: 16px; }

select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

html, body {
  height: 100%; }

/* ================================================================== Link ================================================================== */
a {
  display: inline-block; }

a:link {
  color: #b79768;
  text-decoration: none; }

a:active {
  color: #b79768;
  text-decoration: none; }

a:visited {
  color: #b79768;
  text-decoration: none; }

a:hover {
  color: #b79768;
  text-decoration: none; }

html {
  overflow-y: scroll;
  height: 100%; }

body {
  background-color: #ededed;
  line-height: 1;
  color: #3b3c3c; }

header {
  position: fixed;
  width: 100%;
  height: 94px;
  background-color: #000;
  z-index: 999; }

header > .inner {
  width: 100%;
  height: 94px; }

header > .inner h1 {
  padding-top: 15px;
  padding-left: 26px; }

header > .inner p.btn-menu {
  position: absolute;
  top: 0;
  right: 0; }

header nav {
  position: relative;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

header nav.open {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

header nav p.btn-close01 {
  position: absolute;
  top: -94px;
  right: 0; }

header nav > .inner {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 54px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85); }

header nav > .inner .lt-gnav li {
  margin-top: 56px; }

header nav > .inner .lt-gnav li:first-child {
  margin-top: 0; }

header nav > .inner .lt-info {
  margin-top: 67px; }

header nav > .inner .lt-info li {
  display: inline-block;
  margin: 0 11px; }

header nav > .inner hr {
  width: 572px;
  height: 3px;
  margin-top: 43px;
  margin-bottom: 56px;
  border: none;
  border-top: solid 3px #666; }

header nav > .inner .lt-share {
  margin-bottom: 48px; }

header nav > .inner .lt-share dt {
  margin-bottom: 26px; }

header nav > .inner .lt-share dd {
  display: inline-block;
  margin: 0 13px; }

header nav > .inner p.btn-lang {
  margin-bottom: 41px; }

footer .pagetop {
  width: 100%;
  height: 75px;
  background-color: #ededed; }

footer .pagetop a {
  position: relative;
  width: 100%;
  height: 100%; }

footer .pagetop a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

footer .ft-menu {
  width: 100%;
  background-color: #f4f4f4; }

footer .ft-menu {
  text-align: center; }
  footer .ft-menu a {
    color: #000;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    footer .ft-menu a:hover {
      opacity: 0.6; }
  footer .ft-menu .logo {
    text-align: center;
    padding: 45px 0; }
    footer .ft-menu .logo img {
      width: 204.7992px;
      height: auto; }
  footer .ft-menu .line1 {
    margin-bottom: 34.1332px; }
    footer .ft-menu .line1 a {
      font-size: 23.89324px;
      line-height: 1.8064285714em;
      letter-spacing: 0.065em;
      margin: 0 1em; }
  footer .ft-menu .line2 {
    padding-bottom: 34px; }
    footer .ft-menu .line2 .title {
      margin-bottom: 20.47992px; }
      footer .ft-menu .line2 .title span {
        background-color: #000;
        color: #FFF;
        font-size: 20.47992px;
        line-height: 1em;
        letter-spacing: 0.105em;
        padding: 0 0.25em; }
    footer .ft-menu .line2 .menu {
      text-align: left;
      font-size: 12.5px;
      line-height: 1.774166666666667em;
      letter-spacing: 0.105em;
      padding: 0 40px; }
      footer .ft-menu .line2 .menu a {
        display: initial; }

footer .ft-menu .inner .col2::after {
  content: "";
  display: block;
  clear: both; }

footer .ft-menu .inner .col2 .area_left {
  float: left; }

footer .ft-menu .inner .col2 .area_left .line2 .title {
  margin-bottom: 14px; }

footer .ft-menu .inner .col2 .area_left .line2 .title span {
  background-color: #000;
  color: #FFF;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.105em;
  padding: 0 0.25em; }

footer .ft-menu .inner .col2 .area_left .line2 .menu {
  font-size: 12px;
  line-height: 1.774166666666667em;
  letter-spacing: 0.105em; }

footer .ft-menu .inner .col2 .area_left .line2 .menu a {
  color: #000; }

footer .ft-menu .inner .col2 .area_right {
  float: right; }

footer .ft-menu .inner .col2 .area_right .line1 {
  margin-bottom: 28px; }

footer .ft-menu .inner .col2 .area_right .line2 a {
  margin-right: 10px; }

footer .ft-bottom {
  padding: 70px 0 32px;
  width: 100%;
  background-color: #3b3c3c;
  text-align: center; }

footer .ft-bottom a {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  footer .ft-bottom a:hover {
    opacity: 0.6; }
footer .ft-bottom .banner1 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 109.22624px; }
  footer .ft-bottom .banner1 img {
    width: 229.7420359px;
    height: auto; }
footer .ft-bottom .tw,
footer .ft-bottom .fb {
  display: inline-block;
  vertical-align: middle; }
  footer .ft-bottom .tw img,
  footer .ft-bottom .fb img {
    width: 49.49314px;
    height: auto; }
footer .ft-bottom .tw {
  margin-right: 25.5999px; }

footer .ft-bottom .lt-share li {
  display: inline-block;
  margin: 0 13px; }

footer .ft-bottom .btn-lang {
  margin: 77px 0 59px; }

footer .ft-bottom .lt-info {
  margin-bottom: 75px; }

footer .ft-bottom .lt-info li {
  display: inline-block; }

footer .ft-bottom .lt-info li:first-child {
  margin-right: 69px; }

footer .ft-bottom small {
  font-size: 100%;
  color: #fff; }