/*common*/

body {
    margin: 0;
    font-size: 15px;
    line-height: 16px;
    font-family:  Arial,Helvetica,sans-serif,"segoe ui","microsoft jhenghei";
    color: #000000;
}
ol, ul {
    list-style: none;
    margin: 0px;
}
.container {
   width: auto;
   max-width:1150px;
   min-width:1150px;
}
.container.photo_area{
   padding-left: 125px;
   padding-right: 125px;
   margin:25px auto;
}
.container.photo_area .left{ 
   float:left;
}
.container.photo_area .right{
   float:right;
}
.container.photo_area .txt{
    text-align:center;
    background:#7bbe57;
    color:#FFF;
    font-size:18px;
    font-weight:bold;
    line-height:25px;
    margin:0 0 10px 0;
    padding:5px;
}
.container.photo_area a:hover .txt{
    text-decoration:underline;
}
h3{color: #7bbe57;font-weight: bold; padding: 40px 0 20px 0;}
i {font-style: italic; color: #111;}
/*------------------Menu----------------------*/
.row{}
.logo{
    float: left;
    background: url("../img/logo.jpg") no-repeat;
    width: 277px;
    height: 85px;
}
.menu li{
    float: left;
    display: block;
    color: #8e8e8e;
    text-align: center;
    margin: 34px 18px;
    text-decoration: none;
}

.lang{ 
    float:right; 
    margin-top:35px;
}
.lang li{ 
    float: left;
}
.lan{
    color: #7bbe57;
    border-style: solid;
    border-width: 1px;
    border-color: #7bbe57;
    border-radius: 50%;
    padding: 10px;
    margin: 28px 10px;
}

.lan:hover, .lan.active {
    background-color: #7bbe57;
    color: #ffffff;
}
/*===============color======================*/

a {color: #8e8e8e;text-decoration: none;}
a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none;}
a:hover{color: #7bbe57;}
/*===============hero======================*/

.man{
    position: absolute;
    background: url(../img/man2.png) no-repeat;
    width: 600px;
    height: 507px;
    left: 46%;
    top: 12px;
    background-size: 100% auto;
    z-index: 99999999999999999999;
}
{
    position: absolute;
    background: #000000;
    width: 1500px;
    height: 380px;
}
.hero{
    position: relative;
    background: url("../img/bg_banner1920.jpg") no-repeat center #3d3f3e;
    height: 380px;
    margin: 0px auto;
    text-align: center;
    min-width:1150px;
    position: relative;
    z-index: 1;
}

.header{background: #fff;}
.header .menu{
    position: relative;
    z-index: 999999999999;
	float:right;
}
.content1{
    font-size: 18px;
    position: absolute;
    color: #ffffff;
    left: 24%;
    top: 18%;
}
.content2{
    font-size: 18px;
    position: absolute;
    color: #ffffff;
    left: 28%;
    top: 33%;
}
.content3{
    font-size: 18px;
    position: absolute;
    color: #ffffff;
    left: 32%;
    top: 48%;
}
.content4{
    font-size: 18px;
    position: absolute;
    color: #ffffff;
    left: 36%;
    top: 63%;
}
.content5{
    font-size: 18px;
    position: absolute;
    color: #ffffff;
    left: 40%;
    top: 78%;
}
.hero p{
    font-size: 11px;
    color: #8e8e8e;
}
.btn-about{
  color: #fff;
  background-color: #7bbe57;
  font-size: 16px;
  border-radius: 0px;
  padding-right: 50px;
  padding-left: 50px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:125px;
}
.btn-about:hover{
    background-color: #7bbe57;
    color: #000000;
}
/*------------------brand--------------------*/
.brand{
    background: #f2f2f2;
    padding-bottom:0px;
    min-width:1150px;
    position: relative;
    z-index: 0;
}
.brand h3 {
    font-size: 22px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
    line-height: 30px;
    border-bottom: 3px solid #7bbe57;
    margin: -2px auto 28px auto;
    width: 320px;
}

.brand p {
    margin: 0px auto; 
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #8e8e8e;

}
.flex-list {
    display: table;
    table-layout: fixed;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 10px;
    padding-left: 0px;
	width:900px;
}
.flex-list a, .flex-list > div{ 
	width:180px; 
	float:left;
}
.text-list{
    display: table;
    table-layout: fixed;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 10px;
    padding-left: 0px;  
}
 .brand_text{
    color: #7bbe57;
 }

.newA{
    background: url("../img/pic_new1.jpg") no-repeat center;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.newA.card {
    background: url(../card/pic_new1.jpg) no-repeat center;
    background-size: 85%;
}
 
.newB{
    background: url("../img/pic_new2.jpg") no-repeat center;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.newB.card {
    background: url(../card/pic_new2.jpg) no-repeat center;
    background-size: 85%;
}

.newC{
    background: url("../img/pic_new3.jpg") no-repeat center;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.newC.card {
    background: url(../card/pic_new3.jpg) no-repeat center;
    background-size: 85%;
}

 
.newD{
    background: url("../img/pic_new4.jpg") no-repeat center;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.newD.card {
    background: url(../card/pic_new4.jpg) no-repeat center;
    background-size: 85%;
}

.brandA{
    background: url("../img/new_logo1.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandB{
    background: url("../img/new_logo2.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandC{
    background: url("../img/new_logo3.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandD{
    background: url("../img/new_logo4.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandE{
    background: url("../img/new_logo5.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandF{
    background: url("../img/new_logo6.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandG{
    background: url("../img/new_logo7.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandH{
    background: url("../img/new_logo8.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandI{
    background: url("../img/new_logo9.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandJ{
    background: url("../img/new_logo10.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandK{
    background: url("../img/new_logo11.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brandL{
    background: url("../img/new_logo12.jpg") no-repeat center;
	background-size:85%;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}

.brand1{
    background: url("../img/brand1.jpg") no-repeat center;
    width: 180px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brand1.card{
	background: url("../card/snt18.jpg") no-repeat center;
	background-size:85%;
}
.brandtext{
    width: 180px;
    height: 100px;
    color: #000000;
    float: left;
    font-size: 18px;
    line-height:24px;
}

.brand2{
    background: url("../img/brand2.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 0px auto;
}

.brand2.card{
	background: url("../card/snt18_free.jpg") no-repeat center;
	background-size:85%;
}

.brand3{
    background: url("../img/brand3.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;

}

.brand_ma{
    background: url("../img/ma_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;

}

.fhkb_logo {
    background: url(../img/fhkb_logo.jpg) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.mhthk_logo {
    background: url(../img/mhthk_logo.png) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.iMeddy_logo {
    background: url(../img/imeddy_logo.jpg) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.gmthia_logo {
    background: url(../img/gmthia_logo.jpg) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.ceces_logo {
    background: url(../img/ceces_logo.jpg) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}

.loveplus_logo {
    background: url(../img/loveplus_logo.jpg) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.ydsc_logo {
    background: url(../img/ydsc_logo.png) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.ydsc_logo.card{
	background: url("../card/ydsc.jpg") no-repeat center;
	background-size:85%;
}
.brand-wintersun {
    background: url(../img/wintersun_logo.png) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}.brand-healthOne {
    background: url(../img/HealthOne_logo.jpg) no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.brand_logo{
    background: url("../img/brand_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.ykl_logo{
    background: url("../img/ykl_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.ykl_logo.card{
	background: url("../card/ykl.jpg") no-repeat center;
	background-size:85%;
}
.biz_logo{
    background: url("../img/biz_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.biz_logo.card{
	background: url("../card/biz.jpg") no-repeat center;
	background-size:85%;
}
.medi555_logo{
    background: url("../img/555medi_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.medi555_logo.card{
	background: url("../card/555medi.jpg") no-repeat center;
	background-size:85%;
}
.bwg_logo{
    background: url("../img/bwg_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.bwg_logo.card{
	background: url("../card/bwg.jpg") no-repeat center;
	background-size:85%;
}
.flydi_logo{
    background: url("../img/flydi_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.flydi_logo.card{
	background: url("../card/flydi.jpg") no-repeat center;
	background-size:85%;
}
.ceces_logo.card{
	background: url("../card/ceces.jpg") no-repeat center;
	background-size:85%;
}
.whcf_logo{
    background: url("../img/whcf_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.whcf_logo.card{
	background: url("../card/whcf.jpg") no-repeat center;
	background-size:85%;
}
.nsgcf_logo{
    background: url("../img/nsgcf_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.nsgcf_logo.card{
	background: url("../card/nsgcf.jpg") no-repeat center;
	background-size:85%;
}
.gobi_logo{
    background: url("../img/gobi_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}

.cpui_logo{
    background: url("../img/cpui_logo.jpg") no-repeat center;
    width: 225px;
    height: 180px;
    color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    float: left;
}

.space{height: 10px;}

/*===============about======================*/
.banner{margin: 0 auto; text-align: center; background: #fff;}
.about_us{
    min-height: 250px;
}
.green {background: #7bbe57;}
.grey {
    background: #f2f2f2;
    padding:50px 0;
    min-height: 250px;
}
.grey p {
    margin: 0px auto; 
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1150px;
    text-align: center;
    color: #000;
}
.capital_letter{
    height: 200px; 
    float: left;
    padding: 60px 82px;
}
.blue{
    margin: 0 auto;
    background: #36b1dd;
    padding:50px;
    min-height: 200px;
}
.blue p:first-child {
    color: #fff;
    font-size: 88px;
    font-family: new times roman;
    padding-bottom: 20px;
}
.blue p{
    color: #fff;
    font-size: 18px;
}

p span{color:#7bbe57}
p span a{color:#7bbe57}
table span a{color:#7bbe57}
table span {color:#7bbe57}
.faq p span {color:#7bbe57; font-size: 18px;}
.left_padding{padding-left: 30px;}
/*==================FAQ=================*/
.faq hr{max-width: 1150px; color: #8d8d8d; }
.faq table tr{height: 24px;}
.faq table th{height: 24px; color: #7bbe57;}
.faq table td{height: 24px;}
.faq ol {list-style: decimal; list-style-position:inside;}
.faq ol li {padding: 10px 0;}

/*==================footer=================*/
footer{
    background: #7bbe57;
    padding: 10px 20px;
    font-size: 12px;
    color: #ffffff;
    min-width:1150px;
    line-height: 1;
    
}

.copyright{
    float: left;
}
.powered{
    float: right;
}

.clear{
    clear: both;
    display: block;
}


/* /////////////////////////////////// */
html,
body {
   margin:0;
   padding:0;
   height:100%;
   background: #f2f2f2;
}
#container {
   min-height:100%;
   position:relative;
}

#body {
   padding-bottom:32px;   /* Height of the footer */
   /* background: #f2f2f2; */
}
footer {
   position:relative;
   bottom:0;
   width: 100%;
   height: 3%;
}

.white_bg{
    background-color: #FFF;
    width: 100%;
}

.faq .application {
        background: #f1f1f1;
    padding: 20px;
}

.faq .application.part_a{
    margin-bottom: 30px;
}

.faq .application.part_a .title {
    font-size: 23px;
    font-weight: bold;
    line-height: 26px;
    width: 253px;
    height: 500px;
    text-align: center;
    float: left;
    padding: 30px 0 0 0;
    margin-left: 50px;
    background: url(../img/img_apply1.png) no-repeat bottom center;
}


.faq .application ul {
    float: right;
    width: calc(100% - 387px);
    margin-top: 84px;
}


.faq .application li {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dotted #349182;
    padding: 10px 0;
}


.faq .application .num {
    border-radius: 100%;
    background: #349182;
    color: #fff;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
    vertical-align: top;
}

.faq .application li div {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
    margin-top: 4px;
    line-height: 20px;
}


.faq .application.part_b .title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 23px;
    font-weight: bold;
    line-height: 26px;
    width: 353px;
    height: 436px;
    text-align: center;
    color: #000000;
    top: 30px;
    background: url(../img/img_apply2.png) no-repeat bottom center;
}



.faq .application.part_b{
    height: 500px;
    position: relative;
    
}


.faq .application.part_b .points {
    position: absolute;
    width: 300px;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}


.faq .application.part_b .points.pp1 {
    left: 75px;
    top: 160px;
}

.faq .application.part_b .points.pp2 {
    right: 60px;
    top: 160px;
}

.faq .application.part_b .points.pp3 {
    left: 75px;
    top: 266px;
}

.faq .application.part_b .points.pp4 {
    right: 60px;
    top: 266px;
}

.faq .application.part_b .points div {
    margin-top: 4px;
    display: inline-block;
    width: calc(100% - 44px);
}

	.owl-carousel .banner2{
		background: url(../img/home_banner1.png) no-repeat center #3d3f3e;
		background-size: contain;
	}
	.owl-carousel .banner3{
		background: url(../img/home_banner2.png) no-repeat center #eae8e9;
	}
	.owl-carousel .banner4{
		background: url(../img/home_banner3.png) no-repeat center #eae8e9;
	}
	.owl-carousel .item{
		height: 380px
	}