@charset 'UTF-8';
.wrap_footer .copy strong{font-weight:bold;display:block;margin:10px 0;color:#333}
@media screen and (min-width:1200px){
  .wrap{overflow:hidden;margin:0 auto;padding:0 0}
  .wrap_header{box-sizing:border-box;margin-bottom:0;border-bottom:1px solid #d6d6d6}
  .wrap_top_bar{border-bottom:1px solid #d6d6d6}
  .header .top_bar .wrap_top_bar{}
  .header .top_bar{width:1200px;margin:0 auto;letter-spacing:0}
  .wrap_top_bar .header .top_bar{}
  .header .top_bar .date{font-size:12px;line-height:35px;position:relative;display:inline-block;padding:0 18px;border-left:1px solid #d6d6d6}
  .header .top_bar .date:after{position:absolute;top:12px;right:10px;display:block;width:1px;height:10px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area{font-size:12px;line-height:35px;float:right;height:35px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area li{position:relative;float:left}
/*  .header .top_bar .link_area li.after:after{position:absolute;top:12px;right:0;display:block;width:1px;height:10px;border-right:1px solid #d6d6d6}*/
  .header .top_bar .link_area li a{padding:0 10px}
  .header .top_bar .link_area li strong{font-weight:bold}
  .header .top_area{position:relative;display:block;float:none;overflow:hidden;width:1050px;height:90px;margin:0 auto}
  .header .top_area .wrap_sl_item{position:relative;float:left}
  .header .top_area .wrap_sl_item .nav{position:absolute;top:10px;left:230px;width:60px}
  .header .top_area .wrap_sl_item .nav button{float:left;width:30px;height:80px;background:none}
  .header .top_area .wrap_sl_item .nav .left:after{top:50%;right:0;width:17px;height:17px;margin:-2px 0 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.arjf1.xe%2Sflfgrz%2Serfbhepr%2Sarjf1_jjj%2S%2S2%2Svzt%2Sznva%2Spbzzba.cat) no-repeat}
  .header .top_area .wrap_sl_item .nav .right:after{top:50%;left:0;width:17px;height:17px;margin:-2px 0 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.arjf1.xe%2Sflfgrz%2Serfbhepr%2Sarjf1_jjj%2S%2S2%2Svzt%2Sznva%2Spbzzba.cat) no-repeat -17px 0}
  .header .top_area .sl_item{width:230px;padding:15px 0 0 0}
  .header .top_area .sl_item .page{visibility:visible;height:75px}
  .header .logo_area{position:relative;width:1200px;height:102px;margin:0 auto;padding:58px 0 0 0;}
  .header .logo_area .logo{position:absolute;top:104px;left:0;width:1058px;height:36px;margin:0 auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sybtb_oop_erq.tvs) no-repeat center left;background-color:#bb1919;}
  .header  .link_box{position:absolute;top:0;right:0;width:100px;height:160px}
  .header  .link_box .news1{position:absolute;top:20px;right:0;width: 106px;height:45px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Soop_ybtb_arjf1_2024.cat%3S0416) no-repeat right top;}
  .header  .link_box .type_sns{position:absolute;right:0;bottom:20px;display:block;overflow:hidden;width:120px}
  .header  .link_box li{display:block;float:left;width:35px;height:35px;margin:0 2px 0}
  .header  .link_box li a{display:block;overflow:hidden;width:35px;min-width:auto;height:35px;min-height:auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sfaf_01.cat%3S202407100) no-repeat center 1px}
  .header  .link_box li a:hover{opacity:1}
  .header  .link_box .sns_facebook{width:34px;background-position:3px 1px}
  .header  .link_box .sns_instagram{background-position:-36px 1px}
  .header  .link_box .sns_youtube{background-position:-75px 1px}
  .header  .link_box .sns_facebook{background-position:3px -33px}
  .header  .link_box .sns_instagram{background-position:-36px -33px}
  .header  .link_box .sns_youtube{background-position:-75px -33px}
  .header .txt_link{width:1200px;height:45px;margin:0 auto}
  .header .wrap_txt_link{border-top:4px solid #bb1919}
  .header .txt_link .link_bbc_s{display:block;float:left;width:182px;height:45px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Soop_yvax.tvs) no-repeat center}
  .header .txt_link .txt{font-size:15px;font-weight:bold;line-height:45px;float:right;height:45px;color:#767676}
  .wrap_footer{margin: 0px 0 0;background:#e3e3e3;padding-top: 20px;}
  .wrap_footer .footer{overflow:hidden;padding:0 0 40px}
  .wrap_footer .link_footer{position:relative;width: 1200px;height: 22px;margin:40px auto 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Ssbbgre.tvs) no-repeat top left;background-color: #ba1919;}
  .wrap_footer .link_footer .link_bbc{position:absolute;left:0;width:240px;height: 100%;}
  .wrap_footer .link_footer .link_news1{position:absolute;right:0;width:130px;height:45px}
  .wrap_footer .copy{font-size:14px;line-height:24px;width:580px;margin:0 auto;text-align:center;color:#737373}
  .wrap_footer .copy span{display:block}
  .wrap_footer .copy .outlink{font-weight:bold;color:#4e4d4d}
  
  
  .wrap_bbc_line {margin: 0px 0 0;background: #fff;/* padding-top: 20px; */}
  .wrap_bbc_line .footer{overflow:hidden;padding:0 0 40px}
  .wrap_bbc_line .link_footer{position:relative;width: 1200px;height: 22px;margin: 10px auto 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Ssbbgre.tvs) no-repeat top left;background-color: #ba1919;}
  .wrap_bbc_line .link_footer .link_bbc{position:absolute;left:0;width:240px;height: 100%;}
  .wrap_bbc_line .link_footer .link_news1{position:absolute;right:0;width:130px;height:45px}
  .wrap_bbc_line .copy{font-size:14px;line-height:24px;width:580px;margin:0 auto;text-align:center;color:#737373}
  .wrap_bbc_line .copy span{display:block}
  .wrap_bbc_line .copy .outlink{font-weight:bold;color:#4e4d4d}
  
  
  section{overflow:hidden}
  section.bg_01{margin:0 0;border:1px solid rgba(0,0,0,.1);border-right:0;border-left:0;background:#f6f6f6}
  .wrap.fix{overflow:hidden;height:100%}
  .tit_section{font-size:22px;font-weight:bold;position:relative;display:block;width:1200px;margin:30px auto 30px;text-align:left;color:#1d1d1b}
  .tit_section strong{font-family:Arial,Helvetica,freesans,sans-serif;position:relative;margin:0 0 0 0;padding:0 0 0 0}
  .tit_section strong.type_02{padding-left:10px}
  .tit_section strong.type_02:before{position:absolute;top:0;left:0;display:block;width:1px;height:22px;content:'';border-left:2px solid #1d1d1b}
  .tit_section strong:before{position:absolute;content:''}
  .tit_section span:before{font-weight:bold;position:absolute;top:0;left:0;display:block;width:2px;height:17px;content:'';color:#666}
  .tit_section span{position:relative;padding:-;color:#bb1919}
  .main_avi .tit_section span:before{position:absolute;top:0;left:0;display:block;width:3px;height:17px;content:'';border-left:3px solid #1746a8}
  .main_avi .item_photo{position:relative;display:block;clear:both;overflow:hidden;width:1200px;height:670px;margin:0 auto;text-align:center}
  .main_avi .item_photo > a,.main_avi .item_photo > div{display:block;box-sizing:border-box;width:100%;height:100%;transition:.3s;opacity:1}
  .main_avi .item_photo > a:before,.main_avi .item_photodiv:before{position:absolute;z-index:100;top:0;left:0;display:block;width:100%;height:100%;content:'';transition:.5s;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,.8) 100%)}
  .main_avi .item_photo:hover > a:before,.main_avi .item_photo:hover > div:before{opacity:1;box-shadow:inset 0 20px 140px rgba(0,0,0,.5)}
  .main_avi .item_photo.c_02{background:#d3dcdc}
  .main_avi .item_photo .tit_area{position:absolute;z-index:110;bottom:50px;width:100%;margin:0 auto;padding:0 30px;transition:.2s;text-align:left;opacity:1;color:#fff}
  .main_avi .item_photo .tit_area .tit{font-size:32px;line-height:1.2;margin-bottom:10px}
  .main_avi .item_photo .tit_area .tit_sub{font-size:16px;display:inline-block;margin:0 30px;color:#fff}
  .main_avi .item_photo:hover .tit_area{opacity:1}
  .main_avi .item_photo .pic_area{overflow:hidden;width:100%;height:670px}
  .main_avi .item_photo:hover .pic_area img{width:100%}
  .main_avi .item_photo .pic_area img{width:100%;transition:.4s}
  .main_avi .item_photo .icon_wrap{font-size:36px;line-height:62px;position:absolute;z-index:110;width:68px;height:68px;transition:.4s;color:#fff;background:#333}
  .main_avi .item_photo:hover .icon_wrap{margin-top:10px;margin-left:10px;background:rgba(233,24,2,.7)}
  .main_avi .item_photo .icon_wrap .ion{}
  .wrap_list_box{display:block;overflow:hidden;box-sizing:border-box;width:1200px;margin:0 auto;padding:5px 5px}
  .wrap_list_box.more{display:none}
  .wrap_list_box.more.on{display:block}
  .wrap_list_box .item_photo{position:relative;display:block;float:left;overflow:hidden;width:31%;height:298px;margin-right:3.5%;margin-bottom:60px;text-align:left;background:#fff;box-shadow:1px 1px 4px 1px rgba(0,0,0,.3)}
  .wrap_list_box li:nth-child(3n){margin-right:0}
  .wrap_list_box .item_photo:hover{}
  .wrap_list_box .item_photo.v_02 .pc{display:block}
  .wrap_list_box .item_photo.v_02 .m{display:none}
  .wrap_list_box .item_photo > a,.wrap_list_box .item_photo > div{display:block;box-sizing:border-box;width:100%;transition:.3s;opacity:1}
  .wrap_list_box .item_photo > a:before,.wrap_list_box .item_photodiv:before{position:absolute;z-index:100;top:0;left:0;display:block;width:100%;height:100%;content:'';transition:.3s;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%)}
  .wrap_list_box .item_photo:hover > a:before,.wrap_list_box .item_photo:hover > div:before{opacity:1}
  .wrap_list_box .item_photo.c_02{background:#d3dcdc}
  .wrap_list_box .item_photo .tit_area{position:absolute;z-index:110;bottom:0;overflow:hidden;width:100%;height:78px;margin:0 auto;padding:8px 0;transition:.2s;color:#666;background:#fff}
  .wrap_list_box .item_photo .tit_area .tit{font-size:18px;font-weight:bold;line-height:1.4;position:relative;min-height:40px;margin:0 20px 0 15px;padding:0 0 0 10px}
  .wrap_list_box .item_photo .tit_area .date{font-size:14px;display:inline-block;float:right;margin:0 30px;letter-spacing:1px}
  .wrap_list_box .item_photo .tit_area .date .ion{margin-right:-1px}
  .wrap_list_box .item_photo:hover .tit_area{opacity:1}
  .wrap_list_box .item_photo .tit_area .tit:before{position:absolute;top:4px;left:0;display:block;width:2px;height:18px;content:'';border-left:3px solid #eb5e1a}
  .wrap_list_box .item_photo .pic_area{overflow:hidden;width:100%;height:0;padding-bottom:55%}
  .wrap_list_box .item_photo:hover .pic_area img{width:110%;margin-top:-5%;margin-left:-5%}
  .wrap_list_box .item_photo .pic_area img{width:100%;transition:.4s}
  .wrap_list_box .item_photo:hover .icon_link{opacity:.8}
  .wrap_list_box .item_photo .icon_link{font-size:34px;line-height:45px;position:absolute;z-index:100;top:0;left:0;display:block;width:45px;height:45px;transition:.5s;text-align:center;opacity:0;color:#fff;background:#333}
  .btn_more{font-size:32px;line-height:45px;display:block;float:none;width:1200px;height:45px;margin:0 auto 20px;padding:0 60px;transition:.3s;text-align:center;vertical-align:middle;letter-spacing:5px;color:#fff;border-radius:5px;background:#2f2f2f}
  .btn_more:hover{opacity:.4}
  .btn_more .ion{position:relative;top:0;transition:.3s}
  .btn_more:hover .ion{top:7px}
}
@media screen and (min-width:768px) and (max-width:1199px){
  .wrap_header{box-sizing:border-box;margin-bottom:15px;border-bottom:1px solid #d6d6d6}
  .wrap_top_bar{display:none;border-bottom:1px solid #d6d6d6}
  .header .top_bar .wrap_top_bar{}
  .header .top_bar{width:1200px;margin:0 auto;letter-spacing:0}
  .wrap_top_bar .header .top_bar{}
  .header .top_bar .date{font-size:12px;line-height:35px;position:relative;display:inline-block;padding:0 18px;border-left:1px solid #d6d6d6}
  .header .top_bar .date:after{position:absolute;top:12px;right:10px;display:block;width:1px;height:10px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area{font-size:12px;line-height:35px;float:right;height:35px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area li{position:relative;float:left}
  .header .top_bar .link_area li.after:after{position:absolute;top:12px;right:0;display:block;width:1px;height:10px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area li a{padding:0 10px}
  .header .top_bar .link_area li strong{font-weight:bold}
  .header .top_area{position:relative;display:block;float:none;overflow:hidden;width:1050px;height:90px;margin:0 auto}
  .header .top_area .wrap_sl_item{position:relative;float:left}
  .header .top_area .wrap_sl_item .nav{position:absolute;top:10px;left:230px;width:60px}
  .header .top_area .wrap_sl_item .nav button{float:left;width:30px;height:80px;background:none}
  .header .top_area .wrap_sl_item .nav .left:after{top:50%;right:0;width:17px;height:17px;margin:-2px 0 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.arjf1.xe%2Sflfgrz%2Serfbhepr%2Sarjf1_jjj%2S%2S2%2Svzt%2Sznva%2Spbzzba.cat) no-repeat}
  .header .top_area .wrap_sl_item .nav .right:after{top:50%;left:0;width:17px;height:17px;margin:-2px 0 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.arjf1.xe%2Sflfgrz%2Serfbhepr%2Sarjf1_jjj%2S%2S2%2Svzt%2Sznva%2Spbzzba.cat) no-repeat -17px 0}
  .header .top_area .sl_item{width:230px;padding:15px 0 0 0}
  .header .top_area .sl_item .page{visibility:visible;height:75px}
    .header .logo_area{position:relative;margin: 0 auto 8px;height: 90px;overflow: hidden;max-width: 100%;}
  .header .logo_area >a{
    display: block;
    float: left;
    margin-top: 30px;
    width: calc(100% - 130px);
    overflow: hidden;
}
  .header .logo_area .logo{width: 100%;height: 36px;margin: 20px auto 0 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sybtb_oop_erq.tvs) no-repeat center left;float: left;background-color: #bb1919;}
  .header  .link_box{display:block;overflow:hidden}
  .header  .link_box .news1{float:right;width:90px;height:45px;margin:21px 10px 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sybtb_arjf1.cat) no-repeat right top;background-size:contain}
  .header  .link_box .type_sns{position:absolute;right:0;bottom:0;display:block;overflow:hidden;width:110px}
  .header  .link_box li{display:block;float:left;overflow:hidden;width:30px;height:30px;margin:0 2px 0}
  .header  .link_box li a{display:block;overflow:hidden;width:30px;min-width:auto;height:26px;min-height:auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sfaf_01.cat%3S202407100) no-repeat center 1px;background-size:82px auto}
  .header  .link_box .sns_facebook{background-position:3px -24px}
  .header  .link_box .sns_instagram{background-position:-26px -24px}
  .header  .link_box .sns_youtube{background-position:-56px -24px}
  .header .txt_link{margin:0 auto}
  .header .wrap_txt_link{border-top:4px solid #bb1919}
  .header .txt_link .link_bbc_s{display:block;display:none;float:left;width:182px;height:45px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Soop_yvax.tvs) no-repeat center}
  .header .txt_link .txt{font-size:14px;font-weight:bold;line-height:35px;height:35px;text-align:center;letter-spacing:0;color:#fff;background:rgba(47,47,47,.6)}
  .wrap_footer{margin: 10px 0 0;background:#e3e3e3;}
  .wrap_footer .footer{overflow:hidden;padding:0 0 40px;margin: 0 10px;overflow: hidden;}
  .wrap_footer .link_footer{position:relative;left:0;width: calc(100% - 10px);height: 22px;margin:30px auto 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Ssbbgre.tvs) no-repeat top left;background-color: #ba1919;}
  .wrap_footer .link_footer .link_bbc{float:left;width:160px;height: 100%;}
  .wrap_footer .link_footer .link_news1{float:right;width:80px;height:45px}
  .wrap_footer .copy{font-size:12px;line-height:1.5;width:320px;margin:10px auto 0;text-align:center;color:#737373}
  .wrap_footer .copy span{display:block}
  .wrap_footer .copy .outlink{font-weight:bold;margin-top:10px;color:#4e4d4d}
  
  
  .wrap_bbc_line{/* margin: 0px 0 0; */background: #fff;}
  .wrap_bbc_line .footer{overflow:hidden;padding: 0 0 20px;margin: 0 10px;overflow: hidden;}
  .wrap_bbc_line .link_footer{position:relative;left:0;width: calc(100% - 10px);height: 22px;margin: 10px auto 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Ssbbgre.tvs) no-repeat top left;background-color: #ba1919;}
  .wrap_bbc_line .link_footer .link_bbc{float:left;width:160px;height: 100%;}
  .wrap_bbc_line .link_footer .link_news1{float:right;width:80px;height:45px}
  .wrap_bbc_line .copy{font-size:12px;line-height:1.5;width:320px;margin:10px auto 0;text-align:center;color:#737373}
  .wrap_bbc_line .copy span{display:block}
  .wrap_bbc_line .copy .outlink{font-weight:bold;margin-top:10px;color:#4e4d4d}
  
  section{padding:0 10px}
  .wrap{overflow:hidden;box-sizing:border-box;width:100%;margin:0 auto}
  .wrap.fix{overflow:hidden;height:100%}
  .tit_section{font-family:Arial,Helvetica,freesans,sans-serif;font-size:19px;font-weight:bold;position:relative;display:block;margin:20px 10px 20px;text-align:left;color:#1d1d1b}
  .tit_section strong{font-family:Arial,Helvetica,freesans,sans-serif;position:relative;margin:0 0 0 0;padding:0 0 0 0}
  .tit_section strong.type_02{padding-left:10px}
  .tit_section strong.type_02:before{position:absolute;top:0;left:0;display:block;width:1px;height:19px;content:'';border-left:2px solid #1d1d1b}
  .tit_section strong:before{position:absolute;content:''}
  .tit_section span:before{font-weight:bold;position:absolute;top:0;left:0;display:block;width:2px;height:17px;content:'';color:#666}
  .tit_section span{position:relative;padding:0;color:#bb1919}
  .main_avi .tit_section span:before{position:absolute;top:0;left:0;display:block;width:3px;height:17px;content:'';border-left:3px solid #1746a8}
  .main_avi .item_photo{position:relative;display:block;overflow:hidden;width:100%;height:0;margin:0 auto 30px;padding-bottom:55%;text-align:center}
  .main_avi .item_photo > a,.main_avi .item_photo > div{display:block;box-sizing:border-box;width:100%;height:0;padding-bottom:136%;transition:.3s;opacity:1}
  .main_avi .item_photo > a:before,.main_avi .item_photodiv:before{position:absolute;z-index:100;top:0;left:0;display:block;width:100%;height:100%;content:'';transition:.3s;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,.8) 100%)}
  .main_avi .item_photo.c_02{background:#d3dcdc}
  .main_avi .item_photo .tit_area{position:absolute;z-index:110;bottom:30px;width:100%;margin:0 auto;transition:.2s;color:#fff}
  .main_avi .item_photo .tit_area .tit{font-size:24px;line-height:1.2;margin-bottom:10px;padding:0 10px;text-align:left}
  .main_avi .item_photo .tit_area .tit_sub{font-size:16px;display:inline-block;margin:0 30px;color:#fff}
  .main_avi .item_photo .pic_area{overflow:hidden;width:100%}
  .main_avi .item_photo .pic_area img{width:100%;transition:.4s}
  .main_avi .item_photo .icon_wrap{font-size:36px;line-height:56px;position:absolute;width:58px;height:58px;color:#fff;background:#333}
  .main_avi .item_photo .icon_wrap .ion{}
  .wrap_list_box{display:block;overflow:hidden;padding:5px 5px}
  .wrap_list_box .item_photo{position:relative;display:block;float:left;overflow:hidden;width:49%;height:0;margin-right:2%;margin-bottom:20px;padding-bottom:39.5%;text-align:left;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}
  .wrap_list_box .item_photo.v_02 .pc{display:block}
  .wrap_list_box .item_photo.v_02 .m{display:none}
  .wrap_list_box li:nth-child(2n){float:right;margin-right:0}
  .wrap_list_box .item_photo > a,.wrap_list_box .item_photo > div{display:block;box-sizing:border-box;width:100%;transition:.3s;opacity:1}
  .wrap_list_box .item_photo > a:before,.wrap_list_box .item_photodiv:before{position:absolute;z-index:100;top:0;left:0;display:block;width:100%;height:100%;content:'';transition:.3s;opacity:0;background:rgba(0,0,0,.2)}
  .wrap_list_box .item_photo.c_02{background:#d3dcdc}
  .wrap_list_box .item_photo .tit_area{z-index:110;bottom:0;overflow:hidden;width:100%;height:70px;margin:0 auto;padding:10px 0 5px;transition:.2s;color:#666;background:#fff}
  .wrap_list_box .item_photo .tit_area .tit{font-size:16px;line-height:1.5;position:relative;min-height:40px;margin:3px 4px 0 5px;padding:4px 0 0 10px}
  .wrap_list_box .item_photo .tit_area .date{font-size:11px;display:inline-block;float:left;margin:4px 10px}
  .wrap_list_box .item_photo .tit_area .tit:before{position:absolute;top:9px;left:0;display:block;width:14px;height:14px;content:'';border-left:3px solid #eb5e1a}
  .wrap_list_box .item_photo .pic_area{overflow:hidden;width:100%;height:0;padding-bottom:55%}
  .wrap_list_box .item_photo .pic_area img{width:100%;transition:.4s}
  .wrap_list_box .item_photo .icon_link{font-size:34px;line-height:45px;position:absolute;z-index:100;top:0;left:0;display:block;width:45px;height:45px;transition:.5s;text-align:center;opacity:0;color:#fff;background:#333}
  .wrap_list_box.more{display:none}
  .wrap_list_box.more.on{display:block}
  .btn_more{font-size:22px;line-height:45px;display:block;float:none;width:100%;height:45px;margin: 0 auto 10px;padding:0 60px;text-align:center;vertical-align:middle;letter-spacing:5px;color:#fff;border-radius:5px;background:#2f2f2f;}
}
@media screen and (max-width:767px){
  .wrap_header{box-sizing:border-box;margin-bottom:45px;border-bottom:1px solid #d6d6d6}
  .wrap_top_bar{display:none;border-bottom:1px solid #d6d6d6}
  .header .top_bar .wrap_top_bar{}
  .header .top_bar{width:1200px;margin:0 auto;letter-spacing:0}
  .wrap_top_bar .header .top_bar{}
  .header .top_bar .date{font-size:12px;line-height:35px;position:relative;display:inline-block;padding:0 18px;border-left:1px solid #d6d6d6}
  .header .top_bar .date:after{position:absolute;top:12px;right:10px;display:block;width:1px;height:10px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area{font-size:12px;line-height:35px;float:right;height:35px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area li{position:relative;float:left}
  .header .top_bar .link_area li.after:after{position:absolute;top:12px;right:0;display:block;width:1px;height:10px;border-right:1px solid #d6d6d6}
  .header .top_bar .link_area li a{padding:0 10px}
  .header .top_bar .link_area li strong{font-weight:bold}
  .header .top_area{position:relative;display:block;float:none;overflow:hidden;width:1050px;height:90px;margin:0 auto}
  .header .top_area .wrap_sl_item{position:relative;float:left}
  .header .top_area .wrap_sl_item .nav{position:absolute;top:10px;left:230px;width:60px}
  .header .top_area .wrap_sl_item .nav button{float:left;width:30px;height:80px;background:none}
  .header .top_area .wrap_sl_item .nav .left:after{top:50%;right:0;width:17px;height:17px;margin:-2px 0 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.arjf1.xe%2Sflfgrz%2Serfbhepr%2Sarjf1_jjj%2S%2S2%2Svzt%2Sznva%2Spbzzba.cat) no-repeat}
  .header .top_area .wrap_sl_item .nav .right:after{top:50%;left:0;width:17px;height:17px;margin:-2px 0 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.arjf1.xe%2Sflfgrz%2Serfbhepr%2Sarjf1_jjj%2S%2S2%2Svzt%2Sznva%2Spbzzba.cat) no-repeat -17px 0}
  .header .top_area .sl_item{width:230px;padding:15px 0 0 0}
  .header .top_area .sl_item .page{visibility:visible;height:75px}
  .header .logo_area{position:relative;overflow:hidden;max-width: 100%;height:90px;margin:0 auto 8px;}
  .header .logo_area .logo{float:left;width: calc(100% - 130px);height: 36px;margin: 50px auto 0 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sybtb_oop_erq.tvs) no-repeat center left;background-size:contain;background-color: #bb1919;}
  .header  .link_box{top:0;right:0}
  .header  .link_box .news1{position:absolute;top:23px;right:10px;float:right;width:60px;height:45px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sybtb_arjf1.cat) no-repeat right top;background-size:contain}
  .header  .link_box .type_sns{position:absolute;right:-5px;bottom:0;display:block;float:right;overflow:hidden;width:110px}
  .header  .link_box li{display:block;float:left;overflow:hidden;width:30px;height:30px;margin:0 2px 0}
  .header  .link_box li a{display:block;overflow:hidden;width:30px;min-width:auto;height:26px;min-height:auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Sfaf_01.cat%3S202407100) no-repeat center 1px;background-size:82px auto}
  .header  .link_box .sns_facebook{background-position:3px -24px}
  .header  .link_box .sns_instagram{background-position:-26px -24px}
  .header  .link_box .sns_youtube{background-position:-56px -24px}
  .header .txt_link{margin:0 auto}
  .header .wrap_txt_link{border-top:4px solid #bb1919}
  .header .txt_link .link_bbc_s{display:block;display:none;float:left;width:182px;height:45px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Soop_yvax.tvs) no-repeat center}
  .header .txt_link .txt{font-size:14px;font-weight:bold;line-height:35px;height:35px;text-align:center;letter-spacing:0;color:#fff;background:rgba(47,47,47,.6)}
  .wrap_footer{margin: 10px 0 0;background:#e3e3e3;}
  .wrap_footer .footer{overflow:hidden;padding:0 0 40px}
  .wrap_footer .link_footer{position: relative;left: 0;width: calc(100% - 10px);height: 22px;margin: 30px auto 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Ssbbgre.tvs) no-repeat top left;background-color: #ba1919;}
  .wrap_footer .link_footer .link_bbc{float:left;width:160px;height: 100%;}
  .wrap_footer .link_footer .link_news1{float:right;width:80px;height:45px}
  .wrap_footer .copy{font-size:12px;line-height:1.5;width:320px;margin:10px auto 0;text-align:center;color:#737373}
  .wrap_footer .copy span{display:block}
  .wrap_footer .copy .outlink{font-weight:bold;margin-top:10px;color:#4e4d4d}
  
  
  .wrap_bbc_line{/* margin: 10px 0 0; */background: #fff;}
  .wrap_bbc_line .footer{overflow:hidden;padding: 0 0 20px;}
  .wrap_bbc_line .link_footer{position: relative;left: 0;width: calc(100% - 10px);height: 22px;margin: 10px auto 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soop.arjf1.xe%2Serf%2Spff%2S..%2Svzntrf%2Ssbbgre.tvs) no-repeat top left;background-color: #ba1919;}
  .wrap_bbc_line .link_footer .link_bbc{float:left;width:160px;height: 100%;}
  .wrap_bbc_line .link_footer .link_news1{float:right;width:80px;height:45px}
  .wrap_bbc_line .copy{font-size:12px;line-height:1.5;width:320px;margin:10px auto 0;text-align:center;color:#737373}
  .wrap_bbc_line .copy span{display:block}
  .wrap_bbc_line .copy .outlink{font-weight:bold;margin-top:10px;color:#4e4d4d}
  
  .wrap{overflow:hidden;box-sizing:border-box;width:100%}
  .wrap.fix{overflow:hidden;height:100%}
  .content{margin:0 5px}
  .tit_section{font-family:Arial,Helvetica,freesans,sans-serif;font-size:19px;font-weight:bold;position:relative;display:block;width:100%;margin:20px auto 20px;text-align:left;color:#1d1d1b}
  .tit_section strong{font-family:Arial,Helvetica,freesans,sans-serif;position:relative;margin:0 0 0 0;padding:0 0 0 0}
  .tit_section strong.type_02{padding-left:10px}
  .tit_section strong.type_02:before{position:absolute;top:0;left:0;display:block;width:1px;height:19px;content:'';border-left:2px solid #1d1d1b}
  .tit_section strong:before{position:absolute;content:''}
  .tit_section span:before{font-weight:bold;position:absolute;top:0;left:0;display:block;width:2px;height:17px;content:'';color:#666}
  .tit_section span{position:relative;padding:0;color:#bb1919}
  .main_avi .item_photo{position:relative;display:block;overflow:hidden;width:100%;height:0;margin:0 auto 30px;padding-bottom:55%;text-align:center}
  .main_avi .item_photo > a,.main_avi .item_photo > div{display:block;box-sizing:border-box;width:100%;height:0;transition:.3s;opacity:1}
  .main_avi .item_photo > a:before,.main_avi .item_photodiv:before{position:absolute;z-index:100;top:0;left:0;display:block;width:100%;height:100%;content:'';transition:.3s;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,.8) 100%)}
  .main_avi .item_photo.c_02{background:#d3dcdc}
  .main_avi .item_photo .tit_area{position:absolute;z-index:110;bottom:0;width:100%;margin:0 auto;transition:.2s;color:#fff}
  .main_avi .item_photo .tit_area .tit{font-size:20px;line-height:1.2;margin-bottom:10px;padding:0 10px;text-align:left}
  .main_avi .item_photo .tit_area .tit_sub{font-size:16px;display:inline-block;margin:0 30px;color:#fff}
  .main_avi .item_photo .pic_area{overflow:hidden;width:100%}
  .main_avi .item_photo .pic_area img{width:100%;transition:.4s}
  .main_avi .item_photo .icon_wrap{font-size:17px;line-height:36px;position:absolute;width:38px;height:38px;color:#fff;background:#333}
  .main_avi .item_photo .icon_wrap .ion{}
  .wrap_list_box{display:block;overflow:hidden;padding:0 5px}
  .wrap_list_box .item_photo{position:relative;display:block;float:left;overflow:hidden;width:49%;height:0;margin-right:2%;margin-bottom:20px;padding-bottom:52%;text-align:left;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}
  .wrap_list_box .item_photo.v_02 .pc{display:none}
  .wrap_list_box .item_photo.v_02 .m{display:block}
  .wrap_list_box li:nth-child(2n){float:right;margin-right:0}
  .wrap_list_box .item_photo > a,.wrap_list_box .item_photo > div{display:block;box-sizing:border-box;width:100%;transition:.3s;opacity:1}
  .wrap_list_box .item_photo > a:before,.wrap_list_box .item_photodiv:before{position:absolute;z-index:100;top:0;left:0;display:block;width:100%;height:100%;content:'';transition:.3s;opacity:0;background:rgba(0,0,0,.2)}
  .wrap_list_box .item_photo.c_02{background:#d3dcdc}
  .wrap_list_box .item_photo .tit_area{z-index:110;bottom:0;overflow:hidden;width:100%;height:70px;margin:0 auto;padding:10px 0 5px;transition:.2s;color:#666;background:#fff}
  .wrap_list_box .item_photo .tit_area .tit{font-size:12px;line-height:1.5;position:relative;min-height:40px;margin:3px 4px 0 5px;padding:4px 0 0}
  .wrap_list_box .item_photo .tit_area .date{font-size:11px;display:inline-block;float:left;margin:4px 10px}
  .wrap_list_box .item_photo .tit_area .tit:before{position:absolute;top:-1px;left:0;display:block;width:14px;content:'';border-top:2px solid #eb5e1a}
  .wrap_list_box .item_photo .pic_area{overflow:hidden;width:100%;height:0;padding-bottom:55%}
  .wrap_list_box .item_photo .pic_area img{width:100%;transition:.4s}
  .wrap_list_box .item_photo .icon_link{font-size:34px;line-height:45px;position:absolute;z-index:100;top:0;left:0;display:block;width:45px;height:45px;transition:.5s;text-align:center;opacity:0;color:#fff;background:#333}
  .wrap_list_box.more{display:none}
  .wrap_list_box.more.on{display:block}
  .btn_more{font-size:22px;line-height:45px;display:block;float:none;width:100%;height:45px;margin: 0 auto 10px;padding:0 60px;text-align:center;vertical-align:middle;letter-spacing:5px;color:#fff;border-radius:5px;background:#2f2f2f;}
}
#footer{font-size:14px;margin:0 auto;padding:30px 0;color:#666;border-top:1px solid #ddd;background:#e4e4e4;box-shadow:1px 4px 5px rgba(90,90,90,.35)}
#footer .copy{line-height:25px;display:block;height:25px;min-height:auto;margin:0 auto 0;text-align:center}
#footer .copy .ion{margin-right:5px}