/* ========================================================================================================
   Video Hover (for Rich Content)
   ======================================================================================================== */

/* Play Video for Light Box >> 大 Icon */
a.play_btn::before:not(a.mega-menu-advertisement-image.play_btn::before), 
.richcontent a.play_btn::before {
	position: absolute;
    width: 100%;
    height: 100%;
    /*background: rgba(0%,0%,0%,.2) url(/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center; */
	background: rgba(0%,0%,0%,.2) url(/file/template/1/images/icons/Play_Icon_XSolidT.png) no-repeat center center;
	background: rgba(0%,0%,0%,.2) url(/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
	background: rgba(0%,0%,0%,.2) url(https://www.aten.com/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
	filter: drop-shadow(1px 5px 5px rgba(0,9,35,0.8)) !important;
	transition: all .3s ease-in-out 0s;
}


.richcontent a.play_btn:hover::before {
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0,1.0)) !important;
}


.richcontent .image_block a.play_btn {
	/*filter: drop-shadow(2px 5px 5px rgba(0,0,0,0.7));
	border: 0px solid rgba(255,255,255,.2);*/
	filter: brightness(100%) drop-shadow(1px 10px 10px rgba(0,0,0,0.3));
	border: 1px solid rgba(214,213,213,0.75);
	position: relative;
	top: 0;
	/*border: 1px solid #d6d5d5;*/
	border: 1px solid rgba(214,213,213,0.55);
	transition: all 0.3s ease-in-out 0s;
}


.bg_dark .richcontent .image_block a.play_btn {
	/*filter: drop-shadow(8px 10px 5px rgba(0,0,0,0.7));
	filter: brightness(100%) drop-shadow(8px 10px 5px rgba(0,0,0,0.7));*/
	filter: brightness(100%);
	filter: brightness(100%) drop-shadow(8px 10px 5px rgba(0,0,0,0.7));
	position: relative;
	top: 0;
	border: 1px solid rgba(214,213,213,0.55);
	transition: all 0.3s ease-in-out 0s;
  }



.richcontent .image_block a.play_btn:hover {
	filter: brightness(130%) drop-shadow(2px 22px 12px rgba(0,0,0,0.7)) !important;
	filter: brightness(130%) drop-shadow(2px 22px 12px rgba(0,0,0,0.3)) !important;
	/*border: 0px solid rgba(255,255,255,.2);*/
	position: relative;
	top: -10px !important;
	transition: all 0.2s linear 0s;
}


.dark_c .richcontent .image_block a.play_btn {
    border: 1px solid rgba(255,255,255,0.26);
}

.dark_w .richcontent .image_block a.play_btn {
    border: 1px solid rgba(255,255,255,.5) !important;
}


 /* 圖片 + 圖片的影片黑塊 >> 圓角 */
 .Image-Radius .richcontent .image_block a.play_btn {
	border-radius: 7px;
}





/* ========================================================================================================================
                                    Video Hover >> 超大 Icon >> 白底 + 黑色三角播放 (for Rich Content)

						http://assets.aten.com/webpage/shared/CMS_Libraries/Images/Play-Icon_w2_Xlarge.png
 ======================================================================================================================== */


/* Play Video Button::before >> Parallax Banner + Rich Content */
#parallax_banner.Play-Iconw_Xlarge .richcontent a.play_btn::before, 
.Play-Iconw_Xlarge .richcontent a.play_btn::before {
   position: absolute;
   width: 100%;
   height: 100%;
   content: "\00a0";
   background: rgba(0%,0%,0%,.2) url(/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
   background: rgba(0%,0%,0%,.0) url(/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
   background: rgba(0%,0%,0%,.0) url(/file/template/1/images/icons/Play_Icon_Mline_Opt100.png) no-repeat center center;
   background: rgba(0%,0%,0%,.0) url(//assets.aten.com/webpage/shared/CMS_Libraries/Images/Play_Icon_Mline_Opt100.png) no-repeat center center;
   background: rgba(3, 48, 119, 0.15) url(//assets.aten.com/webpage/shared/CMS_Libraries/Images/Play_Icon_Mline_Opt100.png) no-repeat center center;

   filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2)) !important;
   filter: drop-shadow(1px 1px 10px rgba(53, 124, 169, 0.9)) !important;
   filter: drop-shadow(1px 1px 18px rgba(23, 89, 131, 0.9)) !important;
   filter: drop-shadow(1px 1px 8px rgba(8, 114, 182, 0.9)) !important;
   transition: all .3s ease-in-out 0s;

   /* 新的 Play Button */
   background: rgba(0%, 0%, 0%,.05) url(//assets.aten.com/webpage/shared/CMS_Libraries/Images/Play-Icon_w2_Xlarge.png) no-repeat center center/ 16%;
   filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5)) !important;
   filter: brightness(100%) contrast(100%) drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.4)) !important;
   filter: brightness(100%) contrast(100%) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.7)) !important;
   opacity: 0.9;
}


/* Play Video Button::before (無圖片透明底時) >> Parallax Banner + Rich Content */
#parallax_banner.Video-Background.Play-Iconw_Xlarge .richcontent a.play_btn::before, 
.Play-Iconw_Xlarge.Video-Background .richcontent a.play_btn::before {
   /* 新的 Play Button */
   background: rgba(0%, 0%, 0%,.0) url(//assets.aten.com/webpage/shared/CMS_Libraries/Images/Play-Icon_w2_Xlarge.png) no-repeat center center/ 14%;
}


/* Play Video Button >> Parallax Banner + Rich Content */
#parallax_banner.Play-Iconw_Xlarge .richcontent .image_block a.play_btn, 
.Play-Iconw_Xlarge .richcontent .image_block a.play_btn {
   border: 1px solid rgba(214,213,213,0.55);
   border: 1px solid rgba(214,213,213,0);
   border: none !important;
   filter: brightness(105%) contrast(105%) drop-shadow(2px 22px 12px rgba(0,0,0,0.15)) !important;
   filter: brightness(107%) contrast(105%) drop-shadow(2px 22px 12px rgba(0,0,0,0.15)) !important;

   filter: brightness(110%) contrast(110%) !important;
   transition: all 0.3s ease-in-out 0s;
}
   
/* Play Video Button >> Parallax Banner + Rich Content */
#parallax_banner.Play-Iconw_Xlarge .richcontent .image_block a.play_btn:hover, 
.Play-Iconw_Xlarge .richcontent .image_block a.play_btn:hover {
   top: 0px !important;
   transform: scale(1.1);
   transform: scale(1.2);
   filter: brightness(130%) contrast(110%) drop-shadow(2px 22px 12px rgba(0,0,0,0.1)) !important;
   transition: all 0.2s linear 0s;

   /* 新的 Play Button */
   filter: brightness(110%) contrast(110%) !important;
   transition: all 0.3s ease-in-out 0s;
}

/* Play Video Button::before >> hover >> Parallax Banner + Rich Content */
#parallax_banner.Play-Iconw_Xlarge .richcontent .image_block a.play_btn:hover::before, 
.Play-Iconw_Xlarge .richcontent .image_block a.play_btn:hover::before {
   filter: drop-shadow(1px 1px 8px rgba(3, 150, 213, 0.9)) !important;
   filter: drop-shadow(1px 1px 8px rgba(9, 117, 163, 0.9)) !important;

   /* 新的 Play Button */
   filter: brightness(110%) contrast(110%) drop-shadow(2px 22px 12px rgba(0, 0, 0, 0.5)) !important;
   filter: brightness(110%) contrast(110%) drop-shadow(2px 10px 12px rgba(0, 0, 0, 0.7)) !important;
   opacity: 1.0;
}