@charset "UTF-8";
/*
 * Retina Sprites for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create two folders in your image directory (in this case 'icons' and 'icons-2x').
 * 2. adjust the foldernames defined below if you use different names.
 * 3. create sprite images for pixel ratio 1 screens and put them in the first folder.
 * 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames.
 * 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)'
 */
/*
 * Retina Backgrounds for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create background image for pixel ratio 1 screens and put it somewhere in your images folder.
 * 2. create background image for pixel ratio 2 screens and put it somewhere in your images folder.
 * 3. include the background-image property in your Sass/Scss using: '@include background-retina(<ratio-1-imagefile>, <ratio-2-imagefile>)'
 */
.icon-alert {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -38px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  width: 48px;
}

.icon-alert-s {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -17px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

.icon-arrow-bottom {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -347px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  width: 16px;
}

.icon-arrow-select {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -368px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  width: 26px;
}

.icon-car-trucks {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -509px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 50px;
}

.icon-car-sedan {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -399px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 50px;
}

.icon-car-trailer {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -454px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 50px;
}

.icon-close {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -564px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}

.icon-greet {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -691px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 136px;
  width: 136px;
}

.icon-img-order {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -832px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 28px;
}

.icon-img-pass {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -865px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 25px;
}

.icon-location {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -895px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  width: 50px;
}

.icon-ok-blue {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1081px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 88px;
  width: 88px;
}

.icon-phone {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1185px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  width: 50px;
}

.icon-red-check {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1286px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 19px;
  width: 21px;
}

.icon-status-error {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1372px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
}

.icon-user {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1395px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

.icon-app-ios {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -216px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  width: 126px;
}

.icon-app-android {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -91px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: 120px;
}

.icon-move-up {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1000px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}

.icon-move-down {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -971px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}

.icon-add {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 12px;
}

.icon-edit {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -593px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 12px;
}

.icon-expander-open-gray {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -645px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 6px;
  width: 12px;
}

.icon-expander-close-gray {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -610px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 6px;
  width: 12px;
}

.icon-expander-open {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -662px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 7px;
  width: 13px;
}

.icon-expander-close {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -627px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 7px;
  width: 13px;
}

.icon-footer-arrow {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -680px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 7px;
  width: 6px;
}

.icon-news-feed {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1029px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 19px;
  width: 22px;
}

.icon-ok-blue-s {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1056px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}

.icon-orange-arrow {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1174px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 7px;
  width: 6px;
}

.icon-print-orange {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1240px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 18px;
}

.icon-print {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1263px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 18px;
}

.icon-reset-captcha {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1312px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 14px;
}

.icon-rss {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1331px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 15px;
}

.icon-setting {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -1351px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

.icon-logout {
  background-image: url('../Images/icons-s64e2008412.png');
  background-position: -950px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

/*
 * Retina Backgrounds for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create background image for pixel ratio 1 screens and put it somewhere in your images folder.
 * 2. create background image for pixel ratio 2 screens and put it somewhere in your images folder.
 * 3. include the background-image property in your Sass/Scss using: '@include background-retina(<ratio-1-imagefile>, <ratio-2-imagefile>)'
 */
/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain) */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

body,
html {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "STHeitiTC-Light", "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微软雅黑", "新細明體", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  focus-outline: 0;
}

body,
input,
textarea,
select,
button {
  outline: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}

a {
  color: #000;
  outline: 0;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
a:link, a:hover, a:focus, a:active, a:visited {
  border: none;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
}
a img {
  max-width: 100%;
}

p {
  font-size: 1rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
p.notice {
  color: #333;
  font-size: 15px;
  line-height: 1.4;
}

i[class^="fa"] {
  margin-right: 5px;
}

button a {
  display: inline-block;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

iframe {
  width: 100%;
  border: none;
}

.hr {
  margin: 30px 0;
  height: 1px;
  background: #e2e2e2;
}

.offical-page .hr {
  margin: 20px 0;
  height: 1px;
  background: none;
}

.scroll-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 500;
}
.scroll-top:hover {
  cursor: pointer;
}

.pad-10,
.padding-10 {
  padding: 10px;
}

.pad-20,
.padding-20 {
  padding: 20px;
}

.pad-t-10,
.padding-t-10 {
  padding-top: 10px;
}

.pad-t-20,
.padding-t-20 {
  padding-top: 20px;
}

.pad-b-10,
.padding-b-10 {
  padding-bottom: 10px;
}

.pad-b-20,
.padding-b-20 {
  padding-bottom: 20px;
}

.mar-10,
.margin-10 {
  margin: 10px;
}

.mar-20,
.margin-20 {
  margin: 20px;
}

.mar-t-10,
.margin-t-10 {
  margin-top: 10px;
}

.mar-t-20,
.margin-t-20 {
  margin-top: 20px;
}

.mar-b-10,
.margin-b-10 {
  margin-bottom: 10px;
}

.mar-b-20,
.margin-b-20 {
  margin-bottom: 20px;
}

.font-bold,
.bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

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

.text-center,
.center {
  text-align: center;
}

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

.margin-center,
.img-center {
  margin: 0 auto;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: none !important;
}

.text-blue {
  color: #65b1fd;
}

.text-pink {
  color: #ffacc6;
}

.text-green {
  color: #00A8B8;
}

.text-white {
  color: #fff;
}

.text-red {
  color: #e72510;
}

.text-orange {
  color: #e37b00;
  font-weight: bold;
}

.hide,
.hidden {
  display: none !important;
}

.show {
  display: inline-block !important;
}

.vertical-top {
  vertical-align: top;
}

.vertical-middle {
  vertical-align: middle;
}

.vertical-sub {
  vertical-align: sub;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block;
}

.display-inline {
  display: inline;
}

.display-table {
  display: table;
}

.expander,
.expander-cus {
  cursor: pointer;
}

.status_error,
.status-error {
  margin-top: -35px;
  color: #e72510;
  font-size: 14px;
  position: absolute;
  right: 10px;
}
.status_error img,
.status-error img {
  float: left;
  margin-top: -2px;
  margin-right: 1px;
}

.img-captcha {
  border: 1px solid #ccc;
}

.a-center {
  display: inline-block;
  overflow: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.btn-disabled {
  opacity: 0.5;
  cursor: default;
}
.btn-disabled:hover {
  cursor: default;
}
.btn-disabled a {
  cursor: default;
}
.btn-disabled a:hover {
  cursor: default;
}

.btn-submit a {
  display: block;
  color: #fff;
}

.btn-bg,
.btn-warning,
.btn-default,
.btn-gradient,
.btn-orange,
.btn-gray,
.btn-red-line,
.btn-danger {
  padding: 8px 15px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  margin-bottom:5px;
}
.btn-bg a,
.btn-warning a,
.btn-default a,
.btn-gradient a,
.btn-orange a,
.btn-gray a,
.btn-red-line a,
.btn-danger a {
  color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #e72510;
}

.btn-red-line {
  color: #e72510;
  border: 1px solid #e72510;
}

.btn-orange {
  color: #fff;
  border: none;
  background-color: #e37b00;
}

.btn-gray {
  color: #666;
  background-color: #f3f3f3;
}

.btn-blue-active {
  color: #fff;
  background: #106ec9;
}

.btn-default {
  color: #fff;
  background-color: #a6a6a6;
}

.btn-danger {
  background: #e72510;
  color: #fff;
  cursor: default;
}

.bg-gradient,
.btn-gradient {
  color: #444;
  border: 1px solid #d8d8d8;
  background: #feffff;
  margin-bottom:5px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #feffff 0%, #f3f3f3 100%);
  background: #f3f3f3\9;
}
.bg-gradient a,
.btn-gradient a {
  color: #444;
}

.icon-text-btn {
  font-size: 13.5px;
  color: #e37b00;
}
.icon-text-btn span {
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.text-btn {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

.tab-more {
  display: block;
  color: #e37b00;
  font-size: 14px;
  text-decoration: none;
}

.href-none {
  cursor: default;
}

.href-none:hover {
  opacity: 1;
}

.btn-box {
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
}
.btn-box a {
  margin-left: 5px;
  margin-right: 5px;
}

.text-title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.brief {
  font-size: 13.5px;
  color: #666;
  line-height: 18px;
}

.text-price {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
.text-price span {
  font-size: 48px;
}

.small-s {
  font-size: 13px;
}

.text-bold {
  font-weight: bold;
}

.text-black-highline {
  color: #000;
  font-size: 15px;
  font-weight: bold;
}

.text-blue-highline {
  color: #106ec9;
}

.text-red-highline {
  color: #e72510;
}

.car-id {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.user-catagory {
  font-size: 15px;
  color: #333;
  font-weight: bold;
}

.spreadsheet {
  font-size: 13px;
  color: #808080;
}

.spreadsheet-price {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
.spreadsheet-price span {
  font-size: 32px;
}

.color-warning {
  color: #e72510;
}

.color-orange {
  color: #e37b00;
}

.color-default {
  color: #c7c7c7;
}

.opacity-5 {
  opacity: 0.5;
}

.text-check {
  padding: 0 20px 20px;
  text-align: left;
}
.text-check p {
  width: 100%;
  color: #808080;
  font-size: 15px;
}
.text-check p.border-bottom {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
}
.text-check label {
  font-size: 15px;
  margin-right: 20px;
}
.text-check input {
  margin-right: 3px;
}
.text-check .mail-title {
  margin-top: 22px;
}
.text-check .footer-btn {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

label sup {
  margin-right: 3px;
  top: -0.1em;
}

.box-shadow {
  border: 1px solid #c3c3c3;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.inset-1px-white {
  border: 1px solid #fff;
}

.border-top-none {
  border-top: none;
}

.border-bottom-none {
  border-bottom: none;
}

.bg-white {
  background-color: #fff;
}

.bg-gray {
  padding: 3px 10px;
  background: #ededed;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.bg-litegray {
  padding: 3px 10px;
  background-color: #f7f7f7;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.ok-resize,
.ok-s,
.img-24 {
  width: 24px;
}

.ok-m,
.img-48 {
  width: 48px;
}

.validate-message {
  margin-bottom: 5px;
  display: block;
}

.validate-error {
  color: #e72510;
  margin-bottom: 5px;
  display: block;
}

.pure-form input.has-error {
  border: 1px solid #e72510;
}
.pure-form .has-error {
  border: 1px solid #e72510;
}

.etag-card {
  width: 85px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url(../Images/css/etag-card.png) no-repeat left top;
}

.chart {
  margin-bottom: 30px;
  width: 670px;
  height: 385px;
  overflow: hidden;
}

.chart-area {
  min-height: 285px;
  max-height: 680px;
  margin-bottom: 30px;
  background-color: #f2f2f2;
  overflow: hidden;
}

#chart1,
#chart2,
#chart3 {
  width: 670px;
  height: 385px;
}

.input-text {
  font-size: 16px;
  background: #fff;
}

select {
  height: 34px;
}

.style-select {
  width: 340px;
  height: 34px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  background: url(../Images/css/arrow-select.png) no-repeat right #f7f7f7;
}

.style-select select {
  width: 340px;
  height: 34px;
  padding: 5px 5px 5px 8px;
  font-size: 15px;
  border: 1px solid #ccc;
  background: transparent;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

hr.hr-stra {
  border: 0;
  height: 1px;
  background-color: #d4d4d4;
}
hr.hr-dotborder-width {
  border-top: 1px;
  height: 1px;
  overflow: hidden;
}

.gray-line {
  width: 600px;
  height: 1px;
  background-color: #e6e6e6;
}

.pure-g-r,
.pure-g {
  display: flex;
  flex-flow: row wrap;
}

.pure-g {
  letter-spacing: 0;
}

.pure-form fieldset {
  padding: 0;
  position: relative;
}

.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form select,
.pure-form textarea {
  width: 100%;
  margin-bottom: 5px;
  padding: 0.4em 0.6em;
  padding: 0.3em 0.6em\9;
}
.pure-form input[type=text].input-half,
.pure-form input[type=password].input-half,
.pure-form input[type=email].input-half,
.pure-form input[type=url].input-half,
.pure-form input[type=date].input-half,
.pure-form input[type=month].input-half,
.pure-form input[type=time].input-half,
.pure-form input[type=datetime].input-half,
.pure-form input[type=datetime-local].input-half,
.pure-form input[type=week].input-half,
.pure-form input[type=number].input-half,
.pure-form input[type=search].input-half,
.pure-form input[type=tel].input-half,
.pure-form input[type=color].input-half,
.pure-form select.input-half,
.pure-form textarea.input-half {
  width: 49%;
  display: inline-block;
}
.pure-form input[type=text].input-half + .input-half,
.pure-form input[type=password].input-half + .input-half,
.pure-form input[type=email].input-half + .input-half,
.pure-form input[type=url].input-half + .input-half,
.pure-form input[type=date].input-half + .input-half,
.pure-form input[type=month].input-half + .input-half,
.pure-form input[type=time].input-half + .input-half,
.pure-form input[type=datetime].input-half + .input-half,
.pure-form input[type=datetime-local].input-half + .input-half,
.pure-form input[type=week].input-half + .input-half,
.pure-form input[type=number].input-half + .input-half,
.pure-form input[type=search].input-half + .input-half,
.pure-form input[type=tel].input-half + .input-half,
.pure-form input[type=color].input-half + .input-half,
.pure-form select.input-half + .input-half,
.pure-form textarea.input-half + .input-half {
  float: right;
}
.pure-form input[type=text].input-half:after,
.pure-form input[type=password].input-half:after,
.pure-form input[type=email].input-half:after,
.pure-form input[type=url].input-half:after,
.pure-form input[type=date].input-half:after,
.pure-form input[type=month].input-half:after,
.pure-form input[type=time].input-half:after,
.pure-form input[type=datetime].input-half:after,
.pure-form input[type=datetime-local].input-half:after,
.pure-form input[type=week].input-half:after,
.pure-form input[type=number].input-half:after,
.pure-form input[type=search].input-half:after,
.pure-form input[type=tel].input-half:after,
.pure-form input[type=color].input-half:after,
.pure-form select.input-half:after,
.pure-form textarea.input-half:after {
  clear: both;
}
.pure-form input[type=checkbox],
.pure-form input[type=radio] {
  margin-right: 3px;
  font-size: 18px;
}
.pure-form textarea {
  height: 120px;
}

.pure-form input[type=text]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form select:focus,
.pure-form textarea:focus,
.pure-form input:not([type]):focus {
  border: 1px solid #e72510;
}

.pure-form select:focus {
  border: 1px solid #ccc;
}

select.select-half {
  width: 100px;
}

.pure-radio,
.pure-checkbox {
  color: #666;
}

.pure-form .inline {
  margin-right: 20px;
  display: inline-block;
}

table.common-table {
  width: 820px;
  margin: 20px auto 0;
  border: 1px solid #e2e2e2;
  background: #fff;
}
table.common-table thead > tr {
  border-bottom: 1px solid #e6e6e6;
}
table.common-table thead > tr > th {
  padding: 7px 15px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #e6e6e6;
}
table.common-table thead > tr > th.month, table.common-table thead > tr > th.price {
  width: 90px;
}
table.common-table thead > tr > th.bill {
  width: 260px;
}
table.common-table tbody > tr {
  border-bottom: 1px solid #e6e6e6;
}
table.common-table tbody > tr:hover {
  background: #ecf4fb;
}
table.common-table tbody > tr > th {
  padding: 7px 15px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #e6e6e6;
}
table.common-table tbody > tr > td {
  padding: 15px;
  color: #3d3d3d;
  font-size: 15px;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.common-table tbody > tr > td.cost {
  color: #106ec9;
}
table.common-table tbody > tr > td select {
  margin-bottom: 0;
}
table.fullwidth-table {
  width: 100%;
  border-top: 1px solid #ecf4fb;
  border-bottom: 1px solid #ecf4fb;
  border-left: none;
  border-right: none;
}
table.fullwidth-table .tr-active {
  background: #ecf4fb;
}
table.half-width-table {
  width: 48%;
  margin: 0 1% 30px 1%;
  float: left;
  border-top: 1px solid #ecf4fb;
  border-bottom: 1px solid #ecf4fb;
  border-left: none;
  border-right: none;
}
table.half-width-table .tr-active {
  background: #ecf4fb;
}
table.inner-table {
  margin: 20px auto 0;
  border: 1px solid #e2e2e2;
  background: #fff;
}
table.inner-table thead > tr {
  border-bottom: 1px solid #e6e6e6;
}
table.inner-table thead > tr > th {
  padding: 7px 15px;
  color: #808080;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #e6e6e6;
}
table.inner-table tbody > tr {
  border-bottom: 1px solid #e6e6e6;
}
table.inner-table tbody > tr:hover {
  background: #ecf4fb;
}
table.inner-table tbody > tr > th {
  padding: 7px 15px;
  color: #808080;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #e6e6e6;
}
table.inner-table tbody > tr > td {
  padding: 16px;
  color: #808080;
  font-size: 15px;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.arrow-inner-table {
  width: 98%;
  margin: 0 1%;
  font-size: 15px;
  color: #3d3d3d;
  background: #fff;
}
table.arrow-inner-table tbody tr {
  border-bottom: 1px solid #E4F1FD;
}
table.arrow-inner-table tbody tr th {
  padding: 7px 15px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
table.arrow-inner-table tbody tr th.text-right {
  text-align: right;
}
table.arrow-inner-table tbody tr td {
  padding: 15px;
  line-height: 1.2;
  border-bottom: 1px solid #E4F1FD;
}
table.arrow-inner-table tbody tr:last-child td {
  border: none;
}
table.inner-common-table {
  width: 100%;
  border-top: 1px solid #ecf4fb;
  border-bottom: 1px solid #ecf4fb;
  border-left: none;
  border-right: none;
}
table.inner-common-table .tr-active {
  background: #ecf4fb;
}
table.dialog-table {
  width: 100%;
  border: 1px solid #e6e6e6;
}
table.dialog-table tr th {
  padding: 7px 15px;
  text-align: left;
  background: #ccc;
  border: 1px solid #e6e6e6;
}
table.dialog-table tr th.tel {
  width: 120px;
}
table.dialog-table tr th.pay-month {
  width: 98px;
}
table.dialog-table tr th.pay-day {
  width: 100px;
}
table.dialog-table tr th.pay-holiday {
  width: 100px;
}
table.dialog-table tr td {
  padding: 15px;
  background: #fff;
  border: 1px solid #e6e6e6;
}
table.red-th-table {
  width: 100%;
  border: 1px solid #dedede;
}
table.red-th-table tr th {
  padding: 10px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  background: #e72510;
  border: 1px solid #ccc;
}
table.red-th-table tr td {
  padding: 15px 10px;
  border: 1px solid #ccc;
}
table.red-th-table tr td .fail {
  color: #e72510;
}
table.red-th-table tr:nth-child(even) td {
  background: #fbfbfb;
}
table.red-th-table tr:nth-child(odd) td {
  background: #f2f2f2;
}

.arrow-top-box {
  margin: 30px auto 5px auto;
  padding-top: 20px;
  position: relative;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.arrow-top-box:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-radius: 2px;
  top: -12px;
  left: 50%;
  margin-left: -10px;
  border-color: transparent transparent #ccc transparent;
}
.arrow-top-box:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-radius: 2px;
  top: -11px;
  left: 50%;
  margin-left: -10px;
  border-color: transparent transparent #fff transparent;
}

input.datepicker {
  width: 100px;
  margin-left: 20px;
  padding: 5.5px 12px;
  float: left;
  color: #106ec9;
  font-size: 16px;
  font-weight: 100;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #d8d8d8;
  background: #feffff;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #feffff 0%, #f3f3f3 100%);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.parking-datepicker {
  width: 120px;
  margin-left: 20px;
  padding: 5.5px 12px;
  float: left;
  color: #106ec9;
  font-size: 16px;
  font-weight: 100;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #d8d8d8;
  background: #feffff;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #feffff 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #feffff 0%, #f3f3f3 100%);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.icon-arrow {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: -25px;
  margin-top: 8px;
  cursor: pointer;
}

/* all */
input {
  -moz-placeholder-color: #106ec9;
  -ms-input-placeholder-color: #106ec9;
}
input ::-webkit-input-placeholder {
  color: #106ec9;
}
input ::-moz-placeholder {
  color: #106ec9;
}

/* Overlays */
.ui-widget-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.ui-dialog .ui-dialog-titlebar {
  display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
  top: 50px;
  right: 15px;
}
.ui-dialog .ui-button-icon-only .ui-button-text {
  padding: 0;
}

.ui-dialog-buttonpane {
  padding-bottom: 20px;
  background: #fff;
  text-align: center;
}
.ui-dialog-buttonpane button {
  min-width: 100px;
  margin: 0 5px;
  font-size: 15px;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  margin-top: -8px;
  margin-left: -8px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  font-size: 12px;
  color: #333;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 16px;
  margin: 2px 1% !important;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 43% !important;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker table td {
  border: 0;
  padding: 1px;
}
.ui-datepicker table td span,
.ui-datepicker table td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker {
  color: #333;
  font-size: 1.1em;
  border: 1px solid #ddd;
  background: #f8f8f8;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  color: transparent;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em 0.4em;
  color: #333;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker table {
  font-size: 0.9em;
}
.ui-datepicker table.ui-datepicker-calendar {
  width: 100%;
  margin: 0 0 0.4em;
  font-size: 0.9em;
}
.ui-datepicker table.ui-datepicker-calendar thead th span {
  margin-bottom: 5px;
  display: block;
}
.ui-datepicker table.ui-datepicker-calendar td {
  padding: 1px;
}
.ui-datepicker table.ui-datepicker-calendar td a {
  padding: 0.4em 0.5em;
  display: block;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker table.ui-datepicker-calendar td a.ui-state-default {
  color: #333;
  border: 1px solid #ccc;
  background: #f6f6f6;
}

/* with multiple calendars */
.ui-datepicker .ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-buttonpane button .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-header .ui-icon {
  background-image: url("../Images/css/ui-icons_555555_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("../Images/css/ui-icons_555555_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../Images/css/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("../Images/css/ui-icons_222222_256x240.png");
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-datepicker-current-day .ui-state-active {
  color: #106ec9;
  border: 1px solid #ccc;
  background: #fff none center top;
}

.sortable {
  margin: 0 20px;
}
.sortable .ui-sortable-handle {
  margin-top: -1px;
  padding: 15px;
  color: #333;
  font-size: 16px;
  cursor: move;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
}
.sortable .ui-sortable-handle:hover {
  background: #ecf4fb;
}
.sortable .ui-sortable-handle:hover .sortable-up-down {
  display: inline-block;
}
.sortable .ui-sortable-handle .icon-car {
  margin-right: 5px;
  vertical-align: middle;
}
.sortable .ui-sortable-handle .sortable-up-down {
  display: none;
  vertical-align: middle;
}
.sortable .ui-sortable-handle .sortable-up-down > i {
  margin: 0 3px;
  cursor: pointer;
}
.sortable .ui-sortable-handle .sortable-up-down > i:hover {
  cursor: pointer;
}
.sortable .ui-sortable-handle .car-sortable-detail {
  padding: 0 10px 0 20px;
  line-height: 30px;
  display: inline-block;
  background: url(../Images/css/divider-90.png) left center no-repeat;
}
.sortable .ui-sortable-handle .expand-target,
.sortable .ui-sortable-handle .expand-target-table {
  min-width: 320px;
  padding: 25px;
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 100;
  background: #fff;
}
.sortable .ui-sortable-handle .expand-target:hover,
.sortable .ui-sortable-handle .expand-target-table:hover {
  cursor: default;
}
.sortable .ui-sortable-handle .expand-target .pure-g [class*="pure-u"],
.sortable .ui-sortable-handle .expand-target-table .pure-g [class*="pure-u"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sortable .ui-sortable-handle .expand-target .pure-g [class*="pure-u"] p,
.sortable .ui-sortable-handle .expand-target-table .pure-g [class*="pure-u"] p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sortable .ui-sortable-handle .expand-target .expand-target-close,
.sortable .ui-sortable-handle .expand-target-table .expand-target-close {
  margin-right: -10px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 17px;
}
.sortable .ui-sortable-handle .expand-target .expand-target-close:hover,
.sortable .ui-sortable-handle .expand-target-table .expand-target-close:hover {
  cursor: pointer;
}
.sortable .ui-sortable-handle .expand-target .title-head p,
.sortable .ui-sortable-handle .expand-target-table .title-head p {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  border-bottom: #d4d4d4;
}
.sortable .ui-sortable-handle .expand-target .note,
.sortable .ui-sortable-handle .expand-target-table .note {
  color: #666;
  font-size: 13px;
  line-height: 18px;
}

.form-step .form-event {
  width: 450px;
}
.form-step .form-event .reload-security {
  left: 50%;
  margin-left: -30px;
  margin-top: 3px;
}
.form-step .form-selector select {
  width: 100px;
}
.form-step .input-text {
  width: 77px;
  margin-left: 0px;
  margin-bottom: 8px;
}

.step-section {
  width: 880px;
  height: 38px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.step-section .step-tip {
  width: 33.333%;
  height: 38px;
  padding: 10px;
  color: #999;
  font-size: 16px;
  line-height: 18px;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #dedede;
}
.step-section .step-tip:before {
  content: "";
  position: absolute;
  top: -1.5px;
  right: -18.5px;
  border-width: 19.5px 0px 19.5px 19px;
  border-style: solid;
  border-color: transparent transparent transparent #bdbdbd;
}
.step-section .step-tip:after {
  content: "";
  position: absolute;
  top: 0;
  right: -35.5px;
  border-width: 18px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.step-section .step-tip-last {
  padding: 10px;
  color: #999;
  float: left;
  position: relative;
  background-color: #fff;
}
.step-section .step-tip-active,
.step-section .active {
  background-color: #106ec9;
  color: #fff;
}
.step-section .step-tip-active:after,
.step-section .active:after {
  content: "";
  position: absolute;
  top: 0;
  right: -35.5px;
  border-width: 18px;
  border-style: solid;
  border-color: transparent transparent transparent #106ec9;
}
.step-section .step-tip-done,
.step-section .done {
  font-weight: bold;
}
.step-section .step-tip-last-active {
  background-color: #106ec9;
  color: #fff;
}
.step-section .step-tip:first-child {
  z-index: 3;
}
.step-section .step-tip:nth-child(2) {
  z-index: 2;
}
.step-section .step-tip:last-child {
  width: 33.33%;
  z-index: 1;
  background: #fff;
}
.step-section .step-tip:last-child:before {
  border: none;
}
.step-section .step-tip:last-child:after {
  border: none;
  background: none;
}
.step-section .step-tip:last-child.step-tip-active, .step-section .step-tip:last-child.active {
  border: none;
  background-color: #106ec9;
}
.step-section .step-tip:last-child.step-tip-active:before, .step-section .step-tip:last-child.step-tip-active:after, .step-section .step-tip:last-child.active:before, .step-section .step-tip:last-child.active:after {
  border: none;
  background: none;
}

.step-two-section .step-tip {
  width: 50%;
}
.step-two-section .step-tip:last-child {
  width: 50%;
}

.step-three-section .step-tip {
  width: 33.333%;
}
.step-three-section .step-tip:last-child {
  width: 33.33%;
}

.blue-tabs {
  width: 100%;
  margin-top: 10px;
  padding: 0;
  border: 1px solid #ddd;
}
.blue-tabs .ui-tabs-nav {
  background: #f6f6f6;
}
.blue-tabs .ui-tabs-nav li {
  color: #333;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  float: left;
  list-style: none;
  border-right: 1px solid #ccc;
  background: #f6f6f6;
}
.blue-tabs .ui-tabs-nav li:last-child {
  border-right: none;
}
.blue-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
  background: url(../Images/css/tab-blue-bg.png) center top repeat-x #fff;
}
.blue-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #106ec9;
}
.blue-tabs .ui-tabs-nav li > a {
  padding: 10px 50px 7px;
  display: block;
}
.blue-tabs .ui-tabs-panel {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-top: 1px solid #ccc;
}

.red-tabs {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  color: #333;
  background-color: #fff;
}
.red-tabs .ui-tabs-nav li {
  width: 20%;
  margin: 0;
  list-style: none;
  float: left;
  display: inline-block;
  color: #333;
  line-height: 1.3;
  text-align: center;
  background: #f6f6f6;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.red-tabs .ui-tabs-nav li:first-child {
  border-left: none;
}
.red-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
  background: url(../Images/css/tab-bg.png);
}
.red-tabs .ui-tabs-nav li.ui-tabs-active > a {
  color: #e72510;
}
.red-tabs .ui-tabs-nav li > a {
  padding: 11px 10px 9px;
  display: block;
  font-size: 16px;
}

.no-data-one-year {
  padding: 50px 0;
  text-align: center;
}
.no-data-one-year p {
  font-size: 16px;
}

.ui-autocomplete {
  width: 188px;
  height: 300px;
  background: none;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ui-autocomplete li {
  width: 188px;
  padding: 7px 10px 7px 30px;
  color: #666;
  line-height: 24px;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  background: #fff;
}
.ui-autocomplete li:hover {
  background: #ecf4fb;
}
.ui-autocomplete li:first-child {
  border-top: 1px solid #b3b3b3;
}

.offical-page .content .left-section-wrap {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.offical-page .content .left-menu {
  padding-bottom: 80px;
}
.offical-page .content .left-menu .main-menu li {
  line-height: 1.6;
  border-bottom: 1px dotted #ccc;
}
.offical-page .content .left-menu .main-menu li a {
  color: #333;
  padding: 10px 20px;
  display: block;
}
.offical-page .content .left-menu .main-menu li a:hover {
  color: #000;
}
.offical-page .content .left-menu .main-menu li .fa-angle-down,
.offical-page .content .left-menu .main-menu li .fa-angle-up {
  font-size: 20px;
  float: right;
}
.offical-page .content .left-menu .main-menu li.active {
  background: #e72510;
}
.offical-page .content .left-menu .main-menu li.active > a {
  color: #fff;
  font-weight: bold;
}
.offical-page .content .left-menu .main-menu li.active .sub-active {
  display: block;
  background: #fff;
}
.offical-page .content .left-menu .main-menu li.active li a {
  color: #333;
}
.offical-page .content .left-menu .main-menu li.active li a:hover {
  color: #000;
}
.offical-page .content .left-menu .main-menu li.active li a .fa-minus {
  color: #555;
}
.offical-page .content .left-menu .main-menu li.active li a .fa-minus:hover {
  color: #000;
}
.offical-page .content .left-menu .main-menu li.active li.active {
  background: #fff;
}
.offical-page .content .left-menu .main-menu li.active li.active a {
  color: #000;
}
.offical-page .content .left-menu .main-menu li.has-sub {
  padding: 0;
}
.offical-page .content .left-menu .main-menu li.has-sub li {
  line-height: 1.2;
  border-bottom: none;
}
.offical-page .content .left-menu .main-menu li.has-sub li a {
  padding: 10px 20px;
  line-height: 1.2;
  display: inline-block;
  font-weight: normal;
}
.offical-page .content .left-menu .main-menu li.has-sub.active {
  background: #fff;
}
.offical-page .content .left-menu .main-menu li.has-sub.active > a {
  color: #000;
}
.offical-page .content .left-menu .main-menu .expand-target-sub-menu {
  display: none;
}
.offical-page .content .left-menu .main-menu .expand-target-sub-menu .sub-menu {
  padding-bottom: 5px;
  border-bottom: none;
}
.offical-page .content .left-menu .main-menu .expand-target-sub-menu .sub-menu li.active {
  background: #e72510;
}
.offical-page .content .left-menu .main-menu .expand-target-sub-menu .sub-menu li.active a {
  color: #fff;
  font-weight: bold;
}
.offical-page .content .left-menu .main-menu .expand-target-sub-menu .sub-menu .fa-minus {
  color: #555;
  font-size: 12px;
}

.wrap {
  display: block;
  overflow: visible;
}

.header {
  background: #40c3e0;
}
.header.header-red {
  border-top: 3px solid #e72510;
}

.header .nav-menu,
.right-section-wrap .nav-menu {
  height: 40px;
  position: absolute;
  right: 0px;
  top: 15px;
  z-index: 90;
  background: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.header .nav-menu > a,
.right-section-wrap .nav-menu > a {
  padding: 5px 10px 5px 15px;
  color: #333;
  font-size: 15px;
  line-height: 43px;
  text-decoration: underline;
}
.header .nav-menu > a.nav-manu-user-name,
.right-section-wrap .nav-menu > a.nav-manu-user-name {
  cursor: default;
  text-decoration: none;
}
.header .nav-menu > a:first-child,
.right-section-wrap .nav-menu > a:first-child {
  color: rgba(0, 0, 0, 0.5);
}
.header .nav-menu > a:last-child,
.right-section-wrap .nav-menu > a:last-child {
  padding-right: 15px;
}
.header .nav-menu > a.nav-menu-small,
.right-section-wrap .nav-menu > a.nav-menu-small {
  font-size: 14px;
}
.header .nav-menu > a.lang i,
.right-section-wrap .nav-menu > a.lang i {
  margin-right: 0;
  margin-left: 5px;
}

.nav-menu i {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.icon-orange-arrow {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.icon-footer-arrow {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.icon-expander-open,
.icon-expander-close {
  margin-left: 5px;
  position: relative;
  top: -2px;
}

.icon-add,
.icon-edit {
  margin-right: 5px;
}

.common-header {
  padding: 20px 0 25px;
  background: #fbfbfb;
}
.common-header .nav-menu {
  position: relative;
  top: -3px;
}

.section-wrap {
  width: 960px;
  margin: 0 auto;
}

.form-bottom-btn {
  margin-top: 30px;
}

.footer {
  width: 100%;
  height: 450px;
}
.footer .footer-top {
  width: 100%;
  height: 330px;
  position: relative;
  background-color: #f3f3f3;
}
.footer .footer-top .footer-top-nav {
  padding: 25px 10px 0 30px;
  position: relative;
  float: left;
}
.footer .footer-top .footer-top-nav .footer-top-nav-title {
  padding-bottom: 15px;
  margin-bottom: 10px;
  color: #31333D;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 1px solid rgba(49, 51, 61, 0.3);
}
.footer .footer-top .footer-top-nav dl {
  margin-bottom: 20px;
}
.footer .footer-top .footer-top-nav dl dt {
  color: #b00000;
  font-size: 15px;
  line-height: 2;
}
.footer .footer-top .footer-top-nav dl dt a {
  color: #31333D;
  font-size: 15px;
}
.footer .footer-top .footer-top-nav dl dt a:hover {
  color: #222;
}
.footer .footer-top .footer-top-nav dl dd {
  color: #666;
  font-size: 13px;
  line-height: 2;
}
.footer .footer-top .footer-top-nav dl dd a {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
}
.footer .footer-top .footer-top-nav dl dd a:hover {
  color: #222;
}
.footer .footer-top .footer-top-nav li {
  font-size: 14px;
  color: #333;
  line-height: 32px;
}
.footer .footer-top .footer-top-nav li.sub-cate {
  margin-left: 11px;
}
.footer .footer-top .footer-top-nav li a {
  font-size: 14px;
  color: #333;
  line-height: 32px;
  text-indent: 10px;
  text-decoration: none;
  transition: 0.2s ease;
}
.footer .footer-top .footer-top-nav li a:hover {
  opacity: 0.5;
}
.footer .footer-top .footer-top-nav li a.no-arrow {
  padding-left: 11px;
}
.footer .footer-top .footer-top-nav li ul {
  margin-left: 0;
}
.footer .footer-top .footer-top-nav .footer-menu-small {
  padding-left: 14px;
  font-size: 13px;
  line-height: 26px;
}
.footer .footer-bottom {
  width: 100%;
  position: relative;
  background-color: #31333c;
}
.footer .footer-bottom .footer-bottom-nav {
  margin-top: 10px;
}
.footer .footer-bottom .footer-bottom-nav ul li {
  float: left;
  padding: 12px 19px;
  font-size: 14px;
  text-decoration: none;
  opacity: 0.95;
  transition: 0.2s ease;
  background: url(../Images/css/footer-bottom-nav-bg.png) right 0 no-repeat;
}
.footer .footer-bottom .footer-bottom-nav ul li a {
  color: #fff;
  line-height: 2;
}
.footer .footer-bottom .footer-bottom-nav ul li a img {
  margin-right: 3px;
  vertical-align: middle;
}
.footer .footer-bottom .footer-bottom-nav ul li a:hover {
  color: rgba(255, 255, 255, 0.9);
}
.footer .footer-bottom .footer-bottom-nav ul li:last-child {
  background: none;
}
.footer .footer-bottom .copyright {
  padding-top: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.5;
}
.footer .footer-bottom .copyright a {
  color: #fff;
}
.footer .footer-bottom .contact-info {
  padding-bottom: 20px;
  color: #fff;
}
.footer .footer-bottom .contact-info a {
  color: #fff;
}
.footer .footer-bottom .contact-info .pull-left {
  text-align: right;
}
.footer .footer-bottom .contact-info .pull-left i {
  margin-right: 0;
}
.footer .footer-bottom .contact-info .pull-left p {
  margin-right: 20px;
  line-height: 3.2;
}
.footer .footer-bottom .contact-info .pull-right {
  width: 59%;
  float: left;
  text-align: left;
}
.footer .footer-bottom .contact-info .pull-right img {
  vertical-align: top;
  display: inline-block;
}
.footer .footer-bottom .contact-info .pull-right img:first-child {
  padding-top: 5px;
}
.footer .footer-bottom .contact-info .pull-right p {
  margin-left: 5px;
  text-align: left;
  display: inline-block;
  color: #fff;
}

.dialog.dialog-loading .dialog-content {
  width: 100%;
  height: 160px;
  position: relative;
  display: table;
}
.dialog.dialog-loading .dialog-content .loading-content {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.dialog.dialog-loading .dialog-content .loading-content .wording {
  margin-top: 10px;
  color: #333;
}

.iframe,
.offical-page-iframe {
  border: none !important;
  overflow: hidden;
  border: 1px solid #ccc;
}
.iframe h2,
.offical-page-iframe h2 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
}
.iframe p,
.offical-page-iframe p {
  margin-bottom: 10px;
  line-height: 1.6;
}
.iframe .red-circle,
.offical-page-iframe .red-circle {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  background: #e72510;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.iframe .content-text,
.offical-page-iframe .content-text {
  padding: 20px 3% 30px 3%;
}
.iframe table.offical-page-table,
.offical-page-iframe table.offical-page-table {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #ccc;
}
.iframe table.offical-page-table tr:nth-child(odd),
.offical-page-iframe table.offical-page-table tr:nth-child(odd) {
  background: #f2f2f2;
}
.iframe table.offical-page-table tr:nth-child(even),
.offical-page-iframe table.offical-page-table tr:nth-child(even) {
  background: #fbfbfb;
}
.iframe table.offical-page-table tr th,
.offical-page-iframe table.offical-page-table tr th {
  padding: 10px;
}
.iframe table.offical-page-table tr td,
.offical-page-iframe table.offical-page-table tr td {
  padding: 10px;
  line-height: 1.4;
}
.iframe table.products-table,
.offical-page-iframe table.products-table {
  border: 1px solid #e9e9e9;
}
.iframe table.products-table tr,
.offical-page-iframe table.products-table tr {
  background: #fff;
}
.iframe table.products-table tr td,
.offical-page-iframe table.products-table tr td {
  padding: 20px;
  line-height: 1.8;
  background: #fff;
}
.iframe table.products-table tr td img,
.offical-page-iframe table.products-table tr td img {
  margin-bottom: 10px;
  display: block;
}
.iframe table.products-table tr td .label,
.offical-page-iframe table.products-table tr td .label {
  font-size: 15px;
}
.iframe table.products-table tr:nth-child(even),
.offical-page-iframe table.products-table tr:nth-child(even) {
  background: #f8f8f8;
}
.iframe table.products-table tr:nth-child(even) td,
.offical-page-iframe table.products-table tr:nth-child(even) td {
  background: #f8f8f8;
}
.iframe table.products-table tr:first-child td:nth-child(2n),
.offical-page-iframe table.products-table tr:first-child td:nth-child(2n) {
  width: 60%;
  padding-left: 40px;
  background: url(../Images/css/etag-table-half-hr.jpg) left 10px no-repeat #fff;
}
.iframe table.president-table th,
.offical-page-iframe table.president-table th {
  width: 25%;
  text-align: left;
  color: #e72510;
}
.iframe table.financial-table tr th,
.offical-page-iframe table.financial-table tr th {
  padding: 15px;
  background: #dfdfdf;
}
.iframe table.financial-table tr td,
.offical-page-iframe table.financial-table tr td {
  padding: 20px;
  color: #4b4b4b;
  text-align: center;
  vertical-align: middle;
}
.iframe table.financial-table tr td:first-child,
.offical-page-iframe table.financial-table tr td:first-child {
  text-align: left;
}
.iframe table.list-table,
.offical-page-iframe table.list-table {
  margin-top: 20px;
}
.iframe table.list-table tr th,
.offical-page-iframe table.list-table tr th {
  padding: 15px;
  text-align: left;
  background: #dfdfdf;
}
.iframe table.list-table tr td,
.offical-page-iframe table.list-table tr td {
  padding: 15px;
  color: #4b4b4b;
  vertical-align: top;
}
.iframe table.slogan-table,
.offical-page-iframe table.slogan-table {
  margin-bottom: 40px;
}
.iframe table.slogan-table tr th,
.offical-page-iframe table.slogan-table tr th {
  padding: 15px;
  text-align: left;
  background: #dfdfdf;
}
.iframe table.slogan-table tr td,
.offical-page-iframe table.slogan-table tr td {
  padding: 15px;
  color: #4b4b4b;
  vertical-align: top;
}
.iframe table.slogan-table-th-left,
.offical-page-iframe table.slogan-table-th-left {
  margin-bottom: 40px;
}
.iframe table.slogan-table-th-left tr th,
.offical-page-iframe table.slogan-table-th-left tr th {
  width: 150px;
  padding: 15px;
  text-align: left;
  line-height: 1.4;
}
.iframe table.slogan-table-th-left tr td,
.offical-page-iframe table.slogan-table-th-left tr td {
  padding: 15px;
  color: #4b4b4b;
  vertical-align: top;
}
.iframe table.car-shop-list-table,
.offical-page-iframe table.car-shop-list-table {
  border: 1px solid #ccc;
}
.iframe table.car-shop-list-table tr:nth-child(odd),
.offical-page-iframe table.car-shop-list-table tr:nth-child(odd) {
  background: #f2f2f2;
}
.iframe table.car-shop-list-table tr:nth-child(even),
.offical-page-iframe table.car-shop-list-table tr:nth-child(even) {
  background: #fbfbfb;
}
.iframe table.car-shop-list-table tr th,
.offical-page-iframe table.car-shop-list-table tr th {
  padding: 10px;
  text-align: left;
  background: #dfdfdf;
}
.iframe table.car-shop-list-table tr td,
.offical-page-iframe table.car-shop-list-table tr td {
  padding: 10px;
  color: #4b4b4b;
  vertical-align: top;
  border: 1px solid #ccc;
}
.iframe table.download-table tr th,
.offical-page-iframe table.download-table tr th {
  padding: 15px;
  text-align: left;
  background: #dfdfdf;
}
.iframe table.download-table tr td,
.offical-page-iframe table.download-table tr td {
  padding: 15px;
  color: #4b4b4b;
  vertical-align: top;
}
.iframe table.download-table tr td:first-child,
.offical-page-iframe table.download-table tr td:first-child {
  text-align: center;
}
.iframe .form-content-wrap,
.offical-page-iframe .form-content-wrap {
  padding: 10px 0 0;
  margin-bottom: 0;
}
.iframe .form-content-wrap .content-text p,
.offical-page-iframe .form-content-wrap .content-text p {
  margin-bottom: 10px;
}
.iframe .captcha-wrap,
.offical-page-iframe .captcha-wrap {
  width: auto;
  position: relative;
}
.iframe .captcha-wrap .reset-captcha,
.offical-page-iframe .captcha-wrap .reset-captcha {
  padding: 8px;
  position: absolute;
  top: 0;
  right: -32px;
  cursor: pointer;
}
.iframe .captcha-wrap .input-captcha,
.offical-page-iframe .captcha-wrap .input-captcha {
  margin-bottom: 0px;
  width: 120px;
  vertical-align: top;
}
.iframe .captcha-wrap .input-cvs,
.offical-page-iframe .captcha-wrap .input-cvs {
  width: 70px;
}
.iframe .captcha-wrap .validate-message,
.offical-page-iframe .captcha-wrap .validate-message {
  margin-top: 2px;
}
.iframe .captcha-wrap .img-captcha,
.offical-page-iframe .captcha-wrap .img-captcha {
  margin-left: 5px;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.iframe .ui-tabs .ui-tabs-nav,
.offical-page-iframe .ui-tabs .ui-tabs-nav {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.iframe .ui-tabs .ui-tabs-nav li,
.offical-page-iframe .ui-tabs .ui-tabs-nav li {
  width: 20%;
  margin: 0;
  list-style: none;
  float: left;
  display: inline-block;
  color: #333;
  line-height: 1.6;
  text-align: center;
  background: #f6f6f6;
}
.iframe .ui-tabs .ui-tabs-nav li:first-child,
.offical-page-iframe .ui-tabs .ui-tabs-nav li:first-child {
  border-left: none;
}
.iframe .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.offical-page-iframe .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
  background: url(../Images/css/tab-bg.png) center top #fff;
}
.iframe .ui-tabs .ui-tabs-nav li.ui-tabs-active > a,
.offical-page-iframe .ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
  color: #e72510;
}
.iframe .ui-tabs .ui-tabs-nav li > a,
.offical-page-iframe .ui-tabs .ui-tabs-nav li > a {
  padding: 8px 10px 5px;
  display: block;
  font-size: 16px;
}
.iframe .ui-tabs .ui-tabs-nav .ui-state-default,
.offical-page-iframe .ui-tabs .ui-tabs-nav .ui-state-default {
  float: left;
  display: inline-block;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #f6f6f6;
}
.iframe .ui-tabs .ui-tabs-nav .ui-state-default a,
.offical-page-iframe .ui-tabs .ui-tabs-nav .ui-state-default a {
  padding: 0.5em 1em;
  color: #222;
  font-size: 15px;
  display: block;
}
.iframe .ui-tabs .ui-tabs-panel,
.offical-page-iframe .ui-tabs .ui-tabs-panel {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.iframe .accordion .ui-accordion-header,
.offical-page-iframe .accordion .ui-accordion-header {
  margin: 0;
  padding: 1em 0.5em;
  color: #222;
  background: none;
  border-top: 1px solid #fff;
  border-right: none;
  border-bottom: 1px solid #ccc;
  border-left: none;
}
.iframe .accordion .ui-accordion-header:first-child,
.offical-page-iframe .accordion .ui-accordion-header:first-child {
  border-top: none;
}
.iframe .accordion .ui-accordion-header:last-child,
.offical-page-iframe .accordion .ui-accordion-header:last-child {
  border-bottom: none;
}
.iframe .accordion .ui-accordion-icons,
.offical-page-iframe .accordion .ui-accordion-icons {
  padding-left: 2em;
  background: #f7f7f7;
}
.iframe .accordion .ui-accordion-icons:last-child,
.offical-page-iframe .accordion .ui-accordion-icons:last-child {
  border-bottom: none;
}
.iframe .accordion .ui-accordion-header-active,
.offical-page-iframe .accordion .ui-accordion-header-active {
  color: #e72510;
  background: #fff;
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.iframe .accordion .ui-accordion-content,
.offical-page-iframe .accordion .ui-accordion-content {
  padding: 1em 1em 1em 2em;
  background: none;
  border-top: none;
  border-bottom: none;
}
.iframe .accordion .ui-accordion-content p,
.offical-page-iframe .accordion .ui-accordion-content p {
  line-height: 1.6;
}
.iframe .accordion .ui-accordion-content-active,
.offical-page-iframe .accordion .ui-accordion-content-active {
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top: none;
}

.iframe-company-products h2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.iframe-company-products h3 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #4b4b4b;
}
.iframe-company-products .hash-link {
  margin-bottom: 20px;
  color: #e37b00;
  text-align: right;
}
.iframe-company-products .hash-link a {
  color: #e37b00;
  font-weight: bold;
}
.iframe-company-products .hash-content-wrap {
  margin-bottom: 30px;
}
.iframe-company-products .warranty {
  margin-bottom: 20px;
  line-height: 1.8;
}
.iframe-company-products .warranty .pure-u-3-5 {
  padding-left: 20px;
}
.iframe-company-products .products-notice .list {
  margin-bottom: 10px;
}

.iframe-products-etag-card table td .text-center {
  text-align: center;
}
.iframe-products-etag-card table td .text-center img {
  margin: 0 auto;
}
.iframe-products-etag-card .gary-border {
  padding: 10px;
  margin-bottom: 30px;
  background: #fff;
  text-align: center;
  border: 1px solid #eaeaea;
}
.iframe-products-etag-card .gary-border:last-child {
  margin-bottom: 0;
}
.iframe-products-etag-card h3 {
  color: #333;
  font-size: 15px;
  font-weight: bold;
}

.iframe-products-co-brand-card .topic {
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.iframe-products-co-brand-card .topic .topic-list {
  margin-bottom: 10px;
}
.iframe-products-co-brand-card .bank-logo {
  margin-bottom: 10px;
}
.iframe-products-co-brand-card .card-list {
  padding: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}
.iframe-products-co-brand-card .card-list .card-left {
  padding: 10px;
  text-align: center;
  background: #f2f2f2;
}
.iframe-products-co-brand-card .card-list .card-left img {
  margin-bottom: 10px;
}
.iframe-products-co-brand-card .card-list .card-left .send,
.iframe-products-co-brand-card .card-list .card-left .new,
.iframe-products-co-brand-card .card-list .card-left .old {
  color: #e72510;
}
.iframe-products-co-brand-card .card-list .card-left .send {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  background: url(../Images/css/co-brand-card-hr.jpg) center bottom no-repeat;
}
.iframe-products-co-brand-card .card-list .card-left .new,
.iframe-products-co-brand-card .card-list .card-left .old {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.iframe-products-co-brand-card .card-list .card-right {
  padding-left: 20px;
  line-height: 1.6;
}
.iframe-products-co-brand-card .card-list .card-right h3 {
  margin-bottom: 0;
  color: #333;
  font-size: 15px;
}
.iframe-products-co-brand-card .footnote {
  border-top: 1px solid #f0f0f0;
  padding-top: 20px;
}

.iframe-company-vision .vision-list {
  padding: 10px 15px;
  background: url(../Images/css/vision-list-bg.jpg) right top no-repeat;
  text-align: center;
}
.iframe-company-vision .vision-list h2 {
  font-weight: bold;
}
.iframe-company-vision .vision-list img {
  margin-bottom: 10px;
}
.iframe-company-vision .vision-list p {
  text-align: left;
}
.iframe-company-vision .vision-list:last-child {
  background: none;
}

.iframe-service-contact-us .content .right-section-wrap .content-text h2 {
  margin-bottom: 10px;
}
.iframe-service-contact-us .content .right-section-wrap .content-text p {
  margin-bottom: 0;
  color: #666;
}
.iframe-service-contact-us .content .right-section-wrap .content-text .line-service {
  padding-top: 15px;
}
.iframe-service-contact-us .content .right-section-wrap .content-text .wording {
  padding-right: 40px;
}

.iframe-service .line-service {
  padding: 40px 20px 20px;
  border-top: 1px dotted #ccc;
  line-height: 1.4;
}
.iframe-service .line-service h2 {
  margin-bottom: 10px;
  font-size: 15px;
}
.iframe-service .line-service p {
  margin-bottom: 10px;
  color: #666;
}

.iframe-company-events .pure-g,
.iframe-company-overseas .pure-g {
  border-bottom: 1px solid #ccc;
}
.iframe-company-events .pure-g:last-child,
.iframe-company-overseas .pure-g:last-child {
  border-bottom: none;
}
.iframe-company-events .event-list,
.iframe-company-overseas .event-list {
  padding: 30px 30px 20px;
}
.iframe-company-events .event-list a,
.iframe-company-overseas .event-list a {
  margin-bottom: 10px;
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
}
.iframe-company-events .event-list img,
.iframe-company-overseas .event-list img {
  margin: 10px;
  width: 93%;
}
.iframe-company-events .event-list h2,
.iframe-company-events .event-list p,
.iframe-company-overseas .event-list h2,
.iframe-company-overseas .event-list p {
  margin-bottom: 10px;
}
.iframe-company-events .event-list .date,
.iframe-company-overseas .event-list .date {
  margin-bottom: 5px;
  font-size: 15px;
}

.iframe-company-album .album-content .thumbnail {
  margin: 5px;
  width: 160px;
}
.iframe-company-album .album-content .thumbnail-4-3 {
  width: 120px;
}
.iframe-company-album .album-content .thumbnail-16-9 {
  width: 160px;
}
.iframe-company-album .pagination {
  margin: 20px 0;
  color: #666;
  text-align: center;
}
.iframe-company-album .pagination span {
  padding: 10px;
  cursor: pointer;
}
.iframe-company-album .pagination .active {
  color: #e72510;
}

.iframe-company-financial .head-desc {
  margin-left: 20px;
  font-size: 15px;
  display: inline-block;
}
.iframe-company-financial .head-desc .text-orange {
  margin-left: 5px;
}
.iframe-company-financial .white-gray {
  margin-bottom: 10px;
  background: #fff;
}
.iframe-company-financial .white-gray .inset-1px-white {
  padding: 0 10px 10px 0;
}
.iframe-company-financial .bg-gray {
  padding: 0;
  margin-bottom: 20px;
  background: #dedede;
}
.iframe-company-financial .list:nth-child(odd) {
  background: #f2f2f2;
}
.iframe-company-financial .list:nth-child(even) {
  background: #fbfbfb;
}
.iframe-company-financial .list:first-child {
  background: #e72510;
}
.iframe-company-financial .list .season {
  width: 19%;
  color: #2683a2;
}
.iframe-company-financial .list div {
  width: 19%;
  min-height: 38px;
  padding: 0 10px;
  margin: 10px 0;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #ccc;
}
.iframe-company-financial .list div:last-child {
  border-right: none;
}
.iframe-company-financial .head {
  background: #e72510;
}
.iframe-company-financial .head .season {
  width: 19%;
}
.iframe-company-financial .head div {
  min-height: 22px;
  padding: 0 10px;
  margin: 10px 0;
  color: #fff;
  font-weight: bold;
}
.iframe-company-financial .head div:last-child {
  border-right: none;
}

.iframe-company-chairman p,
.iframe-company-president p,
.iframe-company-origial p {
  margin-bottom: 20px;
}

.iframe-company-origial img.float-right {
  padding: 0 10px;
}

.iframe-company-recruitment h2 {
  margin-bottom: 10px;
}
.iframe-company-recruitment .btn {
  padding: 10px 15px;
  border: 1px solid #d8d8d8;
}
.iframe-company-recruitment a {
  color: #e37b00;
}
.iframe-company-recruitment .row {
  margin-bottom: 20px;
}
.iframe-company-recruitment ul {
  margin-left: 20px;
  list-style-type: square;
}
.iframe-company-recruitment ul li {
  line-height: 1.8;
}

.iframe-company-merchants h3 {
  margin-bottom: 10px;
  color: #222;
  font-size: 16px;
}
.iframe-company-merchants .btn-gradient {
  border: 1px solid #ccc;
}

.iframe-company-slogan .slogan-list {
  margin-bottom: 10px;
}

.iframe-faq .table-border {
  border-bottom: none;
}

.iframe-promotion .white-gray,
.iframe-promotion .bg-gray {
  padding: 0;
}
.iframe-promotion .white-gray .btn-gradient,
.iframe-promotion .bg-gray .btn-gradient {
  border: 1px solid #ccc;
}
.iframe-promotion .white-gray .head-desc,
.iframe-promotion .bg-gray .head-desc {
  margin-left: 10px;
  color: #222;
  font-size: 16px;
}
.iframe-promotion .white-gray {
  margin-bottom: 10px;
  background: #fff;
}
.iframe-promotion .white-gray .inset-1px-white {
  padding: 0 10px 10px 0;
}
.iframe-promotion .bg-gray {
  margin-bottom: 20px;
  background: #dedede;
}
.iframe-promotion .promotion-list {
  padding: 20px;
  margin-bottom: 20px;
  color: #333;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
}
.iframe-promotion .promotion-list:nth-child(n+2) {
  border-top: 1px solid #fff;
}
.iframe-promotion .promotion-list .pure-u-1-3 {
  width: 30%;
}
.iframe-promotion .promotion-list .pure-u-2-3 {
  width: 69%;
}
.iframe-promotion .promotion-list h2 {
  margin-bottom: 10px;
  font-weight: bold;
}
.iframe-promotion .promotion-list .info {
  padding: 10px;
  color: #333;
  background: #f2f2f2;
}
.iframe-promotion .promotion-list .info a {
  color: #e37b00;
}
.iframe-promotion .promotion-list .info .phone,
.iframe-promotion .promotion-list .info .address,
.iframe-promotion .promotion-list .info .web {
  font-size: 13px;
  line-height: 1.8;
}

.iframe-company-news .box-shadow,
.iframe-company-milestone .box-shadow {
  padding: 0;
  margin-top: 20px;
}
.iframe-company-news .bg-gray,
.iframe-company-milestone .bg-gray {
  padding: 0;
  margin-bottom: 20px;
  background: #dedede;
}
.iframe-company-news .list:nth-child(odd),
.iframe-company-milestone .list:nth-child(odd) {
  background: #f2f2f2;
}
.iframe-company-news .list:nth-child(even),
.iframe-company-milestone .list:nth-child(even) {
  background: #fbfbfb;
}
.iframe-company-news .list:first-child,
.iframe-company-milestone .list:first-child {
  background: #e72510;
}
.iframe-company-news .list .date,
.iframe-company-milestone .list .date {
  width: 14%;
  color: #2683a2;
  text-align: left;
}
.iframe-company-news .list .title,
.iframe-company-milestone .list .title {
  width: 85%;
}
.iframe-company-news .list div,
.iframe-company-milestone .list div {
  min-height: auto;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #ccc;
  border-right: none;
}
.iframe-company-news .list div:first-child,
.iframe-company-milestone .list div:first-child {
  border-left: none;
}
.iframe-company-news .head,
.iframe-company-milestone .head {
  background: #e72510;
}
.iframe-company-news .head .date,
.iframe-company-milestone .head .date {
  color: #fff;
}
.iframe-company-news .head div,
.iframe-company-milestone .head div {
  min-height: auto;
  padding: 0 10px;
  margin: 10px 0;
  color: #fff;
  font-weight: bold;
  border-left: 1px solid #ccc;
}
.iframe-company-news .head div:first-child,
.iframe-company-milestone .head div:first-child {
  border-left: none;
}

.iframe-company-news-content h2 {
  margin-bottom: 0;
}
.iframe-company-news-content .date {
  color: #2683a2;
  text-align: right;
}
.iframe-company-news-content p {
  margin-bottom: 20px;
}

.iframe-service-download .last-update {
  margin-bottom: 20px;
}
.iframe-service-download .box-shadow {
  padding: 0;
}
.iframe-service-download .bg-gray {
  padding: 0;
  margin-bottom: 20px;
  background: #dedede;
}
.iframe-service-download .list:nth-child(odd) {
  background: #f2f2f2;
}
.iframe-service-download .list:nth-child(even) {
  background: #fbfbfb;
}
.iframe-service-download .list:first-child {
  color: #fff;
  background: #e72510;
}
.iframe-service-download .list .link {
  width: 12%;
  text-align: center;
  border-right: none;
}
.iframe-service-download .list .date {
  color: #2683a2;
  width: 15%;
}
.iframe-service-download .list .title {
  width: 50%;
}
.iframe-service-download .list .size {
  width: 20%;
  color: #4b4b4b;
}
.iframe-service-download .list div {
  min-height: 38px;
  padding: 0 10px;
  margin: 10px 0;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #ccc;
}
.iframe-service-download .head {
  font-weight: bold;
  background: #dfdfdf;
}
.iframe-service-download .head .date {
  color: #fff;
}
.iframe-service-download .head .size {
  color: #fff;
}
.iframe-service-download .head .link {
  border-left: none;
}
.iframe-service-download .head div {
  min-height: 22px;
  padding: 0 10px;
  margin: 10px 0;
}