body{ margin:0; padding:0;

 background:#1b1b1b;
overflow: visible;
min-width:1180px !important;
}
body.lock{ width:100vw; height:100vh;  min-width:1180px !important; overflow: hidden;}
.fx_cnt{ width:100vw; height:100vh;  min-width:1180px !important; overflow: auto;
display:flex; 
flex-wrap: wrap;
justify-content: center ;
align-items:center; position:relative;
}
#vid_cnt .fx_cnt{ width:100%; height:100%; overflow: auto; }

.all_cnt_outer{ z-index:1000; width:980px; height:744px; display:block; border:0px solid #444; position:relative}
.all_cnt{ z-index:1000; width:100%; height:100%; display:block; border:0px solid #fff; position:relative}
.item_nv{ width:100%; height:744px !important; padding-bottom:30px;  background:#1b1b1b;
display:block;
/*
display:flex !important; 
flex-wrap: wrap;
justify-content: center ;
align-items:center;
*/


}
.slick-vertical .slick-slide,
.all_cnt .slick-vertical .slick-slide{border:0 !important}

.modal-backdrop{min-width:1180px !important; overflow: auto;}
#fx_back{ width:100vw; height:100vh;  min-width:1180px !important; overflow: auto;
display:flex; 
flex-wrap: wrap;
justify-content: center ;
align-items:center; position:relative; 
}
.back_outer { background:#fff;
    z-index: 5000;
    width: calc(980px - 0px);
    height: calc(714px - 0px);
    display: block;
    border: 0px solid #444; margin:0px auto 30px auto;
    position: relative;
}

#dlogo_btn{ width:240px; height:120px; display:block; float:left; cursor:pointer; position:relative; z-index:10;}

.slick-list,
.slick-track{  height:100%; width:100%;  }
.cpp{ height:100%; width:100%; display:block}


#fx_cnt .slick-dots{ width:50px; display:flex; 
flex-wrap: wrap;
justify-content: flex-start ;
align-content: center ;
align-items:center; top:50%; margin-top:-165px; right:-80px; height:300px; }
#fx_cnt .slick-dots li{ float:none; clear:left; overflow:hidden; /*width:40px;*/ width:32px;  
height:3px;

 margin:6px 0 6px 0; display:block; background:#484848; opacity:0; }
 
#fx_cnt .inner_cnt .slick-dots li{opacity:1; }
#fx_cnt  .slick-dots li.slick-active.fx{opacity:1; }
#fx_cnt #mm .slick-dots li{opacity:1; }
#fx_cnt #media_slide_cnt .slick-dots li{opacity:1; }


  
#fx_cnt .slick-dots button{/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;*/
background:#484848; display:block; width:32px; height:3px;  overflow: hidden; background:#484848; opacity:0; display:none;}
#fx_cnt  .slick-dots li button::before{ content:'';}
#fx_cnt.on .all_cnt  .slick-dots li ,
#fx_cnt.on .all_cnt  .slick-dots li button,
#fx_cnt .slick-dots li.slick-active,
#fx_cnt .slick-dots li.slick-active button{  background:#bbb ;} 

#fx_cnt.abs_on .slick-dots li button,
#fx_cnt.abs_on .slick-dots li.slick-active button{  background:#484848;} 
/*
#fx_cnt .slick-dots li button{ opacity:0}
*/

#fx_cnt  button.slick-arrow{ display:none !important}


/*---------------------effect---------------------*/
body{ overflow: hidden;}
.fx_cnt{ 
 z-index:1;
}

#fx_back{ width:100vw; height:100vh; overflow: auto;
display:flex; 
flex-wrap: wrap;
justify-content: center ;
align-items:center; position: absolute; left:0; top:100vh;
 z-index:5000; display:none
}
/*---------------------effect---------------------*/

#vid_cnt .slick-arrow{ display: none !important;}
#vid_cnt .in_itt { height:714px; width:980px;}

.inner_cnt{ width:100%; height:100%; border:0px solid #f00;}
.inner_cnt .in_itt{ width:100%; height:100% !important; border:0px solid #444;}
.inner_cnt .in_itt.frame_two, 
.inner_cnt .in_itt.frame_four{ position:relative}

.inner_cnt .in_itt .ffimg{ position:absolute; display:block;}

.inner_cnt .in_itt.frame_four .ffimg_1{ width:75%; /*height:calc(60.5% + 120px);*/  height:calc(51.7% + 120px);  top:0; right:0;}
.inner_cnt .in_itt.frame_four .ffimg_2{ width:25%;   height:calc(51.7% + 120px);  top:0; left:0;}

.inner_cnt .in_itt.frame_four .ffimg_3{ width:50%;/* height:22.8%; */ /*height:23% ;*/ height:163px; overflow:hidden; bottom:0; left:0;}
/*
.inner_cnt .in_itt.frame_four .ffimg_4{ width:75%; height:22.8%; bottom:0; right:0;}
*/

.inner_cnt .in_itt.frame_two .ffimg_1{ width:100%; /*height:calc(60.5% + 120px);*/   height:calc(51.7% + 120px); top:0; left:0;}
.inner_cnt .in_itt.frame_two .ffimg_2{  width:25%;/* height:22.8%;*/ /*height:22.9%;*/ height:163px; overflow:hidden; bottom:0; left:0;}
.inner_cnt .in_itt.frame_two .ffimg_3{ width:25%; /*height:22.8%;*/ /*height:22.9%;*/ height:163px;overflow:hidden;   bottom:0; left:25%;}


/*
#fx_cnt .inner_cnt button.slick-arrow{ display:blocak !important}

#fx_cnt .inner_cnt .slick-arrow:focus,
#fx_cnt .inner_cnt .slick-arrow:hover,
#fx_cnt .inner_cnt .slick-arrow{ width:23px; height:45px;

 -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-color:transparent;
z-index:1;  background-position:50% 50%;
} 

#fx_cnt .inner_cnt .slick-prev{  left:10px;}
#fx_cnt .inner_cnt .slick-next{ right:10px;}


#fx_cnt .inner_cnt .slick-prev:focus,
#fx_cnt .inner_cnt .slick-prev:hover,
#fx_cnt .inner_cnt .slick-prev{   z-index:300; border:0px solid #f00;
 background-image:url(../images/arrow_l_w.png);}

#fx_cnt .inner_cnt .slick-next:focus,
#fx_cnt .inner_cnt .slick-next:hover,
#fx_cnt .inner_cnt .slick-next{   z-index:300; border:0px solid #f00;
 background-image:url(../images/arrow_r_w.png); }
 
#fx_cnt .inner_cnt .slick-prev::before,
#fx_cnt .inner_cnt  .slick-next::before{ content:"";}
*/


#fx_cnt #mm button.slick-arrow{ z-index:5000;display:none !important}
#fx_cnt #mm button.slick-arrow.slick-disabled{ visibility:hidden}
#mm  .slick-arrow:focus,
#mm   .slick-arrow:hover,
#mm   .slick-arrow{ width:23px; height:45px;

 -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:none;
background-color:transparent;
z-index:1;  background-position:50% 50%;
} 

#mm    .slick-prev{  left:10px;}
#mm   .slick-next{ right:10px;}


#mm   .slick-prev:focus,
#mm   .slick-prev:hover,
#mm   .slick-prev{   z-index:300; border:0px solid #f00;
 background-image:url(../images/arrow_l_wx.png);}

#mm   .slick-next:focus,
#mm   .slick-next:hover,
#mm   .slick-next{   z-index:300; border:0px solid #f00;
 background-image:url(../images/arrow_r_wx.png); }
 
#mm   .slick-prev::before,
#mm    .slick-next::before{ content:"";}


a.ar{ /*width:23px; height:45px;

 -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-color:transparent; opacity:0;
z-index:1000;  background-position:50% 50%; position: absolute; top:calc(357px - 143px); cursor:pointer*/ display:none;}
a.ar.a1{  left:20px;}
a.ar.a2{ right:20px;} 
a.ar.a1{  /*  background-image:url(../images/arrow_l_wx.png);*/}
a.ar.a2{  /*  background-image:url(../images/arrow_r_wx.png);*/}
#data_cnt.arr_on a.ar{ opacity:1;}

#fx_cnt.abs_on a.ar.a1,
#fx_cnt.abs_on a.ar.a2{ visibility:hidden} 

.copyright{ position:absolute;transform: scale(0.9);   z-index:7010; left:6px; bottom:2px; color:#fff; font-size:12px; opacity:0.25 }


#fx_cnt .slick-vertical .slick-slide{border-top:0 !important;}
#fx_cnt  .slick-dotted.slick-slider{ margin:0;}
#fx_cnt .inner_cnt .slick-dots{ width:200px; display:flex; z-index:500000; 
flex-wrap: wrap;
justify-content: center ;
align-content: center ;
align-items:center; top: inherit; bottom:-36px; margin:0 0 0 -100px; right:inherit; left:50%; height:30px;}
#fx_cnt .inner_cnt .slick-dots li{ float:left; overflow:hidden; width:16px; height:17px; /*margin:0 7px 0 7px ;*/ margin:0; padding:0; display:block; background:0;
position:relative
}
#fx_cnt .inner_cnt .slick-dots li.slick-active button::before{ display:none;}
#fx_cnt .inner_cnt .slick-dots li.slick-active{  background:0;}
#fx_cnt .inner_cnt .slick-dots li button{ opacity:1;  background:#484848; width:100%; height:3px; margin:0; padding:0; position:absolute; left:0; top:7px;   display:inline-block;  }
#fx_cnt .inner_cnt .slick-dots li.slick-active button{ background:#bbb;}
#fx_cnt.on .inner_cnt .slick-dots{ opacity:0}
#fx_cnt.abs_on .inner_cnt .slick-dots li.slick-active button,
#fx_cnt.abs_on .inner_cnt .slick-dots li button{ background:#484848;}

/*-------------------------------------------------*/
#fx_cnt .one_sld{ position:absolute; width:100%; height:0; top:720px; left:0; display:flex;text-align:center; justify-content: center ;
align-content: center ;
align-items:center;}

#fx_cnt .one_sld .slick-dots{ width:200px; display:flex; z-index:500000; 
flex-wrap: wrap;
justify-content: center ;
align-content: center ;
align-items:center;   margin:0 auto; right:inherit;   height:30px;}
#fx_cnt .one_sld .slick-dots li{ float:left; overflow:hidden; width:16px; height:17px; /*margin:0 7px 0 7px ;*/ margin:0; padding:0; display:block; background:0;
position:relative; opacity:1;
}
#fx_cnt .one_sld .slick-dots li.slick-active button::before{ display:none;}
#fx_cnt .one_sld .slick-dots li.slick-active{  background:0;}
#fx_cnt .one_sld .slick-dots li button{ opacity:1;  background:#484848; width:100%; height:3px; margin:0; padding:0; position:absolute; left:0; top:7px;   display:inline-block;  }
#fx_cnt .one_sld .slick-dots li.slick-active button{ background:#bbb;}
#fx_cnt.on .one_sld .slick-dots{ opacity:0}
#fx_cnt #mm_slider.pos-rel .slick-list{ overflow:visible; }
 #fx_cnt #mm_slider.pos-rel  .one_sld .slick-dots{ bottom:auto; top:0;  }
#fx_cnt.on #mm_slider.pos-rel .one_sld .slick-dots{ opacity:1}
/*-------------------------------------------------*/





/*------------aj one--------------*/
#vid_cnt  .slick-dotted.slick-slider{ margin:0;}
#vid_cnt .inner_cnt .slick-dots{ width:32px; display:flex; z-index:500000; 
flex-wrap: nowrap;
justify-content: center ;
align-content: center ;
align-items:center; top: inherit; bottom:-30px; margin:0 0 0 -16px; right:inherit; left:50%; height:30px;}
#vid_cnt .inner_cnt .slick-dots li{ float:left; overflow:hidden;width:17px; height:17px; margin:0 0 0 0 ; display:block; background:0; position:relative}

#vid_cnt .inner_cnt .slick-dots li.slick-active button::before{ display:none;}
#vid_cnt .inner_cnt .slick-dots li.slick-active{  background:0;}
#vid_cnt .inner_cnt .slick-dots li button{ opacity:1;  background:#484848; width:100%; height:3px; margin:0; padding:0; position:absolute; left:0; top:13px;   display:inline-block;  }
#vid_cnt .inner_cnt .slick-dots li.slick-active button{ background:#bbb;}

#vid_cnt.on .inner_cnt .slick-dots{ opacity:0}
/*------------aj one--------------*/




#fx_cnt  .slick-dotted.slick-slider{ margin:0;}

#fx_cnt #mm_slider { z-index:100; padding:0 !important; height:714px; width:980px;   border:0px solid #1b1b1b;}
#fx_cnt #mm_slider .slick-dots{ width:32px; display:flex; z-index:500000; 
flex-wrap: nowrap;
justify-content: center ;
align-content: center ;
align-items:center; top: inherit; bottom:-36px; margin:0 0 0 -16px; right:inherit; left:50%; height:30px;}
/*
#fx_cnt #mm_slider .slick-dots li{ float:left; overflow:hidden; width:3px; height:3px; margin:0 7px 0 7px ; display:block; background:#484848;}
#fx_cnt #mm_slider .slick-dots li.slick-active{  background:#bbb;}
*/

#fx_cnt #mm_slider  .slick-dots li{ float:left; overflow:hidden; width:50%; height:17px; /*margin:0 7px 0 7px ;*/ margin:0; padding:0; display:block; background:0;
position:relative
}
#fx_cnt #mm_slider .slick-dots li.slick-active button::before{ display:none;}
#fx_cnt #mm_slider  .slick-dots li.slick-active{  background:0;}
#fx_cnt #mm_slider  .slick-dots li button{ opacity:1;  background:#484848; width:100%; height:3px; margin:0; padding:0; position:absolute; left:0; top:7px;   display:inline-block;  }
#fx_cnt #mm_slider  .slick-dots li.slick-active button{ background:#bbb;}

#fx_cnt #mm_slider .mms_item{ overflow:hidden}

  .mms_item_row.row{  height:calc(100% + 20px); width:calc(100% + 20px) ; margin:-10px -10px -10px -10px;  padding:0;align-items:flex-start; align-content: flex-start ;  }
  #mm{ position:absolute; opacity:0; z-index:-100; left:0%; top:0%; width:100%; overflow:hidden; /*height:calc(100% - 30px);*/ height:100%; padding:0 0 30px 0; margin:0 0 0 0;  }
  #mm_bg{ position:absolute; width:100%; height:100%; z-index:1; position:absolute; left:0; top:0; height:calc(100% - 30px); background:#1b1b1b;}
#mm .mmt{ padding:10px; height:25%; position:relative;}
#mm .rgg{ width:100%; height:100%; display:flex; position:relative; background-color:rgba(0,0,0,0.2);
flex-wrap: wrap;
justify-content: center ;
align-content: flex-end ;
align-items:flex-end; cursor:pointer;   z-index:300;
}
#mm .rgg span.ani{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:1; left:0; top:0; position:absolute; z-index:1;}
#mm .rgg:hover span.ani{ opacity:0;}
#mm .rgg p{ border-top:1px solid #fff; width:90%; padding:6px; font-size:12px; line-height:16px; height:32px; color:#fff; z-index:100;}


#op_mm2,
#op_mm{ width:50px; height:300px; background:0; display:block; position:absolute; z-index:5000;  top: 50%; margin:-150px 0 0 0; right:-70px; text-decoration:none; letter-spacing:-1px; font-size:12px; color:#fff; line-height:40px; cursor:pointer; text-align:center}
#fx_cnt.on #mm{ position:absolute; opacity:1; z-index:6000;}
#fx_cnt.on .all_cnt{ z-index:1}
#fx_cnt.on  #op_mm{ background:0}
#fx_cnt.on2{  opacity:0;}

#logo_cnt{ position:absolute; left:0px; top:0; display:block;width:calc(100% - 0px);height:120px; z-index:5000; background:url(../images/logo_header.png) no-repeat 0 0; border:1px solid rgba(255,255,255,0.7); border-bottom:0;}
#logo_cnt2{ position: static;   width:100%; height:120px; z-index:5000; background:url(../images/tmp/ttt.jpg) no-repeat 0 0;}
.show_msg #logo_cnt{  background:url(ttt.jpg) no-repeat 0 0;}
#fx_cnt.on  #logo_cnt{ opacity:0;}

#data_cnt{ position: absolute; width:calc(100% - 0px); height:calc(100% - 150px); left:0px; top:120px; margin:0; padding:0; border:1px solid rgba(255,255,255,0.7); z-index:1200; }


#data_cnt .lt,
#data_cnt .rg{ position:absolute; display:block; padding:0;/* border:1px solid #f00*/}

#data_cnt .lt{ width:25%;left:0;}
#data_cnt .rg{ width:75%;right:0}

#data_cnt .ccl_1_lt{ top:0; height:490px; border-right:1px solid rgba(255,255,255,0.7);}
#data_cnt .ccl_1_rg{ top:0; height:490px;}

#data_cnt .ccl_2_lt{ bottom:162px; /*height:10.5%;*/ height:62px; border:1px solid rgba(255,255,255,0.7);;border-left:0; background:rgba(255,255,255,0.5);
/*display: block;*/
 display: flex;  
justify-content: flex-start ;
align-content: center ;
align-items:center;
}
#data_cnt .ccl_2_rg{ bottom:162px; /*height:10.5%;*/ height:62px; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.7);;border-left:0; border-right:0;}

#data_cnt .ccl_3_lt{ bottom:0;/* height:27.5%;*/ height:162px;  border-right:1px solid rgba(255,255,255,0.7);;} 

#data_cnt .ccl_3_rg{ bottom:0; /*height:27.5%;*/ height:162px; }

#inner_content{ position:absolute; border-left:1px solid rgba(255,255,255,0.7);; z-index:5; right:0; bottom:0; height:100%; /*width:66.5%;*/ width:489px; }

.inner_cnt  .slick-dots{ opacity:1;/*
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;*/
} 
.moving .inner_cnt  .slick-dots{opacity:0;}
.moving.moving_inner .inner_cnt  .slick-dots{opacity:1;}


#dot_cover{ display:none; width:100%; height:34px; background:#1b1b1b; /*1b1b1b*/ position: absolute; left:0; bottom:-4px; z-index:7000}
.moving #dot_cover{display:block; }
.moving.moving_inner #dot_cover{display:none; }
 
 #dot_cinner,
 #fix_dot_bar{ width:31.98px; height:3px; display:block; background:#484848; position: absolute; margin-left:-16px; left:50%;   }
 
 #fix_dot_bar{ z-index:100; bottom:8px;  }
 #dot_cover  #dot_cinner{   bottom:12px; }
 
 .in_tb{ position: static; width:100%; font-size:12px; line-height:16px; padding:0 0 0 20px; color:#fff; margin:0; font-weight:300;  
 /*transform: scale(0.9);*/
 }
 .in_tb td,
 .in_tb th{ vertical-align: top; line-height:16px;}

 .in_tb{ opacity:0; z-index:1; display: none;}
 .in_tb.cr{ opacity:1; z-index:1;  }
 
 .in_tb.cr td{ padding-top:0; padding-bottom:0;}
 
 
 .in_msg{ position: absolute; left:0; top:0; font-size:12px; height:100%; width:100%; line-height:13px; color:#fff; margin:0; }
 .in_msg h3{  font-size:14px; line-height:14px; padding:0px; color:#fff; margin:0 0 18px 0; padding:0; font-weight:300; }
 .in_msg p{  font-size:12px; line-height:16px; padding:0px; color:#aaa; margin:0; padding:0; font-weight:300; text-align:justify}
 .in_msg{ opacity:0; z-index:1}
 .in_msg.cr{ opacity:1; z-index:20}
 .in_msg .cr_msg_cnt{ width:100%; height:100%; padding:20px;}
 
 #in_video_cnt{ border:0px solid #f00; display:block; position:relative; height:40px; float:right; width:100px;}
 .in_video{ cursor:pointer; height:40px; width:22px; margin:18px 18px 0 0; position:relative; display:none; float:right}
 .in_video.cr{  display:inline-block; }
 .in_video p{
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 18px;
border-color: transparent transparent transparent #ffffff;
 }
 
 
 
 #myModal.video{ opacity:0 }
 #myModal.video.show{ opacity:1 }
 
 #myModal.video .modal-dialog{  display: flex; min-height:100vh; border-radius:0; border:0; background:0;flex-wrap: wrap;
justify-content: center ;
align-content: center ;
align-items:center;}
 #myModal.video .modal-content{ border-radius:0; border:0; background:0}
 #myModal.video  .modal-body{ padding:0;  border:0px solid #fff; background:rgba(0,0,0,0.7)}
 #myModal.video  .modal-body.onhomebody{ padding:0;  border:0; background:none; opacity:0}
 #myModal.video  .modal-body.onhomebody.on{  opacity:1}
 
  #myModal.video .btn-close{opacity:1;  margin:0; padding:0; width:40px; height:20px;  position:relative; background:0;}
  #myModal.video .btn-close i{ height:3px; width:26px; display:inline-block; background:#fff; position:absolute;}
  #myModal.video .btn-close i.a{ /* transform: rotate(45deg);*/ top:1px; right:10px; }
  #myModal.video .btn-close i.b{  transform: rotate(-45deg); top:10px; right:10px; display:none; }
  #myModal.video  .video_msg{ color:#fff; padding:15px; font-size:12px;}
  
  
 #aj_myModal.video{ opacity:0 }
 #aj_myModal.video.show{ opacity:1 }
 
 #aj_myModal.video .modal-dialog{  display: flex; min-height:100vh; border-radius:0; border:0; background:0;flex-wrap: wrap;
justify-content: center ;
align-content: center ;
align-items:center;}
 #aj_myModal.video .modal-content{ border-radius:0; border:0; background:0}
 #aj_myModal.video  .modal-header{ background:0; border:0; padding:0; text-align:right}
 #aj_myModal.video  .modal-body{ padding:0;  border:1px solid rgba(255,255,255,0.7); background:rgba(0,0,0,0.7)}
 #aj_myModal.video  .modal-body.onhomebody{ padding:0;  border:0; background:none; opacity:0}
 #aj_myModal.video  .modal-body.onhomebody.on{  opacity:1}
/* 
  #aj_myModal.video .btn-close{opacity:1;  margin:0; padding:0; width:40px; height:20px;  position:relative; background:0;}
  #aj_myModal.video .btn-close i{ height:3px; width:26px; display:inline-block; background:#fff; position:absolute;}
  #aj_myModal.video .btn-close i.a{  top:1px; right:10px; }
  #aj_myModal.video .btn-close i.b{  transform: rotate(-45deg); top:10px; right:10px; display:none; }
  */
  #aj_myModal.video  .video_msg{ color:#fff; padding:15px; font-size:12px;}
  #aj_myModal.video .btn-close{opacity:1;  margin:0; padding:0; width:60px; height:100%; background:rgba(0,0,0,0);  display:block; position:absolute; top:0; right:-70px;}
  
  
  
 #aj_myModal.video  .modal-header,
 #aj_myModal.video  .modal-footer,
 #myModal.video  .modal-header,
 #myModal.video  .modal-footer{ height:20px;  background:0; width:100%; border:0; padding:0; text-align:right}
 
 #myModal.video  .modal-footer{ height:30px;  }
  
  
  
 .op_detail{ width:25px; height:25px; display:block; text-align:center; line-height:40px; font-weight:bold; text-decoration:none; font-size:40px; color:#fff; position:absolute; right:20px; bottom:20px; cursor:pointer}
  .op_detail .cnt{ width:25px; height:25px; display:block; position:relative;}
    .op_detail .cnt i{ display:block; height:3px; width:25px; position:absolute;}
  .op_detail .cnt i.a{    top:11.5px; left:0;   }
  .op_detail .cnt i.b{  transform: rotate(90deg); top:11.5px; left:0;; }
  
    .op_detail *{ display:none !important;}
.op_detail{ background:url(../images/cross_w.png) no-repeat 50% 50%;} 
  
  
 #op_msg_cnt{ background:#fff; position:absolute; left:0; top:0; width:980px; height:calc(100% - 121px); z-index:4000; display: block}
 #op_msg_cnt .op_msg {display:flex; flex-wrap: wrap;
justify-content: center ;
align-content: center ;
align-items:center; width:100%; height:100%; display: block; position: relative;}
 #op_msg_cnt .op_msg h3#spp_img2_tt,
 #op_msg_cnt .op_msg h3 #spp_tt{ font-size:14px; line-height:25px; color:#000;  font-weight:300; margin:0 0 0 0; }
 #op_msg_cnt .op_msg p{ }
 #op_msg_cnt .opm{ display:block; float:left; height:100%; padding:22px 20px 20px 20px;}
 #op_msg_cnt .opm h3.col-12{ display:flex ;align-items:flex-start; justify-content: space-between ; min-height:30px;}
 #op_msg_cnt .opm.lt{ width:50%; /*border-top:1px solid #999999;*/ overflow:auto} 
 #op_msg_cnt .opm.rg{ width:50%; /*border-top:1px solid #999999;*/ /*border-left:1px solid #999999;*/ padding:20px 21px 20px 20px; overflow:auto}
 .show_msg   #op_msg_cnt{ display:block}
 .opbtn{   width:25px; height:25px; overflow:hidden; text-align:center;  padding:0; float:right; border:0 !important;}
  .opbtn:hover{  }
   #op_msg_cnt .opm h3.col-12  .opbtn{ margin-top:0;}
    #op_msg_cnt .op_msg_line{ width:0; height:calc(100% - 20px); border-right:1px solid #999;  position:absolute; bottom:20px; left:50%;}
   #op_msg_cnt .opm.rg p{ font-size:12px; font-weight:300; line-height:16px;}
p#spp_msg{ text-align:justify; opacity:0.7}
.op_msg .imp1{ display:block }
.op_msg .imp2{ display:none }
/*
.op_msg .op_plan .on{ display: block}
.op_msg .op_plan .off{ display: none}
*/
.op_msg .op_plan  .on { width:25px; height:25px; display:block; position:relative;}
.op_msg .op_plan  .on i{ display:block; height:3px; width:25px; position:absolute; background:#757575}
.op_msg .op_plan  .on i.a{    top:11.5px; left:0;   }
.op_msg .op_plan  .on i.b{  transform: rotate(90deg); top:11.5px; left:0;; }
  
.op_msg .op_close   .off { width:25px; height:25px; display:block; position:relative;}
.op_msg .op_close   .off i{ display:block; height:3px; width:25px; position:absolute; background:#757575}
.op_msg .op_close  .off i.a{    top:11.5px; left:0;   }
  
.op_msg .op_plan .on{ background:url(../images/cross_g.png) no-repeat 50% 50%;} 
.op_msg .op_close .off{ background:url(../images/cross_goff.png) no-repeat 50% 50%;} 


.op_msg.on .imp1{ display:none }
.op_msg.on .imp2{ display:block }
.op_msg.on .op_plan .on{ display: none}
.op_msg.on .op_plan .off{ display: block} 

.op_msg .op_plan  .on i,
.op_msg .op_close .off i.a,
.op_msg .op_plan .on *,
.op_msg .op_close .off *{visibility:hidden; display:none !important}

.mb_only{ display:none}
.modal-backdrop.show{ opacity:1 !important}

.abs_ov{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
/*
#aoc_out_bg{ width:100%; height:100%; padding:0; display:block; position:absolute; top:0; left:0; opacity:0; z-index:-100;}
#aoc_out_bg_cnt{ width:100%; height:100%; display:block; position: relative;  }
#aoc_out_bg_cnt span{ display:block; position:absolute;  }
#aoc_out_bg_cnt .line1{ left:0;top:490px;  height:10.5%;  height:61px; width:100%; border:1px solid #fff; border-left:0; border-right:0;  }
#aoc_out_bg_cnt .line2{ left:0;top:0%; height:100%; width:25%; border-right:1px solid #fff;   }
*/

#aoc_out_cnt{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; opacity:0; z-index:-1;}
#aoc_out_cnt.on{ opacity:1; z-index:50000;}
#aoc_out_bg.on{ opacity:1; z-index:10;}




#aoc_cnt{width:100%; height:100%; display:block; position: relative; display:block;  }
#aoc_cnt.oh{ }
#aoc_out_cnt.on #aoc_cnt{   display: block} 
#aoc_out_cnt .aoc_top  .noSwipe  br{ line-height:18px;     } 
#aoc_out_cnt.on .noSwipe{   } 
#aoc_out_cnt  .cvs{ display:block;  width:100%; height:100%; display:block; background:rgba(255,255,0,0); position:absolute; left:0; top:0;}
#aoc_out_cnt.on .cvs{  display:none;   } 

#aoc_cnt div{ border:0px solid #f00;}
#aoc_cnt .aoc_top{width:100%; height:490px; display:block; position:  absolute; right:0; top:0; z-index:50; }
 
#aoc_cnt .aoc_contact{width:25%; /*height:27.5%;*/ height:162px;  display:block; position:  absolute; left:0; bottom:0; z-index:50} 
 
#aoc_cnt .aoc_contact p{ font-size:12px; line-height:16px; font-weight:300;   /*transform: scale(0.9);*/ padding:20px 0 0 20px; margin:0 !important; }

#aoc_cnt .aoc_top.aoc_content{ width:488px; padding:20px; opacity:1;z-index:100;overflow:hidden; visibility:hidden;}
.on #aoc_cnt .aoc_top.aoc_content{   visibility: visible;}
#aoc_cnt .aoc_top.aoc_media{  width:100%; padding:20px;opacity:0;z-index:-1;}
#aoc_cnt .aoc_top.aoc_media_cnt{ height:100%;}
#aoc_cnt.on .aoc_top.aoc_content{   opacity:0;z-index:-1;}
#aoc_cnt.on .aoc_top.aoc_media{  opacity:1;z-index:100;}
 

#aoc_cnt .aoc_top h2{ font-size:14px; line-height:14px; font-weight:300; margin:0 0 20px 0;}
#aoc_cnt .aoc_content *,
#aoc_cnt .aoc_content p{ font-size:12px; line-height:16px; margin:0; font-weight:300;  } 
#aoc_cnt .aoc_content p.noSwipe{  opacity:0.55} 
 

#aoc_cnt .aoc_s_media{ position:absolute; display:block; right:20px; top:calc(490px + 95px); height:30px;}
#aoc_cnt .aoc_s_media span,
#aoc_cnt .aoc_s_media a.btn-link{ padding:0 0 0 0; color:#fff; font-size:12px; line-height:30px; text-align:right}
#aoc_cnt .aoc_s_media span{line-height:40px; padding:0 2px 0 2px; display:inline-block }

#aoc_cnt .aoc_mtt{   padding:30px 0 0 0; position:relative;}

#aoc_cnt .abs_gom{ position:relative; width:25px; height:25px; cursor:pointer}

#aoc_cnt .abs_gom.b1{ float:right}
#aoc_cnt .abs_gom.b2{ position:absolute; top:13px; right:20px; z-index:50}
#aoc_cnt .abs_gom.b2.cnt{ position:relative; width:25px; height:25px; cursor:pointer}

#aoc_cnt .abs_gom i{ display:block; height:3px; width:25px; position:absolute;}
#aoc_cnt .abs_gom i.a{    top:11.5px; left:0;   }
#aoc_cnt .abs_gom i.b{  transform: rotate(90deg); top:11.5px; left:0;; }

#aoc_cnt .abs_gom i{display:none}
#aoc_cnt .abs_gom.b1{ margin-top:-6px; background:url(../images/cross_w.png) no-repeat 50% 50%;}
#aoc_cnt .abs_gom.b2{ background:url(../images/cross_off.png) no-repeat 50% 50%;}


#aoc_cnt span.le{ display:block; position:absolute; z-index:10  }
#aoc_cnt  span.le.line1{ left:0;top:490px; /*height:10.5%;*/ height:62px; width:100%; border:1px solid rgba(255,255,255,0.7); border-left:0; border-right:0; background:rgba(255,255,255,0.5)  }
#aoc_cnt  span.le.line2{ left:0;top:0%; height:100%; width:25%; border-right:1px solid rgba(255,255,255,0.7);   }

#aoc_cnt .absbg{ width:100%; height:100%; padding:0; display:block; position:absolute; top:0; left:0;  z-index:1;}

  .abs_logo_bg{ opacity:0; width:100%; height:100%; padding:0; display:block; position:absolute; top:0; left:0;  z-index:1;}
.abs_on .abs_logo_bg{ opacity:1; }
 .abs_on #aoc_cnt  span.le.line1{ opacity:0;  } 
 #aoc_cnt span.le.line2,
 #data_cnt,
 #logo_cnt{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;}
.abs_on #aoc_cnt span.le.line2,
.abs_on #data_cnt,
.abs_on #logo_cnt{ border-color:#c5c5c5;}
.sline{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
 width:1px;visibility: visible;  border-left:1px solid  rgba(255,255,255,0.7); height:100%;  position:absolute; top:0; left:calc(25% - 1px); z-index:100;}
.abs_on .sline{border-left:1px solid rgba(255,255,255,0.7); }
#media_slide_cnt { z-index:10; position:relative; width:100%; padding:0; height:100%; border:1px solid #d00;}
/*
#media_slide_cnt  .msi_cnt.row{ margin:0;}
#media_slide_cnt  .msi_cnt.row .col-3{ padding-right:5px !important;}
#media_slide_cnt  .msi_cnt h2{ height:45px; font-size:14px; margin:10px 0 0 5px; color:#fff; font-weight:normal;}
#media_slide_cnt  .mlist { padding:0 5px 0 5px}
#media_slide_cnt  .mlist a.mitem{ font-size:12px; line-height:13px; margin:0 0 16px 0; display:block; width:100%; overflow:hidden}
#media_slide_cnt  .mlist a.mitem span{ display:block;}
#media_slide_cnt  .mlist a.mitem span.b1{ color:#fff;}
#media_slide_cnt  .mlist a.mitem span.b2{ opacity:0.5}

*/
#media_slide_cnt  .media_slide_item  h2{ height:14px; margin:20px 0 20px 0; font-size:14px;font-weight:300;  color:#fff; font-weight:normal;}
#media_slide_cnt  .media_slide_item  { padding:0 20px 0 20px}
#media_slide_cnt  .media_slide_item  a.mitem{ font-size:12px; line-height:16px; font-weight:300; margin:0 0 16px 0; display:block; width:100%; overflow:hidden; cursor:pointer}
#media_slide_cnt  .media_slide_item  a.mitem span{ display:block;}
#media_slide_cnt  .media_slide_item  a.mitem span.b1{ color:#fff;  }
#media_slide_cnt  .media_slide_item  a.mitem span.b2{ opacity:0.55}

 


#media_slide_cnt  .slick-dotted.slick-slider{ margin:0;}
#media_slide_cnt  .slick-dots{ width:100px;   z-index:500000;display:flex; position: absolute;
flex-wrap: nowrap;
justify-content: center ;
align-content: center ;
align-items:center; top: inherit; /*bottom:-200px; */margin:0 0 0 -50px; right:inherit; left:50%; height:30px; background:#1b1b1b;}
#fx_cnt.abs_on #media_slide_cnt  {}
#fx_cnt.abs_on #media_slide_cnt  .slick-dots{  bottom:-146px; }
/*
#media_slide_cnt  .slick-dots li{ float:left; overflow:hidden; width:4px; height:4px; margin:0 4px 0 4px ; display:block; background:#484848;}
#media_slide_cnt  .slick-dots li.slick-active{  background:#bbb;}
*/

#media_slide_cnt .slick-dots li{ float:left; overflow:hidden;width:16px; height:17px; margin:0 0 0 0 ; display:block; background:0; position:relative}

#media_slide_cnt .slick-dots li.slick-active button::before{ display:none;}
#media_slide_cnt .slick-dots li.slick-active{  background:0;}
#fx_cnt.abs_on  #media_slide_cnt .slick-dots li button{ opacity:1;  background:#484848; width:100%; height:3px; margin:0; padding:0; position:absolute; left:0; top:0;   display:inline-block;  }
#fx_cnt.abs_on  #media_slide_cnt .slick-dots li.slick-active button{ background:#bbb;}



.ce1,
.le1,
.le2,
.le3,
.le4,
.le5,
.le7,
.le8,
.le6{ position:absolute;z-index:120000; display:block}
.le1{ border-left:1px solid #f00; width:1px; height:calc(100% - 33px); left:20px; top:0; }
.le2{ border-left:1px solid #f00; width:1px; height:calc(100% - 33px); left:490px; top:0; }
.le3{ border-right:1px solid #f00; width:1px; height:calc(100% - 33px); right:20px; top:0; }
.le4{ border-right:1px solid #f00; width:1px; height:calc(100% - 33px); right:470px; top:0; }
.le5{ border-top:1px solid #f00; width:100%; height:1px; top:120px; left:0; }
.le6{ border-top:1px solid #f00; width:100%; height:1px; top:140px; left:0; }
.le7{ border-top:1px solid #f00; width:100%; height:1px; left:0; bottom:53px; }
.le8{ border-top:1px solid #f00; width:100%; height:1px; left:0; bottom:173px; }
.ce1{ border-top:1px solid #f00; width:100%; height:1px; left:0; top:357px; }