body, html {
	font-family: "MicrosoftJhengHei", "Microsoft YaHei",Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #000;
	width: 100% !important;
	height: 100% !important;
	font-size: 14px;
}



a:hover, a:focus {
	text-decoration: none !important;
	color: #F4D03F;
    outline: none;
}


ul, ol {
	list-style: none;
}


label {color:#000;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus  {
    color: #fff;
    cursor: default;
    background-color: #1cabe2;
    border-bottom-color: transparent;
}

.nav-tabs > li > a {
    margin-right: 10px;
    border-radius: 0;
}

.main-ward { max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.main-ward a.active{ color:#1cabe2;}

@media(max-width: 767px){
    .main-ward { width: 100%; margin: 0 auto;}
}

.modal-body .input-box { padding:0 30px }
@media(min-width:768px) {
.modal-body .input-box { padding:0 150px }
}

.modal-body ul,ol{ list-style: inherit;}
#term-tab-content ul,ol{ list-style: inherit;}
    /* Navigation */

.navbar-custom .logo-1 { display: none; }
.navbar-custom .logo-2 { display: block; }
@media(min-width:768px) {
.navbar-custom .logo-1 { display: block; }
.navbar-custom .logo-2 { display: none; }

}

@media(max-width:767px){
    .logo-2 img{ margin-top:8px;}
}

.navbar-custom .menu-top .navbar-nav { float: none;  }
@media(min-width:768px) {
.navbar-custom .menu-top .navbar-nav { float: right;  }
}


.menu-bottom ul li a { color: #fff; font-size: 14px; }
@media(min-width:768px) {
.menu-bottom ul li a { color: #fff;  font-size: 18px; }
}



.navbar-custom .menu-top {position: relative; z-index: 99999;}


.top-nav-collapse .menu-top ul li a { color: #fff; padding: 4px 13px; }
.top-nav-collapse .menu-bottom ul li a { color: #fff; padding: 6px 15px; }
.top-nav-collapse .menu-top { color: #fff; }
.navbar-custom .menu-top li.lag div { padding: 15px 0;  }
.navbar-custom .menu-top li.lag div a { padding: 4px 15px; }
.navbar-custom .menu-top li.lag div a.active{}
.top-nav-collapse .menu-top li.lag div { padding: 4px 0;  }
.top-nav-collapse .menu-bottom ul li a:hover,.top-nav-collapse .menu-top ul li a:hover { color:#000; text-decoration: none; }
.top-nav-collapse .menu-bottom ul li a:focus,.top-nav-collapse .menu-top ul li a:focus { color:#fff; text-decoration: none; }
.navbar-custom .menu-bottom { padding-right: 40px; }

.navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}

@media(max-width:768px) {
.navbar-custom .menu-top .fonts { margin-left: 15px; }
}

.navbar-custom .menu-top .fonts a { padding: 0; }
.navbar-custom .menu-top .fonts a.active{ /*color: #1cabe2;*/ color:#fff;}
.top-nav-collapse .menu-top .fonts { padding: 0;  }

.navbar-custom .logo-1 {-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;}

.navbar-custom {
	margin-bottom: 0;
    /*text-transform: uppercase;*/
	background-color: #1cabe2;
}
}
.navbar-custom .navbar-brand {
	font-weight: 600;
}
.navbar-custom .navbar-brand i.fa {
	color: #F4D03F;
}
.navbar-custom .navbar-brand:focus {
	outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}



.navbar-custom a {
    color: #fff;
    /*text-shadow: 0px 0px 5px #000;*/
    font-weight: bold;
}

.navbar-custom a:hover {
    text-shadow:none;
}


.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
    text-shadow: 0px 0px 10px #000;
}

.top-nav-collapse .nav li a {
    text-shadow:none;
}


.navbar-custom .nav li a:hover {
	outline: 0;
	color: #000;
	background-color: rgba(0, 162, 251, 0);
	text-decoration: none;
}
@media(min-width:768px) {
.navbar-custom .nav li a:hover {
	outline: 0;
	color: #1cabe2;
	background-color: rgba(0, 162, 251, 0);
	text-decoration: none;
}
}


.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
	color: #fff;
}
.navbar-custom .nav li.active {
	outline: 0;
}


.navbar-custom.top-nav-collapse {
	background-color: #1cabe2;
	box-shadow: 0px 0px 10px #333;
}
@media(min-width:768px) {
.navbar-custom {
	padding: 10px 0;
	border-bottom: 0;
	letter-spacing: 1px;
	background: rgba(0, 0, 0, 0.00) none repeat scroll 0px 0px;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.navbar-custom.top-nav-collapse {
	padding: 5px 0;
	background-color: #1cabe2;
	box-shadow: 0px 0px 10px #333;
}
}
@media(max-width:767px) {
.slideshow {margin-top: 68px;  }

}

/* #home-slideshow .slide { height: 650px; } */
@media(min-width: 1025px){
#home-slideshow .slide { height: 650px; }	
}
@media(max-width: 768px){
#home-slideshow .slide { height: 410px; }	
}
@media(max-width: 414px){
#home-slideshow .slide { height: 475px; }	
}
@media(max-width: 375px){
#home-slideshow .slide { height: 453px; }	
}
@media(max-width: 360px){
#home-slideshow .slide { height: 445px; }	
}
@media(max-width: 320px){
#home-slideshow .slide { height: 445px; }	
}
@media(min-width: 768px) and(max-width:1023px ){
#home-slideshow .slide { height: 410px; }	
}
@media(min-width:1025px) {
#home-slideshow .slide { height: 1040px; }
}
@media(min-width:996px) and(max-width: 1024px) {
#home-slideshow .slide { height: 548px; }
}

#home-slideshow .slide { position: relative; }
#home-slideshow .slide .slide-text {position: absolute; bottom: 15%;}
@media(min-width: 1440px){
#home-slideshow .slide .slide-text {position: absolute; bottom: 15%;}
}
@media(max-width: 1024px){
#home-slideshow .slide .slide-text {position: absolute; bottom: 4%;}
}
@media(max-width: 320px){
#home-slideshow .slide .slide-text {position: absolute; bottom: 9%;}
}

#home-slideshow .slide .slide-text .text1 { background-color: #1cabe2; color: #000;  font-size: 18px; max-width: 400px; padding:12px;font-weight: bold; }
#home-slideshow .slide .slide-text .text2 { background-color: #fff; color: #1cabe2;  max-width: 300px; padding:12px;height:160px; font-size: 18px; overflow: hidden}
@media(min-width:996px) {
#home-slideshow .slide .slide-text .text1 { background-color: #1cabe2; color: #000;  font-size: 40px; max-width: 690px; padding:15px;font-weight: normal; }
#home-slideshow .slide .slide-text .text2 { background-color: #fff; color: #1cabe2;  max-width: 630px; padding:15px; }

}

@media(max-width: 767px){
    #home-slideshow .slide .slide-text{
        width: 100%;
        left:0px;
    }
    #home-slideshow .slide .slide-text .text1{
        max-width: inherit;
        width: 100%;
    }

    #home-slideshow .slide .slide-text .text2{
        max-width:inherit;
        width: 100%;
        font-size: 14px;
    }
}

#home-slideshow .slide .button { margin-top: 20px; }

@media(max-width: 767px){
    #home-slideshow .slide .button{
        margin-top: 20px;
        margin-right:4%;
        float:right;
    }
}
#home-slideshow .slide .button a { background-color: #ffc700; border: 2px solid #ffc700; padding: 8px 25px;  color: #000; text-decoration: none;  transition: .3s ease-out;}
#home-slideshow .slide .button a:hover { background-color: #000; border: 2px solid #ffc700; padding: 8px 25px;  color: #ffff00; text-decoration: none; }


#home-slideshow .owl-prev { width:30px; height:30px; position:absolute;left:15px; top:40%; background:  url(../images/left-xs.png) center center no-repeat;}
#home-slideshow .owl-next {width:30px; height:30px; position:absolute;right:15px; top:40%; background:  url(../images/right-xs.png) center center no-repeat; }
@media(max-width: 767px){
#home-slideshow .owl-prev { width:30px; height:30px; position:absolute;left:15px; top:20%; background:  url(../images/left-xs.png) center center no-repeat;}
#home-slideshow .owl-next {width:30px; height:30px; position:absolute;right:15px; top:20%; background:  url(../images/right-xs.png) center center no-repeat; }	
}
@media(min-width:996px) {
#home-slideshow .owl-prev { width:78px; height:78px; position:absolute;left:15px; top:40%; background:  url(../images/left.png) center center no-repeat;}
#home-slideshow .owl-next {width:78px; height:78px; position:absolute;right:15px; top:40%; background:  url(../images/right.png) center center no-repeat; }
}

/* home-banner Section */

#home-banner { background-color: #1cabe2; padding: 60px 0; }
#home-banner h3 { color:#000; margin-bottom: 30px; margin-top: 0px;}
#home-banner p {  margin-top: 30px; margin-bottom: 30px; }
#home-banner .button a { background-color: #ffc700; border: 2px solid #ffc700; padding: 8px 25px; color: #000; text-decoration: none;  transition: .3s ease-out;}
#home-banner .button a:hover { background-color: #000; border: 2px solid #ffc700; padding: 8px 25px;  color: #ffff00; text-decoration: none;  }
#home-banner .banner-1  img { height: 160px; }
@media(min-width:768px) {
#home-banner .banner-1  img { height: auto; }
}

#home-banner .banner-2  img { height: 60px; margin:0 auto; }
@media(min-width:768px) {
#home-banner .banner-2  img { height: auto; margin:0; }
}


#home-news-list { background-color: #fff; padding: 60px 0; }
.all-list-button { background-color: #ffc700; border: 2px solid #ffc700; padding:10px 20px; margin-bottom:10px; }
.all-list-button:hover { background-color: #000;  }
.all-list-button a { color: #000; text-decoration: none; }
.all-list-button:hover a { color: #ffff00;  }
.news-box { position: relative; margin-bottom: 30px;  } 
.news-box { overflow:hidden; }
.news-box .image-desc {position:relative; }
.news-box .short-desc {
    width: 100%;
    position: absolute;
	left: 0;
    bottom: 0;
    height: 56px;
    background-color: #f0ecec;
    color: #FFF;
    line-height:24px;
    padding: 5px 15px 10px 15px;
    color:#000;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}

.news-box .short-desc div:first-child{
    min-height: 48px;
}

.news-box:hover .short-desc {    height: auto;
    
 }

.news-box:hover .short-desc { background-color: #1cabe2; color:#fff;}
.news-box .label { position: absolute; padding: 10px 15px 10px 35px; color: #fff; top: 15px; left: 15px;font-size: 14px; transition: .3s ease-out; z-index: 99; background:  #1cabe2 url(../images/news-icon1.png) 10px center no-repeat; }
.news-box:hover .label { color: #1cabe2; background:  #fff url(../images/news-icon2.png) 10px center no-repeat; }
.news-box .news-text .more { margin-top: 15px; }
.news-box .news-text .more a { color: #000; }
#home-news-list .cat-list  h1 { margin: 0;  font-weight: bolder;  color: #000;  }
#home-news-list .cat-list  h2 { border-bottom: 4px solid #ffc700;  max-width: 50px;  margin-top:30px; margin-bottom: 30px; }
#home-news-list .cat-list  h3 {  color: #fff; font-size: 22px;  border-left: 4px solid #FFF; margin: 0; line-height: 22px; padding-left: 15px; }
#home-news-list .all-list-button h3 {border-left: 4px solid #000;}
#home-news-list .all-list-button:hover h3 {border-left: 4px solid #ffff00;}
.news-box .image img { width: 100%; }

.product-list .content {display:none;}
/*.product-list > ul > li:first-child .content {display: block;}*/
.product-list ul li .title { padding:15px 0;  font-weight: bold; cursor: pointer ;border-bottom: 1px solid #ccc;}
.product-list ul li .content  { padding: 10px; margin-bottom: 10px; }
.product-list ul li .title .right-icon { background: url(../images/accordeon-open.png) right no-repeat; }
.product-list ul li .active .right-icon { background: url(../images/accordeon-close.png) right no-repeat; }
.product-list ul li .title { padding: 15px; }
.product-list ul li .title  a { color: #000; font-weight: bold; text-decoration: none; }
.product-list .content ul { padding-left: 5px; }
.product-list .content ul li { color: #000; padding: 8px 0;}
.product-list .content ul li input { margin-right: 5px; }

#home-news-list .show-button { text-align: right ; }
@media (max-width: 768px){
    #home-news-list .show-button { text-align: center ; }
}
#home-news-list .show-button a { padding: 10px 20px ;background-color: #1cabe2; color: #fff; font-size: 14px; }

#home-activity { background-color: #1cabe2; padding: 60px 0; }
#home-activity .activity-title h1 { margin: 0; font-weight: bolder;  color: #fff;  }
#home-activity .activity-title h2 { border-bottom: 4px solid #ffc700;  max-width: 50px;  margin-top:30px; margin-bottom: 30px; }
#home-activity .act-box { position: relative;  }
#home-activity .act-box-title { position: absolute; background-color:rgba(0,0,0,0.5); top: 0; width: 100%; height: 100%;  text-align: center;   }
#home-activity .act-box-title:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:""; }
#home-activity .act-box-title a { color:#fff; text-decoration: none; padding: 10px 0; border-bottom: 2px solid #fff; }
#home-activity .act-box:hover .act-box-title { display: none; }


#home-video { background-color: #fff; padding: 60px 0; }
#home-video .video-title h1 { margin: 0;   font-weight: bolder;  color: #000;  }
#home-video .video-title h2 { border-bottom: 4px solid #ffc700;  max-width: 50px;  margin-top:30px; margin-bottom: 30px; }
.video-box p { font-size: 20px ; color: #000; margin-top: 30px; }

.video-box iframe{ max-width: 100%; height:auto;}
.video-box .button { text-align:center; margin-top: 30px;}
.video-box .button a { background-color: #ffc700; border: 2px solid #ffc700; padding: 8px 25px;  color: #000; text-decoration: none;   transition: .3s ease-out;}
.video-box .button a:hover { background-color: #000; border: 2px solid #ffc700; padding: 8px 25px;  color: #ffff00; text-decoration: none;  }

.backtotop { background-color: #f0f0f0; padding: 80px 0 40px 0; }
.backtotop a.top-icon { background-color: #ffc700; border: 2px solid #ffc700; padding: 30px 32px; border-radius: 50%;  color:#000; font-size: 18px; outline: none;}
.backtotop a.top-icon:hover { background-color: #000; color:#fff; }

.modal-footer { padding: 30px 0; }
.modal-footer .button a { background-color: #ffc700; border: 2px solid #ffc700; padding: 8px 25px;  color: #000; text-decoration: none;   transition: .3s ease-out;font-size: 14px; margin: 2px;}
.modal-footer .button a:hover { background-color: #000; border: 2px solid #ffc700; padding: 8px 25px;  color: #ffff00; text-decoration: none;  }

footer { background-color: #595959;  padding: 20px 0; }
footer span a { padding: 0 12px; color: #fff; }
footer span a:hover {  color: #1cabe2;text-decoration: none; }
.required{ color: red;}


body.global-font-small {font-size: 14px;} 
body.global-font-mid {font-size: 18px;} 
body.global-font-big {font-size: 20px;} 


body.global-font-small #home-banner h3,body.global-font-small #home-banner p  {font-size: 22px; color:#fff; }
body.global-font-mid #home-banner h3,body.global-font-mid #home-banner p  {font-size: 24px;} 
body.global-font-big #home-banner h3,body.global-font-big #home-banner p  {font-size: 26px;} 

body.global-font-small .video-box p {font-size: 18px; }
body.global-font-mid .video-box p {font-size: 20px; }
body.global-font-big .video-box p {font-size: 22px; }

body.global-font-small .button a { font-size: 16px; }
body.global-font-mid .button a { font-size: 18px; }
body.global-font-big .button a { font-size: 20px; }

body.global-font-small #home-news-list .cat-list h1,body.global-font-small #home-activity .activity-title h1,body.global-font-small #home-video .video-title h1 { font-size: 26px }
body.global-font-mid #home-news-list .cat-list h1,body.global-font-mid #home-activity .activity-title h1,body.global-font-mid #home-video .video-title h1 { font-size: 28px }
body.global-font-big #home-news-list .cat-list h1,body.global-font-big #home-activity .activity-title h1,body.global-font-big #home-video .video-title h1 { font-size: 30px }

body.global-font-small #home-activity .act-box-title { font-size: 22px; }
body.global-font-mid #home-activity .act-box-title { font-size: 24px; }
body.global-font-big #home-activity .act-box-title { font-size: 26px; }

body.global-font-small .inner-page p {font-size: 18px; }
body.global-font-mid .inner-page p {font-size: 20px; }
body.global-font-big .inner-page p {font-size: 22px; }

body.global-font-small .inner-page div.video_about p{ font-size: 14px; color:#565656;}

body.global-font-small .inner-page div.video_about ul,ol{ list-style: inherit;}


body.global-font-small .news-main .news-box h3 { font-size: 20px; }
body.global-font-mid .news-main .news-box h3 { font-size: 22px; }
body.global-font-big .news-main .news-box h3 { font-size: 24px; }


body.global-font-small .news-main .news-box p.text { font-size: 16px; }
body.global-font-mid .news-main .news-box p.text { font-size: 18px; }
body.global-font-big .news-main .news-box p.text { font-size: 20px; }

.form-horizontal .news-main .form-group{ margin-left:0px; margin-right:0px;}


body.global-font-small label { font-size: 18px; }
body.global-font-mid label { font-size: 20px; }
body.global-font-big label { font-size: 22px; }

body.global-font-small .contact-box p { font-size: 20px; }
body.global-font-mid .contact-box p { font-size: 22px; }
body.global-font-big .contact-box p { font-size: 24px; }

body.global-font-small .site-main .site-box .site-name a { font-size: 24px; }
body.global-font-mid .site-main .site-box .site-name a { font-size: 26px; }
body.global-font-big .site-main .site-box .site-name a { font-size: 28px; }

body.global-font-small .site-main .site-box ul li a { font-size: 18px; }
body.global-font-mid .site-main .site-box ul li a { font-size: 20px; }
body.global-font-big .site-main .site-box ul li a { font-size: 22px; }


body.global-font-small .nav-tabs > li > a { font-size: 18px; }
body.global-font-mid .nav-tabs > li > a { font-size: 20px; }
body.global-font-big .nav-tabs > li > a { font-size: 22px; }




/* Add by elson */
.menu-bottom {clear:both;}
@media (min-width: 768px){
	.navbar-custom .menu-top .navbar-nav {
		width:100%;
		text-align:right;
	}
	.navbar-custom .menu-top .navbar-nav li {
		display:inline-block;
		float:none;
	}
}


.navbar-toggle { margin-right: 0px; }




.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    transform: translate(-100%, -40%);
    top:60%;
    left:50%;
}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 70px;
    background: rgba(255,255,255,0);
    position: relative;
    width:70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:360px;
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 35px;
    padding:0px 70px 0 50px;
    opacity: 0;
    position: absolute;
    top:25px;
    right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
    color: #808080;

}

.search-wrapper .input-holder .search-icon {
    width:30px;
    height:30px;
    border:none;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 30px;
    color: #fff;
    top: 40px;
    right: 26px;
    background: rgba(255,255,255,0);


}
.search-wrapper.active .input-holder .search-icon {
    width: 30px;
    height:30px;
    margin: -2px 10px;
    color:#2eb1e5;
  }
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
   
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    top: 40px;
    right: 30px;
    opacity:0;
}
.search-wrapper.active .close {
    right:0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity:1;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}


.top-nav-collapse .menu-bottom .search-wrapper .input-holder .search-input { top: 16px; }

.top-nav-collapse .menu-bottom .search-wrapper .input-holder .search-icon { top: 30px; }
.top-nav-collapse .menu-bottom .search-wrapper.active .input-holder .search-icon {margin: 0 10px;  }
.top-nav-collapse .menu-bottom .search-wrapper.active .close { top: 32px;}


/* inner page */

/* .banner .banner1 { height: 650px; } */
@media(min-width:1024px) {
.banner .banner1 { height: 850px!important; }
}

.banner .banner1 .text1 { background-color: #1cabe2; color: #000;  font-size: 22px; max-width: 400px; padding:12px 25px; }
@media(min-width:996px) {
.banner .banner1 .text1 { background-color: #1cabe2; color: #000;  font-size: 40px; max-width: 690px; padding:15px 30px;}
}

.banner .banner1 { position: relative; }

.banner .banner1 .text1 {position: absolute; bottom: 12%;}

.banner .about-banner { background: url(../images/banner1.jpg) center no-repeat; background-size: cover;}
.banner .news-banner { background: url(../images/banner2.jpg) center no-repeat; background-size: cover;}
.banner .reg-banner { background: url(../images/banner1.jpg) center no-repeat; background-size: cover;}
.banner .contact-banner { background: url(../images/banner3.jpg) center no-repeat; background-size: cover;}
.banner .site-banner { background: url(../images/banner4.jpg) center no-repeat; background-size: cover;}
.banner .teaching-banner { background: url(../images/banner5.jpg) center no-repeat; background-size: cover;}

.inner-page  h1 { margin: 0;  font-weight: bolder;  color: #1cabe2; font-size: 28px;  }
.inner-page  h2 { border-bottom: 4px solid #ffc700;  max-width: 50px;  margin-top:10px; margin-bottom: 30px; }

.inner-page { padding: 40px 0; }

.inner-page .button a { background-color: #ffc700; border: 2px solid #ffc700; padding: 8px 25px; color: #000; text-decoration: none;  transition: .3s ease-out;}
.inner-page .button a:hover { background-color: #000; border: 2px solid #ffc700; padding: 8px 25px;  color: #ffff00; text-decoration: none;  }

/* about */

.about-main p { color:#000; line-height: 30px;}


/* news */
.news-main .news-box { padding: 15px; background-color: #f1f1f1; }
.news-main .news-box img { width: 100%; }
.news-main .news-box h3 { color: #000; line-height: 30px; }
.news-main .news-box p.day { color:#000; font-size: 14px; }
.news-main .news-box p.text { color:#616161; }
.news-main .news-box .more a { color: #ff9915; }
.news-inner h3 { color: #000; line-height: 30px; }
.news-inner p.day { color:#000; font-size: 14px; }
.news-inner p.text { color:#616161; text-align:center; }
.news-inner .back { text-align:center; margin-top: 50px; margin-bottom: 50px; }  
.news-inner .back a { background-color: #1cabe2; font-size: 16px; padding: 15px 30px; color: #fff;  }
.news-inner iframe{ margin: 0 auto; max-width: 100%;}
.news-main .news-from p { color: #000; line-height: 30px; }
.news-from .form-box { max-width: 600px; margin-top: 30px; margin-bottom: 30px; }
.news-from .news-button a.send { background-color: #ffc700; color: #000; padding: 15px 30px; margin-right:15px;font-size: 16px; }
.news-from .news-button a.back { background-color: #1cabe2; color: #000; padding: 15px 30px; margin-right:15px;font-size: 16px; }

/* reg */
.reg-main .reg-from p { color: #000; line-height: 30px; }
.reg-from .form-box { max-width: 600px; margin-top: 30px; margin-bottom: 30px; }
.reg-from .news-button a.send { background-color: #ffc700; color: #fff; padding: 15px 30px; margin-right:15px;font-size: 16px; }
.reg-from .news-button a.back { background-color: #1cabe2; color: #fff; padding: 15px 30px; margin-right:15px;font-size: 16px; }

form.form-horizontal .reg-from  .form-group{ margin-left:0px; margin-right:0px;}
/* contact */
.contact-box p { color:#000; }

/* site */
.site-main .site-box { background-color: #e9f6fd; padding: 30px 40px; min-height: 450px; border-radius: 20px; }
.site-main .site-box .site-name { margin-bottom: 30px; }
.site-main .site-box .site-name a { color: #18a3d9; ;  }
.site-main .site-box ul li { list-style-type:disc; margin-left: 18px; color: #000; margin-top: 10px; margin-bottom: 10px; }
.site-main .site-box ul li a {  color: #000;  }

/* teaching */	
.select-tap .dot{ margin-right: 10px; transition: width 1s ease; height: 40px;font-size: 18px; padding-left: 40px; line-height: 40px; float: left; }
.select-tap .dot1 { background:url(../images/dot1.png) left no-repeat; }
.select-tap .dot:hover { width: auto; }
.select-tap .active{ width: auto;}

.select-tap .dot2 { background:url(../images/dot2.png) left no-repeat; }

.select-tap .dot3 { background:url(../images/dot3.png) left no-repeat; }

.select-tap .dot4 { background:url(../images/dot4.png) left no-repeat; }

.select-tap .dot5 { background:url(../images/dot5.png) left no-repeat; }


.tap-box { padding:20px; }
.select-tap .t-box { margin-bottom: 30px; }
.teaching-inner { padding: 30px 0; }







/*Add by Channel*/
.banner .video-banner { background: url(../images/banner5.png) center no-repeat; background-size: cover;}
.banner .lecture-banner { background: url(../images/banner6.png) center no-repeat; background-size: cover;}
/*video*/
.videobigslide { padding: 25px; }
.videobigtitle { font-size: 24px; font-weight: bold; background: url(../images/videotitlebg.png) left center no-repeat; padding: 30px 30px 30px 80px; color: 000; }
.videoslideshowbox { background-color: #f4f4f4; color: #565656; font-size: 14px; line-height: 20px; padding: 25px; }

.ppkright span { font-size: 21px; line-height: 27px; color: #000; }
@media(max-width:440px) {
    .ppkright span { font-size: 20px; }
}
@media(max-width:768px) {
.ppkright { margin-top: 30px; }
    .select-tap .t-box img{ width: 100%;}
}


/*Top Slider */
.videoslideshow .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.videoslideshow .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.videoslideshow .slick-list:focus { outline: none; }
.videoslideshow .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.videoslideshow .slick-list.dragging { cursor: pointer; cursor: hand; }

.videoslideshow .slick-slider .slick-list, .videoslideshow .slick-track, .videoslideshow .slick-slide, .videoslideshow .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.videoslideshow .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.videoslideshow .slick-track:before, .slick-track:after { content: ""; display: table; }
.videoslideshow .slick-track:after { clear: both; }
.videoslideshow .slick-loading .slick-track { visibility: hidden; }

.videoslideshow .slick-slide { float: left; height: auto; min-height: 1px; display: none; }
.videoslideshow .slick-slide img { display: block; }
.videoslideshow .slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }
.videoslideshow .slick-slide.dragging img { pointer-events: none; }
.videoslideshow .slick-initialized .slick-slide { display: block; }
.videoslideshow .slick-loading .slick-slide { visibility: hidden; }
.videoslideshow .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.videoslideshow .slick-prev, .videoslideshow .slick-next { position: absolute; display: block; height: 30px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.videoslideshow .slick-prev:focus, .videoslideshow .slick-next:focus { outline: none; }
.videoslideshow .slick-prev.slick-disabled:before, .videoslideshow .slick-next.slick-disabled:before { opacity: 0.25; }

.videoslideshow .slick-prev:before, .videoslideshow .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.videoslideshow .slick-prev { left: -30px; background: url(../images/homeleft.png) no-repeat ;  }
.videoslideshow .slick-prev:before { content: ''; }

.videoslideshow .slick-next { right: -30px; background: url(../images/homeright.png) no-repeat ; }
.videoslideshow .slick-next:before { content: ''; }
/*Top Slider End*/

.videosmallslide { margin-top: 30px; }
.videosmallslide .tab-content { color: #000; padding: 30px; }
.videosmallslide .nav-tabs { border-bottom: 1px solid #1cabe2; }
.videosmallslide .nav-tabs > li.active > a, .videosmallslide .nav-tabs > li.active > a:hover, .videosmallslide .nav-tabs > li.active > a:focus { color: #fff; background-color: #1cabe2; border: 1px solid #1cabe2; border-bottom-color: #1cabe2; }
.videosmallslide .nav-tabs > li > a { border-radius: 0; border: 1px solid #d2d2d2; border-bottom-color: #1cabe2; background-color: #d2d2d2; color: #000; }
.videosmallslide .nav-tabs > li { margin-right: 10px; margin-: 10px; margin-top:10px; }
.videosmallslide .nav > li > a { padding: 10px 30px; }
@media(max-width: 768px) {
    .videosmallslide .nav-tabs > li { margin-right: 0px; }
    .videosmallslide .nav > li > a { padding: 10px 20px; }
}
@media(max-width: 440px) {
    .videosmallslide .nav > li > a { padding: 5px 10px; margin-top: 5px }
}

.videosmalltext { margin-top: 15px; font-size: 14px; color: #000; line-height: 22px; padding: 0 25px; width: 100%; }
@media(max-width: 1024px) {
.videosmalltext { padding: 0 40px; }
}
@media(max-width: 768px) {
.videosmalltext { padding: 0 5px; }
}
.videosmalltext span { font-size: 18px; color: #000; line-height: 30px; }

/*Bottom Slider */
.videosmallslide .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.videosmallslide .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.videosmallslide .slick-list:focus { outline: none; }
.videosmallslide .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.videosmallslide .slick-list.dragging { cursor: pointer; cursor: hand; }

.videosmallslide .slick-slider .slick-list, .videosmallslide .slick-track, .videosmallslide .slick-slide, .videosmallslide .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.videosmallslide .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.videosmallslide .slick-track:before, .slick-track:after { content: ""; display: table; }
.videosmallslide .slick-track:after { clear: both; }
.videosmallslide .slick-loading .slick-track { visibility: hidden; }

.videosmallslide .slick-slide { float: left; height: auto; min-height: 1px; display: none; }
.videosmallslide .slick-slide img { display: block; }
.videosmallslide .slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }
.videosmallslide .slick-slide.dragging img { pointer-events: none; }
.videosmallslide .slick-initialized .slick-slide { display: block; }
.videosmallslide .slick-loading .slick-slide { visibility: hidden; }
.videosmallslide .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.videosmallslide .slick-prev, .videosmallslide .slick-next { position: absolute; display: block; height: 30px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.videosmallslide .slick-prev:focus, .videosmallslide .slick-next:focus { outline: none; }
.videosmallslide .slick-prev.slick-disabled:before, .videosmallslide .slick-next.slick-disabled:before { opacity: 0.25; }

.videosmallslide .slick-prev:before, .videosmallslide .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.videosmallslide .slick-prev { left: -30px; top: 20%; background: url(../images/homeleft.png) no-repeat ;  }
.videosmallslide .slick-prev:before { content: ''; }

.videosmallslide .slick-next { right: -30px; top: 20%; background: url(../images/homeright.png) no-repeat ; }
.videosmallslide .slick-next:before { content: ''; }
/*Bottom Slider End*/


/*lecture*/
.lecture-main { font-size: 18px; line-height: 30px; color: #000; padding-top: 20px; }
.lecture-main img{ max-width: 100%; height: auto;}
.lectureslide { margin-top: 40px; }

/*lecture Slider */
.lectureslide .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.lectureslide .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.lectureslide .slick-list:focus { outline: none; }
.lectureslide .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.lectureslide .slick-list.dragging { cursor: pointer; cursor: hand; }

.lectureslide .slick-slider .slick-list, .lectureslide .slick-track, .lectureslide .slick-slide, .lectureslide .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lectureslide .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.lectureslide .slick-track:before, .slick-track:after { content: ""; display: table; }
.lectureslide .slick-track:after { clear: both; }
.lectureslide .slick-loading .slick-track { visibility: hidden; }

.lectureslide .slick-slide { float: left; height: auto; min-height: 1px; display: none; }
.lectureslide .slick-slide img { display: block; }
.lectureslide .slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }
.lectureslide .slick-slide.dragging img { pointer-events: none; }
.lectureslide .slick-initialized .slick-slide { display: block; }
.lectureslide .slick-loading .slick-slide { visibility: hidden; }
.lectureslide .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.lectureslide .slick-prev, .lectureslide .slick-next { position: absolute; display: block; height: 50px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; z-index: 99; }
.lectureslide .slick-prev:focus, .lectureslide .slick-next:focus { outline: none; }
.lectureslide .slick-prev.slick-disabled:before, .lectureslide .slick-next.slick-disabled:before { opacity: 0.25; }

.lectureslide .slick-prev:before, .lectureslide .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.lectureslide .slick-prev { left: 0px; background: url(../images/homeleft22.png) no-repeat ;  }
.lectureslide .slick-prev:before { content: ''; }

.lectureslide .slick-next { right: 0px; background: url(../images/homeright22.png) no-repeat ; }
@media(max-width: 440px) {
.lectureslide .slick-prev { left: 10px; top:40%;}
.lectureslide .slick-next { right: 10px; top:40%; }
}
.lectureslide .slick-next:before { content: ''; }

.lectureslidebox{ padding: 0 5%;}

@media(max-width: 440px) {
    .lectureslidebox{ padding: 0 15%;}
}
/*lecture Slider End*/

.lecturepart1 { margin-top: 50px; padding: 50px 0; border-top: 1px solid #dcdcdc; }
.lectureparttitle { font-size: 30px; line-height: 30px; color: #38b6e6; font-weight: bold; }
.lectureparttitleline{ margin: 30px 0; }
.lecturepart1text { font-size: 16px; line-height: 28px; color: #151515; }
body.global-font-small .lecturepart1text p{ font-size: 16px;}
.lecturepart1table { margin-top: 50px; }
.lecturepart1tabledownload { padding-top: 20px; }
.lecturepart1tabledownload a { background: #1cabe2; color: #fff; padding: 12px 20px; border-radius: 25px; text-decoration: none; margin-right: 50px; }
@media(max-width: 440px) {
.lecturepart1tabledownload { padding: 0px 20px; }
.lecturepart1tabledownload a { background: #1cabe2; color: #fff; padding: 12px 20px; margin-right: 0px; display: block; margin-bottom: 5px; text-align: center; }
}
.lecturepart1tabledownload a:hover { background: #60c4eb; }
.lecturepart1tabledownload a i { margin-right: 10px; }
.lecturepart1form { margin-top: 80px; text-align: center; }
.lecturepart1form a { font-size: 24px; line-height: 30px; color: #000; background-color: #ffc700; padding: 25px 50px; text-decoration: none; }
@media(max-width: 440px) {
.lecturepart1form a { font-size: 20px; line-height: 26px; padding: 15px 20px; }
}
.lecturepart1tabledownload { margin-top: 20px; }

.lecturepart2 { margin-top: 50px; padding: 50px 0; border-top: 1px solid #dcdcdc; }
.lecturepart2text { font-size: 16px; color: #2d2d2d; line-height: 24px; }

.lecturepart3 { margin-top: 50px; padding: 50px 0; border-top: 1px solid #dcdcdc; }
.lecturepart3listphoto { position: relative; }
.lecturepart3listphototext { position: absolute; top: 20px; left: 20px; background-color: #1cabe2; color: #fff; padding: 5px 25px; }
.lecturepart3listtext { font-size: 23px; line-height: 31px; color: #000; background-color: #f0ecec; padding: 15px 35px; }
@media(max-width: 768px) {
.lecturepart3listtext { padding: 15px 15px; }
}
.lecturepart3listtextmore { font-size: 17px; margin-top: 20px; }
.lecturepart3listbox:hover .lecturepart3listphototext { background-color: #fff; color: #1cabe2; }
.lecturepart3listbox:hover .lecturepart3listtext { color: #fff; background-color: #1cabe2; }
@media(max-width: 440px) {
.lecturepart3listbox { margin-top: 30px; }
}

.lectureform-main { font-size: 18px; line-height: 30px; color: #000; padding-top: 20px; }
.lectureformtitle { font-size: 18px; line-height: 30px; color: #1cabe2; font-weight: bold; }
.lectureformtitleline{ margin-top: 30px; }
.lectureformbody { padding: 0px 110px; color: #000; font-size: 16px; line-height: 30px; }
@media(max-width: 440px) {
.lectureformbody { padding: 0px 20px; }
}
.lectureformbody span { font-weight: bold; }
.lectureformbodytitle { font-size: 18px; font-weight: bold; padding: 5px 0; border-bottom: #dcdcdc solid 1px; margin-top: 40px; margin-bottom: 30px; }
.lectureformbody form { color: #000; font-size: 16px; line-height: 30px; font-weight: normal; }
.lectureformbody form label { color: #000; font-size: 16px; line-height: 30px; font-weight: normal; }
.lectureformbody form label span { font-weight: bold; }
.lectureformbody form p { color: #000; font-size: 16px; line-height: 30px; font-weight: normal; }
.lectureformbody form .form-control { max-width: 460px; }
.lectureformbody form.form-horizontal  .form-group{ margin-left:0px;margin-right:0px;}
.lectureformbody .lectureformppk { color: #000; font-size: 14px; line-height: 30px; font-weight: normal; font-style: normal; }
.lectureformsend { background-color: #ffc700; font-size: 24px; padding: 12px 35px; border: none; margin-top: 30px; }
.lectureformback { margin-top: 50px; text-align: center; }
.lectureformback a { background-color: #1cabe2; font-size: 24px; padding: 12px 35px; border: none; text-decoration: none; color: #000; }

.box-empty{ line-height: 36px; font-size: 18px; text-align: center; padding-bottom: 30px;}

.news-main .slider .slide { width: 33%; }
.news-main .bx-wrapper { max-width: 100%; }

.videoslideshowvideo { max-width: 620px; overflow: hidden; }
@media(max-width: 1024px) {
    .videoslideshowvideo { max-width: 530px; }
}
@media(max-width: 768px) {
    .videoslideshowvideo { max-width: 600px; }
}
@media(max-width: 440px) {
    .videoslideshowvideo { max-width: 310px; }
}
@media(max-width: 375px) {
    .videoslideshowvideo { max-width: 270px; }
}
@media(max-width: 320px) {
    .videoslideshowvideo { max-width: 220px; }
}


/*** add by elson ****/
.news-social-media-icon .item {height: 30px;width: 30px;background-image: url(../images/news-icon.png);background-repeat: no-repeat;display: inline-block;margin-left:3px;margin-right: 3px;}
.news-social-media-icon .item.sm-facebook {background-position: left center;}
.news-social-media-icon .item.sm-tiwwer {background-position: -40px center;}
.news-social-media-icon .item.sm-part {background-position: -80px center;}

.foolow-box {text-align: center;}
.follow-box .item {display: inline-block;width: 34px;height: 34px;margin-left:5px;margin-right: 5px; margin-bottom: -10px;}
.top-nav-collapse .menu-top ul li .follow-box  a.item{ padding:0px;}
@media(max-width: 768px) {
    .follow-box .item {margin-left:4px;margin-right: 4px; margin-top:10px;}
}
.follow-box .f-facebook {background-position: left bottom; background-image: url(../images/icon01.png);background-repeat: no-repeat; background-size: 34px 34px; }
.follow-box .f-instagram {background-position: left bottom;background-image: url(../images/icon02.png); background-size: 34px 34px;}
.follow-box .f-youbube {background-position: left bottom;background-image: url(../images/icon03.png); background-size: 34px 34px;}
.follow-box .f-e-news {background-position: left bottom;background-image: url(../images/icon04.png); background-size: 34px 34px;}

.common-tab-content  {border:1px solid #e7e7e7;border-top:none;padding:30px;font-size: 16px;line-height: 30px;}
body.global-font-small .common-tab-content p, body.global-font-small .common-tab-content {font-size: 16px;}
body.global-font-mid .common-tab-content p, body.global-font-mid .common-tab-content {font-size: 18px;}
body.global-font-big .common-tab-content p, body.global-font-big .common-tab-content {font-size: 22px;}

.common-tab.nav-tabs > li > a {padding:14px 30px;}
.common-tab.nav-tabs > li {margin-bottom: -2px!important;}
.common-tab.nav-tabs > li > a:hover, .common-tab.nav-tabs > li > a:focus {background-color: #fff;color:#000;border-bottom: none;}
.common-tab.nav-tabs > li.active > a {border:1px solid #e7e7e7;background-color: #fff;color:#000;border-bottom: none;}

.box-video-slider .bx-wrapper{background:#fff;box-shadow: none;}
.box-video-slider .bx-wrapper .bx-controls-direction a {width: 20px;height: 30px;margin-top: -15px;}
.box-video-slider .bx-wrapper .bx-prev, .box-video-slider .bx-wrapper .bx-prev:hover, .box-video-slider .bx-wrapper .bx-prev:focus {left:-38px;background: url(../images/homeleft.png) no-repeat;}
.box-video-slider .bx-wrapper .bx-next, .box-video-slider .bx-wrapper .bx-next:hover, .box-video-slider .bx-wrapper .bx-next:focus {right:-38px;background: url(../images/homeright.png) no-repeat;}


.menu-bottom ul li a:hover{ color:#000;}

.photo_list .owl-buttons .owl-prev { width:30px; height:45px; position:absolute;left:-30px; top:40%; background:  url(../images/homeleft.png) center center no-repeat;}
.photo_list .owl-buttons .owl-next {width:30px; height:45px; position:absolute;right:-30px; top:40%; background:  url(../images/homeright.png) center center no-repeat; }


/*Add by Channel*/
.regmodify .control-label { text-align: left; }
div.regmodifytext { color: #1cabe2; font-weight: bold; line-height: 36px; font-size: 30px; }

#photo-tab { padding: 0 70px; }
#photo-tab .owl-prev { width:30px; height:45px; position:absolute;left: 15px; top: 0; background:  url(../images/homeleft.png) center center no-repeat;}
#photo-tab .owl-next {width:30px; height:45px; position:absolute;right: 15px; top: 0; background:  url(../images/homeright.png) center center no-repeat; }
#photo-tab .owl-wrapper-outer { border-bottom: 1px solid #1cabe2; padding-bottom: 15px; padding-bottom: 0; }
#photo-tab .owl-item { background-color: #d2d2d2; color: #000; padding: 0px 0px; text-align: center; border: 2px solid #fff; border-bottom: 2px solid #1cabe2; }
#photo-tab .owl-item:hover { background-color: #1cabe2; color: #fff; }
#photo-tab .owl-item.active { background-color: #1cabe2; color: #fff; }
#photo-tab .owl-item a { color: #000; text-decoration: none; display: inline-block; width: 100%; height: 40px; line-height: 40px; }
#photo-tab .owl-item:hover a { color: #fff; }
#photo-tab .owl-item a.active { color: #000; }
#photo-tab .owl-item.active a { color: #fff; }

.teachingphotobox { position: relative; margin-bottom: 30px;  }
.teachingphotobox .label { position: absolute; padding: 10px 15px 10px 35px; color: #fff; top: 15px; left: 15px;font-size: 14px; transition: .3s ease-out; z-index: 99; background:  #1cabe2 url(../images/news-icon1.png) 10px center no-repeat; }
.teachingphotobox:hover .label { color: #1cabe2; background:  #fff url(../images/news-icon2.png) 10px center no-repeat; }

/*
.lectureformtitle2 { font-size: 18px; line-height: 30px; color: #1cabe2; font-weight: bold; text-align: center; }
.table1 { text-align: center; margin-top: 30px; }
.table1title { text-align: center; margin-top: 30px; }
.table.table1 > thead > tr > th, .table.table1 > tbody > tr > th, .table.table1 > tfoot > tr > th, .table.table1 > thead > tr > td, .table.table1 > tbody > tr > td, .table.table1 > tfoot > tr > td { border: 1px solid #ddd; }
.table1 input { border: none; }

.table2 { padding: 30px; border: 1px solid #ddd; }
@media(max-width: 440px) {
    .table2 { padding: 30px 5px; }
}
.table2text { margin: 5px 0; }
.table2 input { border: none; border-bottom: 1px solid #000; }
.lectureformback2 { margin: 50px; text-align: center; }
a.lectureformback2-1 { background-color: #ffc700; font-size: 24px; padding: 12px 35px; border: none; text-decoration: none; color: #fff; margin: 0 10px; }
a.lectureformback2-2 { background-color: #1cabe2; font-size: 24px; padding: 12px 35px; border: none; text-decoration: none; color: #fff; margin: 0 10px; }
.table3text { margin-top: 30px; }

@media(max-width:768px){
    .lectureformbody2{ margin:20px 0 0 0;}
}
*/

.lectureformtitle2 { font-size: 18px; line-height: 30px; color: #1cabe2; font-weight: bold; text-align: center; }
.table1 { text-align: center; margin-top: 30px; }
@media(max-width: 440px) {
    .table1 { margin-top: 0; }
}
.table1title { text-align: center; margin-top: 30px; }
.table.table1 > thead > tr > th, .table.table1 > tbody > tr > th, .table.table1 > tfoot > tr > th, .table.table1 > thead > tr > td, .table.table1 > tbody > tr > td, .table.table1 > tfoot > tr > td { border: 1px solid #ddd; }
.table1 input { border: none; }

.table2 { padding: 30px; border: 1px solid #ddd; }
@media(max-width: 440px) {
    .table2 { padding: 30px 5px; }
}
.table2text { margin: 5px 0; }
.table2 input { border: none; border-bottom: 1px solid #000; }
.lectureformback2 { margin: 50px; text-align: center; }
a.lectureformback2-1 { background-color: #ffc700; font-size: 24px; padding: 12px 35px; border: none; text-decoration: none; color: #fff; margin: 0 10px; }
a.lectureformback2-2 { background-color: #1cabe2; font-size: 24px; padding: 12px 35px; border: none; text-decoration: none; color: #fff; margin: 0 10px; }
.table3text { margin-top: 30px; }

.input1 { width: 100%; height: 100%; }
.input2 { width: 100%; }

@media(max-width: 440px) {
    .lectureformbody2 form { margin-top: 30px; }
}

.lectureformbody2 input {outline:medium;}

.teaching-tab { margin-bottom: 30px; }
.teaching-tab a { text-decoration: none; text-align: center; padding: 10px 30px; margin-right: 5px; }
@media(max-width: 440px) {
.teaching-tab a { display: block; margin-bottom: 5px; }
}
.teaching-tab-style1 { background-color: #4d2d78; color: #fff; }
.teaching-tab-style2 { background-color: #ebecda; color: #000; }
.teaching-tab-style1:hover { background-color: #4d2d78; color: #fff; }
.teaching-tab-style2:hover { background-color: #ebecda; color: #000; }
.teaching-more a { color: #90b75a; text-decoration: none; font-size: 16px; }

.ppkrighttab { margin:0 0 20px 0; }
.ppkrighttab a { text-decoration: none; text-align: center; background-color: #1cabe2; color: #fff; padding: 10px 20px; }

.videomore { margin: 80px 0 40px; text-align: center; }
@media(max-width: 440px) {
.videomore { margin: 20px 0 40px; }
}
.videomore a { text-decoration: none; text-align: center; background-color: #1cabe2; color: #fff; padding: 15px 30px; font-weight: bold; font-size: 18px; }

.downloadform .modal-body { padding: 20px; }
.downloadform .modal-body form { margin: 30px 0; }
.downloadformpeople { width: 100px; }
.downloadform .modal-body button { font-size: 16px; }
.downloadform .modal-dialog { margin: 100px auto; }

@media(min-width: 768px){
    .home-about{ padding:60px 0 0 0;}
}

.inner-page ol li{ list-style: decimal;}

/* add  moblie_banner style */


@media(min-width: 767px)and (max-width: 1023px){
	.logo-1 img {height: 130px;}
}
@media(max-width: 767px){
.banner .banner1 {
    position: relative;
    top: 35px;
    margin-top: 32px;
}
}
hr{ color: #cccccc;}

@media(min-width: 768px){
    .sub-cat{background-color: #ffc700;border: 2px solid #ffc700;padding: 5px!important;color: #000!important; text-shadow: 0px 0px 0px #fff!important;max-width: 109px!important;margin-top:8px;}
    .sub-cat:hover{background-color: #ffc700!important;}
    .top-nav-collapse .menu-bottom .sub-cat {
    margin-top:0px;
}

}
@media(max-width: 767px){
   .sub-cat{background-color: #ffc700;border: 2px solid #ffc700;padding: 5px!important;color: #000!important; text-shadow: 0px 0px 0px #fff!important;max-width: 84px!important;margin-top:8px!important;margin-left:15px; }  
}
iframe {max-width:100%!important;}
/* add 亮 */
#checkbox-menu li{
    float: left;
    font-size: 14px;
    margin-right: 10px;
    display: flex;
}
#expect-menu{
    list-style: none;
}
#expect-menu li{
    display: flex;
}