@charset "utf-8";
/* CSS Document */
.mt40{ margin-top: 40px;}

.index-btn{width:5.2rem; margin:.7rem auto; height:1.2rem; border-radius:1rem; text-align: center;background:#35c2bd;background: -moz-linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%);  background: -webkit-linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%); background: linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#35c2bd, endColorstr=#1191c2);/*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#007fc8, endColorstr=#0d3966)";/*IE8+*/ -webkit-transition:background 1s ease; -ms-transition:background 1s ease; -moz-transition:background 1s ease; transition:background 1s ease; }
.index-btn a{height:1.2rem;line-height: 1.2rem; color:#fff; font-size:.5rem;}


/*===============關於我們==================*/
.ad-banner-box{ width: 100%; position: relative;}
.ad-banner-box .ad-banner{position: relative;}
.ad-banner-box .ad-banner img{ max-width: 100%; display: block;}
.ad-banner-box .member-centent{position: absolute; left: 0; bottom: 0;background:rgba(255,255,255,.9);padding:.5rem;width:90% ; box-sizing: border-box;-webkit-box-sizing: border-box;  }
.ad-banner-box .member-centent .member-title{ background:url("../images/member-title.png") center center no-repeat;background-size:100%;  width:1.6rem; height:1.6rem;float: left;position: relative; }
.ad-banner-box .member-centent .member-title:before{position: absolute;top:7%; right:-.5rem; content:"";width:1px; height:86%; background: #d4d4d4;   }
.ad-banner-box .member-centent .member-list{padding-left:1rem; height:1.6rem;overflow: hidden; position: relative; }
.ad-banner-box .member-centent .member-list ul{ }
.ad-banner-box .member-centent .member-list ul li{height: .8rem; position: relative;}
.ad-banner-box .member-centent .member-list ul li p{ line-height:.9rem;height:.9rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .55rem;padding-right:35px; }
.ad-banner-box .member-centent .member-list ul li b{border-radius:2px;position:absolute;right: 0;top:.2rem;font-weight: normal; color: #fff; font-size: 10px;padding:4px 3px 0;  background: #e73535;}

.title{height:2.3rem;line-height:2.3rem;text-align: center;position: relative; }
.title-nav{}
.title h2{ font-size:.9rem;font-weight:normal;color: #0d3966;background: #f5f5f5;display:inline-block; padding:0 .3rem;position: relative;z-index: 2; }
.title:before{ position:absolute; left:25%; top:50%; content: ""; width:50%; height:2px;background: #0d3966; z-index: 1;    }

.service-nav{ width: 100%;}
.service-nav ul{padding:0 .25rem;}
.service-nav ul li{  float:left; width:33.33%;padding:0 .25rem .5rem;box-sizing: border-box;-webkit-box-sizing: border-box;  }
.service-nav ul li a{background: #fff; display: block; line-height:1.2rem;font-size: .6rem; text-align: center;-webkit-transition:all .6s ease; -ms-transition:all .6s ease; -moz-transition:all .6s ease; transition:all .6s ease;}
.service-nav ul li.active a,.service-nav ul li:hover a{background:#35c2bd;color: #fff;}

.service-centent{ background: #fff; padding:.7rem .5rem; color:#333; font-size:.5rem; line-height:.7rem  }
.service-centent img{max-width: 100%; }

/*新闻资讯*/
.news-bg { margin:0 .5rem;box-sizing: border-box;-webkit-box-sizing: border-box;}

.news-list{ background: #fff;}
.news-list li{  width:auto;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease; padding:.5rem;overflow: hidden; box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  }
.news-list li div{ width:100%; margin: 0 auto; /* opacity:0; filter:alpha(opacity=0);*/}
.news-list li div.news-img{overflow:hidden;width:4rem; height:3rem; float: left;}
.news-list li div.news-img img{ max-width: 100%;width:4rem; height:3rem;-moz-transition: -moz-transform .8s ease-in-out;  -webkit-transition: -webkit-transform .8s ease-in-out;  transition: transform .8s ease-in-out;}
.news-list li div.news-text{ margin-left:4.5rem; width: auto;}
.news-list li h4{ font-size:.65rem;line-height: 1rem;  height:1rem; font-weight:normal; color:#3f3a39; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.news-list li p{  color: #444;font-size:.5rem;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;    -webkit-line-clamp: 3;text-align: justify; }

.news-list li:hover{ -moz-box-shadow:0 0 15px rgba(0,0,0,0.1);  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.1);}
.news-list li:hover div.news-img img{-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}

/*新聞詳情頁*/
.crumbs-nav{ color: #888;overflow: hidden;padding:.3rem .5rem; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.crumbs-nav a{ color: #888; margin: 0 6px;}
.crumbs-nav a:first-child{margin-left:0; }
.crumbs-nav a:last-child{color: #222;}

.article-box{ min-height:300px; box-sizing: border-box;-webkit-box-sizing: border-box; background: #fff; padding: .5rem;}
.article-title{text-align: center; padding-bottom:.5rem;margin-bottom:.6rem; border-bottom: solid 1px #e6e6e6;  }
.article-title h1{ font-size:.75rem; line-height: 1rem; margin-bottom: .5rem;}
.article-title p{color: #888;}
.article-box .centent{ line-height: .8rem; font-size: .5rem;}
.article-box .centent img{max-width:100%; }


/*會員註冊*/
.SignUp-box{ background:#fff; margin:0 .5rem; padding:.5rem;-webkit-border-radius:.25rem;border-radius:.25rem; }
.Required-item{ margin-bottom:1rem; clear: both; overflow: hidden;}
.Required-item dt{line-height:1rem; font-size:.7rem; background:#35c2bd;display:inline-block;color:#fff; padding:0 8px; margin:.2rem 0 0rem;   }
.Required-item dt span{ margin-right:.3rem; }
.Required-item dd{}
.Required-item dd ul{}
.Required-item dd ul li{float:left;width: 100%;padding:2px 0; }
.Required-item dd ul li .Required-input{ display: table;color:#444;line-height:1rem; font-size:.6rem;width:100%;}
.Required-item dd ul li .Required-input span{/*display: table-cell; vertical-align:text-top; width:2.8rem;*/line-height:1rem;text-align:left; vertical-align:-webkit-baseline-middle;  }
.Required-item dd ul li .Required-input .input-contact{border:solid 1px #e5e5e5;height:1.2rem;}
.Required-item dd ul li .Required-input .input-contact input{border:none;background:none; box-shadow:none; width:100%;height:1.2rem;  line-height:1.2rem;padding:0 .3rem; font-size:.5rem; box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  }
.Required-item dd ul li .Required-input .textarea-contact{border:solid 1px #e5e5e5;padding:.3rem .3rem 0; line-height:.6rem; }
.Required-item dd ul li .Required-input .textarea-contact textarea{border:none;background:none; box-shadow:none; width:100%; line-height:24px;height:2.6rem;  font-size:.5rem; resize:none; box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; }

.Willingness{color:#444;line-height:1rem; font-size:.6rem;width:100%;margin:.3rem 0; }
.Willingness p{display:inline-block;font-size:.5rem;}
.Willingness label:first-child{margin-right:.7rem; }
.Willingness label input{appearance: none;-webkit-appearance: none;outline: none;width:.55rem;  height:.5rem;display: inline-block;background: url(../images/radio.png) no-repeat;background-position:0 0;background-size:.5rem; position: relative;  top:.1rem;}
.Willingness label input:checked{background-position: 0 -.71rem}

.service-title{color:#444;line-height:.8rem; font-size:.6rem;width:100%;margin:.3rem 0; }

.service-item{color:#444;line-height:1rem; font-size:.5rem;width:100%;margin:6px 0; }
.service-item label{width:48%; display:inline-block; float: left;}
.service-item label:nth-child(odd){margin-right: 4%;}
.service-item label input{appearance: none;-webkit-appearance: none;outline: none;width:.55rem;  height:.5rem;display: inline-block;background: url(../images/checkbox.png) no-repeat;background-position:0 0;background-size:.5rem;position: relative;  top:.08rem;}
.service-item label input:checked{background-position: 0 -.72rem}

/*聯係我們*/
.contact-box{background:#fff; margin:0 .5rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.contact-box .contact-item{border-bottom: solid 6px #f5f5f5; padding:.5rem;  }
.contact-item .contact-pro{ width:100%; }
.contact-item .contact-pro img{max-width:100%; }
.contact-item .contact-centent{}
.contact-item .contact-centent h2{color: #333; font-size: .75rem; line-height:1.6rem; }
.contact-item .contact-centent p{color: #444; font-size: .5rem; line-height: .8rem; }
.contact-item .contact-centent p span{background-position:0;background-repeat:no-repeat;background-size:.5rem;padding-left:.6rem; }

/*活动讲座*/
.lecture-list{}
.lecture-list li{  background: #fff; width:auto;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease; padding:.5rem;overflow: hidden; box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; margin-bottom:.5rem; }
.lecture-list li .item{ border-bottom: solid 1px #eee; height:2.95rem; padding-bottom:.5rem;}

.lecture-list li .item div.item-pro{overflow:hidden;width:5rem; height:2.95rem;  float: left;}
.lecture-list li .item div.item-pro img{ display: block; max-width: 100%;width:100%;-moz-transition: -moz-transform .8s ease-in-out;  -webkit-transition: -webkit-transform .8s ease-in-out;  transition: transform .8s ease-in-out;}
.lecture-list li .item div.item-centent{ margin-left:5.5rem; width: auto;}
.lecture-list li .item .item-centent h4{ font-size:.65rem;line-height:.9rem;  height:1.8rem; font-weight:normal; color:#3f3a39;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;word-break: break-all;    -webkit-line-clamp: 2;text-align: justify; overflow: hidden;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.lecture-list li .item .item-centent h4 em{ font-size:.5rem;line-height:.9rem; display: inline-block;  height:.9rem; font-weight:normal; font-style: normal; padding:3px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fff;background: #35c2bd; border-radius:2px; margin-right:6px;   }
.lecture-list li .item .item-centent p{  color: #444;font-size:.5rem;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;    -webkit-line-clamp: 3;text-align: justify; }
.lecture-list li .item .item-centent .item-info{ font-size:.5rem;  color: #444; margin-top:.5rem;  }
.lecture-list li .item .item-centent .item-info .time{ }
.lecture-list li .item .item-centent .item-info .time span{ margin:0 .3rem;  }
.lecture-list li .item .item-centent .item-info .price{ float: right;  color: #296df6; }
.lecture-list li .apply-box{height:0.8rem; padding:.5rem 0 0;  }
.lecture-list li .apply-box a{height:0.8rem; line-height:0.8rem;font-size:.4rem;  color: #444;  }
.lecture-list li .apply-box a.btn{ float:right; display: inline-block;font-size:.5rem;  color: #35c2bd; width:2.6rem; height:0.8rem; line-height:0.8rem; text-align: center; background:0; border:solid 1px #35c2bd;border-radius:3px;  }

.lecture-list li:hover{ -moz-box-shadow:0 0 15px rgba(0,0,0,0.1);  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.1);}
.lecture-list li:hover div.item-pro img{-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}

.lecture-list li.table{background: none; padding:0 .5rem; }
.lecture-list li.table table.table-item{ width:100%; border-collapse:collapse;border:none;}
.lecture-list li.table table.table-item tr{ }
.lecture-list li.table table.table-item tr:first-child th{border-radius:4px 0 0 0;  }
.lecture-list li.table table.table-item tr:first-child td{border-radius:0 4px 0 0;  }
/*.lecture-list li.table table.table-item tr:last-child td{border-radius:0 0 4px 0;  }*/
/*.lecture-list li.table table.table-item tr:last-child th{border-radius:0 0 0 4px;  }*/

.lecture-list li.table table.table-item tr th{ width:3rem; font-weight: 400; font-size:.55rem; background: #35c2bd; border-bottom: solid 1px #fff; color: #fff; text-align:center;line-height:1.4rem; padding:.2rem 0; }
.lecture-list li.table table.table-item tr td{  padding:.2rem .3rem; background: #d4e2ff;  border-bottom: solid 1px #fff;text-align:center;}
.lecture-list li.table table.table-item tr td p{font-size:.55rem; line-height:.8rem;color: #333; }
.lecture-list li.table table.table-item tr td em{font-size:.65rem; font-style: normal; line-height:.8rem;color: #296df6; }
.lecture-list li.table .table-btn{ width:100%;border-radius:0 0 4px 4px;background: #fff;padding:.4rem .5rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.lecture-list li.table .table-btn p{font-size:.4rem;color: #444;line-height:1.2rem;line-height:1.2rem;}
.lecture-list li.table .table-btn a.btn{ font-size:.55rem;color: #35c2bd;display: block; width:4rem;line-height:1.2rem;line-height:1.2rem;text-align:center;border-radius:4px;border:solid 1px #35c2bd;float:right; }

.lecture-list li.table:hover{ box-shadow: none;}

/*活动详情*/
.lecture-details-pro{}
.lecture-details-pro img{max-width:100%; display: block;  }

.lecture-details-info{ padding:.5rem; background:#fff; }
.lecture-details-info h1{font-size:.75rem; line-height:.95rem;}
.lecture-details-info .company{font-size:.6rem;padding: .5rem 0;}
.lecture-details-info .company img{height:.8rem; width:.8rem;  vertical-align: text-top; margin-right: .2rem;}
.lecture-details-info ul{}
.lecture-details-info ul li{color: #888; font-size:.5rem;padding:.5rem 0; border-top: solid 1px #eee;  }
.lecture-details-info ul li:last-child{padding-bottom:0;  }
.lecture-details-info ul li p{margin-left:2.3rem;  }
.lecture-details-info ul li span{display:block;color: #296df6;margin-left:2.3rem;   }
.lecture-details-info ul li i.icon{background-position:0 center;background-repeat:no-repeat;font-style: normal; display:inline-block;padding-left:.75rem;  float: left;}
.lecture-details-info ul li:first-child i.icon{background-image:url("../images/icon-6.png"); background-size:.65rem;}
.lecture-details-info ul li:nth-child(2) i.icon{background-image:url("../images/icon-8.png"); background-size:.65rem;}
.lecture-details-info ul li:nth-child(3) i.icon{background-image:url("../images/icon-7.png"); background-size:.65rem;}

.lecture-details-title{height:1.6rem;line-height:1.6rem;text-align: center;position: relative; }
.lecture-details-title h2{ font-size:.65rem;font-weight:normal;color: #666; background: #f5f5f5; line-height:1.6rem;display:inline-block;  }

.lecture-details{ background: #fff; font-size: .5rem; line-height: .8rem; padding:1rem .5rem; }
.lecture-details img{max-width:100%;display:block;}


/**/
.lecture-apply-fixed-btn{ position: fixed; left:0; bottom:0; width: 100%; background:#fff;  z-index:8 ;padding:.5rem; border-top:solid 1px #e5e5e5;box-sizing: border-box; -webkit-box-sizing: border-box;   }
.lecture-apply-fixed-btn button{ display:inline-block; width:60%; display:block; margin:0 auto;  height:1.4rem; line-height:1.4rem; color:#fff; font-size:.6rem; border-radius:1rem; -webkit-border-radius:1rem;     background:#35c2bd;background: -moz-linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%);  background: -webkit-linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%); background: linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#35c2bd, endColorstr=#1191c2);/*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#007fc8, endColorstr=#0d3966)";/*IE8+*/ -webkit-transition:background 1s ease; -ms-transition:background 1s ease; -moz-transition:background 1s ease; transition:background 1s ease;  border:0; cursor: pointer;}

.lecture-apply-fixed-bg{ position: fixed; left:0; top:0; height:100%; width: 100%; background:rgba(0,0,0,0.5);  z-index:8 ; display: none;  }
.lecture-apply-fixed{ position:fixed; left:0; bottom:0; width:100%;background:#fff; z-index:9; display:none;    -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.lecture-apply-fixed.show{ display:block;    -webkit-animation-name: bounceInUp; animation-name: bounceInUp;}
.lecture-apply-box{ max-width:750px; margin: 0 auto;  background:#fff; z-index:9;padding:0rem 0 ; }

.lecture-apply-title{ position: relative;height:3rem;}
.lecture-apply-title h2{font-size:.8rem;line-height:3rem; font-weight:normal; color:#3f3a39; text-align: center;}
.lecture-apply-title .close{ position:absolute; right:3%; top:12%; width:30px; height:30px;background:url("../images/validate-icon-3.png") center no-repeat; background-size:100%; z-index: 8; cursor:pointer;    }


.lecture-apply-item{ background:#f4f4f4;padding:.5rem; }
.lecture-apply-item dt{overflow:hidden;width:5rem; height:2.95rem;  float: left;}
.lecture-apply-item dt img{ display: block; max-width: 100%;width:100%;-moz-transition: -moz-transform .8s ease-in-out;  -webkit-transition: -webkit-transform .8s ease-in-out;  transition: transform .8s ease-in-out;}
.lecture-apply-item dd{ margin-left:5.5rem; width: auto;}
.lecture-apply-item dd h2{ font-size:.6rem;line-height:.7rem;  height:1.5rem; font-weight:normal; color:#3f3a39;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;word-break: break-all;    -webkit-line-clamp: 2;text-align: justify; overflow: hidden;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.lecture-apply-item dd p{  color: #444;font-size:.5rem; line-height:.75rem; padding-left:.56rem; background-position:left .1rem; background-repeat:no-repeat;   }
.lecture-apply-item dd p.map{background-image:url("../images/icon-8.png"); background-size:.5rem;  }
.lecture-apply-item dd p.time{background-image:url("../images/icon-6.png"); background-size:.5rem;  }

.apply-form{ background:#fff;padding:.5rem;}
.apply-form{}
.apply-form ul{ margin-bottom:1rem;}
.apply-form ul li{float:left;width: 100%;padding:.3rem 0; }
.apply-form ul li .Required-input{ display: table;color:#444;line-height:1rem; font-size:.6rem;width:100%;}
.apply-form ul li .Required-input span{display: table-cell; vertical-align:text-top; width:2rem;line-height:1.2rem;text-align:left; vertical-align:-webkit-baseline-middle; text-align:center;  }
.apply-form ul li .Required-input .input-contact{border:solid 1px #e5e5e5;height:1.2rem;}
.apply-form ul li .Required-input .input-contact{border:solid 1px #e5e5e5;height:1.2rem; font-size: 0;}
.apply-form ul li .Required-input .input-contact input{border:none;background:none; box-shadow:none; width:100%;height:1.2rem;  line-height:1.2rem;padding:0 .3rem; /*font-size:.5rem;*/ box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  }
.apply-form ul li .Required-input .input-contact select{border:none;background:none; box-shadow:none; width:100%;height:1.2rem;  line-height:1.2rem;padding:0 .3rem; /*font-size:.5rem;*/ box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  }
.apply-form .apply-btn{width:7rem; margin:0 auto .5rem; }
.apply-form .apply-btn button{ display:inline-block; width:100%; height:1.4rem; line-height:1.4rem; color:#fff; font-size:.6rem; border-radius:3px; -webkit-border-radius:3px;     background:#35c2bd;background: -moz-linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%);  background: -webkit-linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%); background: linear-gradient(135deg, #35c2bd 0%, #21a7c1 54%, #1191c2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#35c2bd, endColorstr=#1191c2);/*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#007fc8, endColorstr=#0d3966)";/*IE8+*/ -webkit-transition:background 1s ease; -ms-transition:background 1s ease; -moz-transition:background 1s ease; transition:background 1s ease;  border:0; cursor: pointer;}



@media only screen and (max-width:768px){
    .mt40{ margin-top:.8rem;}

    /*===============關於我們==================*/
    .ad-banner{ background:none!important; height: auto;}
    .ad-banner img{ max-width: 100%; display: block;}

}