/* ----- common ----- */
html, body {
  background: #eee;
}
.user-basic dt em, .form-file em {
  background-position: center center;
}
.user-basic dt em, .form-file em {
  background-size: cover;
}
.user-basic dt em {
  border-radius: 50%;
}
.red {
  color: #e00 !important;
}
.navi-uc li a:before, p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i:after, p.naviSwitch i:before, .uc-submenu li a:before {
  content: " ";
}
a, .user-basic dt *, .uc-main-summary a *, .uc-main-shortcut i, .form-file em {
  display: block;
}
.uc-main-summary a, .uc-main-shortcut ol, .uc-main-shortcut p, .l-footer-main__contact a, .uc-pager ul, .uc-footer-link p, .uc-footer-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.uesr-info-inner, .uc-main-shortcut ol, .form-action, .l-footer-main__contact, .uc-footer-link p {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uc-main-shortcut p * {
  font-weight: normal;
}
.uc-main-shortcut p, .uc-pager ul, .uc-footer-link p, .uc-footer-social {
  -webkit-justify-content: center;
  justify-content: center;
}
.uc-list-top {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.navi-uc li a:before, p.naviSwitch b, p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i, p.naviSwitch i:after, p.naviSwitch i:before, .uc-main-shortcut li p, .uc-submenu li a:before {
  position: absolute;
}
.header-uc, .navi-uc, h1.logo-uc, p.naviSwitch {
  position: fixed;
}
.navi-uc li a, .uc-main-shortcut li a, .uc-submenu li a {
  position: relative;
}
.uc-main-shortcut h4, .uc-main-shortcut i {
  text-align: center;
}
.navi-uc *, #vdcode, .form-action button {
  text-transform: uppercase;
}
.header-uc, .navi-uc, h1.logo-uc, p.naviSwitch {
  top: 0;
}
a, a *, .navi-uc, .navi-uc a, .navi-uc li a:before, p.naviSwitch b, p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i, p.naviSwitch i:after, p.naviSwitch i:before, .uc-submenu li a:before, .form-action button {
  transition: all 300ms ease 0s;
}
.navi-uc li a, .l-footer-main__contact span {
  white-space: nowrap;
}
.header-uc, .uesr-information, .uc-main-shortcut p {
  width: 100%;
}
* {
  z-index: 0;
}
.uc-footer-social li a {
  overflow: hidden;
  text-indent: -5000em;
}
/* ----- header-uc ----- */
.header-uc {
  background: linear-gradient(to left, #b0b9c6 0%, #e2e7ec 100%);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 830;
}
/* ----- logo-uc ----- */
h1.logo-uc, p.naviSwitch {
  z-index: 850;
}
/* ----- navi-uc ----- */
.navi-uc {
  z-index: 840;
}
.form-file, .form-file em, .form-file b {
  position: relative;
  z-index: 0;
}
.form-file, .form-file * {
  cursor: pointer;
}
.form-file input {
  height: 100%;
  left: 0;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* ----- uc-footer-social ----- */
.uc-footer-social li a {
  background-position: 50% 50%;
  background-size: contain;
}
.uc-footer-social li.item-youtube a {
  background-image: url(/assets/img/uc/ico/youtube.svg);
}
.uc-footer-social li.item-facebook a {
  background-image: url(/assets/img/uc/ico/facebook.svg);
}
.uc-footer-social li.item-twitter a {
  background-image: url(/assets/img/uc/ico/twitter.svg);
}
.uc-footer-social li.item-douyin a {
  background-image: url(/assets/img/uc/ico/douyin.svg);
}
.uc-footer-social li.item-ixigua a {
  background-image: url(/assets/img/uc/ico/ixigua.svg);
}
.uc-footer-social li.item-weixin a {
  background-image: url(/assets/img/uc/ico/weixin.svg);
}
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
@media (max-width: 1239px) {
  .na:before {
    content: " ";
  }
  .uc-submenu ol, .uc-list td {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .uc-submenu ol {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .uc-main-summary a1, .l-footer-main__contact a {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .navi-uc {
    overflow: auto;
  }
  .uc-submenu ol, .uc-submenu i, .uc-submenu li.curr a:before {
    position: absolute;
  }
  .uc-submenu {
    position: relative;
  }
  .uc-submenu i {
    text-align: center;
  }
  .uc-submenu i {
    transition: all 300ms ease 0s;
  }
  .navi-uc, .navi-uc ol, .uesr-info-inner, .user-basic, .uc-page-left, .uc-page-right, .uc-submenu, .uc-submenu ol, .uc-submenu li, .uc-submenu li * {
    width: 100%;
  }
  /* ----- header-uc ----- */
  .header-uc {}
  .header-uc, .pdh {
    height: 62px;
  }
  h1.logo-uc * {
    height: 50px;
    width: 120px;
  }
  h1.logo-uc a {
    padding: 6px 20px;
  }
  /* ----- navi-uc ----- */
  .navi-uc, .navi-uc ol {}
  .navi-uc {
    transform: translate(-100%);
  }
  /* ----- naviSwitch ----- */
  p.naviSwitch {
    height: 62px;
    width: 62px;
  }
  p.naviSwitch, .navi-uc {
    background: #cad1d9;
    right: 0;
  }
  p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i, p.naviSwitch i:after, p.naviSwitch i:before {
    background-color: #282828;
  }
  p.naviSwitch b, p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i, p.naviSwitch i:after, p.naviSwitch i:before {
    height: 2px;
    width: 32px;
  }
  p.naviSwitch b, p.naviSwitch i {
    left: 15px;
    top: 30px;
  }
  p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i:after, p.naviSwitch i:before {
    left: 0;
  }
  p.naviSwitch i:after {
    bottom: -9px;
  }
  p.naviSwitch i:before {
    top: -9px;
  }
  p.naviSwitch b, p.naviSwitch.shown i, p.naviSwitch.shown i:after, p.naviSwitch.shown i:before {
    opacity: 0;
  }
  p.naviSwitch.shown i:after {
    bottom: 0;
  }
  p.naviSwitch.shown i:before {
    top: 0;
  }
  p.naviSwitch.shown b {
    opacity: 1;
  }
  p.naviSwitch.shown b:after {
    transform: rotate(-45deg);
  }
  p.naviSwitch.shown b:before {
    transform: rotate(45deg);
  }
  /* ----- navi-uc ----- */
  .navi-uc {
    height: calc(100% - 62px);
    top: 62px;
  }
  .navi-uc ol {
    border-top: 1px solid rgba(255, 255, 255, 0.62);
  }
  .navi-uc li, .navi-uc li * {
    line-height: 54px;
  }
  .navi-uc li {
    background: rgba(255, 255, 255, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
  .navi-uc li a {
    padding-left: 24px;
  }
  .navi-uc li.curr a:before {
    background: #39d;
    height: 18px;
    left: 0;
    top: 18px;
    width: 3px;
  }
  /* ----- uesr-information ----- */
  .uesr-information {
    background: linear-gradient(to top, #06a 0%, #059 100%);
    padding: 15px 0 0 0;
  }
  /* ----- user-basic ----- */
  .user-basic {
    height: 69px;
  }
  .user-basic dt, .user-basic dt *, .user-basic dd {
    height: 54px;
  }
  .user-basic dt {
    padding: 0 12px 0 15px;
    width: 81px;
  }
  .user-basic dt * {
    width: 54px;
  }
  .user-basic dd {
    width: calc(100% - 81px);
  }
  .user-basic dd * {
    color: #fff;
  }
  .user-basic dd h4 {
    font-size: 20px;
    padding: 12px 0 3px 0;
  }
  .user-basic dd p, .uc-main-summary * {
    font-size: 14px;
  }
  .user-basic dd p, .uc-main-summary a b {
    opacity: 0.8;
  }
  .uc-main-summary {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 50%;
  }
  .uc-main-summary:last-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .uc-main-summary * {
    color: #fff;
    line-height: 45px;
  }
  .uc-main-summary a {
    padding-left: 15px;
  }
  .uc-main-summary a b {
    margin-right: 6px;
  }
  /* ----- uc-main-shortcut ----- */
  .uc-main-shortcut {
    padding: 15px 15px 15px 3px;
    width: 100%;
  }
  .uc-main-shortcut h3 {
    font-size: 18px;
    padding-left: 15px;
  }
  .uc-main-shortcut li {
    padding: 12px 0 0 12px;
    width: 50%;
  }
  .uc-main-shortcut li a {
    background: #fff;
    height: calc(50vw - 21px);
  }
  .uc-main-shortcut .shortcut-big {
    color: #666;
    font-size: 48px;
    line-height: 48px;
    padding: 18px 0 6px 0;
  }
  .uc-main-shortcut h4 {
    color: #000;
    font-size: 16px;
    line-height: 1;
  }
  .uc-main-shortcut p {
    bottom: 18px;
    left: 0;
  }
  .uc-main-shortcut a p * {
    color: #0067b8;
  }
  .uc-main-shortcut p b {
    font-size: 13px;
  }
  .uc-main-shortcut p i {
    font-size: 16px;
  }
  /* ----- uc-submenu ----- */
  .uc-submenu, .uc-submenu li {
    background: #fff;
  }
  .uc-submenu, .uc-submenu ol, .uc-submenu i, .uc-submenu li * {
    height: 54px;
    line-height: 54px;
  }
  .uc-submenu {
    z-index: 5;
  }
  .uc-submenu ol {
    overflow: hidden;
    z-index: 0;
  }
  .uc-submenu.expanded ol {
    height: auto;
    overflow: visible;
  }
  .uc-submenu i {
    color: #000;
    font-size: 27px;
    right: 0;
    top: 0;
    width: 62px;
    z-index: 1;
  }
  .uc-submenu.expanded i {
    transform: rotate(180deg);
  }
  .uc-submenu li {
    border-bottom: 1px solid #eee;
    order: 5;
  }
  .uc-submenu li.curr {
    order: 0;
  }
  .uc-submenu li a {
    padding-left: 18px;
  }
  .uc-submenu li.curr a:before {
    background: #39d;
    height: 18px;
    left: 0;
    top: 18px;
    width: 3px;
  }
  /* ----- common-func-form ----- */
  .common-func-form {
    background: #f8f8f8;
  }
  .common-func-form h3, .common-func-form h5 {
    padding: 12px;
  }
  .common-func-form h5 span {
    margin-left: 6px;
  }
  .common-func-form p, .common-func-form p * {
    line-height: 1.4 !important;
  }
  .common-func-form p {
    color: #666;
    padding: 0 12px 12px 12px;
  }
  .common-func-form p span {
    margin-right: 6px;
  }
  .form-row, .form-action {
    border-top: 1px solid #ddd;
  }
  .form-row {
    padding: 12px 12px;
  }
  .form-row dt {
    color: #888;
    padding-bottom: 12px;
  }
  .form-row dd h4 {
    color: #17b;
  }
  .form-row dd label {
    margin-right: 12px;
  }
  .form-int, .form-file input {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 45px;
    padding: 0 12px;
    width: 100%;
  }
  .form-int.int-select {
    background: #fff url(/assets/img/ico/menu-down.svg) 97% 50% no-repeat
  }
  #vdcode {
    margin-right: 12px;
    width: 38%;
  }
  #vdimgck {
    height: 24px;
    margin-right: 11px;
    margin-top: 11px;
  }
  #avatar-origin, .form-file em {
    border: 1px solid #ddd;
    height: 48px;
    margin-right: 18px;
    width: 48px;
  }
  .common-func-form a, .form-file b {
    line-height: 48px;
  }
  .common-func-form a {
    color: #17b;
  }
  .common-func-form .red {
    padding-right: 10px;
  }
  .form-file b {
    color: #989898;
    font-weight: normal;
  }
  /* ----- form-action ----- */
  .form-action {
    padding: 18px 6px;
  }
  .form-action dt, .form-action dd {
    width: 50%;
  }
  .form-action.login-special dt, .form-action.login-special dd {
    margin: 0 10%;
    width: 80%;
  }
  .form-action dt, .form-action dd {
    padding: 0 6px;
  }
  .form-action.login-special dt, .form-action.login-special dd {
    padding: 6px 6px 0 6px;
  }
  .form-action.login-special dd a {
    text-align: center;
  }
  .form-action button {
    border: 1px solid #39d;
    border-radius: 3px;
    height: 48px;
    width: calc(100% - 2px);
  }
  .form-action dt button {
    background: #39d;
    color: #fff;
  }
  .form-action dd button {
    background: #fff;
    color: #39d;
  }
  .form-action * button:hover {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  /* ===== uc-list+drawing-list+quotation-list ===== */
  .uc-list, .uc-list table, .uc-list tr, .uc-list td {
    width: 100%;
  }
  .uc-list {
    background: #f8f8f8;
  }
  .uc-list-top {
    padding: 12px;
  }
  .uc-list-top h3 {
    font-size: 18px;
    line-height: 36px;
  }
  .uc-list-top p a {
    line-height: 34px;
    padding: 0 18px;
  }
  .uc-list-top p a {
    background: #fff;
    border: 1px solid #39d;
    border-radius: 5em;
    color: #39d;
  }
  .uc-list thead {
    display: none !important;
  }
  .uc-list tr, .uc-pager {
    border-top: 1px solid #ddd;
  }
  .uc-list th, .uc-list td {
    padding: 6px 12px;
    text-align: left;
    width: 100%;
  }
  .uc-list tr:nth-child(2n) td {
    background: #fff;
  }
  .uc-list td:first-child {
    padding-top: 12px;
  }
  .uc-list td:last-child {
    padding-bottom: 12px;
  }
  .uc-list td, .uc-list td p {
    color: #989898;
  }
  .uc-list td h4 {
    color: #1f2a44;
  }
  .uc-list td span {
    color: #090;
  }
  .uc-list td:last-child a {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    margin: 0 3px;
    text-align: center;
    text-transform: uppercase;
    width: calc(50% - 6px);
  }
  .uc-list td:before {
    color: #888;
    margin-right: 12px;
  }
  .table-drawing td {
    color: #333;
  }
  .table-drawing td:nth-child(1):before, .table-quotation td:nth-child(1):before {
    content: "No. : ";
  }
  .table-drawing td:nth-child(2):before, .table-quotation td:nth-child(2):before {
    content: "Title : ";
  }
  .table-drawing td:nth-child(3):before, .table-quotation td:nth-child(3):before {
    content: "Status : ";
  }
  .table-drawing td:nth-child(4):before, .table-quotation td:nth-child(4):before {
    content: "Date : ";
  }
  /* ----- uc-pager ----- */
  .uc-pager {
    padding: 18px 0;
  }
  .uc-pager li {
    margin: 0 3px;
  }
  .uc-pager li a, .uc-pager li b {
    border-radius: 3px;
    display: block;
    line-height: 36px;
    min-width: 38px;
    padding: 0 12px;
    text-align: center;
  }
  .uc-pager li b {
    background: #1f2a44;
    border: 1px solid #1f2a44;
    color: #fff;
  }
  .uc-pager a {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
  }
  /* ----- footer ----- */
  .l-footer-main.uc-special {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .uc-footer-link p {
    padding-bottom: 30px;
  }
  .uc-footer-social li {
    margin: 0 12px;
  }
  .uc-footer-social li a {
    height: 18px;
    width: 21px;
  }
}
/* ----- end_1239px ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
@media (min-width: 1240px) {
  .pc-hide, .uc-submenu i {
    display: none !important;
  }
  .uc-page-full {
    background: #fff;
  }
  .uc-page-full {
    padding: 0 150px;
    width: 1200px;
  }
  .navi-uc ol, .uc-list td:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .form-action {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .navi-uc ol {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /* ----- header-uc ----- */
  .header-uc {}
  .header-uc, .pdh {
    height: 70px;
  }
  /* ----- logo-uc ----- */
  h1.logo-uc, .navi-uc {
    left: 50%;
  }
  h1.logo-uc {
    margin-left: -600px;
  }
  h1.logo-uc * {
    height: 50px;
    width: 120px;
  }
  h1.logo-uc a {
    padding: 10px 0;
  }
  /* ----- navi-uc ----- */
  .navi-uc, .navi-uc ol {
    width: 600px;
  }
  .navi-uc {
    margi-left: 600px;
  }
  .navi-uc li {
    margin: 0 30px;
  }
  .navi-uc li a {
    line-height: 50px;
    padding: 10px 0;
  }
  .navi-uc li a:link, .navi-uc li a:visited {
    color: #000;
  }
  .navi-uc li a:hover, .navi-uc li a:active, .navi-uc li.curr a:link, .navi-uc li.curr a:visited {
    color: #39d;
  }
  .navi-uc li a:before {
    background: #39d;
    bottom: 0;
    height: 2px;
    left: 0;
    width: 0%;
  }
  .navi-uc li:hover a:before, .navi-uc li.curr a:before {
    width: 100%;
  }
  /* ----- uesr-information ----- */
  .uesr-information {
    background: linear-gradient(to top, #06a 0%, #059 100%);
    padding: 30px 0;
  }
  .uesr-info-inner, .uc-main-shortcut, .uc-page {
    margin: auto;
    width: 1200px;
  }
  /* ----- user-basic ----- */
  .user-basic, .user-basic dt, .user-basic dt *, .user-basic dd {
    height: 96px;
  }
  .user-basic dt, .user-basic dt * {
    width: 96px;
  }
  .user-basic dd {
    padding-left: 18px;
    width: 320px;
  }
  .user-basic dd * {
    color: #fff;
  }
  .user-basic dd h4 {
    font-size: 30px;
    padding: 24px 0 12px 0;
  }
  .user-basic dd p {
    font-size: 14px;
    opacity: 0.8;
  }
  .uc-main-summary {
    padding: 33px 96px 32px 48px;
  }
  .uc-main-summary * {
    color: #fff;
    height: 30px;
    line-height: 1;
  }
  .uc-main-summary a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
  }
  .uc-main-summary a:hover {
    border-bottom: 1px solid #fff;
  }
  .uc-main-summary a b {
    opacity: 0.8;
    padding-right: 12px;
  }
  .uc-main-summary a:hover b {
    opacity: 1;
  }
  /* ----- uc-main-shortcut ----- */
  .uc-main-shortcut {
    padding: 48px 0 60px 0;
  }
  .uc-main-shortcut h3 {
    color: #000;
    font-size: 30px;
    line-height: 1;
    padding-bottom: 24px;
  }
  .uc-main-shortcut li, .uc-main-shortcut li a {
    background: #fff;
    height: 380px;
    width: 380px;
  }
  .uc-main-shortcut li:nth-child(2) {
    margin: 0 30px;
  }
  .uc-main-shortcut li a {}
  .uc-main-shortcut li a:link .shortcut-big, .uc-main-shortcut li a:visited .shortcut-big {
    color: #666;
  }
  .uc-main-shortcut li a:link h4, .uc-main-shortcut li a:visited h4 {
    color: #000;
  }
  .uc-main-shortcut li a:link p *, .uc-main-shortcut li a:visited p * {
    color: #0067b8;
  }
  .uc-main-shortcut li a:hover *, .uc-main-shortcut li a:active * {
    color: #6cf !important;
  }
  .uc-main-shortcut .shortcut-big {
    font-size: 96px;
    line-height: 96px;
    padding: 60px 0 24px 0;
  }
  .uc-main-shortcut h4 {
    font-size: 21px;
  }
  .uc-main-shortcut p {
    bottom: 30px;
    position: absolute;
  }
  .uc-main-shortcut p b {
    font-size: 15px;
  }
  .uc-main-shortcut p i {
    font-size: 18px;
  }
  /* ===== uc-page ===== */
  .uc-page {
    padding: 36px 0;
  }
  /* ----- left ----- */
  .uc-page-left {
    width: 270px;
  }
  .uc-submenu, .uc-page-right {
    background: #fff;
    border-radius: 0px;
  }
  .uc-submenu li:not(:first-child) {
    border-top: 1px solid #eee;
  }
  .uc-submenu li a {
    line-height: 54px;
    padding-left: 18px;
  }
  .uc-submenu li a:link, .uc-submenu li a:visited {
    color: #666;
  }
  .uc-submenu li a:hover, .uc-submenu li a:active {
    color: #6cf;
  }
  .uc-submenu li:hover a:before, .uc-submenu li.curr a:before {
    height: 24px;
    left: 0;
    top: 15px;
    width: 3px;
  }
  .uc-submenu li:hover a:before {
    background: #6cf;
  }
  .uc-submenu li.curr a:link, .uc-submenu li.curr a:visited {
    color: #39d;
  }
  .uc-submenu li.curr a:before {
    background: #39d;
  }
  /* ----- right ----- */
  .uc-page-right {
    margin-left: 30px;
    width: 900px;
  }
  /* ----- common-func-form ----- */
  .common-func-form, .form-row, .uc-list {
    width: 840px;
  }
  .common-func-form, .uc-list {
    box-sizing: content-box;
  }
  .common-func-form {
    padding: 0px 30px 30px 30px;
  }
  .common-func-form h3, .common-func-form h5 {
    padding: 48px 0 24px 270px;
  }
  .common-func-form h3 {
    font-size: 24px;
  }
  .common-func-form h5 span {
    margin-left: 10px;
  }
  .form-row {
    min-height: 48px;
  }
  .form-row:not(:first-child), .form-action {
    border-top: 1px dotted #ddd;
  }
  .form-row {
    padding: 12px 0;
  }
  .form-row dt, .form-row dd {
    line-height: 48px;
  }
  .form-row dt {
    box-sizing: content-box;
    color: #333;
    font-size: 16px;
    padding-right: 30px;
    text-align: right;
    width: 240px;
  }
  .form-row dd h4 {
    color: #17b;
    font-size: 18px;
  }
  .form-row dd label {
    margin-right: 30px;
  }
  .form-int {
    background: #fff;
    border: 1px solid #ccc;
    height: 46px;
    padding: 0 10px;
    width: 320px;
  }
  #vdcode {
    margin-right: 20px;
    width: 120px;
  }
  #vdimgck {
    height: 24px;
    margin-right: 18px;
    margin-top: 12px;
    width: 68px;
  }
  #avatar-origin, .form-file em {
    border: 1px solid #ddd;
    height: 48px;
    margin-right: 30px;
    width: 48px;
  }
  .common-func-form a:link, .common-func-form a:visited {
    color: #17b;
  }
  .common-func-form a:hover, .common-func-form a:active {
    color: #6cf;
  }
  .common-func-form p {
    color: #989898;
    line-height: 20px;
    padding: 0 18px 18px 270px;
  }
  .common-func-form .red {
    padding-right: 10px;
  }
  .form-file b {
    color: #989898;
    line-height: 48px;
    font-weight: normal;
  }
  /* ----- form-action ----- */
  .form-action {
    padding-top: 24px;
  }
  .form-action dt, .form-action dd {
    padding: 0 12px;
  }
  .form-action a {
    line-height: 54px;
    margin-left: 24px;
  }
  .form-action button {
    border: 1px solid #39d;
    height: 54px;
    padding: 0 48px;
  }
  .form-action dt button {
    background: #39d;
    color: #fff;
  }
  .form-action dd button {
    background: #fff;
    color: #39d;
  }
  .form-action * button:hover {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  /* ===== password-rank ===== */
  .rank {
    border: none;
    background: url(/assets/img/uc/rank.png) no-repeat;
    width: 210px;
    height: 22px;
    vertical-align: middle;
    cursor: default;
    margin: 0 0 0 5px;
  }
  .r0 {
    background-position: 0 2px;
  }
  .r1 {
    background-position: 0 -19px;
  }
  .r2 {
    background-position: 0 -40px;
  }
  .r3 {
    background-position: 0 -61px;
  }
  .r4 {
    background-position: 0 -82px;
  }
  .r5 {
    background-position: 0 -103px;
  }
  .r6 {
    background-position: 0 -124px;
  }
  .r7 {
    background-position: 0 -145px;
  }
  /* ===== uc-list+drawing-list+quotation-list ===== */
  .uc-list {
    padding: 30px;
  }
  .uc-list-top {
    padding-bottom: 18px
  }
  .uc-list-top h3 {
    font-size: 30px;
    line-height: 42px;
  }
  .uc-list-top p a {
    line-height: 38px;
    padding: 0 21px;
  }
  .uc-list-top p a:link, .uc-list-top p a:visited {
    background: #fff;
    border: 2px solid #39d;
    border-radius: 5em;
    color: #39d;
  }
  .uc-list-top p a:hover, .uc-list-top p a:active {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  .uc-list table {
    width: 100%;
  }
  .uc-list th, .uc-list td {
    padding: 15px 6px;
    text-align: center;
  }
  .uc-list th {
    background: #eee;
  }
  .uc-list th:not(:first-child), .uc-list td:not(:first-child) {
    border-left: 1px solid #fff;
  }
  .uc-list tr:nth-child(2n) td {
    background: #f8f8f8;
  }
  .uc-list th:nth-child(1), .uc-list td:nth-child(1) {
    width: 70px;
  }
  .uc-list th:nth-child(3), .uc-list td:nth-child(3) {
    width: 120px;
  }
  .uc-list th:nth-child(4), .uc-list td:nth-child(4) {
    width: 130px;
  }
  .uc-list th:last-child, .uc-list td:last-child {
    width: 240px;
  }
  .uc-list td, .uc-list td p {
    color: #989898;
  }
  .uc-list td h4 {
    color: #1f2a44;
  }
  .uc-list td span {
    color: #090;
  }
  .uc-list td:last-child a:link, .uc-list td:last-child a:visited {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    padding: 0 9px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 103px;
  }
  .uc-list td:last-child a:hover, .uc-list td:last-child a:active {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  .uc-list td:last-child a:last-child {
    margin-left: 0.25em;
  }
  /* ----- uc-pager ----- */
  .uc-pager {
    border-top: 1px solid #eee;
    padding-top: 24px;
  }
  .uc-pager ul {}
  .uc-pager li {
    margin: 0 6px;
  }
  .uc-pager li a, .uc-pager li b {
    border-radius: 3px;
    display: block;
    line-height: 45px;
    min-width: 47px;
    padding: 0 18px;
    text-align: center;
  }
  .uc-pager li b {
    background: #17b;
    border: 1px solid #17b;
    color: #fff;
  }
  .uc-pager a:link, .uc-pager a:visited {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
  }
  .uc-pager a:hover, .uc-pager a:active {
    background: #6cf;
    border: 1px solid #6cf;
    color: #fff;
  }
  /* ----- footer ----- */
  .l-footer-main__contact {
    flex-direction: row;
  }
  /* ----- uc-footer-link ----- */
  .uc-footer-link p {
    padding-bottom: 48px;
  }
  .uc-footer-link p a {
    font-size: 21px;
    font-weight: 300;
  }
  .uc-footer-link p a:link, .uc-footer-link p a:visited {
    color: #fff;
  }
  .uc-footer-link p a:hover, .uc-footer-link p a:active {
    color: #6cf;
  }
  /* ----- uc-footer-social ----- */
  .uc-footer-social {}
  .uc-footer-social li {
    margin: 0 15px;
  }
  .uc-footer-social li a {
    height: 30px;
    opacity: 0.38;
    width: 34px;
  }
  .uc-footer-social li a:hover {
    opacity: 1;
  }
}
/* ----- end_1240px ----- */