@media (min-width: 1400px){
    .v-container{
    height:60vh;
  }
    .my_video_1-dimensions{max-height:50vh;}
        .vdplayer .vjs-tech{max-height:55vh;}
}

@media screen and (max-width: 1020px) {
  html .vipper-container, body .vipper-container {
    width: 100%; }
    html .vipper-container .row .wrapper, html .vipper-container .row .sidebar, body .vipper-container .row .wrapper, body .vipper-container .row .sidebar {
      margin: 0 auto;
      float: none; }

  main nav.menu-pc {
    display: none; }
  main nav.menu-mobie {
    display: block; }

  #banner img {
    width: 100%;
    height: auto; }

  html .vipper-container .row .sidebar, body .vipper-container .row .sidebar {
    max-width: 50%; }

  main .sidebar .swt {
    text-align: center; }

  main .sidebar form {
    text-align: center; } }
@media screen and (max-width: 732px) {
  main .opening_words .the_content .content-main {
    display: block; }
    main .opening_words .the_content .content-main .main-thumbnails {
      text-align: center; }

  main .feel .cate-hv {
    padding: 0; }
    main .feel .cate-hv .items-hv {
      padding-right: 10px; }
      main .feel .cate-hv .items-hv .thumbnails-hv {
        padding: 0 10px; }

  html .vipper-container .row .sidebar, body .vipper-container .row .sidebar {
    max-width: 100%; }

  footer .f-body {
    padding: 10px; }
    footer .f-body #f-thumb img {
      width: 100%; }
    footer .f-body #f-main span {
      padding-top: 8px; } }
@media screen and (max-width: 575px) {
  main .the_title a span {
    font-size: 13px; }

  main .traditional .the_content li .body_md {
    padding: 10px; }
    main .traditional .the_content li .body_md .b-thumb img {
      width: 134px;
      height: 95px; }
    main .traditional .the_content li .body_md .b-text {
      padding: 0 0 0 8px; }

  main .feel .cate-hv .items-hv {
    display: block;
    padding: 10px !important; }
    main .feel .cate-hv .items-hv .thumbnails-hv {
      text-align: center; }

  main .features .the_content {
    padding: 10px; }
    main .features .the_content .items-list .items-body {
      padding: 10px 18px; } 
    main .traditional .tra_content .news_1{
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right:0px;
    margin-bottom:15px;
  }
  main .traditional .tra_content .news_2{
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left:10px;
  }

}

/*# sourceMappingURL=page.css.map */