@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?2omc1");
  src: url("fonts/icomoon.eot?2omc1#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?2omc1") format("truetype"), url("fonts/icomoon.woff?2omc1") format("woff"), url("fonts/icomoon.svg?2omc1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-morder-arrowdown:before {
  content: "\2f907";
}

.icon-morder-arrowup:before {
  content: "\2f908";
}

.icon-morder-arrowright:before {
  content: "\2f900";
}

.icon-morder-back:before {
  content: "\2f901";
}

.icon-morder-calendar:before {
  content: "\2f902";
}

.icon-morder-file:before {
  content: "\2f903";
}

.icon-morder-check:before {
  content: "\2f904";
}

.icon-blankicon:before {
  content: "\2f905";
}

.icon-closeicon:before {
  content: "\2f906";
}

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;
}

.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;
}

.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.6 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.6 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.6 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.6 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;
}

ul.ui-breadcrumb {
  margin-bottom: 10px;
  *zoom: 1;
}

ul.ui-breadcrumb:before, ul.ui-breadcrumb:after {
  content: "";
  display: table;
}

ul.ui-breadcrumb:after {
  clear: both;
}

ul.ui-breadcrumb li {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  display: inline-block;
  float: left;
}

ul.ui-breadcrumb li a {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

ul.ui-breadcrumb li a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  cursor: pointer;
}

ul.ui-breadcrumb li .icon-arrow {
  font-size: 16px;
  color: #d7d7d7;
  vertical-align: middle;
  margin-left: 2px;
  margin-right: 2px;
  text-shadow: none;
}

ul.ui-breadcrumb li .icon-arrow:before {
  content: "\2f900";
}

ul.ui-text > li,
ul.ui-underline > li,
ul.ui-arrow-back > li {
  margin-bottom: 5px;
}

ul.ui-text a,
ul.ui-underline a,
ul.ui-arrow-back a,
ul.ui-arrow-right a {
  cursor: pointer;
  display: inline-block;
}

.ui-text li {
  float: left;
}

.ui-text a.ui-blue {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-text a.ui-blue:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.ui-text a.ui-darkgreen {
  color: #009a44;
  text-shadow: 0em 0em 0em #009a44;
}

.ui-text a.ui-darkgreen:hover {
  color: #31b700;
  text-shadow: 0em 0em 0em #31b700;
}

.ui-text .ui-black {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

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

.ui-underline li {
  float: left;
}

.ui-underline .ui-blue {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border-bottom: 1px dashed #00a3e0;
}

.ui-underline .ui-blue:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.ui-underline .ui-black {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  border-bottom: 1px dashed #aaa;
}

.ui-underline .ui-black:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.ui-underline .ui-red {
  color: #de3349;
  text-shadow: 0em 0em 0em #de3349;
  border-bottom: 1px dashed #de3349;
}

.ui-underline .ui-red:hover {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
  border-bottom: 1px dashed #de3349;
}

.ui-underline .ui-orange {
  color: #fd7035;
  text-shadow: 0em 0em 0em #fd7035;
  border-bottom: 1px dashed #feb79a;
}

.ui-underline .ui-orange:hover {
  color: #ff9e1b;
  text-shadow: 0em 0em 0em #ff9e1b;
}

.ui-arrow-back li {
  float: left;
}

.ui-arrow-back a.ui-blue {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-arrow-back a.ui-blue:before {
  background: url(../images/all_icon.png) 0 0 no-repeat;
}

.ui-arrow-back a.ui-blue:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.ui-arrow-back a.ui-blue:hover:before {
  background: url(../images/all_icon.png) -20px 0 no-repeat;
}

.ui-arrow-back a.ui-lightblack {
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.ui-arrow-back a.ui-lightblack .icon-morder-back {
  font-size: 18px;
  text-shadow: 0em 0em 0em white;
  color: #999;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.ui-arrow-back a.ui-lightblack:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-arrow-back a.ui-lightblack:hover .icon-morder-back {
  color: #00a3e0;
}

.ui-arrow-right li {
  float: left;
}

.ui-arrow-right a {
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.ui-arrow-right a:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}

.ui-arrow-right a.ui-lightblack:after {
  background: url(../images/all_icon.png) 0 -30px no-repeat;
}

.ui-arrow-right a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-arrow-right a:hover:after {
  background: url(../images/all_icon.png) -20px -30px no-repeat;
}

.ui-tab-box {
  *zoom: 1;
  margin-bottom: 20px;
  border-bottom: 1px solid #d5d5d5;
  position: relative;
}

.ui-tab-box:before, .ui-tab-box:after {
  content: "";
  display: table;
}

.ui-tab-box:after {
  clear: both;
}

.ui-tab-wireframe .ui-tab-left p {
  line-height: 2;
  margin-left: 10px;
}

.ui-tab-wireframe .ui-tab-right ul {
  display: inline-block;
  position: absolute;
  top: -1px;
  right: 0;
}

.ui-tab-wireframe .ui-tab-right ul li {
  float: left;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  text-align: center;
  line-height: 2;
}

.ui-tab-wireframe .wireframe {
  background: #fff;
  border: 1px solid #fff;
  border-bottom: none;
  padding: 0 12px;
  margin-left: 5px;
}

.ui-tab-wireframe .wireframe-active, .ui-tab-wireframe .wireframe:hover {
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid #fff;
}

.ui-tab-purpleframe .ui-tab-left {
  float: left;
}

.ui-tab-purpleframe .ui-tab-left ul {
  display: block;
  height: 35px;
  margin-bottom: -1px;
}

.ui-tab-purpleframe .ui-tab-right {
  float: right;
  line-height: 2;
  margin-right: 10px;
}

.ui-tab-purpleframe .wireframe {
  float: left;
  min-width: 100px;
  cursor: pointer;
  height: 33px;
  line-height: 35px;
  text-align: center;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-bottom: 1px solid #d5d5d5;
}

.ui-tab-purpleframe .wireframe a {
  width: 100%;
  height: 100%;
  display: block;
}

.ui-tab-purpleframe .wireframe:hover a {
  color: #84329b;
}

.ui-tab-purpleframe .wireframe-active {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid #fff;
  line-height: 30px;
}

.ui-tab-purpleframe .wireframe-active a {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  border-top: 3px solid #b34cd1;
}

.ui-tab-blueframe ul, .ui-tab-blueframe li, .ui-tab-blueframe a {
  display: inline-block;
}

.ui-tab-blueframe a {
  width: 100%;
  height: 100%;
}

.ui-tab-blueframe a:hover {
  color: #00a3e0;
}

.ui-tab-blueframe .wireframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.ui-tab-blueframe .wireframe-active {
  border-bottom: 2px solid #00a3e0;
}

.ui-tab-blueframe .wireframe-active a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-title {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 18px;
}

.ui-title p {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  font: 20px/1.6 verdana, 微軟正黑體;
  padding: 0 10px;
  display: inline-block;
  border-bottom: 3px solid #b583c2;
  margin-bottom: -2px;
}

.ui-subtitle {
  border-bottom: 2px solid #EDE0F0;
  margin-bottom: 15px;
}

.ui-subtitle p {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  font: 16px/1.6 verdana, 微軟正黑體;
  margin-bottom: 3px;
  padding: 0 10px;
  display: inline-block;
}

.ui-subtitle p:before {
  content: '';
  border-width: 6px 8px;
  border-style: solid;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: transparent transparent transparent #b584c3;
}

.ui-input-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #333;
}

.ui-input-box input[type=text],
.ui-input-box input[type=password],
.ui-input-box input[type=tel] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  padding: 7px 6px;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
}

.ui-input-box input[type=text]:focus, .ui-input-box input[type=text]:hover,
.ui-input-box input[type=password]:focus,
.ui-input-box input[type=password]:hover,
.ui-input-box input[type=tel]:focus,
.ui-input-box input[type=tel]:hover {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #efefef;
}

.ui-input-box input[type=text]::placeholder,
.ui-input-box input[type=password]::placeholder,
.ui-input-box input[type=tel]::placeholder {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.ui-radio-box {
  display: inline-block;
}

.ui-radio-box input {
  display: none;
}

.ui-radio-box li, .ui-radio-box label {
  display: inline-block;
}

.ui-radio-box label {
  position: relative;
  cursor: pointer;
  padding-left: 23px;
}

.ui-radio-box label.not-choose {
  cursor: default;
}

.ui-radio-box label.not-choose .checkmark, .ui-radio-box label.not-choose:hover .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -66px -89px no-repeat;
}

.ui-radio-box label.not-choose .checkmark:after, .ui-radio-box label.not-choose:hover .checkmark:after {
  background: none;
}

.ui-radio-box label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.ui-radio-box label input:checked ~ .checkmark:after {
  display: block;
}

.ui-radio-box label .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) 0 -89px no-repeat;
}

.ui-radio-box label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -44px -89px no-repeat;
}

.ui-radio-box label:hover input ~ .checkmark {
  background: url(../images/all_icon.png) -22px -89px no-repeat;
}

.ui-checkbox-box {
  display: inline-block;
}

.ui-checkbox-box input {
  display: none;
}

.ui-checkbox-box li, .ui-checkbox-box label {
  display: inline-block;
}

.ui-checkbox-box label {
  position: relative;
  cursor: pointer;
  padding-left: 23px;
}

.ui-checkbox-box label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.ui-checkbox-box label input:checked ~ .checkmark:after {
  display: block;
}

.ui-checkbox-box label.not-check {
  cursor: default;
}

.ui-checkbox-box label.not-check .checkmark, .ui-checkbox-box label.not-check:hover .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -66px -121px no-repeat;
}

.ui-checkbox-box label.not-check .checkmark:after, .ui-checkbox-box label.not-check:hover .checkmark:after {
  background: none;
}

.ui-checkbox-box label .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) 0 -121px no-repeat;
}

.ui-checkbox-box label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background: url(../images/all_icon.png) -44px -121px no-repeat;
}

.ui-checkbox-box label:hover input ~ .checkmark {
  background: url(../images/all_icon.png) -22px -121px no-repeat;
}

.ui-form-box {
  *zoom: 1;
  font: 14px/1.6 verdana, 微軟正黑體;
}

.ui-form-box:before, .ui-form-box:after {
  content: "";
  display: table;
}

.ui-form-box:after {
  clear: both;
}

.ui-form-box label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 35px;
}

.ui-form-box select {
  clear: none;
}

.ui-form-box .wide {
  border-radius: 2px;
  clear: none;
  font: 14px/34px verdana, 微軟正黑體;
  border: 1px solid #d5d5d5;
  box-shadow: inset 0px 1px 3px #eeeeee;
  height: 35px;
  padding-left: 10px;
}

.ui-form-box .nice-select:active, .ui-form-box .nice-select.open, .ui-form-box .nice-select:focus {
  border: 1px solid #00a3e0;
}

.ui-form-box .nice-select ul.list {
  border-radius: 2px;
  border: 1px solid #d5d5d5;
  box-shadow: 0px 1px 3px #efefef;
  margin-top: 1px;
  width: 100%;
}

.ui-form-box .nice-select .option.focus {
  background: #fff !important;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.ui-form-box .nice-select .option:hover, .ui-form-box .nice-select .option .selected.focus {
  background: #00a3e0 !important;
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
}

.ui-textarea {
  font: 15px/1.6 verdana, 微軟正黑體;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  padding: 8px;
}

.ui-textarea:focus {
  outline: none;
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #efefef;
}

.ui-textarea::placeholder {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.ui-color {
  display: inline-block;
  width: 900px;
}

.ui-color ul {
  margin-bottom: 10px;
}

.ui-color li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% / 6);
  height: 30px;
}

.ui-color .purple .purple-100 {
  background: #84329b;
}

.ui-color .purple .purple-80 {
  background: #9d5baf;
}

.ui-color .purple .purple-60 {
  background: #b584c3;
}

.ui-color .purple .purple-40 {
  background: #ceadd7;
}

.ui-color .purple .purple-20 {
  background: #e6d6eb;
}

.ui-color .purple .purple-10 {
  background: #f2eaf5;
}

.ui-color .blue .blue-100 {
  background: #00a3e0;
}

.ui-color .blue .blue-80 {
  background: #33b5e6;
}

.ui-color .blue .blue-60 {
  background: #66c8ec;
}

.ui-color .blue .blue-40 {
  background: #99daf3;
}

.ui-color .blue .blue-20 {
  background: #ccedf9;
}

.ui-color .blue .blue-10 {
  background: #e5f6fc;
}

.ui-color .darkblue .darkblue-100 {
  background: #005eb8;
}

.ui-color .darkblue .darkblue-80 {
  background: #337ec6;
}

.ui-color .darkblue .darkblue-60 {
  background: #669ed4;
}

.ui-color .darkblue .darkblue-40 {
  background: #99bfe3;
}

.ui-color .darkblue .darkblue-20 {
  background: #ccdff1;
}

.ui-color .darkblue .darkblue-10 {
  background: #e5eff8;
}

.ui-color .pink .pink-100 {
  background: #d40f7d;
}

.ui-color .pink .pink-80 {
  background: #dd3f97;
}

.ui-color .pink .pink-60 {
  background: #e56fb1;
}

.ui-color .pink .pink-40 {
  background: #ee9fcb;
}

.ui-color .pink .pink-20 {
  background: #f6cfe5;
}

.ui-color .pink .pink-10 {
  background: #fbe7f2;
}

.ui-color .darkorange .darkorange-100 {
  background: #fc4c02;
}

.ui-color .darkorange .darkorange-80 {
  background: #fd7035;
}

.ui-color .darkorange .darkorange-60 {
  background: #fd9467;
}

.ui-color .darkorange .darkorange-40 {
  background: #feb79a;
}

.ui-color .darkorange .darkorange-20 {
  background: #fedbcc;
}

.ui-color .darkorange .darkorange-10 {
  background: #ffede5;
}

.ui-color .orange .orange-100 {
  background: #ff9e1b;
}

.ui-color .orange .orange-80 {
  background: #ffb149;
}

.ui-color .orange .orange-60 {
  background: #ffc576;
}

.ui-color .orange .orange-40 {
  background: #ffd8a4;
}

.ui-color .orange .orange-20 {
  background: #ffecd1;
}

.ui-color .orange .orange-10 {
  background: #fff5e8;
}

.ui-color .yellow .yellow-100 {
  background: #ffc600;
}

.ui-color .yellow .yellow-80 {
  background: #ffd133;
}

.ui-color .yellow .yellow-60 {
  background: #ffdd66;
}

.ui-color .yellow .yellow-40 {
  background: #ffe899;
}

.ui-color .yellow .yellow-20 {
  background: #fff4cc;
}

.ui-color .yellow .yellow-10 {
  background: #fff9e5;
}

.ui-color .red .red-100 {
  background: #d6001c;
}

.ui-color .red .red-80 {
  background: #de3349;
}

.ui-color .red .red-60 {
  background: #e66677;
}

.ui-color .red .red-40 {
  background: #ef99a4;
}

.ui-color .red .red-20 {
  background: #f7ccd2;
}

.ui-color .red .red-10 {
  background: #fbe5e8;
}

.ui-color .darkgreen .darkgreen-100 {
  background: #009a44;
}

.ui-color .darkgreen .darkgreen-80 {
  background: #33ae69;
}

.ui-color .darkgreen .darkgreen-60 {
  background: #66c28f;
}

.ui-color .darkgreen .darkgreen-40 {
  background: #99d7b4;
}

.ui-color .darkgreen .darkgreen-20 {
  background: #ccebda;
}

.ui-color .darkgreen .darkgreen-10 {
  background: #e5f5ec;
}

.ui-color .green .green-100 {
  background: #31b700;
}

.ui-color .green .green-80 {
  background: #5ac533;
}

.ui-color .green .green-60 {
  background: #83d466;
}

.ui-color .green .green-40 {
  background: #ade299;
}

.ui-color .green .green-20 {
  background: #d6f1cc;
}

.ui-color .green .green-10 {
  background: #eaf8e5;
}

.ui-color .gray .gray-100 {
  background: #d5d5d5;
}

.ui-color .gray .gray-80 {
  background: #c5bdb7;
}

.ui-color .gray .gray-60 {
  background: #d3cec9;
}

.ui-color .gray .gray-40 {
  background: #e2dedb;
}

.ui-color .gray .gray-20 {
  background: #f0efed;
}

.ui-color .gray .gray-10 {
  background: #f8f7f6;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  display: block;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  display: none;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  /* overflow:hidden; */
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 20px;
  /*background:#000;*/
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  border: 10px solid white;
  background: #fff;
  border-radius: 10px;
  border-top-width: 15px;
  border-bottom-width: 15px;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(../images/colorbox_controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: bottom left;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(../images/colorbox_controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: bottom right;
}

#cboxClose {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  background: url(../images/colorbox_controls.png) no-repeat top center;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  outline: none;
}

#cboxClose:hover {
  background-position: bottom center;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.box-1 {
  width: 100%;
}

.box-2 {
  width: 50%;
}

.box-3 {
  width: 33.33333%;
}

.box-4 {
  width: 25%;
}

.box-5 {
  width: 20%;
}

.box-6 {
  width: 16.66667%;
}

.mainContainer_order {
  min-width: 640px;
  margin: 0 8px;
  padding: 85px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 960px) {
  .mainContainer_order {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
  }
}

.mainContainer_order.noheadfoot {
  padding-top: 20px;
  padding-bottom: 0;
}

@media (min-width: 960px) {
  .mainContainer_order.noheadfoot {
    padding-top: 30px;
  }
}

.wrap_order {
  font: 14px/1.6 verdana, 微軟正黑體;
  line-height: 1.7;
  margin-bottom: 60px;
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.wrap_indent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 960px) {
  .wrap_indent {
    margin-left: 33px !important;
    margin-right: 33px !important;
  }
}

.wrap_orderBtn {
  min-height: 30px;
  margin-bottom: 30px;
  position: relative;
}

@media (min-width: 960px) {
  .wrap_orderBtn {
    margin-bottom: 60px;
  }
}

.wrap_orderBtn .ui-btn-orange, .wrap_orderBtn .ui-btn-blue {
  width: 150px;
  margin: 0 auto;
  display: block;
}

.wrap_orderBtn .ui-btn-orange.disabled, .wrap_orderBtn .ui-btn-blue.disabled {
  cursor: not-allowed;
  opacity: .65;
}

.wrap_orderBtn .order-goback {
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 0;
}

.wrap_orderBtn .order-goback .ui-lightblack {
  font: 14px/1.6 verdana, 微軟正黑體;
}

.wrap_orderBtn .ui-btn-orange > img {
  margin-top: 4px;
}

.wrap_orderBtn .ui-btn-orange ~ p {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  text-align: center;
  margin-top: 10px;
}

@media (min-width: 960px) {
  .wrap_orderBtn .ui-btn-orange ~ p {
    margin-bottom: -32px;
  }
}

.choosePay-transfer .wrap_orderBtn {
  margin-bottom: 30px;
  position: relative;
}

@media (min-width: 960px) {
  .choosePay-transfer .wrap_orderBtn {
    margin-bottom: 30px;
  }
}

.content-noshow {
  display: none !important;
}

.tableStyle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}

.tableStyle .tableRow {
  display: table-row;
}

.tableStyle .tableCell {
  display: table-cell;
}

.radio {
  display: block !important;
  position: absolute !important;
  left: 0px;
  top: 1px;
  z-index: 1;
  width: 22px !important;
  height: 22px !important;
}

.radio .checked {
  background: url(../images/all_icon.png) -44px -89px no-repeat !important;
  width: 22px;
  height: 22px;
}

.ui-radio-box label {
  padding-left: 27px;
}

.ui-radio-box label:hover .radio {
  background: url(../images/all_icon.png) -22px -89px no-repeat !important;
}

.checker {
  display: block !important;
  z-index: 1;
  width: 22px !important;
  height: 22px !important;
}

.checker .checked {
  background: url(../images/all_icon.png) -44px -120px no-repeat !important;
  width: 22px;
  height: 22px;
}

.ui-checkbox-box label:hover .checker {
  background: url(../images/all_icon.png) -22px -120px no-repeat !important;
}

a, a:hover, a:active, a:visited {
  color: #333;
}

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

.ui-btn-lineblack:hover {
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
  background: #aaa;
}

.ui-btn-lineblack:hover .icon-morder-calendar {
  color: #fff !important;
  text-shadow: 0 0 0 #aaa !important;
}

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

.ui-btn-linegreen:hover {
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
  background: #009a44;
}

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

.ui-btn-lineorange:hover {
  color: #fff;
  text-shadow: 0em 0em 0em #fff;
  background: #fc4c02;
}

.ui-btn-lineblue {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 15px/1.6 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;
}

.largeFont {
  font: 22px/1.6 verdana,微軟正黑體;
}

.poppageContainer {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  font: 14px/1.6 verdana, 微軟正黑體;
}

.subtitle {
  border-bottom: 2px solid #ede0f0;
}

.subtitle p {
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  font: 16px/1.6 verdana, 微軟正黑體;
  padding: 0 0 0 25px;
  display: inline-block;
  position: relative;
}

.subtitle p:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 8px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 10px;
  border-color: transparent transparent transparent #b584c3;
}

.myorder .ui-btn-orange,
.myorder .ui-btn-lineblack,
.myorder .ui-btn-linegreen,
.myorder .ui-btn-lineorange,
.myorder .ui-btn-lineblue {
  min-width: 60px;
}

.myorder .ui-btn-orange {
  line-height: 30px;
}

@media (min-width: 960px) {
  .myorder .ui-btn-orange {
    width: 100px;
  }
}

.myorder .ui-btn-lineblack,
.myorder .ui-btn-linegreen,
.myorder .ui-btn-lineorange,
.myorder .ui-btn-lineblue {
  font: 14px/1.6 verdana, 微軟正黑體;
  padding: 0 5px;
  height: 24px;
}

.myorder-list ul.project-btn > li {
  display: inline-block;
}

.myorder-list .tableCell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #efefef;
}

.myorder-list .tableCell:not(:last-child) {
  border-right: 1px solid #fff;
}

.myorder-list .tableRow > div {
  font: 13px/1.6 verdana, 微軟正黑體;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div {
    font: 14px/1.6 verdana, 微軟正黑體;
  }
}

.myorder-list .tableRow > div:not(.summary) {
  text-align: center;
}

.myorder-list .tableRow > div.orderNum {
  width: 65px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div.orderNum {
    width: 90px;
  }
}

.myorder-list .tableRow > div.orderTime {
  width: 65px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div.orderTime {
    width: 110px;
  }
}

.myorder-list .tableRow > div.summary {
  width: calc(100% - 405px);
  font: 14px/1.6 verdana, 微軟正黑體;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div.summary {
    width: calc(100% - 555px);
  }
}

.myorder-list .tableRow > div.details, .myorder-list .tableRow > div.customer-service {
  width: 65px;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div.details, .myorder-list .tableRow > div.customer-service {
    width: 80px;
  }
}

.myorder-list .tableRow > div.amount {
  width: 70px;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div.amount {
    width: 95px;
  }
}

.myorder-list .tableRow > div.status {
  width: 75px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 900px) {
  .myorder-list .tableRow > div.status {
    width: 100px;
  }
}

@media (min-width: 960px) {
  .myorder-list .tableRow:hover {
    background: #f2fbff;
  }
}

.myorder-list .topTitle {
  background: #efefef;
  text-align: center;
}

@media (min-width: 960px) {
  .myorder-list .topTitle:hover {
    background: #efefef;
  }
}

.myorder-list .topTitle .tableCell {
  padding: 8px 5px;
}

.myorder-list .topTitle .summary {
  font: 14px/1.6 verdana, 微軟正黑體;
}

.myorder-list .orderTime span {
  width: 45px;
  display: inline-block;
  word-break: break-all;
}

@media (min-width: 900px) {
  .myorder-list .orderTime span {
    width: auto;
  }
}

.myorder-list .summary .icon-morder-calendar {
  color: #666;
  text-shadow: 0 0 0 #fff;
  vertical-align: middle;
  margin-right: 3px;
  font-size: 16px;
  display: inline-block;
  margin-top: -3px;
}

.myorder-list .summary .project {
  display: inline;
}

.myorder-list .summary .project-name:after {
  content: '｜';
  color: #c2c2c2;
  text-shadow: 0em 0em 0em #c2c2c2;
}

.myorder-list .summary .deadline {
  margin-top: 2px;
}

.myorder-list .summary .project-btn {
  display: inline-block;
  margin-top: 5px;
}

.myorder-list .summary .project-btn > li:not(:last-child) {
  margin-bottom: 5px;
}

.myorder-list .orderNum a,
.myorder-list .details a,
.myorder-list .amount a,
.myorder-list .customer-service a {
  cursor: pointer;
  display: inline-block;
}

.myorder-list .amount a:hover,
.myorder-list .customer-service a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border-bottom: 1px dashed #00a3e0;
}

.myorder-list .orderNum a {
  border-bottom: 1px dashed #00a3e0;
}

.myorder-list .orderNum a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.myorder-list .details a {
  color: #666;
  text-shadow: 0em 0em 0em #666;
  margin-top: 5px;
}

.myorder-list .details a span {
  display: block;
  margin-top: 2px;
  line-height: 1;
}

.myorder-list .details a:hover {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.myorder-list .details a:hover .icon-morder-file {
  color: #00a3e0;
}

.myorder-list .details .icon-morder-file {
  font-size: 23px;
  display: inline-block;
  margin-bottom: 5px;
  color: #aaa;
  text-shadow: 0em 0em 0em white;
}

.myorder-list .amount a,
.myorder-list .customer-service a {
  border-bottom: 1px dashed #aaa;
}

.myorder-noResult {
  text-align: center;
  background: #f4f4f4;
  height: 300px;
}

@media (min-width: 960px) {
  .myorder-noResult {
    margin-bottom: 40px;
  }
}

.myorder-noResult p {
  font-family: Verdana, '微軟正黑體';
}

.myorder-noResult .explanation {
  color: #999;
  text-shadow: 0em 0em 0em #999;
  margin: 0 auto;
  width: 40%;
  height: 40%;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

.myorder-noResult .explanation img {
  margin-bottom: 5px;
}

.contactService .tableStyle-wrap {
  padding: 0 10px;
}

.contactService .two-columns .leftBox,
.contactService .two-columns .rightBox {
  border-bottom: none;
}

.contactService .subtitle {
  margin: 40px 0 10px 0;
}

.contactService .ui-textarea {
  font: 14px/1.6 verdana, 微軟正黑體;
}

.contactService .ui-btn-blue {
  width: 150px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

.tableStyle-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tableStyle-wrap .two-columns {
  font: 14px/1.6 verdana, 微軟正黑體;
  width: 100%;
}

.tableStyle-wrap .two-columns .leftBox,
.tableStyle-wrap .two-columns .rightBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px dashed #E5E5E5;
  padding: 7px 5px;
}

.tableStyle-wrap .two-columns .leftBox {
  width: 80px;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  text-align: center;
}

.tableStyle-wrap .two-columns .rightBox {
  width: calc(100% - 80px);
  padding-left: 15px;
}

.tableStyle-wrap .two-columns .rightBox .orangefocus {
  margin-right: 15px;
}

.tableStyle-wrap .two-columns .tableCell {
  vertical-align: top;
}

.tableStyle-wrap .overTime {
  display: inline-block;
}

.tableStyle-wrap.tableStyle-wrap-grayBG {
  background-color: #EFEFEF;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 4px 40px;
}

.tableStyle-wrap.tableStyle-wrap-grayBG .two-columns .leftBox,
.tableStyle-wrap.tableStyle-wrap-grayBG .two-columns .rightBox {
  border-bottom: 0;
}

.order-choosePay {
  padding-top: 5px;
}

ul.choosePay-tab {
  *zoom: 1;
  margin-bottom: 15px;
}

ul.choosePay-tab:before, ul.choosePay-tab:after {
  content: "";
  display: table;
}

ul.choosePay-tab:after {
  clear: both;
}

ul.choosePay-tab li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 2.3;
  margin-right: 8px;
}

ul.choosePay-tab li:last-child {
  margin-right: 0;
}

ul.choosePay-tab li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  width: 100%;
  height: 100%;
  display: block;
}

ul.choosePay-tab li a:before {
  content: '';
  height: 22px;
  width: 22px;
  display: inline-block;
  background: url(../images/all_icon.png) 0 -90px no-repeat;
  vertical-align: middle;
  margin-right: 3px;
}

ul.choosePay-tab li:hover a:before, ul.choosePay-tab li:focus a:before, ul.choosePay-tab li:active a:before {
  background: url(../images/all_icon.png) -22px -90px no-repeat !important;
}

ul.choosePay-tab li.active a:before {
  background: url(../images/all_icon.png) -44px -90px no-repeat !important;
}

.choosePay-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 5px solid #efefef;
}

.choosePay-container .choosePay-content {
  margin-top: 30px;
  margin-bottom: 14px;
}

.choosePay-container .choosePay-content .ui-form-box {
  *zoom: 1;
  margin-bottom: 20px;
}

.choosePay-container .choosePay-content .ui-form-box:before, .choosePay-container .choosePay-content .ui-form-box:after {
  content: "";
  display: table;
}

.choosePay-container .choosePay-content .ui-form-box:after {
  clear: both;
}

.choosePay-container .choosePay-content .ui-form-box label {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.choosePay-container .choosePay-content .ui-form-box .nice-select.wide {
  width: 150px !important;
  margin-right: 10px;
}

.choosePay-container .choosePay-content .ui-form-box .nice-select.wide .list {
  max-height: 344px;
  overflow-y: auto;
}

.choosePay-container .choosePay-content .ui-form-box p {
  float: left;
  line-height: 35px;
}

.choosePay-container .choosePay-content .ui-form-box p strong {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  margin: 0 4px;
}

.choosePay-container .choosePay-content .ui-radio-box {
  *zoom: 1;
  margin-top: 3px;
  margin-right: 50px;
  max-width: 450px;
}

.choosePay-container .choosePay-content .ui-radio-box:before, .choosePay-container .choosePay-content .ui-radio-box:after {
  content: "";
  display: table;
}

.choosePay-container .choosePay-content .ui-radio-box:after {
  clear: both;
}

.choosePay-container .choosePay-content .ui-radio-box li {
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  float: left;
  margin: 0 10px 10px 0;
}

.choosePay-container .choosePay-content .ui-radio-box li .radio {
  display: none !important;
}

.choosePay-container .choosePay-content .ui-radio-box li label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  min-width: 130px;
  height: 54px;
  padding: 5px;
  line-height: 1.5;
}

.choosePay-container .choosePay-content .ui-radio-box li label > span {
  padding-left: 0;
  display: block;
  color: #999;
}

.choosePay-container .choosePay-content .ui-radio-box li label:hover .radio {
  background: none !important;
}

.choosePay-container .choosePay-content .ui-radio-box li.choosed, .choosePay-container .choosePay-content .ui-radio-box li:hover {
  border: 1px solid #33b5e6;
}

.choosePay-container .choosePay-content .ui-radio-box li.choosed label, .choosePay-container .choosePay-content .ui-radio-box li:hover label {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.choosePay-container .choosePay-content .ui-radio-box li.choosed label > span, .choosePay-container .choosePay-content .ui-radio-box li:hover label > span {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.choosePay-container .choosePay-content .ui-radio-box li.not-choose, .choosePay-container .choosePay-content .ui-radio-box li.not-choose.choosed {
  border: 1px solid #d5d5d5;
}

.choosePay-container .choosePay-content .ui-radio-box li.not-choose label, .choosePay-container .choosePay-content .ui-radio-box li.not-choose.choosed label {
  cursor: default;
  background-color: #d5d5d5;
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.choosePay-container .choosePay-content .ui-radio-box li.not-choose label > span, .choosePay-container .choosePay-content .ui-radio-box li.not-choose.choosed label > span {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.choosePay-container .choosePay-content .ui-radio-box li.not-choose:hover, .choosePay-container .choosePay-content .ui-radio-box li.not-choose.choosed:hover {
  border: 1px solid #d5d5d5;
}

.choosePay-container .choosePay-content .ui-radio-box li.not-choose:hover label, .choosePay-container .choosePay-content .ui-radio-box li.not-choose.choosed:hover label {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.choosePay-container .choosePay-content .ui-radio-box li.not-choose:hover label > span, .choosePay-container .choosePay-content .ui-radio-box li.not-choose.choosed:hover label > span {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.choosePay-container .choosePay-content-title {
  margin-bottom: 15px;
}

.choosePay-container .choosePay-content-title:before {
  content: '';
  border-left: 3px solid #333;
  margin-left: 3px;
  padding: 0 0 3px 8px;
}

.choosePay-container ul.choosePay-list > li {
  margin-bottom: 8px;
}

.choosePay-container ul.choosePay-list > li strong {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  font-weight: normal;
}

.choosePay-container .faxcard-name {
  *zoom: 1;
  margin-bottom: 20px;
}

.choosePay-container .faxcard-name:before, .choosePay-container .faxcard-name:after {
  content: "";
  display: table;
}

.choosePay-container .faxcard-name:after {
  clear: both;
}

.choosePay-container .faxcard-name > p {
  display: inline-block;
  float: left;
  margin-right: 10px;
  line-height: 35px;
}

.choosePay-container .faxcard-name > input {
  border: solid 1px #d4d4d4;
  box-shadow: inset 0px 1px 3px #eeeeee;
  background-color: #FFFFFF;
  border-radius: 2px;
  text-indent: 5px;
  padding: 0 2px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  height: 35px;
  font: 14px/1.6 verdana, 微軟正黑體 !important;
  color: #333 !important;
  float: left;
}

.choosePay-container .transferArea {
  *zoom: 1;
}

.choosePay-container .transferArea:before, .choosePay-container .transferArea:after {
  content: "";
  display: table;
}

.choosePay-container .transferArea:after {
  clear: both;
}

.choosePay-container .transferArea .choosePay-list,
.choosePay-container .transferArea .transferArea-QRcode {
  float: left;
}

.choosePay-container .transferArea .choosePay-list {
  margin-right: 35px;
  margin-bottom: 10px;
}

.choosePay-container .transferArea .transferArea-QRcode {
  width: 140px;
  text-align: center;
  margin-top: -10px;
}

.choosePay-container .transferArea .transferArea-QRcode > p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 13px/1.6 verdana, 微軟正黑體;
  line-height: 18px;
  margin: 0 auto 8px;
  width: 122px;
}

.choosePay-container .transferArea .transferArea-QRcode > img {
  width: 100px;
}

.choosePay-container .transferArea .ui-btn-blue {
  width: 120px;
}

.choosePay-container .transferArea .bluefocus {
  border-bottom: 1px dashed #00a3e0;
  margin-left: 5px;
  padding-bottom: 3px;
  cursor: pointer;
}

.choosePay-container .transferArea .bluefocus:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.choosePay-container .QRcode-link {
  vertical-align: middle;
  margin-top: -2px;
}

.choosePay-container .QRcode-link > img {
  width: 16px;
  margin-top: 3px;
  vertical-align: middle;
}

.choosePay-container .QRcode-link > span {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  border-bottom: 1px dashed #AAA;
  padding-bottom: 2px;
  vertical-align: middle;
  cursor: pointer;
}

.choosePay-container .QRcode-link > span:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.choosePay-container .QRcode-note {
  *zoom: 1;
  text-align: center;
}

.choosePay-container .QRcode-note:before, .choosePay-container .QRcode-note:after {
  content: "";
  display: table;
}

.choosePay-container .QRcode-note:after {
  clear: both;
}

.choosePay-container .QRcode-note .QRcode-app,
.choosePay-container .QRcode-note .QRcode-atm {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  width: 42%;
  margin: 0 3% 30px;
  display: inline-block;
}

.choosePay-container .QRcode-note .QRcode-app:before, .choosePay-container .QRcode-note .QRcode-app:after,
.choosePay-container .QRcode-note .QRcode-atm:before,
.choosePay-container .QRcode-note .QRcode-atm:after {
  content: "";
  display: table;
}

.choosePay-container .QRcode-note .QRcode-app:after,
.choosePay-container .QRcode-note .QRcode-atm:after {
  clear: both;
}

.choosePay-container .QRcode-note .QRcode-icon {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  margin: 5px 10px 0 0;
  text-align: center;
  float: left;
}

.choosePay-container .QRcode-note .QRcode-icon img {
  width: 100%;
}

.choosePay-container .QRcode-note .QRcode-content {
  width: calc(100% - 100px);
  float: left;
}

.choosePay-container .QRcode-note .QRcode-title {
  text-align: left;
  padding: 5px 0;
  font: 18px/1.6 verdana, 微軟正黑體;
}

.choosePay-container .QRcode-note .QRcode-text {
  text-align: left;
}

.choosePay-container .QRcode-note .QRcode-notice {
  width: 100%;
  text-align: center;
  padding: 10px 0px 15px;
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.choosePay-container .choosePay-atm .choosePay-list {
  margin-bottom: 30px;
}

.choosePay-container .choosePay-bank .choosePay-list {
  margin-bottom: 30px;
}

.choosePay-container .payStore-area {
  margin-top: 15px;
  margin-bottom: 30px;
}

.choosePay-container .payStore-company {
  font: 16px/1.6 verdana, 微軟正黑體;
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
}

.choosePay-container .payStore-nearby {
  font: 13px/1.6 verdana, 微軟正黑體;
  color: #666;
  text-shadow: 0em 0em 0em #666;
}

.choosePay-container ul.payStore-data {
  margin-top: 10px;
  margin-bottom: 20px;
}

.choosePay-container ul.payStore-data li {
  *zoom: 1;
  margin-bottom: 8px;
}

.choosePay-container ul.payStore-data li:before, .choosePay-container ul.payStore-data li:after {
  content: "";
  display: table;
}

.choosePay-container ul.payStore-data li:after {
  clear: both;
}

.choosePay-container ul.payStore-data li .payStore-data-title {
  color: #999;
  text-shadow: 0em 0em 0em #999;
  float: left;
  margin-right: 20px;
}

.choosePay-container ul.payStore-data li .payStore-data-content {
  float: left;
}

.choosePay-container ul.payStore-data li .payStore-data-content > a {
  margin-right: 10px;
  padding-bottom: 1px;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
  border-bottom: 1px dashed #00a3e0;
}

.choosePay-container ul.payStore-data li .payStore-data-content > a:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  border-bottom: 1px dashed #005eb8;
}

.choosePay-container .payStore-map {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  max-width: 690px;
  height: 200px;
  margin: 0 auto 30px;
  overflow: hidden;
  text-align: center;
}

.choosePay-container .hfcArea {
  *zoom: 1;
}

.choosePay-container .hfcArea:before, .choosePay-container .hfcArea:after {
  content: "";
  display: table;
}

.choosePay-container .hfcArea:after {
  clear: both;
}

.choosePay-container .hfcArea#hfcArea01 {
  width: 530px;
  margin: 0 auto;
}

.choosePay-container .hfcArea#hfcArea01 .hfcArea-text:last-child {
  text-align: center;
}

.choosePay-container .hfcArea .choosePay-list {
  margin-right: 35px;
  margin-bottom: 10px;
}

.choosePay-container .hfcArea .ui-btn-blue {
  width: 120px;
}

.choosePay-container .hfcArea#hfcArea02 .choosePay-list,
.choosePay-container .hfcArea#hfcArea02 .hfcArea-QRcode {
  float: left;
}

.choosePay-container .hfcArea#hfcArea02 .ui-btn-blue {
  margin-top: 10px;
}

.choosePay-container .hfcArea-text {
  margin-bottom: 15px;
}

.choosePay-container .hfcArea-text strong {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
  font-weight: normal;
}

.choosePay-container .hfcArea-text ul li {
  list-style: disc;
  margin-bottom: 5px;
  margin-left: 35px;
}

.choosePay-container .hfcArea-QRcode {
  width: 140px;
  text-align: center;
  margin-top: 10px;
}

.choosePay-container .hfcArea-QRcode > img {
  width: 100px;
}

.choosePay-container .hfcArea-btn {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 230px;
}

.choosePay-container .hfcArea-price {
  *zoom: 1;
  display: inline-block;
  margin-left: 12%;
}

.choosePay-container .hfcArea-price:before, .choosePay-container .hfcArea-price:after {
  content: "";
  display: table;
}

.choosePay-container .hfcArea-price:after {
  clear: both;
}

.choosePay-container .hfcArea-price ul {
  float: left;
  margin: 0 50px 12px 25px;
}

.choosePay-container .hfcArea-price li {
  margin-bottom: 8px;
}

.choosePay-container .hfcArea-price li:before {
  content: '•';
  margin-right: 6px;
}

.choosePay-container .hfcArea-price li > span:after {
  content: '，';
}

.choosePay-notice {
  background-color: #efefef;
  padding-top: 20px;
  padding-bottom: 15px;
}

.choosePay-notice p {
  margin-bottom: 5px;
  margin-left: 14px;
  text-indent: -14px;
}

.choosePay-notice p:before {
  content: "•";
  margin-left: 4px;
  margin-right: 4px;
  font-family: "微軟正黑體";
}

.choosePay-notice p.notice-top {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
}

.choosePay-installment {
  margin-bottom: 5px;
}

.choosePay-installment:before {
  content: "•";
  margin-left: 4px;
  margin-right: -1px;
  font-family: "微軟正黑體";
}

.choosePay-installment .popBtn {
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px dashed #aaa;
}

.choosePay-installment .popBtn:hover {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
}

.choosePay-installment .popbox {
  position: absolute;
  z-index: 69;
  margin: 7px 0 0 10px;
}

.choosePay-installment .popbox_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #00a3e0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 450px;
}

.choosePay-installment .popbox_content p {
  line-height: 24px;
  text-align: left;
  margin: 10px 30px 10px 12px;
  word-wrap: break-word;
}

.choosePay-installment .popbox_content p a {
  color: #00a3e0;
}

.choosePay-installment .popbox_content p a:hover {
  color: #005eb8;
}

.choosePay-installment .popbox_content:after, .choosePay-installment .popbox_content:before {
  content: '';
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid transparent;
  left: 60px;
}

.choosePay-installment .popbox_content:before {
  border-bottom: 10px solid #00a3e0;
  bottom: 100%;
  top: -21px;
}

.choosePay-installment .popbox_content:after {
  border-bottom: 10px solid #fff;
  z-index: 2;
  top: -18px;
}

.choosePay-installment .popbox_content .close {
  position: absolute;
  right: 0;
  top: 11px;
  width: 28px;
  height: 28px;
  display: block;
  text-align: left;
  cursor: pointer;
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.choosePay-installment .popbox_content .icon-blankicon:before {
  content: "\2f905";
}

.choosePay-onlineCard .choosePay-content,
.choosePay-faxcard .choosePay-content {
  margin-left: 20%;
}

@media (min-width: 960px) {
  .choosePay-onlineCard .choosePay-content,
  .choosePay-faxcard .choosePay-content {
    margin-left: 23%;
  }
}

.choosePay-onlineCard .choosePay-notice p {
  margin-left: 16%;
}

@media (min-width: 960px) {
  .choosePay-onlineCard .choosePay-notice p {
    margin-left: 20%;
  }
}

.choosePay-faxcard .choosePay-notice p {
  margin-left: 22.5%;
}

@media (min-width: 960px) {
  .choosePay-faxcard .choosePay-notice p {
    margin-left: 25%;
  }
}

.choosePay-transfer .choosePay-content {
  margin-left: 2%;
}

@media (min-width: 768px) {
  .choosePay-transfer .choosePay-content {
    margin-left: 10%;
  }
}

@media (min-width: 960px) {
  .choosePay-transfer .choosePay-content {
    margin-left: 18%;
  }
}

.choosePay-transfer .choosePay-notice p {
  margin-left: 27%;
}

@media (min-width: 768px) {
  .choosePay-transfer .choosePay-notice p {
    margin-left: 30%;
  }
}

@media (min-width: 960px) {
  .choosePay-transfer .choosePay-notice p {
    margin-left: 34%;
  }
}

.choosePay-atm .choosePay-content {
  margin-left: 12%;
}

@media (min-width: 960px) {
  .choosePay-atm .choosePay-content {
    margin-left: 20%;
  }
}

.choosePay-atm .choosePay-notice p {
  margin-left: 32%;
}

@media (min-width: 960px) {
  .choosePay-atm .choosePay-notice p {
    margin-left: 35%;
  }
}

.choosePay-atm.choosePay-atm-tablet .choosePay-notice p {
  margin-left: 33%;
}

.choosePay-bank .choosePay-content {
  margin-left: 30%;
}

@media (min-width: 960px) {
  .choosePay-bank .choosePay-content {
    margin-left: 32%;
  }
}

.choosePay-bank .choosePay-notice p {
  margin-left: 10%;
}

@media (min-width: 960px) {
  .choosePay-bank .choosePay-notice p {
    margin-left: 18%;
  }
}

.choosePay-store .choosePay-content {
  margin-left: 28%;
}

@media (min-width: 960px) {
  .choosePay-store .choosePay-content {
    margin-left: 30%;
  }
}

.choosePay-store .choosePay-notice p {
  margin-left: 10%;
}

@media (min-width: 960px) {
  .choosePay-store .choosePay-notice p {
    margin-left: 18%;
  }
}

.choosePay-onlineCard .choosePay-installment {
  margin-left: calc(16% - 14px);
}

@media (min-width: 960px) {
  .choosePay-onlineCard .choosePay-installment {
    margin-left: calc(20% - 14px);
  }
}

.choosePay-faxcard .choosePay-installment {
  margin-left: calc(22.5% - 14px);
}

@media (min-width: 960px) {
  .choosePay-faxcard .choosePay-installment {
    margin-left: calc(25% - 14px);
  }
}

.choosePay-applepay .choosePay-content, .choosePay-googlepay .choosePay-content, .choosePay-linepay .choosePay-content, .choosePay-jkopay .choosePay-content, .choosePay-pxpay .choosePay-content {
  margin-left: 28%;
}

@media (min-width: 960px) {
  .choosePay-applepay .choosePay-content, .choosePay-googlepay .choosePay-content, .choosePay-linepay .choosePay-content, .choosePay-jkopay .choosePay-content, .choosePay-pxpay .choosePay-content {
    margin-left: 32%;
  }
}

.choosePay-applepay .choosePay-notice p, .choosePay-googlepay .choosePay-notice p, .choosePay-linepay .choosePay-notice p, .choosePay-jkopay .choosePay-notice p, .choosePay-pxpay .choosePay-notice p {
  margin-left: 28%;
}

@media (min-width: 768px) {
  .choosePay-applepay .choosePay-notice p, .choosePay-googlepay .choosePay-notice p, .choosePay-linepay .choosePay-notice p, .choosePay-jkopay .choosePay-notice p, .choosePay-pxpay .choosePay-notice p {
    margin-left: 34%;
  }
}

@media (min-width: 960px) {
  .choosePay-applepay .choosePay-notice p, .choosePay-googlepay .choosePay-notice p, .choosePay-linepay .choosePay-notice p, .choosePay-jkopay .choosePay-notice p, .choosePay-pxpay .choosePay-notice p {
    margin-left: 36%;
  }
}

.choosePay-hfc .choosePay-content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.choosePay-hfc .choosePay-notice p {
  margin-left: 4%;
}

.pay-list > li label {
  vertical-align: top;
  padding-left: 0 !important;
  position: static;
}

.pay-list > li > div {
  width: 90px;
}

@media (min-width: 960px) {
  .pay-list > li > div {
    width: 100px;
  }
}

.pay-list > li > div.payChckBox {
  width: 40px;
}

@media (min-width: 960px) {
  .pay-list > li > div.payChckBox {
    width: 50px;
  }
}

.pay-list > li > div.payName {
  padding: 0 5px;
  width: calc(100% - 400px);
}

@media (min-width: 960px) {
  .pay-list > li > div.payName {
    width: calc(100% - 450px);
  }
}

.pay-list > li > div.payNameCH {
  width: 90px;
}

@media (min-width: 960px) {
  .pay-list > li > div.payNameCH {
    width: 100px;
  }
}

.pay-list > li > div.payNameEN {
  width: calc(100% - 500px);
}

@media (min-width: 960px) {
  .pay-list > li > div.payNameEN {
    width: calc(100% - 610px);
  }
}

.pay-list .tableCell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #efefef;
  text-align: center;
  position: relative;
}

.pay-list .tableCell:not(:last-child) {
  border-right: 1px solid #fff;
}

.pay-list .tableRow .payName {
  text-align: left;
}

.pay-list .tableRow .checkmark {
  position: absolute;
  top: calc(50% - 11px);
  left: calc(50% - 11px);
}

.pay-list .topTitle {
  background: #efefef;
  text-align: center;
}

@media (min-width: 960px) {
  .pay-list .topTitle:hover {
    background: #efefef;
  }
}

.pay-list .topTitle .tableCell {
  padding: 7px 5px;
  position: relative;
}

.pay-list .topTitle .payName {
  text-align: center;
}

.pay-list .topTitle .payName-phone {
  display: none;
}

.pay-list .topTitle .checkmark {
  position: absolute;
  top: 7px;
  left: calc(50% - 11px);
}

.pay-client .pay-list > li > div.payName {
  width: calc(100% - 270px);
}

@media (min-width: 960px) {
  .pay-client .pay-list > li > div.payName {
    width: calc(100% - 300px);
  }
}

.cilent-notice {
  display: block;
  font: 14px/1.6 verdana, 微軟正黑體;
  line-height: 1.8;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  text-align: center;
  margin-bottom: 40px;
}

.cilent-notice.ui-checkbox-box > label > .checker {
  position: absolute;
  left: 0;
  top: 0;
}

.pay-total {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFEBDA;
  text-align: right;
  padding: 12px 25px;
}

.pay-total .pay-totalPrice, .pay-total .pay-totalPriceB {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
  margin-left: 8px;
}

.pay-total .pay-totalPrice {
  font: 16px/1.6 verdana, 微軟正黑體;
  margin-right: 6px;
}

.pay-total .pay-totalPriceB {
  font: 20px/1.6 verdana, 微軟正黑體;
}

.pay-notice {
  margin-top: 8px;
  margin-left: 12px;
}

.pay-notice p:before {
  content: "•";
  margin-left: 4px;
  margin-right: 4px;
  font-family: "微軟正黑體";
}

p.chooseReceipt-title {
  float: left;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  display: inline-block;
  margin-right: 25px;
  margin-left: 35px;
}

@media (min-width: 960px) {
  p.chooseReceipt-title {
    margin-left: 0;
  }
}

.order-chooseReceipt {
  *zoom: 1;
  padding-top: 5px;
}

.order-chooseReceipt:before, .order-chooseReceipt:after {
  content: "";
  display: table;
}

.order-chooseReceipt:after {
  clear: both;
}

.order-chooseReceipt .ui-radio-box {
  *zoom: 1;
  display: inline-block;
}

.order-chooseReceipt .ui-radio-box:before, .order-chooseReceipt .ui-radio-box:after {
  content: "";
  display: table;
}

.order-chooseReceipt .ui-radio-box:after {
  clear: both;
}

.order-chooseReceipt .ui-radio-box li {
  margin-right: 40px;
  float: left;
}

.order-chooseReceipt .ui-radio-box li:last-child {
  margin-right: 0;
}

.chooseReceipt-container {
  border: 5px solid #efefef;
  margin-top: 7px;
  padding-top: 30px;
  padding-bottom: 15px;
}

.chooseReceipt-content {
  margin-left: calc(50% - 260px);
  position: relative;
}

.chooseReceipt-content > li {
  *zoom: 1;
  margin-bottom: 15px;
}

.chooseReceipt-content > li:before, .chooseReceipt-content > li:after {
  content: "";
  display: table;
}

.chooseReceipt-content > li:after {
  clear: both;
}

.chooseReceipt-content > li .receipt-dataTitle {
  width: 60px;
  height: 35px;
  line-height: 35px;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  text-align: right;
  display: inline-block;
  margin-right: 25px;
  float: left;
}

.chooseReceipt-content > li input {
  border: solid 1px #d4d4d4;
  box-shadow: inset 0px 1px 3px #eeeeee;
  background-color: #FFFFFF;
  border-radius: 2px;
  text-indent: 5px;
  padding: 0 2px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  width: 350px;
  height: 35px;
  font: 14px/1.6 verdana, 微軟正黑體 !important;
  color: #333 !important;
  float: left;
}

.chooseReceipt-content > li input:hover, .chooseReceipt-content > li input:focus {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #d4d4d4;
}

.chooseReceipt-content > li :-webkit-input-placeholder {
  color: #aaa;
  text-shadow: 0em 0em 0em #aaa;
}

.chooseReceipt-content > li :-moz-placeholder {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.chooseReceipt-content > li :-ms-input-placeholder {
  color: #aaa !important;
  text-shadow: 0em 0em 0em #aaa !important;
}

.chooseReceipt-content > li :-moz-placeholder {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

.chooseReceipt-content > li .narrow-box {
  width: 100px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
  float: left;
}

.chooseReceipt-content > li.receipt-indent {
  margin-left: 85px;
}

.chooseReceipt-content > li .receipt-dataContent {
  width: 350px;
  display: inline-block;
}

.chooseReceipt-content > .receipt-savebtn {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  left: 450px;
}

.chooseReceipt-content > .receipt-savebtn .ui-btn-blue {
  width: 110px !important;
  height: 35px !important;
  float: left;
  line-height: 1.4;
}

.chooseReceipt-data {
  margin-top: -8px;
}

.chooseReceipt-data > .chooseReceipt-dataTitle {
  background-color: #efefef;
  display: inline-block;
  padding: 3px 12px;
  margin-bottom: 12px;
}

.chooseReceipt-data > .chooseReceipt-dataTitle span {
  color: #999;
}

.chooseReceipt-data > li {
  margin-bottom: 12px;
}

.chooseReceipt-data > li .receipt-dataTitle,
.chooseReceipt-data > li .receipt-dataContent {
  height: 25px;
  line-height: 25px;
}

.chooseReceipt-data .ui-underline {
  position: absolute;
  bottom: 1px;
  right: calc(50% - 160px);
}

.chooseReceipt-data .ui-underline .ui-blue {
  padding-bottom: 3px;
  cursor: pointer;
}

ul.creaditCard-data {
  margin-left: calc(50% - 233px);
}

ul.creaditCard-data > li {
  *zoom: 1;
  margin-bottom: 15px;
}

ul.creaditCard-data > li:before, ul.creaditCard-data > li:after {
  content: "";
  display: table;
}

ul.creaditCard-data > li:after {
  clear: both;
}

ul.creaditCard-data > li .creaditCard-dataTitle {
  width: 105px;
  height: 35px;
  line-height: 35px;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  text-align: right;
  display: inline-block;
  margin-right: 25px;
  float: left;
}

ul.creaditCard-data > li > input {
  border: solid 1px #d4d4d4;
  box-shadow: inset 0px 1px 3px #eeeeee;
  background-color: #FFFFFF;
  border-radius: 2px;
  text-indent: 5px;
  padding: 0 2px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  width: 200px;
  height: 35px;
  font: 14px/1.6 verdana, 微軟正黑體 !important;
  color: #333 !important;
  float: left;
}

ul.creaditCard-data > li > input.creaditCard-birth {
  width: 105px;
}

ul.creaditCard-data > li > input.creaditCard-small {
  width: 60px;
}

ul.creaditCard-data > li > input:hover, ul.creaditCard-data > li > input:focus {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #d4d4d4;
}

ul.creaditCard-data > li.name > p {
  display: inline-block;
  margin: 6px 0 0 5px;
}

ul.creaditCard-data > li :-webkit-input-placeholder {
  color: #aaa;
  text-shadow: 0em 0em 0em #aaa;
}

ul.creaditCard-data > li :-moz-placeholder {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

ul.creaditCard-data > li :-ms-input-placeholder {
  color: #aaa !important;
  text-shadow: 0em 0em 0em #aaa !important;
}

ul.creaditCard-data > li :-moz-placeholder {
  color: #999;
  text-shadow: 0em 0em 0em #999;
}

ul.creaditCard-data > li .ui-checkbox-box > label {
  margin-top: 6px;
}

ul.creaditCard-data > li .ui-checkbox-box > label > .checker {
  position: absolute;
  left: 0;
  top: 0;
}

ul.creaditCard-data > li > .creaditCard-idnum {
  text-transform: uppercase;
}

ul.creaditCard-data > li .ui-checkbox-box {
  width: calc(100% - 140px);
}

@media (min-width: 960px) {
  ul.creaditCard-data > li .ui-checkbox-box {
    width: calc(100% - 170px);
  }
}

ul.creaditCard-data > li .ui-checkbox-box > p {
  margin-top: 6px;
}

ul.creaditCard-data > li .ui-checkbox-box > p > strong {
  color: #fc4c02;
  text-shadow: 0em 0em 0em #fc4c02;
}

.creditCard-note {
  *zoom: 1;
  border: 5px solid #EFEFEF;
  padding: 0 20px 5px;
}

.creditCard-note:before, .creditCard-note:after {
  content: "";
  display: table;
}

.creditCard-note:after {
  clear: both;
}

.creditCard-container {
  *zoom: 1;
}

.creditCard-container:before, .creditCard-container:after {
  content: "";
  display: table;
}

.creditCard-container:after {
  clear: both;
}

.creditCard-container-cut {
  height: 140px;
  overflow: hidden;
}

.creditCard-img, .creditCard-area {
  display: inline-block;
  float: left;
}

.creditCard-img {
  width: 80px;
  margin-right: 20px;
}

.creditCard-img > img {
  width: 100%;
}

.creditCard-area {
  font: 13px/1.6 verdana, 微軟正黑體;
  width: calc(100% - 100px);
}

.creditCard-note-title {
  color: #005eb8;
  text-shadow: 0em 0em 0em #005eb8;
  margin-top: 15px;
}

.creditCard-note-content > p {
  margin-top: 15px;
}

.creditCard-note-content > p:last-child {
  margin-bottom: 15px;
}

.creditCard-TapPay.creditCard-note {
  margin-top: -5px;
}

.creditCard-TapPay .creditCard-img {
  margin-top: 25px;
}

.more-action {
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #666;
  text-shadow: 0em 0em 0em #666;
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
}

.more-action > span {
  color: #aaa;
  text-shadow: 0em 0em 0em #aaa;
  margin-right: 6px;
  font-size: 12px;
}

.more-read {
  background: -moz-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, bottom, top, color-stop(50%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(bottom, white 50%, s rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ffffff', endColorstr='#ffffff', GradientType=0 );
  background: linear-gradient(bottom, aliceblue 50%, rgba(240, 248, 255, 0) 100%);
  display: block;
  height: 90px;
  margin-top: -40px;
  line-height: 9;
}

.more-less {
  line-height: 3.5;
  display: none;
}

.more-open .more-read {
  display: none;
}

.more-open .more-less {
  display: block;
}

.liar-warning {
  border: 3px solid #FFEBDA;
  padding: 15px 20px;
  margin-bottom: 45px;
}

.liar-warning > p {
  font: 13px/1.6 verdana, 微軟正黑體;
}

.card-success {
  width: 290px;
  margin: 0 auto;
}

.card-success > .success-title {
  font: 20px/1.6 verdana, 微軟正黑體;
  color: #84329b;
  text-shadow: 0em 0em 0em #84329b;
  margin-bottom: 20px;
  text-align: center;
}

.card-success > .success-content {
  margin-bottom: 30px;
}

.card-success > .success-content > p {
  margin-bottom: 8px;
}

.payHistory .pay-list > li > div.payName {
  width: calc(100% - 360px);
}

@media (min-width: 960px) {
  .payHistory .pay-list > li > div.payName {
    width: calc(100% - 400px);
  }
}

.payHistory .pay-list > li > div.payNameEN {
  width: calc(100% - 460px);
}

@media (min-width: 960px) {
  .payHistory .pay-list > li > div.payNameEN {
    width: calc(100% - 560px);
  }
}

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

.payment .topTitle {
  background: #efefef;
}

.payment .topTitle .tableCell {
  padding: 7px 5px;
}

.payment .tableCell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  vertical-align: middle;
  border-bottom: 1px solid #efefef;
}

.payment .tableCell:not(:last-child) {
  border-right: 1px solid #fff;
}

.payment .payment-time span,
.payment .status span,
.payment .amount span {
  display: inline-block;
}

.payment .amount-item:after {
  content: '｜';
  color: #c2c2c2;
  text-shadow: 0em 0em 0em #c2c2c2;
}

.payment .payment-time {
  width: 75px;
}

@media (min-width: 900px) {
  .payment .payment-time {
    width: 120px;
  }
}

.payment .paymentNum {
  width: 75px;
}

@media (min-width: 900px) {
  .payment .paymentNum {
    width: 100px;
  }
}

.payment .summary {
  width: 75px;
}

@media (min-width: 900px) {
  .payment .summary {
    width: 100px;
  }
}

.payment .details {
  width: 90px;
}

@media (min-width: 900px) {
  .payment .details {
    width: 100px;
  }
}

.payment .amount {
  width: calc(100% - 595px);
}

@media (min-width: 900px) {
  .payment .amount {
    width: calc(100% - 765px);
  }
}

.payment .customer-service {
  width: 130px;
}

@media (min-width: 900px) {
  .payment .customer-service {
    width: 165px;
  }
}

.payment .status {
  width: 150px;
}

@media (min-width: 900px) {
  .payment .status {
    width: 180px;
  }
}

.payment .payment-nodata {
  margin-top: 30px;
}

.payment .payment-nodata p {
  text-align: center;
}

.receipt .two-columns .tableCell {
  padding: 7px 0;
}

.receipt .two-columns .leftBox {
  width: 80px;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  text-align: right;
}

.receipt .two-columns .rightBox {
  width: calc(100% - 80px);
  padding-left: 15px;
}

.contactService .tableStyle-wrap {
  padding: 0 10px;
}

.contactService .two-columns .leftBox,
.contactService .two-columns .rightBox {
  border-bottom: none;
}

.contactService .subtitle {
  margin: 40px 0 10px 0;
}

.contactService .ui-textarea {
  font: 14px/1.6 verdana, 微軟正黑體;
  width: 100% !important;
  height: 100px !important;
}

.contactService .ui-btn-blue {
  width: 150px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

.mainContainer_order.cardcheck {
  padding-top: 20px;
}

.mainContainer_order.cardcheck .tableStyle-wrap .two-columns .leftBox {
  width: 100px;
  text-align: right;
  padding-right: 15px;
}

.mainContainer_order.cardcheck .tableStyle-wrap .two-columns .rightBox {
  width: calc(100% - 100px);
}

.cardcheck-footer {
  width: 100%;
  margin-top: 25px;
}

.cardcheck-footer img {
  width: 100%;
}

.cardcheck-footer .cardcheck-footer-phone {
  display: none;
}

.tpfield {
  border: solid 1px #d4d4d4;
  box-shadow: inset 0px 1px 3px #eeeeee;
  background-color: #FFFFFF;
  border-radius: 2px;
  text-indent: 5px;
  padding: 0 7px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  font: 14px/1.6 verdana, 微軟正黑體 !important;
  float: left;
  border-width: thin;
}

#card-number {
  width: 190px;
  height: 35px;
}

#card-expiration-date {
  width: 58px;
  height: 35px;
}

#card-ccv {
  width: 58px;
  height: 35px;
}

#tagbox-inputRA li {
  line-height: 35px;
}

#tagbox-inputRA li .receipt-dataTitle {
  width: 80px;
}

.receipt-note {
  margin-left: 5px;
  margin-bottom: 20px;
}

@media (min-width: 960px) {
  .receipt-note {
    margin-left: 33px;
  }
}

.receipt-note p {
  text-indent: -14px;
  margin-left: 15px;
  margin-bottom: 6px;
}

.receipt-note p:before {
  content: "•";
  padding: 0 3px 0 4px;
}

.payment-note {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 25px 0 0;
  padding: 12px 11px;
  border: 2px solid #fd9467;
}

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

.creditCardCoupon .liar-warning {
  text-align: left;
}

.creditCardCoupon .card-success {
  text-align: left;
  width: auto;
  max-width: 335px;
  display: inline-block;
}

.coupon-downloadBtn-block {
  text-align: center;
}

.coupon-downloadBtn-block li {
  display: inline-block;
}

.order-chooseDiscount {
  padding-top: 9px;
}

.order-chooseDiscount > p {
  margin-bottom: 10px;
}

.order-chooseDiscount > ul {
  *zoom: 1;
}

.order-chooseDiscount > ul:before, .order-chooseDiscount > ul:after {
  content: "";
  display: table;
}

.order-chooseDiscount > ul:after {
  clear: both;
}

.order-chooseDiscount > ul > li {
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  float: left;
  margin: 0 0 10px 10px;
  cursor: pointer;
}

.order-chooseDiscount > ul > li:first-child {
  margin-left: 0;
}

.order-chooseDiscount > ul > li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px 20px;
}

.order-chooseDiscount > ul > li.choosed, .order-chooseDiscount > ul > li:hover {
  border: 1px solid #33b5e6;
}

.order-chooseDiscount > ul > li.choosed a, .order-chooseDiscount > ul > li:hover a {
  color: #00a3e0;
  text-shadow: 0em 0em 0em #00a3e0;
}

.taiwan1000 input {
  border: solid 1px #d4d4d4;
  box-shadow: inset 0px 1px 3px #eeeeee;
  background-color: #FFFFFF;
  border-radius: 2px;
  text-indent: 5px;
  padding: 0 2px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 145px;
  height: 37px;
  font: 14px/1.6 verdana, 微軟正黑體 !important;
  color: #333 !important;
  float: left;
}

.taiwan1000 input:hover, .taiwan1000 input:focus {
  border: 1px solid #00a3e0;
  box-shadow: 0px 1px 3px #d4d4d4;
}

.taiwan1000 .twInputText {
  margin-bottom: 6px;
}

.taiwan1000 .twInputTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  color: #999;
  text-shadow: 0em 0em 0em #999;
  display: inline-block;
  padding-right: 10px;
  float: left;
}

.taiwan1000 .twContent {
  *zoom: 1;
  margin-top: 20px;
}

.taiwan1000 .twContent:before, .taiwan1000 .twContent:after {
  content: "";
  display: table;
}

.taiwan1000 .twContent:after {
  clear: both;
}

.taiwan1000 .twContent .ui-btn-blue {
  float: left;
  width: 110px;
  min-width: auto;
  height: 35px;
  line-height: 1.4;
  margin-right: 10px;
  margin-bottom: 10px;
}

.taiwan1000 .twContent > div {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  padding-right: 25px;
}

.taiwan1000 .twContent > div:before, .taiwan1000 .twContent > div:after {
  content: "";
  display: table;
}

.taiwan1000 .twContent > div:after {
  clear: both;
}

.taiwan1000 .twContent > div:first-child input {
  width: 145px;
}

.taiwan1000 .twContent > p {
  float: left;
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
}

.taiwan1000 .tableCell {
  padding: 10px 0;
}

.taiwan1000 .twNumber {
  width: calc(100% / 3);
}

.taiwan1000 .twId {
  width: calc(100% / 3);
}

.taiwan1000 .twName {
  width: calc(100% / 3);
}

.taiwan1000 .twPrice {
  width: calc(100% / 3);
}

.taiwan1000 .twDelect {
  width: calc(100% / 3);
}

.taiwan1000 .twDelect a {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background-color: #00a3e0;
  display: block;
  margin: 0 auto;
}

.taiwan1000 .twDelect a img {
  width: 10px;
  height: 10px;
}

.taiwan1000 .twDelect a:hover {
  background-color: #005eb8;
}

.taiwan1000 .twUsed p {
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
}

.taiwan1000 .twNote-Box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 145px;
  overflow-y: auto;
  border: 1px solid #d5d5d5;
  margin-bottom: 25px;
  padding: 15px 20px;
}

.order-cathay.taiwan1000 .twInputTitle {
  color: #333;
  text-shadow: 0em 0em 0em #333;
  padding-right: 0;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-cathay.taiwan1000 .twContent > div {
  width: 100%;
  margin-bottom: 15px;
  padding-right: 0;
}

@media (min-width: 700px) {
  .order-cathay.taiwan1000 .twContent > div {
    width: 50%;
    padding-right: 25px;
  }
}

.order-cathay.taiwan1000 .twContent > div input, .order-cathay.taiwan1000 .twContent > div input:first-child {
  width: 100%;
}

.order-cathay .wrap_order {
  margin-bottom: 20px;
}

.order-cathay .cilent-notice {
  margin-bottom: 30px;
}

.order-cathay .ui-checkbox-box label {
  text-align: left;
}

.colorbox-orderpay#colorbox {
  padding: 0 !important;
}

.colorbox-orderpay #cboxContent {
  border: 0 !important;
  border-radius: 0 !important;
}

.colorbox-orderpay #cboxLoadedContent {
  border-radius: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.colorbox-orderpay #cboxClose {
  background: url(../images/icon_closeGray.svg) no-repeat !important;
  background-size: 20px 20px !important;
  top: 35px !important;
  right: 20px !important;
  width: 40px !important;
  height: 40px !important;
}

.wrapPOP-orderpay {
  width: 100%;
  max-width: 960px;
  background-color: white;
  margin: 0 auto;
  padding-bottom: 30px;
  font: 14px/1.6 verdana, 微軟正黑體;
  color: #333;
  text-shadow: 0em 0em 0em #333;
  position: relative;
}

.wrapPOP-orderpay input, .wrapPOP-orderpay textarea {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.wrapPOP-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F6F6F6;
  width: 100%;
  max-width: 960px;
  height: 100px;
  padding: 30px 25px;
  position: fixed;
  z-index: 3;
}

.wrapPOP-title p {
  font: 24px/1.6 verdana,微軟正黑體;
}

.wrapPOP-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  padding: 125px 12px 0;
}

.wrapPOP-content:before, .wrapPOP-content:after {
  content: "";
  display: table;
}

.wrapPOP-content:after {
  clear: both;
}

.chooseReceipt-content {
  width: 450px;
  margin-bottom: 20px;
}

.chooseReceipt-content > li {
  display: flex;
  margin: 0 10px 20px;
}

.chooseReceipt-content > li:last-child {
  margin-bottom: 0;
}

.chooseReceipt-content > li .receipt-dataTitle {
  float: none;
  width: auto;
  min-width: 60px;
  margin-right: 15px;
}

.chooseReceipt-content > li input {
  float: none;
  width: auto;
  flex: 1;
}

.chooseReceipt-content > li .receipt-dataContent {
  width: auto;
  flex: 1;
}

.chooseReceipt-content > li .receipt-dataPhoneCode {
  height: 35px;
  line-height: 35px;
  margin: 0 5px 0 0;
}

.chooseReceipt-data .ui-underline {
  right: -35px;
}

.chooseReceipt-data > li .receipt-dataContent {
  height: auto;
}

.cilent-noticeBlock {
  display: inline-grid;
}

.cilent-notice label {
  display: inline-block;
  text-align: left;
  margin-bottom: 6px;
}

.cilent-notice label:last-child {
  margin-bottom: 0;
}

#lcc_breadcrumb.containbox {
  width: 100%;
}

#lcc_breadcrumb.step-lineBox {
  display: flex;
}

.lcc-payment .containbox {
  width: 100% !important;
}

.lcc-payment .paymentDetail .ticketFee .tablebox td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #fff;
}

.lcc-payment .paymentDetail .ticketFee .tablebox td:nth-child(1), .lcc-payment .paymentDetail .ticketFee .tablebox td:nth-child(6) {
  width: calc(100% / 8);
}

.lcc-payment .paymentDetail .ticketFee .tablebox td:not(:nth-child(1)):not(:nth-child(6)) {
  width: calc(100% / 8);
}

.lcc-payment .paymentDetail .ticketFee .explain-list {
  margin-left: 0;
  margin-right: 0;
}

.lcc-payment .paymentDetail .ticketFee > .leftRow {
  display: none;
}

.lcc-payment .paymentDetail .paymentDetail-total {
  padding: 12px 25px;
}

.lcc-payment .paymentDetail .paymentDetail-total .redfocus {
  color: #333;
  text-shadow: 0em 0em 0em #333;
}

.lcc-payment .paymentDetail .paymentDetail-total .redfocus strong {
  font: 16px/1.6 verdana, 微軟正黑體;
  color: #d6001c;
  text-shadow: 0em 0em 0em #d6001c;
  font-weight: normal;
  margin-right: 6px;
}

.lcc-payment .travelersDetail .tablebox td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lcc-payment .travelersDetail .tablebox td:nth-child(1) {
  width: 80px !important;
}

.lcc-payment .travelersDetail .tablebox td:nth-child(2) {
  width: 100px !important;
}

.lcc-payment .travelersDetail .tablebox td:nth-child(3) {
  width: 60px !important;
}

.lcc-payment .travelersDetail .tablebox td:nth-child(4), .lcc-payment .travelersDetail .tablebox td:nth-child(5) {
  width: 130px !important;
}

.lcc-payment .travelersDetail > .leftRow {
  display: none;
}

.orderWarn {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  color: #333;
  text-shadow: #333 0 0 0;
  font-family: verdana, "微軟正黑體";
}

.orderWarn__block {
  display: inline-block;
  text-align: left;
  margin: 0 20px;
}

.orderWarn p {
  font-size: 16px;
  line-height: 28px;
  color: #333;
  text-shadow: #333 0 0 0 !important;
  font-family: verdana, "微軟正黑體" !important;
  margin: 0 0 8px;
}

.orderWarn p.orderWarn__title {
  color: #fc4c02;
  text-shadow: #fc4c02 0 0 0 !important;
  display: flex;
}

.orderWarn p.orderWarn__title img {
  width: 19px;
  margin-right: 4px;
}

.orderWarn p.orderWarn__text {
  color: #333;
  text-shadow: #333 0 0 0 !important;
}

.orderWarn__btn {
  margin-top: 30px;
  text-align: center;
}

.orderWarn__btn .ui-btn-blue {
  width: 150px;
  font-size: 15px;
}

.orderBasicNew h1.success-title {
  display: block;
}

.orderBasicNew .card-success {
  width: auto;
}

.orderBasicNew .success-content {
  text-align: center;
}

a.ui-btn-blue {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.creditCard .ui-subtitle {
  margin-bottom: 30px;
}