custom.css 859 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. #con_top_menu {
  2. height:146px;
  3. }
  4. #con_top_banner {
  5. height: 225px;
  6. }
  7. img {
  8. opacity: 1;
  9. transition: opacity 0.3s;
  10. }
  11. img[data-src] {
  12. opacity: 0;
  13. }
  14. /* magnific */
  15. /* overlay at start */
  16. .mfp-fade.mfp-bg {
  17. opacity: 0;
  18. -webkit-transition: all 0.15s ease-out;
  19. -moz-transition: all 0.15s ease-out;
  20. transition: all 0.15s ease-out;
  21. }
  22. /* overlay animate in */
  23. .mfp-fade.mfp-bg.mfp-ready {
  24. opacity: 0.8;
  25. }
  26. /* overlay animate out */
  27. .mfp-fade.mfp-bg.mfp-removing {
  28. opacity: 0;
  29. }
  30. /* content at start */
  31. .mfp-fade.mfp-wrap .mfp-content {
  32. opacity: 0;
  33. -webkit-transition: all 0.15s ease-out;
  34. -moz-transition: all 0.15s ease-out;
  35. transition: all 0.15s ease-out;
  36. }
  37. /* content animate it */
  38. .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  39. opacity: 1;
  40. }
  41. /* content animate out */
  42. .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  43. opacity: 0;
  44. }