@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif; /* "Roboto", "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif; */
    font-size: 16px
}

img {
    border: 0;
    text-decoration: none
}

form, input, textarea, select, label {
    margin: 0;
    padding: 0;
    color: #333
}

input, textarea, select, label {
    font-family: "Roboto", "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif
}

textarea {
    resize: none;
    width: 300px;
    height: 100px;
    border-color: #ccc;
    border-radius: 4px;
    padding: 14px
}

textarea:focus {
    border-color: #81e03c
}

ul {
    padding-left: 15px
}

li {
    line-height: 20px
}

sup {
    color: #38be1a
}

a {
    color: #00a5e7;
    cursor: pointer
}

a:hover, a:focus, a:active {
    text-decoration: none;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .35s;
    color: #00a5e7
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip, .ellip-line {
    position: relative;
    overflow: hidden
}

.global-btn {
    border: solid 1px #70d131;
    height: 44px;
    padding: 10px 20px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    font-size: 14px;
    color: #fff
}

.global-btn:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

.global-btn:focus, .global-btn:active {
    background-image: linear-gradient(to bottom, #70db2a, #5aa926)
}

.form-btn {
    height: 36px;
    border-radius: 4px;
    padding: 10px 20px;
    margin-right: 10px;
    line-height: 16px
}

.form-btn.primary {
    border: solid 1px #70d131;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    color: #fff
}

.form-btn.primary:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

.form-btn.primary:focus, .form-btn.primary:active {
    background-image: linear-gradient(to bottom, #70db2a, #5aa926)
}

.form-btn.default {
    border: solid 1px #d1d1d1;
    background-image: linear-gradient(to bottom, #fdfdfd, #e7e7e7);
    color: #040404
}

.form-btn.default:hover {
    background-image: linear-gradient(to bottom, #f2f2f2, #d9d9d9)
}

.form-btn.default:focus, .form-btn.default:active {
    background-image: linear-gradient(to bottom, #e6e6e6, #cdcdcd)
}

.radio-label {
    position: relative;
    padding: 12px 0 11px 24px
}

.radio-label input {
    display: none
}

.radio-label input:checked + .checkbox-display {
    background-image: url('/images/icons/btn_general_checkbox_checked.svg')
}

.radio-label input:checked + .radio-display {
    background-image: url('/images/icons/btn_compare_selector_selected.svg')
}

.radio-label .checkbox-display {
    position: absolute;
    top: 14px;
    left: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url('../../images/icons/btn_general_checkbox_uncheck.svg');
    background-position: center center;
    background-repeat: no-repeat
}

.radio-label .radio-display {
    position: absolute;
    top: 20px;
    left: 45%;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url('/images/icons/btn_compare_selector_unselect.svg');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

#popup-video-ct {
    width: 100%;
    max-width: 1400px;
    padding: 0 50px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

#video-close-btn {
    width: 42px;
    height: 42px;
    position: absolute;
    top: -42px;
    right: 50px;
    background-image: url('../images/icons/btn_heading_clear_grey.svg');
    background-size: 42px
}

#video-close-btn:hover {
    opacity: .65
}

.display-flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between
}

.display-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.mfp-close {
    background-image: url('../images/icons/btn_heading_clear_grey.svg');
    background-position: center center;
    background-repeat: no-repeat
}

.justify-content-center {
    justify-content: center
}

.justify-content-start {
    justify-content: start
}

.row-50 {
    width: 50%
}

.row-45 {
    width: 45%
}

.ckeditorimg-box {
    width: 95%;
    height: auto;
    margin: 40px 0 60px 0;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16)
}

.ckeditorimg-880px {
    max-width: 880px
}

.ckeditorimg-440px {
    max-width: 440px
}

.ckeditorimg-360px {
    max-width: 360px
}

.input-form, .afa_ads_form {
    color: #4d4d4d
}

.input-form .form-item, .afa_ads_form .form-item {
    justify-content: start;
    width: calc(50% - 10px);
    margin: 8px 0
}

.input-form input, .afa_ads_form input {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 36px;
    font-size: 14px;
    padding: 0 14px;
    font-weight: normal
}

.input-form input:active, .afa_ads_form input:active {
    border-color: #81e03c
}

.input-form input:focus, .afa_ads_form input:focus {
    border-color: #81e03c
}

.input-form label, .afa_ads_form label {
    font-size: 14px
}

.input-form label.title, .afa_ads_form label.title {
    font-size: 20px;
    line-height: 34px;
    color: #3b3b3b
}

.input-form .invalid, .afa_ads_form .invalid {
    border-color: #b71a3c
}

.clearGroup:before {
    content: "";
    display: table
}

.clearGroup:after {
    content: "";
    display: table;
    clear: both
}

.clearBoth {
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif
}

.displayNone {
    display: none
}

.noData {
    text-align: center;
    display: table;
    margin: 0 auto;
    line-height: 18px
}

.noData > div {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noData .logo {
    display: block;
    width: 145px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/icons/logo_heading_QSAN.svg) no-repeat;
    margin: 0 auto;
    -moz-background-size: 145px 40px;
    -webkit-background-size: 145px 40px;
    -o-background-size: 145px 40px;
    background-size: 145px 40px
}

.dropdown-menu, .tabs, .navIconBox {
    list-style: none
}

#pMainWrap {
    position: relative;
    width: 100%;
    height: 265px
}

#pBanComm {
    position: absolute;
    top: 0;
    width: 100%;
    height: 265px;
    overflow: hidden;
    z-index: 0
}

#pBanComm .imgList {
    position: relative !important
}

#pBanComm .pic {
    position: relative;
    height: 265px;
    overflow: hidden
}

#pBanComm .iBanHref {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 265px;
    max-height: 265px;
    overflow: hidden;
    z-index: 100
}

#pBanComm .btnAw {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 25px;
    height: 50px;
    z-index: 1000
}

#pBanComm .btnAw.prev .bx-prev {
    left: 0;
    background: url(../images/ban_aw_left.png) no-repeat 0 0;
    display: block;
    width: 26px;
    height: 50px;
    text-indent: -9999px
}

#pBanComm .btnAw.next .bx-next {
    right: 0;
    background: url(../images/ban_aw_right.png) no-repeat 0 0;
    display: block;
    width: 26px;
    height: 50px;
    text-indent: -9999px
}

#pBanComm .btnAw.prev {
    left: 30px
}

#pBanComm .btnAw.next {
    right: 30px
}

#pBanWrap .btnAw.prev:hover a {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#pBanComm .btnAw.next:hover a {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#pBanComm .fullBGResize {
    position: absolute;
    outline: none
}

#pBanComm .bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

#pBanComm a:focus {
    outline: 0
}

.white-popup {
    width: 300px;
    height: 105px;
    background: #fff;
    color: #000;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    display: table
}

.white-popup div {
    display: table-cell;
    vertical-align: middle
}

.bold {
    font-weight: bold
}

.qmask, .emask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    opacity: .6
}

.emask {
    z-index: 900
}

.popup-ct {
    width: 100%;
    height: 100%;
    z-index: 1001;
    display: none;
    position: fixed;
    top: 0;
    margin: auto;
    text-align: center
}

.popup-ct:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.popup-ct .popup-window {
    width: 100%;
    max-width: 1000px;
    max-height: 90%;
    padding: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 8px
}

.popup-ct .popup-window:before {
    content: ""
}

.popup-ct .popup-window .spec-table {
    width: 100%;
    margin-top: 74px
}

.popup-ct .popup-window .spec-table .title {
    width: 40%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    color: #040404
}

.popup-ct .popup-window .spec-table .content {
    width: 60%;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
    counter-reset: num
}

.popup-ct .popup-window .spec-table .content li {
    line-height: 30px;
    padding-left: 20px;
    list-style: none;
    position: relative
}

.popup-ct .popup-window .spec-table .content li:before {
    content: "\2022";
    height: 30px;
    position: absolute;
    left: 6px
}

.popup-ct .popup-window .spec-table .content li.counter:before {
    counter-increment: num;
    content: counter(num);
    color: #38be1a
}

.popup-ct .popup-window .spec-table .content .sub-1 {
    padding-left: 40px
}

.popup-ct .popup-window .spec-table .content .sub-1:before {
    content: "\2022";
    height: 30px;
    position: absolute;
    left: 26px
}

.popup-ct .popup-window .spec-table tr {
    line-height: 44px
}

.popup-ct .popup-window .spec-table tr:last-child .content {
    border-bottom: none
}

#success-window {
    display: none;
    z-index: 1000;
    width: 447px;
    height: 254px;
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.44);
    background-color: #fff;
    position: fixed;
    top: calc(50% - 127px);
    left: calc(50% - 223px)
}

#success-window .window-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#success-window .success-icon {
    width: 72px;
    height: 72px;
    background-image: url("../../images/icons/btn_compare_selector_selected.svg");
    background-repeat: no-repeat;
    background-size: 72px 72px
}

#success-window p {
    font-size: 24px;
    font-weight: normal;
    margin-top: 39px
}

#loading-window {
    display: none;
    z-index: 1000;
    width: 447px;
    height: 254px;
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.44);
    background-color: #fff;
    position: fixed;
    top: calc(50% - 127px);
    left: calc(50% - 223px)
}

#loading-window .window-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#loading-window .loading-icon {
    width: 72px;
    height: 72px;
    background-image: url("../../images/icons/ic_loading_flower_grey_bgWhite.gif");
    background-repeat: no-repeat;
    background-size: 72px 72px
}

.one-page-ct {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative
}

.one-page-ct p {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal
}

.one-page-ct h1 {
    text-align: center;
    font-size: 71px;
    font-weight: 300;
    color: #ebebeb
}

.one-page-ct h2 {
    text-align: center;
    font-size: 41px;
    font-weight: bold;
    color: #040404
}

.one-page-ct h3 {
    font-size: 34px;
    font-weight: 300;
    color: #040404
}

.one-page-ct h4 {
    font-size: 46px;
    font-weight: normal;
    color: #040404
}

.one-page-ct .tf {
    text-align: left
}

.one-page-ct.product-tab {
    display: none
}

.one-page-ct.product-tab.active {
    display: block
}

.one-page-ct .banner {
    width: 100%;
    height: 620px;
    justify-content: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
    display: flex
}

.one-page-ct .banner .text-area {
    width: 760px;
    height: auto;
    text-align: center
}

.one-page-ct .banner .text-area .subtitle {
    font-size: 28px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 1.1px;
    color: #3b3b3b
}

.one-page-ct .banner .all-product-link {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #fafafa;
    display: block
}

.one-page-ct #features-custom-header, .one-page-ct #selector-img {
    display: none
}

.one-page-ct #features-custom-header.fixed-header, .one-page-ct #selector-img.fixed-header {
    border-bottom: none
}

.one-page-ct #compare-header {
    position: absolute;
    top: 0;
    left: calc(95% - 500px);
    height: 62px;
    background-color: transparent;
    padding: 17px 20px 17px 20px;
    opacity: .95;
    text-align: right
}

.one-page-ct .compareTab {
    position: absolute;
    right: 2%;
    top: 42%;
    background-image: url('/images/icons/btn_compare_hover.svg');
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: -1px -1px;
    right: calc(50% - 480px);
    margin: 0 0 0 10px !important
}

.one-page-ct .compareTab:hover {
    color: #3b3b3b;
    opacity: 1
}

.one-page-ct .fixed-header {
    position: absolute;
    top: 0;
    width: 1000px;
    left: calc(50% - 500px);
    height: 62px;
    background-color: transparent;
    padding: 24px 20px 16px 20px;
    border-bottom: 1px solid #888;
    opacity: .95
}

.one-page-ct .fixed-header .title {
    font-size: 18px;
    font-weight: 100;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    line-height: 21px;
    margin-right: 10px
}

.one-page-ct .fixed-header .tab {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3b3b3b;
    line-height: 21px;
    margin: 0 10px;
    opacity: .6
}

.one-page-ct .fixed-header .tab.active, .one-page-ct .fixed-header .tab:hover, .one-page-ct .fixed-header .tab:focus {
    color: #3b3b3b;
    opacity: 1
}

.one-page-ct .fixed-header .live-demo {
    position: absolute;
    right: 30px;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    border: 1px solid #3b3b3b;
    border-radius: 4px;
    padding: 5px 10px 5px 20px;
    color: #3b3b3b
}

.one-page-ct .fixed-header .live-demo:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 8px;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background-color: #f00
}

.one-page-ct .fixed-header .live-demo:hover {
    background-color: #f1f1f1
}

.one-page-ct .fixed-header .live-demo:focus, .one-page-ct .fixed-header .live-demo:active {
    background-color: #e4e4e4
}

.one-page-ct .fixed-header .product-tool-menu {
    display: inline;
    position: absolute;
    right: 0;
    height: auto;
    justify-content: end
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #3b3b3b;
    margin: 0 8px;
    padding-left: 30px;
    position: relative;
    opacity: .6
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: -4px
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu.performance:before {
    background-image: url(../../images/icons/ic_nav_performance.svg)
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu.down-center:before {
    background-image: url(../../images/icons/btn_general_download_normal.svg)
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu.compability:before {
    background-image: url(../../images/icons/btn_general_compatibility_hover.svg)
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu.compare:before {
    background-image: url(../../images/icons/ic_nav_compare.svg)
}

.one-page-ct .fixed-header .product-tool-menu .tool-menu:hover, .one-page-ct .fixed-header .product-tool-menu .tool-menu:active {
    opacity: 1
}

.one-page-ct .fixed-header .dropdown-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    background-image: url('../images/icons/btn_general_arrow_down_grey.svg');
    background-size: 24px;
    display: none
}

.one-page-ct .fixed-header.fix-top {
    position: fixed;
    z-index: 100;
    width: 100%;
    left: 0;
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2
}

.one-page-ct .fixed-header.fix-top .live-demo {
    right: calc(50% - 470px)
}

.one-page-ct .fixed-header.fix-top .product-tool-menu {
    right: calc(50% - 500px)
}

.one-page-ct .slice {
    width: 100%
}

.one-page-ct .slice.sample {
    display: none
}

.one-page-ct .slice .slice-ct {
    width: 1000px;
    padding: 100px 40px;
    margin: 0 auto;
    text-align: center
}

.one-page-ct .slice .slice-more {
    width: 100%;
    display: none;
    background-color: #3b3b3b;
    transition: height 1s;
    -webkit-transition: height 1s;
    overflow: hidden
}

.one-page-ct .slice .slice-more .more-ct {
    width: 1000px;
    padding: 64px 20px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.one-page-ct .slice .slice-more .more-ct p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    line-height: 24px
}

.one-page-ct .slice .slice-more .more-ct .collapse-btn {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('../images/icons/btn_general_arrow_up_grey.svg');
    background-size: 24px 24px;
    position: absolute;
    left: calc(50% - 12px)
}

.one-page-ct .slice .slice-more .more-ct .collapse-btn.top {
    top: 20px
}

.one-page-ct .slice .slice-more .more-ct .collapse-btn.bottom {
    bottom: 20px
}

.one-page-ct .slice .a-read-more {
    display: block;
    width: 200px;
    margin: auto;
    font-size: 14px;
    color: #00a5e7;
    line-height: 16px;
    text-align: center;
    position: relative;
    padding-bottom: 30px
}

.one-page-ct .slice .a-read-more:hover {
    text-decoration: underline
}

.one-page-ct .slice .a-read-more:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url('../images/icons/btn_general_arrow_down_grey.svg')
}

.one-page-ct .article-content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px
}

.one-page-ct .article-content .section {
    padding: 20px
}

.one-page-ct .article-content .ct-layout-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.one-page-ct .article-content .ct-layout-1 .ct-layout-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: start;
    width: 50%
}

.one-page-ct .article-content .ct-layout-1 .column-img {
    width: 50%;
    height: 100%
}

.one-page-ct .explore-btn {
    text-decoration: none;
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    min-width: 100px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    color: #fff;
    font-size: 14px;
    padding: 0 20px
}

.one-page-ct .explore-btn a:hover, .one-page-ct .explore-btn a:active {
    text-decoration: none;
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

.one-page-ct .slider-ct {
    margin-top: 80px;
    display: flex
}

.one-page-ct .slider-ct .slider-left {
    width: 50%;
    padding: 0 20px
}

.one-page-ct .slider-ct .slider-left .item-ct {
    text-align: left;
    border-bottom: 1px #eee solid;
    min-height: 100px;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 20px
}

.one-page-ct .slider-ct .slider-left .item-ct:nth-child(1) {
    border-top: 1px #eee solid
}

.one-page-ct .slider-ct .slider-left .item-ct .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #666;
    cursor: pointer;
    position: relative
}

.one-page-ct .slider-ct .slider-left .item-ct .title.active:before {
    content: "";
    width: 8px;
    height: 100%;
    display: block;
    background-color: #8de700;
    position: absolute;
    left: -18px
}

.one-page-ct .slider-ct .slider-left .item-ct .content {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.one-page-ct .slider-ct .slider-left .item-ct .link {
    font-size: 14px;
    line-height: 24px;
    color: #00a5e7;
    margin-top: 8px;
    text-decoration: none
}

.one-page-ct .slider-ct .slider-right {
    width: 50%;
    padding: 0 20px
}

.one-page-ct .slider-ct .slider-right img {
    width: 100%
}

.one-page-ct .product-series-ct {
    width: 100%;
    overflow: auto
}

.one-page-ct .product-series-ct .item-ct {
    width: 280px;
    height: 264px;
    padding: 0 40px 20px 40px;
    display: block;
    float: left;
    margin: 1px 20px
}

.one-page-ct .product-series-ct .item-ct:hover {
    outline: 1px solid #eee
}

.one-page-ct .product-series-ct .item-ct .product-img {
    width: 100%;
    height: 200px;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: visible;
    transition: all .5s
}

.one-page-ct .product-series-ct .item-ct .product-img:hover {
    background-size: 100%
}

.one-page-ct .product-series-ct .item-ct .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    color: #3b3b3b
}

.one-page-ct .product-series-ct .item-ct .link-btn {
    width: 24px;
    height: 24px;
    background-color: unset;
    background-image: url('../images/icons/btn_compare_jumpto_normal.svg');
    margin-top: -2px;
    background-repeat: no-repeat;
    border: none
}

.one-page-ct .product-series-ct .item-ct .link-btn:hover {
    background-image: url(../../images/icons/btn_compare_jumpto_hover.svg)
}

.one-page-ct .product-series-ct .item-ct .checkbox {
    opacity: 0
}

.one-page-ct .product-series-ct .item-ct .check-span {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    background-image: url('/images/icons/btn_compare_selector_unselect.svg');
    background-size: 24px 24px
}

.one-page-ct .product-series-ct .item-ct .check-span.checked {
    background-image: url(../../images/icon/btn_compare_selector_selected.svg)
}

.one-page-ct .two-column-ct {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.one-page-ct .two-column-ct .left-ct {
    width: 50%
}

.one-page-ct .two-column-ct .right-ct {
    width: 50%
}

.one-page-ct .three-column-ct {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.one-page-ct .three-column-ct .column-ct {
    margin: 60px 20px 0 20px;
    width: calc(33% - 26px)
}

.one-page-ct .three-column-ct .column-ct .column3-img {
    width: 80px;
    height: 80px;
    margin: auto
}

.one-page-ct .three-column-ct .column-ct .column3-img.full {
    width: 100%;
    height: auto
}

.one-page-ct .three-column-ct .column-ct .column3-img.full:hover {
    opacity: .8
}

.one-page-ct .three-column-ct .column-ct .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 47px;
    color: #666
}

.one-page-ct .three-column-ct .column-ct .title2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #888;
    margin-top: 20px
}

.one-page-ct .three-column-ct .column-ct .content {
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    color: #888
}

.one-page-ct .three-column-ct .column-ct:nth-child(3n +1) {
    margin-left: 0
}

.one-page-ct .three-column-ct .column-ct:nth-child(3n) {
    margin-right: 0
}

.one-page-ct .four-column-ct {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.one-page-ct .four-column-ct .column-ct {
    width: 25%;
    padding: 20px 10px 40px 10px;
    border-left: 1px solid #77c63b
}

.one-page-ct .four-column-ct .column-ct:last-child {
    border-right: 1px solid #77c63b
}

.one-page-ct .four-column-ct .column-ct .title {
    color: #77c63b;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 8px
}

.one-page-ct .four-column-ct .column-ct .content {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #888
}

.one-page-ct .six-column-ct {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.one-page-ct .six-column-ct .column-ct {
    margin: 60px 20px 0 20px;
    width: calc(15% - 26px)
}

.one-page-ct .six-column-ct .column-ct .column3-img {
    width: 80px;
    height: 80px;
    margin: auto
}

.one-page-ct .six-column-ct .column-ct .column3-img.full {
    width: 100%;
    height: auto
}

.one-page-ct .six-column-ct .column-ct .column3-img.full:hover {
    opacity: .8
}

.one-page-ct .six-column-ct .column-ct .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 47px;
    color: #666
}

.one-page-ct .six-column-ct .column-ct .title2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #888;
    margin-top: 20px
}

.one-page-ct .six-column-ct .column-ct .content {
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    color: #888
}

.one-page-ct .six-column-ct .column-ct:nth-child(6n +1) {
    margin-left: 0
}

.one-page-ct .six-column-ct .column-ct:nth-child(6n) {
    margin-right: 0
}

.one-page-ct .gallery-ct {
    width: 1000px;
    margin: 0 auto;
    justify-content: center;
    padding: 60px 20px
}

.one-page-ct .gallery-ct .item {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    margin: 20px
}

.one-page-ct .gallery-ct .item img {
    width: 100%
}

.one-page-ct .spec-table {
    width: 100%
}

.one-page-ct .spec-table tr.enhance {
    padding: 17px 10px;
    background-color: #f6f6f6
}

.one-page-ct .spec-table th {
    width: 100%;
    padding: 17px 10px
}

.one-page-ct .spec-table .title {
    width: 40%;
    font-size: 16px;
    padding: 17px 10px;
    color: #040404;
    text-align: left;
    vertical-align: top
}

.one-page-ct .spec-table .title.enhance {
    font-size: 16px;
    font-weight: 500
}

.one-page-ct .spec-table .content {
    width: 60%;
    font-size: 14px;
    padding: 17px 10px;
    color: #666;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #dbdbdb
}

.one-page-ct .spec-table .content.no-border {
    border-bottom: none
}

.one-page-ct .spec-table .content .link {
    font-size: 14px;
    color: #00a5e7
}

.one-page-ct .spec-table .content .check {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../images/icons/ic_table_checked.svg)
}

.one-page-ct .spec-table .content p {
    font-size: 14px;
    font-weight: 300
}

.m-fixed-header {
    position: fixed;
    top: 52px;
    width: 100%;
    left: 0;
    height: auto;
    background-color: #fff;
    display: none;
    z-index: 1002
}

.m-fixed-header .header {
    padding: 17px 20px;
    position: relative;
    border-bottom: 1px solid #f2f2f2
}

.m-fixed-header .header .title {
    font-size: 18px;
    font-weight: 100;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    line-height: 21px;
    margin: 0 10px 0 0
}

.m-fixed-header .header .tab {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3b3b3b;
    line-height: 21px;
    margin: 0 10px;
    opacity: .6
}

.m-fixed-header .header .tab.active, .m-fixed-header .header .tab:hover, .m-fixed-header .header .tab:focus {
    color: #3b3b3b;
    opacity: 1
}

.m-fixed-header .header .dropdown-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    background-image: url('../images/icons/btn_general_arrow_up_grey.svg');
    background-size: 24px
}

.m-fixed-header .items {
    padding: 60px 10px 40px 10px
}

.m-fixed-header .items a {
    border-bottom: 1px solid rgba(59, 59, 59, 0.1)
}

.m-fixed-header .items .item {
    display: block;
    padding: 14px 10px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3b3b3b;
    line-height: 21px;
    opacity: .6
}

.m-fixed-header .items .item.active, .m-fixed-header .items .item:hover, .m-fixed-header .items .item:focus {
    color: #3b3b3b;
    opacity: 1
}

.m-fixed-header .items .tool-menu {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #3b3b3b;
    padding: 14px 0 14px 44px;
    position: relative;
    display: block;
    opacity: .6
}

.m-fixed-header .items .tool-menu:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 8px
}

.m-fixed-header .items .tool-menu.performance:before {
    background-image: url(../../images/icons/ic_nav_performance.svg)
}

.m-fixed-header .items .tool-menu.down-center:before {
    background-image: url(../../images/icons/btn_general_download_normal.svg)
}

.m-fixed-header .items .tool-menu.compability:before {
    background-image: url(../../images/icons/btn_general_compatibility_hover.svg)
}

.m-fixed-header .items .tool-menu.compare:before {
    background-image: url(../../images/icons/ic_nav_compare.svg)
}

.m-fixed-header .items .tool-menu:hover, .m-fixed-header .items .tool-menu:active {
    opacity: 1
}

.main-title-24 {
    font-size: 24px;
    line-height: 46px;
    color: #3a3a3a
}

.small-title-14 {
    font-weight: normal;
    font-size: 14px
}

.small-title-16 {
    line-height: 40px;
    font-weight: normal;
    font-size: 16px
}

.content-14 {
    font-size: 14px;
    font-weight: normal
}

.content-12 {
    font-size: 12px;
    font-weight: normal
}

.red-must {
    color: #be304e;
    margin: 0 3px
}

.link {
    color: #00a5e7;
    text-decoration: none;
    font-weight: normal;
    line-height: 24px
}

.link:hover {
    text-decoration: underline;
    color: #00a5e7
}

.qselect {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("../../images/icons/ic_general_arrow_dropdown.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    background-color: transparent;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 2px 2x 0 rgba(0, 0, 0, 0.12) inset;
    border-radius: 4px;
    height: 36px;
    width: 100%;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    padding-left: 14px;
    min-width: 70px
}

.qselect:hover {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) inset
}

.qselect:focus {
    border: 1px solid #81e03c;
    background-color: #fff;
    outline: none;
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) inset;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) inset;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) inset
}

.qselect .select2-selection__rendered {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.product-title {
    display: none
}

.qselect-dropdown {
    margin-top: 1px;
    border: 1px solid #77c63b !important;
    border-top: 1px solid #77c63b;
    background-color: #fff;
    line-height: 24px;
    box-shadow: none;
    color: #666;
    font-size: 14px
}

.qselect-dropdown li {
    padding-left: 14px
}

.clear-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url('../images/icons/btn_heading_clear_grey.svg');
    background-size: 24px;
    cursor: pointer
}

.clear-btn:hover {
    opacity: .65
}

.show-desktop {
    display: block
}

.show-mobile {
    display: none;
    padding: 20px
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#popup-video {
    width: 100%;
    height: 100%;
    z-index: 1001;
    display: none;
    position: fixed;
    top: 0;
    margin: auto;
    text-align: center
}

#popup-video:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pagination .tool-bar {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 24px;
    background-position: center center
}

.pagination .tool-bar.first {
    background-image: url(../../images/icons/btn_general_paging_first.svg)
}

.pagination .tool-bar.prev {
    background-image: url(../../images/icons/btn_general_paging_back.svg)
}

.pagination .tool-bar.next {
    background-image: url(../../images/icons/btn_general_paging_next.svg)
}

.pagination .tool-bar.last {
    background-image: url(../../images/icons/btn_general_paging_last.svg)
}

.contact-footer {
    width: 1000px;
    margin: 60px auto;
    padding: 40px;
    border: 1px solid #eee
}

.contact-footer .title-ct {
    width: 40%;
    display: inline-block;
    vertical-align: top
}

.contact-footer .title-ct .title {
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    text-align: left;
    color: #666
}

.contact-footer .content-ct {
    width: 60%;
    display: inline-block
}

.contact-footer .content-ct .content {
    font-size: 16px;
    line-height: 34px;
    text-align: left;
    padding: 0;
    color: #666
}

.contact-footer .content-ct .content a {
    font-size: 14px;
    color: #00a5e7
}

.contact-footer .content-ct .content a:hover, .contact-footer .content-ct .content a:focus {
    text-decoration: underline
}

.header_canvas {
    width: 100%
}

.header_canvas .header_container {
    width: 800px;
    display: flex;
    margin: 0 auto;
    position: relative
}

.header_canvas .header_container .title {
    width: 760px;
    color: #3b3b3b;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin: 60px 20px 60px 20px
}

.table-wrapper {
    margin-right: 20px;
    overflow: auto
}

.table-wrapper table {
    margin-top: 80px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    table-layout: fixed
}

.table-wrapper table th {
    padding: 16px 10px;
    text-align: left;
    background-color: #f2f2f2;
    height: 62px
}

.table-wrapper table td {
    padding: 16px 10px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2
}

.table-wrapper table td .logopic {
    float: left;
    width: 90px;
    margin: 20px
}

@media (max-width: 960px) {
    .show-desktop, .compareTab {
        display: none
    }

    .show-mobile {
        display: flex
    }

    .one-page-ct .m-pd-40 {
        padding: 0 40px
    }

    .one-page-ct #features-custom-header {
        position: absolute;
        display: block;
        top: 100%;
        width: 100%;
        left: 0;
        background-color: white;
        padding: 14px 0 14px 0;
        border-bottom: 1px solid #888;
        opacity: .95
    }

    .one-page-ct #features-custom-header .product-title {
        min-height: 40px;
        display: block;
        cursor: pointer;
        font-size: 14px;
        font-weight: 100;
        letter-spacing: normal;
        text-align: left;
        color: #3b3b3b;
        line-height: 7px;
        opacity: .6;
        padding: 14px 20px 13px
    }

    .one-page-ct #features-custom-header .product-title:hover, .one-page-ct #features-custom-header .product-title:focus, .one-page-ct #features-custom-header .product-title.active {
        opacity: 1
    }

    .one-page-ct #features-custom-header .compareTab {
        display: block;
        padding: 14px 65px 13px;
        color: #3b3b3b;
        position: static;
        background-position: 30px 6px;
        font-size: 14px;
        line-height: 7px;
        margin: 0 !important
    }

    .one-page-ct #features-custom-header.onDivHide {
        display: none
    }

    .one-page-ct #features-custom-header.fixed-header {
        height: auto
    }

    .one-page-ct #features-custom-header.fix-top {
        position: fixed;
        top: 62px
    }

    .one-page-ct #selector-img {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 27px;
        top: 22px
    }

    .one-page-ct .fixed-header {
        width: 100%;
        left: 0
    }

    .one-page-ct .fixed-header .product-tool-menu {
        display: none
    }

    .one-page-ct .fixed-header .dropdown-btn {
        display: inline-block
    }

    .one-page-ct .fixed-header.fix-top {
        padding-left: 20px
    }

    .one-page-ct .fixed-header.fix-top .live-demo {
        right: 30px
    }

    .one-page-ct .slice .slice-ct {
        width: 100%;
        padding: 100px 20px
    }

    .one-page-ct .slice .slice-more .more-ct {
        width: 100%;
        padding: 64px 20px
    }

    .one-page-ct .slider-ct {
        display: block
    }

    .one-page-ct .slider-ct .slider-left {
        width: 100%;
        margin-bottom: 50px;
        padding: 0
    }

    .one-page-ct .slider-ct .slider-right {
        width: 100%;
        padding: 0
    }

    .one-page-ct .slick-dots li {
        width: 32px
    }

    .one-page-ct .two-column-ct .left-ct {
        width: 100%
    }

    .one-page-ct .two-column-ct .right-ct {
        width: 100%
    }

    .one-page-ct .four-column-ct {
        padding: 0 20px
    }

    .one-page-ct .four-column-ct .column-ct {
        margin: 40px 0;
        width: 50%
    }

    .one-page-ct .four-column-ct .column-ct:last-child {
        border-right: none
    }

    .one-page-ct .four-column-ct .column-ct:nth-child(2n) {
        border-right: 1px solid #77c63b
    }

    .one-page-ct .six-column-ct .column-ct {
        margin: 30px 0;
        width: calc(30% - 20px)
    }

    .one-page-ct .gallery-ct {
        width: 100%
    }

    .popup-ct .popup-window {
        max-width: 90%
    }

    #popup-video-ct {
        padding: 0 20px
    }

    #video-close-btn {
        right: 10px
    }

    .contact-footer {
        width: calc(100% - 80px);
        margin: 60px 40px
    }
}

.grecaptcha-badge {
    display: none
}

@media (max-width: 640px) {
    .input-form .form-item, .afa_ads_form .form-item {
        width: calc(100% - 10px);
        margin: 8px 0
    }

    .display-flex-column {
        display: block
    }

    .one-page-ct .banner {
        width: 100%;
        height: 620px;
        justify-content: center;
        align-items: center;
        background-position: center center;
        background-size: cover
    }

    .one-page-ct .banner .text-area {
        width: 100%;
        padding: 40px
    }

    .one-page-ct .banner .text-area .subtitle {
        font-size: 16px;
        font-weight: 500
    }

    .one-page-ct .article-content {
        max-width: 100%;
        margin: 0 auto;
        padding: 20px
    }

    .one-page-ct .article-content .section {
        padding: 20px
    }

    .one-page-ct .article-content .ct-layout-1 .ct-layout-column {
        width: 100%
    }

    .one-page-ct .article-content .ct-layout-1 .column-img {
        width: 100%;
        height: 100%;
        margin-top: 60px
    }

    .one-page-ct .slick-dots li {
        width: 32px
    }

    .one-page-ct .three-column-ct .column-ct {
        margin: 30px 0;
        width: 100%
    }

    .one-page-ct .six-column-ct .column-ct {
        margin: 30px 0;
        width: 100%
    }

    .show-desktop {
        display: none
    }

    .show-mobile {
        display: flex
    }

    .contact-footer {
        width: calc(100% - 40px);
        margin: 60px 20px;
        padding: 30px
    }

    .contact-footer .title-ct {
        width: 100%;
        margin-bottom: 30px
    }

    .contact-footer .content-ct {
        width: 100%
    }
}

header .navbar-wp .navbar-brand {
    margin: 10px;
    padding: 0;
    display: block;
    z-index: 1;
    position: relative
}

header .navbar-header ul.nav-menu {
    position: absolute;
    width: 100%;
    top: 51px;
    background-color: #000;
    color: white;
    list-style: none;
    display: none;
    padding: 0 30px
}

header .navbar-header ul.nav-menu li.mTitle a {
    font-size: 14px;
    padding: 10px;
    margin-left: 0
}

header .navbar-header .mPlus {
    background-image: url(../../images/icons/btn_general_accordion_open_grey.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px)
}

header .navbar-header .mMinus {
    background-image: url(../../images/icons/btn_general_accordion_close_grey.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px)
}

header .navbar-header .searchHref {
    color: #3b3b3b
}

header .clearSearch {
    width: 24px;
    height: 24px;
    display: none;
    float: right;
    background: url(../../images/icons/btn_galery_close_normal.svg) no-repeat center center;
    background-size: 24px
}

.h1Logo {
    margin: 0;
    padding: 0;
    text-align: center
}

.h1Logo span {
    display: block;
    text-indent: -9999px;
    height: 1px
}

.navbar-wp {
    background-color: #000;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.navbar-wp.in {
    left: 50%;
    margin-left: -50%;
    width: 100%
}

#mainMenu .dropdown-toggle {
    background-color: transparent
}

#topNav {
    height: auto
}

#topNav span {
    display: block;
    float: right;
    line-height: 22px;
    font-size: 14px;
    height: 56px
}

#topNav span a.current {
    cursor: default;
    color: #abadaf
}

#topNav span.otherIcon {
    margin: 0 5px;
    width: 35px;
    height: 40px;
    display: block;
    float: right;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    margin-top: 7px
}

#topNav span.otherIcon::last-child {
    margin: 10px 0
}

#topNav span.otherIcon a {
    text-indent: -9999px;
    display: block;
    width: auto;
    height: 35px
}

#topNav span.otherIcon.icoSearch {
    background: url(../../images/icons/btn_heading_search.svg) no-repeat 4px 7px;
    background-size: 24px;
    margin-left: 70px
}

#topNav span.otherIcon.icoSearch:hover {
    background: url(../../images/icons/btn_heading_search.svg) no-repeat 4px 7px;
    background-size: 24px;
    opacity: .65
}

#topNav span.otherIcon.partner {
    background: url(../../images/icons/btn_heading_acoount.svg) no-repeat 4px 7px;
    background-size: 24px
}

#topNav span.otherIcon.partner:hover {
    background: url(../../images/icons/btn_heading_acoount.svg) no-repeat 4px 7px;
    background-size: 24px;
    opacity: .65
}

#topNav span.otherIcon.icoLang {
    background: url(../../images/icons/btn_heading_language.svg) no-repeat 4px 7px;
    background-size: 24px
}

#topNav span.otherIcon.icoLang:hover {
    opacity: .65
}

#topNav ul.langMenu {
    position: absolute;
    right: 30px;
    top: 50px;
    width: auto;
    min-width: 100px;
    border: 1px solid #ccc;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border-radius: 4px;
    list-style: none;
    color: #000
}

#topNav ul.langMenu li {
    margin: 5px;
    cursor: pointer;
    font-size: 15px
}

#topNav span.otherIcon.icoClose {
    background: url(../../images/icons/btn_heading_clear.svg) no-repeat 4px 7px;
    background-size: 24px;
    display: none
}

#topNav span.otherIcon.icoClose:hover {
    background: url(../../images/icons/btn_heading_clear.svg) no-repeat 4px 7px;
    background-size: 24px;
    opacity: .65
}

#topNav span .searchInput {
    margin-top: .75em;
    width: 600px;
    font-size: 14px;
    background-color: transparent;
    border: none;
    color: #fff;
    line-height: 30px
}

#topNav span .searchInput::placeholder, #topNav span .searchInput:-ms-input-placeholder, #topNav span .searchInput::-ms-input-placeholder {
    color: #b3b3b3
}

#topNav span.searchBox ul {
    position: absolute;
    left: 13.5em;
    top: 4em;
    width: auto;
    min-width: 46em;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    list-style-type: none;
    max-height: 220px;
    overflow-y: auto
}

#topNav span.searchBox ul div {
    margin: 4px 20px
}

#topNav span.searchBox ul div:first-child {
    margin: 10px 20px 4px;
    color: #ccc;
    font-size: 12px
}

#topNav span.searchBox ul div:not(:first-child) {
    font-size: 14px;
    color: #3b3b3b
}

#topNav span.searchBox ul div a {
    display: inline-block;
    width: 100%;
    color: #3b3b3b
}

#topNav span.searchBox ul div a:hover {
    color: #77C63A
}

#languageContainer {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.4);
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    justify-content: center;
    align-items: center;
    display: none
}

#languageContainer #languageWindow {
    width: 731px;
    height: 332px;
    border-radius: 4px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.4);
    background-color: #fff;
    position: relative;
    padding: 40px;
    overflow-y: scroll
}

#languageContainer #languageWindow .title {
    font-weight: normal;
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #c4c4c4
}

#languageContainer #languageWindow .languageCt {
    height: calc(100% - 51px);
    padding-top: 20px;
    justify-content: normal
}

#languageContainer #languageWindow .languageItem {
    width: 33%;
    height: 44px;
    padding: 12px 0
}

#languageContainer #languageWindow .languageItem .content {
    color: #666;
    font-size: 14px;
    padding-left: 14px;
    line-height: 20px;
    font-weight: normal;
    border-left: 4px solid transparent;
    cursor: pointer;
    padding: 0 0 0 14px;
    text-align: left
}

#languageContainer #languageWindow .languageItem .content.active {
    color: #040404;
    border-left: 4px solid #81e03c
}

#searchBox {
    width: 22px;
    overflow: hidden;
    float: right;
    height: 22px;
    background: url(../images/aw_search.png) 4px 5px no-repeat white;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin: 0 3px 0;
    position: relative;
    z-index: 99
}

#searchBox .searchBtn {
    width: 22px;
    height: 22px;
    float: left;
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
    color: #a6d2ef;
    font-size: 13px
}

#searchBox:hover {
    background: url(../images/aw_search.png) 4px 5px no-repeat #dcdcdc
}

#searchBox .searchBtn:focus {
    outline: 0
}

#searchBox .inTxt {
    padding: 2px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    line-height: 22px;
    border: none;
    color: #fff;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    float: left
}

#menu:before {
    content: "";
    width: 100%;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: -1
}

span.navPartner {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f2f2f2;
    color: #666;
    height: 23px;
    overflow: hidden;
    padding: 0 10px;
    line-height: 23px;
    margin: 10px 18px 0 10px
}

span.navPartner i {
    font-size: 13px;
    color: #333;
    padding-right: 3px
}

span.navPartner a {
    color: #333
}

span.navPartner:hover {
    color: #fff;
    background: #e1e1e1
}

.navbar-wp .dropdown-menu {
    border-bottom: 2px solid #bacde9;
    border-top: 1px solid #0075c1;
    padding: 20px 0 60px 0
}

.navbar-wp .navbar-nav > li > a {
    padding: 13px 20px;
    height: 100%;
    font-size: 16px;
    color: #fff;
    text-transform: none;
    font-family: "Roboto", "Lucida Grande", "微軟正黑體", "Microsoft JhengHei"
}

.navbar-wp .navbar-nav > li > a:hover {
    color: #b3b3b3;
    background-color: unset
}

.mega-nav .container {
    width: 1000px
}

.mega-nav .dropdown.mega-dropdown-fluid .dropdown-menu {
    font-size: 15px
}

.navbar-wp .dropdown-menu .mega-nav-section-title {
    font-size: 15px;
    color: #09508b;
    text-transform: none;
    padding: 0 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.navbar-wp .dropdown-menu ul.mega-nav-ul li a {
    font-size: 15px;
    color: #666;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 95%
}

.navbar-wp .dropdown-menu ul.mega-nav-ul li a:hover {
    display: block;
    background: #506677;
    color: #fff
}

.navbar-wp .dropdown-menu .mega-nav-section {
    padding: 0
}

#box .row {
    margin: 8px 0
}

#menuTab.tabs-framed {
    padding: 0 15px;
    border: none
}

#menuTab .tabs li.active {
    background: transparent
}

#menuTab .tabs li a {
    color: #b9c2c9;
    font-weight: 300
}

#menuTab .tabs li.active a {
    text-decoration: none !important
}

a.navIconBox:hover {
    text-decoration: underline;
    color: #000
}

.navIconBox .picBox {
    width: 100%;
    height: 130px;
    overflow: hidden;
    position: relative
}

.navIconBox .picBox .picImg {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    z-index: 1
}

.navIconBox li:hover .picBox .picImg {
    top: -70px
}

.navIconBox .pdName {
    text-align: center;
    margin-top: -6px;
    width: 100px;
    margin: 0 auto
}

.navbar-wp .dropdown-menu img {
    margin-bottom: 0
}

.navbar-wp .dropdown-menu .onlyTree img {
    margin: 0
}

ul.onlyTree {
    width: 100%;
    padding: 0;
    zoom: 1;
    text-align: center;
    margin: 0 0 15px;
    float: left
}

ul.onlyTreeMenu {
    width: 40%;
    float: right;
    padding-top: 10px
}

ul.onlyTreeMenu .navIconBox {
    padding: 10px 0
}

ul.onlyTree li {
    display: block;
    float: left
}

@media (min-width: 992px) {
    .navbar-wp .dropdown-menu {
        border-bottom: none;
        border-top: 1px solid white;
        background-color: #fafafa
    }

    #menuTab.tabs-framed {
        width: 1170px;
        margin: 0 auto;
        padding: 0
    }

    #menuTab .tabs {
        border-bottom: 1px solid #f2f2f2;
        height: 58px
    }

    #menuTab .tabs li {
        border-right: none;
        color: #b9c2c9;
        display: inline-table;
        float: none
    }

    #menuTab .tabs li.active a {
        color: #3b3b3b;
        border-bottom: 3px solid #8ce800
    }

    #menuTab .tabs li a {
        color: #b9c2c9
    }

    .navbar-wp.navbar-arrow .navbar-nav > li.open > a:before, .navbar-wp.navbar-arrow .navbar-nav > li.open > a:after {
        display: none
    }

    .navIconBox a, ul.onlyTree li a {
        color: #b9c2c9;
        white-space: nowrap;
        vertical-align: middle
    }

    .navIconBox a:hover, ul.onlyTree li a:hover {
        text-decoration: underline
    }

    .navIconBox li {
        display: block;
        height: 24px
    }

    .navIconBox .col-md-2 {
        float: none
    }
}

@media (max-width: 991px) {
    #box .row {
        background: none
    }

    #box .col-md-12 {
        padding: 0
    }

    ul.onlyTree {
        padding: 0;
        zoom: 1;
        text-align: left
    }

    ul.onlyTree li {
        display: block
    }

    ul.onlyTree .col-md-2 {
        padding: 5px 15px 5px 15px
    }

    .navIconBox .col-md-2 {
        padding: 0 10px
    }

    .navIconBox .picBox {
        display: none
    }

    .navIconBox .pdName {
        text-align: left;
        background: url(../images/iabout_ap.gif) no-repeat 0 8px;
        padding-left: 15px
    }

    .mega-nav .container {
        width: 100%
    }
}

@media (max-width: 768px) {
    #languageContainer #languageWindow {
        width: 100%;
        min-height: 420px;
        max-width: calc(100% - 40px);
        max-height: calc(100% - 40px)
    }

    .navbar-wp.in {
        position: relative;
        left: 0;
        margin-left: 0
    }

    span.navPartner {
        display: none
    }

    #topNav span.otherIcon.partner {
        display: block
    }

    header .navbar-header ul.nav-menu {
        padding: 0 10px
    }
}

.pg-opt {
    background-color: #fff;
    border-bottom: none
}

.pg-opt .container {
    border-bottom: 2px solid #f2f2f2
}

.goods-header ol, .goods-header ul {
    list-style: none
}

.normal.goods-header {
    height: 62px
}

.normal.goods-header li {
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    margin: 22px 10px 14px
}

.normal.goods-header li:nth-child(2) {
    margin-left: 0
}

.normal.goods-header .gleft li {
    float: left
}

.normal.goods-header .gright {
    float: right
}

.normal.goods-header .modelName {
    font-size: 18px;
    font-weight: 100;
    color: #3b3b3b;
    padding: 0;
    margin-right: 40px
}

.normal.goods-header li.active a {
    color: #3b3b3b;
    display: block
}

.mobile .goods-header .modelName {
    font-size: 16px;
    font-weight: 100;
    color: #3b3b3b;
    padding: 0
}

.mobile .goods-header li {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.mobile .goods-header li:first-child {
    border-bottom: 1px solid #f2f2f2;
    height: 50px;
    line-height: 50px;
    margin-bottom: 40px
}

.mobile .goods-header li:not(:first-child) {
    font-size: 16px;
    font-weight: 300;
    color: #888;
    display: none;
    border-bottom: 1px solid rgba(59, 59, 59, 0.1);
    height: 44px;
    line-height: 44px
}

.mobile .goods-header li:last-child {
    margin-bottom: 40px
}

.mobile .goods-header li.active a {
    color: #040404;
    display: block
}

.mobile .goods-header a {
    margin: 0 20px
}

.normal.goods-header a {
    margin: 0
}

.mobile .goods-header .model:last-child {
    margin-bottom: 40px
}

.goods-header a {
    color: #888;
    display: block
}

.goods-header a:hover {
    color: #040404
}

.goods-header a:focus {
    outline: none;
    text-decoration: none
}

.goods-header.gleft li {
    float: left
}

.goods-header.gright li {
    float: right;
    margin: 15px 20px 14px
}

.pg-opt .breadcrumb {
    float: none;
    padding: 8px 15px 8px 0
}

.pg-opt .breadcrumb a {
    color: #999
}

.pg-opt .breadcrumb li.active span {
    text-decoration: underline;
    color: #000
}

.breadcrumb > li + li:before {
    content: ">\00a0"
}

#cookies-notify {
    width: 100%;
    height: 0;
    background-color: #7dd544;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 1s;
    -webkit-transition: height 1s;
    overflow: hidden
}

#cookies-notify p {
    margin-bottom: 0;
    font-size: 20px;
    padding: 0 20px
}

#cookies-notify a:hover {
    color: #fff
}

#cookies-notify .link-text {
    font-weight: bold;
    text-decoration: underline
}

#mail-btn {
    display: block;
    position: fixed;
    right: 20px;
    top: 60%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: .9;
    box-shadow: 0 2px 10px 0 rgba(0, 10, 16, 0.56);
    background-color: #f2f2f2;
    background-image: url(../../images/icons/btn_contact-sales_mail_green.png);
    background-size: 36px 36px;
    background-position: center center;
    background-repeat: no-repeat
}

#mail-btn:hover {
    opacity: 1
}

#mail-btn:active, #mail-btn:focus {
    background-color: #3eb924;
    background-image: url(../../images/icons/btn_contact-sales_mail_white.png)
}

#contact-sales {
    display: none;
    z-index: 1001;
    width: 658px;
    height: 700px;
    position: fixed;
    top: calc(50% - 350px);
    left: calc(50% - 329px);
    border-radius: 4px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 40px;
    overflow-y: auto
}

#contact-sales .title-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#contact-sales .input-form, #contact-sales .afa_ads_form {
    margin-top: 10px;
    margin-bottom: 20px
}

#contact-sales .input-form .checkbox-group, #contact-sales .afa_ads_form .checkbox-group {
    width: 100%;
    height: 200px
}

#contact-sales .agree-area {
    margin-top: 40px
}

#contact-sales .agree-area .form-link {
    color: #00a5e7
}

#contact-sales .agree-area .form-link:hover {
    text-decoration: underline
}

#contact-sales .agree-area .error-notice {
    display: none;
    color: #b71a3c;
    font-size: 14px;
    font-weight: normal
}

#contact-sales .agree-area .submit-btn {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    border: none;
    color: #fff;
    margin-top: 20px
}

#contact-sales .agree-area .submit-btn:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#contact-sales .agree-area .submit-btn:active {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

@media (max-width: 960px) {
    header .navbar-wp .navbar-brand img {
        position: absolute;
        z-index: 2;
        width: 100%
    }

    #contact-sales {
        width: calc(100% - 40px);
        height: auto;
        top: 20px;
        left: 20px;
        padding: 20px
    }
}

@media (max-width: 640px) {
    #contact-sales .input-form .checkbox-group, #contact-sales .afa_ads_form .checkbox-group {
        height: auto
    }
}

.section-title.aw {
    background: url(../images/ti_aw.png) no-repeat;
    height: 31px;
    padding: 0 0 0 38px
}

#iAbout {
    background: #d5d6d7;
    color: #111 !important
}

#iAbout .home {
    background-color: #f2f2f2;
    width: 100%;
    height: 450px;
    padding-top: 20px
}

#iAbout .home .home-content {
    width: 1200px;
    margin: auto
}

#iAbout .home .promoteCt {
    width: 100%;
    height: auto
}

#iAbout .home .promoteCt .promoteItem {
    width: calc(50% - 2px);
    background-color: #fff
}

#iAbout .home .promoteCt .promoteItem a {
    width: 50%
}

#iAbout .home .promoteCt .promoteItem .img {
    width: 100%
}

#iAbout .home .promoteCt .promoteItem .content {
    width: 50%;
    height: 100%;
    padding: 20px
}

#iAbout .home .promoteCt .promoteItem .content .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px
}

#iAbout .home .promoteCt .promoteItem .content .description {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #888
}

#iAbout .home .promoteCt .promoteItem .content .description .ellip .ellip-line {
    width: calc(100% - 20px)
}

#iAbout .home .promoteCt .promoteItem .content .description .ellip:after {
    content: "";
    width: 20px;
    height: 24px;
    position: absolute;
    background-image: url(../../images/icons/ic_hompage_arrow.svg);
    display: inline-block;
    background-size: 16px;
    background-position: right center;
    background-repeat: no-repeat
}

#iAbout .home .featureCt {
    width: 100%;
    margin-top: 10px
}

#iAbout .home .featureCt .featureItem {
    width: calc(25% - 2px);
    background-color: #fff
}

#iAbout .home .featureCt .featureItem .title {
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    color: #040404
}

#iAbout .home .featureCt .featureItem .img {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

#iAbout h3 {
    font-size: 120%;
    color: #111
}

#iAbout p {
    font-size: 110%
}

#iAbout a {
    font-size: 110%;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: 1;
    color: #111;
    display: block
}

#iAbout a:hover {
    opacity: .6
}

#iAbout span.decoArrow {
    display: block;
    background: url(../images/deco_arrow.png) no-repeat center top;
    height: 10px;
    position: relative;
    top: -30px
}

#subscribe-btn {
    display: none!important;
    position: fixed;
    bottom: 0;
    left: 20px;
    width: auto;
    padding: 0 44px 0 20px;
    height: 63px;
    background-color: #656565;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 200
}

#subscribe-btn p {
    margin-bottom: 0;
    color: #fff
}

#subscribe-btn p:hover {
    opacity: .65
}

#subscribe-window {
    display: none;
    z-index: 1001;
    width: 658px;
    height: 850px;
    position: fixed;
    top: calc(50% - 425px);
    left: calc(50% - 329px);
    border-radius: 4px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 40px;
    overflow-y: auto
}

#subscribe-window .title-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 32px
}

#subscribe-window .newsletter {
    width: 106px;
    height: 106px;
    box-shadow: 0 0 21px 0 rgba(133, 240, 109, 0.51);
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-image: url('../../images/icons/btn_pop-up_subscribe.svg')
}

#subscribe-window .singup-notice {
    margin-top: 60px
}

#subscribe-window .input-form {
    margin-top: 10px;
    margin-bottom: 20px
}

#subscribe-window .form-link {
    color: #00a5e7
}

#subscribe-window .form-link:hover {
    text-decoration: underline
}

#subscribe-window .radio-label {
    padding-left: 24px;
    position: relative
}

#subscribe-window .checkbox-display {
    position: absolute;
    top: 14px;
    left: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url('../../images/icons/btn_general_checkbox_uncheck.svg');
    background-position: center center;
    background-repeat: no-repeat
}

#subscribe-window input[name="agree-privacy"]:checked + .checkbox-display {
    background-image: url('../../images/icons/btn_general_checkbox_checked.svg');
}

#subscribe-window input {
    width: 100%
}

#subscribe-window .agree-area .error-notice {
    display: none;
    color: #b71a3c;
    font-size: 14px;
    font-weight: normal
}

#subscribe-window .submit-btn {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    border: none;
    color: #fff;
    margin-top: 20px
}

#subscribe-window .submit-btn:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#subscribe-window .submit-btn:active {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#slider-wrapper {
    margin-top: -1px;
    width: 100%
}

#slider-wrapper .new-slider {
    width: 100%
}

#slider-wrapper .new-slider .slick-dots li {
    width: 50px;
    margin: 0 5px
}

#slider-wrapper .new-slider .slick-dots li button:before {
    width: 50px;
    height: 2px;
    background-color: #686868;
    border-radius: 0;
    opacity: 1
}

#slider-wrapper .new-slider .slick-dots li.slick-active button:before {
    background-color: #7dd544
}

#slider-wrapper .banner-area {
    position: relative;
    height: 612px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

#slider-wrapper .banner-container {
    max-width: 1000px;
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0 auto;
    padding: 60px 0
}

#slider-wrapper .banner-text-area {
    height: 100%;
    padding: 20px
}

#slider-wrapper .image-right {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

#slider-wrapper .image-bottom {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

#slider-wrapper .banner-left {
    width: 40%
}

#slider-wrapper .banner-right {
    width: 60%;
    height: 100%
}

#slider-wrapper .banner-top {
    width: 100%;
    height: 50%
}

#slider-wrapper .banner-bottom {
    width: 100%;
    height: 50%
}

#slider-wrapper h1 {
    font-size: 60px;
    font-weight: 900;
    line-height: 72px;
    color: #040404
}

#slider-wrapper h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #040404
}

#slider-wrapper h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

#slider-wrapper .explore-btn {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    min-width: 100px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    color: #fff;
    font-size: 14px
}

#slider-wrapper .explore-btn:focus {
    outline: none;
    text-decoration: none
}

#slider-wrapper .explore-btn:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#slider-wrapper .explore-btn:active {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

@media (max-width: 1366px) {
    #subscribe-window {
        width: calc(100% - 40px);
        height: auto;
        top: 20px;
        left: 20px;
        padding: 20px
    }

    #iAbout .home {
        width: 100%;
        height: auto;
        padding: 20px
    }

    #iAbout .home .home-content {
        width: 100%;
        margin: auto
    }

    #iAbout .home .home-content .promoteItem {
        flex-direction: column;
        justify-content: flex-start
    }

    #iAbout .home .home-content .promoteItem a {
        width: 100%
    }

    #iAbout .home .home-content .promoteItem .img {
        width: 100%;
        height: auto
    }

    #iAbout .home .home-content .promoteItem .content {
        width: 100%;
        height: auto
    }

    #iAbout .home .home-content .featureCt .featureItem {
        width: calc(50% - 2px)
    }
}

@media (max-width: 640px) {
    #slider-wrapper .banner-area {
        position: relative
    }

    #slider-wrapper .banner-container {
        width: 100%;
        height: 100%;
        display: flex;
        margin: 0;
        padding: 0 0 40px 0
    }

    #slider-wrapper .banner-text-area {
        height: 50%;
        padding: 30px
    }

    #slider-wrapper .banner-left {
        width: 100%;
        height: 50%
    }

    #slider-wrapper .banner-right {
        width: 100%;
        height: 50%
    }

    #slider-wrapper .banner-top {
        width: 100%;
        height: 50%
    }

    #slider-wrapper .banner-bottom {
        width: 100%;
        height: 50%
    }

    #slider-wrapper .banner-center {
        width: 100%;
        height: 100%;
        margin: auto
    }

    #slider-wrapper h1 {
        font-size: 30px;
        font-weight: 900;
        line-height: 42px;
        color: #040404;
        text-align: center
    }

    #slider-wrapper h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #040404;
        text-align: center
    }

    #slider-wrapper h4 {
        text-align: center
    }

    #slider-wrapper .explore-btn {
        margin: 30px auto 0 auto
    }

    #slider-wrapper .explore-btn:focus {
        outline: none;
        text-decoration: none
    }

    #iAbout .home {
        width: 100%;
        height: auto;
        padding: 10px
    }

    #iAbout .home .home-content {
        width: 100%;
        margin: auto
    }

    #iAbout .home .home-content .promoteItem {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start
    }

    #iAbout .home .home-content .promoteItem .img {
        width: 100%;
        height: auto
    }

    #iAbout .home .home-content .promoteItem .content {
        width: 100%;
        height: auto;
        min-height: 200px
    }

    #iAbout .home .home-content .featureCt .featureItem {
        width: 100%;
        margin-bottom: 40px
    }
}

.footer {
    background: #f2f2f2;
    color: #111;
    font-size: 15px;
    padding-top: 60px
}

.footer .container {
    width: 1000px
}

.footer .row {
    padding: 0 2em
}

.footer a, .footer li {
    color: #888;
    font-weight: 400;
    font-size: 12px
}

.footer .col-2 a:hover, .footer .col-md-12 a:hover {
    position: relative;
    color: #333;
    text-decoration: underline
}

.footer .col ul li {
    color: #111;
    margin: 0 0 3px
}

.footer ul.info li {
    display: inline-block;
    *display: inline
}

.footer ul.info li span {
    color: #fff;
    font-size: 15px
}

.footer ul.info li:after, .footer ul.info li span:after {
    content: " \00a0"
}

.footer ul.info li:after {
    content: " \00a0\00a0\00a0"
}

.footer ul.copyright li {
    display: inline-block
}

.footer ul.copyright li.need-padding {
    padding: 0 20px;
    height: 14px;
    line-height: 14px
}

.footer div {
    padding: 0
}

.footer div.col-md-4 ul.copyright {
    float: right
}

.footer div.col-md-4 ul.copyright span {
    background-image: url('../../images/icons/btn_heading_language_grey.svg');
    background-repeat: no-repeat;
    padding-left: 30px;
    cursor: pointer
}

.footer div.col-md-4 ul.copyright span:hover {
    text-decoration: underline
}

.footer div.col-md-4 ul.copyright ul.langMenu {
    bottom: 40px;
    display: block;
    position: absolute;
    width: auto;
    border: 1px solid #ccc;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border-radius: 4px;
    list-style: none;
    color: #000
}

.footer div.col-md-4 ul.copyright ul.langMenu li {
    cursor: pointer;
    width: 100%
}

.footer .col.col-social-icons i {
    width: 22px;
    height: 22px;
    padding: 5px;
    margin: 0 3px 3px 0;
    font-size: 13px;
    background: #000;
    color: #fff
}

.footer #shareBox {
    width: 180px
}

.footer #shareBox .blogIcon {
    background-image: url(../images/aw_blog.png);
    background-repeat: no-repeat;
    background-size: 17px 14px;
    background-position: 3px;
    line-height: 14px
}

.footer #shareBox .col-social-icons {
    margin: 0 auto;
    float: right
}

.footer .col.col-social-icons i:hover {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: #666
}

.footer .itemCt {
    min-height: 160px;
    width: calc(100% - 180px);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.footer div.tab-body {
    width: 100%;
    display: flex;
    flex-direction: row
}

.footer div.tab-body ul.navIconBox {
    text-align: left;
    margin: 0 15px 5px;
    padding-left: 0
}

@media screen and (max-width: 991px) {
    .footer .container {
        width: 100%
    }

    .footer .mRow {
        width: 100%
    }

    .footer .mRow .mLangSelect {
        background-image: url('../../images/icons/btn_heading_language_grey.svg');
        background-repeat: no-repeat;
        padding-left: 30px;
        cursor: pointer;
        height: 24px;
        display: block
    }

    .footer .mRow .mLangSelect a {
        line-height: 24px
    }

    .footer .mRow .mLangSelect a:hover {
        text-decoration: underline
    }

    .footer .mRow #shareBox {
        width: calc(100% - 20px);
        height: 140px;
        margin: 0 10px;
        border-bottom: 1px solid #d2d2d2
    }

    .footer .mRow #shareBox .col.col-social-icons {
        padding: 40px 0 0 0
    }

    .footer .mRow #shareBox .col.col-social-icons i {
        width: 36px;
        height: 36px;
        font-size: 24px
    }

    .footer .mRow ul.navIconBox {
        width: calc(100% - 20px);
        padding-left: 0
    }

    .footer .mRow ul.navIconBox .col-md-2 {
        padding: 0
    }
}

#location .banner {
    background-image: url(../../images/banner/WhereToBuy_bg_L.jpg);
    width: 832px;
    height: 365px;
    align-items: center;
    font-weight: normal;
    flex-direction: column;
    margin: auto
}

#location .banner .btitle {
    font-size: 52px;
    color: #040404;
    font-style: normal;
    margin: auto;
    font-weight: 300;
    text-align: center
}

#location .banner .bcontent {
    color: #666;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin-top: 20px
}

#location .content {
    width: 1000px;
    display: flex;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px
}

#location .content .canvas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-bottom: 200px
}

#location .content .canvas .note {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

#location .content .canvas .note ul {
    list-style: none
}

#location .content .canvas .note .ntitle {
    width: 100%;
    font-weight: normal;
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0 20px;
    font-size: 18px
}

#location .content .canvas .note .ncontent {
    width: 100%;
    list-style: none;
    display: table;
    height: 30px
}

#location .content .canvas .note .ncontent li {
    width: 25%;
    padding: 30px 20px 30px 0;
    float: left;
    font-size: 14px
}

#location .content .canvas .note .ncontent li a {
    color: #666
}

#location .content .canvas .note .ncontent li a:hover, #location .content .canvas .note .ncontent li a:active {
    text-decoration: underline
}

#location .content .canvas .note .ncontent li img {
    width: 30px;
    height: 30px
}

#location .tab-body {
    padding: 15px 0
}

#location .table > thead > tr > th, #location .table > tbody > tr > th, #location .table > tfoot > tr > th, #location .table > thead > tr > td, #location .table > tbody > tr > td, #location .table > tfoot > tr > td {
    padding: 5px 8px;
    border-color: #ddd
}

#location .table > tbody > tr > th {
    background: #f4f4f4;
    color: #c5c5c5;
    font-weight: 500;
    text-align: center
}

#location .table > tbody > tr > td {
    text-align: center
}

#location .table > tbody > tr.list {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#location .table > tbody > tr.list:hover {
    background: #e3fafb;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#location .table i {
    font-size: 80%;
    padding-right: 5px
}

#location .table a {
    color: #666
}

#location .table .email a {
    text-decoration: underline;
    display: block;
    text-align: left
}

#location .table .email i {
    display: none
}

#location .table a:hover {
    color: black
}

#location .table .link i {
    color: black;
    font-size: 105%
}

#location .table th.dealerName {
    text-align: left;
    width: 55%
}

#location .table td.dealerName {
    text-align: left;
    width: 55%;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px
}

#location .table td.dealerName h5 {
    font-size: 100%;
    font-weight: 600;
    text-align: left;
    color: #1da6ae
}

#location .table td.dealerName .pic {
    width: 200px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 30px
}

#location .table td.dealerName span {
    display: block;
    margin-bottom: 5px
}

#location .pagination {
    float: none;
    text-align: center
}

#location span.phone {
    padding-right: 15px
}

@media (max-width: 960px) {
    #location .banner {
        width: 100%
    }

    #location .content {
        width: 100%
    }

    #location .content .canvas .note .ncontent li {
        width: 25%
    }
}

@media (max-width: 680px) {
    #location .banner {
        background-image: url(../../images/banner/WhereToBuy_bg_S.jpg);
        width: 100%
    }

    #location .banner .btitle {
        font-size: 30px
    }

    #location .content {
        width: 100%
    }

    #location .content .canvas .note .ncontent li {
        width: 50%
    }

    #location .table .email i {
        display: block
    }

    #location .table .email span {
        display: none
    }

    #location .table .link i {
        color: #1da6ae;
        font-size: 125%
    }

    #location span.phone {
        display: block;
        padding-right: 0
    }

    #location .table th.dealerName {
        width: 40%
    }

    #location .table td.dealerName {
        width: 40%
    }

    #location .table td.dealerName .pic {
        float: none;
        margin: 0 0 10px 0
    }

    #location .country {
        text-align: left;
        margin-bottom: 15px
    }

    #location .country select {
        font-size: 80%;
        margin-bottom: 15px
    }
}

.goodsDeatilBg {
    background: #fff
}

.goodsDeatilBg2 {
    background-size: 100%;
    background-image: -moz-radial-gradient(center, circle farthest-corner, #e1e1e1 -3%, #e1e1e1 100%);
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #e1e1e1 -3%, #e1e1e1 100%);
    background-image: radial-gradient(circle farthest-corner at center, #e1e1e1 -3%, #e1e1e1 100%)
}

.gTabBg {
    background: url(../images/tab_shdow.png) no-repeat center 3px
}

#goods #topInfo h2 {
    color: #000;
    font-size: 220%;
    font-weight: bold;
    padding: 80px 0 0
}

#goods #topInfo h3 {
    color: #646464;
    font-size: 135%;
    font-weight: normal;
    word-wrap: break-word;
    word-break: normal;
    text-transform: none
}

#goods .popup-gallery a:focus {
    outline: 0
}

#goods .popup-gallery img {
    display: block;
    margin: 0 auto
}

#goods #topInfo p {
    color: #333;
    font-size: 110%
}

#goods .award {
    overflow: hidden;
    margin: 0 0 15px
}

#goods .award ul {
    text-align: right;
    overflow: hidden
}

#goods .award ul li {
    display: inline-block;
    display: inline;
    padding: 0 3px
}

#goods.slice {
    padding: 0
}

#gTabSetting .col-xs-8, #gTabSetting .col-xs-4 {
    padding: 0
}

#goods .tabs-framed {
    border-top: none
}

#goods .tabs {
    border-bottom: none;
    list-style: none
}

#goods .tabs li {
    border-right: 1px solid #c4c5c6;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

#goods .tabs li a {
    border-bottom: 3px solid #c4c5c6;
    color: #3d3f43;
    padding: 10px 15px;
    text-decoration: none;
    text-overflow: initial
}

#goods .tabs li a:hover {
    color: #646464
}

#goods .tabs li.active {
    border-right: none;
    background: #646464
}

#goods .tabs li.active a {
    border-bottom: 3px solid #fff;
    color: #fff
}

#goods .tabs li:first-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

#goods .tabs li:last-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: none;
    -moz-box-shadow: 3px 0 4px -1px #ddd;
    -webkit-box-shadow: 3px 0 4px -1px #ddd;
    box-shadow: 3px 0 4px -1px #ddd
}

#goods .otherTab a {
    height: 45px;
    line-height: 45px;
    display: block;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #959595;
    color: #fff;
    padding-right: 8px
}

#goods .otherTab i {
    background: #878787;
    padding: 0 8px;
    margin-right: 5px;
    line-height: 45px
}

#goods .otherTab a {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#goods .otherTab a:last-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

#goods .otherTab a:first-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#goods .otherTab a:hover {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#gDeatil {
    color: #333;
    font-size: 110%
}

#gDeatil a {
    color: #1da6ae;
    height: 100%
}

#gDeatil a:hover {
    color: #0c8c93
}

#gDeatil .displayTable {
    display: table;
    padding: 15px 0
}

#gDeatil .displayTable > div {
    display: table-cell;
    vertical-align: middle
}

#gDeatil .displayTable > div img {
    margin: 30px auto;
    display: block
}

#gDeatil .tab-body h4 {
    color: #1d1d1d
}

#gDeatil .txt {
    width: 58.33333333%
}

#gDeatil div.fontBox {
    overflow: hidden
}

#gDeatil div.fontBox > * {
    padding: 0 20em
}

#gDeatil .pic {
    width: 41.66666667%
}

#gDeatil .pic img {
    width: 100%;
    height: auto
}

#gDeatil .txt2 {
    width: 80%
}

#gDeatil .txt2 h4 {
    text-align: center
}

#gDeatil .txt2 div.fontBox {
}

#gDeatil .pic2 {
    width: 100%
}

#gDeatil .displayTable > div.txt2, #gDeatil .displayTable > div.pic2 {
    display: block;
    margin: 0 auto
}

#gDeatil .container {
    padding-right: 30px;
    padding-left: 30px;
    overflow: hidden
}

#gDeatil .container.tableSetting {
    padding-right: 15px;
    padding-left: 15px;
    overflow: hidden
}

#gDeatil .table {
    margin-bottom: 0
}

#gDeatil .table > thead > tr > th, #gDeatil .table > tbody > tr > th, #gDeatil .table > tfoot > tr > th, #gDeatil .table > thead > tr > td, #gDeatil .table > tbody > tr > td, #gDeatil .table > tfoot > tr > td {
    padding: 5px 8px;
    border-color: #ddd
}

#gDeatil .table > tbody > tr > th {
    background: #f4f4f4
}

#gDeatil .table > tbody > tr.list {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#gDeatil .table > tbody > tr.list:hover {
    background: rgba(29, 166, 174, 0.15);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#gDeatil .table .modelName {
    color: #1da6ae
}

#gDeatil .downloadBtn {
    width: 20%;
    text-align: center
}

.txtTemp {
    padding: 25px 0
}

.bgGray {
    background: #f7f7f7
}

.bgWhite {
    background: #fff
}

@media (max-width: 768px) {
    #goods .otherTab a {
        font-size: 90%
    }
}

@media (max-width: 767px) {
    #gDeatil {
        font-size: 100%
    }

    #goods .tabs li a {
        padding: 10px 6px
    }

    #gTabSetting .col-xs-8 {
        width: 100%
    }

    #gTabSetting .col-xs-4 {
        width: 255px;
        float: none;
        position: relative;
        left: 0;
        top: 15px;
        height: 45px;
        overflow: hidden
    }

    #goods .otherTab a, #goods .otherTab i {
        height: 30px;
        line-height: 30px
    }

    #gDeatil .displayTable > div {
        display: block;
        vertical-align: middle
    }

    #gDeatil .txt, #gDeatil .pic {
        width: 100%
    }

    #gDeatil .txt2 {
        width: 100%
    }

    #gDeatil .txt2 h4, #gDeatil .txt2 div.fontBox {
        text-align: left
    }

    #gDeatil .table {
        font-size: 90%
    }
}

@media (max-width: 320px) {
    #gTabSetting .col-xs-4 {
        width: 260px
    }
}

#gList {
    margin-top: 10px
}

#gList .wp-block {
    margin: 0 auto 0;
    width: 95%
}

#gList .wp-block.inverse {
    margin: 0 auto 0
}

#gList .slideBox {
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -48%
}

#gList .gTitle {
    font-size: 120%;
    color: #1da6ae;
    font-weight: 500;
    margin: 15px 0 10px
}

#gList .gPic img {
    width: 100%;
    height: auto
}

#gList .group {
    padding: 15px 0;
    margin-bottom: 20px;
    cursor: pointer
}

#gList .group .product-title a {
    font-size: 16px;
    color: #1da6ae;
    margin: 10px 0;
    display: block;
    font-weight: 500
}

#gList .group p {
    color: #333
}

#gList .group figure {
    overflow: hidden
}

#gList .price {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    border-top: 1px solid #c9c9c9;
    padding-top: 10px
}

#gList .group > p, #gList .group > div {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#gList .group a.btn {
    margin: 0 0 0 10px
}

#gList .listGroup {
    padding: 25px 0
}

#gList .listGroup:first-child {
    padding: 0 0 25px
}

#gList.slice {
    padding: 30px 0 0
}

#gList .blueBg, #gList .blueBg2 {
    background: url(../images/blue_bg.png) repeat-x top
}

#gList .animate-hover-slide .figure .figcaption-btn {
    top: 50%;
    margin-top: -60px
}

#gList .animate-hover-slide .figure a {
    font-size: 120%;
    display: inline-block;
    min-width: 145px
}

#gList .animate-hover-slide .figure span {
    display: block;
    padding: 10px 0 10px
}

#gList .listTi {
    font-size: 120%;
    margin: 25px 0 10px;
    color: #3498db
}

#gList .listTi span {
    display: block
}

#gList .listTi i {
    font-size: 110%
}

#goodsOwl .owl-carousel .owl-controls .owl-nav .owl-prev, #goodsOwl .owl-carousel .owl-controls .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: -40px;
    right: 0;
    margin-top: 0;
    font-size: 18px;
    text-align: center;
    border: 1px solid transparent;
    background: #f5f5f5;
    color: #1da6ae;
    opacity: 1
}

#goodsOwl .owl-carousel .owl-controls .owl-nav .owl-prev:hover, #goodsOwl .owl-carousel .owl-controls .owl-nav .owl-next:hover {
    background: #1da6ae;
    color: #fff
}

#goodsOwl .owl-carousel .owl-controls .owl-nav .owl-prev {
    right: 36px
}

#goodsOwl .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0
}

#goodsOwl .owl-controls {
    margin-top: 0
}

#goodsOwl .owl-carousel .item {
    margin: 0
}

@media (min-width: 320px) {
    .wp-block, .carousel-work .figure {
        margin-bottom: 0 !important;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    #gNavList .row {
        margin-right: 0;
        margin-left: 0
    }
}

#newsView .article-content {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

#newsView .article-content img {
    margin: 60px 0 30px;
    max-width: 100%;
    /*height: 100% !important;*/
}
#newsView .article-content p{
    margin: 0 0 20px 0;
}
#newsView .article-content p.quote{
    padding: 40px 30px;
    background-color: #fafafa;
    text-align: center;
    font-size: 20px;
    line-height: 29px;
    font-weight: normal;
    margin: 40px 0px;
}

#newsView #goBack-container {
    width: 760px;
    padding: 0;
    margin-top: 26px
}

#newsView #goBack {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #00a5e7
}

#newsView h3 {
    font-size: 31px;
    font-weight: bold;
    line-height: 37px;
    text-align: left;
    color: #020202
}

#newsView .slice {
    padding: 60px 0 160px
}

#newsView .slice .container {
    width: 760px;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto
}

#newsView .slice .date {
    padding-bottom: 40px;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #888
}

@media only screen and (max-width: 960px) {
    #newsView #goBack-container {
        margin-left: 0;
        width: 760px;
        padding-left: 100px
    }

    #newsView .slice .container {
        width: 100%;
        padding: 0 100px
    }
}

@media only screen and (max-width: 640px) {
    #newsView #goBack-container {
        width: 100%;
        padding-left: 20px
    }

    #newsView .slice .container {
        padding: 0 20px
    }
}

#newsBody {
}

#newsBody tr {
    height: 60px;
    font-size: 14px
}

#newsBody td > a {
    color: #666
}

#newsBody td > a:hover {
    color: black
}

#newsBody td > a:active, #newsBody td > a:focus {
    text-decoration: none;
    color: black
}

#newsBody .select2-dropdown.qselect-dropdown.select2-dropdown--below {
    max-width: 180px !important
}

#newsBody .select2-container--default .select2-results > .select2-results__options {
    max-height: 280px;
    overflow-y: auto
}

#newsBody .container.header-title {
    text-align: center;
    font-size: 31px;
    line-height: 37px;
    padding: 50px 0 60px
}

#newsBody .container.header-title .bigTitle {
    font-size: 31px;
    font-weight: bold;
    line-height: 37px;
    text-align: center;
    color: #020202
}

#newsBody #news.slice .container {
    min-height: 760px
}

#newsBody #news.slice .container .content {
    padding: 0
}

#newsBody #news.slice .active {
    display: block !important;
    background-color: white
}

#newsBody #news.slice .subTitle {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #666;
    font-weight: bold
}

#newsBody #news.slice .selectYear {
    width: 100%
}

#newsBody #news.slice .selectYear select {
    outline: none
}

#newsBody #news.slice .selectYear select + span {
    width: 159px !important
}

#newsBody #news.slice .selectYear select:focus {
    border-color: #1da6ae
}

#newsBody #news.slice .selectYear select[name=year] + span {
    width: 96px !important;
    margin-left: 21px
}

#newsBody #news.slice form[name=form_search_events], #newsBody #news.slice form[name=form_search_news], #newsBody #news.slice #event, #newsBody #news.slice #newsTable, #newsBody #news.slice .eventPager, #newsBody #news.slice .newsPager, #newsBody #news.slice #noArticle {
    display: none
}

#newsBody #news.slice .container {
    width: 1000px;
    padding: 0
}

#newsBody #news.slice .container .top-title {
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px solid #666;
    padding-left: 20px;
    position: relative;
    top: 2px
}

#newsBody #news.slice .container .top-title .mobieBlock {
    display: flex
}

#newsBody #news.slice .container .top-title .mobieBlock h2 {
    min-width: 100px
}

#newsBody #news.slice .top-event {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: white;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #888;
    min-width: 50px
}

#newsBody #news.slice .top-event.active {
    font-weight: bold;
    text-decoration: none;
    color: #3b3b3b
}

#newsBody #news.slice h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    text-align: left;
    color: #040404;
    margin: 0
}

#newsBody #news.slice .col-xs-6 {
    padding-left: 10px
}

#newsBody #news.slice .tab-body {
    min-height: 635px;
    padding-bottom: 15px
}

#newsBody #news.slice .date {
    font-size: 14px;
    line-height: 7px;
    text-align: left;
    color: #77c63a;
    min-width: 180px;
    padding: 22px 8px 22px 20px
}

#newsBody #news.slice .date + td {
    width: 100%
}

#newsBody #news.slice .eventCountry, #newsBody #news.slice .country {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #ccc
}

#newsBody #news.slice .noData {
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    color: #ccc
}

#newsBody #news.slice .pagination {
    width: 50%
}

@media only screen and (max-width: 1000px) {
    #newsBody #news.slice .container {
        width: 100%;
        padding: 0 20px
    }
}

@media only screen and (max-width: 700px) {
    #newsBody tr {
        border-left-color: white !important;
        border-right-color: white !important
    }

    #newsBody #news.slice {
        padding: 0
    }

    #newsBody #news.slice .container .content .top-title {
        display: inline-block;
        padding: 0 calc(100% - 310px) 8px 20px
    }

    #newsBody #news.slice .container .content .top-title .mobieBlock {
        display: flex;
        margin-bottom: 22px
    }
}

@media only screen and (max-width: 640px) {
    #newsBody .content .tab-body {
        overflow: auto
    }

    #newsBody .date {
        min-width: 120px
    }

    #newsBody table {
        min-width: 540px
    }
}

#newsEvent #goBack {
    font-size: 14px;
    line-height: 16px;
    color: white;
    vertical-align: top;
    margin-top: 20px;
    display: inline-block
}

#newsEvent .header-title {
    background-image: url("../../images/Events_bg_L.jpg");
    background-position: center center;
    width: 100%;
    height: 620px;
    padding: 0;
    text-align: left
}

#newsEvent .header-title .header-content {
    width: 760px;
    margin-left: auto;
    margin-right: auto
}

#newsEvent .header-title .bigTitle {
    font-weight: bold;
    margin-top: 217px;
    display: flex;
    justify-content: center;
    font-size: 71px;
    line-height: 83px;
    color: #fff
}

#newsEvent h3 {
    font-size: 31px;
    font-weight: bold;
    line-height: 37px;
    text-align: left;
    color: #020202
}

#newsEvent .slice {
    padding: 60px 0 160px
}

#newsEvent .slice img {
    margin: 60px 0;
    max-width: 100%
}

#newsEvent .slice .container {
    width: 760px;
    padding: 0
}

#newsEvent .slice .container #country {
    padding-top: 20px;
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #888
}

#newsEvent .slice .container .article-content {
    word-break: break-word
}

#newsEvent .slice .container .article-content p, #newsEvent .slice .container .article-content span {
    font-family: "Roboto", "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif !important;
    font-size: 16px !important;
    line-height: 30px !important;
    text-align: left !important;
    color: #666 !important
}

#newsEvent .slice .container .register {
    width: 100px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #70d131;
    background-image: linear-gradient(to bottom, #8de256, #70d131)
}

#newsEvent .slice .container .register:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#newsEvent .slice .container .register:active {
    background-image: linear-gradient(to bottom, #70db2a, #5aa926)
}

@media only screen and (max-width: 960px) {
    #newsEvent .header-title {
        background-image: url("../../images/Events_bg_M.jpg");
        background-size: cover;
        height: 420px
    }

    #newsEvent .header-title .header-content {
        width: 100%
    }

    #newsEvent .header-title .header-content #goBack {
        padding-left: 40px
    }

    #newsEvent .header-title .header-content .bigTitle {
        margin-top: 98px
    }

    #newsEvent .slice .container {
        width: 100%;
        padding: 0 40px
    }
}

@media only screen and (max-width: 640px) {
    #newsEvent .container.header-title {
        padding-left: 20px;
        padding-right: 20px;
        background-image: url("../../images/Events_bg_S.jpg");
        height: 264px
    }

    #newsEvent .container.header-title .header-content #goBack {
        padding: 0
    }

    #newsEvent .container.header-title .header-content .bigTitle {
        margin: 0;
        font-size: 41px;
        line-height: 48px;
        text-align: center;
        color: #fff
    }

    #newsEvent #event.slice {
        padding: 80px 20px 160px
    }

    #newsEvent #event.slice .container {
        width: 100%;
        padding: 0
    }
}

#sitemap strong {
    color: #fff;
    font-size: 120%;
    background: #7d7d7d;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px;
    margin-bottom: 10px
}

#sitemap strong a {
    color: #fff
}

#sitemap strong a:hover {
    text-decoration: underline
}

#sitemap a:hover {
    position: relative;
    top: 1px;
    left: 1px
}

#sitemap ul.tree1 {
    list-style-type: circle;
    padding-left: 30px;
    margin-bottom: 15px
}

#sitemap ul.tree2 {
    list-style-type: square;
    padding-left: 30px;
    margin-bottom: 15px;
    color: #666
}

#sitemap ul.tree1 > li span {
    font-weight: 500;
    font-size: 110%
}

#sitemap .margin-top60 {
    margin-top: 60px
}

.txtTemp * {
    font-family: "Roboto", "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif
}

.fontBox ul {
    padding-left: 1em;
    margin-left: 1em
}

.fontBox ol {
    list-style-type: decimal;
    padding-left: 1em;
    margin-left: 1em
}

table {
    display: table;
    border-collapse: separate;
    border-color: gray
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

select {
    font-family: Calibri, "Lucida Grande", "微軟正黑體", "Microsoft JhengHei", sans-serif
}

select option {
    font-weight: 500 !important
}

#contactUsList .home {
    width: 100%;
    display: flex;
    justify-content: center;
    background: white
}

#contactUsList .home .home-content {
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    width: 1200px
}

#contactUsList .home .home-content .title {
    width: 100%;
    font-size: 28px;
    line-height: 21px;
    font-weight: bold;
    margin: 60px 10px 22px
}

#contactUsList .home .home-content a {
    color: #3B3B3B
}

#contactUsList .home .home-content .input-lnk {
    margin: 10px;
    margin-bottom: 80px;
    width: calc(33% - 20px)
}

#contactUsList .home .home-content .input-lnk:link {
    text-decoration: none;
    display: block
}

#contactUsList .home .home-content .input-lnk:visited, #contactUsList .home .home-content .input-lnk:focus {
    text-decoration: none;
    color: black
}

#contactUsList .home .home-content .input-lnk:hover {
    color: white
}

#contactUsList .home .home-content .input-lnk .home-cotent-success {
    height: 100%;
    background-color: #fafafa;
    overflow: hidden;
    font-size: 15px;
    width: 100%
}

#contactUsList .home .home-content .input-lnk .home-cotent-success:hover {
    background-color: #79C63D;
    color: white;
    box-shadow: #c8c8c8 0 0 16px
}

#contactUsList .home .home-content .input-lnk .home-cotent-success .img_block .imgs {
    width: 100%;
    height: 0;
    padding-bottom: 67%;
    background-size: cover
}

#contactUsList .home .home-content .input-lnk .home-cotent-success .img_block .font_descrip .h3_style {
    padding: 30px;
    font-size: 20px;
    line-height: 11px
}

#contactUsList .home .home-content .input-lnk .home-cotent-success .img_block .font_descrip .p_style {
    padding: 0 30px 30px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden
}

@media only screen and (max-width: 1200px) {
    #contactUsList .home .home-content {
        width: 960px
    }

    #contactUsList .outFormDiv {
        width: 1080px
    }
}

@media only screen and (max-width: 960px) {
    #contactUsList .home {
        width: 100%;
        display: flex;
        justify-content: center
    }

    #contactUsList .home .home-content {
        display: flex;
        justify-content: flex-start
    }

    #contactUsList .home .home-content .title {
        margin: 60px 20px 22px
    }

    #contactUsList .home .home-content .input-lnk {
        margin: 10px;
        margin-bottom: 10%;
        width: calc(50% - 20px)
    }

    #contactUsList .home .home-content .input-lnk .home-cotent-success {
        width: 100%;
        height: 100%
    }

    #contactUsList .home .home-content .input-lnk .home-cotent-success .img_block {
        height: 57%
    }
}

@media only screen and (max-width: 640px) {
    #contactUsList .home .home-content {
        display: flex;
        justify-content: center;
        width: 100%
    }

    #contactUsList .home .home-content .input-lnk {
        margin: 10px;
        margin-bottom: 10%;
        width: calc(100% - 20px)
    }

    #contactUsList .home .home-content .input-lnk .home-cotent-success {
        width: 100%;
        height: 100%
    }
}

#contactUsFormBody {
    background-color: #FAFAFA !important
}

#contactUsFormBody .input-form .invalid {
    border-color: #b71a3c !important
}

#contactUsFormBody .select2-search__field {
    width: 260px !important
}

#contactUsFormBody .select2-selection--single {
    border: 1px solid #ccc
}

#contactUsFormBody .form-controls {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#contactUsFormBody .qselect-dropdown li {
    text-align: left
}

#contactUsFormBody .qselect:hover {
    border: 1px solid #ccc;
    background-color: white;
    box-shadow: none
}

#contactUsFormBody select {
    width: 270px;
    height: 36px;
    border-style: inset;
    border-radius: 4px;
    border: 1px solid #ccc
}

#contactUsFormBody input {
    width: 270px
}

#contactUsFormBody input::placeholder {
    color: #ccc;
    font-weight: normal
}

#contactUsFormBody input[type=checkbox]:not(old), #contactUsFormBody input[type=radio]:not(old) {
    width: 0;
    opacity: 0
}

#contactUsFormBody .btnStyle {
    border-color: #70D131;
    color: white;
    background: linear-gradient(to bottom, #8de256, #70d131);
    margin: 20px 0 40px 0;
    width: 420px
}

#contactUsFormBody .btnStyle:hover {
    background: linear-gradient(to bottom, #7ede40, #65be2a)
}

#contactUsFormBody .btnStyle:active {
    background: linear-gradient(to bottom, #70db2a, #5aa926)
}

#contactUsFormBody div label {
    margin-top: 24px;
    margin-bottom: 4px
}

#contactUsFormBody em {
    color: red
}

#contactUsFormBody .clear, #contactUsFormBody .input-display {
    display: none
}

#contactUsFormBody .shows {
    display: block
}

#contactUsFormBody textarea {
    width: 300px !important;
    height: 100px !important;
    border-color: #ccc
}

#contactUsFormBody textarea:focus {
    border-color: #81e03c
}

#contactUsFormBody .select2-selection__rendered {
    color: black !important
}

#contactUsFormBody input[name="t"]:not(:checked) + .checkbox-display, #contactUsFormBody input[name="tt"]:not(:checked) + .checkbox-display, #contactUsFormBody input[name="noise"]:not(:checked) + .checkbox-display, #contactUsFormBody .checkbox-display {
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url('../../images/icons/btn_general_checkbox_uncheck.svg');
    background-position: center center;
    background-repeat: no-repeat
}

#contactUsFormBody input[name="t"]:checked + .checkbox-display, #contactUsFormBody input[name="tt"]:checked + .checkbox-display, #contactUsFormBody input[name="noise"]:checked + .checkbox-display, #contactUsFormBody input[name="t"]:checked + em + .checkbox-display, #contactUsFormBody input[name="tt"]:checked + em + .checkbox-display, #contactUsFormBody input[name="noise"]:checked + em + .checkbox-display {
    background-image: url('/images/icons/btn_general_checkbox_checked.svg');
}

#contactUsFormBody .allFormStyle {
    display: flex;
    font-weight: 300
}

#contactUsFormBody .allFormStyle .head-font {
    text-align: left;
    margin-left: auto;
    padding-right: 40px
}

#contactUsFormBody .allFormStyle .head-font p {
    line-height: 34px
}

#contactUsFormBody .allFormStyle .head-font .head-font-content {
    margin: auto;
    text-align: left;
    width: 460px;
    font-size: 20px;
    color: #666;
    line-height: 34px
}

#contactUsFormBody .allFormStyle .formStyle {
    margin-right: auto;
    width: fit-content;
    padding-bottom: 30px
}

#contactUsFormBody .allFormStyle .formStyle .level1 {
    background-color: white;
    box-shadow: #c8c8c8 0 0 16px;
    text-align: left;
    width: 500px
}

#contactUsFormBody .allFormStyle .formStyle .level1 .level2 {
    padding-left: 40px;
    margin-top: 74px;
    padding-top: 40px
}

#contactUsFormBody .allFormStyle .formStyle .level1 .level2 span {
    color: red
}

#contactUsFormBody .allFormStyle .formStyle .level1 .level2 #typeDrop, #contactUsFormBody .allFormStyle .formStyle .level1 .level2 #contryDrop {
    width: 270px
}

#contactUsFormBody .allFormStyle .formStyle .level1 .level2 #typeDrop .qselect-dropdown, #contactUsFormBody .allFormStyle .formStyle .level1 .level2 #contryDrop .qselect-dropdown {
    min-width: 270px
}

#contactUsFormBody .allFormStyle .formStyle .level1 .level2 .input-display .radio-label {
    width: 396px;
    padding: 0 0 0 24px;
    position: relative;
    line-height: 20px;
    font-size: 12px
}

@media only screen and (max-width: 1200px) {
    #contactUsFormBody .allFormStyle {
        display: block;
        padding-left: 40px
    }

    #contactUsFormBody .allFormStyle .head-font {
        text-align: left;
        margin: 0
    }

    #contactUsFormBody .allFormStyle .head-font .head-font-content {
        text-align: left;
        margin: 0;
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    #contactUsFormBody {
        background-color: white !important
    }

    #contactUsFormBody .btnStyle {
        width: calc(100% - 20px);
        margin-right: 20px
    }

    #contactUsFormBody .allFormStyle {
        padding: 0;
        background-color: white
    }

    #contactUsFormBody .allFormStyle .head-font {
        padding: 0 20px
    }

    #contactUsFormBody .allFormStyle .formStyle {
        width: 100%
    }

    #contactUsFormBody .allFormStyle .formStyle .level1 {
        width: 100%;
        box-shadow: none
    }

    #contactUsFormBody .allFormStyle .formStyle .level1 .level2 {
        padding-left: 20px
    }

    #contactUsFormBody .allFormStyle .formStyle .level1 .level2 .input-display .radio-label {
        width: 311px
    }
}

#taiwanApplication {
    background-color: #FAFAFA
}

#taiwanApplication .ui-datepicker-prev, #taiwanApplication .ui-datepicker-next {
    background-color: darkgray
}

#taiwanApplication .select2-selection__rendered {
    color: black !important
}

#taiwanApplication .select2-search__field {
    width: 260px !important
}

#taiwanApplication .select2-selection--single {
    border: 1px solid #ccc
}

#taiwanApplication em {
    color: red
}

#taiwanApplication ::-webkit-input-placeholder {
    color: #c8c8c8
}

#taiwanApplication .qselect-dropdown li {
    text-align: left
}

#taiwanApplication .qselect:hover {
    border: 1px solid #ccc;
    background-color: white;
    box-shadow: none
}

#taiwanApplication .allFormStyle {
    background-color: #FAFAFA;
    display: flex;
    font-weight: 300px
}

#taiwanApplication .allFormStyle textarea {
    border-color: #ccc;
    border-radius: 4px
}

#taiwanApplication .allFormStyle textarea:focus {
    border-color: #81e03c !important
}

#taiwanApplication .allFormStyle textarea.form-controls {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#taiwanApplication .allFormStyle input {
    width: 270px
}

#taiwanApplication .allFormStyle input[type=checkbox]:not(old), #taiwanApplication .allFormStyle input[type=radio]:not(old) {
    width: 0;
    opacity: 0
}

#taiwanApplication .allFormStyle input[type=radio] + label {
    margin-top: 0 !important;
    margin-bottom: 0
}

#taiwanApplication .allFormStyle input + label {
    margin-right: 25%
}

#taiwanApplication .allFormStyle select {
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 270px;
    height: 36px;
    border-style: inset
}

#taiwanApplication .allFormStyle .head-font {
    text-align: left;
    margin-left: auto;
    padding-right: 40px
}

#taiwanApplication .allFormStyle .head-font .head-font-content {
    margin: auto;
    text-align: left;
    width: 460px;
    font-size: 20px;
    line-height: 34px;
    color: #666
}

#taiwanApplication .allFormStyle .slider_form {
    pointer-events: none;
    width: 500px;
    margin-right: auto
}

#taiwanApplication .allFormStyle .slider_form input, #taiwanApplication .allFormStyle .slider_form select, #taiwanApplication .allFormStyle .slider_form span, #taiwanApplication .allFormStyle .slider_form textarea, #taiwanApplication .allFormStyle .slider_form div {
    pointer-events: auto
}

#taiwanApplication .allFormStyle .slider_form.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 0
}

#taiwanApplication .allFormStyle .slider_form .slick-dots {
    position: absolute;
    bottom: 8%;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

#taiwanApplication .allFormStyle .slider_form .slick-dots li button {
    cursor: initial
}

#taiwanApplication .allFormStyle .slider_form .slick-dots li button:hover::before, #taiwanApplication .allFormStyle .slider_form .slick-dots li button:focus::before {
    opacity: 1
}

#taiwanApplication .allFormStyle .slider_form .slick-dots li button:not:hover::before {
    background-color: initial;
    color: rgba(58, 58, 58, 0.7)
}

#taiwanApplication .allFormStyle .slider_form .level1 {
    background-color: white;
    box-shadow: #c8c8c8 0 0 12px;
    text-align: left;
    height: 1118px
}

#taiwanApplication .allFormStyle .slider_form .level1 label {
    margin-top: 24px;
    margin-bottom: 4px
}

#taiwanApplication .allFormStyle .slider_form .level1 .level2 {
    padding-left: 40px;
    margin-top: 40px;
    padding-top: 40px
}

#taiwanApplication .allFormStyle .slider_form .level1 .level2 span {
    color: red
}

#taiwanApplication .allFormStyle .slider_form .btnStyle {
    background: linear-gradient(to bottom, #FDFDFD, #E7E7E7)
}

#taiwanApplication .allFormStyle .slider_form .btnStyle:active {
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm1 #typeDrop {
    pointer-events: auto;
    width: 270px
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm1 #typeDrop .qselect-dropdown {
    min-width: 237px !important
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm1 div.oneThirdForm input[type=radio]:not(old):checked + label, #taiwanApplication .allFormStyle .slider_form #contactUsForm1 div.oneThirdForm input:not(old) + label {
    background-position-y: 5px
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm1 div.oneThirdForm .labelHeight2 {
    height: 20px;
    margin-bottom: 2px;
    background-position-y: 10px
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm1 #firstNextBtn {
    margin-top: 15%;
    margin-left: 32%;
    width: 110px
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm2 div.twoThirdForm .labelHeight {
    height: 54px;
    line-height: 34px
}

#taiwanApplication .allFormStyle .slider_form input#firstBackBtn {
    margin-top: 15%;
    width: 110px;
    margin-left: 17%;
    margin-right: 20px
}

#taiwanApplication .allFormStyle .slider_form input#nextpage {
    margin-top: 15%;
    width: 110px
}

#taiwanApplication .allFormStyle .slider_form input[type=radio]:not(old):checked + label, #taiwanApplication .allFormStyle .slider_form input[type=radio]:not(old) + label {
    background-position-y: 10px
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm input[name="noise"]:not(:checked) + .checkbox-display, #taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm .checkbox-display {
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url('../../images/icons/btn_general_checkbox_uncheck.svg');
    background-position: center center;
    background-repeat: no-repeat
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm input[name="noise"]:checked + .checkbox-display, #taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm input[name="noise"]:checked + em + .checkbox-display {
    background-image: url('/images/icons/btn_general_checkbox_checked.svg');
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm input[type=radio]:not(old):checked + label, #taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm input[type=radio]:not(old) + label {
    background-position-y: 4px
}

#taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm .radio-label {
    width: 396px;
    padding: 0 0 0 24px;
    position: relative;
    line-height: 20px;
    font-size: 12px
}

#taiwanApplication .allFormStyle .slider_form input#backbtn2 {
    margin-top: 40%;
    width: 110px;
    margin-left: 17%;
    margin-right: 20px
}

#taiwanApplication .allFormStyle .slider_form input#btnSubmit {
    margin-top: 40%;
    width: 110px;
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#taiwanApplication .allFormStyle .slider_form input#btnSubmit:hover {
    background: linear-gradient(to bottom, #7ede40, #65be2a)
}

#taiwanApplication .allFormStyle .slider_form input#btnSubmit:active {
    background: linear-gradient(to bottom, #70db2a, #5aa926)
}

@media only screen and (max-width: 1200px) {
    #taiwanApplication .allFormStyle {
        display: block;
        padding-left: 40px
    }

    #taiwanApplication .allFormStyle .head-font {
        text-align: left;
        margin-right: 40px;
        padding: 0
    }

    #taiwanApplication .allFormStyle .head-font .head-font-content {
        text-align: left;
        margin: 0;
        width: 100%
    }

    #taiwanApplication .allFormStyle .slider_form {
        width: 500px;
        margin: 0;
        font-size: 14px
    }

    #taiwanApplication .allFormStyle .slider_form #contactUsForm1 #firstNextBtn {
        margin-left: 31%
    }

    #taiwanApplication .allFormStyle .slider_form input#firstBackBtn, #taiwanApplication .allFormStyle .slider_form input#nextpage {
        margin-top: 16%
    }

    #taiwanApplication .allFormStyle .slider_form input#backbtn2, #taiwanApplication .allFormStyle .slider_form input#btnSubmit {
        margin-top: 42%
    }
}

@media only screen and (max-width: 640px) {
    #taiwanApplication .allFormStyle {
        padding: 0;
        background-color: white
    }

    #taiwanApplication .allFormStyle textarea {
        border-color: #ccc;
        width: 300px
    }

    #taiwanApplication .allFormStyle input {
        width: 270px
    }

    #taiwanApplication .allFormStyle input::placeholder {
        color: black;
        font-weight: normal
    }

    #taiwanApplication .allFormStyle select {
        width: 270px
    }

    #taiwanApplication .allFormStyle .head-font {
        margin: 0 20px
    }

    #taiwanApplication .allFormStyle .slider_form {
        width: 375px
    }

    #taiwanApplication .allFormStyle .slider_form .slick-dots {
        bottom: 6%;
        width: fit-content;
        margin-left: 32%
    }

    #taiwanApplication .allFormStyle .slider_form .level1 {
        box-shadow: none;
        height: 100%
    }

    #taiwanApplication .allFormStyle .slider_form .level1 .level2 {
        margin-top: 67px;
        padding: 10px
    }

    #taiwanApplication .allFormStyle .slider_form #contactUsForm1 #typeDrop {
        width: 270px
    }

    #taiwanApplication .allFormStyle .slider_form #contactUsForm1 #typeDrop .qselect-dropdown {
        min-width: 270px !important
    }

    #taiwanApplication .allFormStyle .slider_form #contactUsForm1 #firstNextBtn {
        margin-top: 16%;
        margin-left: 25%
    }

    #taiwanApplication .allFormStyle .slider_form input#firstBackBtn {
        margin-top: 18%;
        margin-left: 5%
    }

    #taiwanApplication .allFormStyle .slider_form input#nextpage {
        margin-top: 18%
    }

    #taiwanApplication .allFormStyle .slider_form #contactUsForm3 div.threeThirdForm .radio-label {
        width: 311px
    }

    #taiwanApplication .allFormStyle .slider_form input#backbtn2 {
        margin-top: 46%;
        margin-left: 20px
    }

    #taiwanApplication .allFormStyle .slider_form input#btnSubmit {
        margin-top: 46%
    }
}

.awardList .awardName {
    display: block;
    font-weight: 500;
    font-size: 105%;
    color: #1da6ae;
    margin: 8px 0
}

.eventsList .ePic {
    max-height: 165px
}

.eventsList .figure {
    border: 1px solid #ddd
}

.eventsList .wp-block.inverse h2 {
    color: #1da6ae
}

#events .animate-hover-slide .figure a {
    font-size: 200%
}

#events div.ePic.text-center {
    box-sizing: unset
}

.eventsList p {
    line-height: 20px
}

@media (max-width: 767px) {
    .eventsList p {
        font-style: 90%
    }
}

@media (max-width: 479px) {
    .eventsList .col-xs-6 {
        width: 100%
    }
}

#awards .filter select {
    padding: 0;
    max-width: 250px;
    display: inline-block
}

#awards .filter select:focus {
    border-color: #1da6ae
}

#awards .awardList .awardName {
    padding-left: 30px;
    display: block;
    font-weight: 500;
    font-size: 105%;
    color: #1da6ae;
    margin: 8px 0
}

.awardList {
    color: #333;
    line-height: 20px
}

.awardList .group {
    margin: 15px 0
}

.awardList .group .txt {
    margin-bottom: 15px
}

@media (min-width: 768px) and (max-width: 1199px) {
}

@media (max-width: 767px) {
}

@media (max-width: 479px) {
    .awardList .col-xs-8, .awardList .col-xs-4 {
        width: 100%
    }
}

@media screen and (max-width: 479px) {
    #gList.overview {
        overflow-x: scroll
    }
}

#gList.overview {
    padding: 40px 0;
    font-size: 13px
}

#gList.overview a {
    color: #32bbc3
}

#gList.overview a:hover {
    color: #1da6ae
}

#gList.overview table {
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 480px
}

#gList.overview th {
    text-align: center
}

#gList.overview td {
    padding: 5px;
    vertical-align: top
}

#gList.overview .title {
    background: #83d6db
}

#gList.overview .subOv {
    padding-left: 5px
}

#gList.overview .thName {
    width: 60px
}

#gList.overview .tdName {
    background: #1da6ae
}

@media screen and (min-width: 768px) {
    #gList.overview .subOv {
        padding-left: 0;
        text-align: center
    }

    #gList.overview .thName {
        width: 120px
    }
}

#prodcuts legend {
    font-weight: 600;
    padding: 10px;
    border-bottom: 1px solid #b5b5b5
}

#prodcuts legend button {
    float: right;
    font-size: 14px;
    min-width: 60px;
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
    background: linear-gradient(#ffffff, #e6e6e6);
    font-color: #040404;
    border: 1px solid #d1d1d1
}

#prodcuts legend button:hover {
    background: linear-gradient(#f2f2f2, #d9d9d9)
}

#prodcuts legend button:active {
    background: linear-gradient(#e6e6e6, #cdcdcd)
}

#prodcuts a {
    display: block;
    margin: .5em 0
}

#productSpec .mMinus:before, #productSpec .mPlus:before {
    margin: 1em
}

#comapreButtons > button {
    float: right;
    font-size: 14px;
    height: 24px;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
    background: linear-gradient(#ffffff, #e6e6e6);
    border: 1px solid #d1d1d1;
    margin: 0 .3em
}

#comapreButtons .reset {
    width: 24px
}

.resetImg {
    position: relative;
    top: -2px;
    left: -7px;
    width: 24px;
    height: 24px;
    background: url(../images/icons/ic_general_reset.svg) no-repeat
}

#comapreButtons .compare {
    color: white;
    border: 1px solid #70d131;
    background: linear-gradient(to bottom, #8de256, #70d131);
    min-width: 60px;
    padding-left: 10px;
    padding-right: 10px
}

#comapreButtons .compare:hover {
    background: linear-gradient(to bottom, #7ede40, #65be2a)
}

#comapreButtons .compare:active {
    background: linear-gradient(to bottom, #7ede40, #65be2a)
}

.contact-support-br {
    border-right: 1px solid #d6d6d6
}

.contact-support .title {
    font-size: 34px;
    font-weight: 300;
    color: #666;
    line-height: 34px
}

.contact-support .content {
    font-size: 20px;
    font-weight: normal;
    color: #666;
    line-height: 34px;
    text-align: left
}

.contact-support .link {
    font-size: 14px;
    font-weight: normal;
    color: #00a5e7;
    text-align: left;
    line-height: 34px
}

.goodModelMenu {
    position: absolute;
    display: none;
    list-style: none;
    z-index: 1000;
    min-width: 100px;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

#selector button {
    float: right;
    font-size: 14px;
    min-width: 60px;
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
    background: linear-gradient(#ffffff, #e6e6e6);
    font-color: #040404;
    border: 1px solid #d1d1d1;
    margin: 0 5px
}

#selector button:hover {
    background: linear-gradient(#f2f2f2, #d9d9d9)
}

#selector button:active {
    background: linear-gradient(#e6e6e6, #cdcdcd)
}

option:disabled {
    display: none
}

.downloadTabButton {
    cursor: pointer;
    padding: 5px;
    margin: 5px;
    transition: .3s;
    border: 1px solid #ccc;
    background-color: white
}

.downloadTabButton:hover {
    background-color: #ddd
}

.downloadTabButton.active {
    background-color: #888;
    color: #fff
}

@media (min-width: 992px) {
    .downloadTabButton {
        width: calc(25% - 15px)
    }
}

@media (max-width: 992px) {
    .downloadTabButton {
        width: calc(50% - 15px)
    }
}

button:focus {
    outline: none !important
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    display: none
}

#faq .banner {
    background-image: url(../../images/banner/FAQ_bg_L.jpg);
    height: 520px
}

#faq .banner .banner-text {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    font-size: 41px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #fff
}

#faq .category_1 {
    width: 1000px;
    height: auto;
    display: flex;
    margin: 40px auto 80px auto;
    padding-right: 15px;
    padding-left: 15px
}

#faq .category_1 .category_canvas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center
}

#faq .category_1 .category_canvas .category_button {
    height: 58px;
    font-size: 16px;
    text-align: center;
    color: #888;
    margin: 10px;
    border: solid 1px #888;
    background-color: #fff
}

#faq .category_1 .category_canvas .category_button.active, #faq .category_1 .category_canvas .category_button:hover {
    background-color: #888;
    color: #fff
}

#faq .category_2 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 1000px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#faq .category_2 .desktop_nav {
    width: 25%
}

#faq .category_2 .desktop_nav .nav_ct {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#faq .category_2 .desktop_nav .nav_ct .nav_group {
    list-style: none;
    margin: 0;
    padding: 0
}

#faq .category_2 .desktop_nav .nav_ct .nav_group .item {
    height: 44px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 4px solid transparent
}

#faq .category_2 .desktop_nav .nav_ct .nav_group .item.active {
    border-left: 4px solid #77c63b
}

#faq .category_2 .desktop_nav .nav_ct .nav_group .item .content {
    margin: auto;
    font-size: 16px;
    display: block;
    padding: 12px 20px 13px 20px;
    text-align: left;
    align-items: center;
    color: #666
}

#faq .category_2 .desktop_nav .nav_ct .nav_group .item .content:hover {
    color: #040404
}

#faq .category_2 .mobile_nav {
    width: 100%;
    margin: 0 auto 40px auto;
    border-bottom: 2px solid #f2f2f2;
    display: none
}

#faq .category_2 .mobile_nav .nav_group {
    width: 100%;
    padding: 0 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

#faq .category_2 .mobile_nav .nav_group .item {
    height: 44px;
    margin: 0;
    padding: 0
}

#faq .category_2 .mobile_nav .nav_group .item.active {
    border-bottom: 4px solid #8de700
}

#faq .category_2 .mobile_nav .nav_group .item .content {
    margin: auto;
    font-size: 16px;
    display: block;
    padding: 12px 20px 13px 20px;
    text-align: left;
    align-items: center;
    color: #666
}

#faq .category_2 .mobile_nav .nav_group .item .content:hover {
    color: #040404
}

#faq .category_2 .category_list_7 {
    width: 75%;
    margin-bottom: 100px;
    border-left: 1px solid #eee;
    padding-left: 40px;
    position: relative;
    min-height: 300px
}

#faq .category_2 .category_list_7 .search {
    width: 100%;
    height: 44px;
    display: flex
}

#faq .category_2 .category_list_7 .search .input-area {
    width: 100%;
    position: relative
}

#faq .category_2 .category_list_7 .search .input-area .search_bar {
    width: 100%;
    height: 44px;
    border-radius: 4px 0 0 4px;
    text-align: left;
    border: solid 1px #ccc;
    border-right: 0;
    background-image: url('../images/icons/btn_heading_search_grey.svg');
    background-repeat: no-repeat;
    background-position: 12px center;
    padding-left: 45px
}

#faq .category_2 .category_list_7 .search .input-area .clear {
    width: 20px;
    height: 44px;
    position: absolute;
    right: 10px;
    top: 0;
    background-image: url('../images/icons/btn_heading_clear_grey.svg');
    background-position: center center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    display: none
}

#faq .category_2 .category_list_7 .search .input-area .clear:hover {
    opacity: .65
}

#faq .category_2 .category_list_7 .search .search_btn {
    border-radius: 0 4px 4px 0
}

#faq .category_2 .category_list_7 .category_list {
    margin: 0;
    padding: 0
}

#faq .category_2 .category_list_7 .category_list .column_items {
    border: none;
    margin: 60px 0 15px
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control {
    margin: 0 0 9px;
    position: relative;
    background: #f3f3f3;
    color: #666
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .title-ct {
    padding: 14px 15px;
    font-size: 16px;
    color: inherit;
    margin: 0;
    position: relative;
    align-items: center;
    background-color: #f3f3f3
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .title-ct.active, #faq .category_2 .category_list_7 .category_list .column_items .column_control .title-ct:hover {
    background-color: #79c63d;
    color: #fff
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .title-ct.active .title-text, #faq .category_2 .category_list_7 .category_list .column_items .column_control .title-ct:hover .title-text {
    color: #fff
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .title-ct .title-text {
    text-align: 16px;
    margin: 0;
    padding: 0;
    color: black
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct {
    font-size: 14px;
    display: none;
    padding: 20px;
    background-color: #fff
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .content {
    text-align: left
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .content h2 {
    font-size: 20px;
    line-height: 24px;
    color: #666;
    font-weight: bold;
    text-align: left;
    margin-top: 20px
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .content p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-weight: normal
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .content a {
    color: #00a5e7
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .content a:hover, #faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .content a:focus {
    text-decoration: normal
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .feedback-ct {
    width: auto;
    border: solid 2px #d8f2c3;
    background-color: #f3fcec;
    margin: 40px auto;
    padding: 40px
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .feedback-ct .title {
    font-size: 20px;
    line-height: 24px;
    color: #666;
    font-weight: normal
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .feedback-ct .title .feedback {
    color: #00a5e7
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .feedback-ct .title .feedback:hover {
    color: #00a5e7;
    text-decoration: underline
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .success-ct {
    margin-top: 20px;
    padding: 20px;
    border: solid 10px #d8f2c3;
    display: none
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .success-ct p {
    color: #666;
    font-size: 20px
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .response-ct {
    margin-top: 20px;
    padding: 20px;
    border: solid 10px #d8f2c3;
    display: none
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .response-ct.active {
    display: block
}

#faq .category_2 .category_list_7 .category_list .column_items .column_control .ans-ct .response-ct .radio-label {
    font-size: 12px;
    display: block
}

#faq .category_2 .category_list_7 .category_list .paging {
    width: 100%;
    height: 100px;
    margin: 100px auto 0 auto
}

#faq .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

#faq .pagination .li {
    display: inline
}

#faq .pagination .li .pagination > li > a, #faq .pagination .li .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

#faq .category-button:active {
    button-color: blue
}

#faq .nodata {
    font-size: 24px;
    color: #ccc;
    text-align: center
}

@media (max-width: 960px) {
    #faq .banner {
        height: 425px
    }

    #faq .category_1 {
        width: 100%
    }

    #faq .category_2 {
        width: 100%
    }

    #faq .category_2 .desktop_nav {
        display: none
    }

    #faq .category_2 .mobile_nav {
        display: block;
        width: 600px
    }

    #faq .category_2 .category_list_7 {
        width: 100%;
        border-left: none;
        padding-left: 0
    }

    #faq .category_2 .category_list_7 .search {
        width: 600px;
        margin: 0 auto
    }
}

@media (max-width: 640px) {
    #faq .banner {
        background-image: url(../../images/banner/FAQ_bg_S.jpg);
        height: 316px
    }

    #faq .category_1 {
        margin: 40px auto;
        padding: 0 10px
    }

    #faq .category_1 .category_canvas .category_button {
        height: 32px;
        font-size: 14px;
        text-align: center;
        color: #888;
        margin: 5px;
        border: solid 1px #888;
        background-color: #fff
    }

    #faq .category_1 .category_canvas .category_button.active {
        background-color: #888;
        color: #fff
    }

    #faq .category_2 {
        padding: 0 10px
    }

    #faq .category_2 .mobile_nav {
        width: 100%;
        margin: 0 0 40px 0
    }

    #faq .category_2 .category_list_7 .search {
        width: 100%
    }
}

#privacy .content {
    width: 760px;
    display: flex;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px
}

#privacy .content .canvas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #666
}

#privacy .content .canvas .note {
    height: auto;
    padding: 0 20px 120px 20px;
    display: flex;
    flex-direction: column;
    list-style: none
}

#privacy .content .canvas .note .notitle {
    font-size: 20px;
    list-style: none;
    color: #030303;
    text-align: left;
    padding-top: 40px
}

#privacy .content .canvas .note .nocontent {
    font-size: 14px;
    text-align: left;
    color: #666;
    margin-top: 20px;
    padding-bottom: 40px;
    line-height: 24px
}

@media screen and (max-width: 1000px) {
    #privacy .content {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }

    #privacy .content {
        width: 100%
    }
}

@media screen and (max-width: 375px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }
}

.pageTitle {
    position: absolute;
    width: 100%;
    color: #000;
    z-index: 999;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    color: #fff
}

.pageTitle h2 {
    margin-left: 6%;
    font-size: 300%;
    font-weight: bold
}

#success-ct {
    width: 100%;
    padding: 100px 20px
}

#success-ct .success-slide {
    margin-top: 60px
}

#success-ct .success-slide .success-item {
    display: block;
    margin: 0 20px;
    height: 228px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%
}

@media (max-width: 960px) {
    #success-ct {
        width: 100%
    }

    .pageTitle h2 {
        font-size: 200%
    }
}

div.container.header-title {
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    padding: 100px 0 130px
}

#company h3 {
    color: #333
}

#company p {
    font-size: 19px;
    line-height: 1.5em;
    text-align: justify
}

#company .bgGray {
    margin: 25px 0;
    padding: 25px 0
}

#company .bgGray h3 {
    text-align: center
}

#company .bgGray p {
    width: 80%;
    text-align: center;
    margin: auto
}

@media (max-width: 768px) {
    #company .bgGray h3 {
        text-align: left
    }

    #company .bgGray p {
        width: 100%;
        text-align: left;
        margin: auto
    }
}

@media (max-width: 320px) {
    #company ul li {
        margin: 0 5px
    }
}

#downloadCenter .banner {
    width: 100%;
    height: 268px;
    background-color: #f3fcec
}

#downloadCenter .banner .two-column-ct {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px
}

#downloadCenter .banner .two-column-ct .left-ct {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#downloadCenter .banner .two-column-ct .right-ct {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#downloadCenter .tab {
    margin-top: 120px;
    width: 100%
}

#downloadCenter .tab .tabHeader {
    text-align: left;
    border-bottom: 2px solid #f2f2f2;
    padding: 0 10px
}

#downloadCenter .tab .tabHeader a {
    height: 34px;
    font-size: 14px;
    font-weight: normal;
    color: #3b3b3b;
    text-align: center;
    display: inline-block;
    margin: 0 10px
}

#downloadCenter .tab .tabHeader a.active {
    border-bottom: 4px solid #8de700
}

#downloadCenter .tab .tabBody {
    padding: 20px
}

#downloadCenter .tab .tabBody .tabPanel {
    display: none
}

#downloadCenter .tab .tabBody .tabPanel.active {
    display: block
}

#downloadCenter .tab .tabBody table {
    font-size: 14px;
    font-weight: normal;
    text-align: left
}

#downloadCenter .tab .tabBody table .header {
    background-color: #f2f2f2
}

#downloadCenter .tab .tabBody table .header td {
    color: #040404;
    padding: 10px 20px
}

#downloadCenter .tab .tabBody table .header td:first-child {
    width: 40%
}

#downloadCenter .tab .tabBody table .body td {
    padding: 10px 20px;
    border-bottom: 1px solid #f2f2f2
}

#downloadCenter .tab .tabBody table .body td a {
    color: #00a5e7;
    display: block
}

#downloadCenter .tab .tabBody table .body td.no-item {
    color: #ccc;
    font-size: 24px;
    line-height: 80px;
    text-align: center
}

@media (max-width: 960px) {
    #downloadCenter .banner .two-column-ct {
        width: 100%
    }
}

@media (max-width: 640px) {
    #downloadCenter .banner {
        height: auto
    }

    #downloadCenter .banner .two-column-ct {
        padding: 80px 50px 80px 50px
    }

    #downloadCenter .banner .two-column-ct .left-ct {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #downloadCenter .banner .two-column-ct .right-ct {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px
    }
}

#partner .client {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid transparent
}

#partner .client:hover {
    border: 1px solid #e0eded;
    -moz-box-shadow: 1px 1px 2px 0 #eee;
    -webkit-box-shadow: 1px 1px 2px 0 #eee;
    box-shadow: 1px 1px 2px 0 #eee
}

@media (min-width: 320px) and (max-width: 479px) {
    #partner .col-xs-12 {
        width: 33.33333333%
    }
}

#searchInput {
    width: 100%;
    height: 268px;
    background-color: #f2f2f2
}

#searchInput .container {
    margin: 0 auto;
    width: 800px;
    height: 100%;
    padding: 91px 0 78px 0
}

#searchInput .container h1 {
    font-size: 41px;
    font-weight: normal;
    color: #888;
    line-height: 48px
}

#searchInput .gsc-search-button {
    width: 60px;
    height: 44px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    margin-left: 0
}

#searchInput .gsc-search-button:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#searchInput .gsc-search-button:active {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#searchInput .gsc-search-button svg {
    display: none
}

#searchInput .gsc-search-button .gsc-search-button-v2 {
    border: none;
    padding: 0
}

#searchInput .gsc-search-button .gsc-search-button-v2:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 18px;
    background-image: url(../../images/icons/btn_heading_search.svg)
}

#searchInput .gsc-input {
    height: 44px
}

#searchInput .gsc-input .gsib_a {
    padding-left: 14px
}

#searchInput .gsc-input .gsst_a {
    padding: 0
}

#searchInput .gsc-input .gsst_a .gscb_a {
    width: 24px;
    height: 24px;
    color: #888;
    opacity: .4;
    font: 27px/24px arial, sans-serif;
    padding-top: 4px
}

#searchInput .gsc-input .gsst_b {
    margin-right: 14px
}

#searchResult {
    width: 800px;
    height: auto;
    margin: 0 auto
}

#searchResult .gs-webResult div.gs-visibleUrl {
    color: #029933
}

#searchResult .gs-webResult.gs-result a.gs-title {
    font-weight: bold;
    color: #00a5e7
}

#searchResult .gs-webResult.gs-result a.gs-title:visited b {
    color: #00a5e7
}

#searchResult .gs-webResult.gs-result .gs-snippet {
    color: #666
}

@media (max-width: 980px) {
    #searchInput .container {
        width: 100%;
        padding: 20px
    }

    #searchResult {
        width: 100%
    }
}

#career .banner {
    background-image: url(../../images/banner/Careers_bg_L.jpg);
    height: 468px
}

#career .banner .banner_text {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    font-size: 72px;
    font-weight: regular;
    line-height: 48px;
    text-align: center;
    color: #fff
}

#career .none {
    list-style: none
}

#career .content {
    width: 960px;
    height: auto;
    display: flex;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px
}

#career .content .canvas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 80px
}

#career .content .canvas .note {
    height: auto;
    padding: 8px 20px 60px 20px;
    display: flex;
    flex-direction: column;
    width: 100%
}

#career .content .canvas .note .notitle {
    font-size: 18px;
    list-style: none;
    font-weight: bold;
    color: #030303
}

#career .content .canvas .note .nocontent {
    font-size: 14px;
    text-align: left;
    color: #646464;
    margin-top: 8px
}

#career .content .canvas .tape {
    width: 100%;
    background-color: #79c63d;
    display: flex;
    margin-bottom: 160px
}

#career .content .canvas .tape .title {
    width: 300px;
    font-size: 34px;
    color: #fff;
    margin: 40px 0 126px 40px
}

#career .content .canvas .tape .title li {
    width: 300px
}

#career .content .canvas .tape .content {
    width: auto;
    font-size: 16px;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    flex-direction: column;
    margin: 40px 40px 40px 40px
}

#career .content .canvas .tape .content .content_a {
    line-height: 1.5;
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width: 960px) {
    #career .banner {
        height: 425px;
        background-image: url(../../images/banner/Careers_bg_M.jpg)
    }

    #career .slice .content {
        width: 100%
    }

    #career .slice .canvas .tape .title {
        width: 100%;
        margin: 40px 0 126px 40px
    }

    #career .slice .canvas .tape .content {
        margin: 40px 40px 40px 40px
    }
}

@media screen and (max-width: 680px) {
    #career .banner {
        height: 316px;
        background-image: url(../../images/banner/Careers_bg_S.jpg)
    }

    #career .banner .banner_text {
        font-size: 42px
    }

    #career .slice {
        width: 100%
    }

    #career .slice .content {
        padding-top: 0
    }

    #career .slice .content .canvas .tape {
        flex-direction: column
    }

    #career .slice .content .canvas .tape .title {
        margin: 0;
        padding: 30px 30px 30px 30px
    }

    #career .slice .content .canvas .tape .content {
        margin: 0;
        padding: 30px 30px 30px 30px
    }
}

#success-list .banner {
    width: 100%;
    height: 280px;
    background-image: url('../images/pages/Success_bg_L.jpg');
    background-position: center center;
    background-repeat: no-repeat
}

#success-list .banner h1 {
    font-size: 31px;
    text-shadow: 0 0 10px rgba(209, 198, 198, 0.4);
    color: #ebebeb
}

#success-list .slice .slice-ct {
    width: 1200px;
    padding: 0 40px
}

#success-list .slice .title-ct {
    height: 62px;
    background-color: #fff;
    display: flex;
    border-bottom: 1px solid #666;
    padding: 0 10px 0 20px
}

#success-list .slice .title-ct .title {
    flex: 1;
    text-align: left;
    line-height: 62px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    color: #3b3b3b
}

#success-list .slice .title-ct .right-ct {
    line-height: 62px;
    display: flex;
    align-items: center
}

#success-list .slice .filter-ct {
    height: auto;
    text-align: left;
    margin: 30px 0 10px 0
}

#success-list .slice .filter-ct .filter-item {
    height: 36px;
    line-height: 36px;
    border-radius: 24px;
    padding: 0 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    background-color: #fafafa;
    margin: 6px 4px;
    display: inline-block;
    cursor: pointer
}

#success-list .slice .filter-ct .filter-item:hover, #success-list .slice .filter-ct .filter-item:focus {
    background-color: #f3fcec
}

#success-list .slice .filter-ct .filter-item.selected {
    padding: 0 10px
}

#success-list .slice .filter-ct .filter-item.selected .clear {
    display: inline-block
}

#success-list .slice .filter-ct .filter-item .text {
    white-space: nowrap;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    color: #666;
    display: inline-block
}

#success-list .slice .filter-ct .filter-item .clear {
    display: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-image: url(../../images/icons/btn_compare_delete_normal.svg);
    background-size: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: text-top;
    margin-left: 8px
}

#success-list .slice .list-ct {
    text-align: left;
    margin-bottom: 150px
}

#success-list .slice .list-ct .success-item {
    display: inline-block;
    width: calc(33.3% - 20px);
    height: 520px;
    margin: 40px 10px;
    vertical-align: top
}

#success-list .slice .list-ct .success-item img:hover, #success-list .slice .list-ct .success-item img:focus {
    opacity: .6
}

#success-list .slice .list-ct .success-item .content-ct {
    padding: 30px;
    background-color: #fafafa
}

#success-list .slice .list-ct .success-item .content-ct .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    color: #040404
}

#success-list .slice .list-ct .success-item .content-ct .quote {
    margin-top: 20px;
    height: 145px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #666
}

#success-list .slice .list-ct .success-item .content-ct .more-info {
    margin-top: 20px;
    position: relative;
    font-size: 14px;
    font-weight: normal
}

#success-list .slice .list-ct .no-result {
    text-align: center;
    line-height: 200px;
    font-size: 18px
}

#success-view .title-ct {
    padding: 20px 60px;
    text-align: left
}

#success-view .title-ct .title {
    font-size: 31px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    color: #040404;
    margin-top: 40px;
    border-bottom: 1px solid #666
}

#success-view .title-ct .subtitle {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: #888;
    margin-top: 80px;
    margin-left: 20px
}

#success-view .title-ct .quote-ct {
    padding: 40px 30px;
    background-color: #fafafa;
    text-align: center
}

#success-view .title-ct .quote-ct .quote {
    font-size: 20px;
    line-height: 32px;
    color: #666
}

#success-view .title-ct .quote-ct .author {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #666
}

#success-view .content-ct {
    text-align: left;
    padding: 100px 60px
}

#success-view .content-ct .content {
    margin: 60px 0 !important
}

#success-view .content-ct .content img {
    max-width: 100% !important;
    margin-top: 60px !important;
    padding: 0 !important
}

#success-view .solution-ct {
    padding: 0 40px
}

#success-view .solution-ct .solution-list {
    padding: 30px;
    background-color: #fafafa;
    text-align: left
}

#success-view .solution-ct .solution-list .item {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: normal;
    color: #666;
    margin-bottom: 40px
}

#success-view .solution-ct .solution-list .item:last-child {
    margin-bottom: 0
}

#success-view .solution-ct .model-list {
    padding: 30px;
    margin-top: 100px;
    background-color: #f3fcec;
    text-align: left
}

#success-view .solution-ct .model-list .title {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #666
}

#success-view .solution-ct .model-list .item {
    font-size: 20px;
    line-height: 40px;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    padding-left: 20px
}

#success-view .solution-ct .model-list .link-btn {
    display: inline-block;
    vertical-align: text-top;
    margin-left: 4px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../images/icons/btn_compare_jumpto_normal.svg')
}

#success-view .solution-ct .model-list .link-btn:hover {
    background-image: url(../../images/icons/btn_compare_jumpto_hover.svg)
}

#success-view .solution-ct .pd-20 {
    padding: 0 20px
}

#success-view .contact-ct {
    padding: 40px;
    margin: 160px auto 100px auto;
    border: 1px solid #eee
}

#success-view .title {
    font-size: 34px;
    font-weight: bold;
    color: #3b3b3b;
    text-align: left
}

#success-view p.content {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left
}

@media (max-width: 1200px) {
    #success-list .slice .slice-ct {
        width: 100%;
        padding: 0 20px
    }

    #success-list .slice .list-ct .success-item {
        width: calc(50% - 20px)
    }
}

@media (max-width: 640px) {
    #success-list .slice .slice-ct .title-ct {
        flex-wrap: wrap;
        height: auto
    }

    #success-list .slice .slice-ct .title-ct .title {
        flex: 100%
    }

    #success-list .slice .list-ct .success-item {
        width: 100%;
        margin: 40px 0
    }

    #success-view .title-ct {
        padding: 20px
    }

    #success-view .content-ct {
        padding: 100px 40px
    }

    #success-view .solution-ct {
        padding: 0 20px
    }
}

#aboutUs #company .active::before {
    content: ' ';
    width: 8px;
    height: 27px;
    display: block;
    background-color: #8de700;
    position: absolute;
    margin-left: -23px;
    margin-top: 3px
}

#aboutUs .titlePic {
    height: 780px;
    background-image: url('../images/pages/about_bg_L.jpg');
    background-size: cover
}

#aboutUs .float-block0 {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 797px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 16px;
    position: absolute;
    top: 13%;
    left: calc((100% - 1000px) / 2)
}

#aboutUs .float-block0 .float-block1 {
    padding: 0 60px
}

#aboutUs .float-block0 .float-block1 h3 {
    margin: 90px 0 80px;
    padding: 0 20px;
    font-size: 42px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    color: #040404
}

#aboutUs .float-block0 .float-block1 p {
    padding: 0 20px;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #666
}

#aboutUs .float-block0 .float-block1 h4 {
    margin-top: 170px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #040404
}

#aboutUs .float-block0 .float-block1 #awardLogo {
    padding: 0 10px
}

#aboutUs .float-block0 .float-block1 #awardLogo img {
    height: 144px;
    filter: grayscale(1);
    outline: none
}

#aboutUs .float-block0 .float-block1 #awardLogo img:hover {
    filter: grayscale(0)
}

#aboutUs #company.slice {
    margin-top: 515px;
    padding: 0;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

#aboutUs #company.slice p {
    text-align: left
}

#aboutUs #company.slice .content .container {
    width: 100%;
    padding: 0
}

#aboutUs #company.slice .content .container .container-content h4 {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    text-align: left;
    color: #040404
}

#aboutUs #company.slice .content .container .container-content .article-content {
    margin-top: 80px;
    margin-bottom: 140px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 {
    display: flex;
    height: 616px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left {
    width: 68%
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-slide {
    height: 100%
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about img {
    width: 816px !important;
    height: auto;
    border: 1px solid #eee
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-next {
    position: relative;
    top: -137px;
    right: -96%
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-prev {
    position: relative;
    top: 491px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-list.draggable {
    margin-top: -35px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail {
    height: 39%;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 40px 60px 60px;
    width: 100%
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail p:first-child {
    font-size: 12px;
    line-height: 24px;
    color: #ccc
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail p:nth-child(3) {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    max-height: 68px;
    overflow: hidden
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail div:nth-child(n+5) {
    display: none
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail div:nth-child(4) {
    color: white;
    max-height: 62px;
    overflow: hidden
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right {
    margin: 0 0 0 40px;
    width: 338px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .item-ct {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    padding: 29px 20px 20px 19px;
    word-break: break-word;
    min-height: 144px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .item-ct:nth-child(1) {
    border-top: 1px solid rgba(0, 0, 0, 0.16)
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .item-ct .title {
    cursor: pointer
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .item-ct p {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    color: #666
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .item-ct a {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #00a5e7
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .qsanAndNewsrooms {
    display: flex
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .qsanAndNewsrooms #newsLink {
    padding-left: 36px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .qsanAndNewsrooms a {
    padding: 20px;
    text-align: left;
    margin-top: 27%;
    width: fit-content;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #7dd544;
    position: relative
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .qsanAndNewsrooms a::after {
    background-image: url("../../images/icons/ic_hompage_arrow.svg");
    background-repeat: no-repeat;
    content: "";
    width: 19px;
    height: 20px;
    display: block;
    position: absolute;
    right: -7px;
    top: 22px
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .multiLang {
    display: block
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .multiLang a {
    display: block;
    padding: 20px;
    text-align: left;
    width: fit-content;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #7dd544;
    position: relative
}

#aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .multiLang a::after {
    background-image: url("../../images/icons/ic_hompage_arrow.svg");
    background-repeat: no-repeat;
    content: "";
    width: 19px;
    height: 20px;
    display: inline-block;
    position: relative;
    right: -8px;
    top: 3px
}

#aboutUs #company.slice .content .container .container-content .footTable {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-bottom: 140px
}

#aboutUs #company.slice .content .container .container-content .footTable a {
    color: #3b3b3b
}

#aboutUs #company.slice .content .container .container-content .footTable a:hover {
    color: black
}

#aboutUs #company.slice .content .container .container-content .footTable a:active, #aboutUs #company.slice .content .container .container-content .footTable a:focus {
    text-decoration: none;
    color: black
}

#aboutUs #company.slice .content .container .container-content .footTable .footDescrip {
    padding: 30px;
    width: calc(34% - 20px);
    height: 199px;
    border: 1px solid #eee;
    margin-bottom: 20px
}

#aboutUs #company.slice .content .container .container-content .footTable .footDescrip:hover {
    background-color: #79C63D;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 16px
}

#aboutUs #company.slice .content .container .container-content .footTable .footDescrip:hover h3, #aboutUs #company.slice .content .container .container-content .footTable .footDescrip:hover p {
    color: white
}

#aboutUs #company.slice .content .container .container-content .footTable .footDescrip a:hover, #aboutUs #company.slice .content .container .container-content .footTable .footDescrip a:focus {
    text-decoration: none !important
}

#aboutUs #company.slice .content .container .container-content .footTable .footDescrip h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 9px;
    text-align: left;
    color: #3b3b3b
}

#aboutUs #company.slice .content .container .container-content .footTable .footDescrip p {
    font-size: 14px;
    line-height: 24px;
    color: #3b3b3b
}

@media only screen and (max-width: 1200px) {
    #aboutUs .active::before {
        margin-top: 0
    }

    #aboutUs .titlePic {
        background-image: url('../images/pages/about_bg_M.jpg');
        height: 364px;
        background-size: cover
    }

    #aboutUs .float-block0 {
        position: static;
        width: 100%;
        height: 100%
    }

    #aboutUs .float-block0 .float-block1 {
        width: 100%
    }

    #aboutUs .float-block0 .float-block1 h3 {
        margin: 0 0 80px;
        padding-top: 90px;
        line-height: 21px
    }

    #aboutUs #company.slice {
        margin-top: 140px;
        width: 100%
    }

    #aboutUs #company.slice .content .container .container-content h4 {
        padding-left: 20px;
        padding-right: 20px
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 {
        display: block;
        height: 100%
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left {
        margin-right: auto;
        margin-left: auto
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about img {
        width: 100% !important
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-next {
        position: absolute;
        top: 80%;
        right: .5%
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-prev {
        position: absolute;
        top: 80%;
        right: .5%
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right {
        margin: 0 20px 0;
        width: calc(100% - 40px);
        margin-top: 80px
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-right .qsanAndNewsrooms a {
        margin-top: 80px
    }

    #aboutUs #company.slice .content .container .container-content .footTable {
        padding: 0 20px
    }

    #aboutUs #company.slice .content .container .container-content .footTable .footDescrip {
        height: 247px;
        margin-bottom: 40px
    }

    #aboutUs #company.slice .content .container .container-content .footTable .footDescrip h3 {
        line-height: 25px
    }

    #aboutUs #company.slice .content .container .container-content .footTable .footDescrip P {
        max-height: 143px;
        overflow: hidden
    }
}

@media only screen and (max-width: 960px) {
    #aboutUs .picDetail {
        padding: 20px 30px 30px !important;
        height: 0 !important;
        padding-bottom: 31% !important
    }

    #aboutUs .picDetail h2 {
        font-size: 20px
    }

    #aboutUs .picDetail p:nth-child(3) {
        max-height: 51px
    }
}

@media only screen and (max-width: 640px) {
    #aboutUs .titlePic {
        background-image: url('../images/pages/about_bg_S.jpg');
        height: 208px;
        background-size: contain
    }

    #aboutUs .float-block0 .float-block1 {
        padding: 0 20px
    }

    #aboutUs .float-block0 .float-block1 h3 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 20px
    }

    #aboutUs .float-block0 .float-block1 p {
        color: var(--brownish-grey)
    }

    #aboutUs .float-block0 .float-block1 h4 {
        margin-top: 80px
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left {
        margin: 0;
        width: 100%
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about img {
        width: 100% !important
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-slide {
        height: 100%;
        padding: 0
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-next, #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .slider_about .slick-prev {
        top: 87% !important
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail {
        padding: 50px 60px 30px !important;
        position: static;
        background-color: black;
        height: 280px !important
    }

    #aboutUs #company.slice .content .container .container-content .article-content #slider_1 .slider-left .picDetail h2 {
        font-size: 16px;
        line-height: 24px
    }

    #aboutUs #company.slice .content .container .container-content .footTable {
        display: block
    }

    #aboutUs #company.slice .content .container .container-content .footTable .footDescrip {
        display: block;
        height: 199px;
        width: 100%;
        margin-bottom: 20px
    }
}

#warranty .content {
    width: 840px;
    display: flex;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px
}

#warranty .content .canvas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #666
}

#warranty .content .canvas .note {
    width: 100%;
    height: auto;
    padding: 0 20px 100px 20px;
    display: flex;
    flex-direction: column;
    list-style: none;
    text-align: left;
    margin-top: 40px
}

#warranty .content .canvas .note .notitle {
    font-size: 20px;
    list-style: none;
    color: #040404;
    text-align: left;
    line-height: 31px;
    font-weight: 500;
    display: flex
}

#warranty .content .canvas .note .notitle li {
    line-height: 31px
}

#warranty .content .canvas .note .nomtitle {
    font-size: 20px;
    list-style: none;
    color: #666;
    text-align: left;
    margin-top: 20px;
    font-weight: normal
}

#warranty .content .canvas .note .nomtitle li {
    line-height: 48px
}

#warranty .content .canvas .note .nocontent {
    font-size: 14px;
    text-align: left;
    color: #666;
    margin-top: 20px;
    padding-bottom: 60px
}

#warranty .content .canvas .note .nocontent .discdot {
    line-height: 24px
}

#warranty .content .canvas .note .nocontent .discdot::before {
    content: "."
}

#warranty .content .canvas .note .nocontent .vcontent {
    padding-top: 20px
}

#warranty .content .canvas .note .nocontent .vcontent li {
    line-height: 24px;
    left: 6px;
    position: absolute
}

#warranty .grey {
    width: 100%;
    background-color: #fafafa;
    margin-top: 40px;
    margin-bottom: 60px
}

#warranty .grey .nostitle {
    font-size: 16px;
    list-style: none;
    color: #666;
    text-align: center;
    padding-top: 30px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px
}

#warranty .grey .noscontent {
    font-size: 14px;
    text-align: center;
    color: #666;
    margin-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px
}

#warranty .grey .noscontent p {
    line-height: 24px
}

@media screen and (max-width: 960px) {
    #warranty .content {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }

    #supportwarrenty .content {
        width: 100%
    }
}

#exclusivesupport .banner {
    background-image: url(../../images/banner/ExclSupport_bg_L.jpg);
    width: 100%;
    height: 420px
}

#exclusivesupport .banner .title {
    height: 48px;
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    margin: auto
}

#exclusivesupport .content {
    width: 1000px;
    display: flex;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px
}

#exclusivesupport .content .canvas {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px
}

#exclusivesupport .content .canvas .note {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    list-style: none
}

#exclusivesupport .content .canvas .note .notitle {
    margin-bottom: 12px;
    font-size: 20px;
    color: #040404;
    text-align: left;
    font-weight: bold
}

#exclusivesupport .content .canvas .note .nocontent {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
    font-weight: normal;
    margin-bottom: 40px
}

#exclusivesupport .content .canvas .note .nocontent li {
    line-height: 24px
}

#exclusivesupport .content .canvas .note .table_wrapper table {
    margin-bottom: 100px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    table-layout: fixed
}

#exclusivesupport .content .canvas .note .table_wrapper table tr {
    height: 60px
}

#exclusivesupport .content .canvas .note .table_wrapper table tr:nth-child(1) {
    background-color: #f2f2f2
}

#exclusivesupport .content .canvas .note .table_wrapper table th {
    text-align: center;
    padding: 10px;
    color: #040404;
    font-weight: normal
}

#exclusivesupport .content .canvas .note .table_wrapper table th:first-child {
    text-align: left;
    width: 20%
}

#exclusivesupport .content .canvas .note .table_wrapper table td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2
}

#exclusivesupport .content .canvas .note .table_wrapper table td:first-child {
    text-align: left
}

#exclusivesupport .content .canvas .note .tape {
    margin-top: 120px;
    width: 100%;
    display: flex;
    margin-bottom: 160px;
    border: solid 1px #eee;
    font-weight: normal
}

#exclusivesupport .content .canvas .note .tape .title {
    width: 100%;
    font-size: 20px;
    color: #666;
    margin: 40px
}

#exclusivesupport .content .canvas .note .tape .tcontent {
    display: flex;
    width: 100%
}

#exclusivesupport .content .canvas .note .tape .tcontent .lcontent {
    width: 400px;
    font-size: 34px;
    text-align: left;
    color: #ccc;
    position: relative;
    margin-top: 40px;
    font-weight: 300;
    padding-right: 80px
}

#exclusivesupport .content .canvas .note .tape .tcontent .rcontent {
    width: auto;
    font-size: 16px;
    text-align: left;
    color: #666;
    flex-direction: column;
    margin-top: 40px;
    position: relative
}

@media screen and (max-width: 1000px) {
    #exclusivesupport .banner {
        height: 420px;
        background-image: url(../../images/banner/ExclSupport_bg_M.jpg)
    }

    #exclusivesupport .content {
        width: 100%
    }

    #exclusivesupport .content .title {
        margin: 30px
    }

    #exclusivesupport .content .title li {
        line-height: 31px
    }
}

@media screen and (max-width: 680px) {
    #exclusivesupport .banner {
        height: 316px;
        background-image: url(../../images/banner/ExclSupport_bg_S.jpg)
    }

    #exclusivesupport .banner .title {
        font-size: 34px
    }

    #exclusivesupport .content {
        width: 100%
    }

    #exclusivesupport .content .tape .title {
        margin: 30px
    }

    #exclusivesupport .content .tape .title li {
        line-height: 31px
    }

    #exclusivesupport .content .tape .title .tcontent {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width: 375px) {
    #exclusivesupport .content .canvas .note .table_wrapper table {
        width: 100%
    }

    #exclusivesupport .content .canvas .note .table_wrapper table tr th {
        padding: 0
    }

    #exclusivesupport .content .canvas .note .table_wrapper table tr td {
        padding: 0
    }

    #exclusivesupport .content .canvas .note .tape .title {
        margin: 30px
    }

    #exclusivesupport .content .canvas .note .tape .title .tcontent {
        flex-direction: column;
        width: 100%
    }

    #exclusivesupport .content .canvas .note .tape .title .tcontent .lcontent {
        width: 300px
    }

    #exclusivesupport .content .canvas .note .tape .title li {
        line-height: 31px
    }
}

#legal .content {
    width: 760px;
    display: flex;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px
}

#legal .content .canvas {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    border-top: 1px solid #666
}

#legal .content .canvas .note {
    height: auto;
    padding: 8px 20px 60px 20px;
    display: flex;
    flex-direction: column;
    list-style: none
}

#legal .content .canvas .note .notitle {
    font-size: 16px;
    list-style: none;
    color: #030303;
    text-align: center;
    padding-top: 10px
}

#legal .content .canvas .note .nocontent {
    font-size: 14px;
    text-align: left;
    color: #666;
    margin-top: 60px;
    margin-bottom: 160px;
    line-height: 24px
}

@media screen and (max-width: 1000px) {
    #legal .content {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }

    #legal .content {
        width: 100%
    }
}

@media screen and (max-width: 375px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }
}

#certification .banner {
    background-image: url('../images/pages/QCP_bg_L.jpg');
    width: 100%;
    height: 420px
}

#certification .banner .title {
    width: 418px;
    height: 48px;
    font-size: 41px;
    font-weight: normal;
    color: #040404
}

#certification .content {
    width: 1000px;
    display: flex;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px
}

#certification .content .canvas {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px
}

#certification .content .canvas .note {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    list-style: none
}

#certification .content .canvas .note .notitle {
    margin-top: 100px;
    margin-bottom: 12px;
    font-size: 32px;
    color: #030303;
    text-align: center;
    font-weight: bold
}

#certification .content .canvas .note .nomtitle {
    font-size: 18px;
    color: #030303;
    text-align: left;
    font-weight: bold
}

#certification .content .canvas .note .nocontent {
    font-size: 14px;
    color: #646464;
    margin-top: 8px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 40px
}

#certification .content .canvas .note .noscontent {
    font-size: 12px;
    color: #888;
    margin-top: 8px;
    line-height: 24px;
    font-weight: normal;
    padding-left: 20px
}

#certification .content .canvas .note .noscontent div {
    position: relative;
    counter-reset: num
}

#certification .content .canvas .note .noscontent div li {
    line-height: 24px
}

#certification .content .canvas .note .noscontent div li ::before {
    position: absolute;
    left: -15px;
    counter-increment: num;
    content: counter(num) ". "
}

#certification .content .canvas .note .nomcontent {
    font-size: 20px;
    color: #646464;
    margin-top: 20px;
    font-weight: normal;
    text-align: center
}

#certification .content .canvas .note .nomcontent li {
    line-height: 24px
}

#certification .content .canvas .note .png1 {
    margin-top: 40px;
    margin-bottom: 100px;
    position: relative;
    width: 480px;
    height: 339px;
    margin: auto
}

#certification .content .canvas .note .png1 .img {
    max-height: 100%;
    max-width: 100%
}

#certification .content .canvas .note .png2 {
    width: 560px;
    height: 160px;
    position: relative;
    margin: auto
}

#certification .content .canvas .note .png2 .img {
    max-height: 100%;
    max-width: 100%
}

#certification .content .canvas .note .table_wrapper {
    margin-right: 20px
}

#certification .content .canvas .note .table_wrapper table {
    margin-top: 80px;
    margin-bottom: 53px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    table-layout: fixed
}

#certification .content .canvas .note .table_wrapper table th {
    text-align: center;
    padding: 22px;
    color: #040404;
    font-weight: normal
}

#certification .content .canvas .note .table_wrapper table th:first-child {
    text-align: left;
    width: 30%
}

#certification .content .canvas .note .table_wrapper table td {
    padding: 22px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2
}

#certification .content .canvas .note .table_wrapper table td:first-child {
    text-align: left
}

#certification .content .canvas .note .table_wrapper table tr {
    height: 60px
}

#certification .content .canvas .note .table_wrapper table tr .pad {
    padding-left: 22px;
    padding-top: 12px;
    padding-bottom: 12px
}

#certification .content .canvas .note .table_wrapper table tr:nth-child(1) {
    background-color: #f2f2f2
}

#certification .content .canvas .note .bstyle {
    font-size: 14px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 160px;
    width: 140px;
    height: 36px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    border-radius: 4px;
    border: solid 1px #70d131;
    color: #fff
}

#certification .content .canvas .note .bstyle:hover {
    background-image: linear-gradient(to bottom, #85dd4f, #76c93e)
}

#certification .content .canvas .note .bstyle:active {
    background-image: linear-gradient(to bottom, #70db2a, #5aa926)
}

@media screen and (max-width: 1000px) {
    #certification .banner {
        height: 420px;
        background-image: url('../images/pages/QCP_bg_M.jpg')
    }

    #certification .content {
        width: 100%
    }

    #certification .content th:nth-child(n) {
        width: 25%
    }
}

@media screen and (max-width: 680px) {
    #certification .banner {
        height: 316px;
        background-image: url('../images/pages/QCP_bg_S.jpg')
    }

    #certification .banner .title {
        width: 286px;
        height: 33px;
        font-size: 28px
    }

    #certification .content {
        width: 100%
    }

    #certification .content .canvas .note .notitle {
        font-size: 18px
    }

    #certification .content .canvas .note .png1 {
        width: 335px;
        height: 236.6px
    }

    #certification .content .canvas .note .png2 {
        width: 334.9px;
        height: 95.7px
    }

    #certification .content .canvas .note .table_wrapper table th {
        padding: 10px
    }

    #certification .content .canvas .note .table_wrapper table td {
        padding: 10px
    }
}

@media screen and (max-width: 375px) {
    #certification .content {
        width: 100%
    }

    #certification .content .table_wrapper {
        width: 335px;
        height: 460px
    }
}

#techparners .banner {
    background-image: url('../images/pages/TechPartners_bg_L.jpg');
    height: 420px
}

#techparners .banner .banner_text {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
    height: 48px;
    font-size: 41px;
    font-weight: normal;
    line-height: 48px;
    text-align: center;
    color: #040404
}

#techparners .content {
    width: 1000px;
    display: flex;
    margin: auto
}

#techparners .content .canvas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 80px;
    margin-bottom: 260px
}

#techparners .content .canvas .note {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

#techparners .content .canvas .note .image {
    position: relative;
    margin: 20px;
    height: 160px;
    width: 160px;
    border: solid 1px #eee;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6
}

#techparners .content .canvas .note .image:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

@media screen and (max-width: 960px) {
    #techparners .banner {
        height: 425px;
        background-image: url('../images/pages/TechPartners_bg_M.jpg')
    }

    #techparners .content {
        width: 100%
    }

    #techparners .content .canvas .note {
        justify-content: center
    }

    #techparners .content .canvas .note .image {
        width: 190px;
        height: 190px
    }
}

@media screen and (max-width: 640px) {
    #techparners .banner {
        height: 316px;
        background-image: url('../images/pages/TechPartners_bg_S.jpg')
    }

    #techparners .content {
        width: 100%
    }

    #techparners .content .canvas .note .content {
        justify-content: center
    }

    #techparners .content .canvas .note .content .image {
        width: 157px;
        height: 157px
    }
}

#location .banner {
    background-color: #fafafa;
    height: 468px
}

#location .title {
    font-size: 52px
}

#location #locationlink {
    color: #040404
}

#location #locationlink.active, #location #locationlink:hover {
    text-decoration: underline
}

#location .category_2 {
    margin: auto;
    width: 1000px;
    min-height: 1400px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#location .category_2 .desktop_nav {
    width: 25%
}

#location .category_2 .desktop_nav .nav_ct {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#location .category_2 .desktop_nav .nav_ct .nav_group {
    list-style: none;
    margin: 0;
    padding: 0
}

#location .category_2 .desktop_nav .nav_ct .nav_group .item {
    height: 44px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 4px solid transparent
}

#location .category_2 .desktop_nav .nav_ct .nav_group .item.active {
    border-left: 4px solid #77c63b
}

#location .category_2 .desktop_nav .nav_ct .nav_group .item .content {
    margin: auto;
    font-size: 16px;
    width: auto;
    display: block;
    padding: 12px 20px 13px 20px;
    text-align: left;
    align-items: center;
    color: #666
}

#location .category_2 .desktop_nav .nav_ct .nav_group .item .content:hover {
    color: #040404
}

#location .category_2 .mobile_nav {
    width: 100%;
    margin: 0 auto 40px auto;
    border-bottom: 2px solid #f2f2f2;
    display: none
}

#location .category_2 .mobile_nav .nav_group {
    width: 100%;
    padding: 0 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

#location .category_2 .mobile_nav .nav_group .item {
    height: 44px;
    margin: 0;
    padding: 0
}

#location .category_2 .mobile_nav .nav_group .item.active {
    border-bottom: 4px solid #8de700
}

#location .category_2 .mobile_nav .nav_group .item .content {
    margin: auto;
    width: auto !important;
    font-size: 16px;
    display: block;
    padding: 12px 20px 13px 20px;
    text-align: left;
    align-items: center;
    color: #666
}

#location .category_2 .mobile_nav .nav_group .item .content:hover {
    color: #040404
}

#location .category_2 .category_list_7 {
    width: 75%;
    margin-bottom: 100px;
    border-left: 1px solid #eee;
    padding-left: 40px;
    position: relative
}

#location .category_2 .category_list_7 .category_list {
    margin: 0;
    padding: 0
}

#location .category_2 .category_list_7 .category_list .list_box {
    display: flex;
    margin: 10px 60px 76px 30px
}

#location .category_2 .category_list_7 .category_list .list_box .logo {
    max-width: 136px;
    max-height: 136px
}

#location .category_2 .category_list_7 .category_list .list_box .list {
    margin-left: 40px;
    display: block
}

#location .category_2 .category_list_7 .category_list .list_box .list .list_title {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 16px;
    font-weight: normal
}

#location .category_2 .category_list_7 .category_list .list_box .list .list_title a {
    color: #040404
}

#location .category_2 .category_list_7 .category_list .list_box .list .list_title a.active, #location .category_2 .category_list_7 .category_list .list_box .list .list_title a:hover {
    text-decoration: underline
}

#location .category_2 .category_list_7 .category_list .list_box .list .list_content {
    color: #888;
    height: 12px;
    line-height: 24px;
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
    height: 15px
}

#location .category_2 .category_list_7 .category_list .list_box .pic {
    width: 120px;
    position: absolute;
    right: 0
}

@media (max-width: 960px) {
    #location .category_1 {
        width: 100%
    }

    #location .category_2 {
        width: 100%
    }

    #location .category_2 .desktop_nav {
        display: none
    }

    #location .category_2 .mobile_nav {
        display: block
    }

    #location .category_2 .category_list_7 {
        width: 100%;
        border-left: none;
        padding-left: 0
    }
}

@media (max-width: 640px) {
    #location .category_1 {
        margin: 40px auto;
        padding: 0 10px
    }

    #location .category_1 .category_canvas .category_button {
        height: 32px;
        font-size: 14px;
        text-align: center;
        color: #888;
        margin: 5px;
        border: solid 1px #888;
        background-color: #fff
    }

    #location .category_1 .category_canvas .category_button.active {
        background-color: #888;
        color: #fff
    }

    #location .mobile_nav {
        width: 100%;
        margin: 0 0 40px 0
    }

    #location .category_2 {
        padding: 0 10px
    }

    #location .category_2 .category_list_7 .category_list .list_box {
        display: block
    }

    #location .category_2 .category_list_7 .category_list .list_box .list {
        margin: 0
    }
}

#bot_iesc .banner {
    background-image: url(../../images/banner/BOT_bg_L.jpg);
    height: 468px
}

#bot_iesc .banner .banner_text {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    font-size: 52px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    color: #fff
}

#bot_iesc .content {
    width: 1000px;
    display: flex;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px
}

#bot_iesc .content .canvas {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px
}

#bot_iesc .content .canvas .note {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    list-style: none
}

#bot_iesc .content .canvas .note .notitle {
    font-size: 12px;
    color: #666;
    text-align: left;
    font-weight: normal;
    flex-direction: column
}

#bot_iesc .content .canvas .note .notitle table tr {
    width: 51px
}

#bot_iesc .content .canvas .note .notitle table td {
    width: 108px;
    line-height: 20px
}

#bot_iesc .content .canvas .note .table_wrapper {
    overflow-x: auto
}

#bot_iesc .content .canvas .note .table_wrapper table {
    margin-top: 40px;
    margin-bottom: 100px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    table-layout: fixed;
    word-break: break-all
}

#bot_iesc .content .canvas .note .table_wrapper table tr {
    height: 60px
}

#bot_iesc .content .canvas .note .table_wrapper table tr th {
    text-align: center;
    padding: 5px;
    color: #040404;
    font-weight: normal
}

#bot_iesc .content .canvas .note .table_wrapper table tr th:nth-child(1), #bot_iesc .content .canvas .note .table_wrapper table tr th:nth-child(5), #bot_iesc .content .canvas .note .table_wrapper table tr th:nth-child(6) {
    text-align: center
}

#bot_iesc .content .canvas .note .table_wrapper table tr th:nth-child(2) {
    width: 40%;
    text-align: left
}

#bot_iesc .content .canvas .note .table_wrapper table tr th:nth-child(3) {
    text-align: left
}

#bot_iesc .content .canvas .note .table_wrapper table tr th:nth-child(4) {
    text-align: right
}

#bot_iesc .content .canvas .note .table_wrapper table tr:nth-child(1) {
    background-color: #f2f2f2
}

#bot_iesc .content .canvas .note .table_wrapper table .bimg {
    width: 24px;
    height: 24px
}

#bot_iesc .content .canvas .note .table_wrapper table td {
    padding: 10px;
    text-align: left;
    padding: 5px;
    font-weight: normal;
    color: #666;
    border-bottom: 1px solid #f2f2f2
}

#bot_iesc .content .canvas .note .table_wrapper table td:nth-child(4) {
    text-align: right
}

#bot_iesc .content .canvas .note .table_wrapper table td:nth-child(2) {
    text-align: left;
    width: 50%
}

#bot_iesc .content .canvas .note .table_wrapper table td:nth-child(3) {
    text-align: left
}

#bot_iesc .content .canvas .note .table_wrapper table td:nth-child(1), #bot_iesc .content .canvas .note .table_wrapper table td:nth-child(5), #bot_iesc .content .canvas .note .table_wrapper table td:nth-child(6) {
    text-align: center
}

#bot_iesc .content .canvas .note .tape {
    margin-top: 120px;
    width: 100%;
    display: flex;
    margin-bottom: 100px;
    border: solid 1px #eee;
    font-weight: normal
}

#bot_iesc .content .canvas .note .tape .title {
    width: 100%;
    font-size: 20px;
    color: #666;
    margin: 40px
}

#bot_iesc .content .canvas .note .tape .tcontent {
    display: flex;
    width: 100%
}

#bot_iesc .content .canvas .note .tape .tcontent .lcontent {
    width: 400px;
    font-size: 34px;
    text-align: left;
    color: #ccc;
    position: relative;
    margin-top: 40px;
    font-weight: 300;
    padding-right: 80px
}

#bot_iesc .content .canvas .note .tape .tcontent .rcontent {
    width: auto;
    font-size: 16px;
    text-align: left;
    color: #666;
    flex-direction: column;
    margin-top: 40px;
    position: relative
}

#bot_iesc .content .canvas .note .tape .tcontent .rcontent li {
    line-height: 34px
}

@media screen and (max-width: 960px) {
    #bot_iesc .banner {
        height: 425px;
        background-image: url(../../images/banner/BOT_bg_M.jpg)
    }

    #bot_iesc .content {
        width: 100%
    }
}

@media screen and (max-width: 680px) {
    #bot_iesc .banner {
        height: 316px;
        background-image: url(../../images/banner/BOT_bg_S.jpg)
    }

    #bot_iesc .content {
        width: 100%
    }

    #bot_iesc .content .canvas .note .table_wrapper table {
        width: 1000px
    }

    #bot_iesc .content .canvas .note .tape .title {
        margin: 10px
    }

    #bot_iesc .content .canvas .note .tape .title .tcontent {
        flex-direction: column;
        width: 100%
    }

    #bot_iesc .content .canvas .note .tape .title .tcontent .lcontent {
        width: 300px
    }

    #bot_iesc .content .canvas .note .tape .title li {
        line-height: 31px
    }
}

#software .ucontent {
    width: 800px;
    display: flex;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px
}

#software .ucontent .canvas {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #666
}

#software .ucontent .canvas .note {
    padding: 0 20px 0 20px;
    display: flex;
    flex-direction: column
}

#software .ucontent .canvas .note .notitle {
    font-size: 20px;
    color: #030303;
    text-align: left;
    padding-top: 60px
}

#software .ucontent .canvas .note .nocontent {
    font-size: 14px;
    text-align: left;
    color: #666;
    margin-top: 20px;
    line-height: 24px
}

#software .ucontent .canvas .tape {
    width: 100%;
    background-color: #fafafa;
    display: flex;
    margin-top: 100px;
    margin-bottom: 160px
}

#software .ucontent .canvas .tape .tcontent {
    width: auto;
    font-size: 14px;
    text-align: center;
    color: #666;
    padding: 30px 30px 30px 30px
}

@media screen and (max-width: 1000px) {
    #software .ucontent {
        width: 100%
    }

    #software .ucontent .canvas {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }

    #software .ucontent {
        width: 100%
    }

    #software .ucontent .canvas {
        width: 100%
    }
}

@media screen and (max-width: 375px) {
    .header_canvas {
        width: 100%
    }

    .header_canvas .header_container {
        width: 100%
    }
}

#compareAll .alert {
    display: none;
    padding: 30px 30px 0 30px;
    border: 1px solid transparent;
    position: fixed;
    left: 41%;
    line-height: 24px;
    width: 333px;
    min-width: 100px;
    height: 190px;
    background-color: white;
    z-index: 10000000;
    box-shadow: 0 4px 20px 0 #cae8b7
}

#compareAll .alert a {
    position: absolute;
    bottom: 6px;
    right: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    padding: 3px;
    margin: 10px;
    font-weight: normal;
    border-color: #70D131;
    color: white;
    height: 30px;
    width: 100px;
    font-size: 14px;
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#compareAll .alert a:active {
    background: linear-gradient(to bottom, #70db2a, #5aa926)
}

#compareAll .alert a:hover {
    background: linear-gradient(to bottom, #7ede40, #65be2a)
}

#compareAll .otherChoose p {
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    color: black;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 14px 0
}

#compareAll .otherChoose a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    padding: 10px 0
}

#compareAll .popUpFilter {
    display: none;
    width: 220px
}

#compareAll .popUpFilter h4 {
    margin: 0;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    font-weight: 500;
    line-height: 37px;
    display: flex;
    justify-content: space-between
}

#compareAll .popUpFilter h4 #resetBtn {
    background: linear-gradient(to bottom, #FDFDFD, #E7E7E7);
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 36px;
    font-size: 12px;
    padding: 0 14px;
    font-weight: normal
}

#compareAll .popUpFilter h4 #resetBtn:active {
    border-color: #81e03c;
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#compareAll .popUpFilter h4 #resetBtn:focus {
    border-color: #81e03c
}

#compareAll .popUpFilter .tabs {
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    color: black;
    font-weight: bold;
    line-height: 24px;
    font-size: 14px;
    display: block;
    padding: 14px 0
}

#compare {
    /*min-height: 1400px;*/
}

#compare button, #compare .btnStyle, #compare .resetBtn, #compare .thisBtn {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    padding: 0 3px;
    font-weight: normal
}

#compare .active {
    display: block
}

#compare .flex-active {
    display: flex !important
}

#compare .Tbays {
    display: none
}

#compare .topFilter {
    display: none
}

#compare .btnStyle {
    color: white;
    font-size: 14px;
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#compare .btnStyle:active {
    background: linear-gradient(to bottom, #70db2a, #5aa926)
}

#compare .btnStyle:hover {
    background: linear-gradient(to bottom, #7ede40, #65be2a)
}

#compare .resetBtn {
    background: linear-gradient(to bottom, #FDFDFD, #E7E7E7);
    min-width: 69px;
    height: 24px;
    font-size: 12px;
    color: black;
    margin-top: 10px
}

#compare .resetBtn:active {
    border-color: #81e03c;
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#compare .resetBtn:focus {
    border-color: #81e03c
}

#compare .container {
    width: 1400px;
    margin-top: 60px;
    display: flex
}

#compare .container .thisMain {
    width: 324px;
    padding: 0 20px 200px
}

#compare .container .thisMain h4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

#compare .container .thisMain h4 span {
    font-size: 18px;
    line-height: 32px;
    margin: 15px 0 5px
}

#compare .container .thisMain h4 #resetBtn {
    background: linear-gradient(to bottom, #FDFDFD, #E7E7E7);
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 25px;
    font-size: 12px;
    width: 60px;
    margin: 20px 0 0;
    font-weight: normal
}

#compare .container .thisMain h4 #resetBtn:active {
    border-color: #81e03c;
    background: linear-gradient(to bottom, #8de256, #70d131)
}

#compare .container .thisMain h4 #resetBtn:focus {
    border-color: #81e03c
}

#compare .container .thisMain h3 {
    text-align: right;
    display: none
}

#compare .container .thisMain .tabs {
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    color: black;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 14px 0
}

#compare .container .content {
    width: 100%;
    /*padding-left: 60px;*/
}

#compare .container .content .one-page-ct .product-series-ct {
    margin-bottom: 40px
}

#compare .container .content .one-page-ct .product-series-ct h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 47px;
    text-align: left;
    color: #040404;
    margin-left: 20px
}

#compare .container .content .one-page-ct .product-series-ct h5 {
    margin-left: 20px
}

#compare .container .content .one-page-ct .product-series-ct .item-ct {
    margin: 0 20px 60px;
    padding: 8px 40px 20px 40px;
    height: 288px;
    border: 1px solid #eee
}

#compare .container .content .one-page-ct .product-series-ct .item-ct:hover {
    cursor: pointer;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 16px;
    -webkit-transition: .3s;
    transition: .35s
}

#compare .container .content .one-page-ct .product-series-ct .item-ct label:hover {
    text-decoration: underline
}

#compare .footContainer {
    transition: all .3s;
    display: none;
    padding: 36px 256px;
    position: fixed;
    width: 100%;
    margin: 0;
    background-color: white;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 16px;
    z-index: 990
}

#compare .footContainer .comparePanel {
    width: 100%;
    display: flex
}

#compare .footContainer .comparePanel .item-ct {
    text-align: -webkit-center;
    width: 20%
}

#compare .footContainer .comparePanel .item-ct .panel-name {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    display: inline-block
}

#compare .footContainer .comparePanel .item-ct .panel-name a {
    left: -8px;
    width: 30px;
    height: 30px;
    background-image: url('/images/icons/btn_compare_delete_normal2.svg');
    background-position: 17px 0;
    background-repeat: no-repeat;
    background-size: 15%;
    position: relative;
    padding-left: 44px
}

#compare .footContainer .comparePanel .item-ct .panel-name a .title {
    font-size: 12px;
    font-weight: bold
}

#compare .footContainer .comparePanel .item-ct .product-img {
    width: 90px;
    height: 90px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: visible
}

#compare .footContainer .btnArr .bang {
    height: 25px;
    padding-left: 5px
}

@media only screen and (max-width: 1320px) {
    #compare .footContainer {
        padding: 36px 0
    }
}

@media only screen and (max-width: 1310px) {
    #compareAll .alert {
        left: 36%
    }

    #compareAll .popUpFilter {
        width: 60%;
        height: 800px;
        top: 5%;
        position: fixed;
        background-color: white;
        z-index: 1000;
        left: 20%;
        right: 20%;
        box-shadow: rgba(0, 0, 0, 0.16) 0 0 16px;
        padding: 20px;
        overflow: auto
    }

    #compareAll .popUpFilter h4 {
        display: none
    }

    #compareAll .popUpFilter h3 {
        text-align: right;
        cursor: pointer
    }

    #compare .topFilter {
        display: block;
        text-align: right
    }

    #compare .topFilter .filter-item {
        padding-bottom: 20px;
        outline: none;
        box-shadow: rgba(0, 0, 0, 0.16) 0 0 16px
    }

    #compare .topFilter .filter-item .btnStyle, #compare .topFilter .filter-item .topBtn {
        margin-top: 20px;
        padding: 5px 17px;
        height: 36px;
        display: inline-block
    }

    #compare .topFilter .filter-item .topBtn {
        width: 40px;
        margin-right: 20px;
        background-image: url(../../images/icon/ic_general_reset.svg);
        background-repeat: no-repeat;
        background-position: center center
    }

    #compare .topFilter .filter-item .topBtn:active {
        background: linear-gradient(to bottom, #70db2a, #5aa926)
    }

    #compare .container {
        width: 100%
    }

    #compare .container .thisMain {
        display: none
    }

    #compare .container .content {
        padding: 0;
        width: 100%
    }

    #compare .container .content .one-page-ct .product-series-ct .item-ct {
        width: 28%
    }

    #compare .footContainer .comparePanel .item-ct .panel-name label {
        text-align: -webkit-left
    }
}

@media only screen and (max-width: 810px) {
    #compare .container {
        padding: 0
    }

    #compare .container .content .one-page-ct .product-series-ct .item-ct {
        width: 43%
    }

    #compare .footContainer {
        min-height: 188px;
        padding: 20px 0 0
    }

    #compare .footContainer .comparePanel {
        display: block
    }

    #compare .footContainer .comparePanel .item-ct .panel-name {
        margin-left: 20px
    }

    #compare .footContainer .comparePanel .item-ct .panel-name label {
        width: 60px;
        margin-bottom: 24px
    }

    #compare .footContainer .comparePanel .item-ct .product-img {
        height: 0
    }

    #compare .footContainer .btnArr .bang {
        display: none
    }

    #compare .footContainer .btnArr #compare-all {
        margin-bottom: 20px
    }

    #compare .footContainer .btnArr .resetBtn {
        margin: 0
    }
}

@media only screen and (max-width: 640px) {
    #compareAll .alert {
        left: unset;
        width: -webkit-fill-available
    }

    #compareAll .popUpFilter {
        width: 90%;
        left: 5%;
        right: 5%
    }

    #compare .container .content .one-page-ct .product-series-ct .item-ct {
        margin-bottom: 20px;
        width: 92%;
        height: 100%;
        padding: 20px
    }

    #compare .container .content .one-page-ct .product-series-ct .item-ct .radio-label .radio-display {
        top: 0
    }

    #compare .container .content .one-page-ct .product-series-ct .item-ct .product-img {
        width: 100%;
        height: 0;
        padding-bottom: 73%
    }
}

#mail-btn {
    display: none !important
}

#compareResult .compare-head {
    width: 1400px;
    margin: auto auto;
    padding: 0 15px
}

#compareResult .compare-head #goBack {
    font-weight: 500;
    display: block;
    padding: 20px 0;
    width: fit-content
}

#compareResult .compare-head .compare-title {
    font-size: 41px;
    font-weight: bold;
    line-height: 48px;
    padding: 40px 0
}

#compareResult .compare-head .desktop_disappear {
    display: none
}

#compareResult .check-item {
    background-image: url("../../images/icon/ic_table_checked.svg");
    background-repeat: no-repeat
}

#compareResult .chk_null {
    font-weight: normal
}

#compareResult .compare_result_desktop {
    width: 1400px
}

#compareResult .compare_result_desktop .headTable .null-td {
    min-width: 60px
}

#compareResult .compare_result_desktop .headTable .compareImg {
    padding: 0 0 0 10px;
    text-align: -webkit-center
}

#compareResult .compare_result_desktop .headTable .compareImg a {
    width: 200px;
    display: block
}

#compareResult .compare_result_desktop .headTable .compareImg a:hover {
    opacity: .8;
    text-decoration: underline;
    text-decoration-color: black
}

#compareResult .compare_result_desktop .headTable .compareImg a p {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    color: black;
    margin: 20px 0
}

#compareResult .compare_result_desktop .headTable .compareImg a .img-desktop {
    width: 160px
}

#compareResult .compare_result_desktop h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    margin: 10px 0 0 0
}

#compareResult .compare_result_desktop .desktop_main_content {
    margin-bottom: 100px;
    text-align: left;
    display: table
}

#compareResult .compare_result_desktop .desktop_main_content .tn {
    text-align: left;
    min-width: 60px;
    vertical-align: top;
    font-size: 16px;
    font-weight: normal
}

#compareResult .compare_result_desktop .desktop_main_content .tc {
    padding-left: 10px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    height: 50px;
    background-color: #f6f6f6
}

#compareResult .compare_result_desktop .desktop_main_content td {
    font-size: 14px;
    line-height: 24px;
    width: 200px;
    padding: 13px 0 13px 10px;
    font-weight: normal;
    vertical-align: top;
    color: #666
}

#compareResult .compare_result_desktop .mobile_main_content {
    display: none
}

@media only screen and (max-width: 1400px) {
    #compareResult .compare-head {
        width: 100%
    }

    #compareResult .compare_result_desktop {
        width: 100%
    }

    #compareResult .compare_result_desktop .headTable .compareImg a {
        width: calc((100% - 60px))
    }

    #compareResult .compare_result_desktop .headTable .compareImg a .img-desktop {
        width: 133px
    }
}

@media only screen and (max-width: 960px) {
    #compareResult .compare-head {
        width: 100%
    }

    #compareResult .compare-head #goBack {
        padding-top: 20px
    }

    #compareResult .compare-head .compare-title {
        padding: 48px 0 24px;
        margin: 0;
        font-size: 32px;
        line-height: 38px
    }

    #compareResult .compare-head .desktop_disappear {
        display: block
    }

    #compareResult .compare_result_desktop {
        width: 100%;
        padding: 0 20px
    }

    #compareResult .compare_result_desktop .headTable {
        display: none
    }

    #compareResult .compare_result_desktop h3 {
        margin: 0 0 11px 0
    }

    #compareResult .compare_result_desktop .desktop_main_content {
        display: none
    }

    #compareResult .compare_result_desktop .mobile_main_content {
        display: block;
        margin-bottom: 100px
    }

    #compareResult .compare_result_desktop .mobile_main_content .mobile-tn, #compareResult .compare_result_desktop .mobile_main_content .mobile-tnn, #compareResult .compare_result_desktop .mobile_main_content .mobile-tnc {
        background-color: #f6f6f6;
        padding: 9px 0 11px 30px;
        font-size: 16px;
        text-align: left;
        font-weight: bold;
        cursor: pointer;
        display: block;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.16)
    }

    #compareResult .compare_result_desktop .mobile_main_content .mobile-tnc {
        padding: 9px 0 11px 10px;
        background-color: #ebebeb
    }

    #compareResult .compare_result_desktop .mobile_main_content table {
        display: none
    }

    #compareResult .compare_result_desktop .mobile_main_content .mMinus, #compareResult .compare_result_desktop .mobile_main_content .mPlus {
        background-position: 97%
    }

    #compareResult .compare_result_desktop .mobile_main_content .mtal {
        border-bottom: 1px solid rgba(0, 0, 0, 0.16);
        display: block
    }

    #compareResult .compare_result_desktop .mobile_main_content .mtal th {
        padding: 10px 0;
        text-align: center;
        min-width: 200px
    }

    #compareResult .compare_result_desktop .mobile_main_content .mtal td {
        width: 100%;
        text-align: left;
        color: #666
    }
}

#compatibility .scrollBar {
    width: 100%;
    overflow: auto
}

#compatibility .tabBody[_id=ExportTable] label {
    padding-left: 30px;
    margin: 0 0 40px 20px;
    background-position: 7px 10px;
    font-size: 24px
}

#compatibility .slice .slice-ct {
    width: 960px;
    padding: 68px 215px 60px
}

#compatibility .slice .slice-ct img {
    margin-bottom: 26px
}

#compatibility .slice .slice-ct p {
    font-weight: 300;
    color: #666
}

#compatibility .slice #ct-item {
    padding: 0 20px
}

#compatibility .slice #ct-item .tab {
    width: 100%;
    min-height: 350px
}

#compatibility .slice #ct-item .tab .tabHeader {
    text-align: left;
    border-bottom: 1px solid #f2f2f2;
    margin: 60px 0 80px
}

#compatibility .slice #ct-item .tab .tabHeader a {
    height: 34px;
    min-width: 130px;
    padding: 4px 10px 14px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #3b3b3b;
    text-align: center;
    display: inline-block;
    transition: none;
    -webkit-transition: none
}

#compatibility .slice #ct-item .tab .tabHeader a.active {
    border-bottom: 4px solid #8de700
}

#compatibility .slice #ct-item .tab .tabBody .tabPanel {
    display: none
}

#compatibility .slice #ct-item .tab .tabBody .tabPanel.active {
    display: block
}

#compatibility .slice #ct-item .tab .tabBody .select_type {
    display: flex;
    margin-bottom: 60px;
    height: 36px
}

#compatibility .slice #ct-item .tab .tabBody .select_type .select2-selection__rendered {
    color: #666
}

#compatibility .slice #ct-item .tab .tabBody .select_type .sub-item {
    padding: 0;
    margin: 0 20px 0 0
}

#compatibility .slice #ct-item .tab .tabBody .select_type .bradius {
    border-radius: 4px;
    padding: 1px 20px !important;
    height: 36px !important;
    min-width: 84px;
    margin: 0
}

#compatibility .slice #ct-item .tab .tabBody .product_table, #compatibility .slice #ct-item .tab .tabBody .cat_table {
    width: 100%;
    margin-bottom: 101px;
    table-layout: auto;
    width: 100%
}

#compatibility .slice #ct-item .tab .tabBody table {
    font-size: 14px;
    font-weight: normal;
    text-align: left
}

#compatibility .slice #ct-item .tab .tabBody table .header {
    background-color: #f2f2f2
}

#compatibility .slice #ct-item .tab .tabBody table .header td {
    position: sticky;
    color: #040404;
    padding: 12px 0 12px 20px
}

#compatibility .slice #ct-item .tab .tabBody table .header td .td-font {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 24px;
    color: #040404
}

#compatibility .slice #ct-item .tab .tabBody table .header td .select2-selection--single {
    height: 24px
}

#compatibility .slice #ct-item .tab .tabBody table .header td .select2-selection__rendered {
    line-height: 20px;
    color: #666
}

#compatibility .slice #ct-item .tab .tabBody table .header td .qselect {
    padding-left: 10px
}

#compatibility .slice #ct-item .tab .tabBody table .header .colunm_align_top {
    padding: 12px 20px 43px;
    display: table-cell;
    font-size: 14px;
    line-height: 24px;
    color: #040404
}

#compatibility .slice #ct-item .tab .tabBody table .body {
    color: #666
}

#compatibility .slice #ct-item .tab .tabBody table .body td {
    border-bottom: 1px solid #f2f2f2
}

#compatibility .slice #ct-item .tab .tabBody table .body td .not_note_column {
    padding: 12px 20px 11px;
    min-height: 40px;
    min-width: 145px
}

#compatibility .slice #ct-item .tab .tabBody table .body td a {
    color: #00a5e7;
    display: block;
    background-image: url("../../images/icons/btn_general_accordion_open_grey.svg");
    min-height: 40px;
    background-position: center center;
    background-repeat: no-repeat
}

#compatibility .slice #ct-item .tab .tabBody table .body td.no-item {
    color: #ccc;
    font-size: 24px;
    line-height: 80px;
    text-align: center
}

#compatibility .slice #ct-item .tab .tabBody table tr[name="hidden_tr"] .hide_info {
    display: block;
    background: #f3fcec;
    padding: 12px 40px 12px 20px
}

#compatibility .slice #ct-item .tab .tabBody table tr[name="hidden_tr"] .hide_info .table_msg {
    display: inline-block;
    width: 300px;
    padding: 5px 0 5px 0
}

#compatibility .slice #ct-item .tab .tabBody table .value_sty, #compatibility .slice #ct-item .tab .tabBody table .key_sty {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: left
}

#compatibility .slice #ct-item .tab .tabBody table .value_sty {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px
}

#compatibility #custom-download {
    width: 100%;
    font-size: 41px;
    font-weight: normal;
    line-height: 48px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 20px
}

#compatibility .bay-number {
    width: 100%;
    margin: 8px 0
}

#compatibility .model-list {
    margin: 8px 0
}

#compatibility .product-type label {
    line-height: 32px
}

#compatibility .sub-item {
    width: 230px;
    padding-left: 14px;
    margin: 10px
}

#compatibility .hide_note {
    display: none
}

@media only screen and (max-width: 1100px) {
    #compatibility .slice .slice-ct {
        width: 100%;
        padding: 68px 20px 60px
    }

    #compatibility .slice #ct-item {
        width: 100%;
        padding: 0 20px
    }

    #compatibility .slice #ct-item .tab .tabBody .tabPanel .select_type select + span {
        width: 100% !important
    }
}

@media only screen and (max-width: 640px) {
    #compatibility .product_table, #compatibility .cat_table {
        margin-bottom: 100px !important
    }

    #compatibility #custom-download {
        text-align: center
    }

    #compatibility #img-download {
        width: 62px
    }

    #compatibility .tabHeader {
        margin: 10px
    }

    #compatibility .select_type {
        margin-bottom: 0 !important;
        display: block !important;
        height: auto !important
    }

    #compatibility .select_type .device-list, #compatibility .select_type .download-list {
        display: inline-block
    }

    #compatibility .select_type .sub-item {
        margin-bottom: 20px !important
    }
}

#ads-popup {
    display: none;
    background: white;
    position: fixed;
    width: 50%;
    left: calc(50% - 329px);
    top: calc(50% - 400px);
    height: 840px;
    width: 658px;
    border-radius: 4px;
    z-index: 1000;
    overflow: auto
}

#ads-popup .afa_div #ads-pg1 {
    background-image: url("../../images/banner/popup-1200-1200.jpg");
    height: 658px;
    background-size: cover
}

#ads-popup .afa_div .ads-massage_area {
    padding: 0 40px;
    margin-top: 30px
}

#ads-popup .afa_div .ads-massage_area #ads-contact {
    margin: 0 auto 30px;
    text-align: center;
    font-weight: bold;
    font-size: 24px
}

#ads-popup .afa_div .ads-massage_area p {
    font-weight: normal;
    font-size: 14px
}

#ads-popup .afa_div .ads-massage_area ul {
    min-height: 65px;
    padding-left: 20px
}

#ads-popup .afa_div .ads-massage_area ul li {
    font-size: 12px;
    color: #707070
}

#ads-popup .afa_div .ads-afa_promotion {
    padding: 0 40px 25px
}

#ads-popup .afa_div .ads-afa_promotion .qselect {
    border-color: #ccc !important
}

#ads-popup .afa_div .ads-afa_promotion textarea {
    width: 100%;
    border-color: #ccc
}

#ads-popup .afa_div .ads-afa_promotion .submit-btn {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #8de256, #70d131);
    border: none;
    color: #fff;
    margin-top: 20px
}

#ads-popup .afa_div .ads-afa_promotion .submit-btn:hover {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#ads-popup .afa_div .ads-afa_promotion .submit-btn:active {
    background-image: linear-gradient(to bottom, #7ede40, #65be2a)
}

#ads-popup .afa_div .ads-afa_promotion .agree-area .error-notice {
    display: none;
    color: #b71a3c;
    font-size: 14px;
    font-weight: normal
}

#ads-popup .afa_div .ads-afa_promotion em.invalid {
    font-style: normal;
    font-size: 12px;
    color: #B71A3C
}

.float-advertisement {
    background-image: url("../../images/banner/afa_float.jpg");
    background-position: center;
    background-size: cover;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 290px;
    height: 290px;
    padding-top: 30px;
    display: none
}

@media only screen and (max-width: 640px) {
    #ads-popup {
        width: calc(100% - 40px);
        height: 95%;
        left: 20px;
        top: 10px
    }

    #ads-popup .afa_div #ads-pg1 {
        height: 0;
        padding: 50%
    }

    #ads-popup .afa_div .ads-massage_area {
        padding: 0 20px
    }

    #ads-popup .afa_div .ads-afa_promotion {
        padding: 0 20px 10px
    }

    #ads-popup .afa_div .ads-afa_promotion .form-item {
        width: 100%
    }

    #ads-popup .afa_div .ads-afa_promotion label {
        display: block
    }

    #ads-popup .afa_div .ads-afa_promotion label + input {
        width: 100%
    }

    #ads-popup .afa_div .ads-afa_promotion .qselect, #ads-popup .afa_div .ads-afa_promotion .select2-container {
        width: 100% !important
    }

    .float-advertisement {
        width: 50%
    }
}