.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.block{  display: block;}
.flex-shrink{ flex-shrink: 0 }

.text-center{ align-items:center}

.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}
.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w30{ width: 30%;}
.w32{ width: 32%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w49-5{ width: 49.5%;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w60{ width: 60%;}
.w64{ width: 64% }
.w65{ width: 65% }
.w70{ width: 70%;}
.w75{ width: 75%;}
.w48{ width: 48%;}
.w49{ width: 49%;}

.line-clamp{  word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp2{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp3{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp6{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp5{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp4{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

@media screen and (max-width:900px){
  
    .wap-none{ display: none !important;  }
    .wapFlex{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .wapFlexF{ flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
    .wapFlexC{ flex-direction: column; align-items: center; justify-content: center;}

    .line-height2-4,.line-height3,.line-height2-8{ line-height: 2;} 
    .infoImg img{ height: auto !important;}

    
    .wapMax{ width: 100% !important}
    .wapBold{ font-weight:bold; }
 
      
  }
  .line-height{ line-height: 2;}
  .color-white{ color: #fff;}
  .line-height2-4{ line-height: 2.4;}
.line-height2-8{ line-height: 2.8;}
.line-height1{ line-height: 1;}
.line-height1-6{ line-height: 1.6;}
.line-height3{ line-height: 3;}


/* padding */
.pt-5{ padding-top: 5px;}
.pl-5{ padding-left: 5px;}
.pr-5{ padding-right: 5px;}
.pb-5{ padding-bottom: 5px;}
.p5{ padding: 5px;}
.pt-10{ padding-top: 10px;}
.pl-10{ padding-left: 10px;}
.pr-10{ padding-right: 10px;}
.pb-10{ padding-bottom: 10px;}
.p10{ padding: 10px;}
.pt-15{ padding-top: 15px;}
.pl-15{ padding-left: 15px;}
.pr-15{ padding-right: 15px;}
.pb-15{ padding-bottom: 15px;}
.p15{ padding: 15px;}
.pt-20{ padding-top: 20px;}
.pl-20{ padding-left: 20px;}
.pr-20{ padding-right: 20px;}
.pb-20{ padding-bottom: 20px;}
.p20{ padding: 20px;}
.pt-25{ padding-top: 25px;}
.pl-25{ padding-left: 25px;}
.pr-25{ padding-right: 25px;}
.pb-25{ padding-bottom: 25px;}
.p25{ padding: 25px;}
.pt-30{ padding-top: 30px;}
.pl-30{ padding-left: 30px;}
.pr-30{ padding-right: 30px;}
.pb-30{ padding-bottom: 30px;}
.p30{ padding: 30px;}
.pt-40{ padding-top: 40px;}
.pl-40{ padding-left: 40px;}
.pr-40{ padding-right: 40px;}
.pb-40{ padding-bottom: 40px;}
.p40{ padding: 40px;}
.pt-50{ padding-top: 50px;}
.pl-50{ padding-left: 50px;}
.pr-50{ padding-right: 50px;}
.pb-50{ padding-bottom: 50px;}
.p50{ padding: 50px;}
.pt-60{ padding-top: 60px;}
.pl-60{ padding-left: 60px;}
.pr-60{ padding-right: 60px;}
.pb-60{ padding-bottom: 60px;}
.p60{ padding: 60px;}
.pt-70{ padding-top: 70px;}
.pl-70{ padding-left: 70px;}
.pr-70{ padding-right: 70px;}
.pb-70{ padding-bottom: 70px;}
.p70{ padding: 70px;}
.pt-100{ padding-top: 100px;}
.pl-100{ padding-left: 100px;}
.pr-100{ padding-right: 100px;}
.pb-100{ padding-bottom: 100px;}
.p100{ padding: 100px;}

/* margin */
.mt-5{ margin-top: 5px;}
.ml-5{ margin-left: 5px;}
.mr-5{ margin-right: 5px;}
.mb-5{ margin-bottom: 5px;}
.m5{ margin: 5px;}
.mt-10{ margin-top: 10px;}
.ml-10{ margin-left: 10px;}
.mr-10{ margin-right: 10px;}
.mb-10{ margin-bottom: 10px;}
.m10{ margin: 10px;}
.mt-15{ margin-top: 15px;}
.ml-15{ margin-left: 15px;}
.mr-15{ margin-right: 15px;}
.mb-15{ margin-bottom: 15px;}
.m15{ margin: 15px;}
.mt-20{ margin-top: 20px;}
.ml-20{ margin-left: 20px;}
.mr-20{ margin-right: 20px;}
.mb-20{ margin-bottom: 20px;}
.m20{ margin: 20px;}
.mt-25{ margin-top: 25px;}
.ml-25{ margin-left: 25px;}
.mr-25{ margin-right: 25px;}
.mb-25{ margin-bottom: 25px;}
.m25{ margin: 25px;}
.mt-30{ margin-top: 30px;}
.ml-30{ margin-left: 30px;}
.mr-30{ margin-right: 30px;}
.mb-30{ margin-bottom: 30px;}
.m30{ margin: 30px;}
.mt-40{ margin-top: 40px;}
.ml-40{ margin-left: 40px;}
.mr-40{ margin-right: 40px;}
.mb-40{ margin-bottom: 40px;}
.m40{ margin: 40px;}
.mt-50{ margin-top: 50px;}
.ml-50{ margin-left: 50px;}
.mr-50{ margin-right: 50px;}
.mb-50{ margin-bottom: 50px;}
.m50{ margin: 50px; }
.mt-60{ margin-top: 60px;}
.ml-60{ margin-left: 60px;}
.mr-60{ margin-right: 60px;}
.mb-60{ margin-bottom: 60px;}
.m60{ margin: 60px; }
.mt-70{ margin-top: 70px;}
.ml-70{ margin-left: 70px;}
.mr-70{ margin-right: 70px;}
.mb-70{ margin-bottom: 70px;}
.m70{ margin: 70px; }
.mt-100{ margin-top: 100px;}
.ml-100{ margin-left: 100px;}
.mr-100{ margin-right: 100px;}
.mb-100{ margin-bottom: 100px;}
.m100{ margin: 100px;}
.mlr{  margin-left: auto; margin-right: auto;} 
@media screen and (max-width:1600px) {
	/* padding */
  .pt-10{ padding-top: 8px;}
  .pl-10{ padding-left: 8px;}
  .pr-10{ padding-right: 8px;}
  .pb-10{ padding-bottom: 8px;}
  .p10{ padding: 8px;}
  .pt-15{ padding-top: 13px;}
  .pl-15{ padding-left: 13px;}
  .pr-15{ padding-right: 13px;}
  .pb-15{ padding-bottom: 13px;}
  .p15{ padding: 13px;}
  .pt-20{ padding-top: 16px;}
  .pl-20{ padding-left: 16px;}
  .pr-20{ padding-right: 16px;}
  .pb-20{ padding-bottom: 16px;}
  .p20{ padding: 16px;}
  .pt-25{ padding-top: 20px;}
  .pl-25{ padding-left: 20px;}
  .pr-25{ padding-right: 20px;}
  .pb-25{ padding-bottom: 20px;}
  .p25{ padding: 20px;}
  .pt-30{ padding-top: 26px;}
  .pl-30{ padding-left: 26px;}
  .pr-30{ padding-right: 26px;}
  .pb-30{ padding-bottom: 26px;}
  .p30{ padding: 26px;}
  .pt-40{ padding-top: 36px;}
  .pl-40{ padding-left: 36px;}
  .pr-40{ padding-right: 36px;}
  .pb-40{ padding-bottom: 36px;}
  .p40{ padding: 36px;}
  .pt-50{ padding-top: 40px;}
  .pl-50{ padding-left: 40px;}
  .pr-50{ padding-right: 40px;}
  .pb-50{ padding-bottom: 40px;}
  .p50{ padding: 40px;}
  .pt-60{ padding-top: 50px;}
  .pl-60{ padding-left: 50px;}
  .pr-60{ padding-right: 50px;}
  .pb-60{ padding-bottom: 50px;}
  .p60{ padding: 50px; }
  .pt-70{ padding-top: 60px;}
  .pl-70{ padding-left: 60px;}
  .pr-70{ padding-right: 60px;}
  .pb-70{ padding-bottom: 60px;}
  .p70{ padding: 60px;}
  .pt-100{ padding-top: 80px;}
  .pl-100{ padding-left: 80px;}
  .pr-100{ padding-right: 80px;}
  .pb-100{ padding-bottom: 80px;}
  .p100{ padding: 80px;}
  
  /* margin */
  .mt-10{ margin-top: 8px;}
  .ml-10{ margin-left: 8px;}
  .mr-10{ margin-right: 8px;}
  .mb-10{ margin-bottom: 8px;}
  .m10{ margin: 8px;}
  .mt-15{ margin-top: 13px;}
  .ml-15{ margin-left: 13px;}
  .mr-15{ margin-right: 13px;}
  .mb-15{ margin-bottom: 13px;}
  .m15{ margin: 13px;}
  .mt-20{ margin-top: 16px;}
  .ml-20{ margin-left: 16px;}
  .mr-20{ margin-right: 16px;}
  .mb-20{ margin-bottom: 16px;}
  .m20{ margin: 16px;}
  .mt-25{ margin-top: 20px;}
  .ml-25{ margin-left: 20px;}
  .mr-25{ margin-right: 20px;}
  .mb-25{ margin-bottom: 20px;}
  .m25{ margin: 20px;}
  .mt-30{ margin-top: 26px;}
  .ml-30{ margin-left: 26px;}
  .mr-30{ margin-right: 26px;}
  .mb-30{ margin-bottom: 26px;}
  .m30{ margin: 26px;}
  .mt-40{ margin-top: 36px;}
  .ml-40{ margin-left: 36px;}
  .mr-40{ margin-right: 36px;}
  .mb-40{ margin-bottom: 36px;}
  .m40{ margin: 36px;}
  .mt-50{ margin-top: 40px;}
  .ml-50{ margin-left: 40px;}
  .mr-50{ margin-right: 40px;}
  .mb-50{ margin-bottom: 40px;}
  .m50{ margin: 40px; }
  .mt-60{ margin-top: 50px;}
  .ml-60{ margin-left: 50px;}
  .mr-60{ margin-right: 50px;}
  .mb-60{ margin-bottom: 50px;}
  .m60{ margin: 50px; }
  .mt-70{ margin-top: 60px;}
  .ml-70{ margin-left: 60px;}
  .mr-70{ margin-right: 60px;}
  .mb-70{ margin-bottom: 60px;}
  .m70{ margin: 60px; }
  .mt-100{ margin-top: 80px;}
  .ml-100{ margin-left: 80px;}
  .mr-100{ margin-right: 80px;}
  .mb-100{ margin-bottom: 80px;}
  .m100{ margin: 80px;}
  
  .pglist{ margin-top: 50px }
  
  
  
  }
  
  @media screen and (max-width:1440px) {
	 /* padding */
  .pt-10{ padding-top: 6px;}
  .pl-10{ padding-left: 6px;}
  .pr-10{ padding-right: 6px;}
  .pb-10{ padding-bottom: 6px;}
  .p10{ padding: 6px;}
  .pt-15{ padding-top: 10px;}
  .pl-15{ padding-left: 10px;}
  .pr-15{ padding-right: 10px;}
  .pb-15{ padding-bottom: 10px;}
  .p15{ padding: 10px;}
  .pt-20{ padding-top: 15px;}
  .pl-20{ padding-left: 15px;}
  .pr-20{ padding-right: 15px;}
  .pb-20{ padding-bottom: 15px;}
  .p20{ padding: 15px;}
  .pt-25{ padding-top: 18px;}
  .pl-25{ padding-left: 18px;}
  .pr-25{ padding-right: 18px;}
  .pb-25{ padding-bottom: 18px;}
  .p25{ padding: 18px;}
  .pt-30{ padding-top: 24px;}
  .pl-30{ padding-left: 24px;}
  .pr-30{ padding-right: 24px;}
  .pb-30{ padding-bottom: 24px;}
  .p30{ padding: 24px;}
  .pt-40{ padding-top: 34px;}
  .pl-40{ padding-left: 34px;}
  .pr-40{ padding-right: 34px;}
  .pb-40{ padding-bottom: 34px;}
  .p40{ padding: 34px;}
  .pt-50{ padding-top: 35px;}
  .pl-50{ padding-left: 35px;}
  .pr-50{ padding-right: 35px;}
  .pb-50{ padding-bottom: 35px;}
  .p50{ padding: 35px;}
  .pt-60{ padding-top: 40px;}
  .pl-60{ padding-left: 40px;}
  .pr-60{ padding-right: 40px;}
  .pb-60{ padding-bottom: 40px;}
  .p60{ padding: 40px; }
  .pt-70{ padding-top: 50px;}
  .pl-70{ padding-left: 50px;}
  .pr-70{ padding-right: 50px;}
  .pb-70{ padding-bottom: 50px;}
  .p70{ padding: 50px;}
  .pt-100{ padding-top: 66px;}
  .pl-100{ padding-left: 66px;}
  .pr-100{ padding-right: 66px;}
  .pb-100{ padding-bottom: 66px;}
  .p100{ padding: 66px;}
  
  /* margin */
  .mt-10{ margin-top: 6px;}
  .ml-10{ margin-left: 6px;}
  .mr-10{ margin-right: 6px;}
  .mb-10{ margin-bottom: 6px;}
  .m10{ margin: 6px;}
  .mt-15{ margin-top: 10px;}
  .ml-15{ margin-left: 10px;}
  .mr-15{ margin-right: 10px;}
  .mb-15{ margin-bottom: 10px;}
  .m15{ margin: 10px;}
  .mt-20{ margin-top: 15px;}
  .ml-20{ margin-left: 15px;}
  .mr-20{ margin-right: 15px;}
  .mb-20{ margin-bottom: 15px;}
  .m20{ margin: 15px;}
  .mt-25{ margin-top: 18px;}
  .ml-25{ margin-left: 18px;}
  .mr-25{ margin-right: 18px;}
  .mb-25{ margin-bottom: 18px;}
  .m25{ margin: 18px;}
  .mt-30{ margin-top: 24px;}
  .ml-30{ margin-left: 24px;}
  .mr-30{ margin-right: 24px;}
  .mb-30{ margin-bottom: 24px;}
  .m30{ margin: 24px;}
  .mt-40{ margin-top: 34px;}
  .ml-40{ margin-left: 34px;}
  .mr-40{ margin-right: 34px;}
  .mb-40{ margin-bottom: 34px;}
  .m40{ margin: 34px;}
  .mt-50{ margin-top: 35px;}
  .ml-50{ margin-left: 35px;}
  .mr-50{ margin-right: 35px;}
  .mb-50{ margin-bottom: 35px;}
  .m50{ margin: 35px; }
  .mt-60{ margin-top: 40px;}
  .ml-60{ margin-left: 40px;}
  .mr-60{ margin-right: 40px;}
  .mb-60{ margin-bottom: 40px;}
  .m60{ margin: 40px; }
  .mt-70{ margin-top: 50px;}
  .ml-70{ margin-left: 50px;}
  .mr-70{ margin-right: 50px;}
  .mb-70{ margin-bottom: 50px;}
  .m70{ margin: 50px; }
  .mt-100{ margin-top: 66px;}
  .ml-100{ margin-left: 66px;}
  .mr-100{ margin-right: 66px;}
  .mb-100{ margin-bottom: 66px;}
  .m100{ margin: 66px;}
  
   .pglist{ margin-top: 40px }
  
  }
  
  @media screen and (max-width:1280px) {
		   /* padding */
	 .pt-10{ padding-top: 5px;}
	 .pl-10{ padding-left: 5px;}
	 .pr-10{ padding-right: 5px;}
	 .pb-10{ padding-bottom: 5px;}
	 .p10{ padding: 5px;}
	 .pt-15{ padding-top:8px;}
	 .pl-15{ padding-left:8px;}
	 .pr-15{ padding-right:8px;}
	 .pb-15{ padding-bottom:8px;}
	 .p15{ padding:8px;}
	 .pt-20{ padding-top: 12px;}
	 .pl-20{ padding-left: 12px;}
	 .pr-20{ padding-right: 12px;}
	 .pb-20{ padding-bottom: 12px;}
	 .p20{ padding: 12px;}
	 .pt-25{ padding-top: 16px;}
	 .pl-25{ padding-left: 16px;}
	 .pr-25{ padding-right: 16px;}
	 .pb-25{ padding-bottom: 16px;}
	 .p25{ padding: 16px;}
	 .pt-30{ padding-top: 22px;}
	 .pl-30{ padding-left: 22px;}
	 .pr-30{ padding-right: 22px;}
	 .pb-30{ padding-bottom: 22px;}
	 .p30{ padding: 22px;}
	 .pt-40{ padding-top: 30px;}
	 .pl-40{ padding-left: 30px;}
	 .pr-40{ padding-right: 30px;}
	 .pb-40{ padding-bottom: 30px;}
	 .p40{ padding: 30px;}
	 .pt-50{ padding-top:30px;}
	 .pl-50{ padding-left: 30px;}
	 .pr-50{ padding-right: 30px;}
	 .pb-50{ padding-bottom: 30px;}
	 .p50{ padding: 30px;}
	 .pt-60{ padding-top: 35px;}
	 .pl-60{ padding-left: 35px;}
	 .pr-60{ padding-right: 35px;}
	 .pb-60{ padding-bottom: 35px;}
	 .p60{ padding: 35px; }
	 .pt-70{ padding-top: 40px;}
	 .pl-70{ padding-left: 40px;}
	 .pr-70{ padding-right: 40px;}
	 .pb-70{ padding-bottom: 40px;}
	 .p70{ padding: 40px;}
	 .pt-100{ padding-top: 55px;}
	 .pl-100{ padding-left: 55px;}
	 .pr-100{ padding-right: 55px;}
	 .pb-100{ padding-bottom: 55px;}
	 .p100{ padding: 55px;}
	 
	 /* margin */
	 .mt-10{ margin-top: 5px;}
	 .ml-10{ margin-left: 5px;}
	 .mr-10{ margin-right: 5px;}
	 .mb-10{ margin-bottom: 5px;}
	 .m10{ margin: 5px;}
	 .mt-15{ margin-top:8px;}
	 .ml-15{ margin-left:8px;}
	 .mr-15{ margin-right:8px;}
	 .mb-15{ margin-bottom:8px;}
	 .m15{ margin:8px;}
	 .mt-20{ margin-top: 12px;}
	 .ml-20{ margin-left: 12px;}
	 .mr-20{ margin-right: 12px;}
	 .mb-20{ margin-bottom: 12px;}
	 .m20{ margin: 12px;}
	 .mt-25{ margin-top: 16px;}
	 .ml-25{ margin-left: 16px;}
	 .mr-25{ margin-right: 16px;}
	 .mb-25{ margin-bottom: 16px;}
	 .m25{ margin: 16px;}
	 .mt-30{ margin-top: 22px;}
	 .ml-30{ margin-left: 22px;}
	 .mr-30{ margin-right: 22px;}
	 .mb-30{ margin-bottom: 22px;}
	 .m30{ margin: 22px;}
	 .mt-40{ margin-top: 30px;}
	 .ml-40{ margin-left: 30px;}
	 .mr-40{ margin-right: 30px;}
	 .mb-40{ margin-bottom: 30px;}
	 .m40{ margin: 30px;}
	 .mt-50{ margin-top: 30px;}
	 .ml-50{ margin-left: 30px;}
	 .mr-50{ margin-right: 30px;}
	 .mb-50{ margin-bottom: 30px;}
	 .m50{ margin: 30px; }
	 .mt-60{ margin-top: 35px;}
	 .ml-60{ margin-left: 35px;}
	 .mr-60{ margin-right: 35px;}
	 .mb-60{ margin-bottom: 35px;}
	 .m60{ margin: 35px; }
	 .mt-70{ margin-top: 40px;}
	 .ml-70{ margin-left: 40px;}
	 .mr-70{ margin-right: 40px;}
	 .mb-70{ margin-bottom: 40px;}
	 .m70{ margin: 40px; }
	 .mt-100{ margin-top: 55px;}
	 .ml-100{ margin-left: 55px;}
	 .mr-100{ margin-right: 55px;}
	 .mb-100{ margin-bottom: 55px;}
	 .m100{ margin: 55px; }
  
   .pglist{ margin-top: 35px }
	   
  }
  
  @media screen and (max-width:1000px) {
	
	.pt-10{ padding-top: 5px;}
	.pl-10{ padding-left: 5px;}
	.pr-10{ padding-right: 5px;}
	.pb-10{ padding-bottom: 5px;}
	.p10{ padding: 5px;}
	.pt-15{ padding-top:8px;}
	.pl-15{ padding-left:8px;}
	.pr-15{ padding-right:8px;}
	.pb-15{ padding-bottom:8px;}
	.p15{ padding:8px;}
	.pt-20{ padding-top: 15px;}
	.pl-20{ padding-left: 15px;}
	.pr-20{ padding-right: 15px;}
	.pb-20{ padding-bottom: 15px;}
	.p20{ padding: 15px;}
	.pt-25{ padding-top: 15px;}
	.pl-25{ padding-left: 15px;}
	.pr-25{ padding-right: 15px;}
	.pb-25{ padding-bottom: 15px;}
	.p25{ padding: 15px;}
	.pt-30{ padding-top: 18px;}
	.pl-30{ padding-left: 18px;}
	.pr-30{ padding-right: 18px;}
	.pb-30{ padding-bottom: 18px;}
	.p30{ padding: 18px;}
	.pt-40{ padding-top: 20px;}
	.pl-40{ padding-left: 20px;}
	.pr-40{ padding-right: 20px;}
	.pb-40{ padding-bottom: 20px;}
	.p40{ padding: 20px;}
	.pt-50{ padding-top: 25px;}
	.pl-50{ padding-left: 25px;}
	.pr-50{ padding-right: 25px;}
	.pb-50{ padding-bottom: 25px;}
	.p50{ padding: 25px;}
	.pt-60{ padding-top: 30px;}
	.pl-60{ padding-left: 30px;}
	.pr-60{ padding-right: 30px;}
	.pb-60{ padding-bottom: 30px;}
	.p60{ padding: 30px; }
	.pt-70{ padding-top: 35px;}
	.pl-70{ padding-left: 35px;}
	.pr-70{ padding-right: 35px;}
	.pb-70{ padding-bottom: 35px;}
	.p70{ padding: 35px;}
	.pt-100{ padding-top: 35px;}
	.pl-100{ padding-left: 35px;}
	.pr-100{ padding-right: 35px;}
	.pb-100{ padding-bottom: 35px;}
	.p100{ padding: 35px;}
	
	/* margin */
	.mt-10{ margin-top: 5px;}
	.ml-10{ margin-left: 5px;}
	.mr-10{ margin-right: 5px;}
	.mb-10{ margin-bottom: 5px;}
	.m10{ margin: 5px;}
	.mt-15{ margin-top:8px;}
	.ml-15{ margin-left:8px;}
	.mr-15{ margin-right:8px;}
	.mb-15{ margin-bottom:8px;}
	.m15{ margin:8px;}
	.mt-20{ margin-top: 15px;}
	.ml-20{ margin-left: 15px;}
	.mr-20{ margin-right: 15px;}
	.mb-20{ margin-bottom: 15px;}
	.m20{ margin: 15px;}
	.mt-25{ margin-top: 15px;}
	.ml-25{ margin-left: 15px;}
	.mr-25{ margin-right: 15px;}
	.mb-25{ margin-bottom: 15px;}
	.m25{ margin: 15px;}
	.mt-30{ margin-top: 18px;}
	.ml-30{ margin-left: 18px;}
	.mr-30{ margin-right: 18px;}
	.mb-30{ margin-bottom: 18px;}
	.m30{ margin: 18px;}
	.mt-40{ margin-top: 20px;}
	.ml-40{ margin-left: 20px;}
	.mr-40{ margin-right: 20px;}
	.mb-40{ margin-bottom: 20px;}
	.m40{ margin: 20px;}
	.mt-50{ margin-top: 25px;}
	.ml-50{ margin-left: 25px;}
	.mr-50{ margin-right: 25px;}
	.mb-50{ margin-bottom: 25px;}
	.m50{ margin: 25px; }
	.mt-60{ margin-top: 30px;}
	.ml-60{ margin-left: 30px;}
	.mr-60{ margin-right: 30px;}
	.mb-60{ margin-bottom: 30px;}
	.m60{ margin: 30px; }
	.mt-70{ margin-top: 35px;}
	.ml-70{ margin-left: 35px;}
	.mr-70{ margin-right: 35px;}
	.mb-70{ margin-bottom: 35px;}
	.m70{ margin: 35px; }
	.mt-100{ margin-top: 35px;}
	.ml-100{ margin-left: 35px;}
	.mr-100{ margin-right: 35px;}
	.mb-100{ margin-bottom: 35px;}
	.m100{ margin: 35px; }
   .pglist{ margin-top: 30px } 
	
	
  }
  
  @media screen and (max-width:750px) { 
  
	.pt-40{ padding-top: 20px;}
	.pl-40{ padding-left: 20px;}
	.pr-40{ padding-right: 20px;}
	.pb-40{ padding-bottom: 20px;}
	.p40{ padding: 20px;}
	.pt-50{ padding-top: 20px;}
	.pl-50{ padding-left: 20px;}
	.pr-50{ padding-right: 20px;}
	.pb-50{ padding-bottom: 20px;}
	.p50{ padding: 20px;}
	.pt-60{ padding-top: 20px;}
	.pl-60{ padding-left: 20px;}
	.pr-60{ padding-right: 20px;}
	.pb-60{ padding-bottom: 20px;}
	.p60{ padding: 20px; }
	.pt-70{ padding-top: 20px;}
	.pl-70{ padding-left: 20px;}
	.pr-70{ padding-right: 20px;}
	.pb-70{ padding-bottom: 20px;}
	.p70{ padding: 20px;}
	.pt-100{ padding-top: 20px;}
	.pl-100{ padding-left: 20px;}
	.pr-100{ padding-right: 20px;}
	.pb-100{ padding-bottom: 20px;}
	.p100{ padding: 20px;}
	
	/* margin */
	
	.mt-40{ margin-top: 20px;}
	.ml-40{ margin-left: 20px;}
	.mr-40{ margin-right: 20px;}
	.mb-40{ margin-bottom: 20px;}
	.m40{ margin: 20px;}
	.mt-50{ margin-top: 20px;}
	.ml-50{ margin-left: 20px;}
	.mr-50{ margin-right: 20px;}
	.mb-50{ margin-bottom: 20px;}
	.m50{ margin: 20px; }
	.mt-60{ margin-top: 20px;}
	.ml-60{ margin-left: 20px;}
	.mr-60{ margin-right: 20px;}
	.mb-60{ margin-bottom: 20px;}
	.m60{ margin: 20px; }
	.mt-70{ margin-top: 20px;}
	.ml-70{ margin-left: 20px;}
	.mr-70{ margin-right: 20px;}
	.mb-70{ margin-bottom: 20px;}
	.m70{ margin: 20px; }
	.mt-100{ margin-top: 20px;}
	.ml-100{ margin-left: 20px;}
	.mr-100{ margin-right: 20px;}
	.mb-100{ margin-bottom: 20px;}
	.m100{ margin: 20px; }
   
	.pglist{ margin-top:20px }
	.radius8,.radius5{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
	.radius10,.radius20{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	
  }

  .posi{ position: relative;}
  .posi-a{ position: absolute; top: 0; left: 0;z-index: 3}
  .z5{ position: relative; z-index: 5;}
  .z10{ position: relative; z-index: 10;}

.tablTop{ border-top: 1px solid rgba(255, 255, 255, .15); color: rgba(255, 255, 255, .8); line-height: 2.6;  font-size: 22px; display: flex; align-items: center;}
.tablTop li{ cursor: pointer; margin-right: 3vw; display: block; position: relative;}
.tablTop li::after{ width:0; height: 3px; display: block; content: ''; position: absolute; left: 0;top: -1px;  background: #a40002; transition: all .36s;}
.tablTop li.on{ color: #a40002;} 
.tablTop li.on::after{ width: 100%;}

.proSwiper { color:rgba(255, 255, 255, .8);}
.init-3 img{ max-width: 100%;}
.idxMore{ border: 1px solid rgba(255, 255, 255, .15); line-height: 2; display: inline-block; border-radius: 5px; padding: 5px 25px; }
.idxMore::after{ display: block; content: ''; transition: all .36s; width: 0; height: 100%; background: #a40002; position: absolute; left: 0; top: 0;}
.idxMore:hover{ border-color: #a40002; box-shadow: 0 0 15px rgba(255, 255, 255, .2);}
.idxMore:hover::after{ width: 100%;}
.ProTop li{ display:none;}
.ProTop li.on{ display: block;}
.proSwiper li.item{ display:none;}
.proSwiper li.item.on{ display: block;}

.proBot li{ width: 22%; margin-right:4%; opacity: .6; cursor: pointer;}
.proBot li.on{ color: #a40002; opacity: 1;}
.proBot li img{ max-height:150px}
.proBot li:nth-child(4){ margin:0}



@media screen and (max-width:1040px) {
 
	.tablTop{ font-size: 16px; white-space: nowrap;}
	.init-3{ padding: 45px 0;}
	 
	.tablTop{  width: 100%;  overflow-x: scroll; }
	.tablTop::-webkit-scrollbar { height: 1px;}
	.tablTop::-webkit-scrollbar-thumb {  background: #000; height: 1px; }
	.tablTop::-webkit-scrollbar-track {   background: #333;height: 1px; }
	.tablTop li{  line-height: 50px; margin-right: 20px;}
	.proSwiper{ margin-top: 26px;}
}