@font-face { 
  font-family:trebuc;
  src:url(/assets/font/trebuc.eot);
  src:local("☺"),url(/assets/font/trebuc.woff) format("woff"),url(/assets/font/trebuc.ttf) format("truetype"),url(/assets/font/trebuc.svg) format("svg");
  font-weight:400;
  font-style:normal;
} 
@font-face { 
  font-family:trebuc;
  src:url(/assets/font/trebucbd.eot);
  src:local("☺"),url(/assets/font/trebucbd.woff) format("woff"),url(/assets/font/trebucbd.ttf) format("truetype"),url(/assets/font/trebucbd.svg) format("svg");
  font-weight:700;
  font-style:normal;
} 
@font-face { 
  font-family:iconfont;
  src:url(/assets/font/iconfont.eot);
  src:url(/assets/font/iconfont.eot?#iefix) format("embedded-opentype"),url(/assets/font/iconfont.woff2) format("woff2"),url(fonts/iconfont.woff) format("woff"),url(/assets/font/iconfont.ttf) format("truetype"),url(/assets/font/iconfont.svg#iconfont) format("svg");
}   
@media all{ 
 
  .container { 
    -ms-flex: 1; 
    flex: 1;
  } 

  .main { 
    width: 1200px; 
    margin: 0 auto;
  } 

  .sec-tit { 
    text-align: center; 
    font-size: 1.5rem; 
    position: relative; 
    line-height: 1em; 
    margin: 3.75rem 0 2.8rem;
  } 

  .sec-tit span ,.sec-tit:after { 
    display: inline-block; 
    text-transform: uppercase;
  } 

  .sec-tit:after { 
    content: attr(data-txt); 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%,-50%); 
    color: #f8f8f8; 
    font-size: 3rem; 
    line-height: 1em; 
    z-index: -1; 
    white-space: nowrap; 
    max-width: 100%; 
    overflow: hidden;
  } 

  .container-prols .layout  { 
    display: -ms-flexbox; 
    display: flex;
  } 

  .sec-tit span  { 
    display: inline-block; 
    text-transform: uppercase;
  } 

  .sec-tit span  { 
    position: relative;
  } 

  .sec-tit span::after, .sec-tit span::before { 
    display: block; 
    position: absolute; 
    width: 6px; 
    height: 6px; 
    border-radius: 3px; 
    background: #da251d; 
    content: ""; 
    left: -1rem; 
    top: 50%; 
    transform: translateY(-50%);
  } 

  .sec-tit span::after { 
    left: auto; 
    right: -1rem;
  } 

  .sidebar { 
    padding-right: .5rem;
  } 

  .container-prols .sidebar  { 
    -ms-flex: none; 
    flex: none; 
    width: 24.375%; 
    margin-right: .8%;
  } 

  .container-prols .content  { 
    -ms-flex: 1; 
    flex: 1;
  } 

  li { 
    list-style: none;
  } 

  li { 
    margin-bottom: 0;
  } 

  li { 
    line-height: 1.5em; 
    color: #092235; 
    margin: 0;
  } 

  .sidebar > li  { 
    margin-bottom: 10px; 
    border-radius: 2px; 
    overflow: hidden;
  } 

  ul { 
    margin: 0; 
    padding: 0;
  } 

  .pro-ls { 
    -ms-flex-flow: row wrap;
  } 

  .pro-ls { 
    display: -ms-flexbox;
  } 

  .pro-ls { 
    display: flex; 
    flex-flow: row wrap;
  } 

  a { 
    text-decoration: none;
  } 

  a { 
    color: inherit;
  } 

  .sidebar a  { 
    font-size: .875rem; 
    transition: all .3s;
  } 

  .sidebar a  { 
    display: block; 
    padding: 0 1rem 0 3.625rem; 
    line-height: 2.5rem; 
    background: #efefef;
  } 

  .sidebar > li > a  { 
    background: #f8f8f8; 
    line-height: 3.25rem; 
    position: relative; 
    font-size: 1rem;
  } 

  .sidebar > li.open > a  { 
    background: #f7580f; 
    color: #fff;
  } 

  .sidebar > li > a::after, .sidebar > li > a::before { 
    line-height: 3.25rem; 
    top: 0; 
    font-family: iconfont;
  } 

  .sidebar > li > a::before { 
    position: absolute; 
    display: block; 
    font-size: 1.5rem; 
    left: 1rem; 
    content: "\e657";
  } 

  .sidebar > li > a::after { 
    position: absolute; 
    display: block; 
    font-size: .7rem; 
    right: 1rem; 
    content: "\e60a";
  } 

  .sidebar > li.open > a::after { 
    transform: rotate(180deg);
  } 

  .sidebar a:hover { 
    color: #f7580f; 
    filter: brightness(.99);
  } 

  .sidebar > li.cat_10 > a::before { 
    content: "\e65f";
  } 

  .loop-item-107 { 
    overflow: hidden;
  } 

  .loop-item-107 { 
    width: 24.375%; 
    -ms-flex: none; 
    flex: none; 
    margin-right: .8%; 
    margin-bottom: 10px;
  } 

  .loop-item-107 { 
    background: #f8f8f8; 
    transition: all .3s;
  } 

  .container-prols .content .pro-ls > li { 
    width: 32.58%; 
    -ms-flex: none; 
    flex: none; 
    margin-bottom: 14px;
  } 

  .container-prols .content .pro-ls > li { 
    margin-right: 1.13%;
  } 

  .loop-item-107:hover { 
    background: #f2f2f2;
  } 

  .container-prols .content .pro-ls > li:nth-of-type(3n) { 
    margin-right: 0;
  } 

  .pro-ls li:nth-of-type(4n)  { 
    margin-right: 0;
  } 

  .container-prols .content .pro-ls > li, .container-prols .content .pro-ls > li:nth-of-type(4n) { 
    margin-right: 0.13%;
  } 

  .so-widget-xz-pagination { 
    margin-top: 3rem; 
    color: #555;
  } 

  .sidebar .parent-item li.current-menu-item  { 
    color: #da251d;
  } 

  .loop-item-107 .thumb  { 
    border: 1px solid #ddd; 
    display: block; 
    overflow: hidden;
  } 

  .loop-item-107 .info  { 
    padding: 1.2rem 1.625rem 1.8rem; 
    text-align: left;
  } 

  .sidebar .parent-item li:nth-of-type(2n) a  { 
    background: #f8f8f8;
  } 

  img { 
    max-width: 100%; 
    height: auto;
  } 

  .loop-item-107 img  { 
    display: block; 
    transition: all .3s;
  } 

  .loop-item-107 .thumb img  { 
    display: block; 
    transition: all .3s;
  } 

   .loop-item-107:hover img { 
    filter: brightness(1.1); 
    transform: scale(1.05);
  } 

  .loop-item-107 .info .tit  { 
    display: block; 
    font-size: 1.125rem; 
    line-height: 1.2rem; 
    transition: all .3s; 
    height: 2.7rem; 
    overflow: hidden; 
    margin-bottom: .2rem;
  } 

   .loop-item-107 .info .tit:hover { 
    color: #da251d;
  } 

  .loop-item-101:hover img, .loop-item-102:hover img, .loop-item-107:hover img, .loop-item-107_1 .thumb:hover img, .loop-item-108:hover img, .pre-next .nav_item:hover img { 
    filter: brightness(1.1); 
    transform: scale(1.05);
  } 

  .loop-item-102 .info .more:hover, .loop-item-107 .info .tit:hover { 
    color: #da251d;
  } 

  h2 { 
    font-size: 1.5rem;
  } 

  h2 { 
    line-height: 1em; 
    margin: 3rem 0 .5rem;
  } 

  .screen-reader-text { 
    border: 0; 
    clip: rect(1px,1px,1px,1px); 
    -webkit-clip-path: inset(50%); 
    clip-path: inset(50%); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
    word-wrap: normal!important;
  } 

  .so-widget-xz-pagination h2  { 
    display: none;
  } 

  .so-widget-xz-pagination .nav-links  { 
    clear: both; 
    text-align: center; 
    font-size: 0;
  } 

  .loop-item-107 .acfs li  { 
    line-height: 1.5em;
  } 

  .so-widget-xz-pagination .page-numbers  { 
    display: inline-block; 
    width: 50px; 
    line-height: 50px; 
    text-align: center; 
    font-size: 16px; 
    background: #f5f5f5; 
    border-radius: 2px; 
    margin: 0 4px; 
    transition: all .3s;
  } 

  .so-widget-xz-pagination .page-numbers.current  { 
    background: #da251d; 
    color: #fff;
  } 

  .so-widget-xz-pagination .page-numbers.current , .so-widget-xz-pagination .page-numbers:hover { 
    background: #da251d; 
    color: #fff;
  } 

  .so-widget-xz-pagination a  { 
    color: inherit;
  } 

  .pagenavi-box .inpage_nav-links > span, .pagenavi-box .page-numbers.current, .pagenavi-box .page-numbers:hover, .so-widget-xz-pagination .inpage_nav-links > span, .so-widget-xz-pagination .page-numbers.current, .so-widget-xz-pagination .page-numbers:hover { 
    background: #da251d; 
    color: #fff;
  } 

  .loop-item-107 .acfs li .acf-tit  { 
    color: #9c9c9c;
  } 

  .loop-item-107 .acfs li .acf-tit::after { 
    content: "|"; 
    display: inline-block; 
    margin: 0 .2rem;
  } 
}     


/* These were inline style tags. Uses id+class to override almost everything */
#style-ahE3a.style-ahE3a {  
   display: block;  
}  
#style-xlFAO.style-xlFAO {  
   display: none;  
}  
@media screen and (max-width: 1279px){

   #pro_snav .nav_main,.main {
        width:auto;
        margin: 0 5%
    }

}
@media screen and (max-width: 600px){
  #pro_snav .nav_main,.main {
        margin: 0 .75rem
    }
 .container-about .video-item h2:after,.container-prols .sidebar {
        display: none
    }
}
@media screen and (max-width: 800px){
 .container-prols .content .pro-ls>li {
    width: 49%;
    margin-right: 1%;
}
}