/* Font */
@font-face {
  font-family: "Gotham-Bold";
  src: url("../fonts/Gotham-Bold.woff2") format("woff2"),
       url("../fonts/Gotham-Bold.woff") format("woff"),
       url("../fonts/Gotham-Bold.ttf") format("truetype"),
       url("../fonts/Gotham-Bold.eot") format("embedded-opentype"),
       url("../fonts/Gotham-Bold.svg") format("svg"),
       url("../fonts/Gotham-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Gotham-Black";
  src: url("../fonts/Gotham-Black.woff2") format("woff2"),
       url("../fonts/Gotham-Black.woff") format("woff"),
       url("../fonts/Gotham-Black.ttf") format("truetype"),
       url("../fonts/Gotham-Black.eot") format("embedded-opentype"),
       url("../fonts/Gotham-Black.svg") format("svg"),
       url("../fonts/Gotham-Black.otf") format("opentype");
}

@font-face {
  font-family: "System-San-Francisco-Display-Regular";
  src: url("../fonts/System-San-Francisco-Display-Regular.woff2") format("woff2"),
       url("../fonts/System-San-Francisco-Display-Regular.woff") format("woff"),
       url("../fonts/System-San-Francisco-Display-Regular.ttf") format("truetype"),
       url("../fonts/System-San-Francisco-Display-Regular.eot") format("embedded-opentype"),
       url("../fonts/System-San-Francisco-Display-Regular.svg") format("svg"),
       url("../fonts/System-San-Francisco-Display-Regular.otf") format("opentype");
}

.font-gotham-bold { font-family: "Gotham-Bold"; }
.font-gotham-black { font-family: "Gotham-Black"; }
.font-san-francisco-regular { font-family: "System-San-Francisco-Display-Regular"; }

body { font-family: "Microsoft YaHei"; font-size: 16px; }

/* Color */
.color-white, .color-white a { color: #ffffff; }
.color-gray, .color-gray a { color: #5b5657; }
.color-black, .color-black a { color: #221815; }
.color-brown, .color-brown a { color: #c30d23; }

/* Font */
.font-12 { font-size: 0.8125em; }
.font-14 { font-size: 0.875em; }
.font-22 { font-size: 1.375em; }


.font-15 { font-size: 0.9375em; }
.font-17 { font-size: 1.0625em; }
.font-18 { font-size: 1.125em; }
.font-19 { font-size: 1.1875em; }

/* Font LineHeight */
.lh { line-height: 2em; }
p { margin-bottom: 2em; }


/* Global Margin */
.mt-60 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }
.mt-100 { margin-top: 100px; }

/* title */
hr { width: 98px; border: 1px solid #c30d23; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }


@media screen and (max-width: 640px) { /* <=640 */   
  /* Global Margin */
  .mt-60 { margin-top: 30px; }
  .mt-80 { margin-top: 40px; }
  .mt-100 { margin-top: 50px; }
  .mt-0 { margin-top: 0px; }
}