@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
.width-5 {
  width: 5px !important; }

.width-10 {
  width: 10px !important; }

.width-15 {
  width: 15px !important; }

.width-20 {
  width: 20px !important; }

.width-25 {
  width: 25px !important; }

.width-30 {
  width: 30px !important; }

.width-35 {
  width: 35px !important; }

.width-40 {
  width: 40px !important; }

.width-45 {
  width: 45px !important; }

.width-50 {
  width: 50px !important; }

.width-55 {
  width: 55px !important; }

.width-60 {
  width: 60px !important; }

.width-65 {
  width: 65px !important; }

.width-70 {
  width: 70px !important; }

.width-75 {
  width: 75px !important; }

.width-80 {
  width: 80px !important; }

.width-85 {
  width: 85px !important; }

.width-90 {
  width: 90px !important; }

.width-95 {
  width: 95px !important; }

.width-100 {
  width: 100px !important; }

.width-105 {
  width: 105px !important; }

.width-110 {
  width: 110px !important; }

.width-115 {
  width: 115px !important; }

.width-120 {
  width: 120px !important; }

.width-125 {
  width: 125px !important; }

.width-130 {
  width: 130px !important; }

.width-135 {
  width: 135px !important; }

.width-140 {
  width: 140px !important; }

.width-145 {
  width: 145px !important; }

.width-150 {
  width: 150px !important; }

.width-155 {
  width: 155px !important; }

.width-160 {
  width: 160px !important; }

.width-165 {
  width: 165px !important; }

.width-170 {
  width: 170px !important; }

.width-175 {
  width: 175px !important; }

.width-180 {
  width: 180px !important; }

.width-185 {
  width: 185px !important; }

.width-190 {
  width: 190px !important; }

.width-195 {
  width: 195px !important; }

.width-200 {
  width: 200px !important; }

.width-205 {
  width: 205px !important; }

.width-210 {
  width: 210px !important; }

.width-215 {
  width: 215px !important; }

.width-220 {
  width: 220px !important; }

.width-225 {
  width: 225px !important; }

.width-230 {
  width: 230px !important; }

.width-235 {
  width: 235px !important; }

.width-240 {
  width: 240px !important; }

.width-245 {
  width: 245px !important; }

.width-250 {
  width: 250px !important; }

.width-255 {
  width: 255px !important; }

.width-260 {
  width: 260px !important; }

.width-265 {
  width: 265px !important; }

.width-270 {
  width: 270px !important; }

.width-275 {
  width: 275px !important; }

.width-280 {
  width: 280px !important; }

.width-285 {
  width: 285px !important; }

.width-290 {
  width: 290px !important; }

.width-295 {
  width: 295px !important; }

.width-300 {
  width: 300px !important; }

.width-305 {
  width: 305px !important; }

.width-310 {
  width: 310px !important; }

.width-315 {
  width: 315px !important; }

.width-320 {
  width: 320px !important; }

.width-325 {
  width: 325px !important; }

.width-330 {
  width: 330px !important; }

.width-335 {
  width: 335px !important; }

.width-340 {
  width: 340px !important; }

.width-345 {
  width: 345px !important; }

.width-350 {
  width: 350px !important; }

.width-355 {
  width: 355px !important; }

.width-360 {
  width: 360px !important; }

.width-365 {
  width: 365px !important; }

.width-370 {
  width: 370px !important; }

.width-375 {
  width: 375px !important; }

.width-380 {
  width: 380px !important; }

.width-385 {
  width: 385px !important; }

.width-390 {
  width: 390px !important; }

.width-395 {
  width: 395px !important; }

.width-400 {
  width: 400px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.td__inner-container, .td__header-depth1 ul, .td__header-block .td__header-bottom .td__header-depth2, .td__main-footer .main-footer-top, .td__main-footer .main-footer-bottom, #td__container .td__contents_wrap .td__contents {
  width: 940px;
  margin: 0 auto; }
  .td__inner-container::after, .td__header-depth1 ul::after, .td__header-block .td__header-bottom .td__header-depth2::after, .td__main-footer .main-footer-top::after, .td__main-footer .main-footer-bottom::after, #td__container .td__contents_wrap .td__contents::after {
    content: '';
    display: table;
    clear: both; }

.td__main-inner-container, .td__main-header, .td__service-section .td__service-block, .td__client-section {
  width: 1460px;
  margin: 0 auto; }
  .td__main-inner-container::after, .td__main-header::after, .td__service-section .td__service-block::after, .td__client-section::after {
    content: '';
    display: table;
    clear: both; }

.center-inner {
  display: table-cell;
  vertical-align: middle; }

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

.text-center {
  text-align: center; }
  .text-center img {
    display: inline-block; }

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

.push-left {
  float: left; }
  .push-left img, .push-left p {
    display: inline-block;
    vertical-align: middle; }

.push-right {
  float: right; }
  .push-right img, .push-right p {
    display: inline-block;
    vertical-align: middle; }

select, input[type="text"], input[type="file"], input[type="password"], input[type="time"] {
  border: 1px solid #c4c5c9;
  background: #fff;
  color: #383838;
  height: 34px;
  line-height: 32px;
  padding-left: 10px;
  width: 100%;
  font-size: 13px; }
  select::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder {
    color: #9e9e9e; }
  select::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="file"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="time"]::-moz-placeholder {
    color: #9e9e9e; }
  select::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="file"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="time"]::-moz-placeholder {
    color: #9e9e9e; }
  select:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder {
    color: #9e9e9e; }
  select:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="file"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="time"]:-moz-placeholder {
    color: #9e9e9e; }
  select.calendar, input[type="text"].calendar, input[type="file"].calendar, input[type="password"].calendar, input[type="time"].calendar {
    background: url(../images/td/common/calendar_icon.gif) right 5px center no-repeat; }
  select:disabled, input[type="text"]:disabled, input[type="file"]:disabled, input[type="password"]:disabled, input[type="time"]:disabled {
    background: #ebebeb;
    color: #9e9e9e; }

input[type="radio"].type1 {
  display: none; }
  input[type="radio"].type1:checked + label span {
    background: url(../images/common/check_radio_sheet.png) -12px top no-repeat; }
  input[type="radio"].type1 + label {
    display: inline-block;
    cursor: pointer; }
    input[type="radio"].type1 + label span {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 0 0 0;
      vertical-align: middle;
      background: url(../images/common/check_radio_sheet.png) 0 top no-repeat;
      cursor: pointer; }

input[type="radio"].type2 {
  display: none; }
  input[type="radio"].type2:checked + label span {
    background: url(../images/common/check_radio_sheet2.png) -14px top no-repeat; }
  input[type="radio"].type2 + label {
    display: inline-block;
    cursor: pointer; }
    input[type="radio"].type2 + label span {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: 0 0 0 0;
      vertical-align: middle;
      background: url(../images/common/check_radio_sheet2.png) 0 top no-repeat;
      cursor: pointer; }

input[type="radio"].big {
  display: none; }
  input[type="radio"].big:checked + label span {
    background: url(../images/common/check_radio_sheet_big.png) -22px top no-repeat; }
  input[type="radio"].big + label {
    display: inline-block;
    cursor: pointer; }
    input[type="radio"].big + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: 0 0 0 0;
      vertical-align: middle;
      background: url(../images/common/check_radio_sheet_big.png) 0 top no-repeat;
      cursor: pointer; }

input[type="checkbox"].type1 {
  display: none; }
  input[type="checkbox"].type1:checked + label span {
    background: url(../images/common/check_radio_sheet.png) -36px top no-repeat; }
  input[type="checkbox"].type1 + label {
    display: inline-block;
    cursor: pointer; }
    input[type="checkbox"].type1 + label span {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 0 0 0;
      vertical-align: middle;
      background: url(../images/common/check_radio_sheet.png) -24px top no-repeat;
      cursor: pointer; }

input[type="checkbox"].type2 {
  display: none; }
  input[type="checkbox"].type2:checked + label span {
    background: url(../images/common/check_radio_sheet2.png) -42px top no-repeat; }
  input[type="checkbox"].type2 + label {
    display: inline-block;
    cursor: pointer; }
    input[type="checkbox"].type2 + label span {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: 0 0 0 0;
      vertical-align: middle;
      background: url(../images/common/check_radio_sheet2.png) -28px top no-repeat;
      cursor: pointer; }

input[type="checkbox"].big {
  display: none; }
  input[type="checkbox"].big:checked + label span {
    background: url(../images/common/check_radio_sheet_big.png) -66px top no-repeat; }
  input[type="checkbox"].big + label {
    display: inline-block;
    cursor: pointer; }
    input[type="checkbox"].big + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: 0 0 0 0;
      vertical-align: middle;
      background: url(../images/common/check_radio_sheet_big.png) -44px top no-repeat;
      cursor: pointer; }

.input-file::after {
  content: '';
  display: table;
  clear: both; }

.input-file .filebox-btn {
  float: right;
  width: 25%; }
  .input-file .filebox-btn::after {
    content: '';
    display: table;
    clear: both; }

.input-file input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none; }

.input-file .file-label {
  font-size: 13px;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  color: #383838;
  border: none;
  text-align: center;
  background: #95979d;
  color: #fff;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px; }

.input-file .file-name {
  float: left;
  font-size: 13px;
  width: 73%;
  background: #fff;
  height: 34px;
  line-height: 32px;
  text-indent: 0.5px;
  border: 1px solid #c4c5c9; }

textarea {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #383838;
  line-height: 1.5;
  padding: 5px 10px !important;
  font-size: 15px;
  width: 100%;
  resize: none;
  display: block;
  overflow-y: auto; }

input[type="text"], input[type="file"], input[type="password"], input[type="time"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }