html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content: ' ';content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr [title ],dfn [title ]{border-bottom:1px dotted;cursor:help;}
input{padding:0;margin:0;outline:0;}
.clear:before,.clear:after{content: " \0020 ";display:block;height:0;overflow:hidden;}
.clear:after{clear:both;}
.clear{font-size:0;height:0;margin:0;padding:0;clear:both;width:0;overflow:hidden;zoom:1;}
a{color:#0782c1;text-decoration:none;}
hr,.hr{border-color:#e9e9e9;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
h1{font-size:140%;}
h2,h3{font-size:120%;}
h4,h5,h6{font-size:110%;}
a img{border:0px;}
img{display:block;max-width:100%;}
a:hover{text-decoration:none;}

/*@font-face{font-family: 'OpenSans';
	src: url('fonts/OpenSans.eot');
	src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans.woff2') format('woff2'), url('fonts/OpenSans.woff') format('woff'), url('fonts/OpenSans.ttf') format('truetype'), url('fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal; font-style: normal;}
@font-face{font-family: 'OpenSansBold';
	src: url('fonts/OpenSans-Bold.eot');
	src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'), url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: bold; font-style: normal;}


@font-face {
	font-family: 'UVF BlackChancery';
	src: url('fonts/BlackChancery.eot');
	src: url('fonts/BlackChancery.eot?#iefix') format('embedded-opentype'),
		url('fonts/BlackChancery.woff') format('woff'),
		url('fonts/BlackChancery.ttf') format('truetype'),
		url('fonts/BlackChancery.svg#BlackChancery') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'UTM Beautiful Caps';
	src: url('fonts/UTMBeautifulCaps.eot');
	src: url('fonts/UTMBeautifulCaps.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMBeautifulCaps.woff') format('woff'),
		url('fonts/UTMBeautifulCaps.ttf') format('truetype'),
		url('fonts/UTMBeautifulCaps.svg#UTMBeautifulCaps') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face{font-family: 'UTMAvo';
	src: url('fonts/UTMAvo.eot');
	src: url('fonts/UTMAvo.eot?#iefix') format('embedded-opentype'), url('fonts/UTMAvo.woff') format('woff'), url('fonts/UTMAvo.ttf') format('truetype'), url('fonts/UTMAvo.svg#UTMAvo') format('svg');
	font-weight: normal; font-style: normal;}
@font-face{font-family: 'UTMAvoBold';
	src: url('fonts/UTMAvoBold.eot');
	src: url('fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'), url('fonts/UTMAvoBold.woff') format('woff'), url('fonts/UTMAvoBold.ttf') format('truetype'), url('fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
	font-weight: bold; font-style: normal;}
        
button{cursor: pointer;}
select,
textarea,
input[type='text'],
input[type='number'],
input[type='submit'],
input[type='password']{height: 32px; color: #333; border: 1px solid #c9c9c9; width: 100%; padding: 0; border-radius: 0; outline: none; box-sizing: border-box; text-indent: 5px;}
input[type='submit']{
    height: 32px;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-repeat: repeat-x;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-indent: 0;
    cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
textarea{padding: 5px; text-indent: 0; height: 79px; display: block;}
label.error{position: absolute; right: 0; top: 0; color: red; line-height: 32px; font-weight: normal; padding-right: 5px; width: auto!important;font-weight: normal !important;}
input::-webkit-input-placeholder{color: #4d4d4d;}
input:-moz-placeholder{color: #4d4d4d;}
input::-moz-placeholder{color: #4d4d4d;}
input:-ms-input-placeholder{color: #4d4d4d;}
textarea::-webkit-input-placeholder{color: #4d4d4d;}
textarea:-moz-placeholder{color: #4d4d4d;}
textarea::-moz-placeholder{color: #4d4d4d;}
textarea:-ms-input-placeholder{color: #4d4d4d;}
.wrap{position: relative; padding: 0; margin: auto;}
.wow{opacity:0;}
select{background: url("images/select.jpg") no-repeat right 5px center;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

@media (min-width:320px){
    .column-two, column-three{width: 100%;}
}
@media (min-width:767px){
    .column-two{width: calc(50% - 5px); float: left; margin: 0 2.5px;}    
    .column-three{float: left; width: calc((100% / 3) - 5px); margin: 0 2.5px;}
}

body{font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #333; width: 100%; display: table; background: #fff;}

.navtop{background: #e9ebee;border-bottom: 1px solid #e1e2e3;padding: 4px 0;}
.navtop ul li{list-style: none;display: inline-block;}
.navtop ul li a{color: #5a5858;line-height: 22px;}
.navtop ul li a:hover{color: #ff1616;}
.navtop ul li i{font-size: 15px;}
.navtop ul:nth-child(1){float: left;}
.navtop ul:nth-child(1) li{margin-right: 30px;}
.navtop ul:nth-child(2){float: right;}
.navtop ul:nth-child(2) li{margin-left: 30px;}

.frmSearchID{position: relative;}
.frmSearchID input::-webkit-input-placeholder{color: #1f497d;}
.frmSearchID input:-moz-placeholder{color: #1f497d;}
.frmSearchID input::-moz-placeholder{color: #1f497d;}
.frmSearchID input:-ms-input-placeholder{color: #1f497d;}
.frmSearchID input[type='text']{border-color: #a8b7ca;border-right: 0;height: 22px;border-radius: 3px 0 0 3px;}
.frmSearchID input[type='submit']{background: #4b4f56 url("images/search.png") no-repeat center;position: absolute;top: 0;right: 0;width: 40px;height: 22px;border-radius: 0 3px 3px 0;}

.header{background: white;width: 100%;}
.fixtopheader{top: 0;z-index: 9999;-webkit-box-shadow: 3px 3px 5px 0px #b1b0b0;-moz-box-shadow: 3px 3px 5px 0px #b1b0b0;box-shadow: 3px 3px 5px 0px #b1b0b0;}
.logo{position: relative;text-align: center;overflow: hidden;}
.logo span{opacity: 0;position: absolute;}
.logo h1{font-size: 100%;}

.header-right{position: absolute;right: 0;}
.header-right li{list-style: none;display: inline-block;}
.header-right li:nth-child(1) a{color: #3b5998;background: url("images/down.png") no-repeat left;padding-left: 15px;font-family: Tahoma ,Arial, Verdana, sans-serif;font-size: 14px;}
.header-right li:nth-child(1) a:hover{color: #93d140;}
.header-right li.link-login a{color: #3b5998;background: url("images/login.png") no-repeat 4px center;font-weight: bold;border: 2px solid rgba(173, 185, 212, 0.8);border-radius: 5px;}
.header-right li.link-signin a{color: white;background: #3b5998 url("images/signin.png") no-repeat 15px center;font-weight: bold;padding: 5px 5px 5px 28px;border: 2px solid #3b5998;border-radius: 5px;}
.header-right li.link-login a ,.header-right li.link-signin a{width: 106px; box-sizing: border-box;display: inline-block; text-align: center;}
.hotline{color: #ff0000;font-size: 20px;font-weight: bold;display: block;}
.hotline img{display: inline-block;vertical-align: middle;}
.header-right li a{color: #1f497d;}

.day{float: left;background: url("images/day.png") no-repeat left 7px;padding: 12px 0 12px 30px;box-sizing: border-box;color: #6e6c6c;}
.news-hot{float: left;box-sizing: border-box;background: url("images/news-hot.png") no-repeat left 2px;height: 39px;line-height: 39px;padding: 0 10px 0 40px;}
.time{width: 225px;float: right;background: url("images/time.png") no-repeat left 10px;box-sizing: border-box;padding: 5px 0 0 25px;text-align: center;height: 39px;}
.time label{font-size: 12px;color: #6e6c6c;}
.time span{display: block;color: #ff0000;font-weight: bold;font-size: 16px;margin-top: 1px;}

.marquee{overflow: hidden; width: 100%; height: 39px; position: relative;}
.marquee div{position: absolute; display: block; width: 100%; height: 30px; animation: marquee 20s linear infinite;}
.marquee div a{line-height: 30px; color: #ff0000; padding-right: 25px;}
@keyframes marquee{0% {left: 100%;} 100% {left: -100%;}}
.marquee div:hover{animation-play-state: paused}

.home-slider{float: left;overflow: hidden;}
.slider-news{width: 290px;float: right;}

.home-news{float: right;}
.news-title{background: #3b5998;text-align: center;padding: 8px 0;-webkit-box-shadow: 3px 3px 5px 0px #b1b0b0;-moz-box-shadow: 3px 3px 5px 0px #b1b0b0;box-shadow: 3px 3px 5px 0px #b1b0b0;}
.news-title-red{background: red;}
.news-title a , .news-title h1{color: white;font-weight: bold;font-size: 15px;text-transform: uppercase;}
.news-title-margin{margin-bottom: 15px;}
.books-title{border: 1px solid #3b5998;padding: 8px 0 8px 8px;border-left: 5px solid #3b5998;}
.books-title a , .books-title h1{font-weight: bold;font-size: 15px;text-transform: uppercase;color: #3b5998;}

.page-title{font-family: UTMAvo;color: #1f497d; text-align: center; position: relative; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 7px;}
.page-title:after{display: block; content: ''; height: 2px; width: 135px; background: #1f497d; position: absolute; margin: auto; bottom: 0; right: 0; left: 0;}
.page-title a{color: #1f497d;}
.page-title h1{font-size: 100%; font-weight: normal;}

.DetailC{line-height: 22px; margin: 0; text-align: justify;}
.DetailC ul, .DetailC ol{margin-left: 30px;}
.DetailC img{max-width: 100%!important; height: auto!important; margin: 7px 0;vertical-align: bottom;display: inline-block;}   
.DetailC table{width: 100%!important;}
.DetailCKetQua{background: rgba(31, 73, 125, 0.1);padding: 10px;color: red;font-size: 18px;margin-top: 10px;}
.DetailCKetQua label{font-weight: bold;color: black;font-size: 15px;}

.other{margin: 10px 0;}
.other ul li{list-style: none; padding: 5px 0;}
.other ul li a, .other ul li i{color: #333335;}
.other ul li i{width: 20px; text-align: center;}
.other ul li span{color: rgba(51,51,51,0.51);}
.other ul li:hover a{font-weight: bold;}
.other ul li:hover i{color: #1f497d;}
.otherT{border-bottom: 2px solid #1f497d; color: #1f497d; font-family: UTMAvo; font-size: 18px; margin-bottom: 3px; padding-bottom: 5px; text-transform: uppercase;}


.StudyDrate{font-size: 17px; padding: 10px 0 0 10px; background: #f1f1f1;}
/* Like - Share */
.tab-cnt{border-top: 1px solid #e9e9e9;margin-top: 10px;}
.tab-cnt2{margin-top: 10px;}
.stat-cnt{float: right; margin-top: -1px; width: 150px;}
.stat-cnt2{margin-top: 0;}
.stat-bar{width: 150px; height: 2px;}
.bg-green{ background-color: #1f497d; height: 2px; float: left;}
.bg-red{background-color: #ff0000; height: 2px; float: left;}
.detaillike{float: left; margin: 10px 0 0 10px;line-height: 8px;}
.detaillike2{margin: 10px 0 7px 10px;}

.like-btn, .dislike-btn{padding: 15px 25px 5px 20px; float: right; cursor: pointer; color: rgba(51,51,51,0.6); font-size: 13px;}
.like-btn{background: url(images/like-ico.png) 0px 13px no-repeat; }
.like-btn:hover, .like-h{background: url(images/like-ico-h.png) 0px 13px no-repeat; color: #1f497d;}
.dislike-btn{background: url(images/dislike-ico.png) 0px 13px no-repeat;}
.dislike-btn:hover, .dislike-h{background: url(images/dislike-ico-h.png) 0px 13px no-repeat; color: #ff0000;}
.like-btn, .dislike-btn{margin: 0;}

/* Comment */
.comment{background: #f1f1f1; padding: 10px;}
.comment .commentItem{position: relative; margin-bottom: 10px;}
.comment .commentItem:nth-of-type(1){width: 100%;}
.comment .commentItem:nth-of-type(2){width: calc(50% - 5px); float: left;}
.comment .commentItem:nth-of-type(3){width: calc(50% - 5px); float: right;}
.comment textarea{color: rgba(51,51,51,0.6); height: 40px; outline: 0; border: 0; padding: 1%; border-radius: 0;}
.comment input[type="text"]{color: rgba(51,51,51,0.6); border: 0; border-radius: 0;height: 30px;}
.comment input[type="submit"]{margin: 0; float: right;width: 70px;box-sizing: border-box;text-indent: 0;}
.comment label.error{position: absolute; color: red; right: 7px; top: 5px; font-size: 12px; }
.list_comment{}
.list_comment li{list-style: none; padding: 10px;}
.list_comment li.commentli{background: #f1f1f1;}
.list_comment_ava{float: left; width: 35px; height: 35px; margin-right: 10px;}
.list_comment_ava img{max-width: 100%; height: auto;}
.list_comment_content{}
.list_comment_name{font-weight: bold; color: #4267b2; padding: 0 0 5px;}
.list_comment_name span{font-size: 11px;font-weight: normal;color: #666666;}
.list_comment_name a{color: #1b4572;font-size: 11px;cursor: pointer;float: right;}
.list_comment_name a:hover{color: #ce0505;}
.list_comment_sub li:first-child{margin: 10px 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;margin-left: 30px;}
.list_comment_sub li:last-child{padding: 10px 0 0;}
.comment_name, .comment_email {float: left;}


.home-news ul{border: 1px solid #dad9d9;border-top: 0;padding-top: 3px;}
.home-news ul li{list-style: none;border-top: 1px dashed #dad9d9;padding: 8px 5px;}
.home-news ul li:first-child,.home-news ul li:last-child{border-top: 0;}
.home-news ul li .news-img{float: left;margin: 0 5px;}
.home-news ul li a.news-name{color: #6e6c6c;height: 50px;display: block;vertical-align: middle;overflow: hidden;line-height: 17px;}
.home-news ul li:hover a.news-name {color: #3b5998;}


.home-book{margin-bottom: 20px;}
.home-book-left{float: left;}
.home-book-item{position: relative;}
.home-book-pic{float: right;}
.home-book-name{height: 100%;width: 100%;margin: auto;position: absolute;text-align: center;display: table;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.home-book-name a{opacity: 0;display: table-cell;vertical-align: middle;color: white;padding: 5px;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}
.home-book-item:hover .home-book-name a{opacity: 1;}
.home-book-bg{opacity: 0;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}
.home-book-item:hover .home-book-bg{opacity: 1;background: rgba(0,0,0,.75);position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}


.home-banner{margin-bottom: 30px;}
.home-banner-item{width: calc(100%/3);float: left;text-align: center;}
.home-banner-img{height: 80px;position: relative;}
.home-banner-img img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 100%;}
.home-banner-item label{display: block;font-weight: bold;color: white;}

.container{border-bottom: 2px solid #dbdbdb; padding-bottom: 10px;}
.footer{border-top: 1px solid #e9e9e9;background: #f5f5f5;padding: 30px 0 5px;overflow: hidden;}
.footer-info{float: left;}
.footer-info-title{font-size: 15px;font-weight: bold;color: #231f20;text-transform: uppercase;}
.footer-info ul{margin: 28px 0 24px;}
.footer-info li{list-style: none;}
.footer-info li:nth-child(1){background: url("images/address.png") no-repeat;padding: 0 0 10px 25px;}
.footer-info li:nth-child(2){background: url("images/fphone.png") no-repeat;padding: 0 0 10px 25px;}
.footer-info li:nth-child(3){background: url("images/mail.png") no-repeat;padding: 0 0 0 25px;}
.footer-info img{display: inline-block;margin-right: 3px;}

.footer-menu{float: left;}
.footer-menu li:nth-child(1){font-size: 15px;font-weight: bold;color: #231f20;text-transform: uppercase;padding: 0 0 5px 0;}
.footer-menu li:nth-child(1):before{content: "";}
.footer-menu li{color: #1e1e1e;list-style: none;padding: 5px 0 5px 12px;position: relative;}
.footer-menu li a{color: #1e1e1e;}
.footer-menu li:before{content: "\f111";font-family: FontAwesome;font-size: 8px;position: absolute;left: 0;top: 8px;}
.footer-menu li:hover a , .footer-menu li:hover{color: #3b5998;}

.footer-facebook{float: right;}

.footer-content{background: #f0f0f0;border-top: 1px solid rgba(255, 255, 255, 0.3);padding: 25px 0 20px;}
.footer-content-info{float: left;}
.footer-content-info-title{text-transform: uppercase;padding-bottom: 5px;}
.footer-content-info li{list-style: none;padding: 5px 0;}

.certify{float: right;}
.certify img{display: inline-block;}

.navbot{background: #3b5998;color: white;}

.col-books-left , .col-post-left{width: calc(100% - 305px);float: left;overflow: hidden;}
.col-books-right , .col-post-right , .col-acc-right{float: right;}

.col-news-left-slider{margin-bottom: 15px;}

.news-right{margin-bottom: 15px;}
.news-right ul{border: 1px solid #d7d7d7;border-top: 0;}
.news-right li{list-style: none;padding: 9px;border-bottom: 1px dashed #d7d7d7;}
.news-right li .news-name{color: #055699;font-size: 14px;font-weight: bold;display: block;margin-bottom: 7px;max-height: 32px;overflow: hidden;}
.news-right li .news-img{float: left;margin-right: 10px;}
.news-right li p{overflow: hidden;height: 68px;line-height: 17px;text-align: justify;}
.news-right li:hover .news-name{color: red;}
.news-right li:last-child{border-bottom: 0;}

.pagination {text-align: right; background: #fff; display: block; margin: 0;}
.pagination > li{display: inline-block; font-size: 14px;}
.pagination > li a{margin: 10px 0 10px 5px; padding: 7px 11px; color: #fff; display: block; background: rgba(31, 73, 125, 0.75);}
.pagination > li.active a{color: #fff; background: #ff0000;}
.pagination > li:hover a{color: #fff; background: rgba(31, 73, 125, 1);}


.pagination ul{display: inline-block;}
.pagination ul li.inactive, .pagination ul li.inactive:hover{background-color:white;color:#777777;cursor: default;border-color: #dddddd;}
.data ul li{list-style: none; margin: 5px 0 5px 0; color: #000;}
.pagination ul li{list-style: none; float: left; padding: 6px 11px; margin: 0; color: #ed1c24; background-color: white;border: 1px solid #dddddd;}
.pagination ul li:hover{color: #fff;background-color: #ed1c24;cursor: pointer;border-color: #ed1c24;}
.pagination ul li.first-child{border-right: 0;padding-right: 12px;
    -moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;-khtml-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.pagination ul li.last-child{border-left: 0;padding-left: 12px;
    -moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;-khtml-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}


.right-books-item{width: 48%; border: 2px solid #f2f2f2;padding: 5px;margin-bottom: 10px; float: left;overflow: hidden;box-sizing: border-box; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.right-books-item-r{float: right;}
.right-books-item .right-books-img{height: 145px;position: relative;margin-bottom: 5px;}
.right-books-item img{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.right-books-item .right-books-name{text-align: center;height: 32px;color: #1f497d;display: block;line-height: 16px;overflow: hidden;}
.right-books-item:hover .right-books-name{color: red;}
.books-list-item{width: 208px;margin-right: 10px;}
.books-list-item-r{margin-right: 0;}

.sgkDimg{width: 265px;float: left;margin: 0 15px 0 0;}
.sgkDimg img{max-width: 100%; height: auto;}
.sgkDname {margin-bottom: 10px;}
.sgkDname h1{font-size: 25px;}
.sgkDprice{font-size: 14px; margin-bottom: 10px;}
.sgkDprice span{font-weight: bold; font-size: 17px; color: red;}

.menu-books{background: #f1f1f1;padding: 10px;margin-bottom: 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.menu-books li{padding: 10px 0;list-style: none;text-align: center;text-transform: uppercase;color: rgb(126, 126, 126);font-weight: bold;margin: 0 0 10px;font-size: 14px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );}
.menu-books li:last-child{margin-bottom: 0;}
.menu-books li a{color: rgb(126, 126, 126);}
.menu-books li.active a , .menu-books li:hover a{color: #ff0000;}

.menu-post{margin-bottom: 15px;position: relative;z-index: 100;}
/*.menu-post > ul{border: 1px solid #d5d6d8; list-style: none; border-top: 0;}
.menu-post > ul li{border-bottom: 1px dashed #d5d6d8; padding: 9px 10px; text-align: start;position: relative;}
.menu-post > ul li:last-child{border-bottom: 0;}
.menu-post > ul li a{color: #1f497d; font-weight: bold; display: block;}
.menu-post > ul li a:hover{color: #ff0000;}
.menu-post > ul li i{margin-right: 5px;}
.menu-post > ul li.active a{color: #ff0000;}*/



.menu-post ul {border: 1px solid #d5d6d8;border-top: 0;z-index: 100;margin: 0;padding: 0;position: relative;list-style: none;}
.menu-post ul li {position: relative;border-bottom: 1px dashed #d5d6d8;}
.menu-post > ul li:last-child{border-bottom: 0;}
.menu-post ul li a, .menu-post ul li span {display: block;position: relative;color: #1f497d;padding: 10px 10px 10px 13px;text-decoration: none;font-weight: bold;}
.menu-post ul li a:link, .menu-post ul li a:visited {color: #1f497d;}
/* Top level menu items link style on hover and when active */
.menu-post ul li:hover > a {
    color: red;}
.menu-post ul li ul {position: absolute;left: -5000px;top: 0;opacity: 0;width: 230px;visibility: hidden;box-shadow: 2px 2px 5px gray;-webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;transition: opacity .3s, visibility 0s .3s, left 0s .3s;}
/* First Sub Levels UL style on hover */
.menu-post ul li:hover > ul {background: white;visibility: visible;left: 100%;opacity: 1;-webkit-transition: opacity .5s;transition: opacity .5s;}
/* Sub level Menu list items (alters style from Top level List Items) */
.menu-post ul li ul li {display: list-item;float: none;}
/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.menu-post ul li ul li ul {top: 0;left: 100%;}
/* Sub Levels link style on hover and when active */
.menu-post ul ul li:hover > a {/*background: #52616a;*/}
.menu-post ul ul li:hover > ul {left: 100%;}
.menu-post ul li ul li a {padding: 10px;margin: 0;background: white;border-right: none;border-top-width: 0;}
.menu-post ul li > a {padding-right: 25px;}
.menu-post ul li > a:only-child {padding-right: 10px;}
.menu-post ul li > a:after {content: "";position: absolute;height: 0;width: 0;border: 5px solid transparent;border-left-color: #FFFFFF;top: 40%;right: 8px;z-index: 500;}
.menu-post ul li > a:only-child:after {display: none;}



.PayTabs{font-size: 14px;margin: 20px 0;}
.PayTabsTitle{list-style: none; position: relative; margin-bottom: 20px; display: inline-block; text-align: center; width: 100%;}
.PayTabsTitle li{display: inline-block; margin: 0 1px; text-align: center; position: relative; height: 100%; box-sizing: border-box; border: 1px solid #bfbebe;}
.PayTabsTitle li a{display: block; color: #333333; position: relative;height: 100%;box-sizing: border-box;}
.PayTabsTitle li a.active{background: #dcdada;}
.PayTabsTitle li a:after, .PayTabsTitle li a.active:before{display: block; height: 0; left: 50%; position: absolute; top: 100%; width: 0;}
.PayTabsTitle li a label{display: block; line-height: 17px;}
.PayTabsTitle li a label span{color: #ff0000;}
.PayTabsTitle li a img{max-width: 50%; height: auto; margin: auto;max-height: 40px;}
.PayTabsTitle li a i{font-size: 35px; color: #1f497d;}
.PayTabsTitle li a:after, .PayTabsTitle li a.active:before {content: "";}

.ConfirmTitle{font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.form-confirm-item{margin-bottom: 10px; position: relative;}
.form-confirm-item label{width: 170px;display: inline-block; line-height: 32px;}
.form-confirm-item-textarea label{line-height: 70px; float: left; margin-right: 4px;}
.form-confirm-item input{outline: none; border-radius: 0; text-indent: 5px;}
.form-confirm-item input[type=submit]{text-indent: 0;}
.form-confirm-item input[type=submit]{width: 100px;  height: 32px; background: #1f497d; color: #fff; border: 0; font-weight: bold;}
.form-confirm-item select{border: 1px solid #ccc; height: 32px; outline: none; border-radius: 0;    width: calc(100% - 174px);}
.form-confirm-item textarea{height: 64px; border: 1px solid #ccc; outline: none; border-radius: 0;}
.form-confirm-item2 input{outline: none; border-radius: 0; width: 80px; text-indent: 5px;}
.form-confirm-item label.error{width: auto; color: #ff0000; right: 5px; position: absolute; background: #fff; line-height: 30px; top: 1px;}

.CardSai{line-height: 17px; background: #ec7777; border-left: 5px solid red; color: #fff; padding: 10px 0 10px 20px; margin-bottom: 15px;}
.CardSuDung{line-height: 17px; background: #65bf65; border-left: 5px solid green; color: #fff; padding: 10px 0 10px 20px; margin-bottom: 15px;}
.form-confirm-item input {width: calc(100% - 174px);}



/* Phòng học nhóm */
.VideoTitlePrev2{font-size: 17px; color: #ff0000;}
.HocnhomItem{position: relative; float: left; margin-right: 15px;}
.HocnhomItem .btn{padding: 3px 12px;}

form#FormSchool{background: #f1f1f1; padding: 10px; margin-bottom: 15px;}
form#FormSchool .FormSchoolleft{float: left;}
form#FormSchool .FormSchoolright{float: right;}
form#FormSchool .FormSchooluser{float: left; line-height: 28px;}
form#FormSchool .FormSchooluser img{vertical-align: top;display: inline-block;}
form#FormSchool .FormSchooluser span{color: #1f497d; font-weight: bold; font-size: 15px;}
form#FormSchool .FormSchoolhide{float: right; margin-left: 10px; padding: 3px 12px;}


.VideoTitlePrev {text-align: center;font-size: 17px;color: #ff0000;margin-bottom: 10px;}
.Showchat #mceu_21{margin-bottom: 15px;}
.Showchat input{float: right;width: 100px;}
.Showchat ul{margin-bottom: 15px; min-height: 259px;}
.Showchat ul li{padding: 10px 0 10px 10px; position: relative;}
.Showchat ul li .ChatName{font-weight: bold; color: #1f497d; margin-bottom: 5px;}
.Showchat ul li .ChatName2{color: #ff1111;}
.Showchat ul li .ChatImage{width: 400px; margin-bottom: 5px;}
.Showchat ul li .ChatText img{max-width: 100%; height: auto;vertical-align: bottom;}
.Showchat ul li .ChatContent{display: table; padding: 10px; background: #f1f1f1; border-radius: 7px; position: relative;margin-top: -12px;width: calc(100% - 75px);}
.Showchat ul li .ChatContent span.chat1{background: url(images/chat1.png) center center no-repeat; position: absolute; top: 7px; left: -7px; height: 20px; width: 11px;}
.Showchat ul li .ChatContent span.chat2{background: url(images/chat2.png) center center no-repeat;}
.Showchat ul li .ChatContent2{background: #fff1f1;}


.Showuser ul{border: 1px solid #cacaca; list-style: none;  overflow: auto;border-top: 0;}
.Showuser ul li{padding: 5px 20px 5px 5px; position: relative;}
.Showuser ul li .UserAvatar, .Showchat ul li .ChatAvatar{width: 35px; height: 35px; float: left; margin-right: 10px;}
.Showuser ul li .UserAvatar img, .Showchat ul li .ChatAvatar img, .Showchat ul li .ChatImage img{max-width: 100%; height: auto;}
.Showuser ul li .UserName{line-height: 35px;}
.Showuser ul li .UserOnline{height: 10px; width: 10px; background: #42b72a; border-radius: 100%; position: absolute; right: 22px; top: 0; bottom: 0; margin: auto;}
.Showuser ul li .UserOffline{background: #cacaca;}
.ShowchatContent{border: 1px solid #cacaca; list-style: none; height: 620px; overflow: auto;border-bottom: 0;}

#load_more_button{text-align: center;margin: 5px;background: rgba(31,73,125,0.05);padding: 10px 0;font-weight: bold;color: #1f497d;cursor: pointer;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
#load_more_button img{vertical-align: bottom;}
.Showuser {margin-top: 0;}
.Hocnhom{margin-bottom: 20px;}



/* Đăng ký */
.DKimg{text-align: center; margin-bottom: 10px;}
.DKtext{padding: 10px; border: 1px solid #d7d7d7;}

.dk{width: 100%; position: relative; margin-top: 20px;}
.dkimg{margin: 0 auto 10px; width: 320px; text-align: center;}
.dkform{}
.dkitem{position: relative; margin-bottom: 10px;}
.dkitem label{display: inline-block; font-weight: bold; width: 168px;}
.dkitem label.textarea{float: left; line-height: 90px; margin-right: 4px;}
.dkitem input[type="text"], .dkitem input[type="password"]{ border: 1px solid #d7d7d7; text-indent: 5px; padding-right: 5px;}
.dkitem textarea{ padding: 5px; height: 78px; border: 1px solid #d7d7d7; outline: none;}
.dkitem input[type="radio"]{vertical-align: text-top!important;}

.dkitem div img{margin: 0 0 5px 20px;}
.NotiWarning{border-left: 5px solid #ff0000; color: #333335; background: rgba(255, 0, 0, 0.1); padding: 10px; line-height: 22px;}
.NotiSuccess{border-left: 5px solid #8cc474; color: white; background: #a0d468; padding: 10px;line-height: 18px;}
.btn{display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; 
    border: 1px solid #cccccc; 
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-repeat: repeat-x;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}

.dkdangnhap{color: #575757; font-weight: bold; display: block; border: 3px solid #575757; width: 110px; text-align: center; margin: auto; padding: 7px 10px; margin-top: 10px; text-transform: uppercase; background: #fff; font-size: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.dkdangnhap:hover{color: #fff; background: #575757;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}

.DKtitle i{width: 40px; height: 40px; line-height: 40px!important; text-align: center; border: 3px solid #fff; position: relative; z-index: 1; color: #fff; background: #1f497d; font-size: 30px; margin-right: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1.5px 1.5px 2px 1.5px rgba(0,0,0,0.5);
    -moz-box-shadow: 1.5px 1.5px 2px 1.5px rgba(0,0,0,0.5);
    box-shadow: 1.5px 1.5px 2px 1.5px rgba(0,0,0,0.5);}
.DKtitle{text-transform: uppercase; margin-bottom: 10px;}
.DKtitle span{font-weight: bold; color: #ff0000; font-size: 17px;}

#thumbbox{margin: auto;}

.DKleft {float: left;}
.dkitem select{outline: none;width: calc(100% - 172px);}
.dkitem .select2-hidden-accessible{width: calc(100% - 172px);}
.dkitem input[type="text"], .dkitem input[type="password"] {width: calc(100% - 172px);}
.DKright {float: right;}



.dkitemAvatar{float: left;text-align: center;}
.dkitemAvatar img{max-width: 95%;}

.dkitemAvatarL .dkitem label{width: 168px;}
.click-buy{background: #f1f1f1;color: rgb(126, 126, 126);}

.HeaderAvatar{text-transform: capitalize;padding-left: 35px;position: relative;margin-left: 0;min-width: 180px;}
.HeaderAvatar a{color: #1f497d;}
.HeaderAvatar img{position: absolute;left: 0;top: -8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}


.acc-title {
    color: white;
    background: #1f497d;
    text-indent: 10px;
    font-size: 14px;
    height: 35px;line-height: 35px;font-weight: bold;
    text-transform: uppercase;
    font-family: Tahoma;
    margin: 0 0 10px;
}
.Quanly{float: left;width: 820px;margin: 0 15px 0 0;}
.QuanlyLeftB{border: 1px solid #cccccc;border-top: 0;}
.QuanlyUserImg{width: 100%;height: 175px;position: relative;}
.QuanlyUserImg img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.QuanlyUserName{color: #006699;font-size: 15px;text-transform: uppercase;text-align: center;display: block;font-weight: bold;padding-bottom: 5px;}
.QuanlyUserType{text-align: center;}
.QuanlyUserType span{color: #006699;}
.QuanlyUserTK{background: rgba(5,86,153,0.1);border: 1px dashed #cbd9ca;margin: 15px 10px;padding: 10px;text-align: right;line-height: 16px;}
.QuanlyUserTK b{font-size: 13px;}
.btnnoptien{text-align: center;margin-bottom: 10px;}
.btnnoptien a{background: #1f497d;color: #fff;line-height: 34px;border: 0;outline: 0;font-weight: bold;font-size: 14px;width: 150px;text-align: center;display: inline-block;}
.QuanlyLeftFrame{}
.QuanlyLeftFrameT{color: #666666;font-weight: bold;padding: 10px;background-color: #e8e8e8;}
.QuanlyLeftFrame ul{margin: 15px 0px 15px 0px;list-style: none;}
.QuanlyLeftFrame ul li{position: relative;padding: 4px 5px 4px 12px;margin-left: 10px;font-weight: bold;}
.QuanlyLeftFrame ul li:before{font-family: FontAwesome;content: "\f111";color: #666;font-size: 8px;position: absolute;left: 0;top: 7px;}
.QuanlyLeftFrame ul li a{color: #848484;}
.QuanlyLeftFrame ul li:hover a , .QuanlyLeftFrame ul li:hover:before{color: #1f497d;}
.QuanlyLeftFrame ul li.active a{color: #ff0000;}


.popup-message-title{text-align: center;font-weight: bold;background: #3b5998;color: white;padding: 10px 0;font-size: 16px;}
.popup-message-content{padding: 10px;}

.menu-mobile{z-index: 100; position: absolute;left: 0;font-weight: bold;text-align: center;box-sizing: border-box;color: #3b5998;}

.home-banner-kho{margin-bottom: 20px;}
.home-banner-kho-pic{float: right;}
.home-banner-kho-item{float: left;}

.social div{width: auto;}
.support-icon-right{background:#0b9243;position:fixed;right:0;bottom:0;z-index:9999;overflow:hidden;width:250px;color:#fff!important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border-top-left-radius:5px;border-top-right-radius:5px;}
.support-icon-right h3{text-transform:uppercase;font-weight:bold;font-size:13px!important;font-family:Arial;color:#fff!important;margin:0!important;cursor:pointer;padding:10px;background:#1f497d;text-align:center;}
.support-icon-right i{font-size: 15px;}
.online-support{display:none;}

.cart-fix {opacity: 1;top: 200px;position: fixed;display: block;width: 60px;height: 55px;background: url(images/cartfix.png);z-index: 9999;right: 10px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    border-radius: 50%;
    text-align: center;
    }
.cart-fix span {display: block;position: absolute;top: 0;right: -10px;width: 28px;height: 28px;text-align: center;line-height: 28px;color: #fff;background: #ffd42d;border-radius: 50%;}

.popup-adv{max-width: 1170px;}
.popup-adv img{max-width: 100%;height: auto !important;}

.banner-top{text-align: center;}
.banner-top-content{position: relative;}
.banner-top-hidden{cursor: pointer;height: 23px;width: 23px;text-align: center;line-height: 23px;position: absolute;bottom: 0;right: 0;
background: #1f497d;color: white;-moz-border-radius: 23px;-webkit-border-radius: 23px;-khtml-border-radius: 23px;border-radius: 23px;}
.banner-top-content img{max-width: 100%;height: auto !important;}
.BG{float: left; width: 100%;}
.BGtable{margin-bottom: 15px; border: 1px solid #8da2bd; border-bottom: 0;}
.BGrow{font-size: 14px; border-bottom: 1px solid #8da2bd; position: relative;}
.BGrowWrap{position: relative;}
.BGrowTitle{background: #dedfe1;}
.BGrowTitle .BGcol , .BGrowTitle .BGcol a{color: #1f497d!important; text-transform: none;text-align: center;}
.BGrowTitleStudy{font-weight: bold;}

.BGcol{line-height: 34px; border-right: 1px solid #8da2bd; float: left; overflow: hidden;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.BGcol label{font-weight: bold;}
.BGcol1{color: #3a7ed4;width: 7%;}
.BGcol2{color: #3a7ed4; text-transform: capitalize;width: 15%;}
.BGcol3{color: #282727;width: 9%;}
.BGcol3 label{color: red;}
.BGcol4{width: 34%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align: left;}
.BGcol4_2{width: 48%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align: left;}
.BGcol5{width: 14%;}
.BGcol6{color: #ff0000;width: 12%; height: 34px;}
.BGcol6_2{height: auto;}
.BGcol7{border-right: 0; color: #282727; width: 7%;}

.BGcol8{width: 10%;}
.BGcol9{width: 48%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 1%;}
.BGcol10{width: 14%;}
.BGcol11{width: 16%;color: red;}
.BGcol12{width: 10%;border-right: 0;}

.BGcol13{width: 17%;}
.BGcol14{width: 17%;}
.BGcol15{width: 38%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align: left;padding: 0 1%;}
.BGcol16{width: 13%;color: red;}
.BGcol17{width: 13%;border-right: 0;}
.napthemtien{background-color: #2a70b8;border-color: #337ab7;display: inline-block;color: white;outline: 0;
    padding: 6px 12px;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.napthemtien:active{text-shadow: none;}
.napthemtien2{background-color: #ffd42d;}