/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   html.with-fancybox body.hide-scrollbar
    {
   width: auto;
    margin-right: 0 !important;
    overflow: auto !important;
    overscroll-behavior-y: none;
   }   
   #slide_fancy { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;           
                  justify-content   : center;           background          : #f7f7f7;          padding             : 2.5em 0;      }
   #slide_fancy .wrap
                { width             : 98%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;}
   #slide_fancy .wrap .titWrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;}               
   #slide_fancy .wrap .titWrap .line
                { width             : 5em;              height              : max(2px,0.25em);   background          : #333333;          }                              
   #slide_fancy .wrap .titWrap .topTit
                { font-size         : 1.57em;           line-height         : 1em;              color               : #333;             margin              : 0.3em 0;}                          
   #slide_fancy .wrap .titWrap .topTit span
                { font-weight       : 700;              line-height         : inherit;          }               
   #slide_fancy .wrap .titWrap .subTit
                { line-height       : 1em;              }               
   #slide_fancy .wrap .tabWrap
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : repeat(auto-fit, minmax(6.5em, 6.5em));
                  gap               : 0 1.5em;          justify-content     : center;           justify-items       : center;           align-items         : center;           
                  margin            : 2em 0 0em;}               
   #slide_fancy .wrap .tabWrap .tab
                { width             : 100%;             height              : auto;             line-height         : 1em;              padding             : 0.5em 0;
                  color             : #fff;             background          : #333;             text-align          : center;           transition          : .2s;
                  cursor            : pointer;}
   #slide_fancy .wrap .tabWrap .tab:hover
                { background        : #777;             transition          : .2s;}       
   #slide_fancy .wrap .tabWrap .tab.on
                { background        : #0068b6;          pointer-events      : none;}    
   #slide_fancy .wrap .slideWrap
                { width             : 100%;             height              : auto;             margin-top          : 1em;}         
   #slide_fancy .wrap .slideWrap .swiper
                { display           : none;}   
   #slide_fancy .wrap .slideWrap .swiper.on
                { display           : flex;}    
   #slide_fancy .wrap .slideWrap .swiper a
                { width             : 100%;             height              : 100%;             display             : block;
                  aspect-ratio      : 456 / 298;}
   #slide_fancy .wrap .slideWrap .swiper img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}             
                
                          
@media(max-width : 640px) {             
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #slide_fancy .wrap .tabWrap
                { gap               : 0 1em;}                
                         
                         
}