a:link {
  text-decoration: none;}

a:active {
  text-decoration: blink
;}

a:hover {
  text-decoration: none;}

a:visited {
  text-decoration: none;}

div.school-pic-news {
  margin-top: 8px;}

div.school-pic-news img#sample {
  width: 100%;}

div.school-pic-news table img {
  width: 100% !important;
  height: auto !important;}

div.school-pic-news table div {
  width: auto !important;
  height: auto !important;}

@media (min-width: 992px) {
  div.school-pic-news table div > div > div {
    max-height: 280px !important;}
 .img_vsb_content {
    
    max-width: 770px !important;
    height: auto !important;}
}

@media (max-width: 540px) {
  .margin-top {
    margin-top: 64px;}

  .img_vsb_content {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;}

}


@media (max-width: 767px) {
  .navbar-image {
    display: inline;
    padding: 8px;
    width: 35%;}
  .logo-images{
    width:100%;}

  .mini-display {
    display: inline;}

  .large-display {
    display: none;}

  .img_vsb_content {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;}
}


@media (min-width: 768px) {
  .news-div{
    /*padding-top:4px;*/
    padding:4px 8px 0 8px ;
    background-color: #eee;
    border:#AA2F26 solid 3px;}
  .float-center-div {
    padding: 0 !important;}
  .logo-images {
    width: 80%;
    max-width:600px;
    margin:4px;}
  .float-center-ul {
    float: none !important;
    display: flex !important;
    flex: 1 !important;
    flex-direction: row !important;
    justify-content: flex-end!important;}

  .navbar-padding {
    padding: 15px 10px !important;}

  .mini-display {
    display: none;}

  .navbar-image {
    display: none;}

  .large-display {
    display: block;}

  .video {
    margin-top: 40px
  ;}

}


.bg-white {
  background-color: white;
  padding: 4px;}
.bg-gray{
  background-color: #ECE9EA;}

.header-view {
  /*background-image: url("../images/background.jpg");*/
  background-size: cover;
  background-position-x: center;
  padding-top:8px;
  padding-bottom: 8px;}

.background-color {
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  max-width:100%;
  background-position-x: left;
  background-position-y: bottom;}

.new {
  background-color: #80b3e0;
  color: #ffffff;
  padding: 2px 4px;
  margin-right: 4px;
  font-style: italic;}



.index-button {
  color: #ffffff;}

.navbar-default .navbar-toggle {
  background-color: #fff;}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size:18px;}


.nav-div {
  background-color: #0559a2;}

.navbar {
  background-color: #0559a2;
  border: 0;
  margin: 0;}

.navbar-brand {
  font-size: 14px;}

.dropdown-menu {
  background-color: #0559a2;}

.dropdown-menu li a {
  color: #fff !important;
  font-size:16px;}

.dropdown-menu li a:hover {
  background-color: #056fb9;
  color:#fff;}

.dropdown a {
  color: #fff !important;
  padding: 4px 0;}

.bai a {
  color: #fff !important;
  padding: 4px 0;}

.navbar-brand {
  color: #0559a2 !important;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: #0559a2;}

.bg-lightgray{
  padding:6px 10px 0 10px;
  background-color: #eee;}
.news{
  margin: 3px 0;}


.hot-card{
  /*margin:8px auto;*/
  margin-top:8px;
  margin-bottom: 8px;}
.time-div{
  background-color:#AA2F26 ;
  padding:12px 0;}
.time{
  color:white;
  font-weight: 600;
  text-align: center;
  margin:0 auto;}


.title-div {
  /*padding: 3px 8px;*/
  margin: 3px 8px;
  border-bottom: #cccacb solid 1px;}

.card-group{
  display: flex;
  flex-direction: row;
  align-content: center;
  padding: 24px;
  margin:8px;}

.card-title{
  margin:0;
  font-size:34px;
  color:#fff;}
.card-sub-title{
  color:#fff;
  font-size:18px;}


.icon{
  color: #056fb9;
  font-size:18px;}
.title {
  color: #056fb9;
  font-size: 20px;
  font-weight: 400;}

.title-en {
  margin-left: 8px;
  color: #9e9e9e;
  font-size: 14px;
  font-style: italic;}

.more {
  font-size: 14px;
  padding-left:8px;
  color:#333
;}

.more:hover {
  color:#333;}


.list-content {
  list-style-type: none;
  padding: 0 8px;}

.list-content li {
  padding: 8px 0;
  border-bottom: 1px solid #fff;}

.list-content a li {
  color: #333333;
  font-size: 15px;}


.list {
  list-style-type: none;
  padding: 0 8px;}

.dot {
  color: #056fb9;
  font-size: 18px;
  margin-right: 4px;}

.list li {
  background: #eef9ff;
  color:#fff;
  /*border-bottom:1px dashed #ccc;*/
  margin: 16px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;}

.list a li {
  color: #333;
  font-size: 15px;}

.no-wrap {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75%;}

.list li:hover {
  /*  padding:6px 0;*/
  /*border-bottom:1px dashed #ccc;*/
  /*background-color: #f9f9f9;*/
  color: #056fb9;}

.list li a:hover {
  color: #056fb9;}

.date-div{
  background:#9dd3f9 ;
  padding:3px;
  margin-right:16px;}

.date-month{
  text-align: center;
  color:#d30000;
  padding:2px 4px;}
.date-year{
  background: #fff;
  color:#000;
  text-align: center;
  padding:2px 4px;}

.link {
  margin: 16px 0;}

.link img {
  padding: 8px;}


.footer {
  background-color: #056fb9;
  /*background: url("../images/background-footer.jpg") no-repeat center;*/
  padding: 32px 0;}

.foot-p {
  color: #fff;}
.footer-sub{
  background-color: #b6b4b5;
  text-align: center;
  /*background: url("../images/background-footer.jpg") no-repeat center;*/
  padding: 32px 0;}

.foot-p-sub {
  color: #056fb9;
  font-size:16px;}

.name {
  font-size: 20px;
  color: #fff;}

.more-div {
  padding: 4px;}

.more-div div {
  background-color: #056fb9;}

.more-text {
  text-align: center;
  color: #fff;
  padding: 8px;}


.notice {
  color: #056fb9;
  margin-bottom: 8px;
  background-color: #f8f8f8;}

.notice-header {
  color: #056fb9;
  padding: 24px;
  font-size: 20px;
  background-color: #98A0B6;
  margin: 0;}

.notice-nav {
  color: #056fb9;
  padding: 16px 24px;
  margin: 0;
  border-bottom: #ddd solid 1px;
  font-size:16px;
  text-align: center;}

.notice-nav-active {
  background-color: #056fb9;
  color: #ffffff;
  padding: 16px 24px;
  margin: 0;
  font-size:16px;
  text-align: center;}

.notice-list {
  padding: 0 8px;}

.notice-list li {
  padding: 6px 0;
  list-style-type: none;
  word-wrap: break-word;
  display: block; /*内联对象需加*/
  word-break: keep-all; /* 不换行 */
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;}

.notice-list li a {
  color: #056fb9;
  list-style-type: none;
  word-wrap: break-word;
  display: block; /*内联对象需加*/
  word-break: keep-all; /* 不换行 */
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow: ellipsis;}

.notice-list li :hover {
  color: #000;}

.notice-title {
  color: #056fb9;
  font-size: 14px;
  font-weight: 400;}

.notice-title-en {
  margin-left: 8px;
  color: #056fb9;
  font-size: 14px;
  font-style: italic;}

.notice-more {
  margin-top: 4px;
  font-size: 12px;
  color: #056fb9
;}

.notice-more:hover {
  color: #056fb9;}

.notice-img {
  margin-bottom: 12px;}

.article-div {
  padding: 0 24px 24px 24px;}

.article-title {
  font-size: 22px;
  text-align: center;}

.article-subtitle {
  font-size: 14px;
  text-align: center;
  color: #bdbdbd;
  margin-top: 8px;}

.article-main {
  height: 100%;
  color: #333;}

.article-main p {
  text-indent: 2em;
  font-size: 16px;
  margin-top: 20px;}

.article-main p span {}


.menu {
  /*width:100%;*/
  padding: 8px;
  text-align: center;
  font-size: 16px;
  color: #056fb9;
  margin: 18px 8px;
  background-color: #e3f3fb;}

.image-table > table {
  width: 100% !important;
  table-layout: fixed !important;
  word-wrap: break-word !important;
  overflow: hidden;}

#u_u9_demo {
  width: 100% !important;}


.list-list{
  list-style-type:none;
  padding:0 8px;}

.list-list li {
  padding:16px 0;
  border-bottom:1px dashed #ccc;}
.list-list a li {
  color:#444;
  font-size:16px;}