@charset "utf-8";
@font-face {
    font-family: "RockwellStd";
    src: url("../fonts/RockwellStd.woff2") format("woff2"),
    url("../fonts/RockwellStd.woff") format("woff"),
    url("../fonts/RockwellStd.ttf") format("truetype"),
    url("../fonts/RockwellStd.eot") format("embedded-opentype"),
    url("../fonts/RockwellStd.svg") format("svg");
}
@font-face {
    font-family: "WorkSans-Thin.woff";
    src: url("../fonts/WorkSans-Thin.woff.woff2") format("woff2"),
    url("../fonts/WorkSans-Thin.woff.woff") format("woff"),
    url("../fonts/WorkSans-Thin.woff.ttf") format("truetype"),
    url("../fonts/WorkSans-Thin.woff.eot") format("embedded-opentype"),
    url("../fonts/WorkSans-Thin.woff.svg") format("svg");
}
html,body { font:800 14px/21px "微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; background:#ffffff; }
*{
    /*font-family: "WorkSans-Thin.woff";*/
}
h1,h2,h3,h4,h5,h6,label{font-family: "RockwellStd" !important;font-weight: 700;}

body {  }
.uk-container {}
a {color: #ffffff;cursor: pointer;}
a:hover { text-decoration:none !important; }
/*:not(.fa){font-family:"微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; }*/
a.dark, a:visited.dark {color: rgb(74, 74, 74);}
a.dark:hover,a:visited.dark:hover{color:#32a543}
li {list-style: none;}
.ellipsis{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis2 {-webkit-line-clamp: 2;}
.ellipsis3 {-webkit-line-clamp: 3;}
.ellipsis4 {-webkit-line-clamp: 4;}
.ellipsis5 {-webkit-line-clamp: 5;}
.ellipsis6 {-webkit-line-clamp: 6;}

.title-style1 { text-transform: uppercase; font-size: 40px; color: #28828a; display: inline-block; border-bottom: solid 1px #28828a; padding-bottom: 10px; margin-bottom: 50px; text-align: center;}
.title-style2 {color: #28828a; font-size: 18px;}

.text-style1 {font-weight: bold; color: #000; font-size: 16px;} 

.button-style1 {min-width: 120px;transition: all .5s;border-radius: 16px; font-size: 14px; border: solid 1px transparent; background: #8f1de6; color: #fff; padding: 0 30px; line-height: 30px; display: inline-block;}
.button-style1:hover {color:black; border: solid 1px #8f1de6; background: white; }
.button-style2 {min-width: 120px;transition: all .5s;border-radius: 16px; font-size: 14px; border: solid 1px #8f1de6; background: white; color: black; padding: 0 30px; line-height: 30px; display: inline-block;}
.button-style2:hover {color:white; border: solid 1px #8f1de6; background: #8f1de6;}


header {background: #ffffff;z-index: 999;}
header .uk-container {padding: 0 25px;max-width: unset;}
header .top-logos {padding: 15px 0;}
#logo {margin: 0;}
#logo img,#right-logo img {max-height: 64px;}
#right-logo img{margin: 0 10px;}
header .top-nav{background: #5a2982;position: relative;}
#nav {margin-bottom: 0;padding-left: 0;}
#nav ul {padding: 0;}
#nav li {list-style: none; position: relative;}
#nav > li > a {color: white; padding: 10px 15px; font-family:"微軟正黑體", "Microsoft Yahei", Helvetica, Arial, sans-serif; text-transform: capitalize;
    display: block;font-size: 14px; transition: all .5s; position: relative;line-height: 22px;text-align: center;}
#nav > li > a.top-a.active,#nav > li > a.top-a:hover { color: #ffffff;background: #a549ea; }
#nav > li ul { min-width: 100%; position: absolute; display: none; transition: all .5s; z-index: 9;}
#nav > li > a + ul { padding: 0; top: 100%; left: 0; white-space: nowrap; background: #5a2982; border: solid 1px #5a2982;}
#nav > li > ul > li a + ul { padding: 0; top: 0; left: 100%; white-space: nowrap; background: #5a2982; border: solid 1px #5a2982;}
#nav > li:hover > ul ,#nav > li > ul li:hover > ul {display: block;}
#nav > li ul li {border-bottom: solid 1px #a549ea;}
#nav > li ul a {display: block; color: white; padding: 10px 15px; font-size: 14px;}
#nav > li ul li:last-child {border-bottom: unset;}
#nav > li ul a:hover {background:#a549ea;color: white; }

.header-right {padding: 6px 0 0;display: inline-block;position: absolute;right: 25px;top: 0;}
.header-right>* {display: inline-block;margin-left: 5px;}
.header-right .header-form {position: relative;}
.header-right input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 0;
    width: 125px;
    line-height: 20px;
    padding: 4px 8px;
    background: #5a2982;
    font-size: 14px;
    border: solid 1px #5a2982;
}
.header-right .uk-dropdown{width: 120px;}
.header-right .uk-dropdown li {display: block;}
.header-right .uk-dropdown a {display: block; background: none; color: #000;}
.header-right .uk-dropdown a:hover {color: #5a2982;}
.header-right a {color: white;padding: 4px 4px;line-height:20px;border-radius: 0;background-color: #5a2982;font-size: 14px;min-width: 40px;display: block;}
.header-right a.active {border: solid 1px white;}
.header-right input[type=search]:hover {border: solid 1px white;}
.header-right .header-form i {position: absolute;top: 7px;right: 8px;font-size: 15px;color: white;}

#mobile_bar { display: none; }

.image-box {position: relative;}
.image-box img {width: 100%;}
.image-box:before { content: ''; z-index: 9; position: absolute; border: solid 2px #fff; left: 20px; right: 20px; top: 20px; bottom: 20px;}

/*.index-part2,.index-part3,.index-part4,.index-part5 {padding: 3% 0;}*/

.index-part1 {position: relative;}
.index-part1 .down-icon {position: absolute; -webkit-animation-name: down-icon;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite; left: 50%; bottom: 20px; transform: translateX(-50%); color: #fff; text-align: center;}

.index-part1 .uk-slidenav-position .uk-slidenav {background: white;border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;}
.index-part1 .uk-slidenav-next:before, .index-part1 .uk-slidenav-previous:before {color: black;font-size: 14px;line-height: 30px;display: block;}
.index-part1 .uk-overlay-panel {padding-left: 100px;}

.index-part1 .slide-content h3{ color:white; font-size: 36px;line-height: 40px;font-weight: bolder;}
.index-part1 .slide-content h3 span {color: #a549ea;}
.index-part1 .slide-box img {max-width: 80%;}
.index-part1 .buttons{padding-top: 20px;}

.index-part2 {margin-bottom: 80px;}
.index-part2 .panel-row-style {display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;-ms-justify-content: space-between;justify-content: space-between;}
.index-part2 .panel-row-style {margin-top: -71px;}
.index-part2 .panel-row-style {-webkit-align-items: flex-start;align-items: flex-start;}
.index-part2 .text-center {text-align: center;}
.panel-grid-cell .panel-cell-style {height: 100%;}
.panel-grid-cell .so-panel {zoom: 1;}
.panel-grid-cell .so-panel:last-child {margin-bottom: 0px;}
.push-box{border-bottom:1px solid #ddd;}
.push-box .vc_column-inner{padding:0}
.push-box .elementor-widget-thim-icon-box,.push-box .thim-widget-icon-box{overflow:visible}
.push-box .elementor-widget-thim-icon-box .iconbox-push,.push-box .thim-widget-icon-box .iconbox-push{overflow:visible!important}
.iconbox-push{position:relative;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.elementor-widget-thim-icon-box, .icon-box-title, .thim-widget-icon-box {
    position: relative;
}
.elementor-widget-thim-icon-box .wrapper-box-icon, .thim-widget-icon-box .wrapper-box-icon {
    position: relative;
    z-index: 9;
}
.circle {
    border-radius: 50%;
}
.push-box .elementor-widget-thim-icon-box .iconbox-push, .push-box .thim-widget-icon-box .iconbox-push {
    overflow: visible!important;
}
.iconbox-push {
    position: relative;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.iconbox-push .push_image, .iconbox-push .wrap_icon {
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
}
.iconbox-push .push_image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 236px;
    overflow: hidden;
    transition-duration: .4s;
    transition-delay: .5s;
}
.iconbox-push .push_image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    height: 130%;
    max-width: initial;
}
.iconbox-push .wrap_icon {
    -webkit-transform: translate(0,250px);
    -moz-transform: translate(0,250px);
    -ms-transform: translate(0,250px);
    -o-transform: translate(0,250px);
    position: relative;
    top: -230px;
    z-index: 10;
    transition-duration: .4s;
    transition-delay: .5s;
}
.iconbox-push .wrap_icon .line_icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 6px;
    z-index: -1;
}
.iconbox-push .wrap_icon .boxes-icon {
     background-color: #fff;
 }
.elementor-widget-thim-icon-box .boxes-icon.circle, .thim-widget-icon-box .boxes-icon.circle {
    border: 1px solid #eee;
}
.boxes-icon {
    color: #333;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}
.text-center .boxes-icon {
    margin: 0 auto;
}
.inner-icon {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.inner-icon .icon {
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: background .2s,color .2s;
    -moz-transition: background .2s,color .2s;
    transition: background .2s,color .2s;
}
.elementor-widget-thim-icon-box .boxes-icon, .thim-widget-icon-box .boxes-icon {
    border: 0;
}

.iconbox-push .push_image,.iconbox-push .wrap_icon{-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s}
.iconbox-push:hover{box-shadow:0 3px 10px 2px rgba(0,0,0,.2)}
.iconbox-push:hover .push_image{-webkit-transform:translate(0,-395px);-moz-transform:translate(0,-395px);-ms-transform:translate(0,-395px);-o-transform:translate(0,-395px);opacity:1}
.iconbox-push:hover .wrap_icon{-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);-o-transform:translate(0,20px);z-index:99}
.iconbox-push:hover .content-inner .desc-icon-box{top:-155px;background-color:#fff;opacity:1;padding:80px 30px 30px;}
.iconbox-push .push_image{opacity:0;position:absolute;top:0;left:0;width:100%;height:236px;overflow:hidden;transition-duration:.4s;transition-delay:.5s}
.iconbox-push .push_image img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);height:130%;max-width:initial}
.iconbox-push .wrap_icon{-webkit-transform:translate(0,250px);-moz-transform:translate(0,250px);-ms-transform:translate(0,250px);-o-transform:translate(0,250px);position:relative;top:-230px;z-index:10;transition-duration:.4s;transition-delay:.5s}
.iconbox-push .wrap_icon .line_icon{position:absolute;top:50%;left:0;width:100%;height:6px;z-index:-1}
.iconbox-push .wrap_icon .boxes-icon{background-color:#fff}

.elementor-widget-thim-icon-box .heading__primary, .thim-widget-icon-box .heading__primary {
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 4px;
    margin-bottom: 15px;
}
.elementor-widget-thim-icon-box .wrapper-box-icon.circle .heading__primary, .thim-widget-icon-box .wrapper-box-icon.circle .heading__primary {
    margin-top: 0;
    margin-bottom: 6px;
    line-height: 14px;
}
.elementor-widget-thim-icon-box .desc-icon-box p, .thim-widget-icon-box .desc-icon-box p {color: #666;margin: 0 0 23px;line-height: 26px; }
.iconbox-push:hover .content-inner .desc-icon-box{top:-155px;background-color:#fff;opacity:1;padding:80px 30px 30px}
.iconbox-push .content-inner{padding-bottom:79px}
.iconbox-push .content-inner .sc-heading{position:absolute;width:100%;left:0;bottom:30px}
.iconbox-push .content-inner .sc-heading .push_box_subtitle{margin-bottom:5px}
.iconbox-push .content-inner .sc-heading .heading__primary{font-size:16px;text-transform:uppercase}
.iconbox-push .content-inner .desc-icon-box{position:absolute;opacity:0;z-index:1;top:0;left:0;padding:0;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;width: 100%;box-sizing: border-box;}
.iconbox-push .content-inner .desc-icon-box p{height:83px;overflow:hidden}
.iconbox-push .content-inner .desc-icon-box .smicon-read{line-height:28px;font-size:13px;text-transform:uppercase;border-radius:30px;margin-top:20px}
.iconbox-push .content-inner .desc-icon-box .smicon-read i{display:none}
.elementor-widget-thim-icon-box .wrapper-box-icon.circle .content-inner, .thim-widget-icon-box .wrapper-box-icon.circle .content-inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}
.iconbox-push .content-inner .desc-icon-box {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 0;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.iconbox-push .content-inner .desc-icon-box p {
    height: 83px;
    overflow: hidden;
}
.elementor-widget-thim-icon-box .wrapper-box-icon.circle .desc-icon-box p, .thim-widget-icon-box .wrapper-box-icon.circle .desc-icon-box p {
    margin-bottom: 17px;
}
.smicon-read {
    margin-top: 15px;
    padding: 5px 30px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    font-weight: 700;
    color: #2c3339;
}
.iconbox-push .content-inner .desc-icon-box .smicon-read {
    line-height: 28px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 30px;
    margin-top: 20px;
}
.index-part2 .icon-china{color: #001430;font-size: 30px;vertical-align: middle;display: block;}
.index-part2 .icon-china:before{content: url(../images/homepage/icon-china.png); width: 30px;height: 30px;}
.index-part2 .icon-hk{color: #001430;font-size: 30px;vertical-align: middle;display: block;}
.index-part2 .icon-hk:before{content: url(../images/homepage/icon-hk.png); width: 30px;height: 30px;}
.index-part2 .icon-online{color: #001430;font-size: 30px;vertical-align: middle;display: block;}
.index-part2 .icon-online:before{content: url(../images/homepage/icon-online.png); width: 30px;height: 30px;}

.index-part3{margin-bottom: 40px; margin-top: 10px;}
.index-part3 .text-content,.index-part4 .text-content {margin: auto 0;}
.index-part3 .text-content > div,.index-part4 .text-content > div{padding: 10px 0;}
.index-part3 h2,.index-part5 h2 {font-size: 22px;color: #001430!important;position: relative;display: inline-block; font-weight: bolder;}
.index-part3 h2:hover:after,.index-part5 h2:hover:after{width:40px;}
.index-part3 h2:hover:before,.index-part5 h2:hover:before{width:40px;}
.index-part3 h2:after,.index-part5 h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:0;left: 0;background-color: #3e046d!important;transition: width 2s ;}
.index-part3 h2:before,.index-part5 h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:40px;left: 0;background-color: #5b0b9b;}
.index-part3 .des,.index-part5 .des {line-height: 20px; color: #22334c; font-size: 14px;font-weight: 600;padding: 20px 20px 30px 0;text-align: justify;}
.index-part3 .des p , .index-part5 .des p {margin: 0;}
.index-part3 .title,.index-part5 .title  {margin-bottom: 15px;}
.index-part3 .more, .index-part5 .more {border: solid 1px #334359;display: inline-block; min-width: 120px; text-align: center;line-height: 24px;padding: 5px 20px; color: #334359; background: #ffffff; font-size: 14px;border-radius: 18px;}
.index-part3 .more:hover, .index-part5 .more:hover {color: #ffffff; background: #334359; }
.index-part3 .right-imgs .img-left {
    right: -20px;
    position: relative;
    z-index: 1;}
.index-part3 .right-imgs .img-left img {
    border-radius: 50%;}
.index-part3 .right-imgs .img-right img {
border-radius: 50%;}

.index-icons .more{display: block!important;width: 120px;margin: 10px auto;}

.index-part4 .part4-content {padding: 0 0 50px;}
.index-part4 .left-box {display: flex;}
.index-part4 .left-box > div{padding: 30px 50px;min-height: 320px;}
.index-part4 .left-title-box-bg {padding: 30px 50px;background: rgba(229, 236, 237, 0.8);}
.index-part4 .left-title-box-border{  border: solid 4px #a549ea;}
.index-part4 .left-title{  line-height: 260px; font-size: 28px;font-weight: bolder;}
.index-part4 .text-content {padding-left: 20px;}
.index-part4 h2 {font-size: 22px;color: white!important;position: relative;display: inline-block; font-weight: bolder; }
.index-part4 h2:hover:after,.index-part4 h2:hover:after{width:20px;}
.index-part4 h2:hover:before,.index-part4 h2:hover:before{width:20px;}
.index-part4 h2:after,.index-part4 h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:20px;left: 50%;background-color: #3e046d!important;transition: width 2s ;}
.index-part4 h2:before,.index-part4 h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:20px;right: 50%;background-color: #3e046d;}
.index-part4 .des {line-height: 25px; color: white; font-size: 14px; padding: 20px 20px 30px 0;text-align: justify;}
.index-part4 .des p {margin: 0;}
.index-part4 .title {margin-top: 50px; margin-bottom: 30px;}
.index-part4 .more {border: solid 1px #334359;display: inline-block; min-width: 120px; text-align: center;line-height: 24px;padding: 5px 20px; color: #334359; background: #ffffff; font-size: 14px;border-radius: 18px;}
.index-part4 .more:hover {color: #ffffff; background: #334359; }
.section2{overflow: hidden;position: relative;padding: 164px 0;background: url("../images/homepage/part4-banner.png") no-repeat;background-attachment: fixed;background-position: 50% 0%;background-size: cover;}
.section2 .spT{overflow: hidden;position: absolute;width: 100%;text-align: center;z-index: 1;top: 50%;margin-top: -34px;}
.section2 .spT .tit{font-size: 36px;color: #fff;font-weight: bold;}
.section2 .spT .tit a{color: #fff;line-height: 1.42857143;word-break: break-word;width: 72%;display: block;margin: 0 auto;cursor: text;}
.section2 .spT .tit img{max-width: 210px; margin: 24px 0;}
.section2 .spT .tit span{color: #d49e1c;}
.index-icons { padding: 30px 0;}
.index-icons .title {padding: 0;}
.index-icons h2 {font-size: 22px;color: #001430!important;position: relative;display: inline-block; font-weight: bolder; }
.index-icons h2:hover:after,.index-icons h2:hover:before{width:30px;}
.index-icons h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:30px;left: 50%;background-color: #3e046d!important;transition: width 2s ;}
.index-icons h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:30px;right: 50%;background-color: #3e046d!important;transition: width 2s ;}
.index-icons .icon-box {margin: 5px 0;}
.index-icons .icon-box .icon-img {max-height: 70px!important;}
.index-icons .item .des {color:#001430;height:120px;font-size: 14px;padding:5px 0; margin-bottom: 10px; text-align: justify;}
.index-icons .item .more {border: solid 1px #334359;display: inline-block; min-width: 120px; text-align: center;line-height: 24px;padding: 5px 20px; color: #334359; background: #ffffff; font-size: 14px;border-radius: 18px;}
.index-icons .item .more:hover {color: #ffffff; background: #334359; }

.index-part5 .uk-grid {padding: 70px 0}
.index-part5 .left-box{bottom: -20px;position: relative;z-index: 1;}
.index-part5 img {-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);}
.index-part5 .text-content{right: 50px;position: relative;z-index: 2;background: white;padding: 80px 50px;-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);}

.index-part6 { margin-bottom: 20px;}
.index-part6 .sigma-content {text-align: center; }
.index-part6 .sigma-middle-line:before{content: '';display: block;height: 3px;width: 100%;background-color: #3e046d;position: relative;top: 12px;left: 0;}
.index-part6 .sigma-center-content {line-height: 24px;display: inline-block;background: #ffffff;padding: 0 18px;position: relative; }
.index-part6 .sigma-center-content h2 {margin:0;line-height: 24px;border-radius:20px; width:20px; height: 20px; display: inline-block;background: #3e046d;position: relative; }
.index-part6 .title {color: #001430; font-size: 24px;font-weight: 500;}
.index-part6 .our-stories-img-box {overflow: hidden;}
.index-part6 .our-stories-img-box img {min-height: 158px;}
.index-part6 .our-stories .item {margin: 10px 0;}
.index-part6 .our-stories .title {padding: 10px 0;}
.index-part6 .our-stories .title h3 {color:#001430;font-size: 24px;line-height: 24px;font-weight: 500;position: relative;display: inline-block;}
.index-part6 .our-stories .title h3:hover:before{width:100%;}
.index-part6 .our-stories .title h3:before {content: "";position: absolute;bottom: -6px;height: 3px;width: 60%;left: 0;background-color: #3e046d;transition: width 1s ;}

.index-part6 .our-stories .date-time {color:#001430;font-size: 18px;line-height: 24px;display: inline-block;font-weight: 800;}
.index-part6 .our-stories .des {color:#001430;height:123px;font-size: 14px;padding:5px 0;overflow: hidden;}
.index-part6 .our-stories .more {margin-bottom: 10px;border: solid 1px #334359;display: inline-block; min-width: 120px; text-align: center;line-height: 24px;padding: 5px 20px; color: #334359; background: #ffffff; font-size: 14px;border-radius: 18px;}
.index-part6 .our-stories .more:hover {color: #ffffff; background: #334359; }
.overflow-hidden{overflow: hidden;}

footer {background: #000000; padding: 20px 0; color: #fff;}
footer a {color: #fff;}
footer .footer-nav .nav{margin:0 auto;overflow: hidden; padding-left: 0;}
footer .footer-nav .nav >li{width: 11%; display: inline-block;margin-right: 1%;}
footer .footer-nav .nav >li:nth-child(1) {width: 9%;}
footer .footer-nav .nav >li:nth-child(1) a {text-align: left;}

footer .footer-nav .nav >li:last-child {text-align: right; margin-right: 0;}
footer .footer-nav .nav >li:last-child a {text-align: right;}
footer .footer-nav .nav >li a.active, footer .footer-nav .nav >li a:hover{color: #a549ea!important;}
footer .footer-nav .nav >li a{
    width: 20rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    height: 32px;
}
footer .footer-nav .nav > li > a{padding: 10px 0;}
footer #footer_logo img {max-height: 60px;}
footer .logo-content {border-top: solid 1px #ffffff;padding-top: 20px;}
footer .logo-content .content {text-align: left;}
footer .social {text-align: right;}
footer .social a{padding: 0 10px; color: #ffffff;}
footer .social a:hover{padding: 0 10px; color: #a549ea;}
footer .social i{font-size: 16px;}

footer .designed-by { margin-top: 10px!important;}
footer .designed-by a {color: #ffffff;}
footer .right-link li{text-align: right;}
footer .right-link a{ color: #ffffff;}
footer .right-link a:active, footer .right-link a:hover{ color: #a549ea;}

iframe {min-width: 100% !important; width: 100% !important;}

/* 手機版導航 S */
html.hc-nav-yscroll {
    overflow-y: scroll
}
body {
    overflow-x: hidden
}
body.hc-nav-open {
    position: fixed;
    width: 100%;
    min-height: 100%
}
.hc-offcanvas-nav {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999
}
.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important
}
.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    width: 240px;
    max-width: 100%;
    height: 100%;
    transition: transform .4s ease
}
.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    overscroll-behavior: none
}
.hc-offcanvas-nav .nav-wrapper.nav-wrapper-1 {
    position: static;
    height: 100%;
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto
}
.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.hc-offcanvas-nav li {
    position: relative;
    display: block
}
.hc-offcanvas-nav li.level-open>.nav-wrapper {
    visibility: visible
}
.hc-offcanvas-nav input[type="checkbox"] {
    display: none
}
.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}
.hc-offcanvas-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer
}
.hc-offcanvas-nav a, .hc-offcanvas-nav a:hover {
    text-decoration: none
}
.hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {
    content: '';
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s, opacity .4s ease
}
.hc-offcanvas-nav.disable-body.nav-open::after, .hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s
}
.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: height 0s ease .4s
}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: none
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, transform .4s ease
}
.hc-offcanvas-nav.nav-levels-overlap ul ul {
    height: 100%;
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
    visibility: visible;
    transition: transform .4s ease
}
.hc-offcanvas-nav.side-left {
    left: 0
}
.hc-offcanvas-nav.side-left .nav-container {
    left: 0;
    transform: translate3d(-240px, 0, 0)
}
.hc-offcanvas-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper {
    transform: translate3d(-40px, 0, 0)
}
.hc-offcanvas-nav.side-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}
.hc-offcanvas-nav.side-right {
    right: 0
}
.hc-offcanvas-nav.side-right .nav-container {
    right: 0;
    transform: translate3d(240px, 0, 0)
}
.hc-offcanvas-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper {
    transform: translate3d(40px, 0, 0)
}
.hc-offcanvas-nav.side-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    transform: translate3d(100%, 0, 0)
}
.hc-offcanvas-nav.nav-open .nav-container {
    transform: translate3d(0, 0, 0)
}
.hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.3)
}
.hc-offcanvas-nav .nav-wrapper {
    background: #5a2982;
}
.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
    color: #5a2982;
    margin: 0;
    background-color: #ffffff;
}
.hc-offcanvas-nav a {
    padding: 14px 17px;
    font-size: 15px;
    color: #fff !important;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #fff;
}
.hc-offcanvas-nav:not(.touch-device) a:hover {
    background: #ffa648;
}
.hc-offcanvas-nav .nav-wrapper-1>ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    border-top: 1px solid #fff;
}
.hc-offcanvas-nav li {
    text-align: left
}
.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a {
    background: #a549ea;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover {
    background: #b06ee2
}
.hc-offcanvas-nav li.nav-parent a {
    padding-right: 58px
}
.hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
    border-left: 1px solid #fff;
}
.hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}
.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -9px;
    transform: rotate(135deg)
}
.hc-offcanvas-nav li.nav-close span::after {
    transform: rotate(-45deg)
}
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
    border-left: 1px solid #fff;
}
.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center
}
.hc-offcanvas-nav span.nav-next::before {
    transform: translate(-50%, -50%) rotate(135deg)
}
.hc-offcanvas-nav li.nav-back span::before {
    transform: translate(-50%, -50%) rotate(-45deg)
}
.hc-offcanvas-nav.side-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}
.hc-offcanvas-nav.side-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)
}
.hc-offcanvas-nav.side-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-45deg)
}
.hc-offcanvas-nav.side-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(135deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul a, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul a {
    font-size: 14px
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background .3s ease
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #2e6296
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #000
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #2f649a
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {
    margin-top: 2px;
    transform: translate(-50%, -50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(225deg)
}
/* 手機版導航 E */

.offcanvas-box {
    position: absolute;
    right: 20px;
    top: 9%;
}

.page_banner {background-repeat: no-repeat;background-size: cover;width: 100%;height: 50vh;position: relative;box-shadow: 0 0 10px #5a2982;}
.page_banner .bg-banner{position: absolute;width: 100%;height: 100%;background: rgba(90,41,130,.3);}
.page_banner .bg-banner>div{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 1200px;}
.page_banner h2 {margin-bottom: 0; font-family: inherit; font-size: 34px;color: #ffffff!important;position: relative;display: inline-block;line-height: 35px;}
.page_banner h2 span{font-size: 34px;font-weight: bolder;color: #542883;}
.page_banner .bread-crumbs,.page_banner .bread-crumbs a {font-size: 12px;line-height: 28px; color: white;}
.page_banner .bread-crumbs span {padding: 0 10px;}
.page_banner .bread-crumbs a {padding-right: 10px;}
.page_banner .bread-crumbs a:hover{color: #542883;}

.contact-us, .our-business, .about-us, .aims, .carrer {margin: 30px auto;}
.contact-us h2.title, .our-business h2.title, .about-us h2.title, .aims h2.title {font-size: 22px;color: #001430!important;position: relative;font-weight: bolder;display: inline-block;}
.contact-us h2:hover:after, .contact-us h2:hover:before, .our-business h2:hover:after, .our-business h2:hover:before, .about-us h2:hover:after, .about-us h2:hover:before{width:50%;}
.contact-us h2:after, .our-business h2:after, .about-us h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:40%;left: 50%;background-color: #3e046d!important;transition: width 1s ;}
.contact-us h2:before, .our-business h2:before, .about-us h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:40%;right: 50%;background-color: #3e046d!important;transition: width 1s ;}
.contact-us .des, .our-business .des {color: #001430; font-size: 14px;line-height: 2; padding: 10px 0;}

.our-business .section {margin-top: 80px;}
.our-business .section img{border-radius: 5px;}
.our-business-content {padding: 20px 40px 20px 0;text-align: left;position: relative;}
.our-business-content.right-box {padding: 20px 0 40px 20px; text-align: right;}
.our-business .content-box{}
.our-business .our-business-content .des{font-size: 14px;padding: 5px 0;color: #001430;line-height: 2;}
.our-business .border-bottom {border-bottom: 1px solid #7e7089!important; width: 60%;position: absolute;bottom:0;left: 0; display: inline;}
.our-business .border-bottom.right {right: 0;left: unset;}
.our-business .border-bottom.center {right: unset;left: 50%;transform: translateX(-50%)}

.about-us .section {margin-top: 20px;}
.about-us .section img{border-radius: 5px;}
.about-us .about-us-content { padding-right: 30px;}
.about-us .founder-content {padding: 0;}
.about-us .about-us-content .des, .about-us .founder-content .des{font-size: 14px;padding: 5px 0;color: #001430;line-height: 1.5rem;text-align: justify;}
.about-us .related-news .item { font-size: 14px;color: #001430; margin: 10px 0;}
.about-us .related-news .item .date-time{ display: inline-block; width: 80px; vertical-align: top;text-align: left;}
.about-us .related-news .item .title{ display: inline-block;width: calc(100% - 88px);vertical-align: top;text-align: left;}
.about-us .related-news .item .more-box{ display: inline-block; min-width: 80px; vertical-align: top;margin-top: 10px;}
.about-us .related-news .item .more ,.news .new-center .more{
    border: solid 1px #334359;
    display: inline-block;
    min-width: 120px;
    text-align: center;
    line-height: 24px;
    padding: 5px 20px;
    color: #334359;
    background: #ffffff;
    font-size: 14px;
    border-radius: 18px;
}
.about-us .related-news .item .more:hover ,.news .new-center .more:hover{color: #ffffff; background: #334359; }
.about-us .stories .top-bottom-border {border-bottom: 1px solid #542883!important;width: 70%;margin: 0 auto;}
.about-us .stories .content-box {width: 70%; margin: 10px auto;}
.about-us .stories .content-box .item {position: relative;margin-bottom: 30px;}
.about-us .stories .content-box .item .item-content {margin-top: 5px;}
.about-us .stories .content-box .item .item-content i{position: absolute;height: 80%;width: 1px;background: #542883;left: 50%;transform: translateX(-50%);opacity: 1;}
.about-us .stories .content-box .year {position: absolute; right: 0;font-size: 18px;line-height: 21px;color: #001430!important;font-weight: bolder;}
.about-us .stories .dot-center span {margin: 3px 0;border-radius: 15px;width: 15px;height: 15px;display: inline-block;background: #3e046d;position: relative;}
.about-us .stories .stories-img img {border-radius:unset;}
.about-us .style-1 {text-align: right;}
.about-us .style-1 .stories-img {padding-left: 30px;}
.about-us .style-1 .stories-content {padding-right: 30px;}
.about-us .stories .content-box .style-2 .year{left: 0;right: unset;}
.about-us .style-2 {text-align: left;}
.about-us .style-2 .stories-img {padding-right: 30px;}
.about-us .style-2 .stories-content {padding-left: 30px;}

.aims .section {margin-top: 20px;}
.aims .title-box{text-align: left;}
.aims h2:hover:before{width:100%;}
.aims h2:hover:after{width:0;}
.aims h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:50%;left: 0;background-color: #3e046d!important;transition: width 1s ;}
.aims .des {color: #001430; font-size: 14px;line-height: 1.5rem; padding: 10px 0;}

.aims .right-box .title-box{text-align: right;}
.aims .right-box h2:hover:after{width:100%;}
.aims .right-box h2:hover:before{width:0;}
.aims .right-box h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:50%;right: 0;background-color: #3e046d!important;transition: width 1s ;}
.aims .right-box h2:before{content: "";width:0;}

.aims .aims-content {width: -webkit-calc(100% - 150px);width: -moz-calc(100% - 150px);width: calc(100% - 150px);padding-right: 30px;}
.aims .aims-content.right-box{padding-left: 30px; padding-right: unset;text-align: right;}
.aims .img-box {width: 150px; height: 150px;}
.aims .img-box img {border-radius:50%;}

.superiority {margin-bottom: 20px;}
.superiority h2.title {font-size: 22px;color: #001430!important;position: relative;font-weight: bolder;display: inline-block;}
.superiority h2:hover:after, .superiority h2:hover:before{width:50%;}
.superiority h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:30%;left: 50%;background-color: #3e046d!important;transition: width 1s ;}
.superiority h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:30%;right: 50%;background-color: #3e046d!important;transition: width 1s ;}
.superiority .icon-box {margin: 5px 0;}
.superiority .icon-box .icon-img {max-height: 70px!important;}
.superiority .item .title h2{color: #001430!important;font-size: 18px; margin-bottom: 5px;font-weight: bolder;}
.superiority .item .des {color:#001430;min-height:105px;font-size: 14px;padding:5px 0; margin-bottom: 10px; text-align: justify;}

.carrer {margin-bottom: 20px;}
.carrer h2.title {font-size: 22px;color: #001430!important;position: relative;font-weight: bolder;display: inline-block;}
.carrer h2:hover:after, .carrer h2:hover:before{width:50%;}
.carrer h2:after{content: "";position: absolute;bottom: -6px;height:3px;width:30%;left: 50%;background-color: #3e046d!important;transition: width 1s ;}
.carrer h2:before{content: "";position: absolute;bottom: -6px;height:3px;width:30%;right: 50%;background-color: #3e046d!important;transition: width 1s ;}
.carrer .des {color: #001430; font-size: 14px;line-height: 1.5rem; padding: 10px 0;}
.carrer .des-2 {color: #22334c;font-size: 14px;line-height: 1.5rem; padding: 0 0 20px 0;}
.carrer .top-bottom-border {
    border-bottom: 1px solid #542883!important;
    width: 60%;
    margin: 0 auto;
}
.carrer .section {margin-top: 20px;}
.carrer .item a{cursor: pointer;}
.carrer .icon-box {margin: 5px 0;overflow: hidden;}
.carrer .icon-box .icon-img {border-radius:5px;}
.carrer .item .title h2{color: #001430!important;font-size: 16px; margin-bottom: 5px;font-weight: bolder;}

.img-box-txt{position: absolute;bottom: 0;width: 100%;background: rgba(84,40,131,.5);}
.img-box-txt p{margin: 0;padding: 25px; color: #fff;font-size: 26px;}
.text-justify{text-align: justify;}

.news .new-center{padding: 30px 0;}
.news .content-new p{line-height: 2;margin-bottom: 40px;}
.news-pagection{padding-bottom: 90px;}
.news-pagection a{border: 1px solid #b7b7b7;display: inline-block;width: 23px;height: 23px;border-radius: 23px;line-height: 23px;color: #001430;margin: 0 13px;}
.news-pagection a.active,.news-pagection a:hover{background: #a549ea;border-color: #a549ea;color: #fff;}

.table{margin: 115px 0 50px;}
.table table tr th img{
    width: 14px;
    margin-left: 5px;
}
.uk-accordion-title{
    font-size: 14px;
}
.table table tr td,.table table tr th{background: #76539c;color: #fff;border-bottom: 2px solid #cccccc;text-align: center;padding: 15px 0;}
.table table tr td:hover{cursor: pointer;}
.table table tr.uk-active td,.table table tr.content td{border: 0;background: inherit;color: #76539c;}
.table table tr td.uk-accordion-title p{width: 10vw;margin: 0 auto;}
.table table tr.content td{text-align: initial;}
.table table tr.content td .info,.table table tr.content td form{padding:15px 40px;}
.table table tr.content td .info div{margin-bottom: 40px;}
.table table tr.content td .info div h1{font-size: 16px;font-weight: 700;color: #76539c;}
.table table tr.content td .info p{font-size: 14px;line-height: 1.5;margin: 0}
.table table tr.content td .info a{padding: 10px 54px;border: 1px solid #76539c;transition: 0.5s ease;margin-top: 20px;}
.table table tr.content td .info a:hover{background: #76539c;color: #fff;}

.table table tr.content td form label{font-size: 16px;}
.table table tr.content td form .uk-form-controls{position: relative;margin-top: 5px;}
.table table tr.content td form .uk-form-controls input[type=text]{width: 99%;height: 38px;border: 1px solid #76539c;border-radius: 5px;color: #76539c;font-size:14px;padding: 0 0 0 5px;}
.table table tr.content td form .uk-form-controls input::-webkit-input-placeholder{color: #76539c;}
.table table tr.content td form .uk-form-controls img{position: absolute;top: 0;right: -3px;height: 100%;}
.table table tr.content td form .cus-flex > div{width: 20%;}
.table table tr.content td form .radio-button {}
.table table tr.content td form .radio-button button{padding: 15px 54px;border: 1px solid #76539c;background: #76539c;transition: 0.5s ease;margin-top: 20px;color: #fff;border-radius: 5px;}
.table table tr.content td form .radio-button button:hover{background: inherit;color: #76539c;}



form.apply_form label{font-size: 16px;}
form.apply_form .uk-form-controls{position: relative;margin-top: 5px;}
form.apply_form .uk-form-controls input[type=text]{width: 99%;height: 38px;border: 1px solid #76539c;border-radius: 5px;color: #76539c;font-size:14px;padding: 0 0 0 5px;font-weight: 800;}
form.apply_form .uk-form-controls input::-webkit-input-placeholder{color: #76539c;}
form.apply_form .uk-form-controls img{position: absolute;top: 0;right: -3px;height: 100%;}
form.apply_form .cus-flex > div{width: 20%;}
form.apply_form .radio-button {}
form.apply_form .radio-button button{padding: 15px 54px;border: 1px solid #76539c;background: #76539c;transition: 0.5s ease;margin-top: 20px;color: #fff;border-radius: 5px;}
form.apply_form .radio-button button:hover{background: inherit;color: #76539c;}




.empl ul{
    margin-top: 60px;
}
.empl ul li{
    width: 25%;
    text-align: center;
    margin-bottom: 30px;
}
.empl ul li p{
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    margin: 15px 0 0;
}

.accordion .accordion-content .uk-accordion-title{
    padding: 30px 60px;
    background: #542883;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
}
.accordion .accordion-content{
    box-shadow: 0 0 10px #e8e6e6;
}
.accordion .accordion-content .uk-accordion-content li{
    padding: 20px 60px;
    line-height: 1.5;
    font-size: 18px;
    border-bottom: 5px solid #e8e6e6;
    color: #000;
    transition: 0.5 ease;
}
.accordion .accordion-content .uk-accordion-content li:hover,.accordion .accordion-content .uk-accordion-content li.active{
    background: #76539c;
    color: #fff;
}
.shop{
    width: 50%;
    display: inline-block;
    padding: 20px 0;
    color: #fff;
    background: #542883;
    border-radius: 5px;
    margin: 80px 0 0;
}

@media screen and (max-width:1438px) {
    .section2 .spT .tit a {width: 70%;}
    .section2 .spT .tit{font-size: 32px;}
    .section2 .spT .tit img{width: 200px; margin: 20px 0;}
}

@media screen and (max-width:1308px) {
    .section2 .spT .tit a {width: 70%;}
    .section2 .spT .tit{font-size: 26px;}
    .section2 .spT .tit img{width: 180px; margin: 13px 0;}
}

@media screen and (max-width:1024px) {
    .section2 .spT .tit a {width: 70%;}
    .section2 .spT .tit{
        font-size: 26px;
    }
    .section2 .spT .tit img{width: 140px; margin: 14px 0;}
    .page_banner >div{
        width: 100%;
    }
}
@media screen and (max-width: 960px){
	nav.nav-wrap,header .header-right { display: none; }
    .offcanvas-box {
        position: absolute;
        right: 11px;
        top: 12px;
    }
    .section2 .spT {margin-top: -21px;}
    .section2 .spT .tit {font-size: 30px;}
    .section2 .spT .tit img{display: none;}
    .section2 .spT .tit a{width: 90%;}
    table  {width: 100% !important;}
    table td {border:none !important; width: auto !important; background: none !important;}
    table.bt tfoot th:before, table.bt tfoot td:before, table.bt tbody td:before {width: 100% !important; display: block;}
    .uk-grid {margin-left: 0 !important;}
    .image-box:before {display: none;}
    #right-logo {margin-right: 35px;}
    #logo img,#right-logo img {max-height: 30px;}
    #mobilenavbutton {font-size: 32px; color: #5a2982; text-shadow: none;}
    .index-part1 .uk-overlay-panel {padding-left: 20px;}
    .index-part1 .slide-content h3{font-size: 26px;}
    .index-part1 .buttons{padding-top: 10px;}
    .index-part2, .index-part3, .index-part4, .index-part5,.index-icons, .index-part6 {padding: 20px 25px;}
    .index-part2 .panel-row-style {margin-top:0;}
    .iconbox-push .push_image {position: relative;opacity: 1;width: 100%;height: auto;overflow: hidden;}
    .iconbox-push .push_image img {position: relative;left: 0;top: 0;transform: translate(0,0);width: 100%;height: auto;max-width: initial;}
    .iconbox-push .wrap_icon {transform: translateY(0);position: relative;top: -51px;margin-bottom: 0;}
    .iconbox-push .content-inner .desc-icon-box {
        position: relative;
        opacity: 1;
        top: 0;
        left: 0;
        padding: 0;
        background-color: #fff;
    }
    .iconbox-push .content-inner {
        position: relative;
        top: -50px;
        padding-bottom: 99px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .iconbox-push .content-inner .sc-heading {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .iconbox-push, div.grid_push_box .iconbox-push:hover {box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);}
    .iconbox-push:hover .push_image{transform:translateY(0);opacity:1}
    .iconbox-push:hover .wrap_icon{transform:translateY(0);z-index:99}
    .iconbox-push:hover .content-inner .desc-icon-box{top:0;opacity:1;padding:0}
    .index-part2 .panel-row-style {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    .index-part2 .panel-cell-style {padding-bottom: 20px;}
    .index-part2 {margin-bottom: 0;}
    .index-part3{margin-bottom: 0;}
    .index-part3 .right-imgs {margin-top: 20px;}
    .index-part4 .left-box > div {padding: 30px;min-height: 300px;}

    .index-part4 .left-title-box-bg{padding: 30px;}
    .index-part4 .left-title {line-height: 230px;font-size: 20px;}
    .index-part5 .uk-grid {padding: 0;}
    .index-part5 .left-box{bottom: 0;}
    .index-part5 .text-content{right: 0;padding: 20px;}
    .index-part6 .our-stories .item,.index-icons .item {padding-left: 0;margin-bottom: 20px;}
    .about-us .about-us-content {padding-right: 0;}

    .about-us .style-1, .about-us .style-2 {text-align: center;}
    .about-us .style-1 .stories-img, .about-us .style-1 .stories-content,.about-us .style-2 .stories-img, .about-us .style-2 .stories-content {padding-left: unset;padding-right:unset;}
    .about-us .style-1 .stories-content, .about-us .style-2 .stories-content {margin-top: 10px;}

    .aims .title-box,.aims .right-box .title-box {text-align: center;}
    .aims .img-box {width: 100%;height: 150px;text-align: center;display: block;}
    .aims .img-box img{max-width: 150px;height: 150px;}
    .aims .aims-content {padding-right: unset;padding-left: unset; width: 100%;display: block;text-align: justify;}
    .aims .aims-content.right-box {text-align: justify;padding-right: unset;padding-left: unset; }
    .aims h2:before{left: 25%;}
    .aims .right-box h2:after{right: 25%;}
    .superiority .item{padding-left: 0;}
    .superiority .item .des {text-align: center;}
    .carrer .item{padding-left: 0;}

    footer .designed-by{text-align: center;}
    footer .right-link li{text-align: center;}
    footer #footer_logo {text-align: center;}
    footer .logo-content .content {text-align: center;}
    footer .social {text-align: center;}
}

@media screen and (max-width:768px) {
    .section2 .spT .tit {font-size: 24px;}
    .section2 .spT .tit a{width: 70%;}
    .our-business-content.right-box {text-align: center;padding: 10px;}
    .our-business .border-bottom {width: 100%; left: 0;}
}
@media screen and (max-width:375px) {
    .section2 .spT .tit{
        font-size: 26px;
    }
}
@media screen and (max-width:360px) {
    .section2 .spT .tit{
        font-size: 24px;
    }
}
@media screen and (max-width:320px) {
    .section2 .spT .tit{
        font-size: 22px;
    }
}
@keyframes circle-icon
{
	0% {transform: scale(1);}
	33% {transform: scale(1.2);}
	66% {transform: scale(1);}
	100% {transform: scale(1.2);}
}

@keyframes down-icon
{
	0% {margin-bottom: 0;}
	100% { margin-bottom: -30px; }
}