@charset "utf-8";
/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: none;
}

img {
    border: 0px;
}

body {
    background: #f4f5f5;
}

.gray {
    background: #f4f5f5;
    width: 1016px;
    margin: 0px auto;
}

.vien {
    width: 1016px;
    float: left;
    background-color: #fff;
    filter: alpha(opacity=60);
}

.wrapper {
    width: 1000px;
    margin: 0px auto;
    background: #fff;
}
/*top*/
/*top*/
.top {
    width: 1000px;
    height: 28px;
    background: url(/Resources/ImagesPortal/HomePage/bg_top.jpg) no-repeat;
}

.ct_menutop {
    float: right;
}

    .ct_menutop ul {
        float: left;
    }

.top ul li {
    display: inline;
    float: left;
    padding: 2px 5px;
}

.line_highest {
    float: left;
    color: #fff;
}

.top ul li a {
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 22px;
}

    .top ul li a:hover {
        color: #7ec8f9;
    }

    .top ul li a:focus {
        color: #7ec8f9;
    }

.ngonngu {
    float: right;
    margin-top:3px;
    margin-left:10px;
    margin-right: 5px;
}

    .ngonngu a {
        color: #7ec8f9;
    }

        .ngonngu a:hover {
            color: red;
        }
/*banner*/
.banner {
    clear: both;
    float: left;
    background: url(/Resources/ImagesPortal/HomePage/bg_logo.jpg) no-repeat;
    height: 125px;
    width: 1000px;
    float: inherit;
}
.logo {
    position:relative;
    float: left;
    width: 559px;
    top:10px;
    left:10px;
    opacity:1;
}

/*menu*/
.menu {
    clear: both;
    float: left;
    width: 1000px;
    background: url(/Resources/ImagesPortal/HomePage/bg_mn.png) repeat-x;
    height: 40px;
}
/*.menu ul li{
	display:inline;
	float:left;
	padding-left: 15px;
	padding-right: 14px;
	margin-top:9px;
}
	
.menu ul li a{
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}*/
.search {
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    width: 200px;
}

.bg_search {
    background: url(/Resources/ImagesPortal/HomePage/bg_search.jpg) no-repeat;
    width: 161px;
    height: 22px;
    border: 0px;
    font: 11px Arial, Helvetica, sans-serif;
    color: #666;
    padding-left: 5px;
    line-height: 22px;
}

.bt_search {
    float: right;
    background: url(/Resources/ImagesPortal/HomePage/icon_search.png) no-repeat;
    width: 18px;
    height: 18px;
    border: 0px;
    margin-top: 2px;
}
/*content*/
.content {
    clear: both;
    float: left;
    width: 1000px;
    padding-top: 5px;
    background: url(/Resources/ImagesPortal/HomePage/bg_trans.jpg) no-repeat;
    padding-bottom: 20px;
}

.primary {
    float: left;
    width: 741px;
    margin-left: 5px;
    margin-right: 5px;
}
/*sidebar*/
.sidebar {
    width: 244px;
    margin-right: 5px;
    float: right;
}
/*doituong*/
.doituong {
    width: 244px;
    float: left;
}

.dt_left {
    float: left;
    width: 120px;
}

.dt_right {
    float: right;
    width: 121px;
}
/*tintuc*/
.tintuc {
    float: left;
    margin-top: 10px;
}

.tieude a {
    float: left;
    font: 14px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #1c78b4;
    font-weight: bold;
    padding-left: 20px;
	width:100%;
}

.line_tt {
    float: left;
    padding: 5px 0px 5px 0px;
}

.line_tt1 {
    float: left;
    padding: 5px 0px 5px 0px;
}

    .line_tt1 img {
        width: 244px;
        height: 4px;
    }

.nd_news ul {
    width: 225px;
    clear: both;
}

.nd_news li {
    width: 225px;
    list-style-image: url(/Resources/ImagesPortal/HomePage/icon.jpg);
    margin-left: 20px;
    padding-right: 10px;
}

    .nd_news li a {
        font: 12px Arial, Helvetica, sans-serif;
        color: #464444;
    }

        .nd_news li a:hover {
            color: #000;
        }

.arrow {
    float: right;
    margin-right: 20px;
}

/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.wobble-horizontal {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
        -webkit-animation-name: wobble-horizontal;
        animation-name: wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/*doitac*/
.doitac {
    clear: both;
    width: 1000px;
    float: left;
    margin-top: 25px;
}

.khampha {
    float: left;
    background: url(/Resources/ImagesPortal/HomePage/bg_doitac.png) no-repeat;
    width: 736px;
    height: 116px;
    margin-left: 5px;
}

    .khampha .kp {
        float: left;
        margin-left: -10px;
        margin-top: 5px;
    }

    .khampha ul {
        float: left;
        margin-left: 15px;
    }

        .khampha ul li {
            display: inline;
            float: left;
            margin-top: 8px;
            /*margin-right: 10px;*/
        }

.left {
    float: left;
    margin-top: 40px;
}

.right {
    float: right;
    margin-top: 40px;
    margin-right: 10px;
}

.slide_small {
    float: right;
    margin-top: 10px;
}
/* Float Shadow */
.float-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        /* W3C */
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }

    .float-shadow:hover, .float-shadow:focus, .float-shadow:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        /* move the element up by 5px */
    }

        .float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
            opacity: 1;
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
            /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
        }
/* Curl Top Right */
.curl-top-right {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .curl-top-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before {
        width: 25px;
        height: 25px;
    }

/*footer*/
.footer {
    clear: both;
    float: left;
    background: url(/Resources/ImagesPortal/HomePage/bg_footer.jpg) repeat-x;
    height: 89px;
    width: 1000px;
}

.info {
    float: left;
    margin-top: 13px;
}

    .info p {
        font: 12px Arial, Helvetica, sans-serif;
        color: #fff;
        margin-left: 13px;
        padding-bottom: 8px;
    }

        .info p a {
            color: #6eb7f9;
            margin-right: 10px;
        }

        .info p span {
            margin-right: 10px;
        }

/*.truycap {
    float: right;
    margin-right: 20px;
}

    .truycap a {
        float: right;
        margin-right: 30px;
        margin-top: 20px;
    }

    .truycap p {
        clear: both;
        float: right;
        color: #fff;
        font: 12px Arial, Helvetica, sans-serif;
    }

        .truycap p span {
            color: #75bcfd;
        }*/
.truycap {
    float: right;
    width: 150px;
    margin-top: 15px;
    margin-right: 20px;
}

    .truycap a {
        display: block;
        text-align: center;
    }

        .truycap a img {
            width: 48px;
            margin-left: auto;
            margin-right: auto;
        }

    .truycap p {
        text-align: center;
        color: #fff;
        font: 12px Arial, Helvetica, sans-serif;
    }

        .truycap p span {
            color: #75bcfd;
        }


/*Article Display*/
.content_detail {
    float: left;
    margin-top: 10px;
    width: 741px;
}

    .content_detail .tieude a {
        float: left;
		width:701px;
        font: 14px Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #1c78b4;
        font-weight: bold;
        padding-left: 20px;
    }

    .content_detail .line_tt {
        float: left;
        padding: 5px 0px 5px 0px;
    }

        .content_detail .line_tt img {
            width: 741px;
            height: 4px;
        }

    .content_detail .nd_detail {
        float: left;
        width: 701px;
        padding: 0px 20px 0px 20px;
    }

/*.content_detail .nd_detail ul {
            clear: both;
            padding-left: 25px;
        }

        .content_detail .nd_detail li {
            list-style-image: url(/Resources/ImagesPortal/HomePage/icon.jpg);
        }*/

/*.content_detail .arrow {
        float: right;
        margin-right: 20px;
    }*/

.orthersArticle {
    padding: 0px 20px 0px 20px;
    float: left;
    width: 701px;
}

.other_news {
    float: left;
}

    .other_news ul {
        width: 660px;
        clear: both;
    }

    .other_news li {
        margin-left: 10px;
        list-style-image: url(/Resources/ImagesPortal/HomePage/icon.jpg);
    }

        .other_news li a {
            font: 12px Arial, Helvetica, sans-serif;
            color: #464444;
        }

            .other_news li a:hover {
                color: #000;
            }

.commentArticle {
    float: left;
    width: 700px;
    margin: 15px 20px 0px 20px;
}

.gopy {
    margin-top: 10px;
    margin-right: 25px;
    margin-left: 20px;
    text-align: justify;
    float: left;
    margin-bottom: 10px;
}
/*List menu phòng*/
.list_mnphong {
    float: left;
    width: 701px;
    background-color: #f1f1f1;
}

.topic_phong {
    font: 16px Arial, Helvetica, sans-serif;
    color: #ef0808;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 24px;
    margin-left: 40px;
    margin-bottom: 12px;
}

.line_topicphong {
    clear: both;
    width: 660px;
    background: url(/Resources/ImagesPortal/HomePage/line_MNphong.jpg) repeat-x;
    height: 2px;
    margin-left: 20px;
}

.ct_listmnphong {
    float: left;
    width: 700px;
    margin-top: 10px;
}

.left_listphong {
    float: left;
    width: 300px;
    /*margin-left:10px;*/
}

.right_listphong {
    width: 310px;
    float: right;
}

.ct_listmnphong ul li {
    padding-bottom: 8px;
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 10px;
    list-style-image: url(/Resources/ImagesPortal/HomePage/arrow_listmnkhoa.png) !important;
}

    .ct_listmnphong ul li a {
        font: 13px Arial, Helvetica, sans-serif;
        color: #3c3939;
    }

        .ct_listmnphong ul li a:hover {
            color: #ef0808;
        }

    .ct_listmnphong ul li img {
        margin-right: 15px;
    }

   .ndthongdiep{
    font-family: 'Permanent Marker', cursive;
    font-size:19px;
    position:relative;
   } 

   .thongdiep
    {
    text-shadow: 1.5px 0px white, 0 1.5px white;
    font-family: 'Permanent Marker', cursive;
    font-size:19px;
    color:#e49d03;
    position:absolute;
    float:right;
    top:80px;
    right:235px;
    animation: xuathien 6s infinite linear;
    }
    @keyframes xuathien
    {
    0%,2%{transform:scale(3); opacity:0}
    10%{transform:scale(1);opacity:1}
    95%{transform:scale(1);opacity:1}
    100%{transform:scale(1);opacity:0}
    }
    .cham
    {
    font-family: 'Permanent Marker', cursive;
    font-size:19px;
    color:#FFF;
    position:absolute;
    float:right;
    top:80px;
    right:470px;
    animation: xuathien_cham 7s infinite linear;
    }
    @keyframes xuathien_cham
    {
    0%,15% {right:100px; opacity:0}
    18%{right:200px;opacity:1}
    25%{right:330px;opacity:1}
    100%{right:330px;opacity:1}
    }
    .thongdiep1
    {
    text-shadow: 1.5px 0px white, 0 1.5px white;
    font-family: 'Permanent Marker', cursive;
    font-size:19px;
    color:#e49d03;
    position:absolute;
    float:right;
    top:60px;
    right:120px;
    opacity:1;
    animation: xuathien_1 7s infinite linear;
    }
    @keyframes xuathien_1
    {
    0%{transform:scale(1); opacity:0}
    25%{transform:scale(3); opacity:0}
    40%{transform:scale(1);opacity:1}
    95%{transform:scale(1);opacity:1}
    100%{transform:scale(1);opacity:0}
    }
    .cham1
    {
    font-family: 'Permanent Marker', cursive;
    font-size:19px;
    color:#FFF;
    position:absolute;
    float:right;
    top:60px;
    right:252px;
    opacity:1;
    animation: xuathien_cham1 7s infinite linear;
    }
    @keyframes xuathien_cham1
    {
    0%,35%{right:100px; opacity:0}
    40%{right:170px;opacity:1}
    45%{right:230px;opacity:1}
    100%{right:230px;opacity:1}
    }
    .thongdiep2
    {
    text-shadow: 1.5px 0px white, 0 1.5px white;
    font-family: 'Permanent Marker', cursive;
    font-size:19px;
    color:#e49d03;
    position:absolute;
    float:right;
    top:80px;
    right:15px;
    opacity:1;
    animation: xuathien_2 7s infinite linear;
    }
    @keyframes xuathien_2
    {
    0%{transform:scale(1); opacity:0}
    45%{transform:scale(3); opacity:0}
    60%{transform:scale(1);opacity:1}
    95%{transform:scale(1);opacity:1}
    100%{transform:scale(1);opacity:0}
    }