body { font-size:13px; font-family:'Open Sans',Arial,sans-serif; border-top:2px solid #2d71b9;}
a:hover, a:focus {text-decoration:none;}
.Album a, .boxd .imgd, .imgP, .btn-sear, .pnlChk {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.boxd .imgd, .imgP {-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);}
/*.boxAlbum .row img, .boxN1 .PicN1 img, .imgd img, .imgP img {width:100%; max-height:100%;max-width:100%;object-fit:cover;}*/
.Album a img, .boxAlbum .row img, .boxN1 .PicN1 img, .imgd img, .imgP img { height:100%; min-height:100%;min-width:100%;object-fit:cover;}

.hover-state { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.hover-state {opacity:0;position:absolute;width:100%;height:100%;top:0px;left:0px;background:url(/images/bg/bg-view.png) no-repeat center;/*background-color:rgba(0, 0, 0, 0.5);*/ -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.75);}
.boxAlbum .row a .hover-state {background:url(/images/bg/hover-magnify.png) no-repeat center;}
.listV a:hover .hover-state, .boxAlbum .row a:hover .hover-state, .Album:hover .hover-state, .lstNews:hover .hover-state, .PicN3:hover .hover-state, .boxN1 .PicN1:hover .hover-state, .boxp:hover .hover-state {opacity: 1;}
.listV a .hover-state {background-image:none;}

/*.hover-stateV {position:absolute;width:100%;height:100%;top:0px;left:0px;background:url(/images/bg/bg-yt.png) no-repeat center;}
.boxV:hover .hover-stateV {background:url(/images/bg/bg-yt2.png) no-repeat center; background-color:rgba(0, 0, 0, 0.5);}*/

#header { background:url(/images/bg/bg-header.png)no-repeat top center;background-size:cover;}
.support {text-align:right;}
.support p { float:right;padding-left:8px; font-weight:600;}
.support p:last-child {border-right:1px solid #d7d7d7; padding-right:8px;}
.support .fa { display:initial; margin-right:5px; color:#2d71b9;font-size:16px;}
.support a {color:#f05822;}

.pnlChk { height:28px; font-size:13px; width:260px; border:1px solid #d7d7d7; float:right; position:relative; overflow:hidden;}
.pnlChk .iptCode { width:100%; height:100%; padding:0 67px 0 6px; background:#fff;}
.pnlChk .btnChk { position:absolute; height:100%;top:0;right:0; background:#3777bc; padding:0 10px; color:#fff;}
.pnlChk .btnChk:hover {background:#f05923;}

.pnlSear {padding:5px; position:absolute; width:300px; background:#2d71b9;top:42px; right:15px; font-size:13px;}
.txtKey { width:100%;height:30px; padding:0 40px 0 6px; background:#fff;}
.btnsearch { position:absolute; height:30px; width:35px; top:5px;right:5px; background:url(/images/bg/bg-sear.png)no-repeat center #f05923;}

.pnlEmail {height:40px; width:100%; overflow:hidden; background:#fff; position:relative;}
.iptEmail {height:100%; padding:0 60px 0 10px;}
.btnEmail {position:absolute;top:0; right:0;width:50px; height:100%; background:url(/images/bg/bg-email.png)no-repeat center #3777bc;}
.btnEmail:hover {background-color:#f05822;}

#navbar-menu {position:relative;}
.btn-sear {position:absolute; right:15px; top:7px; background:#f05822; padding:6px 6px 2px 6px;}

#carousel-slide .owl-next, #carousel-slide .owl-prev { opacity:0.5; display:block;position: absolute;top:50%; margin-top:-21px; width:42px;height:42px;cursor: pointer;background: url(/js/owl-carousel/bg-btn.png) no-repeat #fff;overflow: hidden;text-indent:9999px;}
#carousel-slide .owl-next:hover, #carousel-slide .owl-prev:hover {opacity:1;}
#carousel-slide .owl-next { background-position:15px; left:8%;}
#carousel-slide .owl-prev { background-position:-15px; right:8%;}

#carousel-slide .owl-dots {text-align:center;position: absolute;width: 100%;bottom:10px;}
#carousel-slide .owl-nav .disabled{opacity:.5;cursor:pointer;}
#carousel-slide .owl-dots .owl-dot{display:inline-block;zoom:1}
#carousel-slide .owl-dots .owl-dot span { width:12px;height:12px;margin:5px;background:#3777bc;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
#carousel-slide .owl-dots .owl-dot.active span,#carousel-slide .owl-dots .owl-dot:hover span{background:#f05923;}

.boxDr {position:relative;}
.carousel-div1 .boxd { padding:5px; padding-top:170px;}
.carousel-div1 .boxd p { width:224px; height:181px; right:0; margin:0 auto; padding:50px 25px 0 50px; background:url(/images/bg/bg-box-dotor2.png)no-repeat center;}
.carousel-div1 .boxd .imgd {width:100%; height:auto;float:none;}

.carousel-div1 .owl-nav {display:none;}
.carousel-div1 .owl-nav .disabled{opacity:.5;cursor:pointer;}
.carousel-div1 .owl-dots {text-align:right; position:absolute; width:100%; top:-20px;}
.carousel-div1 .owl-dots .owl-dot{display:inline-block;zoom:1}
.carousel-div1 .owl-dots .owl-dot span { width:20px;height:2px;margin:5px;background:#3777bc;display: block;}
.carousel-div1 .owl-dots .owl-dot.active span,.carousel-div1 .owl-dots .owl-dot:hover span{background:#f05923;}

.menu2 {margin-bottom:1px; font-size:15px;}
.menu2 a {display:block;padding:10px;background:#ededed;color:#222;position:relative;}
.menu2 a:hover, .ac2 a {color:#fff; background:#3777bc;}
.menu2:hover a:before, .ac2 a:before {content:"\f0da";right:-7px;top:50%;position:absolute;color:#3777bc;font-size:23px;margin-top:-13px;display:inline-block;font-family:FontAwesome;}


.titH2 {font-size:30px; font-weight:600; line-height:30px; padding-bottom:20px; margin-bottom:20px; color:#3777bc;}
.titH2 a { text-transform:uppercase;}
.titH2:after {content:"";display:block;width:70px;margin:0 auto;height:2px;bottom:-20px;position:relative;z-index:1;background-color:#3777bc;}
#About { padding:10px 0; border-bottom:1px solid #fff; background:url(/images/bg/bg-about.png)no-repeat center;background-attachment: fixed;background-repeat: no-repeat;background-size: 100% 100%;}
#About:after {content:"";display:block;width:100%;height:16px;bottom:-27px;position:relative;z-index:1;background:url(/images/bg/bg-about2.png)no-repeat center top;}

.titH2b {font-size:25px; font-weight:600; line-height:28px; margin-bottom:20px; color:#3777bc; border-bottom:3px solid #ededed;}
.titH2b a {background:#fff; padding-right:10px;}

.titH2c {font-size:18px; font-weight:600; line-height:25px; margin-bottom:10px; color:#3777bc;}
.titH2e {font-size:28px; color:#3777bc; line-height:38px; margin-bottom:15px;}
.titH2F {font-size:15px; font-weight:600; text-transform:uppercase; color:#fff; border-bottom:4px solid #3777bc;}
.titH2F span {display:inline-block; padding:10px 15px; background:#3777bc;}

.post-related li {padding:5px 0;}
.post-related li a {display:inline-block; font-weight:600; padding-left:15px; position:relative;}

.detail-post {font-size:14px;}

#About .TitleP {font-size:16px; font-weight:600;}
#About p {margin-bottom:10px;}

.imgP {display:block; height:200px; overflow:hidden;position:relative;}

.titH3 {font-size:15px; font-weight:600; padding-bottom:10px; text-transform:uppercase;}

.boxp {padding-bottom:20px;position:relative;}
.boxp p {height:58px; overflow:hidden;}

#Doctor {position:relative; background:url(/images/bg/bg-dotor.png)no-repeat center #f3f3f3;background-attachment: fixed;background-repeat: no-repeat;background-size: 100% 100%;}
#Doctor:after {content:"";display:block;width:100%;height:16px;bottom:-15px;position:relative;z-index:1;background:url(/images/bg/bg-about2.png)no-repeat center top;}

.boxd {position:relative;padding-top:60px;}
.boxd p {position:absolute; top:0;left:0; width:220px; height:180px;padding:35px 25px 45px 38px; overflow:hidden; font-size:13px; background:url(/images/bg/bg-box-dotor.png)no-repeat center;}
.boxd .imgd {position:relative; width:230px; height:300px; overflow:hidden; float:right;}
.boxd .imgd span {position:absolute; bottom:0; left:0; width:100%; text-align:left; padding:10px; background:#0b81c1; font-size:18px; color:#fff;}

.boxN1 .PicN1 {display:block; height:170px; overflow:hidden; position:relative;}
.boxN1 .ND1 {font-size:13px; max-height:75px; overflow:hidden;}
.titH3b {padding:10px 0; font-size:14px; font-weight:600; line-height:20px;}
.titH3c {font-size:14px; font-weight:600; padding:10px 0; line-height:20px; border-bottom:1px dashed #d7d7d7;}
.titH3c a {position:relative; padding-left:15px; color:#000;}
.titH3c a:hover {color:#3777bc;}
.post-related li a:before,
.titH3c a:before {content:"";height:5px;width:5px;background:#3777bc;position:absolute;left:0;top:7px;}
.titN1:last-child .titH3c {border-bottom:none;}

.boxV { margin-top:30px;}
.boxV .VPic {display:block; position:relative; text-align:center;}
.boxV .VPic .fa {margin-bottom:-26px !important;}
.boxV .VPic img {width:100%;}
.boxV p { background:#292a2a;line-height:20px; padding:10px;}
.boxV p a { color:#fff;}

#Footer { background:url(/images/bg/bg-footer.png) #d4d4d4; position:relative; font-size:13px;}
#Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6 { font-size:15px; color:#3777bc; line-height:20px; font-weight:bold; text-transform:uppercase;margin-bottom:10px;}
#Doctor:before,
#Footer:before {content:"";display:block;width:100%;height:16px;top:0;position:absolute;z-index:1;background:url(/images/bg/bg-about2.png)no-repeat center top;}
#Footer .ctn i { display:inherit;}

#Doctor .panel {background:rgba(255, 255, 255,0.5)}
#Doctor .panel-heading {background:#fff;font-weight:600;padding:15px;}
#Doctor .panel-heading span{color:#3777bc;}
#Doctor .panel-title {line-height:24px;}
#Doctor .panel-collapse {font-size:14px; line-height:24px;}

.img_FAQ {width:100%; min-height:450px;background-size:cover; background-repeat:no-repeat; position:relative}
.img_FAQ:before {position:absolute;display:block; content:"";width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0,0.5)}
.FAQ_content { font-size:18px;color:#fff; line-height:30px; 
    width:80%; position:absolute; top:50%; left:50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.titH3e {font-size:35px;font-weight:bold;line-height:50px;margin-bottom:20px;}
.card {border:1px solid #ddd;}
.carousel-card .item {display:block; width:100%; height:300px; position:relative; overflow:hidden;}
.carousel-card .item img {position:absolute;width:auto; max-width:100%; max-height:100%; margin:auto; top:0; right:0;bottom:0; left:0;}
.content-card {border-left:1px solid #ddd;}
.link-card {display:inline-block;font-size:14px; color:#fff; background:#3777bc; padding:5px 30px 5px 15px;border-radius: 30px;overflow:hidden;position:relative;}
.link-card:after {content:"\203A";display:block; font-size:27px;line-height:25px; position:absolute; right:15px; top:0; bottom:0; margin:auto;}
.link-card:focus, .link-card:hover {background:#fb6935; color:#fff}

.copy { padding:10px 7px; background:#3777bc; color:#c0cfe6; font-size:13px; text-align:center;}

.lblLink {padding:10px 7px; background:#f5f5f5; font-size:13px; margin-bottom:20px;}
.lblLink .fa {display:initial; padding:0 5px;}
.cmaTite { color:#333;}
/*----- Page ---------*/
.page-nummber	{ margin:10px 0 30px; text-align:right;}
.page-nummber span a{ display:inline-block; padding:4px 12px; font-weight:600; font-size:14px; border:1px solid #ccc;}
.page-nummber span .apage:hover, .page-nummber span .cpage	{ color:#fff; Background:#3777bc;  border:1px solid #3777bc;}

.time { font-style:italic; background:url(/images/icon/icon-lich.png)no-repeat left; padding-left:20px; color:#505050; font-size:13px;}
.PicN3 { width:150px; height:110px; border:1px solid #3777bc; vertical-align:middle; display:table-cell; position:relative;}
.PicN3 img {max-width:100%; width:auto;}

.listV a {display:block;position:relative; max-height:230px; overflow:hidden; text-align:center;}
.listV a img {width:100%;}
.boxV .VPic .fa,
.listV a .fa {position:absolute; right:0; left:0; margin:0 auto; bottom:50%; color:#000;}
.listV a .name {position:absolute; bottom:0; width:100%; padding:10px; left:0; color:#fff; background-color:rgba(0, 0, 0, 0.5); font-weight:600; font-size:15px;}
.boxV .VPic:hover .fa, .listV a:hover .fa {color:#E02F2F;}

.showV {border:2px solid #ccc;}
.content-post {font-size:14px; line-height:20px;}
.content-post img { max-width:100% !important; height:auto !important; margin-bottom:10px;}

.boxAlbum {max-width:800px; font-size:14px;}
.boxAlbum .titH2 {padding-bottom:0 !important; margin-bottom:10px}
.boxAlbum .titH2:after { display:none !important;}
.boxAlbum .row a {display:block;position:relative; height:150px; overflow:hidden;}

.Album a {display:block;position:relative; height:150px; overflow:hidden; margin-bottom:5px; border:1px solid #d6d6d6;}
.Album p {height:36px; overflow:hidden;}

.PicN a {position:relative; display:block;}

.alet-tb {color:#808080; line-height:20px;}
.alet-tb .fa {display:inherit; font-size:6px;margin-right:5px;}

@media (max-width: 767px) {
    .container, #navbar-menu,
	[class^=col-] {padding-left:7px;padding-right:7px;}
	.row {margin-left:-7px;margin-right:-7px;}

    .pnlChk { height:31px;}
    .pnlSear {position:static; width:100%; padding:0; margin:5px 0;}
    .pnlSear.collapse {display:block !important;}
    .titH2 { font-size: 26px;padding-bottom: 10px; margin-bottom: 20px;}
    .titH2:after {bottom:-10px;}
    .boxV { margin-top:10px;}
    .boxd {padding-top:120px;}
    .boxd .imgd {margin:0 auto; float:none;}
    .boxd p {margin:0 auto; right:0;}
    .titH2c {font-size:16px; line-height:20px;}
    .titH2e {font-size:24px;}
}

@media (min-width: 480px) {
    .lstNews p {display:block !important;}
}

@media (max-width: 479px) {
    .support p:first-child .fa {display:none;}
    #pnlVideo .col-xs-6, #pnlAlbum .col-xs-6, #pnlPro .col-xs-6 { width:100%;}
    .titH2c {font-size:14px; line-height:18px;} 
    .open .table tr td {font-size:13px;}
}