/*
Theme Name: 电子行业网站模板
Theme URI: http://demo.douphp.com/
Description: DouPHP 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: https://www.douphp.com/
*/

/* CSS aaDocument */
@import url(css/font.css);
@import url(css/wow-animate.css);
@import url(css/lightcase.css);
@import url(css/jquery.mcustomscrollbar.css);
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
body {
 margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
 display: block;
}
audio, canvas, progress, video {
 display: inline-block;
 vertical-align: baseline;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
[hidden], template {
 display: none;
}
a {
 background-color: transparent;
}
a:active {
 outline: 0;
}
a:hover {
 outline: 0;
}
abbr[title] {
 border-bottom: 1px dotted;
}
b, strong {
 font-weight: bold;
}
dfn {
 font-style: italic;
}
h1 {
 font-size: 2em;
 margin: 0.67em 0;
}
mark {
 background: #ff0;
 color: #000;
}
small {
 font-size: 80%;
}
sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sup {
 top: -0.5em;
}
sub {
 bottom: -0.25em;
}
img {
 border: 0;
}
svg:not(:root) {
 overflow: hidden;
}
figure {
 margin: 0;
}
hr {
 box-sizing: content-box;
 height: 0;
}
pre {
 overflow: auto;
}
code, kbd, pre, samp {
 font-family: monospace, monospace;
 font-size: 1em;
}
button, input, optgroup, select, textarea {
 color: inherit;
 font: inherit;
 margin: 0;
}
button {
 overflow: visible;
}
button, select {
 text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
 -webkit-appearance: button;
 cursor: pointer;
}
button[disabled], html input[disabled] {
 cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
 line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
 -webkit-appearance: textfield;
 box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}
legend {
 border: 0;
 padding: 0;
}
textarea {
 overflow: auto;
}
optgroup {
 font-weight: bold;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
td, th {
 padding: 0;
}
dl, dt, dd {
 padding: 0;
 margin: 0;
}
/* === location ===*/
/* === font ===*/
/* === main color ===*/
/* === margin padding ===*/
/* === header ===*/
/* === header nav ===*/
/* === style ===*/
/* === html ===*/
* {
 outline: none;
}
/* === df ===*/
body {
 font-family: Microsoft JhengHei, MHei, PingFang TC, Helvetica Neue, Helvetica, STHeitiTC-Light, Verdana, Arial, sans-serif;
 font-size: 15px;
 color: #505050;
 position: relative;
 overflow-x: hidden;
}
.max-lg-size body {
 font-size: 12.9px;
}
.container {
 max-width: 1280px;
 margin: 0 auto;
 position: relative;
 padding: 0 15px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.img-responsive {
 max-width: 100%;
 height: auto;
}
.jqimgFill {
 position: relative;
 overflow: hidden;
 position: relative;
 overflow: hidden;
 width: 100%;
 height: 100%;
 display: inline-block;
}
.jqimgFill img {
 position: absolute;
 left: 0;
 top: 0;
 margin: 0;
 display: block;
 width: auto;
 height: auto;
 min-width: 100%;
 min-height: 100%;
 max-height: none;
 max-width: none;
}
/* === font ===*/
p {
 line-height: 1.9em;
}
a {
 color: #323232;
}
.t-blue {
 color: #0056b6;
}
.t-red {
 color: #e72e25;
}
.font-root {
 font-size: 15px;
}
.max-md-size .font-root {
 font-size: 12.9px;
}
.h1 {
 font-size: 4.26rem;
 font-weight: normal;
}
.max-lg-size .h1 {
 font-size: 2.556rem;
}
.h2 {
 font-size: 3.2rem;
 font-weight: normal;
}
.max-bg-size .h2 {
 font-size: 2.56rem;
}
.max-lg-size .h2 {
 font-size: 1.6rem;
}
.max-sm-size .h2 {
 font-size: 0.96rem;
}
.h3 {
 font-size: 1.75rem;
}
.max-lg-size .h3 {
 font-size: 1.05rem;
}
.h4 {
 font-size: 1.66rem;
}
.max-lg-size .h4 {
 font-size: 1.328rem;
}
.max-sm-size .h4 {
 font-size: 0.83rem;
}
.h5 {
 font-size: 1.46rem;
}
.max-lg-size .h5 {
 font-size: 1.168rem;
}
.max-sm-size .h5 {
 font-size: 0.83rem;
}
.h6 {
 font-size: 1.2rem;
}
.max-lg-size .h6 {
 font-size: 0.96rem;
}
.text-justify {
 text-align: justify !important;
}
.text-nowrap {
 white-space: nowrap !important;
}
.text-truncate {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.text-center {
 text-align: center;
}
.text-right {
 text-align: right;
}
.text-lowercase {
 text-transform: lowercase !important;
}
.text-uppercase {
 text-transform: uppercase !important;
}
.text-capitalize {
 text-transform: capitalize !important;
}
small, .small {
 font-size: 80%;
 font-weight: normal;
}
.text-muted {
 color: #818a91;
}
/* === list ===*/
.list-unstyled {
 padding-left: 0;
 list-style: none;
}
.list-inline {
 padding-left: 0;
 list-style: none;
 letter-spacing: -3px;
}
.list-inline li {
 display: inline-block;
 letter-spacing: 0;
}
.list-inline-item, .col {
 display: inline-block;
}
.dl-horizontal {
 overflow: hidden;
 zoom: 1;
}
.dl-horizontal::after {
 content: "";
 display: table;
 clear: both;
}
.dl-horizontal dt {
 float: left;
}
.dl-horizontal dd {
 overflow: hidden;
 zoom: 1;
}
/* === style ===*/
hr {
 border: 0;
 border-bottom: 1px solid #d6d6d6;
}
.line-b {
 border-bottom: 1px solid #c8c8c8;
}
/* === hide ===*/
.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0;
}
.text-hide {
 font: "0/0"a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}
.invisible {
 visibility: hidden !important;
}
.min-xs-size .min-xs-hidden {
 display: none;
}
.min-xs-size .min-xs-hidden {
 display: none;
}
.min-sm-size .min-sm-hidden {
 display: none;
}
/* === Floats ===*/
.si {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.clearfix::after, .rows::after {
 content: "";
 display: table;
 clear: both;
}
.m-x-auto {
 margin-right: auto !important;
 margin-left: auto !important;
}
.m-a-0 {
 margin: 0 !important;
}
.m-t-0 {
 margin-top: 0 !important;
}
.m-r-0 {
 margin-right: 0 !important;
}
.m-b-0 {
 margin-bottom: 0 !important;
}
.m-l-0 {
 margin-left: 0 !important;
}
.m-x-0 {
 margin-right: 0 !important;
 margin-left: 0 !important;
}
.m-y-0 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}
.m-a {
 margin: 0.5rem !important;
}
.m-t {
 margin-top: 0.5rem !important;
}
.m-r {
 margin-right: 0.5rem !important;
}
.m-b {
 margin-bottom: 0.5rem !important;
}
.m-l {
 margin-left: 0.5rem !important;
}
.m-x {
 margin-right: 0.5rem !important;
 margin-left: 0.5rem !important;
}
.m-y {
 margin-top: 0.5rem !important;
 margin-bottom: 0.5rem !important;
}
.m-x-auto {
 margin-right: auto !important;
 margin-left: auto !important;
}
.m-a-md {
 margin: 0.75rem !important;
}
.m-t-md {
 margin-top: 0.75rem !important;
}
.m-r-md {
 margin-right: 0.75rem !important;
}
.m-b-md {
 margin-bottom: 0.75rem !important;
}
.m-b-15 {
 margin-bottom: 15px !important;
}
.mB40 {
 margin-bottom: 40px;
}
.m-l-md {
 margin-left: 0.75rem !important;
}
.m-x-md {
 margin-right: 0.75rem !important;
 margin-left: 0.75rem !important;
}
.m-y-md {
 margin-top: 0.75rem !important;
 margin-bottom: 0.75rem !important;
}
.m-a-lg {
 margin: 1.5rem !important;
}
.m-t-lg {
 margin-top: 1.5rem !important;
}
.m-r-lg {
 margin-right: 1.5rem !important;
}
.m-b-lg {
 margin-bottom: 1.5rem !important;
}
.m-l-lg {
 margin-left: 1.5rem !important;
}
.m-x-lg {
 margin-right: 1.5rem !important;
 margin-left: 1.5rem !important;
}
.m-y-lg {
 margin-top: 1.5rem !important;
 margin-bottom: 1.5rem !important;
}
.p-a-0 {
 padding: 0 !important;
}
.p-t-0 {
 padding-top: 0 !important;
}
.p-r-0 {
 padding-right: 0 !important;
}
.p-b-0 {
 padding-bottom: 0 !important;
}
.p-l-0 {
 padding-left: 0 !important;
}
.p-x-0 {
 padding-left: 0 !important;
 padding-right: 0 !important;
}
.p-y-0 {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}
.p-a {
 padding: 0.5rem !important;
}
.p-t {
 padding-top: 0.5rem !important;
}
.p-r {
 padding-right: 0.5rem !important;
}
.p-b {
 padding-bottom: 0.5rem !important;
}
.p-l {
 padding-left: 0.5rem !important;
}
.p-x {
 padding-right: 0.5rem !important;
 padding-left: 0.5rem !important;
}
.p-y {
 padding-top: 0.5rem !important;
 padding-bottom: 0.5rem !important;
}
.p-a-md {
 padding: 0.75rem !important;
}
.p-t-md {
 padding-top: 0.75rem !important;
}
.p-r-md {
 padding-right: 0.75rem !important;
}
.p-b-md {
 padding-bottom: 0.75rem !important;
}
.p-l-md {
 padding-left: 0.75rem !important;
}
.max-sm-size .p-l-sm {
 padding-left: 1rem !important;
}
.p-x-md {
 padding-right: 0.75rem !important;
 padding-left: 0.75rem !important;
}
.p-y-md {
 padding-top: 0.75rem !important;
 padding-bottom: 0.75rem !important;
}
.p-a-lg {
 padding: 1.5rem !important;
}
.p-t-lg {
 padding-top: 1.5rem !important;
}
.p-r-lg {
 padding-right: 1.5rem !important;
}
.p-b-lg {
 padding-bottom: 1.5rem !important;
}
.p-l-lg {
 padding-left: 1.5rem !important;
}
.p-x-lg {
 padding-right: 1.5rem !important;
 padding-left: 1.5rem !important;
}
.p-y-lg {
 padding-top: 1.5rem !important;
 padding-bottom: 1.5rem !important;
}
.pull-left {
 float: left !important;
}
.pull-right {
 float: right !important;
}
.radius {
 border-radius: .25rem;
}
.ov-x {
 display: block;
 width: 100%;
 min-height: 0.01%;
 overflow-x: auto;
}
.html::after {
 content: "";
 display: table;
 clear: both;
}
.html img {
 max-width: 100%;
 height: auto !important;
}
.html h3 {
 font-size: 17px;
}
.html h4 {
 font-size: 16px;
}
.html h4.noM {
 font-size: 17px;
 margin-bottom: 0;
 font-family: arial, 'Microsoft JhengHei', 'MHei, PingFang TC', 'Helvetica Neue', Helvetica, 'STHeitiTC-Light', Verdana, Arial, sans-serif;
}
.html .col {
 vertical-align: top;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.html li {
 line-height: 1.9em;
 margin-bottom: 10px;
}
.html li p {
 margin: 0;
}
.tab-content > .tab-pane {
 display: none;
}
.tab-content > .active {
 display: block;
}
.container-fluid {
 margin-left: auto;
 margin-right: auto;
 padding-left: 0.9375rem;
 padding-right: 0.9375rem;
}
.container-fluid::after {
 content: "";
 display: table;
 clear: both;
}
.row {
 margin-left: -0.9375rem;
 margin-right: -0.9375rem;
}
.row::after {
 content: "";
 display: table;
 clear: both;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
 position: relative;
 min-height: 1px;
 padding-left: 0.9375rem;
 padding-right: 0.9375rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
 float: left;
}
.col-xs-1 {
 width: 8.33333%;
}
.col-xs-2 {
 width: 16.66667%;
}
.col-xs-3 {
 width: 25%;
}
.col-xs-4 {
 width: 33.33333%;
}
.col-xs-5 {
 width: 41.66667%;
}
.col-xs-6 {
 width: 50%;
}
.col-xs-7 {
 width: 58.33333%;
}
.col-xs-8 {
 width: 66.66667%;
}
.col-xs-9 {
 width: 75%;
}
.col-xs-10 {
 width: 83.33333%;
}
.col-xs-11 {
 width: 91.66667%;
}
.col-xs-12 {
 width: 100%;
}
.col-xs-pull-0 {
 right: auto;
}
.col-xs-pull-1 {
 right: 8.33333%;
}
.col-xs-pull-2 {
 right: 16.66667%;
}
.col-xs-pull-3 {
 right: 25%;
}
.col-xs-pull-4 {
 right: 33.33333%;
}
.col-xs-pull-5 {
 right: 41.66667%;
}
.col-xs-pull-6 {
 right: 50%;
}
.col-xs-pull-7 {
 right: 58.33333%;
}
.col-xs-pull-8 {
 right: 66.66667%;
}
.col-xs-pull-9 {
 right: 75%;
}
.col-xs-pull-10 {
 right: 83.33333%;
}
.col-xs-pull-11 {
 right: 91.66667%;
}
.col-xs-pull-12 {
 right: 100%;
}
.col-xs-push-0 {
 left: auto;
}
.col-xs-push-1 {
 left: 8.33333%;
}
.col-xs-push-2 {
 left: 16.66667%;
}
.col-xs-push-3 {
 left: 25%;
}
.col-xs-push-4 {
 left: 33.33333%;
}
.col-xs-push-5 {
 left: 41.66667%;
}
.col-xs-push-6 {
 left: 50%;
}
.col-xs-push-7 {
 left: 58.33333%;
}
.col-xs-push-8 {
 left: 66.66667%;
}
.col-xs-push-9 {
 left: 75%;
}
.col-xs-push-10 {
 left: 83.33333%;
}
.col-xs-push-11 {
 left: 91.66667%;
}
.col-xs-push-12 {
 left: 100%;
}
.col-xs-offset-0 {
 margin-left: 0%;
}
.col-xs-offset-1 {
 margin-left: 8.33333%;
}
.col-xs-offset-2 {
 margin-left: 16.66667%;
}
.col-xs-offset-3 {
 margin-left: 25%;
}
.col-xs-offset-4 {
 margin-left: 33.33333%;
}
.col-xs-offset-5 {
 margin-left: 41.66667%;
}
.col-xs-offset-6 {
 margin-left: 50%;
}
.col-xs-offset-7 {
 margin-left: 58.33333%;
}
.col-xs-offset-8 {
 margin-left: 66.66667%;
}
.col-xs-offset-9 {
 margin-left: 75%;
}
.col-xs-offset-10 {
 margin-left: 83.33333%;
}
.col-xs-offset-11 {
 margin-left: 91.66667%;
}
.col-xs-offset-12 {
 margin-left: 100%;
}
.min-sm-size .col-sm-1, .min-sm-size .col-sm-2, .min-sm-size .col-sm-3, .min-sm-size .col-sm-4, .min-sm-size .col-sm-5, .min-sm-size .col-sm-6, .min-sm-size .col-sm-7, .min-sm-size .col-sm-8, .min-sm-size .col-sm-9, .min-sm-size .col-sm-10, .min-sm-size .col-sm-11, .min-sm-size .col-sm-12 {
 float: left;
}
.min-sm-size .col-sm-1 {
 width: 8.33333%;
}
.min-sm-size .col-sm-2 {
 width: 16.66667%;
}
.min-sm-size .col-sm-3 {
 width: 25%;
}
.min-sm-size .col-sm-4 {
 width: 33.33333%;
}
.min-sm-size .col-sm-5 {
 width: 41.66667%;
}
.min-sm-size .col-sm-6 {
 width: 50%;
}
.min-sm-size .col-sm-7 {
 width: 58.33333%;
}
.min-sm-size .col-sm-8 {
 width: 66.66667%;
}
.min-sm-size .col-sm-9 {
 width: 75%;
}
.min-sm-size .col-sm-10 {
 width: 83.33333%;
}
.min-sm-size .col-sm-11 {
 width: 91.66667%;
}
.min-sm-size .col-sm-12 {
 width: 100%;
}
.min-sm-size .col-sm-pull-0 {
 right: auto;
}
.min-sm-size .col-sm-pull-1 {
 right: 8.33333%;
}
.min-sm-size .col-sm-pull-2 {
 right: 16.66667%;
}
.min-sm-size .col-sm-pull-3 {
 right: 25%;
}
.min-sm-size .col-sm-pull-4 {
 right: 33.33333%;
}
.min-sm-size .col-sm-pull-5 {
 right: 41.66667%;
}
.min-sm-size .col-sm-pull-6 {
 right: 50%;
}
.min-sm-size .col-sm-pull-7 {
 right: 58.33333%;
}
.min-sm-size .col-sm-pull-8 {
 right: 66.66667%;
}
.min-sm-size .col-sm-pull-9 {
 right: 75%;
}
.min-sm-size .col-sm-pull-10 {
 right: 83.33333%;
}
.min-sm-size .col-sm-pull-11 {
 right: 91.66667%;
}
.min-sm-size .col-sm-pull-12 {
 right: 100%;
}
.min-sm-size .col-sm-push-0 {
 left: auto;
}
.min-sm-size .col-sm-push-1 {
 left: 8.33333%;
}
.min-sm-size .col-sm-push-2 {
 left: 16.66667%;
}
.min-sm-size .col-sm-push-3 {
 left: 25%;
}
.min-sm-size .col-sm-push-4 {
 left: 33.33333%;
}
.min-sm-size .col-sm-push-5 {
 left: 41.66667%;
}
.min-sm-size .col-sm-push-6 {
 left: 50%;
}
.min-sm-size .col-sm-push-7 {
 left: 58.33333%;
}
.min-sm-size .col-sm-push-8 {
 left: 66.66667%;
}
.min-sm-size .col-sm-push-9 {
 left: 75%;
}
.min-sm-size .col-sm-push-10 {
 left: 83.33333%;
}
.min-sm-size .col-sm-push-11 {
 left: 91.66667%;
}
.min-sm-size .col-sm-push-12 {
 left: 100%;
}
.min-sm-size .col-sm-offset-0 {
 margin-left: 0%;
}
.min-sm-size .col-sm-offset-1 {
 margin-left: 8.33333%;
}
.min-sm-size .col-sm-offset-2 {
 margin-left: 16.66667%;
}
.min-sm-size .col-sm-offset-3 {
 margin-left: 25%;
}
.min-sm-size .col-sm-offset-4 {
 margin-left: 33.33333%;
}
.min-sm-size .col-sm-offset-5 {
 margin-left: 41.66667%;
}
.min-sm-size .col-sm-offset-6 {
 margin-left: 50%;
}
.min-sm-size .col-sm-offset-7 {
 margin-left: 58.33333%;
}
.min-sm-size .col-sm-offset-8 {
 margin-left: 66.66667%;
}
.min-sm-size .col-sm-offset-9 {
 margin-left: 75%;
}
.min-sm-size .col-sm-offset-10 {
 margin-left: 83.33333%;
}
.min-sm-size .col-sm-offset-11 {
 margin-left: 91.66667%;
}
.min-sm-size .col-sm-offset-12 {
 margin-left: 100%;
}
.min-md-size .col-md-1, .min-md-size .col-md-2, .min-md-size .col-md-3, .min-md-size .col-md-4, .min-md-size .col-md-5, .min-md-size .col-md-6, .min-md-size .col-md-7, .min-md-size .col-md-8, .min-md-size .col-md-9, .min-md-size .col-md-10, .min-md-size .col-md-11, .min-md-size .col-md-12 {
 float: left;
}
.min-md-size .col-md-1 {
 width: 8.33333%;
}
.min-md-size .col-md-2 {
 width: 16.66667%;
}
.min-md-size .col-md-3 {
 width: 25%;
}
.min-md-size .col-md-4 {
 width: 33.33333%;
}
.min-md-size .col-md-5 {
 width: 41.66667%;
}
.min-md-size .col-md-6 {
 width: 50%;
}
.min-md-size .col-md-7 {
 width: 58.33333%;
}
.min-md-size .col-md-8 {
 width: 66.66667%;
}
.min-md-size .col-md-9 {
 width: 75%;
}
.min-md-size .col-md-10 {
 width: 83.33333%;
}
.min-md-size .col-md-11 {
 width: 91.66667%;
}
.min-md-size .col-md-12 {
 width: 100%;
}
.min-md-size .col-md-pull-0 {
 right: auto;
}
.min-md-size .col-md-pull-1 {
 right: 8.33333%;
}
.min-md-size .col-md-pull-2 {
 right: 16.66667%;
}
.min-md-size .col-md-pull-3 {
 right: 25%;
}
.min-md-size .col-md-pull-4 {
 right: 33.33333%;
}
.min-md-size .col-md-pull-5 {
 right: 41.66667%;
}
.min-md-size .col-md-pull-6 {
 right: 50%;
}
.min-md-size .col-md-pull-7 {
 right: 58.33333%;
}
.min-md-size .col-md-pull-8 {
 right: 66.66667%;
}
.min-md-size .col-md-pull-9 {
 right: 75%;
}
.min-md-size .col-md-pull-10 {
 right: 83.33333%;
}
.min-md-size .col-md-pull-11 {
 right: 91.66667%;
}
.min-md-size .col-md-pull-12 {
 right: 100%;
}
.min-md-size .col-md-push-0 {
 left: auto;
}
.min-md-size .col-md-push-1 {
 left: 8.33333%;
}
.min-md-size .col-md-push-2 {
 left: 16.66667%;
}
.min-md-size .col-md-push-3 {
 left: 25%;
}
.min-md-size .col-md-push-4 {
 left: 33.33333%;
}
.min-md-size .col-md-push-5 {
 left: 41.66667%;
}
.min-md-size .col-md-push-6 {
 left: 50%;
}
.min-md-size .col-md-push-7 {
 left: 58.33333%;
}
.min-md-size .col-md-push-8 {
 left: 66.66667%;
}
.min-md-size .col-md-push-9 {
 left: 75%;
}
.min-md-size .col-md-push-10 {
 left: 83.33333%;
}
.min-md-size .col-md-push-11 {
 left: 91.66667%;
}
.min-md-size .col-md-push-12 {
 left: 100%;
}
.min-md-size .col-md-offset-0 {
 margin-left: 0%;
}
.min-md-size .col-md-offset-1 {
 margin-left: 8.33333%;
}
.min-md-size .col-md-offset-2 {
 margin-left: 16.66667%;
}
.min-md-size .col-md-offset-3 {
 margin-left: 25%;
}
.min-md-size .col-md-offset-4 {
 margin-left: 33.33333%;
}
.min-md-size .col-md-offset-5 {
 margin-left: 41.66667%;
}
.min-md-size .col-md-offset-6 {
 margin-left: 50%;
}
.min-md-size .col-md-offset-7 {
 margin-left: 58.33333%;
}
.min-md-size .col-md-offset-8 {
 margin-left: 66.66667%;
}
.min-md-size .col-md-offset-9 {
 margin-left: 75%;
}
.min-md-size .col-md-offset-10 {
 margin-left: 83.33333%;
}
.min-md-size .col-md-offset-11 {
 margin-left: 91.66667%;
}
.min-md-size .col-md-offset-12 {
 margin-left: 100%;
}
.min-lg-size .col-lg-1, .min-lg-size .col-lg-2, .min-lg-size .col-lg-3, .min-lg-size .col-lg-4, .min-lg-size .col-lg-5, .min-lg-size .col-lg-6, .min-lg-size .col-lg-7, .min-lg-size .col-lg-8, .min-lg-size .col-lg-9, .min-lg-size .col-lg-10, .min-lg-size .col-lg-11, .min-lg-size .col-lg-12 {
 float: left;
}
.min-lg-size .col-lg-1 {
 width: 8.33333%;
}
.min-lg-size .col-lg-2 {
 width: 16.66667%;
}
.min-lg-size .col-lg-3 {
 width: 25%;
}
.min-lg-size .col-lg-4 {
 width: 33.33333%;
}
.min-lg-size .col-lg-5 {
 width: 41.66667%;
}
.min-lg-size .col-lg-6 {
 width: 50%;
}
.min-lg-size .col-lg-7 {
 width: 58.33333%;
}
.min-lg-size .col-lg-8 {
 width: 66.66667%;
}
.min-lg-size .col-lg-9 {
 width: 75%;
}
.min-lg-size .col-lg-10 {
 width: 83.33333%;
}
.min-lg-size .col-lg-11 {
 width: 91.66667%;
}
.min-lg-size .col-lg-12 {
 width: 100%;
}
.min-lg-size .col-lg-pull-0 {
 right: auto;
}
.min-lg-size .col-lg-pull-1 {
 right: 8.33333%;
}
.min-lg-size .col-lg-pull-2 {
 right: 16.66667%;
}
.min-lg-size .col-lg-pull-3 {
 right: 25%;
}
.min-lg-size .col-lg-pull-4 {
 right: 33.33333%;
}
.min-lg-size .col-lg-pull-5 {
 right: 41.66667%;
}
.min-lg-size .col-lg-pull-6 {
 right: 50%;
}
.min-lg-size .col-lg-pull-7 {
 right: 58.33333%;
}
.min-lg-size .col-lg-pull-8 {
 right: 66.66667%;
}
.min-lg-size .col-lg-pull-9 {
 right: 75%;
}
.min-lg-size .col-lg-pull-10 {
 right: 83.33333%;
}
.min-lg-size .col-lg-pull-11 {
 right: 91.66667%;
}
.min-lg-size .col-lg-pull-12 {
 right: 100%;
}
.min-lg-size .col-lg-push-0 {
 left: auto;
}
.min-lg-size .col-lg-push-1 {
 left: 8.33333%;
}
.min-lg-size .col-lg-push-2 {
 left: 16.66667%;
}
.min-lg-size .col-lg-push-3 {
 left: 25%;
}
.min-lg-size .col-lg-push-4 {
 left: 33.33333%;
}
.min-lg-size .col-lg-push-5 {
 left: 41.66667%;
}
.min-lg-size .col-lg-push-6 {
 left: 50%;
}
.min-lg-size .col-lg-push-7 {
 left: 58.33333%;
}
.min-lg-size .col-lg-push-8 {
 left: 66.66667%;
}
.min-lg-size .col-lg-push-9 {
 left: 75%;
}
.min-lg-size .col-lg-push-10 {
 left: 83.33333%;
}
.min-lg-size .col-lg-push-11 {
 left: 91.66667%;
}
.min-lg-size .col-lg-push-12 {
 left: 100%;
}
.min-lg-size .col-lg-offset-0 {
 margin-left: 0%;
}
.min-lg-size .col-lg-offset-1 {
 margin-left: 8.33333%;
}
.min-lg-size .col-lg-offset-2 {
 margin-left: 16.66667%;
}
.min-lg-size .col-lg-offset-3 {
 margin-left: 25%;
}
.min-lg-size .col-lg-offset-4 {
 margin-left: 33.33333%;
}
.min-lg-size .col-lg-offset-5 {
 margin-left: 41.66667%;
}
.min-lg-size .col-lg-offset-6 {
 margin-left: 50%;
}
.min-lg-size .col-lg-offset-7 {
 margin-left: 58.33333%;
}
.min-lg-size .col-lg-offset-8 {
 margin-left: 66.66667%;
}
.min-lg-size .col-lg-offset-9 {
 margin-left: 75%;
}
.min-lg-size .col-lg-offset-10 {
 margin-left: 83.33333%;
}
.min-lg-size .col-lg-offset-11 {
 margin-left: 91.66667%;
}
.min-lg-size .col-lg-offset-12 {
 margin-left: 100%;
}
.min-xl-size .col-xl-1, .min-xl-size .col-xl-2, .min-xl-size .col-xl-3, .min-xl-size .col-xl-4, .min-xl-size .col-xl-5, .min-xl-size .col-xl-6, .min-xl-size .col-xl-7, .min-xl-size .col-xl-8, .min-xl-size .col-xl-9, .min-xl-size .col-xl-10, .min-xl-size .col-xl-11, .min-xl-size .col-xl-12 {
 float: left;
}
.min-xl-size .col-xl-1 {
 width: 8.33333%;
}
.min-xl-size .col-xl-2 {
 width: 16.66667%;
}
.min-xl-size .col-xl-3 {
 width: 25%;
}
.min-xl-size .col-xl-4 {
 width: 33.33333%;
}
.min-xl-size .col-xl-5 {
 width: 41.66667%;
}
.min-xl-size .col-xl-6 {
 width: 50%;
}
.min-xl-size .col-xl-7 {
 width: 58.33333%;
}
.min-xl-size .col-xl-8 {
 width: 66.66667%;
}
.min-xl-size .col-xl-9 {
 width: 75%;
}
.min-xl-size .col-xl-10 {
 width: 83.33333%;
}
.min-xl-size .col-xl-11 {
 width: 91.66667%;
}
.min-xl-size .col-xl-12 {
 width: 100%;
}
.min-xl-size .col-xl-pull-0 {
 right: auto;
}
.min-xl-size .col-xl-pull-1 {
 right: 8.33333%;
}
.min-xl-size .col-xl-pull-2 {
 right: 16.66667%;
}
.min-xl-size .col-xl-pull-3 {
 right: 25%;
}
.min-xl-size .col-xl-pull-4 {
 right: 33.33333%;
}
.min-xl-size .col-xl-pull-5 {
 right: 41.66667%;
}
.min-xl-size .col-xl-pull-6 {
 right: 50%;
}
.min-xl-size .col-xl-pull-7 {
 right: 58.33333%;
}
.min-xl-size .col-xl-pull-8 {
 right: 66.66667%;
}
.min-xl-size .col-xl-pull-9 {
 right: 75%;
}
.min-xl-size .col-xl-pull-10 {
 right: 83.33333%;
}
.min-xl-size .col-xl-pull-11 {
 right: 91.66667%;
}
.min-xl-size .col-xl-pull-12 {
 right: 100%;
}
.min-xl-size .col-xl-push-0 {
 left: auto;
}
.min-xl-size .col-xl-push-1 {
 left: 8.33333%;
}
.min-xl-size .col-xl-push-2 {
 left: 16.66667%;
}
.min-xl-size col-xl-push-3 {
 left: 25%;
}
.min-xl-size .col-xl-push-4 {
 left: 33.33333%;
}
.min-xl-size .col-xl-push-5 {
 left: 41.66667%;
}
.min-xl-size .col-xl-push-6 {
 left: 50%;
}
.min-xl-size .col-xl-push-7 {
 left: 58.33333%;
}
.min-xl-size .col-xl-push-8 {
 left: 66.66667%;
}
.min-xl-size .col-xl-push-9 {
 left: 75%;
}
.min-xl-size .col-xl-push-10 {
 left: 83.33333%;
}
.min-xl-size .col-xl-push-11 {
 left: 91.66667%;
}
.min-xl-size .col-xl-push-12 {
 left: 100%;
}
.min-xl-size .col-xl-offset-0 {
 margin-left: 0%;
}
.min-xl-size .col-xl-offset-1 {
 margin-left: 8.33333%;
}
.min-xl-size .col-xl-offset-2 {
 margin-left: 16.66667%;
}
.min-xl-size .col-xl-offset-3 {
 margin-left: 25%;
}
.min-xl-size .col-xl-offset-4 {
 margin-left: 33.33333%;
}
.min-xl-size .col-xl-offset-5 {
 margin-left: 41.66667%;
}
.min-xl-size .col-xl-offset-6 {
 margin-left: 50%;
}
.min-xl-size .col-xl-offset-7 {
 margin-left: 58.33333%;
}
.min-xl-size .col-xl-offset-8 {
 margin-left: 66.66667%;
}
.min-xl-size .col-xl-offset-9 {
 margin-left: 75%;
}
.min-xl-size .col-xl-offset-10 {
 margin-left: 83.33333%;
}
.min-xl-size .col-xl-offset-11 {
 margin-left: 91.66667%;
}
.min-xl-size .col-xl-offset-12 {
 margin-left: 100%;
}
.breadcrumb {
 list-style: none;
 margin: 0;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 right: 15px;
 font-size: 0.937rem;
}
.breadcrumb::after {
 content: "";
 display: table;
 clear: both;
}
.breadcrumb > li {
 float: left;
}
.breadcrumb > li a {
 text-decoration: none;
}
.breadcrumb > li:first-child:before {
 color: #e72e25;
}
.breadcrumb > li + li::before {
 padding-right: .5rem;
 padding-left: .5rem;
 content: ">";
}
.max-sm-size .breadcrumb {
 display: none;
}
.pagination {
 display: inline-block;
 padding-left: 0;
 margin-top: 0.5rem;
 margin-bottom: 0.5rem;
 border-radius: 0rem;
}
.page-item {
 display: inline-block;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
 z-index: 2;
 color: #fff;
 cursor: default;
 background-color: #e72e25;
 border-color: #e72e25;
}
.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
 color: #ddd;
 cursor: not-allowed;
}
.page-item.prev a, .page-item.next a {
 background-color: #828282;
 border-color: #686868;
 color: #fff;
}
.page-item.disabled.prev a, .page-item.disabled.next a {
 opacity: 0.3;
}
.page-link {
 position: relative;
 float: left;
 padding: 0;
 color: #373a3c;
 text-decoration: none;
 border: 1px solid #d9d9d9;
 background-color: #fff;
 margin: 0 1px;
 border-radius: 99rem;
 width: 1.6rem;
 height: 1.6rem;
 line-height: 1.6rem;
}
.page-link:focus, .page-link:hover {
 color: #121314;
}
.pagination-lg .page-link {
 padding: 0.75rem 1.5rem;
 font-size: 1.25rem;
 line-height: 1.33333;
}
.pagination-lg .page-item:first-child .page-link {
 border-bottom-left-radius: 0.3rem;
 border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
 border-bottom-right-radius: 0.3rem;
 border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
 padding: 0.05rem 0.45rem;
 font-size: 0.937rem;
 line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
 border-bottom-left-radius: 0.2rem;
 border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
 border-bottom-right-radius: 0.2rem;
 border-top-right-radius: 0.2rem;
}
.pager {
 padding-left: 0;
 margin-top: 0.5rem;
 margin-bottom: 0.5rem;
 text-align: center;
 list-style: none;
}
.pager::after {
 content: "";
 display: table;
 clear: both;
}
.pager li {
 display: inline;
}
.pager li > a, .pager li > span {
 display: inline-block;
 padding: 5px 14px;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 5px;
 text-decoration: none;
}
.pager li > a:focus, .pager li > a:hover {
 text-decoration: none;
 background-color: #F3F3F3;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
 color: #ddd;
 cursor: not-allowed;
 background-color: #fff;
}
.pager .disabled > span {
 color: #ddd;
 cursor: not-allowed;
 background-color: #fff;
}
.pager-next > a, .pager-next > span {
 float: right;
}
.pager-prev > a, .pager-prev > span {
 float: left;
}
.slick-slider {
 position: relative;
 display: block;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
 height: 100%;
}
.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
 height: 100%;
}
.slick-list:focus {
 outline: none;
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
 height: 100%;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
.slick-track {
 position: relative;
 display: block;
 height: 100%;
}
.slick-track:before, .slick-track:after {
 display: table;
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
}
[dir='rtl'] .slick-slide {
 float: right;
}
.slick-slide.slick-loading img {
 display: none;
}
.slick-slide.dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}
.slick-loading .slick-list {
 background: #fff url("./ajax-loader.gif") center center no-repeat;
}
/* Arrows */
.slick-prev, .slick-next {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 display: block;
 padding: 0;
 cursor: pointer;
 border: none;
 outline: none;
 transition: all 0.5s;
 color: #ffffff;
 z-index: 99;
 background-color: transparent;
}
.slick-prev:before, .slick-next:before {
 font-family: "style";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 60px;
}
.max-lg-size .slick-prev:before, .max-lg-size .slick-next:before {
 font-size: 40px;
}
.max-lg-size .slick-prev, .max-lg-size .slick-next {
 top: inherit;
 bottom: -8px;
}
.slick-prev {
 left: 0px;
}
.max-lg-size .slick-prev {
 left: 50%;
}
.max-lg-size .slick-prev:before {
 transform: translateX(-90px) translateY(0%);
 -webkit-transform: translateX(-90px) translateY(0%);
}
.slick-next {
 right: 0px;
}
.max-lg-size .slick-next {
 right: 50%;
}
.max-lg-size .slick-next:before {
 transform: translateX(90px) translateY(0%);
 -webkit-transform: translateX(90px) translateY(0%);
}
.slick-prev:before {
 content: '\e818';
}
.slick-next:before {
 content: '\e819';
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
 outline: none;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
 opacity: 1;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
 color: #d22129;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
 opacity: .25;
}
/* Dots */
.slick-dots {
 position: absolute;
 bottom: -45px;
 display: block;
 width: 100%;
 padding: 0;
 list-style: none;
 text-align: center;
}
.slick-dots li {
 position: relative;
 display: inline-block;
 width: 15px;
 height: 15px;
 margin: 0 10px;
 padding: 0;
 cursor: pointer;
}
.slick-dots li.slick-active button {
 background-color: #000000;
 border: 2px solid #000000;
}
.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 15px;
 height: 15px;
 padding: 5px;
 cursor: pointer;
 color: transparent;
 border: 2px solid #ffffff;
 outline: none;
 border-radius: 100%;
 background-color: #ddd;
}
.slick-dots li button:hover, .slick-dots li button:focus {
 outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
 opacity: 1;
}
.slick-dots li button:before {
 font-family: 'slick';
 font-size: 6px;
 line-height: 20px;
 position: absolute;
 top: 0;
 left: 0;
 width: 20px;
 height: 20px;
 text-align: center;
 opacity: .25;
 color: black;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
 opacity: .75;
 color: black;
}
.noSlider.slick-slider .slick-track {
 text-align: center;
 width: 100% !important;
 transform: translate3d(0px, 0px, 0px) !important;
}
.noSlider.slick-slider .slick-slide {
 float: none;
 display: inline-block;
}
.dropup, .dropdown {
 position: relative;
}
.dropdown-group {
 min-width: 160px;
 display: inline-block;
 position: relative;
 z-index: 90;
}
.max-md-size .dropdown-group {
 min-width: 120px;
}
.dropdown-toggle {
 border: 1px solid #e72e25;
 border-radius: .25rem;
 padding: 0.375rem 1rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 width: 100%;
 background-color: #e72e25;
 color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-md-size .dropdown-toggle {
 padding: 0.175rem 0.5rem;
 font-size: 12px;
}
.dropdown-toggle::after {
 display: inline-block;
 width: 0;
 height: 0;
 margin-right: .25rem;
 margin-left: .25rem;
 vertical-align: middle;
 content: "";
 border-top: 0.3em solid;
 border-right: 0.3em solid transparent;
 border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
 outline: 0;
}
.dropup .dropdown-toggle::after {
 border-top: 0;
 border-bottom: 0.3em solid;
}
.dropdown-menu {
 position: absolute;
 border-radius: .25rem;
 top: 100%;
 left: 0;
 z-index: 90;
 display: none;
 min-width: 160px;
 padding: 5px 0;
 margin: 0;
 font-size: 1rem;
 color: #373a3c;
 text-align: left;
 list-style: none;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid rgba(0, 0, 0, 0.15);
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-color: #fff;
}
.max-md-size .dropdown-menu {
 min-width: 120px;
 font-size: 12px;
}
.dropdown-divider {
 height: 1px;
 margin: 0.25rem 0;
 overflow: hidden;
 background-color: #e5e5e5;
}
.dropdown-item {
 display: block;
 width: 100%;
 padding: 3px 20px;
 clear: both;
 font-weight: normal;
 line-height: 1.5;
 color: #373a3c;
 text-align: inherit;
 white-space: nowrap;
 background: none;
 border: 0;
 text-decoration: none;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.dropdown-item:focus, .dropdown-item:hover {
 color: #2b2d2f;
 text-decoration: none;
 background-color: #f5f5f5;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
 color: #fff;
 text-decoration: none;
 background-color: #c10435;
 outline: 0;
}
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
 color: #818a91;
}
.dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
 text-decoration: none;
 cursor: not-allowed;
 background-color: transparent;
 background-image: none;
 filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}
.open > .dropdown-menu {
 display: block;
}
.open > a {
 outline: 0;
}
.dropdown-menu-right {
 right: 0;
 left: auto;
}
.dropdown-menu-left {
 right: auto;
 left: 0;
}
.dropdown-header {
 display: block;
 padding: 3px 20px;
 font-size: 0.937rem;
 line-height: 1.5;
 color: #818a91;
 white-space: nowrap;
}
.dropdown-backdrop {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 990;
}
.pull-right > .dropdown-menu {
 right: 0;
 left: auto;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
 content: "";
 border-top: 0;
 border-bottom: 0.3em solid;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
 top: auto;
 bottom: 100%;
 margin-bottom: 2px;
}
.btn {
 display: inline-block;
 font-weight: normal;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 cursor: pointer;
 user-select: none;
 position: relative;
 border: 1px solid transparent;
 padding: 0.375rem 1rem;
 font-size: 1rem;
 line-height: 1.5;
 text-decoration: none;
}
.btn:before {
 margin-left: -3px;
}
.btn:focus, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
 outline: thin dotted;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px;
}
.btn:focus, .btn:hover {
 text-decoration: none;
}
.btn.focus {
 text-decoration: none;
}
.btn:active, .btn.active {
 background-image: none;
 outline: 0;
}
.btn.disabled, .btn:disabled {
 cursor: not-allowed;
 opacity: .65;
}
.btn.radius {
 border-radius: .25rem;
}
.max-sm-size .btn {
 padding: 0.175rem 0.5rem;
 font-size: 12px;
}
a.btn.disabled, fieldset[disabled] a.btn {
 pointer-events: none;
}
.btn-base {
 color: #fff;
 background-color: #555555;
 border-color: #555555;
}
.btn-base:hover {
 color: #fff;
 background-color: #3b3b3b;
 border-color: #363636;
}
.btn-base:focus, .btn-base.focus {
 color: #fff;
 background-color: #3b3b3b;
 border-color: #363636;
}
.btn-base:active, .btn-base.active {
 color: #fff;
 background-color: #3b3b3b;
 border-color: #363636;
 background-image: none;
}
.btn-base:active:hover, .btn-base:active:focus, .btn-base:active.focus, .btn-base.active:hover, .btn-base.active:focus, .btn-base.active.focus {
 color: #fff;
 background-color: #2a2a2a;
 border-color: #151515;
}
.btn-base.disabled:focus, .btn-base.disabled.focus, .btn-base:disabled:focus, .btn-base:disabled.focus {
 background-color: #555555;
 border-color: #555555;
}
.btn-base.disabled:hover, .btn-base:disabled:hover {
 background-color: #555555;
 border-color: #555555;
}
.btn-gray {
 color: #555555;
 background-color: #d7d7d7;
 border-color: #bfbfbf;
}
.btn-gray:hover {
 color: #555555;
 background-color: #bebebe;
 border-color: #a0a0a0;
}
.btn-gray:focus, .btn-gray.focus {
 color: #555555;
 background-color: #bebebe;
 border-color: #a0a0a0;
}
.btn-gray:active, .btn-gray.active {
 color: #555555;
 background-color: #bebebe;
 border-color: #a0a0a0;
 background-image: none;
}
.btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus {
 color: #555555;
 background-color: #acacac;
 border-color: #7f7f7f;
}
.btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray:disabled:focus, .btn-gray:disabled.focus {
 background-color: #d7d7d7;
 border-color: #bfbfbf;
}
.btn-gray.disabled:hover, .btn-gray:disabled:hover {
 background-color: #d7d7d7;
 border-color: #bfbfbf;
}
.btn-red {
 color: #fff;
 background-color: #e72e25;
 border-color: #e72e25;
}
.btn-red:hover {
 color: #fff;
 background-color: #c31e16;
 border-color: #ba1c15;
}
.btn-red:focus, .btn-red.focus {
 color: #fff;
 background-color: #c31e16;
 border-color: #ba1c15;
}
.btn-red:active, .btn-red.active {
 color: #fff;
 background-color: #c31e16;
 border-color: #ba1c15;
 background-image: none;
}
.btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus {
 color: #fff;
 background-color: #a31912;
 border-color: #7f130e;
}
.btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red:disabled:focus, .btn-red:disabled.focus {
 background-color: #e72e25;
 border-color: #e72e25;
}
.btn-red.disabled:hover, .btn-red:disabled:hover {
 background-color: #e72e25;
 border-color: #e72e25;
}
.btn-link {
 font-weight: normal;
 color: #818a91;
 border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
 background-color: transparent;
}
.btn-link, .btn-link:focus, .btn-link:active {
 border-color: transparent;
}
.btn-link:hover {
 border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
 color: #121314;
 text-decoration: underline;
 background-color: transparent;
}
.btn-link:disabled:focus, .btn-link:disabled:hover {
 color: #818a91;
 text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
 padding: 0.5rem 2.5rem;
 font-size: 1rem;
 line-height: 1.33333;
}
.max-md-size .btn-lg, .max-md-size .btn-group-lg > .btn {
 padding: 0.3rem 1rem;
}
.max-sm-size .btn-lg, .max-sm-size .btn-group-lg > .btn {
 font-size: 12px;
}
.btn-sm, .btn-group-sm > .btn {
 padding: 0.25rem 0.75rem;
 font-size: 0.937rem;
 line-height: 1.5;
}
.btn-xs {
 border-radius: 3px;
 border: 1px solid #bdbdbd;
 padding: 0px 5px;
 line-height: 27px;
 min-width: inherit;
}
.btn-block {
 display: block;
 width: 100%;
}
.btn-block + .btn-block {
 margin-top: 5px;
}
.c-input {
 position: relative;
 display: inline;
 padding-left: 1.5rem;
 color: #555;
 cursor: pointer;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-right: 1rem;
}
.c-input > input {
 position: absolute;
 z-index: -1;
 opacity: 0;
}
.c-input > input:checked ~ .c-indicator {
 color: #555;
 background-color: #555;
}
.c-input > input:focus ~ .c-indicator {
 /*box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;*/
}
.c-input > input:active ~ .c-indicator {
 color: #fff;
 background-color: #555;
}
.c-indicator {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 1rem;
 height: 1rem;
 font-size: 65%;
 line-height: 1rem;
 color: #eee;
 text-align: center;
 user-select: none;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 50% 50%;
 background-color: #fff;
 border: 1px solid #dddddd;
}
.c-checkbox .c-indicator {
 border-radius: .25rem;
}
.c-checkbox input:checked ~ .c-indicator {
 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}
.c-checkbox input:indeterminate ~ .c-indicator {
 background-color: #555;
 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
}
.c-radio .c-indicator {
 border-radius: 50%;
}
.c-radio input:checked ~ .c-indicator {
 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}
.c-inputs-stacked .c-input {
 display: inline;
}
.c-inputs-stacked .c-input::after {
 display: block;
 margin-bottom: .25rem;
 content: "";
}
.c-inputs-stacked .c-input + .c-input {
 margin-left: 0;
}
.c-select {
 display: inline-block;
 max-width: 100%;
 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
 padding-right: .75rem \9;
 color: #55595c;
 vertical-align: middle;
 background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
 background-image: none \9;
 background-size: 8px 10px;
 border: 1px solid #fff;
 -moz-appearance: none;
 -webkit-appearance: none;
}
.c-select:focus {
 border-color: #333;
 outline: none;
}
.c-select::-ms-expand {
 opacity: 0;
}
.c-select-sm {
 padding-top: 3px;
 padding-bottom: 3px;
 font-size: 12px;
}
.c-select-sm:not([multiple]) {
 height: 26px;
 min-height: 26px;
}
.file {
 position: relative;
 display: inline-block;
 height: 2.5rem;
 cursor: pointer;
}
.file input {
 min-width: 14rem;
 margin: 0;
 filter: alpha(opacity=0);
 opacity: 0;
}
.file-custom {
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 z-index: 5;
 height: 2.5rem;
 padding: 0.5rem 1rem;
 line-height: 1.5;
 color: #555;
 user-select: none;
 background-color: #F7EFE1;
 border: 1px solid #F7EFE1;
}
.file-custom::after {
 content: "";
}
.file-custom::before {
 position: absolute;
 top: -.075rem;
 right: -.075rem;
 bottom: -.075rem;
 z-index: 6;
 display: block;
 height: 2.5rem;
 padding: 0.5rem 1rem;
 line-height: 1.5;
 color: #fff;
 content: "Upload";
 background-color: #e0c89c;
 border: 1px solid #e0c89c;
}
.date {
 position: relative;
 display: inline-block;
 height: 2.5rem;
 cursor: pointer;
}
.date input {
 min-width: 14rem;
 margin: 0;
}
.date .date-custom {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 2px;
 width: 40px;
 color: #fff;
 background-color: #e0c89c;
 border: 1px solid #e0c89c;
 background-image: url(images/inco-alendar.png);
 background-repeat: no-repeat;
 background-position: center center;
 pointer-events: none;
}
.form-group {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 10px;
}
.form-group::after {
 content: "";
 display: table;
 clear: both;
}
.form-group .left {
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 min-width: 100px;
 padding-left: 15px;
 position: relative;
}
.form-group .left span {
 position: absolute;
 top: 5px;
 left: 0px;
}
.form-group .right {
 overflow: hidden;
 zoom: 1;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.form-group .col {
 vertical-align: middle;
}
label {
 margin-bottom: .5rem;
 display: inline-block;
}
.form-control {
 display: block;
 width: 100%;
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 line-height: 1.5;
 color: #55595c;
 background-color: #fff;
 background-image: none;
 border: .0625rem solid #ccc;
 margin-bottom: 0.5rem;
 border-radius: .25rem;
 overflow: hidden;
 zoom: 1;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
textarea.form-control {
 background-color: #fafafa;
}
#contactBusiness .form-control {
 background: #fafafa;
}
.form-control::-ms-expand {
 background-color: transparent;
 border: 0;
}
.form-control.radius {
 border-radius: 5px;
}
.form-control:focus {
 border-color: #66afe9;
 outline: none;
}
.form-control::placeholder {
 color: #999;
 opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
 background-color: #F3F3F3;
 opacity: 1;
}
.form-control:disabled {
 cursor: not-allowed;
}
.form-control-file, .form-control-range {
 display: block;
}
.form-control-label {
 padding: 0.375rem 0.75rem;
 margin-bottom: 0;
}
.form-control-labelCheckBox {
 padding: 0rem 0.75rem;
 margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
  line-height: 2.25rem;
 }
 input[type="date"].input-sm, .input-group-sm input[type="date"].form-control, input[type="time"].input-sm, .input-group-sm input[type="time"].form-control, input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"].form-control, input[type="month"].input-sm, .input-group-sm input[type="month"].form-control {
  line-height: 1.9555rem;
 }
 input[type="date"].input-lg, .input-group-lg input[type="date"].form-control, input[type="time"].input-lg, .input-group-lg input[type="time"].form-control, input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"].form-control, input[type="month"].input-lg, .input-group-lg input[type="month"].form-control {
  line-height: 3.16667rem;
 }
}
.form-control-static {
 min-height: 2.25rem;
 padding-top: 0.375rem;
 padding-bottom: 0.375rem;
 margin-bottom: 0;
}
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn {
 padding-right: 0;
 padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
 padding: 0.275rem 0.75rem;
 font-size: 0.937rem;
 line-height: 1.5;
}
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
 padding: 0.75rem 1.25rem;
 font-size: 1.25rem;
 line-height: 1.33333;
 border-radius: 0.3rem;
}
.radio, .checkbox {
 position: relative;
 display: block;
 margin-bottom: 0.375rem;
}
.radio label, .checkbox label {
 padding-left: 1.25rem;
 margin-bottom: 0;
 font-weight: normal;
 cursor: pointer;
}
.radio label input:only-child, .checkbox label input:only-child {
 position: static;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
 position: absolute;
 margin-top: .25rem;
 margin-left: -1.25rem;
}
.form-inline.radio input[type="radio"], .form-inline.radio input[type="checkbox"], .form-inline.checkbox input[type="radio"], .form-inline.checkbox input[type="checkbox"] {
 margin-top: 0.9rem;
}
.radio + .radio, .checkbox + .checkbox {
 margin-top: -.25rem;
}
.radio-inline, .checkbox-inline {
 position: relative;
 display: inline-block;
 padding: 0.375rem 0 0.375rem 1.25rem;
 margin-bottom: 0;
 font-weight: normal;
 vertical-align: middle;
 cursor: pointer;
 margin-right: .75rem;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
 margin-top: 0;
}
input[type="radio"]:disabled, input[type="radio"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"].disabled {
 cursor: not-allowed;
}
.radio-inline.disabled, .checkbox-inline.disabled {
 cursor: not-allowed;
}
.radio.disabled label, .checkbox.disabled label {
 cursor: not-allowed;
}
.form-control-success, .form-control-warning, .form-control-danger, .form-control-error {
 padding-right: 2.25rem;
 background-repeat: no-repeat;
 background-position: center right 0.5625rem;
 background-size: 1.4625rem 1.4625rem;
}
.table {
 width: 100%;
 max-width: 100%;
 margin-bottom: 0.5rem;
}
.table th, .table td {
 padding: 0.55rem;
 line-height: 1.5;
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 font-size: 0.937rem;
}
.table th:last-child, .table td:last-child {
 border-right: none;
}
.table thead th {
 vertical-align: bottom;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #ddd;
 text-align: center;
 color: #000;
 background-color: #F3F3F3;
 white-space: nowrap;
}
.table thead th a {
 color: #c10435;
 text-decoration: underline;
}
.table tbody + tbody {
 border-top: 2px solid #ddd;
}
.table .table {
 background-color: #fff;
}
.table .form-control {
 margin-bottom: 0;
}
.table .img-upload {
 margin-bottom: 0;
}
.table-sm th, .table-sm td {
 padding: 0.3rem;
}
.table-bordered {
 border: 1px solid #ddd;
}
.table-bordered th, .table-bordered td {
 border: 1px solid #ddd;
}
.table-bordered thead th, .table-bordered thead td {
 border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
 background-color: #f9f9f9;
}
.table-hover tbody tr:hover {
 background-color: #dcdcdc;
}
.table-active, .table-active > th, .table-active > td {
 background-color: #f5f5f5;
}
.table-hover .table-active:hover {
 background-color: #e8e8e8;
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
 background-color: #e8e8e8;
}
.table-success, .table-success > th, .table-success > td {
 background-color: #dff0d8;
}
.table-hover .table-success:hover {
 background-color: #d0e9c6;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
 background-color: #d0e9c6;
}
.table-info, .table-info > th, .table-info > td {
 background-color: #d9edf7;
}
.table-hover .table-info:hover {
 background-color: #c4e3f3;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
 background-color: #c4e3f3;
}
.table-warning, .table-warning > th, .table-warning > td {
 background-color: #fcf8e3;
}
.table-hover .table-warning:hover {
 background-color: #faf2cc;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
 background-color: #faf2cc;
}
.table-compute, .table-compute > th, .table-compute > td {
 background-color: #fcf8e3;
}
.table-hover .table-compute:hover {
 background-color: #faf2cc;
}
.table-hover .table-compute:hover > td, .table-hover .table-compute:hover > th {
 background-color: #faf2cc;
}
.table-danger, .table-danger > th, .table-danger > td {
 background-color: #f2dede;
}
.table-hover .table-danger:hover {
 background-color: #ebcccc;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
 background-color: #ebcccc;
}
.max-sm-size .topCompare {
 bottom: 34px !important;
}
.table .thead-inverse th {
 color: #fff;
 background-color: #373a3c;
 position: relative;
 vertical-align: middle;
 line-height: 18px;
}
.table .thead-inverse th.hasSeq {
 padding: 0.55rem 1.2rem 0.55rem 0.55rem;
}
.table .thead-inverse th.hasSeq:after, .table .thead-inverse th.hasSeq:before {
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 position: absolute;
 cursor: pointer;
 right: 8px;
}
.table .thead-inverse th.hasSeq:after {
 border-width: 0 4.5px 7.8px 4.5px;
 border-color: transparent transparent #ffffff transparent;
 top: 18px;
}
.table .thead-inverse th.hasSeq:before {
 border-width: 7.8px 4.5px 0 4.5px;
 border-color: #ffffff transparent transparent transparent;
 top: 28px;
}
.table .thead-inverse th.hasSeq.arrowUp:after {
 display: none;
}
.table .thead-inverse th.hasSeq.arrowDown:before {
 display: none;
}
.table .thead-inverse th.output, .table td.output {
 max-width: 105px;
 width: 105px;
}
.table td.output {
 text-align: left;
}
.table td.certification {
 word-break: normal;
 text-align: left;
}
.table td.certification img {
 float: left;
 display: inline;
}
.table .thead-default th {
 color: #55595c;
 background-color: #F3F3F3;
}
.table-inverse {
 color: #F3F3F3;
 background-color: #373a3c;
}
.table-inverse.table-bordered {
 border: 0;
}
.table-inverse th, .table-inverse td, .table-inverse thead th {
 border-color: #55595c;
}
.table-reflow thead {
 float: left;
}
.table-reflow tbody {
 display: block;
 white-space: nowrap;
}
.table-reflow th, .table-reflow td {
 border-top: 1px solid #ddd;
 border-left: 1px solid #ddd;
}
.table-reflow th:last-child, .table-reflow td:last-child {
 border-right: 1px solid #ddd;
}
.table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td {
 border-bottom: 1px solid #ddd;
}
.table-reflow tr {
 float: left;
}
.table-reflow tr th, .table-reflow tr td {
 display: block !important;
 border: 1px solid #ddd;
}
.min-w-b {
 min-width: 230px;
}
.min-w-s {
 min-width: 120px;
}
.white-space td {
 white-space: nowrap;
}
.table-responsive {
 display: block;
 width: 100%;
 min-height: 0.01%;
 overflow-x: auto;
}
.w-s {
 min-width: 100px;
}
/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {
 position: relative;
 margin: 0 auto;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
.sp-slides-container {
 position: relative;
}
.sp-mask {
 position: relative;
 overflow: hidden;
}
.sp-slides {
 position: relative;
 -webkit-backface-visibility: hidden;
 -webkit-perspective: 1000;
}
.sp-slide {
 position: absolute;
}
.sp-image-container {
 overflow: hidden;
}
.sp-image {
 position: relative;
 display: block;
 border: none;
}
.sp-no-js {
 overflow: hidden;
 max-width: 100%;
}
/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
 position: relative;
 overflow: hidden;
 direction: ltr;
}
.sp-top-thumbnails, .sp-bottom-thumbnails {
 left: 0;
 margin: 0 auto;
}
.sp-top-thumbnails {
 position: absolute;
 top: 0;
 margin-bottom: 4px;
}
.sp-bottom-thumbnails {
 margin-top: 4px;
}
.sp-left-thumbnails, .sp-right-thumbnails {
 position: absolute;
 top: 0;
}
.sp-right-thumbnails {
 right: 0;
 margin-left: 4px;
}
.sp-left-thumbnails {
 left: 0;
 margin-right: 4px;
}
.sp-thumbnails {
 position: relative;
}
.sp-thumbnail {
 border: none;
}
.sp-thumbnail-container {
 position: relative;
 display: block;
 overflow: hidden;
 float: left;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.sp-rtl .sp-thumbnail-container {
 float: right;
}
/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container, .sp-bottom-thumbnails .sp-thumbnail-container {
 margin-left: 2px;
 margin-right: 2px;
}
.sp-top-thumbnails .sp-thumbnail-container:first-child, .sp-bottom-thumbnails .sp-thumbnail-container:first-child {
 margin-left: 0;
}
.sp-top-thumbnails .sp-thumbnail-container:last-child, .sp-bottom-thumbnails .sp-thumbnail-container:last-child {
 margin-right: 0;
}
/* Vertical thumbnails
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
 margin-top: 2px;
 margin-bottom: 2px;
}
.sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child {
 margin-top: 0;
}
.sp-left-thumbnails .sp-thumbnail-container:last-child, .sp-right-thumbnails .sp-thumbnail-container:last-child {
 margin-bottom: 0;
}
/* Right thumbnails with pointer
--------------------------------*/
.sp-right-thumbnails.sp-has-pointer {
 margin-left: -13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
 position: absolute;
 left: 18px;
 margin-left: 0 !important;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content: '';
 position: absolute;
 height: 100%;
 border-left: 5px solid #F00;
 left: 0;
 top: 0;
 margin-left: 13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 left: 0;
 top: 50%;
 margin-top: -8px;
 border-right: 13px solid #F00;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
}
/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
 margin-right: -13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
 position: absolute;
 right: 18px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content: '';
 position: absolute;
 height: 100%;
 border-left: 5px solid #F00;
 right: 0;
 top: 0;
 margin-right: 13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 right: 0;
 top: 50%;
 margin-top: -8px;
 border-left: 13px solid #F00;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
}
/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer {
 margin-top: -13px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
 position: absolute;
 top: 18px;
 margin-top: 0 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content: '';
 position: absolute;
 width: 100%;
 border-bottom: 5px solid #F00;
 top: 0;
 margin-top: 13px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 left: 50%;
 top: 0;
 margin-left: -8px;
 border-bottom: 13px solid #F00;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
}
/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
 margin-bottom: -13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
 position: absolute;
 bottom: 18px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
 content: '';
 position: absolute;
 width: 100%;
 border-bottom: 5px solid #F00;
 bottom: 0;
 margin-bottom: 13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 left: 50%;
 bottom: 0;
 margin-left: -8px;
 border-top: 13px solid #F00;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
}
/* Layers
--------------------------------------------------*/
.sp-layer {
 position: absolute;
 margin: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -webkit-font-smoothing: subpixel-antialiased;
 -webkit-backface-visibility: hidden;
}
.sp-black {
 color: #FFF;
 background: black;
 background: rgba(0, 0, 0, 0.7);
}
.sp-white {
 color: #000;
 background: white;
 background: rgba(255, 255, 255, 0.7);
}
.sp-rounded {
 border-radius: 10px;
}
.sp-padding {
 padding: 10px;
}
/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
 cursor: url(images/openhand.cur), move;
}
.sp-grabbing {
 cursor: url(images/closedhand.cur), move;
}
.sp-selectable {
 cursor: default;
}
/* Caption
--------------------------------------------------*/
.sp-caption-container {
 text-align: center;
 margin-top: 10px;
}
/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
 margin: 0 !important;
 background-color: #000;
}
.sp-full-screen-button {
 position: absolute;
 top: 5px;
 right: 10px;
 font-size: 30px;
 line-height: 1;
 cursor: pointer;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
.sp-full-screen-button:before {
 content: '\2195';
}
.sp-fade-full-screen {
 opacity: 0;
 -webkit-transition: opacity 0.5s;
 transition: opacity 0.5s;
}
.slider-pro:hover .sp-fade-full-screen {
 opacity: 1;
}
/* Buttons
--------------------------------------------------*/
.sp-buttons {
 position: relative;
 width: 100%;
 text-align: center;
 padding-top: 10px;
}
.sp-rtl .sp-buttons {
 direction: rtl;
}
.sp-full-screen .sp-buttons {
 display: none;
}
.sp-button {
 width: 10px;
 height: 10px;
 border: 2px solid #000;
 border-radius: 50%;
 margin: 4px;
 display: inline-block;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 cursor: pointer;
}
.sp-selected-button {
 background-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 .sp-button {
  width: 14px;
  height: 14px;
 }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
 .sp-button {
  width: 16px;
  height: 16px;
 }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
 .sp-button {
  width: 18px;
  height: 18px;
 }
}
/* Arrows
--------------------------------------------------*/
.sp-arrows {
 position: absolute;
}
.sp-fade-arrows {
 opacity: 0;
 -webkit-transition: opacity 0.5s;
 transition: opacity 0.5s;
}
.sp-slides-container:hover .sp-fade-arrows {
 opacity: 1;
}
.sp-horizontal .sp-arrows {
 width: 100%;
 left: 0;
 top: 50%;
 margin-top: -15px;
}
.sp-vertical .sp-arrows {
 height: 100%;
 left: 50%;
 top: 0;
 margin-left: -10px;
}
.sp-arrow {
 position: absolute;
 display: block;
 width: 20px;
 height: 30px;
 cursor: pointer;
}
.sp-vertical .sp-arrow {
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}
.sp-horizontal .sp-previous-arrow {
 left: 20px;
 right: auto;
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
 right: 20px;
 left: auto;
}
.sp-horizontal .sp-next-arrow {
 right: 20px;
 left: auto;
}
.sp-horizontal.sp-rtl .sp-next-arrow {
 left: 20px;
 right: auto;
}
.sp-vertical .sp-previous-arrow {
 top: 20px;
}
.sp-vertical .sp-next-arrow {
 bottom: 20px;
 -webkit-transform: rotate(270deg);
 -ms-transform: rotate(270deg);
 transform: rotate(270deg);
}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {
 content: '';
 position: absolute;
 width: 50%;
 height: 50%;
 background-color: #FFF;
}
.sp-arrow:before {
 left: 30%;
 top: 0;
 -webkit-transform: skew(145deg, 0deg);
 -ms-transform: skew(145deg, 0deg);
 transform: skew(145deg, 0deg);
}
.sp-arrow:after {
 left: 30%;
 top: 50%;
 -webkit-transform: skew(-145deg, 0deg);
 -ms-transform: skew(-145deg, 0deg);
 transform: skew(-145deg, 0deg);
}
.sp-next-arrow {
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 transform: rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 transform: rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-next-arrow {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
.ie8 .sp-arrow, .ie7 .sp-arrow {
 width: 0;
 height: 0;
}
.ie8 .sp-arrow:before, .ie8 .sp-arrow:after, .ie7 .sp-arrow:before, .ie7 .sp-arrow:after {
 content: none;
}
.ie8.sp-horizontal .sp-previous-arrow, .ie7.sp-horizontal .sp-previous-arrow {
 border-right: 20px solid #FFF;
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;
}
.ie8.sp-horizontal .sp-next-arrow, .ie7.sp-horizontal .sp-next-arrow {
 border-left: 20px solid #FFF;
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;
}
.ie8.sp-vertical .sp-previous-arrow, .ie7.sp-vertical .sp-previous-arrow {
 border-bottom: 20px solid #FFF;
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
}
.ie8.sp-vertical .sp-next-arrow, .ie7.sp-vertical .sp-next-arrow {
 border-top: 20px solid #FFF;
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
}
/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
 position: absolute;
}
.sp-fade-thumbnail-arrows {
 opacity: 0;
 -webkit-transition: opacity 0.5s;
 transition: opacity 0.5s;
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
 opacity: 1;
}
.sp-top-thumbnails .sp-thumbnail-arrows, .sp-bottom-thumbnails .sp-thumbnail-arrows {
 width: 100%;
 top: 50%;
 left: 0;
 margin-top: -12px;
}
.sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows {
 height: 100%;
 top: 0;
 left: 50%;
 margin-left: -7px;
}
.sp-thumbnail-arrow {
 position: absolute;
 display: block;
 width: 15px;
 height: 25px;
 cursor: pointer;
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}
.sp-top-thumbnails .sp-previous-thumbnail-arrow, .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
 left: 0px;
}
.sp-top-thumbnails .sp-next-thumbnail-arrow, .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
 right: 0px;
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow {
 top: 0px;
}
.sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow {
 bottom: 0px;
}
.sp-previous-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-next-thumbnail-arrow:after {
 content: '';
 position: absolute;
 width: 50%;
 height: 50%;
 background-color: #FFF;
}
.sp-previous-thumbnail-arrow:before {
 left: 30%;
 top: 0;
 -webkit-transform: skew(145deg, 0deg);
 -ms-transform: skew(145deg, 0deg);
 transform: skew(145deg, 0deg);
}
.sp-previous-thumbnail-arrow:after {
 left: 30%;
 top: 50%;
 -webkit-transform: skew(-145deg, 0deg);
 -ms-transform: skew(-145deg, 0deg);
 transform: skew(-145deg, 0deg);
}
.sp-next-thumbnail-arrow:before {
 right: 30%;
 top: 0;
 -webkit-transform: skew(35deg, 0deg);
 -ms-transform: skew(35deg, 0deg);
 transform: skew(35deg, 0deg);
}
.sp-next-thumbnail-arrow:after {
 right: 30%;
 top: 50%;
 -webkit-transform: skew(-35deg, 0deg);
 -ms-transform: skew(-35deg, 0deg);
 transform: skew(-35deg, 0deg);
}
.ie8 .sp-thumbnail-arrow, .ie7 .sp-thumbnail-arrow {
 width: 0;
 height: 0;
}
.ie8 .sp-thumbnail-arrow:before, .ie8 .sp-thumbnail-arrow:after, .ie7 .sp-thumbnail-arrow:before, .ie7 .sp-thumbnail-arrow:after {
 content: none;
}
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
 border-right: 12px solid #FFF;
 border-top: 12px solid transparent;
 border-bottom: 12px solid transparent;
}
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
 border-left: 12px solid #FFF;
 border-top: 12px solid transparent;
 border-bottom: 12px solid transparent;
}
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
 border-bottom: 12px solid #FFF;
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
}
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
 border-top: 12px solid #FFF;
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
}
/* Video
--------------------------------------------------*/
a.sp-video {
 text-decoration: none;
}
a.sp-video img {
 -webkit-backface-visibility: hidden;
 border: none;
}
a.sp-video:after {
 content: '\25B6';
 position: absolute;
 width: 45px;
 padding-left: 5px;
 height: 50px;
 border: 2px solid #FFF;
 text-align: center;
 font-size: 30px;
 border-radius: 30px;
 top: 0;
 color: #FFF;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: rgba(0, 0, 0, 0.2);
 margin: auto;
 line-height: 52px;
}
/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
 max-width: none;
 max-height: none;
 border: none !important;
 border-radius: 0 !important;
 padding: 0 !important;
 -webkit-box-shadow: none !important;
 -mox-box-shadow: none !important;
 box-shadow: none !important;
 transition: none;
 -moz-transition: none;
 -webkit-transition: none;
 -o-transition: none;
}
.slider-pro a {
 position: static;
 transition: none !important;
 -moz-transition: none !important;
 -webkit-transition: none !important;
 -o-transition: none !important;
}
.slider-pro iframe, .slider-pro object, .slider-pro video, .slider-pro embed, .slider-pro canvas {
 max-width: none;
 max-height: none;
}
.slider-pro p.sp-layer {
 font-size: 14px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro h1.sp-layer {
 font-size: 32px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro h2.sp-layer {
 font-size: 24px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro h3.sp-layer {
 font-size: 19px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro h4.sp-layer {
 font-size: 16px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro h5.sp-layer {
 font-size: 13px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro h6.sp-layer {
 font-size: 11px;
 line-height: 1.4;
 margin: 0;
}
.slider-pro img.sp-layer {
 border: none;
}
.collapse .collapse-item {
 margin-bottom: 25px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #c8c8c8;
 border-radius: 0.25rem;
 background-color: #fafafa;
}
.max-sm-size .collapse .collapse-item {
 margin-bottom: 15px;
}
.collapse .collapse-item .collapse-title {
 position: relative;
 padding: 10px 15px 10px 15px;
 cursor: pointer;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-sm-size .collapse .collapse-item .collapse-title {
 padding: 15px;
}
.collapse .collapse-item .collapse-title:before {
 position: absolute;
 top: 14px;
 right: 15px;
 font-family: "style";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\e80e';
 color: #e72e25;
 font-size: 20px;
}
.max-sm-size .collapse .collapse-item .collapse-title:before {
 right: 2px;
 top: 15px;
}
.collapse .collapse-item .collapse-title .num {
 position: relative;
 display: inline-block;
 left: 0;
 top: 0;
 font-weight: bolder;
 font-size: 20px;
 float: left;
 margin-right: 10px;
}
.max-sm-size .collapse .collapse-item .collapse-title .num {}
.collapse .collapse-item .collapse-title h3 {
 margin: 5px;
 font-size: 15px;
 display: inline-block;
 float: left;
 max-width: 790px;
 color: #000;
}
.max-sm-size .collapse .collapse-item .collapse-title h3 {
 font-size: 12px;
 width: 78%;
}
.collapse .collapse-item .collapse-info {
 position: relative;
 padding: 5px 15px 15px 55px;
 display: none;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-sm-size .collapse .collapse-item .collapse-info {
 padding: 15px;
}
.collapse .collapse-item .collapse-info p {
 line-height: 2em;
 margin: 0;
}
.collapse .collapse-item .collapse-info h4 {
 margin: 0;
 line-height: 2em;
}
.collapse .collapse-item.active .collapse-title:before {
 content: '\e80d';
}
.collapse .collapse-item.active .collapse-info {
 display: block;
}
.collapse.recruitNews .collapse-title .right {
 position: absolute;
 top: 12px;
 right: 50px;
}
.max-sm-size .collapse.recruitNews .collapse-title .right {
 display: none;
}
.collapse.qa .collapse-item .num {
 color: #e72e25;
}
.collapse.qa .collapse-info {
 padding: 15px 15px 15px 100px;
}
.collapse.qa .collapse-info .re {
 position: absolute;
 left: 55px;
 top: 15px;
 color: #e72e25;
 font-size: 18px;
 font-weight: bolder;
}
.max-sm-size .collapse.qa .collapse-info .re {
 display: none;
}
/* ==========================================================================
* design
==========================================================================*/
.max-sm-size .home {
 padding-top: 50px;
}
#loading {
 z-index: 999999;
 left: 0;
 top: 0;
 position: fixed;
 width: 100%;
 height: 100%;
 background: #3c3c3c;
}
.loadie {
 position: absolute;
 top: 0;
 left: 0;
 background-color: #e72e25;
 width: 0;
 height: 4px;
 -webkit-transition: width 0.5s ease-out;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
 z-index: 9999999;
}
/* ==========================================================================
* footer
==========================================================================*/
#footer {
 border-top: 10px solid #f0f0f0;
}
.home #footer {
 /*border-top: 0px;*/
}
#footer .footer-top {
 position: relative;
 padding: 20px 0;
}
.max-md-size #footer .footer-top {
 display: none;
}
#footer .widget-social {
 position: absolute;
 top: 40px;
 left: 15px;
}
#footer .widget-social a {
 margin-right: 10px;
}
.max-lg-size #footer .widget-social {
 position: relative;
 top: inherit;
 left: inherit;
 text-align: center;
 padding: 15px 0;
}
#footer .nav-footer > ul {
 text-align: right;
}
#footer .nav-footer > ul h3 {
 margin: 0;
 line-height: 1em;
 margin-bottom: 20px;
}
.max-lg-size #footer .nav-footer > ul {
 text-align: center;
}
#footer .nav-footer > ul > li {
 text-align: left;
 margin-bottom: 15px;
 display: inline-block;
 padding: 0 3%;
 vertical-align: top;
}
#footer .nav-footer > ul > li li {
 line-height: 2em;
 position: relative;
 padding-left: 20px;
}
#footer .nav-footer > ul > li li:before {
 color: #ed7b79;
 margin-right: 2px;
 font-size: 13px;
 display: inline-block;
 position: absolute;
 left: 0;
 top: 10px;
}
#footer .nav-footer > ul > li a {
 color: #000;
 text-decoration: none;
}
#footer .copyright {
 background-color: #1e1e1e;
 color: #fff;
 line-height: 1.2em;
 padding: 15px;
 font-size: 13px;
 text-align: center;
 margin: 0;
}
#footer .copyright a {
 color: #fff;
 text-decoration: none;
}
.max-sm-size #footer .copyright {
 padding: 5px 15px;
 font-size: 12px;
}
.TOP, .TOP * {
 outline: none;
 text-decoration: none;
}
.TOP {
 width: 50px;
 height: 50px;
 border-radius: 99em;
 background: #fff;
 z-index: 999;
 display: block;
 text-align: center;
 line-height: 48px;
 position: fixed;
 cursor: pointer;
 right: 35px;
 bottom: 58px;
 box-shadow: 0 0 8px #a09f9f;
 transform: translateY(0px);
 transition: transform 0.25s ease-out;
}
.max-sm-size .TOP {
 width: 40px;
 height: 40px;
 line-height: 40px;
 right: 20px;
 bottom: 55px;
}
.TOP span {
 color: #e72e25;
 font-size: 20px;
 position: relative;
}
.TOP span:before {
 content: "\e81a";
 font-family: "style";
 font-style: normal;
 font-weight: normal;
}
.TOP:hover, .TOP:focus {
 transform: translateY(-4px);
 transition: transform 0.25s ease-out;
}
/* ==========================================================================
* header
==========================================================================*/
#header {
 position: absolute;
 width: 100%;
 z-index: 999;
}
.max-lg-size #header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 -webkit-transition: left 0.3s;
 transition: left 0.3s;
}
.min-lg-size #header .container-h {
 max-width: 1280px;
 margin: 0 auto;
 position: relative;
}
#header .header-top {
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 background: rgba(60, 60, 60, 0.7);
}
.min-lg-size #header .header-top {
 zoom: 1;
 height: 60px;
}
.min-xl-size #header .header-top {
 zoom: 1;
 height: 90px;
}
.max-lg-size #header .header-top {
 height: 50px;
 z-index: 11;
 width: 100%;
 -webkit-transition: width 0.3s;
 transition: width 0.3s;
}
#header .header-top .container {
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: 100%;
}
.max-lg-size #header .header-top .bg {
 position: fixed;
 z-index: 5;
 background-color: transparent;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 -webkit-transition: background-color 0.3s;
 transition: background-color 0.3s;
}
#header .header-top .logo {
 display: inline-block;
 height: 100%;
 z-index: 99;
 width: 90px;
 height: 52px;
 position: absolute;
 left: 15px;
 top: 20px;
}
.min-lg-size #header .header-top .logo {
 top: 5px;
 background: url(images/logo.jpg) center center no-repeat;
}
.min-xl-size #header .header-top .logo {
 top: 20px;
 background: url(images/logo.jpg) center center no-repeat;
}
.max-lg-size #header .header-top .logo {
 background: url(images/logo.jpg) top center no-repeat;
 background-size: auto 85%;
 width: 80px;
 top: 4px;
 left: 50%;
 height: 50px;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
}
#header .navbar-toggler {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 999;
 background: #3c3c3c;
 color: #fff;
 height: 50px;
 border: 0;
 padding: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.min-lg-size #header .navbar-toggler {
 display: none;
}
#header .navbar-toggler .text {
 font-size: 0.72rem;
 line-height: 0;
 margin-top: -5px;
 padding: 0;
}
#header .navbar-toggler .line {
 border-bottom: 1px solid #fff;
 display: block;
 margin-bottom: 3px;
}
#header .nav-main {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.min-lg-size #header .nav-main {
 padding-left: 120px;
 width: 100%;
 height: 100%;
 position: relative;
}
.min-xl-size #header .nav-main {
 padding-left: 150px;
}
.max-lg-size #header .nav-main {
 position: absolute;
 background-color: #e72e25;
 left: 0;
 top: 0;
 height: 100vh;
 bottom: 0;
 width: 300px;
 transform: translateX(-100%);
 -webkit-transform: translateX(-100%);
 z-index: 11;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 37px 0;
}
.max-md-size #header .nav-main {
 width: 150px;
}
.min-lg-size #header .nav-main > ul {
 height: 100%;
 margin: 0;
}
.min-lg-size #header .nav-main > ul > .nav-main-item {
 height: 100%;
 text-align: center;
 vertical-align: middle;
 display: inline-block;
}
.max-lg-size #header .nav-main > ul > .nav-main-item {
 text-align: center;
 margin-bottom: 0px;
}
.min-lg-size #header .nav-main > ul > .nav-main-item > .nav-link {
 color: #fff;
 text-decoration: none;
 display: block;
 height: 100%;
 position: relative;
 z-index: 3;
 font-size: 1rem;
 line-height: 50px;
 padding: 0 7px;
 -webkit-transition: padding 0.3s;
 transition: padding 0.3s;
}
.max-bg-size #header .nav-main > ul > .nav-main-item > .nav-link {
 font-size: 0.85rem;
}
.min-xl-size #header .nav-main > ul > .nav-main-item > .nav-link {
 /*padding: 0 5px;*/
 padding: 0 10px 0 11px;
 line-height: 90px;
}
.max-lg-size #header .nav-main > ul > .nav-main-item > .nav-link {
 color: #fff;
 text-decoration: none;
 /* padding: 15px;*/
 padding: 8px 10px;
 display: block;
 font-size: 20px;
}
.max-md-size #header .nav-main > ul > .nav-main-item > .nav-link {
 font-size: 15px;
}
.max-md-size .landscape #header .nav-main > ul > .nav-main-item > .nav-link {
 padding: 5px 15px;
 font-size: 12px;
}
.min-lg-size #header .nav-main > ul > .nav-main-item > .nav-link:after {
 content: '|';
 color: #fff;
 opacity: 0.3;
 margin-left: 0px;
 position: absolute;
 right: -4px;
}
.min-xl-size #header .nav-main > ul > .nav-main-item > .nav-link:after {
 /*margin-left: 10px;*/
 margin-left: 0;
}
.max-lg-size #header .nav-main > ul > .nav-main-item > .nav-link:hover {
 background-color: #c5160d;
}
.min-lg-size #header .nav-main > ul > .nav-main-item:last-child > .nav-link:after {
 display: none;
}
.min-lg-size #header .nav-main > ul > .nav-main-item.active > .nav-link {
 /*color: #e72e25;*/
 font-weight: bold;
}
.max-lg-size #header .nav-main > ul > .nav-main-item.active > .nav-link {
 background: #fff;
 color: #e72e25;
}
.min-lg-size #header .nav-main .nav-bg {
 background: #e72e25;
 height: 90px;
 position: absolute;
 left: 0;
 bottom: 0;
 height: 3px;
 z-index: -1;
 width: 300px;
 z-index: 2;
}
.min-lg-size #header .nav-main .nav-bg.animated {
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
.min-lg-size #header .sub-nav-wp {
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 display: none;
}
.max-lg-size #header .sub-nav-wp {
 background-color: #f0f0f0;
 width: 300px;
 height: 100vh;
 top: 50px;
 left: 100%;
 position: absolute;
 overflow-y: auto;
 display: none;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-bottom: 50px;
}
.max-lg-size #header .sub-nav-wp.active {
 display: block;
}
.max-md-size #header .sub-nav-wp {
 width: 160px;
}
.min-lg-size #header .sub-nav-wp.active {
 display: block;
}
.min-lg-size #header .sub-nav-wp .inner {
 background-color: #fff;
}
.max-lg-size #header .sub-nav, .max-lg-size #header .sub-nav ul {
 padding-left: 0;
 list-style: none;
}
.max-lg-size #header .sub-nav li {
 text-align: left;
}
.max-lg-size #header .sub-nav a {
 text-decoration: none;
 display: block;
 padding: 15px;
 font-size: 15px;
}
.max-md-size #header .sub-nav a {
 font-size: 5px 15px;
}
.max-md-size .landscape #header .sub-nav a {
 padding: 5px 15px;
 font-size: 12px;
}
.max-lg-size #header .sub-nav > li {
 border-bottom: 1px solid #d1d0d0;
}
.max-lg-size #header .sub-nav > li:hover {
 background-color: #fff;
}
.max-lg-size #header .sub-nav > li > a {
 background-color: #e2e2e2;
}
.max-lg-size #header .sub-nav > li > a:before {
 content: '>';
 color: #e72e25;
 margin-right: 10px;
}
.max-lg-size #header .sub-nav > li li {
 border-bottom: 1px solid #dddddd;
}
.max-lg-size #header .sub-nav > li li a {
 padding-left: 35px;
}
#header .nav-product {
 display: none;
 text-align: left;
}
.min-lg-size #header .nav-product .inner {
 display: table;
 width: 100%;
 background-color: #f0f0f0;
}
.min-lg-size #header .nav-product .header {
 display: table-cell;
 vertical-align: top;
 width: 23%;
 background: url(images/nav-product.jpg) no-repeat center top/cover;
}
.min-lg-size #header .nav-product .header h2 {
 font-size: 22px;
 padding: 25px 35px 10px 35px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-lg-size #header .nav-product .header h2 {
 display: none;
}
.min-lg-size #header .nav-product .header h2:after {
 content: '';
 display: block;
 border-bottom: 2px solid #e72e25;
 width: 50px;
 margin-top: 10px;
}
.min-lg-size #header .nav-product .nav-tabs {
 vertical-align: top;
 width: 100%;
}
.max-lg-size #header .nav-product .nav-tabs {
 vertical-align: top;
 width: 100%;
}
.min-lg-size #header .nav-product .nav-tabs li {
 display: block;
 font-size: 16px;
 line-height: 2em;
 font-weight: bold;
}
.max-lg-size #header .nav-product .nav-tabs li {
 display: block;
 line-height: 1.5em;
 font-weight: bold;
 width: 100%;
 border-bottom: 1px solid #c8c8c8;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
}
.min-lg-size #header .nav-product .nav-tabs li a {
 text-decoration: none;
 display: block;
 position: relative;
 padding: 5px 35px 5px 60px;
}
.max-lg-size #header .nav-product .nav-tabs li a {
 text-decoration: none;
 display: block;
 position: relative;
 padding: 10px 0px 10px 0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 20px;
}
.max-md-size #header .nav-product .nav-tabs li a {
 padding: 5px 15px;
 font-size: 16px;
}
.max-md-size .landscape #header .nav-product .nav-tabs li a {
 padding: 5px 15px;
 font-size: 12px;
}
.min-lg-size #header .nav-product .nav-tabs li a:before {
 color: #e72e25;
 position: absolute;
 top: 12px;
 left: 35px;
}
.max-lg-size #header .nav-product .nav-tabs li a:before {
 display: none;
}
.min-lg-size #header .nav-product .nav-tabs li a.active {
 color: #e72e25;
 background-color: rgba(255, 255, 255, 0.6);
}
.max-lg-size #header .nav-product .nav-tabs li a.active {
 color: #e72e25;
 background-color: #e72e25;
 color: #fff;
}
.min-lg-size #header .nav-product .nav-tabs .tab-content {
 display: table-cell;
 background-color: #f0f0f0;
}
.min-lg-size #header .nav-product .nav-tabs .tab-content {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#header .nav-product .sub-nav-list {
 text-align: center;
 min-height: 292px;
}
#header .nav-product .sub-nav-list .list-item {
 padding: 20px 0px 15px 0px;
 background-color: #f0f0f0;
 float: left;
 width: 16.66%;
 border-right: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: background-color 0.3s;
 transition: background-color 0.3s;
}
.max-lg-size #header .nav-product .sub-nav-list .list-item {
 width: 100%;
}
#header .nav-product .sub-nav-list .list-item:hover {
 background-color: #fff;
}
#header .nav-product .sub-nav-list .list-item:nth-child(6n) {
 border-right: none;
}
#header .nav-product .sub-nav-list .pic {
 width: 120px;
 height: 90px;
 margin: 0 auto;
 text-align: center;
}
#header .nav-product .sub-nav-list .pic img {
 width: 100%;
 height: auto;
 max-height: 100%;
}
#header .nav-product .sub-nav-list .title {
 font-weight: normal;
 margin: 0;
 font-size: 15px;
}
#header .nav-product .sub-nav-list a {
 text-decoration: none;
}
.min-lg-size #header .widget-link {
 display: none;
}
.max-lg-size #header .widget-link {
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 12;
 left: 0;
 bottom: 120px;
 text-align: center;
 position: absolute;
 /* display: none; */
}
.max-lg-size #header .widget-link img {
 margin: 2px;
}
#header .widget-wp {
 position: absolute;
 top: 0;
 height: 100%;
 right: 0;
}
#header .widget {
 display: inline-block;
 height: 100%;
 top: 0;
 z-index: 99;
 color: #fff;
 text-align: center;
 text-decoration: none;
 line-height: 90px;
 position: relative;
}
.max-xl-size #header .widget {
 margin-right: 15px;
 line-height: 50px;
}
#header .widget span {
 display: inline-block;
 padding-right: 30px;
 vertical-align: middle;
}
.max-xl-size #header .widget span {
 padding-right: 0px;
 font-size: 20px;
}
#header .widget span em {
 font-style: normal;
 font-size: 15px;
}
.max-xl-size #header .widget span em {
 display: none;
}
#header .widget:before {
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.max-xl-size #header .widget:before {
 display: none;
}
#header .widget-search span {
 padding-right: 0px;
}
.max-lg-size #header .widget-search {
 display: none;
}
#header .widget-partners span:before {
 display: none;
}
.max-xl-size #header .widget-partners span:before {
 display: block;
}
.max-lg-size #header .widget-len {
 font-size: 12px;
}
#header .widget-show {
 position: absolute;
 top: 90px;
 background-color: #e72e25;
 width: 150px;
 right: 30px;
 padding: 0px 0;
 display: none;
}
.max-xl-size #header .widget-show {
 top: 60px;
 right: 0;
}
.max-lg-size #header .widget-show {
 top: 50px;
}
#header .widget-show a {
 color: #fff;
 text-decoration: none;
 display: block;
 text-align: center;
 padding: 10px 15px;
}
#header .widget-show a:hover {
 background-color: #c5160d;
}
#header .widget-partners-show {
 right: 150px;
}
#header .widget-search-show {
 height: 50px;
 padding: 0 35px;
 right: 0px;
}
.min-lg-size #header .widget-search-show {
 line-height: 50px;
}
.max-lg-size #header .widget-search-show {
 width: 90%;
 position: absolute;
 transform: translateX(-100%);
 -webkit-transform: translateX(-100%);
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 12;
 left: 0;
 top: 0;
 padding: 0 15px;
 text-align: right;
 line-height: 50px;
}
#header .widget-search-show input {
 border: 0;
 background-color: transparent;
 width: 95%;
 color: #fff;
}
#header .widget-search-show input::-webkit-input-placeholder {
 color: #fff;
 opacity: 0.5;
}
#header .widget-search-show input:-moz-placeholder {
 /* Firefox 18- */
 color: #fff;
 opacity: 0.5;
}
#header .widget-search-show input::-moz-placeholder {
 /* Firefox 19+ */
 color: #fff;
 opacity: 0.5;
}
#header .widget-search-show input:-ms-input-placeholder {
 color: #fff;
 opacity: 0.5;
}
.max-lg-size #header .widget-search-show input {
 background-color: #e72e25;
 color: #fff;
 width: 250px;
}
#header .widget-search-show .btn {
 position: absolute;
 top: 4px;
 right: 0px;
 color: #fff;
 font-size: 18px;
 font-weight: normal;
 background-color: transparent;
}
.max-lg-size #header .widget-search-show .btn {
 right: 0px;
 display: none;
}
.max-lg-size #header.active {
 left: 300px;
}
.max-md-size #header.active {
 left: 150px;
}
.max-lg-size #header.active .header-top .bg {
 background-color: rgba(0, 0, 0, 0.6);
 pointer-events: auto;
}
.min-lg-size #header.fixed .header-top {
 height: 60px;
 position: fixed;
 width: 100%;
 background: rgba(60, 60, 60, 0.9);
}
.min-lg-size #header.fixed .widget-show {
 top: 60px;
}
.min-lg-size #header.fixed .logo {
 top: 4px;
}
.min-lg-size #header.fixed .nav-main > ul > .nav-main-item > .nav-link {
 line-height: 60px;
}
.min-lg-size #header.fixed .widget {
 line-height: 60px;
}
.min-lg-size #header.fixed .nav-bg {
 height: 4px;
}
/* ==========================================================================
* home [banner]
 ==========================================================================*/
#banner {
 width: 100%;
 overflow: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
}
#banner .pic {
 width: 100%;
 height: 580px;
}
.max-bl-size #banner .pic {
 height: 550px;
}
.max-bg-size #banner .pic {
 height: 480px;
}
.max-lg-size #banner .pic {
 height: 430px;
}
.max-md-size #banner .pic {
 height: 300px;
}
.max-sm-size #banner .pic {
 height: 200px;
}
#banner .pic img {
 width: 100%;
 height: auto;
 border: 0px;
 display: block;
}
#banner .list-item {
 position: relative;
}
/* ==========================================================================
* home [news-home]
==========================================================================*/
.index-solutions {
 text-align: center;
 overflow: hidden;
 height: 370px;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-md-size .index-solutions {
 height: auto;
}
.index-solutions .header {
 position: absolute;
 width: 480px;
 left: 0;
 top: 0;
 height: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 3%;
 background: url(images/index-solutions.jpg) 0 0 no-repeat;
 background-size: cover;
}
.max-xl-size .index-solutions .header {
 width: 320px;
}
.max-lg-size .index-solutions .header {
 width: 250px;
}
.max-md-size .index-solutions .header {
 width: 100%;
 position: relative;
 height: 210px;
}
.max-md-size .index-solutions .header {
 height: auto;
}
.index-solutions .header p {
 line-height: 1.8em;
}
.index-solutions .header .btn {
 border-radius: 50%;
 background-color: #505050;
 color: #fff;
 width: 40px;
 height: 40px;
 text-align: center;
 line-height: 40px;
 margin: 0 5px;
 padding: 0;
}
.min-bl-size .index-solutions .header .btn {
 display: none;
}
.index-solutions .header .btn:before {
 line-height: 40px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-top: -10px;
 position: relative;
}
.index-solutions .header .btn.slider-next:before {
 right: -6px;
}
.index-solutions .list-wp {
 padding-left: 480px;
}
.max-xl-size .index-solutions .list-wp {
 padding-left: 320px;
}
.max-lg-size .index-solutions .list-wp {
 padding-left: 250px;
}
.max-md-size .index-solutions .list-wp {
 padding-left: 0;
 height: 360px;
}
.index-solutions h2 {
 font-size: 2.2rem !important;
 margin: 0;
 padding: 0;
 color: #e72e25;
 display: inline-block;
 font-family: "Maven Pro", sans-serif, Microsoft JhengHei;
 font-weight: normal;
}
.max-lg-size .index-solutions h2 {
 font-size: 1.6rem !important;
}
.max-sm-size .index-solutions h2 {
 font-size: 1.4rem !important;
}
.index-solutions .list .list-item {
 text-align: center;
 opacity: 1;
 width: 240px;
 border-right: 1px solid #ddd;
 box-sizing: border-box;
}
.index-solutions .list .list-item:nth-child(6n) .pic .mark {
 background-color: #a9aaac;
}
.index-solutions .list .list-item:nth-child(6n) .pics:before {
 /*border-color: #625c95;*/
 border-color: rgba(0, 0, 0, 0);
}
.index-solutions .list .list-item:nth-child(6n+1) .pic .mark {
 background-color: #a9aaac;
}
.index-solutions .list .list-item:nth-child(6n+1) .pics:before {
 /*border-color: #659ebe;*/
 border-color: rgba(0, 0, 0, 0);
}
.index-solutions .list .list-item:nth-child(6n+2) .pic .mark {
 background-color: #a9aaac;
}
.index-solutions .list .list-item:nth-child(6n+2) .pics:before {
 /*border-color: #3e9a88;*/
 border-color: rgba(0, 0, 0, 0);
}
.index-solutions .list .list-item:nth-child(6n+3) .pic .mark {
 background-color: #a9aaac;
}
.index-solutions .list .list-item:nth-child(6n+3) .pics:before {
 /*border-color: #c7507b;*/
 border-color: rgba(0, 0, 0, 0);
}
.index-solutions .list .list-item:nth-child(6n+4) .pic .mark {
 background-color: #a9aaac;
}
.index-solutions .list .list-item:nth-child(6n+4) .pics:before {
 /*border-color: #6dc96b;*/
 border-color: rgba(0, 0, 0, 0);
}
.index-solutions .list .list-item:nth-child(6n+5) .pic .mark {
 background-color: #a9aaac;
}
.index-solutions .list .list-item:nth-child(6n+5) .pics:before {
 /*border-color: #dfd629;*/
 border-color: rgba(0, 0, 0, 0);
}
.index-solutions .list .list-item .inner {
 display: block;
 overflow: hidden;
 position: relative;
 text-decoration: none;
}
.index-solutions .list .list-item .pic {
 height: 240px;
 position: relative;
 z-index: 1;
}
.index-solutions .list .list-item .pic .mark {
 width: 100%;
 height: 100%;
 position: absolute;
 opacity: 0.5;
 transition: opacity 0.3s ease-out;
}
.index-solutions .list .list-item .pic img {
 -webkit-transition: filter 0.5s, opacity 0.5s;
 transition: filter 0.5s, opacity 0.5s;
 filter: grayscale(1) saturate 2;
 -webkit-filter: grayscale(1) saturate(2);
 opacity: 0.6;
 display: block;
}
.index-solutions .list .list-item .pics {
 position: absolute;
 left: 50%;
 margin-left: -55px;
 top: 190px;
 z-index: 2;
 width: 110px;
 height: 112px;
}
.index-solutions .list .list-item .pics:before {
 z-index: 1;
 content: '';
 border-radius: 50%;
 border: 23px solid;
 width: 92px;
 height: 92px;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: absolute;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 opacity: 0.6;
}
.index-solutions .list .list-item .pics img {
 z-index: 3;
 position: relative;
}
.index-solutions .list .list-item .title {
 height: 120px;
 background-color: #fff;
 font-size: 1.05rem;
 text-align: center;
 padding: 50px 25px 0 25px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 font-weight: normal;
}
.index-solutions .list .list-item:hover .pic .mark {
 opacity: 0;
 transition: opacity 0.3s ease-out;
}
.max-md-size .index-solutions .list .list-item .title {
 font-size: 0.96rem;
}
/* ==========================================================================
* index [news]
==========================================================================*/
.index-news {
 background: url(images/index-news-bg.jpg) no-repeat center top/cover;
 color: #fff;
 font-weight: normal;
 overflow: hidden;
 margin-bottom: -10px;
 position: relative;
}
.index-news h2 {
 letter-spacing: 2px;
}
.index-news .container {
 display: table;
}
.index-news .list-inline-item {
 width: 33%;
 vertical-align: top;
 text-align: center;
 border-right: 1px solid #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 15px 35px;
 display: table-cell;
}
.index-news .list-inline-item:first-child {
 border-left: 1px solid #fff;
}
.max-md-size .index-news .container {
 display: block;
}
.max-md-size .index-news .list-inline-item:first-child {
 border-left: none;
}
.max-lg-size .index-news .list-inline-item {
 padding: 15px 15px;
}
.max-md-size .index-news .list-inline-item {
 width: 100%;
 display: block;
 border-right: none;
 padding: 15px;
 border-bottom: 1px solid #fff;
}
.max-md-size .index-news .list-inline-item:nth-child(3) {
 border-bottom: 0px;
}
.max-lg-size .index-news .list-inline-item ul {
 padding: 0;
 margin-left: 15px;
}
.index-news .list-inline-item li {
 text-align: left;
 padding: 10px 0;
 line-height: 1.7em;
}
.max-md-size .index-news .list-inline-item li {
 text-align: left;
 padding: 5px 0;
 line-height: 1.5em;
}
.index-news .list-inline-item a {
 color: #FFF;
 text-decoration: none;
}
.index-news .list-inline-item a time {
 color: #fabe00;
 margin-right: 10px;
}
.index-news .list-inline-item .more {
 color: #fabe00;
 display: inline-block;
}
.index-news .list-inline-item .more:before, .index-news .list-inline-item .more:after {
 content: '-';
}
.max-sm-size .index-news {
 margin-bottom: 0;
}
/* ==========================================================================
* page [banner]
==========================================================================*/
.banner {
 position: relative;
}
.banner .pic {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 1;
}
.banner .container {
 position: relative;
 height: 350px;
 z-index: 2;
}
.max-lg-size .banner .container {
 height: 300px;
}
.max-md-size .banner .container {
 height: 250px;
}
.max-sm-size .banner .container {
 height: 200px;
}
.banner .txt {
 left: 15px;
 position: absolute;
 top: 65%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 color: #fff;
}
.banner .txt h2, .banner .txt p {
 text-shadow: 1px 1px 5px #000;
 margin: 0;
}
.banner .txt h2 {
 margin-bottom: 15px;
}
.banner .txt p {
 padding-left: 5px;
}
.max-lg-size .banner .txt {
 left: 5%;
}
.max-lg-size .banner .txt h2 img {
 width: 80%;
}
.max-sm-size .banner .txt {
 text-align: center;
 left: 0;
 width: 100%;
}
.max-sm-size .banner .txt h2 {
 font-size: 1.05rem;
}
.max-sm-size .banner .txt h2 img {
 width: 70%;
}
.max-sm-size .banner .txt p {
 line-height: 1rem;
}
/* ==========================================================================
* page [main]
==========================================================================*/
.main-header {
 position: relative;
 margin: 10px 0 30px;
}
.main-header h1 {
 border-bottom: 1px solid #c8c8c8;
 padding: 15px 0;
 margin: 0;
}
.main-header h1 span {
 display: none;
}
.max-lg-size .main-header h1 span {
 display: inline-block;
}
.max-lg-size .main-header {
 margin: 0 0 0px 0;
}
.main-header .right {
 margin: 0;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 right: 15px;
 display: none;
}
.max-lg-size .main-header .right {
 display: inline-block;
}
.max-lg-size .main-header .breadcrumb {
 display: none;
}
.main {
 padding-bottom: 75px;
}
.max-lg-size .main {
 padding-bottom: 35px;
}
.main-wp {
 overflow: hidden;
 zoom: 1;
}
.main-content {
 min-height: 200px;
 overflow: hidden;
 zoom: 1;
 vertical-align: top;
}
.main-content > .header {
 border-bottom: 1px solid #c8c8c8;
 margin-bottom: 30px;
 position: relative;
}
// .max-lg-size .main-content > .header {
// display: none;
//;
}
.main-content > .header .right {
 right: 15px;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
}
.main-content > .header h2 {
 margin: 0;
 padding: 0 70px 15px 0;
}
.max-sm-size .main-content > .header h2 {
 font-size: 1.1rem;
 padding: 0 0px 15px 0;
}
.max-sm-size .main-content > .newsHeader h2 {
 max-width: 70%;
}
.main-aside {
 width: 300px;
 float: left;
 padding-right: 50px;
}
.main-aside .ad img {
 border: 1px solid #dddddd;
}
.max-xl-size .main-aside {
 width: 190px;
 padding-right: 20px;
}
.max-lg-size .main-aside {
 display: none;
}
.main-aside .widget-search {
 padding: 10px 15px;
 border: 1px solid #c8c8c8;
 border-radius: 5px;
 position: relative;
}
.main-aside .widget-search input {
 border: 0;
 background-color: transparent;
 width: 100%;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.main-aside .widget-search input::-webkit-input-placeholder {
 color: #000;
 opacity: 0.5;
}
.main-aside .widget-search input:-moz-placeholder {
 /* Firefox 18- */
 color: #000;
 opacity: 0.5;
}
.main-aside .widget-search input::-moz-placeholder {
 /* Firefox 19+ */
 color: #000;
 opacity: 0.5;
}
.main-aside .widget-search input:-ms-input-placeholder {
 color: #000;
 opacity: 0.5;
}
.main-aside .widget-search .btn {
 position: absolute;
 top: 0px;
 right: 0px;
 bottom: 0;
 text-align: center;
 width: 50px;
 color: #fff;
 font-size: 18px;
 border-radius: 0 4px 4px 0;
 font-weight: normal;
 border: 0;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6c6c6+0,a8a8a8+100 */
 background: #c6c6c6;
 /* Old browsers */
 background: -moz-linear-gradient(top, #c6c6c6 0%, #a8a8a8 100%);
 /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #c6c6c6 0%, #a8a8a8 100%);
 /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #c6c6c6 0%, #a8a8a8 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nav-aside {
 padding-left: 0;
 list-style: none;
}
.nav-aside a {
 text-decoration: none;
}
.nav-aside > li {
 background-color: #f0f0f0;
 border-top: 1px solid #c8c8c8;
}
.nav-aside > li:hover {
 background-color: #f5f4f4;
}
.nav-aside > li:hover a {
 padding: 10px 15px 10px 25px;
}
.nav-aside > li > a {
 padding: 10px 15px;
 display: block;
 -webkit-transition: padding 0.5s;
 transition: padding 0.5s;
}
.nav-aside > li > a:before {
 font-family: "style";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\e80c';
}
.nav-aside > li.active {
 background-color: #e72e25;
 border-top: 1px solid #e72e25;
}
.nav-aside > li.active > a {
 color: #fff;
}
.nav-aside > li.active > a:before {
 color: #fff;
}
.nav-aside > li .sub-nav2 {
 padding-left: 0;
 list-style: none;
 display: none;
}
.nav-aside > li .sub-nav2 > li {
 background-color: #fff;
 border-top: 1px solid #c8c8c8;
 padding-left: 15px;
}
.nav-aside > li .sub-nav2 > li:hover {
 background-color: #f5f4f4;
}
.nav-aside > li .sub-nav2 > li:hover a {
 padding: 10px 15px 10px 25px;
}
.nav-aside > li .sub-nav2 > li > a {
 padding: 10px 15px;
 display: block;
 -webkit-transition: padding 0.5s;
 transition: padding 0.5s;
}
.max-lg-size .nav-aside > li .sub-nav2 > li > a {
 font-size: 0.85rem;
}
.nav-aside > li .sub-nav2 > li > a:before {
 font-family: "style";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\e80c';
}
.nav-aside > li .sub-nav2 > li.active a {
 color: #e72e25;
 font-weight: bolder;
}
.nav-aside > li .sub-nav2 > li.active a:before {
 color: #e72e25;
}
.nav-aside > li.active .sub-nav2 {
 display: block;
}
/* ==========================================================================
* page [productSeries]
==========================================================================*/
.proTitleTop {
 width: 100%;
 padding: 0px;
 background: #f0f0f0;
 position: fixed;
 top: 60px;
 left: 0;
 box-shadow: 0 2px 10px #7c7777;
 z-index: 9;
 opacity: 0;
 box-sizing: border-box;
 transition: opacity 0.3s ease-out;
}
.proTitleTop.showed {
 opacity: 1;
 transition: opacity 0.3s ease-out;
}
.proTitleTop .titleBox {
 width: 1250px;
 margin: 0 auto;
 padding-left: 350px;
 position: relative;
 box-sizing: border-box;
}
.proTitleTop .titleBox p {
 display: inline-block;
 cursor: pointer;
}
.proTitleTop .Top {
 position: absolute;
 right: 0;
 font-weight: bold;
 display: inline-block;
 cursor: pointer;
 transform: translateY(-50%);
 top: 50%;
}
.proTitleTop .Top span {
 font-size: 29px;
 font-weight: bold;
 position: absolute;
 left: -38px;
 top: -11px;
}
.max-lg-size .proTitleTop {
 top: 50px;
}
.max-lg-size .proTitleTop .titleBox {
 width: 100%;
 padding-left: 0;
 padding: 0 25px;
}
.max-lg-size .proTitleTop .Top {
 display: none !important;
}
.t-blue02 {
 color: #3b62f3;
}
/* ===========  pro-add-list ============*/
.pro-add-list-circle {
 width: 45px;
 height: 45px;
 background: #e72e25;
 text-align: center;
 position: fixed;
 right: 10px;
 top: 400px;
 text-decoration: none;
 z-index: 999;
 border-radius: 99em;
 color: #fff;
 cursor: pointer;
 transform: translateY(0px);
 transition: all 0.3s ease-out;
}
.pro-add-list-circle:hover, .pro-add-list-circle:focus {
 background: #d4170d;
 transform: translateY(-3px);
 box-shadow: 0 3px 5px #444;
 transition: all 0.3s ease-out;
}
.pro-add-list-circle .icon {
 width: 27px;
 height: 25px;
 display: inline-block;
 overflow: hidden;
 margin: 8px 0 0px 0;
}
.pro-add-list-circle .icon img {
 width: 100%;
 height: auto;
}
.pro-add-list-circle p {
 color: #fff;
 font-size: 14px;
 margin: 0;
}
.tc {
 text-align: center !important;
}
@media screen and (max-width: 1100px) {
 .pro-add-list-circle {
  width: 45px;
  height: 45px;
  top: auto;
  bottom: 125px;
  right: 35px;
 }
 /* 拿掉隱藏
            .pro-add-list-circle .icon {
            display: none;
        }*/
 .pro-add-list-circle p {
  font-size: 13px;
  width: 38px;
  margin: 9px auto 0 auto;
  line-height: 18px;
 }
}
.add-inquery-link {
 display: block;
 color: #505050;
 font-size: 15px;
 padding: 5px 0;
 text-decoration: none;
 clear: both;
}
.icon.add-list-icon {
 background-image: url(images/icon/add-list-plus.png);
 background-size: 100%;
 background-repeat: no-repeat;
 width: 21px;
 height: 20px;
 display: inline-block;
 margin-right: 3px;
 position: relative;
 top: 2px;
}
.add-inquery-link .icon {}
.add-inquery-link:hover .icon, .add-inquery-link:focus .icon {
 background: url(images/icon/add-list-plus_hover.png);
 background-size: 100%;
 background-repeat: no-repeat;
}
/* ===========  pro-add-list ============*/
.pro-request-modal-wrapper {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.5);
 z-index: 1000;
 visibility: hidden;
 opacity: 0;
 transition: all 0.25s ease-in-out;
}
/*first all hiden*/
.pro-request-modal-wrapper.is-open {
 opacity: 1;
 visibility: visible;
}
.pro-request-modal-wrapper .modal {
 margin-top: 50px;
 opacity: 0;
 visibility: hidden;
}
.pro-request-modal-wrapper .pro-request-modal.is-open {
 margin-top: 0;
 opacity: 1;
 visibility: visible;
}
.pro-request-modal-wrapper.is-open .pro-feedback-modal.is-open {
 margin-top: 0px;
 opacity: 1;
 visibility: visible;
 transition-delay: 0.3s;
}
.pro-request-modal-wrapper .modal {
 width: 90%;
 height: auto;
 display: block;
 left: 50%;
 right: auto;
 top: 50%;
 bottom: auto;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 text-align: center;
 display: inline-block;
 position: absolute;
 background: #fff;
 opacity: 0;
 transition: all 0.3s ease-in-out;
}
.pro-request-modal-wrapper .modal button {
 border-radius: 5px;
 color: #fff;
 transition: background 0.2s ease-out;
}
.pro-request-modal {
 max-width: 900px;
 margin-top: 50px;
 max-height: 90%;
}
@media screen and (max-width: 1100px) {
 .pro-request-modal {
  overflow-y: auto;
 }
}
.pro-feedback-modal {
 max-width: 360px;
 margin-top: 20px;
 padding: 25px 20px 40px 20px;
}
.pro-feedback-modal p {
 font-size: 16px;
 margin-bottom: 30px;
}
.pro-feedback-modal button {
 background: #ff0000;
}
.pro-request-modal.is-close {
 visibility: hidden;
 opacity: 0;
 margin-top: 50px;
 transition: all 0.2s ease-in-out;
}
.max-sm-size .pro-request-modal-wrapper .modal {
 width: 90%;
}
.pro-request-modal-wrapper .cross-close {
 width: 30px;
 height: 30px;
 line-height: 30px;
 background-color: #555;
 border-radius: 99em;
 font-size: 20px;
 color: #fff;
 position: absolute;
 top: -17px;
 right: -15px;
 text-decoration: none;
 transform: rotate(0deg);
 transition: transform 0.4s ease-out;
}
.pro-request-modal-wrapper .cross-close:hover {
 background-color: #404040;
}
.pro-request-modal-wrapper .cross-close span {
 display: inline-block;
 position: relative;
 top: 0;
}
@media screen and (max-width: 1100px) {
 .pro-request-modal-wrapper .cross-close {
  top: 15px;
  right: 20px;
 }
}
.pro-request-modal-wrapper .content {
 padding: 20px 0;
 text-align: left;
}
.pro-request-modal .intro {
 padding: 5px 25px 20px 25px;
}
.pro-request-modal .series-name {
 background-color: #f5f5f5;
 border-top: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
 padding: 0 25px;
 font-weight: bold;
}
.pro-series-form {
 padding: 20px 25px 0 25px;
 overflow: auto;
 height: 60vh;
}
.pro-series-form p.title {
 border-bottom: 1px dashed #c8c8c8;
 padding-bottom: 10px;
 margin-bottom: 1px;
}
.pro-series-form .form-group {
 border-bottom: 1px dashed #c8c8c8;
 margin: 0;
 padding: 11px 0 5px 0;
}
.pro-series-form .form-group .title {
 padding-left: 0;
}
.pro-series-form .form-group .title label {
 padding: 0;
}
.pro-series-form .check-inline {
 margin-right: 15px;
}
.max-sm-size .pro-series-form .form-group .title {
 margin-bottom: 10px;
}
.max-sm-size .pro-series-form .check-inline {
 margin-right: 20px;
}
.pro-series-form .btn-group {
 width: 100%;
 margin: 30px auto 10px auto;
 text-align: center;
}
.pro-series-form .btn-colse {
 background-color: #555;
}
.pro-series-form .btn-colse .icon.add-list-icon {
 background-image: url(images/icon/add-list-plus_white.png);
}
.pro-series-form .btn-colse:hover {
 background-color: #404040;
}
.m0 {
 margin: 0;
}
#proSeries #header .header-top {
 visibility: visible !important;
}
.tab-product .nav-tabs {
 margin: 0;
 min-width: 300px;
}
.tab-product .nav-tabs li {
 display: inline-block;
 margin: 0 5px 0 0;
}
.tab-product .nav-tabs li a {
 border-radius: 5px 5px 0 0;
 text-decoration: none;
 display: block;
 color: #fff;
 text-align: center;
 padding: 10px 25px;
 transition: background 0.35s ease-out;
}
.max-sm-size .tab-product .nav-tabs li a {
 padding: 7px 10px;
}
/*Series Search*/
.tab-product .snav-tabs {
 margin: 0;
 min-width: 300px;
}
.tab-product .snav-tabs li {
 display: inline-block;
 margin: 0 5px 0 0;
}
.tab-product .snav-tabs li a {
 border-radius: 5px 5px 0 0;
 text-decoration: none;
 display: block;
 color: #fff;
 text-align: center;
 padding: 10px 25px;
 transition: background 0.35s ease-out;
}
.max-sm-size .tab-product .snav-tabs li a {
 padding: 7px 10px;
}
.tab-product .snav-tabs li:nth-child(1) a {
 background-color: #8bb0db;
}
.tab-product .snav-tabs li:nth-child(1):hover a, .tab-product .snav-tabs li:nth-child(1):focus a, .tab-product .snav-tabs li:nth-child(1) a.active {
 background-color: #97abc3;
}
.tab-product .snav-tabs li:nth-child(2) a {
 background-color: #aaa7ce;
}
.tab-product .snav-tabs li:nth-child(2):hover a, .tab-product .snav-tabs li:nth-child(2):focus a, .tab-product .snav-tabs li:nth-child(2) a.active {
 background-color: #9895b8;
}
.tab-product .snav-tabs li:nth-child(3) a {
 background-color: #6ec3dc;
}
.tab-product .snav-tabs li:nth-child(3):hover a, .tab-product .snav-tabs li:nth-child(3):focus a, .tab-product .snav-tabs li:nth-child(3) a.active {
 background-color: #7cafbe;
}
/*Quick Search*/
.tab-product .nav-tabs li:nth-child(1) a {
 background-color: #919090;
}
.tab-product .nav-tabs li:nth-child(1):hover a, .tab-product .nav-tabs li:nth-child(1):focus a, .tab-product .nav-tabs li:nth-child(1) a.active {
 background-color: #E72E25;
}
.tab-product .nav-tabs li:nth-child(2) a {
 background-color: #919090;
}
.tab-product .nav-tabs li:nth-child(2):hover a, .tab-product .nav-tabs li:nth-child(2):focus a, .tab-product .nav-tabs li:nth-child(2) a.active {
 background-color: #E72E25;
}
.tab-product .nav-tabs li:nth-child(3) a {
 background-color: #919090;
}
.tab-product .nav-tabs li:nth-child(3):hover a, .tab-product .nav-tabs li:nth-child(3):focus a, .tab-product .nav-tabs li:nth-child(3) a.active {
 background-color: #E72E25;
}
.tab-product .nav-tabs li:nth-child(4) a {
 background-color: #919090;
}
.tab-product .nav-tabs li:nth-child(4):hover a, .tab-product .nav-tabs li:nth-child(4):focus a, .tab-product .nav-tabs li:nth-child(4) a.active {
 background-color: #E72E25;
}
.tab-product .nav-tabs li:nth-child(5) a {
 background-color: #919090;
}
.tab-product .nav-tabs li:nth-child(5):hover a, .tab-product .nav-tabs li:nth-child(5):focus a, .tab-product .nav-tabs li:nth-child(5) a.active {
 background-color: #E72E25;
}
.tab-product .nav-tabs li:nth-child(6) a {
 background-color: #919090;
}
.tab-product .nav-tabs li:nth-child(6):hover a, .tab-product .nav-tabs li:nth-child(6):focus a, .tab-product .nav-tabs li:nth-child(6) a.active {
 background-color: #E72E25;
}
.tab-product .tab-pane {
 padding: 25px;
}
.tab-product .tab-pane:nth-child(1) {
 background-color: #97abc3;
}
.tab-product .tab-pane:nth-child(2) {
 background-color: #9895b8;
}
.tab-product .tab-pane:nth-child(3) {
 background-color: #7cafbe;
}
.tab-product .tab-pane:nth-child(4) {
 background-color: #7EB634;
}
.tab-product .tab-pane:nth-child(5) {
 background-color: #504e4f;
}
.tab-product .tab-pane:nth-child(6) {
 background-color: #009B88;
}
.max-md-size .tab-product .tab-pane {
 padding: 15px;
}
.tab-product .label {
 background-color: #eaeef3;
 display: inline-block;
 margin: 0 15px 15px 0;
 text-decoration: none;
 padding: 5px 20px;
 border-radius: 5px;
 min-width: 85px;
 text-align: center;
 transition: color 0.35s, background 0.35s ease-out;
}
.tab-product .label:hover, .tab-product .label:focus, .tab-product .label.active {
 background-color: #5b7492;
 color: #fff;
}
.max-md-size .tab-product .label {
 padding: 5px 10px;
 margin: 0 5px 5px 0;
}
#productSeries .product-title {
 background-color: #f0f0f0;
 border-top: 1px solid #c8c8c8;
 padding: 15px;
}
#productSeries .product-title.sticking {
 position: fixed;
 top: 60px;
 left: 0;
 width: 100%;
 margin: 0;
}
#productSeries .list-product .list-item h4 {
 border-bottom: 1px solid #c8c8c8;
 line-height: 3em;
}
#productSeries .list-product .list-item h4:before {
 font-family: "style";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\f101';
}
#productSeries .list-product .list-item .col {
 vertical-align: top;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#productSeries .list-product .list-item .pic {
 width: 19%;
}
.max-md-size #productSeries .list-product .list-item .pic {
 width: 28%;
}
#productSeries .list-product .list-item .txt {
 padding: 0 15px;
 width: 39%;
}
.max-md-size #productSeries .list-product .list-item .txt1 {
 width: 70%;
}
.max-md-size #productSeries .list-product .list-item .txt2 {
 width: 100%;
}
#productSeries .list-product .list-item h5 {
 font-size: 15px;
 font-weight: bolder;
 margin: 0;
 color: #000;
}
#productSeries .list-product .list-item dl.list p {
 line-height: 2em;
 padding-left: 20px;
 position: relative;
 margin: 0;
}
#productSeries .list-product .list-item dl.list p:before {
 content: '';
 border-radius: 50%;
 width: 4px;
 height: 4px;
 background-color: #000;
 display: inline-block;
 vertical-align: middle;
 position: absolute;
 left: 0;
 top: 10px;
}
#productSeries .list-product .list-item dl {
 margin-bottom: 10px;
}
#productSeries .list-product .list-item dl dt {
 margin-right: 10px;
 margin-bottom: 10px;
 line-height: 1.8rem;
}
#productSeries .list-product .list-item dl dd a {
 display: inline-block;
 word-break: break-all;
 line-height: 1.8rem;
}
#productSeries .list-product .list-item a:hover, #productSeries .list-product .list-item a:focus {
 color: #e72e25;
}
/* ==========================================================================
* page [productFast]
==========================================================================*/
#productFast .tab-product {
 overflow: hidden;
}
#productFast .tab-product .nav-tabs {
 margin: 0;
 position: relative;
 z-index: 2;
 min-width: 400px;
}
#productFast .tab-product .nav-tabs li {
 display: inline-block;
 margin: 0 5px 0 0;
}
#productFast .tab-product .nav-tabs li a {
 border-radius: 5px 5px 0 0;
 text-decoration: none;
 display: block;
 text-align: center;
 padding: 10px 25px;
 border: 1px solid #c8c8c8;
}
#productFast .tab-product .nav-tabs li a.active {
 border-bottom: 1px solid #fafafa;
 /*background-color: #e72e25;*/
}
.max-md-size #productFast .tab-product .nav-tabs li {
 margin: 0 1px 0 0;
}
.max-md-size #productFast .tab-product .nav-tabs li a {
 padding: 5px;
 font-size: 12px;
}
#productFast .tab-product .tab-pane {
 border: 1px solid #c8c8c8;
 margin-top: -1px;
 background-color: #fafafa;
 height: 450px;
 padding-bottom: 45px;
 position: relative;
 z-index: 1;
}
.max-md-size #productFast .tab-product .tab-pane {
 padding: 15px 15px 25px 15px;
 height: 320px;
}
#productFast .tab-product .tab-pane .inner {
 /*position: absolute;*/
 position: relative;
 top: 1;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 25px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
/*new btn*/
#productFast .tab-product .proFastSearch {
 float: right;
 position: relative;
 top: -58px;
 right: 40px;
 z-index: 99;
}
.max-md-size #productFast .tab-product .proFastSearch {
 top: -38px;
 right: 51px;
}
.max-md-size #productFast .tab-product .tab-pane .inner {
 padding: 15px;
}
#productFast .productFast-row .col {
 display: inline-block;
 float: left;
 vertical-align: top;
 padding: 0 40px 0 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#productFast .productFast-row .col .in {
 display: inline-block;
 vertical-align: top;
}
#productFast .productFast-row .col .in + .in {
 margin-left: 40px;
}
#productFast .productFast-row .col h4 {
 margin: 0 0 20px 0;
}
#productFast .productFast-row .col label {
 padding-bottom: 5px;
 display: block;
 margin-left: 0;
 margin-bottom: 5px;
}
#productFast .productFast-row .col label.line-b {
 margin-bottom: 15px;
}
#productFast .productFast-row .col label.label-all {
 width: 100%;
 float: left;
 clear: both;
}
#productFast .tab-product .mCSB_scrolltools .mCSB_dragger .mCSB_dragger_bar {
 background-color: rgba(91, 90, 90, 0.9);
}
#productFast .tab-product .mCSB_scrolltools .mCSB_dragger:active .mCSB_dragger_bar, #productFast .tab-product .mCSB_scrolltools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
 background-color: rgba(91, 90, 90, 0.9);
}
#productFast .tab-product .mCSB_scrolltools .mCSB_draggerRail {
 background-color: rgba(0, 0, 0, 0.3);
}
.s-header {
 position: relative;
}
.s-header .right {
 bottom: 5px;
 position: absolute;
 right: 15px;
}
.s-header .right02 {
 bottom: 5px;
 position: absolute;
 right: 0px;
}
.s-header.line {
 border-bottom: 1px solid #c8c8c8;
}
#productCatalog .list::after {
 content: "";
 display: table;
 clear: both;
}
#productCatalog .list .list-item {
 text-align: center;
 width: 25%;
 padding: 10px 5px 10px 5px;
 margin: 0;
 display: block;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-lg-size #productCatalog .list .list-item {
 width: 33%;
 margin: 0;
}
.max-sm-size #productCatalog .list .list-item {
 width: 100%;
}
#productCatalog .list .list-item .inner {
 display: inline-block;
 text-decoration: none;
 border: 1px solid #c8c8c8;
 padding: 16px 15px 20px 16px;
 width: 100%;
 box-sizing: border-box;
}
#productCatalog .list .list-item .pic {
 width: 100%;
 /* max-height: 212px;*/
 overflow: hidden;
}
#productCatalog .list .list-item .pic img {
 width: 100%;
 height: auto;
}
#productCatalog .list .list-item .title {
 height: 30px;
 margin: 0 0 9px 0;
 padding: 10px 0;
 overflow: hidden;
 display: block;
}
#productCatalog .list .list-item .download {
 display: inline-block;
 padding: 5px 15px;
 border-radius: 50px;
 background-color: #a6a6a6;
 color: #fff;
 font-style: normal;
}
#productCatalog .list .list-item:hover .download {
 background-color: #e72e25;
}
#productManual .list {
 border-radius: 3px;
 border: 1px solid #c8c8c8;
 margin-bottom: 30px;
 background: #fafafa;
}
#productManual .list::after {
 content: "";
 display: table;
 clear: both;
}
#productManual .tagWrapper {
 padding: 20px 20px 0 20px;
}
#productManual .tagWrapper::after {
 content: "";
 display: table;
 clear: both;
}
#productManual .tag {
 display: inline-block;
 border: 1px solid #c8c8c8;
 background: #d7d7d7;
 color: #000;
 padding: 3px 11px;
 border-radius: 3px;
 margin: 5px;
 text-decoration: none;
 transition: color 0.3s, border 0.3s, background 0.3s ease-out;
}
#productManual .tag:hover, #productManual .tag:focus {
 background: #e72e25;
 color: #fff;
 border: 1px solid #e72e25;
 transition: color 0.3s, border 0.3s, background 0.3s ease-out;
}
#productManual .introBox {
 background: #f0f0f0;
 padding: 10px 20px;
 margin-top: 20px;
}
#productManual .families {
 font-size: 1rem;
 color: #323232;
 margin: 0;
}
#productManual .intro {
 font-size: 0.938rem;
 color: #777777;
 margin: 0;
}
.max-sm-size #productManual .families {
 margin: 5px 0 0 0;
}
#product .list-item {
 width: 33%;
 float: left;
 padding: 5px 15px 15px 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-md-size #product .list-item {
 width: 50%;
}
.max-md-size #product .list-item {
 width: 100%;
 float: none;
}
#product .list-item .inner {
 border: 1px solid #c8c8c8;
 border-top: 3px solid #c8c8c8;
 background-color: #fafafa;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 15px;
 min-height: 400px;
}
#product .list-item .pic {
 margin-bottom: 15px;
 background-color: #fff;
 border: 1px solid #c8c8c8;
 text-align: center;
 padding: 5px;
}
#product .list-item h3 {
 margin: 0 0 15px 0;
}
#product .select-list {
 padding-right: 70px;
 position: relative;
 margin: 0;
}
#product .select-list .btn {
 position: absolute;
 top: 0;
 right: 0;
}
#product .select-list .form-control {
 display: inline-block;
}
#productPdf {
 height: 100vh;
 width: 100vw;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 90px;
}
#productPdf .header {
 background: url(images/productPdf-bg.jpg) top center no-repeat;
 position: fixed;
 height: 90px;
 width: 100%;
 top: 0;
 left: 0;
 text-align: center;
}
#productPdf .header .share {
 background-color: #ffffff;
 text-decoration: none;
 border-radius: 50px;
 padding: 5px 15px;
 display: inline-block;
 position: absolute;
 top: 30%;
 right: 15px;
}
#productPdf .header #share_url {
 position: absolute;
 right: 11px;
 bottom: 2px;
 width: 250px;
}
.mobile #productPdf .header #share_url, .max-md-size #productPdf .header #share_url {
 right: 130px;
 bottom: initial;
 width: 250px;
 top: 5px;
}
.max-lg-size #productPdf .header .share {
 top: 5px;
}
#productPdf .header .logo {
 display: inline-block;
 height: 100%;
 z-index: 99;
 height: 52px;
 position: absolute;
 left: 15px;
 top: 20px;
}
#productPdf .header .logo img {
 display: inline-block;
 vertical-align: middle;
}
.mobile #productPdf .header .logo, .max-md-size #productPdf .header .logo {
 display: none;
}
#productPdf .header .logo h1 {
 color: #fff;
 font-size: 20px;
 text-decoration: none;
 display: inline-block;
 vertical-align: middle;
 margin-left: 15px;
}
#productPdf .header .nav {
 bottom: 15px;
 text-align: center;
 color: #787878;
 position: absolute;
 width: 100%;
}
#productPdf .header .nav a {
 color: #fff;
 text-decoration: none;
 font-size: 18px;
 padding: 15px;
}
#productPdf .header .nav a.active {
 background-color: #e6e6e6;
 color: #e72e25;
}
.max-lg-size #productPdf .header .nav {
 text-align: right;
}
#productPdf .header .pdf-sub-nav {
 background-color: #e6e6e6;
 position: absolute;
 display: none;
 top: 90px;
 padding: 10px 15px;
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#productPdf .header .pdf-sub-nav ul {
 list-style-type: none;
 padding-left: 0;
 max-width: 800px;
 margin: auto;
 text-align: left;
}
#productPdf .header .pdf-sub-nav li {
 margin: 0;
 padding: 0;
 width: 100%;
}
#productPdf .header .pdf-sub-nav .title {
 font-size: 18px;
 color: #000;
 min-width: 150px;
 display: inline-block;
 margin-right: 25px;
 text-align: left;
}
#productPdf .header .pdf-sub-nav a {
 text-decoration: none;
 font-size: 14px;
 margin: 0 15px;
 display: inline-block;
 color: #444;
}
.about-dl dt, .about-dl .title {
 line-height: 2em;
 margin-top: 25px;
}
.about-dl {
 white-space: normal;
}
.about-dl dd, .about-dl .info {
 line-height: 2.3em;
 padding-left: 23px;
 position: relative;
 margin: 0;
}
.about-dl dd:before, .about-dl .info:before {
 content: '';
 display: inline-block;
 width: 8px;
 height: 8px;
 background-color: #e72e25;
 border-radius: 8px;
 margin: 0;
 position: absolute;
 left: 0;
 top: 12px;
}
.about-list .title, .about-list dt {
 line-height: 2em;
 margin-top: 25px;
}
.about-list .title:before, .about-list dt:before {
 content: '';
 display: inline-block;
 width: 8px;
 height: 8px;
 background-color: #e72e25;
 border-radius: 8px;
 margin-right: 15px;
}
.about-list .info, .about-list dd {
 line-height: 2em;
 padding-left: 23px;
}
.about-dl.short dd {
 display: inline-block;
 width: 200px;
}
.max-sm-size .about-dl.short dd {
 float: left;
}
#aboutIdea .left {
 width: 70%;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-right: 50px;
}
.max-md-size #aboutIdea .left {
 float: none;
 padding-right: 0px;
 width: 100%;
}
#aboutIdea .right {
 width: 30%;
 float: right;
}
#aboutIdea .right img {
 margin-bottom: 50px;
}
.max-md-size #aboutIdea .right {
 float: none;
 width: 100%;
 text-align: center;
 margin-top: 50px;
}
.max-md-size #aboutIdea .right img {
 margin-bottom: 0px;
 width: 49%;
 display: inline-block;
 vertical-align: top;
}
#aboutStory .rows {
 display: table;
 margin-bottom: 40px;
}
.max-md-size #aboutStory .rows {
 display: block;
}
#aboutStory .left, #aboutStory .right {
 width: 50%;
 display: table-cell;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 vertical-align: middle;
}
.max-md-size #aboutStory .left, .max-md-size #aboutStory .right {
 display: block;
 width: 100%;
}
#aboutStory .left {
 padding-right: 35px;
}
.max-md-size #aboutStory .left {
 padding-right: 0;
}
#aboutStory .right {
 text-align: right;
}
.max-md-size #aboutStory .right {
 text-align: center;
}
#aboutStory figure {
 text-align: center;
}
.max-md-size #aboutStory figure {
 display: inline-block;
 margin: 0 auto;
}
#aboutStory figure img {
 display: block;
 margin: 0;
}
#aboutStory figure figcaption {
 background-color: #ffe9ae;
 padding: 5px;
}
#aboutEvents .list {
 margin: 0;
 display: none;
}
#aboutEvents .list:first-child .list-item:first-child:before {
 top: 18px;
}
#aboutEvents .list:first-child .list-item:first-child ul li:first-child {
 border-top: 0;
}
#aboutEvents .list.active {
 display: block;
}
#aboutEvents .list .list-item {
 position: relative;
 margin: 0;
 overflow: hidden;
}
#aboutEvents .list .list-item:before {
 content: '';
 position: absolute;
 width: 0;
 border-right: 3px solid #f0f0f0;
 left: 75px;
 height: 100%;
 top: 0;
}
#aboutEvents .list .list-item .year {
 color: #e72e25;
 font-size: 20px;
 font-weight: bolder;
 position: absolute;
 top: 9px;
 left: 0;
}
#aboutEvents .list .list-item .year:before {
 position: absolute;
 left: 70px;
 content: '';
 border: 4px solid #e72e25;
 width: 5px;
 height: 5px;
 border-radius: 50%;
 top: 9px;
 background-color: #fff;
}
#aboutEvents .list .list-item .txt {
 padding-left: 100px;
}
#aboutEvents .list .list-item .txt ul {
 padding-left: 0;
 list-style: none;
 margin: 0;
}
#aboutEvents .list .list-item .txt ul li {
 border-top: 1px solid #c8c8c8;
 padding: 10px 0 10px 25px;
 position: relative;
}
#aboutEvents .list .list-item .txt ul li:before {
 font-family: "style";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\e80c';
 position: absolute;
 top: 15px;
 left: 0;
 font-weight: bolder;
 font-size: 18px;
}
#aboutEvents .list .list-item .txt ul li p {
 margin: 0;
}
#aboutEvents .list .list-item .txt ul li img {
 margin-top: 10px;
}
.about-more {
 border-radius: 5px;
 border: 1px solid #c8c8c8;
 background-color: #f6f6f6;
 text-decoration: none;
 padding: 10px 25px;
 position: relative;
 display: block;
 margin-top: 25px;
}
.about-more.none {
 display: none;
}
.about-more:before {
 position: absolute;
 top: 12px;
 right: 20px;
}
#aboutLink .list .list-item {
 border-top: 1px solid #c8c8c8;
 padding: 35px 0;
}
#aboutLink .list .list-item::after {
 content: "";
 display: table;
 clear: both;
}
#aboutLink .list .list-item:first-child {
 border-top: 0;
}
#aboutLink .list .list-item img {
 border-radius: 15px;
}
#aboutLink .list .pic {
 display: inline-block;
 width: 30%;
 vertical-align: top;
}
#aboutLink .list .txt {
 width: 69%;
 display: inline-block;
 vertical-align: top;
}
#aboutLink .list h3 {
 margin: 0 0 15px 0;
}
#aboutLink .list h4 {
 margin: 15px 0 5px 0;
}
#aboutLink .list p {
 margin: 0;
}
#aboutLink .list a {
 color: #205494;
}
#news .col {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 vertical-align: middle;
}
#news .list a {
 text-decoration: none;
 display: block;
 width: 100%;
 height: 100%;
 background: #fafafa;
 transition: background 0.25s ease-out;
}
.max-sm-size #news .list a {
 display: inline-block;
}
#news .list a:hover, #news .list a:focus {
 background: #e6e6e6;
 transition: background 0.25s ease-out;
}
#news .time {
 width: 15%;
}
#news .pic {
 width: 15%;
}
#news .pic img {
 border-radius: 5px;
}
#news .txt {
 width: 68%;
}
#news .list-title {
 border-top: 1px solid #e3e3e3;
 background-color: #f0f0f0;
}
#news .list-title::after {
 content: "";
 display: table;
 clear: both;
}
#news .list-title .col {
 padding: 10px 15px;
}
#news .list-item {
 border-top: 1px solid #e3e3e3;
}
#news .list-item::after {
 content: "";
 display: table;
 clear: both;
}
#news .list-item .col {
 padding: 20px 15px;
}
#news .list-item:hover {
 background-color: #fafafa;
}
.max-md-size #news .list-title .col {
 width: auto;
 text-align: left;
}
.max-md-size #news .list-title .pic {
 width: 125px;
}
.max-md-size #news .list-item .col {
 padding: 5px 15px;
}
.max-md-size #news .list-item .time {
 padding-top: 15px;
}
.max-md-size #news .list-item .time, .max-md-size #news .list-item .txt {
 width: auto;
 display: block;
}
.max-md-size #news .list-item .pic {
 width: 150px;
 float: left;
}
.back-widget {
 border-bottom: 1px solid #c8c8c8;
 padding: 0 0 15px 0;
}
.back-widget.noB {
 border-bottom: 0px;
 padding: 0 0 15px 0;
}
.back-widget .iconBack {
 background: url(images/back01.png) no-repeat;
 background-size: 22px;
 display: inline-block;
 width: 28px;
 height: 15px;
 position: relative;
 top: 3px;
}
.max-lg-size .back-widget {
 padding-top: 15px;
}
.back-widget a {
 text-decoration: none;
}
.share-widget a {
 border-radius: 50%;
 width: 30px;
 height: 30px;
 background-color: #646464;
 text-decoration: none;
 display: inline-block;
 line-height: 30px;
 text-align: center;
 color: #fff;
 margin-left: 5px;
}
.max-sm-size .share-widget {
 top: initial;
 transform: translateY(0%);
 -webkit-transform: translateY(0%);
 bottom: 5px;
}
#newsinfo #picslider {
 padding-bottom: 35px;
 border-bottom: 1px solid #c8c8c8;
 margin-bottom: 30px;
}
#newsinfo #picslider .sp-thumbnail-image-container {
 width: 180px;
 height: 120px;
 overflow: hidden;
 float: left;
}
#newsinfo #picslider .sp-thumbnail-image {
 height: 100%;
}
#newsinfo #picslider .max-sm-size .sp-thumbnail {
 text-align: center;
}
#newsinfo #picslider .max-sm-size .sp-thumbnail-image-container {
 display: none;
}
#newsinfo .download {
 border-top: 1px solid #c8c8c8;
 padding: 15px 0;
}
#newsinfo .download a {
 text-decoration: none;
 display: block;
 margin-bottom: 15px;
}
#newsinfo .download a i {
 margin-right: 15px;
}
.newsHtml h5 {
 font-size: 1.125em;
 font-weight: bold;
 margin-bottom: 10px;
}
.newsHtml li {
 margin-bottom: 0;
}
.pageSend {
 text-align: center;
 padding: 50px 15px;
}
form.box {
 background-color: #fafafa;
 border: 1px solid #c8c8c8;
 padding: 20px;
 border-radius: 0.25rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#distributors .c-input {
 line-height: 2em;
}
#distributors .list .pic .serving {
 top: 90px;
 position: relative;
}
.max-sm-size #distributors .list .pic .serving {
 top: 96px;
}
#distributors .serving {
 margin-top: 10px;
}
#distributors .serving span {
 margin-right: 9px;
}
#distributors .serving span i {
 width: 30px;
 height: 30px;
 text-decoration: none;
 display: inline-block;
 line-height: 30px;
 text-align: center;
 color: #fff;
 margin-right: 5px;
 bottom: -9px;
 position: relative;
}
#distributors .serving span i img {
 width: 100%;
 height: auto;
 border-radius: 50%;
}
#distributors .serving span span {
 font-size: 12px;
 color: #b2b2b2;
 margin-right: 0;
 position: relative;
 top: -1px;
 cursor: pointer;
}
#distributors .serving span i:before {
 display: none;
}
#distributors .list .list-item {
 border-top: 1px solid #c8c8c8;
 padding: 35px 0;
}
#distributors .list .list-item::after {
 content: "";
 display: table;
 clear: both;
}
#distributors .list .list-item:first-child {
 border-top: 0;
}
#distributors .list .list-item .col {
 display: inline-block;
 vertical-align: top;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#distributors .list .list-item .pic {
 border: 1px solid #ffffff;
 text-align: center;
 width: 20%;
 height: 120px;
 margin-right: 5%;
 line-height: 120px;
 *font-size: 108px;
 /* 200px * 0.9 = 180px */
 *font-family: Arial;
 position: relative;
}
#distributors .list .list-item .pic img {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
.max-sm-size #distributors .list .list-item .pic {
 width: 100%;
 height: 140px;
 line-height: 140px;
}
#distributors .list .list-item .col1, #distributors .list .list-item .col2 {
 width: 35%;
}
.max-sm-size #distributors .list .list-item .col1 {
 width: 100%;
 margin-top: 25px;
 margin-bottom: 30px;
}
.max-sm-size #distributors .list .list-item .col2 {
 width: 100%;
}
#distributors .list .list-item .item {
 color: #b2b2b2;
 position: relative;
 padding-left: 25px;
 width: 49%;
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#distributors .list .list-item .items {
 color: #505050;
 position: relative;
 width: 49%;
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#distributors .list .list-item .item.icon-ok-1 {
 color: #505050;
}
#distributors .list .list-item .item:before {
 position: absolute;
 top: 5px;
 left: 0;
}
#distributors .list .list-item h3 {
 margin: 0 0 15px 0;
 font-weight: normal;
}
#distributors .list .list-item h3 span {
 width: 20px;
 height: 20px;
 font-size: 12px;
 position: relative;
 top: -2px;
 margin-left: 3px;
 cursor: pointer;
 text-decoration: none;
}
.max-sm-size #distributors .list .list-item h3 span {
 padding: 5px 0;
 top: 0;
 display: inline-block;
}
#distributors .list .list-item h3 span:hover {
 text-decoration: underline;
}
.shop-modal-wrapper {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.7);
 z-index: 1000;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}
.shop-modal-wrapper.is-open {
 opacity: 1;
 visibility: visible;
}
.shop-modal-wrapper .modal {
 width: 500px;
 height: auto;
 display: block;
 left: 50%;
 right: auto;
 top: 50%;
 bottom: auto;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 text-align: center;
 display: inline-block;
 position: absolute;
 margin-top: 50px;
 background: #fff;
 opacity: 0;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.max-sm-size .shop-modal-wrapper .modal {
 width: 90%;
}
.shop-modal-wrapper.is-open .modal {
 margin-top: 0;
 opacity: 1;
}
.shop-modal-wrapper .btn-close {
 font-size: 18px;
 color: #fff;
 position: absolute;
 top: 19px;
 right: 25px;
 text-decoration: none;
 transform: rotate(0deg);
 transition: transform 0.4s ease-out;
}
.max-sm-size .shop-modal-wrapper .btn-close {
 top: -35px;
 right: 5px;
 text-align: center;
}
/*.shop-modal-wrapper .btn-close:hover {
  transform: rotate(360deg);
  transition:transform 0.4s ease-out;
}*/
.shop-modal-wrapper .head {
 width: 90%;
 padding: 1.5em 5%;
 /*overflow: hidden;*/
 overflow: auto;
 background: #0056b6;
}
.shop-modal-wrapper .head h4 {
 color: #fff;
 font-size: 20px;
 margin: 0 !important;
}
.shop-modal-wrapper .content {
 padding: 5%;
 text-align: left;
}
.shop-modal-wrapper .content .btn-wrapper {
 width: 100%;
 margin: 40px auto 20px auto;
}
/* 彈跳視窗的按鈕設定 */
.shop-modal-wrapper .content button {
 margin: auto;
 float: none;
 display: block;
 color: #fff;
 background: #0056b6;
 border: 1px solid #0056b6;
 transition: background 0.3s ease-out, border 0.3s ease-out;
}
.shop-modal-wrapper .content button:hover, .shop-modal-wrapper .content button:focus {
 background: #024da0;
 border: 1px solid #024da0;
 transition: background 0.3s ease-out, border 0.3s ease-out;
}
#distributors .list .list-item h4 {
 margin: 15px 0 5px 0;
}
#distributors .list .list-item p {
 margin: 0;
}
#contact .list-item {
 padding: 20px 0;
 border-bottom: 1px solid #c8c8c8;
}
#contact .list-item p {
 margin: 0;
 line-height: 2em;
}
#contact .list-item:first-child {
 padding-top: 0;
}
#map {
 width: 100%;
 height: 500px;
}
.career {
 padding-top: 140px;
}
.max-xl-size .career {
 padding-top: 110px;
}
.max-lg-size .career {
 padding-top: 80px;
}
#career #banner-career {
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 margin-bottom: 50px;
 overflow: hidden;
}
#career #banner-career .list-item {
 position: relative;
 overflow: hidden;
}
#career #banner-career .list-item.slick-current h2 {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 animation-delay: 0.7s;
}
#career #banner-career .list-item.slick-current p {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 animation-delay: 1.2s;
}
#career #banner-career .pic img {
 width: 100%;
 height: auto;
 border: 0px;
 display: block;
}
#career #banner-career .txt {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 color: #fff;
}
#career #banner-career .txt h2 {
 background-color: rgba(231, 46, 37, 0.7);
 display: inline-block;
 padding: 15px 35px;
 min-width: 250px;
 margin: 0;
 color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#career #banner-career .txt p {
 background-color: rgba(0, 0, 0, 0.5);
 padding: 10px 35px;
 margin: 0;
 color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-lg-size #career #banner-career .txt {
 padding-top: 80px;
}
.max-lg-size #career #banner-career .txt h2 {
 padding: 5px 35px;
}
.max-lg-size #career #banner-career .txt p {
 padding: 5px 35px;
}
.max-sm-size #career #banner-career .txt {
 padding-top: 80px;
}
.max-sm-size #career #banner-career .txt h2 {
 padding: 5px 15px;
 line-height: 1em;
 width: 100%;
 font-size: 15px;
 text-align: center;
}
.max-sm-size #career #banner-career .txt p {
 display: none;
}
#career .list .list-item {
 position: relative;
 margin-bottom: 50px;
}
.max-sm-size #career .list .list-item {
 margin-bottom: 15px;
}
#career .list .list-item .pic {
 position: relative;
 overflow: hidden;
 height: 280px;
}
.max-lg-size #career .list .list-item .pic {
 height: 150px;
}
#career .list .list-item .pic .mark {
 background-color: transparent;
 position: absolute;
 top: 0px;
 left: 0px;
 bottom: 0px;
 right: 0px;
 pointer-events: none;
 -webkit-transition: background-color 0.5s;
 transition: background-color 0.5s;
}
#career .list .list-item .pic .mark:before {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 border-radius: 50%;
 font-size: 35px;
 color: #fff;
 opacity: 0;
 -webkit-transition: opacity 0.5s;
 transition: opacity 0.5s;
}
#career .list .list-item .pic img {
 -webkit-transition: transform 0.5s;
 transition: transform 0.5s;
}
#career .list .list-item:hover .mark {
 background-color: rgba(0, 0, 0, 0.5);
}
#career .list .list-item:hover .mark:before {
 opacity: 1;
}
#career .list .list-item:hover img {
 transform: scale(1.1);
}
#career .list .list-item a {
 color: #205494;
 text-decoration: none;
 display: block;
 width: 100%;
 line-height: 2.1em;
}
.min-xl-size #career .recruit .col-xl-2 {
 width: 19%;
}
#career .recruit {
 padding-bottom: 45px;
}
#career .recruit a {
 text-decoration: none;
}
#careerinfo {
 padding-bottom: 35px;
}
.tab-recruit .nav-tabs {
 margin: 0;
 position: relative;
 z-index: 2;
 min-width: 400px;
 border-bottom: 1px solid #c8c8c8;
}
.tab-recruit .nav-tabs li {
 display: inline-block;
 margin: 0 5px 0 0;
}
.tab-recruit .nav-tabs li a {
 border-radius: 5px 5px 0 0;
 text-decoration: none;
 display: block;
 text-align: center;
 padding: 10px 25px;
 border: 1px solid #c8c8c8;
 border-bottom: 0;
 background-color: #fafafa;
}
.tab-recruit .nav-tabs li a.active {
 border: 1px solid #e72e25;
 background-color: #e72e25;
 border-bottom: 0;
 color: #fff;
}
.max-md-size .tab-recruit .nav-tabs li {
 margin: 0 1px 0 0;
}
.max-md-size .tab-recruit .nav-tabs li a {
 padding: 5px;
 font-size: 12px;
}
.tab-recruit .tab-pane {
 margin: 20px 0;
 position: relative;
 z-index: 1;
}
.max-md-size .tab-recruit .tab-pane {
 padding: 15px 0;
 margin-top: 0;
}
.tab-recruit .tab-pane .inner {
 position: absolute;
 top: 1;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 25px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.max-md-size .tab-recruit .tab-pane .inner {
 padding: 15px;
}
#recruitNews .txt {
 background-color: #f5f5f5;
 padding: 15px 35px;
}
.max-md-size #recruitNews .txt {
 padding: 15px;
}
.recruitSilder {
 max-width: 900px;
 width: 100%;
 height: auto;
}
.recruitSilder img {
 width: 100%;
 height: auto;
}
.recruitSilder .slick-arrow {
 width: 25px;
 height: 35px;
 background: #fff;
 transition: opacity 0.2s ease-out;
}
.recruitSilder .slick-arrow.slick-disabled {
 opacity: 0;
 transition: opacity 0.2s ease-out;
}
.recruitSilder .slick-next {
 right: 13px;
}
.recruitSilder .slick-prev {
 left: 14px;
}
.recruitSilder .slick-next, .recruitSilder .slick-prev {
 color: #8a8a8a;
}
.recruitSilder .slick-next:before, .recruitSilder .slick-prev:before {
 font-size: 19px;
 font-weight: bold;
}
.recruitSilder .slick-next:hover, .recruitSilder .slick-next:focus, .recruitSilder .slick-prev:hover, .recruitSilder .slick-prev:focus {
 color: #555;
}
.max-lg-size .recruitSilder .slick-next {
 right: 14px;
}
.max-lg-size .recruitSilder .slick-prev {
 left: 11px;
}
.max-lg-size .recruitSilder .slick-next, .max-lg-size .recruitSilder .slick-prev {
 top: 50%;
}
.max-lg-size .recruitSilder .slick-next:before, .max-lg-size .recruitSilder .slick-prev:before {
 transform: translateX(0px) translateY(0%);
 -webkit-transform: translateX(0px) translateY(0%);
}
.max-sm-size .blockSM {
 display: block;
 width: 100%;
}
.sorryWrapper {
 text-align: center;
}
.sorryWrapper p.intro {
 color: maroon;
 font-size: 1.70rem;
 margin: 70px 0;
}
.sorryWrapper a {
 display: inline-block;
 text-align: center;
 color: maroon;
 text-decoration: none;
}
.sorryWrapper a p {
 margin: 0;
 font-size: 1.1rem;
}
.max-sm-size .sorryWrapper p.intro {
 font-size: 1.40rem;
 line-height: 2rem;
 margin: 70px 0;
}
.max-sm-size .sorryWrapper a {
 width: 170px;
}
.testTop {
 position: fixed;
 right: 0;
 top: 50px;
 color: #111;
 font-size: 15px;
 z-index: 9999999;
 border: 1px solid #333;
 background: #fff;
 display: inline-block;
 padding: 10px 15px;
 display: none;
}
body:after {
 display: block;
 content: "We're sorry! this website does not support your browser, please upgrade your browser, thank you.";
 position: fixed;
 z-index: 100000000000000;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: auto;
 height: auto;
 padding: 50px;
 background-color: #fff;
 text-align: center;
 font-size: 20px;
 color: #3f3f3f;
}
:root body:after {
 display: none;
}
/*------- add-inquiry.aspx --------*/
.service-tag-wrapper {
 border-bottom: 1px dashed #c8c8c8;
}
.service-series-name {
 background-color: #f5f5f5;
 border-top: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
 padding: 0 25px;
 font-weight: bold;
 margin-left: -25px;
 margin-right: -25px;
}
.service-series-name h4 {
 margin: 15px 0px;
}
.service-tag-wrapper .check-inline {
 cursor: pointer;
 opacity: 1;
 transition: opacity 0.35s ease-out;
}
.service-tag-wrapper .check-inline:hover {
 opacity: 0.7;
}
.pro-series-form .service-series-tag .form-group:last-child {
 border-bottom: none;
}
.pro-series-form .choose-not {
 width: 20px;
 height: 20px;
 line-height: 20px;
 background-color: #555;
 border-radius: 99em;
 display: inline-block;
 font-size: 13px;
 color: #fff;
 position: relative;
 margin-right: 2px;
 text-align: center;
}
.service-frome-wrapper .form-group {
 border-bottom: none;
}