@charset "UTF-8";
/*-----------------------------------------------------------------------------
 * [TABLE OF CONTENTS]
 *    +common
 *		=clear,clearfix
 *----------------------------------------------------------------------------- */
/* +common
 **---------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
 * [TABLE OF CONTENTS]
 *    +Breakpoint
 *    +Color
 *----------------------------------------------------------------------------- */
/* +Breakpoint
 **---------------------------------------------------------------------------- */
/* +Color
 **---------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
 * [TABLE OF CONTENTS]
 *    +Breakpoint
 *----------------------------------------------------------------------------- */
/* +Breakpoint
 **---------------------------------------------------------------------------- */
/* 引用範例：
  @include corner(120px,120px,url(../images/corner-shape-green.svg))
  代表：寬度120px，高度120px，背景圖片為corner-shape-green.svg */
html, body {
  background-color: #f9fafe;
  color: #152129;
  font-family: 'Noto Sans TC', "微軟正黑體", "黑體-繁", "微软雅黑", 'sans-serif';
  font-size: 16px;
}

/**
 **
 ** =clear,clearfix
 **
 ** */
.clear {
  clear: both;
}

.clearfix {
  display: block;
}

.clearfix::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

/**
 **
 ** =IE input
 **
 ** */
::-ms-clear, ::-ms-reveal {
  display: none;
}

*:focus {
  outline: none !important;
  box-shadow: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.row {
  margin: 0;
}

body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

body.opening {
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  body.opening {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

main {
  margin: 0 auto;
  padding: 0;
}

p {
  padding: 0;
  margin: 0;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

button {
  border: 0;
}

input[type="text"] {
  border: none;
  -webkit-appearance: none;
}

[class*="col-"] {
  padding: 0;
  margin: 0;
}

input[type="checkbox"] {
  display: none;
}

input[type="file"] {
  display: none;
}

input[type="radio"] {
  display: none;
}

figure {
  margin: 0;
}