*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*@font-face {
    font-family: 'UTM Helve';
    src: url('https://congtachoivien.com/fonts/UTM Helve.ttf')
}*/
.mbile_hoivien,
.mbile2,
.non {display:none
}
body {margin:0; padding:0; border:0; font-size:0.9em; color:#000; line-height:1.5em;
      font-family:Arial, Tahoma, 'Times New Roman', Verdana;  background:#ffffff; font-weight:400
}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;
}
img {border:0px
}
input {outline:0
}
a {text-decoration:none; color:#191919
}
    a:hover { color:#191919
    }
ul, li {margin:0; padding:0; width:auto
}
.line {clear:both; margin:10px 0; height:1px; background:#cccccc
}
.clear {clear:both
}
.space_5 {clear:both; height:5px
}
.space_10 {clear:both; height:10px
}
.space_20 {clear:both; height:20px
}
.bdkhung {border:solid 1px #cccccc
}
video, audio, iframe {width:100%; height:520px; border:0px
}
audio {width:100%; height:50px
}
#wrapper {margin:0 auto; padding:0; overflow:hidden
}
.share_button2 {margin:auto; clear:both; width:120px; padding:0 0 3em 0; height:30px; overflow:hidden
}
.share_button {float:left; margin:1em 0 1em 0; clear:both; width:100%; height:30px; overflow:hidden
}
.facebook {float:left;
}
.twitter,
.gplusone {float:left; margin:0.2em 0 0 0.5em
}
/*hoi phi*/
ul.listhoiphi {display:inline; list-style:none; margin:0; padding:0; width:100%; float:left
}
ul.listhoiphi li {padding:0; float:left; text-align:center; 
              color:#616221; font-size:0.85em; font-weight:700; width:30%; margin:0.5em 0 0.5em 0
    }
    ul.listhoiphi li a {color:#ffffff; font-size:1em; background:#10b0ed; border:solid 1px #0baedf; display:block; padding:0.5em
    }
    ul.listhoiphi li a.ac,
    ul.listhoiphi li a:hover {background:#160eca
    }
    ul.listhoiphi li:nth-child(2) {margin:0.5em 3%; width:34%
    }
ul.listhome {display:inline; list-style:none; margin:0; padding:0; width:100%
}
    ul.listhome li {display:block; margin:0 0.3em 0 0; padding:0; vertical-align:top; float:left; 
                    background:#0baedf
    }
        ul.listhome li a {display:block;
                          font-size:0.9em; color:#ffffff; padding:0.5em 1em
        }
        ul.listhome li span {color:#fff79e; font-size:0.9em
        }
        ul.listhome li.ac,
        ul.listhome li:hover  {background:#ff3c42
        }

ul.listhome li.col2 {margin:0; padding:0; width:48%; float:right
    }
ul.listhome li:nth-child(2n+1).col2 {margin:0 6% 0 0; padding:0; width:44%; float:left
    }
/*nhacsi*/
ul.listcn {display:inline; list-style:none; margin:0; padding:0
}
    ul.listcn li {display:inline-block; margin:0; padding:0
    }
        ul.listcn li a {background:url(../imgwb/imgw/arrow_3.png) no-repeat left 7px; display:block;
                          font-size:0.9em; color:#00394a; padding:0.1em 0 0.1em 1em; margin:0 2em 0 0
        }
        ul.listcn li a.ac,
        ul.listcn li a:hover {color:#ff3c42; 
        }
ul.listns {display:inline; list-style:none; margin:0; padding:0; width:100%; float:left
}
ul.listns li {padding:0.3%; float:left; background:#e5e56e; border:solid 1px #9b833b; text-align:center; 
              color:#616221; font-size:0.85em; font-weight:700
    }
ul.listns li:nth-child(1) {width:6%;
    }
ul.listns li:nth-child(2) {width:27.1%; border-left:0; text-align:left
    }
ul.listns li:nth-child(3) {width:5.8%; border-left:0
    }
ul.listns li:nth-child(4) {width:27.2%; border-left:0; text-align:left
    }
ul.listns li:nth-child(5) {width:5.8%; border-left:0
    }
ul.listns li:nth-child(6) {width:27%; border-left:0; text-align:left
    }
ul.listns2 {display:inline; list-style:none; margin:0; padding:0; width:100%; float:left
}
ul.listns2 li {float:left; width:33%;
    }
ul.listns2 li ul.child {display:inline; list-style:none; margin:0; padding:0; width:100%; float:left
}
ul.listns2 li ul.child li {padding:1%; float:left; background:#e5e56e; border:solid 1px #9b833b; text-align:center; border-top:0;
                           color:#616221; font-size:0.85em; font-weight:400
    }
ul.listns2 li ul.child li:nth-child(1) {width:18%; 
    }
ul.listns2 li ul.child li:nth-child(2) {width:82%; border-left:0; text-align:left; border-right:0; overflow:hidden
    }
ul.listnstk {display:inline; list-style:none; margin:0; padding:0; width:100%; float:left
}
/*ul.listnstk li {float:left; width:48%;
    }
ul.listnstk li:nth-child(1) {float:left; width:33%;
    }*/
/*HOIPHI*/
ul.listns3 {display:inline-block; list-style:none; margin:0; padding:0; width:100%; float:left; overflow:hidden
}
ul.listns3 li {padding:0.3%; display:inline-block; background:#e5e56e; border:solid 1px #9b833b; text-align:center; 
              color:#616221; font-size:0.85em; font-weight:700; float:left
    }
    ul.listns3 li:nth-child(1) {width:10%
    }
    ul.listns3 li:nth-child(2) {width:90%; border-left:0
    }
    /*ul.listns3 li:nth-child(3) {width:15%; border-left:0
    }
    ul.listns3 li:nth-child(4) {width:25%; border-left:0
    }*/
ul.listns4 {display:inline-block; list-style:none; margin:0; padding:0; width:100%; float:left
}
ul.listns4 li {float:left; width:50%; 
    }
ul.listns4 li ul.child {display:inline-block; list-style:none; margin:0; padding:0; width:100%; float:left
}
ul.listns4 li ul.child li {padding:1%; float:left; border:solid 1px #f5f5f5; text-align:center; border-top:0;
                           color:#616221; font-size:0.85em; font-weight:400; background:#f2eded; border-left:0
    }
ul.listns4 li ul.child li:nth-child(1) {width:15%; 
    }
ul.listns4 li ul.child li:nth-child(2) {width:85%; text-align:left; border-left:0; text-overflow:ellipsis;white-space:nowrap; overflow:hidden
    }
.head {background:#525252!important; color:#ffffff!important; font-size:1em!important
}
/*ul.listns4 li ul.child li:nth-child(3) {width:15%;  border-left:0
    }
ul.listns4 li ul.child li:nth-child(4) {width:25%; text-align:right; border-left:0
    }*/
.chuvangthuong {color:#181818; font-size:1em; line-height:1.5em; text-align:left;
}
    .chuvangthuong strong {color:#00394a
    }
/*ket thuc nhac si*/
/*tags*/
ul.tags {list-style:none; margin:0.5em 0 0; padding:0; display:inline-block
    }
        ul.tags li {margin:0.1em; padding:0; display:inline-block
        }
            ul.tags li a {color:#ffffff; display:block; background:#f7696d; font-size:0.9em; padding:0.3em; border-radius:5px
            }
            ul.tags li a:hover {background:#ff3c42
            }
/*dowloadfile*/
ul.download {list-style:none; display:inline; margin:0; padding:0
}
ul.download li {display:inline-block; margin:0 1em 0.5em 0; padding:0; text-transform:uppercase
    }
    ul.download li a {display:inline-block; margin:0; padding:0 0 0.5em;
                    color:#e10000; font-size:0.85em; font-weight:700; line-height:1.3em !important;
    }
    ul.download li a.download {background:url(../imgwb/imgw/download.png) no-repeat left center; 
                               display:inline-block; width:19px; height:25px; margin:0; vertical-align:middle
    }
    ul.download li a:hover {text-decoration:underline
    }
/*top*/
.banner {width:100%; float:left; margin:auto; position:relative; padding:0; 
         background:#0193dd
}
.banner_fix {max-width:1197px; margin:auto; width:100%; position:relative; 
}
.logo {float:left; margin:1em 0; padding:0; text-align:left;
}
    .logo img {border:0px; max-width:100px; width:100%; z-index:9999; float:left
    }
.slogan_top {float:left; margin:1em 0 0 1em; padding:0; text-align:left;
}
.slogan_top img {border:0px; max-width:340px; width:100%; z-index:9999; float:left
    }
.hotline {float:right; width:auto; margin:2.3em 0 0; vertical-align:top;
            position:relative; overflow:hidden; transition:all 0.5s;
            color:#ffffff; padding:0.2em 2em 0.1em 35px; 
            background:url(../imgwb/imgw/icon_hotline_top.png) no-repeat left center; font-size:1.3em; line-height:1.5em
    }
    .hotline a {color:#ffffff
    }
/*.mxh {float:right; margin:1.6em 0 0.3em 0; text-align:center; background:url(https://congtachoivien.com/imgwb/imgw/bg_top_line.jpg) no-repeat left center; height:60px;
      padding:20px 0 0 2em
}
.mxh ul {list-style:none; margin:0; padding:0; display:inline-block; text-align:right; width:100%
}
    .mxh ul li {margin:0; padding:0; display:inline-block
    }
        .mxh ul li.text {color:#ffffff; margin:0; padding:0.2em 0.5em 0 0; font-size:0.85em; text-transform:uppercase
        }
        .mxh ul li img {border:0; vertical-align:middle; margin:0 0.5em 0 0; width:25px; z-index:9999;
        }
            .mxh ul li img:hover {opacity:0.5
            }*/
.search_fix {float:right; background:url(https://congtachoivien.com/imgwb/imgw/bg_top_line.jpg) no-repeat left center; height:60px;
      padding:15px 2em 0 3em; margin:2em 2em 0 0; width:31%; border-right:solid 1px #ffffff
}
.search {float:right; height:32px; margin:0; background:#ffffff; padding:0; width:100%; border-radius:15px; transition:all 0.5s
}
.search_tb {background-color:transparent; border:0px; text-align:left; font-size:0.9em; font-weight:400;
            float:left; color:#1b1b1b; width:80%; height:32px; padding:0.5em 1em; margin:0;
}
.search_bt {background:#004a9e url(../imgwb/imgw/search.png) no-repeat center center; border:0px; 
            float:right; width:40px; height:32px; padding:0.5em; cursor:pointer; font-family:Arial; transition:all 0.5s;
            border-top-right-radius:15px; border-bottom-right-radius:15px
}
    .search_bt:hover {background:#f2b50b url(../imgwb/imgw/search.png) no-repeat center center; 
    }
.banner_menu_fix {margin:auto; max-width:1190px; width:100%; position:relative
}
.banner_menu {float:left; margin:auto; position:relative; padding:0; width:100%; background:#0052ae; margin:0;
              /*-webkit-box-shadow: 1px 6px 19px -3px rgba(0,0,0,0.22);-moz-box-shadow: 1px 6px 19px -3px rgba(0,0,0,0.22);box-shadow: 1px 6px 19px -3px rgba(0,0,0,0.22); z-index:99*/
}
.f-nav {z-index:100; position: fixed; top:0; width:100%; margin:0 auto; left:0; z-index:9999; border-bottom:solid 1px #ddd;}
    .f-nav .container {margin:0
    }
/* this make our menu float top */
.bannerslide {float:left; width:100%; position:relative
}
.bannerslide_fix {margin:auto; max-width:1190px; width:100%; position:relative
}
.bannerslide_left {float:left; width:50%; margin:1em 0; 
}
.bannerslide_right {float:right; width:48%; margin:1em 0; 
}
.banner_index {border:0px; width:48%; display:block; margin:auto; padding:0 0 0 2em; float:right
    }
.banner_index img {border:0px; width:100%; padding:0
    }
.banner_index2 {float:right; width:45%; display:block; margin:0 0 0 2em;
                border:solid 10px #0baedf!important;
    }
    .banner_index2 img {width:105%; float:left; padding:0!important; margin:5% 5% -10% -10%!important;
                         border:solid 10px #f0f0f0!important; transition:all 0.5s;
    }
    .banner_index2:hover img{border:solid 10px #cccccc!important
    }
.noidung_hoivien {float:left; width:48%
}
.img_hoivien2 {float:right; width:45%; display:block; margin:0 0 0 2em;
                border:solid 10px #0baedf!important;
    }
    .img_hoivien2 img {width:105%; float:left; padding:0!important; margin:5% 5% -10% -10%!important;
                         border:solid 10px #f0f0f0!important; transition:all 0.5s;
    }
    .img_hoivien2:hover img{border:solid 10px #cccccc!important
    }
.guide_main {float:left; margin:0; width:100%; padding:0; border-left:0; border-right:0;
             background:#f9f9f9
}
.guide_fix {margin:auto; max-width:1190px; width:100%; position:relative
}
ul.guide {clear:both; list-style:none; margin:0.1em 0; padding:0.5em 0; float:left; width:100%;
}
    ul.guide li {float:left; margin:0 0.5em 0 0; font-size:0.8em
    } 
    ul.guide li {color:#575757; display:block; background:url(../imgwb/imgw/arrow_10.png) no-repeat left 5px;
                   padding:0 0 0 1em; margin:0 0 0 1em
    }
        ul.guide li h1 {font-size:100%; font-weight:400
        }
    ul.guide li:first-child {color:#575757; background:url(../imgwb/imgw/arrow_10.png) no-repeat left center; margin:0; 
                               padding-left:0; background:none!important
    }
    /*ul.guide li:last-child,
    ul.guide li:last-child a{color:#575757; text-transform:lowercase; font-weight:400; background:none
    }*/
    ul.guide li a {color:#575757; 
    } 
    ul.guide li:last-child h1:first-letter,
    ul.guide li:last-child:first-letter,
    ul.guide li:last-child a:first-letter{text-transform:uppercase
    }
    ul.guide li:last-child {color:#575757; display:block; background:url(../imgwb/imgw/arrow_10.png) no-repeat left 5px;
                   padding:0 0 0 1em; margin:0 0 0 1em;
    }
/*main*/
.main {clear:both; float:left; width:100%; padding:0 0 1em; overflow:hidden; position:relative; min-height:500px
}
.main_fix {max-width:1190px; margin:auto;width:100%
}
.main_box_full {float:left; width:100%;  margin:1em 0; 
}
.main_box_baiviet {max-width:980px; margin:auto;width:100%;
}
.main_box {float:right; width:74%;  margin:1em 0 1em;
}

.col_green {background:#00394a; padding:1em; float:left; width:100%
}
.main_col {float:left; width:23%; margin:1em 0 1em; 
}
.main_col_home {float:right; width:23%; margin:1em 0 1em; 
}
.mleft {float:left;
}
/*bar*/
.main_bar {clear:both; margin:0 0 0.2em; color:#464646;
              display:block; text-transform:none; padding:0; font-weight:700; text-align:left;
              max-width:1190px; width:100%; float:left; 
}
    .main_bar h2,
    .main_bar h1 {font-size:1.5em; display:inline-block; font-weight:700; padding:0 0 0.4em; line-height:1.4em;
                    background:url(../imgwb/imgw/line_bar.jpg) no-repeat left bottom; text-transform:uppercase; margin-bottom:0.5em
    }
    .main_bar a {color:#191919
    }
.main_bar3 {clear:both; margin:1em 0 0; color:#464646;
              display:inline-block; text-transform:uppercase; padding:0; font-weight:700; text-align:left;
               border-bottom:solid 1px #d2d7db; font-size:1.3em; width:100%; float:left
}
    .main_bar3 h3 {display:inline-block; border-bottom: solid 3px #0baedf; font-size:100%; padding:0.5em 0 0.3em; margin:0 0 -1px
    }
/*left*/
.left_adv {width:100%; margin:1em auto; text-align:center; float:left; overflow:hidden
}
    .left_adv img {max-width:238px; width:100%; margin:0 0 0.6em ; border:0; display:inline-block; vertical-align:middle
    }
.left_body {float:left; width:100%; border:0; margin:0; padding:0; border:0
}
.left_bar {font-size:1.2em; margin:0; color:#ffffff; line-height:1.1em; padding:0.7em; 
           text-transform:uppercase; text-align:left; font-weight:600
}
    .left_bar a {color:#464646
    }
.left_bar2 { margin:0; line-height:1.1em; padding:0.7em 0; 
           text-transform:uppercase; text-align:left; border-top:solid 3px #0baedf
}
    .left_bar2 span {color:#000000; font-size:1.2em; font-weight:600;
    }
    .left_bar2 a {color:#00394a; float:right; font-size:0.9em; text-transform:none
    }
/*leftitem1*/
ul.lmenuitem {clear:both; margin:0.5em 0; padding:0; list-style:none; width:100%;
}
ul.lmenuitem li {margin:0; padding:0.1em; float:left; width:100%; transition:all 0.5s
}
ul.lmenuitem li.ac,
ul.lmenuitem li:hover {
}
    ul.lmenuitem li a {display:block
    }
ul.lmenuitem li h3 {display:inline-block; text-align:left; color:#ffffff; padding:0 0 0 0.5em; 
                   font-size:0.8em;text-transform:uppercase; font-weight:400; margin:0; vertical-align:middle;
                   /*width:78%*/
}
ul.lmenuitem li.ac h3,
    ul.lmenuitem li:hover h3 {color:#ffff00;
    }
ul.lmenuitem li img {display:inline-block; width:20%; margin:0; vertical-align:middle
}
ul.lmenuitem li ul.child {clear:both; margin:0 0 1em; padding:0; list-style:none
}
ul.lmenuitem li ul.child li:hover,
ul.lmenuitem li ul.child li{margin:0; padding:0 0 0 1em;
}
ul.lmenuitem li ul.child li a{display:block; text-align:left; color:#464646; padding:0.3em 0; 
                   font-size:1em;text-transform:none; font-weight:400

}
ul.lmenuitem li ul.child li.ac a,
ul.lmenuitem li ul.child li a:hover{color:#ff3c42; font-weight:400
}
/*leftitem2*/
ul.lmenuitem2 {margin:0; padding:0.5em; list-style:none; float:left; width:100%; position:relative;
               border:solid 1px #dcdcdc; text-align:center; box-shadow:1px 1px 2px #d2d7db
}
ul.lmenuitem2 li{ margin:0 0 1em; padding:0.5em 0; width:100%; display:inline-block; text-align:center; vertical-align:top
}
.listhoivien {width:21%!important; margin:1em 1.5%!important; 
}
ul.lmenuitem2 li:last-child {margin:0
}
ul.lmenuitem2 li img {width:105px; height:105px; display:block; margin:auto; border-radius:50%;
                      border:solid 3px #46c2e7
}
.listhoivien img {width:125px!important; height:125px!important;
}
.itemhoivien img:hover,
ul.lmenuitem2 li img:hover {opacity:0.5
}
    ul.lmenuitem2 li span {display:block; color:#626262; font-size:0.8em
    }
ul.lmenuitem2 li a h3{display:block; text-align:center; color:#00394a; padding:0.3em 0; font-size:0.9em; font-weight:700 ;
                      transition:all 0.5s; line-height:1.3em
}
ul.lmenuitem2 li a:hover h3,
ul.lmenuitem2 li.ac a h3{color:#ff3c42
}
ul.lmenuitem2 li p {font-size:0.8em; color:#8b8b8b
}
ul.lmenuitem2 li a:hover {color:#09121f; text-decoration:none
}
.itemhoivien_body {float:left; width:100%; position:relative;
               border:solid 1px #dcdcdc; text-align:center; box-shadow:1px 1px 2px #d2d7db; padding:0 0 2em
}
.itemhoivien {float:left; width:100%; text-align:center; margin:1em 0; padding:0 1em
}
.itemhoivien img {width:125px; height:125px; display:block; margin:auto; border-radius:50%;
                      border:solid 3px #46c2e7
}
.itemhoivien a h3{display:block; text-align:center; color:#00394a; padding:0.3em 0; font-size:0.9em; font-weight:700 ;
                      transition:all 0.5s; line-height:1.3em
}
/*leftitem3*/
ul.lmenuitem3 {margin:0; padding:0.5em; list-style:none; float:left; width:100%; position:relative
}
ul.lmenuitem3 li{ margin:0; padding:0.5em 0; width:100%; float:left; border-bottom:solid 1px #e5e5e5; 
}
ul.lmenuitem3 li:last-child {border:0
}
ul.lmenuitem3 li img {max-width:50px; width:100%; float:left; margin:0.5em 1em 0.2em 0
}
    ul.lmenuitem3 li span {display:block; color:#cccccc; font-size:0.8em
    }
    ul.lmenuitem3 li a {color:#cccccc; font-size:0.8em
    }
ul.lmenuitem3 li a h3{display:block; text-align:left; color:#ffffff; padding:0.3em 0; font-size:1em; font-weight:400 ;
                      transition:all 0.5s; line-height:1.3em
}
ul.lmenuitem3 li:hover a{color:#cccccc!important
}
ul.lmenuitem3 li a:hover h3,
ul.lmenuitem3 li.ac a h3{color:#ffff00!important
}
ul.lmenuitem3 li p {font-size:0.8em; color:#8b8b8b
}
ul.lmenuitem3 li a:hover {color:#09121f; text-decoration:none
}
/*leftitem4*/
ul.lmenuitem4 {margin:0; padding:1em; list-style:none; float:left; width:100%; position:relative
               ; box-shadow:1px 1px 2px #d2d7db; border:solid 1px #d2d7db

}
ul.lmenuitem4 li{ margin:0; padding:0; width:100%; float:left;  
}
ul.lmenuitem4 li:last-child {border:0
}
ul.lmenuitem4 li a h3{display:block; text-align:left; color:#00394a; padding:0.2em 0 0.2em 1em; font-size:1em; font-weight:700 ;
                      transition:all 0.5s; background:url(../imgwb/imgw/arrow_4.png) no-repeat left 10px
}
ul.lmenuitem4 li a:hover h3,
ul.lmenuitem4 li a.ac h3{color:#0baedf
}
ul.lmenuitem4 li a:hover {color:#0baedf; text-decoration:none
}
/*leftitem4*/
ul.lmenuitem5 {margin:0; padding:1em; list-style:none; float:left; width:100%; position:relative;
               background:#0baedf
}
ul.lmenuitem5 li{ margin:0; padding:0; width:100%; float:left;  
}
ul.lmenuitem5 li:last-child {border:0
}
ul.lmenuitem5 li a h3{display:block; text-align:left; color:#ffffff; padding:0.25em 0 0.2em 1em; font-size:1em; font-weight:400 ;
                      transition:all 0.5s; background:url(../imgwb/imgw/arrow_5.png) no-repeat left 12px
}
ul.lmenuitem5 li a:hover h3,
ul.lmenuitem5 li.ac a h3{color:#ebf50b
}
ul.lmenuitem5 li a:hover {color:#ebf50b; text-decoration:none
}
/*list bai viet*/
.date {
    color:#635f5f;
    background: url(../imgwb/imgw/date.png) no-repeat left center;
    padding: 0.7em 0 0.5em 1.5em; margin:0 0 1em; float:left; width:100%
}
ul.newsitem {list-style:none; margin:0; padding:0; font-size:1em; float:left; width:100%
}
    ul.newsitem li {display:inline-block; margin:0.2em 0 1em; padding:0 0 1em; width:100%; 
                    background:#ffffff; border-bottom:solid 1px #e5e5e5; color:#525252
    }
    ul.newsitem li:last-child {border:0
    }
    ul.newsitem li:hover {
    }
        ul.newsitem li .datenews {color:#635f5f; background:url(../imgwb/imgw/date.png) no-repeat left center; 
                              padding:0.2em 0 0em 2em; float:left; width:65%
        }
    ul.newsitem li img {float:left; width:35%; padding:0.4em 3% 0 0; overflow:hidden;transition:all 0.5s
    }
    ul.newsitem li img:hover {opacity:0.5
    }
        ul.newsitem li a.title h3 {color:#191919; font-weight:400; line-height:1.4em; display:block; text-align:left;
                                   text-transform:none; padding:0; font-size:1.5em; margin:0 0 0.5em; 
        }
        ul.newsitem li a.title:hover h3 {color:#09121f
        }
        ul.newsitem li a.viewmore {background:#0177d7; border:solid 1px #025fab; color:#ffffff; font-size:0.9em; display:inline-block;
                                   padding:0.2em 1em; margin:0.5em 0 0; float:right; border-radius:3px
        }
        ul.newsitem li a.viewmore:hover {background:#025fab; color:#ffffff; transition-duration:0.5s
        }
/*list tintuc2*/
.tintuc_home_head {clear:both; margin:0 auto 1em; color:#ffffff; line-height:1.2em;
              display:block; max-width:1190px; text-align:left; background:#0baedf;
              /*border-bottom:solid 2px #0baedf; border-left:solid 10px #0baedf;*/ float:left; width:100%; /*height:35px; overflow:hidden*/
}
.home_green {/*border-bottom:solid 2px #1ad77d; border-left:solid 10px #1ad77d*/
}
.tintuc_home_head a h3 {font-size:100%; font-size:1.2em; display:inline-block; font-weight:700; 
                      padding:0.5em 0 0.5em 1em;text-transform:uppercase; float:left; margin:0 1.5em 0 0; color:#ffffff
                     
}
.tintuc_home_head a:hover h3{color:#ff3c42
}
.tintuc_home_content {clear:both; margin:auto; position:relative; float:left; width:100%;  border:solid 1px #dcdcdc; padding:1.5em 1em 0;
                      box-shadow:1px 1px 2px #d2d7db
}
/*loaitintuc*/
ul.tintuccat {list-style:none; margin:0.1em 0 0 0; padding:0; text-align:left; float:left
}
    ul.tintuccat li {display:inline-block; margin:0; padding:0; vertical-align:top
    }
        ul.tintuccat li a {display:block; text-align:center; background:url(../imgwb/imgw/line_news.jpg) no-repeat right center;
                                padding:0.5em 1.3em 0.5em 1em; font-size:1em; color:#fff; text-transform:capitalize
        }
            ul.tintuccat li a h4 {font-size:100%
            }
        ul.tintuccat li a:hover {color:#ff3c42
        }
        ul.tintuccat li:last-child a {background:none
        }
/*ketthuc loaitintuc*/
ul.tintucitem2 {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.tintucitem2 li {float:right; width:48%; margin:0 0 1em; text-align:left; line-height:1.5em;
                       
    }
        ul.tintucitem2 li a h3 {color:#00394a; font-weight:400; line-height:1.5em; display:block;
                               font-size:1em; padding:0 0 0 1.5em; background:url(../imgwb/imgw/arrow_4.png) no-repeat left 7px
        }
        ul.tintucitem2 li a:hover h3 {color:#ff3c42
        }
        ul.tintucitem2 li img {display:none
        }
        ul.tintucitem2 li img:hover {opacity:0.5
        }
        ul.tintucitem2 li .ngay {color:#8b8b8b; font-size:0.9em; font-style:italic
        }
        ul.tintucitem2 li .summ {display:none
        }
    ul.tintucitem2 li:first-child {float:left; width:50%; padding:0; background:none!important; padding:0 3% 0 0;
                                   border-right:solid 1px #dcdcdc; min-height:180px
    }
        ul.tintucitem2 li:first-child a h3 {color:#00394a!important; font-weight:700; display:block; font-size:1.1em; margin:0 0 0.3em;
                                           line-height:1.5em; text-align:left; padding:0; background:none
        }
        ul.tintucitem2 li:first-child a:hover h3 {color:#ff3c42!important
        }
        ul.tintucitem2 li:first-child .ngay {display:none
        }
        ul.tintucitem2 li:first-child img {float:left; width:45%; margin:0.4em 1em 0 0; display:block;
        }
        ul.tintucitem2 li:first-child .summ {color:#4e4e4e; font-size:0.9em; display:block;
        }
/*list tintuc3*/
ul.ctintucitem3 {list-style:none; margin:1.4em 0 0 0; padding:0; font-size:0.9em; display:inline-block; text-align:left; width:100%
}
    ul.ctintucitem3 li {display:inline-block; width:23%; margin:0 1% 2em 0; vertical-align:top; padding:0; 
                       position:relative; color:#525252; border:solid 1px #d2d7db; box-shadow:1px 1px 2px #cccccc
    }
        ul.ctintucitem3 li p {font-size:0.9em; line-height:1.6em; text-align:left; color:#666666; font-style:italic; padding:0 1em;
                             min-height:70px
        }
        ul.ctintucitem3 li p {padding:0
        }
        ul.ctintucitem3 li a.title h3 {color:#181818; font-weight:700; line-height:1.5em; display:block; margin:0.5em 0 0.1em; 
                                   font-size:1.1em; text-align:left; text-transform:none; min-height:0; padding:0.5em 1em
        }
        ul.ctintucitem3 li a.title h3 {padding:0
        }
        ul.ctintucitem3 li .datenews {color:#565656; background:url(../imgwb/imgw/date.png) no-repeat left center; 
                                 padding:0.6em 1em 0.6em 2.1em; margin:0; font-size:1em; float:right;
        }
/*.ctintucitem3_img {width:100%; margin:0; border:0; float:left; overflow:hidden;
        }
.ctintucitem3_img img,
        ul.ctintucitem3 li img {width:100%; margin:0; border:solid 0px #cccccc; float:left; transition:all 0.5s;
        }
.ctintucitem3_img img:hover,
        ul.ctintucitem3 li img:hover {transform:scale(1.2); transition-duration:0.5s
        }*/
.ctintucitem3 a.detail,
        ul.ctintucitem3 li a.detail {display:inline-block; width:auto; margin:1em auto 0; background:#ff3c42; 
                                   color:#ffffff; font-size:1em; text-transform:uppercase; padding:0; text-align:left;
                                   border:solid 1px #ffffff; padding:0.8em 2em; transition:0.5s all; float:right
        }
/*.ctintucitem3:hover a.detail,
.ctintucitem3 a.detail:hover,
ul.ctintucitem3 li:hover a.detail,
        ul.ctintucitem3 li a.detail:hover {background:#2ecc57; 
        }*/
/*.ctintucitem3:hover .ctintucitem3_info,*/
ul.ctintucitem3 li:hover .ctintucitem3_info {border-top:solid 3px #0baedf;
}
.ctintucitem3_info {clear:both; float:left; width:100%; background:#fff; border-top:solid 3px #ff3c42; padding:0 0.5em; height:60px;
                    overflow:hidden
}
/*danh sach tin khac*/
ul.tintucitem3 {list-style:none; margin:0; padding:0; font-size:0.9em; text-align:center
}
    ul.tintucitem3 li {display:inline-block; width:100%; margin:0 auto 0.3em 1em; 
                       line-height:1.5em; padding:0; vertical-align:top
    }
        ul.tintucitem3 li a h3 {color:#393939; font-weight:400; line-height:1.5em; display:block; text-align:left;
                               font-size:1em; padding:0 0 0 1.5em; background:url(../imgwb/imgw/arrow_3.png) no-repeat left 5px
        }
        ul.tintucitem3 li a:hover h3 {color:#09121f
        }
        ul.tintucitem3 li img {display:none
        }
        ul.tintucitem3 li img:hover {opacity:0.5
        }
        ul.tintucitem3 li .ngay {color:#8b8b8b; font-size:0.9em; font-style:italic
        }
        ul.tintucitem3 li .sum {display:none
        }
    ul.tintucitem3 li:nth-child(1),
    ul.tintucitem3 li:nth-child(2),
    ul.tintucitem3 li:nth-child(3),
    ul.tintucitem3 li:nth-child(4) {width:22.4%; padding:0; background:none!important; margin:1% 
    }
        ul.tintucitem3 li:nth-child(1) a h3,
        ul.tintucitem3 li:nth-child(2) a h3,
        ul.tintucitem3 li:nth-child(3) a h3,
        ul.tintucitem3 li:nth-child(4) a h3 {color:#393939!important; font-weight:700; display:block; font-size:1em; margin:0 0 1em;
                                           line-height:1.5em; text-align:center; padding:0; background:none!important
        }
        ul.tintucitem3 li:nth-child(1) a:hover h3,
        ul.tintucitem3 li:nth-child(2) a:hover h3,
        ul.tintucitem3 li:nth-child(3) a:hover h3,
        ul.tintucitem3 li:nth-child(4) a:hover h3 {color:#09121f!important
        }
        ul.tintucitem3 li:nth-child(1) .ngay,
        ul.tintucitem3 li:nth-child(2) .ngay,
        ul.tintucitem3 li:nth-child(3) .ngay,
        ul.tintucitem3 li:nth-child(4) .ngay {display:none
        }
        ul.tintucitem3 li:nth-child(1) img,
        ul.tintucitem3 li:nth-child(2) img,
        ul.tintucitem3 li:nth-child(3) img,
        ul.tintucitem3 li:nth-child(4) img {float:left; width:100%; margin:0 0 1em; display:block; max-height:150px;
        }
    ul.tintucitem3 li:nth-child(1):hover,
    ul.tintucitem3 li:nth-child(2):hover,
    ul.tintucitem3 li:nth-child(3):hover,
    ul.tintucitem3 li:nth-child(4):hover {background:#e2ecec
    }
/*noidung gioithieu*/
.main_content_gioithieu {float:left; width:100%; margin:3em 0
}
.noidung_gioithieu {color:#191919; text-align:left; line-height:1.5em; margin:0; float:left; width:100%; font-size:1em;
                    padding:0
}
    .noidung h2, .noidung h4,
    .noidung h3,
    .noidung_gioithieu h2, .noidung_gioithieu h4,
    .noidung_gioithieu h3 {font-size:2em; display:inline-block; font-weight:700; padding:0 0 0.5em;
                    background:url(../imgwb/imgw/line_bar.jpg) no-repeat left bottom; text-transform:uppercase; margin-bottom:1em;
                    color:#061b50; line-height:1.3em
    }
.main_bar_gioithieu {background:url(https://congtachoivien.com/imgwb/imgw/tieude_gioithieu.jpg) no-repeat left center; padding:0 0 0 90px;
                     color:#09121f; text-transform:uppercase; font-size:1.2em; margin:0 0 1em
}
    .main_bar_gioithieu h1 {font-size:100%; 
    }
/*noi dung web*/
.tieude {font-size:2em; margin:0 0 0.5em; color:#161616; line-height:1.1em;
           display:block; text-transform:none; padding:0.3em 0; font-weight:700; text-align:left;
           float:left; width:100%; border-bottom:solid 3px #e5e5e5; background:#ffffff; 
}
    .tieude span {padding:0; display:inline-block
    }
.tieude h1{font-weight:700; font-size:100%; display:inline-block
}
.tomtat {clear:both; float:left; width:100%; color:#525252; font-weight:700; padding:0 0 10px 0; text-align:justify;
         font-size:1.5em; line-height:1.3em; font-family:Tahoma
}
.tomtat h2{color:#191919; font-weight:700; line-height:1.5em;
}
.noidung {color:#191919; text-align:left; line-height:1.5em; margin:0; float:left; width:100%; font-size:1em
}
    .noidung img {border:0px; max-width:880px; display:block; margin:1em auto 0.3em
    }
    .noidung_gioithieu ul,
    .noidung ul {padding:0; margin:0 0 0 40px
    }
    .noidung td {font-size:0.9em; padding:0.5em
    }
    .noidung a {color:#d4ab17; text-decoration:underline;
    }
.tinkhac {clear:both; margin:0 0 1em; color:#292929; line-height:1.2em;
              display:block; text-transform:uppercase; padding:0.3em 0 0; font-weight:700; text-align:left;
              max-width:1190px; width:100%; font-size:1em; border-bottom:solid 1px #999; float:left; width:100%
}
    .tinkhac span {
        font-size: 100%;
        display: inline-block;
        font-weight: 700;
        border-bottom: solid 3px #ff3c42;
        padding: 0.5em 0;
        margin-bottom: -1px;
    }
.page_view0 {display:none
}
.page_view {clear:both; margin:auto; padding:5px 0; text-align:center; float:right; margin:1em 0 0 0; width:100%
}
    .page_view input {border:solid 1px #cccccc; margin:-2px 0 0 0; padding:0; vertical-align:middle; border-radius:3px
    }
.page:hover,
.page_cur {background:#cccccc; padding:6px 10px; color:#282828; margin:0; border:solid 1px #cccccc; font-weight:700; font-size:0.9em
}
.page {background:#ffffff; padding:6px 10px; color:#282828; margin:0; border:solid 1px #cccccc; font-weight:700; font-size:0.9em
}
/*tintuc*/
.tintuc {clear:both; width:100%; padding:0; float:left; background:#ffffff; z-index:9998
}
.tintuc_fix {clear:both; margin:auto; position:relative; max-width:1190px; padding:0;
}
.tintuc_head {clear:both; margin:0 0 1em; color:#181818; line-height:1.2em;
              display:block; width:100%; font-size:2em; float:left; text-align:left
}
.tintuc_head h1 {font-size:100%; display:inline-block; font-weight:700; padding:0 0 0.5em;
                    background:url(../imgwb/imgw/line_bar.jpg) no-repeat left bottom; text-transform:uppercase
}
.tintuc_head a {color:#292929
}
/*danh sach tin tuc*/
ul.tintucitem {list-style:none; margin:0; padding:0; 
}
    ul.tintucitem li {float:left; width:100%; margin:0 0 0.7em; text-align:left; line-height:1.5em; padding:0 0 0.7em;
                      border-bottom:solid 1px #d5d5d5
    }
        ul.tintucitem li .date1 {color:#a7a2a2; font-weight:400; line-height:1.5em; float:left; width:15%;
                                 background:url(../imgwb/imgw/icon_date.png) no-repeat left center; padding:0 0 0 18px; margin:0; 
        }
        ul.tintucitem li .date2 {display:none;
        }
        ul.tintucitem li a h3 {color:#00394a; font-weight:700; line-height:1.5em; float:right; /*width:85%;*/width:100%;
                               font-size:1em; padding:0 0 0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
                               background:url(../imgwb/imgw/arrow_3.png) no-repeat left center;
        }
        ul.tintucitem li a:hover h3 {color:#d60a0b
        }
        ul.tintucitem li img {display:none
        }
        ul.tintucitem li img:hover {opacity:0.5
        }
        ul.tintucitem li .summ {display:none
        }
        ul.tintucitem li:last-child {border:0
    }
    ul.tintucitem li:first-child {padding:0; background:none!important;border:0; margin:0 0 1em
    }
        ul.tintucitem li:first-child a h3 {color:#00394a!important; font-weight:600; display:block; font-size:1.3em; margin:0 0 0.5em;
                                           line-height:1.2em; text-align:left; float:left; width:53%; padding:0; white-space:normal;
                                           background:none
        }
        ul.tintucitem li:first-child a:hover h3 {color:#d60a0b!important
        }
        ul.tintucitem li:first-child .date2 {color:#a7a2a2; font-weight:400; line-height:1.5em; float:left; width:53%; display:block;
                                 background:url(../imgwb/imgw/icon_date.png) no-repeat left center; padding:0 0 0 18px; margin:0; 
        }
        ul.tintucitem li:first-child .date1 {display:none;
        }
        ul.tintucitem li:first-child .ngay {display:none
        }
        ul.tintucitem li:first-child img {float:left; width:45%; margin:0; display:block; padding:0 1em 0 0
        }
        ul.tintucitem li:first-child .summ {color:#777777; font-size:1em; float:left; width:53%; padding:0; display:block
        }
    ul.tintucitem li:hover {
    }
/*doanhnghiep*/
.khung {clear:both; margin:auto; position:relative; float:left; width:100%; 
                  border:solid 1px #dcdcdc; padding:1.5em 0 0; box-shadow:1px 1px 2px #d2d7db
}
.noidung_doanhnghiep {float:left; width:100%
}
.noidung_doanhnghiep ul {padding:0; margin:0 0 0 20px
    }
.img_hoivien,
.img_doanhnghiep {float:left; margin:0.5em 0 0.5em 0;
                border:solid 0px #dcdcdc!important; width:20%; min-width:130px; max-width:130px
    }
.img_hoivien img,
    .img_doanhnghiep img {width:120px; float:left; padding:0!important; margin:0; transition:all 0.5s;
    }
.img_hoivien:hover img,
    .img_doanhnghiep:hover img{opacity:0.5
    }
.tomtat_hoivien {float:left; width:65%; margin:0.5em 0 0 0
}
.tomtat_doanhnghiep {float:left; width:70%
}
.doanhnghiep {clear:both; width:100%; padding:0; float:left; background:#ffffff; z-index:9998
}
.doanhnghiep_fix {clear:both; margin:auto; position:relative; float:left; width:100%; 
                  border:solid 1px #dcdcdc; padding:1.5em 1em 0; box-shadow:1px 1px 2px #d2d7db
}
.doanhnghiep_head {clear:both; margin:0 auto 1em; color:#181818; line-height:1.2em;
              display:block; max-width:1190px; text-align:left;
              border-bottom:solid 2px #fe0100; border-left:solid 10px #fe0100
}
.doanhnghiep_head h3 {font-size:100%; font-size:1.2em; display:inline-block; font-weight:700; padding:0.5em 0 0.5em 1em;text-transform:uppercase;
                     
}
.doanhnghiep_head a {color:#00394a; float:right; font-size:0.9em; padding:0.8em 0 0
}
.doanhnghiep_head a:hover {color:#ff3c42
}
/*danh sach doanhnghiep*/
    .doanhnghiepitem {float:left; width:90%; margin:0 5%; padding:0;
    }
        .doanhnghiepitem a h3 {color:#174d3d; font-weight:700; line-height:1.5em; 
                        font-size:0.9em; padding:0.5em; text-align:center; min-height:70px; display:block; float:left; width:100%
        }
        .doanhnghiepitem a:hover h3 {color:#d60a0b
        }
        .doanhnghiepitem img {max-width:120px; display:block; margin:auto auto 0.5em
        }
        .doanhnghiepitem img:hover {opacity:0.5
        }
/*doanhnghiep*/
ul.ldoanhnghiepitem {margin:0; padding:0.5em; list-style:none; float:left; width:100%; position:relative;
               border:solid 1px #dcdcdc; text-align:center; box-shadow:1px 1px 2px #d2d7db
}
ul.ldoanhnghiepitem li{ margin:0 1.5% 1em; padding:0.5em 0; width:21%; display:inline-block; text-align:center; vertical-align:top
}
ul.ldoanhnghiepitem li:last-child {margin:0
}
ul.ldoanhnghiepitem li img {max-width:120px; display:block; margin:auto; 
}
ul.ldoanhnghiepitem li img:hover {opacity:0.5
}
    ul.ldoanhnghiepitem li span {display:block; color:#626262; font-size:0.8em
    }
ul.ldoanhnghiepitem li a h3{display:block; text-align:center; color:#00394a; padding:0.3em 0; font-size:0.9em; font-weight:700 ;
                      transition:all 0.5s; line-height:1.3em
}
ul.ldoanhnghiepitem li a:hover h3,
ul.ldoanhnghiepitem li.ac a h3{color:#ff3c42
}
ul.ldoanhnghiepitem li p {font-size:0.8em; color:#8b8b8b
}
ul.ldoanhnghiepitem li a:hover {color:#09121f; text-decoration:none
}
/*videoclip*/
.hinhanhvideo_left {float:left; width:49%
}
.hinhanhvideo_right {float:right; width:49%
}
.videoclip {clear:both; width:100%; padding:3em 0; float:left; background:#ffffff; z-index:9998
}
.videoclip_fix {clear:both; margin:auto; position:relative; max-width:1190px; padding:0;
}
.videoclip_head {clear:both; margin:0 0 0.5em; color:#181818; line-height:1.2em;
              display:block; width:100%; font-size:2em; float:left; text-align:left
}
.videoclip_head h3 {font-size:100%; display:inline-block; font-weight:700; padding:0 0 0.5em;
                    background:url(../imgwb/imgw/line_bar.jpg) no-repeat left bottom; text-transform:uppercase
}
.videoclip_head a {color:#292929
}
ul.cvideoclipitem {list-style:none; margin:0; padding:0; 
}
    ul.cvideoclipitem li {float:left; width:100%; margin:0; text-align:left; position:relative; overflow:hidden
    }
    ul.cvideoclipitem img {float:left; width:100%; margin:0; text-align:left; height:220px
    }
        ul.cvideoclipitem li p {display:block; text-align:center; font-size:1em; color:#00394a; padding:0.5em 0; font-weight:700; float:left; width:100%
        }
        ul.cvideoclipitem li .btplay {background:url(../imgwb/imgw/play-1.png); width:65px; height:45px;
                                        position:absolute; left:40%; top:35%; z-index:99; cursor:pointer; transition:all 0.5s
        }
        ul.cvideoclipitem li:hover img {opacity:0.8; background:rgba(0, 0, 0, 0.85)
        }
        ul.cvideoclipitem li:hover .btplay {background:url(../imgwb/imgw/play.png);
        }
#video_youtube{width:100%; border:0; height:220px!important; position:absolute; top:0; left:0
}
/*hinhanh*/
.hinhanh {clear:both; width:100%; padding:0; float:left; background:#ffffff; z-index:9998; margin:2em 0 0
}
.hinhanh_fix {clear:both; margin:auto; position:relative; float:left; width:100%; 
                  border:solid 1px #dcdcdc; padding:0 2em; box-shadow:1px 1px 2px #d2d7db
}
.hinhanh_head {clear:both; margin:0 auto 1em; color:#ffffff; line-height:100%;
              display:block; max-width:1190px; text-align:left;
              /*border-bottom:solid 2px #0baedf; border-left:solid 10px #0baedf;*/ float:left; width:100%;
              background:#0baedf;
}
.hinhanh_head h3 {font-size:100%; font-size:1.2em; display:inline-block; font-weight:700; 
                  padding:0.6em 0 0.5em 1em;text-transform:uppercase;
                     
}
.hinhanh_head a {color:#ffffff; float:right; font-size:0.9em; padding:0.8em 1em 0.5em 0
}
.hinhanh_head a:hover {color:#ff3c42
}
.hinhanh_imgs {float:left; width:100%; padding:1em 0; position:relative
}
.hinhanh_imgs .thumbnail{padding:0;margin-bottom:0}
        .hinhanh_imgs .thumbnail span{display:block;height:200px;vertical-align:middle;position:relative;
                                            overflow:hidden}
        .hinhanh_imgs .thumbnail span img{margin:0 auto;max-height:200px;max-width:250px;position:relative; display:block; 
                                        top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.title_hinhanh {position:absolute; bottom:0; float:left; width:100%; background:url(https://congtachoivien.com/imgwb/imgw/bg_red.png);
                padding:1em; text-align:center; color:#ffffff; font-size:1.2em; line-height:1.2em
}
ul.chinhanhitem {list-style:none; margin:0; padding:0; display:inline-block; text-align:left; width:100%
}
    ul.chinhanhitem li {display:inline-block; width:30.5%; margin:1%; vertical-align:top; 
                        padding:0; position:relative; overflow:hidden; transition:all 0.5s
    }
    ul.chinhanhitem li a.title {color:#ffffff; font-weight:700; line-height:1.8em; display:block; margin:0; 
                                   font-size:1em; text-align:left; text-transform:none; position:absolute; bottom:0.3em; 
                                   background:url(https://congtachoivien.com/imgwb/imgw/bg_footer.png); width:100%; padding:0.5em; z-index:101
        }
        ul.chinhanhitem li p {color:#ffffff; font-weight:400; font-size:1.5em; display:block; text-align:left; margin:0.5em 4%;
                              position:absolute; top:5px; left:5px; display:none;transition:all 0.5s;
                              text-transform:uppercase; border-bottom:solid 0px #ffffff; width:90%; padding:0.5em 0; z-index:9997; line-height:1.3em
        }
        ul.chinhanhitem li:hover p {display:block; transition:all 0.5s
        }
.zoom_in {background:url(../imgwb/imgw/bg_photo.png) repeat-x top; z-index:100; 
          width:100%; height:100%; position:absolute; opacity:0.4
          
}
.zoom_in:hover {opacity:1; transition-duration:0.5s
          
}
ul.chinhanhitem li .imgsh {float:left; width:100%; overflow:hidden; margin:auto; background:#ffffff; max-height:250px
        }
        ul.chinhanhitem li .imgsh img {border:0px; width:100%; display:block; float:left; transition:all 0.5s
        }
        ul.chinhanhitem li:hover .imgsh img {transform: scale(1.1); transition-duration:0.5s; z-index:99; opacity:1
        }
/*tabphoto*/
ul.photocatitem {list-style:none; margin:0; padding:0; text-align:left;
}
    ul.photocatitem li {display:inline-block; margin:0 2em 0 0.3em; padding:0; vertical-align:top
    }
        ul.photocatitem li a {display:block; text-align:center; background:url(../imgwb/imgw/round1.png) no-repeat left 10px;
                                padding:0.5em 0 0.5em 1.3em; font-size:1em; color:#191919; 
        }
        ul.photocatitem li a:hover {background:url(../imgwb/imgw/round2.png) no-repeat left 10px
        }
        ul.photocatitem li a.ac {background:url(../imgwb/imgw/round3.png) no-repeat left 10px; font-weight:700
        }
/*listhinhanh*/
ul.photoitem {list-style:none; margin:0; padding:0; font-size:0.9em; width:100%
}
    ul.photoitem li {display:inline-block; margin:0.2em 0 0.5em; padding:0; width:100%;position:relative; overflow:hidden; transition:all 0.5s
    }
        ul.photoitem li p {color:#ffffff; font-weight:400; font-size:1.5em; display:block; text-align:left; margin:0.5em 4%;
                              position:absolute; top:5px; left:5px; display:none;transition:all 0.5s;
                              text-transform:uppercase; border-bottom:solid 1px #ffffff; width:90%; padding:0.5em 0; z-index:9997; line-height:1.3em
        }
        ul.photoitem li:hover p {display:block; transition:all 0.5s
        }
        ul.photoitem li img {display:block; margin:0.5em auto; max-width:880px; width:100%
        }
ul.photoitem2 {list-style:none; margin:0; padding:0; font-size:0.9em; width:100%
}
    ul.photoitem2 li {display:inline-block; margin:1.5%; padding:0; width:46.5%;position:relative; 
                      overflow:hidden; transition:all 0.5s; vertical-align:top
    }
        ul.photoitem2 li p {color:#ffffff; font-weight:700; font-size:1.2em; display:block; text-align:left; margin:0;
                              position:absolute; bottom:0; left:0; transition:all 0.5s;
                              text-transform:uppercase; border-bottom:solid 1px #ffffff; width:100%; padding:0.5em; 
                              z-index:9997; line-height:1.3em; background:url(../imgwb/imgw/bg_photo.png)
        }
        /*ul.photoitem2 li:hover p {display:block; transition:all 0.5s
        }*/
        ul.photoitem2 li img {display:block; margin:0; width:100%; float:left
        }
/*doitac*/
.doitac {clear:both; width:100%; padding:1em; float:left; background:#ffffff; z-index:9998; border:solid 1px #ddd; border-left:0; border-right:0
}
.doitac_fix {clear:both; margin:auto; position:relative; max-width:1190px; padding:0;
}
.doitac_head {clear:both; margin:0 0 0.5em; color:#181818; line-height:1.2em;
              display:block; width:100%; font-size:2em; float:left; text-align:left
}
.doitac_head h3 {font-size:100%; display:inline-block; font-weight:700; padding:0 0 0.5em;
                    background:url(../imgwb/imgw/line_bar.jpg) no-repeat left bottom; text-transform:uppercase
}
.doitac_head a {color:#292929
}
.doitac_imgs {float:left; width:100%; padding:1em 0
}
    .doitac_imgs img {float:left; max-width:180px; width:100%
    }
/*gioithieu*/
.gioithieu {clear:both; width:100%; padding:2em 0; float:left; background:#ffffff; z-index:9998
}
.gioithieu_fix {clear:both; margin:auto; position:relative; max-width:1190px; padding:0;
}
.gioithieu_content {color:#484848; text-align:left; line-height:1.8em; position:relative; font-size:1em;
                    float:left; width:100%; margin:0
}
    .gioithieu_content a {color:#484848
    }
.gioithieu_head {clear:both; margin:0 0 1em; color:#181818; line-height:1.2em;
              display:block; width:100%; font-size:2em; float:left; text-align:left
}
.gioithieu_head h1 {font-size:100%; display:inline-block; font-weight:700; padding:0 0 0.5em;
                    background:url(../imgwb/imgw/line_bar.jpg) no-repeat left bottom; text-transform:uppercase
}
.gioithieu_head a {color:#292929
}
ul.gioithieu_hinh {list-style:none; margin:0; padding:0; display:inline-block; width:100%
}
ul.gioithieu_hinh li {float:left; width:48%
}
ul.gioithieu_hinh li:last-child {float:right; width:48%
}
ul.gioithieu_hinh li img {border:0; display:block; margin:auto; width:100%
}
/*bottom*/
.footer {clear:both; background:#0052ae; text-align:center; float:left; width:100%; padding:2em 0;
         border-top:solid 3px #1cb4e1
}
.footer_fix {max-width:1190px; margin:auto;
}
.footer_content {color:#ffffff; font-size:0.9em; font-weight:400; text-transform: none;
                text-align:left; line-height:1.5em; float:left; width:100%; 
}
    .footer_content a {color:#ffffff
    }
.footer_left {width:68%; float:left; text-align:left
}
.footer_right {width:28%; float:right; text-align:right
}
.counter {float:right; margin:1.5em 0 0 0; text-align:center
}
a.copyright {color:#0c7d9f; display:inline-block; margin:0.5em 0 0 0; text-align:center;font-weight:400; font-size:0.85em; float:right;
}
/*textbox, drop, button*/
.main_bar2 {clear:both;color:#1b1b1b; line-height:1.2em; margin:0 0 0; position:relative; /*max-width:1120px;*/
              display:block; text-transform:uppercase; padding:1em 0; font-weight:400; text-align:left;
              background:url(../imgwb/imgw/left_bar_line.png) no-repeat left top; float:left
}
    .main_bar2 span {font-size:0.9em; text-transform:none; display:block; text-align:left; color:#555;
                     text-transform:uppercase; font-size:1.2em; padding:0.5em 0 0.8em
    }
.main_bar2 h1,
.main_bar2 h2 {font-size:2em;  font-weight:700; display:inline-block; margin:0
}
    .main_bar2 em {display:inline-block; color:#0baedf; font-style:normal
    }
.main_bar2 a {color:#1b1b1b
}
.main_contact_right {width:55%; margin:auto; float:left; margin:0 0 1em 0
}
.main_contact_left {width:42%; margin:auto; float:right; 
}
    .main_contact_left .noidung {line-height:2em!important
    }
.main_contact_left iframe{width:100%; height:300px
}
.contact_bar {font-size:1.4em; text-transform:none; display:block; text-align:left; color:#0baedf;
                     text-transform:uppercase; padding:0.75em 0 0.8em; font-weight:700
}
.help-block,
.message2{
	color:#888; margin:0 0 1em 1em; font-style:italic
}
.message,
.help-block.with-errors {
	/*color: #dc423f;*/
    color:#ff0000!important; margin:0 0 1em 1em
}
.button_dangtin {background:#0baedf; width:auto; padding-left:40px; padding-right:40px; height:76px; text-align:center; font-size:1.5em; text-transform:uppercase; float:right;
                 font-weight:700; border:0; color:#ffffff; cursor:pointer; outline:0; font-family:Arial; transition:all 0.5s; border-radius:5px
}
    .button_dangtin:hover {background:#191919
    }
    .captcha {float:left; margin:0 1em 1em 0 
}
.button_space {padding:0 0 17px 0;
}
.button_space0 {padding:0 0 3px 0;
}
.button_space_button {clear:both; padding:10px 3px 17px 0; text-align:right
}
#txtnd,
.textbox {border:#cccccc 1px solid; width: 100%; padding:1em; text-align:left; 
          color:#555; background:#ffffff;  font-size:0.9em!important; font-family:Arial!important;
          border-radius:5px
}
.btleft {float:left; width:48%
}
.btright {float:right; width:48%
}
select,
.drop {border:#cccccc 1px solid; width:100%; padding:1em; text-align:left; 
          color:#555; background:#ffffff;  font-size:0.9em!important; font-family:Arial!important;
          border-radius:5px
}
.dropsl {border:#cccccc 1px solid; width:auto; padding:0.6em 1em; text-align:left; 
          color:#525252; background:#ffffff;  font-size:1em!important; font-family:Arial!important;
          border-radius:5px
}
.dropsl2 {border:#cccccc 1px solid; width:auto; padding:0.2em 1em; text-align:left; 
          color:#525252; background:#ffffff;  font-size:1em!important; font-family:Arial!important;
          border-radius:5px; margin-bottom:0.3em
}
a.button,
.button {text-align:center; margin:auto; border:0px; padding:1em 2em;
         color:#ffffff; text-transform:uppercase; font-weight:400 ; background:#ff3c42; text-decoration:none; transition:all 0.5s; border-radius:5px
}

.button:hover { background:#ff0000; cursor:pointer
}
a.button:hover {color:#ffffff
}
.button2 {text-align:center; margin:auto; border:0px; padding:1em 2em;
         color:#ffffff; text-transform:uppercase; font-weight:400 ; background:#ff3c42; text-decoration:none; 
         transition:all 0.5s; border-radius:5px; max-width:200px; width:100%
}

.button2:hover { background:#ff0000; cursor:pointer
}
/*top*/
#bttop {background:url(../imgwb/imgw/icon_gototop.png) no-repeat center center;
        width:52px; height:52px;position:fixed;bottom:45px;right:5px;cursor:pointer;display:none;}
#bttop:hover{}
/*tailieu*/
table {border:1px solid #ddd; border-collapse:collapse; width:100%}

tr > * {border-right:1px solid #ddd;
}
tr:hover {background:#f5f5f5
}
tr > :last-child {border-right:0;
}

th, td {padding:5px; text-align:left;}

th {background:#fafafa;}

td {border-top:1px solid #ddd;}
table.itemdownload {border:1px solid #ddd!important; border-collapse:collapse; width:100%}
table.itemdownload tr > * {border-right:1px solid #eee; background:#ffffff
}
table.itemdownload tr:nth-child(2n+1) > * {background:#f0fcfc
}

table.itemdownload tr > :last-child {border-right:0;
}
table.itemdownload tr:hover td {background:#ddd
}
table.itemdownload th, td {padding:0.5em; text-align:left; font-size:1em}
table.itemdownload td h3{font-size:100%}
table.itemdownload th {background:#0baedf!important; text-align:center; text-transform:uppercase; color:#fff; padding:0.5em}
table.itemdownload th:nth-child(2),
    table.itemdownload th:first-child {text-align:left
    }
table.itemdownload td {border-top:1px solid #ddd;}
table.itemdownload td:last-child {text-align:left}
table.itemdownload td:first-child {width:50px}
table.itemdownload td:last-child a {display:inline-block; width:19px; height:25px; background:url(https://congtachoivien.com/imgwb/imgw/icon_download.gif)}
table.itemdownload td:last-child a:hover {color:#ff0000}
table.itemdownload tr td.page_view:first-child {width:100%!important; background:#6d6a6a; padding:0.5em
}
table.itemdownload td a.download {background:url(https://congtachoivien.com/imgwb/imgw/icon_download.gif) no-repeat left center; 
                               display:inline-block; width:19px; height:25px; margin:0; vertical-align:middle
}
    table.itemdownload td:nth-child(2) {width:250px
    }
    table.itemdownload td:nth-child(3) {width:100px; text-align:right
    }
    table.itemdownload td:nth-child(4) {width:100px; text-align:right
    }
/*fade*/
.animation-element {
  position: relative;
  width: 100%;
  margin: 0;
  float: left;
}
.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*media queries for small devices*/
/* Ring Phone */
.mypage-alo-phone {
  position: fixed;
  left:0;
  bottom: 0;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index:9999!important;
}
.mypage-alo-ph-img-circle {
  width: 32px;
  height: 32px;
  top: 43px;
  left: 43px;
  position: absolute;
  background: rgba(30, 30, 30, 0.1) url(../imgwb/imgw/phone.png) no-repeat center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-color: #ff3c41;
  background-size: 70%;
}
.mypage-alo-ph-circle-fill {
  width: 60px;
  height: 60px;
  top: 28px;
  left: 28px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #ff3c41;
  opacity: .75 !important;
}
.mypage-alo-ph-circle {
  width: 90px;
  height: 90px;
  top: 12px;
  left: 12px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: .1;
  border-color: #ff3c41;
  opacity: .5;
}
/*chatface*/
.wrapper1 {width:270px; margin:auto; bottom:0; right:2px; position:fixed; z-index:999999
}
a:focus {
	outline: none;
}
.panel_content {margin:0;
padding: 0;
width: 270px; bottom:0; float:right; position:absolute; right:0;  z-index:9999; border:solid 1px #fff; 
border-top-right-radius:5px; border-top-left-radius:5px
}
#panel {
	background:#2d69b2; padding:10px;
	display:none
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 0px #422410;
	background:#2d69b2; border-top-right-radius:5px; border-top-left-radius:5px
}
.btn-slide {
	background: url(https://congtachoivien.com/imgwb/imgw/message.png) no-repeat 30px center;
	text-align: center;
	width: 270px;
	height: 35px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: 400 120%/100% Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none; text-transform:none; border-bottom:solid 1px #fff
}
    .btn-slide:hover,
.active2 {
    background: url(https://congtachoivien.com/imgwb/imgw/message_hover.png) no-repeat 30px center; color:#ffc000
}
@media (max-width:1190px) {
    .footer {padding:1em 0
    }   
    .main_box_baiviet,
    .guide_fix,
    .main_fix,
    .hinhanh_fix,
    .doanhnghiep_fix,
    .gioithieu_fix,
    .footer_fix,
    .banner_fix {padding:0 0.5em
    }
    .banner {height:auto;
    }
    /*.search_fix {width:30%; float:right; padding:0; background:none; margin:1em 0 0 0; height:auto
    }
    .mxh {width:30%; float:right; margin:0.5em 0; padding:0; background:none; text-align:right; height:auto
    }*/
    /*moi*/
    ul.tintucitem li:first-child .summ {display:none!important
    }
    /*ul.tintucitem li .date1 {width:20%
    }
    ul.tintucitem li a h3 {width:80%
    }*/
    
    .main_box {margin:1em 0 0 0; width:73%
    } 
    .main_col_home,
    .main_col {margin:1em 0 0 0; width:25%
    }
   
    ul.photoitem li img,
    ul.chinhanhitem li img,
    .noidung img {width:100%!important; height:auto; padding:0
    }
    ul.chinhanhitem li .imgsh {max-height:none
    }
    .footer_left {width:100%; float:left; text-align:center
    }
    .footer_right {width:100%; float:right; text-align:center
    }
     a.copyright {width:100%; text-align:center
    }
     ul.tintuccat li a {padding:0.5em 0.8em 0.5em 0.5em; font-size:0.9em
        }
}
@media (max-width:980px) {
    .banner {margin:35px 0 0 0
    }
    .logo {width:12%; margin:0.5em
    }
        .logo img {position:relative; float:left
        }
    .slogan_top {margin:0; width:40%
    }
    .slogan_top img {float:left;
    }
    .search_fix {float:right; border:0; padding:0; margin:0; height:auto
    }
    .hotline {margin:0.5em 0; 
    }
    .banner_menu {margin:0
    }
    .f-nav {position:relative
    }
    .counter,
    a.copyright,
    .footer_content {float:left; width:100%; text-align:center; margin:0; 
    }
    .counter {margin:0.5em 0 0 0
    }
    .gioithieu_head {font-size:1.5em; margin-bottom:0.2em
    }
    /*.videoclip_head,
    .hinhanh_head {font-size:1.5em; margin-bottom:0.5em
    }*/
    ul.cvideoclipitem li .btplay {left:45%; top:45%
    }
    ul.cvideoclipitem img,
    #video_youtube,
    .cvideoclipitem_frame iframe{height:520px!important; width:100%!important
    }
    .main_col_home,
    .main_box,
    .main_col {margin:1em 0 0 0; width:100%
    }
    ul.ldoanhnghiepitem li,
    ul.lmenuitem2 li {width:29%
    }
    .listhoivien {width:29%!important; margin:1em 1.5%!important
    }
    
    ul.ctintucitem3 li {width:22.5%
    }
    .noidung_gioithieu{width:100%!important; clear:both; padding:0
    }
    .banner_index2 {width:90%!important; clear:both; margin:0 0 3em 0!important
    }
    .banner_index,
    .banner_index img {width:100%; padding:0!important
    }
    .itemhoivien_body {display:none
    }
    .mbile_hoivien {display:block
    }
}
@media (max-width:800px) {
    .bannerslide_left {width:100%; margin:0
    }
    .bannerslide_right {width:100%; padding:0 0.5em
    }
    ul.tintucitem li:first-child .summ {display:block!important;
    }
    ul.tintucitem li .date1 {width:100%
    }
    ul.tintucitem li a h3 {width:100%; padding:0; white-space:normal
    }
    .hinhanhvideo_left {width:100%
    }
    .hinhanhvideo_right {width:100%; margin:2em 0 0 0
    }
    video, audio, iframe
    {height:480px
    }
    .main_contact_left,
    .main_contact_right {width:100%; text-align:left; padding:0; margin:0; background:none
    }
    .main_bar h1,
    .main_bar2 h1 {font-size:1.3em
    }
}
@media (max-width:768px) {
    .hinhanh_head a {padding-top:0.5em
    }
    .search_tb {width:100px;
    }
    .hinhanh_imgs img {padding:0 1%
    }
    ul.ctintucitem3 li {width:46.5%
    }
    
    ul.lmenuitem2 li {width:100%
    }
    .mbile {display:none!important
    }
    .hinhanh_head h3,
    .doanhnghiep_head h3 {font-size:1em; padding:0.5em
    }
    ul.photoitem2 li {width:46%
    }
    .itemhoivien_body {display:block
    }
    .mbile_hoivien {display:none
    }
}
@media (max-width:600px) {
    ul.listhoiphi li {width:100%!important; margin:0.3em 0!important
    }
    .logo {width:25%
    }
    .slogan_top {width:70%
    }
    .hotline {margin:0
    }
    .search_fix {clear:both; width:100%; margin:0 0 0.5em
    }
    .search_tb {width:70%;
    }
    .mxh {display:none
    }
    ul.cvideoclipitem li .btplay {left:40%; top:40%
    }
    ul.cvideoclipitem img,
    #video_youtube,
    video, audio, iframe,
    .cvideoclipitem_frame iframe{height:350px!important
    }
    ul.tintucitem3 li:nth-child(1),
    ul.tintucitem3 li:nth-child(2),
    ul.tintucitem3 li:nth-child(3),
    ul.tintucitem3 li:nth-child(4) {width:46%; padding:0; background:none!important; margin:1%
    }   
    ul.tintucitem2 li {float:left; width:100%!important; border-right:0!important
    } 
    ul.photoitem2 li,
    ul.chinhanhitem li {width:100%; margin:1% 0
    }
    .datenews {width:100%!important
    }
    .noidung h2, .noidung h4,
    .noidung h3,
    .noidung_gioithieu h2, .noidung_gioithieu h4,
    .noidung_gioithieu h3 {font-size:1.5em
    }
    table.itemdownload th:nth-child(4),
    table.itemdownload th:nth-child(5),
    table.itemdownload td:nth-child(4),
    table.itemdownload td:nth-child(5) {display:none
    }
    .mbile2 {display:block; text-align:left; font-style:italic; color:#525252
    }
    /*.left_mobile {display:none
    }*/
    ul.ldoanhnghiepitem li,
    .listhoivien {width:46%!important; margin:1em 1.5%!important
    }
    .tomtat_doanhnghiep {float:none; width:auto
    }
}
@media (max-width:480px) {
    ul.tintucitem li:first-child .summ {display:block!important; width:100%; clear:both; margin:0.5em 0 0 0
    }
    ul.cvideoclipitem img,
    #video_youtube,
    video, audio, iframe,
    .cvideoclipitem_frame iframe{height:280px!important
    }
    .noidung_hoivien {float:left; width:100%; margin-top:4em
    }
    .img_hoivien2 {float:right; width:90%; display:block; margin:0 0 0 2em;
                    border:solid 10px #0baedf!important;
        }
    ul.ldoanhnghiepitem li {
    }
    .tomtat_hoivien {float:left; width:60%
    }
}
@media (max-width:360px) {
    ul.ldoanhnghiepitem li,
    .listhoivien {width:100%!important; margin:1em 0%!important
    }
     .tomtat_hoivien {float:left; width:50%
    }
}
#wrapper.toggled {
    /*padding-left: 250px;*/
}


#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    /*width:100%*/
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    /*margin-left: -250px;*/
}
/*media queries for small devices*/
/* Ring Phone */
.mypage-alo-phone {
  /*position: fixed;*/
  left:0;
  bottom: 0;
  visibility: visible;
  /*background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index:99!important;*/
   width: 35px;
  height: 35px; float:left; margin:2px 0 0 0; vertical-align:middle
}
.mypage-alo-ph-img-circle {
  width: 25px;
  height: 25px;
  /*top: 43px;
  left: 43px;*/
  position: absolute;
  background: #ff0000 url(../imgwb/imgw/phone.png) no-repeat center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  /*background-color: #EF3C26;*/
  background-size: 80%;
}
.mypage-alo-ph-circle-fill {
  width: 60px;
  height: 60px;
  top: 28px;
  left: 28px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #F36F25;
  opacity: .75 !important;
}
.mypage-alo-ph-circle {
  width: 90px;
  height: 90px;
  top: 12px;
  left: 12px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: .1;
  border-color: #EF3C26;
  opacity: .5;
}
/* Ring Phone 
.mypage-alo-phone {
  position: fixed;
  left:0;
  bottom: 0;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index:99!important;
}
.mypage-alo-ph-img-circle {
  width: 32px;
  height: 32px;
  top: 43px;
  left: 43px;
  position: absolute;
  background: rgba(30, 30, 30, 0.1) url(../imgwb/imgw/phone.png) no-repeat center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-color: #EF3C26;
  background-size: 70%;
}
.mypage-alo-ph-circle-fill {
  width: 60px;
  height: 60px;
  top: 28px;
  left: 28px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #F36F25;
  opacity: .75 !important;
}
.mypage-alo-ph-circle {
  width: 90px;
  height: 90px;
  top: 12px;
  left: 12px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: .1;
  border-color: #EF3C26;
  opacity: .5;
}*/
@media (max-width:980px) {
     
    #sidebar-wrapper {
    z-index: 9999;
    position: fixed;
    left: 0;
    width: 0;
    height: 100%;
    overflow-y: auto;
    background: #0193dd;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;overflow-x:hidden;
    }
}