@charset "UTF-8";
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #5a5a5a;
  font-size: 18px;
  line-height: 1.4;
  font-family: Verdana, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
}

p {
    line-height: 2;
    margin: 0;
    margin-bottom: 1em;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection,
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

input {
  -webkit-appearance: none;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
iframe {
  border: none;
  width: 100%;
  height: 495px;
}

.i-warn--red:before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(../images/icon-warn-red@3x.png);
  background-repeat: no-repeat;
  background-size: 20px;
  vertical-align: middle;
}

/*---------- Icon - close ----------*/
.i-close--search {
  display: inline-block;
  background: url(../images/icon-search-close@3x.png) no-repeat;
  background-size: 20px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.i-close__bl-15, .i-close--bk-15, .i-close__bl-20 {
  display: inline-block;
  background: url(../images/icon-close.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
}

.i-close__bl-15 {
  width: 15px;
  height: 15px;
  background-position: 0 0;
}

.i-close--bk-15 {
  width: 15px;
  height: 15px;
  background-position: 0 -15px;
}

.i-close__bl-20 {
  width: 20px;
  height: 20px;
  background-position: 0 -30px;
}

/*---------- Icon - 20 x 20 ----------*/
.i-earth, .i-search, .i-qqa {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: url(../images/icon-20x20.png) no-repeat;
  vertical-align: bottom;
}

.i-earth {
  background-position: 0 0;
}

.i-search {
  background-position: 0 -60px;
}
.i-search.active {
  background-position: 0 -80px;
}

.i-qqa {
  background-position: 0 -100px;
}
.i-qqa.active {
  background-position: 0 -100px;
}

/*---------- icon for edit -------------*/
.i-refrashBlue {
  width: 19px;
  height: 21px;
  background-image: url(../images/icons/icon-refrashBlue.png);
  background-size: 19px 21px;
  display: inline-block;
  position: relative;
  top: 3px;
}

/*---------- icon for file -------------*/
.i-file__pdf, .i-file__web {
  width: 30px;
  height: 20px;
  padding: 10px 5px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 20px;
}

.i-file__pdf {
  background-image: url(../images/icon-filePDF@3x.png);
}

.i-file__web {
  background-image: url(../images/icon-fileLink@3x.png);
}

/*---------- Font ----------*/
.h1 {
  font-size: 35px;
}

.h2, .f-sub-title {
  font-size: 27px;
}

.h3 {
  font-size: 24px;
}

.h4 {
  font-size: 18px;
}

.h5 {
  font-size: 16px;
}

.f-dark {
  color: #2a2a2a;
}

.f-leader {
  font-size: 35px;
  color: #0089d1;
  background-color: none;
}
.f-leader.is-dark {
  color: #fff;
  background-color: #21587e;
}

.highlight {
  color: #fb8200;
}

.f-highlight {
  font-size: 35px;
  color: #fb8200;
}

.bus-highlight {
  font-size: 35px;
  color: #c38a00;
  font-weight: bold;
}

.f-grayLight {
  color: #888888;
}

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

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.f-28 {
  font-size: 28px;
}

.f-noticeBlue {
  color: #6b899d;
}

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

/*
.line-h2 {
    line-height: 2;
}
*/

a {
  color: #0089d1;
  text-decoration: none;
  /*-moz-transition: border-bottom ease 0.3s;
  -o-transition: border-bottom ease 0.3s;
  -webkit-transition: border-bottom ease 0.3s;
  transition: border-bottom ease 0.3s;*/
}

.link {
  color: #0089d1;
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}
.link:hover:before, .link:hover:after {
  text-decoration: none;
}
.link.is-dark {
  color: #fff;
}

.hoverUnderLine:hover {
  text-decoration: underline;
}

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

/*---------- Other ----------*/
.page-lock {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*---------- Form element - input ----------*/
input[type="text"],
input[type="tel"],
input[type="search"],
input[type="date"],
input[type="number"],
input[type="password"],
input[type="email"],
.input {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
}

/*---------- Form element - textarea ----------*/
textarea,
.textarea {
  width: 100%;
  resize: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- Form element - dropdownlist ----------*/
select,
.select {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- Form element - button ----------*/
.btn {
  display: inline-block;
}

.btn-blue {
  border: 1px solid #0089d1;
  color: #0089d1;
  background-color: none;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn-blue:hover {
  color: #fff;
  background-color: #0095e4;
  text-decoration: none;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
}

.btn-blueLight {
  border: 1px solid #80bce0;
  color: #80bce0;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: #fff;
  text-align: center;
  border-radius: 3px;
  width: 100px;
  padding: 10px 5px;
  display: inline-block;
  cursor: pointer;
  font-size: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*&:hover {
  	color: #fff;
  	background: #80bce0;
  }*/
}
.btn-blueLight.active, :checked + .btn-blueLight {
  color: #fff;
  background: #80bce0;
}

.btn-blueDark {
  color: #fff;
  background: #0089d1;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.btn-blueDark:hover {
  background: #0095e4;
}

.btn-white {
  color: #fff;
  border: 1px solid #fff;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

/*.btn-gray {
	border: 1px solid $color-sub-04;
	color: $color-blue;
	background-color: #fff;

	&:hover {
		color: #fff;
		background-color: $color-sub-04;
		text-decoration: none;
	}
}*/
/*---------- Grid ----------*/
.grid {
  display: block;
}
.grid .grid-cell {
  float: left;
  margin: 0;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid.grid-u-8 .grid-cell {
  width: 12.5%;
}
.grid.grid-u-7 .grid-cell {
  width: 14.28%;
}
.grid.grid-u-6 .grid-cell {
  width: 16.66%;
}

/*---------- Plugin - bxslider ----------*/
.banner {
  position: relative;
  overflow: visible;
  border-bottom: 5px solid #0089d1;
}

.mobile-banner {
  border-bottom: 5px solid #0089d1;
}

.banner--L2 {
  max-width: 830px;
  margin: 0 auto;
}

.bxslider {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.bxslider > li {
  float: left;
}

.bxslider__prev, .bxslider__next {
  position: absolute;
  top: 0;
  width: 70%;
  height: 100%;
  display: block;
}

.bxslider__prev {
  left: -70%;
  height: 100%;
}
.bxslider__prev a {
  display: block;
  height: 100%;
  text-indent: -9999px;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.bxslider__next {
  right: -70%;
  height: 100%;
}
.bxslider__next a {
  display: block;
  height: 100%;
  text-indent: -9999px;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/*---------- Position ----------*/
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

/*---------- Display ----------*/
.block {
  display: block;
}

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

.inblock {
  display: inline-block;
}

.inline {
  display: inline;
}

.hide {
  display: none;
}

.pc-show {
  display: block;
}

.mo-show {
  display: none !important;
}

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

.mo-show-important {
  display: none !important;
}

.mo-inTable {
  display: none;
}

/*---------- Float ----------*/
.fl {
  float: left;
}

.fr {
  float: right;
}

.hidden {
    overflow: hidden;
}

/*---------- Margin ----------*/
.center {
  margin-left: auto;
  margin-right: auto;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml-10 { /*20170125 by ChristineTsai*/
  margin-left: -10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.mt0 {
  margin-top: 0;
}

.mt-20 { /*20170125 by ChristineTsai*/
  margin-top: -20px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mb20 {
  margin-bottom: 20px;
}

.mr0 {
  margin-right: 0;
}

/*---------- Padding ----------*/
.pv5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pv40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ph25 {
  padding-left: 25px;
  padding-right: 25px;
}

.ph20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ph15 {
  padding-left: 15px;
  padding-right: 15px;
}

.ph10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px !important;
}

.ph0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*---------- Equally ----------*/
.equally--1, .equally--2, .equally--3, .equally--4, .equally--5, .equally--6, .equally--7, .equally--8 {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.equally--1 {
  width: 100%;
}

.equally--2 {
  width: 50%;
}

.equally--3 {
  width: 33.33%;
}

.equally--4 {
  width: 25%;
}

.equally--5 {
  width: 20%;
}

.equally--6 {
  width: 16.66%;
}

.equally--7 {
  width: 14.28%;
}

.equally--8 {
  width: 14.28%;
}

/*---------- Width ----------*/
.w180 {
  width: 180px;
}

.w180Max {
  max-width: 180px;
}

.w180min {
  min-width: 180px;
}

.half-ws {
  width: 50%;
}

.w7pct {
  width: 7%;
}

.w10pct {
  width: 10%;
}

.w12pct {
  width: 12%;
}

.w13pct {
  width: 13%;
}

.w15pct {
  width: 15%;
}

.w20pct {
  width: 20%;
}

.w22pct {
  width: 22%;
}

.w25pct {
  width: 25%;
}

.w28pct {
  width: 28%;
}

.w30pct {
  width: 30%;
}

.w34ct {
  width: 34%;
}

.w35pct {
  width: 35%;
}

.w40pct {
  width: 40%;
}

.w47pct {
  width: 47%;
}

.w50pct {
  width: 50%;
}

.w53pct {
  width: 53%;
}

.w64pct {
  width: 64%;
}

.w70pct {
  width: 70%;
}

.w100pct {
  width: 100%;
}

/*---------- box-sizing -----------*/
.box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- word-break -----------*/
.word-breakAll {
  -ms-word-break: break-all;
  word-break: break-all;
}

/*---------- Background ----------*/
.bg-grayLight {
  background: #ececec;
}

.bg-grayF4 {
  background: #f4f4f4;
}

.bg-white {
  background: #fff !important;
}

.bg-blueGray {
  background: #86a2b5 !important;
}

.bg-fubon {
  position: relative;
}
.bg-fubon:before, .bg-fubon:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.bg-fubon:before {
  left: 0;
  background-color: #0089d1;
}
.bg-fubon:after {
  right: 0;
  background-color: #01b6ad;
}

.bg-fubon--gradient {
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*background: $color-personal-green;*/
  background: -moz-linear-gradient(left, #0089d1 0, #01b6ad 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #0089d1), color-stop(100%, #01b6ad));
  background: -webkit-linear-gradient(left, #0089d1 0, #01b6ad 100%);
  background: -o-linear-gradient(left, #0089d1 0, #01b6ad 100%);
  background: -ms-linear-gradient(left, #0089d1 0, #01b6ad 100%);
  background: linear-gradient(to right, #0089d1 0, #01b6ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088d0', endColorstr='#01b5ac',GradientType=1);
  z-index: 1;
}

/*---------- text-align ----------*/
.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

/*---------- Font - size -----------*/
.f-header3 {
  font-size: 24px;
}

/*---------- Font - color ----------*/
.f-blueGray {
  color: #6b899d;
}

.font-blueDark {
  color: #21587e;
}

.f-blue {
  color: #0089d1;
}

.f-green {
  color: #05a5a5;
}

.f-orange {
  color: #fb8200;
}

.f-white {
  color: #fff;
}

.f-red {
  color: #c00000;
}

/*----------- border -----------*/
.bb--blue--3px {
  border-bottom: 3px solid #0089d1;
}

.bb--blueLight {
  border-bottom: 1px solid #80cbe3;
}

/*---------- ul-style ----------*/
.ul-square {
  list-style: square;
}

/*---------- Others ----------*/
.valign-middle {
  vertical-align: middle;
}

/*---------- breadcrumbs -----------*/
.breadcrumbs {
  padding: 6px 10px;
  font-size: 14px;
}
.breadcrumbs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumbs ul li {
  float: left;
}
.breadcrumbs ul li a {
  color: #bbbbbb;
}
.breadcrumbs ul li a:hover {
  text-decoration: underline;
  color: #5a5a5a;
}
.breadcrumbs ul li a:after {
  content: '';
  width: 6px;
  height: 10px;
  background: url(../images/icons/breadArrow.png) no-repeat;
  background-size: 6px 10px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 15px;
  vertical-align: top;
}
.breadcrumbs ul li.active {
  color: #c2c2c2;
}

/*---------- list-style ------------*/
.ol-square {
  list-style: square;
}

/*---------- tp-full ----------*/
.tp--full {
  border-top: 1px solid #ccc;
  min-height: 768px;
}
.tp--full .tp--full--content {
  padding: 10px 10px 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tp--full .tp--full--main {
  padding: 10px 10px 20px 10px;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tp--full .title {
  padding: 0 10px;
  margin-bottom: 10px;
}
.tp--full .title .pic {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.tp--full .title .pic img {
  width: 100%;
}
.tp--full .title .picShow {
  display: none;
}
.tp--full .title .title--name {
  margin: 0;
  font-size: 28px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  color: #0089d1;
}
.tp--full .full--container .pagination-area {
  width: auto;
  margin: 20px 0 30px;
}
.tp--full .full--container .pagination-area .pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.tp--full .full--container .pagination-area .pagination li {
  display: inline-block;
  float: none;
  margin-right: 3px;
  padding: 10px 0;
  text-align: center;
  width: 40px;
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tp--full .full--container .pagination-area .pagination li:first-child {
  float: none;
}
.tp--full .full--container .pagination-area .pagination li:first-child a {
  padding: 0 5px;
}
.tp--full .full--container .pagination-area .pagination li:last-child {
  float: none;
}
.tp--full .full--container .pagination-area .pagination li:last-child a {
  padding: 0 5px;
}
.tp--full .full--container .pagination-area .pagination li a {
  display: block;
  color: #5a5a5a;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tp--full .full--container .pagination-area .pagination li a:hover, .tp--full .full--container .pagination-area .pagination li a.active {
  background-color: #f4f4f4;
  color: #0089d1;
}
.tp--full .full--container .pagination-area .pagination li .prev {
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-prevGrayLight.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}
.tp--full .full--container .pagination-area .pagination li .prev:hover {
  background-color: #fff;
}
.tp--full .full--container .pagination-area .pagination li .prev.active {
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-prevGray.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}
.tp--full .full--container .pagination-area .pagination li .next {
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-nextGray.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
}
.tp--full .full--container .pagination-area .pagination li .next:hover {
  background-color: #fff;
}

/*---------- tp--unit ----------*/
.tp--unit {
  border-top: 1px solid #ccc;
}
.tp--unit .tp--unit--content {
  padding: 10px 10px 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tp--unit .tp--unit--content .unit--left {
  width: 220px;
  padding-top: 10px;
  padding-bottom: 90px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f4f4f4;
  display: table-cell;
}
.tp--unit .tp--unit--content .unit--right {
  width: 720px;
  padding-top: 10px;
  padding-bottom: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  display: table-cell;
  vertical-align: top;
}
.tp--unit .tp--unit--content .unit--right .right--content {
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 620px;
}

/*---------- left--menu ----------*/
.left--menu .title {
  padding: 0 10px 10px 10px;
}
.left--menu .title .pic {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.left--menu .title .pic img {
  width: 100%;
}
.left--menu .title .title--name {
  width: 150px;
  max-height: 75px;
  margin: 0;
  font-size: 25px;
  font-weight: normal;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}
.left--menu .slide--menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.left--menu .slide--menu > li {
  border-bottom: 1px solid #dddddd;
}
.left--menu .slide--menu > li:first-child {
  border-top: 1px solid #dddddd;
}
.left--menu .slide--menu > li > a {
  padding: 10px 25px 10px 20px;
  font-size: 18px;
  display: block;
  color: #5a5a5a;
}
.left--menu .slide--menu > li .side--menu--root {
  position: relative;
}
.left--menu .slide--menu > li .side--menu--root.off:before, .left--menu .slide--menu > li .side--menu--root.off:after {
  content: "";
  margin: 0 auto 0;
  position: absolute;
  right: 11px;
  top: 18px;
  width: 11px;
  height: 7px;
  background-image: url(../images/level4/left-arrowDown-dark.png);
  background-repeat: no-repeat;
  background-size: 11px 7px;
}
.left--menu .slide--menu > li .side--menu--root.on:before, .left--menu .slide--menu > li .side--menu--root.on:after {
  content: "";
  margin: 0 auto 0;
  position: absolute;
  right: 11px;
  top: 18px;
  width: 11px;
  height: 7px;
  background-image: url(../images/level4/left-arrowUP-white.png);
  background-repeat: no-repeat;
  background-size: 11px 7px;
}
.left--menu .slide--menu > li .side--menu--root.arrowRight-Gray:before, .left--menu .slide--menu > li .side--menu--root.arrowRight-Gray:after {
  content: "";
  margin: 0 auto 0;
  position: absolute;
  right: 11px;
  top: 18px;
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-nextGray.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
}
.left--menu .slide--menu > li .side--menu--root.go:before, .left--menu .slide--menu > li .side--menu--root.go:after {
  content: "";
  margin: 0 auto 0;
  position: absolute;
  right: 11px;
  top: 18px;
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-nextWhite.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
}
.left--menu .slide--menu > li ul {
  margin: 0;
  list-style: none;
  padding: 10px 20px;
  font-size: 15px;
  display: none;
  background: #f4f4f4;
  line-height: 21px;
}
.left--menu .slide--menu > li ul li {
  margin-bottom: 10px;
}
.left--menu .slide--menu > li ul li a {
  color: #5a5a5a;
}
.left--menu .slide--menu > li ul li a.active {
  color: #0089d1;
}
.left--menu .slide--menu > li ul li a:hover {
  color: #0089d1;
}
.left--menu .slide--menu > li.active > a {
  background: #80bce0;
  color: #fff;
  border-bottom: 1px solid #ddd;
}
.left--menu .slide--menu > li.active ul {
  display: block;
}
.left--menu .left--menu--link {
  padding: 10px 20px 0 20px;
  display: table;
}
.left--menu .left--menu--link > i {
  display: table-cell;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.left--menu .left--menu--link > i img {
  width: 100%;
  vertical-align: middle;
}
.left--menu .left--menu--link .link--title {
  display: table-cell;
  margin-top: 4px;
  width: 140px;
  padding-left: 5px;
  height: 25px;
  font-size: 16px;
  vertical-align: middle;
}
.left--menu .left--menu--link .link--title:hover {
  text-decoration: underline;
}
.left--menu.left--menu__about .slide--menu > li.active > a {
  border-bottom: 0;
}

/*----------- product grid 3 column -----------*/
.product--grid--third {
  width: 100%;
}
.product--grid--third > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product--grid--third > ul > li {
  width: 32%;
  float: left;
  margin: 20px auto 40px auto;
}
.product--grid--third > ul > li:nth-child(3n+2) {
  margin-left: 15px;
  margin-right: 15px;
}
.product--grid--third > ul > li:nth-child(3n+1) {
  clear: left;
}

/*----------- product grid 4 column -----------*/
.product--grid--fourth {
  width: 100%;
}
.product--grid--fourth > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product--grid--fourth > ul > li {
  width: 25%;
  float: left;
  margin: 20px auto 40px auto;
}
.product--grid--fourth > ul > li:nth-child(4n+1) {
  clear: left;
}

/*---------- intro-group ----------*/
.intro--group__col-3 {
  width: 280px;
  margin: 0 auto;
}
.intro--group__col-3 > .title {
  font-size: 28px;
  color: #0089d1;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
  font-weight: 300;
  padding: 0;
}
.intro--group__col-3 > .pic {
  width: 280px;
  overflow: hidden;
}
.intro--group__col-3 > .pic img {
  width: 100%;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.intro--group__col-3 > .pic img:hover {
  -webkit-transform: scale(1.2);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: center center;
  /* Chrome, Safari, Opera */
  -ms-transform: scale(1.2);
  /* IE 9 */
  -ms-transform-origin: center center;
  /* IE 9 */
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.intro--group__col-3 > .intro--field {
  padding: 23px 0 0 0;
}
.intro--group__col-3 > .intro--field > .intro--field__title {
  text-align: center;
  color: #2a2a2a;
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 18px;
}
.intro--group__col-3 > .intro--field > .inntro--filed__descript {
  text-align: center;
  height: 48px;
  overflow: hidden;
}
.intro--group__col-3 > .intro--field > .more--area {
  padding: 10px 0 20px 0;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}
.intro--group__col-3 .intro--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.intro--group__col-3 .intro--list > li {
  padding: 12px 0;
  clear: none;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0;
  float: none;
  font-size: 15px;
  position: relative;
}
.intro--group__col-3 .intro--list > li:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #2a2a2a;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  margin-right: 10px;
}
.intro--group__col-3 .intro--list > li:nth-child(4n+1) {
  margin: 0;
  clear: none;
}
.intro--group__col-3 .intro--list > li > a {
  color: #5a5a5a;
  display: inline-block;
  padding-left: 15px;
}
.intro--group__col-3 .intro--list > li > a:hover {
  color: #0089d1;
}

.intro--group__col-4 {
  width: 210px;
  margin: 0 auto;
}
.intro--group__col-4 > .title {
  font-size: 28px;
  color: #0089d1;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
  font-weight: 300;
  padding: 0;
}
.intro--group__col-4 > .pic {
  width: 210px;
  overflow: hidden;
}
.intro--group__col-4 > .pic img {
  width: 100%;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.intro--group__col-4 > .pic img:hover {
  -webkit-transform: scale(1.2);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: center center;
  /* Chrome, Safari, Opera */
  -ms-transform: scale(1.2);
  /* IE 9 */
  -ms-transform-origin: center center;
  /* IE 9 */
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.intro--group__col-4 > .intro--field {
  padding: 23px 0 0 0;
}
.intro--group__col-4 > .intro--field > .intro--field__title {
  text-align: center;
  color: #2a2a2a;
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 18px;
}
.intro--group__col-4 > .intro--field > .inntro--filed__descript {
  text-align: center;
  height: 48px;
  overflow: hidden;
}
.intro--group__col-4 > .intro--field > .more--area {
  padding: 10px 0 20px 0;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}
.intro--group__col-4 .intro--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.intro--group__col-4 .intro--list > li {
  padding: 12px 0;
  clear: none;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0;
  float: none;
  font-size: 15px;
  position: relative;
}
.intro--group__col-4 .intro--list > li:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #2a2a2a;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  margin-right: 10px;
}
.intro--group__col-4 .intro--list > li:nth-child(4n+1) {
  margin: 0;
  clear: none;
}
.intro--group__col-4 .intro--list > li > a {
  color: #5a5a5a;
  display: inline-block;
  padding-left: 15px;
}
.intro--group__col-4 .intro--list > li > a:hover {
  color: #0089d1;
}

/*---------- card-notice ----------*/
.card-notice {
  width: 100%;
  padding: 20px 0;
  background: #ececec;
  color: #999999;
}
.card-notice .mo--card--notice {
  padding: 0 10px;
}
.card-notice .big-title {
  font-size: 35px;
  width: 45%;
  margin: 10px 0;
  letter-spacing: 5px;
  display: table-cell;
  vertical-align: middle;
}
.card-notice .descript {
  width: 55%;
  font-size: 16px;
  display: table-cell;
  vertical-align: top;
  text-align: justify;
}

/*----------- help-area -----------*/
.help--area {
  width: 100%;
  padding: 60px 0;
  background: #ececec;
}

/*---------- help--tool ----------*/
.help--tool {
  width: 100%;
  text-align: center;
}
.help--tool .help--group--col-3 {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  color: #0089d1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.help--tool .help--group--col-3 .pic {
  margin-bottom: 10px;
}
.help--tool .help--group--col-3 .title {
  padding: 0 20px;
  overflow: hidden;
  margin-bottom: 25px;
}
.help--tool .help--group--col-4 {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  color: #0089d1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.help--tool .help--group--col-4 .pic {
  margin-bottom: 10px;
}
.help--tool .help--group--col-4 .title {
  padding: 0 20px;
  overflow: hidden;
  margin-bottom: 25px;
}

/*---------- icon ----------*/
.arrowRight-white {
  width: 8px;
  height: 14px;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/i-arrowRight-whiteIE8.png', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/i-arrowRight-whiteIE8.png', sizingMethod='scale');
  background-size: 8px 14px;
  background-image: url(../images/i-arrowRight-white.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  margin-left: 5px;
}

.arrowRight-blue {
  width: 8px;
  height: 14px;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/i-arrowRight-blueIE8.png', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/i-arrowRight-blueIE8.png', sizingMethod='scale');
  background-size: 8px 14px;
  background-image: url(../images/i-arrowRight-blue.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  margin-left: 5px;
}

.i-bankSmall {
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/icon-bankSmall.png);
  background-repeat: no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/icons/icon-bankSmall.png', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/icons/icon-bankSmall.png', sizingMethod='scale');
  background-size: 20px;
  display: inline-block;
  top: 2px;
  position: relative;
}

.i-cardSmall {
  width: 20px;
  height: 20px;
  background: url(../images/icons/icon-cardSmall.png) no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/icons/icon-cardSmall.png', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/images/icons/icon-cardSmall.png', sizingMethod='scale');
  background-size: 20px;
  display: inline-block;
  top: 2px;
  position: relative;
}

.i-home {
  width: 15px;
  height: 15px;
  background: url(../images/icons/icon-home-gray.png) no-repeat;
  background-size: 15px;
  display: inline-block;
  margin-top: 2px;
}

/*---------- icon-helper ------------*/
.i--helper--phone, .i--helper--form, .i--helper--bag, .i--helper--loacation, .i--helper--public, .i--helper--calender {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url(../images/icon_60x60_helper.png);
  background-repeat: no-repeat;
  background-size: 130px;
  vertical-align: middle;
}

.i--helper--phone {
  background-position: 0 0;
}
.i--helper--phone:hover {
  background-position: -70px 0;
}

.i--helper--form {
  background-position: 0 -70px;
}
.i--helper--form:hover {
  background-position: -70px -70px;
}

.i--helper--bag {
  background-position: 0 -140px;
}
.i--helper--bag:hover {
  background-position: -70px -140px;
}

.i--helper--loacation {
  background-position: 0 -210px;
}
.i--helper--loacation:hover {
  background-position: -70px -210px;
}

.i--helper--public {
  background-position: 0 -280px;
}
.i--helper--public:hover {
  background-position: -70px -280px;
}

.i--helper--calender {
  background-position: 0 -350px;
}
.i--helper--calender:hover {
  background-position: -70px -350px;
}

/* ==========================================================================
   Level 4 css
   ========================================================================== */
/*---------- h1-title ----------*/
.h1-title {
  font-size: 28px;
  color: #0089d1;
  -ms-word-break: break-all;
  word-break: break-all;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  font-weight: 200;
}

/*---------- h2-title ----------*/
.h2-title {
  font-size: 24px;
  color: #0089d1;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  font-weight: 200;
}

/*---------- h3-title ----------*/
.h3-title {
  font-size: 18px;
  color: #0089d1;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  font-weight: 200;
}

/*----------- commodity-group ------------*/
.commodity-group .commodity-field .pic {
  width: 220px;
  float: left;
  margin-right: 20px;
}
.commodity-group .commodity-field .pic img {
  width: 100%;
}
.commodity-group .commodity-field .pic iframe.video {
  width: 220px; height:150px;
}
.commodity-group .commodity-field .descript {
  float: left;
  width: 440px;
  height: 115px;
  overflow: hidden;
  padding: 13px 0;
}
.commodity-group .btn-area {
  margin: 20px 0;
}
.commodity-group .btn-area .btn-blueDark {
  float: left;
  width: 180px;
  margin-right: 20px;
}
.commodity-group .btn-area .btn-descript {
  padding: 0 20px;
  font-size: 16px;
  margin: 10px 0;
  display: block;
  float: left;
  border-left: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.commodity-group .btn-area .btn-descript:hover {
  text-decoration: underline;
}

/*----------- choice-group ------------*/
.choice-group {
  margin-bottom: 10px;
}
.choice-group .title {
  color: #05a5a5;
  margin-bottom: 10px;
}
.choice-group .title i {
  font-size: 24px;
}
.choice-group .title .small {
  font-size: 14px;
}
.choice-group .choice-field ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.choice-group .choice-field ul li {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  height: 43px;
}

/*----------- overseas-group ------------*/
.overseas-banner {
  margin-bottom: 20px;
}
.overseas-banner img {
  width: 100%;
}

.overseas-group .branch_pic {
  width: 220px;
  float: left;
}
.overseas-group .branch_intro {
  width: 410px;
  float: left;
  margin-left: 10px;
}
.overseas-group .branch_intro a {
  -ms-word-break: normal;
  word-break: normal;
}

.div__tr {
  display: table;
}
.div__tr:first-of-type {
  margin-top: 0;
}
.div__tr.branch_name {
  color: #21587e;
  font-weight: bold;
}
.div__tr .div__th {
  width: 45px;
  display: table-cell;
  font-weight: bold;
  color: #2a2a2a;
}
.div__tr .div__td {
  display: table-cell;
}

/*------------ re-choice -----------*/
.re-choice {
  margin-bottom: 10px;
  text-align: right;
  font-size: 15px;
}

/*----------- card-list -----------*/
.card-list.card-list--border {
  border-bottom: 1px solid #ddd;
}
.card-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.card-list ul li {
  width: 200px;
  margin: 10px 0;
  float: left;
}
.card-list ul li:nth-child(3n+1) {
  clear: left;
}
.card-list ul li:nth-child(3n+2) {
  margin-left: 20px;
  margin-right: 20px;
}

.credit-card {
  text-align: center;
}
.credit-card > .pic {
  width: 200px;
  margin: 0 auto 10px;
}
.credit-card > .pic img {
  width: 100%;
}
.credit-card > .title {
  font-weight: bold;
  color: #2a2a2a;
  width: 100%;
  height: 25px;
  overflow: hidden;
  margin-bottom: 10px;
}
.credit-card > .descript {
  width: 100%;
  height: 50px;
  overflow: hidden;
  margin-bottom: 10px;
}

/*----------- trd-com-list -----------*/
.trd-com-list {
  padding: 0 20px 25px 20px;
}
.trd-com-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.trd-com-list ul li {
  width: 200px;
  margin: 10px 0;
  float: left;
}
.trd-com-list ul li:nth-child(3n+1) {
  clear: left;
}
.trd-com-list ul li:nth-child(3n+2) {
  margin-left: 20px;
  margin-right: 20px;
}

.trd-com {
  text-align: center;
}
.trd-com > .pic {
  width: 200px;
  overflow: hidden;
  margin: 0 auto 10px;
  cursor: pointer;
}
.trd-com > .pic img {
  width: 100%;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.trd-com > .pic img:hover {
  -webkit-transform: scale(1.2);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: center center;
  /* Chrome, Safari, Opera */
  -ms-transform: scale(1.2);
  /* IE 9 */
  -ms-transform-origin: center center;
  /* IE 9 */
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.trd-com > .title {
  font-weight: bold;
  color: #2a2a2a;
  width: 100%;
  height: 25px;
  overflow: hidden;
  margin-bottom: 10px;
}
.trd-com > .descript {
  width: 100%;
  height: 70px;
  overflow: hidden;
  margin-bottom: 10px;
}

/*--------- tab--container ---------*/
.tab--container .tab--content {
  display: none;
  padding: 10px;
}
.tab--container .tab--content.active {
  display: block;
}

/*---------- pagination-area ---------*/
.pagination-area {
  width: auto;
  margin: 0 auto;
  font-size: 15px;
}
.pagination-area .pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.pagination-area .pagination li {
  display: inline-block;
  margin-right: 3px;
  width: 40px;
  height: 40px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagination-area .pagination li:first-child {
  float: none;
  padding: 10px 0;
}
.pagination-area .pagination li:first-child a {
  padding: 0 5px;
}
.pagination-area .pagination li:last-child {
  float: none;
  padding: 10px 0;
}
.pagination-area .pagination li:last-child a {
  padding: 0 5px;
}
.pagination-area .pagination li a {
  color: #5a5a5a;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
.pagination-area .pagination li a:hover, .pagination-area .pagination li a.active {
  background-color: #f4f4f4;
  color: #0089d1;
}
.pagination-area .pagination li .prev {
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-prevGrayLight.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}
.pagination-area .pagination li .prev:hover {
  background-color: #fff;
}
.pagination-area .pagination li .prev:hover.active {
  background-image: url(../images/arrow-prevGray.png);
}
.pagination-area .pagination li .next {
  width: 6px;
  height: 10px;
  background-image: url(../images/arrow-nextGray.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
}
.pagination-area .pagination li .next:hover {
  background-color: #fff;
}

/*---------- accordion -----------*/
.accordion ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion .accordion--tabs {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  height: 45px;
}
.accordion .accordion--tabs.tab2 li {
  width: 172px;
}
.accordion .accordion--tabs.tab7 li {
  width: 97px;
}
.accordion .accordion--tabs.tab4 li {
  width: 170px;
}
.accordion .accordion--tabs.tab5 li {
  width: 136px;
}
.accordion .accordion--tabs li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f4f4f4;
  border: 1px solid #dddddd;
  border-left: 0;
  height: 45px;
  float: left;
  text-align: center;
  padding: 0 10px;
}
.accordion .accordion--tabs li:first-child {
  border-left: 1px solid #dddddd;
}
.accordion .accordion--tabs li:hover a {
  color: #0089d1;
}
.accordion .accordion--tabs li.active {
  border-bottom: none;
  border-top: 3px solid #dddddd;
  background: #fff;
  height: 46px;
}
.accordion .accordion--tabs li .tab-title {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 45px;
  height: 45px;
  display: block;
  overflow: hidden;
}
.accordion .accordion--tabs.tabs--blue li.active {
  border-top: 3px solid #0089d1;
}
.accordion .accordion--group {
  padding: 10px 0 30px 0;
}
.accordion .accordion--group > li {
  margin-bottom: 10px;
  padding-top: 0;
  border-bottom: 1px solid #dddddd;
}
.accordion .accordion--group > li .accordion--content {
  padding: 0 20px;
}

/*----------- illustrat-group  HTML編輯器 ----------*/
.illustrat-group {
  padding-bottom: 20px;
  font-size: 15px;
}
.illustrat-group .qa__div {
  margin-bottom: 20px;
  		/*
  
  		*/
}
.illustrat-group .qa__div--q {
  position: relative;
  font-weight: bold;
  padding-left: 25px;
  color: #2a2a2a;
}
.illustrat-group .qa__div--q:before {
  content: 'Q.';
  width: 25px;
  position: absolute;
  top: -1px;
  left: 0;
}
.illustrat-group .qa__div--a {
  position: relative;
  padding-left: 25px;
}
.illustrat-group .qa__div--a:before {
  content: 'A.';
  width: 25px;
  position: absolute;
  top: -1px;
  left: 0;
}
.illustrat-group .qa__div--a .ul-square {
  padding: 0 0 0 25px;
  margin: 0;
  list-style: square;
}
.illustrat-group .qa__div--a .ul-square li {
  margin-bottom: 0;
}
.illustrat-group .qa__div > ol {
  margin: 5px 0;
  padding: 0 0 0 45px !important;
}
.illustrat-group .qa__div > ol li {
  margin-bottom: 0 !important;
}
.illustrat-group img {
  width: 100%;
}
.illustrat-group h3 {
  font-weight: 300;
  color: #0089d1;
  text-align: center;
  margin: 0 0 10px 0;
}
.illustrat-group h4 {
  font-weight: bold;
  color: #2a2a2a;
  font-size: 15px;
  margin: 0 0 5px 0;
}
.illustrat-group h5 {
  font-weight: bold;
  color: #21587e;
  font-size: 15px;
  margin: 0 0 5px 0;
}
.illustrat-group p {
  margin: 5px 0;
  -ms-word-break: break-all;
  word-break: break-all;
}
.illustrat-group div {
  margin: 5px 0;
  -ms-word-break: break-all;
  word-break: break-all;
}
.illustrat-group b {
  color: #2a2a2a;
}
.illustrat-group a {
  color: #0089d1;
}
.illustrat-group a:hover {
  text-decoration: underline;
}
.illustrat-group a img {
  width: 150px;
}
.illustrat-group ol {
  margin: 0;
  padding-left: 35px;
}
.illustrat-group ul {
  margin: 0 0 10px 0;
  list-style: square;
  padding-left: 20px;
}
.illustrat-group ul li {
  margin-bottom: 5px;
}
.illustrat-group table {
  width: 100%;
  font-size: 14px;
}
.illustrat-group table thead tr th {
  background: #86a2b5;
  text-align: center;
  padding: 10px;
  color: #fff;
  border: 1px solid #dddddd;
}
.illustrat-group table tbody tr th {
  background: #86a2b5;
  padding: 10px;
  border: 1px solid #dddddd;
  color: #fff;
  width: 150px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.illustrat-group table tbody tr td {
  padding: 10px;
  border: 1px solid #dddddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.illustrat-group table.tb-valign-middle tbody tr td {
  vertical-align: middle;
}
.illustrat-group .i--table_check {
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(../../Content/images/icons/icon-table_check.png) no-repeat;
  background-size: 13px 10px;
}
.illustrat-group .list__rights {
  margin: 0;
  padding: 0;
  list-style: none;
}
.illustrat-group .list__rights li {
  margin-top: 40px;
}
.illustrat-group .list__rights li:first-child {
  margin-top: 0;
}
.illustrat-group .list__rights li .rights__pic {
  width: 120px;
  height: 75px;
  float: left;
}
.illustrat-group .list__rights li .rights__pic img {
  width: 100%;
}
.illustrat-group .list__rights li .rights__text {
  margin-left: 130px;
}
.illustrat-group .list__rights li .rights__btn {
  margin: 10px 0;
  margin-left: 130px;
}
.illustrat-group .list__rights li .rights__btn .btn-moreinfo {
  width: 200px;
  color: #80bce0;
}

/*---------- apply-btns -----------*/
.apply-btns {
  padding: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}
.apply-btns li {
  width: 315px;
  height: 120px;
  border: 1px solid #80bce0;
  border-radius: 3px;
  color: #80bce0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  margin-bottom: 10px !important;
}
.apply-btns li:nth-child(2n) {
  float: right;
}
.apply-btns li.no_href {
  padding: 20px 13px;
}
.apply-btns li.no_href > a {
  padding: 0;
  height: auto;
}
.apply-btns li.no_href > a:hover {
  background: #fff;
  color: #80bce0;
  padding: 0;
  height: auto;
}
.apply-btns li a {
  display: block;
  padding: 20px 13px;
  height: 120px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #80bce0;
}
.apply-btns li a:hover {
  text-decoration: none;
  background: #80bce0;
  color: #fff;
}
.apply-btns li a:hover > i.i-applyOnline {
  background-image: url(../images/icons/icon-applyOnline-white.png);
}
.apply-btns li a:hover > i.i-applyBank {
  background-image: url(../images/icons/icon-applyBank-white.png);
}
.apply-btns li a:hover > i.i-applyLoan {
  background-image: url(../images/icons/icon-applyLoan-white.png);
}
.apply-btns li i {
  float: left;
  vertical-align: middle;
  padding-right: 15px;
  margin-top: 10px;
}
.apply-btns li .title {
  float: left;
  vertical-align: middle;
  font-size: 18px;
  margin-top: 25px;
}
.apply-btns li .descript {
  float: left;
  vertical-align: middle;
  font-size: 18px;
  margin: 12px 0;
}

/*---------- apply icons ----------*/
.i-applyPhone {
  width: 61px;
  height: 56px;
  background-image: url(../images/icons/icon-applyPhone-blue.png);
  background-size: 61px 56px;
  background-repeat: no-repeat;
  display: inline-block;
}

.i-applyOnline {
  width: 60px;
  height: 60px;
  background-image: url(../images/icons/icon-applyOnline-blue.png);
  background-size: 60px;
  background-repeat: no-repeat;
  display: inline-block;
}

.i-applyBank {
  width: 60px;
  height: 60px;
  background-image: url(../images/icons/icon-applyBank-blue.png);
  background-size: 60px;
  background-repeat: no-repeat;
  display: inline-block;
}

.i-applyLoan {
  width: 60px;
  height: 60px;
  background-image: url(../images/icons/icon-applyLoan-blue.png);
  background-size: 60px;
  background-repeat: no-repeat;
  display: inline-block;
}

/*---------- apply-sub ----------*/
.apply-sub {
  width: 100%;
  border-left: 1px solid #80bce0;
  padding-bottom: 10px;
  margin: 0 !important;
}
.apply-sub > .sub__title {
  font-size: 15px;
  font-weight: bold;
  color: #2a2a2a;
  position: relative;
  margin: 0;
  padding: 10px 30px 15px 30px;
  cursor: pointer;
}
.apply-sub > .sub__title:before {
  content: '';
  width: 45px;
  height: 45px;
  background-image: url(../images/icons/icon-arrowUpCycle-blue.png);
  background-size: 45px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  left: -22.5px;
  top: 0;
}
.apply-sub > .sub__title.active {
  color: #21587e;
}
.apply-sub > .sub__title.active:before {
  background-image: url(../images/icons/icon-arrowDownCycle-blue.png);
}
.apply-sub > .sub__content {
  padding: 0 0 15px 30px;
  margin: 0;
  display: none;
}

/*---------- fancybox content ----------*/
.alert--send {
  width: 460px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.alert--send .alert--title {
  background: #f4f4f4;
  padding: 15px 10px;
  font-size: 24px;
  color: #0089d1;
}
.alert--send .alert--content {
  background: #fff;
  padding: 15px 10px;
  font-size: 18px;
  text-align: center;
}
.alert--send .alert--content .btn-fancybox-close {
  display: inline-block;
  width: 180px;
  padding: 10px 20px;
  vertical-align: middle;
  margin-top: 100px;
}

.about-job {
  width: 1000px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.about-job > .title {
  background: #f4f4f4;
  padding: 15px 10px;
  font-size: 24px;
  color: #0089d1;
}
.about-job > .content {
  background: #fff;
  padding: 0 0 15px 0;
}
.about-job > .content .btn-fancybox-close {
  display: inline-block;
  width: 180px;
  padding: 10px 20px;
  vertical-align: middle;
  margin-top: 0;
  text-align: center;
}
.about-job > .content .job-ul {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
.about-job > .content .job-ul li {
  padding: 0 15px 15px 15px;
  font-size: 18px;
}
.about-job > .content .job-ul li:nth-child(2) {
  padding: 15px;
}
.about-job > .content .job-ul li:last-child {
  padding: 0 15px;
}
.about-job > .content .job-ul li.li-title {
  background: #f4f4f4;
  padding: 15px 0;
  text-align: left;
  font-weight: 400;
  border-top: 1px solid #fff;
  color: #0089d1;
  font-size: 18px;
}
.about-job > .content .job-ul li .inner {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.about-job > .content .job-ul li .job-title {
  width: 240px;
  float: left;
}
.about-job > .content .job-ul li .job-descript {
  width: 640px;
  float: left;
  padding-left: 15px;
}

/*---------- Upload File ----------*/
.area--file-upload {
  margin-top: 20px;
  padding: 25px 20px 15px;
  background: #b5ece9;
  border-radius: 3px;
}
.area--file-upload .h1-title {
  font-size: 24px;
  margin-bottom: 15px;
}
.area--file-upload .upload-notice {
  color: #888888;
  font-size: 15px;
}
.area--file-upload .btn-area {
  margin: 15px 0 10px;
  text-align: center;
}
.area--file-upload .btn-area .btn-blueDark {
  display: inline-block;
  width: 180px;
  padding: 10px 0;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 18px;
}
.area--file-upload .btn-area .btn-descript {
  display: inline-block;
  padding: 0 0 0 20px;
  font-size: 16px;
  margin: 10px 0;
  border-left: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: underline;
}
.area--file-upload .btn-area .btn-descript:hover {
  text-decoration: underline;
}

.fileUpload {
  width: 100%;
  background: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border: 1px solid #dddddd;
  font-size: 15px;
  margin-bottom: 10px;
}
.fileUpload .fileUpload-upload {
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.fileUpload .fileUpload-text {
  display: inline-block;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
}
.fileUpload .fileUpload-btn {
  float: right;
  color: #fff;
  background: #05a5a5;
  padding: 10px 0;
  width: 140px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- 注意事項展開收合 ------------*/
.sub--notice {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-break: break-all;
  word-break: break-all;
}
.sub--notice .sub--notice__title {
  padding: 10px;
  margin: 0;
  position: relative;
  cursor: pointer;
  border: 1px solid #dddddd;
  color: #05a5a5;
}
.sub--notice .sub--notice__title:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 17px;
  display: inline-block;
  width: 15px;
  height: 9px;
  text-align: center;
  background: url(../images/level4/left-arrowDown-dark.png) no-repeat;
  background-size: 11px 7px;
}
.sub--notice .sub--notice__title.active:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 17px;
  display: inline-block;
  width: 15px;
  height: 9px;
  text-align: center;
  background: url(../images/level4/left-arrowup-dark.png) no-repeat;
  background-size: 11px 7px;
}
.sub--notice .sub--notice__content {
  padding: 10px;
  margin: 0;
  display: none;
  border: 1px solid #dddddd;
  border-top: none;
}
.sub--notice .sub--notice__content > ol {
  padding-left: 25px;
}
.sub--notice .sub--notice__content > ol > li {
  margin-bottom: 10px;
  padding: 0;
}

/*---------- iframe area ----------*/
.iframe-area {
  width: 100%;
}

/*--------- prevPage ----------*/
.prevPage {
  padding: 0 10px;
  font-size: 16px;
}
.prevPage .btn-prevPage {
  position: relative;
}
.prevPage .btn-prevPage:before {
  content: '';
  width: 8px;
  height: 13px;
  display: inline-block;
  background-image: url(../images/i-arrowLeft-blue.png);
  background-repeat: no-repeat;
  background-size: 8px 13px;
  margin-right: 5px;
}

/*---------- filter ----------*/
.filter__selector {
  font-size: 15px;
  padding: 10px 0;
}
.filter__selector .btn-filterSearch {
  padding: 11px 16px;
  float: left;
  margin-left: 10px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- sub ----------*/
.sub {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}

/*---------- sub--faq ----------*/
.sub--faq .faq-title {
  padding: 15px 45px 15px 10px;
  margin: 0;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  color: #21587e;
  border-bottom: 1px solid #ddd;
}
.sub--faq .faq-title:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 10px;
  width: 25px;
  height: 25px;
  text-align: center;
  background: url(../images/arrowDown-circle@3x.png) no-repeat;
  background-size: 25px 25px;
}
.sub--faq .faq-title.active:after {
  background: url(../images/arrowUp-circle@3x.png) no-repeat;
  background-size: 25px 25px;
}
.sub--faq .faq-content {
  padding: 10px;
  margin: 0;
  display: none;
  font-size: 15px;
  background: #f4f4f4;
}
.sub--faq .faq-content ul {
  margin: 0;
  padding-left: 20px;
  list-style: square;
}
.sub--faq .faq-content ul > li {
  margin: 10px 0;
}
.sub--faq .faq-content ol {
  margin: 0;
  padding: 0 0 0 25px;
}

/*---------- sub--news ----------*/
.sub--news {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}
.sub--news .news-date {
  display: inline-block;
  color: #6b899d;
  margin-right: 5px;
}
.sub--news .news-title {
  display: inline-block;
  color: #5a5a5a;
}
.sub--news:hover .news-title {
  color: #0089d1;
  text-decoration: underline;
}

.content--news .news__title {
  font-size: 28px;
  color: #0089d1;
}
.content--news .news__date {
  color: #6b899d;
}
.content--news .news__pic {
  width: 720px;
  margin: 0 auto;
}
.content--news .news__pic img {
  width: 100%;
}
.content--news .kv-shadow {
  width: 720px;
  height: 31px;
  margin: 0 auto;
  background-image: url(../images/tp_event/kv-shadow.png);
  background-repeat: no-repeat;
  background-size: 720px 21px;
}
.content--news .news__editor {
  margin-top: 20px;
}
.content--news .news__editor .illustrat-group table {
  width: 75%;
}

/*---------- sub--public ----------*/
.sub--list {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  color: #5a5a5a;
}
.sub--list:hover {
  color: #0089d1;
}
.sub--list .list-title:after {
  content: '';
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
  background-size: 30px 20px;
}
.sub--list .list-title.typePDF:after {
  background-image: url(../images/icon-filePDF@3x.png);
}
.sub--list .list-title.typeLINK:after {
  background-image: url(../images/icon-fileLink@3x.png);
}
.sub--list .list-title.typeDOC:after {
  background-image: url(../images/icon-fileDOC@3x.png);
}
.sub--list .list-title.typePPT:after {
  background-image: url(../images/icon-filePPT@3x.png);
}
.sub--list .list-title.typeEXE:after {
  background-image: url(../images/icon-fileEXE@3x.png);
}
.sub--list .list-title.typeXLS:after {
  background-image: url(../images/icon-fileXLS@3x.png);
}

/*---------- advancedButton ----------*/
.advancedButton {
  padding: 9px 10px;
  display: inline-block;
}
.advancedButton > a {
  text-decoration: underline;
}

/*---------- sub--search ----------*/
.field-advanced {
  background: #f4f4f4;
  padding: 10px;
  margin-top: 10px;
}

.sub--search {
  display: block;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.sub--search .search-title {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 2px;
}
.sub--search .keyword {
  color: #fb8200;
}

/*---------- locations ----------*/
.mo-col--50pct .btn-filterSearch {
  margin-left: 0;
}
.mo-col--50pct .advancedButton {
  padding: 9px 10px;
  display: inline-block;
}
.mo-col--50pct .advancedButton > a {
  text-decoration: underline;
}

/*---------- sub--location ----------*/
.tab--content .filter__selector {
  padding-top: 0;
}

.location-title .sub--location {
  border: 1px solid #ddd;
  background: #86a2b5;
  color: #fff;
  text-align: center;
}

.location-content .sub--location {
  cursor: pointer;
  border: 1px solid #ddd;
  border-top: none;
}
.location-content .sub--location:hover {
  background-color: #d3e9f7;
}

.sub--location {
  display: table;
  width: 100%;
}
.sub--location .location-no,
.sub--location .location-name,
.sub--location .location-branch,
.sub--location .location-addr {
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #ddd;
}
.sub--location .location-addr {
  border-right: none;
}

.location-hint {
  font-size: 14px;
}
.location-hint .hint__gray {
  color: #888;
}
.location-hint .hint__blue {
  color: #21587e;
}
.location-hint .hint__blue:before {
  content: '';
  display: inline-block;
  position: relative;
  top: 1px;
  width: 13px;
  height: 13px;
  background: url(../images/circle-blue@3x.png) no-repeat;
  background-size: 13px;
  margin-right: 2px;
}
.location-hint .hint__green {
  color: #05a5a5;
}
.location-hint .hint-circle {
  font-size: 30px;
  line-height: 10px;
}

.btn--newType {
  background-color: #73b5dc;
  margin-left: 5px;
  padding: 5px 7px;
  border-bottom: 2px solid #6eadd3;
  border-radius: 5px;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn--newType:before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(../images/icon-newBank@3x.png);
  vertical-align: middle;
  background-size: 10px;
  display: inline-block;
  margin-right: 3px;
}

.location-default .location-name {
  width: 30%;
  border-right: 1px solid #ddd;
}
.location-default .location-name .bank-info {
  display: inline-block;
  color: #5a5a5a;
  padding: 5px 7px;
}
.location-default .location-name .bank-info:hover {
  color: #0089d1;
}
.location-default .location-addr {
  width: 70%;
}
.location-default .location-addr .icon--location-pin {
  color: #5a5a5a;
  display: inline-block;
}
.location-default .location-addr .icon--location-pin:hover {
  color: #0089d1;
}
.location-default .location-addr .icon--location-pin:before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(../images/icon-pin@3x.png);
  background-size: 30px;
}

.location-en .location-name {
  width: 25%;
}
.location-en .location-branch {
  width: 25%;
}
.location-en .location-addr {
  width: 50%;
}
.location-en .mo-title {
  display: none;
}

.fancybox-location {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fancybox-location .fancybox--title {
  background: #f4f4f4;
  padding: 20px;
  font-size: 24px;
  color: #0089d1;
}
.fancybox-location .fancybox--content {
  background: #fff;
  padding: 20px;
}
.fancybox-location .fancybox--content .btn-fancybox-close {
  display: block;
  width: 180px;
  padding: 10px 20px;
  vertical-align: middle;
  margin-top: 100px;
  text-align: center;
  margin: 0 auto;
}

.fancybox-text {
  font-size: 15px;
  margin: 20px 0;
}
.fancybox-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fancybox-text .kv-title {
  font-weight: bold;
}

.foundation > .kv-bank .bx-controls {
  top: 0;
  bottom: 0;
}
.foundation > .kv-bank .bx-controls .bx-controls-direction {
  display: block !important;
}

.kv-bank {
  width: 680px;
  position: relative;
  margin: 0 auto;
}
.kv-bank img {
  width: 100%;
  vertical-align: middle;
}
.kv-bank .bx-controls {
  top: 0;
  bottom: auto;
}
.kv-bank .bx-controls .bx-controls-direction {
  display: block !important;
}
.kv-bank .bx-wrapper .bx-controls-direction a {
  position: absolute;
  margin-top: -20px;
  outline: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  z-index: 99;
}
.kv-bank .bx-wrapper .bx-prev {
  background: url(../images/kv-controlPrev@3x.png);
  background-size: 40px;
}
.kv-bank .bx-wrapper .bx-prev:hover {
  background-position: center;
}
.kv-bank .bx-wrapper .bx-next {
  background: url(../images/kv-controlNext@3x.png);
  background-size: 40px;
}
.kv-bank .bx-wrapper .bx-next:hover {
  background-position: center;
}
.kv-bank.kv-noText .bx-wrapper .bx-controls-direction a {
  top: 50%;
}
.kv-bank.kv-newbank {
  margin-bottom: 20px;
}
.kv-bank.kv-newbank .fancybox-text {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 10px;
  color: #fff;
  background: url(../images/kv-mask.png);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.location-map {
  width: 680px;
}
.location-map iframe {
  width: 100%;
  height: 410px;
}

.newbank--accordion {
  margin-bottom: 20px;
}

.newbank-title {
  font-size: 24px;
  color: #0089d1;
  text-align: left;
  margin: 0 0 10px;
  font-weight: 200;
}

/*---------- blue-note ----------*/
.blue-note {
  width: 100%;
  padding: 16px 10px 10px 10px;
  background: #d3e9f7;
  font-size: 16px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.blue-note:after {
  content: '';
  width: 16px;
  height: 16px;
  background: url(../images/blue-noteConer.png) no-repeat;
  background-size: 16px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.award--tabs,
.evaluation--tabs {
  padding: 0;
  list-style: none;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  height: 45px;
}
.award--tabs li,
.evaluation--tabs li {
  width: 226px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f4f4f4;
  border: 1px solid #dddddd;
  border-left: 0;
  height: 45px;
  float: left;
  text-align: center;
  padding: 0 10px;
}
.award--tabs li:first-child,
.evaluation--tabs li:first-child {
  border-left: 1px solid #dddddd;
}
.award--tabs li:hover a,
.evaluation--tabs li:hover a {
  color: #0089d1;
}
.award--tabs li.active,
.evaluation--tabs li.active {
  border-bottom: none;
  border-top: 3px solid #dddddd;
  background: #fff;
  height: 46px;
}
.award--tabs li .tab-title,
.evaluation--tabs li .tab-title {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 45px;
  height: 45px;
  display: block;
  overflow: hidden;
}
.award--tabs.tabs--blue li.active,
.evaluation--tabs.tabs--blue li.active {
  border-top: 3px solid #0089d1;
}

.award--group,
.evaluation--group {
  list-style: none;
  margin: 0;
  padding: 10px 20px;
}
.award--group > li,
.evaluation--group > li {
  padding-top: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

.award__list {
  margin: 10px 0 15px 7px;
  padding: 10px 0;
  list-style: none;
  border-left: 2px solid #d3e9f7;
}
.award__list > li {
  padding-left: 15px;
  position: relative;
  margin-bottom: 15px;
}
.award__list > li:before {
  content: '';
  display: block;
  position: absolute;
  left: -8px;
  top: 4px;
  width: 15px;
  height: 15px;
  background: url(../images/dot-blue@3x.png);
  background-size: 15px;
}
.award__list .award__event {
  font-weight: bold;
}
.award__list .award__info > ul {
  margin: 5px 0 0;
  padding: 0;
  list-style: none;
}
.award__list .award__info > ul > li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}
.award__list .award__info > ul > li:before {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 8px;
  width: 5px;
  height: 5px;
  background: url(../images/square-dark@3x.png);
  background-size: 5px;
}

/*---------- Evaluation ----------*/
.evaluation--content {
  margin-bottom: 20px;
}
.evaluation--content .field {
  width: 100%;
  border: 1px solid #dddddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.evaluation__title {
  padding: 10px;
  color: #fff;
  background: url(../images/blue-title-bg.jpg) repeat-x;
  background-size: 1px 45px;
}

.evaluation__content {
  padding: 10px;
}

.evaluation-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.evaluation-ul li {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.evaluation-ul li.front {
  width: 25%;
  float: left;
  border-right: 1px solid #dddddd;
}
.evaluation-ul li.front ul li .content {
  margin-top: 5px;
  font-size: 14px;
}
.evaluation-ul li.mid {
  width: 50%;
  float: left;
}
.evaluation-ul li.mid ul li {
  width: 50%;
  float: left;
}
.evaluation-ul li.back {
  width: 25%;
  float: left;
  border-left: 1px solid #dddddd;
}
.evaluation-ul ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.evaluation-ul ul li {
  padding: 0 5px;
}
.evaluation-ul .title {
  font-size: 14px;
  color: #5a5a5a;
}
.evaluation-ul .content {
  font-size: 20px;
  font-weight: bold;
  color: #2a2a2a;
}

/*---------- About ----------*/
/*
.about {
  margin-bottom: 20px;
}
*/

.sub--about {
  display: table;
  position: relative;
  padding: 10px 0 10px 20px;
}
.sub--about:before {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 20px;
  width: 5px;
  height: 5px;
  background: url(../images/square-dark@3x.png);
  background-size: 5px;
}
.sub--about > div {
  display: table-cell;
}
.sub--about .about--title {
  width: 160px;
  color: #21587e;
}

.form__file .file-title {
  display: table;
  background: #86a2b5;
  color: #fff;
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form__file .file-content {
  display: table;
  width: 100%;
}
.form__file .file-content .sub--file {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom: none;
}
.form__file .file-content .sub--file:hover {
  background: #d3e9f7;
}
.form__file .file-content .sub--file:last-of-type {
  border-bottom: 1px solid #ddd;
}
.form__file .file-name,
.form__file .file-download {
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  vertical-align: middle;
}
.form__file .file-name {
  width: 520px;
  border-right: 1px solid #ddd;
}
.form__file .file-download {
  width: 160px;
}
.form__file .file-download a {
  float: left;
}

/*---------- structure ----------*/
.structure-img {
  padding-left: 20px;
}
.structure-img img {
  width: 100%;
}

/*---------- main-button -----------*/
.main-button.one > .btn-blueDark {
  width: 48%;
  float: left;
  padding: 10px 20px;
  margin-top: 100px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-button.one > .btn-blue {
  width: 48%;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------- stepArea ----------*/
.stepArea__pic--pc {
  display: block;
}
.stepArea__pic--mobile {
  display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*---------- fancybox ----------*/
.fbb-fancybox .fancybox-skin {
  background-color: transparent;
}
.fbb-fancybox.fancybox-opened .fancybox-skin {
  box-shadow: none;
}

/*
 * Hide visually and from screen readers:
 */
/*
.hidden {
  display: none !important;
}
*/

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
  clear: both;
}

/* global */
h1 {
    font-size: 28px;
    margin: 0;
    margin-bottom: 20px;
}
h2 {
    font-size: 24px;
    margin: 0;
    color: #226b93;
}
h3 {
    font-size: 20px;
    margin: 0;
    font-weight: normal;
}
h4 {
    font-size: 18px;
    color: #0089d1;
    font-weight: normal;
    margin: 0;
    margin-bottom: 20px;
}
.btn1 {
    border-radius: 100px;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    background: #ff9908;
    padding: 36px 20px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
    
    width: 120px;
    height: 120px;
    box-sizing: border-box;
}
.btn1:hover, .btn1.cur {
    background: #de8507;
}
.main_box {
    margin: auto;
    max-width: 1000px;
    border-top: 6px solid #bfbfbf;
    background: #ffffff;
    min-height: 880px;
}
.main_box:after {
    content: '';
    clear: both;
    display: table;
}
.l-single {
    padding: 50px;
    position: relative;
}
.l-content {
    width: 750px;
    float: left;
    padding: 50px 50px 100px 50px;
    box-sizing: border-box;
}
.l-side {
    width: 250px;
    float: right;
    margin-top: -73px;
}
.l-side .m-aside-bd h5 {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    background: #0089d1;
    padding: 20px;
}
#aside-item {
    margin: 0;
    padding: 10px 20px 20px 20px;
    background: #f4f4f4;
    list-style: none;
}
#aside-item > li {
/*    padding: 10px 0;*/
    position: relative;
    padding-left: 25px;
    border-bottom: 1px solid #999999;
}
#aside-item > li:last-child {
    border-bottom: 0;
}
#aside-item > li:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #666666;
    left: 2px;
    top: 16px;
}
#aside-item > li:hover:before, #aside-item > li.cur:before, #aside-item .acc_wrap.open .hassub:before, #aside-item .hassub.now:before {
    background: #0089d1;
}
#aside-item > li.cur a, #aside-item .acc_wrap.open .hassub > a, #aside-item .hassub.now > a {
    color: #0089d1;
}
#aside-item ul {
    list-style: none;
    padding-left: 0;
}
#aside-item a {
    color: #666666;
    padding: 10px 0;
    display: block;
    font-size: 14px;
    position: relative;
}
#aside-item a:hover {
/*    text-decoration: underline;*/
    color: #0089d1;
}
#aside-item ul a.cur, #aside-item ul a:hover {
    color: #0089d1;
    text-decoration: none;
}

#aside-item .hassub > a:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background: #666666;
    right: 5px;
    top: 50%;
    margin-top: -1px;
}
#aside-item .hassub > a:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 10px;
    background: #666666;
    right: 9px;
    top: 50%;
    margin-top: -5px;
}
#aside-item .acc_wrap.open a:after {
    display: none;
}
#aside-item .hassub ul {
    display: none;
}
.m-aside-hd {
    display: none;
}
.otherbtn a {
    color: #ffffff;
    display: block;
    background: #0089d1;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    overflow: hidden;
    margin: 10px 0;
}
.otherbtn a:hover {
    opacity: 0.8;
}
.otherbtn img {
    margin-right: 10px;
    float: left;
}
.otherbtn span {
    display: inline-block;
}
.otherbtn em {
    display: block;
    overflow: hidden;
    padding: 11px 0;
}
.main_box h1 {
    color: #0089d1;
    font-weight: normal;
    margin-bottom: 50px;
}
.vision {
    height: 299px;
    background-position: top center;
}
.bread {
    margin-bottom: 50px;
}
.bread a {
    float: left;
    color: #000000;
    display: inline-block;
    margin: 0 10px;
    line-height: 20px;
}
.bread a:hover {
    text-decoration: underline;
}
.bread a:not(:first-of-type) {
    position: relative;
}
.bread a:not(:first-of-type):after {
    position: absolute;
    content: '>';
    left: -15px;
    top: 0px;
}
.bread:after {
    content: '';
    display: table;
    clear: both;
}
.bread .b_home {
    line-height: 1;
    margin-left: 0;
}
input[type='text'], input[type='tel'], input[type='email'] {
    font-family: "MHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","微軟正黑體", "MicrosoftJhengHeiRegular","sans-serif";
    width: 100%;
    padding: 5px;
    border: 1px solid #dddddd;
    box-shadow: none;
    font-size: 14px;
    color: #000000;
}
input[type='text']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='email']::-moz-placeholder {
    color: #999999;
    opacity: 1;
    font-size: 14px;
}
input[type='text']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder {
    color: #999999;
    font-size: 14px;
}
input[type='text']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px;
}
.ui-datepicker-month {
    margin-right: 5% !important;
    display: inline-block;
    font-weight: normal;
    color: #555555;
}
.ui-datepicker-year {
    display: inline-block;
    font-weight: normal;
    color: #555555;
}
/* end of global */
/* home */
.home {
    background: #ffffff;
}
section {
    position: relative;
    min-height: 667px;
}
.auto-h {
    min-height: auto;
}
#s0 {
    min-height: auto;
}
#s0.border {
    border-bottom: 3px solid #0089d1;
}
.owl-wrap {
    position: relative;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
    background: rgba(0,0,0,0.3);
}
.owl-nav > div {
    position: absolute;
    top: 50%;
    color: #ffffff;
/*    font-family: 'FuBon-Font';*/
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5em;
    width: 10px;
    height: 27px;
    margin-top: -13px;
    font-weight: bold;
}
.owl-theme0 .owl-dots {
    margin-top: -30px;
    position: relative;
}
.owl-theme0 .owl-dots .owl-dot span {
    background: transparent;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
}
.owl-theme0 .owl-dots .owl-dot.active span, .owl-theme0 .owl-dots .owl-dot:hover span {
    background: #ffffff;
}
.block_color {
    padding: 50px;
/*    width: 50%;*/
    width: 44vw;
    width: 90vw;
    box-sizing: border-box;
/*    position: absolute;*/
/*    top: calc( ( 100vh - 40px ) / 5 );*/
    top: calc( 100vh / 9 );
    color: #ffffff;
    position: relative;
    z-index: 1;
}
section:nth-of-type(odd) .block_color {
/*    margin-right: 50%;*/
    border-radius: 0 100px 100px 0;
    text-align: right;
    
    float: right;
/*    margin-left: -50vw;*/
    margin-left: -44vw;
}
section:nth-of-type(even) .block_color {
/*    margin-left: 50%;*/
    float: right;
    border-radius: 100px 0 0 100px;
/*    margin-right: -50vw;*/
    margin-right: -35vw;
}
#s1 {
    background: url(../images/bg-1-1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}
#s1 .block_color {
    background: rgba(48, 158, 216, 0.95);
}
#s2 {
    background: url(../images/bg-2-1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}
#s2 .block_color {
    background: rgba(39, 193, 185, 0.95);
}
#s3 {
    background: url(../images/bg-3-1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}
#s3 .block_color {
    background: rgba(133, 134, 134, 0.95);
    float: right;
/*    float: none;*/
/*    width: 44vw;*/
    text-align: left;
    top: calc( 100vh / 20 );
}
.block_inner {
    display: inline-block;
    max-width: 500px;
}
#s3 .block_inner {
    max-width: 600px;
}
.circle {
    background: rgba(255,255,255,0.3);
    border-radius: 100px;
    padding: 30px;
    display: block;
    width: 455px;
    max-width: 455px;
    box-sizing: border-box;
/*    max-width: 500px;*/
    margin: auto;
    margin-bottom: 50px;
    overflow: hidden;
}
.circle .fl {
    margin-right: 10px;
    margin-left: 30px;
}
section .bg {
    height: 100vh;
    position: absolute;
    top: 0;
    display: none;
}
section:nth-of-type(odd) .bg {
/*    right: -10vw;*/
}
section:nth-of-type(even) .bg {
/*    left: -10vw;*/
}
#s1 .act {
    position: absolute;
/*    bottom: calc( ( 100vh - 40px ) / 5 );*/
    bottom: calc( 100vh / 20 );
    left: 15%;
/*    max-width: 600px;*/
    display: none;
}
#s1 .gif-1-4 {
    bottom: calc( 100vh / 10 );
}
/*
#s2 .bg {
    right: 0;
}
*/
.border1 {
    border: 2px solid #ffffff;
    text-align: center;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 16px;
    max-width: 200px;
    margin: auto;
    margin-bottom: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}
.border1:hover, .border1.cur {
    background: rgba(0,0,0,0.3);
}
.owl-theme1 .owl-nav > div {
    margin-top: -32px;
}
.owl-theme2 {
    max-width: 600px;
    margin: auto;
}
.owl-theme2 .owl-nav > div {
    margin-top: -26px;
}
.owl-nav > div:hover {
    color: rgba(0,0,0,0.3);
}
.owl-prev {
    left: -30px;
}
.owl-prev:after {
/*    position: absolute;*/
/*    content: "\e901";*/
    content: "\f104";
}
.owl-next {
   right: -30px; 
}
.owl-next:after {
/*    position: absolute;*/
/*    content: "\e902";*/
    content: "\f105";
}
#s2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 370px;
    display: inline-block;
    margin-right: 2vw;
}
#s2 li {
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 15px 30px;
    text-align: center;
    margin: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}
#s2 li:hover, #s2 li.cur {
    background: rgba(0,0,0,0.3);
}
#s2 li div {
    margin-top: 10px;
}
#s2 .fr {
    width: 17vw;
    position: relative;
    top: calc( ( 100vh - 40px ) / 5 );
    margin-left: 2vw;
    padding-top: 5vh;
}
#s2 .btn1 {
    padding: 45px 0;
}
#s2 h1 {
    color: #01b6ad;
}
#s2 p {
    line-height: 2;
    font-size: 20px;
    color: #000000;
}
.border2 {
    border: 1px solid #ffffff;
/*    padding: 40px 5px;*/
    padding: 50px 5px;
    text-align: center;
    margin: 10px 1px;
    margin: 10px auto;
    /* cursor: pointer; */
    font-size: 16px;
    /* font-weight: bold; */
    max-width: 190px;
    position: relative;
/*    min-height: 158px;*/
    min-height: 190px;
    box-sizing: border-box;
}
.border2 img {
    width: auto !important;
    margin: auto;
}
.border2:hover .mask {
    opacity: 1;
}
.border2.none {
    border-color: transparent;
}
.s_inner {
    display: inline-block;
/*    width: 50vw;*/
}
#s3 ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
/*    position: absolute;*/
    top: calc( ( 100vh - 40px ) / 5 );
/*    left: 50%;*/
/*    margin-left: -6vw;*/
    float: left;
    margin-right: 2vw;
    margin-top: 5vh;
    position: relative;
    overflow: hidden;
}
#s3 li span {
    border-radius: 100px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    background: #ff9908;
    padding: 13px 15px;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}
#s3 li:hover span, #s3 li.cur span {
    background: #008fc3;
}
#s3 li span {
    display: block;
}
#s3 li div {
    margin-top: -5px;
}
#s4 {
    padding: 50px 0;
    min-height: inherit;
    background: #ffffff;
}
.inner {
    max-width: 1000px;
    margin: auto;
/*    padding: 0 5px;*/
    box-sizing: border-box;
}
.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    display: block;
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}
.mask table {
    width: 100%;
    height: 100%;
}
.mask table a {
    display: block;
    position: relative;
    padding: 0 30px 5px 10px;
/*    padding: 0 30px 5px 0;*/
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
/*    max-width: 120px;*/
    box-sizing: border-box;
    color: #ffffff;
/*    border-bottom: 1px solid transparent;*/
}
.mask table a:hover {
    opacity: 0.8;
/*    border-bottom: 1px solid #ffffff;*/
}
.mask table a:before {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    left: 0;
    top: 7px;
}
/*
.mask table a:after {
    position: absolute;
    content: '';
    background: url(../images/link-01.png);
    background-size: 100% 100%;
    width: 25px;
    height: 13px;
    right: 0;
    top: 3px;
}
*/
.more2 {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #ffffff;
}
.more2:hover {
    text-decoration: underline;
}
.boxs_wrap {
    overflow: hidden;
}
.boxs {
/*    overflow: hidden;*/
    display: block;
}
.boxs a {
    display: inline-block;
    color: #333333;
    position: relative;
    overflow: hidden;
/*    margin: 1px;*/
    float: left;
}
.boxs a img {
    max-width: 100%;
}
.boxs .big {
    max-width: 400px;
    position: relative;
}
.boxs .big:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.boxs .big:hover:after {
    opacity: 1;
}
.boxs .big .desc {
    padding-top: 21px;
}
.boxs .small {
    max-width: 200px;
    max-height: 200px;
    position: relative;
}
.boxs .small:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.boxs .small:hover:after {
    opacity: 1;
}
.boxs .small p {
    font-size: 14px;
}
/*
.boxs a:hover .desc {
    bottom: 0;
}
*/
.boxs h3 {
    font-weight: bold;
}
.desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
    z-index: 1;
    -webkit-transform: translateY(61px);
    transform: translateY(61px);
}
.desc:hover {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.desc h3 {
    margin: 0;
    font-size: 20px;
    padding-bottom: 10px;
}
.desc p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}
.big {
    display: inline-block;
}
.small {
    font-size: 16px;
    width: 262px;
    height: 262px;
}

.boxs .color {
    color: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}
.boxs .color p {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.boxs .color:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.boxs .color:hover:after {
    opacity: 1;
}
.boxs .color:hover p {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.bg1 {
    background: #0089d1;
}
.bg2 {
    background: #ff9908;
}
.bg3 {
    background: #01b6ad;
}
.color .icon {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
}
.boxs .color:hover .icon {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.color h3 {
    text-align: center;
}
.color h3.move {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.color h3.move2 {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}
.boxs .color:hover h3.move {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.color table {
    width: 100%;
    height: 100%;
    text-align: center;
}
.link1 {
    background: url(../images/link-01.png);
    background-size: 100% 100%;
    width: 25px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.link2 {
    background: url(../images/link-02.png);
    background-size: 100% 100%;
    width: 25px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.owl-theme3 .owl-dots .owl-dot span, .owl-theme4 .owl-dots .owl-dot span {
    background: rgba(0,0,0,0.5);
}
.owl-theme3 .owl-dots .owl-dot.active span, .owl-theme3 .owl-dots .owl-dot:hover span, .owl-theme4 .owl-dots .owl-dot.active span, .owl-theme4 .owl-dots .owl-dot:hover span {
    background: rgba(0,0,0,0.7);
}
.owl-theme3 .owl-dots {
    margin-top: 10px;
}
.owl-theme3 .owl-nav > div, .owl-theme4 .owl-nav > div {
    color: rgba(0,0,0,0.5);
}
.owl-theme3 .owl-nav > div:hover, .owl-theme4 .owl-nav > div:hover {
    color: rgba(0,0,0,0.7);
}
.owl-theme4 .owl-item img {
    box-shadow: 3px 0 5px -2px rgba(20%,20%,20%,0.3);
}
#s5 {
    background: url(../images/bg-5-1.jpg);
    min-height: inherit;
    padding: 50px;
}
.col2 {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
.col2 > * {
    float: left;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}
.col2 > *:first-child {
/*    margin-right: 5%;*/
}
.news_list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.news_list li {
    border: 1px solid #666666;
    margin-bottom: 15px;
    overflow: hidden;
}
.date {
    display: inline-block;
    width: 50px;
/*    height: 50px;*/
    line-height: 1;
    margin-right: 20px;
    float: left;
    margin-bottom: 15px;
}
.date .m {
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10px;
    display: inline-block;
    background: #1987c1;
}
.date .d {
    font-size: 24px;
    padding: 3px 10px;
    display: inline-block;
    background: #ffffff;
}
.news_list div {
    overflow: hidden;
    font-size: 16px;
}
.news_list a {
    color: #555555;
    line-height: 1.8;
    display: block;
    padding: 15px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}
.news_list a:hover {
/*    background: #ddeaef;*/
    background: rgba(221, 234, 239,0.7);
}
.more {
    font-size: 16px;
    color: #626261;
    position: relative;
    padding-right: 15px;
    display: inline-block;
}
#s5 .more {
    margin-bottom: 40px;
}
.more:after {
    position: absolute;
    content: '\e902';
    top: 50%;
    margin-top: -13px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5em;
    right: 0;
}
.more:hover {
    text-decoration: underline;
}
.home .thanks {
    margin-bottom: 12px;
}
.full {
    max-width: 100%;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.max100 {
    max-width: 100%;
}
#s6 {
    padding: 50px 0;
    background: #ffffff;
}
#s6 .inner {
    padding: 0 50px;
}
.ad_wrap a {
    display: block;
/*    padding-top: 5px;*/
    padding-right: 20px;
    color: #666666;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    margin: 1px 1px 30px 1px;
    font-size: 16px;
    word-break: break-all;
}
.ad_wrap a:hover {
    opacity: 0.8;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}
.ad_wrap img {
    float: left;
/*    max-width: 100px;*/
    max-width: 120px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.ad_wrap a div {
    overflow: hidden;
    height: 100px;
    padding-left: 15px;
    position: relative;
}
.ad_wrap a div:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #cdcdcd;
    box-shadow:1px 0 5px rgba(20%,20%,20%,0.5);
    display: none;
}
.ad_wrap table {
    width: 100%;
/*    height: calc( 100% - 20px );*/
    height: 100%;
}
.ad_wrap .item a > table {
    width: auto;
/*    height: 95px;*/
    float: left;
}
.owl-theme4 .owl-prev {
    margin-top: -30px;
    left: -25px;
}
.owl-theme4 .owl-next {
    margin-top: -30px;
    right: -25px;
}
.owl-theme4 .owl-dots {
    display: none;
}
.clear {
    clear: both;
}
/* index slider animation */
.carousel-inner .item > img {
    position: relative;
}
.carousel-caption {
    top: 0;
    left: 50%;
    margin-left: -500px;
    height: 671px;
    width: 1000px;
}
/*
.max1000 {
    position: relative;
    max-width: 1000px;
    margin: auto;
}
*/
.carousel-caption .car {
/*    animation-delay: 4s;*/
    position: absolute;
    top: 330px;
    left: 0;
}
#carousel-example-generic {
/*    min-height: 671px;*/
/*    min-height: 450px;*/
}
.border2 svg.svg {
    width: 50px;
    height: 50px;
}
.border2 svg.svg path {
    fill: #ffffff;
}
.border2 svg.svg path[fill='none'] {
    fill: none !important;
}

/* news */
.news .vision {
    background-image: url(../images/vision-01.jpg);
}
.date_wrap {
    position: absolute;
    right: 50px;
    top: 40px;
    display: none;
}
.date_wrap input {
    max-width: 175px;
}
.datepicker-icon {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
}
.list1 {
    list-style: none;
/*    font-size: 14px;*/
    padding: 0;
    margin: 0;
    line-height: 1.5;
}
.list1 li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 30px;
}
.list1 li:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #0089d1;
    left: 0;
    top: 6px;
}
.date2 {
    color: #0089d1;
    display: inline-block;
    margin-right: 30px;
}
.list1 a {
    color: #000000;
}
.list1 a:hover {
    color: #0089d1;
}
.pager {
    text-align: center;
    margin-top: 100px;
}
.pager a {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100px;
    background: #c4c4c4;
    margin: 0 15px;
}
.pager a:hover {
    opacity: 0.8;
}
.pager a.cur {
    background: #898989;
}
.news_bar {
    background: rgb(5,140,209);
    background: -moz-linear-gradient(left, rgba(5,140,209,1) 0%, rgba(128,218,214,1) 100%);
    background: -webkit-linear-gradient(left, rgba(5,140,209,1) 0%,rgba(128,218,214,1) 100%);
    background: linear-gradient(to right, rgba(5,140,209,1) 0%,rgba(128,218,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058cd1', endColorstr='#80dad6',GradientType=1 );
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 100px;
    padding: 10px 30px;
    margin: 10px 0 30px 0;
}
.pager3 {
    text-align: center;
    margin-top: 100px;
    padding-top: 20px;
    border-top: 1px solid #cccccc;
}
.pager3 a {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #cccccc;
    font-weight: bold;
    padding-bottom: 5px;
}
.pager3 a:last-child {
    border-right: 1px solid #cccccc;
}
.pager3 a:hover {
    text-decoration: underline;
}
/* claim */
.claim .vision {
    background-image: url(../images/vision-02.jpg);
}
.tit1 {
    font-size: 18px;
    color: #0089d1;
    position: relative;
    padding-left: 20px;
    margin-bottom: 30px;
}
.tit1:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01aab7+0,008bd0+100 */
background: rgb(1,170,183); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,170,183,1) 0%, rgba(0,139,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(1,170,183,1) 0%,rgba(0,139,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(1,170,183,1) 0%,rgba(0,139,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aab7', endColorstr='#008bd0',GradientType=0 ); /* IE6-9 */
    left: 0;
    top: 5px;
}
.list2 {
    margin-top: 0;
    line-height: 2;
/*    padding-left: 20px;*/
}
.color1 {
    color: #ff9908;
}
.color2 {
    color: #528197;
}
.color3 {
    color: #398090;
}
.color4 {
    color: #1190d4;
}
.color5 {
    color: #0089d1;
}
.color6 {
    color: #01b6ad;
}
.claim .f-bold {
    margin-bottom: 5px;
    color: #000000;
}
p + .list2 {
    margin-top: -1em;
}
.list2 + p {
    margin-top: -1em;
}
.claim .color2 {
    padding-left: 30px;
}
.claim .color2 + .list2 {
    padding-left: 65px;
}
.claim.car .l-content {
    padding-right: 10px;
}
/* claim QA */
.qa_wrap {
/*    margin-right: 40px;*/
    margin-bottom: 20px;
}
.Q {
    color: #666666;
    border: solid #999999;
    border-width: 1px 0;
    color: #ffffff;
    cursor: pointer;
}
.qa_wrap.open .Q {
    background: rgb(5,140,209); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(5,140,209,1) 0%, rgba(128,218,214,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(5,140,209,1) 0%,rgba(128,218,214,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(5,140,209,1) 0%,rgba(128,218,214,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058cd1', endColorstr='#80dad6',GradientType=1 ); /* IE6-9 */
    position: relative;
    border: none;
    margin-left: 20px;
    border-bottom-left-radius: 20px;
}
.qa_wrap.open .Q:before {
    position: absolute;
	content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 15px;
    top: 50%;
    margin-top: -14px;
}
.Q:after {
    content: '';
    clear: both;
    display: table;
}
.Q > span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 3px solid #ffffff;
    font-size: 25px;
    background: #999999;
    text-align: center;
    border-radius: 100px;
    float: left;
}
.qa_wrap.open .Q > span {
    margin-left: -22px;
}
.Q div {
    overflow: hidden;
    line-height: 2;
    padding: 9px 40px 9px 20px;
    color: #666666;
}
.qa_wrap.open .Q div {
    color: #ffffff;
}
.A {
    margin: 10px 0 10px 30px;
    display: none;
    line-height: 2;
}
/* claim service */
.claim.service .tit1 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.claim.service .fl {
    margin-right: 20px;
}
.claim.service p {
    margin-bottom: 40px;
}
/* product */
.popularity .vision {
    background-image: url(../images/vision-04.jpg);
}
.personal .vision {
    background-image: url(../images/vision-13.jpg);
}
.company .vision {
    background-image: url(../images/vision-03.jpg);
}
.pro .border2 {
    border-color: #cccccc;
    color: #777777;
    min-height: inherit;
    width: 146px;
    height: 146px;
    padding: 36px 5px;
/*    float: left;*/
    margin: 0 20px 20px 0;
}
.pro .border2 svg.svg path, .pro .border2 svg.svg circle {
    fill: #777777;
}
.pro .pro_list1 table {
    overflow: hidden;
    width: auto;
/*    min-height: 146px;*/
    min-width: 146px;
/*    text-align: center;*/
}
.pro .pro_list1 table a {
/*    color: #aaaaaa;*/
    display: block;
/*    position: relative;*/
    padding: 0 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    margin-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}
.pro .pro_list1 table a:hover {
    opacity: 0.8;
}
.pro .pro_list1 table span {
    position: relative;
    display: block;
}
/*
.pro .pro_list1 table span:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 100px;
    left: 0;
    top: 4px;
    background: #c2c2c2;
}
*/
.pro .pro_list1 table i {
    width: 9px;
    height: 9px;
    border-radius: 100px;
    background: #c2c2c2;
    display: inline-block;
    margin-right: 5px;
}
.pro_list1 {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
.pro_list1 > * {
    float: left;
    width: 33.33%;
/*    padding: 0 10px;*/
    box-sizing: border-box;
}
.pro_list1 li {
    margin-bottom: 40px;
}
.main.company.in .pro_list1 li {
    width: auto;
}
.pro.in .border2 {
    margin: 0 70px 0 0;
}
.pro.in .link_box {
    border-width: 0 0 1px 0;
    padding-left: 0;
}
.pro.in .tit1:last-of-type {
    margin-top: 50px;
}
.pro.in .link_box table {
    width: auto;
}
ul.annex{ list-style:none; margin:0 0 40px 0; padding:0;}
ul.annex li{ padding:15px 0; border-bottom:1px solid #CCC;}
ul.annex li a{ color:#5a5a5a;}
ul.annex li img{ margin-right:10px;}
/* public */
.public .vision {
    background-image: url(../images/vision-05.jpg);
}
.public .acc_wrap {
    margin-bottom: 10px;
}
.acc_btn {
    cursor: pointer;
}
.public .acc_btn {
    background: #eeeeee;
    color: #000000;
    border: 1px solid #dddddd;
    font-size: 18px;
    padding: 10px;
    position: relative;
}
.public .acc_wrap.open .acc_btn {
    background: #0089d1;
    color: #ffffff;
}
.public .acc_btn .svg {
    position: absolute;
    width: 27px;
    height: 10px;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.public .acc_btn .svg path {
    fill: #0089d1;
}
.public .acc_wrap.open .svg {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.public .acc_wrap.open .svg path {
    fill: #ffffff;
}
.acc_con {
    display: none;
}
.public .acc_con {
    padding: 15px 30px;
}
.list3 {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    list-style: none;
}
.list3:after {
    content: '';
    display: table;
    clear: both;
}
.list3 li {
    padding-left: 20px;
    position: relative;
}
.public .list3 li {
    border-bottom: 1px solid #cccccc;
    width: 45%;
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.public .list3 li:nth-child(odd) {
    margin-right: 5%;
}
.list3 li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #666666;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px;
    top: 9px;
}
.list3 a {
    color: #000000;
}
.list3 a:hover {
    opacity: 0.8;
}
/* quickqa */
.quickqa .vision {
    background-image: url(../images/vision-06.jpg);
}
.search_bar {
    background: #eeeeee;
    border: 1px solid #dddddd;
    padding: 15px;
    color: #000000;
    margin-bottom: 30px;
}
.search_bar:after {
    content: '';
    clear: both;
    display: table;
}
.search_bar table {
    width: 100%;
}
.search_bar td:nth-child(1) {
    width: 45%;
}
.search_bar td:nth-child(2) {
    width: 55%;
}
.search_bar span {
    padding: 4px 0;
    display: inline-block;
}
.search_bar .search_qa {
    margin: 0 15px;
}
.search_qa {
    position: relative;
    display: inline-block;
}
.search_qa img {
    position: absolute;
    height: 23px;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
}
.quickqa_icon {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
}
.quickqa_icon:after {
    content: '';
    clear: both;
    display: table;
}
.quickqa_icon a {
    display: inline-block;
    border: 3px solid #0089d1;
    border-radius: 15px;
    padding: 20px 30px;
    margin: 0 5px;
    text-align: center;
}
.quickqa_icon a:hover {
    opacity: 0.8;
}
.quickqa_icon div {
    margin-top: 10px;
}
.box1_wrap:after {
    content: '';
    clear: both;
    display: table;
}
.box1_wrap .box1 {
    width: 45%;
    float: left;
}
.box1_wrap .box1:nth-child(odd) {
    margin-right: 2%;
}
.box1 {
    border: 1px solid #dddddd;
    padding: 15px;
    margin-bottom: 30px;
}
.box1:after {
    content: '';
    display: table;
    clear: both;
}
.box1 .tit {
    text-align: center;
    border-bottom: 1px solid #dddddd;
    color: #0089d1;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.box1 .list3 li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.quickqa .more {
    margin-top: 30px;
}
.quickqa.qa_inner h1 {
    position: relative;
}
.quickqa.qa_inner .search_qa {
    position: absolute;
    right: 0;
    top: 0;
}
.bar1 {
    color: #ffffff;
    background: #0089d1;
    padding: 10px 15px;
    font-size: 18px;
}
.bar1 big {
    display: inline-block;
    margin: 0 2px;
}
.quickqa.qa_inner .acc_wrap { 
    margin: 0 15px;
}
.quickqa.qa_inner .acc_wrap .acc_btn {
    border-bottom: 1px solid #cccccc;
    margin-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
}
.quickqa.qa_inner .acc_wrap .acc_btn i {
    color: #ffffff;
}
.quickqa.qa_inner .acc_wrap.open .acc_btn {
    color: #0089d1;
    border: none;
}
.quickqa.qa_inner .acc_wrap .acc_btn i {
    position: absolute;
    right: 0;
    top: -3px;
/*
    top: 50%;
    margin-top: -15px;
*/
    color: #ffffff;
}
.quickqa.qa_inner .acc_wrap.open .acc_btn i {
    color: #aaaaaa;
}
.quickqa.qa_inner .acc_wrap.open .acc_btn:before {
    background: #0089d1;
}
.quickqa.qa_inner .acc_con {
    padding-left: 0;
    background: #eeeeee;
    color: #000000;
    padding: 15px;
    margin-top: 0;
}
.quickqa.qa_inner .acc_con:before {
    display: none;
}
/* about */
.about .vision {
    background-image: url(../images/vision-07.jpg);
}
.about .list3 {
    margin-bottom: 70px;
}
.about .list3 li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.box2 {
    position: relative;
    border: 1px solid #dddddd;
    padding: 40px 20px;
    margin-bottom: 50px;
}
.box2 .tit {
    color: #01b6ad;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    background: #ffffff;
    padding: 0 10px;
    left: 10px;
    top: -14px;
}
.box2 .m {
    color: #ffffff;
    background: #01b6ad;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
    padding: 20px 10px;
    margin-right: 20px;
}
.box2 .hidden {
    line-height: 2;
}
.box2 .item {
    margin-bottom: 30px;
}
.box2 .item:last-child {
    margin-bottom: 0;
}
.box2 .item:after {
    content: '';
    clear: both;
    display: table;
}
.link_box {
    border: 1px solid #bbbbbb;
    padding: 15px 30px;
    margin-bottom: 10px;
}
.link_box table {
    width: 100%;
}
.link_box td:nth-child(2) {
    padding: 0 10px;
}
.link_box .color4 {
    width: 90px; 
}
.sprite {
    background-image: url(../images/download-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.sprite:hover {
    opacity: 0.8;
}
.sprite-excel-01 {
    width: 30px;
    height: 37px;
    background-position: -5px -5px;
}
.sprite-pdf-01 {
    width: 30px;
    height: 37px;
    background-position: -5px -52px;
}
.sprite-rar-01 {
    width: 30px;
    height: 37px;
    background-position: -5px -99px;
}
.sprite-word-01 {
    width: 30px;
    height: 37px;
    background-position: -5px -146px;
}
.related_link {
    padding: 25px 0 30px 0;
    background: #f4fafc;
}
.related_link h5 {
    padding-left: 15px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.7;
    color: #0089D1;
    position: relative;
/*    float: left;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}
.related_link h5:before {
    content: "";
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    position: absolute;
    background: #0089D1;
    overflow: hidden;
}
.related_con {
    padding: 10px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.video_wrap {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video_wrap iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.related_con em {
    margin-top: 10px;
    display: block;
/*    font-size: 14px;*/
/*    position: relative;*/
}
.related_con .owl-dots {
    margin-top: 5px;
    text-align: center;
}
.related_con .owl-dot {
    display: inline-block;
}
.related_con .owl-dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #ababab;
    margin: 0 5px;
}
.related_con .owl-dots .active span {
    background: #0089D1;
}


/* enterprise */
.enterprise .vision {
    background-image: url(../images/vision-08.jpg);
}
.enterprise .list2 {
    padding-left: 20px;
}
.enterprise .list3 li {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* download */
.download .vision {
    background-image: url(../images/vision-09.jpg);
}
/* thanks */
.thanks .vision {
    background-image: url(../images/vision-10.jpg);
}
.thanks .list1 {
    border-bottom: 1px solid #cccccc;
    color: #000000;
}
.thanks .list1 .acc_btn {
    padding: 10px 40px;
    margin-bottom: 0;
    border: none;
}
.thanks .list1 .acc_btn:before {
    top: 16px;
    left: 20px;
    visibility: visible;
}
.thanks .list1.open .acc_btn {
    background: #0089d1;
    color: #ffffff;
}
.thanks .list1.open .acc_btn .date2 {
    color: #ffffff;
}
.thanks .list1.open .acc_btn:before {
    background: #ffffff;
}
.thanks .list1 .acc_btn i {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #ffffff;
    margin-top: -16px;
}
.thanks .acc_con {
    padding: 30px;
    border: none;
}
.thanks .acc_con:after {
    content: '';
    display: table;
    clear: both;
}
.thanks .acc_con:before {
    display: none;
}
.thanks .fl {
    width: 30%;
    margin-right: 2%;
}
/* contact */
.contact .vision {
    background-image: url(../images/vision-11.jpg);
}
/* search */
.search .vision {
    background-image: url(../images/vision-12.jpg);
}
.search_wrap {
    width: 60%;
}
.table_wrap {
    display: table;
    vertical-align: middle;
/*
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
*/
}
.table_wrap > * {
/*    height: 100%;*/
/*
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
*/
}
.table_cell {
    display: table-cell !important;
    vertical-align: middle; 
}
.search_wrap .m-button-group {
    width: 1%;
    white-space: nowrap;
}
.btn2 {
    color: #FFF;
    background: #0089D1;
    display: inline-block;
    padding: 10px;
    line-height: 1;
    margin-left: 5px;
	font-size: 16px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.9);
	border-radius: 3px;
}
.btn2:hover {
    background: #056496;
}
.radio_wrap {
    position: relative;
/*    padding: 0 25px;*/
/*    padding-bottom: 10px;*/
    font-size: 18px;
    display: inline-block;
    margin: 30px 0;
}
.radio_wrap input[type='radio'] {
    display: none;
}
.radio_wrap input[type='radio'] + label {
    height: 25px;
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    display: inline-block;
    color: #0089d1;
} 
.radio_wrap input[type='radio'] + label:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100px;
    border: 2px solid #0089d1;
    top: 3px;
    left: 0;
    box-sizing: border-box;
}
.radio_wrap input[type='radio']:checked + label:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background: #0089d1;
    top: 7px;
    left: 4px;
    z-index: 3;
}
.search .radio_wrap:not(:last-child) {
    margin-right: 30px;
}
.radio_wrap2 label {
    border: 1px solid #999999;
    color: #000000;
    width: 90px;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
}
.radio_wrap2 label:hover {
    opacity: 0.8;
}
.radio_wrap2 input[type='radio']:checked + label {
    background: #999999;
    color: #ffffff;
}
.sort_wrap + .fr {
    margin-top: 4px;
}
.search_list {
    list-style: none;
    padding: 0;
    margin: 40px 0;
}
.search_list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 1em;
}
.search_list li:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 15px;
    background: rgb(1,170,183);
    background: -moz-linear-gradient(top, rgba(1,170,183,1) 0%, rgba(0,139,208,1) 100%);
    background: -webkit-linear-gradient(top, rgba(1,170,183,1) 0%,rgba(0,139,208,1) 100%);
    background: linear-gradient(to bottom, rgba(1,170,183,1) 0%,rgba(0,139,208,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aab7', endColorstr='#008bd0',GradientType=0 );
    left: 0;
    top: 5px;
}
.search_list li:not(:last-child) {
    border-bottom: 1px solid #999999;
}
.search_list a {
    color: #333333;
    display: block;
}
.search_list a:hover {
    opacity: 0.8;
}
.pager2 {
    text-align: center;
    margin: 100px 0;
}
.pager2 a {
    color: #000000;
    position: relative;
    margin: 0 10px;
    padding-bottom: 10px;
}
.pager2 a:hover {
    opacity: 0.8;
}
.pager2 a.cur:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 4px;
    background: rgb(1,170,183);
    background: -moz-linear-gradient(top, rgba(1,170,183,1) 0%, rgba(0,139,208,1) 100%);
    background: -webkit-linear-gradient(top, rgba(1,170,183,1) 0%,rgba(0,139,208,1) 100%);
    background: linear-gradient(to bottom, rgba(1,170,183,1) 0%,rgba(0,139,208,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aab7', endColorstr='#008bd0',GradientType=0 );
    bottom: 0;
}
.pager2 a.next {
    width: 5px;
    height: 17px;
    display: inline-block;
}
.pager2 a.next:before {
    position: absolute;
	content: "";
	border: solid #000000;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -8px;
	top: 50%;
	left: -4px;
	width: 7px;
	height: 7px;
}
/* privacy */
.privacy .vision {
    background-image: url(../images/vision-05.jpg);
}
.privacy .f-bold {
    color: #000;
}
.privacy ul li {
    line-height: 2;
}
/* contact */
.m-form-group {
    position: relative;
    overflow: hidden;
    *zoom:1;
}
.m-form-group.m-form-select .m-form-ctrl>label {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m-form-group.m-form-select .m-form-ctrl .is-label {
    position: relative;
    background: #F0F0F0;
    display: block;
    vertical-align: middle;
}
.m-form-group.m-form-select .m-form-ctrl .is-label>.arrow {
    border-radius: 0 3px 3px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
/*    line-height: 30px;*/
    pointer-events: none;
    *zoom:1;
}
.m-form-group.m-form-select .m-form-ctrl .is-label>.arrow:before {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #999999;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    z-index: 1;
    right: 10px;
}
.m-form-group.m-form-select .m-form-ctrl select.m-form {
	z-index: 2
}
.m-form-group.m-form-select .m-form-ctrl select.m-form.m-form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-left: 10px;
    padding-right: 30px;
    border-color: #cccccc;
    background: #eeeeee;
}
.m-form-group.m-form-select .m-form-ctrl select.m-form.m-form-control::-ms-expand {
display:none
}
.m-form-group.m-form-horizontal {
    min-height: 30px;
    line-height: 30px;
    color: #999999;
    margin-top: 25px;
}
.m-form-group.m-form-horizontal {
	width: 100%;
	display: table;
	vertical-align: middle
}
/***/
.m-form-addon {
	font-size: 14px;
	display: block;
	vertical-align: middle
}
/***/
.m-form-addon:after {
	content: ""
}
.m-form-group.m-form-horizontal .m-form-addon {
    display: table-cell;
    vertical-align: top;
    float: none;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 9px;
    line-height: 1.4;
}
.m-form-group .m-form-ctrl-table {
	padding-left: 5px
}
.m-form-group .m-form-ctrl-table>*:first-child {
    padding-left: 0;
}
.m-form-group .m-form-ctrl-table>.m-form-addon {
	padding-left: 5px
}
.m-form-group .m-form-ctrl {
    padding-right: 0;
    border-collapse: separate;
    position: relative;
    overflow: hidden;
    *zoom:1;
    display: table;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m-form-group .m-form-ctrl-table {
    padding-right: 0;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.m-form-group .m-form-ctrl>* {
    height: 100%;
    overflow: hidden;
    *zoom:1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m-form-group .m-form-ctrl>label {
    padding-right: 0;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.m-form-group .m-form-ctrl>label:first-child {
    padding-left: 0;
}
.m-form-group .m-form-ctrl .m-form-addon {
    padding-right: 0;
    padding-left: 5px;
    width: 1%;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.m-form-group .m-form-ctrl .m-form-addon:first-child {
    padding-left: 0;
/*    display: inline-block;*/
}
/***/
.m-form-group .m-form-ctrl .m-form {
	height: 40px
}
/***/
textarea.m-form.m-form-control {
    height: auto;
    min-height: 120px;
    line-height: 1.4;
    overflow: auto;
    resize: none;
    border: 1px solid #cccccc;
/*    margin-bottom: 50px;*/
}
.m-form-item-ft {
    margin-top: 40px;
    padding-top: 15px;
    font-size: 14px;
    line-height: 28px;
    border-top: 1px solid #cccccc;
    color: #999999;
}
.m-form-item-ft a:hover {
    text-decoration: underline;
}
.m-button-group {
    display: block;
    vertical-align: middle;
}
.m-button-group .m-button {
    margin-left: 2px;
}
.m-button-group .m-button:first-child {
    margin-left: 0;
}
.m-button {
    margin: 0;
    padding: 0;
    color: #2A2A2A;
    border: 0;
    border-spacing: 0;
    position: relative;
    background: none;
    outline: 0;
    cursor: pointer;
    text-indent: 0;
    z-index: 1;
    text-rendering: auto;
    text-transform: none;
    speak: none;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 7px 0;
    font-size: 14px;
    line-height: 1.75;
}
.m-button.b-primary {
    color: #ffffff;
    border: #5292b3;
    background: #0089D1;
}
.m-button.b-primary:hover {
    background: #005784;
}
.m-button.b-inverse {
    color: #999999;
    border: 1px solid #cccccc;
    background: #eeeeee;
}
.m-button.b-inverse:hover {
    background: #cacaca;
}
.m-button {
    margin-right: 2px;
    margin-left: 2px;
    padding-right: 30px;
    padding-left: 30px;
}
.b-row {
	margin-right: -5px;
	margin-left: -5px;
	overflow: hidden;
    *zoom:1
}
[class^="b-col-"], [class*=" b-col-"] {
	min-height: 1px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#sex {
    min-width: 70px;
}
/* location */
.location .vision {
    background-image: url(../images/vision-14.jpg);
}
.m-table {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent;
    text-align: left;
}
.m-table thead {
    color: #FFF;
    vertical-align: middle;
    background: #1190d4
}
.m-table [class^="b-col-"], .m-table [class*=" b-col-"] {
    float: none;
}
.m-table th, .m-table td {
    padding: 20px 10px;
    vertical-align: middle;
    line-height: 1.6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m-table td {
    border-bottom: 1px solid #cccccc;
}
.m-button.m-button-map {
    padding: 0 0 0 22px;
}
.m-button.m-button-map .mark {
    top: 0;
    left: 4px;
    position: absolute;
}
.m-table tbody tr:hover.is-bgcolor {
        background: #e8f5f9
    }
.m-step {
    position: relative;
    overflow: hidden;
    display: table;
    vertical-align: middle;
}
.m-step-title {
    height: 50px;
}
.m-step-title {
    width: 1%;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.m-step-item {
    padding-left: 5px;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    float: none;
/*    padding-bottom: 10px;*/
}
.m-search-hd {
    color: #999999;
}

/* pro_a & pro_b */
.pro_a .vision {
    background-image: url(../images/pro_banner-01.jpg);
    height: 361px;
}
.pro_a .main_box {
    border: none;
}
.pro_menu {
    float: right;
    margin: 50px 25px 0 25px;
    min-width: 210px;
    position: relative;
}
.pro_menu .arrow1 {
    position: absolute;
    width: 150px;
    background: #ffffff;
    height: 22px;
    left: 50%;
    margin-left: -75px;
    top: -7px;
    overflow: hidden;
}
.pro_menu .arrow1:before {
    height: 0;
    width: 0;
    content: " ";
    display: block;
    border: 60px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 0;
    border-top: 22px solid #34b8c3;
    z-index: 1;
}
.pro_menu .arrow2 {
    position: absolute;
    width: 150px;
    background: #ffffff;
    height: 22px;
    left: 50%;
    margin-left: -75px;
    bottom: -7px;
    overflow: hidden;
}
.pro_menu .arrow2:before {
    height: 0;
    width: 0;
    content: " ";
    display: block;
    border: 60px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 0;
    border-bottom: 22px solid #34b8c3;
    z-index: 1;
}
.pro_menu ul {
    list-style: none;
    padding: 40px 0;
    margin: 0;
    border: 3px solid #eeeeee;
    text-align: center;
    font-size: 16px;
}
.pro_menu a {
    color: #333333;
    padding: 5px;
    border-bottom: 3px solid transparent;
    margin: 10px 0;
    display: inline-block;
    line-height: 1;
}
.pro_menu a:hover, .pro_menu a.cur {
    border-color: #34b8c3
}
.pro_content {
    float: left;
    width: 740px;
    padding: 40px 20px 40px 40px;
    box-sizing: border-box;
}
.pro_tit {
    display: inline-block;
    background: #34b8c3;
    padding: 3px;
    font-size: 26px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 40px;
}
.pro_tit em {
    display: inline-block;
    background: #34b8c3;
    padding: 7px 15px;
    border: 1px solid #ffffff;
}
.pro_list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pro_list li {
    position: relative;
    padding-left: 25px;
    line-height: 2;
    margin-bottom: 20px;
    font-size: 19px;
}
.pro_list li:before {
    position: absolute;
    content: '';
    background: url(../images/list-01.png);
    width: 17px;
    height: 17px;
    left: 0;
    top: 5px;
}
.pro_color1 {
    color: #0088ae;
}
.pro_list p {
    margin-top: 20px;
}
.pro_b {
    position: relative;
}
.pro_b:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
    background: #ffffff;
}
.pro_b .vision {
    background-image: url(../images/pro_banner-02.jpg);
    height: 381px;
}
.pro_b .main_box {
    border: none;
    position: relative;
/*    z-index: 2;*/
}
.pro_menu2 {
    position: relative;
}
.pro_menu2:after {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -534px;
    bottom: -8px;
    background: url(../images/shadow-01.png);
    background-size: 100% 100%;
    width: 1068px;
    height: 10px;
}
.pro_menu2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
}
.pro_menu2 ul:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: url(../images/menu_bg-01.png);
    width: 56px;
    height: 69px; 
}
.pro_menu2 ul:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background: url(../images/menu_bg-01.png);
    width: 56px;
    height: 69px;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}
.pro_menu2 ul:after {
    content: '';
    clear: both;
    display: table;
}
.pro_menu2 li {
    display: inline-block;
    margin: 25px;
}
.pro_menu2 a {
    font-size: 18px;
    font-weight: bold;
    color: #004f50;
    position: relative;
    line-height: 1;
    cursor: pointer;
}
.pro_menu2 a.cur:before, .pro_menu2 a:hover:before {
    height: 0;
    width: 0;
    content: " ";
    display: block;
    border: 8px solid transparent;
    position: absolute;
    left: 50%;
    top: -13px;
    border-top: 9px solid #38b7b8;
    z-index: 2;
    margin-left: -8px;
}
.pro_tit2 {
    text-align: center;
    font-size: 28px;
    color: #444444;
    letter-spacing: 2px;
/*    padding-top: 30px;*/
    padding-bottom: 17px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 15px;
}
.pro_tit2 span {
    background: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-top: 15px;
    padding-bottom: 5px;
}
.pro_tit2:after {
    position: absolute;
    content: '';
    width: 76px;
    height: 76px;
    background: #269bd7;
    box-sizing: border-box;
    border: 7px solid #7fc4e7;
    border-radius: 100px;
    bottom: 0;
    left: 50%;
    margin-left: -38px;
}
.pro_tit2 + p {
    margin-bottom: 3em;
}
.pro_content2 {
    padding: 0 40px;
}
.p_line {
    position: relative;
    border-left: 2px solid #ececec;
    box-sizing: border-box;
    padding-left: 15px;
/*    margin-left: 5px;*/
    margin-bottom: 2em;
}
.p_line:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 20px;
    background: #008ad0;
    top: 0;
    left: -2px;
}
.p_line em {
    color: #008ad0;
    display: block;
    line-height: 20px;
    font-size: 16px;
}
.pro_b p {
    line-height: 1.5;
}
.table1 {
    width: 100%;
    color: #333333;
    margin-bottom: 40px;
}
.table1 td {
    padding: 10px;
    border: 1px solid #b9ecff;
}
.table1 td:first-child {
    white-space: nowrap;
    text-align: center;
    background: #008ad0;
    color: #ffffff;
}
.table1 td.bg2 {
    white-space: nowrap;
    text-align: center;
    background: #85deff;
    color: #333333;
}
.pro_color2 {
    color: #00a5a2;
}
.pro_box1 {
    border: 1px solid #1aa7ee;
    line-height: 1.8;
    padding: 25px 30px;
    position: relative;
}
.pro_box1:before {
    position: absolute;
    content: '';
    bottom: -8px;
    left: -31px;
    width: 80px;
    height: 35px;
    background: #ffffff;
    border-top: 1px solid #1aa7ee;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pro_box1:after {
    position: absolute;
    content: '';
    top: -8px;
    right: -31px;
    width: 80px;
    height: 35px;
    background: #ffffff;
    border-bottom: 1px solid #1aa7ee;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pro_list2 {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 100px;
    text-align: center;
}
.pro_list2 li {
    width: 24.5%;
    display: inline-block;
/*    float: left;*/
}
.pro_list2 li a {
    color: #333333;
}
.pro_list2 li img {
    margin-right: 10px;
}
.form1 {
    background: #ecf2f5;
    border: 1px solid #c8e2f0;
    padding: 40px;
    max-width: 560px;
    margin: auto;
    margin-bottom: 100px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    border-radius: 0 0 5px 5px;
    position: relative;
}
.form1:before {
    position: absolute;
    content: '';
    top: 0;
    left: -1px;
    width: calc( 100% + 3px );
    height: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01b6ad+0,0089d1+100 */
background: #01b6ad; /* Old browsers */
background: -moz-linear-gradient(left, #01b6ad 0%, #0089d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #01b6ad 0%,#0089d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01b6ad 0%,#0089d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b6ad', endColorstr='#0089d1',GradientType=1 ); /* IE6-9 */
}
.form1 .m-form-group.m-form-horizontal {
    margin-top: 0;
    margin-bottom: 15px;
}
.form1 label {
    color: #444444;
    font-size: 18px;
}
.form1 .m-form-control {
    border: none;
    padding: 10px 15px;
    box-shadow: inset 1px 1px 2px rgba(183, 183, 183, 0.7);
}
.form1 .m-form-ctrl {
    background: #ffffff;
    box-shadow: inset 1px 1px 2px rgba(183, 183, 183, 0.7);
}
/*
.form1 .m-form-control::-webkit-input-placeholder, .form1 .m-form-control::-moz-placeholder, .form1 .m-form-control:-ms-input-placeholder {
    color: #cccccc;
    font-size: 18px;
}
*/
.form1 .m-form-control::placeholder {
    color: #cccccc;
    font-size: 18px;
}
.form1 input[type="radio"] {
    -webkit-appearance: radio;
    margin-right: 5px;
}
.radio_wrap3 {
    padding: 5px 15px;
}
.radio_wrap3 label {
    margin-right: 10px;
}
.form1 input[type="checkbox"] {
    -webkit-appearance: checkbox;
    margin-right: 5px;
}
.checkbox_wrap {
    font-size: 16px;
    margin: 40px 0;
}
.btn3 {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    display: block;
    max-width: 230px;
    margin: auto;
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
    background: #01b6ad;
    background: -moz-linear-gradient(top, #01b6ad 0%, #0089d1 100%);
    background: -webkit-linear-gradient(top, #01b6ad 0%, #0089d1 100%);
    background: linear-gradient(to bottom, #01b6ad 0%, #0089d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b6ad', endColorstr='#0089d1', GradientType=0);
    border-radius: 5px;
    line-height: 1;
    padding: 15px 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.4);
    border: 1px solid #0f90d2;
}
.btn3:hover {
/*
    background: #0089d1;
    background: -moz-linear-gradient(top, #0089d1 0%, #01b6ad 100%);
    background: -webkit-linear-gradient(top, #0089d1 0%, #01b6ad 100%);
    background: linear-gradient(to bottom, #0089d1 0%, #01b6ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d1', endColorstr='#01b6ad', GradientType=0);
*/
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.pro_b .link_box {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}
.ps {
	font-size: 12px;
}
/* end of pro_a & pro_b */

@media screen and (min-width: 999px) {
.b-align-md-left {
	text-align: left
}
.b-align-md-center {
	text-align: center
}
.b-align-md-right {
	text-align: right
}
[class^="b-col-md-"], [class*=" b-col-md-"] {
	padding-right: 5px;
	padding-left: 5px
}
.b-col-md-12 {
	width: 100%;
	float: left;
	clear: both
}
.b-col-md-11 {
	width: 91.66667%;
	float: left
}
.b-col-md-10 {
	width: 83.33333%;
	float: left
}
.b-col-md-9 {
	width: 75%;
	float: left
}
.b-col-md-8 {
	width: 66.66667%;
	float: left
}
.b-col-md-7 {
	width: 58.33333%;
	float: left
}
.b-col-md-6 {
	width: 50%;
	float: left
}
.b-col-md-5 {
	width: 41.66667%;
	float: left
}
.b-col-md-4 {
	width: 33.33333%;
	float: left
}
.b-col-md-3 {
	width: 25%;
	float: left
}
.b-col-md-2 {
	width: 16.66667%;
	float: left
}
.b-col-md-1 {
	width: 8.33333%;
	float: left
}
}
@media screen and (min-width: 769px) and (max-width: 998px) {
.b-align-sm-left {
	text-align: left
}
.b-align-sm-center {
	text-align: center
}
.b-align-sm-right {
	text-align: right
}
[class^="b-col-sm-"], [class*=" b-col-sm-"] {
	padding-right: 5px;
	padding-left: 5px
}
.b-col-sm-12 {
	width: 100%;
	float: left;
	clear: both
}
.b-col-sm-11 {
	width: 91.66667%;
	float: left
}
.b-col-sm-10 {
	width: 83.33333%;
	float: left
}
.b-col-sm-9 {
	width: 75%;
	float: left
}
.b-col-sm-8 {
	width: 66.66667%;
	float: left
}
.b-col-sm-7 {
	width: 58.33333%;
	float: left
}
.b-col-sm-6 {
	width: 50%;
	float: left
}
.b-col-sm-5 {
	width: 41.66667%;
	float: left
}
.b-col-sm-4 {
	width: 33.33333%;
	float: left
}
.b-col-sm-3 {
	width: 25%;
	float: left
}
.b-col-sm-2 {
	width: 16.66667%;
	float: left
}
.b-col-sm-1 {
	width: 8.33333%;
	float: left
}
}
/*
@media screen and (max-width: 1700px) {
    .circle {
        max-width: initial;
        min-width: 450px;
    }
}
*/
@media screen and (max-width: 1400px) {
    #s2 ul {
        margin-left: 0;
        margin-right: 0;
        max-width: 300px;
    }
    #s2 li {
        padding: 10px 20px;
    }
/*
    #s2 li img {
        max-width: 40px;
    }
    #s2 li div {
        font-size: 18px;
    }
*/
    #s2 .fr {
        width: 25vw;
    }
    #s3 .block_color {
/*        width: inherit;*/
/*        float: none;*/
    }
/*
    .boxs_wrap {
        max-width: 526px;
        margin: auto;
    }
*/
    .block_color {
/*        width: 60%;*/
    }
    section:nth-of-type(odd) .block_color {
        margin-left: -40vw;
    }
    section:nth-of-type(even) .block_color {
        margin-right: -40vw;
    }
    #s3 .block_color {
        margin-right: -35vw;
    }
    #s3 ul {
/*        margin-right: 0;*/
    }
}

@media screen and (max-width: 1300px) {
    #s3 .block_color {
        margin-right: -20vw;
    }
}

@media screen and (max-width: 1100px) {
    section:nth-of-type(odd) .block_color {
        margin-left: -30vw;
    }
    section:nth-of-type(even) .block_color {
        margin-right: -30vw;
    }
    #s1 .act {
        left: 1%;
    }
     #s3 .block_color {
        margin-right: -15vw;
    }
}

@media screen and (max-width: 1000px) {
    #s4 {
        min-height: inherit;
    }
}

@media screen and (max-width: 768px) {
	.btn2 {
		font-size: 14px;
		line-height: 1.2;
		padding: 5px 10px;
	}
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   oe: min-width: 35em
   ========================================================================== */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
    http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
    http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a {
    text-decoration: underline;
    /*
    * Don't show links that are fragment identifiers,
    * or use the `javascript:` pseudo protocol
    */
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    /*content: " (" attr(href) ")";*/
    content: none !important;
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
  * Printing Tables:
  * http://css-discuss.incutio.com/wiki/Printing_Tables
  */
  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}