body{
    font-family: "MyriadPro-Cond", Helvetica, Arial, sans-serif;
}
html, body{
    width: 100%;
    padding: 0;
    margin: 0;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-div,
.center_text{
    max-width: 960px;
    margin-top: -8px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#content {
    min-height: 500px;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    background: url('../images/bg_body.gif') #FFF;
}
/*======================================== Menu ======================================== */
#jsddm
{
    line-height: 18px;
    margin-top: 18px;
    font-size: 13px;
}
#jsddm:after{
    content: "";
    clear: both;
}
#jsddm:before{
    content: "";
    clear: both;
}
#jsddm .top-jsddm{
    padding: 0 15px 5px 0;
}
#jsddm li
{
    float: left;
    list-style: none;
}
#jsddm li.clear{
    float: none;
}
#jsddm li a
{
    display: block;
    font-weight: bold;
    line-height: 18px;
    padding: 6px 16px;
    color: #283D4B;
    text-decoration: none;
    border-right: 1px solid #000000;
}

#jsddm li a:hover, #jsddm li:hover a,#jsddm li a.active
{   
    background: #336699;
    color: #ffffff;
    line-height: 18px;
}

#jsddm li ul
{
    margin: 0px 0px;
    padding: 0px;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
}

#jsddm li ul li
{
    float: none;
    display: inline;
}

#jsddm li ul li a
{
    background: #336699;
    color: #ffffff;
    text-align: left;
}
.border_none{
    border:none!important;
}
#jsddm li ul li a:hover
{
    background: #21394E;
    color: #ffffff;
}

/* ======================================== TOP ======================================== */
.menu-div{
    width: 100%;
    height: 104px;
    background-image: url('../images/background_header.png');
}
.header-info{
    margin: 0px auto; 
    text-align: left;
    width: 960px;
}
.header-logo{
    float: left;
    width: 81px;
    margin-left: 135px;
}
.header-logo img{
    width: 71px;
    height: auto;
}
.menu-right{
    float: right;
    text-align: right;
}

.header-banner {
    text-align: center;
    margin-top: 60px;
}
.header_button{
    margin-bottom: -20px;
}
.header_button_left{
    float: left;
    padding-left: 20px;
}
.header_button_right{
    float: right;
    padding-right: 233px;
    text-align:right;
    margin-top: -20px
}
.phone{
    color: #4779ac;
    font-family: "vni-bauhausregular", Helvetica, sans-serif;
    font-size: 45px;
    margin-top: -11px;
}
.home_info_left1{
    float: left;
    padding-left: 20px;
    /*width: 518px;*/
    width: 53.9583%;
    text-align: center;
}
.home_info_left1 a{
    display: inline-block;
    width: 100%;
}
.home_info_left1 a img{
    max-width: 100%;
    height: auto;
}
.home_info_right1{
    float: right;
    /*width: 378px;*/
    width: 46.0417%;
    padding: 0 30px;
    margin-top: 92px;
    text-align: justify;
}
.home_info_tilte{
    /*font-size: 60px;*/
	font-size: 40px;
    color: #24558C;
    /*font-family: "vni-bauhausregular", Helvetica, sans-serif;*/
}
.counter{
    text-align: right;
    padding-right: 10px;
}
.counter_title{
    color: #2978C8;
    line-height: 30px;
}
.counter_title a{
    color: #0b4b8c;
    text-decoration: underline;
}
.counter_title a:hover{
    color: #2978C8;
}
.separator {
    margin: 0 17px -4px 0;
    padding: 0;
}
.icon-menu {
    position: fixed;
    right: 15px;
    top: 18px;
    width: 30px;
    height: 24px;
    z-index: 1000;
    display: none; 
}
.icon-menu span {
    width: 30px;
    height: 4px;
    background: #2c3d51;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0; 
}
.icon-menu span:nth-child(2) {
    top: 10px; 
}
.icon-menu span:nth-child(3) {
    top: 20px; 
}
.icon-menu.opened span:nth-child(1) {
    -webkit-animation: firstBar 0.5s ease;
    -o-animation: firstBar 0.5s ease;
    animation: firstBar 0.5s ease;
    animation-fill-mode: forwards; 
}
.icon-menu.opened span:nth-child(2) {
    -webkit-animation: secondBar 0.5s ease;
    -o-animation: secondBar 0.5s ease;
    animation: secondBar 0.5s ease;
    animation-fill-mode: forwards; 
}
.icon-menu.opened span:nth-child(3) {
    -webkit-animation: thirdBar 0.5s ease;
    -o-animation: thirdBar 0.5s ease;
    animation: thirdBar 0.5s ease;
    animation-fill-mode: forwards; 
}
.icon-menu.closed span:nth-child(1) {
    -webkit-animation: firstBarReverse 0.5s ease;
    -o-animation: firstBarReverse 0.5s ease;
    animation: firstBarReverse 0.5s ease;
    animation-fill-mode: forwards; 
}
.icon-menu.closed span:nth-child(2) {
    -webkit-animation: secondBarReverse 0.5s ease;
    -o-animation: secondBarReverse 0.5s ease;
    animation: secondBarReverse 0.5s ease;
    animation-fill-mode: forwards; 
}
.icon-menu.closed span:nth-child(3) {
    -webkit-animation: thirdBarReverse 0.5s ease;
    -o-animation: thirdBarReverse 0.5s ease;
    animation: thirdBarReverse 0.5s ease;
    animation-fill-mode: forwards; 
}
@-webkit-keyframes firstBar {
0% {
top: 0;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(45deg); } }
@-moz-keyframes firstBar {
0% {
top: 0;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(45deg); } }
@-ms-keyframes firstBar {
0% {
top: 0;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(45deg); } }
@keyframes firstBar {
0% {
top: 0;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(45deg); } }
@-webkit-keyframes firstBarReverse {
0% {
top: 10px;
transform: rotate(45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 0;
transform: rotate(0); } }
@-moz-keyframes firstBarReverse {
0% {
top: 10px;
transform: rotate(45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 0;
transform: rotate(0); } }
@-ms-keyframes firstBarReverse {
0% {
top: 10px;
transform: rotate(45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 0;
transform: rotate(0); } }
@keyframes firstBarReverse {
0% {
top: 10px;
transform: rotate(45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 0;
transform: rotate(0); } }
@-webkit-keyframes secondBar {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes secondBar {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-ms-keyframes secondBar {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes secondBar {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes secondBarReverse {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes secondBarReverse {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes secondBarReverse {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes secondBarReverse {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes thirdBar {
0% {
top: 20px;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(-45deg); } }
@-moz-keyframes thirdBar {
0% {
top: 20px;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(-45deg); } }
@-ms-keyframes thirdBar {
0% {
top: 20px;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(-45deg); } }
@keyframes thirdBar {
0% {
top: 20px;
transform: rotate(0); }
50% {
top: 10px;
transform: rotate(0); }
100% {
top: 10px;
transform: rotate(-45deg); } }
@-webkit-keyframes thirdBarReverse {
100% {
top: 10px;
transform: rotate(-45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
transform: rotate(0);
top: 20px; } }
@-moz-keyframes thirdBarReverse {
100% {
top: 10px;
transform: rotate(-45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
transform: rotate(0);
top: 20px; } }
@-ms-keyframes thirdBarReverse {
100% {
top: 10px;
transform: rotate(-45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
transform: rotate(0);
top: 20px; } }
@keyframes thirdBarReverse {
100% {
top: 10px;
transform: rotate(-45deg); }
50% {
top: 10px;
transform: rotate(0); }
100% {
transform: rotate(0);
top: 20px; } }
/* ======================================== BODY CONTENT ======================================== */
.home_div div.line{
    padding-bottom: 30px;
}
.home_div div.line .colleft{
    width: 64.7916%;
}
.home_div div.line .colleft .time_image{
    width: 100%;
}
.home_div div.line .colleft .time_image a{
    display: inline-block;
    width: 100%;
}
.home_div div.line .colleft .image{
    max-width: 100%;
    width: auto;
    position: relative;
    height: auto;
}
.home_div div.line .colright{
    width: 35.2084%;
    padding: 0 30px;
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
.clear{
    clear: both;
}

input, textarea, select {
    font-family: "MyriadPro-Cond",Helvetica,sans-serif;
    font-size: 12px;
}
.wrapper {
    overflow: hidden;
    max-width: 720px;
    padding: 0 2px 40px 2px;
/*    margin: auto;*/
}
.wrapper-jc{
    padding: 0 242px 40px 2px;
}
.wrapper-jc .jcarousel-right{
    right: -242px;
}
.wrapper-jc .jcarousel-wrapper{
    width: 100%;
}
.swiper-home{
    width: 100%;
    position: relative;
    margin: 20px 0 0 0;
}
.swiper-home .swiper-slide img{
    width: 100%;
}
.swiper-home .swiper-button-next,
.swiper-home .swiper-button-prev{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #4E443C;    
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.swiper-home .swiper-button-next{
    right: 30px;
}
.swiper-home .swiper-button-prev{
    left: 30px;
}
.swiper-home .swiper-container{
    width: 100%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.button {
    font-weight: bold;
    padding: 20px 10px 20px 10px;
    margin-right: 8px;
    margin-bottom:10px;
    font-family: "MyriadPro-Cond",Helvetica,sans-serif;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
    display: inline-block;
    white-space: nowrap;
    line-height:1em;
    position:relative;
    outline: none;
    overflow: visible;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
}
.button_blue {
    color: #FBFBFB;
    background-color: #006AC3;
}
/*
.button_sea {
    color: #FBFBFB;
    background-color: #109CAD;
    padding: 10px;
}
*/
.button_sea,a.button_sea:hover {
    color: #FBFBFB;
    background-color: #109CAD;
    /*padding: 10px;*/
    text-decoration: none;
}

.button_blue:hover {
    color: #FBFBFB;
    opacity:0.9;
    filter:alpha(opacity=90);
    text-decoration: none;
}
.button_green {
    color: #FBFBFB;
    background-color: #109EA0;
}
.button_green:hover {
    color: #FBFBFB;
    opacity:0.9;
    filter:alpha(opacity=90);
    text-decoration: none;
}
.breakrum{
    color: #006DDF;
    padding: 0 15px;
}
.breakrum a{
    text-decoration: none;
    color: #006DDF;
}
.formweb{
   
}
#register_exam h2{
    margin-left: 0;
    margin-bottom: 0;
}
#exam input[type="button"], input[type="submit"] {
    background-color: #305EBA;
    border: 1px solid #008a88;
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
}
.reg_exam_btn{
    padding-right: 272px;
}
.select_exam{
    /*width: 356px;*/
    width: 350px;
    height: 25px;
}
.content_info{
    padding: 0px 15px;
    color: #1A4A7B;
}
.title_info_medic{
    font-size: 25px;
    font-weight: bold;
    color: #0C4A90;/*#084356*/
    padding-top: 20px;
}
.title_info_medic a{
    color: #084356;
    text-decoration: none;
}
.content_info_medic{
    text-align: justify;
    line-height: 30px;
    color: #183c61;
}
.right_title_vmedical{
    text-align: right;
    width: 100%;
}
.content_vmedical{
    text-align: justify;
    line-height: 40px;
}
.left_title_vmedical{
   
}
.kv_image{
    float: left;
    font-size: 20px;
    padding-left: 30px;
}
.kv_image a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 20px 0px 20px 0px;
}

.kv_image a .play {
    display: none;
    opacity: 0.8;
    position: absolute;
    width: 207px;
    height: 240px;
    color: white;
    padding: 28% 0;
    text-align: justify;
    text-shadow: 2px 2px 5px black;
}

.kv_image a:hover .play {
    display: block;
    background-image: url('../images/kv_none.png');
}
.text_on_image{
    padding: 0 5px 0 5px;
}
.high_standard{
    line-height: 30px;
}
.kv_rdetail{
    float: right;
    padding: 10px 0px 0px 13px;
}
.kv_ldetail{
    text-align: justify;line-height: 30px;max-width: 710px;
    width: 100%;
}
.kv_detail_info{
    background: #295A8B;
    color: white;
    /*margin: -105px 0 0 7px;*/
    padding-top: 100px;
    width: 180px;
}
.kv_detail_hist{
    padding: 9px 5px 10px;
    text-align: center
}
table .hist{
    line-height: 25px;
}
.list_menu{
    padding: 25px 0px 9px 33px;
}
.room_head{
    font-size: 40px;
    line-height: 45px;
}
.room_head{
    font-size: 40px;
    line-height: 45px;
}
.room_add{
    font-size: 20px;
}
.room_phone{
    font-size: 18px;
}
.room_calendar{
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.time_image {
  height: 282px;
  width: 622px;
  position: relative;
}
.adn_image {
  height: 282px;
  width: 289px;
  position: relative;
}
.adn_image .img-ab img{
    position: relative;
}
.adn_image .text1,
.adn_image .text_desc1{
    top: 0;
    left: 0;
    position: relative;
}
.adn_image .text_desc1 *{
    color: rgb(228,228,228);
    text-decoration: none;
}
.col_thuoc {
  height: 483px;
  /*width: 400px;*/
  width: 41.667%;
  position: relative;
}
.col_thuoc a{
    display: inline-block;
    width: 100%;
}
.col_thuoc .image{
    width: auto;
    height: auto;
    max-width: 100%;
    position: relative;
}
.bs_image {
  height: 483px;
  width: 512px;
  position: relative;
}
.image {
  position: absolute;
  left: 0;
  top: 0;
}
.text1 {
  z-index: 100;
  /*position: absolute;*/
  color: white;
  font-size: 24px;
  font-weight: bold;
  /*left: 20px;
  top: 150px;*/
  color: #fff;
}
.text1 a{
    color: #fff;
}
.text_desc1 {
  z-index: 100;
  /*position: absolute;*/
  color: white;
 /* left: 20px;
  top: 195px;*/
  line-height: 30px;
}
.text-ab{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}
.text2 {
  z-index: 100;
  /*position: absolute;*/
  color: white;
  font-size: 24px;
  font-weight: bold;
  /*left: 20px;
  top: 360px;*/
}
.text_desc2 {
  z-index: 100;
  /*position: absolute;*/
  color: white;
  /*left: 20px;
  top: 400px;*/
  line-height: 30px;
}
.error{
    clear: both;
    color: red;
    display: inline-block;
    padding: 2px 0px 7px 0px;
}
/* ======================================== PHONG KHAM DETAIL ======================================== */
.intro_ls {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 85%;
}
.intro_more .bs {
    font-size: 25px;
}
.ls_no {
    text-align: center;
}
table.ls_no th {
    background: #5c7fff url("../images/bg_green.jpg") repeat-x scroll 0 0;
    color: #fff;
    height: 49px;
}
table.ls_no td {
    font-size: 25px;
    line-height: 35px;
}
table.ls_no td.ck {
    color: #f17200;
}
table.ls_no td.ddk {
    color: #5AA560;
}
table.ls_no td.dk {
    color: #10bf0f;
}
table.ls_no td:first-child {
    border-right: 1px solid #CECCCD;
    color: #8c8a8b;
    width: 75px;
}
table.ls_no tr.even td:first-child {
    text-shadow: 0 0 3px #f3f3f3, 0 0 5px #565656;
}
table.ls_no tr.old td:first-child {
    text-shadow: 0 0 3px #cac8c8, 0 0 5px #565656;
}
table.ls_no tr.even {
    background-color: #fffcfd;
}
table.ls_no tr.old {
    background-color: #d6d6d6;
}
/*-------------------*/
table.ls_price th {
    background: #5c7fff url("../images/bg_green.jpg") repeat-x scroll 0 0;
    color: #fff;
    height: 25px;
    font-weight: bold;
}
table.ls_price td {
    line-height: 25px;
    padding-left: 3px;
}
table.ls_price td.ck {
    color: #f17200;
}
table.ls_price td.dk {
    color: #10bf0f;
}
table.ls_price td:first-child {
    width: 275px;
}
table.ls_price tr.even td:first-child {
    text-shadow: 0 0 3px #f3f3f3, 0 0 5px #565656;
}
table.ls_price tr.old td:first-child {
    text-shadow: 0 0 3px #cac8c8, 0 0 5px #565656;
}
table.ls_price tr.even {
    background-color: #fffcfd;
}
table.ls_price tr.old {
    background-color: #d6d6d6;
}
/*----------------------------------*/
.room_schedule{
    border: 1px dotted black;
    padding: 5px;
}
.room_schedule tr td:first-child{
    text-align: left;
    padding-left: 20px;
}
/* ======================================== FOOTER CONTENT ======================================== */
.footer-div{
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    widows: 100%;
    background: url('../images/bg_footer.gif') #FFF;
}
.footer-left{
    line-height: 25px;
    vertical-align: middle;
    float: left;
    padding: 12px 0 0 30px;
}
.footer-left a{
    color: #fff;
}
.footer-right{
    float: right;
    padding-right: 30px;
    margin-top: 45px;
}
.footer_info{
    font-weight: bold;
    border-bottom: 1px solid #fff;
    font-size: 130%;
    line-height: 30px;
}
@font-face {
    font-family: 'vni-bauhausregular';
    src: url('fonts/vnbau.eot');
    src: url('fonts/vnbau.eot?#iefix') format('embedded-opentype'),
         url('fonts/vnbau.woff2') format('woff2'),
         url('fonts/vnbau.woff') format('woff'),
         url('fonts/vnbau.ttf') format('truetype'),
         url('fonts/vnbau.svg#vni-bauhausregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
  font-family: 'fonts/MyriadPro-Cond';
  src: url('fonts/MyriadPro-Cond.eot');
  src: url('fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
       url('fonts/MyriadPro-Cond.woff2') format('woff2'),
       url('fonts/MyriadPro-Cond.woff') format('woff'),
       url('fonts/MyriadPro-Cond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.text_border{
    color: #313131;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
/*
.text2 .text_border{
    color: #fff;
    text-shadow: none;
}*/


/* ======================================== SIDE BAR ======================================== */
.wr-infome{
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
#float_content_right {
    /*border: 1px solid #01AEF0;*/
    margin: 20px 0 0 0;
    /*background: #fff;*/
}
#float_content_right ul{
    float: right;
    padding:0px;
}
#float_content_right ul li{
    list-style-type:none;
    border: 1px solid #FF0000;
    margin-top: 3px;
}

.post-container {
    /*margin: 0px 0px 0px 9px;*/
    margin: 18px 0px 0px 9px;
    overflow: auto;
}
.post-thumb {
    float: left;
}
.post-thumb img {
    display: block;
}
.padding-thumb {
    padding: 6px;
}
.post-content {
    margin-left: 53px;
}
.title_side{
    color: black;
    border-bottom: 3px solid #0864A4;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 5px;
    text-align: left;
    margin: 0;
}
/* ======================================== SIDE BAR ======================================== */
/* ======================================== Web Room ======================================== */
.web-room{
    padding: 0 15px;
}
.web-room .wrapper{
    width: 100%;
    max-width: 100%;
}
img{
    max-width: 100%;
    height: auto;
}
/* ======================================== About Us ======================================== */
.content-about-us{

}
.content-about-us .item-share{
    padding: 0 0 0 290px;
    position: relative;
    min-height: 305px;
}
.content-about-us .item-share .img-share{
    position: absolute;
    width: 275px;
    top: 50%;
    left: 0;
    margin-top: -137px;
}
.content-about-us .item-share .img-share img{
    width: 100%;
    height: auto;
}
.content-about-us .item-do{
    padding: 0 250px 0 0;
    position: relative;
    min-height: 402px;
}
.content-about-us .item-do .img-do{
    position: absolute;
    top: 0;
    right: 0;
}
/* ======================================== Info Me ======================================== */
.post-connect{
    width: 315px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.list-post{
    overflow: hidden;
}
.btn-post-connect{
    padding: 0 15px;
    display: none;
}
.btn-post-connect .button{
    display: inline-block;
    padding: 15px 10px;
}
.btn-post-connect .button:hover{

}
.over-play{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
.over-play.active{
    opacity: 1;
    visibility: visible;
}
.post-connect .icon-close{
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    background: url(../images/close_hover.png) no-repeat center center;
    display: none;
}
/*Modal*/
.modal-open .modal{
    padding: 0 !important;
}
/*form*/
.formweb{
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    clear: both;
    text-align: left;
}
.formweb .input-r{
    width: 100%;
    padding: 0 0 0 180px;
    position: relative;
}
.formweb .input-r input,
.formweb .select_exam{
    width: 100%;
}
.formweb .input-r input.exam-btn{
    width: auto;
    height: auto;
    padding: 5px;
    line-height: 19px;
}
.formweb .input-r label{
    width: 180px;
    position: absolute;
    top: 0;
    left: 0;
}
#register_exam{
    padding: 0 15px;
}
.tt{
    color:red;clear: both;text-align: left;
    max-width: 420px; margin: 0 auto;padding: 0 0 0 160px;
}
.tt.tt-note{
    padding-top: 10px;
}
#load_member_info p{
    margin: 0;
    padding: 3px 0;
}
div#informe_content > .ctext:first-child{
    margin-top: 9px;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.clear{
    clear: both;
}
/*info me css*/
    .item-infome .img-infome{
        width: 27.27%;
    }
    .item-infome .img-infome .img{
        margin: 0;
        background: #fff;
        padding: 1px;
        border: 1px solid #d6d6d6;
    }
    .item-infome .img-infome .img img{
        width: 100%;
    }
    .item-infome .desc-infome{
        width: 72.73%;
        text-align: left;
        padding: 0 5px;
    }
    .item-infome.style-view > .title_info_medic{
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
    }
    .item-infome{
        margin-top: 20px;
    }
    .item-infome:first-child{
        margin-top: 0;
    }
    .item-infome .desc-infome .title_info_medic{
        padding-top: 0;
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
    }
    .item-infome.style-view .desc-infome .title_info_medic{
        display: none;
    }
    .item-infome .desc-infome .content_info_medic{
        font-size: 14px;
        line-height: 17px;
        padding-top: 10px;
    }
    .item-infome .desc-infome .counter_title{
        font-size: 12px;
        line-height: 15px;
        padding-top: 5px;
    }
    .item-infome .date{
        font-style: italic;
        color: #183c61;
        font-weight: bold;
        padding: 5px 0;
    }
    .slg_room{
        text-align: center;
        font-size: 22px;
        line-height: 17px;
    }
/*end of info me css*/
.solagan{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
    padding: 0 80px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: #4779ac;
    font-weight: bold;
    display: none;
}
.solagan .tbl{
    width: 100%;
    display: table;
    height: 60px;
}
.solagan .tbl .tbl-cell{
    display: table-cell;
    vertical-align: middle;
}
.more-infome{
    text-align: center;
    color: #2978C8;
    padding-top: 10px;
    padding-right: 335px;
}
.more-infome a{
    color: #2978C8;
}
.box-select-infome{
    padding-bottom: 15px;
}
.box-select-infome .sl-box{
    width: 100%;
    max-width: 290px;
}
.box-select-infome .sl-box select{
    width: 100%;
}
.owl .owl-prev,
.owl .owl-next{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}
.owl .owl-prev{
    left: 15px;
    cursor: pointer;
}
.owl .owl-next{
    right: 15px;
    cursor: pointer;
}
.owl .owl-prev.disabled,
.owl .owl-next.disabled{
    opacity: 0.5;
}
.bl-mobile .ui-datepicker-trigger{
    margin-left: 5px;
}
#current_date{
    line-height: 20px;
    width: 70px !important;
}
.owl-carousel .owl-nav.disabled{display: none !important;}