@import url("../fw/xpert/xpert.css");
@import url("../font/material-icons/font.css");
@import url("../font/teko/font.css");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important;
  font-family: 'Noto Sans TC', 'Teko', sans-serif;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

body, a {
  color: #32315F;
  font-weight: 500;
  position: relative; }

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1px transparent inset !important;
  background-color: transparent !important; }

input::-webkit-calendar-picker-indicator {
  display: none; }

a {
  text-decoration: none; }

p {
  line-height: 1.7rem; }

ul li {
  list-style: none;
  line-height: 2.4rem; }

img {
  max-width: 100%;
  max-height: 100%; }

.max-968 {
  width: 100%;
  max-width: calc(968px + 2rem);
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto; }

.max-1180 {
  width: 100%;
  max-width: calc(1180px + 2rem);
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto; }

.x-block {
  padding: 60px 1rem; }

@media (max-width: 480px) {
  .x-block {
    padding: 60px 0; } }

.ipt-select {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.pointer, .tgl {
  cursor: pointer; }