/*--------------------------------------------------------------*/
/*  Fu Jen Style
/*--------------------------------------------------------------*/
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
body {
  overflow-x: hidden;
  font-family: Arial, 文泉驛正黑, "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", 微軟正黑體, "Microsoft JhengHei", 標楷體, DFKai-SB, sans-serif;
  margin:0;
  color:#333;
}

a {outline: none; }
a:hover, a:focus, a:active, a.active {outline: none; }
h1, h2, h3, h4, h5, h6 {font-family: Arial, 文泉驛正黑, "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", 微軟正黑體, "Microsoft JhengHei", 標楷體, DFKai-SB, sans-serif; letter-spacing: 2px; }
input,button {font-family: Arial, 文泉驛正黑, "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", 微軟正黑體, "Microsoft JhengHei", 標楷體, DFKai-SB, sans-serif; letter-spacing: 2px; }


/*--------------------------------------------------------------*/
/*  Header
/*--------------------------------------------------------------*/

/* navbar */
.navbar{z-index:999;box-sizing: border-box; display:flex;position: fixed; top:0; left:0;right:0;margin:auto;width: 100%; max-width:1680px;padding:55px 60px 0 60px;background:rgba(255,255,255,.95);transition: 0.2s}
.navbar-header {padding:0;vertical-align: middle }
.navbar-toggle {display:none; float:right; border: none; padding:15px;background: none; font-size: 1.5em; color: #666; }
.navbar-toggle:focus {outline: none}
.navbar-user {display:none; float:right; border: none; padding:15px;background: none; color: #666; font-size: 1.5em;  }
.navbar-user:focus {outline: none}
.navbar-user-collapse{display:none}
.navbar-brand {display:inline-block; font-size: 0;}
.navbar-logo {transition: 0.2s}
.navbar-lang {display:none;position:fixed;top:15px;right:10px;margin:0;padding:0;list-style:none;font-size:18px;transition: .2s}
.navbar-lang .nl-list-item:last-child {border-right:none;}
.nl-list-item {float:left;border-right:1px solid #666;transition: .2s}
.nl-link {padding:0 10px;color:#666;text-decoration: none;transition: .2s}
.nl-link:hover {color:#00479d}
.navbar-collapse {}
.navbar-nav {margin: 0 auto;padding: 0 0 0 40px; list-style: none; }
.nn-list-item {display:inline-block;position: relative;padding:0 20px;line-height:55px; text-align:center;transition: .2s}
.nn-list-item:hover {color:#00479d;}
.nn-has-subnav:hover {}
.nn-list-item:hover .navbar-subnav{visibility: visible; opacity: 1;}
.nn-list-item:hover .nn-link{color:#00479d;}
.nn-link{display:inline-block; color:#666; font-size: 20px; font-weight:bold;text-decoration: none; transition: 0.2s }
.navbar-subnav{visibility: hidden;position: absolute; top: 100%; left: 0; margin: 0; width: 100%; border-radius:5px;padding: 0; list-style: none; background-color: #666; opacity:0;transition:opacity .2s;}
.navbar-subnav:after{position:absolute; top:-14px; left:50%; content:""; border-top:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #666; border-left:7px solid transparent; transform:translateX(-50%);}
.ns-list-item{line-height: 20px }
.ns-link{display:block;color:#fff; text-decoration: none; font-size: 1.1em; line-height: 2.2em ;transition: 0.2s}
.ns-link:hover {background:rgba(255,255,255,0.2);text-shadow:0 0 10px #333;}
.navbar-search{padding-top: 6px}
.navbar-search-input{border:none;border-radius:5px;width:80px;padding:5px 14px;background:#f2f0f0;font-size:20px;font-family: "Microsoft JhengHei";}
.navbar-search-btn{border:none;border-radius:5px;padding:5px 10px;background:#d0d0d0;color:#fff;font-size:20px;font-family: "Microsoft JhengHei";transition: .2s}
.navbar-search-btn:hover{background:#999;}
.navbar-user-btn{border:none;border-radius:5px;padding:6px 17px;background:#d0d0d0;color:#fff;font-size:20px;font-family: "Microsoft JhengHei";text-decoration:none;transition:.2s;}
.navbar-user-btn:hover{background:#999;}
.navbar-user-name{padding:6px 0;color:#666;font-size:20px;text-decoration:none;transition:.2s;}
.navbar-short {padding-top:6px;}

@media (max-width: 1550px) {
  .navbar{display:block;padding:10px;}
  .navbar-user-collapse{display:block}
  .navbar-toggle{display:inline-block;}
  .navbar-user{display:inline-block;}
  .navbar-brand {padding-right:10px;}
  .navbar-nav {display:none;position:fixed;left:0;top:70px;width:100%;padding:5px 0 ;background:#fff; text-align: center;box-shadow: 2px 2px 15px rgba(0,0,0,0.2);}
  .navbar-nav .nn-list-item:last-child{display:none;border-bottom:none;}
  .nn-list-item {position: relative; display:block;width:100%;border-bottom:1px solid #f3f3f3;padding:0;line-height:40px !important;}
  .nn-list-item:hover .navbar-subnav{display:block;}
  .navbar-subnav{position: static; display:none;visibility: visible; opacity: 1;margin: 0; width: 100%; border-top:1px solid rgba(255,255,255,.5);padding:0; border: none; border-radius: 0;}
  .navbar-subnav:after{border:none }
  .navbar-search-input{box-sizing:border-box;margin-top:3px;border:1px solid #eee;border-radius:5px;width:calc(100% - 65px);}
  .navbar-search-btn{}
}

@media (max-width: 480px) {
  .navbar-toggle{padding:10px;}
  .navbar-user{padding:10px;}
  .navbar-nav {top:80px;}
  .navbar-logo{width:260px!important}
}

@media (max-width: 375px) {
  .navbar-nav {top:68px;}
  .navbar-logo{width:200px!important}
}

/* banner */
.header {position:relative;left:0;right:0;margin:130px auto 0 auto; width:84%; max-width: 1680px;height:315px;}
.header-course{background:no-repeat center;background-size:cover;width:100%;height:400px;}
.header-short{height:160px;}
.header .owl-theme {position: relative; padding: 0; height: 100%;}
.header .owl-theme div:not(.owl-controls) {height: 100%; }
.header .owl-theme .owl-slide { background-repeat: no-repeat; background-size: cover; background-position: center; }

@media (max-width: 1550px) {
  .header {margin-top: 80px;height:250px;}
}

@media (max-width: 480px) {
  .header {width:100%;height:180px;}
}

@media (max-width: 375px) {
  .header {margin-top: 68px;}
}

/* owl.carousel */
.owl-theme .owl-text {position: absolute; bottom: 10px; left: 2em; }
.owl-theme .owl-controls {top:auto; bottom: 20px; width: 100%; text-align: center; }
.owl-theme .owl-controls .owl-page { margin-left: 10px;}
.owl-theme .owl-controls .owl-page span{ width: 32px; height: 10px; border:1px solid #fff; border-radius:5px;background-color:#999;opacity:.5;transition: 0.2s}
.owl-theme .owl-controls .owl-page.active span{ top:0;width: 32px; height: 10px; border:1px solid #fff; border-radius:5px;background-color:#999; opacity:1;}

@media (max-width: 768px) {
  .owl-theme .owl-controls {bottom: 10px;}
  .owl-theme .owl-controls .owl-page span{ width: 8px; height: 8px;}
  .owl-theme .owl-controls .owl-page.active span{ width: 8px; height: 8px;}
}

@media (max-width: 640px) {
  .owl-carousel{opacity:0.9 !important;}
  .owl-theme .owl-controls {bottom: 6px;}
}

@media (max-width: 480px) {
  .owl-theme .owl-controls {bottom: 0px;}
}


/*--------------------------------------------------------------*/
/*  Article, Layout
/*--------------------------------------------------------------*/

/*article*/
.article{margin:0 auto; width:84%; max-width: 1680px;min-width:300px;}
.article-header{box-sizing: border-box;margin:53px auto 20px auto;}
.article-title{margin:0;font-size: 2em;color:#333;}
.article-content{box-sizing: border-box;margin:0 auto;font-size: 1.1em;line-height:1.8em;text-align: justify; text-justify: inter-ideograph;}
.article-img{width:500px;}
.article-content-title{margin:0;font-size: 2em;color:#333;}
.article-content-part{padding-bottom:56px;}
.article-content .article-p:last-child{margin-bottom:0;}

@media (max-width: 768px) {
  .article-content{width:100% !important;padding:0 !important;font-size:1em !important;}
  .article-header{margin:30px auto !important;padding:0;}
  .article-title{font-size:1.6em !important;margin:0;}
  .article-img{width:100%;}
}

@media (max-width: 480px) {
  .article-header{margin:20px auto !important;}
  .article-title{font-size:1.4em !important;}
  .article-img{width:100%;}
  .article-content-title{font-size: 22px}
}

@media (max-width: 375px) {
  .article-header{margin:15px auto !important;}
}

/*crumb*/
.crumb{margin:40px auto;width:84%;max-width: 1680px;min-width:300px }
.crumb .crumb-link:last-child:after{content:"";}
.crumb-link{color:#999;text-decoration: none;}
.crumb-link:hover{text-decoration: underline;}
.crumb-link:after{content:" /";}

@media (max-width: 768px) {
  .crumb{margin:20px auto 30px auto;}
}

/*page*/
.page-control{padding-top:40px;text-align:center;}
.page-link{display:inline-block;margin:0 4px;border-radius:8px;padding:12px 22px;background: #d0d0d0;color:#666;font-weight:bold;font-size:1.2em;text-decoration: none;opacity:.5;transition: .2s}
.page-link:hover{opacity:1;}
.page-link-active{opacity:1;}


/*--------------------------------------------------------------*/
/*  Footer
/*--------------------------------------------------------------*/

.footer{clear:both;margin:20px auto 0 auto;width:84%;max-width: 1680px;min-width:300px;padding:50px 0;}
.footer-link{display:flex;justify-content: space-between;margin:0 0 46px 0;border-top:2px solid #ccc;padding: 60px 0 0 0;list-style: none}
.footer-link .footer-link-item:first-child{padding-left:0;}
.footer-link .footer-link-item:last-child{padding-right:0;}
.footer-link-item{padding:0 20px;font-size: 18px}
.footer-link-title{margin:0;padding: 5px 0;}
.footer-link-sublink{margin:0;padding: 0 0 0 20px;list-style:disc}
.fl-sublink-item{font-size: 16px}
.fl-sublink-item a{}
.footer-copyright{box-sizing:border-box;margin:0 auto;width:86%;padding:0 20px;text-align: center;color:#666;font-size:16px;line-height:24px;}
.footer-text{box-sizing:border-box;margin:0 auto;width:86%;padding:0 20px;color:#fff;font-size: 1.1em;line-height: 2em}
.footer a{text-decoration: none;color:#666;}
.footer a:hover{text-decoration: underline;color:#666;}

@media (max-width: 1024px) {
  .footer{padding:20px 0;}
  .footer-link{flex-wrap: wrap;margin-bottom:0;padding-top:20px;}
  .footer-link-item{width:33.333%;padding:0 0 20px 0;font-size: 18px}
  .footer-copyright{width:100%;padding:0;text-align: left;}
}

@media (max-width: 768px) {
  .footer-link-item{width:50%;padding:0 0 20px 0;}
  .footer-link-socal{width:100%!important;}
  .footer-link-socal iframe{margin:0 auto;}
  .footer-copyright br{display:none;}
}

@media (max-width: 480px) {
  .footer{font-size: .9em}
}


/*--------------------------------------------------------------*/
/*  Index
/*--------------------------------------------------------------*/

.index-block-title{font-size:36px;color:#333;margin:6px 0;}
.index-block-link{float:right;margin-top:15px;font-size:22px;font-weight:normal;text-decoration: none;color:#aaa;}
.index-block-link:before{content:"》";color:#ccc;}

@media (max-width: 768px) {
  .index-block-title{font-size:30px;}
}

@media (max-width: 480px) {
  .index-block-title{font-size:26px;}
}

/*index hot*/
.index-hot{float:left;box-sizing:border-box;margin:24px 0;width:50%;padding-right:30px;}
.index-hot-list{margin: 0;padding: 0;list-style: none}
.index-hot-list .index-hot-item:last-child{margin:0;}
.index-hot-item{position:relative;margin: 0 0 15px 0;height:244px;border-radius:8px;padding: 0;background:no-repeat center;background-size: cover}
.index-hot-content{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);text-shadow:0 0 20px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,.8);}
.index-hot-title{margin: 0 0 8px 0;padding: 0;text-align: center;color:#fff;}
.index-hot-text{margin: 2px 0;padding: 0;color:#fff;}

@media (max-width: 768px) {
  .index-hot{margin:24px 0;width:100%;padding-right:0;}
  .index-hot-list{display: flex}
  .index-hot-list .index-hot-item:first-child{margin-right:20px;}
  .index-hot-item{width:50%;height:160px;}
  .index-hot-content{width:80%;}
}

@media (max-width: 640px) {
  .index-hot{float:none;margin:24px 0;width:100%;padding-right:0;}
  .index-hot-list{display: block}
  .index-hot-list .index-hot-item:first-child{margin-right:0;}
  .index-hot-item{width:100%;height:160px;}
  .index-hot-content{width:80%;}
}

/*index news*/
.index-news{float:right;box-sizing:border-box;margin-top:24px;width:50%;padding-left:30px;}
.index-news-list{box-sizing:border-box;margin: 0;height:503px;padding: 10px;list-style: none;border-radius:8px;background:#fafafa}
.index-news-list .index-news-item:nth-child(even){background:none;}
.index-news-list .index-news-item:last-child{margin:0;}
.index-news-item{margin: 0 0 0 0;border-radius:8px;padding: 10px;background:#eee;}
.index-news-link{text-decoration: none;}
.index-news-title{margin: 0 0 8px 0;padding: 0;color:#666;font-size:18px;}
.index-news-date{margin: 2px 0;padding: 0;color:#999;font-size:15px;font-weight:normal;}

@media (max-width: 768px) {
  .index-news{float:none;width:100%;padding-left:0;}
  .index-news-list{height:auto;}
}

/*index course*/
.index-course{clear:both;display:flex;flex-wrap:wrap;justify-content: space-between;margin-top: 36px}
.index-course-list{margin-bottom:36px;width:calc(50% - 30px);}
.index-course .course-item{margin: 0 10px 15px 0;width:calc(50% - 10px);}

@media (max-width: 768px) {
  .index-course-list{margin-bottom:26px;width:100%;}
}

@media (max-width: 480px) {
  .index-course .course-item{margin: 0 0 15px 0;width:100%;}
}

/*index contact*/
.index-contact{display:flex;flex-wrap:wrap;justify-content: space-between;border-radius: 8px;padding:40px 30px;background:#f2f2f2;font-size: 20px;}
.index-contact-block{width:calc(50% - 30px);}
.index-contact-input{box-sizing: border-box;margin-bottom:15px;width:100%;border-radius:8px;border:none;padding:20px 15px;font-size: 20px;background:#fff;}
.index-captcha-input {padding: 20px 15px;border: none;border-radius: 8px;font-size: 20px;width:50%;max-width:100px;}
.index-contact-left input:nth-child(1){width:calc(50% - 10px);}
.index-contact-left input:nth-child(2){float:right;width:calc(50% - 10px);}
.index-contact-right textarea{margin-top: 14px;height:100px;}
.index-contact-submit{margin:20px auto 0 auto;border-radius:8px;border:none;padding:15px 30px;background:#ddd;color:#fff;font-size: 20px;transition:.2s;}
.index-contact-submit:hover{background:#aaa;}
/*exlocus captcha*/
.excaptcha {display: flex;box-sizing: border-box;}
.excaptcha input,canvas {margin-right: 20px;}
.excaptcha-refresh {margin-left: 5px;border:none;background: transparent;font-size: 1.2rem;color: #999}

@media (max-width: 768px) {
  .index-contact{padding:30px 20px;font-size: 16px;}
  .index-contact-block{width:100%}
  .index-contact-input{margin-bottom:15px;border-radius:8px;padding:15px;font-size: 16px;}
  .index-contact-left input{width:100%!important;}
  .index-contact-submit{margin:0 auto;width:100%;padding:10px 20px;font-size: 16px;}
  .excaptcha {display: flex;box-sizing: border-box;margin-bottom:15px;width:85%}
  .excaptcha input,canvas {margin-right: 15px;}
}

/*--------------------------------------------------------------*/
/*  About
/*--------------------------------------------------------------*/
.aboutline {background-image: url(../images/about-line.png);}


/*--------------------------------------------------------------*/
/*  Course
/*--------------------------------------------------------------*/
.course{}
.course-list{display:flex;flex-wrap:wrap;margin: 15px 0 0 0;padding: 0;list-style: none}
.course-item{position:relative;margin: 0 10px 15px 0;width:calc(25% - 10px);padding: 0;font-size:15px;line-height:24px;}
.course-item-link{text-decoration: none}
.course-item-link:hover .course-item-title{text-decoration: underline;color:#666;}
.course-item-link:hover .course-item-text{text-decoration: underline;color:#999;}
.course-item-pic{margin-bottom:7px;height:115px;border-radius:8px;background:no-repeat center;background-size: cover}
.course-item-title{margin: 0 0 5px 0;padding: 0;color:#666;}
.course-item-text{margin: 2px 0;padding: 0;color:#999;}

@media (max-width: 768px) {
  .course-item{margin: 0 10px 15px 0;width:calc(50% - 10px);}
}

@media (max-width: 480px) {
  .course-item{margin:0 0 15px 0;width:100%;}
}

.rwd-table-c {
 background: #fff;
 overflow: hidden;
}

.rwd-table-c tr:nth-of-type(2n){
  background: #eee;
}
.rwd-table-c th, 
.rwd-table-c td {
  margin: 0.5em 1em;

}
.rwd-table-c {
  min-width: 100%;
}

.rwd-table-c th {
  display: none;
}

.rwd-table-c td {
  display: block;
}

.rwd-table-c td:before {
  content: attr(data-th) "";
  font-weight: bold;
  display: inline-block;
}

.rwd-table-c th, .rwd-table-c td {
  text-align: left;
  line-height: 24px;
}

.rwd-table-c th, .rwd-table-c td:before {
  color: #D20B2A;
  font-weight: bold;
}
.classchoice {
    float: left;
}

@media (min-width: 480px) {
  .rwd-table-c td:before {
    display: none;
  }
 .rwd-table-c th, .rwd-table-c td {
    display: table-cell;
    padding: 0.25em 0.5em;
  }
  .rwd-table-c th:first-child, 
  .rwd-table-c td:first-child {
    padding-left: 0;
  }
  .rwd-table-c th:last-child, 
  .rwd-table-c td:last-child {
    padding-right: 0;
  }
   .rwd-table-c th, 
   .rwd-table-c td {
    padding: 1em !important;
  }
  .container_m {
    width:1440px; 
  }
  .classchoice {
    float: right;
}
}

/*course class*/
.course-select{display:flex;justify-content: space-between;margin:0 auto 30px auto; width:84%; max-width: 1680px;min-width:300px;}
.course-select-item{width:calc(50% - 10px);}
.course-select-select2{width:100%;}
.course-tag{display:flex;justify-content: space-between;margin:40px auto;padding:0;list-style: none;}
.course-tag-link{text-decoration:none;}
.course-tag-item{position:relative;margin:0;width:calc(25% - 20px);padding: 4px 0;background:#8c8c8c;transition: .2s}
.course-tag-item:hover{background:#666;}
.course-tag-item-inner{border-top:3px solid #e5e5e5;border-bottom:3px solid #e5e5e5;padding: 5px 0;color:#fff;font-size:28px;text-align:center;}
.course-tag-item-inner:before{content:"";position:absolute;top:0;left:0;border-top:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid transparent;border-left:15px solid #fff;}
.course-tag-item-inner:after{content:"";position:absolute;top:0;right:0;border-top:30px solid transparent;border-right:15px solid #fff;border-bottom:30px solid transparent;border-left:30px solid transparent;}
.course-keyword{margin:0 0 30px 0;padding:0;list-style: none;}
.course-keyword-item{display:inline-block;margin:0;padding:0 3px 6px 0;}
.course-keyword-link{display:inline-block;border-radius:5px;padding: 5px 10px;background:#ddd;color:#666;text-decoration:none;transition: .2s;}
.course-keyword-link:hover{background:#ccc;color:#333;}
.course-keyword-hold{background:#999;color:#fff;}

@media (max-width: 1024px) {
  .course-tag{flex-wrap:wrap;}
  .course-tag-item-inner{font-size:20px;text-align:center;}
  .course-tag-item-inner:before{border-top:24px solid transparent;border-right:24px solid transparent;border-bottom:24px solid transparent;border-left:15px solid #fff;}
  .course-tag-item-inner:after{border-top:24px solid transparent;border-right:15px solid #fff;border-bottom:24px solid transparent;border-left:24px solid transparent;}
}

@media (max-width: 768px) {
  .course-tag{margin:30px auto;}
  .course-tag-item{margin-bottom:10px;width:calc(50% - 10px);}
  .course-tag-item-inner{font-size:18px;text-align:center;}
  .course-tag-item-inner:before{border-top:24px solid transparent;border-right:24px solid transparent;border-bottom:24px solid transparent;border-left:15px solid #fff;}
  .course-tag-item-inner:after{border-top:24px solid transparent;border-right:15px solid #fff;border-bottom:24px solid transparent;border-left:24px solid transparent;}
  .course-keyword{margin:0 0 20px 0;padding:0;list-style: none;}
}

@media (max-width: 375px) {
  .course-tag{margin:10px auto;}
  .course-tag-item{width:100%;}
  .course-keyword{margin:0 0 20px 0;padding:0;list-style: none;}
}

/*course article*/
.course-article{}
.course-article-title{font-size:32px;font-weight:bold;}
.course-more{display:flex;margin:46px 0;}
.course-teacher{width:calc(100% - 200px);}
.course-teacher-title{font-size:32px;padding-bottom:20px;font-weight:bold;}
.course-teacher-pic{float:left;margin-right:30px;width:180px;height:180px;border-radius:50%;background:no-repeat center;background-size: cover;}
.course-operation{display: flex; flex-direction: column; justify-content: center;width:200px;text-align: center;} 
.course-sign-msg{color:#f00;text-align:center;}
.course-sign{display:inline-block;border-radius:6px;padding:16px;background:#999;color:#fff;font-size:32px;text-align:center;text-decoration:none;}
.course-favorite{margin-top:5px;padding:10px;font-size:28px;text-align:center;cursor:pointer;transition: .2s}
.course-favorite .fa{color:#ccc;transition:.2s;}
.course-favorite:hover{color:#00479d}
.course-favorite-hold .fa{color:#00479d;}
.course-spec{border-top:2px solid #ccc;padding-top:50px;}
.course-spec-left{float:left;}
.course-spec-right{float:right;}
.course-spec-list{width:50%;margin:20px 0 0 0;padding:0;list-style:none;}
.course-spec-item{width:100%;}
.course-memo{margin:50px 0;background:#eee;line-height:30px;}
.course-memo-container{box-sizing:bolder-box;margin:0 auto;width:84%;padding:30px 0;}
.course-visit{margin-top:30px;}
.course-visit-list{display:flex;flex-wrap:wrap;margin:20px 0 0 0;padding:0;list-style:none;}
.course-visit-item{width:50%;}
.course-visit-link{text-decoration: none;color:#333;}
.course-visit-link:hover{text-decoration: underline;}

@media (max-width: 768px) {
  .course-article-title{font-size:26px;}
  .course-more{display:block;margin:46px 0;}
  .course-teacher{width:100%}
  .course-teacher-title{font-size:26px;padding-bottom:14px;}
  .course-teacher-pic{width:140px;height:140px}
  .course-operation{clear:both;margin:0 auto;padding-top:30px;}
  .course-sign{padding:10px;font-size:26px;}
  .course-favorite{font-size:26px;}
}

@media (max-width: 640px) {
  .course-article-title{font-size:22px;}
  .course-teacher-title{font-size:22px;padding-bottom:0px;}
  .course-teacher-pic{width:110px;height:110px}
  .course-sign{font-size:22px;}
  .course-favorite{font-size:22px;}
  .course-spec-list{width:100%;}
}

@media (max-width: 480px) {
  .course-teacher-pic{width:80px;height:80px}
}

@media (max-width: 375px) {
  .course-teacher-title{padding-top:10px;text-align: center}
  .course-teacher-pic{float:none;margin:0 auto;width:180px;height:180px}
}

.course-table{}
.course-table .ui-checkbox{margin-right: 6px}

@media screen and (max-width: 667px){
  .course-table tbody tr:first-child td:first-child{border-top:0px solid #fff;}
  .course-table tbody tr td:first-child{display:flex;flex-wrap:wrap;border-top:16px solid #fff;align-items: center}
  .course-table .data-none:before {content: attr(data-th) ""!important;}
}

/*--------------------------------------------------------------*/
/*  News
/*--------------------------------------------------------------*/

.news-list{clear:both;margin:0;padding: 0;list-style: none;}
.news-list-item{margin-bottom: 15px;padding: 0;}
.news-list .news-list-item:last-child{margin-bottom:0;}
.news-date{display:inline-block;margin:0;width:120px;padding:0;font-size:1em;font-weight: normal;color:#666}
.news-title{display:inline-block;margin:0;padding:0;font-weight: 400;color:#666;}
.news-link{color:#666;text-decoration: none;transition: 0.2s}
.news-link:hover{text-decoration: underline;}

@media (max-width: 768px) {
  .news-list-item{margin-bottom: 10px;width:100%;padding:0 !important;font-size: .9em;line-height: 1.4em}
  .news-article .article-header{width:100%;}
}

@media (max-width: 640px) {
  .news-title{padding-bottom:5px;}
  .news-date{display:block;}
}


/*--------------------------------------------------------------*/
/*  about
/*--------------------------------------------------------------*/

.rwd-table {border-collapse: collapse; }
.rwd-table th, td {padding: 2px 4px; }
   
@media screen and (max-width: 451px) {
  .rwd-table tr {border-bottom: 1px solid #000000; }
  .rwd-table th {display: none; }
  .rwd-table td {display: block; border: none; }
  .rwd-table td:before {content: attr(data-th) " "; float: left; font-weight: bold; }
}


/*--------------------------------------------------------------*/
/*  Member
/*--------------------------------------------------------------*/

/*login popup*/
.login-popup{}
.login-popup-content{display:flex;justify-content: space-between;}
.login-popup-left{width:calc(60% - 21px);padding-right:20px;border-right:1px solid #ccc;}
.login-popup-right{width:35%;}
.login-popup .ui-input{width:100%;margin-bottom: 20px}
.login-popup .ui-btn{width:100%;}
.login-popup-social{box-sizing:border-box;display:inline-block;width:100%;border-radius:5px;padding:20px 20px;text-align:center;color:#fff;font-size:20px;text-decoration: none;}
.login-popup-social-text{vertical-align: middle}
.login-popup-social-icon{;margin-right: 10px;vertical-align: middle;font-size:20px}
.login-popup-social-fb{background:#3b5998;}

@media (max-width: 640px) {
  .login-popup-content{display:block;}
  .login-popup-left{width:100%;border-right:0;padding-right:0;}
  .login-popup-right{margin-top:50px;width:100%;}
}

/*member*/
.member{width: 100%;}
.member-title{margin: 0;padding: 50px 0 0 0;font-size: 2em;text-align: center;}
.member-content{width: 100%;padding: 50px 100px 0 50px;}
.member-form{margin:20px auto 0 auto;padding:0;list-style:none;font-size: 20px;}
.member-form-footer{padding:20px 30px;text-align: center}
.member-form-data{padding: 0; }
.member-form h2{margin:20px auto 0 auto;max-width:700px;}
.member-form li{position:relative;margin-bottom: 20px; padding:0;}
.member-form label{display:inline-block;width:140px;color:#333;font-weight:normal;}
.member-form .d-flex{display:flex;}
.member-form input{}
.member-form .error{margin-left:10px;color:#f00;}
.member-menu{margin:-20px auto 0 auto;padding:0;list-style: none;text-align: center}
.member-menu-item{display:inline-block;padding:10px 30px;font-size:1.2em;transition:0.2s;cursor:pointer;}
.member-menu-item:hover span{color:#333;}
.member-menu-item:hover .fa{color:#333;}
.member-menu-item .fa{margin-right:20px;color:#666;vertical-align: middle;transition:0.2s;}
.member-menu span{display:inline-block;color:#666;vertical-align: middle}
.member-menu-hold span{text-decoration: underline!important;color:#666;}
.member-menu-link{text-decoration: none;color:#666;}

@media (max-width: 1024px) {
  .member-menu{display:none;}
}

@media (max-width: 768px) {
  .member-form{font-size:16px;}
  .member-form label{width:100px;}
  .member-form input{font-size:16px;}
  .member-form .d-flex{display:block;}
}

@media (max-width: 640px) {
  .member-form label{width:100%;padding-bottom:10px;}
  .member-form .ui-input{width:100%;padding:15px 20px;}
  .member-form-footer .ui-btn{padding:15px 20px;font-size:22px;}
}

@media (max-width: 480px) {

}

.member-pay{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style: none;justify-content: space-between;}
.member-pay-item{width:calc(50% - 20px);text-align: center}
.member-pay-item .ui-btn{width:100%;}
@media (max-width: 640px) {
  .member-pay-item{margin-bottom:10px;width:100%;}
  .member-pay-item .ui-btn{padding:10px 15px;}
  .member-pay-item h3{margin:10px 0;font-size:18px;}
  .member-pay-item img{width:15%;}
  .member-pay-atm img{width:30%;}
}

/* member ui */
.member .ui-table{margin-top:30px;margin-bottom:100px;width: 100%;border-collapse: collapse;}
.member .ui-table thead tr{background-color: #333333}
.member .ui-table thead tr th{padding: 20px;color: #fff}
.member .ui-table tbody tr{background-color: #fff;border-bottom: 1px solid #ccc}
.member .ui-table tbody tr td{padding: 20px;}
.member .ui-table tr:hover td{background-color: #eee;}

/* member visit */
.member-visit-list{clear:both;margin:0;padding: 0;list-style: none;}
.member-visit-item{margin-bottom: 15px;padding: 0;}
.member-visit-list .member-visit-item:last-child{margin-bottom:0;}
.member-visit-date{display:inline-block;margin:0;width:100px;padding:0;font-size:1em;font-weight: normal;color:#999}
.member-visit-datetitle{margin:30px 0 15px 0;padding: 0;font-size:20px;font-weight: normal;color:#333}
.member-visit-title{display:inline-block;margin:0;padding:0;font-weight: 400;color:#666;}
.member-visit-link{color:#666;text-decoration: none;transition: 0.2s}
.member-visit-link:hover{color:#333;text-decoration: underline;}


/*--------------------------------------------------------------*/
/*  law
/*--------------------------------------------------------------*/

.law-article{}
.law-article .article-content>ul{margin-left:15px;list-style: decimal}
.law-article .article-content>ul>li>ul{margin-left:10px;list-style: lower-alpha}
.law-article a{color:#00479d;}


/*--------------------------------------------------------------*/
/*  download
/*--------------------------------------------------------------*/

.download-article{}
.download-article ul{margin:20px 0 50px 0;padding:0;list-style: none}
.download-article ul:last-child{margin-bottom:0;}
.download-article span{color:#f00;font-size:15px;}
.download-link-pdf{display:inline-block;width:33px;height:40px;vertical-align: middle;background:url(../images/icon-pdf.png);}
.download-link-doc{display:inline-block;width:33px;height:40px;vertical-align: middle;background:url(../images/icon-doc.png);}

@media (max-width: 480px) {
  .download-article ul{margin:10px 0 30px 0;}
}


/*--------------------------------------------------------------*/
/*  Tool
/*--------------------------------------------------------------*/

/*popup*/
.popup{width:50%;max-width:800px;min-width:300px;border-radius:8px;background:#fff;}
.popup-container{position: relative;padding:40px 30px;}
.popup-header{padding:0px 30px 30px 30px;text-align: center}
.popup-title{display:inline-block;margin:0;color:#666;font-size:24px;vertical-align: middle}
.popup-close{position:absolute;top:20px;right:20px;color:#bbb;font-size:20px;}

@media screen and (max-width: 1024px) {
  .popup{width:70%;}
}

@media screen and (max-width: 768px) {
  .popup{width:80%;}
}

@media screen and (max-width: 480px) {
  .popup{width:90%;}
}

/*ui*/
.ui-input{box-sizing:border-box;border:none;border-radius:5px;padding:20px 30px;background:#f2f0f0;font-size:20px;}
.ui-select{box-sizing:border-box;border:none;border-radius:5px;padding:20px 20px;background:#f2f0f0;font-size:20px;}
.ui-textarea{box-sizing:border-box;border:none;border-radius:5px;padding:20px 30px;background:#f2f0f0;font-size:20px;}
.ui-link{text-decoration: none;color:#666;}
.ui-link:hover{text-decoration: underline;}
.ui-btn-submit{width:100%;}
.ui-btn{box-sizing:border-box;display:inline-block;border:none;border-radius:5px;padding:20px 30px;line-height:22px;background:#bbb;color:#fff;font-size:20px;text-decoration: none;transition: .2s}
.ui-btn:hover{background:#999;}
.ui-btn-light{box-sizing:border-box;display:inline-block;border:none;border-radius:5px;padding:5px 10px;line-height:18px;background:#bbb;color:#fff;font-size:20px;transition: .2s}
.ui-btn-info{border: 1px solid rgba(0,0,0,0.2);padding:7px 25px;border-radius:30px;color:#333;font-size: 1.1em;text-decoration: none;transition: 0.2s}
.ui-btn-info:hover{border:1px solid #25a5d7;background: #25a5d7;color: #fff}
.ui-btn-info-white{border: 1px solid rgba(255,255,255,.2);padding:7px 25px;border-radius:30px;color:#fff;font-size: 1.1em;text-decoration: none;transition: 0.2s}
.ui-btn-info-white:hover{border:1px solid #25a5d7;background: #25a5d7;color: #fff}
.ui-form hr{margin:40px 0;border:none;border-top:1px dashed #ccc;}
.ui-block {display: flex;justify-content: space-around;flex-wrap: wrap}
.ui-block .ui-block-helf{width:50%;}
.ui-block .ui-block-full{width:100%;}
.ui-table {margin-top:20px;width:100%;border-collapse:collapse;}
.ui-table th{padding:15px;background:#999;color:#fff;text-align: center;font-size:20px;font-weight:normal;}
.ui-table td{padding:15px;text-align: center;font-size:20px;}
.ui-table a{color:#00479d;text-decoration: none}
.ui-table a:hover{text-decoration: underline}
.ui-table tbody tr td:nth-child(1){text-align: left}
/*.ui-table tbody tr td:nth-child(2){text-align: left}*/

@media screen and (max-width: 667px) {
  .ui-table th {display: none; }
  .ui-table td {display: block; border: none; }
  .ui-table td:before {content: attr(data-th) " : "; font-weight: bold; }
  .ui-table td {padding:10px;background:#ddd;text-align:left;}
  .ui-table td:nth-child(even) {background:#eee;}
  .ui-block .ui-block-helf{width:100%;}
}

.ui-checkbox {
  display: inline-block;
  position: relative;
  height: 22px;
  width: 22px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.ui-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.ui-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #eee;
}

.ui-checkbox:hover input ~ .ui-checkmark {
  background-color: #eee;
}

.ui-checkbox input:checked ~ .ui-checkmark {
  background-color: #2196F3;
}

.ui-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.ui-checkbox input:checked ~ .ui-checkmark:after {
  display: block;
}

.ui-checkbox .ui-checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*color*/
.color-blue{color:#00479d;}

/*float align*/
.float-left{float:left;}
.float-right{float:right;}
.float-center{margin:0 auto;}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.text-justify {text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; /*IE9*/ -moz-text-align-last:justify; /*Firefox*/ -webkit-text-align-last:justify; /*Chrome*/ }
.text-justify:after {content: ''; display: inline-block; width: 100%; height:0; line-height:0; font-size:0; }
.valign-box{display:inline-block;vertical-align:middle;width:0;height:100%;visibility:hidden;}

/*clear*/
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;width:100%}
.clear-fix{clear:both;}
.clear-fix:after{content:".";clear:both;display:block;font-size:0;height:0;line-height:0;visibility: hidden;}




.index-hot .home__video_container iframe{width:100%;height:320px;}
.index-hot .home__video_container{flex-wrap: wrap}
.index-hot .home__video_playlist .playlist__item{position:static;display: flex;justify-content: space-between;}
.index-hot .home__video_playlist .playlist__item_title{width:calc(100% - 110px);}
.playlist__item_img{width:100px;height: 67px;}
.index-hot .home__video {
    position: relative;
}
.index-hot .home__video_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 24.375rem;
    margin: 1.38rem 0;
}
.index-hot .home__video_container iframe {
    width: 68%}
.index-hot .home__video_playlist {
    overflow: scroll;
    overflow-x: hidden;
    width: 26%}
.index-hot .home__video_playlist .playlist__item {
    position: relative;
    font-size: .9rem;
    color: #000;
    line-height: 1.5;
    /*overflow: hidden;*/
    /*max-height: 4.18rem;*/
    margin-bottom: 1rem;
    cursor: pointer;
}
.index-hot .home__video_playlist .playlist__item iframe {
    width: 45%}
.index-hot .home__video_playlist .playlist__item--active {
    color: #3588bc;
}
.index-hot .home__video_playlist .playlist__item_title {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    width: 48%}


@media (max-width:1400px) {

  .index-hot .home__video_container{height:auto;}
  .index-hot .home__video_container iframe{width:100%;height:320px;}
  .index-hot .home__video_playlist{margin-top:24px;width:100%;}
  .index-hot .home__video_playlist .playlist__item_title{height:auto;}
  .playlist__item_img{width:70px;height: 50px;}
  .index-hot .home__video_playlist .playlist__item {
    max-height: 7.6rem;
    /*height: 100%;*/
    line-height: 1.2;
}
.index-hot .home__video_playlist .playlist__item iframe {
    width: 100%}
.index-hot .home__video_playlist .playlist__item_title {
    display: block;
    position: relative;
    width: 100%}
.index-hot .home__link {
    position: relative;
    padding-bottom: 3.5rem;}
  }
@media (max-width:480px) {

  .index-hot .home__video_container iframe{height:240px;}

  }
@media (max-width:375px) {
  .index-hot .home__video_container iframe{height:180px;}
  .index-hot .home__video_playlist .playlist__item_title{width: calc(100% - 80px);}
}


@media (max-width:640px) {
.index-hot .home__video_playlist .playlist__item {
    max-height: 7.6rem;
    /*height: 100%;*/
    line-height: 1.2;
}
.index-hot .home__video_playlist .playlist__item iframe {
    width: 100%}
.index-hot .home__video_playlist .playlist__item_title {
    display: block;
    position: relative;
    padding-left: 10px;
    width: 100%}
}.index-hot .home__link {
    position: relative;
    padding-bottom: 3.5rem;
}
}


/*fileprogress*/
.fileprogress{position: absolute;bottom:0;left:0;right:0;margin:0 auto;width: 100%; height: 6px;background: #ccc}
.fileprogress-precent{width: 20px;height:100%;background: #005dc7 }

/*inputtool*/
.inputtool {margin:10px 0 0 0;padding:0;list-style:none;}
.inputtool li{display:flex;margin:0;padding:6px 0;border-top:1px solid rgba(0,0,0,.05);}
.inputtool li:last-child{margin-bottom:5px;border-bottom:1px solid rgba(0,0,0,.05);}
.inputtool li .dragli{width:30px;height:50px;background:url(../images/tool-drag.png) no-repeat center;cursor:pointer}
.inputtool li div{position:relative;display:table-cell;vertical-align:middle;}
.inputtool li input{width:auto!important;display:inline-block;box-sizing:border-box;border-radius:0px;border:1px solid #ddd;padding:10px 16px;background:#fff;font-size:18px;}
.inputtool li select{width:auto!important;display:inline-block;box-sizing:border-box;border-radius:0px;border:1px solid #ddd;padding:10px 16px;background:#fff;font-size:18px;}
.inputtool .rowdelete{display:table-cell;;width:50px;background:url(../images/tool-close-black.png) no-repeat center center;cursor:pointer}
.inputtool .placeholder{height:45px;background-color:#c4dbeb!important;border:dashed 1px #8db1cb !important;}
.inputtool .ui-sortable-helper{border:none;background:#fff;opacity:.9;box-shadow: 2px 2px 10px rgba(0,0,0,.1)}
/*.inputtool-inner{width:calc(100% - 50px);}*/
.ui-inputtool .btn-gray{box-sizing:border-box;display:inline-block;border:none;border:2px solid #aaa;border-radius:3px;width: 100%;padding:10px 20px;background:#fff;color:#999;font-size:20px;text-decoration: none;cursor:pointer;transition: .2s}
.ui-inputtool .btn-gray:hover{background:#aaa;color:#fff;}

/*fileupload*/
.ui-fileupload{position:relative;display:flex;flex-wrap:wrap;align-self:center;align-content: center;box-sizing:border-box;padding:10px;width:100%;height:140px;border:1px dashed #ccc;line-height: 26px;}
.ui-fileupload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.ui-fileupload-state{width:100%;text-align: center;pointer-events:none}
.ui-fileupload-btn{display:none;}
.ui-fileupload-progress{margin:0 auto 10px auto;max-width:500px;width: 80%; height: 15px;background: #ccc}
.ui-fileupload-precent{width: 20px;height:100%;background: #005dc7 }
.ui-fileupload-info{width:100%;text-align: center;pointer-events:none}

/*tag*/
.ui-tag{}
.ui-tag-item{margin:1px 0;display: inline-block;border-radius:16px;margin-right: 10px;margin-bottom: 10px;border: 2px solid var(--color1);padding:2px 16px;font-size: .9rem;color:#000;text-decoration: none;transition: .2s}
.ui-tag-item:hover{background: var(--color1);}

/*file*/
.filelist{margin:0;padding:0;list-style:none;width:100%;text-align: left}
.filelist-item{position: relative;box-sizing:border-box;margin-bottom: 12px;border:1px solid #e6e6e6;padding:16px 16px 16px 72px;background:no-repeat 20px center;transition:.2s;}
.filelist-item:hover{box-shadow: 0 0 15px rgba(0,0,0,.15)}
.filelist-item .delete{position: absolute;right:10px;top:50%;display:block;border:none;background:transparent;cursor:pointer;transform: translateY(-50%);transition: .2s}
.filelist-item .delete:hover{color:#cc0000;}
.filelist-link{display:block;color:#333;text-decoration: none}
.filelist-type-pdf{background-image: url(../images/icon-pdf.png)!important}
.filelist-type-doc{background-image: url(../images/icon-doc.png)!important}
.filelist-type-folder{background-image: url(../images/icon-folder.png)!important}
.filelist-type-link{background-image: url(../images/icon-link.png)!important}