@charset "UTF-8";
/* -------------
    * reset 此區塊請勿更動
    * ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

a, img {
  border: none;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

body {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  display: none;
}

/* -------------
    * basic css
    * ---------- */
/* -------------
    * button
    * ---------- */
.btn-search:before {
  content: "";
  display: inline-block;
  background: url(../images/all_icon.png) 0 -153px no-repeat;
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  left: -3px;
}

.ui-btn-blue {
  color: #fff !important;
  text-shadow: 0em 0em 0em #fff !important;
  text-shadow: none !important;
  font: 15px/1.8 verdana, 微軟正黑體;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  min-width: 100px;
  height: 30px;
  text-align: center;
  background: #00a3e0;
  box-shadow: 0 2px 0 #1a78b4;
}

.ui-btn-blue:hover {
  background: #1a78b4;
  box-shadow: 0 2px 0 #0f5a8a;
}

.ui-btn-orange {
  color: #fff !important;
  text-shadow: 0em 0em 0em #fff !important;
  text-shadow: none !important;
  font: 15px/1.8 verdana, 微軟正黑體;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  min-width: 100px;
  height: 30px;
  text-align: center;
  background: #fc4c02;
  box-shadow: 0 2px 0 #c83d0d;
}

.ui-btn-orange:hover {
  background: #db1a00;
  box-shadow: 0 2px 0 #ab3d2a;
}

.ui-btn-gray {
  color: #fff !important;
  text-shadow: 0em 0em 0em #fff !important;
  text-shadow: none !important;
  font: 15px/1.8 verdana, 微軟正黑體;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  min-width: 100px;
  height: 30px;
  text-align: center;
  background: #b1b1b1;
  box-shadow: 0 2px 0 #8c8c8c;
}

.ui-btn-gray:hover {
  background: #919090;
  box-shadow: 0 2px 0 #7a7a7a;
}

.ui-btn-lineblue {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 15px/1.8 verdana, 微軟正黑體;
  background: #fff;
  display: inline-block;
  outline: none;
  cursor: pointer;
  min-width: 100px;
  height: 30px;
  text-align: center;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border: 1px solid #00a3e0;
}

.ui-btn-lineblue:hover {
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
  background: #00a3e0;
}

/* -------------
    * desktop
    * ---------- */
/* -------------
        * pad
        * ---------- */
/* -------------
    * mobile
    * ---------- */
/* -------------
        * landscape
        * ---------- */
/* -------------
    * Firefox
    * ---------- */
/* -------------
        * IE
        * ---------- */
/* -------------
    * basic css
    * ---------- */
a, a:hover, a:active, a:visited {
  color: #333;
}

.orangefocus {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
}

.redfocus {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
}

.greenfocus {
  color: #009a44;
  text-shadow: 0em 0em 0em #009a44;
}

.bluefocus {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.darkbluefocus {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.loadingContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  background: #fff;
  margin: 0 auto;
  max-width: 760px;
  font: 15px/1.8 verdana, 微軟正黑體;
  padding: 10px;
  text-align: center;
}

.colalogo-wrap {
  margin-bottom: 30px;
}

.colalogo-wrap .loadnormal > img,
.colalogo-wrap .loadIE > img {
  width: 100%;
  display: inline-block;
}

@media screen\9\0 {
  .colalogo-wrap .loadnormal {
    display: none;
  }
}

.colalogo-wrap .loadnormal img {
  margin: 0 auto;
  display: block;
  width: 120px;
}

.colalogo-wrap .loadIE {
  display: none;
}

@media screen\9\0 {
  .colalogo-wrap .loadIE {
    width: 120px;
    display: block;
    margin: 0 auto;
  }
}

.colalogo-wrap .loadIE > img {
  display: none;
}

@media screen\9\0 {
  .colalogo-wrap .loadIE > img {
    display: block;
  }
}

.colalogo-wrap .load-animation {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  animation: load 0.9s ease alternate infinite;
  animation-delay: 0.36s;
  margin: 0 auto;
  transform: scale(0.5);
}

@media screen\9\0 {
  .colalogo-wrap .load-animation {
    display: none;
  }
}

.colalogo-wrap .load-animation:after, .colalogo-wrap .load-animation:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  animation: load 0.9s ease alternate infinite;
}

.colalogo-wrap .load-animation:before {
  left: -40px;
  animation-delay: 0.18s;
}

.colalogo-wrap .load-animation:after {
  right: -40px;
  animation-delay: 0.54s;
}

@keyframes load {
  0% {
    box-shadow: 0 28px 0 -28px #d5d5d5;
  }
  100% {
    box-shadow: 0 28px 0 #d5d5d5;
  }
}

.colalogo-wrap .loadingtxt {
  font: 15px/1.8 verdana, 微軟正黑體;
}