@import url("https://fonts.googleapis.com/css?family=Questrial:|Source+Sans+Pro:200,400,600,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.banner {
  background-image: url("/static/images/header-img.jpg?c9582b2ad7ca");
  height: 446px;
  background-size: cover;
  box-sizing: border-box;
  padding-top: 78px;
  background-position: center; }
  @media (max-width: 960px) {
    .banner {
      padding-top: 15px;
      height: auto;
      padding-bottom: 40px;
      margin-bottom: 0px; } }
  .banner .bannerTitle {
    color: #fff;
    text-align: center;
    width: 80%;
    margin: auto; }
    @media (max-width: 960px) {
      .banner .bannerTitle {
        width: 100%; } }
    .banner .bannerTitle h1 {
      margin-bottom: 17px; }
      @media (max-width: 960px) {
        .banner .bannerTitle h1 {
          font-size: 28px;
          line-height: 40px; } }
    .banner .bannerTitle h2 {
      color: #fff;
      font-size: 24px;
      letter-spacing: 0;
      font-family: 'Source Sans Pro', sans-serif;
      margin-bottom: 64px;
      opacity: 0.8; }
      @media (max-width: 960px) {
        .banner .bannerTitle h2 {
          font-size: 18px;
          line-height: 26px; } }
  .banner .search {
    margin: auto;
    text-align: center; }
    .banner .search input {
      width: 30%;
      border-radius: 3px 0 0 3px;
      background-color: #fff;
      height: 52px;
      border: 1px solid #fff;
      font-size: 18px;
      font-family: 'Source Sans Pro', sans-serif;
      padding: 0 40px;
      background-image: url("/static/images/icons/search-glass.svg?c9582b2ad7ca");
      background-repeat: no-repeat;
      background-position: 3% 50%; }
      @media (max-width: 960px) {
        .banner .search input {
          width: 100%;
          border-radius: 3px;
          display: block;
          margin-bottom: 20px;
          box-sizing: border-box; } }
      .banner .search input:focus {
        outline-color: transparent;
        outline-style: none; }
    .banner .search select {
      width: 13%;
      background-color: #fff;
      height: 54px;
      border: 1px solid #fff;
      font-size: 18px;
      font-family: 'Source Sans Pro', sans-serif;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0 3px 3px 0;
      border-left: 1px solid #E4E4E4;
      margin-left: -5px;
      padding-left: 20px;
      background-image: url("/static/images/icons/dropdown.svg?657245bdfada");
      background-repeat: no-repeat;
      background-position: 90% 56%; }
      @media (max-width: 960px) {
        .banner .search select {
          width: 100%;
          border-radius: 3px;
          margin-left: 0;
          border: 1px solid #fff;
          display: block;
          margin-bottom: 20px; } }
    .banner .search button {
      cursor: pointer;
      height: 55px;
      width: 149px;
      background-color: #F58A07;
      border-radius: 3px;
      border: none;
      color: #fff;
      text-align: center;
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 20px;
      margin-left: 8px; }

.login_button {
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  width: 149px;
  background-color: #F58A07;
  border-radius: 3px;
  border: none;
  color: #fff;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  margin-left: 8px; }

.logoMembers {
  padding-bottom: 48px;
  padding-top: 50px;
  margin-bottom: 70px;
  border-bottom: 1px solid #F1F1F1;
  background-color: #F9FAFA; }
  @media (max-width: 960px) {
    .logoMembers {
      margin-bottom: 20px;
      padding-bottom: 20px;
      padding-top: 20px;
      background-color: #F9FAFA; } }
  .logoMembers .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    align-content: space-around; }
    @media (max-width: 960px) {
      .logoMembers .container {
        flex-wrap: wrap; } }
    .logoMembers .container a {
      display: block; }
      .logoMembers .container a img {
        height: 80px;
        padding: 0 30px; }
        @media (max-width: 960px) {
          .logoMembers .container a img {
            height: 60px;
            padding: 10px; } }

.mission {
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 70px;
  margin-bottom: 70px; }
  @media (max-width: 960px) {
    .mission {
      margin-bottom: 40px;
      padding-bottom: 20px; } }
  .mission h2 {
    margin-bottom: 70px; }
    @media (max-width: 960px) {
      .mission h2 {
        margin-bottom: 30px; } }
  .mission .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin: auto; }
    .mission .container .missionItem {
      width: 32%;
      box-sizing: border-box;
      padding: 1.2%;
      margin-bottom: 60px; }
      @media (max-width: 960px) {
        .mission .container .missionItem {
          width: 100%;
          margin-bottom: 20px; } }
      .mission .container .missionItem h3 {
        line-height: 24px;
        margin-bottom: 14px; }

.ourBoard ul.menu {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 26px;
  margin-bottom: 70px; }
  .ourBoard ul.menu li a {
    padding: 25px;
    color: #303030;
    text-decoration: none;
    font-family: "Questrial", sans-serif;
    font-size: 22px; }
    @media (max-width: 960px) {
      .ourBoard ul.menu li a {
        font-size: 18px; } }
    .ourBoard ul.menu li a.active {
      font-weight: bold;
      border-bottom: 2px solid #FF6E00; }
    .ourBoard ul.menu li a:hover {
      cursor: pointer;
      border-bottom: 2px solid #FF6E00;
      font-weight: 700; }

.ourBoard .board, .ourBoard .members {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  margin: auto;
  width: 100%; }
  @media (max-width: 960px) {
    .ourBoard .board, .ourBoard .members {
      flex-direction: column; } }
  .ourBoard .board .item, .ourBoard .members .item {
    width: 32%;
    box-sizing: border-box;
    padding: 1.2%;
    padding-left: 4%;
    margin-bottom: 60px; }
    @media (max-width: 960px) {
      .ourBoard .board .item, .ourBoard .members .item {
        width: 100%;
        margin-bottom: 20px; } }
    .ourBoard .board .item h3, .ourBoard .members .item h3 {
      line-height: 1.3;
      margin-bottom: 14px; }
      @media (max-width: 960px) {
        .ourBoard .board .item h3, .ourBoard .members .item h3 {
          margin-bottom: 10px; } }
    .ourBoard .board .item p, .ourBoard .members .item p {
      font-size: 22px;
      line-height: 30px; }

.ourBoard .members .item {
  padding-left: 4%; }

.ourBoard .members h4 {
  color: #FF6E00;
  font-weight: bold;
  font-size: 22px;
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.5; }

.ourBoard .members h3 {
  color: #303030;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 22px;
  opacity: 0.8;
  font-weight: 700;
  line-height: 1.2; }

.ourBoard .members address {
  color: #838383;
  font-size: 22px;
  line-height: 1.5; }
  .ourBoard .members address a {
    text-decoration: none;
    color: #838383; }

.aboutUsContainer {
  margin-bottom: 65px; }
  .aboutUsContainer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
    margin: auto; }
    @media (max-width: 960px) {
      .aboutUsContainer .container {
        padding: 0; } }
    .aboutUsContainer .container .box {
      width: 48%;
      height: 371px;
      box-sizing: border-box;
      margin-bottom: 22px; }
      @media (max-width: 960px) {
        .aboutUsContainer .container .box {
          width: 100%;
          height: auto; } }
    @media (max-width: 960px) {
      .aboutUsContainer .container .movie {
        width: 100%;
        height: 205px !important; } }
    .aboutUsContainer .container .image {
      overflow: hidden;
      height: 371px; }
      @media (max-width: 960px) {
        .aboutUsContainer .container .image {
          height: 200px; } }
    .aboutUsContainer .container .orange, .aboutUsContainer .container .blue {
      background-color: #FF6E00;
      padding: 4%;
      padding-top: 30px;
      color: #fff; }
      .aboutUsContainer .container .orange h3, .aboutUsContainer .container .blue h3 {
        font-size: 36px;
        color: #fff;
        font-family: "Questrial", sans-serif;
        margin-bottom: 20px; }
        @media (max-width: 960px) {
          .aboutUsContainer .container .orange h3, .aboutUsContainer .container .blue h3 {
            margin-left: 8px; } }
      .aboutUsContainer .container .orange p, .aboutUsContainer .container .blue p {
        font-weight: 200;
        color: #fff;
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 20px; }
        @media (max-width: 960px) {
          .aboutUsContainer .container .orange p, .aboutUsContainer .container .blue p {
            margin-left: 8px; } }
      .aboutUsContainer .container .orange strong, .aboutUsContainer .container .blue strong {
        font-weight: normal; }
    .aboutUsContainer .container .blue {
      background-color: #0069FF; }

.banner2 {
  height: 245px;
  background-image: url("/static/images/protection.jpg?c9582b2ad7ca");
  background-size: cover;
  box-sizing: border-box;
  padding-top: 65px;
  margin-bottom: 60px;
  background-position: center; }
  @media (max-width: 960px) {
    .banner2 {
      height: 300px;
      padding-top: 30px; } }
  .banner2 .bannerTitle {
    color: #fff;
    text-align: center;
    width: 50%;
    margin: auto; }
    .banner2 .bannerTitle h1 {
      margin-bottom: 17px;
      color: #fff;
      font-size: 40px;
      letter-spacing: -1px;
      line-height: 61px; }
      @media (max-width: 960px) {
        .banner2 .bannerTitle h1 {
          font-size: 32px;
          font-weight: 100;
          line-height: 1.4; } }

.press {
  margin-left: 22px; }
  .press h2 {
    margin-bottom: 16px; }
  .press h3 {
    margin-bottom: 70px;
    font-weight: 400;
    line-height: 1.5em; }
  .press .releases {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    height: 750px; }
    @media (max-width: 960px) {
      .press .releases {
        height: auto; } }
    .press .releases .item {
      width: 48%;
      margin-bottom: 40px; }
      @media (max-width: 960px) {
        .press .releases .item {
          width: 100%; } }
      .press .releases .item .date {
        font-size: 28px;
        color: #FF6E00; }
      .press .releases .item .line {
        border-bottom: 1px solid #C9C9C9;
        width: 26px;
        margin-bottom: 20px; }
      .press .releases .item ul li {
        margin-bottom: 30px; }
        .press .releases .item ul li a {
          text-decoration: none;
          color: #303030;
          font-size: 22px;
          line-height: 1.5em; }

form.login_form {
  text-align: center;
  margin-top: 50px; }
  form.login_form label {
    display: none; }
  form.login_form input {
    display: block;
    width: 30%;
    border-radius: 3px 0 0 3px;
    background-color: #fff;
    height: 52px;
    border: 1px solid #E4E4E4;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 20px;
    margin: 20px auto 20px auto; }
  form.login_form button {
    height: 44px;
    width: 114px;
    background-color: #F58A07;
    border-radius: 3px;
    border: none;
    color: #fff;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px; }

.upload-form {
  margin: 50px auto auto auto;
  width: 50%;
  text-align: center; }
  .upload-form .errorlist {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 5px; }
    .upload-form .errorlist li {
      display: flex;
      margin-left: 10px;
      font-size: 25px; }
      .upload-form .errorlist li ul:before {
        content: " : "; }
      .upload-form .errorlist li ul li {
        color: red;
        text-decoration: underline; }
  .upload-form input[type="file"] {
    text-align: center; }
  .upload-form button {
    height: 44px;
    width: 114px;
    background-color: #F58A07;
    border-radius: 3px;
    border: none;
    color: #fff;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px; }
  .upload-form h2 {
    margin-bottom: 20px; }
  .upload-form .shared-documents-info {
    display: flex;
    justify-content: center; }
    .upload-form .shared-documents-info .shared-documents {
      display: flex;
      flex-direction: column;
      margin-top: 20px;
      margin-left: 10px; }
      .upload-form .shared-documents-info .shared-documents .document {
        display: flex;
        justify-content: space-between; }
        .upload-form .shared-documents-info .shared-documents .document div {
          display: flex;
          justify-content: flex-start;
          margin-right: 10px;
          font-size: 20px;
          line-height: 25px;
          color: #838383; }
    .upload-form .shared-documents-info .failed_offices {
      margin-top: 20px;
      margin-left: 10px; }

@media (max-width: 960px) {
  .container.resultPage {
    padding: 0; } }

.resultPage h1 {
  font-family: 'Questrial', sans-serif;
  font-size: 22px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 28px; }
  @media (max-width: 960px) {
    .resultPage h1 {
      text-align: center;
      padding: 0 5%; } }

.result {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 50px; }
  @media (max-width: 960px) {
    .result {
      flex-direction: column-reverse; } }
  .result .displayResult {
    width: 50%;
    height: 902px;
    overflow: scroll;
    flex: 1; }
    @media (max-width: 960px) {
      .result .displayResult {
        width: 100%;
        height: auto;
        overflow: visible; } }
    .result .displayResult .office-address {
      min-width: 150px; }
    .result .displayResult .resultCount {
      font-size: 16px;
      color: #202020;
      opacity: 0.4;
      margin-bottom: 8px; }
      @media (max-width: 960px) {
        .result .displayResult .resultCount {
          padding: 0 5%; } }
    .result .displayResult form {
      margin-bottom: 28px;
      display: flex; }
      @media (max-width: 960px) {
        .result .displayResult form {
          padding: 0 5%; } }
      .result .displayResult form input {
        border: 1px solid #E4E4E4;
        border-right: none;
        border-radius: 2px 0 0 2px;
        width: 55%;
        font-size: 14.4px;
        height: 42px;
        padding-left: 15px; }
        .result .displayResult form input::-webkit-calendar-picker-indicator {
          display: none; }
        @media (max-width: 960px) {
          .result .displayResult form input {
            width: 48%; } }
        .result .displayResult form input:focus {
          outline-color: transparent;
          outline-style: none; }
        .result .displayResult form input::placeholder {
          color: #202020;
          opacity: 0.4;
          font-size: 14.4px; }
      .result .displayResult form select {
        width: 28%;
        background-color: #fff;
        height: 46px;
        font-size: 14.4px;
        font-family: 'Source Sans Pro', sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0 3px 3px 0;
        border: 1px solid #E4E4E4;
        margin-left: -5px;
        padding-left: 20px;
        background-image: url("/static/images/icons/dropdown.svg?657245bdfada");
        background-repeat: no-repeat;
        background-position: 90% 56%; }
        @media (max-width: 960px) {
          .result .displayResult form select {
            width: 40%; } }
      .result .displayResult form button {
        height: 46px;
        width: 44px;
        border-radius: 0 2px 2px 0;
        background-color: #F58A07;
        border: none;
        background-image: url("/static/images/icons/glass-white.svg?c9582b2ad7ca");
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer; }
    .result .displayResult .item {
      border-top: 1px solid #EBEEF0;
      padding: 16px 28px;
      cursor: pointer;
      margin-left: 20px;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .result .displayResult .item div.number {
        text-align: left;
        color: #8C8C8C; }
      .result .displayResult .item div.name_flag_logo {
        display: flex;
        flex-direction: row;
        justify-content: space-around; }
      @media (max-width: 960px) {
        .result .displayResult .item {
          padding: 16px 47px; } }
      .result .displayResult .item:hover {
        background-color: #F9FAFA; }
      .result .displayResult .item .name_flag_logo {
        display: flex; }
        .result .displayResult .item .name_flag_logo h2 {
          color: #303030;
          font-size: 22px;
          line-height: 30px;
          letter-spacing: 0px;
          font-weight: 600;
          width: 90%;
          margin-bottom: 0;
          padding-bottom: 0;
          background-repeat: no-repeat;
          padding-left: 23px;
          background-position: 0 40%;
          margin-left: -80px; }
      .result .displayResult .item img.company-logo {
        margin-top: -28px;
        float: right; }
        @media (max-width: 960px) {
          .result .displayResult .item img.company-logo {
            margin-right: -20px; } }
      .result .displayResult .item div.brands {
        color: #8C8C8C;
        font-size: 90%;
        font-style: italic; }
      .result .displayResult .item div.flex {
        display: flex; }
        @media (max-width: 960px) {
          .result .displayResult .item div.flex {
            flex-direction: column; } }
        .result .displayResult .item div.flex div.col {
          width: 50%;
          line-height: 1.2; }
          @media (max-width: 960px) {
            .result .displayResult .item div.flex div.col {
              width: 100%; } }
      .result .displayResult .item p {
        font-size: 16px;
        color: #000;
        opacity: 0.8; }
        .result .displayResult .item p strong {
          font-weight: bold;
          color: #000;
          opacity: 1; }
      .result .displayResult .item address, .result .displayResult .item div {
        line-height: 28px;
        font-size: 16px;
        opacity: 0.8;
        color: #000; }
      .result .displayResult .item a {
        color: #F58A07;
        text-decoration: none; }
  .result .resultMap {
    width: 50%; }
    @media (max-width: 960px) {
      .result .resultMap {
        width: 100%;
        height: 300px;
        margin-bottom: 20px; } }

.drop-window {
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 34px 20px 36px;
  text-align: center;
  -webkit-box-shadow: 0 3px 2px gray;
  box-shadow: 0 3px 2px gray;
  display: none; }
  .drop-window .close {
    position: absolute;
    right: -10px;
    top: 5px;
    display: block;
    width: 31px;
    height: 31px;
    background: url("/static/images/close.png?64a6ae6d5186") no-repeat left top;
    background-size: 50%; }
  .drop-window .btn-place {
    padding: 20px;
    margin: 28px -20px -36px;
    border-top: gray 1px solid; }
    .drop-window .btn-place .btn {
      margin-right: 5px;
      margin-left: 5px; }
    .drop-window .btn-place .btn:first-child {
      float: left;
      margin-left: 0; }
    .drop-window .btn-place .btn:last-child {
      float: right;
      margin-right: 0; }
  .drop-window .btn-place.bottom {
    clear: both;
    content: '';
    display: block; }
  .drop-window form {
    padding-bottom: 0;
    text-align: left; }
    .drop-window form textarea {
      padding: 5px;
      line-height: 1.2; }

header .container h1, header .container .h1 {
  position: relative; }
  header .container h1 button[data-chunk-modal-trigger], header .container .h1 button[data-chunk-modal-trigger] {
    position: absolute;
    left: 0;
    top: -15px; }

#chunk-manage {
  position: absolute;
  right: 10px;
  top: 50px; }
  #chunk-manage #chunk-button {
    padding: 10px;
    color: black; }
    #chunk-manage #chunk-button.green {
      border: 3px solid green;
      border-radius: 10px; }
    #chunk-manage #chunk-button.red {
      border: 3px solid red;
      border-radius: 10px; }

.chunk-button {
  all: initial !important;
  display: block !important;
  color: white !important;
  background-color: red !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  border: none !important; }

html {
  height: 100%; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  padding-top: 110px;
  display: flex;
  min-height: 100vh;
  height: 100%;
  flex-direction: column; }
  @media (max-width: 960px) {
    body {
      padding-top: 77px; } }

.content {
  flex-grow: 1; }

h1 {
  font-family: 'Questrial', sans-serif;
  font-size: 52px; }
  @media (max-width: 960px) {
    h1 {
      font-size: 28px; } }

h2 {
  font-family: 'Questrial', sans-serif;
  font-size: 36px;
  color: #303030;
  letter-spacing: -1px; }

h2.middle {
  text-align: center; }

h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 22px;
  color: #303030; }

p {
  font-size: 20px;
  line-height: 25px;
  color: #838383; }

.container {
  max-width: 1440px;
  margin: auto;
  padding: 0 5% 0 5%;
  box-sizing: border-box; }

header {
  height: 110px;
  margin-top: -110px;
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #F1F1F1; }
  @media (max-width: 960px) {
    header {
      height: 77px;
      margin-top: -77px; } }

nav {
  display: flex;
  font-size: 18px;
  align-items: center;
  align-content: center;
  justify-content: space-around;
  width: 100%; }
  nav ul {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    width: 90%; }
    nav ul li {
      padding: 15px; }
      @media (max-width: 960px) {
        nav ul li {
          display: none; }
          nav ul li.logo {
            display: block; }
            nav ul li.logo img {
              width: 128px; } }
      nav ul li a {
        display: block;
        text-decoration: none;
        color: #838383; }
        nav ul li a.anchor {
          display: block;
          position: relative;
          top: -250px;
          visibility: hidden; }
        nav ul li a.selected {
          font-weight: bold;
          color: #FF6E00; }
  nav .logo img {
    width: 180px; }

.span_anchor {
  position: relative;
  top: -250px; }

footer {
  background-color: #303030;
  padding-top: 68px;
  display: block;
  clear: both; }
  footer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: flex-start;
    align-content: stretch; }
    @media (max-width: 960px) {
      footer .container {
        flex-direction: column; } }
    footer .container .disclaimer p {
      color: #fff;
      margin-top: 3px;
      margin-bottom: 8px;
      font-size: 12px;
      line-height: 18px; }
    footer .container .disclaimer .header {
      font-size: 20px;
      margin-bottom: 15px; }
    @media (max-width: 960px) {
      footer .container .login {
        display: none; } }
    footer .container .login button {
      height: 44px;
      width: 114px;
      background-color: #F58A07;
      border-radius: 3px;
      border: none;
      color: #fff;
      text-align: center;
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 18px; }
    footer .container .item {
      width: 25%;
      color: #fff; }
      @media (max-width: 960px) {
        footer .container .item {
          width: auto;
          text-align: left;
          margin-left: 10px;
          padding-bottom: 32px; } }
      footer .container .item h2 {
        font-family: "Questrial", sans-serif;
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
        letter-spacing: 0; }
      footer .container .item .person {
        margin-bottom: 26px; }
      footer .container .item .tel, footer .container .item .fax, footer .container .item .email {
        margin-bottom: 20px;
        padding-left: 26px; }
      footer .container .item .tel {
        background: url("/static/images/icons/phone.svg?657245bdfada");
        background-repeat: no-repeat;
        background-position: 0 50%; }
      footer .container .item .fax {
        background: url("/static/images/icons/fax.svg?657245bdfada");
        background-repeat: no-repeat;
        background-position: 0 50%; }
      footer .container .item .email {
        background: url("/static/images/icons/email.svg?657245bdfada");
        background-repeat: no-repeat;
        background-position: 0 50%; }
      footer .container .item a {
        color: #fff;
        opacity: 0.7;
        text-decoration: none;
        line-height: 24px; }
      footer .container .item p {
        color: #fff;
        opacity: 0.7;
        font-size: 16px;
        line-height: 24px; }
    footer .container button {
      height: 55px;
      width: 149px;
      background-color: #F58A07;
      border-radius: 3px;
      border: none;
      color: #fff;
      text-align: center;
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 20px;
      margin-left: 8px; }
  footer .authority {
    display: flex;
    justify-content: center; }
    footer .authority p {
      margin: 10px 0 10px;
      color: #fff; }
  footer div.footer {
    padding: 20px 0 30px 0;
    border-top: 1px solid #979797;
    opacity: 1; }

.ui-menu {
  border: 1px solid #666;
  background: #fff;
  width: 400px; }
  .ui-menu li:hover {
    background: lightblue;
    cursor: pointer; }