@charset "utf-8";

body {font-family:'Open Sans', Arial,Helvetica, sans-serif !important;font-size:14px;color:#000;line-height: 22px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Arial,Helvetica, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
header {z-index:99999; background-color:RGBA(255, 255, 255, 1); width:100%;}

.ward { max-width: 1170px; margin:0 auto;padding: 0 15px;}
.white-bg{background: rgba(255,255,255,0.7);margin: 20px auto;}

.right-icon-box { position: fixed; right: 0; top:auto; bottom: 0; padding: 10px 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; z-index: 99999; }
.right-icon-box .icon { padding: 5px 2px;  float: left;width: 33%;}
.right-icon-box .icon img{box-shadow: 2px 5px 15px #040404; height: 40px;}
@media(min-width: 768px) {
.right-icon-box .icon img{box-shadow: 2px 5px 15px #040404; height: 80px;}
}
@media(min-width: 415px) {
.right-icon-box { position: fixed; right: 0; top: 25%; bottom: auto; padding: 15px 10px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; z-index: 99999; width: auto;}
.right-icon-box .icon { padding: 5px 2px;  float: none; width: auto;}
}
@media(min-width: 320px) and (max-width:870px){
  .right-icon-box { position: fixed; right: 0; top: 20%; padding: 10px 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; z-index: 99999; height:115px;}
  .right-icon-box .icon{float: none;}
}

.nav > li > a { padding: 10px 0; }

a{text-decoration: none;color:#ef8918;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

.logo { height: auto;  }

.box-logo {float:left;margin:10px 0;}

.header-right {float:right;min-height: 20px; }



.box-logo {width: 50%;}
.header-right {width: 50%;} 
@media(min-width: 321px) {
.box-logo {width: 50%;}
.header-right {width: 50%;} 
}
@media(min-width: 768px) {
 .box-logo {width: 40%;}
 .header-right {width: 60%;}  
}
@media(min-width: 991px) {
 .box-logo {width: 20%;}
 .header-right {width: 80%;}  
}
@media(min-width: 1200px) {
  .box-logo {width: 20%;}
  .header-right {width: 80%;}  

}
/*nav-top*/
.nav-top-con{width:100%;background: #fa803c;}
.nav-top{width:100%;min-height: 30px;line-height:30px;margin:0 auto;}
.nav-top .nav-top-l .nav-list-ul{padding:0;margin:0;}
.nav-top .nav-top-l .nav-list-ul li{position: relative;display:inline-block;margin: 0 18px;}
.nav-top .nav-top-l .nav-list-ul li a{color:#fff;}
.list-unstyled {
  padding-left: 0;
  list-style: none; 
 }
.list-unstyled a{font-size:12px;color:#fff;}
.topbar-element .navbar-nav li{padding:0 10px;}
.topbar-element img { margin-top: -5px; -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.topbar-element img:hover { margin-top: -5px; -moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray }

.topbar-element .active {-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray }

.nav-top-r i { font-size: 16px; }
.nav-top-r .sub-menu{
    display: none;
    background: #FF812D;
    border: 1px solid #e6e6e6;
    position: absolute;
    top: 100%;
    left: -1px;
    min-width: 100px;
    z-index: 999;
    padding-left: 0;

}
.topbar-element .navbar-nav li {display:inline-block;float: none;}
@media(max-width: 767px) {
  .nav-top .nav-top-l .nav-list-ul li {
    margin-right:15px;
    margin: 7.5px;
  }
}
@media(max-width: 991px) {
  .nav-top .nav-top-l .nav-list-ul li {
    margin-right:15px;
  }
}
/*nav*/

.box-menu {float: right; margin-top: 8px;}

.box-menu li {position: relative;}
.box-menu > ul > li {padding:10px 0px 0px 10px;}
.box-menu > ul > li:first-child {background: none;}
.box-menu > ul > li a {color:#4c4c4c;display: block;font-size:14px;padding:0 5px;}
.box-menu > ul > li > a {padding:5px 3px 3px 6px;}
@media(min-width: 1100px) {
.box-menu > ul > li > a {padding:5px 5px 5px 6px;}
}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {padding-right: 0;}
.box-menu > ul {padding:0 10px;}
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {color:#ff812d; }
.box-menu > ul > li > a { border-top:2px solid rgba(0,0,0,0);}

.box-menu > ul > li > ul {position: absolute;top:85%;left:0;padding-top:9px;/* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
.input-red{color: #f00;}
.text-danger{display: inline-block;}
.box-menu > ul > li ul li {background-color:#21228c;text-align: left;padding:5px;}
.box-menu > ul > li ul li a {min-width: 140px;white-space:nowrap;padding:8px 15px;color:#fff;}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover , .box-menu > ul > li ul li a.active{color:#21228c;background-color: #f2f2f2;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}
.box-menu .menu .bg-blue{
    margin-top: 0;
    background: #4896ee;
    color: #ffffff;
    padding: 5px 22px;
    border-radius: 44px;
 }
.box-menu .menu .bg-orange{
    margin-top: 0;
    background: #FF812D;
    color: #ffffff;
    padding: 5px 22px;
    border-radius: 44px;
 }
 .box-menu .menu .btn_serach {
    margin-top: 10px;
    margin-left: 0;
    color: #FF812D;
    font-size: 18px;
    cursor: pointer;
}
.box-menu-en{
  margin-top:0px;
  margin-bottom: 16px;
}
.box-menu-en ul li a{line-height: 20px;} 
.box-menu-en ul li{
  height: 72px;
  padding-top:7px;
  padding-left:3px;
}
@media(min-width: 1100px) {
.box-menu-en ul li{
  height: 72px;
  padding-top:7px;
  padding-left:5px;
}
}
@media(min-width: 1200px) {
.box-menu-en ul li{
  height: 72px;
  padding-top:7px;
  padding-left: 10px
}
}
.box-menu-en ul li ul{
  padding-top:29px!important; 
}
.box-menu-en ul li ul li{
  height: auto;
}

.box-logo-en{margin-top:10px;}
@media(min-width: 991px) {
.box-logo-en{margin-top:18px;}
}
.box-menu-en .bg-blue, .box-menu-en .bg-orange{line-height: 18px;margin-top:12px!important;max-width: 150px!important;}
/*marquee*/
.marquee-con{padding: 10px 0; border-top:2px solid #fa803c;box-shadow: 1px 1px 5px #4444445e;}
.marquee-con ul{margin: 0;}
.marquee-con ul li{
    display:inline-block;
}
/* mobile menu */
.st-menu {background-color:#ff812D!important;}

.mobile-menu-btn {float:right; margin-right:0; margin-top: 12px;}
@media(min-width: 600px) {
.mobile-menu-btn {float:right; margin-right:0; margin-top: 22px;}
}
@media(min-width: 768px) {
.mobile-menu-btn {float:right; margin-right:15px; margin-top: 35px;}
}
.st-menu ul li a { color:#292929 !important; }
.menu-mobile .menu-mobile-content .active a{
    color:#fff!important;
}
.menu-mobile {font-family:'Open Sans', Arial,Helvetica, sans-serif;}
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#292929;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #438e71;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #292929!important;
  background-color: #fdba2d;
  padding:5px 20px;
  border-radius: 0;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;}
.btn-ud:hover {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.btn-bar {padding:5.5px 10px!important;}

.language .lag { margin-right: 15px; margin-top: 12px; }
@media(min-width:600px) {
.language .lag { margin-right: 15px; margin-top: 22px; }
}
@media(min-width:768px) {
.language .lag { margin-right: 15px; margin-top: 35px; }
}

.language .lag a { padding:3px 15px; background-color: #21228c; color: #fff; display: block; }

/*slideshow*/
.slideshowbox { height:200px; text-align: center; position: relative; }
.footer-height{height:0px;}
@media (min-width:320px) {
.slideshowbox { height:200px; text-align: center; position: relative; }
.footer-height{height:50px;}
}
@media (min-width:415px) {
.slideshowbox { height:220px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media(min-width: 475px) {
.footer-height{height:0px;}
}

.slideshowbox { height:180px; text-align: center; position: relative; }
.footer-height{height:0px;}
@media (min-width: 600px){
.slideshowbox { height:250px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media (min-width: 992px){
.slideshowbox { height:380px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media (min-width: 1200px){
.slideshowbox { height:380px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media(min-width: 1280px) {
.slideshowbox { height:380px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media(min-width: 1320px) {
.slideshowbox { height:568px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media(min-width: 1400px) {
.slideshowbox { height:400px; text-align: center; position: relative; }
.footer-height{height:0px;}
}
@media(min-width: 1920px) {
.slideshowbox { height:550px; text-align: center; position: relative; }
.footer-height{height:0px;}
}


@media(max-width: 768px){
.slideshow .slick-dots{bottom:10px;}
}
.slideshowbox .slide-text { padding: 30px; }

.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 40%; }

@media(min-width: 414px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 36%; }
}
@media(min-width: 600px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 30%; }
}
@media(min-width: 996px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 25%; }
}
@media(min-width: 1050px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 20%; }
}
@media(min-width: 1280px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 18% }
}
@media(min-width: 1550px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 15% }
}
@media(min-width: 1920px) {
.slideshowbox .slide-text { position: absolute; width: 100%; padding-top: 15%; }
}

.slideshow1 {  background-size:cover; }
.slideshow2 {  background-size:cover; }
.slideshow3 {  background-size:cover; }

/*home page*/
.part-content{
  background: url(../login_zh_files/all-bg.jpg) bottom no-repeat;
  background-size:cover;
  padding: 60px 0; 
  background-attachment: fixed;
}
.part-content .index-part1,.part-content .index-part2,.part-content .index-part3,.part-content .index-part4{ padding: 0 30px ;

}

.index-part1 { margin-bottom: 30px; }


/*part1*/
.index-part1 .index-part1-l{background: #f3f1ee;padding: 0;}
.index-part1 .index-part1-l-tit,.index-part1 .index-part1-r-tit{background: #f39335;font-size: 24px;text-align: center;color: #fff;padding: 10px 0;letter-spacing: 3px;font-weight: bold;}
.index-part1 .index-part1-l-titen,.index-part1 .index-part1-r-titen{letter-spacing: 0px;}
.index-part1 .list-02{overflow: visible;
    white-space: normal;}
.index-part1 .list-02 a{color:#5ec4e6 !important;}
.index-part1 .list-02 a:hover{color:#f39335 !important;}
.index-part1 ul {margin: 0;padding: 0;overflow: hidden;min-height: 227px;}
.index-part1 .index-part1-l ul li{list-style: none;margin: 20px auto;overflow: hidden;padding: 0 5%;}
.index-part1 .div-list-l{width:30%;float: left;margin-right:5%;text-align: right;}
.index-part1 .div-list-r{width:65%;float: left;}
.index-part1 .div-list-tit{font-size: 16px;font-weight: bold;margin-bottom: 5px;letter-spacing: 1px;overflow: visible;
    white-space: normal;}
    .index-part1 .div-list-titen{letter-spacing: 0px;}
.index-part1 .div-list-sec{font-size: 14px;color: #5ec4e6;font-weight: bold;}
.index-part1 .div-list-sec span{margin-right:5%; }
.index-part1 .index-part1-l .more,.index-part1 .index-part1-r .more{text-align: center;color: #d69601;font-size: 18px;font-weight: bold;padding-bottom: 10px;}
.index-part1 .index-part1-r{background: #f6f6f6;padding: 0;}
.index-part1 .index-part1-r ul{border-left: 1px solid #ddd;}
.index-part1 .index-part1-r ul li{padding: 13px 5%;border-top: 1px solid #ddd;font-size: 18px;}
.index-part1 .index-part1-r .list-01{margin-bottom:5px;color:#5ec4e6;font-weight: bold;color:#000;}
@media (min-width: 768px){
  .index-part1 .div-list-tit{font-size: 18px;}
  .index-part1 .list-02 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-part1 .div-list-tit{ overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    .index-part1 .div-list-sec{font-size: 16px;font-weight: bold;color:#5ec4e6;}
}

/*part2 & part4*/
.index-part2 ul,.index-part4 ul{
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.index-part2 ul li,.index-part4 ul li{
   float: left;
   width:100%;
   list-style: none;
   margin-bottom: 10px;
}
@media(min-width: 600px) {
.index-part2 ul li,.index-part4 ul li{
   float: left;
   width:50%;
   list-style: none;
}
}
.index-part2 ul li img,.index-part4 ul li img{
   width:100%;
   height:100%;
}
.index-part2 ul li img:hover,.index-part4 ul li img:hover{
   width:100%;
   height:100%;
   opacity: 0.7;
}
/*part3*/
.index-part3 ul{
   margin: 0;
   padding: 0;
   overflow: hidden;
}
.index-part3 ul li{
   float: left;
   width:100%;
   list-style: none;
   margin-bottom: 10px;
}
@media(min-width: 600px) {
.index-part3 ul li{
   float: left;
   width:50%;
   list-style: none;
}
}
.index-part3 ul li img{
   width:100%;
   height:100%;
}
.index-part3 ul li img:hover{
   width:100%;
   height:100%;
   opacity: 0.7;
}
/*part5*/

.index-part5 .img-content{
   
    background-size: cover;
    padding: 120px 0 100px;
}
@media(min-width: 768px) {
.index-part5 .img-content{
   
    background-size: cover;
    padding: 200px 0 160px;
}
}

.index-part5 .img-content .text-content .text{
  color: #fff;
  text-align: center;
  margin-bottom:10px;
  text-shadow: 1px 1px 2px #000;
}

.index-part5 .img-content .btn-content{
   text-align: center;
   margin: 50px auto;
}
.index-part5 .img-content .btn-content button{
    padding: 10px 100px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: bold;
    background: url(../login_zh_files/cni_btn_bg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    letter-spacing: 5px;
  }
.index-part5 .img-content .btn-content button:hover{
    padding: 12px 105px;
}

.index-part5 .img-content .text-content .text{
    font-size: 24px;
    letter-spacing: 10px;
    line-height: 34px;
}
.index-part5 .img-content .text-content .texten{
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 34px;
}
.index-part5 .img-content img{
   width: 100%;
   height: 400px;
}

.index-part6 {
  padding: 40px 0;
  margin-top: 40px; }
.index-part6 h2.white-title {
    font-weight: bold;
    margin-bottom: 40px; }
.index-part6 .text {
    color: #666; }
.index-part6 .btn-content button {
    display: block;
    padding: 15px 80px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: bold; 
    background: url(../login_zh_files/cni_btn_bg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    letter-spacing: 15px;
  }
  .btn-contenten button {

    letter-spacing: 0px!important;
  }
.index-part6 .btn-content button:hover{color:#252525 !important;padding: 18px 100px;}
@media (min-width: 320px) and (max-width: 767px){
  .index-part6 .btn-content button:hover{color:#252525 !important;padding: 8px 40px;}
}
@media (min-width: 320px)and (max-width: 374px){
  .index-part6 .btn-content button {padding: 5px 20px;font-size: 24px;}
}
@media (min-width: 375px) and (max-width: 1080px){
.index-part6 .btn-content button {
    display: block;
    padding: 8px 40px;
    border-radius: 20px;
    font-size: 24px;
    font-weight: bold; 
    background: url(../login_zh_files/cni_btn_bg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    letter-spacing: 4px;
  }
}
@media (max-width: 768px) {
.index-part6 .btn-content button { margin: 0 auto; }
}
.index-part6 .btn-content button:hover {
    /*background: #cc7700;*/
    color: #ffffff; 
  }
.index-part6 .download-content-right .download-icon {
    overflow: hidden;
    margin-bottom: 30px;
    padding-right: 0; }
.index-part6 .download-content-right .download-icon ul li{display:inline-block;width: 30%;}
.index-part6 .download-content-right .download-icon ul li img{width:100%;height:100%;}
.index-part6 .download-content-right .download-icon ul li:hover img{
  -webkit-transform: rotateY(360deg);
    transition: all 3.5s ease 0s;
    -moz-transform: rotateY(360deg);
    transition: all 3.5s ease 0s;
    -o-transform: rotateY(360deg);
    transition: all 3.5s ease 0s;
    -ms-transform: rotateY(360deg);
    transition: all 3.5s ease 0s;
    transform: rotateY(360deg);
    transition: all 3.5s ease 0s;
}

.hm-hr-left i {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: #FF812D;
    line-height: 0px;
    border-radius: 5px;
}
.orange {
    background: #ff812d;
    background-size:100% 100%;
    color: #ffffff;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*part7*/
.index-part7 {
margin: 30px 0 0px; }
.index-part7 .serve-content {
padding: 10px; }
.index-part7 .serve-content .title {
font-weight: bold;
border-bottom: 2px solid #FF812D;
padding-bottom: 15px; }
.index-part7 .serve-content .title a {
  color: #FF812D;
  font-size: 16px; }
.index-part7 .serve-content .title a:hover{
  color:#000;
}
.index-part7 .serve-content .introduction {
padding: 20px;
padding-right: 40px; }
.index-part7 .serve-content .introduction li {
  padding: 20px;
  margin-bottom: 10px;
  background: #FF812D;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  text-align: center; }
.index-part7 .serve-content .introduction li a {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }
.index-part7 .serve-content .introduction li i {
  color: #ffffff;
  font-size: 35px;
  margin-left: 20px;
  display: inline-block; }
.index-part7 .serve-content .introduction li:hover {
  background: #cc7700;
  color: #ffffff; }
.index-part7 .serve-content .introduction li:hover a {
    text-decoration: none; }
.index-part7 .serve-content .apply li {
  padding: 10px;
  margin-bottom: 10px; }
.index-part7 .serve-content .apply li .number {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  background: #f7d539;
  color: #ffffff;
  margin-right: 20px; }
.index-part7 .serve-content .apply li a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  font-size: 15px; }
.index-part7 .serve-content .btn-content {
margin-top: 30px; }
.index-part7 .serve-content .btn-content button {
  padding: 10px 100px;
  border-radius: 20px;
  font-size: 18px;
  margin-bottom: 10px; }
.index-part7 .serve-content .btn-content button:hover {
  background: #cc7700;
  color: #ffffff;
  text-decoration: none; }
.index-part7 .serve-content .raiders .raiders-list {
  margin-top: 10px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 5px;
   }
.index-part7 .serve-content .raiders .raiders-list i.a-icon {
  display: inline-block;
  width: 25px;
  margin-right: 20px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #FF812D;
  font-size: 12px;
  color: #ffffff; 
}
.index-part7 .serve-content .raiders .raiders-list i.b-icon{
  display: inline-block;
  width: 25px;
  margin-right: 20px;
  height: 25px;
  line-height: 25px;
  background: #f4d450;
  font-size: 14px;
  color: #ffffff; 
  font-style: normal;
}
.index-part7 .serve-content .raiders .raiders-list .faq-list {
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
  width:100%;
}
.index-part7 .serve-content .raiders .raiders-list .faq-list a {
  color: #666;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  cursor: pointer; }
  .index-part7 .serve-content .raiders .raiders-list .faq-list a:hover {
    color:#ff812d;
  }
.index-part7 .serve-content .raiders .raiders-list .raiders-left {
  width: 70%;
  color: #999999; }
.index-part7 .serve-content .raiders .raiders-list .raiders-left p {
  margin-bottom: 0; }
.index-part7 .serve-content .raiders .raiders-list h3.green {
  color: #7ab80e;
  font-weight: bold; }
.index-part7 .serve-content .raiders .raiders-list .raiders-right {
  background: #7ab80e;
  height: 100%;
  width: 30%;
  color: #ffffff; }
.index-part7 .serve-content .raiders .raiders-list .raiders-right .title {
  margin: 0;
  padding: 20px;
  font-size: 35px;
  border-bottom: none;
  color: #ffffff; }

@media(min-width: 320px) and (max-width:767px){
  .index-part6 {margin-top: 0px; }
  .index-part6 h2.white-title {margin-bottom: 20px;}
  .index-part6 .download-content-right .download-icon{margin-bottom:0; }
  .index-part7 {margin: 0px 0 0px;}
}
.index-part7 .photo-box { padding:0 60px; }
@media (min-width: 768px) {
.index-part7 .photo-box { padding: 0; }
}
/*footer*/
footer{border-top:2px solid #fa803c; background-color: #fa803c; color: #fff; padding: 15px 0px;}
footer .footer-icon { float: left; margin-top: 15px; }
@media(min-width:996px) {
footer .footer-icon { float: right; margin-top: 0; }
}


footer .footer-icon a { margin-right: 10px; }
footer .footer-icon a:last-child { margin-right: 0px; }
footer .footer-right{text-align: center;}
footer .footer-right a{color:#fff;}
footer .footer-right a:hover{color:#666;}

@media(min-width: 320px) and (max-width: 767px){
  footer .footer-left{margin-bottom: 10px;}
}
@media (min-width: 768px) {
footer .footer-right{text-align: right;}
}
.back-top{
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 100;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #333;
  width: 46px;
  height: 46px;
  border-radius: 4px;
  display:none;
}
.back-top .over{
  display: block;
  overflow: hidden;
  width: 40px;
}
.back-top .over .fa{
  width: 20px;
  height: 20px;
  margin: 16px;
  display: inline-block;
  color:#fff;
}

.image-wrap {
  position: relative;
  overflow: hidden;
  cursor: pointer;

}

.image-wrap img {
  width: 100%;  
}


.image-wrap  .hover-wrap {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=0);

}
@media (min-width:1025px) {
.image-wrap  .hover-wrap {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);

}
}

.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;

}


.image-wrap .hover-wrap .overlay-text-thumb {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 50%;
  margin: -16px 0 0 0;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}

.foot-box { margin-left:25px; margin-right:25px;}
@media (min-width:480px) {
.foot-box { margin-left:80px; margin-right:80px;}
}
@media (min-width:776px) {
.foot-box { margin-left:25px; margin-right:25px;}
}
@media (min-width:1200px) {
.foot-box { margin-left:140px; margin-right:140px;}
}
.box-box { width:100%; height:100%; display:table;}
.box-box .z-box {  text-align:center; vertical-align:middle; display:table-cell; }
.box-box .f-box-main { background-color:RGBA(0, 0, 0, 0.7); height:100%; width:100%; display:table;}

.box-box .f-box-main { padding:15px;}
@media (min-width:1025px) {
.box-box .f-box-main { padding:0px;}
}

.f-box-main .box-min {vertical-align:middle;display:table-cell; height:auto;}

.z-box p { color:#fff; line-height:24px; margin-bottom:0px; text-transform:uppercase;} 

.z-box span  {font-size:16px; padding-bottom:10px; }
@media (min-width:376px) {
.z-box span  {font-size:20px; padding-bottom:10px;}
}
@media (min-width:776px) {
.z-box span  {font-size:20px; padding-bottom:10px; }
}
@media (min-width:1025px) {
.z-box span  {font-size:24px; padding-bottom:10px; }
}
@media (min-width:1450px) {
.z-box span  {font-size:28px; padding-bottom:10px; }
}


/*inner page*/
.banner img { width: 100%; margin-bottom: 40px; }

.inner-title .line { max-width: 50px; margin: 5px auto 30px; height: 1px; background-color: #000; }
.inner-title h2 { font-size: 26px; text-align: center; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; color:#7e7e7e; }
.inner-title h2 span {  color:#21228c; }

.strengths .str-ward { max-width: 1000px; margin: 0 auto; }
.strengths .str-ward h3 { color: #21228c; }
.strengths .str-box1 { background-color: #f3f3f3; padding: 15px 0; }

.strengths .str-icon { cursor: pointer; }
.strengths .str-icon img { -webkit-transition: -webkit-transform 3.5s ease-out;
-moz-transition: -moz-transform 3.5s ease-out;
-o-transition: -o-transform 3.5s ease-out;
-ms-transition: -ms-transform 3.5s ease-out;}
.str-ward:hover .str-icon img { -webkit-transform: rotateY(360deg);transition: all 3.5s ease 0s;);
-moz-transform: rotateY(360deg);transition: all 3.5s ease 0s;);
-o-transform: rotateY(360deg);transition: all 3.5s ease 0s;);
-ms-transform: rotateY(360deg);transition: all 3.5s ease 0s;);
transform: rotateY(360deg);transition: all 3.5s ease 0s;
}

.strengths .str-box1 .str-left { width: 100%; float: left; padding: 0 15px; }
.strengths .str-box1 .str-right { width: 100%; float: left; padding: 0 15px ; }
.strengths .str-box1 .str-left img { width: auto; float: left; } 
@media (min-width:776px) {
.strengths .str-box1 .str-left { width: 20%; float: left; padding: 15px; }
.strengths .str-box1 .str-right { width: 80%; float: left; padding:30px ; }
.strengths .str-box1 .str-left img { width: 100%;  } 
}


.strengths .str-box2 { background-color: #fff; padding: 15px 0; }

.strengths .str-box2 .str-left { width: 100%; float: left; padding: 0 15px}
.strengths .str-box2 .str-right { width: 100%; float: left; padding: 0 15px}
.strengths .str-box2 .str-right img { width: auto; } 
@media (min-width:776px) {
.strengths .str-box2 .str-left { width: 80%; float: left; padding: 15px}
.strengths .str-box2 .str-right { width: 20%; float: left; padding: 30px}
.strengths .str-box2 .str-right img { width: 100%; } 
}

.quick { margin-bottom: 50px; }
.quick h4 { text-transform: uppercase; text-align: center; color: #21228c; }
.quick .text { max-width: 800px; margin: 0 auto; }
.quick p  { color: #5f5f5f; }
.quick p span { color: #21228c; }

.contact-icon { margin: 0 auto; max-width:295px; margin-bottom: 50px; }

.contact-icon span { padding: 0 5px; }


.inner-service .serivce-list-box { margin-bottom: 30px; }
.inner-service .photo img { width: 100%; margin-bottom: 15px;transition: all 0.6s; }
.inner-service .photo img:hover {transform: scale(1.08);}
.inner-service .title { color: #21228c; font-size: 18px;margin-bottom: 15px; }
.inner-service .text { color: #474747; margin-bottom: 15px; }
.inner-service .more a { color: #21228c; }

.inner-service .page { text-align: center; margin-bottom: 60px;  }
.inner-service .page span { padding: 0 5px; }
.inner-service .page a { color: #000; background-color: #f2f2f2; padding: 10px 15px; border-radius:50%; }
.inner-service .page a.active { color: #fff; background-color:#21228c;  }

.serivce-inner-box { max-width: 750px; margin: 0 auto; }
.serivce-inner-box img { width: 100%; }
.serivce-inner-box .title { color: #21228c; font-size: 18px; margin-bottom: 15px; margin-top: 15px; text-align: center; }
.serivce-inner-box .back-button { text-align: center; margin-bottom: 50px; }
.serivce-inner-box .back-button a { padding: 10px 20px ; background-color:#21228c; color: #fff; }


.case-list { max-width: 1000px; margin: 0 auto; padding: 0 15px; }
.case-list-box .photo { position: relative; width: 100%; }
.case-list-box .photo .up { position: absolute; bottom: -1px; left: 47%; width: 34px; height: 25px; background: url(../login_zh_files/up.png) no-repeat; }
.case-main-box { margin-bottom: 30px; }
.case-main-box { background-color: #f5f5f5; padding: 20px 30px; cursor: pointer; }
.case-main-box .title {  font-size: 18px; margin-bottom: 15px;  }
.case-list-box:hover .case-main-box { background-color: #21228c; color: #fff;  transition: all 0.5s; }
.case-list-box:hover .photo .up {background:url(../login_zh_files/up2.png) no-repeat; transition: all 0.5s;}


.trea-list-box { padding: 15px; background-color: #e9e9e9; margin-bottom: 30px;  }
.trea-list-box .photo {overflow: hidden; }
.trea-list-box .photo img { width: 100%; transition: all 0.5s; }
.trea-list-box .down { margin: 0 auto; width: 40px; height: 25px; background: url(../login_zh_files/down.png) no-repeat; }
.trea-list-box .title {background-color: #5f5f5f; padding: 20px 15px; text-align: center; color: #fff; font-size: 18px; }
.trea-list-box .text { color: #000; }
.trea-list-box .more { margin-top:20px; margin-bottom: 10px; }
.trea-list-box .more a { background-color:#21228c; padding: 6px 20px; color: #fff;  }
.trea-list-box:hover .title { background-color: #21228c; transition: all 0.5s; }
.trea-list-box:hover .down { background: url(../login_zh_files/down2.png) no-repeat; transition: all 0.5s; }
.trea-list-box:hover .text {color: #5f5f5f;}
.trea-list-box:hover .photo img { transform: scale(1.08);  }

.inner-trea-box { max-width: 800px; margin: 0 auto; padding: 0 30px; }

.slider-nav { margin-left: -8px; margin-top: 15px; margin-bottom: 15px; }
.slider-nav div { margin: 4px; }


.inner-trea-text { margin-bottom: 50px;  }

.inner-trea-box .back-button { text-align: center; margin-bottom: 50px; }
.inner-trea-box .back-button a { padding: 10px 20px ; background-color:#21228c; color: #fff; }


.main-mt{margin-top:0px;}
.color-orange{color:#ff812D;  }


/*關於我們*/
.body-bg{
   background:#fff url(../login_zh_files/all-bg.jpg) center center no-repeat;
   background-size:cover; 
   background-attachment: fixed;
}

.progress-width1{width:70%;}
.progress-width2{width:50%;}
.progress-width3{width:45%;}
.progress-width4{width:35%;}
.progress-width5{width:30%;}
.progress-width6{width:40%;}

.stock-progress-bar-en .progress-width1{width:80%;}
.stock-progress-bar-en .progress-width2{width:75%;}
.stock-progress-bar-en .progress-width3{width:70%;}
.stock-progress-bar-en .progress-width4{width:60%;}
.stock-progress-bar-en .progress-width5{width:60%;}
.stock-progress-bar-en .progress-width6{width:57%;}

@media(min-width: 768px){
 .about-con{

}

}
.marquee-con a{color:#000;line-height: 22px;font-size: 14px;}
.about-con .about-con-tit{background: #ff812D;}
.about-con .parallelogram {
    display: inline-block;
    padding-right: 50px;
    background: #E5C439;
    position: relative;
}
.about-con .parallelogram .triangle-bottomright {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 41px solid #FF812D;
    border-left: 50px solid transparent;
}
.about-con .parallelogram h3 {
    margin: 0;
    padding: 10px 10px 10px 30px;
    font-size: 20px;
}
.about-position{margin: 20px auto; line-height: 40px;}
.about-position i { font-size:22px;  }
.about-position a{color:#666;}
.nav-tabs>li{float: none;font-size: 18px;text-align: center;display: block;}
.nav-tabs>li a{color:#fff;}
.nav-tabs>li a:hover{background-size:100% 100%;}
.nav-tabs>li.active>a,.about-con .nav-tabs>li.active>a:focus, .about-con .nav-tabs>li.active>a:hover{color:#fff;}
.nav-tabs .active>a{background-size:100% 100%;color: #fff;}
.nav-tabs>li a:focus{background-size:100% 100%;}
.alterna-line {
    margin-top:0px; 
}
.about-con .alterna-line .line {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 50px;
}
.about-con .alterna-line h2 {
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: bold;
  	font-size:20px;
}
.hm-hr {
    display: block;
    width: 100%;
    border-top: 1px solid transparent;
    text-align: center;
    line-height: 0px;
}
.hm-hr i {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: #FF812D;
    line-height: 0;
    border-radius: 5px;
}
.about-con .alterna-line p {
    color: #666;
    margin-top: 20px;
}
.list-box-bottom-content {
    padding: 15px;
}
.alterna-service-icon {
    padding: 15px;
    height: 150px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
}
.about-con .list-box-bottom-content .editor {
    color: #666;
    padding: 20px;
}
.text-justify {
    text-align: justify;
}
.about-con .tab-content p{font-size: 14px;line-height: 24px;}
.about-img{box-shadow: 5px 5px #666;}
.about-img-click{width: 100%;}
.about-img-click li{display: inline-block;width: 29.6%;margin: 20px 1.5%;}
.about-img-click li img{width: 100%;}
.introduct-slider{
  width: 100%; 
  position: relative;
  padding-top: 200px;
  margin: 0px auto 100px auto;
  box-shadow: none;
}
@media(min-width: 768px){
  .introduct-slider{padding-top: 127px;
box-shadow: 5px 5px #666;
  }

}
@media(min-width: 991px){
  .introduct-slider{padding-top: 162px;
box-shadow: 5px 5px #666;
  }

}
@media(min-width: 1200px){
  .introduct-slider{padding-top: 200px;
box-shadow: 5px 5px #666;
  }
}
.introduct-slider>img{
  position: absolute;
  left: 0; top: 0;
  transition: all 0.5s;
  width: 100%;
}

.introduct-slider input[name='slide_switch'] {
  display: none;
}

.introduct-slider label {
  margin-top: 15px;
  margin-right: 10px;
  border: 3px solid #999;
  float: left;
  cursor: pointer;
  transition: all 0.5s;
  opacity: 0.6;
  width: 31%;
}

.introduct-slider .id3 { margin-right: 0px; }

.introduct-slider label img{
  display: block;
  width: 100%;
  height: 100%;
}
.introduct-slider input[name='slide_switch']:checked+label {
  border-color: #666;
  opacity: 1;
}
.introduct-slider input[name='slide_switch'] ~ img {
  opacity: 0;
  transform: scale(1.1);
}
.introduct-slider input[name='slide_switch']:checked+label+img {
  opacity: 1;
  transform: scale(1);
}
.about-con .development-history {
    padding-top: 30px;

}

.about-con .development-history h3 {
    font-weight: bold;
    margin-bottom: 20px; 
    font-size: 18px;
}
.about-con .development-history div.history {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 5px; }
.about-con .development-history div.history div.history-date-content {
    width: 120px;
    float: left;
    text-align: center;
    color: #ffffff; }
.about-con .development-history div.history div.history-date-content .orange {
    background: #E5C439; }
.about-con .development-history div.history div.history-date-content div.history-date {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    float: left;
    padding: 10px 10px;
    width: 100px;
    z-index: 1;
    position: relative;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms; }
.about-con .development-history div.history div.history-date-content div.history-date div.history-hor-line {
    position: absolute;
    height: 1px;
    width: 10px;
    margin-left: 100px;
    top: 50%; }
.about-con .development-history div.history div.history-date-content div.history-line {
    position: absolute;
    height: 100%;
    width: 4px;
    margin-left: 50px;
    margin-top: 30px; }
.about-con .development-history div.history div.history-date-content div.history-start-point {
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 10px;
    left: 46px;
    bottom: 0; }
.about-con .development-history div.history div.history-date-content div.history-start-point span {
    width: 6px;
    height: 6px;
    background: #ffffff;
    float: left;
    border-radius: 10px;
    margin-left: 3px;
    margin-top: 3px; }
.about-con .development-history div.history div.history-content {
    margin-left: 130px; }
.about-con .development-history div.history div.history-content h4.history-title {
    margin: 0 0 10px;
    font-weight: bold;
    line-height: 30px; 
    font-size: 16px;
  }
.about-con .development-history div.history div.history-content p {
    font-size: 14px; }
.about-con .development-history div.history div.history-content div.history-entry-content {
    color: #666;
    font-size: 14px;
    line-height: 20px; }
.about-con .development-history div.history div.history-content div.history-entry-content .alignleft {
    margin: 5px 20px 20px 0; }
.about-con .development-history .carousel .carousel-control {
    background-image: none; }
.about-con .development-history .carousel .carousel-control .icon-prev {
    color: #333333;
    margin-left: -35px; }
.about-con .development-history .carousel .carousel-control .icon-next {
    color: #333333;
    margin-right: -35px; }
.about-con .development-history .carousel .left {
    background-image: none; }
.about-con .development-history .carousel .carousel-control-prev {
    right: -2px; }
.about-con .development-history .carousel .carousel-control-prev .carousel-control-prev-icon {
    font-size: 25px; }
.about-con .development-history .carousel .carousel-control-next .carousel-control-next-icon {
    font-size: 25px; }
.about-con .development-history div.stock-progress-bar {
    margin-top: 20px; }
.about-con .development-history div.stock-progress-bar div.progress {
    height: 30px;
    background: #E5C439;
    border-radius: 15px; }
.about-con .development-history div.stock-progress-bar div.progress .progress-bar {
    line-height: 35px;
    text-align: left;
    border-radius: 15px;
    font-size: 14px; }
.about-con .development-history div.stock-progress-bar div.progress .progress-bar span {
    padding: 10px; }
.about-con .development-history div.stock-progress-bar div.progress span.Percentage {
    color: #000;
    line-height: 35px;
    background: #E5C439;
    border-radius: 4px;
    font-weight: bold;
    padding: 0 15px; }
.about-con .development-history ol.carousel-indicators {
    display: none; }
  .about-content-wrap div.development-history .testimonial-title {
    margin-top: 50px; }
.about-con .development-history div.testimonial div.testimonial-content {
    border: 2px solid #dfd4b2;
    background: #ebe0be;
    border-radius: 4px;
    padding: 20px;
    position: relative;
    color: #666;
    font-style: italic; }
.about-con .development-history div.testimonial div.testimonial-content span.testimonials-arraw {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #d9d9d9;
    display: block;
    position: absolute;
    left: 20px;
    bottom: -18px; }
.about-con .development-history div.testimonial div.testimonial-content span.testimonials-arraw em {
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #ebe0be;
    position: absolute;
    top: -20px;
    left: -20px; }
.about-con .development-history div.testimonial div.testimonial-content i.fa {
    color: #E5C439; }
.about-con .development-history div.testimonial div.testimonials-name {
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
    float: left; }
 .about-con .development-history div.testimonial div.testimonials-name div.testimonials-icon {
    margin-top: 15px;
    height: 26px;
    line-height: 26px;
    padding-left: 26px; }
.about-con .development-history div.testimonial div.testimonials-name div.testimonials-icon .fa-user {
    margin-right: 10px;
    font-size: 16px;
    line-height: 20px; }
.about-con .development-history div.testimonial div.testimonials-name div.testimonials-icon span {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #999;  
    font-size: 14px; }
.text-content-img img{width: 100%;height: auto;}
.wards-slide{width: 300px;margin: 0 auto;}
.tab-content .success-img{
    margin-top:5px; 
   }
@media(min-width:320px) and (max-width: 767px){
  .about-con .alterna-line {
    padding: 10px;
    margin-top:0px; 
   }
   .tab-content{
   
   }
   .tab-content .success-img{
    margin-top:10px; 
   }
}
/*about-introduct 公司簡介*/
#accordion .panel-collapse{background:rgba(255,255,255,0.7);}
#accordion .panel-title a { display: block; font-size: 16px; font-weight: bold;transition: all 0.3s ease 0s;position: relative;color:#ff812d; }
#accordion .panel-title a:after { content: "\f106"; font-family: 'FontAwesome'; position: absolute; top: 5%; right: 0px; font-size: 18px; color: #f7c59f; }
#accordion .panel-title a.collapsed:after {content: "\f107"; color: #e16b47;}
@media(max-width: 767px){
  #accordion{margin-top:20px; }
}

/*about-wards荣誉奖项*/
.ban{ width:auto; height:500px; position:relative; overflow:hidden;margin:20px auto 0 auto;}
.ban img{width: 100%;height:100%;}
.ban2{ width:500px; height:380px; position:relative; overflow:hidden;margin: 0 auto 20px auto;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:400px;position:relative;}
.ban2 ul li .passage-tit{
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: rgba(000,000,000,0.5);
  margin: 0;
  text-align: center;
}
.prev{ float:left; cursor:pointer;}
.num{ background:#fff;height:100px;overflow:hidden; width:730px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:800px;margin: 0 auto;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:110px; height:80px; margin:5px 6px; padding:1px;border:1px solid #ddd;}
.num ul li.on{ border:2px solid #222; padding:0;}
.prev_btn1{ width:25px; text-align:center; height:25px; margin-top:30px; margin-right:10px; cursor:pointer; float:left;}
.next_btn1{  width:25px; text-align:center; height:25px; margin-top:30px;margin-left:10px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:180px; left:20px; width:40px; height:40px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:180px; right:20px; width:40px; height:40px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
@media(min-width: 320px) and (max-width: 767px){
.ban{ width:320px; height:400px; position:relative; overflow:hidden;margin:20px auto 0 auto;}
.ban2{ width:320px; height:280px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:320px; height:300px;}
.num{ height:80px;overflow:hidden; width:230px; position:relative;float:left;}
.num ul li{ width:100px; height:70px; margin:5px 6px; padding:1px;border:1px solid #ddd;}
.min_pic{ padding-top:10px; width:300px;margin: 0 auto;}
.prev1{top:130px;left: 0;}
.next1{top:130px;right:0;}
}
@media(min-width: 768px) and (max-width: 1200px){
.num{ height:80px;overflow:hidden; width:430px; position:relative;float:left;}
.num ul li{ width:100px; height:70px; margin:5px 6px; padding:1px;border:1px solid #ddd;}
.min_pic{ padding-top:10px; width:500px;margin: 0 auto;}
}

/*about-success*/
.success-img img{width:100%;height:100%;}
/*about-contact*/
.about-contact-con{text-align:center; margin-bottom: 20px;}
.about-contact-con .p-01{color:#ff831f;font-weight:bold;}
.about-contact-con .p-img{margin:20px auto;}
.contact-content{margin-bottom:50px;}

.contact-content .contact-left .phone-width,.contact-content .contact-right .phone-width,.contact-content .contact-content-right .contact-left .phone-width,.contact-content .contact-right .phone-width {
        display: inline-block;
        width: 15px; }
.contact-content .contact-content-left .contact-left h4,.contact-content .contact-content-left .contact-right h4,.contact-content .contact-content-right .contact-left h4,.contact-content .contact-content-right .contact-right h4 {
        font-weight: bold;
        margin-top: 30px; }
.contact-content .contact-content-left .contact-left .line,.contact-content .contact-content-left .contact-right .line,.contact-content .contact-content-right .contact-left .line,.contact-content .contact-content-right .contact-right .line {
        float: left;
        width: 100%; }
.contact-content .contact-left .line .left-line,.contact-content .contact-right .line .left-line,.contact-content .contact-left .line .left-line,.contact-content .contact-right .line .left-line {
        float: left;
        width: 20%;
        height: 3px;
        background: #FF812D; }
.contact-content .contact-content-left .contact-left .line .right-line,.contact-content .contact-content-left .contact-right .line .right-line,.contact-content .contact-content-right .contact-left .line .right-line,.contact-content .contact-content-right .contact-right .line .right-line {
        float: left;
        width: 80%;
        height: 3px;
        background: #E5C439; }
.contact-content .contact-content-left .contact-left .nav-contact, .contact-content-wrap .contact-content .contact-content-left .contact-right .nav-contact,.contact-content .contact-content-right .contact-left .nav-contact,.contact-content .contact-content-right .contact-right .nav-contact {
        margin-top: 20px; }
        .contact-content-wrap .contact-content .contact-content-left .contact-left .nav-contact li, .contact-content-wrap .contact-content .contact-content-left .contact-right .nav-contact li, .contact-content-wrap .contact-content .contact-content-right .contact-left .nav-contact li, .contact-content-wrap .contact-content .contact-content-right .contact-right .nav-contact li {
          padding: 5px 0;
          color: #000; }
.contact-content .contact-content-left .contact-left .nav-contact li i.fa, .contact-content .contact-content-left .contact-right .nav-contact li i.fa,.contact-content .contact-content-right .contact-left .nav-contact li i.fa,.contact-content .contact-content-right .contact-right .nav-contact li i.fa {
            color: #E5C439; }
.contact-content .nav-contact li{margin-top:5px;overflow: hidden;}
.contact-content .nav-contact li i{float: left;margin-top: 4px;margin-right: 5px;}
.contact-content .nav-contact .title{width: 8%;float: left;}
.contact-content .nav-contact .title02{width: 22%;float: left;}
.contact-content .nav-contact .dot{width: 5%;float: left;text-align: center;}
.contact-content .nav-contact .text{width: 80%;float: left;}
.contact-content .nav-contact .text02{width: 70%;float: left;}

@media(min-width: 320px) and (max-width: 767px){
  .about-contact-con{width: 100%;margin-top:20px;}
  .contact-position{margin:0px auto;}
  .contact-content{margin-bottom:0; }
}
@media (min-width: 768px) and (max-width: 991px) {
.contact-content .contact-content-left .contact-left,.contact-content .contact-content-left .contact-right,.contact-content .contact-content-right .contact-left,.contact-content .contact-content-right .contact-right {
    padding: 60px; } }

@media (max-width: 767px) {
.contact-content .contact-content-left .contact-left,.contact-content .contact-content-left .contact-right,.contact-content .contact-content-right .contact-left,.contact-content .contact-content-right .contact-right {
    padding: 10px; } }
/*about-job*/
.about-job-img img{width:100%;height: 100%;}

 #job-slideshow .slick-prev{width:30px;height:30px;left:-15px;background-size: 100% 100%;z-index: 9;}
  #job-slideshow .slick-next{width:30px;height:30px;right:-15px;background-size: 100% 100%;}
@media(min-width: 768px){
  #job-slideshow .slick-prev{width:30px;height:30px;left:0px;background-size: 100% 100%;z-index: 9;}
  #job-slideshow .slick-next{width:30px;height:30px;right:0px;background-size: 100% 100%;}
}
.job-slideshowbox { height:auto; position: relative;margin: 50px 120px;overflow: hidden; }
.job-slideshowbox .job-slide-con-tit{font-size: 18px;margin:10px auto; font-weight: bold;}
.job-slideshowbox ul li{margin-bottom:5px; }


.job-slideshowbox { margin: 20px 0;} 
@media(min-width: 768px){
.job-slideshowbox { margin: 20px 40px;} 
}

/*about-information 公司資訊*/
.text-img{width: 100%;height:100%;}
.about-information-con ul{margin-left:0; }
.about-information-con ul li{margin-bottom: 20px;}
@media(max-width: 768px){
  .about-information-con{margin:20px auto; }
  .about-information-con ul{margin-left:0px; }
  .about-information-con ul li{margin-bottom: 20px;}
}

.about-information-con ul li { padding: 20px 20px 18px; background-color: rgba(255,255,255,.7); }
.information-con .info-con-time{font-size:18px;font-weight: bold;color: #FF812D;}
.information-con .info-con-tit{font-weight: bold;margin-bottom:20px;       overflow: visible;
    white-space: normal;line-height: 25px;}
.information-con .info-con-tit{color:#222;}
.information-con .info-con-tit:hover{color:#ff812d;}
.information-con .info-con-text{line-height: 24px;color:#000;   height: auto;}
@media(min-width: 768px){
.information-con .info-con-text{line-height: 24px;color:#000;    height: 120px;
    overflow: hidden;}
    .information-con .info-con-tit{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
}
.information-time{font-size: 16px;color: #666;}
.information-time span{margin:0 10px;}

/*about-activity 公司活動*/
.about-activity-tit{font-weight: bold;color: #FF812D;margin:0 0 20px 0;font-size: 20px;}
@media(max-width: 768px){
   .about-activity-tit{margin-top:20px;font-size: 20px; }
   .about-activity{margin-left: 0px;}
   .information-con .info-con-time{margin-top:10px;}
}

/*act-slideshow*/
.act-slideshow .slick-dots{bottom:-30px !important;}
.act-slideshow .slick-dots li{width: 15px;height:15px;}
.act-slideshow .slick-dots li button{}
.act-slideshow .slick-dots li button:before{color:#888;font-family:iconfont;font-size: 20px;}
.act-slideshow .slick-dots li.slick-active button:before{
    font-family: 'iconfont';
    font-size: 20px;
    line-height: 8px;
    position: absolute;
    top:3px;
    left: 1px;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border:3px solid #5bb6d6;
    border-radius: 50%;
}
.act-slideshow .slick-dots li.slick-active button:after {
    font-family: 'iconfont';
    font-size: 20px;
    line-height: 12px;
    position: absolute;
    top: 3px;
    left: 1px;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
}
.act-slideshowbox img{width:100%;height: 100%;}
.act-slideshow .slick-prev {
    left:-50px;
    background: url(../login_zh_files/home-prev.png) no-repeat;
    background-size: 100% 100%;
}
.act-slideshow .slick-next {
    right:-50px;
    background: url(../login_zh_files/home-next.png) no-repeat;
    background-size: 100% 100%;
}
.act-slideshow .slick-prev,.act-slideshow .slick-next{
    width:40px;
    height:40px;
}
.act-slideshow .slick-prev:hover, .act-slideshow .slick-prev:focus{
    left:-50px;
    background: url(../login_zh_files/home-prev.png) no-repeat;
    background-size: 100% 100%;
    width:40px;
    height:40px;
}
.act-slideshow .slick-next:hover, .act-slideshow .slick-next:focus{
    right:-50px;
    background: url(../login_zh_files/home-next.png) no-repeat;
    background-size: 100% 100%;
    width:40px;
    height:40px;
}
@media(min-width: 320px) and (max-width: 767px){
.act-slideshow .slick-prev {
    left:-10px;
    background: url(../login_zh_files/home-prev.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}
.act-slideshow .slick-next {
    right:-10px;
    background: url(../login_zh_files/home-next.png) no-repeat;
    background-size: 100% 100%;
}
.act-slideshow .slick-prev,.act-slideshow .slick-next{
    width:30px;
    height:30px;
}
.act-slideshow .slick-prev:hover, .act-slideshow .slick-prev:focus{
    left:-10px;
    background: url(../login_zh_files/home-prev.png) no-repeat;
    background-size: 100% 100%;
    width:30px;
    height:30px;
}
.act-slideshow .slick-next:hover, .act-slideshow .slick-next:focus{
    right:-10px;
    background: url(../login_zh_files/home-next.png) no-repeat;
    background-size: 100% 100%;
    width:30px;
    height:30px;
}
}

.act-slideshowbox .slide-text { position: absolute; width: 100%;bottom: 0; padding: 10px 0;background:rgba(000,000,000,0.5);color: #fff;}
.act-slideshowbox {text-align: center; position: relative; }


.act-slideshow1 {background: url(../login_zh_files/slideshow-bg.jpg) center no-repeat;background-size:cover;}
.act-slideshow2 { background: url(../login_zh_files/slideshow-bg1.jpg) center no-repeat; background-size:cover; }
.act-slideshow3 { background: url(../login_zh_files/slideshow-bg.jpg) center no-repeat; background-size:cover; }


/*軟件下載*/

.download-con-01-tit{margin: 15px auto 30px; }
.download-con-01-tit-div{ text-align: center; }
.download-con-01-tit-div img{float:left;margin-right: 5px;height: 40px;}
.download-con-01-tit-div h3{display: inline-block;
    text-shadow: 2px 2px 2px #272727;
    letter-spacing: 3px;
    color: #f79900;
    margin-top: 0px;
    font-size: 24px;
    font-weight: 800;
    padding-left: 8px;
    margin-bottom: 0px;line-height: 39px;}
    .download-con-01-tit-div h3 p{float: left;}
.download-con-01 .download-software li{margin:20px auto;display:inline-block;width: 43%;text-align: center;margin-right: 15px;}
.download-con-01 .download-code li{margin:20px auto;display:inline-block;width: 43%;text-align: center;margin-right: 15px;}
@media(min-width: 768px){
  .download-con-01-tit-div img{float:left;margin-right: 5px;height: 50px;}
  .download-con-01-tit-div h3{display: inline-block;
    text-shadow: 2px 2px 2px #272727;
    letter-spacing: 3px;
    color: #f79900;
    margin-top: 0px;
    font-size: 36px;
    font-weight: 800;
    padding-left: 8px;
    margin-bottom: 0px;line-height: 49px;}
.download-con-01 .download-software li{margin:20px auto;display:inline-block;width: 33%;text-align: center; margin-right:0;}
.download-con-01 .download-code li{margin:20px auto;display:inline-block;width: 33%;text-align: center;margin-right: 0;}
}

.download-con-01 .download-user{text-align: center;}
.download-btn{
  background:url(../login_zh_files/download-btnbg.png) no-repeat;
  background-size:100% 100%; 
  width:200px;
  height:50px;
  line-height: 50px;
  display:inline-block;
  font-size:14px;
  font-weight: bold;
  letter-spacing:2px;
  color:#fff;
  text-align: center; 
  margin-bottom: 30px;
}
@media(min-width: 768px){
  .download-btn{
  background:url(../login_zh_files/download-btnbg.png) no-repeat;
  background-size:100% 100%; 
  width:200px;
  height:50px;
  line-height: 50px;
  display:inline-block;
  font-size:24px;
  font-weight: bold;
  letter-spacing:2px;
  color:#fff;
  text-align: center; 
  margin-bottom: 30px;
}
.download-btn-en {font-size: 16px;}
}
.download-btn-en:hover{font-size: 16px;}
.download-btn:hover{
  width:210px;
  height:52px;
  color:#222;
}
/*產品服務*/
.product-con .product-con-tit{background: #ff812D;}
.product-con .parallelogram {
    display: inline-block;
    padding-right: 50px;
    background: #E5C439;
    position: relative;
}
.product-con .parallelogram .triangle-bottomright {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 41px solid #FF812D;
    border-left: none;
}
@media(min-width: 768px){
  .product-con .parallelogram .triangle-bottomright {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 41px solid #FF812D;
    border-left: 50px solid transparent;
}
}

.product-con .parallelogram h3 {
    margin: 0;
    padding: 10px 10px 10px 30px;
    font-size: 20px;
}
.product-con .product-position{margin: 20px auto;}
.product-con .product-position a{color:#666;}
.product-con .nav-tabs>li{background:url(../login_zh_files/cni_about_bg.jpg) no-repeat;background-size:100% 100%;float: none;font-size: 18px;text-align: center;display: block;}
.product-con .nav-tabs>li a{color:#fff;}
.product-con .nav-tabs>li a:hover{background:url(../login_zh_files/cni_aboutbg02.jpg) no-repeat;background-size:100% 100%;}
.product-con .nav-tabs>li a:focus{background:url(../login_zh_files/cni_aboutbg02.jpg) no-repeat;background-size:100% 100%;}

.product-con .nav-tabs>li.active>a,.product-con .nav-tabs>li.active>a:focus, .product-con .nav-tabs>li.active>a:hover{color:#fff;}
.product-con .nav-tabs .active a{background:url(../login_zh_files/cni_aboutbg02.jpg) no-repeat;background-size:100% 100%;color: #fff;}
.product-tit{margin: 0 auto 10px auto;}
.product-con .text-content-img{margin:20px auto;}
.product-con .pro-con{margin: 15px 0;position: relative;display:block;}
@media(min-width: 320px) and (max-width:767px){
  .product-con .pro-con{margin:0 0 15px 0;}
  .product-con .text-content-img2{margin: 20px auto;}
}
.product-con .pro-con .pro-con-cover{
    padding-right: 15px;
    padding-left: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: 500ms;
    overflow: hidden;
    display: block;
}
.pro-con-cover .cover{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 9999;
}
.pro-con-cover .cover:hover{
    opacity: 0.7;
}
.pro-con-info{
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5%;
    width: 100%;
    height:0;
}
.pro-con-info .info-tit{
    z-index: 999;
    text-align: center;
    position: static;
    margin: 0px;
    color: white;
    margin-bottom: 10px;
    margin-top: 25%;
    font-size: 20px;
}

/*股票買賣*/
.stock-con .stock-con-img{height:auto;margin-bottom:20px;text-align: center;}
.stock-con .mb-30{margin-bottom:30px; }
/*滬港通*/
.stock-connect{
  margin: 10px auto;
}
.stock-connect p{margin-bottom: 20px;}
.stock-connect-img{
  margin: 15px auto;
  width: 100%;
}
.stock-connect-img img{width: 100%;height:auto;}
/*每週經濟數據*/
.weeklydata-con .table .bgcolor01{background: #fe8d3b;}
.weeklydata-con .table .bgcolor02{background: #ffc091;}
.weeklydata-con .table .bgcolor03{background: #f9d7be;}
.weeklydata-con .table-bordered{border:1px solid #000;}
.weeklydata-con .table tr th,.weeklydata-con .table tr td{border:1px solid #000;padding: 15px 8px;}

@media(min-width: 768px){
  .weeklydata-con .table .th1{width: 150px;}
  .weeklydata-con .table .th2{width: 150px;}
   .weeklydata-con .table .th3{width: 150px;}
    .weeklydata-con .table .th4{}

     .weeklydata-con .table2 .th1{width: 150px;}
  .weeklydata-con .table2 .th2{width: 100px;}
   .weeklydata-con .table2 .th3{width: 131px;}
    .weeklydata-con .table2 .th4{}
    .weeklydata-con .table2 .th5{min-width: 80px;}
  .weeklydata-con .table2 .th6{min-width: 80px;}
   .weeklydata-con .table2 .th7{min-width: 80px;}
}


/*開立戶口*/
.openaccount-con{margin: 10px auto;}
.openaccount-con .openaccount-con-img{width:80%;height:auto;margin-bottom:20px;}
.openaccount .form-inline {margin-bottom: 10px;}
  .btn-sendouten{
    letter-spacing: 0px!important;
  }
@media(min-width: 320px) and (max-width: 1024px){
  .openaccount .form-inline input,.openaccount .form-inline select{
    margin-bottom:20px; 
  }
  .openaccount .form-inline{
    margin-bottom:10px; 
  }
}
@media(min-width: 768px) and (max-width: 1920px){
  .openaccount .form-inline{
    margin-bottom:20px; 
  }
  .openaccount .form-inline label{
    width:110px;
    text-align: center;
    vertical-align: middle;
  }
   .openaccounten .form-inline label{
    width:100px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
  }
  
  .openaccount-tit{margin:10px auto 20px auto;font-size: 20px;}
  .openaccount .input-01{width: 22%;border-left:5px solid #9f3738;}
  .openaccount .input-02{width: 53%;border-left:5px solid #9f3738;}
  .openaccount .select-01{width: 8%;}
  .openaccount .select-02{width: 22%;}
  .openaccount .form-inline .radio-inline,.openaccount .form-inline .checkbox-inline{width:auto;}
}
#login-ajax{width:1170px;margin:0 auto;}
.btn-sendout{
  background: url(../login_zh_files/btn-sendout.png) no-repeat;
  background-size:100% 100%; 
  width:120px;
  height:45px;
  border: 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
 
  margin: 0 10px;
}
/*業務範圍*/
.gray-bg{background: #efefef;padding-top: 50px !important;margin-bottom: 20px;}
.business-01 h2{
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
}
.business-01 .hm-hr {
    display: block;
    width: 100%;
    border-top: 1px solid transparent;
    text-align: center;
    line-height: 0px;
    margin:20px auto 30px auto;
}
.business-01-img{
    margin: 0 0 30px;
}
.step-01,.step-02,.step-03,.step-04{
  position: relative;
  min-height: 100px;
}
.step-con{padding-top:20px; }
.step-con .steptit{
    margin: 0px;
    padding: 0px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #1C76AB;
    color: #1e517e;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 40px;
    top: -1px;
    padding-top: 10px;
}
.step-con .steptit2{
    margin: 0px;
    padding: 0px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #1C76AB;
    color: #1e517e;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 10px;
    padding-top: 10px;
}
@media(min-width: 768px){
  .step-con .steptit2{
 
    left: 20px;
    top: -1px;

}
}
.step-con .steptit span{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #ffffff;
    position: relative;
}
.step-con .steptit .triangle-topleft{
    position: absolute;
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-left: 48px solid #1C76AB;
    border-bottom: 32px solid transparent;
    left: -7px;
    top: -12px;
}
.step-con .steptit .step{
    margin: 10px 0 0;
    font-weight: bold;
}
.step-con .number{
  font-size:40px;
  font-weight:bold;
}
.content-box{
  padding: 30px;
}
.content-box h2{
  font-weight: bold;
  font-size: 20px;
}
.content-box .hm-hr-left i{
  width: 30px;
  background: #f7d539;
}
.content-box .text{
  color:#666;
  margin: 20px auto;
}
.btn-open{
  background: #FF812D;
  color: #ffffff;
  border: 1px solid #FF812D;
  font-size: 14px;
  border-radius: 40px;
  padding: 7px 60px;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
  transition: all 0.5s;
  margin-bottom: 40px;
  font-weight: bold;
}
@media(min-width: 768px){
.btn-open{
   font-size: 16px;
}
}
.btn-open:hover{
  background: #ff5c00;
}
.content-box-l{
  padding-top:100px; 
}
.step-text-content{
  font-weight: bold;
}
/*資金存取*/
.b-color01{border-bottom: 10px solid #ff812d;}
.b-color02{border-bottom: 10px solid #317eae;}
.b-color03{border-bottom: 10px solid #f4dd72;}
.b-color04{border-bottom: 10px solid #ff812d;}
.business-access { margin-bottom: 30px; }
.business-access table th{text-align: center;color: #fff;}
.business-access table tr td{text-align: center;}
.business-access table .bgcolor01{background: #e2c34c;}

.access-con{margin-top:0px; }
@media(min-width:320px) and (max-width: 767px){
 .access-con{margin-top:0px; }
}
.access-con .access-con-img img{margin: 0 auto;}
.access-con .access-con-tit{text-align: center;font-size: 18px;font-weight:bold; }
.access-text{padding-top:30px;color:#666;padding-left: 30px;padding-right: 30px;}
.access-btn {margin:60px 0; }
.access-btn .btn{
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #FF812D;
  border-radius: 40px;
  display: block;
  padding: 10px 100px;
  font-size: 16px;
  color: #ff812d;
  font-weight: bold;
}
.access-btn .btn:hover{
  background: #ff812d;
  color:#fff;
}
.access-faq-con{
  margin-bottom:50px; 
}
.access-faq-con .a-icon{
  display: inline-block;
  width: 25px;
  margin-right: 20px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #ff812d;
  font-size: 12px;
  color: #ffffff;
}
.access-faq-con .faq-list h4{font-weight: bold;}
.access-faq-con .b-icon{
  display: inline-block;
  width: 25px;
  margin-right: 20px;
  height: 25px;
  border-radius:50%; 
  line-height: 25px;
  background: #f4d450;
  font-size: 14px;
  color: #ffffff;
}
.access-faq-con p{
  color:#666;
}
/*融資孖展*/
.finance-con h2{font-weight: bold;}
.finance-con .hm-hr-left i{
  width: 30px;
  background: #f7d539;
  margin:10px 0 ;
}
.finance-part{padding: 0 15px;background: #eee;}
@media(min-width: 768px){
  .finance-part {
    padding: 0 15px;
    background: #eee;
}
}
@media(min-width: 991px){
  .finance-part {
    padding: 0 10px;
    background: #eee;
}
}
@media(min-width: 1200px){
  .finance-part {
    padding: 0 100px;
    background: #eee;
}
}
.finance-part .finance-part-tit01 h2{text-align: center;font-weight: bold;}
.finance-part .finance-part-tit02 .hm-hr-left i{
  width: 30px;
  background: #f7d539;
  margin:10px auto ;
}
@media(min-width: 768px){
.finance-part .col-sm-6{width: 100%;}
.finance-part .finance-part-tit01 .hm-hr{
  margin: 20px auto;
}
.finance-con .finance-con-text{
  color:#666;
  padding-right:150px; 
  line-height: 28px;
}
.finance-con h2{margin-top:0px;}
.finance-part{margin-top:20px; }
.finance-part-text p {color:#666; }
}
@media(min-width: 991px){
.finance-part .col-sm-6{width: 50%;}
}
/*新股認購*/
.shape-con {margin:30px auto;}
.shape-con2 {margin:30px auto;padding:0px!important;}
@media (min-width: 1200px){
  .shape-con {
    padding: 0 80px;
  
}
}

.shape-con .table{border:0;background: #fff;}
.shape-con .table .bgcolor01{background: #e5c439;color:#fff;}
.shape-con .table th,.shape-con .table tr td{text-align: center;border:0;}
.shape-con .shape-con-tit .hm-hr-left i{
  width: 30px;
  background: #f7d539;
  margin:10px auto ;
}
.btn-blue{
  background: #2a77a8;
  color: #ffffff;
  border: 1px solid #2a77a8;
  font-size: 16px;
  border-radius: 40px;
  padding: 7px 60px;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
  transition: all 0.5s;
  margin-bottom: 50px;
  font-weight: bold;
}
.btn-blue:hover{
  background:#fff;
}
.shape-con-center{

  text-align: center;
}
.btn-blue-en{ padding: 7px 30px;}
@media(min-width: 1200px){
 .shape-con-center{
  padding:0 47px;
  text-align: center;
}
}
.shape-con-center .shape-con-tit{
  color:#ff812d;
}
.shape-con-center .shape-con-tit h3{font-weight: bold;}
.shape-con-center .shape-con-text{
  color:#666;
}
.shape-con-center .shape-con-text p{
  text-align: left;
}
.shape-scroll{overflow-x: scroll;}
.shape-scroll::-webkit-scrollbar{display:none;}
.shape-scroll table{min-width: 880px;}
/*IPO新股上市*/
.ipo-list{
  padding: 0 20px;
}
.ipo-list li{
  margin-bottom: 5px;
}
/*表格下載*/
.business-download .table{
  background:rgba(255,255,255,0.7);
}
.business-download .table tr td{vertical-align: middle;}
.business-download .business-download-img{margin-bottom:20px; }

@media(min-width: 320px) and (max-width: 767px){
  .business-download .business-download-img{margin:20px auto; }
  .shape-con-center{padding: 0;}
}

/*常見問題*/
.problem-con{background:rgba(255,255,255,0.7);overflow: hidden;}
.problem-con-center{
  margin:5px;
  border:1px solid #ddd;
  overflow: hidden;
  min-height: 500px;
}
.problem-con .nav-tabs{border: none;padding: 0;}
.problem-con .nav-tabs>li{background: none;font-size: 16px;}
.problem-con .nav-tabs>li a{color:#222;border-bottom: 1px solid #ddd;margin: 0 10px;padding: 20px;}
.problem-con .nav-tabs>li a:hover{background: none;}
.problem-con .nav-tabs .active{border-left: 5px solid #ff812d;}
.problem-con .nav-tabs>li.active>a, .problem-con .nav-tabs>li.active>a:focus, .problem-con .nav-tabs>li.active>a:hover {
    background: none;
    color: #ff812d;
    font-size: 16px;
    border:0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    margin: 0 10px;
}
.problem-con-all { margin-bottom: 20px; }
.problem-con-all h2{font-weight: bold;color:#ff812d;font-size: 20px;}
.problem-con-all .hr-m i{width: 80px;height: 5px;background: #ff812d;display: inline-block;margin-bottom: 10px;}
.problem-con .tab-content {min-height: 500px;}
.problem-con .tab-content .tab-pane h3{border-bottom:1px solid #ddd;padding-bottom:10px;font-size: 18px; }
@media(min-width: 767px){
 .problem-con-all h2{margin-top:0;font-weight: bold;color:#ff812d;}
}
.line-l{border-left:1px solid #ddd;}
/*交易登錄*/
.login-con .login-con-tab ul li{
  border:#ddd;
}
.login-con .login-con-tab ul li a{
  font-size: 16px;
  padding: 10px 55px;
}
.login-con .login-con-tab ul li .active{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid #d9d9d9;
  border-bottom: 2px solid #ff812d;
  background: #ffffff;
  color: #ff812d;
}
.login-con-content{
  background: rgba(255,255,255,0.9);
  padding: 15px;
  overflow: hidden;
  min-height: 500px;
}
.login-con-content .login-con-content-l {
  padding: 20px;
  padding-right: 50px;
  border-right:1px solid #ddd;
}
.login-con-content .login-con-content-l .input-group{
  width:100%;
  margin-bottom:10px; 
}
.login-con-content .login-con-content-l .input-group .form-control{
  border:none;
  box-shadow: none;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 10px;
  background: none;
}
.login-con-content .login-con-content-l .register select{
  height: 40px;
  border:0;
  border-bottom:1px solid #ddd;
  outline: none;
  background: none;
}
.login-con-content .login-con-content-l .btn{
  border-radius: 40px;
  color:#fff;
}
.login-con-content .login-con-content-l .btn-yzm{
  background: #ffffff;
  border: 1px solid #FF812D;
  border-radius: 40px;
  color: #FF812D;
}
.login-con-content .login-con-content-l .input-button{
  margin-top:30px;
}
.yellow{background: #e5c439;}
.blue1{background: #529be9;}

.login-con-content .login-con-content-r h4{font-weight: bold;}
.login-con-content .login-con-content-r .line{
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.login-con-content .login-con-content-r .line .line-left{
  float: left;
  width: 20%;
  height: 3px;
  background: #ff812d;
}
.login-con-content .login-con-content-r .line .line-right{
  float: left;
  width: 80%;
  height: 3px;
  background: #e5c439;
}
.login-con-content .login-con-content-r .r-content-text p{font-size: 14px;}
@media(max-width: 767px){
.login-con-content .login-con-content-l {
  border:0;
  padding: 0;
}
.login-con-content .login-con-content-r h4{margin-top:20px; }
}
@media(min-width:768px){
.login-con-content .register-r{
  margin-right:150px; 
}
}
.login-con-content .register-r p{font-size: 16px;}

/*法律聲明*/
.statement-content dl dt{
  margin-bottom:8px; 
  font-size: 16px;
}
/*網站地圖*/
.websitemap-con{
  padding: 20px 40px;
}
.websitemap-con ul li {
  padding: 30px 0;
  border-bottom:2px dotted #ffac7e; 
}
.websitemap-con ul li .w-map-tit a{
  font-size: 18px;
  font-weight: bold;
  color: #ff812d;
}
.websitemap-con ul li a{
  color: #000;
}
.websitemap-con .w-map-list a{
  font-size: 16px;
  padding: 0 20px;
  margin-bottom: 10px;
  border-left: none;
  display:inline-block;
}
@media(min-width: 768px) {
  .websitemap-con .w-map-list a{
  font-size: 16px;
  padding: 0 20px;
  margin-bottom: 10px;
  border-left: 1px solid #ffac7e;
  display:inline-block;
  }
}
.websitemap-con .w-map-list a:first-child{border-left:0;}

@media(min-width: 320px) and (max-width: 767px){
  .websitemap-con{
    padding: 0px;
}
}


/*edmond edit*/
.introuct-box1 { background-color: rgba(255,255,255,.7); padding: 30px 15px 15px; margin-bottom: 20px; }
@media(min-width:768px){
  .introuct-box1 { background-color: rgba(255,255,255,.7); padding: 30px 30px 15px; margin-bottom: 20px; }
}
.introuct-box2 { background-color: rgba(255,255,255,.7); padding: 30px; margin-bottom: 50px; }

.inner-title h2 {
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

.inner-title .hm-hr { margin-bottom: 20px; }

.about-wards-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 15px; margin-bottom: 20px; }

.about-wards-box .wards-slide-box { padding: 30px 30px 0; }

.about-success-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 15px; margin-bottom: 20px; }

.about-success-box .wards-slide-box { padding: 10px 30px 0; }

.success-box1 { margin-bottom: 30px; }

.contact-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 15px; margin-bottom: 10px; }

.contact-box .job-box { padding: 0; }
@media(min-width:768px){
.contact-box .job-box { padding: 0 30px; }
}

.about-job-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 15px; margin-bottom: 50px; }

.product-service-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 30px; margin-bottom: 50px; }

.download-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 15px; margin-bottom: 20px; margin-top: 30px; }

.about-activity-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 80px; margin-bottom: 40px;  }

.problem-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 20px; margin-bottom: 40px;  }

.business-box { background-color: rgba(255,255,255,.7); padding: 15px 15px 15px; margin-bottom: 40px;  }
@media(min-width:768px){
.business-box { background-color: rgba(255,255,255,.7); padding: 30px 30px 20px; margin-bottom: 40px;  }
}
.access-faq-con .faq-list h4 { background: url(../login_zh_files/q-icon.png) left 0 no-repeat; padding-left: 40px; line-height: 26px; margin: 0 }
.access-faq-con .faq-list-div { background: url(../login_zh_files/a-icon.png) left 4px no-repeat; padding-left: 40px; line-height: 22px; padding-top:8px;padding-bottom: 5px; margin-top: 5px; }
.access-faq-con .faq-add-list { margin-left: 40px; }

.finance-part { padding-top: 30px; margin-bottom: 30px; }
.finance-part h3 { font-size: 18px; text-align: center; }
.finance-part-text .button { text-align: center; }
.finance-con h4 { font-size: 18px; }

.shape-con-tit h3 { font-size: 18px; text-align: center; color:#000; font-weight: none;}

.download-box ul li a img { transition: all 0.6s;    max-height: 115px; }
.download-box ul li a:hover img {transform: scale(1.1);  }


.faq-menu-box .button { width: 100%; float: left; text-align: center; }
@media(min-width:475px){
.faq-menu-box .button { width: 50%; float: left; text-align: center; }
}
@media(min-width:768px){
.faq-menu-box .button { width: 25%; float: left; text-align: center; }
}

.faq-menu-box .button a {   color: #fff;  }
.faq-menu-box .button div { background-color: #fa803c; width: 100%;  padding: 10px 0;  }
.faq-menu-box .button { padding-right: 10px; margin-bottom: 10px; }
.faq-menu-box .button:last-child {padding-right: 0;  }
.faq-menu-box .button div:hover { background-color: #E5C439; }
.faq-menu-box .button .active { background-color: #E5C439; }
.faq-menu-box .button div:hover a { color: #000; }
.faq-title h3 { border-left: 6px solid #fa803c; padding-left:10px;  }

.r-content-text .title { width: 22%; float: left; }
.r-content-text .dot { width: 10%; float: left; text-align: center; }
.r-content-text .text { width: 68%; float: left; }


/*all-style*/
.all-center-box{
  background-color: rgba(255,255,255,.7); padding: 30px 30px 20px; margin-bottom: 40px; 
}

/* edit by wenchang */
/*marquee*/
.faq-menu-box-en{}
.faq-menu-box-en div{height: auto;display: flex;align-items: center;justify-content: center;}

@media(min-width: 768px) {
.faq-menu-box-en div{height: 62px;display: flex;align-items: center;justify-content: center;}
}
.marquee-con{padding: 10px 0; border-top:2px solid #fa803c;box-shadow: 1px 1px 5px #4444445e;height: 44px;}
.marquee-con ul{margin: 0;}
.marquee-con ul li{
    display:inline-block;
}
/* page */
.news-page { margin-top: 50px; text-align: center; }
.news-page a { background-color: #adadad; color: #fff; border-radius: 25px; padding: 15px 20px; margin: 0 8px; }

.new-list-pages a { text-decoration: none!important; background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 7px 12px!important; margin: 5px 10px!important; }
.new-list-pages .active {  color: #fff!important; background:#fa803c!important;}
.new-list-pages .active span{color: #fff!important;background:#fa803c!important; }
.new-list-pages a:hover {  color: #fff!important;background:#fa803c!important; }
.new-list-pages span{text-decoration: none!important; background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 7px 12px!important; margin: 5px 10px!important;}
@media(min-width: 768px) {
.new-list-pages { margin-top: 46px; text-align: center; }
.new-list-pages a { text-decoration: none!important; font-size:16px;background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 10px 17px!important; margin: 0 15px!important;float:none!important }
.new-list-pages .active {  color: #fff!important; background:#fa803c!important;}
.new-list-pages .active span{color: #fff!important;background:#fa803c!important; }
.new-list-pages a:hover {  color: #fff!important;background:#fa803c!important; }
.new-list-pages span{text-decoration: none!important; font-size:16px;background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 10px 17px!important; margin: 0 15px!important;float:none!important}
}
  .new-list-pages {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
@media(min-width: 1440px) {

  .new-list-pages {
    margin-top: 40px;
    text-align: center;
     margin-bottom: 40px;
  }
}
.business-access p{margin:0;}
.business-access img{}
.finance-parthk .finance-part-text-height { }
.finance-parten .btn-open {padding:7px 27px;}
@media(min-width: 768px) {
.finance-partcn .finance-part-text-height,.finance-parthk .finance-part-text-height {min-height:170px; }
.finance-parten .finance-part-tit01 h2{min-height: 44px;}
.finance-parten .finance-part-text-height {min-height:160px; }
}
@media(min-width: 1198px) {
.finance-partcn .finance-part-text-height,.finance-parthk .finance-part-text-height {min-height:145px; }
.finance-parten .finance-part-text-height {min-height:190px; }
}
@media screen and (max-width: 767px){
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: none;
}
}
@media (min-width: 768px){
.finance-con .finance-con-text {
    color: #666;
    padding-right: 0px;
    line-height: 28px;
}

}
@media (min-width: 991px){
.finance-con .finance-con-text {
    color: #666;
    padding-right: 150px;
    line-height: 28px;
}

}
.nav-contact1 p{margin-bottom: 0px;}
.nav-contact1 ul li{padding-left: 35px;}
.nav-contact1 ul li:nth-child(1){background: url(../login_zh_files/icon2.png) left -3px no-repeat;}
.nav-contact1 ul li:nth-child(2){background: url(../login_zh_files/icon2.png) left -27px no-repeat;}
.nav-contact1 ul li:nth-child(3){background: url(../login_zh_files/icon2.png) left -50px no-repeat;}
.nav-contact1 ul{padding-left:0px;margin-left: 0px;}

.nav-contact2 ul{list-style: none;padding-left:0px;margin-left: 0px;line-height: 30px;margin-top:20px;}

@media (min-width: 768px){
  .modal-dialog {
    width: 800px;
    margin: 30px auto;
}
}


.box-menu > ul > li ul li {
    background-color: #fa803c;
    text-align: left;
    padding: 5px;
}
.box-menu > ul > li > ul{
  padding-top:25px;
}
.box-menu > ul > li ul li a{color:#4c4c4c;padding: 3px 15px;min-width: 100px;}
.box-menu > ul > li ul li a:hover{ background-color: #fa803c;color:#fff;}

.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #e2c34c;}



/* General styles for all menus */
.cbp-spmenu {
  position: absolute;
}


.cbp-spmenu a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;

}
.cbp-spmenu .active{/* color:#ffcf11 */}

.cbp-spmenu-vertical {
  width: 112px;
  height: 50px;
 
  z-index: 9999;
}
@media (min-width: 768px){
 .cbp-spmenu-vertical {
  width: 197px;
  height: 100%;
 
  z-index: 9999;
}
}
.cbp-spmenu-vertical a {
  border-bottom: 1px solid #fff;
  padding: 6px 15px;
}

.cbp-spmenu-vertical a:last-child { border-bottom: 0px solid #fff; }

.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  right: 0;
  z-index: 1000;
  overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}


.cbp-spmenu-left {
  right: -50px;
}
@media (min-width: 768px){
   .cbp-spmenu-left {
  right: -128px;
  }
}
@media (min-width: 870px){
  .cbp-spmenu-left {
  right: -90px;
  }
}
.cbp-spmenu-left.cbp-spmenu-open {
  right: 0px;
}

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  right: 0;
}

.cbp-spmenu-push-toleft {
  right: -100px;
}
@media (min-width: 768px){
 .cbp-spmenu-push-toleft {
  right: -220px;
}
}

.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


.cpb-menu {  width: 47px; min-height: 108px; padding-top:8px; }
.cpd-button {width: 40px;  }
.cpd-button a { }

.left-menu-box { border: 6px solid #a7d2ff; padding:40px 30px 10px; border-radius:20px; background-color: #fff; position: relative; max-width: 250px; }
.left-menu-box .title { position: absolute; top: -35px; left:25%; }
.left-menu-box .icon { position: absolute; top: -40px; left: -15%; }
.left-menu-box ul li { text-align: center; padding: 10px 0; border-bottom: 1px solid #f6f6f6;  }
.left-menu-box ul li:last-child { border-bottom: 0px solid #f6f6f6;  }
.left-menu-box ul li a { color: #b7b7b7; font-size: 16px; font-weight: bold; }
.left-menu-box ul li a:hover,.left-menu-box ul li .active { color:#ffcf11; }


.left-menu-box .title img { height: 55px; }
.left-menu-box .icon img { height: 80px; }
@media(min-width:1281px) {
.left-menu-box .title img { height: auto; }
.left-menu-box .icon img { height: auto; }
}

.icon-kefu{height: 40px; box-shadow: 2px 5px 15px #040404;}
@media (min-width: 768px){
  .icon-kefu {
    box-shadow: 2px 5px 15px #040404;
    height: 80px;
}
}
.btn-qq{
 background:#6da9de;
    display: block;
    width:40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding: 0px!important;
   
}
.btn-qq:hover{ background:#4896ee;}
.btn-qq p{text-align: center;margin:0;margin-top:5px;font-size: 16px;display: none;}
.btn-qq img{
  width:22px;height: 31px;margin:0 auto;padding-top:6px;
}
.btn-wechart{
 background:#78c340;
    display: block;
    width:40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding: 0px!important;
   
}
.btn-wechart:hover{ background:#58a81c;}
.btn-wechart p{text-align: center;margin:0;margin-top:5px;display: none;color:#000;}
.btn-wechart img{
  width:29px;height: 33px;margin:0 auto;padding-top:7px;
}
.btn-what{
 background:#01E675;
    display: block;
    width:40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding: 0px!important;
   
}
.about-contact-con2 p{text-align: left;float: left;width: calc(100% - 17px);line-height:22px!important;}
.about-contact-con2{
    margin:0px;
}
.about-contact-con2 h5{display: block;float: left;width:17px;margin:3px 0px;}
@media (min-width: 991px){
  .about-contact-con2{
    margin:0 190px;
  }
}
.btn-what i{font-size: 29px;margin-top:6px;}
.btn-what:hover{ background:#1ebea5;}
.btn-what p{text-align: center;margin:0;margin-top:5px;display: none;color:#000;}
.btn-what img{
  width:22px;height: 34px;margin:0 auto;padding-top:8px;
}
@media (min-width: 768px){
  .btn-what i{font-size: 42px;margin-top:6px;}
.cpb-menu {  width: 90px; min-height: 108px; padding-top:8px; }
.btn-qq{
 background:#6da9de;
    display: block;
    width:80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    padding: 0px!important;
   
}
.btn-qq:hover{ background:#4896ee;}
.btn-qq p{text-align: center;margin:0;margin-top:5px;display: block;color:#000;}
.btn-qq img{
  width:32px;height: 47px;margin:0 auto;padding-top:13px;
}
.btn-wechart{
 background:#78c340;
    display: block;
    width:80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    padding: 0px!important;
   
}
.btn-wechart:hover{ background:#58a81c;}
.btn-wechart p{text-align: center;margin:0;margin-top:0px;display: block;}
.btn-wechart img{
  width:49px;height: 51px;margin:0 auto;padding-top:11px;
}
.btn-what{
 background:#01E675;
    display: block;
    width:80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    padding: 0px!important;
   
}
.btn-what:hover{ background:#1ebea5;}
.btn-what p{text-align: center;margin:0;margin-top:5px;display: block;}
.btn-what img{
  width:32px;height: 47px;margin:0 auto;padding-top:13px;
}
}
.list-back{text-align: center;}

.list-back .btn-open{margin-top:0px;}
.modal-footer{text-align: center;}

.required-red{color:#f00;font-size: 16px;display: inline-block;}
.fa-home{font-size: 22px;}
.copyright-en{width:auto;}
@media(min-width: 991px) {
  .copyright-en{width:468px;}
}
.new-border-right{border-right:0;}
@media (min-width: 768px){
  .new-border-right{border-right:1px solid #fa803c;}

}



/*-日历样式-*/
.jcalendar_week{background: #fff;font-family: 'Arial,Helvetica,sans-serif';color:#fa803c;}
.jcalendar_week ul{list-style: none;padding-left: 0px;}
.flex_i{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
}
.flex_auto{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.calendar_header{
  padding: 0.25rem 0.5rem 0;
}
.switch_month{
  width: 8%;
    height: 92px;
    vertical-align: middle;
    border: 1px solid #000;
  
    text-align: center;
    cursor: pointer;
    float: left;
  background-color: #fff;
  color:#000;

    padding: 0px;

}
@media (min-width: 768px){
 .switch_month{
  width: 8%;
    height: 92px;
    vertical-align: middle;
    border: 1px solid #000;
  
    text-align: center;
    cursor: pointer;
    float: left;
  background-color: #fff;
  color:#000;

    padding: 0px;

}

}
.switch_month:active{
  background-color: #eee;
}
.calendar_info{
  text-align: center;
  padding: 0.5rem;
}
.calendar_tr{
  font-size:12px;
}
.calendar_tr:after{
  content:"";
  display: block;
  clear: both;
  padding: 0 1%;
}
.calendar_tr > li{
  float: left;
 
  text-align: center;
  height: 90px;
  padding-top: 6px;
  vertical-align: middle;
  width:14.2%;

}

.calendar_tr > li:first-child{
  width:14.5%;
}
.calendar_tr > li:last-child{
  width:14.5%;
}
.date-box{margin: 0 auto;display: inline-block;}
.calendar_week{
  border-bottom: solid 1px #ddd;
}
.calendar_week > li{
  padding: 1rem 0;
}
.notnowmonth{
  color: #aaa;
}
.calendar_day_bar{
  padding: 0.5rem 0;
}

.calendar_day_act{
  background-color: #fa803c;
  color: #fff;

}
.calendar_today{
  position: relative;
}
.today_i{

    font-size: 11px;
    height: 0;
    margin-top: -3px;
    display: block;
}

.br_b_ccc{
  border-bottom: solid 1px #ccc;
}
.ric_calendar .calendar_header{
  padding: 0 1.5rem;
}
.ric_calendar .calendar_day_bar > li{
  padding: 0;
}
.ric_calendar .today_i{
  display: none;
}
.ric_calendar .notnowmonth{
  color: #eee;
}
.ric_calendar .calendar_day_bar{
  padding-bottom: 1rem;
}
.calendarday_bz1:after,.calendarday_bz2:after{
  content:"";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #1DA8FC;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.calendarday_bz2:after{
  background-color: #ec612a;
}
.jcalendar_week .calendar_week > li,.jcalendar_week .calendar_tr > li{
 
}
.jcalendar_week .calendar_header{
  border-bottom: solid 1px #ddd;
  padding-bottom: 0.25rem;
}
.jcalendar_week .calendar_day_bar{
 border-top: 1px solid #000;

    cursor: pointer;
    width: 84%;

    float: left;
    padding:0px;
    background: #fff;
     border-bottom: 1px solid #000;
}

.jcalendar_week .calendar_week{
  padding-bottom: 1rem;
  font-size: 0.625rem;
}
.jc_week_act .calendar_day_i{
  background-image: url(../img/day_bd.png);
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center;
}

/*--日历样式结束--*/
/*-弹框-*/
.pop_bd{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: none;
}
.pop_con{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 500px;
  width: 75%;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
}
.pop_close{
  position:absolute;
  right:0.5rem;
  top:0.5rem;
  display: block;
  width: 1.5rem;
  text-align: center;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  color: #666666;
  font-family: -webkit-body;
  font-family: body;
  border-radius: 0.25rem;
}
.pop_close:active{
  background-color: #eee;
}
.control{
  text-align: center;
  padding: 1rem 0;
}
.control > button{
  width: 2rem;
  height: 2rem;
  font-size: 1.25rem;
  border: solid 1px #aaa;
  background-color: transparent;
}
.control_val{
  height: 2rem;
  border: 0;
  background-color: #f5f5f5;
  text-align: center;
}
.setjc_st,.setjc_btn{
  height: 2.25rem;
  padding: 0 1rem;
  margin: 0.5rem 0;
  border-radius: 0.25rem;
}
.setjc_btn{
  background-color: #1DA8FC;
  color: #fff;
  border: 0;
}
.nowweek_btn{
  margin-right:0.5rem;
  flex: 0.5;
}
.clear{clear:both;}
.date-box-week {
    line-height: 20px;
    display: inline-block;
}
.calendar_mouth{display: block;}
.calendar_day_i {
    font-size: 12px;
    font-weight: normal;
    display: block;
   
}
.prev-en{width: 9px;
    word-wrap: break-word;
    line-height: 17px;
    margin: 0 auto;}
.next-en{width: 9px;
    word-wrap: break-word;
    line-height: 17px;
    margin: 0 auto;}
@media (min-width: 768px){
  .calendar_tr{
  font-size:14px;
}
.prev-en{width: 100%;
    word-wrap: break-word;
    line-height: 17px;
    margin: 0 auto;}
.next-en{width: 100%;
    word-wrap: break-word;
    line-height: 17px;
    margin: 0 auto;}
  .calendar_day_i {
    font-size: 43px;
    font-weight: 500;
    display: inline-block;
    margin-left: 2px;
  }
  .calendar_tr > li{
  float: left;
 
  text-align: center;
  height: 90px;
  padding-top: 26px;
  vertical-align: middle;
  width:14.2%;

}
}