@charset "UTF-8";
.noUlStyle {
  list-style: none;
  padding: 0;
  margin: 0; }

.scaleImg {
  overflow: hidden; }
  .scaleImg img {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .scaleImg:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); }

.itemImg {
  width: 100%;
  border-radius: 0;
  height: 0;
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 1; }
  .itemImg.size100 {
    padding-bottom: 100%; }
  .itemImg.size75 {
    padding-bottom: 75%; }
  .itemImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

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

*,
*:focus,
*:active,
*:hover {
  outline: none; }

body {
  font-size: 16px;
  font-family: "Microsoft JhengHei", "微軟正黑體", Arial;
  color: #4d4d4d;
  line-height: 2;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.wrapper {
  position: relative;
  overflow: hidden; }

.main {
  padding: 30px 0 130px; }
  @media (max-width: 1200px) {
    .main {
      padding: 30px 0 60px; } }
  @media (max-width: 768px) {
    .main {
      padding: 10px 0; } }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1440px) {
    .container {
      padding: 0 15px; } }

img {
  max-width: 100%;
  vertical-align: middle;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.clearfix::before, .clearfix::after {
  content: '';
  display: table; }

.clearfix::after {
  clear: both; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 19px; }

h5, .h5 {
  font-size: 16px; }

h6, .h6 {
  font-size: 14px; }

p {
  margin-bottom: 15px; }

a {
  color: #4d4d4d;
  text-decoration: none;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out; }
  a:hover, a:focus {
    text-decoration: none;
    outline: 0; }
  a.underLine {
    text-decoration: underline; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-left {
  text-align: left; }

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