﻿
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("glyphicons-halflings-regular.woff2") format("woff2"), url("glyphicons-halflings-regular.woff") format("woff"), url("glyphicons-halflings-regular.ttf") format("truetype"), url("glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
a:hover
{ 
    color:#337ab7;

}
.s_Live
{
   
    height: 70px;
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}
.s_LiveImg
{
    float: left;
    width: 80px;
}
.s_Live_Img
{
    padding: 10px 10px 0;
    text-align: center;
    width: 60px;
}
.s_LiveLeft
{
    float: left;
    width: 450px;
}
.s_liveLeftdiv1
{
    float: right;
    width: 370px;
    padding-top: 10px;
}
.s_Title
{
    color: #004175;
    font-size: 13px;
    font-weight: bold;
    max-height: 87px;
    overflow: hidden;
    text-align: justify;
}
.s_Title2
{
    color: #004175;
    font-size: 13px;
    font-weight: bold;
    max-height: 75px;
    overflow: hidden;
    text-align: justify;
}
.s_TitleRight
{
    color: #004175;
    font-size: 13px;
    font-weight: bold;
    max-height: 70px;
    overflow: hidden;
    text-align: justify;
    padding-right:5px;
}
.s_description
{
    font-size: 1.1em;
    color: gray;
    font-weight: normal;
    text-align: justify;
}

.s_LiveRight
{
    float:left;
   
}
.s_LiveRight_div1
{
    float: left;
}
.s_LiveRight_img
{
    padding: 0px 10px;
    text-align: center;
}
.s_LiveRight_div2
{
    float: right;
    width: 440px;
    padding-top: 10px;
}
#Player34
{
    width: 963px;
}
.s_content
{
    width: 983px;
    margin-top: 10px;
    border: 0px solid #F2F2F2;
    display: inline-table;
}
.s_content_Left
{
    float: left;
    width: 635px;
    border: 1px solid #F2F2F2;
}

.s_content_right
{
    float: right;
    margin-top: 3px;
    margin-right: 6px;
    width: 332px;
}
.s_topNew_left
{
    float: left;
    width: 305px;
    padding: 10px;
}
.s_iconNghe1
{
    padding-top: 5px;
}
.s_iconNghe2
{
    padding-top: 5px;
    text-align: right;
}
.s_topNewRight
{
    float: right;
    width: 315px;
    padding: 5px;
    padding-top: 0px;
}

.s_topNewRight_Item
{
    min-height: 90px;
    border-bottom: 1px solid white;
    margin-top: 5px;
    padding-top: 5px;
}
.s_topNewRight_Item:last-child {
    
    border-bottom:none;
   
}

.s_topNewRight_Item_left
{
    float: left;
    width: 95px;
}

.s_topNewRight_Item_left img
{
    width: 90px;
    height: 73px;
}

.s_topNewRight_Item_Right
{
    float: right;
    width: 206px;
}

.s_topNewRight_Item_Right_TitleCategory
{
    color: #b70002;
    font-size: 1.0em;
}

.s_schedule {
    width: 334px;
    height: 318px;
    border: 1px solid #b60001;
    background-color: White;
    border-radius: 5px;
}

.s_schedule_header
{
    width: 332px;
    height: 34px;
    background-color: #B70002;
    text-align: center;
    color: White;
    font-weight: bold;
    font-size: 13PX;
    vertical-align: middle;
}

.s_schedule_header p
{
    padding-top: 10PX;
}

.s_schedule_content
{
    width: 328px;
    height: 270px;
    background-color: White;
    margin-top: 10px;
    overflow: hidden;
}

.s_schedule_content table tr
{
    padding-top: 5px;
}

.s_schedule_content_time
{
    clear: both;
    color: #b70002;
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 90px;
    padding-left:5px;
}
.s_schedule_content_title
{
    color: #004175;
    font-size: 13px;
    font-weight: bold;
    text-align:justify;
}
.s_schedule_content_titless
{
    color: #004175;
    float: left;
    font-size: 13px;
    font-weight: bold;
    max-width: 200px;
    padding-left: 1px;
    text-align: left;
    white-space: nowrap;
}
.DayTitle a
{
    white-space: nowrap;
}
.s_CategoryHome
{
   border-top: 2px solid #b70002;
    display: inline-block;
    margin: 10px 0 0;
    width: 100%;
}
.s_CategoryHome_Title
{
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 5px;
    
}
.s_CategoryHome_Title_Parent
{
    color: #b70002;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0 !important;
    text-transform: uppercase;
}

.s_CategoryHome_Title_Chilrent
{
    font-weight: bold;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #CCCCCC;
}
.s_CategoryHome_Title_Chilrent a
{
    color: #333;
}

.s_CategoryHome_content
{
    width: 610px;
}

.s_CategoryHome_content_left
{
    float: left;
    width: 411px;
    border-right: 1px solid #F2F2F2;
    padding-right: 7px;
}

.s_CategoryHome_content_left_Item_Top
{
    border-bottom: 1px dashed Gray;
    clear: both;
    display: inline-table;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 400px;
}

.s_CategoryHome_content_left_Item_Img
{
    float: left;
}
.s_CategoryHome_content_left_Item_Img img
{
    width: 120px;
    height: 96px;
}
.s_schedule_content_title a
{
    max-height: 40px;
    color: #004175;
    line-height: 18px;
}
.s_CategoryHome_content_left_Item_Right
{
    float: right;
    max-height: 108px;
    overflow: hidden;
    width: 270px;
}
.s_CategoryHome_content_left_Item_second
{
    width: 400px;
    padding-bottom: 5px;
    clear: both;
    display: inline-table;
    margin-top: 10px;
}

.s_CategoryHome_content_Right
{
    float: right;
    width: 195px;
    padding-left: 5px;
}

.s_CategoryHome_content_Right_Item
{
    width: 195px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    padding-bottom: 5px;
    clear: both;
    display: inline-table;
}

.s_CategoryHome_content_Right_Item_Title
{
    float: left;
    padding-top: 7px;
    max-height: 60px;
    overflow: hidden;
}
.s_CategoryHome_content_Right_Item_right
{
    float: right;
    width: 24px;
    text-align: left;
    vertical-align: middle;
    padding-top: 15px;
}

.s_CategoryHome_content_Right_Item_bottom
{
    width: 195px;
    padding-bottom: 5px;
    clear: both;
    display: inline-table;
}
.s_schedule_content_titlehot
{
    color: Gray;
    font-size: 12px;
    font-weight: bold;
}

.s_ContentNew5 ul li
{
    background: url("Image/Icon_RadioTopHot.jpg") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    margin-bottom: 3px;
    margin-left: 3px;
    padding-left: 20px;
    display: inline-table;
}
.s_ContentNew5 ul li a span
{
    width: 277px;
    float: left;
    padding-left: 10px;
    color: #333333;
    font-weight:bold;
    line-height:20px;
}

.s_ContentNew5 ul li span
{
    width: 80px;
}
.s_ContentNew5
{
    width: 100%;
    background-color: White;
    height: 270px;
    overflow: auto;
}
.s_openmedia
{
    display: inline;
    padding-bottom: 5px;
    vertical-align: middle;
    color: #333333;
    font-weight: normal;
    font-size: 12px;
    padding-left: 5px;
}

.s_LuotNghe
{
    color: Gray;
    text-align: right;
    float: right;
    padding-right: 5px;
}

.s_CategoryRight
{
    width: 339px;
    background-color: White;
}
.s_CategoryRight_header
{
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 2px solid #b70002;
    line-height: 22px;
    padding: 5px;
}

.s_topNewRight_ItemRight2
{
    border-bottom: 1px solid #808080;
    height: 85px;
    margin-top: 5px;
    padding-top: 7px;
}
.s_topNewRight_ItemRight22
{
    border-bottom: 0px solid #808080;
    height: 85px;
    margin-top: 5px;
    padding-top: 7px;
}

.s_topNewRight_Item_Right2
{
    float: right;
    width: 239px;
}

.s_CategoryHome_Title_Parent a
{
    color: #B70002;
}

#scrollable-containers
{
    border: 0px solid #EFEBEA;
    height: 235px;
    overflow: auto;
    width: 327px;
}
.s_Day
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EFEBEA;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 0;
    height: 32px;
    width: 322px;
}

.s_channel2
{
    margin-bottom: 5px;
    margin-top: 10px;
    width: 332px;
}

.s_channel2 ul li a span
{
    color: #999999;
    float: right;
    font-size: 0.8em !important;
    font-weight: normal;
}
.s_channel2 ul li
{
    background: url("../img/channel_bg.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    height: 40px;
    margin-bottom: 0;
    padding: 10px 10px 0;
}
.s_channel2 ul li:hover a span,.s_channel2 ul li:hover i{color:#fff}

li.red
{
    border-left: 3px solid #FA2600;
}
li.red:hover
{
    background: none repeat scroll 0 0 #FA2600;
}
li.red i
{
    color: #FA2600;
}
li.green
{
    border-left: 3px solid #3B9945;
}
li.green:hover
{
    background: none repeat scroll 0 0 #3B9945;
}
li.green i
{
    color: #3B9945;
}
li.pink
{
    border-left: 3px solid #F984AE;
}
li.pink:hover
{
    background: none repeat scroll 0 0 #F984AE;
}
li.pink i
{
    color: #F984AE;
}
li.brown
{
    border-left: 3px solid #A16D57;
}
li.brown:hover
{
    background: none repeat scroll 0 0 #A16D57;
}
li.brown i
{
    color: #A16D57;
}
li.orange
{
    border-left: 3px solid #F46900;
}
li.orange:hover
{
    background: none repeat scroll 0 0 #F46900;
}
li.orange i
{
    color: #F46900;
}
li.pup
{
    border-left: 3px solid #7300F3;
}
li.pup:hover
{
    background: none repeat scroll 0 0 #7300F3;
}
li.pup i
{
    color: #7300F3;
}
li.blue
{
    border-left: 3px solid #0080F7;
}
li.blue:hover
{
    background: none repeat scroll 0 0 #0080F7;
}
li.blue i
{
    color: #0080F7;
}
li.gray
{
    border-left: 3px solid #7B7B7B;
}
li.gray:hover
{
    background: none repeat scroll 0 0 #7B7B7B;
}
.s_channel2 ul li:first-child
{
    border-top: 1px solid #DDDDDD;
}
.s_channel2 ul li a
{
    font-size: 1.2em;
    font-weight: bold;
}
.s_channel2 ul li span a
{
    color: #999999;
    font-size: 1em;
    font-weight: normal;
}

.s_topNew_left img
{
    width: 300px;
    max-width: 300px;
}
.s_descriptionHome
{
    color: #333;
    font-size: 1.1em;
    font-weight: normal;
    overflow: hidden;
    width: 270px;
    text-align: justify;
}
.s_schedule_content_titleHome
{
    color: #004175;
    font-size: 13px;
    font-weight: bold;
    width: 270px;
}

#Player_wrapper
{
    clear: both;
}
.ScheduleContent .s_description, .s_schedule_content_titless
{
    white-space: normal;
}
.s_CategoryHome_Title_Chilrent:last-child
{
    border-right: 0px solid #cccccc;
}
.hehe {
    background: #ddd none repeat scroll 0 0;
}
.RightContent .s_schedule
{
    margin-top:5px !important;
}
.story-listing .story .title > a {
    font-size: 16px;
    line-height: 20px;
}
.style1 > input,.style1 > textarea  {
    border: 1px solid #ddd;
}
.Ondemand_title a {
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}
.ondemand {
    clear: both;
    text-align:center;
}
.ondemand img {
    max-width: 650px !important;
}
#Player {
    height: 24px;
    text-align: center;
    vertical-align: middle;
    width: 655px;
}
.Ondemand_title2 {
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: justify;
    margin-top:10px;
}

.sapo {
    color: #3c3c3c !important;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
    text-align:justify;
}
.breadcrumbsss .s_CategoryHome_Title {
    margin-bottom: 0;
    width: 660px;
}
.s_CategoryHome_Title22 {
    border-bottom: 2px solid #e8e8e8;
    display: inline-block;
    padding-bottom:4px;
    width: 100%;
    margin-top:10px;
   
}
.s_CategoryHome_Title_Parent22 {
    color: #200000;
    font-family: Commerce;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

    .s_CategoryHome_Title_Parent22 a {
        color: #e20001;
        font-family: commerce;
        font-size: 21px;
        padding-bottom: 3px;
        padding-right: 5px;
        line-height: 24px;
    }
.s_CategoryHome_Title_Chilrent22:last-child {
    border-right: 0 none;
}
.s_CategoryHome_Title_Chilrent22 {
    border-right: 1px solid #666666;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}
.CategoryRelate {
    clear: both;
    float: left;
    padding-left: 5px;
    width: 659px;
}
.tinkhac {
    border-bottom: 2px solid #e8e8e8;
    color: #0c4b79;
    font-family: Commerce;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.CategoryRelate li {
    background: transparent url("Image/icontinmoi.png") no-repeat scroll left 5px;
    border-bottom: 1px solid #e8e8e8;
    line-height: 18px;
    margin: 10px 0;
    padding-bottom: 10px;
}
.CategoryRelate li:last-child {
   
    border-bottom: 0px solid #e8e8e8;
    
}
.catName {
    color: #393b3c;
    font-family: Arial;
    font-size: 11px;
}

.time2 {
    margin-left: 5px;
}
.glyphicon-time::before {
    content: "";
    padding-right: 5px;
}
.glyphicon-time::before {
    content: "";
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}

.CategoryRelate li a {
    color: #3c3c3c;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

#menu {
    background-image: url("Image/bgmenu.png");
    background-repeat: repeat-x;
}
.horizontalcssmenu {
    background-image: url("Image/bgmenu.png");
    background-repeat: repeat-x;
    height: 36px;
}

.horizontalcssmenu ul {
    list-style-type: none;
}
.horizontalcssmenu .current3 {
    background-image: url("Image/bghovermenu.png");
    background-repeat: repeat-x;
    color: #da251c;
    height: 36px;
}
#cssmenu1 .home {
    font-size: 18px;
    padding: 8px 13px;
}
#cssmenu1 li a {
  font-family: arial;
    font-size: 10px;
    font-weight: 600;
    height: 34px;
    
}
.glyphicon-home::before {
    content: "";
}
.current3 span {
    color: #da251c;
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}

.formControl
{
    border: 1px solid #ddd;
    padding: 5px;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

table
{
    background-color: transparent;
}

caption
{
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th
{
    text-align: left;
}

.table
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}
.GridViewStyle2 > tbody > tr > td
{
    border-right: 1px solid #ddd;
}

.table > thead > tr > th
{
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th
{
    border-top: 0;
}

.table > tbody + tbody
{
    border-top: 2px solid #ddd;
}

.table .table
{
    background-color: #fff;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th
{
    padding: 5px;
}

.table-bordered
{
    border: 1px solid #ddd;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th
{
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th
{
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd)
{
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover
{
    background-color: #f5f5f5;
}

table col[class*=col-]
{
    position: static;
    display: table-column;
    float: none;
}

table td[class*=col-], table th[class*=col-]
{
    position: static;
    display: table-cell;
    float: none;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active
{
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover
{
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success
{
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover
{
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info
{
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover
{
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning
{
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover
{
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger
{
    background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover
{
    background-color: #ebcccc;
}

.table-responsive
{
    min-height: .01%;
    overflow-x: auto;
}

.btn
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
    border-color: #ccc;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-group-sm > .btn, .btn-sm
{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs
{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-control
{
    /*display: block;*/
    width: 100%;
    height: 28px;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

form label
{
    display: inline-block;
    max-width: 100%;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
}

/*css Phân trang Trong grid view*/
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    z-index: 2;
    border-color: #dddddd;
    cursor: default;
    
    background-color: #337ab7;
    border: 1px solid #dddddd;
    color: #fff;
    float: left;
    line-height: 1.42857;
    position: relative;
    text-decoration: none;
    
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}
/*end page*/

.contentnew *
{
    font-family:Arial;
    font-size:13px;
    line-height:18px;
}

.AdvanceSearch td.rightCol {
    border-bottom: 1px solid #cccccc;
    border-color: #cccccc;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
}
.time {
    color: #3c3c3c;
    font-family: arial;
    font-size: 12px;
    font-weight:normal;
}
.s_categoryList
{
      border-bottom: 1px solid #ddd;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 5px;
    width: 660px;
}

.s_categoryList a
{
    color: #a61012;
}

.s_categoryList p
{
    padding-top: 5px;
}

.s_categoryLeft
{
    float: left;
    font-weight: bold;
    width: 300px;
}

.s_categoryRight
{
    float: right;
    font-weight: bold;
    width: 300px;
}

.AdvanceSearch td.rightCol {
    border-bottom: 1px solid #cccccc;
    border-color: #cccccc;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
}

.contentNew {
    clear: both;
}

.highlight .story .title a {
    color: #004175;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.story .title a {
    color: #004175;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}
.story .title {
    margin-bottom: 5px;
}
h1.title {
    font-size: 18px;
    margin-bottom: 10px;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .clearfix {
    display: block;
}
.highlight {
    border-bottom: 1px solid #e16701;
    margin: 0;
    
}

.PagerStyle td
{
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    line-height: 25px;
}

.PagerStyle table td
{
    border: 0px;
    padding: 0px;
}

.PagerStyle a
{
    font-weight: normal;
    color: #201F35;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    vertical-align: middle;
    text-align: center;
    font-family: Tahoma;
}

.PagerStyle span
{
    border: 1px solid #C9D7FB;
    font-weight: normal;
    color: #201F35;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    background-color: #E2EAFD;
    text-align: center;
    vertical-align: middle;
    font-family: Tahoma;
}


.pagination > li {
    display: inline;
}
.pagination > li {
    display: inline;
}
.hidden {
    display: none !important;
}

.PagingWrapper {
    text-align: center;
}
.pagination
{
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li
{
    display: inline;
}
.pagination td a, .pagination td span, .pagination > li > a, .pagination > li > span
{
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.pagination td td:first-child a, .pagination td td:first-child span, .pagination > li:first-child > a, .pagination > li:first-child > span
{
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination td td:last-child a, .pagination td td:last-child span, .pagination > li:last-child > a, .pagination > li:last-child > span
{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination td a:hover, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    color: #23527c;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination td span, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    z-index: 2;
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}
.pagev {
   
  display: inline-block;
    margin-bottom: 10px;
    padding-left: 200px;
    text-align: center;
}
.story-listing .story:last-child
{
    border-bottom: 0px solid;
}


#bt_imageeffect {

  margin: 5px auto;
  width: 100%;
  text-align: center;

 }

.galleryItem {

 display: inline-block;
 padding: 0;
 border: solid 10px #fff;
 -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.25);
 box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.25);

}
.galleryItem img {
}
.caption {

 position: relative;
 display: inline-block;
 z-index: 10;

}
.caption::before {

 /*content: attr(data-title);*/
 position: absolute;top: 0; left: 0;
 height: 0;
 font-family: 'Croissant One', cursive;
 font-size: 1.8em;font-weight: 600;
 line-height: 1.4em;color: #086FA1;
 background: #fff;
 overflow: hidden;
 -webkit-transition: all 0.9s ease;
 -moz-transition: all 0.9s ease;
 -ms-transition: all 0.9s ease;
 -o-transition: all 0.9s ease;
 transition: all 0.9s ease;

}

.caption::after {

 background: #222 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: attr(data-description);
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    height: 0;
    left: 0;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    transition: all 0.9s ease 0s;
    width: 100%;
}

.caption:hover::before {
 height: 125px;
}

.caption:hover::after {
 bottom: 0;
 height:auto;
 padding:10px 0px;
}
.nav > li > a {
    padding: 10px 2px !important;
}

.navbar-nav > li > a {
   
    font-size: 10px !important;
    
}
.desc {
    color: #000;
    text-align: justify;
    font-size: 13px;
    font-family: Arial;
}