@charset "UTF-8";

/* source: about.css */
/*====================
	about 
====================*/
input[type="radio"] {
  display: none; }

input[type="radio"] + label span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 7px 0 0;
  vertical-align: middle;
  background: url(Content/Template/img/about/icon_radio_0.jpg) center no-repeat;
  background-size: cover !important;
  cursor: pointer; }

input[type="radio"]:checked + label span {
  background: url(Content/Template/img/about/icon_radio_1.jpg) center no-repeat; }

.ui-035 {
  margin-bottom: 20px;
  padding: 0; }
  .ui-036 {
    width: 100%;
    height: 0;
    padding-bottom: 28.125%;
    background-size: cover !important;
    background: url(Content/Template/img/about/banner_about_1.jpg) center no-repeat; }
  .ui-044 {
    line-height: 40px;
    margin: 0;
    color: #fff;
    background: url(Content/Template/img/about/bg_about_title_1.jpg) center no-repeat; 
	background-size: 100% 100%;}
  .ui-043 {
    padding-left: 30px;
    padding-right: 0px;
    margin-bottom: 0;
	font-size:16px;
	 }
  .ui-042 {
    margin-bottom: 0;
	font-size:16px; }

.ui-014 {
  padding: 0 15px; }

.ui-010 {
  margin: 0 0 15px;
  font-weight: bold; }
  .ui-013 {
    border-top: 3px solid #b5d7e1;
    padding: 10px 0 0;
    width: calc(100% - 30px);
    margin: 0 15px 15px;
    text-align: center; }

.ui-011 {
  position: relative;
  padding: 20px 28px;
  margin: -1px 0 0;
  font-size: 16px;
  color: #fff;
  letter-spacing: .5px;
  font-weight: bold;
  background: url(Content/Template/img/about/bg_about_title_4_m.jpg) no-repeat;
  background-size: 100% 100%; }
  .ui-011 small {
    font-weight: 300;
    letter-spacing: 1px;
    color: #fff; }
  .ui-011::after {
    position: absolute;
    content: '';
    display: block;
    bottom: -20px;
    left: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 20px 35px;
    border-color: transparent transparent transparent #01b8d7;
    z-index: 1; }
  .ui-012 {
    padding: 15px 20px; }
    .ui-012::after {
      display: none; }

.ui-009 {
  color: #595757;
  padding: 30px 25px 10px;
  background-color: #e9e9e9; }
  .ui-009 h5 {
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px; }
  .ui-009 p {
    margin-bottom: 20px; }
  .ui-009 .ui-267 {
    padding-bottom: 20px; }

.ui-003 {
  margin-bottom: 30px; }
  .ui-005 {
    margin-left: 0;
    margin-right: 0; }
  .ui-004 {
    margin-left: -1px;
    margin-right: -1px; }

.ui-007 {
  margin-bottom: 20px; }

.ui-008 {
  margin-bottom: 40px; }

.ui-230 {
  padding-left: 25px; }
  .ui-233 {
    position: relative;
    padding: 15px 10px;
    margin-bottom: 10px;
    border-top: 3px solid #b5d7e1; }
  .ui-232 {
    position: absolute;
    display: block;
    top: -30px;
    left: calc(50% - 25px);
    width: 50px;
    height: 35px;
    padding: 10px 7px;
    font-size: 16px;
    color: #00afd4;
    background-color: #fff;
    font-weight: normal;
    z-index: 1; }
  .ui-231 {
	position: absolute;
	left: 0;
	color: #00afd4;
	width: 42px;
}

/* Our Company */
.ui-016 {
    margin-bottom: 15px;
    padding-right: 1px;
    padding-left: 1px;
}

    .ui-016:last-child {
        margin-bottom: 0;
    }



.ui-019::before {
    background-image: url(Content/Template/img/layout/deco_home.png);
}

.ui-020::before {
    background-image: url(Content/Template/img/layout/deco_office.png);
}

.ui-021::before {
    background-image: url(Content/Template/img/layout/deco_mobile.png);
}

.ui-022::before {
    background-image: url(Content/Template/img/layout/deco_industrial.png);
}

.ui-023::before {
    background-image: url(Content/Template/img/layout/deco_automotive.png);
}

.ui-018 {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.ui-018::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 27%;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ui-017 {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.ui-017::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 27%;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ui-017:hover::after, .ui-017:focus::after, .ui-017:active::after, .ui-017.active::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.ui-024 {
    font-size: 14px;
    text-align: center;
}

/* leadership */
.ui-199 {
  margin-bottom: 40px; }

/* Media Relations */
.ui-210 {
  width: 80%;
  max-width: 300px;
  margin: 30px auto 60px; }
  .ui-215 {
    text-align: center; }
  .ui-211 {
    text-align: center; }
  .ui-212 {
    display: inline-block;
    position: relative;
    text-align: left;
    padding-left: 70px;
    min-width: 250px;
    margin-bottom: 20px; }
    .ui-212::before {
      content: '';
      display: block;
      position: absolute;
      width: 45px;
      height: 45px;
      top: -2px;
      left: 0; }
    .ui-213::before {
      background-color: #005AA9; }
    .ui-214::before {
      background-color: #00afd4; }

.ui-131 {
  position: relative;
  display: block;
  padding: 15px 50px 15px 20px;
  margin-bottom: 5px;
  color: #000;
  border: 1px solid #bcbbba; }
  .ui-131::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    right: 20px;
    width: 25px;
    height: 25px; }
  .ui-131:hover, .ui-131:focus, .ui-131:active, .ui-131.active {
    background-color: #f2f2f2; }
  .ui-141::after {
    background: url(Content/Template/img/about/icon_about_jpg.png) center no-repeat;
    background-size: cover; }
  .ui-137::after {
    background: url(Content/Template/img/about/icon_about_gif.png) center no-repeat;
    background-size: cover; }
  .ui-142::after {
    background: url(Content/Template/img/about/icon_about_pdf.png) center no-repeat;
    background-size: cover; }
  .ui-134 {
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #a1a1a2; }
    .ui-135 {
      border-bottom: 0; }

.ui-244 {
  padding-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #a1a1a2; }
  .ui-244:last-child {
    border-bottom: 0; }
  .ui-246 {
    font-size: 12px;
    font-weight: 500;
    margin-left: -15; }
  .ui-245 {
    display: block;
    width: 80%;
    max-width: 300px;
    margin: 20px auto; }

/* distributor */
.ui-130 {
  margin-bottom: 20px; }

/* coutact us */
.ui-129 {
  margin: 0;
  background-color: #e9e9e9; }

.ui-128 {
  padding: 0; }

.ui-087 {
  margin: 0; }
  .ui-087 p {
    padding-left: 0; }
  .ui-087 input[type=text], .ui-087 textarea {
    padding: 9px 20px;
    margin-bottom: 30px;
    vertical-align: -5px;
    border: 1px solid #e9e9e9;
    background-color: #e9e9e9; }
  .ui-087 textarea {
    height: 170px;
    resize: none; }

.ui-173 {
  margin: 0; }
  .ui-173 input:-ms-input-placeholder{color:#a1a1a2 !important; opacity: 0.54;}
  .ui-173 ::-webkit-input-placeholder {color:#a1a1a2;opacity: 0.54;}
  .ui-173 input::-moz-placeholder {color:#a1a1a2;opacity: 0.54;}
  .ui-173 input::-moz-placeholder{color:#a1a1a2;opacity: 0.54;}
  .ui-173 p {padding-left: 0;}
  .ui-173 input[type=text] {
    padding: 9px 20px;
    margin-bottom: 30px;
    border: 1px solid #e9e9e9;
    background-color: #e9e9e9; }
  .ui-173 input[type="checkbox"]{
      display:none;
  }
  .ui-173 input[type="checkbox"] + label span {
  display: inline-block;
  width: 18px;
  height: 18px;  
  margin: -3px 7px 0 0;
  vertical-align: middle;
  background: url(Content/Template/img/csr/icon_csr_check.png) center no-repeat;
  background-size: cover !important;
  cursor: pointer; }

  .ui-173 input[type="checkbox"]:checked + label span {
  background: url(Content/Template/img/csr/icon_csr_checked.png) center no-repeat; }

.ui-259 {
  padding: 0;
  line-height: 36px;
  margin-bottom: 30px; }
  .ui-259 > span {
    margin-right: 10px; }

.ui-052 {
  text-align: center; }
  .ui-052 .btn {
    margin: 0 10px; }

/*====================
		RWD 
====================*/
@media only screen and (min-width: 768px) {
  .ui-035 {
    margin-bottom: 40px; }
    .ui-043 {
      padding-left: 15px; }
  .ui-001 {
    padding-left: 0;
    list-style: none; }
  .ui-002 {
    display: block;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px; }
    .ui-002:hover, .ui-002:focus, .ui-002:active, .ui-002.active {
      color: #005AA9; }
  .ui-014 {
    padding: 0; }
  .ui-006 p {
    margin-bottom: 22px; }
  .ui-230 {
    padding-left: 40px; }
    .ui-233 {
      margin-bottom: 0px; }
    .ui-231 {
      left: 12px; }
  /* coutact us */
  .ui-087 p {
    height: 36px;
    line-height: 36px; }
  /* Health Form */
  .ui-173 p {
    /*height: 36px;*/
    line-height: 36px; }
  .ui-052 {
    text-align: right; }
    .ui-052 .btn {
      margin: 0 0 0 20px; } }

@media only screen and (min-width: 992px) {
  .ui-003 {
    margin-bottom: 80px; }
  /* Our Company */
  .ui-016 {
    padding: 0 1px;
    margin-bottom: 0; }
    .ui-016.col-md {
      width: 20%; }
    .ui-024 {
      font-size: 12px; }
  /* Media Relations */
  .ui-211 {
    margin-top: 110px; } }

@media only screen and (min-width: 1200px) {
  /* Media Relations */
  .ui-211 {
    margin-top: 120px; }
  .ui-043 {
    font-size: 16px; }
  .ui-042 {
    font-size: 16px; } }

/* source: application.css */
/*====================
	application
====================*/
.ui-016 {
  margin-bottom: 20px; }
  .ui-017 {
    position: relative;
    display: block;
    margin-bottom: 15px; }
    .ui-017::before {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 27%;
      top: 0;
      left: 0;
      background-size: 100%;
      background-repeat: no-repeat; }
    .ui-019::before {
      background-image: url(Content/Template/img/layout/deco_home.png); }
    .ui-020::before {
      background-image: url(Content/Template/img/layout/deco_office.png); }
    .ui-021::before {
      background-image: url(Content/Template/img/layout/deco_mobile.png); }
    .ui-022::before {
      background-image: url(Content/Template/img/layout/deco_industrial.png); }
    .ui-023::before {
      background-image: url(Content/Template/img/layout/deco_automotive.png); }
  .ui-024 {
    font-size: 16px;
    font-weight: bold; }

/*=====  page  ===== */
.ui-035 {
  margin-bottom: 50px;
  padding: 0; }
  .ui-036 {
    width: 100%;
    height: 0;
    padding-bottom: 28.125%;
    background-size: cover !important; }
    .ui-037 {
      background: url(Content/Template/img/banner/banner_01.png) center no-repeat; }
    .ui-038 {
      background: url(Content/Template/img/banner/banner_02.png) center no-repeat; }
    .ui-039 {
      background: url(Content/Template/img/banner/banner_03.png) center no-repeat; }
    .ui-040 {
      background: url(Content/Template/img/banner/banner_04.png) center no-repeat; }
    .ui-041 {
      background: url(Content/Template/img/banner/banner_05.jpg) center no-repeat; }
  .ui-044 {
    line-height: 40px;
    margin: 0;
    color: #fff; }
    .ui-045 {
      background: #fabf0b; }
    .ui-046 {
      background: #00afd4; }
    .ui-047 {
      background: #c1d619; }
    .ui-048 {
      background: #eb6444; }
    .ui-049 {
      background: #005AA9; }
  .ui-043 {
    padding-left: 30px;
    padding-right: 0px;
    margin-bottom: 0; }
  .ui-035 .list-inline {
    padding-right: 15px;
    margin-bottom: 0; }
    .ui-035 .list-inline li {
      float: right; }
    .ui-035 .list-inline a {
      color: #fff; }
      .ui-035 .list-inline a:hover, .ui-035 .list-inline a:focus, .ui-035 .list-inline a:active, .ui-035 .list-inline a.active {
        color: #a1a1a2; }

.media {
  margin-bottom: 40px; }
  .media-left {
    padding-left: 30px;
    padding-right: 30px; }
  .ui-229 {
    width: 202px;
    height: 60.66px;
    color: #fff;
    font-size: 14px;
    padding: 8px 0 0 30px;
    background: url(Content/Template/img/layout/icon_title.png) center no-repeat;
    background-size: 100%; }
  .media-body {
    padding-right: 30px;
    padding-left: 30px; }
  .ui-228 {
    font-size: 22px; }
  .ui-227 {
    padding-top: 30px; }
  .media .ui-157 {
    font-weight: normal; }

.ui-244 {
  margin: 0 0 20px; }
  .ui-250 {
    padding-right: 30px;
    padding-left: 30px; }
  .ui-248 {
    border-top: 3px solid #a1a1a2;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    margin: 0; }
  .ui-245 {
    border-top: 3px solid #b1e1ef; }
  .ui-247 {
    font-weight: normal;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    background: #00afd4; }
  .ui-249 {
    list-style-image: url(Content/Template/img/layout/icon_list.png); }
    .ui-249 li {
      margin-bottom: 10px;
      line-height: 1.6; }
  .ui-244 .ui-207::after {
    right: 15px; }
  .ui-244 .ui-207[aria-expanded=true]::after {
    right: 17px; }
  .ui-244 .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
    margin: 0;
    border: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: 50;
    background: #b1e1ef !important; }
    .ui-244 .dropdown-menu > li > a {
      padding: 5px 15px; }
      .ui-244 .dropdown-menu > li > a:hover, .ui-244 .dropdown-menu > li > a:focus, .ui-244 .dropdown-menu > li > a:active, .ui-244 .dropdown-menu > li > a.active {
        color: #fff;
        background: #00afd4; }

/*====================
		RWD 
====================*/
@media only screen and (min-width: 768px) {
  .ui-248 {
    height: 65px;
    line-height: 65px; }
  .ui-043 {
    padding-left: 55px; }
  .ui-035 .list-inline li {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 992px) {
  .ui-016 {
    margin-bottom: 40px; }
    .ui-017 {
      margin-bottom: 20px; }
      .ui-017:hover::after, .ui-017:focus::after, .ui-017:active::after, .ui-017.active::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3); }
  /*=====  page  ===== */
  .ui-035 {
    margin-bottom: 60px; }
    .ui-044 {
      height: 60px;
      line-height: 60px; }
    .ui-043 {
      width: 20%;
      padding-left: 40px; }
    .ui-035 .list-inline {
      width: 46.66667%;
      font-weight: normal;
      padding-right: 0;
      padding-left: 0;
      margin-right: 16.66667%; }
  .media-left {
    padding-right: 15px;
    padding-left: 15px;
    width: 200px; }
  .media-body {
    padding-right: 15px;
    padding-left: 15px; }
    .media-body .ui-085 {
      width: 20%; }
  .ui-250 {
    padding-right: 15px;
    padding-left: 15px; }
  .ui-247 {
    font-size: 16px; } }

@media only screen and (min-width: 1200px) {
  .ui-247 {
    font-size: 18px; }
  .ui-043 {
    font-size: 16px; }
  .ui-035 .list-inline {
    font-size: 16px; } }

/* source: index.css */
/*====================
	index 
====================*/
.ui-307 .item img {
  width: 100%; }

.ui-313 {
  padding: 0; }

.ui-312 {
  border-top: 5px solid #00afd4;
  padding: 10px 30px 40px; }

.ui-309 {
  margin: 0; }

.ui-308 {
  display: none;
  text-align: left;
  font-size: 16px; }
  .ui-308.active {
    display: block;
    width: auto;
    height: auto; }

.ui-314 {
  position: relative;
  bottom: -20px; }

.ui-311 {
  margin-right: 5px;
  vertical-align: -3px; }

.ui-310 {
  width: 1px !important;
  height: 1px !important;
  padding: 4px !important;
  margin: 0 5px !important;
  border: 0 !important;
  background: #a1a1a2 !important; }
  .ui-310:hover, .ui-310:focus, .ui-310:active, .ui-310.active {
    background: #000 !important; }

.ui-307 .list-inline {
  float: right; }

.ui-307 .carousel-indicators {
  position: static;
  width: auto; }

.ui-107 {
  padding: 0 15px 40px;
  margin-top: -1px;
  background: url(Content/Template/img/banner/bg_feature_mobile.jpg) center no-repeat;
  background-size: cover; }

.ui-098 {
  display: block;
  cursor: pointer;
  margin-top: 20px;
  padding: 2px;
  background: #fff; }
  .ui-098:hover .ui-099::before, .ui-098:focus .ui-099::before, .ui-098:active .ui-099::before, .ui-098.active .ui-099::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }

.ui-106 {
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 200;
  color: #fff; }

.ui-105 {
  display: block;
  height: 80px;
  line-height: 80px;
  margin: 0;
  font-weight: bold;
  text-align: center; }

.ui-099 {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  background-size: cover !important; }
  .ui-100 {
    background: url(Content/Template/img/banner/feature_home.jpg) center no-repeat; }
  .ui-101 {
    background: url(Content/Template/img/banner/feature_office.jpg) center no-repeat; }
  .ui-102 {
    background: url(Content/Template/img/banner/feature_mobile.jpg) center no-repeat; }
  .ui-103 {
    background: url(Content/Template/img/banner/feature_industrial.jpg) center no-repeat; }
  .ui-104 {
    background: url(Content/Template/img/banner/feature_auto.jpg) center no-repeat; }

.ui-108 {
  position: relative;
  padding: 5px 15px;
  margin-top: 40px;
  background-color: #fff; }
  .ui-118 {
    background-image: url(Content/Template/img/layout/deco_news.jpg);
    background-size: 80%;
    background-repeat: no-repeat; }
  .ui-119 {
    background-image: url(Content/Template/img/layout/deco_events.jpg);
    background-size: 80%;
    background-repeat: no-repeat; }
  .ui-117 {
    padding: 0 15px 40px;
    background: url(Content/Template/img/banner/bg_press_mobile.jpg) center no-repeat;
    background-size: cover; }
  .ui-109 {
    padding: 0 10px 30px 6%; }
    .ui-109:last-child .ui-115::after {
      display: none; }
  .ui-116 {
    color: #fff;
    margin-top: 2%;
    margin-bottom: 12%;
    font-weight: 200; }
  .ui-114 {
    position: absolute;
    top: 45px;
    right: 30px; }
  .ui-110 {
    display: table-cell;
    top: 0px;
    left: 20px;
    width: 60px;
    height: 90px;
    font-size: 12px;
    list-style: none;
    color: #fff;
    padding: 7px 5px 5px 9px; }
    .ui-111 {
      background: url(Content/Template/img/layout/bg_date_news.jpg) center no-repeat;
      background-size: cover; }
    .ui-112 {
      background: url(Content/Template/img/layout/bg_date_events.jpg) center no-repeat;
      background-size: cover; }
  .ui-113 {
    font-size: 22px;
    text-align: right;
    margin-top: 18px; }
  .ui-115 {
    display: table-cell;
    position: relative;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    padding-left: 6%;
    vertical-align: middle;
    color: #000; }
    .ui-115:hover, .ui-115:focus, .ui-115:active, .ui-115.active {
      color: #00afd4; }
    .ui-115::after {
      position: absolute;
      content: '';
      width: 96%;
      height: 0;
      left: 5%;
      bottom: -15px;
      border-bottom: 1px solid #e9e9e9; }

.ui-120 {
  padding: 5px 30px 40px; }
  .ui-124 {
    position: relative; }
  .ui-121 {
    width: 100%;
    height: auto; }
  .ui-123 {
    font-size: 20px;
    margin-bottom: 15px;
	font-weight: bold; }
  .ui-122 {
    display: block;
    margin-top: 15px; }

/*====================
		RWD 
====================*/
@media only screen and (min-width: 768px) {
  .ui-312 {
    position: absolute;
    bottom: 50px;
    right: 30px;
    width: 40%;
    padding-top: 0;
    padding-bottom: 15px;
    max-width: 500px;
    background: rgba(255, 255, 255, 0.8); }
    .ui-312 .carousel-indicators .active {
      background: transparent; } }

@media only screen and (min-width: 992px) {
  .ui-312 {
    right: 0; }
  .ui-107 {
    padding-bottom: 60px;
    background: url(Content/Template/img/banner/bg_feature.jpg) center no-repeat;
    background-size: cover; }
    .ui-107 .col-md-3 {
      width: 20%; }
  .ui-106 {
    text-align: left; }
  .ui-105 {
    font-size: 14px; }
  .ui-108 {
    margin-top: 60px;
    padding: 5px 25px; }
    .ui-117 {
      padding-bottom: 60px;
      background: url(Content/Template/img/banner/bg_press.jpg) center no-repeat;
      background-size: cover; }
    .ui-116 {
      color: #fff;
      margin-top: 20px;
      font-size: 28px; }
  .ui-120 {
    position: absolute;
    top: 11%;
    right: 9%;
    width: 30%;
    max-width: 400px; }
    .ui-124 {
      position: relative; }
    .ui-125 {
      top: 16%;
      right: 5%; } }

@media only screen and (min-width: 1200px) {
  .ui-105 {
    font-size: 17px; }
  .ui-043 {
    font-size: 16px; }
  .ui-042 {
    font-size: 16px; } }

/* source: ir.css */
/*====================
	ir 
====================*/
input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: url(Content/Template/img/csr/icon_csr_check.png) center no-repeat;
  background-size: cover !important;
  cursor: pointer; }

input[type="checkbox"]:checked + label::before {
  background: url(Content/Template/img/csr/icon_csr_checked_r.png) center no-repeat;
  cursor: pointer; }

label {
  position: relative;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 15px;
  padding-left: 30px; }

.ui-035 {
  margin-bottom: 20px;
  padding: 0; }
  .ui-036 {
    width: 100%;
    height: 0;
    padding-bottom: 28.125%;
    background-size: cover !important;
    background: url(Content/Template/img/ir/banner_ir.jpg) center no-repeat; }
  .ui-044 {
    line-height: 40px;
    margin: 0;
    color: #fff;
    background: url(Content/Template/img/ir/bg_title_ir.jpg) center no-repeat;
	background-size: 100% 100%; }
  .ui-043 {
    padding-left: 30px;
    padding-right: 0px;
    margin-bottom: 0;
    font-size: 16px; }
  .ui-042 {
    margin-bottom: 0;
    font-size: 16px; }

.ui-197 {
  padding: 0 15px; }

.ui-198 {
  margin-bottom: 30px; }
  .ui-198 .table tr:first-child td {
    border-top: 0; }

.ui-192 {
  margin: 0 0 15px;
  font-weight: bold; }
  .ui-196 {
    border-top: 3px solid #b5d7e1;
    padding: 10px 0 0;
    width: calc(100% - 30px);
    margin: 0 15px 15px;
    text-align: center; }

.ui-190 {
  margin-top: 0; }

.ui-193 {
  position: relative;
  padding: 20px 28px;
  margin: -1px 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  letter-spacing: .5px;
  background: url(Content/Template/img/ir/bg_title_ir_3.jpg) center no-repeat;
  background-size: 100% 100%; }
  .ui-193 small {
    font-weight: 300;
    letter-spacing: 1px;
    color: #fff; }
  .ui-193::after {
    position: absolute;
    content: '';
    display: block;
    bottom: -20px;
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 20px 35px;
    border-color: transparent transparent transparent #eb6444;
    z-index: 1; }
  .ui-195 {
    padding: 15px 20px;
    background-size: 100% 100%; }
    .ui-195::after {
      display: none; }
  .ui-194 {
    background: url(Content/Template/img/csr/bg_csr_article_l_m.jpg) center no-repeat;
    background-size: 100% 100%; }

.ui-191 {
  color: #595757;
  padding: 30px 25px 10px;
  background-color: #e9e9e9; }
  .ui-191 h5 {
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px; }
  .ui-191 p {
    margin-bottom: 20px; }
  .ui-191 .ui-267 {
    padding-bottom: 20px; }
  .ui-191 .table {
    color: #000; }

.ui-184 {
  margin-bottom: 30px; }
  .ui-184.separationLine {
    padding-bottom: 15px; }
  .ui-184 .ui-206 {
    border-bottom: 1px solid #eb6444; }
  .ui-184 .ui-062 {
    padding: 6px 20px; }

.ui-185 {
  margin-bottom: 20px; }

.ui-188 {
  margin-bottom: 40px; }

/* ir */
.ui-025 {
  position: relative;
  padding: 0; 
  margin-bottom: 20px; }
  .ui-034 {
    background-color: #f2f2f2; }
  .ui-033 {
    padding: 0 15px 40px;
    background: url(Content/Template/img/banner/bg_press_mobile.jpg) center no-repeat;
    background-size: cover; }
  .ui-026 {
    position: relative;
    padding: 0 15px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    zoom: 1; }
    .ui-026:last-child .ui-030::after {
      display: none; }
    .ui-026:last-child::before {
      display: none; }
    .ui-026::before {
      position: absolute;
      content: '';
      width: calc(100% - 105px);
      height: 0;
      right: 15px;
      bottom: 20px;
      border-bottom: 1px solid #dedede; }
    .ui-026:before, .ui-026:after {
      content: ".";
      display: block;
      height: 0;
      overflow: hidden; }
    .ui-026:after {
      clear: both; }
  .ui-032 {
    position: relative;
    padding: 20px 28px;
    margin: 0 0 20px;
    font-size: 16px;
    color: #fff;
    background: url(Content/Template/img/ir/bg_title_ir_4.jpg) center no-repeat;
    background-size: cover; }
    .ui-032 a {
      font-weight: 300; }
  .ui-031 {
    color: #fff;
    margin-top: 2%;
    margin-bottom: 12%;
    font-weight: 200; }
  .ui-029 {
    position: absolute;
    top: 20px;
    right: 30px; }
  .ui-027 {
    display: inline-block;
    float: left;
    top: 0px;
    left: 20px;
    width: 60px;
    height: 90px;
    font-size: 12px;
    list-style: none;
    color: #fff;
    padding: 7px 5px 5px 9px;
    background: url(Content/Template/img/layout/bg_date_news.jpg) center no-repeat;
    background-size: cover; }
  .ui-028 {
    font-size: 22px;
    text-align: right;
    margin-top: 18px; }
  .ui-030 {
    display: inline-block;
    float: left;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    padding-left: 20px;
    width: calc(100% - 60px);
    vertical-align: middle;
    color: #000; }
    .ui-030:hover, .ui-030:focus, .ui-030:active, .ui-030.active {
      color: #00afd4; }

.ui-174 {
  margin-bottom: 30px; }

.ui-277 {
  margin-top: -20px; }
  .ui-277 .btn {
    margin-top: 20px; }
    .ui-277 .btn::before {
      content: '';
      display: inline-block;
      width: 18px;
      height: 15px;
      margin-right: 10px;
      vertical-align: -3px;
      background: url(Content/Template/img/ir/icon_ir_6.png) center no-repeat;
      background-size: cover; }
    .ui-277 .btn:hover::before, .ui-277 .btn:focus::before, .ui-277 .btn:active::before, .ui-277 .btn.active::before {
      background: url(Content/Template/img/ir/icon_ir_6_light.png) center no-repeat;
      background-size: cover; }

.ui-272 {
  border-bottom: 1px solid #bcbbba; }

.ui-271 {
  margin: 0;
  padding: 0 20px; }
  .ui-274 {
    height: 40px;
    line-height: 40px;
    margin: 10px -15px 10px 0;
    border-right: 1px solid #bcbbba; }
  .ui-273 {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    height: 60px;
    line-height: 60px;
    text-align: right;
    color: #eb6444; }
    .ui-273::before {
      content: '';
      display: block;
      position: absolute;
      width: 15px;
      height: 36px;
      top: 15px;
      left: -20px;
      background: url(Content/Template/img/ir/arrow_ir_1.png) center no-repeat;
      background-size: cover; }
  .ui-275 {
    position: absolute;
    top: 80px;
    right: 20px;
    color: #eb6444; }
  .ui-276 {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9; }

.ui-131 {
  position: relative;
  display: block;
  padding: 15px 50px 15px 20px;
  margin-bottom: 5px;
  color: #000;
  border: 1px solid #bcbbba; }
  .ui-131::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    right: 20px;
    width: 25px;
    height: 25px;
    background-size: cover !important; }
  .ui-131:hover, .ui-131:focus, .ui-131:active, .ui-131.active {
    background-color: #f2f2f2; }
  .ui-142::after {
    background: url(Content/Template/img/ir/icon_ir_10.png) center no-repeat; }
  .ui-138::after {
    width: 32px;
    height: 22px;
    background: url(Content/Template/img/ir/icon_ir_7.png) center no-repeat; }
  .ui-139::after {
    width: 32px;
    height: 22px;
    background: url(Content/Template/img/ir/icon_ir_8.png) center no-repeat; }
  .ui-140::after {
    width: 32px;
    height: 22px;
    background: url(Content/Template/img/ir/icon_ir_9.png) center no-repeat; }
  .ui-134 {
    padding-top: 0px;
    padding-bottom: 30px; }
    .ui-136 {
      padding-top: 0;
      padding-bottom: 10px; }

.ui-265 {
  margin-top: 30px;
  margin-bottom: 10px; }

.ui-266 {
  margin-bottom: 10px; }

.ui-262::after {
  content: '';
  display: inline-block;
  margin-left: 25px;
  width: 12.99px;
  height: 7px;
  vertical-align: 1px;
  background: url(Content/Template/img/icon/icon_down_r.svg) center no-repeat;
  background-size: 100% 100%; }

.ui-262:hover::after, .ui-262:focus::after, .ui-262:active::after, .ui-262.active::after {
  background: url(Content/Template/img/icon/icon_down_w.svg) center no-repeat;
  background-size: 100% 100%; }

.ui-264 {
  padding: 0;
  width: 115px;
  border-radius: 0;
  border: 0;
  margin: 0;
  background-color: #f9f2ec;
  box-shadow: none; }

.ui-263 {
	width: 115px;
  color: #eb6444;
  padding: 6px 20px !important; }
  .ui-263:hover, .ui-263:focus, .ui-263:active, .ui-263.active {
    color: #fff !important;
    background-color: #eb6444 !important; }

.ui-261 p {
  font-size: 12px; }

.ui-261 .dropdown {
  width: 250px;
  margin: 0 auto; }

.ui-015 {
  color: #eb6444;
  height: 34px;
  line-height: 34px; }

.ui-288 {
  overflow: hidden; }
  .ui-294 td {
    min-width: 185px !important;
    width: 185px !important;
    vertical-align: middle !important; }
  .ui-294 tbody tr:last-child td {
    font-weight: bold;
    border-top: 1px solid #eb6444 !important;
    border-bottom: 1px solid #eb6444 !important; }
  .ui-295 td {
    vertical-align: middle !important; }
  .ui-296 td {
    min-width: 120px !important;
    width: 120px !important;
    vertical-align: middle !important;
    text-align: center; }
  .ui-296 .ui-071 {
    text-align: center; }
  .ui-296 .ui-067 {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle; }
    .ui-296 .ui-068 {
      padding-top: 31px; }
    .ui-296 .ui-069 {
      padding-top: 21px; }
  .ui-296 tr:last-child td {
    border-bottom: 1px solid #ddd !important; }
  .ui-297 td {
    vertical-align: middle !important; }
  .ui-297 tr:last-child td {
    border-bottom: 1px solid #ddd !important; }
  .ui-297 a {
    color: #000; }
    .ui-297 a:hover, .ui-297 a:focus, .ui-297 a:active, .ui-297 a.active {
      color: #eb6444; }
  .ui-298 td {
    min-width: 180px !important; }
  .ui-299 tr td:first-child {
    width: 35%; }
  .ui-289 {
    color: #fff;
    background: #eb6444; }
  .ui-292 {
    color: #fff;
    padding: 15px 20px;
    background: url(Content/Template/img/ir/bg_title_ir_3.jpg) center no-repeat;
    background-size: 100% 100%; }
  .ui-293 {
    margin: 0; }
    .ui-293 small {
      margin-left: 5px;
      font-size: 12px;
      color: #fff; }
  .ui-291 {
    padding-top: 5px;
    margin: 0;
    font-size: 16px; }
  .ui-290 {
    padding-left: 15px; }
  .ui-288 td {
    padding: 10px 15px !important; }

.mCSB_buttonLeft {
  width: 25px !important;
  opacity: 1 !important;
  background: #eb6444; }
  .mCSB_buttonLeft::after {
    position: absolute;
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    top: 2px;
    right: 1px;
    background: url(Content/Template/img/icon/icon_scroll_left.svg) center no-repeat;
    background-size: cover; }

.mCSB_buttonRight {
  width: 25px !important;
  opacity: 1 !important;
  background: #eb6444; }
  .mCSB_buttonRight::after {
    position: absolute;
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    top: 2px;
    right: 1px;
    background: url(Content/Template/img/icon/icon_scroll_right.svg) center no-repeat;
    background-size: cover; }

.mCSB_dragger {
  width: 80px !important;
  min-width: 80px !important; }

.mCSB_scrollTools {
  opacity: 1 !important; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 25px; }

.mCSB_dragger_bar {
  height: 17px !important;
  margin: 4px 0 !important;
  border-radius: 0 !important;
  background-color: #eb6444 !important; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 25px; }

.mCSB_draggerRail {
  height: 25px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background-color: #f9f2ec !important; }

.ui-236 {
  display: inline-block;
  list-style: none;
  padding: 0 20px; }
  .ui-236 li {
    display: inline-block; }
  .ui-240 {
    margin: 0 -30px;
    text-align: center; }
  .ui-238 {
    padding: 0 5px;
    color: #000; }
    .ui-238:hover, .ui-238:focus, .ui-238:active, .ui-238.active {
      color: #eb6444; }
  .ui-239 {
    color: #eb6444; }
    .ui-239:hover, .ui-239:focus, .ui-239:active, .ui-239.active {
      color: #eb6444; }
    .ui-239::after {
      content: '';
      display: inline-block;
      margin-left: 15px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 5px 0;
      border-color: transparent #eb6444 transparent transparent; }
  .ui-237 {
    color: #eb6444; }
    .ui-237:hover, .ui-237:focus, .ui-237:active, .ui-237.active {
      color: #eb6444; }
    .ui-237::before {
      content: '';
      display: inline-block;
      margin-right: 15px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-color: transparent transparent transparent #eb6444; }

.ui-051 {
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: right; }
  .ui-051 .btn {
    margin-left: 15px;
    font-weight: bold; }

.ui-087 {
  margin: 0; }
  .ui-087 p {
    padding-left: 0; }
  .ui-087 input[type=text], .ui-087 textarea {
    padding: 9px 20px;
    margin-bottom: 30px;
    vertical-align: -5px;
    border: 1px solid #e9e9e9;
    background-color: #e9e9e9; }
  .ui-087 textarea {
    height: 170px;
    resize: none; }

.ui-279 {
  width: 50%;
  height: 41px;
  line-height: 41px;
  background-color: #e9e9e9;
  border: 0;
  padding: 5px 15px; }

.ui-278 {
  padding: 11px 17px;
  margin-top: -1px;
  vertical-align: bottom; }

.ui-066 {
  border-top: 1px solid #e9e9e9; }
  .ui-071 {
    color: #fff;
    padding: 10px 15px;
    background-color: #eb6444; }
    .ui-072 {
      padding-top: 0;
      padding-bottom: 0; }
  .ui-079 {
    padding-top: 10px;
    padding-bottom: 10px; }
  .ui-080 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9; }
  .ui-081 {
    padding: 10px 15px 5px; }
  .ui-082 {
    border-bottom: 1px solid #fff; }
  .ui-083 {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e9e9e9; }
  .ui-074 {
    padding-top: 20px; }
  .ui-070 {
    font-weight: 500;
    color: #000; }
    .ui-070:hover, .ui-070:focus, .ui-070:active, .ui-070.active {
      color: #eb6444; }
  .ui-073 {
    display: block;
    color: #eb6444;
    margin-bottom: 10px; }
    .ui-073::before {
      content: '';
      display: inline-block;
      width: 32px;
      height: 22px;
      margin-right: 10px;
      vertical-align: -5px; }
    .ui-075::before {
      background: url(Content/Template/img/ir/icon_ir_7.png) center no-repeat;
      background-size: cover; }
    .ui-076::before {
      background: url(Content/Template/img/ir/icon_ir_8.png) center no-repeat;
      background-size: cover; }
    .ui-077::before {
      background: url(Content/Template/img/ir/icon_ir_9.png) center no-repeat;
      background-size: cover; }
    .ui-078::before {
      background: url(Content/Template/img/ir/icon_ir_7.png) center no-repeat;
      background-size: cover; }
  .ui-066 .col-xs-2 {
    color: #666; }
  .ui-066 p {
    margin: 0; }

.ui-300 td {
  padding: 10px 20px !important; }

.ui-300 tr:last-child {
  border-bottom: 1px solid #ddd; }

.ui-286 {
  padding-left: 15px; }

.ui-284 {
  margin-bottom: 15px; }

.ui-287 {
  padding-top: 10px;
  padding-left: 20px;
  position: relative; }

.ui-285 {
  position: absolute;
  left: 0; }

.ui-146 {
  margin-bottom: 20px;
  border: 1px solid #ccc; }
  .ui-146 a {
    color: #eb6343;
    text-decoration: underline; }
  .ui-148 {
    position: relative;
    font-weight: 500;
    margin: 0 24px;
    padding: 12px 0 16px 24px;
    border-bottom: 1px solid #CCC; }
    .ui-148::before {
      display: block;
      position: absolute;
      content: 'Q:';
      left: 0; }
  .ui-147 {
    position: relative;
    margin: 0 24px;
    padding: 14px 0px 16px 24px; }
    .ui-147::before {
      display: block;
      position: absolute;
      content: 'A:';
      left: 0; }

/*====================
		RWD 
====================*/
@media only screen and (min-width: 768px) {
  .ui-035 {
    margin-bottom: 40px; }
    .ui-043 {
      padding-left: 15px; }
  .ui-182 {
    padding-left: 0;
    list-style: none; }
  .ui-183 {
    display: block;
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer; }
    .ui-183:hover, .ui-183:focus, .ui-183:active, .ui-183.active {
      color: #eb6444; }
    .ui-183.active + .ui-189 {
      display: block; }
  .ui-189 {
    display: none;
    list-style: none;
    margin-top: 10px;
    padding-left: 10px;
    border-left: 1px solid #eb6444; }
    .ui-189.active {
      display: block; }
  .ui-197 {
    padding: 0; }
  .ui-187 p {
    margin-bottom: 22px; }
  .ui-299 tr td:first-child {
    width: 28%; }
  .ui-175 {
    width: 29.8%; }
  .ui-176 {
    width: 40.1%; }
  .ui-275 {
    position: static;
    height: 40px;
    line-height: 40px;
    margin: 10px 0 10px -15px;
    border-left: 1px solid #bcbbba; }
  .ui-273 {
    padding-left: 25px; }
    .ui-273::before {
      left: 5px; }
  .ui-276 {
    padding-top: 15px;
    border-bottom: 0; }
  .ui-272 .text-right {
    text-align: left; }
  .ui-066 {
    border-top: 0; }
    .ui-080 {
      border-bottom: 0; }
    .ui-081 {
      border-bottom: 1px solid #e9e9e9; }
    .ui-074 {
      padding-top: 20px; } }

@media only screen and (min-width: 992px) {
  .ui-184 {
    margin-bottom: 30px; }
    .ui-186 {
      margin-left: -1px;
      margin-right: -1px; }
  .ui-175 {
    width: 29.3%; }
  .ui-176 {
    width: 41.4%; }
  .ui-074 {
    text-align: right; }
  .ui-073 {
    display: inline-block;
    margin-right: 4px; }
    .ui-073::after {
      font-weight: 100;
      font-size: 22px;
      vertical-align: -2px; }
    .ui-073:hover::after, .ui-073:focus::after, .ui-073:active::after, .ui-073.active::after {
      color: #eb6444; }
    .ui-075::after {
      content: '|';
      margin-right: 5px;
      margin-left: 13px; }
    .ui-076::after {
      content: '|';
      margin-right: 5px;
      margin-left: 13px; }
    /*20180109@Lydia*/
    .ui-077::after {
      content: '|';
      margin-right: 5px;
      margin-left: 13px; }
    .ui-235::after{
        content: ''!important;
    }
    /*.ui-077 {
      margin-right: 15px; }*/ 
}

@media only screen and (min-width: 1200px) {
  .ui-175 {
    width: 28.95%; }
  .ui-176 {
    width: 42.1%; } }

/* source: layout.css */
锘緻charset "UTF-8";
/*====================
	layout 
====================*/
.ui-053 {
  color: #fff;
  border: 0;
  border-radius: 0;
  background: #00afd4; }

.ui-055 {
  color: #fff;
  border: 0;
  border-radius: 0;
  background: #005AA9; }

.ui-061 {
  color: #fff;
  border: 0;
  border-radius: 0;
  background: #eb6444; }
  .ui-061:hover, .ui-061:focus, .ui-061:active, .ui-061.active {
    color: #fff;
    background-color: #eb6444; }

.ui-059 {
  color: #00afd4;
  border-radius: 0;
  border: 1px solid #00afd4;
  background-color: #fff; }
  .ui-059:hover, .ui-059:focus, .ui-059:active, .ui-059.active {
    color: #fff;
    background-color: #00afd4; }

.ui-056 {
  color: #005AA9;
  border-radius: 0;
  border: 1px solid #005AA9;
  background-color: transparent; }
  .ui-056:hover, .ui-056:focus, .ui-056:active, .ui-056.active {
    color: #fff;
    background-color: #005AA9; }

.ui-054 {
  color: #00aeef;
  border-radius: 0;
  border: 1px solid #00aeef;
  background-color: transparent; }
  .ui-054:hover, .ui-054:focus, .ui-054:active, .ui-054.active {
    color: #fff;
    background-color: #00aeef; }

.ui-065 {
  color: #fabf0b;
  border-radius: 0;
  border: 1px solid #fabf0b;
  background-color: transparent; }
  .ui-065:hover, .ui-065:focus, .ui-065:active, .ui-065.active {
    color: #fff;
    background-color: #fabf0b; }

.ui-064 {
  color: #fff;
  border-radius: 0;
  border: 1px solid #fff;
  background-color: transparent; }
  .ui-064:hover, .ui-064:focus, .ui-064:active, .ui-064.active {
    color: transparent;
    border-color: #fff;
    background-color: #fff; }

.ui-057 {
  color: #1fad4b;
  border-radius: 0;
  border: 1px solid #1fad4b;
  background-color: transparent; }
  .ui-057:hover, .ui-057:focus, .ui-057:active, .ui-057.active {
    color: #fff;
    border-color: #1fad4b;
    background-color: #1fad4b; }

.ui-062 {
  color: #eb6444;
  border-radius: 0;
  border: 1px solid #eb6444;
  background-color: transparent; }
  .ui-062:hover, .ui-062:focus, .ui-062:active, .ui-062.active {
    color: #fff;
    border-color: #eb6444;
    background-color: #eb6444; }

.ui-060 {
  color: #fabf0b;
  border-radius: 0;
  border: 1px solid #fabf0b;
  background-color: transparent; }
  .ui-060:hover, .ui-060:focus, .ui-060:active, .ui-060.active {
    color: #fff;
    border-color: #fabf0b;
    background-color: #fabf0b; }

.ui-063 {
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent; }

.ui-058 {
  padding: 0;
  background: transparent; }

/*=====  modal  ===== */
.ui-269 .modal-dialog {
  margin: 100px 0 0;
  height: 100%; }

.ui-269 .modal-content {
  border-radius: 0;
  padding: 5px 30px;
  border: 0;
  height: 100%; }

.ui-269 .modal-header {
  border-color: #a1a1a2; }

.ui-269 .modal-title {
  color: #00afd4;
  text-align: center; }

.ui-269 .form-group {
  position: relative; }

.ui-269 .form-control {
  padding-left: 15px;
  height: 55px;
  line-height: 55px;
  border: 0;
  border-bottom: 1px solid #a1a1a2;
  border-radius: 0;
  box-shadow: none; }

.ui-270 {
  margin-top: 25px;
  line-height: 1.3; }

.ui-269 .close {
  float: left;
  margin-top: 5px; }

.ui-269 .ui-053 {
  width: 70%;
  padding: 12px;
  margin-top: 40px; }

.ui-269 .ui-063 {
  position: absolute;
  right: 0;
  top: 7px; }

.modal-backdrop.in {
  opacity: 0; }

/*====================
		RWD 
====================*/
@media only screen and (min-width: 768px) {
  .ui-269 .modal-dialog {
    margin: 250px auto 0;
    height: auto;
    width: 450px; }
  .ui-269 .modal-content {
    border-top: 5px solid #00afd4;
    padding: 5px 15px;
    background: #fff; }
  .ui-269 .modal-header {
    border: 0; }
  .ui-269 .modal-title {
    text-align: left; }
  .ui-269 .form-group {
    margin-top: 30px;
    padding: 0 15px; }
  .ui-269 .form-control {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;
    border: 0;
    background: #eee; }
  .ui-269 .ui-053 {
    width: 50%;
    margin-top: 10px; }
  .ui-269 .close {
    float: right;
    font-size: 30px;
    font-weight: normal; }
  .modal-backdrop.in {
    top: 120px;
    opacity: .3;
    background: #00afd4; } }

body {
  font-family: "寰粺姝ｉ粦楂?, Helvetica, Arial, sans-serif;
  color: #000; }

a:hover, a:focus, a:active, a.active {
  text-decoration: none; }

img {
  width: 100%; }

button {
  opacity: 1 !important; }

h5 {
  font-weight: bold; }

.ui-154 {
  color: #b1e1ef; }
  .ui-154:hover, .ui-154:focus, .ui-154:active, .ui-154.active {
    color: #b1e1ef; }

.ui-152 {
  color: #005AA9; }
  .ui-152:hover, .ui-152:focus, .ui-152:active, .ui-152.active {
    color: #005AA9; }

.ui-150 {
  color: #00afd4; }
  .ui-150:hover, .ui-150:focus, .ui-150:active, .ui-150.active {
    color: #00afd4; }

.ui-151 {
  color: #00aeef; }
  .ui-151:hover, .ui-151:focus, .ui-151:active, .ui-151.active {
    color: #00aeef; }

.ui-149 {
  color: #000; }
  .ui-149:hover, .ui-149:focus, .ui-149:active, .ui-149.active {
    color: #000; }

.ui-157 {
  color: #fabf0b; }
  .ui-157:hover, .ui-157:focus, .ui-157:active, .ui-157.active {
    color: #fabf0b; }

.ui-155 {
  color: #f7941e; }
  .ui-155:hover, .ui-155:focus, .ui-155:active, .ui-155.active {
    color: #f7941e; }

.ui-158 {
  color: #c1d619; }
  .ui-158:hover, .ui-158:focus, .ui-158:active, .ui-158.active {
    color: #c1d619; }

.ui-156 {
  color: #eb6444; }
  .ui-156:hover, .ui-156:focus, .ui-156:active, .ui-156.active {
    color: #eb6444; }

.ui-153 {
  color: #1fad4b; }
  .ui-153:hover, .ui-153:focus, .ui-153:active, .ui-153.active {
    color: #1fad4b; }

.close {
  color: #a1a1a2; }

.ui-207 {
  position: relative;
  display: block; }
  .ui-207::after {
    position: absolute;
    content: '';
    display: block;
    width: 8px;
    height: 15px;
    top: 15px;
    right: 22px;
    background: url(Content/Template/img/icon/icon_right.svg) center no-repeat;
    background-size: cover; }
  .ui-207[aria-expanded=true]::after {
    position: absolute;
    content: '';
    display: block;
    width: 15px;
    height: 8px;
    top: 20px;
    right: 20px;
    background: url(Content/Template/img/icon/icon_down.svg) center no-repeat;
    background-size: cover; }
  .ui-209::after {
    width: 18px;
    height: 10px;
    top: 20px;
    right: 20px;
    background: url(Content/Template/img/icon/icon_down_w.svg) center no-repeat;
    background-size: cover; }
  .ui-209[aria-expanded=true]::after {
    width: 10px;
    height: 18px;
    top: 15px;
    right: 22px;
    background: url(Content/Template/img/icon/icon_right_w.svg) center no-repeat;
    background-size: cover; }
  .ui-208::after {
    width: 15px;
    height: 8px;
    top: 16px;
    right: 15px;
    background: url(Content/Template/img/icon/icon_down.svg) center no-repeat;
    background-size: cover; }
  .ui-208[aria-expanded=true]::after {
    width: 8px;
    height: 15px;
    top: 12px;
    right: 17px;
    background: url(Content/Template/img/icon/icon_right.svg) center no-repeat;
    background-size: cover; }

.ui-200 {
  position: relative; }
  .ui-200::before {
    display: inline-block;
    content: '';
    width: 44px;
    height: 16px;
    margin-right: 10px;
    vertical-align: -3px;
    background-size: cover !important; }
  .ui-202 {
    color: #00afd4; }
    .ui-202::before {
      background: url(Content/Template/img/icon/icon_arrow.svg) center no-repeat; }
  .ui-203 {
    color: #005AA9; }
    .ui-203::before {
      background: url(Content/Template/img/icon/icon_arrow_darkblue.svg) center no-repeat; }
  .ui-204 {
    color: #eb6444; }
    .ui-204::before {
      background: url(Content/Template/img/icon/icon_arrow_red.svg) center no-repeat; }
  .ui-201 {
    color: #000; }
    .ui-201::before {
      background: url(Content/Template/img/icon/icon_arrow_black.svg) center no-repeat; }
  .ui-205 {
    color: #fff; }
    .ui-205::before {
      background: url(Content/Template/img/icon/icon_arrow_white.svg) center no-repeat; }
  .ui-200:hover, .ui-200:focus, .ui-200:active, .ui-200.active {
    color: #005AA9; }

.ui-267 {
  border-bottom: 1px solid #bcbbba; }

/*=====  header  ===== */
.ui-172 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }

.ui-302 {
  height: 40px;
  line-height: 40px;
  background: url(Content/Template/img/layout/deco_top.png) center no-repeat;
  background-size: 100% 100%; }

.ui-303 {
  float: right; }
  .ui-304 {
    display: inline-block;
    color: #fff; }
    .ui-304:hover, .ui-304:focus, .ui-304:active, .ui-304.active {
      color: #005AA9; }
  .ui-306 {
    display: inline-block;
    width: 0px;
    height: 10px;
    margin-top: 12px;
    border-right: 1px solid #8bc3d0; }

.ui-216 {
  border: 0;
  -webkit-background: linear-gradient(to top, #d9d9d9, #fffefc);
  -moz-background: linear-gradient(to top, #d9d9d9, #fffefc);
  -ms-background: linear-gradient(to top, #d9d9d9, #fffefc);
  -o-background: linear-gradient(to top, #d9d9d9, #fffefc);
  background: linear-gradient(to top, #d9d9d9, #fffefc); }
  .ui-226 {
    height: 60px !important;
    line-height: 60px !important; }
  .ui-217 {
    width: 150px; }
    .ui-218 {
      margin: 15px auto !important;
      width: 150px !important; }
  .ui-216 .navbar-header {
    line-height: 60px;
    padding-top: 10px; }
  .ui-216 .navbar-brand {
    padding: 5px 0; }
  .ui-216 .navbar-toggle {
    margin: 2.5px 0px 0;
    border: 0; }
    .ui-216 .navbar-toggle .icon-bar {
      background: #00afd4; }
      .ui-216 .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 6px; }
    .ui-216 .navbar-toggle:hover, .ui-216 .navbar-toggle:focus, .ui-216 .navbar-toggle:active, .ui-216 .navbar-toggle.active {
      background: none; }
  .ui-216 .ui-058 {
    float: right;
    margin: 10px 10px 0; }

.ui-241 {
  list-style: none;
  padding: 0;
  margin: 0; }
  .ui-241 li {
    padding: 0; }
    .ui-241 li::after {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px;
      margin-left: 5px;
      vertical-align: -2px;
      background: url(Content/Template/img/icon/icon_scroll_right.svg) center no-repeat;
      background-size: cover; }
    .ui-241 li:last-child::after {
      display: none; }
  .ui-242 {
    line-height: 45px;
    background: #005AA9; }
  .ui-243 {
    color: #fff;
    font-weight: bold; }
    .ui-243:hover, .ui-243:focus, .ui-243:active, .ui-243.active {
      color: #fff; }

/*=====  footer  ===== */
.ui-159 {
  padding: 30px 30px 0;
  font-size: 12px;
  background: #e9e9e9; }
  .ui-159 a {
    display: block;
    padding: 15px;
    color: #000; }
    .ui-159 a:hover, .ui-159 a:focus, .ui-159 a:active, .ui-159 a.active {
      color: #005AA9; }
  .ui-159 h5 {
    font-weight: bold; }
  .ui-165 .pull-left {
    position: relative;
    padding-top: 0;
    padding-right: 0; }
    .ui-165 .pull-left::after {
      position: absolute;
      display: inline;
      content: "/";
      right: -10px; }
    .ui-165 .pull-left:last-child::after {
      display: none; }
  .ui-164 {
    border-bottom: 1px solid #a1a1a2;
    border-top: 1px solid #a1a1a2;
    padding: 30px 15px;
    text-align: center; }
    .ui-164 img {
      width: auto; }
  .ui-171 {
    padding: 0 !important;
    color: #a1a1a2; }
  .ui-166 {
    padding: 0; }
    .ui-166:first-child {
      border-bottom: 1px solid #a1a1a2; }
  .ui-169 {
    padding-top: 15px;
    padding-bottom: 5px; }
  .ui-170 a {
    padding: 0 5px; }
    .ui-170 a:first-child {
      padding-left: 0; }
  .ui-162 {
    display: inline-block;
    margin-right: 9px;
    vertical-align: top; }
  .ui-159 .panel {
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #a1a1a2;
    background: transparent; }
    .ui-159 .panel h5 {
      margin: 0; }
    .ui-159 .panel > ul > li {
      border-bottom: 1px solid #a1a1a2; }
      .ui-159 .panel > ul > li:first-child {
        border-top: 1px solid #a1a1a2; }
      .ui-159 .panel > ul > li_lang {
        display: inline-block;
        margin-right: 5px;
        border: 0; }
    .ui-159 .panel ul.in > li:last-child {
      border-bottom: 0; }
  .ui-159 .dropdown {
    zoom: 1; }
    .ui-159 .dropdown:before, .ui-159 .dropdown:after {
      content: ".";
      display: block;
      height: 0;
      overflow: hidden; }
    .ui-159 .dropdown:after {
      clear: both; }
    .ui-159 .ui-145 {
      display: inline-block; }
      .ui-159 .ui-145 .ui-207::after {
        top: 15px;
        right: 10px; }
      .ui-159 .ui-145 .ui-207[aria-expanded=true]::after {
        top: 10px;
        right: 12px; }
  .ui-159 .dropdown-toggle {
    display: block;
    padding: 10px;
    font-size: 14px;
    width: 160px;
    border: 1px solid #727272;
    background: #fff;
    color: #000; }
    .ui-159 .dropdown-toggle:hover, .ui-159 .dropdown-toggle:focus, .ui-159 .dropdown-toggle:active, .ui-159 .dropdown-toggle.active {
      color: #000; }
  .ui-159 .dropdown-menu {
    position: relative;
    border-radius: 0;
    border: 0;
    min-width: 0;
    padding: 0;
    margin-top: 0;
    width: 100%;
    box-shadow: none;
    background: #e9e9e9; }
    .ui-159 .dropdown-menu a {
      padding: 15px;
      font-size: 12px;
      border-bottom: 1px solid #a1a1a2; }
      .ui-159 .dropdown-menu a:hover, .ui-159 .dropdown-menu a:focus, .ui-159 .dropdown-menu a:active, .ui-159 .dropdown-menu a.active {
        color: #005AA9;
        background: #e9e9e9; }
    .ui-159 .ui-144 {
      width: 160px;
      border-bottom: 5px solid #00afd4;
      background: #fff; }
      .ui-159 .ui-144 a {
        text-align: center;
        padding: 2px 0;
        width: 100%;
        border-bottom: 0; }
        .ui-159 .ui-144 a:hover, .ui-159 .ui-144 a:focus, .ui-159 .ui-144 a:active, .ui-159 .ui-144 a.active {
          color: #fff !important;
          background: #00afd4; }
  .ui-160 {
    margin-bottom: 0; }
  .ui-163 {
    padding-top: 15px; }
  .ui-161 {
    width: 15px;
    float: right;
    margin-top: 5px; }
  .ui-159 .modal-header {
    border-color: #a1a1a2; }
  .ui-159 .close {
    float: left;
    margin-top: 5px; }
  .ui-159 .ui-315 {
    width: 15px;
    margin-left: 10px;
    margin-bottom: 3px; }

/*=====  page  ===== */
.ui-088 {
  margin-top: 0;
  padding-bottom: 40px; }
  .ui-127 {
    padding-bottom: 0 !important; }
  .ui-126 {
    margin-top: 100px !important;
    padding-bottom: 0 !important; }
  .ui-089 {
    background: url(Content/Template/img/banner/bg_product.jpg) top center no-repeat;
    background-size: 100% auto; }
  .ui-093 {
    padding: 0 15px 80px;
    background: url(Content/Template/img/support/bg_support_m.jpg) top center no-repeat;
    background-size: cover; }
  .ui-092 {
    background: url(Content/Template/img/support/bg_sup_rr.jpg) top center no-repeat;
    background-size: cover; }
  .ui-090 {
    background: url(Content/Template/img/support/bg_sup_cs.jpg) top center no-repeat;
    background-size: cover; }
  .ui-091 {
    background: url(Content/Template/img/support/bg_sup_fs.jpg) top center no-repeat;
    background-size: cover; }
  .ui-096 {
    position: relative;
    top: 20px;
    left: -40px;
    width: 200px;
    height: 110px;
    padding: 10px 0 0 60px;
    margin-bottom: 15%;
    font-size: 15px;
    color: #fff;
    background: url(Content/Template/img/banner/bg_product_title.png) top center no-repeat;
    background-size: 100% auto; }
    .ui-097 {
      background: url(Content/Template/img/support/bg_deco_01.png) top center no-repeat;
      background-size: 100% auto; }
  .ui-094 {
    position: absolute;
    top: 60px;
    right: 30px;
    width: 45%;
    height: 0;
    padding-bottom: 20%;
    background: url(Content/Template/img/banner/banner_product.png) top center no-repeat;
    background-size: 100% auto; }
    .ui-095 {
      width: 100%;
      right: 0;
      padding-bottom: 60%;
      background: url(Content/Template/img/support/bg_deco_02.png) top center no-repeat;
      background-size: 100% auto; }

.ui-268 .ui-088, .ui-268 .ui-166, .ui-268 .ui-164 {
  display: none !important; }

.ui-268 .ui-159 {
  margin-top: 70px;
  background: #fff; }
  .ui-268 .ui-159 .panel {
    border: 0; }
    .ui-268 .ui-159 .panel a:hover, .ui-268 .ui-159 .panel a:focus, .ui-268 .ui-159 .panel a:active, .ui-268 .ui-159 .panel a.active {
      color: #fff;
      background: #00afd4; }
    .ui-268 .ui-159 .panel .ui-207:hover::after, .ui-268 .ui-159 .panel .ui-207:focus::after, .ui-268 .ui-159 .panel .ui-207:active::after, .ui-268 .ui-159 .panel .ui-207.active::after {
      background: url(Content/Template/img/icon/icon_right_w.svg) center no-repeat;
      background-size: cover; }
    .ui-268 .ui-159 .panel .ui-207:hover[aria-expanded=true]::after, .ui-268 .ui-159 .panel .ui-207:focus[aria-expanded=true]::after, .ui-268 .ui-159 .panel .ui-207:active[aria-expanded=true]::after, .ui-268 .ui-159 .panel .ui-207.active[aria-expanded=true]::after {
      background: url(Content/Template/img/icon/icon_down_w.svg) center no-repeat;
      background-size: cover; }
    .ui-268 .ui-159 .panel > ul > li {
      border-bottom: 0; }
      .ui-268 .ui-159 .panel > ul > li:first-child {
        border-top: 0; }
    .ui-268 .ui-159 .panel a {
      padding-left: 30px;
      padding-right: 30px; }
  .ui-268 .ui-159 .dropdown-menu {
    background: #fff; }
    .ui-268 .ui-159 .dropdown-menu a {
      border: 0; }
      .ui-268 .ui-159 .dropdown-menu a:hover, .ui-268 .ui-159 .dropdown-menu a:focus, .ui-268 .ui-159 .dropdown-menu a:active, .ui-268 .ui-159 .dropdown-menu a.active {
        color: #fff;
        background: #00afd4; }
  .ui-268 .ui-167 {
    margin-right: -45px;
    margin-left: -45px; }
    .ui-268 .ui-167 div {
      padding-left: 30px;
      padding-right: 30px; }
  .ui-268 .ui-169 {
    padding-left: 0;
    padding-right: 0; }
  .ui-268 .ui-170 {
    padding-left: 0;
    padding-right: 0; }

.ui-268 .ui-234 {
  display: block !important; }

.ui-268 .modal-header {
  border: 0; }

.ui-317 {
  list-style: none;
  padding-left: 0; }
  .ui-317 li {
    margin: 0 0 10px 0;
    padding: 0 0 0 24px;
    background: url(Content/Template/img/job/libg.png) no-repeat left top; }

/*====================
    IE Alert
====================*/
.ui-050 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    width: 100vw;
    background-color: rgba(0,0,0,0.9);
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.18, 1) 0s;
    transition: all 0.2s cubic-bezier(0, 0, 0.18, 1) 0s;
}

.ui-050.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0px);
}

.ui-050 .ui-316{
    display:flex;
    align-items:flex-start;
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:20px 40px;
}

.ui-050 .ui-316 span {
    display: block;
    padding: 12px 1.5em 10px;
    border: 1px solid currentColor;
    background-color: transparent;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.4px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.18, 1) 0s;
    transition: all 0.2s cubic-bezier(0, 0, 0.18, 1) 0s;
}

.ui-050 .ui-316 p {
margin-left:40px;
font-size:15px;
line-height:1.5em;
letter-spacing:0.4px;
}

/*====================
		RWD 
====================*/
@media only screen and (min-width: 768px) {
  /*=====  header  ===== */
  .ui-304 {
    padding: 0 20px 0 18px; }
    .ui-305 {
      padding-right: 5px; }
  .ui-216 {
    height: 80px;
    line-height: 80px;
    padding-left: 0;
    border-radius: 0; }
    .ui-226 {
      height: 60px;
      line-height: 60px; }
    .ui-217 {
      margin-top: 8px;
      margin-right: 0; }
      .ui-218 {
        margin: 15px auto; }
    .ui-216 .navbar-collapse {
      margin-left: -15px;
      margin-right: -15px;
      padding: 0 15px 0 30px; }
    .ui-216 .navbar-nav > li > a {
      padding-top: 30px;
      padding-bottom: 30px;
      border-radius: 0;
      color: #00afd4;
      height: 80px; }
      .ui-216 .navbar-nav > li > a:hover, .ui-216 .navbar-nav > li > a:focus, .ui-216 .navbar-nav > li > a:active, .ui-216 .navbar-nav > li > a.active {
        color: #00afd4; }
    .ui-216 .navbar-nav > li:hover > a, .ui-216 .navbar-nav > li:focus > a, .ui-216 .navbar-nav > li:active > a, .ui-216 .navbar-nav > li.active > a {
      color: #00afd4;
      background: #fff; }
      .ui-216 .navbar-nav > li:hover > a.active, .ui-216 .navbar-nav > li:focus > a.active, .ui-216 .navbar-nav > li:active > a.active, .ui-216 .navbar-nav > li.active > a.active {
        color: #005AA9;
        background: transparent; }
    .ui-216 .navbar-nav > li:hover > ul, .ui-216 .navbar-nav > li:focus > ul, .ui-216 .navbar-nav > li:active > ul, .ui-216 .navbar-nav > li.active > ul {
      display: block; }
    .ui-216 .dropdown-menu {
      border-radius: 0;
      border: 0;
      min-width: 0;
      padding: 0;
      width: 100%;
      border-bottom: 5px solid #00afd4;
      box-shadow: none; }
      .ui-216 .dropdown-menu a {
        text-align: center;
        padding: 9px 0;
        width: 100%; }
        .ui-216 .dropdown-menu a:hover, .ui-216 .dropdown-menu a:focus, .ui-216 .dropdown-menu a:active, .ui-216 .dropdown-menu a.active {
          color: #fff;
          background: #00afd4; }
    .ui-216 li:hover > ul, .ui-216 li:focus > ul, .ui-216 li:active > ul, .ui-216 li.active > ul {
      display: block; }
    .ui-220:hover, .ui-220:focus, .ui-220:active, .ui-220.active {
      background: #fff; }
    .ui-219 {
      border: 0;
      margin-bottom: 0;
      box-shadow: none;
      background: transparent; }
    .ui-224 {
      position: absolute;
      display: none;
      width: auto;
      margin: 0;
      list-style: none;
      padding: 15px 35px 15px 0;
      border-bottom: 5px solid #00afd4;
      background: #fff; }
      .ui-224 > li > a {
        position: relative;
        display: block;
        color: #000;
        padding: 10px 45px;
        line-height: 20px;
        min-width: 340px;
        z-index: 100; }
        .ui-224 > li > a::after {
          content: '';
          position: absolute;
          display: block;
          top: 12px;
          right: 57px;
          width: 44px;
          height: 16px;
          background: url(Content/Template/img/icon/icon_arrow_w.svg); }
      .ui-224 > li {
        padding-right: 35px; }
        .ui-224 > li:hover > a, .ui-224 > li:focus > a, .ui-224 > li:active > a, .ui-224 > li.active > a {
          color: #fff;
          background: #00afd4; }
    .ui-225 {
      position: absolute;
      display: none;
      top: 0;
      padding-left: 0;
      right: -215px;
      min-height: 100%;
      min-width: calc(100% + 215px);
      list-style: none;
      background: #fff;
      border-bottom: 5px solid #00afd4;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
      .ui-225 li {
        padding: 0 35px 0 calc(100% - 215px); }
      .ui-225 li > a {
        display: block;
        color: #000;
        padding: 3px  0;
        line-height: 20px; }
        .ui-225 li > a:hover, .ui-225 li > a:focus, .ui-225 li > a:active, .ui-225 li > a.active {
          color: #00afd4; }
      .ui-225 li:first-child {
        margin-top: 22px; }
      .ui-225 li:last-child {
        margin-bottom: 22px; }
      .ui-225::before {
        content: '';
        display: block;
        position: absolute;
        top: 7%;
        height: 86%;
        margin-left: calc(100% - 250px);
        border-left: 1px solid #a1a1a2; }
    .ui-216 .panel {
      color: #fff;
      background: #00afd4; }
      .ui-216 .panel:hover, .ui-216 .panel:focus, .ui-216 .panel:active, .ui-216 .panel.active {
        color: #fff;
        background: #00afd4; }
    .ui-221 {
      position: relative; }
      .ui-221 .dropdown-menu {
        display: block;
        position: static;
        float: none;
        border: 0;
        box-shadow: none; }
      .ui-221 .form-inline {
        width: 507px;
        height: 80px;
        margin-top: -1px; }
      .ui-221 .form-control {
        display: inline-block;
        width: 430px;
        border: 0;
        height: 100%;
        padding-left: 15px;
        line-height: 78px;
        box-shadow: none;
        border-radius: 0;
        background: #fff; }
      .ui-221 .btn {
        display: inline-block;
        width: 77px;
        height: 100%;
        border: 0;
        border-radius: 0; }
      .ui-221 .close {
        position: absolute;
        top: 16px;
        right: 70px;
        font-size: 40px;
        font-weight: normal; }
    .ui-222 {
      padding-left: 25px !important;
      padding-right: 25px !important; }
    .ui-223 {
      position: absolute;
      display: none;
      right: 0;
      top: 0;
      background: #fff; }
    .ui-216 .ui-143 {
      margin-left: 5px;
      vertical-align: -6px; }
  /*=====  footer  ===== */
  .ui-159 {
    padding: 30px 0 0; }
    .ui-159 a {
      padding: 0 15px; }
    .ui-159 .container {
      padding-left: 30px;
      padding-right: 30px; }
    .ui-166 {
      padding-bottom: 15px; }
      .ui-166:first-child {
        border: 0; }
    .ui-167 {
      padding: 10px 0 25px;
      line-height: 1.8; }
      .ui-168 a {
        padding-left: 0; }
    .ui-169 {
      padding-bottom: 5px; }
    .ui-170 {
      padding: 15px 10px 5px 15px;
      text-align: right; }
      .ui-170 a {
        padding: 0; }
    .ui-163 {
      padding-top: 25px; }
    .ui-164 {
      border-top: 0; }
    .ui-161 {
      margin-top: 9px; }
    .ui-159 .dropdown {
      border: 0; }
      .ui-159 .dropdown:first-child {
        border: 0; }
      .ui-159 .dropdown a {
        color: #000; }
        .ui-159 .dropdown a:hover, .ui-159 .dropdown a:focus, .ui-159 .dropdown a:active, .ui-159 .dropdown a.active {
          color: #005AA9; }
    .ui-159 .dropdown-menu a {
      padding: 3px 15px; }
    .ui-159 .ui-144 a {
      padding: 2px 0; }
    .ui-159 .dropdown-toggle {
      padding: 5px 10px; }
    .ui-159 .ui-318 {
      border-bottom: 1px solid #a1a1a2; }
      .ui-159 .ui-319 {
        margin-top: 20px;
        margin-bottom: 10px; }
    .ui-159 .panel {
      border: 0; }
      .ui-159 .panel > ul {
        display: block; }
      .ui-159 .panel h5 {
        padding: 15px; }
    .ui-159 .panel > ul > li {
      border-bottom: 0; }
      .ui-159 .panel > ul > li:first-child {
        border-top: 0; }
    .ui-159 .list-unstyled.collapse a {
      color: #000; }
      .ui-159 .list-unstyled.collapse a:hover, .ui-159 .list-unstyled.collapse a:focus, .ui-159 .list-unstyled.collapse a:active, .ui-159 .list-unstyled.collapse a.active {
        color: #005AA9; }
    .ui-159 .panel .ui-207::after {
      display: none; }
  .ui-088 {
    margin-top: 0;
    padding-bottom: 60px; }
    .ui-093 {
      padding: 0 0 120px;
      background: url(Content/Template/img/support/bg_support.jpg) top center no-repeat;
      background-size: cover; }
    .ui-096 {
      top: 40px;
      left: -80px;
      width: 350px;
      height: 200px;
      padding: 20px 0 0 120px;
      margin-bottom: 60px;
      font-size: 20px; }
      .ui-097 {
        left: -105px; }
    .ui-094 {
      top: 50px;
      right: 30px;
      width: 350px;
      height: 135px;
      padding-bottom: 0; }
      .ui-095 {
        right: 0;
        width: 500px;
        height: 305px; } }

@media only screen and (min-width: 992px) {
  /*=====  header  ===== */
  .ui-217 {
    margin-top: 3px;
    margin-right: 40px;
    width: 204px; }
  .ui-219 {
    font-size: 18px; }
  /*=====  footer  ===== */
  .ui-167 {
    padding-left: 0; }
    .ui-167 .panel:first-child, .ui-167 .panel:nth-child(6) {
      padding-left: 30px; }
    .ui-168 {
      padding-left: 30px; }
      .ui-168 .col-md-offset-3 {
        padding-left: 0; }
  .ui-164 {
    border: 0;
    margin-top: 200px; }
  /*=====  page  ===== */
  .ui-096 {
    top: 50px;
    left: -95px;
    width: 400px;
    height: 230px;
    padding: 20px 0 0 135px;
    margin-bottom: 80px;
    font-size: 22px; }
    .ui-097 {
      left: -120px; }
  .ui-094 {
    top: 65px;
    right: 25px;
    width: 420px;
    height: 165px; }
    .ui-095 {
      right: 0;
      width: 500px;
      height: 305px; } }

/* source: product-form.css */
/*====================
	product-form
====================*/
input[type="radio"], input[type="checkbox"] {
  display: none; }

input[type="radio"] + label span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 7px 0 0;
  vertical-align: middle;
  background: url(Content/Template/img/icon/icon_check.svg) center no-repeat;
  cursor: pointer; }

input[type="radio"]:checked + label span {
  background: url(Content/Template/img/icon/icon_checked.svg) center no-repeat; }

input[type="checkbox"] + label span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 7px 0 0;
  vertical-align: middle;
  background: url(Content/Template/img/icon/icon_check.svg) center no-repeat;
  cursor: pointer; }

input[type="checkbox"]:checked + label span {
  background: url(Content/Template/img/icon/icon_checked.svg) center no-repeat;
  cursor: pointer; }

.ui-260 {
  margin: 0; }

.ui-251 label {
  font-weight: 300; }

.ui-257 {
  color: #00afd4; }
  .ui-257 h5 {
    margin-top: 43px;
    padding-bottom: 10px;
    border-bottom: 1px solid #00afd4; }
    .ui-257 h5.ui-321 {
      border-bottom: 0; }

.ui-258 {
  margin-left: -5px;
  margin-right: -5px; }
  .ui-258:last-child {
    margin-bottom: 30px; }
  .ui-258 h5 {
    padding-top: 10px;
    padding-bottom: 11px;
    margin-top: 33px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    border-top: 1px solid #a1a1a2; }
  .ui-258 .ui-253 {
    color: #00afd4;
    font-weight: bold;
    text-align: left;
    border-top: 2px solid #00afd4; }
  .ui-258 .ui-084 {
    padding-right: 5px;
    padding-left: 5px; }

.ui-256 {
  position: relative;
  margin-top: 80px;
  padding: 0 30px;
  border-radius: 0 10px 0 0;
  background: #fff; }

.ui-254 {
  position: absolute;
  display: black;
  width: 73%;
  max-width: 220px;
  height: 44px;
  line-height: 65px;
  padding: 0 0 0 30px;
  top: -53px;
  left: 0;
  border-radius: 10px 0 0 0;
  color: #005AA9;
  background: #fff; }
  .ui-254::after {
    display: block;
    position: absolute;
    content: "";
    width: 60px;
    height: 45px;
    top: -1.7px;
    right: -60px;
    background: url(Content/Template/img/layout/tab_border.png) center no-repeat;
    background-size: cover; }

.ui-252 {
  width: 100%;
  height: 40px;
  line-height: normal;
  padding: 10px;
  border: 1px solid #00afd4;
  /* firefox 19+ */
  /* ie */ }
  .ui-252::-webkit-input-placeholder {
    color: rgba(0, 175, 212, 0.3); }
  .ui-252::-moz-placeholder {
    color: rgba(0, 175, 212, 0.3); }
  .ui-252:-ms-input-placeholder {
    color: rgba(0, 175, 212, 0.3) !important; }
  .ui-252:-moz-placeholder {
    color: rgba(0, 175, 212, 0.3); }

.ui-255 {
  display: block;
  position: relative;
  font-weight: bold;
  min-height: 40px;
  padding: 10px 0;
  text-align: center;
  background: #e9e9e9; }

.ui-131 {
  width: 150px; }
  .ui-131:first-child {
    margin-left: 60px; }
  .ui-133 {
    margin: 0 5px 20px;
    padding: 0 10px 0 0;
    width: 100%;
    overflow: hidden; }
  .ui-134 {
    width: 660px;
    margin-bottom: 20px; }
  .ui-132 {
    position: absolute;
    top: 0;
    left: -50px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(Content/Template/img/icon/icon_download.svg) center no-repeat;
    cursor: pointer; }

.ui-177 {
  top: 0;
  margin-bottom: 40px; }
  .ui-179 {
    position: relative;
    margin: 40px 0 80px;
    width: 100%; }
  .ui-178 {
    position: relative;
    margin: 40px 0 80px;
    width: 100%; }
  .ui-177 th {
    position: relative;
    color: #fff;
    background: #00afd4; }
  .ui-177 .ui-301 {
    padding: 18px 40px 18px 15px;
    border-right: 5px solid #fff;
    white-space: nowrap; }
  .ui-177 td {
    text-align: center;
    padding: 18px 15px;
    border-right: 5px solid #fff; }
    .ui-177 td:first-child {
      text-align: left;
      min-width: 180px; }
  .ui-177 tbody tr {
    background: #fff; }
  .ui-177 tbody tr:nth-child(even) {
    background: #f2f2f2; }
  .ui-181 {
    position: absolute;
    width: 180px;
    top: 0;
    left: 0;
    z-index: 99; }
  .ui-180 {
    position: relative; }
    .ui-180 td:last-child {
      border: 0; }
    .ui-180 td:last-child {
      border: 0; }

.ui-280 {
  display: block;
  width: 0;
  height: 0;
  border-style: solid; }
  .ui-283 {
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #fff transparent; }
    .ui-283:hover, .ui-283:focus, .ui-283:active, .ui-283.active {
      border-color: transparent transparent #005AA9 transparent; }
  .ui-282 {
    margin-top: 10px;
    border-width: 6px 5px 0 5px;
    border-color: #fff transparent transparent transparent; }
    .ui-282:hover, .ui-282:focus, .ui-282:active, .ui-282.active {
      border-color: #005AA9 transparent transparent transparent; }
  .ui-281 {
    position: absolute;
    display: inline-block;
    margin-left: 15px; }

.mCSB_buttonLeft {
  width: 25px !important;
  opacity: 1 !important;
  background: #00afd4; }
  .mCSB_buttonLeft::after {
    position: absolute;
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    top: 2px;
    right: 1px;
    background: url(Content/Template/img/icon/icon_scroll_left.svg) center no-repeat;
    background-size: cover; }

.mCSB_buttonRight {
  width: 25px !important;
  opacity: 1 !important;
  background: #00afd4; }
  .mCSB_buttonRight::after {
    position: absolute;
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    top: 2px;
    right: 1px;
    background: url(Content/Template/img/icon/icon_scroll_right.svg) center no-repeat;
    background-size: cover; }

.mCSB_dragger {
  width: 80px !important;
  min-width: 80px !important; }

.mCSB_scrollTools {
  opacity: 1 !important; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 25px; }

.mCSB_dragger_bar {
  height: 17px !important;
  margin: 4px 0 !important;
  border-radius: 0 !important;
  background-color: #00afd4 !important; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 25px; }

.mCSB_draggerRail {
  height: 25px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background-color: #eaf6fd !important; }

/*====================
		RWD 
====================*/
@media only screen and (min-width: 992px) {
  .ui-257 .ui-084 {
    width: 20%; }
  .ui-258 {
    margin: 40px; }
    .ui-258 .ui-084 {
      width: 20%; }
      .ui-258 .ui-086 {
        width: 80%;
        padding-left: 10px; }
        .ui-258 .ui-086 .ui-084 {
          width: 25%; }
    .ui-258 > .ui-084 {
      padding-right: 0; }
  .ui-131:first-child {
    margin-left: 0; }
  .ui-133 {
    padding-right: 5px;
    padding-left: 0 !important;
    margin: 0;
    overflow: visible !important; }
    .ui-133 .mCSB_container {
      width: 100% !important; }
    .ui-133 .mCSB_scrollTools_horizontal {
      display: none !important; }
    .ui-133 .mCSB_container {
      margin: 0 !important; }
    .ui-133 div {
      overflow: visible !important; }
  .ui-134 {
    width: auto;
    margin: 0 -5px; } }