.danhgia{position: relative; padding: 50px 0; }
.danhgia:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgb(255 255 255 / 75%);}
.danhgia-title{position: relative; margin-bottom: 30px; text-align: center;}
.danhgia-title i{position: absolute; top: -13px; right: 0; bottom: 0; left: 0; margin: auto; font-size: 80px; color: rgb(0 0 0 / 10%)}
.danhgia-title h2{position: relative; font-size: 20px; text-transform: uppercase; color: #0aab0d;}
.danhgia-title h3{position: relative; max-width: 580px; margin: auto; font-weight: 400;}
.danhgia .owl-nav{width: 90px; margin: 25px auto 0;}
.danhgia .owl-nav button{width: 40px; height: 40px; background-color: #0aab0d; border: 1px solid #777!important;}
.danhgia .owl-nav button.owl-prev{float: left;}
.danhgia .owl-nav button.owl-next{float: right;}
.danhgia .owl-nav button i{display: block; color: #333;}
.danhgia-item{padding: 5px;}
.danhgia-wrap{padding: 15px; background-color: rgb(255 255 255 / 50%); box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); border-radius: 10px; text-align: center;}
.danhgia-img{position: relative; max-width: 250px; margin: 0 auto 30px;}
.danhgia-img img{width: calc(100% - 10px); border: 5px solid #fff; border-radius: 50%;}
.danhgia-img i{position: absolute; right: 0; bottom: -15px; left: 0; display: block; width: 30px; margin: auto; background-color: #fff; border-radius: 50%; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); font-size: 18px; text-align: center; line-height: 30px; color: #ec1a23;}
.danhgia-prev{margin-bottom: 15px;}
.danhgia-prev i{color: #fc0;}
.danhgia-name{display: block; font-size: 16px; font-weight: 700; color: #000;}.letter{padding: 40px 0;}
.letter-name{margin-bottom: 40px; font-size: 24px; text-transform: uppercase; color: #008000;font-weight: bold;}
.letter-name:after{content: ''; display: block; width: 70px; height: 2px; background: #008000;}
.letter-content{font-size: 16px;}
.letter-more{width: 150px; transition: all 0.125s ease 0s;border: 2px solid #0aab0d;border-radius: 29px;text-transform: uppercase;color: #008000;}
.letter-more a:hover{color: red;}
.letter-more a{display: block; text-align: center; line-height: 50px; color: #008000;}
.letter-picture img{
    width:90%;
	height:auto;
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.letter-picture img:hover{
    transform: scale(1.1);
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
@media (min-width:320px){
    .letter-picture,
    .letter-content{margin-bottom: 30px;}
}
@media (min-width:970px){
    .letter-info{float: left; width: 45%; margin-bottom: 0;}
    .letter-picture{float: right; width: calc(55% - 120px); padding: 0 60px;}
}
@media (min-width:1170px){
    .letter-content{margin-bottom: 60px;}
}.introduce-1{padding: 50px 0 20px; background-size: 460px;background-color: #f9f9f9;}
.introduce-1 img{width: 100%;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.introduce-1 img:hover{
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
	filter: brightness(1.1);
	box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
}
.introduce-1-name{padding: 16px 15px;font-size: 16px;color: #000;border-top: 1px solid #ddd;font-weight: bold;}
.project-title{margin-bottom: 25px;font-size: 24px;font-weight: bold;text-transform: uppercase;text-align: center;text-transform: uppercase;color: #0aab0d;}
.introduce-2{position: relative; padding: 50px 0 20px;}
.introduce-2-list{display: flex; flex-flow: row wrap;}
.introduce-2-prev{margin-bottom: 30px; font-size: 15px;}
.introduce-2-item{margin-bottom: 30px;}
.introduce-2-name{float: left; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #0aab0d;}
.introduce-2-cont{float: left;font-size: 15px;  text-align: justify;}
@media (min-width:768px){
    .introduce-2-item{float: left; width: calc(50% - 15px); margin-right: 30px;}
    .introduce-2-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){    
    .intro-txt{
        float: right;
        width: 505px;
    }
    .introhot-img {
      float: left;
      display: block;
      width: 560px;
    }
}.update{padding: 35px 0 35px;background-color: #f9f9f9;}
.update-title{margin-bottom: 30px;}
.update-title:after{content: ''; display: block; width: 100px; height: 2px; margin: auto; background-color: #007236;}
.update-title a{display: block; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center; line-height: 45px; color: #007236;}
.update-item{float: left; margin-bottom: 15px;}
.update-text{padding: 15px; background-color: #fff;}
.update-text span{color: #777;}
.update-text a{display: block; max-height: 50px; font-size: 16px; font-weight: 700; color: #0aab0d; overflow: hidden; transition: all 0.25s ease 0s;text-align: center;}
.update-text p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #777;}
.update-item:hover .update-text a{color: #007236;}
.update-txt ul{padding: 0 15px;}
.update-txt ul li{line-height: 22px;margin-bottom: 15px;font-weight: bold;font-size: 16px;}
@media (min-width:320px){
    .update-item{width: 100%; margin-left: 15px;}
    .update-item:nth-child(1), .update-item:nth-child(2), .update-item:nth-child(3){margin-left: 0;}
}
@media (min-width:768px){
    .update-item{width: 100%; margin-left: 15px;}
}
@media (min-width:970px){
    .update-list {
      float: left;
      display: block;
      width: 560px;
    }
    .update-txt{
        float: right;
        width: 505px;
    }    
}.breadcrumb ul{list-style: none;}
.breadcrumb li{font-size: 12px; float: left; height: 36px; line-height: 36px; margin-bottom: 15px;}
.breadcrumb ul li+li:before{content: ""; display: inline-block; padding: 0; margin: 0 2px 0 7px;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #5b5c5b;}
.breadcrumb>li+li:before{content: "/\00a0"; padding: 0 5px; color: #5b5c5b;}
.breadcrumb li a{color: #5b5c5b;}.comment{margin-top: 20px;}
.comment_title{font-size: 140%; margin-bottom: 10px; font-weight: bold;}
.comment_title span{font-weight: normal;}
.comment .commentItem{position: relative;}
.comment .commentItemF{width: 100%; margin: 0 0 10px;}
.comment input{}
.comment input[type="submit"]{float: right; width: 70px; margin: 0; background: #337abc;}
.comment label.error{position: absolute; color: red; right: 7px; top: 5px; font-size: 12px; }
.list_comment li{list-style: none; padding: 15px 0;}
.list_comment li.commentli{}
.list_comment_ava{float: left; width: 35px; height: 35px; margin-right: 10px;display: none;}
.list_comment_ava img{max-width: 100%; height: auto;}
.list_comment_content{padding-bottom: 5px;}
.list_comment_name{font-weight: bold; padding: 0 0 5px;}
.list_comment_name span{font-size: 11px; font-weight: normal; color: rgba(51,51,51,0.5);}
.list_comment_name a{color: #333; font-size: 12px; cursor: pointer; float: right; line-height: 17px;}
.list_comment_name a:hover{color: #00aff0;}
.list_comment_sub{margin: 0 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;}
.list_comment_sub li.last-child{padding: 10px 0 0;}
.comment_name, .comment_email {float: left;}

@media (min-width: 320px){
    .comment .commentItem{width: 100%; margin: 0 0 10px;}
}
@media (min-width: 480px){
    .comment .commentItem{width: 40%; float: left; margin: 0 10px 10px 0 ;}
}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #007dc5; font-weight: bold;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li span{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}

.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #007dc5; line-height: 29px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 20px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.HomeI{padding: 25px 0;}
.HomeI-name{font-family: UTMAlterGothic; font-size: 22px; margin-bottom: 5px; text-transform: uppercase;}
.HomeI-name a{color: #777;}
.HomeI-title{font-family: UTMAlterGothic; font-size: 30px; margin-bottom: 10px; text-transform: uppercase;}
.HomeI-title a{color: #007dc5;}
.HomeI-content{font-size: 14px; color: #343434; text-align: justify;}

@media (min-width: 320px){
    .HomeI-right{display: none;}
    .HomeI-left{width: 100%;}
}
@media (min-width: 970px){
    .HomeI-left{float: left; width: calc(100% - 474px);}
    .HomeI-right{float: right; width: 444px; display: block; margin-top: 48px;}
}
@media (min-width: 1170px){
    .HomeI-right{margin-top: 0;}
}.partner{padding: 10px 0 15px;}
.partner-logo{text-align: center; padding: 5px 0;}
.partner-logo img{display: inline-block!important;}
.partner .owl-carousel:before, .partner .owl-carousel:after{content: ''; display: block; width: 10px; height: 105px; position: absolute; top: 0;}
.partner .owl-carousel:before{left: 0; background: url(/components/home.partner/l.jpg) center;}
.partner .owl-carousel:after{right: 0; background: url(/components/home.partner/r.jpg) center;}.homeS{background: #f1f2f2; padding: 15px 0;}
.homeS-title{font-family: UTMAlterGothic; font-size: 30px; text-transform: uppercase; border-bottom: 1px solid #cfcdcd; margin-bottom: 15px;}
.homeS-title a{display: inline-block; color: #007dc5; border-bottom: 3px solid #007dc5; margin-bottom: -1px;}
.homeS-item{float: left; display: block; border: 1px solid #cfcdcd; padding: 2px; box-sizing: border-box; position: relative;}
.homeS-item span{display: block; position: absolute; bottom: 2px; width: calc(100% - 4px); text-align: center; background: rgba(0, 125,197, 0.75); color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0;}
.homeS-item:hover{border: 1px solid #007dc5;}

@media (min-width: 320px){
    .homeS-item{width: calc(50% - 10px); margin: 0 5px 15px;} 
}
@media (min-width: 767px){
     .homeS-item{width: auto; margin: 0 8px 15px;}
}
@media (min-width: 970px){
    .homeS-item{width: calc((100% - 30px) / 4); margin: 0 10px 15px 0;}
    .homeS-item-4{margin-right: 0;}
}
@media (min-width: 1170px){
    .homeS-item{width: calc((100% - 75px) / 4); margin: 0 25px 15px 0;}
    .homeS-item-4{margin-right: 0;}
}.homeW-title{font-family: UTMAlterGothic; font-size: 30px; text-transform: uppercase; border-bottom: 2px solid #cfcdcd; margin-bottom: 15px;}
.homeW-title a{display: inline-block; color: #007dc5; border-bottom: 3px solid #007dc5; margin-bottom: -3px;}
.homeW-item{float: left;}
.homeW-img{background: #fff; padding: 2px; border: 1px solid #cfcdcd; margin-bottom: 7px;}
.homeW-name{font-size: 14px; font-weight: bold; margin-bottom: 5px; overflow: hidden;}
.homeW-name a{display: block; color: #222121;}
.homeW-prev{color: #444; overflow: hidden; margin: 0 0 10px 0;}
.homeW-item:hover .homeW-name a, .homeN-item:hover .homeW-name a{color: #007dc5;}

.homeN .owl-nav{width: 65px; position: absolute; top: -55px; right: 0;}
.homeN .owl-nav div{width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 15px; font-weight: bold; color: #cfcdcd; border: 1px solid #cfcdcd;}
.homeN .owl-nav div:hover{color: #007dc5; border: 1px solid #007dc5;}
.homeN .owl-nav div.owl-prev{float: left;}
.homeN .owl-nav div.owl-next{float: right;}

@media (min-width: 320px){
    .homeW,
    .homeN,
    .homeW-item{width: 100%;}
}
@media (min-width: 480px){
    .homeW-item{width: calc((100% - 5px) / 2); margin-right: 5px;}
    .homeW-item-2{margin-right: 0;}
    .homeW-item-3{display: none;}
}
@media (min-width: 580px){
    .homeW-item{width: calc((100% - 10px) / 3); margin-right: 5px;}
    .homeW-item-2{margin-right: 5px;}
    .homeW-item-3{display: block; margin-right: 0;}
}
@media (min-width: 767px){
    .homeW-item{width: calc((100% - 50px) / 3); margin-right: 25px;}
    .homeW-item-3{margin-right: 0;}
}
@media (min-width: 970px){
    .homeW{float: left; width: 700px;}
    .homeN{float: right; width: calc(100% - 725px);}
}.menu-desk{position: relative; height: 41px; background: url(/components/menu/bg.png) repeat-x; font-family: Tahoma; z-index: 100;}
.menu-desk ul#navigation{list-style: none;}
.menu-desk ul#navigation li{list-style: none; float: left; position: relative; background: url(/components/menu/li.png) top right no-repeat;}
.menu-desk ul#navigation li:nth-last-child(1){background: none;}
.menu-desk ul#navigation li.menu-none{display: none;}
.menu-desk ul#navigation li a{display: block; color: #fff; line-height: 41px; text-transform: uppercase;}
.menu-desk ul#navigation li.active> a,
.menu-desk ul#navigation li:hover > a{color: #ffff00;}

.menu-desk ul#navigation li > ul{opacity: 0;}
.menu-desk ul#navigation li:hover > ul{visibility: visible; opacity: 1;}
.menu-desk ul#navigation li:hover > ul li{visibility: visible;}
.menu-desk ul#navigation ul,
.menu-desk ul#navigation ul li ul{top: 100%; left: 0; float: left; visibility: hidden; position: absolute; z-index: 999; width: 195px; display: none;}
.menu-desk ul#navigation ul li{width: 100%; background: none; border-bottom: 1px solid #fff;}
.menu-desk ul#navigation ul li:nth-last-child(1){border-bottom: 0;}
.menu-desk ul#navigation ul li a{background: url(/components/menu/bg.png) center center repeat-x; line-height: normal; padding: 7px 5px 7px 10px; text-transform: none;}
.menu-desk ul#navigation ul li a:hover{color: #ffff00;}

.menu-mobile{background: url(/components/menu/bg.png); height: 41px; line-height: 41px; color: #fff; font-size: 20px; font-weight: bold;}
.menu-mobile i{padding-left: 10px;}

@media (min-width: 320px){
    .menu-mobile{display: block;}
    .menu-desk{display: none;}
    
}
@media (min-width: 970px){
    .menu-mobile{display: none;}
    .menu-desk{display: block;}
    .menu-desk ul#navigation li a{padding: 0 10px; font-size: 13px;}
}
@media (min-width: 1170px){
    .menu-desk ul#navigation li a{padding: 0 17px; font-size: 15px;}
}.news-other{float: left;}
.news-other-item{padding: 0 5px 15px; position: relative; line-height: 15px;}
.news-other-img{margin-bottom: 5px; position: relative;}
.news-other-name{margin: 5px 0 7px; font-weight: bold; height: 30px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.news-other-name a{color: #333; display: block;}
.news-other-prev{color: #808080; height: 45px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

@media (min-width:320px){
    .news-other{width: 50%;}

}
@media (min-width:360px){

}
@media (min-width:480px){

}
@media (min-width:580px){
    .news-other{width: 33.33333%;}

}
@media (min-width:767px){

}
@media (min-width:970px){

}
@media (min-width:1070px){

}.news-item{margin: 0 0 20px;}
.news-item-last{}
.news-name{font-size: 14px; font-weight: bold; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.news-name a{color: #0079c2;}
.news-item:hover .news-name a{color: #ff0000;}
.news-time{font-size: 11px; line-height: 20px; margin: 10px 0;}
.news-time a{display: inline-block; background: #808080; color: #fff; margin-right: 7px; padding: 0 7px;}
.news-time a:hover{background: #0079c2;}
.news-time span{color: #808080;}
.news-prev{color: #333; line-height: 20px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

@media (min-width:320px){
    .news-img{margin: 0 0 10px;}
}
@media (min-width:480px){
    .news-img{float: left; width: 220px; margin: 0 20px 0 0;}
}.intro-list{position: relative;}
.intro-list:after{content: ''; height: 100%; background: #fff; position: absolute; top: 0; right: 0;}
.intro-item{box-sizing: border-box;}
.intro-img{overflow: hidden; margin-bottom: 25px;}
.intro-name{font-size: 20px; font-weight: bold;}
.intro-name a{color: #003478;}

@media (min-width:320px){
    .intro-item{width: 100%; border-bottom: 1px dotted #808080; margin-bottom: 20px; padding: 0 0 10px;}
}   
@media (min-width:360px){

}
@media (min-width:480px){
    .intro-list:after{width: 1px;}
    .intro-img{height: 175px; overflow: hidden; margin-bottom: 25px;}
    .intro-item{float: left; width: calc(100% / 2); border-right: 1px dotted #808080; border-bottom: 0; padding: 10px; margin: 0;}
    .intro-item:nth-child(1){width: 100%; border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(2){border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(3){border-bottom: 1px dotted #808080;}
}
@media (min-width:580px){

}
@media (min-width:767px){
    
}
@media (min-width:940px){
    .intro-list:after{width: 2px;}
    .intro-item{width: calc(100% / 3);}
    .intro-item:nth-child(1){width: calc(100% - (100% / 3)); border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(2){border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(3){border-bottom: 0;}
}#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:580px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:580px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:580px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:580px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}
#wowslider-container1 .ws_bullets a { 
	width:17px;
	height:17px;
	background: url(/components/slide/bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin-left:5px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: 0 50%;
}
#wowslider-container1 .ws_bullets a.ws_selbull{
	background-position: 0 100%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	top: calc(50% - 32px);
	margin-top:-2em;
	z-index:60;
	height: 64px;
	width: 64px;
	background-image: url(/components/slide/arrows.png);
	opacity: 0.8;	
	background-size: 200%;
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:2.1em;
}
#wowslider-container1 a.ws_prev {
	left:2.1em;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	opacity: 1;
}
#wowslider-container1 a.ws_prev:hover {
	opacity: 1;
}  

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.5em;
    height: 4.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2em;
    margin-top: -2em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(./play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title{
    margin: 0;
    padding:0;
	position:absolute;
    bottom: 25%;
    left: 15%;
	font-family: Times New Roman;
    font-weight: bold;
    font-style: italic;
	color:#00aff0;
	z-index: 50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	
}
#wowslider-container1 .ws-title div{
    font-size: 36px;
}
#wowslider-container1 .ws-title span{
    font-size: 52px;
}

#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	display:none;
}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev,
#wowslider-container1:hover .ws_playpause {
	display:block
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 8s infinite;
	-moz-animation: wsBasic 8s infinite;
	-webkit-animation: wsBasic 8s infinite;
}
@keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-moz-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }

#wowslider-container1 .ws_images  img{
    border-radius: 0; 
	-moz-border-radius:0;
	-webkit-border-radius:0;

}
#wowslider-container1 .ws_effect img{
	border-radius: 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:20px;
	left:-72px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:144px;
	background-color:#FFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:18px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-10px;
	margin-left:-6px;
	left:72px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}#wowslider-container1 .ws_hovershow {
    /*display: none !important; */
    opacity: 0;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

#wowslider-container1:hover .ws_hovershow {
    /*display: block !important;*/
    opacity: 1;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 18px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
}

#wowslider-container1 .pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .play {
    background-image: url(./play.png);
}

#wowslider-container1 .pause:hover, #wowslider-container1 .play:hover {
    background-position: 100% 100% !important;
}

#wowslider-container1 .ws_fullscreen {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 15px;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
    background-image: url(./fullscreen.png);
}

div#ws_fullscreen:-moz-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-webkit-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:fullscreen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-moz-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:-webkit-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:fullscreen {
    background-color: #000;
    height: 100%;
}.study-item{float: left;}
.study-img{border: 1px solid #d7d7d7; padding: 5px; margin-bottom: 10px;}
.study-name{font-size: 17px; line-height: 19px; font-weight: bold; height: 38px; margin-bottom: 3px; overflow: hidden;}
.study-name a{color: #0079c2;}
.study-item:hover .study-name a{color: #ff0000;}
.study-prev{line-height: 17px; height: 51px; overflow: hidden; margin-bottom: 5px;}

@media (min-width:320px){
    .study-item{width: 100%; margin: 0 0 20px 0;}
}
@media (min-width:480px){
    .study-item{width: calc(50% - 2.5px); margin: 0 5px 20px 0;}
    .study-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .study-item{width: calc(50% - 5px);  margin: 0 10px 20px 0;}
    .study-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:1170px){
    .study-item{width: calc(33.33333% - 7px);  margin: 0 10px 20px 0;}
    .study-item:nth-child(2n){margin-right: 10px;}
    .study-item:nth-child(3n){margin-right: 0;}
}