@charset "utf-8";
body {
    font-family: promptregular;
    margin: 0 auto;
    padding: 0;
    font-size: 1.25rem;
    line-height: 28px;
    color: #434343;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
}
:focus {
    outline: 0;
}
a {
    color: #434343;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover {
    text-decoration: none !important;
    outline: 0;
    cursor: pointer;
}
hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.clear {
    clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    font-weight: 400;
    font-family: promptregular;
}
li,
ol,
p,
ul {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #434343;
}
ol,
ol ol {
    margin-bottom: 15px !important;
}
div {
    margin: 0;
    padding: 0;
}
#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
#container {
    margin: 0 auto;
    padding: 0;
}
.target {
    height: calc(100vh - 145px);
}
.content {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.banner {
    width: 100%;
    padding-top: 115px;
    margin: 0;
    box-sizing: border-box;
    position: relative;
}
.banner img {
    width: 100%;
}
.pad-box-index {
    margin-left: 25% !important;
}
header {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffffeb;
    z-index: 1000;
    min-height: 115px;
    min-height: 115px;
    padding: 0 90px;
}
.logo {
    width: 8%;
    float: left;
}
.logo img {
    width: 130px;
    padding-top: 22px;
}
.menuright {
    width: 92%;
    display: block;
    float: left;
}
.lang {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}
.lang ul {
    display: flex;
    list-style: none;
    justify-content: flex-end;
    padding: 25px 37px 8px 0;
    margin-bottom: 10px !important;
}
.lang ul li {
    margin: 0 5px;
    position: relative;
    color: #434343;
    text-transform: uppercase;
    font-size: 15px;
    height: 25px;
}
.lang ul li:nth-child(1) {
    width: 38px;
}
.lang ul li:nth-child(2) {
    width: 38px;
}
.lang ul li:nth-child(2):hover {
    color: #fff;
}
.lang ul li:hover .trapezoid-lang-2 {
    background: #22225c;
}
.lang ul li:nth-child(3):hover {
    color: #fff;
}
.lang ul li:hover .trapezoid-lang-3 {
    background: #22225c;
}
.lang ul li span {
    position: absolute;
    z-index: 3;
    left: 18px;
    color: #fff;
    font-size: 13px;
    top: -2px;
}
.trapezoid-lang {
    left: 18px !important;
    height: 27px !important;
    top: -3px !important;
}
.trapezoid-lang.trapezoid-lang-1 {
    width: 38px;
    background: #157ccb;
}
.trapezoid-lang.trapezoid-lang-2 {
    width: 38px;
    background: #d9d9d9;
}
.shactive .trapezoid-lang-2 {
    background: #22225c;
}
.trapezoid-lang.trapezoid-lang-3 {
    width: 38px;
    background: #d9d9d9;
}
.shactive .trapezoid-lang-3 {
    background: #22225c;
}
.menu {
    float: left;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.menu ul {
    display: flex;
    list-style: none;
    float: right;
    font-family: promptregular;
}
.menu ul li {
    margin: 0 5px;
    position: relative;
    color: #434343;
    text-transform: uppercase;
    font-size: 18px !important;
}
.menu ul li:nth-child(1) {
    width: 145px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(2) {
    width: 145px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(3) {
    width: 135px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(4) {
    width: 170px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(5) {
    width: 115px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(6) {
    width: 118px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(1):hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(2):hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(3):hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(4):hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(5):hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:nth-child(6):hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li span {
    position: absolute;
    z-index: 3;
    left: 25px;
    top: 0;
}
.menu ul li a span {
    color: #434343;
}
.trapezoid {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewX(-34deg);
    transform-origin: top left;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.trapezoid-0 {
    background: 0 0;
    left: 16px;
    height: 32px;
    top: -1px;
}
.trapezoid-0.trapezoid-1 {
    width: 145px;
}
.trapezoid-0.trapezoid-2 {
    width: 213px;
}
.trapezoid-0.trapezoid-3 {
    width: 145px;
}
.trapezoid-0.trapezoid-4 {
    width: 135px;
}
.trapezoid-0.trapezoid-5 {
    width: 170px;
}
.trapezoid-0.trapezoid-6 {
    width: 118px;
}
.trapezoid-0.trapezoid-7 {
    width: 105px;
}
.menu ul li:hover .trapezoid-1 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:hover .trapezoid-2 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:hover .trapezoid-3 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:hover .trapezoid-4 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:hover .trapezoid-5 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:hover .trapezoid-6 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li:hover .trapezoid-7 {
    background: #157ccb;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu ul li span:hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.mnactive {
    color: #fff !important;
}
.mnactive .trapezoid-1,
.mnactive .trapezoid-2,
.mnactive .trapezoid-3,
.mnactive .trapezoid-4,
.mnactive .trapezoid-5,
.mnactive .trapezoid-6,
.mnactive .trapezoid-7 {
    background: #157ccb;
}
.mnactive a span {
    color: #fff !important;
}
.dropdown-content {
    position: absolute;
    top: 52px;
    right: -200px;
    width: 570px;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    background: #efefef;
    list-style-type: none;
    list-style-image: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.menu ul li:hover .dropdown-content {
    visibility: visible;
    opacity: 1;
    list-style-type: none;
    list-style-image: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.content-menu ul {
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    width: 95%;
    height: 60.2vh;
    overflow: auto;
}
.content-menu-box {
    border-radius: 0 0 5px 5px;
}
.content-menu ul li {
    color: #434343 !important;
    text-transform: none;
    font-size: 16px;
    font-family: Arial;
    text-align: left;
    width: 100% !important;
    border-bottom: 1px solid #cfcfcf;
    margin: 0;
    background: url(../images/icon/Path.png) 15px 15px no-repeat;
    cursor: pointer;
    padding: 5px 20px 5px 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.content-menu ul li:last-child {
    border-bottom: 0;
}
.content-menu ul li:hover {
    color: #157ccb !important;
}
.content-menu ul::-webkit-scrollbar,
.content-txt-search::-webkit-scrollbar {
    width: 8px;
}
.content-menu ul::-webkit-scrollbar-track,
.content-txt-search::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 5px;
}
.content-menu ul::-webkit-scrollbar-thumb,
.content-txt-search::-webkit-scrollbar-thumb {
    background: #848484ed;
    border-radius: 5px;
}
.bg-menu-img {
    background: #157ccb;
    padding: 0 0 20px 5px;
}
.img-menu {
    margin-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 100%;
}
.title-text-menu {
    font-size: 20px;
    font-family: promptMedium;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
}
.menu ul li:hover span {
    color: #fff;
}
.content-menu ul li a {
    color: #434343 !important;
    font-family: promptregular;
}
.content-menu ul li a:hover {
    color: #157ccb !important;
}
footer {
    -webkit-box-shadow: 0 -10px 20px -5px rgba(115, 115, 115, 0.21);
    box-shadow: 0 -10px 20px -5px rgba(115, 115, 115, 0.21);
    background: #f8f8f8;
}
.list-footer {
    padding: 60px 90px;
    margin: 0 auto;
}
ul.list-footer {
    padding: 0;
    margin: 0;
}
ul.list-footer li {
    width: 100%;
    background: url(../images/icon/Path.png) 15px 9px no-repeat;
    padding: 3px 0 3px 30px;
    list-style: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.list-footer li:hover {
    color: #157ccb;
    margin-left: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.list-footer li a:hover {
    color: #157ccb;
}
ul.list-footer li a {
    text-decoration: none;
    list-style: none;
    color: #434343;
    font-family: promptregular;
}
.titel-footer {
    font-size: 1.25rem;
    color: #22225c;
    padding-bottom: 19px;
    text-transform: uppercase;
    line-height: 27px;
    padding-left: 15px;
    padding-top: 10px;
     font-family: promptregular;
}
.titel-footer a {
    color: #22225c;
}
.titel-footer a:hover {
    color: #22225c;
}
.col-md-2-5 {
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}
.col-md-2-6 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.copy {
    padding: 30px 60px;
    margin: 0 auto;
    background: #f1f1f1;
    text-align: right;
    color: #afafaf;
    font-family: Arial;
    font-size: 14px;
}
.copy a {
    color: #afafaf;
}
.copy a:hover {
    color: #afafaf;
}
.ico-footer-social {
    text-align: left;
    width: 100%;
}
.ma-0 {
    margin: 0 !important;
}
.pad-0 {
    padding: 0 !important;
}
.txt-title {
    font-size: 2.813rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    font-family: promptregular;
}
.txt-name {
    font-size: 1.875rem;
    text-transform: uppercase;
    text-align: center;
}
.txt-title-blue-1 {
    color: #22225c;
}
.txt-title-blue {
    color: #157ccb;
}
.txt-intro {
    font-size: 1.375rem;
    line-height: 28px;
    text-align: center;
    color: #434343;
}
.txt-left {
    text-align: left !important;
}
.ma-content {
    padding: 60px 0;
}
.ma-content-banner {
    padding: 60px 0 0 0;
}
.box-center {
    margin: 0 auto;
}
.pad-top-box-pro {
    padding-top: 40px !important;
}
.with-100 {
    width: 100%;
}
.ma-box-index {
    margin: 15px 0;
    border-radius: 5px;
}
.boxradius {
    border-radius: 10px !important;
}
.bg-text {
    position: absolute;
    width: 319px;
    height: 180px;
    top: 0;
    left: 15px;
    right: 0;
}
.bg-text .box-corporate {
    width: 100%;
    margin: 0 auto;
}
.bg-text .box-corporate img {
    width: 100%;
}
.bg-text .box-icon-red {
    position: absolute;
    width: 100%;
}
.bg-text .box-icon-white {
    width: 100%;
    z-index: 1;
}
.bg-text .box-icon-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.bg-text .box-icon-white img {
    opacity: 1;
}
.bg-text:hover .box-icon-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.bg-text:hover .box-icon-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.bg-text:hover .box-icon-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.bg-gray {
    background: #f3f3f3;
}
.text-brif {
    font-size: 1.25rem;
    line-height: 28px;
    color: #434343;
}
a .text-brif {
    color: #434343 !important;
}
.read-more {
    color: #565656;
    font-family: promptregular;
    font-size: 1.125rem;
    padding: 20px 0 0 0;
    background: url(../images/icon/line-more.png) 70px 30px no-repeat;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.read-more a {
    color: #565656;
}
.read-more a:hover {
    color: #157ccb;
}
.read-more:hover {
    color: #157ccb;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-text-news:hover .read-more,
.csr-index-left:hover .read-more,
.csr-index-right:hover .read-more,
.read-more:hover {
    color: #157ccb;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.corporate-policy:hover .read-more a {
    color: #157ccb;
}
.pad-left {
    padding-left: 5% !important;
    padding-top: 7% !important;
}
.pad-top-50 {
    padding-top: 50px;
}
.lang ul li .icon-search {
    width: 15px;
    margin: 0 auto;
}
.lang ul li .icon-search img {
    width: 17px;
    padding-bottom: 7px;
    margin-left: 3px;
}
.lang ul li .box-icon-red {
    position: absolute;
    width: 15px;
}
.lang ul li .box-icon-white {
    width: 15px;
    z-index: 1;
}
.lang ul li .box-icon-red img {
    opacity: 0;
}
.lang ul li .box-icon-white img {
    opacity: 1;
}
.lang ul li:hover .box-icon-red img {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.lang ul li:hover .box-icon-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.lang ul li:hover .box-icon-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.bg-contact {
    background: url(../images/bg-contact.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    display: block;
}
.text-center {
    text-align: center;
}
.text-contact-index {
    font-size: 1.563rem;
    color: #157ccb;
    line-height: 30px;
}
.box-contact-index {
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px;
    height: 143px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index h4 {
    font-size: 3.125rem;
    color: #e5e5e5;
    line-height: 40px;
    padding-top: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index h5 {
    font-size: 1.063rem;
    color: #22225c;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index p {
    font-size: 1.063rem;
    color: #434343;
    line-height: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index:hover {
    background: #157ccb;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index:hover h4 {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index:hover h5 {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-index:hover p {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.active-contact {
    background: #157ccb;
}
.csr-index {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    box-sizing: border-box;
    position: relative;
}
.csr-index-left {
    width: 56.5%;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
}
.csr-index-right {
    width: 56.5%;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
}
.box-txt-csr {
    padding-left: 200px;
}
.box-csr-h {
    height: 580px;
}
.pad-top-pic {
    padding-top: 15px;
}
.txt-get-in {
    font-size: 1.563rem;
    line-height: 28px;
}
.txt-get-in-p {
    font-size: 1.125rem;
    font-family: promptlight;
    line-height: 20px;
    color: #919191;
    padding: 10px 0 0 0;
}
.btn-more {
    width: 180px;
    background: url(../images/bg-btn.png) center no-repeat;
    background-size: auto;
    background-size: contain;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
nav {
    padding-top: 130px;
    text-align: right;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 23px;
}
nav a {
    font-size: 16px;
    font-family: Arial;
    color: #afafaf;
}
nav span {
    font-size: 16px;
    font-family: Arial;
    color: #157ccb;
    font-weight: 700;
}
.icon-nav {
    padding: 0 5px;
    color: #436eb3;
}
.icon-nav img {
    width: 13px;
}
.banner-in {
    width: 100%;
    margin: 30px auto 0 auto;
    box-sizing: border-box;
    position: relative;
    height: 643px;
    overflow: hidden;
    max-width: 1920px;
}
.banner-in img {
    width: 100%;
}
.banner-in-1 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-in-2 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-in-3 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-in:hover .banner-in-1 {
    -webkit-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
}
.banner-in:hover .banner-in-2 {
    -webkit-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
}
.text-banner {
    position: absolute;
    right: 80px;
    color: #fff;
    text-transform: uppercase;
    line-height: 38px;
    top: 460px;
    font-size: 30px;
    font-style: italic;
    font-family: promptlight;
    text-align: right;
    text-shadow: 2px 0 #656464d4;
}
.text-banner-left {
    position: absolute;
    left: 80px;
    color: #fff;
    text-transform: uppercase;
    line-height: 38px;
    top: 460px;
    font-size: 30px;
    font-style: italic;
    font-family: promptlight;
    text-align: left;
    text-shadow: 2px 0 #656464d4;
}
.text-banner-top {
    position: absolute;
    left: 80px;
    color: #fff;
    text-transform: uppercase;
    line-height: 38px;
    top: 80px;
    font-size: 30px;
    font-style: italic;
    font-family: promptlight;
    text-align: left;
    text-shadow: 2px 0 #656464d4;
}
.t-shadow {
    text-shadow: 2px 0 #656464d4;
}
.text-blue {
    color: #22225c !important;
}
.text-brif-product {
    color: #157ccb;
    font-size: 1.25rem;
    line-height: 26px;
    font-style: italic;
    text-align: center;
    width: 100%;
    font-family: promptlight;
}
.text-brif-product p {
    color: #157ccb;
    font-size: 1.25rem;
    line-height: 26px;
    font-style: italic;
    text-align: center;
    width: 100%;
    font-family: promptlight;
}
.text-brif-product-hrad {
    color: #22225c;
    font-size: 1.875rem;
    text-transform: uppercase;
}
.text-brif-product-hrad a {color: #22225c;}
.col-md-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.ma-box-product {
    padding: 10px 10px;
}
.ma-box-product img {
    width: 100%;
    border-radius: 5px;
}
.name-products {
    font-size: 18px;
    color: #434343;
    padding: 10px 0;
}
.bg-gray-find {
    background: #f5f5f5;
}
.txt-find-product {
    font-size: 3.125rem;
    color: #434343;
    line-height: 2.5;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: center;
}
.txt-find-product img {
    width: 60px;
    margin-right: 20px;
}
.brif-product {
    font-size: 20px;
    color: #919191;
    font-style: italic;
    line-height: 28px;
    text-align: center;
}
.txt-italic {
    font-style: italic;
    padding-top: 20px;
}
ul.box-icon {
    margin: 50px 0 0 0;
    padding: 0;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}
ul.box-icon li {
    overflow: hidden;
    padding-left: 0;
    margin: 0;
    list-style: none;
    width: 16%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: auto;
    margin-bottom: 30px;
}
ul.box-icon li .text-icon {
    font-size: 20px;
    padding: 15px 15px 0 15px;
    color: #434343;
    line-height: 24px;
}
ul.box-icon li:hover .text-icon {
    color: #031d75;
}
ul.box-icon li .icon {
    padding-top: 40px;
}
ul.box-icon:after {
    content: "";
    display: block;
    clear: both;
    top: 0;
    left: 0;
    right: 0;
}
ul.box-icon li:after {
    content: "";
    display: block;
    clear: both;
    top: 0;
    left: 0;
    right: 0;
}
ul.box-icon li .box-icon-Industry {
    width: 120px;
    margin: 0 auto;
}
ul.box-icon li .box-icon-Industry img {
    width: 120px;
}
ul.box-icon li .box-icon-red {
    position: absolute;
    width: 120px;
}
ul.box-icon li .box-icon-white {
    width: 120px;
    z-index: 1;
}
ul.box-icon li .box-icon-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
ul.box-icon li .box-icon-white img {
    opacity: 1;
}
ul.box-icon li:hover .box-icon-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
ul.box-icon li:hover .box-icon-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.box-icon li:hover .box-icon-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hr {
    border-bottom: 1px solid #cbcbcb;
    margin: 20px 0 20px 0;
}
.hr-in {
    border-bottom: 1px solid #cbcbcb;
    margin: 20px 0 35px 0;
}
.app-text {
    background: url(../images/icon/Path.png) 0 15px no-repeat;
    padding-left: 20px;
    color: #434343;
    width: 86%;
    line-height: 24px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.col-md-4:hover .app-text {
    color: #157ccb;
    margin-left: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.border-box-app {
    border-bottom: 1px solid #e3e3e3;
    padding: 25px 0 !important;
}
.pad-banner {
    margin-top: 60px;
}
.img-product {
    position: relative;
    border-radius: 5px;
    border: 3px solid #0000;
}
.col-md-20 figure {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
}
.col-md-20:hover .name-products {
    color: #157ccb;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.col-md-20 .hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.col-md-20:hover .hover01 figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
figure {
    margin: 0 !important;
}
.imgpro {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.shape img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
}
.shape img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.noshape img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.imgpro:hover .noshape img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.img-overlay {
    opacity: 0.7 !important;
}
.col-md-20 .overlay {
    /*background: rgba(249, 249, 249, 0.26);*/
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.col-md-20:hover .img-product .overlay {
    background: 0 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.col-md-20:hover .img-product {
    border: 3px solid #157ccb;
    border-radius: 9px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.pb-product {
    padding-bottom: 30px;
    width: 80%;
    margin: 0 auto;
}
.ico-detail {
    width: 100%;
    margin: 0 auto;
    display: block;
    color: #434343;
    padding: 0 0 60px 0;
}
.ico-detail img {
    width: 40px;
    margin-right: 5px;
}
.ico-detail a {
    color: #434343;
}
.banner-animation,
.banner-product {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.banner-animation img,
.banner-product img {
    width: 100%;
}
.product-detail {
    padding: 0;
    margin: 0;
    line-height: 26px;
}
.product-detail h3 {
    color: #157ccb;
    text-transform: uppercase;
    font-family: promptMedium;
    font-size: 1.25rem;
    padding-bottom: 15px;
    line-height: 28px !important;
}
.product-detail h4 {
    color: #434343;
    font-size: 1.25rem;
    line-height: 28px !important;
}
.ico-feature {
    font-size: 1.25rem;
    color: #157ccb;
    margin-bottom: 20px;
}
.ico-feature span {
    padding-top: 5px;
}
.ico-feature img {
    width: 44px;
    margin-right: 5px;
}
.list-feature {
    padding: 0 30px;
}
.list-feature ul {
    padding: 0 0 0 30px;
    margin: 0;
}
.list-feature ul li {
    width: 100%;
    background: url(../images/icon/Path.png) 15px 15px no-repeat;
    padding: 7px 0 7px 40px;
    list-style: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
}
.list-feature ol {
    padding: 0 0 0 64px;
    margin: 0;
}
.list-feature ol li {
    width: 100%;
    padding: 7px 0 7px 5px;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
}
.list-feature p {
    color: #434343;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}
.txt-product-detail {
    font-size: 3.125rem;
    color: #434343;
    line-height: 1.5;
    margin: 0 auto;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
}
.brif-product-detail {
    font-size: 20px;
    color: #919191;
    line-height: 28px;
    text-align: center;
}
.name-product-detail {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    cursor: pointer!important;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-product-detail:hover {
    cursor: pointer!important;
    background: #22225c;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-product-detail img {
    width: 100%;
}
.name-product-detail p {
    padding: 10px 20px;
    font-size: 1.125rem;
    color: #157ccb;
    width: 86%;
    float: left;
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-product-detail:hover p {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-product-detail .icon-detail-plus {
    width: 14%;
    float: left;
}
.name-product-detail .icon-detail-plus img {
    width: 27px;
    padding-top: 5px;
}
.name-product-detail .box-icon-plus-red {
    position: absolute;
    width: 150px;
}
.name-product-detail .box-icon-plus-white {
    width: 30px;
    z-index: 1;
}
.name-product-detail .box-icon-plus-red img {
    opacity: 0;
}
.name-product-detail .box-icon-plus-white img {
    opacity: 1;
}
.name-product-detail:hover .box-icon-plus-red img {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-product-detail:hover .box-icon-plus-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-product-detail:hover .box-icon-plus-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.product-line {
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.box-vdo {
    float: left;
    width: 100%;
}
.box-btn-product {
    float: left;
    width: 47.5%;
    padding-top: 15px;
    position: relative;
}
.box-btn-product .box-bg-product {
    width: 100%;
    margin: 0;
}
.box-btn-product .box-bg-product img {
    width: 100%;
}
a.box-bg-product {
    cursor: pointer;
}
.box-btn-product .box-bg-red {
    position: absolute;
    width: 100%;
}
.box-btn-product .box-bg-white {
    width: 100%;
    z-index: 1;
}
.box-btn-product .box-bg-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.box-btn-product .box-bg-white img {
    opacity: 1;
}
.box-btn-product:hover .box-bg-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.box-btn-product:hover .box-bg-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-btn-product:hover .box-bg-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.product-text {
    position: absolute;
    top: 20px;
    font-size: 18px;
    left: 20px;
    color: #fff;
}
.ma-product-right {
    margin-right: 15px;
}
.popup-product {
    width: 100%;
    padding: 30px;
    overflow: auto;
}
.popup-product h5 {
    font-size: 1.25rem;
    color: #157ccb;
    padding-bottom: 10px;
}
.popup-product p {
    font-size: 1.25rem;
    color: #434343;
    line-height: 26px;
}
.popup-product img {
    width: 100%;
}
.div-none {
    display: none;
}
.img-product-pad {
    margin-bottom: 30px;
}
.popup-product ul {
    padding: 0 0 15px 0;
    margin: 0;
}
.popup-product ul li {
    width: 100%;
    background: url(../images/icon/Path.png) 0 15px no-repeat;
    padding: 7px 0 7px 20px;
    list-style: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
}
.policy {
    text-align: justify;
}
.policy h2 {
    font-size: 1.563rem;
    color: #157ccb;
    text-transform: uppercase;
    font-weight: 700;
}
.policy h3 {
    font-size: 1.25rem;
    color: #22225c;
    text-transform: uppercase;
    line-height: 10px;
    line-height: 26px;
}
.policy h4 {
    font-size: 1.25rem;
    line-height: 28px;
    color: #434343;
    margin-top: 20px;
}
.policy-pad {
    padding-top: 20px;
}
.bg-news {
    background: url(../images/bg-news.jpg) no-repeat top center;
    background-size: cover;
}
.news-text {
    color: #157ccb;
    font-size: 1.875rem;
    line-height: 38px !important;
    font-style: italic;
    text-align: center;
}
.input-search {
    display: flex;
    width: 100%;
}
.input-search-l {
    width: 88%;
    margin-right: 10px;
}
.text-input {
    background: #e9e9e9;
    border: none;
    padding: 10px;
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    color: #434343;
    border-radius: 4px;
}
.col-md-search-r {
    -ms-flex: 0 0 86.5%;
    flex: 0 0 86.5%;
    max-width: 86.5%;
}
.col-md-search-l {
    -ms-flex: 0 0 13.5%;
    flex: 0 0 13.5%;
    max-width: 13.5%;
}
.pad-top-box-search {
    padding: 25px 0 40px 0 !important;
}
.form-search {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}
.box-cover-news {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.box-text-news {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #ffffffd1;
    width: 50%;
    border-radius: 8px;
    padding: 35px;
}
.date {
    color: #afafaf;
    font-size: 1rem;
    margin-bottom: 25px;
    line-height: 14px;
}
.box-text-news h3 {
    font-size: 1.563rem;
    color: #157ccb;
    font-style: italic;
    font-family: promptMedium;
}
.box-text-news h4 {
    color: #434343;
    font-size: 1.25rem;
    line-height: 28px;
    margin-bottom: 0;
}
.text-title-news {
    font-size: 1.25rem;
    color: #157ccb;
    font-style: italic;
    font-family: promptMedium;
    line-height: 28px;
}
.text-brif-news {
    color: #434343;
    font-size: 20px;
    line-height: 28px;
}
.ma-content-news {
    margin: 60px 0;
}
.icon-news ul {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
.icon-news ul li {
    list-style: none;
    margin-right: 20px;
    display: inline-block;
}
.icon-news ul li img {
    width: 40px;
    margin-right: 5px;
}
.icon-news ul li a {
    color: #434343;
}
.icon-news ul li:hover img {
    opacity: 0.5;
}
.icon-news ul li a:hover {
    color: #157ccb;
}
.icon-news-galley ul {
    width: 100%;
    display: flex;
    padding: 0;
    margin: 45px 0 0 0;
}
.icon-news-galley ul li {
    list-style: none;
    margin-right: 20px;
    display: inline-block;
}
.icon-news-galley ul li img {
    width: 40px;
    margin-right: 5px;
}
.icon-news-galley ul li a {
    color: #434343;
}
.icon-news-galley ul li:hover img {
    opacity: 0.5;
}
.icon-news-galley ul li a:hover {
    color: #157ccb;
}
.icon-socail ul {
    width: 100%;
    padding: 0;
    margin: 45px 0 0 0;
    float: right;
}
.icon-socail ul li {
    list-style: none;
    margin-left: 20px;
    float: right;
}
.icon-socail ul li a {
    color: #434343;
}
.icon-socail ul li img {
    width: 40px;
    margin-left: 5px;
}
.icon-socail ul li:hover img {
    opacity: 0.5;
}
.new-detail {
    width: 100%;
    margin: 0 auto;
}
.new-detail h1 {
    font-size: 1.875rem;
    line-height: 38px;
    color: #157ccb;
}
.new-detail p {
    color: #434343;
    font-size: 1.25rem;
    line-height: 28px;
}
.new-detail ul {
    padding: 0 0 10px 21px;
    margin: 0;
}
.new-detail ul li {
    width: 100%;
    background: url(../images/icon/Path.png) 0 15px no-repeat;
    padding: 7px 0 7px 20px;
    list-style: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
}
.new-detail ol {
    padding: 0 0 10px 40px;
    margin: 0;
}
.new-detail ol li {
    width: 100%;
    padding: 7px 0 7px 3px;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
}
.banner-contact {
    width: 100%;
    margin: 30px auto auto auto;
    box-sizing: border-box;
    position: relative;
    height: 873px;
    overflow: hidden;
}
.banner-contact img {
    width: 100%;
}
.banner-contact-1 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-contact-2 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-contact-3 {
    position: absolute;
    left: 65px;
    right: 0;
    top: 65px;
}
.box-contact {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 1600px;
    display: flex;
}
.box-contact-img {
    width: 45%;
}
.box-contact-add {
    width: 55%;
    padding-right: 107px;
}
.banner-contact-3 h1 {
    color: #fff;
    font-size: 2.813rem;
    text-transform: uppercase;
    font-family: promptMedium;
}
.banner-contact-3 h2 {
    color: #fff;
    font-size: 1.875rem;
    font-style: italic;
    text-shadow: 2px 0 #656464d4;
}
.title-form {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #22225c;
    line-height: 28px;
}
.pad-title-form {
    padding: 15px;
}
.app-form-txt {
    color: #157ccb;
    text-transform: uppercase;
    line-height: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}
select {
    width: 100%;
    border: none;
    padding: 6px 10px;
    font-size: 18px !important;
    border-radius: 5px;
    background: url(../images/icon/select.png) 98.5% no-repeat #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #434343;
}
select option {
    color: #434343;
}
.text-form label {
    color: #157ccb;
    line-height: 28px;
}
.text-form label span {
    color: red;
}
.form-input {
    width: 100%;
    border: none;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #434343;
}
.txt-alt {
    color: red;
    line-height: 28px;
    font-family: Arial;
    font-size: 14px;
    padding-top: 0;
}
.box-text-input {
    height: 120px;
}
.input-add {
    width: 100%;
    border: none;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #434343;
    height: 165px;
    margin-bottom: 7px !important;
}
.btn-submit {
    font-size: 16px;
    color: #fff;
    background: #157ccb;
    border: none;
    text-transform: uppercase;
    padding: 7px 20px;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.input-add::-webkit-input-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.security {
    width: 135px;
}
.input-add::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.input-add:-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.input-add::-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.input-add::placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.input-add:disabled {
    background-color: #e9ecef;
    opacity: 1;
}
.form-input::-webkit-input-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.form-input::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.form-input:-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.form-input::-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.form-input::placeholder {
    color: #c1c1c1;
    opacity: 1;
    font-family: Arial;
}
.form-input:disabled {
    background-color: #e9ecef;
    opacity: 1;
}
.box-set {
    padding-left: 100px;
    padding-top: 30px;
    box-sizing: border-box;
}
.set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    border-radius: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.set > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    font-weight: 400;
    line-height: 25px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.set > a i {
    float: right;
    margin-top: 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.set > a.active {
    background-color: #157ccb;
    color: #fff;
    border-radius: 10px 10px 0 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.set:hover {
    background-color: #157ccb;
    border-radius: 10px 10px 0 0;
    color: #fff;
}
.set:hover .contact-us-left h3,
.set:hover .contact-us-right h4,
.set:hover .contact-us-right p {
    color: #fff;
}
.content-contact {
    background-color: #157ccb;
    display: none;
    border-radius: 0 0 10px 10px;
    padding: 0 20px;
}
a.active h3,
a.active h4,
a.active p {
    color: #fff;
}
.box-contact-us h3 {
    font-size: 3.125rem;
    color: #157ccb;
    line-height: 40px;
    padding: 15px 14px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-us h3 a.active {
    color: #fff;
}
.box-contact-us h4 {
    font-size: 1.063rem;
    color: #22225c;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 1px;
    padding-top: 10px;
    font-family: promptMedium;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-contact-us p {
    font-size: 1.063rem;
    color: #434343;
    line-height: 22px;
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.contact-us-left {
    -ms-flex: 0 0 16% !important;
    flex: 0 0 16% !important;
    max-width: 16% !important;
}
.contact-us-right {
    -ms-flex: 0 0 84% !important;
    flex: 0 0 84% !important;
    max-width: 84% !important;
}
.txt-set {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}
.line-set {
    border-top: 0.5px solid #ffffff57;
    margin: 20px 0 0;
    padding: 20px 0 0;
}
.map {
    background: #fff;
    border-radius: 10px;
    width: 78px;
    height: 83px;
    padding: 10px;
    color: #157ccb;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    font-family: promptMedium;
    float: left;
    margin-left: 15px;
}
.map a {
    color: #157ccb;
}
.map a:hover {
    color: #fff;
}
.map:hover {
    background: #22225c;
    color: #fff;
}
.map a:hover {
    background: #22225c;
    color: #fff;
}
.map .box-icon-Industry {
    width: 27px;
    margin: 0 auto;
}
.map .box-icon-Industry img {
    width: 27px;
    padding-bottom: 8px;
}
.map .box-icon-red {
    position: absolute;
    width: 27px;
}
.map .box-icon-white {
    width: 27px;
    z-index: 1;
}
.map .box-icon-red img {
    opacity: 0;
}
.map .box-icon-white img {
    opacity: 1;
}
.map:hover .box-icon-red img {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.map:hover .box-icon-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.map:hover .box-icon-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.icon-tel {
    padding: 15px 0 20px 0;
}
.icon-tel img {
    width: 25px;
}
.icon-tel a {
    color: #434343;
}
.icon-tel a:hover {
    color: #434343;
}
.icon-tel-contact {
    padding: 15px 0 20px 0;
}
.icon-tel-contact img {
    width: 25px;
}
.icon-tel-contact a {
    color: #fff;
}
.icon-tel-contact a:hover {
    color: #fff;
}
.contact-thank {
    width: 100%;
    background: url(../images/contact/bg-thank.jpg) center no-repeat;
    background-size: contain;
    text-align: center;
    padding: 30px;
}
.contact-thank img {
    padding: 50px 0 30px 0;
}
.contact-thank h5 {
    font-size: 30px;
    color: #157ccb;
    font-family: promptMedium;
    text-align: center;
    padding-bottom: 10px;
}
#form-thank.fancybox-content {
    width: 35%;
}
.contact-thank h6 {
    font-size: 1.8rem;
    color: #6a6a6a;
    line-height: 36px;
    font-family: promptlight;
    text-align: center;
}
.csr h2 {
    font-size: 1.563rem;
    color: #157ccb;
    font-weight: 700;
    text-transform: uppercase;
}
.subtitle-blue {
    font-size: 1.563rem;
    color: #157ccb;
    font-weight: 700;
    text-align: center;
}
.csr p {
    color: #434343;
    line-height: 28px;
}
.banner-csr {
    width: 100%;
    margin: 50px auto;
    box-sizing: border-box;
    position: relative;
    height: 228px;
    overflow: hidden;
    border-radius: 10px;
}
.banner-csr img {
    width: 100%;
}
.banner-csr-1 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-csr-2 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-csr-3 {
    position: absolute;
    left: 40px;
    right: 0;
    top: 60px;
    color: #fff;
}
.banner-csr-3 h3 {
    font-size: 30px;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
}
.banner-csr-3 h4 {
    font-size: 20px;
}
.read-more-w {
    color: #fff;
    font-family: promptregular;
    font-size: 1.125rem;
    padding: 20px 0 0 0;
    background: url(../images/icon/line-more-w.png) 70px 30px no-repeat;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.read-more-w a {
    color: #fff;
}
.read-more-w a:hover {
    color: #fff;
}
.read-more-w:hover {
    color: #fff;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.banner-csr:hover .read-more-w {
    color: #fff;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.recruitment {
    padding: 0;
    margin: 0;
}
.recruitment span {
    font-size: 1.563rem;
    color: #157ccb;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.recruitment ul {
    padding: 0;
}
.recruitment ul li {
    cursor: pointer;
    font-size: 1.25rem;
    color: #434343;
    line-height: 28px;
    border-bottom: 1px solid #e1e1e1;
    background: url(../images/icon/Path.png) 0 no-repeat no-repeat;
    padding: 15px 20px;
    list-style: none;
    border-radius: 10x;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.recruitment ul li span {
    float: right;
}
.recruitment ul li:hover {
    color: #fff;
    background: url(../images/icon/Path-hover.png) 3% no-repeat #157ccb;
    padding: 15px 40px;
    border-radius: 10px;
    border: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.recruitment ul li.active-recruitment {
    color: #fff;
    background: url(../images/icon/Path-hover.png) 3% no-repeat #157ccb;
    padding: 15px 40px;
    border-radius: 10px;
    border: none;
}
.recruitment-detail {
    background: #f1f1f1;
    border-radius: 10px;
    padding: 30px 30px;
}
.recruitment-detail strong {
    color: #157ccb;
    font-size: 1.563rem;
    font-family: promptlight;
}
.recruitment-po {
    float: left;
    width: 100%;
    font-size: 1.25rem;
    color: #434343;
}
.recruitment-po-l {
    width: 50%;
    float: left;
}
.recruitment-po-r {
    width: 50%;
    float: right;
    text-align: right;
}
.recruitment-detail ul {
    padding: 0 15px;
}
.recruitment-detail ul li {
    color: #434343;
    line-height: 28px;
    background: url(../images/icon/Path.png) 0 15px no-repeat;
    padding: 2px 20px;
    list-style: none;
    font-size: 1.25rem;
}
.banner-recruitment {
    width: 100%;
    margin: 98px auto 0 auto;
    box-sizing: border-box;
    position: relative;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
}
.banner-recruitment img {
    width: 100%;
}
.banner-recruitment-1 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-recruitment-2 {
    position: absolute;
    left: 0;
    right: 0;
}
.banner-recruitment-3 {
    position: absolute;
    left: 40px;
    right: 0;
    top: 60px;
    color: #fff;
}
.banner-recruitment-3 h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 28px;
    font-family: promptlight;
}
.recruitment-download {
    width: 60px !important;
    margin-right: 20px;
    height: 54px;
}
.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.file-upload .file-select {
    display: block;
    border: none;
    color: #434343;
    cursor: pointer;
    height: 45px;
    line-height: 40px;
    text-align: left;
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    border-radius: 5px;
}
.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 35px;
    line-height: 40px;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 5px;
}
.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}
.file-upload .file-select:hover .file-select-button {
    background: #157ccb;
    color: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.file-upload.active .file-select {
    border-color: #157ccb;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.file-upload.active .file-select .file-select-button {
    background: #157ccb;
    color: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.file-upload .file-select input[type="file"] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    font-family: Kanit-Light;
    font-weight: 400;
}
.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}
.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}
.corporate-policy {
    padding: 0;
    margin: 0;
}
.corporate-policy ul {
    padding: 0;
    margin: 0;
}
.corporate-policy ul li {
    background: url(../images/icon/plus_policy.png) 0 10px no-repeat;
    list-style: none;
    padding: 5px 30px;
    line-height: 23px;
    color: #434343;
}
.corporate-policy-title {
    font-size: 1.875rem;
    color: #22225c;
    text-transform: uppercase;
    font-family: promptMedium;
    padding-top: 35px;
}
.corporate-policy-mb {
    margin-bottom: 60px;
}
.company-profile-brif {
    font-size: 1.25rem;
    line-height: 28px;
    color: #434343;
    text-align: center;
}
.box-company-profile {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    max-width: 1920px;
}
.box-company-profile-l {
    width: 50%;
    margin: 0;
    padding: 60px 110px;
    display: flex;
    background: #eee;
}
.box-company-profile-r {
    width: 50%;
    margin: 0;
    padding: 60px 90px;
    display: flex;
    background: #e8e8e8;
}
.box-mile-relative {
    position: relative;
    background: url(../images/line-milestone.png) repeat-y top center;
}
.box-mile-left {
    width: 50%;
    margin-bottom: 60px;
    float: left;
    position: relative;
}
.box-mile-right {
    width: 47%;
    margin-bottom: 30px;
    float: right;
    position: relative;
    margin-top: 135px;
}
.mile-text {
    float: left;
    width: 60%;
}
.mile-text h4 {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #22225c;
    font-family: promptMedium;
}
.mile-year-l {
    float: right;
    margin-right: -10px;
    width: 40%;
}
.mile-year-r {
    float: left;
    margin-left: -51px;
    width: 47%;
}
.mile-text ul {
    padding: 0;
    margin: 0;
}
.mile-text ul li {
    background: url(../images/icon/plus_policy.png) 0 15px no-repeat;
    list-style: none;
    padding: 5px 30px;
    line-height: 23px;
    color: #434343;
    font-size: 1.125rem;
}
.text-year {
    font-size: 2.813rem;
    text-align: center;
    line-height: 23px;
    color: #22225c;
}
.mile-top-30 {
    margin-top: 40px !important;
}
.mile-top-80 {
    margin-top: 55px;
}
.pad-site {
    margin-top: 25px !important;
}
.titel-business {
    color: #157ccb;
    text-transform: uppercase;
    padding-left: 15px;
    font-style: italic;
}
.titel-processing {
    color: #22225c;
    padding-left: 15px;
    line-height: 28px;
}
.pad-processing {
    padding-left: 15px !important;
}
.txt-industry-search {
    color: #fff;
    background: #157ccb;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
    font-size: 18px;
}
.content-search {
    background: #f5f5f5;
    border-radius: 0 0 3px 3px;
    padding: 25px;
    height: 300px;
    overflow: auto;
}
.btn-apply {
    font-size: 16px;
    color: #fff;
    background: #157ccb;
    border: none;
    padding: 5px;
    text-transform: uppercase;
    width: 160px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-apply a {
    color: #fff;
}
.btn-apply a:hover {
    color: #fff;
}
.btn-apply:hover {
    background: #22225c;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.content-search ul {
    padding: 0;
    margin: 0;
}
.content-search ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
}
.content-search ul li img {
    width: 25px;
    margin-right: 15px;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #434343;
    font-size: 16px;
    font-family: promptregular;
}
[type="checkbox"]:checked + label a,
[type="checkbox"]:not(:checked) + label a {
    text-decoration: none;
    color: #555;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: none;
    background: #f5f5f5;
    border: 1px solid #157ccb;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/icon/icon-tt.png) top center no-repeat;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.active-checkbox {
    color: #157ccb !important;
}
.content-search::-webkit-scrollbar,
.content-txt-search::-webkit-scrollbar {
    width: 8px;
}
.content-search::-webkit-scrollbar-track,
.content-txt-search::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 5px;
}
.content-search::-webkit-scrollbar-thumb,
.content-txt-search::-webkit-scrollbar-thumb {
    background: #848484ed;
    border-radius: 5px;
}
.txt-search-del {
    border: 2px solid #b4b4b4;
    width: 170px;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 10px 0;
    font-size: 16px;
    float: right;
}
.txt-search-p {
    border: 2px solid #157ccb;
    border-radius: 3px;
    padding: 5px 40px 5px 15px;
    margin: 5px 0;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    position: relative;
}
.icon-delete-product {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 13px;
    cursor: pointer;
}
.icon-delete {
    position: absolute;
    right: 22px;
    width: 13px;
    cursor: pointer;
    top: 26px;
}
.content-txt-search {
    border-radius: 0 0 3px 3px;
    padding: 25px;
    height: 300px;
    overflow: auto;
    color: #434343;
    font-family: Arial;
    width: 100%;
}
.text-s-p {
    color: #919191;
}
.fixedsticky {
    margin-top: 0;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}
.fixedsticky {
    top: 117px;
}
.sidebar {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    float: right;
}
.sidebar {
    padding: 0;
    margin: 0;
    height: 100%;
}
.name-funtion {
    background: #f1f1f1;
    height: 100vh;
}
.name-funtion ul {
    margin: 0;
    padding: 20px;
}
.name-funtion ul li {
    width: 100%;
    background: url(../images/icon/Path.png) 15px 18px no-repeat;
    padding: 10px 0 10px 30px;
    list-style: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.fn-active {
    color: #157ccb !important;
    margin-left: 15px !important;
}
.name-funtion ul li:hover {
    color: #157ccb;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.funtion h2 {
    font-size: 30px;
    color: #157ccb;
    text-transform: uppercase;
    padding-top: 15px;
}
.funtion h3 {
    color: #434343;
    font-size: 20px;
}
.function-title {
    font-size: 18px;
    color: #157ccb;
    font-weight: 700;
    font-family: Arial;
}
.function-content {
    font-size: 16px;
    font-family: Arial;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: none;
    padding-right: 5px;
    padding-left: 5px;
    font-family: promptregular;
}
.pad-b-function {
    padding-bottom: 60px;
}
.function-content span {
    color: #157ccb;
}
.function-box-content {
    margin-bottom: 15px;
}
.btn-funtion {
    width: 475px;
    background: url(../images/btn-funtion.png) center no-repeat;
    background-size: contain;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.btn-funtion a {
    color: #fff;
}
.btn-funtion a:hover {
    color: #fff;
}
.box-funtion {
    margin-top: 20px;
}
.col-funtion-img {
    -ms-flex: 0 0 13.666667%;
    flex: 0 0 13.666667%;
    max-width: 13.667%;
    padding-right: 15px;
    padding-left: 15px;
}
.box-notfound {
    position: relative;
    padding: 20% 0;
    height: 668px;
    text-align: center;
}
.box-notfound h1 {
    text-align: center;
}
.box-btn-link {
    width: 100%;
    margin: 50px auto;
    text-align: center;
    padding: 0;
}
.pad-h2-brif {
    max-width: 1366px;
    margin: 45px auto 0 auto;
}
.bg-map {
    width: 1366px;
    height: 751px;
    background: #f6f6f6;
    background-size: contain;
    position: relative;
    cursor: pointer;
}
.map-america {
    position: absolute;
    top: 96px;
    left: 61px;
}
.map-europe {
    position: absolute;
    top: 111px;
    left: 532px;
}
.map-asia {
    position: absolute;
    top: 111px;
    left: 695px;
}
.map-africa {
    position: absolute;
    bottom: 177px;
    right: 546px;
}
.map-south-america {
    position: absolute;
    bottom: 58px;
    left: 296px;
}
.map-oceania {
    position: absolute;
    bottom: 119px;
    right: 75px;
}
.point {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    list-style-type: none;
    list-style-image: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.icon-map:hover .point {
    visibility: visible;
    opacity: 1;
    list-style-type: none;
    list-style-image: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.point.point-asia {
    top: -66px;
    right: 209px;
    width: 99px;
}
.point.point-europe {
    top: -79px;
    left: 107px;
    width: 131px;
}
.point.point-america {
    top: -40px;
    left: 180px;
    width: 201px;
}
.map-europe .box-icon-blue {
    z-index: 1;
}
.map-america .box-icon-blue {
    z-index: 1;
}
.icon-map {
    width: 100%;
    margin: 0 auto;
}
.icon-map img {
    width: 100%;
    padding-bottom: 2px;
}
.box-icon-blue {
    position: absolute;
    width: 100%;
}
.box-icon-white {
    width: 100%;
    z-index: 1;
}
.box-icon-blue img {
    opacity: 0;
}
.box-icon-white img {
    opacity: 1;
}
.box-icon-blue:hover img {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-icon-white:hover img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-icon-white:hover {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.content-relate {
    width: 100%;
    margin: 30px 0 60px 0;
    cursor: pointer;
}
.tab-relate {
    background: #157ccb;
    border-radius: 3px;
    font-size: 1.25rem;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 15px auto 0 auto;
}
.tab-relate-content {
    background: #f2f2f2;
    padding: 30px;
    display: none;
}
.relate-country h3 {
    font-size: 1.563rem;
    color: #157ccb;
    line-height: 35px;
}
.relate-country ul {
    padding: 0;
    margin: 0;
}
.relate-country ul li {
    width: 100%;
    background: url(../images/icon/Path.png) 15px 9px no-repeat;
    padding: 5px 0 5px 30px;
    list-style: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.relate-country ul li:hover {
    color: #157ccb;
    margin-left: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.relate-country ul li a:hover {
    color: #157ccb;
}
.relate-country ul li a {
    text-decoration: none;
    list-style: none;
    color: #434343;
}
.pad-taiwan {
    padding-top: 25px;
}
.popup-relate-country {
    width: 100%;
    padding: 0;
    height: auto;
    overflow: auto;
}
.add-relate {
    padding: 50px;
    color: #434343;
    line-height: 28px;
}
.add-relate h4 {
    font-size: 1.25rem;
    color: #157ccb;
}
.add-relate p {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}
.btn.blue {
    background: url(../images/btn-web-blue.png) right no-repeat #2b51b8 !important;
}
.btn.relate {
    background: #157ccb !important;
}
.btn.active-relate {
    background: #22225c !important;
}
.active-tab-relate {
    background: #22225c !important;
}
.active-blue img {
    opacity: 1;
}
.active-point {
    opacity: 1;
    visibility: visible;
}
.btn {
    padding: 0 !important;
    display: inline-block;
    background: url(../images/btn-web.png) right no-repeat #157ccb !important;
    background-size: contain;
    color: #fff;
    position: relative;
}
.btn .overlay-mask {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn .overlay-mask {
        opacity: 1;
    }
}
.btn .overlay-mask .overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #22225cdb;
}
.btn:hover .overlay-mask {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.text {
    line-height: 1;
    position: relative;
    margin: 0;
    font-size: 18px;
    color: #fff;
    height: 40px;
    padding: 10px;
    text-align: left;
    width: 150px;
}
.text-submit {
    text-transform: uppercase;
    line-height: 20px;
    position: relative;
    margin: 0;
    font-size: 16px;
    color: #fff;
    width: 110px;
    height: 40px;
    padding: 10px;
    text-align: left;
}
.ma-form-right {
    margin-right: 5px;
    margin-top: 55px;
}
.btn-center {
    text-align: center;
}
.btn-w-200 {
    width: 180px;
}
.btn-w-250 {
    width: 250px;
    float: right;
}
.btn-w-425 {
    width: 425px;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
}
.text-jp {
    line-height: 1;
    position: relative;
    margin: 0;
    font-size: 18px;
    color: #fff;
    height: 40px;
    padding: 10px;
    text-align: left;
    width: 215px;
}
.text-search {
    line-height: 24px;
    position: relative;
    margin: 0;
    font-size: 18px;
    color: #fff;
    height: 47px;
    padding: 10px 10px 10px 33px;
    text-align: left;
    width: 125px;
}
.btn-w-search {
    width: 165px;
    float: right;
}
.btn-w-search-2 {
    width: 152px;
    float: right;
}
.btn-fn {
    width: 32%;
    float: left;
    margin: 10px 0 30px 0;
}
.text-fn {
    line-height: 24px;
    position: relative;
    margin: 0;
    font-size: 18px;
    color: #fff;
    height: 47px;
    padding: 10px 10px 10px 33px;
    text-align: left;
    width: 400px;
}
#scroll-down {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 120px;
    z-index: 100;
    color: #fff;
}
#scroll-down img {
    width: 11px;
    margin-left: 20px;
}
.btn-contact {
    position: relative;
}
.btn-contact .box-bg-contact {
    width: 190px;
    margin: 0;
    background: #157ccb;
    border: none;
    border-radius: 3px;
}
.btn-contact .box-bg-contact img {
    width: 190px;
}
.btn-contact .box-bg-red {
    position: absolute;
    width: 190px;
}
.btn-contact .box-bg-white {
    width: 190px;
    z-index: 1;
}
.btn-contact .box-bg-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.btn-contact .box-bg-white img {
    opacity: 1;
}
.btn-contact:hover .box-bg-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.btn-contact:hover .box-bg-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-contact:hover .box-bg-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.contact-text {
    position: absolute;
    top: 6px;
    font-size: 18px;
    left: 15px;
    color: #fff;
}
.fn-text {
    position: absolute;
    top: 6px;
    font-size: 18px;
    left: 15px;
    color: #fff;
}
.btn-jp {
    position: relative;
    float: right;
    background: #157ccb;
    border: none;
    border-radius: 5px;
}
.btn-jp .box-bg-jp {
    width: 269px;
    margin: 0;
}
.btn-contact .box-bg-jp img {
    width: 269px;
}
.btn-jp .box-bg-red {
    position: absolute;
    width: 269px;
}
.btn-jp .box-bg-white {
    width: 269px;
    z-index: 1;
}
.btn-jp .box-bg-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.btn-jp .box-bg-white img {
    opacity: 1;
}
.btn-jp:hover .box-bg-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.btn-jp:hover .box-bg-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-jp:hover .box-bg-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-web {
    position: relative;
    border: none;
    border-radius: 5px;
}
.btn-web .box-bg-web {
    width: 150px;
    margin: 0;
    background: #157ccb;
}
.btn-web .box-bg-web img {
    width: 150x;
}
.btn-web .box-bg-red {
    position: absolute;
    width: 150px;
}
.btn-web .box-bg-white {
    width: 150px;
    z-index: 1;
}
.btn-web .box-bg-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.btn-web .box-bg-white img {
    opacity: 1;
}
.btn-web:hover .box-bg-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.btn-web:hover .box-bg-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-web:hover .box-bg-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.web-text {
    position: absolute;
    top: 9px;
    font-size: 18px;
    left: 20px;
    color: #fff;
}
.btn-search {
    position: relative;
    background: 0 0;
    float: right;
    border: none;
    border-radius: 5px;
    padding: 0;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    outline: 0;
}
button:focus {
    outline: 0 dotted !important;
    outline: 0 auto -webkit-focus-ring-color !important;
}
.btn-search .box-bg-search img {
    width: 160x;
}
.btn-search .box-bg-red {
    position: absolute;
    width: 160px;
}
.btn-search .box-bg-white {
    width: 160px;
    z-index: 1;
}
.btn-search .box-bg-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.btn-search .box-bg-white img {
    opacity: 1;
}
.btn-search:hover .box-bg-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.btn-search:hover .box-bg-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-search:hover .box-bg-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.search-text {
    position: absolute;
    top: 5px;
    font-size: 18px;
    left: 20px;
    color: #fff;
}
.btn-fn {
    position: relative;
    background: 0 0;
    border: none;
    border-radius: 5px;
    padding: 0;
}
.btn-fn .box-bg-fn {
    width: 475px;
    margin: 0;
}
.btn-fn .box-bg-fn img {
    width: 475x;
}
.btn-fn .box-bg-red {
    position: absolute;
    width: 475px;
}
.btn-fn .box-bg-white {
    width: 475px;
    z-index: 1;
}
.btn-fn .box-bg-red img {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -moz-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    -ms-clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
    clip-path: polygon(0 100%, -50% 100%, 0 0, 0 0);
}
.btn-fn .box-bg-white img {
    opacity: 1;
}
.btn-fn:hover .box-bg-red img {
    opacity: 1;
    -webkit-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -moz-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    -ms-clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
    clip-path: polygon(0 110%, 100% 100%, 150% 0, 0 0);
}
.btn-fn:hover .box-bg-white img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-fn:hover .box-bg-white {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.fn-text {
    position: absolute;
    top: 5px;
    font-size: 18px;
    left: 20px;
    color: #fff;
}
.banner-contact:hover .banner-contact-1,
.banner-csr:hover .banner-csr-1,
.banner-recruitment:hover .banner-recruitment-1 {
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}
.with-50 {
    width: 75% !important;
}
.img-index {
    position: relative;
    padding: 0;
    margin: 0;
}
.pad-csr-read {
    margin-bottom: 15px !important;
}
.text-news-pad {
    padding-top: 10px;
}
.box-text-input-end {
    height: 185px;
}
.pad-bt-pro {
    padding-bottom: 30px;
}
html {
    scroll-behavior: smooth;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.scroll_index {
    position: relative;
    width: 100%;
    height: 100%;
}
.scroll_index::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 80%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.8) 100%);
}
#scroll_index {
    background: url(https://picsum.photos/1200/800?image=675) center center/cover no-repeat;
}
.scroll_d a {
    position: absolute;
    bottom: 20px;
    left: 5%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: normal 400 20px/1 "Josefin Sans", sans-serif;
    letter-spacing: 0.1em;
    text-decoration: none;
    transition: opacity 0.3s;
}
.scroll_d a:hover {
    opacity: 0.5;
    color: #fff;
}
#scroll_index a {
    padding-top: 80px;
    color: #fff;
}
#scroll_index a:hover {
    color: #fff;
}
#scroll_index a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}
#scroll_index a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#scroll_index a span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
#scroll_index a span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb07 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.title-mi {
    background: #f5f5f5;
    text-align: center;
    color: #157ccb;
}
.logo-f {
    width: 235px;
    margin-bottom: 0;
}
.img-com {
    width: 100%;
    margin: 60px auto;
    display: block;
    max-width: 1600px;
}
.pad-top-home {
    margin-top: 30px;
}
.pb-csr {
    padding-bottom: 30px;
    width: 90%;
    margin: 0 auto;
}
.text-com {
    text-align: left !important;
}
td {
    width: 50%;
}
td img {
    padding-right: 20px;
}
.text-com-2 {
    text-align: left;
    margin-bottom: 45px;
}
.alert-error {
    font-size: 13px;
    color: red;
    line-height: 0;
}
.cookie-btn {
    margin-top: 25px;
    margin-left: 55px;
}
.alert-cookie {
    text-align: left;
    position: fixed;
    bottom: 0;
    width: 100%;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    padding: 35px 90px 45px 90px;
    box-shadow: 4px 1px 10px #000;
    z-index: 999;
}
.cookiehead {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
}
.alert-cookie p {
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-block;
    color: #dedede;
    vertical-align: middle;
    font-size: 17px;
    line-height: 20px;
}
.alert-cookie p a {
    color: #fff;
    text-decoration: underline;
}
.alert-cookie p br {
    display: none;
}
.btn-cookies {
    margin: 35px 0 0 20px;
    text-align: center;
    display: inline-block;
    color: #dedede;
}
.cookie-l {
    width: 85%;
    float: left;
}
.cookie-r {
    width: 15%;
    float: left;
}
.btn-cookies a {
    position: relative;
    letter-spacing: 1px;
    margin: 0 10px;
    display: inline-block;
    border: none;
    padding: 5px 20px;
    background-color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    overflow: hidden;
}
.btn-cookies a:hover {
    background: #666;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.btn-cookies a.accept {
    position: relative;
    letter-spacing: 1px;
    margin: 0 10px 15px 10px;
    display: inline-block;
    color: #fff;
    background: #c08f2c;
    border: 2px solid #c08f2c;
    padding: 10px 8px;
    vertical-align: middle;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    overflow: hidden;
}
.btn-cookies a.accept:hover {
    color: #fff;
    background: #c08f2c;
    border: 2px solid #c08f2c;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.close {
    background: #ccc;
    width: 25px;
    height: 22px;
    color: #fff;
    float: right;
    display: block;
    border-radius: 100%;
    padding-top: 3px;
    text-align: center;
    font-size: 14px !important;
}
.close:hover {
    background: #c08f2c;
    color: #fff;
}
.cookies-btn-top {
    margin-top: 25px;
    text-align: center;
}
.text-banner-company {
    position: absolute;
    right: 80px;
    color: #fff;
    text-transform: uppercase;
    line-height: 38px;
    top: 460px;
    font-size: 30px;
    font-style: italic;
    font-family: promptlight;
    text-align: right;
    text-shadow: 2px 0 #656464d4;
}
.gtm {
    display: none;
    visibility: hidden;
}
.hide {
    display: none;
}
.popup-onload {
    margin: 0;
    padding: 0;
    background: #fff;
}
.checkbox-popup {
    text-align: center;
    padding: 5px 15px;
    bottom: 15px;
    background: #fff;
    right: 15px;
    border-radius: 5px;
}
.popup-btn-close {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #157ccb;
    padding: 6px 10px;
}
.backgroundPopup {
    display: block;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.text-popup-close {
    color: #157ccb !important;
}

#recruitment-precautions {
}

#recruitment-precautions p {
    font-size: 26px;
    padding: 30px 30px 0 30px;
}
#recruitment-precautions ol {
    padding: 0 30px 0 60px;
}
#recruitment-precautions button {
    border: none;
    margin-top: 10px;
    margin-bottom: 30px;
}
.precautions-L {
    margin-left: 35px;
}

#recruitment-precautions .text-submit {
    width: 220px !important;
    height: 45px !important;
}
.cer-wrap ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 25px 0 0 0;
    margin: 0;
}
.cer-wrap ul li {width: 25%;padding: 0 25px;}
.cer-wrap ul li a {display: block;}
.cer-wrap ul li a img {max-width: 100%;}
.why-choose-box {width: 50%;margin: 0 auto 50px auto;text-align: center;}
.section-genintouch {width: 50%;margin: 0 auto;text-align: center;}
.why-choose-box h3 {
    font-size: 1.25rem;
    color: #22225c;
    line-height: 26px;
    margin: 15px 0 0 0;
}
.btn-tel-getin {
    height: 100%;
}
.txt-tel-getin {width: auto;}
.faq-q-title {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    border: none;
    background: unset;
    color: #157CCB;
    padding: 0 50px 0 0;
    background: url(../images/icon/select.png) no-repeat right 20px center;
}
.faq-list-wrap .card {border: none;background: unset;}
.faq-list-wrap .card-header {background-color: unset;padding: .75rem 0;}
.faq-list-wrap .card-body {border-bottom: 1px solid rgba(0,0,0,.125);padding-left: 25px;}
#accordion-faq {border-top: 1px solid rgba(0,0,0,.125);margin-top: 20px;}
.pd-type-content h2 {margin-top: 20px;}
.pd-type-content img {max-width: 100%;height: auto;}
.onstop-in-txt .text-banner-left, .onstop-in-txt .text-banner-policy {top: unset;bottom: 45px;}
.onstop-in-txt {height: 100%;}
.flow-process-txt {text-align: center;padding: 20px 0;color: #434343;font-weight: 400;
font-size: 18px;line-height: 28px;}
.flow-process-box {margin: 0 0 40px 0;padding-bottom: 25px;}
.flow-process-box img {padding-top: 20px;max-width: 100%;}
.flow-process-list {display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;}
.flow-list {border-radius: 6px;
padding: 12px 20px 12px 12px;
font-size: 18px;
line-height: 23px;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 7px;
width: 125px;
color: #434343;
position: relative;}
.process-dark-blue {background: #147CCB;color: #fff;text-align: center;}
.process-half {display: flex;flex-wrap: wrap;align-items: flex-end;}
.flow-list-title {font-size: 20px;color: #147CCB;font-weight: 400;width: 70%;margin: 0 7px 10px 7px;}
.process-light-blue {background: #DBEFFF;}
.process-blue {background: #B8E0FF;}
.process-mid-blue {background: #78C4FF;}
.process-grey {background: #EEEEEE;}
.process-half-wrap {width: 22.23;}
.process-nohalf-wrap {width: 11.1%;}
.flow-many-mb {display: none;}
.flow-arrow {position: absolute;right: 10px;top: 50%;transform: translate(-50%, 0);}
.flow-arrow img {padding-top: 0;}
.pro-finish {padding-right: 12px;}
.img-process-mb {display: none;}
.exam-onstop {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-top: 35px;}
.exam-onstop-list {width: 20%;margin-bottom: 30px;}
.exam-onstop-list-txt {position: absolute;left: 0;bottom: 0;width: 99%;padding: 10px 65px 10px 45px;color: #fff;
background: rgba(20, 124, 204, 0.8);font-size: 16px;line-height: 20px;}
.exam-onstop-list {position: relative;}
.ex-arrow {position: absolute;right: -17px;top: 50%;transform: translate(0, -50%);z-index: 999;}
.bg-half-onstop {background: url(../images/product/one-stop-service/bg-half-blue.png) no-repeat right top #fff;}
.bg-half-onstop-img img {margin: 0 auto;max-width: 100%;}
.advantage-list {list-style: none;margin: 25px 0 0 0;padding: 0;}
.advantage-list li {padding-left: 20px;background: url(../images/product/one-stop-service/icn-plus.png) no-repeat left top 7px;
    font-weight: 600;margin-bottom: 5px;}
.advantage-list ul {padding-left: 20px;list-style: none;}
.advantage-list ul li {font-weight: 400;background: url(../images/product/one-stop-service/icn-minus.png) no-repeat left top 7px;}
.advantage-box {width: 75%;float: right;}
.bg-half-onstop-img {text-align: center;}
.exam-onstop-mb {display: none;}
.text-left {text-align: left!important;}
.pd-type-contact .col-md-12 {height: auto;}
.show-mb {display: none;}
.pd-type-detail .subtitle-blue {text-align: left;margin-bottom: 20px;}
.other-detail * {color: #157ccb!important;}
.other-detail h1,.other-detail h2,.other-detail h3 {font-size: 27px;font-weight: 600;}
.gall-detail li {padding: 0!important;background: unset!important;}
.gall-detail ul {margin-top: 25px;}
.q-icon {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #434343;
  position: absolute;
  left: 0;}
#wrap-inner-gallery .fancybox-content {width: auto !important;
min-height: 80% !important;
height: auto !important;
margin: 0 auto;
transform: translate(-50%,-50%) !important;
top: 50%;
left: 50%;
min-width: 80%;}
#wrap-inner-gallery .fancybox-content .fancybox-image {
  max-height: 100%;
  width: auto;
  margin: 0 auto;
  display: block;
  transform: translate(-50%,-50%) !important;
  top: 50%;
  left: 50%;
}