@charset "UTF-8";
/*body
  position: fixed*/
/*-- Member Login Layout ----------------------------------*/

*::-ms-backdrop, .wrapMaintenanceLogin {
  height: 584px; }

.mainMember {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px 5px 0px 0px;
  margin: 30px auto;
  overflow: hidden; }
  .mainMember .memberTitle {
    margin: 0 auto;
    margin-bottom: 10px; }
  .mainMember .memberBox {
    margin: 0 auto; }
    .mainMember .memberBox .memberForm {
      margin: 0 auto;
      overflow: hidden; }

/*-- Member header Btn----------------------------------*/
.navMaintenance, .navSell {
  width: 740px; }

.headMemberName {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 16px;
  text-align: left;
  float: left;
  margin: 14px 5px 14px 0px;
  height: 25px; }
  .headMemberName strong {
    margin-right: 10px; }
  .headMemberName svg {
    width: 16px;
    height: 16px; }
    .headMemberName svg path.user {
      fill: #fff; }

.memberBtnBox {
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  margin: 11px 0px;
  height: 25px; }
  .memberBtnBox a {
    float: left;
    color: #de0e0d;
    font-weight: bold;
    font-size: 13px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 16px;
    text-align: left;
    text-decoration: none;
    padding: 0px 15px 0px 35px;
    margin-top: 5px;
    position: relative; }
    .memberBtnBox a svg {
      width: 16px;
      height: 16px;
      position: absolute;
      top: 0px;
      left: 15px; }
      .memberBtnBox a svg path.btnIcon {
        fill: #de0e0d; }
      .memberBtnBox a svg path.user {
        fill: #de0e0d; }
    .memberBtnBox a:hover {
      text-decoration: underline; }
    .memberBtnBox a:first-child {
      border-right: 1px solid #de0e0d; }

/*-- Member header Btn Phone----------------------------------*/
.tabNavIndex1stContentOtherLink ul li div.memberBtnBox, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox {
  width: 137px;
  margin: 10px auto;
  display: block;
  background-color: unset; }
  .tabNavIndex1stContentOtherLink ul li div.memberBtnBox a, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox a, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox a {
    width: auto;
    margin-left: 5px;
    font-size: 15px;
    color: #de0e0d;
    line-height: 18px; }
    .tabNavIndex1stContentOtherLink ul li div.memberBtnBox a svg, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox a svg, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox a svg {
      top: 1px;
      left: unset;
      margin-left: -19px; }

/*-- Mumber Longin ------------------------------*/
.topInformation {
  overflow: hidden; }

.topInformation div {
  float: left; }

.memberContent {
  margin-bottom: 0px;
  display: block;
  overflow: hidden; }

.userDetail .modifyFrom {
  width: 100%; }

/*-- Footer sitemapContent ------------------------------*/

.servicePhone a {
  display: inline-block;
  text-decoration: none;
  color: #fff; }

.lightbox {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  -webkit-animation-name: example;
  -webkit-animation-duration: .5s;
  animation-name: example;
  animation-duration: .5s; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    top: -100%; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0%; } }

/* Standard syntax */
@keyframes example {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    top: -100%; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0%; } }

.lightbox-body {
  display: block;
  position: absolute;
  height: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 10px; }
  .lightbox-body a.wrong {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1; }
    .lightbox-body a.wrong svg {
      width: 20px;
      height: 20px; }
      .lightbox-body a.wrong svg path.wrong {
        fill: #2f2d30; }
    .lightbox-body a.wrong:hover svg path.wrong {
      fill: #1A73E8; }
  .lightbox-body h2 {
    width: 170px;
    height: 90px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 90px;
    text-align: center;
    background-color: #1A73E8; }
  .lightbox-body h3 {
    color: #2f2d30;
    font-weight: bold;
    font-size: 36px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 42px;
    text-align: center; }
    .lightbox-body h3 span {
      font-size: 30px; }
  .lightbox-body p {
    color: #2f2d30;
    font-weight: normal;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 24px;
    text-align: left;
    margin-bottom: 20px; }
    .lightbox-body p strong {
      font-size: 24px;
      font-weight: bold;
      margin: 0px 10px;
      display: inline-block; }
      .lightbox-body p strong a {
        color: #2f2d30; }
    .lightbox-body p.mark {
      color: #de0e0d; }
  .lightbox-body h4 {
    margin: 15px 0px;
    color: #2f2d30;
    font-weight: bold;
    font-size: 28px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 32px;
    text-align: left; }
    .lightbox-body h4::before {
      content: '';
      border-top: 0.3px solid #2f2d30;
      display: block;
      width: 100%;
      padding-bottom: 30px; }
  .lightbox-body h5 {
    color: #2f2d30;
    font-weight: bold;
    font-size: 30px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 32px;
    text-align: left;
    margin-bottom: 25px; }
    .lightbox-body h5 svg {
      width: 32px;
      height: 32px;
      margin-bottom: -4px; }
      .lightbox-body h5 svg path.forgetIcon {
        fill: #1A73E8; }
  .lightbox-body .alertIcon {
    width: 100px;
    height: 100px;
    margin: 20px auto 35px; }
    .lightbox-body .alertIcon svg path.alertIconPic {
      fill: #d4d4d4; }
    .lightbox-body .alertIcon svg circle.alertIconPic {
      fill: #d4d4d4; }
  .lightbox-body .formButton {
    height: 46px;
    width: 100%;
    display: inline-block;
    margin: 25px auto; }
    .lightbox-body .formButton a {
      margin: 0px auto; }
  .lightbox-body .centerBtn {
    display: inline-block;
    width: 372px;
    height: 46px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 25px auto; }
    .lightbox-body .centerBtn a {
      margin: 1px 10px;
      float: left; }
  .lightbox-body .leftBtn {
    margin: 25px auto; }
    .lightbox-body .leftBtn a {
      margin: 0px 20px 0px 0px;
      float: left; }
  .lightbox-body .form-group {
    position: relative; }
    .lightbox-body .form-group svg {
      width: 24px;
      height: 28px;
      position: absolute;
      top: 6px;
      left: 6px; }
      .lightbox-body .form-group svg path {
        fill: #d4d4d4; }
    .lightbox-body .form-group input {
      width: calc(100% - 48px);
      height: 40px;
      border: 0.5px solid #959595;
      padding: 0px 10px 0px 36px;
      color: #2f2d30;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 40px;
      text-align: left;
      outline: none; }
      .lightbox-body .form-group input::-webkit-input-placeholder {
        font-weight: normal;
        font-size: 15px;
        color: #c9c9c9; }
      .lightbox-body .form-group input:-moz-placeholder {
        font-weight: normal;
        font-size: 15px;
        color: #c9c9c9; }
      .lightbox-body .form-group input::-moz-placeholder {
        font-weight: normal;
        font-size: 15px;
        color: #c9c9c9; }
      .lightbox-body .form-group input:-ms-input-placeholder {
        font-weight: normal;
        font-size: 15px;
        color: #c9c9c9; }
      .lightbox-body .form-group input:focus {
        border-color: #90caf9;
        box-shadow: 0px 0px 2px #90caf9; }

/*--memberRule-------------------*/
.memberRule {
  position: relative; }
  .memberRule h3 {
    text-align: left;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 40px; }
  .memberRule .formButton {
    margin: 0px auto; }
  .memberRule div.ruleContent {
    overflow-x: auto;
    color: #2f2d30;
    font-weight: normal;
    font-size: 15px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left;
    margin-bottom: 20px; }
    .memberRule div.ruleContent h4 {
      font-size: 18px;
      color: #1A73E8; }
      .memberRule div.ruleContent h4::before {
        content: '';
        border-top: unset;
        width: 0%;
        padding-bottom: 0px; }
    .memberRule div.ruleContent ul li {
      margin-bottom: 20px;
      list-style-type: decimal;
      margin-left: 20px; }
      .memberRule div.ruleContent ul li ul.includeList {
        margin-top: 20px; }
        .memberRule div.ruleContent ul li ul.includeList li {
          list-style-type: upper-roman;
          margin-bottom: 15px; }

/*--DoubleBtn-------------------*/
.DoubleBtn {
  padding-bottom: 136px; }

/*--inputBox-------------------*/

/*--fontSize15-------------------*/
.lightbox-body p.fontSize15 {
  font-size: 15px;
  margin-top: -10px; }

/*--memberFormContent-------------------*/
.lightbox-bodyFormContent {
  display: block;
  position: absolute;
  height: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: unset; }

.keyInfolightbox {
  display: none;
  background-color: rgba(26, 115, 232, 0.8);
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  -webkit-animation-name: example;
  -webkit-animation-duration: .5s;
  animation-name: example;
  animation-duration: .5s; }

.keyInfo {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #cbcdce;
  z-index: 9999; }
  .keyInfo .form-group input {
    width: 100%; }

/*-- Member Login Form ----------------------------------*/
.lightbox-bodyLogin {
  background-color: #eceded;
  overflow-y: scroll;
  border-radius: 0px; }
  .lightbox-bodyLogin .memberTitle h2 {
    width: 170px;
    height: 90px;
    display: block;
    margin-top: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 90px;
    text-align: center;
    background-color: #1A73E8; }
  .lightbox-bodyLogin .memberForm h4::before {
    content: '';
    border-top: unset;
    width: 0%;
    padding-bottom: 0px; }
  .lightbox-bodyLogin .memberForm h4.memberLoginTitle {
    color: #2f2d30;
    font-weight: bold;
    font-size: 30px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 32px;
    text-align: left;
    margin: 20px 0px; }

.memberBox .form-group {
  margin: 12px 0px;
  position: relative;
  overflow: hidden; }
  .memberBox .form-group svg {
    width: 24px;
    height: 28px;
    position: absolute;
    top: 6px;
    left: 6px; }
  .memberBox .form-group path.inputIcon {
    fill: #d4d4d4;
    overflow: hidden; }
  .memberBox .form-group input {
    width: 100%;
    height: 40px;
    border: 0.5px solid #959595;
    padding: 0px 10px 0px 36px;
    color: #2f2d30;
    font-weight: bold;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 40px;
    text-align: left;
    outline: none; }
    .memberBox .form-group input::-webkit-input-placeholder {
      font-weight: normal; }
    .memberBox .form-group input:-moz-placeholder {
      font-weight: normal; }
    .memberBox .form-group input::-moz-placeholder {
      font-weight: normal; }
    .memberBox .form-group input:-ms-input-placeholder {
      font-weight: normal; }
    .memberBox .form-group input:focus {
      border-color: #90caf9;
      box-shadow: 0px 0px 2px #90caf9; }
    .memberBox .form-group input.errorLine {
      border-color: #ff5756;
      box-shadow: 0px 0px 2px #ff5756; }
      .memberBox .form-group input.errorLine::-webkit-input-placeholder {
        color: #ff5f5e; }
      .memberBox .form-group input.errorLine:-moz-placeholder {
        color: #ff5f5e; }
      .memberBox .form-group input.errorLine::-moz-placeholder {
        color: #ff5f5e; }
      .memberBox .form-group input.errorLine:-ms-placeholder {
        color: #ff5f5e; }
      .memberBox .form-group input.errorLine:focus {
        border-color: #90caf9;
        box-shadow: 0px 0px 2px #90caf9; }
        .memberBox .form-group input.errorLine:focus::-webkit-input-placeholder {
          color: #c9c9c9; }
        .memberBox .form-group input.errorLine:focus:-moz-placeholder {
          color: #c9c9c9; }
        .memberBox .form-group input.errorLine:focus::-moz-placeholder {
          color: #c9c9c9; }
        .memberBox .form-group input.errorLine:focus:-ms-placeholder {
          color: #c9c9c9; }
    .memberBox .form-group input[type="checkbox"] {
      width: 20px;
      height: 20px; }
  .memberBox .form-group label {
    color: #1A73E8;
    font-weight: normal;
    font-size: 15px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left; }
    .memberBox .form-group label a {
      color: #1A73E8;
      font-weight: normal;
      font-size: 15px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 20px;
      text-align: left; }

input[type=checkbox]:not(old) {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0; }

input[type=checkbox]:not(old) + label {
  display: inline-block;
  margin-left: -24px;
  padding-left: 24px;
  line-height: 20px;
  background: url("../images/member/checkbox.svg") no-repeat 0 0; }

input[type=checkbox]:not(old):checked + label {
  background: url("../images/member/checkbox-active.svg") no-repeat 0 0; }

.forgetPassPhone {
  overflow: hidden; }
  .forgetPassPhone ul {
    display: inline-block; }
    .forgetPassPhone ul li {
      float: left; }
      .forgetPassPhone ul li a {
        display: block;
        color: #1A73E8;
        font-weight: normal;
        font-size: 15px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 20px;
        text-align: left;
        padding-left: 25px;
        margin-right: 20px;
        position: relative;
        text-decoration: none; }
        .forgetPassPhone ul li a svg {
          width: 20px;
          height: 20px;
          position: absolute;
          top: 0px;
          left: 0px; }
          .forgetPassPhone ul li a svg path.forgetIcon {
            fill: #1A73E8; }
      .forgetPassPhone ul li a:hover {
        text-decoration: underline; }

.formButton {
  clear: both; }
  .formButton a {
    width: 160px;
    padding: 10px 0px;
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 18px;
    text-align: center;
    background-color: #1A73E8;
    border: 3px solid #1A73E8;
    text-decoration: none;
    margin: 25px 0px; }
    .formButton a.gray {
      background-color: #d1d1d1;
      border: 3px solid #d1d1d1;
      color: #545454; }
  .formButton a:hover {
    background-color: unset;
    border: 3px solid #1A73E8;
    color: #1A73E8; }
    .formButton a:hover.gray {
      background-color: unset;
      border: 3px solid #d1d1d1;
      color: rgba(84, 84, 84, 0.7); }

/*-------------------------*/

/*-- top Information --------------------------*/
.topInformation {
  position: relative; }

.nameMail {
  height: 35px; }
  .nameMail ul li {
    float: left;
    color: #2f2d30;
    font-weight: normal;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 35px;
    text-align: left;
    position: relative; }
    .nameMail ul li svg {
      position: absolute; }
      .nameMail ul li svg path.formIcon {
        fill: #2f2d30; }
    .nameMail ul li strong {
      font-weight: bold;
      margin-right: 10px; }
    .nameMail ul li a {
      color: #1A73E8;
      font-weight: normal;
      font-size: 16px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 20px;
      text-align: left; }
      .nameMail ul li a:hover {
        text-decoration: none; }
    .nameMail ul li.mail a {
      color: #1A73E8;
      font-weight: normal;
      font-size: 16px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 20px;
      text-align: left; }
      .nameMail ul li.mail a:hover {
        text-decoration: none; }
    .nameMail ul li.logOut {
      margin-left: 30px; }

.backHome a {
  display: block;
  float: right;
  width: 140px;
  height: 35px;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 28px;
  text-align: center;
  background-color: #de0e0d;
  text-decoration: none;
  border: 3px solid #de0e0d; }
  .backHome a:hover {
    background-color: unset;
    color: #de0e0d; }

.backHome a.backHome-M {
  display: none;
  width: 35px; }

/*--User Detail Form-----------*/
.userDetail {
  border-radius: 5px;
  background-color: #fff; }
  .userDetail p {
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left;
    padding-left: 15px;
    position: relative; }
    .userDetail p.route {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 35px;
      padding-left: 0px; }
    .userDetail p strong {
      color: #1A73E8;
      font-size: 24px;
      margin: 0px 10px;
      font-weight: bold; }
      .userDetail p strong.starMark {
        position: absolute;
        top: 4px;
        left: -8px; }
    .userDetail p.note {
      font-size: 15px;
      color: #1A73E8;
      margin-bottom: 10px; }
    .userDetail p.remind {
      font-size: 13px;
      color: #1A73E8;
      width: auto;
      float: none; }
    .userDetail p.infText {
      font-size: 18px;
      line-height: 34px;
      font-weight: normal;
      width: auto;
      float: left;
      margin-left: -15px;
      margin-right: 15px; }

.modify-Group {
  width: 100%;
  padding: 8px 0px;
  border-bottom: 1px solid #eceded;
  overflow: hidden; }
  .modify-Group p {
    color: #2f2d30;
    font-weight: bold;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 34px;
    text-align: left;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px; }
  .modify-Group input {
    height: 34px;
    border: 1px solid #bfbfbf;
    padding: 0px 10px;
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 34px;
    text-align: left;
    outline: none; }
    .modify-Group input:focus {
      border-color: #90caf9;
      box-shadow: 0px 0px 2px #90caf9; }
  .modify-Group label {
    position: relative; }
    .modify-Group label input.radioBtn {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0px;
      left: 0px; }
      .modify-Group label input.radioBtn:focus {
        border-color: unset;
        box-shadow: none; }
    .modify-Group label span {
      color: #2f2d30;
      line-height: 34px; }
  .modify-Group select {
    height: 34px;
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 34px;
    text-align: left; }
    .modify-Group select:focus {
      border-color: #90caf9;
      box-shadow: 0px 0px 2px #90caf9; }
  .modify-Group div.date span {
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 34px;
    text-align: left;
    margin-right: 10px; }
  .modify-Group div.date input.years {
    text-align: center; }

.modifyFrom {
  position: relative; }
  .modifyFrom .formButton {
    width: 100%;
    margin: 0px auto; }
    .modifyFrom .formButton a {
      margin: 0px auto; }
  .modifyFrom .leftBtn {
    position: absolute; }
    .modifyFrom .leftBtn a {
      margin: 0px auto;
      display: inline-block;
      padding: 5px 0px;
      float: unset; }
  .modifyFrom .ConfirmFixBox {
    display: none; }

_:-ms-fullscreen .modify-Group label input.radioBtn, :root .modify-Group label input.radioBtn {
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0px; }

.navBox div.btnTitleClass {
  width: 100%;
  position: relative;
  margin: 10px 0px 1px 0px;
  color: #1A73E8;
  font-weight: bold;
  font-size: 18px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 18px;
  text-align: left; }
  .navBox div.btnTitleClass:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #1A73E8;
    top: -10px;
    left: 0px; }
  .navBox div.btnTitleClass:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #1A73E8;
    left: 0px; }
  .navBox div.btnTitleClass strong {
    width: 9px;
    height: 9px;
    background-color: #1A73E8;
    border-radius: 5px;
    display: block;
    margin: 5px 5px;
    float: left; }

.navBox ul {
  overflow: hidden; }
  .navBox ul > li {
    border-bottom: 1px solid #2f2f2f; }
    .navBox ul > li a {
      display: block;
      color: #2f2f2f;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: left;
      text-decoration: none;
      position: relative; }
      .navBox ul > li a .arrow, .navBox ul > li a .downArrow {
        position: absolute;
        right: 35px;
        display: block;
        width: 8px;
        height: 10px;
        border-style: solid;
        line-height: 0px;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
      .navBox ul > li a .arrow {
        border-width: 5px 0 5px 8px;
        border-color: transparent transparent transparent #2f2f2f;
        _border-color: #000000 #000000 #000000 #2f2f2f; }
      .navBox ul > li a .downArrow {
        border-width: 8px 5px 0 5px;
        border-color: #2f2f2f transparent transparent transparent;
        _border-color: #2f2f2f #000000 #000000 #000000; }
      .navBox ul > li a:hover {
        color: #fff;
        background-color: #2f2f2f; }
        .navBox ul > li a:hover .arrow {
          _border-color: #000000 #000000 #000000 #ffffff;
          border-color: transparent transparent transparent #ffffff; }
        .navBox ul > li a:hover .downArrow {
          border-color: #ffffff transparent transparent transparent;
          _border-color: #ffffff #000000 #000000 #000000; }
      .navBox ul > li a.watch {
        color: #fff;
        background-color: #2f2f2f; }
    .navBox ul > li ul li {
      border-bottom: 1px dashed #cacaca; }
      .navBox ul > li ul li:last-child {
        border-bottom: none; }
    .navBox ul > li ul.historyDetail {
      overflow: hidden;
      max-height: 0;
      transition: max-height 1s; }
    .navBox ul > li ul.openActive {
      display: block;
      max-height: 999px;
      border-top: 1px solid #2f2f2f; }

/*--btnMemberMenu_m-------------------------------*/
.headNav {
  background-color: #eee; }

.btnMemberMenu_m {
  width: 39px;
  height: 31px;
  overflow: hidden; }
  .btnMemberMenu_m img {
    width: 100%; }

.btnMemberMenuContent_m {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 100; }

/* topNavBtn mobile*/
.topNav-M {
  display: none;
  width: 100%;
  height: 35px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 56px;
  z-index: 5; }
  .topNav-M.active {
    display: block; }
  .topNav-M ul {
    background: linear-gradient(90deg, #ae0507 5%, #e40d0e 53%);
    background: -o-linear-gradient(90deg, #ae0507 5%, #e40d0e 53%);
    overflow: hidden; }
    .topNav-M ul li {
      width: calc(100% / 4);
      float: left; }
      .topNav-M ul li p {
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 35px;
        text-align: center; }
      .topNav-M ul li.topNavIndex1stFocus, .topNav-M ul li.topNavIndex2ndFocus, .topNav-M ul li.topNavIndex3rdFocus, .topNav-M ul li.topNavIndex4rdFocus {
        -webkit-transform: skew(-22deg, 0deg);
        -ms-transform: skew(-22deg, 0deg);
        transform: skew(-22deg, 0deg);
        background: linear-gradient(90deg, #e40d0e 35%, #ae0507 100%);
        background: -o-linear-gradient(90deg, #e40d0e 35%, #ae0507 100%); }
        .topNav-M ul li.topNavIndex1stFocus p, .topNav-M ul li.topNavIndex2ndFocus p, .topNav-M ul li.topNavIndex3rdFocus p, .topNav-M ul li.topNavIndex4rdFocus p {
          background: url(../images/mobile/bgTopNavIndexFocus.svg) no-repeat top right;
          background-size: contain;
          margin-left: -25px;
          -webkit-transform: skew(22deg, 0deg);
          -ms-transform: skew(22deg, 0deg);
          transform: skew(22deg, 0deg); }

/* topNav Content */
.topNavConetntBox {
  width: 100%;
  height: auto;
  position: absolute;
  top: 90px;
  background-color: #de0e0d;
  z-index: 4;
  display: none; }
  .topNavConetntBox.active {
    display: block; }

.topNav1stContent, .topNav2ndContent, .topNav3rdContent, .topNav4rdContent {
  display: none; }
  .topNav1stContent ul, .topNav2ndContent ul, .topNav3rdContent ul, .topNav4rdContent ul {
    width: 100%;
    padding: 15px 0px; }
    .topNav1stContent ul li, .topNav2ndContent ul li, .topNav3rdContent ul li, .topNav4rdContent ul li {
      width: 100%;
      background: url(../images/mobile/appDlLine_m.png) no-repeat center bottom; }
      .topNav1stContent ul li a, .topNav2ndContent ul li a, .topNav3rdContent ul li a, .topNav4rdContent ul li a {
        display: block;
        text-decoration: none;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 48px;
        text-align: center; }

.DropDown {
  padding: 0px 20px; }
  .DropDown ul {
    padding: 0px; }
    .DropDown ul li a {
      color: #de0e0d; }

.topNav1stContent a.PocketList {
  display: block;
  width: 90%;
  height: 46px;
  margin: 0px auto;
  background-color: #46a2bb;
  background-size: 100%;
  text-decoration: none;
  border-radius: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 46px;
  text-align: center; }
  .topNav1stContent a.PocketList svg {
    width: 20px;
    height: 16px; }

/* topNavtContent Link */
.topNavtContentLink {
  width: 92%;
  height: auto;
  margin: 10px auto;
  background-color: #de0e0d;
  overflow: hidden; }
  .topNavtContentLink ul li {
    width: calc(96% / 2);
    margin: 0px 1%;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px; }
    .topNavtContentLink ul li a {
      display: block;
      color: #de0e0d;
      font-weight: normal;
      font-size: 16px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 36px;
      text-align: center;
      text-decoration: none; }
      .topNavtContentLink ul li a svg {
        width: 16px;
        height: 16px; }
        .topNavtContentLink ul li a svg path {
          fill: #de0e0d; }
    .topNavtContentLink ul li.fb {
      width: 98%;
      margin: 0px 1%;
      margin-bottom: 10px;
      background-color: #3b5992; }
      .topNavtContentLink ul li.fb a {
        color: #fff; }
        .topNavtContentLink ul li.fb a svg {
          width: 16px;
          height: 16px; }
          .topNavtContentLink ul li.fb a svg path {
            fill: #fff; }

.buyCarWrap {
  min-height: 660px; }

.searchBox {
  margin-bottom: 20px; }
  .searchBox p {
    color: #2f2d30;
    font-weight: bold;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 34px;
    text-align: left;
    padding-left: 0px;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 5px; }
  .searchBox .searchArea {
    color: #2f2d30;
    font-weight: bold;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 34px;
    text-align: left; }
    .searchBox .searchArea input {
      width: 80px;
      height: 34px;
      border: 1px solid #bfbfbf;
      padding: 0px 10px;
      color: #2f2d30;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 34px;
      text-align: left;
      outline: none; }
    .searchBox .searchArea .buyCarButton {
      display: inline-block;
      width: unset;
      margin: 0px;
      height: 30px; }
      .searchBox .searchArea .buyCarButton a {
        width: 70px;
        padding: 5px 0px;
        display: block;
        color: #fff;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 18px;
        text-align: center;
        background-color: #1A73E8;
        border: 3px solid #1A73E8;
        text-decoration: none; }
        .searchBox .searchArea .buyCarButton a:hover {
          background-color: unset;
          border: 3px solid #1A73E8;
          color: #1A73E8; }

.buyCarInfoFrom {
  padding-bottom: 5px;
  overflow: hidden;
  border-bottom: 1px solid #959595; }
  .buyCarInfoFrom h3 {
    width: 100%;
    color: #1A73E8;
    font-weight: bold;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 48px;
    text-align: left;
    border-top: 1px solid #959595;
    border-bottom: 3px solid #1A73E8;
    padding-left: 10px;
    margin-bottom: 5px; }
  .buyCarInfoFrom .buyCarDetail ul li {
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left;
    border-bottom: 1px solid #eceded;
    padding: 8px 10px 8px 140px;
    position: relative; }
    .buyCarInfoFrom .buyCarDetail ul li strong {
      position: absolute;
      left: 10px;
      width: 110px;
      font-size: 18px;
      font-weight: bold;
      display: inline-block;
      margin-right: 30px;
      text-align: justify;
      -moz-text-align-last: justify;
      text-align-last: justify; }
      .buyCarInfoFrom .buyCarDetail ul li strong:after {
        display: inline-block;
        content: '';
        overflow: hidden;
        width: 100%;
        height: 0; }
    .buyCarInfoFrom .buyCarDetail ul li:nth-child(even) {
      background-color: #eee; }

.yesBtn {
  width: 100%;
  margin-top: 15px; }
  .yesBtn a {
    float: right;
    display: block;
    border: 1px solid #1A73E8;
    color: #1A73E8;
    font-weight: bold;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left;
    padding: 11px 21px; }
    .yesBtn a img {
      width: 50px;
      margin: 0px 5px; }
    .yesBtn a:hover {
      padding: 10px 20px;
      border: 2px solid #1A73E8; }

.maintenanceWrap {
  width: 100%; }
  .maintenanceWrap .Searchbox {
    margin: 0 auto;
    overflow: hidden; }
    .maintenanceWrap .Searchbox h3 {
      margin-top: 20px;
      color: #1A73E8;
      font-weight: bold;
      font-size: 24px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 28px;
      text-align: center; }
      .maintenanceWrap .Searchbox h3 strong {
        display: block;
        color: #2f2d30;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 24px;
        text-align: center;
        padding: 10px 0px; }
    .maintenanceWrap .Searchbox .searchArea {
      color: #2f2d30;
      font-weight: bold;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 34px;
      text-align: left;
      margin-bottom: 10px; }
      .maintenanceWrap .Searchbox .searchArea p {
        color: #2f2d30;
        font-weight: bold;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 18px;
        text-align: left;
        padding-left: unset;
        display: inline-block;
        margin-bottom: 5px; }
        .maintenanceWrap .Searchbox .searchArea p.warning {
          display: block;
          padding-left: 88px;
          font-size: 15px;
          font-weight: normal;
          color: #1A73E8; }
        .maintenanceWrap .Searchbox .searchArea p .starMark {
          position: absolute;
          top: 4px;
          left: 66px; }
      .maintenanceWrap .Searchbox .searchArea input {
        height: 34px;
        border: 1px solid #bfbfbf;
        padding: 0px 10px;
        color: #2f2d30;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 34px;
        text-align: left;
        outline: none;
        width: calc(100% - 80px); }
        .maintenanceWrap .Searchbox .searchArea input.carNumber {
          width: 80px; }
    .maintenanceWrap .Searchbox .buyCarButton {
      width: 100%; }
      .maintenanceWrap .Searchbox .buyCarButton a {
        width: 150px;
        padding: 5px 0px;
        display: block;
        color: #fff;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 18px;
        text-align: center;
        background-color: #1A73E8;
        border: 3px solid #1A73E8;
        text-decoration: none;
        margin: 20px auto; }
        .maintenanceWrap .Searchbox .buyCarButton a:hover {
          background-color: unset;
          border: 3px solid #1A73E8;
          color: #1A73E8; }
  .maintenanceWrap .maintenanceForm h3, .maintenanceWrap .carResume h3 {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #1A73E8;
    font-weight: bold;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 28px;
    text-align: center; }
    .maintenanceWrap .maintenanceForm h3:before, .maintenanceWrap .carResume h3:before {
      display: block;
      width: calc(50% - 60px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: left; }
    .maintenanceWrap .maintenanceForm h3:after, .maintenanceWrap .carResume h3:after {
      display: block;
      width: calc(50% - 60px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: right; }
  .maintenanceWrap .maintenanceForm {
    margin-bottom: 40px; }
    .maintenanceWrap .maintenanceForm table {
      width: 100%; }
      .maintenanceWrap .maintenanceForm table tr {
        border-bottom: 1px dashed #959595; }
        .maintenanceWrap .maintenanceForm table tr td {
          padding: 8px 0px; }
          .maintenanceWrap .maintenanceForm table tr td.carNo {
            width: calc(40% - 5px);
            padding-left: 5px;
            color: #2f2d30;
            font-weight: bold;
            font-size: 15px;
            font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
            line-height: 18px;
            text-align: left; }
          .maintenanceWrap .maintenanceForm table tr td.phone {
            width: 40%;
            color: #2f2d30;
            font-weight: bold;
            font-size: 15px;
            font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
            line-height: 18px;
            text-align: left; }
          .maintenanceWrap .maintenanceForm table tr td.delete {
            width: 20%;
            position: relative; }
            .maintenanceWrap .maintenanceForm table tr td.delete svg {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 15px;
              height: 15px;
              margin: 0px auto;
              cursor: pointer; }
              .maintenanceWrap .maintenanceForm table tr td.delete svg path.wrong {
                fill: #1A73E8; }
        .maintenanceWrap .maintenanceForm table tr.topTitle {
          border-top: 1px dotted #959595;
          border-bottom: 2px solid #1A73E8; }
          .maintenanceWrap .maintenanceForm table tr.topTitle .topTitleFont {
            background-color: #eceded;
            color: #1A73E8;
            font-weight: bold;
            font-size: 15px;
            font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
            line-height: 18px;
            text-align: left; }
          .maintenanceWrap .maintenanceForm table tr.topTitle .delete {
            text-align: center; }

/*carResume------------------------------*/

.carResume p {
  padding-left: 0px;
  text-align: center; }

.carResume .choiceBox p {
  display: block;
  color: #2f2d30;
  font-weight: bold;
  font-size: 18px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 24px;
  text-align: left;
  padding: 4px 0px;
  margin: 10px 0px; }

.carResume .choiceBox .searchArea p {
  margin: 0px;
  float: left;
  color: #2f2d30;
  font-weight: bold;
  font-size: 18px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 24px;
  text-align: left;
  padding: 5px 5px 5px 0px; }

.carResume .choiceBox .searchArea select {
  width: 115px;
  display: inline-block;
  float: left;
  height: 34px;
  border: 1px solid #bfbfbf;
  padding: 0px 10px;
  color: #2f2d30;
  font-weight: normal;
  font-size: 15px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 34px;
  text-align: left; }

.carResume .choiceBox .searchArea .buyCarButton {
  width: 100%; }
  .carResume .choiceBox .searchArea .buyCarButton a {
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 18px;
    text-align: center;
    background-color: #1A73E8;
    border: 3px solid #1A73E8;
    text-decoration: none;
    margin-left: 10px; }
    .carResume .choiceBox .searchArea .buyCarButton a:hover {
      background-color: unset;
      border: 3px solid #1A73E8;
      color: #1A73E8; }

.carResume ul {
  display: block;
  width: 100%;
  overflow: hidden; }
  .carResume ul li {
    float: left;
    color: #2f2d30;
    font-weight: normal;
    font-size: 15px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 18px;
    text-align: left; }
    .carResume ul li:nth-last-child {
      border-bottom: unset; }
    .carResume ul li.seeDetail {
      position: relative; }
      .carResume ul li.seeDetail svg {
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        margin: 0px auto;
        cursor: pointer; }
    .carResume ul li.detailbox {
      display: none;
      width: 100%;
      border-top: 1px dashed #959595;
      background-color: #eceded; }
      .carResume ul li.detailbox table {
        border-collapse: collapse;
        width: 100%; }
        .carResume ul li.detailbox table tr:nth-child(even) {
          background-color: #eff6ff; }
        .carResume ul li.detailbox table tr:nth-child(odd) {
          background-color: #fff; }
        .carResume ul li.detailbox table th, .carResume ul li.detailbox table td {
          border: 1px solid #e5e5e5;
          text-align: left;
          padding: 8px; }
          .carResume ul li.detailbox table th.productName, .carResume ul li.detailbox table td.productName {
            word-wrap: break-word;
            word-break: break-all; }
        .carResume ul li.detailbox table th {
          color: #1A73E8;
          font-weight: bold; }
  .carResume ul.resumeTitle {
    margin-top: 20px;
    background-color: #1A73E8;
    border: 1px solid #1A73E8; }
    .carResume ul.resumeTitle li {
      color: #fff;
      font-weight: bold;
      font-size: 15px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: left; }
      .carResume ul.resumeTitle li.seeDetail {
        text-align: center; }

.noDate {
  overflow: hidden;
  margin: 60px auto; }
  .noDate .iconNodata {
    width: 100px;
    height: 100px; }
    .noDate .iconNodata svg {
      fill: #1A73E8; }
  .noDate .infoNodata h5 {
    color: #1A73E8;
    font-weight: bold;
    font-size: 30px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 42px;
    text-align: left;
    margin-bottom: 5px; }
  .noDate .infoNodata p {
    color: #2f2d30;
    font-weight: normal;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 24px;
    text-align: left;
    margin: 0px; }

.recordFrom {
  padding-bottom: 0px;
  overflow: hidden;
  border-bottom: 1px solid #959595; }
  .recordFrom h3 {
    width: 100%;
    border-bottom: 3px solid #1A73E8;
    padding-left: 10px;
    color: #1A73E8;
    font-weight: bold;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 48px;
    text-align: left; }

.recordList li {
  overflow: hidden; }
  .recordList li:nth-child(even) {
    background-color: #eef2f7; }
    .recordList li:nth-child(even) dd {
      border-bottom: 1px dotted #c7c7c7; }
  .recordList li dt {
    color: #2f2d30;
    font-weight: bold;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 40px;
    text-align: left;
    color: #2f2d30; }
  .recordList li dd {
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left;
    border-bottom: 1px dotted #bfbfbf;
    padding: 8px 10px 8px 140px;
    position: relative; }
    .recordList li dd.col2 {
      float: left;
      color: #5e90d2; }
    .recordList li dd strong {
      position: absolute;
      left: 0px;
      width: 110px;
      font-size: 18px;
      font-weight: bold;
      display: inline-block;
      margin-right: 30px;
      text-align: justify;
      -moz-text-align-last: justify;
      text-align-last: justify; }
      .recordList li dd strong:after {
        display: inline-block;
        content: '';
        overflow: hidden;
        width: 100%;
        height: 0; }

.loanWrap {
  width: 100%; }
  .loanWrap .Searchbox {
    margin: 0 auto;
    overflow: hidden; }
    .loanWrap .Searchbox h3 {
      margin-top: 20px;
      color: #2f2d30;
      font-weight: bold;
      font-size: 24px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 28px;
      text-align: center; }
      .loanWrap .Searchbox h3 strong {
        display: block;
        color: #2f2d30;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 24px;
        text-align: cㄕㄧenter;
        padding: 10px 0px; }
    .loanWrap .Searchbox .searchArea {
      color: #2f2d30;
      font-weight: bold;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 34px;
      text-align: left;
      margin-bottom: 10px; }
      .loanWrap .Searchbox .searchArea p {
        color: #2f2d30;
        font-weight: bold;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 18px;
        text-align: left;
        padding-left: unset;
        display: inline-block;
        margin-bottom: 5px; }
        .loanWrap .Searchbox .searchArea p.warning {
          display: block;
          padding-left: 88px;
          font-size: 15px;
          font-weight: normal;
          color: #1A73E8; }
        .loanWrap .Searchbox .searchArea p .starMark {
          position: absolute;
          top: 4px;
          left: 66px; }
      .loanWrap .Searchbox .searchArea input {
        height: 34px;
        border: 1px solid #bfbfbf;
        padding: 0px 10px;
        color: #2f2d30;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 34px;
        text-align: left;
        outline: none;
        width: calc(100% - 175px); }
        .loanWrap .Searchbox .searchArea input.cusNumber {
          width: calc(100% - 77px); }
      .loanWrap .Searchbox .searchArea input.agreeTerms {
        width: 16px;
        height: 16px;
        opacity: 1;
        float: left;
        margin-top: 5px; }
      .loanWrap .Searchbox .searchArea p.termsContent {
        color: #545454;
        font-weight: normal;
        font-size: 15px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 26px;
        text-align: left;
        float: left;
        width: calc(100% - 20px);
        float: right; }
    .loanWrap .Searchbox .buyCarButton {
      width: 100%; }
      .loanWrap .Searchbox .buyCarButton a {
        width: 150px;
        padding: 5px 0px;
        display: block;
        color: #fff;
        font-weight: normal;
        font-size: 18px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 18px;
        text-align: center;
        background-color: #1A73E8;
        border: 3px solid #1A73E8;
        text-decoration: none;
        margin: 20px auto; }
        .loanWrap .Searchbox .buyCarButton a:hover {
          background-color: unset;
          border: 3px solid #1A73E8;
          color: #1A73E8; }
  .loanWrap .form h3.firstTitle, .loanWrap .loanSearch h3.firstTitle {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #1A73E8;
    font-weight: bold;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 28px;
    text-align: center; }
    .loanWrap .form h3.firstTitle:before, .loanWrap .loanSearch h3.firstTitle:before {
      display: block;
      width: calc(50% - 60px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: left; }
    .loanWrap .form h3.firstTitle:after, .loanWrap .loanSearch h3.firstTitle:after {
      display: block;
      width: calc(50% - 60px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: right; }
  .loanWrap .loanSearch h3.firstTitle:before {
    width: calc(50% - 85px); }
  .loanWrap .loanSearch h3.firstTitle:after {
    width: calc(50% - 85px); }
  .loanWrap .form {
    margin-bottom: 40px; }
    .loanWrap .form p.expound {
      color: #de0e0d;
      font-weight: bold;
      font-size: 15px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 0px; }
    .loanWrap .form table {
      width: 100%; }
      .loanWrap .form table tbody tr:hover {
        background-color: #eceded; }
        .loanWrap .form table tbody tr:hover td {
          color: #1A73E8; }
          .loanWrap .form table tbody tr:hover td a:hover {
            text-decoration: underline;
            cursor: pointer; }
      .loanWrap .form table tr {
        border-bottom: 1px dashed #959595; }
        .loanWrap .form table tr td, .loanWrap .form table tr th {
          padding: 8px 0px;
          color: #2f2d30;
          font-weight: bold;
          font-size: 15px;
          font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
          line-height: 18px;
          text-align: left; }
        .loanWrap .form table tr.topTitle {
          border-top: 1px dotted #959595;
          border-bottom: 2px solid #1A73E8; }
          .loanWrap .form table tr.topTitle .topTitleFont {
            background-color: #eceded;
            color: #1A73E8;
            font-weight: bold;
            font-size: 15px;
            font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
            line-height: 18px;
            text-align: left; }

.loanRecordWrap {
  width: 100%; }
  .loanRecordWrap .Searchbox {
    margin: 0 auto;
    overflow: hidden;
    width: 100%; }
    .loanRecordWrap .Searchbox .searchArea {
      color: #2f2d30;
      font-weight: bold;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 34px;
      text-align: left;
      margin-bottom: 10px; }
      .loanRecordWrap .Searchbox .searchArea select {
        display: inline-block;
        float: left;
        height: 34px;
        border: 1px solid #bfbfbf;
        padding: 0px 10px;
        margin-top: 20px;
        color: #2f2d30;
        font-weight: normal;
        font-size: 15px;
        font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
        line-height: 34px;
        text-align: left; }
    .loanRecordWrap .Searchbox .buyCarButton a {
      float: left;
      padding: 5px 5px;
      display: block;
      color: #fff;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: center;
      background-color: #1A73E8;
      border: 3px solid #1A73E8;
      text-decoration: none;
      margin: 20px 0px 0px 5px; }
      .loanRecordWrap .Searchbox .buyCarButton a:hover {
        background-color: unset;
        border: 3px solid #1A73E8;
        color: #1A73E8; }
  .loanRecordWrap .form h3.firstTitle, .loanRecordWrap .loanSearch h3.firstTitle {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #1A73E8;
    font-weight: bold;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 28px;
    text-align: center; }
    .loanRecordWrap .form h3.firstTitle:before, .loanRecordWrap .loanSearch h3.firstTitle:before {
      display: block;
      width: calc(50% - 60px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: left; }
    .loanRecordWrap .form h3.firstTitle:after, .loanRecordWrap .loanSearch h3.firstTitle:after {
      display: block;
      width: calc(50% - 60px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: right; }
  .loanRecordWrap .loanSearch h3.firstTitle:before {
    width: calc(50% - 105px); }
  .loanRecordWrap .loanSearch h3.firstTitle:after {
    width: calc(50% - 105px); }
  .loanRecordWrap .form {
    margin-bottom: 40px; }
    .loanRecordWrap .form .formBox {
      overflow: hidden; }
    .loanRecordWrap .form h4.Title {
      color: #545454;
      font-weight: bold;
      font-size: 20px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 24px;
      text-align: left;
      margin-bottom: 0px; }
      .loanRecordWrap .form h4.Title::before {
        padding-bottom: 20px;
        border-top: 1px solid #959595; }
    .loanRecordWrap .form table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0; }
      .loanRecordWrap .form table tbody tr:hover {
        background-color: #eceded; }
        .loanRecordWrap .form table tbody tr:hover td {
          color: #1A73E8; }
          .loanRecordWrap .form table tbody tr:hover td a:hover {
            text-decoration: underline;
            cursor: pointer; }
      .loanRecordWrap .form table tr {
        border-bottom: 1px dashed #959595; }
        .loanRecordWrap .form table tr td, .loanRecordWrap .form table tr th {
          padding: 8px 8px;
          color: #2f2d30;
          font-weight: bold;
          font-size: 15px;
          font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
          line-height: 18px;
          text-align: center; }
        .loanRecordWrap .form table tr.topTitle {
          border-top: 1px dotted #959595;
          border-bottom: 2px solid #1A73E8; }
          .loanRecordWrap .form table tr.topTitle .topTitleFont {
            background-color: #1A73E8;
            color: #fff;
            font-weight: bold;
            font-size: 15px;
            font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
            line-height: 18px;
            text-align: center; }
  .loanRecordWrap .loneContent h4.Title {
    background-color: #e0eeff;
    color: #1A73E8;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left;
    padding: 15px;
    border-radius: 10px; }
    .loanRecordWrap .loneContent h4.Title strong {
      color: #2f2d30;
      margin-right: 10px;
      font-weight: bold; }
    .loanRecordWrap .loneContent h4.Title::before {
      display: none; }
  .loanRecordWrap ul {
    width: 100%;
    padding-left: 30px;
    overflow: hidden;
    margin-bottom: 30px; }
    .loanRecordWrap ul li {
      float: left;
      color: #545454;
      font-weight: normal;
      font-size: 16px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 24px;
      text-align: left; }
      .loanRecordWrap ul li strong {
        font-weight: bold;
        color: #1A73E8;
        margin-right: 10px; }
      .loanRecordWrap ul li::before {
        content: "\2022";
        color: #1A73E8;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em; }

.carnewsWrap {
  position: relative; }
  .carnewsWrap h3.firstTitle {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #1A73E8;
    font-weight: bold;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 28px;
    text-align: center; }
    .carnewsWrap h3.firstTitle img {
      position: relative;
      top: 5px;
      width: auto;
      height: 28px; }
    .carnewsWrap h3.firstTitle:before {
      display: block;
      width: calc(50% - 150px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: left; }
    .carnewsWrap h3.firstTitle:after {
      display: block;
      width: calc(50% - 150px);
      content: " ";
      margin-top: 15px;
      border-top: 4px double #1A73E8;
      float: right; }
  .carnewsWrap .bookMark {
    position: absolute;
    top: 42px;
    left: 15px; }
    .carnewsWrap .bookMark li {
      float: left;
      padding: 12px 16px 9px;
      border: 2px solid #d1d1d1;
      background: #d1d1d1;
      border-radius: 10px 10px 0px 0px;
      color: #959595; }
      .carnewsWrap .bookMark li.active {
        color: #1A73E8;
        padding-bottom: 14px;
        font-weight: bold;
        border-radius: 10px 10px 0px 0px;
        border: 2px solid #e0eeff;
        background: #e0eeff;
        border-width: 2px 2px 0px; }
  .carnewsWrap .allSelect {
    margin-top: 51px;
    clear: both;
    border-radius: 10px;
    background: #e0eeff;
    padding: 20px;
    margin-bottom: 30px; }
    .carnewsWrap .allSelect select {
      display: inline-block;
      float: left;
      height: 34px;
      border: 1px solid #bfbfbf;
      padding: 0px 10px;
      margin-bottom: 10px;
      margin-left: 10px;
      color: #2f2d30;
      font-weight: normal;
      font-size: 15px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 34px;
      text-align: left; }
      .carnewsWrap .allSelect select:first-child {
        margin-left: 0px; }
      .carnewsWrap .allSelect select:nth-child(3) {
        margin-left: 0px; }
    .carnewsWrap .allSelect .between {
      float: left;
      width: 20px;
      display: block;
      margin: 9px 2px 9px 0px;
      text-align: right;
      color: #2f2d30; }
    .carnewsWrap .allSelect input.tick {
      width: 16px;
      height: 16px;
      opacity: 1;
      float: left;
      margin-top: 11px; }
    .carnewsWrap .allSelect .tickText {
      color: #2f2d30;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 20px;
      text-align: left;
      padding-left: 5px;
      margin-top: 10px;
      display: inline-block;
      margin-bottom: 10px;
      position: relative; }
    .carnewsWrap .allSelect input.textBox {
      height: 34px;
      border: 1px solid #bfbfbf;
      padding: 0 10px; }
    .carnewsWrap .allSelect a.btn {
      width: 70px;
      margin: 10px auto 0px;
      padding: 5px 0px;
      display: block;
      color: #fff;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: center;
      background-color: #1A73E8;
      border: 3px solid #1A73E8;
      text-decoration: none; }
      .carnewsWrap .allSelect a.btn:hover {
        background-color: unset;
        border: 3px solid #1A73E8;
        color: #1A73E8; }

.result h4.Title {
  color: #545454;
  font-weight: bold;
  font-size: 24px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 24px;
  text-align: left;
  margin-bottom: 0px; }

.noData h4 {
  color: #de0e0d;
  font-weight: bold;
  font-size: 24px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 24px;
  text-align: center; }

.resultBox {
  margin: 20px 0px;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .resultBox li {
    margin-left: 16px;
    margin-bottom: 16px;
    float: left;
    border: 1px solid #d3d3d3;
    border-bottom: 4px solid #959595; }
    .resultBox li a {
      display: block;
      text-decoration: none; }
      .resultBox li a .info {
        margin: 18px 0px; }
      .resultBox li a img {
        width: 100%; }

.resultBox .info h5 {
  margin-bottom: 10px;
  color: #545454;
  font-weight: normal;
  font-size: 20px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 24px;
  text-align: center; }

.resultBox .info p {
  margin-bottom: 0px;
  padding-left: 0px;
  color: #959595;
  font-weight: normal;
  font-size: 15px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 18px;
  text-align: center; }
  .resultBox .info p.price {
    margin: 10px 0px;
    font-weight: bold;
    font-size: 20px;
    color: #de0e0d; }

.onlineOrderWrap {
  width: 100%;
  /* mainTitle */ }
  .onlineOrderWrap .mainTitle strong {
    position: relative;
    background-color: #2f2d30;
    display: inline-block;
    padding: 5px 9px; }
  .onlineOrderWrap .mainTitle p.description {
    margin-top: 12px;
    color: #2f2d30;
    font-weight: normal;
    font-size: 15px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: left; }
  .onlineOrderWrap .mainTitle p.the-title {
    overflow: hidden;
    margin-bottom: 0px;
    padding-left: 0px; }

.order-nodata {
  margin: 0px auto 36px;
  overflow: hidden; }
  .order-nodata p.the-mesg {
    color: #2f2d30;
    font-weight: normal;
    font-size: 28px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 36px;
    text-align: center;
    margin: 60px 0px; }
  .order-nodata .btn {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .order-nodata .btn a {
      width: 150px;
      padding: 5px 0px;
      display: block;
      color: #fff;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: center;
      background-color: #1A73E8;
      border: 3px solid #1A73E8;
      text-decoration: none;
      margin: 20px auto; }
      .order-nodata .btn a:hover {
        background-color: unset;
        border: 3px solid #1A73E8;
        color: #1A73E8; }

.order-list {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden; }
  .order-list .theImg {
    float: left;
    position: relative;
    overflow: hidden; }
    .order-list .theImg img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: auto; }
  .order-list .theInfo .count-info {
    overflow: hidden; }
    .order-list .theInfo .count-info li span {
      margin-right: 8px;
      color: #999; }
  .order-list .theInfo .mainTitle b {
    line-height: 30px; }
  .order-list .theInfo .car-price p {
    display: block;
    margin: 0px 0px 0px;
    padding-left: 0px;
    color: #e60012;
    font-weight: normal;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 22px;
    text-align: left; }
    .order-list .theInfo .car-price p strong {
      margin-left: 12px;
      font-weight: bold;
      font-size: 20px;
      color: #e60012; }
  .order-list .btn {
    position: absolute;
    bottom: 0px;
    right: 20px; }
    .order-list .btn a {
      width: 90px;
      padding: 5px 0px;
      display: block;
      color: #fff;
      font-weight: normal;
      font-size: 18px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: center;
      background-color: #1A73E8;
      border: 3px solid #1A73E8;
      text-decoration: none; }
      .order-list .btn a img {
        display: block;
        vertical-align: -2px;
        margin-right: 5px;
        width: 20px;
        height: auto;
        margin: 0 auto 10px; }
      .order-list .btn a:hover {
        background-color: unset;
        border: 3px solid #1A73E8;
        color: #1A73E8; }

.no-space {
  margin-bottom: 0px; }

.shopInfo {
  width: calc( 100% - 0px);
  overflow: hidden;
  background-color: #f3f3f3;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.05);
  padding: 16px; }

.bank-info li, .store-info li {
  color: #2f2d30;
  font-weight: normal;
  font-size: 18px;
  font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
  line-height: 26px;
  text-align: left;
  padding-bottom: 12px; }
  .bank-info li.theTitle, .store-info li.theTitle {
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 26px;
    text-align: left;
    background-color: #1A73E8; }
  .bank-info li strong, .store-info li strong {
    font-weight: bold;
    display: inline-block; }
  .bank-info li.deposit strong, .store-info li.deposit strong {
    color: #de0e0d; }

.order-rate {
  width: calc( 100% - 0px);
  overflow: hidden;
  background-color: #f5faff;
  padding: 0px 16px;
  max-height: 0px;
  transition: max-height .5s ease-in-out; }
  .order-rate .store-info li, .order-rate .rateBox li {
    color: #2f2d30;
    font-weight: normal;
    font-size: 18px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 26px;
    text-align: left;
    padding-bottom: 12px; }
    .order-rate .store-info li.theTitle, .order-rate .rateBox li.theTitle {
      display: inline-block;
      padding: 3px 5px;
      margin-bottom: 10px;
      color: #fff;
      font-weight: bold;
      font-size: 20px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 26px;
      text-align: left;
      background-color: #1A73E8; }
  .order-rate .step {
    margin-left: 35px;
    position: relative; }
    .order-rate .step::before {
      content: '';
      display: block;
      width: 25px;
      height: 25px;
      border-radius: 20px;
      border: 1px solid #c5deff;
      background-color: #fff;
      position: absolute;
      top: 0px;
      left: -35px;
      z-index: 2; }
    .order-rate .step::after {
      content: '';
      display: block;
      position: absolute;
      top: 10px;
      left: -22px;
      width: 2px;
      height: calc( 100% - 10px);
      background: #c5deff;
      z-index: 1; }
    .order-rate .step.check::before {
      border: 1px solid #1A73E8;
      background: #1A73E8 url(../images/checked.svg) no-repeat center center;
      background-size: 60%; }
    .order-rate .step.check::after {
      background: #1A73E8; }
    .order-rate .step h5 {
      color: #1A73E8;
      font-weight: bold;
      font-size: 20px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 20px;
      text-align: left;
      margin: 4px 0px 12px;
      display: inline-block; }
      .order-rate .step h5 span {
        font-size: 16px;
        color: #959595; }
    .order-rate .step p {
      color: #545454;
      font-weight: normal;
      font-size: 15px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: left;
      padding-left: 0px;
      margin-bottom: 8px; }
    .order-rate .step a {
      display: inline-block;
      text-decoration: underline;
      color: #1A73E8;
      font-weight: normal;
      font-size: 15px;
      font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
      line-height: 18px;
      text-align: left;
      margin-bottom: 12px; }
      .order-rate .step a:hover {
        text-decoration: none; }

.order-active {
  max-height: 1000px; }

@media screen and (max-width: 767px){

  .wrapMaintenanceLogin{
    padding-top: 100px; }

  .mainMember{
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    padding-bottom: 30px; }

  .mainMember .memberTitle{
    width: 85%; }

  .mainMember .memberBox{
    width: 85%; }

  .mainMember .memberBox .memberForm{
    width: 100%; }

  .mainMember .redLine{
    width: 85%;
    border-top: 1px solid #1A73E8;
    margin-top: 25px;
    padding-top: 30px; }

  .headMemberName{
    display: none; }

  .tabNavIndex1stContentOtherLink li:last-child, .tabNavIndex2ndContentOtherLink li:last-child, .tabNavIndex3rdContentOtherLink li:last-child{
    background: url(../images/mobile/bgTabNavIndex2ndContentOtherLink3.svg) no-repeat right center;
    background-size: 100%; }

  .tabNavIndex1stContentOtherLink ul li div.memberBtnBox, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox{
    width: 137px; }

  .tabNavIndex1stContentOtherLink ul li div.memberBtnBox a, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox a, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox a{
    padding-left: 15px;
    padding-right: 3px; }

  .tabNavIndex1stContentOtherLink ul li div.memberBtnBox a svg, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox a svg, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox a svg{
    margin-left: -16px; }

  .topInformation{
    width: calc(100% - 50px);
    margin: 0 auto; }

  .topInformation{
    margin: 70px 25px 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999; }

  .memberContent > div{
    float: unset; }

  .memberContent{
    width: 100%;
    height: 75%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  .memberContent .navBg{
    display: none; }

  .navBox{
    width: 90%;
    margin: 25px auto; }

  .userDetail{
    width: calc(100% - 50px);
    margin: 0 auto;
    margin-top: 15px; }

  .memberFooterH .sitemapContent, .memberFooterH .sitemap{
    height: 108px; }

  .lightbox-body{
    width: 80%;
    padding: 25px; }

  .lightbox-body h2{
    margin-top: -25px;
    margin-bottom: 25px; }

  .lightbox-body h3{
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -1px; }

  .lightbox-body h3 span{
    font-size: 24px; }

  .lightbox-body p{
    font-size: 18px;
    margin-bottom: 0px; }

  .lightbox-body p strong{
    font-size: 20px;
    margin: 0px 10px 0px 0px; }

  .lightbox-body h4{
    font-size: 24px;
    line-height: 28px; }

  .lightbox-body h4::before{
    padding-bottom: 15px; }

  .lightbox-body .centerBtn{
    width: 300px; }

  .lightbox-body .centerBtn a{
    width: 40%;
    margin: 0% 4%; }

  .lightbox-body .leftBtn{
    width: 100%; }

  .lightbox-body .leftBtn a{
    width: 43%;
    margin: 0% 4% 0% 0%; }

  .memberRule{
    width: 85%;
    height: calc(100% - 10%); }

  .memberRule .formButton{
    margin: 5px auto; }

  .memberRule div.ruleContent{
    height: calc(100% - 235px); }

  .DoubleBtn{
    padding-bottom: 120px; }

  .inputBox{
    width: 80%; }

  .lightbox-bodyFormContent{
    width: 100%;
    margin: 0% 0px;
    padding: 0px;
    height: 100%; }

  .keyInfo{
    width: 90%; }

  .keyInfo h5{
    font-size: 23px;
    margin-bottom: 15px; }

  .lightbox-bodyLogin{
    width: 90%;
    height: calc(100% - 50px);
    padding: 10px; }

  .memberBox .form-group input::-webkit-input-placeholder{
    font-size: 12px;
    color: #c9c9c9; }

  .memberBox .form-group input:-moz-placeholder{
    font-size: 12px;
    color: #c9c9c9; }

  .memberBox .form-group input::-moz-placeholder{
    font-size: 12px;
    color: #c9c9c9; }

  .memberBox .form-group input:-ms-input-placeholder{
    font-size: 12px;
    color: #c9c9c9; }

  #memberPassword, #memberAccount{
    --offsetX: 100%; }

  #memberPassword::-webkit-input-placeholder, #memberAccount::-webkit-input-placeholder{
    color: #ddd;
    text-indent: var(--offsetX); }

  .nameMail{
    width: calc(100% - 35px);
    height: auto; }

  .nameMail ul li{
    font-size: 16px;
    margin-left: 26px;
    margin-right: 8px; }

  .nameMail ul li svg{
    width: 20px;
    height: 20px;
    top: 7px;
    left: -25px; }

  .nameMail ul li strong{
    margin-right: 3px; }

  .nameMail ul li.mail a{
    font-size: 13px; }

  .backHome{
    width: auto;
    position: absolute;
    top: 0px;
    right: 0px; }

  .backHome a{
    display: none; }

  .backHome a.backHome-M{
    display: block; }

  .backHome a.backHome-M svg{
    width: 20px;
    height: 20px;
    margin: 5px 0px; }

  .backHome a.backHome-M svg path.home{
    fill: #fff; }

  .backHome a.backHome-M:hover svg path.home{
    fill: #de0e0d; }

  .userDetail p.route{
    margin-bottom: 10px; }

  .userDetail p.note{
    margin-bottom: 10px; }

  .userDetail p.remind{
    margin: 5px 0px 3px 105px;
    line-height: 18px; }

  .modify-Group:first-child{
    height: 94px; }

  .modify-Group p{
    font-size: 15px;
    width: auto; }

  .modify-Group input{
    width: calc( 100% - 110px);
    font-size: 15px; }

  .modify-Group input.address{
    width: calc( 100% - 15px);
    margin-left: 15px;
    margin-top: 10px; }

  .modify-Group label span{
    margin: 0px 10px 0px 30px;
    font-size: 15px; }

  .modify-Group select{
    font-size: 13px; }

  .modify-Group select.address{
    width: calc( 50% - 60px); }

  .modify-Group div.date{
    display: inline-block;
    margin-left: 16px; }

  .modify-Group div.date span{
    font-size: 15px;
    margin-right: 0px; }

  .modify-Group div.date input.years{
    width: calc( 100% - 220px);
    padding: 0px; }

  .modifyFrom .formButton{
    margin: 20px 0px; }

  .modifyFrom .leftBtn{
    width: calc( 100% - 108px);
    top: 10px;
    left: 107px;
    margin: 0px auto; }

  .modifyFrom .leftBtn input{
    width: 100%; }

  .modifyFrom .leftBtn a{
    width: 100%;
    margin: 5px auto; }

  .navBox{
    overflow-y: hidden;
    overflow-x: hidden;
    height: calc(100vh - 89px); }

  .navBox div.btnTitleClass{
    font-size: 15px;
    padding: 10px 0px 10px 10px; }

  .navBox div.btnTitleClass:after{
    top: 38px; }

  .navBox ul > li a{
    padding: 10px 0px 10px 30px;
    font-size: 15px; }

  .navBox ul > li a .arrow, .navBox ul > li a .downArrow{
    top: 14px; }

  .navBox ul > li ul li a{
    padding-left: 45px; }

  .headNav{
    position: absolute;
    width: 100%; }

  .btnMemberMenu_m{
    display: block;
    margin: 20px 25px 10px; }

  .btnMemberMenuContent_m{
    display: none;
    padding-top: 40px; }

  .activeMemberMenu{
    display: block; }

  .searchBox .searchArea{
    display: block; }

  .buyCarInfoFrom h3{
    font-size: 18px; }

  .buyCarInfoFrom .buyCarDetail{
    width: 100%; }

  .maintenanceWrap .Searchbox{
    width: 100%; }

  .maintenanceWrap .Searchbox h3 strong{
    font-size: 15px; }

  .maintenanceWrap .Searchbox .searchArea{
    display: block; }

  .carResume{
    margin-bottom: 0px; }

  .carResume .choiceBox{
    width: 100%; }

  .carResume .choiceBox p{
    font-size: 16px; }

  .carResume ul{
    border: 1px solid #959595;
    border-width: 0px 1px 2px; }

  .carResume ul li{
    padding: 4px 5px; }

  .carResume ul li strong{
    display: inline-block;
    margin-right: 5px;
    color: #1A73E8;
    font-weight: bold; }

  .carResume ul li.sheetNo{
    width: 100%; }

  .carResume ul li.position{
    width: 100%; }

  .carResume ul li.date{
    width: 100%; }

  .carResume ul li.mileage{
    width: 100%; }

  .carResume ul li.amount{
    width: calc(75% - 10px); }

  .carResume ul li.seeDetail{
    width: 25%;
    background-color: #1A73E8;
    border-radius: 10px 10px 0px 0px;
    text-align: left;
    margin-right: 10px;
    padding: 10px; }

  .carResume ul li.seeDetail strong{
    color: #fff; }

  .carResume ul li.seeDetail svg{
    top: 26%;
    right: 0%;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }

  .carResume ul li.seeDetail svg path.sheeticon, .carResume ul li.seeDetail svg polygon.sheeticon{
    fill: #fff; }

  .carResume ul li.detailbox table th.detailQuantity, .carResume ul li.detailbox table td.detailQuantity{
    width: 47px; }

  .carResume ul li.detailbox table th.detailPrice, .carResume ul li.detailbox table td.detailPrice{
    width: 55px; }

  .carResume ul.resumeTitle{
    display: none; }

  .carResume ul.resumeFirst{
    border-top: 1px solid #959595;
    margin-top: 20px; }

  .noDate{
    width: 100%; }

  .noDate .iconNodata{
    float: unset;
    margin: 0 auto; }

  .noDate .infoNodata{
    width: 100%;
    margin-top: 20px; }

  .noDate .infoNodata h5{
    text-align: center; }

  .noDate .infoNodata p{
    font-size: 16px;
    text-align: center; }

  .recordFrom h3{
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 48px; }

  .recordList li{
    padding: 10px 20px; }

  .recordList li dd:nth-child(n+5){
    border-bottom: none; }

  .recordList li dd.col2{
    width: 100%; }

  .loanWrap .Searchbox{
    width: 100%; }

  .loanWrap .Searchbox h3 strong{
    font-size: 15px; }

  .loanWrap .Searchbox .searchArea{
    display: inline-block; }

  .loanRecordWrap .Searchbox .searchArea{
    display: inline-block; }

  .loanRecordWrap .Searchbox .searchArea select{
    width: 100%; }

  .loanRecordWrap .Searchbox .buyCarButton{
    width: 190px;
    overflow: hidden;
    margin: 0 auto; }

  .loanRecordWrap .form table tr td, .loanRecordWrap .form table tr th{
    min-width: 118px; }

  .loanRecordWrap .form table tr td.setWidth, .loanRecordWrap .form table tr th.setWidth{
    min-width: 55px; }

  .loanRecordWrap ul li{
    width: 100%; }

  .carnewsWrap .bookMark li{
    margin-left: 3px;
    padding: 12px 11px 9px; }

  .carnewsWrap .allSelect select{
    width: 100%;
    margin-left: 0px; }

  .carnewsWrap .allSelect select:nth-child(5){
    margin-left: 10px; }

  .carnewsWrap .allSelect .quarter{
    width: 100%; }

  .carnewsWrap .allSelect .year{
    width: calc(50% - 16px); }

  .carnewsWrap .allSelect .tickText{
    float: left;
    font-size: 16px;
    width: calc( 100% - 16px); }

  .carnewsWrap .allSelect input.textBox{
    width: 100%;
    margin: 0px 0px 10px 0px; }

  .resultBox li{
    width: calc(50% - 8px);
    margin-bottom: 16px; }

  .resultBox li:nth-child(odd){
    margin-left: 0px; }

  .onlineOrderWrap .mainTitle{
    color: #2f2d30;
    font-weight: normal;
    font-size: 22px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 27px;
    text-align: left;
    padding-bottom: 20px; }

  .onlineOrderWrap .mainTitle strong{
    margin-right: 5px;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 16px;
    text-align: center; }

  .onlineOrderWrap .mainTitle b{
    margin-right: 5px;
    line-height: 26px;
    vertical-align: -3px; }

  .onlineOrderWrap .mainTitle p.the-title{
    vertical-align: -7px;
    display: inline-block;
    color: #2f2d30;
    font-weight: normal;
    font-size: 22px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 27px;
    text-align: left; }

  .order-nodata{
    width: 100%; }

  .order-list .theImg{
    width: 100%;
    height: 250px; }

  .order-list .theInfo{
    width: calc(100% - 0px); }

  .order-list .theInfo .count-info{
    padding: 0px 16px 0px; }

  .order-list .theInfo .count-info:first-child{
    padding: 16px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px; }

  .order-list .theInfo .count-info li{
    display: block;
    color: #2f2d30;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 24px;
    text-align: left;
    margin-right: 20px; }

  .order-list .theInfo .last-noSpace{
    padding-bottom: 16px; }

  .order-list .theInfo .mainTitle{
    margin: 16px;
    padding-bottom: 0px;
    margin-bottom: 10px; }

  .order-list .theInfo .mainTitle p.the-title{
    margin: 10px 0px 0px; }

  .order-list .theInfo .car-price{
    padding: 0px 16px 10px; }

  .order-list .btn{
    right: 10px; }

  .order-list .btn a{
    width: 85px; }

  .order-info .detail-img .theImg{
    display: none; }

  .shopInfo{
    margin-bottom: 20px; }

  .shopInfo > ul{
    width: 100%; }

  .shopInfo > ul:first-child{
    margin-bottom: 20px; }

  .order-rate > *{
    width: 100%;
    padding-top: 16px; }

  .order-rate > *:first-child{
    margin-bottom: 20px; }

  .loanRecordWrap .Searchbox .online-year{
    width: 100%; }

  .loanRecordWrap .Searchbox .online-year select{
    width: calc( 100% - 150px); }

  .loanRecordWrap .Searchbox .online-year .buyCarButton{
    width: 150px;
    margin: 0px; }

  .loanRecordWrap .Searchbox .online-year .buyCarButton a{
    width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 1200px){

  .wrapMaintenanceLogin{
    padding-top: 100px; }

  .mainMember{
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    padding-bottom: 0px; }

  .mainMember .memberTitle{
    width: 90%; }

  .mainMember .memberBox{
    width: 90%; }

  .mainMember .memberBox .memberForm{
    width: 100%; }

  .mainMember .redLine{
    width: 90%;
    border-top: 1px solid #1A73E8;
    margin-top: 8px;
    padding-top: 10px; }

  .headMemberName{
    display: none; }

  .tabNavIndex1stContentOtherLink li:last-child, .tabNavIndex2ndContentOtherLink li:last-child, .tabNavIndex3rdContentOtherLink li:last-child{
    background: url(../images/mobile/bgTabNavIndex2ndContentOtherLink3.svg) no-repeat right center;
    background-size: 100%; }

  .tabNavIndex1stContentOtherLink ul li div.memberBtnBox, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox{
    width: 50%; }

  .tabNavIndex1stContentOtherLink ul li div.memberBtnBox a, .tabNavIndex2ndContentOtherLink ul li div.memberBtnBox a, .tabNavIndex3rdContentOtherLink ul li div.memberBtnBox a{
    padding-left: 26px;
    padding-right: 14px; }

  .topInformation{
    width: 95%;
    margin: 0 auto; }

  .topInformation{
    margin: 70px auto 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999; }

  .memberContent > div{
    float: left; }

  .memberContent{
    width: 95%;
    margin: 0 auto; }

  .memberContent .navBg{
    display: none; }

  .navBox{
    width: 90%;
    margin: 25px auto; }

  .userDetail{
    width: 100%;
    margin: 0 auto; }

  .memberFooterH .sitemapContent, .memberFooterH .sitemap{
    height: 108px; }

  .lightbox-body{
    width: 55%;
    padding: 10px;
    position: relative; }

  .lightbox-body h2{
    margin-top: -40px;
    margin-bottom: 40px; }

  .lightbox-body h3{
    margin-bottom: 30px; }

  .memberRule{
    width: 85%;
    height: calc(100% - 20%);
    position: relative; }

  .memberRule .formButton{
    margin: 5px auto; }

  .memberRule div.ruleContent{
    height: calc(100% - 220px); }

  .inputBox{
    width: 55%; }

  .lightbox-bodyFormContent{
    width: 97%;
    margin: 0% 0px;
    padding: 25px;
    height: calc(100% - 3%);
    overflow: scroll;
    position: relative; }

  .keyInfo{
    width: 55%; }

  .keyInfo h5{
    font-size: 30px; }

  .lightbox-bodyLogin{
    width: 80%;
    height: calc(100% - 152px); }

  .memberBox .form-group input::-webkit-input-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .memberBox .form-group input:-moz-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .memberBox .form-group input::-moz-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .memberBox .form-group input:-ms-input-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .nameMail{
    width: 80%;
    height: auto; }

  .nameMail ul li{
    font-size: 24px;
    margin-left: 35px;
    margin-right: 30px; }

  .nameMail ul li svg{
    width: 30px;
    height: 30px;
    top: 2px;
    left: -35px; }

  .backHome{
    width: 20%; }

  .userDetail p.remind{
    margin: 5px 0px 3px 10px; }

  .modify-Group p{
    font-size: 18px;
    width: auto; }

  .modify-Group input{
    width: 225px;
    font-size: 15px; }

  .modify-Group input.address{
    width: calc( 100% - 123px);
    margin-left: 123px;
    margin-top: 10px; }

  .modify-Group label span{
    margin: 0px 30px;
    font-size: 15px; }

  .modify-Group select{
    font-size: 15px; }

  .modify-Group select.address{
    width: calc( 50% - 64px); }

  .modify-Group div.date span{
    font-size: 15px; }

  .modify-Group div.date input.years{
    width: 70px; }

  .modifyFrom .formButton{
    margin: 25px auto; }

  .modifyFrom .leftBtn{
    width: calc( 100% - 125px);
    margin: 0px auto;
    top: 10px;
    left: 124px; }

  .modifyFrom .leftBtn input{
    width: 225px; }

  .navBox{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 89px);
    margin-top: 15px; }

  .navBox div.btnTitleClass{
    font-size: 20px;
    padding: 10px 0px 10px 10px; }

  .navBox div.btnTitleClass:after{
    top: 38px; }

  .navBox ul > li a{
    padding: 10px 0px 10px 30px;
    font-size: 18px;
    line-height: 24px; }

  .navBox ul > li a .arrow, .navBox ul > li a .downArrow{
    top: 14px; }

  .navBox ul > li ul li a{
    padding-left: 45px; }

  .headNav{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 16px 22px; }

  .btnMemberMenu_m{
    display: block;
    margin: 0px 15px 0px; }

  .btnMemberMenuContent_m{
    display: none;
    padding-top: 60px; }

  .activeMemberMenu{
    display: block; }

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

  .buyCarInfoFrom .buyCarDetail{
    width: 100%; }

  .maintenanceWrap .Searchbox{
    width: 330px; }

  .maintenanceWrap .Searchbox h3 strong{
    font-size: 18px; }

  .maintenanceWrap .Searchbox .searchArea{
    display: inline-block; }

  .carResume{
    margin-bottom: 40px; }

  .carResume .choiceBox{
    width: 70%;
    margin: 0 auto; }

  .carResume .choiceBox p{
    font-size: 18px; }

  .carResume ul{
    border: 1px solid #959595;
    border-width: 0px 1px 1px; }

  .carResume ul li{
    padding: 8px 5px; }

  .carResume ul li strong{
    display: none; }

  .carResume ul li.sheetNo{
    width: 33%; }

  .carResume ul li.position{
    width: 15%; }

  .carResume ul li.date{
    width: 18%; }

  .carResume ul li.mileage{
    width: 12%; }

  .carResume ul li.amount{
    width: 12%; }

  .carResume ul li.seeDetail{
    width: 10%;
    text-align: center; }

  .carResume ul li.seeDetail svg{
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .carResume ul li.seeDetail svg path.sheeticon, .carResume ul li.seeDetail svg polygon.sheeticon{
    fill: #1A73E8; }

  .carResume ul li.detailbox table th.detailQuantity, .carResume ul li.detailbox table td.detailQuantity{
    width: 80px; }

  .carResume ul li.detailbox table th.detailPrice, .carResume ul li.detailbox table td.detailPrice{
    width: 80px; }

  .carResume ul.resumeTitle{
    display: block; }

  .carResume ul.resumeFirst{
    border-top: unset; }

  .noDate{
    width: 70%; }

  .noDate .iconNodata{
    float: left; }

  .noDate .infoNodata{
    width: calc(100% - 110px);
    margin-left: 110px; }

  .recordFrom h3{
    margin-bottom: 0px; }

  .recordList li{
    padding: 10px 20px; }

  .recordList li dd:nth-child(n+4){
    border-bottom: none; }

  .recordList li dd.col2{
    width: 50%; }

  .loanWrap .Searchbox{
    width: 500px; }

  .loanWrap .Searchbox h3 strong{
    font-size: 18px; }

  .loanWrap .Searchbox .searchArea{
    display: inline-block;
    width: 100%; }

  .loanRecordWrap .Searchbox .searchArea{
    display: inline-block;
    width: 100%; }

  .loanRecordWrap .Searchbox .searchArea select{
    width: 100%; }

  .loanRecordWrap .Searchbox .buyCarButton{
    width: 190px;
    overflow: hidden;
    margin: 0 auto; }

  .loanRecordWrap .form table tr td, .loanRecordWrap .form table tr th{
    min-width: 118px; }

  .loanRecordWrap .form table tr td.setWidth, .loanRecordWrap .form table tr th.setWidth{
    min-width: 55px; }

  .loanRecordWrap ul li{
    width: 50%; }

  .carnewsWrap .bookMark li{
    margin-left: 5px; }

  .carnewsWrap .allSelect select{
    width: calc(50% - 5px); }

  .carnewsWrap .allSelect select:nth-child(6){
    margin-left: 0px; }

  .carnewsWrap .allSelect .quarter{
    width: calc(50% - 5px); }

  .carnewsWrap .allSelect .year{
    width: calc(50% - 16px); }

  .carnewsWrap .allSelect .tickText{
    font-size: 16px; }

  .carnewsWrap .allSelect input.textBox{
    width: 100%;
    margin: 0px 0px 10px 0px; }

  .resultBox li{
    width: calc(25% - 12px); }

  .resultBox li:nth-child(4n+1){
    margin-left: 0; }

  .onlineOrderWrap .mainTitle{
    color: #2f2d30;
    font-weight: normal;
    font-size: 22px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 27px;
    text-align: left;
    padding-bottom: 20px; }

  .onlineOrderWrap .mainTitle strong{
    margin-right: 5px;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 16px;
    text-align: center; }

  .onlineOrderWrap .mainTitle b{
    margin-right: 5px;
    line-height: 26px;
    vertical-align: -3px; }

  .onlineOrderWrap .mainTitle p.the-title{
    vertical-align: -7px;
    display: inline-block;
    color: #2f2d30;
    font-weight: normal;
    font-size: 22px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 27px;
    text-align: left; }

  .order-nodata{
    width: 100%; }

  .order-list .theImg{
    width: 180px;
    height: 135px; }

  .order-list .theInfo{
    float: right;
    margin: 16px;
    width: calc(100% - 212px); }

  .order-list .theInfo .count-info{
    padding-bottom: 10px; }

  .order-list .theInfo .count-info li{
    display: inline-block;
    color: #2f2d30;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 24px;
    text-align: left;
    margin-right: 20px; }

  .order-list .theInfo .last-noSpace{
    padding-bottom: 0px; }

  .order-list .theInfo .mainTitle{
    padding: 0px 0px 10px; }

  .order-list .theInfo .car-price{
    padding: 0px 0px 10px; }

  .shopInfo > ul{
    float: left;
    margin-left: 30px;
    width: calc( 50% - 15px); }

  .shopInfo > ul:first-child{
    margin-left: 0px; }

  .order-rate > *{
    float: left;
    margin-left: 30px;
    width: calc( 50% - 15px);
    padding: 16px 0px; }

  .order-rate > *:first-child{
    margin-left: 0px; }

  .loanRecordWrap .Searchbox .online-year select{
    width: calc( 100% - 150px); }

  .loanRecordWrap .Searchbox .online-year .buyCarButton{
    width: 150px;
    margin: 0px; }

  .loanRecordWrap .Searchbox .online-year .buyCarButton a{
    width: 100%; } }

@media screen and (min-width: 1201px){

  .wrapMaintenanceLogin{
    padding-top: 20px;
    height: unset;
    height: 582px \9; }

  .mainMember{
    width: 1200px;
    padding-bottom: 30px; }

  .mainMember .memberTitle{
    width: 1020px; }

  .mainMember .memberBox{
    width: 50%;
    float: left; }

  .mainMember .memberBox .memberForm{
    width: 420px; }

  .mainMember .redLine{
    border-left: 2px solid #1A73E8; }

  .topInformation{
    width: 1200px;
    margin: 0 auto; }

  .topInformation{
    margin: 0px auto 30px; }

  .memberContent > div{
    float: left; }

  .memberContent{
    width: 1200px;
    margin: 0 auto; }

  .memberContent .navBg{
    width: 26%; }

  .navBox{
    width: 100%; }

  .userDetail{
    width: 74%;
    padding: 25px 60px; }

  .memberFooterH .sitemapContent, .memberFooterH .sitemap{
    height: 80px; }

  .lightbox-body{
    width: 480px;
    padding: 40px;
    color: red; }

  .lightbox-body h2{
    margin-top: -40px;
    margin-bottom: 40px; }

  .lightbox-body h3{
    margin-bottom: 25px; }

  .memberRule{
    width: 1024px;
    height: calc(100% - 30%); }

  .memberRule .formButton{
    margin: 25px auto; }

  .memberRule div.ruleContent{
    height: calc(100% - 260px); }

  .inputBox{
    width: 520px; }

  .lightbox-bodyFormContent{
    width: 1280px;
    padding: 40px;
    color: red;
    background-color: #eceded;
    height: calc(100% - 13%);
    overflow-y: scroll; }

  .keyInfo{
    width: 520px; }

  .keyInfo h5{
    font-size: 30px; }

  .lightbox-bodyLogin{
    width: 1280px; }

  .memberBox .form-group input::-webkit-input-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .memberBox .form-group input:-moz-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .memberBox .form-group input::-moz-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .memberBox .form-group input:-ms-input-placeholder{
    font-size: 15px;
    color: #c9c9c9; }

  .nameMail{
    width: 80%;
    float: left; }

  .nameMail ul li{
    margin-left: 35px;
    margin-right: 30px; }

  .nameMail ul li svg{
    width: 30px;
    height: 30px;
    top: 2px;
    left: -35px; }

  .backHome{
    width: 20%; }

  .modify-Group p{
    font-size: 18px;
    width: 115px; }

  .modify-Group input{
    width: 280px; }

  .modify-Group label span{
    margin: 0px 30px;
    font-size: 18px; }

  .modify-Group div.date input.years{
    width: 70px; }

  .modifyFrom .formButton{
    margin-top: 20px; }

  .modifyFrom .leftBtn{
    width: calc( 100% - 125px);
    top: 10px;
    left: 126px;
    margin-top: 0px; }

  .navBox{
    margin-top: 15px; }

  .navBox div.btnTitleClass{
    font-size: 18px;
    padding: 10px 0px 10px 30px; }

  .navBox div.btnTitleClass:after{
    top: 38px; }

  .navBox ul > li a{
    padding: 10px 0px 10px 50px; }

  .navBox ul > li a .arrow, .navBox ul > li a .downArrow{
    top: 13px; }

  .navBox ul > li ul li a{
    padding-left: 70px; }

  .btnMemberMenu_m{
    display: none; }

  .btnMemberMenuContent_m{
    display: none; }

  .activeMemberMenu{
    display: none; }

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

  .buyCarInfoFrom .buyCarDetail{
    width: 50%;
    float: left; }

  .maintenanceWrap .Searchbox{
    width: 330px; }

  .maintenanceWrap .Searchbox h3 strong{
    font-size: 18px; }

  .maintenanceWrap .Searchbox .searchArea{
    display: inline-block; }

  .carResume{
    margin-bottom: 40px; }

  .carResume .choiceBox{
    width: 60%;
    margin: 0 auto; }

  .carResume .choiceBox p{
    font-size: 18px; }

  .carResume ul{
    border: 1px solid #959595;
    border-width: 0px 1px 1px; }

  .carResume ul li{
    padding: 8px 5px; }

  .carResume ul li strong{
    display: none; }

  .carResume ul li.sheetNo{
    width: 33%; }

  .carResume ul li.position{
    width: 15%; }

  .carResume ul li.date{
    width: 18%; }

  .carResume ul li.mileage{
    width: 12%; }

  .carResume ul li.amount{
    width: 12%; }

  .carResume ul li.seeDetail{
    width: 10%;
    text-align: center; }

  .carResume ul li.seeDetail svg{
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .carResume ul li.seeDetail svg path.sheeticon, .carResume ul li.seeDetail svg polygon.sheeticon{
    fill: #1A73E8; }

  .carResume ul li.detailbox table th.detailQuantity, .carResume ul li.detailbox table td.detailQuantity{
    width: 80px; }

  .carResume ul li.detailbox table th.detailPrice, .carResume ul li.detailbox table td.detailPrice{
    width: 80px; }

  .carResume ul.resumeTitle{
    display: block; }

  .carResume ul.resumeFirst{
    border-top: unset; }

  .noDate{
    width: 60%; }

  .noDate .iconNodata{
    float: left; }

  .noDate .infoNodata{
    width: calc(100% - 110px);
    margin-left: 110px; }

  .recordFrom h3{
    margin-bottom: 0px; }

  .recordList li{
    padding: 20px; }

  .recordList li dd:nth-child(n+4){
    border-bottom: none; }

  .recordList li dd.col2{
    width: 50%; }

  .loanWrap .Searchbox{
    width: 500px; }

  .loanWrap .Searchbox h3 strong{
    font-size: 18px; }

  .loanWrap .Searchbox .searchArea{
    display: inline-block;
    width: 100%; }

  .loanRecordWrap .Searchbox .searchArea{
    display: inline-block;
    width: 100%; }

  .loanRecordWrap .Searchbox .searchArea select{
    width: calc( 100% - 186px); }

  .loanRecordWrap .Searchbox .buyCarButton{
    float: left; }

  .loanRecordWrap .form table tr td.setWidth, .loanRecordWrap .form table tr th.setWidth{
    min-width: 55px; }

  .loanRecordWrap ul li{
    width: 50%; }

  .carnewsWrap .bookMark li{
    margin-left: 5px; }

  .carnewsWrap .allSelect select{
    width: calc(50% - 5px); }

  .carnewsWrap .allSelect .quarter{
    width: calc(25% - 13px); }

  .carnewsWrap .allSelect input.textBox{
    width: calc(100% - 440px);
    margin: 0px 0px 10px 10px; }

  .resultBox li{
    width: calc(25% - 12px); }

  .resultBox li:nth-child(4n+1){
    margin-left: 0; }

  .onlineOrderWrap .mainTitle{
    color: #2f2d30;
    font-weight: bold;
    font-size: 26px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 26px;
    text-align: left;
    padding-bottom: 28px; }

  .onlineOrderWrap .mainTitle strong{
    margin-right: 5px;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 20px;
    text-align: center; }

  .onlineOrderWrap .mainTitle b{
    margin-right: 5px;
    line-height: 26px;
    vertical-align: -4px; }

  .onlineOrderWrap .mainTitle p.the-title{
    display: inline-block;
    vertical-align: -6px;
    color: #2f2d30;
    font-weight: normal;
    font-size: 24px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 26px;
    text-align: left; }

  .order-nodata{
    width: 70%; }

  .order-list{
    padding: 16px; }

  .order-list .theImg{
    width: 180px;
    height: 135px; }

  .order-list .theInfo{
    float: right;
    width: calc(100% - 200px); }

  .order-list .theInfo .count-info{
    float: left;
    width: calc( 100% - 0px);
    padding-bottom: 2px; }

  .order-list .theInfo .count-info li{
    float: left;
    margin-left: 20px;
    color: #2f2d30;
    font-weight: normal;
    font-size: 16px;
    font-family: 微軟正黑體, 黑體-繁, 新細明體, sans-serif, Arial, Helvetica, "Times New Roman", Times, serif;
    line-height: 16px;
    text-align: left; }

  .order-list .theInfo .count-info li:first-child{
    margin-left: 0px; }

  .order-list .theInfo .last-noSpace{
    padding-bottom: 0px; }

  .order-list .theInfo .mainTitle{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: calc( 100% - 0px); }

  .order-list .theInfo .car-price{
    float: left;
    width: calc( 100% - 0px);
    padding-bottom: 10px; }

  .shopInfo{
    margin-bottom: 36px; }

  .shopInfo > ul{
    float: left;
    margin-left: 30px;
    width: calc( 50% - 15px); }

  .shopInfo > ul:first-child{
    margin-left: 0px; }

  .order-rate > *{
    float: left;
    margin-left: 30px;
    padding: 16px 0px;
    width: calc( 50% - 15px); }

  .order-rate > *:first-child{
    margin-left: 0px; }

  .loanRecordWrap .Searchbox .online-year{
    width: 30%;
    margin: 0 auto 20px;
    display: block;
    overflow: hidden; }

  .loanRecordWrap .Searchbox .online-year select{
    width: calc( 100% - 57px); } }

@media screen and (min-width: 0\0){

  .modify-Group label input.radioBtn{
    width: 40px;
    height: 40px;
    top: -9px;
    left: -3px;
    border-width: 0px;
    box-shadow: none; }

  .modify-Group label input.radioBtn:focus{
    border-width: 0px;
    box-shadow: none; } }