.breadcrumb{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.breadcrumb ul li{font-size: 12px; float: left; list-style: none;}
.breadcrumb ul li+li:before{content: ""; display: inline-block; padding: 0; margin: 0 4px 0 10px;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;}
.breadcrumb>li+li:before{content: "/\00a0"; padding: 0 5px;}
.breadcrumb li a{color: black;}

.breadcrumbwnb{ padding: 0; border: 0; line-height: 17px;}

@media (min-width: 320px){
    .mobile-child{display: none;}
    .breadcrumbwnb{margin: 6.25px 0 1.5625px;}
}
@media (min-width: 480px){
    .breadcrumbwnb{margin: 12.5px 0;}
}
@media (min-width: 580px){
    .TTdetailLeft{width: 567px;}
    .mobile-child{display: block;}
    .breadcrumbwnb{float: left;}
}.calendar{margin: 0 0 15px;}
.calendar_title{text-transform: uppercase;background: #2790f5;font-size: 14px;text-align: center;padding: 10px 0;color: white;}
.calendar #vncal{display: none;}
.calendar_left{float: left;background: #e9fbf4;color: #3d3d3d;font-size: 12px;text-align: center;padding: 7px 0;width: 50%;}
.calendar_right{float: right;}
.calendar_content{border: 1px solid #d7d7d7;border-top: 0;position: relative;}
.calendar_line{position: absolute;left: 50%;top: 0;bottom: 24px;width: 1px;background: #d7d7d7;}
.calendar_line_white{position: absolute;left: 50%;top: 0;width: 1px;height: 28px;background: white;}
.calendar_link{color: black;text-align: center;background: #e9fbf4;padding: 6px 0;font-size: 12px;}
.calendar_link a{color: black;}
.calendar_duong{float: left;width: 50%;text-align: center;padding: 7px 0 7px;}
.calendar_am{float: right;}
.calendar_thang{font-size: 12px;color: #818181;}
.calendar_ngay_duong{color: #006958;font-size: 60px;}
.calendar_ngay_am{color: #006958;font-size: 40px;}
.calendar_thu_duong{font-weight: bold;font-size: 20px;color: #818181;}
.calendar_detail_am{color: #818181;font-size: 11px;line-height: 15px;padding-top: 1px;}.fc-calendar-container {
	position: relative;
	height: 200px;
}

.fc-calendar {
	width: calc(100% - 2px);
	height: 100%;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.fc-calendar .fc-head {
	height: 30px;
	line-height: 30px;
	background: #d7d7d7;
    color: #006958;
    font-weight: bold;
}

.fc-calendar .fc-body {
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
}

.fc-calendar .fc-row {
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
}

.fc-four-rows .fc-row  {
	height: 25%;
}

.fc-five-rows .fc-row  {
	height: 20%;
}

.fc-six-rows .fc-row {
	height: -moz-calc(100%/6 - 1px);
	height: -webkit-calc(100%/6 - 1px);
	height: calc(100%/6 - 1px);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
	float: left;
	width: -moz-calc(100%/7 - 5px);
	width: -webkit-calc(100%/7 - 5px);
	width: calc(100%/7 - 5px);
    height: -moz-calc(100% - 4px);
	height: -webkit-calc(100% - 4px);
	height: calc(100% - 4px);
	position: relative;
    padding: 2px;
    border-right: 1px solid #d7d7d7;
    cursor: pointer;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
	width:  14.2%;
}

.fc-calendar .fc-row > div {
	overflow: hidden;
	position: relative;
}

.fc-calendar .fc-head > div {
	text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
	position: absolute;
	width: 24px;
	height: 14px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
}

.fc-calendar .fc-row > div > span.fc-weekday {
	padding-left: 5px;
	display: none;
}

.fc-calendar .fc-row > div.fc-today {
	background: #d7d7d7;
}

.fc-calendar .fc-row > div.fc-out {
	opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
	border-right: none;
}

.fc-calendar .fc-row:last-child {

}

.fc-calendar .fc-row > div > span.am {
    text-align: right;
    font-size: 9px;
    line-height: 100%;
    color: #006958;
    position: absolute;
    bottom: 0;
    right: 1px;
}.cmsn{margin: 10px 0 0;}
.cmsntitle{background: url(/components/col.lichthang/cake.png) no-repeat left top; font-weight: bold; color: #d30203; padding: 15px 0 4px 35px; margin: 0 0 5px;}
.cmsnitem{line-height: 22px;}
.cmsnitem span{float: left; color: #006958; padding-left: 5px;}
.cmsnitem label{float: right; color: #d30203; padding-right: 10px;}
.cmsnview{display: block; color: #333333; font-style: italic; font-size: 12px; margin: 3px 0 0;}
.cmsnview:hover{color: #d30203;}

.calendar_post{margin-bottom: 15px;}
.calendar_post_right{float: right; width: 100%;}
/* Custom calendar elements */
.custom-calendar-wrap {margin: 0 auto;position: relative;overflow: hidden;}
.custom-inner {background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}

.custom-inner:before,
.custom-inner:after  {content: '';width: 99%;height: 50%;position: absolute;background: #f6f6f6;bottom: -4px;left: 0.5%;z-index: -1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.custom-inner:after {content: '';width: 98%;bottom: -7px;left: 1%;z-index: -2;}
.custom-header {background: #006958;height: 33px;line-height:33px;position: relative;text-align: center;text-transform: uppercase;color: #fff;}
.custom-header h2,.custom-header h3 {text-align: center;font-size: 100%;display: inline-block;padding: 0 2px; position: relative; z-index: 1;}
.custom-header:before{content: ''; height: 16.5px; width: 100%; position: absolute; top: 0; left: 0; background: #007764; z-index: 0;}
.custom-header nav a span {
    z-index: 1;
    text-align: start;
	position: absolute;
	top: 7px;
	width: 20px;
	height: 20px;
	color: transparent;
	cursor: pointer;
	font-size: 15px;
	line-height: 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-header nav a#y-prev span {
	left: 5px;
}

.custom-header nav a#y-next span {
	right: 5px;
}

.custom-header nav a#m-prev span {
	left: 25px;
}

.custom-header nav a#m-next span {
	right: 25px;
}

.custom-header nav a span:before {
	font-family: 'FontAwesome';
	color: white;
	position: absolute;
	text-align: center;
	width: 100%;
}

.custom-header nav a#m-prev span.custom-prev:before {
	content: '\f104';
}

.custom-header nav a#m-next span.custom-next:before {
	content: '\f105';
}

.custom-header nav a#y-prev span.custom-prev:before {
	content: '\f100';
}

.custom-header nav a#y-next span.custom-next:before {
	content: '\f101';
}

.custom-header nav a span:hover:before {
	color: #d30203;
}

.custom-content-reveal {
	background: #f6f6f6;
	background: rgba(246, 246, 246, 0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0px;
	text-align: center;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.custom-content-reveal span.custom-content-close {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #ef4f69;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	cursor: pointer;
	line-height: 13px;
	padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
	content: 'x';
	font-size: 18px;
	color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
	font-size: 22px;
	padding: 10px 30px;
	display: block;
}

.custom-content-reveal h4 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 3px;
	color: #777;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-top: 5px solid #2790f5;
	box-shadow: 0 1px rgba(255,255,255,0.9);
	margin-bottom: 30px;
}

.custom-content-reveal span {
	color: #888;
}

.custom-content-reveal a {
	color: #2790f5;
}

.custom-content-reveal a:hover {
	color: #333;
}

.solarTop {
	text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: white;padding: 8px 0;
    background-color: #2790f5;
}
.solarDay{
	text-align: center;
    font-size: 400%;
    font-size: 215px;
    font-weight: bold;
    color: #d2577e;
}
.dayOfWeek {
	text-align: center;color: #818181;margin-bottom: 20px;
    font-size: 30px;text-transform: uppercase;
}

.lunar-wrap .left-content, .lunar-wrap .right-content{
	display: inline-block;
    width: 50%;
}
.lunar-wrap div span{
	text-align: center;
    font-size: 20px;
    color: #818181;
    display: block;
    width: 100%;
}
.lunar-wrap .right-content span{font-size: 18px;line-height: 23px;}
.lunar-wrap div span.lunarD{
	font-size: 40px;color: #ac4361;
}
.best-hours{
	padding: 11px;margin-top: 8px;
    color: #2790f5;background: rgba(39,144,245,0.1);
    font-style: italic;
}
.holiday-wrap{
	text-align: center;color: red;
    font-size: 15px;    
    font-weight: bold;
}
.holiday-wrap .lular-holiday{
	color: #FF33CC;
}
.holiday-wrap .solar-holiday{
	color: #00D0FF;
}
#select-view{
	background: #2790f5;
    padding: 5px;
    color: #FFF;
}
.btn{
	border: none;
    padding: 3px 10px;
    background: rgb(50, 115, 177);
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 2px;
}
.btn i{vertical-align: text-top;}
.txt-year{
	max-width: 40px;
    text-align: center;
    border: 0;padding: 2px 0;outline: 0;
    -moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;
}
#select-view select{border: 0;padding: 1px 5px;outline: 0;
    -moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;}.colmenu{margin: 0 0 15px;}
.colmenu ul{list-style: none; line-height: 33px; border: 1px solid #d7d7d7; border-top: 0; padding: 0 5px;}
.colmenu ul li a{display: block; color: #006958; border-bottom: 1px dashed #d7d7d7;}
.colmenu ul li a.colbold{font-weight: bold;}
.colmenu ul li a:hover{color: #d30203;}
.colmenu ul li.active a{color: #d30203; font-weight: bold;}

.colmenu ul li ul{border: 0; padding: 0;}
.colmenu ul li ul li a{padding: 0 0 0 10px;}
.colmenu ul li ul li a i{width: 15px;}

.colmenu ul li.last-child a{border-bottom: 0;}
.colmenu ul li ul li.last-child a{border-bottom: 1px dashed #d7d7d7;}
.colmenu ul li.last-child ul li a{border-top: 1px dashed #d7d7d7;}
.colmenu ul li.last-child ul li.last-child a{border-bottom: 0;}
.coltitle{height: 33px; line-height: 33px; font-size: 14px; text-transform: uppercase; position: relative; background: #006958; font-family: Tahoma;}
.coltitle:before{content: ''; height: 16.5px; width: 100%; position: absolute; top: 0; background: #007764; z-index: 0;}
.coltitle a{display: block; text-align: center; color: #fff; position: relative; z-index: 1;}

.colttnb{margin: 0 0 15px;}
.colttnb ul{border: 1px solid #d7d7d7; border-top: none; list-style: none; padding: 0 7px;}
.colttnb ul li{line-height: 18px; border-bottom: 1px solid #d7d7d7; padding: 10px 0;}
.colttnb ul li.last-child{border-bottom: none;}
.colttnb ul li img{float: left; margin: 0 10px 0 0;}
.colttnb ul li span{color: #006958; display: block; overflow: hidden; height: 36px;}

.coltvha{border: 1px solid #d7d7d7; border-top: none; padding: 15px 8px 0; margin: 0 0 15px;}
.coltvha img{float: left; width: calc(50% - 8px); margin: 0 0 15px; border: 2px solid #006958;}

.colmap{height: 259px; border: 1px solid #d7d7d7;}

.colspnb{border: 1px solid #d7d7d7; border-top: none; padding: 10px 0 0; margin: 0 0 15px;}
.colspnb ul{list-style: none;}
.colspnb ul li{line-height: 20px; margin: 0 0 10px; height: 300px;}
.colspnb ul li.last-child{margin: 0;}
.colspnb ul li img{margin: 0 auto 10px;}
.colspnb ul li span{color: #006958; display: block; overflow: hidden; height: 20px; text-align: center;}

.colhttt{border: 1px solid #d7d7d7; border-top: none; padding: 10px 0; margin: 0 0 15px; background: #e9fbf4;}
.colhttt{font-size: 14px; font-family: Tahoma; text-align: center; color: #333333; line-height: 26px;}
.colhttt img{display: inline-block; margin: 10px 0 0;}

.coltg{}
.coltg table{width: 100%; border-collapse: collapse;}
.coltg table, .coltg th, .coltg td{border: 1px solid #d7d7d7;}
.coltg th, .coltg td{padding: 3px;}.register_item{margin-bottom: 15px;position: relative;}
.register_item label{display: inline-block;width: 100px; line-height: 36px; font-weight: bold;}
.register_item button{font-size: 14px; background: #006958; border: 0; display: inline-block; padding: 10px 20px; color: #fff;}
.alert-danger{color: #b94a48; background-color: #f2dede; border-color: #eed3d7;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    line-height: 18px;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.alert-success{border-left: 5px solid #ff0000; margin-bottom: 10px; color: #fff; background: rgba(255, 0, 0, 0.75); padding: 10px;}
.login_forget_item{margin-bottom: 15px;position: relative;}
.login_forget_item button{outline: 0; background: #006958; border: 0;display: inline-block; padding: 10px 20px; color: #fff; cursor: pointer;}

#frm_register p{font-weight: bold; font-size: 15px; display: block; margin-bottom: 10px; text-transform: uppercase;}
.register_img a{display: inline-block; padding: 8px 20px; background: #006958; color: #fff; margin-bottom: 5px;}
#thumbbox{float: left; position: relative;}
#thumbbox img{max-width: 200px; height: auto; margin-right: 20px;}
#thumbbox i{position: absolute; color: #ff0000; font-size: 17px; top: 5px; right: 25px; display: none;}

@media (min-width: 320px){
    .register, .login_forget{width: 100%; margin: auto;}
    .register_item input[type='text'],
    .register_item input[type='password'],
    .login_forget_item input[type='text'],
    .login_forget_item input[type='password']{width: 196px;}
    
    .login_forget{width: 100%;margin: auto;}
    .register_item_add label{width: 100%;}
    .register_item_add select{width: 148px;}
}
@media (min-width: 480px){
    .register, .login_forget{width: 460px; margin: auto;}
    .register_item input[type='text'],
    .register_item input[type='password'],
    .login_forget_item input[type='text'],
    .login_forget_item input[type='password']{width: 356px;}
    
    .register_item_add select{width: 150px;}
    .register_item_add label{width: 100px;}
}
@media (min-width: 580px){

}
.login_required{font-size: 15px; margin: 0 0 15px; text-align: center;}

.login_forget{margin: auto; position: relative;}
.login_forget_item{margin-bottom: 15px; position: relative;}
.login_forget_item label{display: inline-block; width: 100px;}
.login_forget_item input[type='submit']{background: #006958; color: #fff;}
.login_forget_remember{display: inline-block;}
.login_forget_remember span{padding-right: 10px;}

.Error_Login{color: #ff0000; position: absolute; top: 0; right: 5px; line-height: 36px; z-index: 1;}

.userlogin ul{opacity: 0; display: none; position: absolute; top: 100%;right: 0;z-index: 100;min-width: 155px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.userlogin > ul > li{list-style: none;font-size: 13px;padding: 5px 10px;text-align: left;display: block !important;border: 0;background: white;}
.userlogin > ul > li > a{color: #666666;display: block;}
.userlogin > ul > li:hover{background: #357dc0;color: white;}
.navtop .navtop_r li .userlogin > ul > li:hover > a{color: white;}
.navtop .navtop_r li ul li {margin-left: 0;}

.userlogin:hover ul{display: block; opacity: 1;
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (min-width: 320px){
    .login_forget{width: 100%;}
    .login_forget_item input[type='text'], .login_forget_item input[type='password']{width: 196px;}
    .login_forget{width: 100%;margin: auto;}
    .login_forget_forget{padding-left: 103px;}
    .login_forget_remember{margin-bottom: 10px;}
}
@media (min-width: 480px){
    .login_forget{width: 460px;}
    .login_forget_item input[type='text'], .login_forget_item input[type='password']{width: 356px;}
    .login_forget_forget{padding-left: 10px;}
    .login_forget_remember{margin-bottom: 0px;}
}.tab{margin: 0 0 32.5px;}
.tab3{margin: 0;}
.tabtitle{list-style: none;}
.tabtitle li{line-height: 33px;}
.tabtitle li a{display: block; background: url(/components/home.tintuc/bgtitle.png); border: 1px solid #039b6d; color: #333;}
.tabtitle li a.active{font-weight: bold; background: #006958; border: 1px solid #069b38; color: #fff;}

.tabcontent{border: 1px solid #59c3b0; background: #e9fbf4;}

.tabitem{border-bottom: 1px solid #d7d7d7; padding: 0 0 15px; margin: 0 0 10px;}
.tabimg{border: 1px solid #59c3b0; background: #fff; padding: 2px;}
.tabname{font-weight: bold; font-size: 14px; line-height: 20px; overflow: hidden;}
.tabname a{color: #006958;}
.tabname2{line-height: 22px; padding: 0 0 0 20px; background: url(/components/home.tintuc/bgname.png) no-repeat top 7px left;}
.tabname2 a{color: #006958;}
.tabtime{color: #8d8d8d; font-size: 12px; padding: 7px 0 5px;}
.tabprev{line-height: 22px; text-align: justify;}

@media (min-width: 320px){
    .tabcontent{padding: 5px; margin: 0 0 -1px 0;}
    .tabtitle li{text-align: center;}
    .tabimg{margin: 0 0 10px ;}
}
@media (min-width: 480px){
    .tabtitle li{float: left; margin: 0 3px -1px 0; text-align: start;}
    .tabtitle li a{padding: 0 10px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
    .tabcontent{padding: 15px;}
    .tabimg{width: 195px; margin: 0 15px 0 0; float: left;}
    .tabname{max-height: 60px;}
    .tabname2{overflow: hidden; height: 22px;}
}
@media (min-width: 580px){
    .tabtitle li a{padding: 0 15px;}
    .tabname{max-height: 40px;}
}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none; font-size: 14px;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #333333; 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; 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; line-height: 31px; font-size: 20px; text-align: center; border: 1px solid #006958; 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: 480px){
}
@media (min-width: 580px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #006958;}
}
@media (min-width: 767px){
}
@media (min-width: 970px){
}
@media (min-width: 1130px){
}.menu{position: relative; z-index: 100; font-size: 14px; background: #006958;}
.menu:before{content: ''; height: 16.5px; width: 100%; position: absolute; top: 0; background: #007764;}
.menu ul#navigation{list-style: none; margin: 0px; position: relative; }
.menu ul#navigation li{float: left; position: relative; padding: 0; list-style: none;}
.menu ul#navigation li a{line-height: 33px; display: block; color: #fff;}
.menu ul#navigation li:hover,
.menu ul#navigation li.active{background: #d30203;}

.menu ul#navigation li:hover > ul{visibility: visible; opacity:1; margin: 0;}
.menu ul#navigation ul, .menu ul#navigation ul li ul{margin: 0; visibility: hidden; position: absolute; z-index: 9999; width: 225px; display: none;}
.menu ul#navigation ul{top: 100%; left: 0; border-top: 0;}
.menu ul#navigation ul li{width: 100%; border-bottom: 1px solid #007764;}
.menu ul#navigation ul li.last-child{border-bottom: 0;}
.menu ul#navigation ul li a{padding: 5px 10px; display: block; line-height: 20px; clear: both; background: rgba(0, 105, 88, 0.95);}
.menu ul#navigation ul li a:hover{background: rgba(0, 105, 88, 1);}
.menu ul#navigation ul li ul{left: 100%; top: 0; visibility: hidden;}
.menu ul#navigation ul li ul li a{background: rgba(0, 105, 88, 0.85);}

@media (min-width: 970px){
    .menu ul#navigation li a{padding: 0 16.5px;}
}
@media (min-width: 1000px){
    .menu ul#navigation li a{padding: 0 18px;}
}.partner{border: 1px solid #d7d7d7; background: #e9fbf4; margin: 0 0 10px;}
.partner li{width: 120px; height: 50px; margin: 10px 20px; position: relative;}
.partner li img{margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-height: 100%;}
.partnertitle{background: url(/components/partner/bg.png) no-repeat; line-height: 33px; color: #fff; padding-left: 15px; margin: 15px 0 10px;}.spslide{float: left; margin: 0 0 30px;}

.spinfo{float: right; margin: 0 0 20px;}

.spvalue{font-weight: bold; padding: 5px 0 15px; line-height: 25px;}
.spvalue span{font-size: 18px; color: #ff0000;}
.spvalue label{color: rgba(51,51,51,0.5); text-decoration: line-through; font-size: 14px;}

.sptitle{font-weight: bold; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; font-size: 14px;}
.sptitle span{border: 1px solid #d7d7d7; padding: 10px 15px 0; border-bottom-color: #fff;}

.spcart{padding: 10px 0; font-weight: bold; font-size: 14px;}
.spcart input{width: 50px;}
.spcart a{line-height: 36px; height: 36px; text-transform: uppercase; background: #ff0000; color: #fff; text-align: center; width: 150px; display: inline-block;}
.spcart a i{font-size: 15px; margin-right: 5px;}

@media (min-width:320px){
    .spslide, .spinfo{width: 100%;}
}
@media (min-width:480px){
    .spslide, .spinfo{width: calc(50% - 5px);}
}
@media (min-width:580px){
    
}
@media (min-width:767px){
    
}
@media (min-width:970px){
}
@media (min-width:1170px){
    .spslide{width: 320px;}
    .spinfo{width: 240px;}
}.spwrap{position: relative;}
/*.spwrap:after{position: absolute; width: 1px; height: 100%; left: 0; top: 0; background: #d7d7d7; content: '';}*/
.spitem{float: left; border: 1px solid #d7d7d7;}
.spdetail{text-align: center; font-weight: bold; padding: 5px;}
.spname{font-size: 14px; margin: 10px 0; height: 16px; overflow: hidden;}
.spname a{color: #006958;}
.spitem:hover .spname a{color: #d30203;}
.spmore{display: block; background: #e9fbf4; width: 50%; margin: auto; padding: 5px 0; color: #006958;}
.spmore i{margin: 0 0 0 5px; position: relative; left: 0;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.spmore:hover i{left: 5px;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
    
@media (min-width:320px){
    .spitem{width: calc((100% - 9px)/2); margin: 0 5px 5px 0;}
    .spitem2{margin-right: 0px;}
}
@media (min-width:480px){
    .spitem{width: calc((100% - 26px)/3); margin: 0 10px 10px 0;}
    .spitem3{margin-right: 0px;}
}#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:688px;
	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:688px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:688px;
	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:688px;
}

#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:13px;
	height:13px;
	background: url(./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:50%;
	margin-top:-2em;
	z-index:60;
	height: 64px;
	width: 64px;
	background-image: url(./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{
	position:absolute;
	display:block;
	font: 1.8em 'Open Sans', sans-serif;
	bottom: 1em;
	left: 0;
	margin: 0.5em;
	margin-left: 0; 
	padding:0.45em;
	background:#FFFFFF;
	color:#5d5d5d;
	z-index: 50;
	font-family:'Open Sans', sans-serif;
	-moz-border-radius:0 0.6em 0.6em 0;
	border-radius:0 0.6em 0.6em 0;   
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	
	-moz-box-shadow: 0 0 0.1em #5d5d5d;
    box-shadow: 0 0 0.1em #5d5d5d; 
}
#wowslider-container1 .ws-title div{
	padding-top:0.25em;
	font-size: 0.777em;
}#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%;
}.other{margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #d7d7d7;}
.otheritem{float: left;}
.otherimg{margin: 0 0 10px; overflow: hidden;}
.otherimg img{
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.otheritem:hover .otherimg img{
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.othername{font-weight: bold; font-size: 14px; overflow: hidden; text-align: center; height: 32px;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.othername a{color: #006958;}
.otheritem:hover .othername a{color: #d30203;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.otherphotos{float: left; margin: 0 5px 10px; display: block; position: relative; line-height: 30px; text-align: center;}
.otherphotos i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 30px; height: 30px; display: none;}
.otherphotos:hover i{display: block; font-size: 30px; color: #007764;}

@media (min-width:320px){
    .otheritem{margin: 0 3px 10px; width: 154px;}
    .otherphotos{width: calc(50% - 10px);}
}
@media (min-width:480px){
    .otheritem{width: 234px;}
    .otherphotos{width: calc(25% - 10px);}
}
@media (min-width:580px){
    .otheritem{width: 185px;}
    .otheritem3{margin-right: 0;}
}
@media (min-width:767px){
    .otheritem{margin: 0 5px 10px 0; width: 184px;}
    .otheritem3{margin-right: 0;}
}
@media (min-width:970px){
    .otheritem{width: 183px;}
    .otheritem3{margin-right: 0;}
}
@media (min-width:1000px){
    .otheritem{margin: 0 9px 9px 0; width: 187px;}
    .otheritem3{margin-right: 0;}
}.ttitem{margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #d7d7d7;}
.ttitemlast{margin: 0; padding: 0; border: 0;}
.ttname{font-weight: bold; font-size: 14px;}
.ttname a{color: #006958;}
.ttitem:hover .ttname a{color: #d30203;}
.tttime{color: #8d8d8d; padding: 5px 0;}
.ttprev{line-height: 17px;}
.ttmore{margin: 9px 0 0; padding: 9px 0 0; border-top: 1px dashed #d7d7d7; overflow: hidden;}
.ttmore a{display: inline-block; width: 99px; padding: 5px 0; font-weight: bold; background: #e9fbf4; text-align: center; color: #006958;}
.ttmore i{margin: 0 0 0 5px; position: relative; left: 0;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.ttmore:hover i{left: 5px;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}

@media (min-width:320px){
    .ttimg{margin: 0 0 10px;}
}
@media (min-width:480px){
    .ttimg{float: left; width: 190px; margin: 0 10px 0 0;}
    .ttname{max-height: 34px; overflow: hidden;}
    .ttprev{max-height: 34px; overflow: hidden;}
}.CV{}

.CVcount{line-height: 31px; color: #006958; font-weight: bold; float: left; width: 128px; border: 1px solid #006958; text-align: center;}
.CVcountH{width: 198px; text-transform: uppercase; color: #ff0000;}

.CVtable{}
.CVtable:hover{background: rgba(0, 105, 88, 0.125);}

.CVitem{line-height: 20px; float: left; border: 1px solid #d7d7d7; border-left: 0; margin: -1px 0 0; padding: 8px 3px;}
.CVitem a{color: #006958; font-weight: bold; display: block;}
.CVitem label{font-weight: bold; color: #d30203;}
.CVitem1{border-left: 1px solid #d7d7d7;}
.CVitem3 img{display: inline-block;}


.CVtitle{font-weight: bold; color: #d30203; background: #fff!important; text-align: center;}

.CVgroup{font-size: 14px; font-weight: bold; list-style: none; text-align: center;}
.CVgroup li{display: inline-block; margin: 0 7.5px 15px; line-height: 31px;}
.CVgroup li a{display: block; padding: 0 15px; font-weight: bold; color: #fff; border: 1px solid #006958; background: #006958;}
.CVgroup li a:hover, .CVgroup li a.active{color: #006958; background: #fff;}

@media (min-width:320px){
    .CVtitle{display: none;}
    .CVitem label{display: block;}
    .CVitem1{width: calc(50% - 8px); background: rgba(0, 105, 88, 0.125);}
    .CVitem2{width: calc(50% - 7px);}
    .CVitem3{width: calc(100% - 8px); border-left: 1px solid #d7d7d7; position: relative;}
    .CVitem4{width: calc(50% - 8px); border-left: 1px solid #d7d7d7;}
    .CVitem5{width: calc(50% - 7px);}
    .CVitem6{width: calc(50% - 8px); border-left: 1px solid #d7d7d7;}
    .CVitem7{width: calc(50% - 7px);}
}
@media (min-width:480px){
    .CVitem1{width: calc(19% - 8px);}
    .CVitem2{width: calc(19% - 7px);}
    .CVitem3{width: calc(62% - 7px); border-left: 0;}
    .CVitem4{width: calc(19% - 8px); border-left: 1px solid #d7d7d7;}
    .CVitem5{width: calc(19% - 7px);}
    .CVitem6{width: calc(31% - 7px); border-left: 0;}
    .CVitem7{width: calc(31% - 7px);}
}
@media (min-width:580px){
    .CVitem label{display: none;}
    .CVtitle{display: block;}
    .CVtitle .CVitem{height: 40px;}
    .CVitem{display: flex; align-items: center; justify-content: center;}
    .CVitem1{width: calc(12% - 8px); background: rgba(0, 105, 88, 0);}
    .CVitem2{width: calc(12% - 7px);}
    .CVitem3{width: calc(24% - 7px);}
    .CVitem4{width: calc(13% - 7px); border-left: 0;}
    .CVitem5{width: calc(13% - 7px);}
    .CVitem6{width: calc(13% - 7px);}
    .CVitem7{width: calc(13% - 7px);}
}
@media (min-width:767px){
    .CVitem1{width: calc(09% - 8px);}
    .CVitem2{width: calc(09% - 7px);}
    .CVitem3{width: calc(38% - 7px);}
    .CVitem4{width: calc(09% - 7px);}
    .CVitem5{width: calc(09% - 7px);}
    .CVitem6{width: calc(13% - 7px);}
    .CVitem7{width: calc(13% - 7px);}
}
@media (min-width:970px){
    .CVtitle .CVitem{height: auto;}
}.DB{position: relative;}

.DBgroup{line-height: 33px;}
.DBname{font-size: 15px; text-transform: uppercase; color: #ff0000; font-weight: bold; padding: 0 3px; border: 1px solid #d7d7d7; margin: -1px 0 0;}
.DBname span{font-size: 13px; text-transform: none; color: #006958;}
.DBwrap:hover{background: rgba(0, 105, 88, 0.25);}
.DBitem{float: left; border: 1px solid #d7d7d7; border-left: 0; margin: -1px 0 0; padding: 0 3px;}
.DBitem label{color: #d30203; font-weight: bold;}
.DBitem1{border-left: 1px solid #d7d7d7; color: #006958; font-weight: bold;}
.DBitem a{color: #333333;}
.DBitem span{font-weight: bold; color: #d30203;}
.DBtitle{font-weight: bold; color: #d30203; background: #fff!important;}
.DBtitle .DBitem1{color: #d30203;}

.DBmenu{position: absolute; top: 0; left: 0; z-index: 999;}
.DBmenu ul{list-style: none; line-height: 33px; font-size: 14px;}
.DBmenu ul li{cursor: pointer; position: relative; padding-left: 25px; background: url(/components/wnb.danhba/bg.png) left 7px top 11px no-repeat;}
.DBmenu ul li:after{right: 100%; opacity: 0; width: 7px; background: #006958;}
.DBmenu ul li:after,
.DBmenu ul li:before{position: absolute; top: 0; height: 100%; content: ''; z-index: 0;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.DBmenu ul li:before{background: rgba(0, 105, 88, 0.25); left: 0; margin: auto; width: 0;}
.DBmenu ul li:hover:after{opacity: 1; right: -4px;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.DBmenu ul li:hover:before{width: 100%;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.DBmenu ul li.active:after{opacity: 1; right: -4px;}
.DBmenu ul li.active:before{width: 100%;}
.DBmenu ul li a{color: #006958; position: relative; display: block; z-index: 1;}

.DBmenuB{background: #006958; width: 50px; height: 33px; position: relative; cursor: pointer;}
.DBmenuB:after, .DBmenuB:before{width: 30px; height: 3px; left: 0; right: 0; background: #fff; content: ''; margin: auto; position: absolute;}
.DBmenuB:before{bottom: 10px;}
.DBmenuB:after{top: 10px;}

.DBmenuC{background: #fff; padding: 10px; width: 198px; display: none; border: 1px solid #d7d7d7;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);}

.DBsearch{padding: 0 0 0 65px; margin: 0 0 15px; height: 33px;}
.DBsearch input[type="text"]{float: left; width: calc(100% - 50px);}
.DBsearch input[type="submit"]{width: 50px;background: #006958 url(/components/wnb.danhba/s.png) center no-repeat;}

.CVsearch{padding: 0; margin: 0 0 15px; float: right;}
.CVsearch .CVtext{width: calc(100% - 50px);}
.CVsearch input[type="text"]{width: calc(33.33333% - 10px); margin-right: 10px;}
.CVsearchH input[type="text"]{width: calc(100% - 60px); margin-right: 10px;}

@media (min-width:320px){
    .DBtitle{display: none;}
    .DBitem label{display: inline-block;}
    .DBitem1{width: calc(70% - 8px); background: rgba(0, 105, 88, 0.125);}
    .DBitem2{width: calc(30% - 7px);}
    .DBitem3{width: calc(100% - 8px); border-left: 1px solid #d7d7d7;}
    .DBitem4{width: calc(50% - 8px); border-left: 1px solid #d7d7d7;}
    .DBitem5{width: calc(50% - 7px);}
    .DBitem6{width: calc(100% - 7px); border-left: 1px solid #d7d7d7;}
    .CVsearch{width: calc(100%); margin-top: 10px;}
    .CVsearchH{width: 100%;}
}
@media (min-width:480px){
    .DBitem1{width: calc(70% - 8px);}
    .DBitem2{width: calc(30% - 7px);}
    .DBitem3{width: calc(70% - 8px); border-left: 1px solid #d7d7d7;}
    .DBitem4{width: calc(30% - 7px); border-left: 0;}
    .DBitem5{width: calc(30% - 8px); border-left: 1px solid #d7d7d7;}
    .DBitem6{width: calc(70% - 7px); border-left: 0;}
}
@media (min-width:580px){
    .DBitem1{width: calc(40% - 8px);}
    .DBitem2{width: calc(17% - 7px);}
    .DBitem3{width: calc(43% - 7px); border-left: 0;}
    .DBitem4{width: calc(28.5% - 8px); border-left: 1px solid #d7d7d7;}
    .DBitem5{width: calc(28.5% - 7px); border-left: 0;}
    .DBitem6{width: calc(43% - 7px);}
}
@media (min-width:767px){
    .DBitem label{display: none;}
    .DBtitle{display: block;}
    .DBitem1{width: calc(22% - 8px); background: rgba(0, 105, 88, 0);}
    .DBitem2{width: calc(06% - 7px);}
    .DBitem3{width: calc(21% - 7px);}
    .DBitem4{width: calc(13% - 7px); border-left: 0;}
    .DBitem5{width: calc(13% - 7px);}
    .DBitem6{width: calc(25% - 7px);}
    
    .CVsearch{width: calc(100% - 145px); margin-top: 0;}
    .CVsearchH{width: 100%;}
}
.date{font-family: Times New Roman; font-size: 15px; font-weight: bold; color: #006958; margin: 12.5px 0;}
.date a{color: #333333;}
@media (min-width: 320px){
    .date{margin: 1.5625px 0 6.25px; padding: 0 0 4px;}
}
@media (min-width: 480px){
    .date{margin: 12.5px 0;}
    .dateuser{display: inline-block; padding: 0;}
}
@media (min-width: 580px){
    .date{float: right;}
    
}.wnbcvitem{padding: 0 0 10px 15px; line-height: 22px; background: url(/components/home.tintuc/bgname.png) no-repeat top 7px left;}
.wnbcvitem a{font-weight: bold; color: #006958; position: relative;}
.wnbcvitem a span{color: rgba(0, 105, 88, 0.5);}
.wnbcvitem img{position: absolute; bottom: 0px; right: -25px;}
.wnbcvitem label{color: #d30203; float: right;}.wnbl{margin: 0 0 10px;}
.wnbltable{margin: 0 0 10px;}
.wnbltitle{padding: 7.5px 0; border: 1px solid #d7d7d7; text-transform: uppercase; font-weight: bold; color: #006958; text-align: center; font-size: 14px;}
.wnbltitle span{color: #ff0000;}
.wnbrow{line-height: 22px;}
.wnbrowT{font-weight: bold; color: #006958; text-align: center; line-height: normal;}
.wnblitem{float: left; border: 1px solid #d7d7d7; padding: 8px 3px; margin: -1px 0 0;}
.wnblitem label{font-weight: bold; color: #006958;}
.wnblmore{display: block; float: right; padding: 9px 13px; color: #fff; font-weight: bold; background: #006958;}
.wnblmore i{position: relative; left: 0;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.wnblmore:hover i{left: 5px;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
    
@media (min-width: 320px){
    .wnblitem1, .wnblitem2, .wnblitem3{width: 312px;}
    .wnbrowT{display: none;}
}
@media (min-width: 480px){
    .wnblitem{border-left: 0;}
    .wnblitem1{width: 192px; border-left: 1px solid #d7d7d7;}
    .wnblitem2{width: 193px;}
    .wnblitem3{width: 73px; display: flex; align-items: center; justify-content: center;}
    .wnblitem label{display: none;}
    .wnbrowT{display: block;}
}
@media (min-width: 580px){
    .wnblitem1{width: 242px;}
    .wnblitem2{width: 243px;}
    .wnblitem3{width: 73px;} 
}
@media (min-width: 760px){
    .wnblitem1{width: 233px;}
    .wnblitem2{width: 234px;}
}
@media (min-width: 970px){
    .wnblitem1{width: 232px;}
    .wnblitem2{width: 233px;}
}
@media (min-width: 1000px){
    .wnblitem1{width: 242px;}
    .wnblitem2{width: 243px;}
}.iso{line-height: 33px; position: relative;}
.isoleft{float: left; margin: -1px 0 0; width: 245px; background: #fff;}
.isoright{float: right;}

.isomenu{list-style: none;}
.isomenu li{background: rgba(0, 105, 88, 0.125);}
.isomenu li a{font-weight: bold; text-transform: uppercase; color: #d30203; padding: 0 0 0 10px; display: block;}

.isomenu li ul{list-style: none;}
.isomenu li ul li{background: rgba(0, 105, 88, 0.25);}
.isomenu li ul li a{font-weight: normal; text-transform: none; color: #333333; padding: 0 0 0 25px;}

.isogroup1,
.isogroup2{padding: 0 3px; border: 1px solid #d7d7d7; font-weight: bold; margin: -1px 0 0;}
.isogroup1{color: #ff0000; font-size: 15px; text-transform: uppercase; text-align: center;}
.isogroup2{color: #d30203;}
.isogroup3:hover{background: rgba(0, 105, 88, 0.125);}

.isoitem{float: left; border: 1px solid #d7d7d7; margin: -1px 0 0; padding: 0 3px;}
.isoitem a{color: #333333; display: block;}
.isoitem1{width: calc(70% - 8px);}
.isoitem2{width: calc(30% - 7px); border-left: 0;}

.isobutton{background: #006958; width: 50px; height: 33px; position: relative; cursor: pointer;}
.isobutton:after, .isobutton:before{width: 30px; height: 3px; left: 0; right: 0; background: #fff; content: ''; margin: auto; position: absolute;}
.isobutton:before{bottom: 10px;}
.isobutton:after{top: 10px;}

@media (min-width:320px){
    .isoleft{position: absolute; top: 0; left: 0;}
    .iso{padding: 33px 0 0;}
    .isoright{width: 100%;}
    .isomenu{display: none; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);}
    .isobutton{display: block;}
}

@media (min-width:767px){
    .iso{padding: 0;}
    .isoleft{position: relative;}
    .isoright{width: 515px;}
    .isomenu{display: block; box-shadow: none;}
    .isobutton{display: none;}
}
@media (min-width:970px){
    .isoright{width: 710px;}
}
@media (min-width:1000px){
    .isoright{width: 740px;}
}.lich{position: relative;}
.lich button{color: #333; display: block; position: absolute; top: 0; right: 0; width: 60px;}
.lichname{font-weight: bold; font-size: 20px; text-transform: uppercase; text-align: center; color: #ff0000; margin: 0 0 15px;}
.lichname span{display: block; font-size: 15px; text-transform: none;}
.lichtable{position: relative;}
.lichtable{}
.lichinfo{color: #006958; font-weight: bold; line-height: 33px; border: 1px solid #d7d7d7; padding: 0 5px;}
.lichweek{float: left;}
.lichweek a{display: inline-block; padding-right: 10px; color: #006958;}
.lichweek a:hover, .lichweek a.active{color: #d30203; text-decoration: underline;}
.lichdirect{float: right;}
.lichrow{}
.lichrowactive{background: rgba(0, 105, 88, 0.125);}
.lichtitle{font-weight: bold; color: #d30203; text-align: center;}

.lichitem{float: left; border: 1px solid #d7d7d7; border-left: 0; margin: -1px 0 0; padding: 8px 3px; line-height: 22px;}
.lichitem label{text-align: center; font-weight: bold; color: #d30203;}
.lichitem1{display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; color: #d30203;}
.lichitem2{}
.lichitem3{}
.lichitem4{}

.lichnote{padding: 10px 0 0 20px; line-height: 22px;}
@media (min-width:320px){
    .lichitem label{display: block;}
    .lichtitle{display: none;}
    .lichitem1,
    .lichitem2,
    .lichitem3,
    .lichitem4{width: calc(100% - 8px); border-left: 1px solid #d7d7d7;}
}
@media (min-width:480px){
    .lichitem label{display: none;}
    .lichtitle{display: block;}
    .lichitem1{width: calc(15% - 8px);}
    .lichitem2{width: calc(34% - 7px); border-left: 0;}
    .lichitem3{width: calc(34% - 7px); border-left: 0;}
    .lichitem4{width: calc(17% - 7px); border-left: 0;}
}
@media (min-width:580px){
    .lichitem1{width: calc(13% - 8px);}
    .lichitem2{width: calc(35% - 7px);}
    .lichitem3{width: calc(35% - 7px);}
}
@media (min-width:767px){
    .lichitem1{width: calc(10% - 8px);}
    .lichitem2{width: calc(35% - 7px);}
    .lichitem3{width: calc(35% - 7px);}
    .lichitem4{width: calc(20% - 7px);}
}.sn{margin-bottom: 20px;}
.sntext{margin-bottom: 10px;}
.sntexttitle{display: block; font-weight: bold; text-transform: uppercase; color: #d30203; margin-bottom: 10px;}
.snrow{line-height: 31px; text-align: center;}
.snrowT{font-weight: bold; color: #d30203; text-align: center;}
.snitem{float: left; border: 1px solid #d7d7d7; border-left: 0; padding: 0 3px; margin-top: -1px}
.snitem2{ text-align: start;}
.snmonth{margin-bottom: 15px; position: relative;}
.snmonth:after{position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #d7d7d7; content: '';}
.snmonthitem{float: left; width: calc(25% - 1px); border: 1px solid #d7d7d7; border-left: 0; margin-top: -1px;}
.snmonth a{display: block; color: #333; line-height: 22px; text-align: center; font-weight: bold;}
.snmonth a:hover{background: rgba(0, 105, 88, 0.125);}

.snlist{position: relative;}
.snlist:after{width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #d7d7d7; content: '';}
.snlistitem{float: left; width: calc(50% - 1px); border: 1px solid #d7d7d7; border-left: 0; margin-top: -1px;}
.snlistitem a{display: block; font-weight: bold; color: #333; padding: 10px;}
.snlistitem a:hover{color: #d30203; background: rgba(0, 105, 88, 0.125);}

@media (min-width: 320px){
    .snitem1{display: none;}
    .snitem2{width: calc(40% - 8px); border-left: 1px solid #d7d7d7;}
    .snitem3{width: calc(25% - 7px);}
    .snitem4{width: calc(35% - 7px);}
}
@media (min-width: 480px){
    .snitem1{display: block;}
    .snitem1{width: calc(10% - 8px); border-left: 1px solid #d7d7d7;}
    .snitem2{width: calc(40% - 7px); border-left: 0;}
    .snitem3{width: calc(15% - 7px);}
    .snitem4{width: calc(35% - 7px);}
}