/*=========卡片與縮圖本體==========*/
#neilonlinevideo_block1 #videoblocksbox {
	transition: transform 0.25s ease 0.1s;
}

#neilonlinevideo_block1 .style1 .neilonlinevideoimg {
	border-radius: 0.375rem;
	background: #000000;
}

#neilonlinevideo_block1 .style1 .neilonlinevideoimg #transform {
	transform: none;
}

#neilonlinevideo_block1 .style1 .neilonlinevideoimg .imgbox {
	transition: transform 0.35s ease;
}

#neilonlinevideo_block1 .style1 .thumbnailbox {
	border-radius: 0.625rem;
	transition: border-color 0.25s ease 0.1s, background-color 0.25s ease 0.1s, box-shadow 0.25s ease 0.1s;
}

/*=========上排淡黃色卡片==========*/
#neilonlinevideo_block1 .style1 .topbox .thumbnailbox {
	border: 0.0625rem solid #b8ad2b;
	background: #fffdec;
}

#neilonlinevideo_block1 .style1 .topbox #titlebox::before {
	height: 68%;
	top: 0.34375rem;
	width: 0.5rem;
	border-radius: 0.625rem;
	background-color: #b8ad2b;
}

/*=========下排淡粉色卡片==========*/
#neilonlinevideo_block1 .style1 .bottombox .thumbnailbox {
	border: 0.0625rem solid #d47d70;
	background: #fff5f3;
}

#neilonlinevideo_block1 .style1 .bottombox #titlebox::before {
	height: 68%;
	top: 0.34375rem;
	width: 0.5rem;
	border-radius: 0.625rem;
	background-color: #d47d70;
}

/*=========文字資訊==========*/
#neilonlinevideo_block1 .style1 .topbox #titlebox a,
#neilonlinevideo_block1 .style1 .bottombox #titlebox a,
#neilonlinevideo_block1 .style1 #sorttitlebox,
#neilonlinevideo_block1 .style1 #sorttitlebox a,
#neilonlinevideo_block1 .style1 #counterbox {
	color: #242424;
}

#neilonlinevideo_block1 .style1 #sorttitlebox,
#neilonlinevideo_block1 .style1 #setuptimebox,
#neilonlinevideo_block1 .style1 #counterbox {
	background: none;
}

#neilonlinevideo_block1 .style1 .topbox #setuptimebox,
#neilonlinevideo_block1 .style1 .bottombox #setuptimebox {
	color: #ef3028;
}

#neilonlinevideo_block1 .style1 #centerbox .iframebtn {
	background: #f918ae;
}

/*=========取消正本旋轉與過度放大==========*/
#neilonlinevideo_block1 .style1 #videoblocksbox:nth-child(odd):hover,
#neilonlinevideo_block1 .style1 #videoblocksbox:nth-child(even):hover,
#neilonlinevideo_block1 .style1 #videoblocksbox:focus-visible {
	transform: translateY(-0.3875rem);
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover #transform,
#neilonlinevideo_block1 .style1 #videoblocksbox:focus-visible #transform {
	transform: none;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover .imgbox,
#neilonlinevideo_block1 .style1 #videoblocksbox:focus-visible .imgbox {
	transform: scale(1.08);
}

/*=========上排Hover與鍵盤焦點==========*/
#neilonlinevideo_block1 .style1 #videoblocksbox.topbox:hover .thumbnailbox,
#neilonlinevideo_block1 .style1 #videoblocksbox.topbox:focus-visible .thumbnailbox {
	border-color: #887f16;
	background: #fff9d9;
	box-shadow: 0rem 0.375rem 0.75rem rgba(136, 127, 22, 0.2);
}

#neilonlinevideo_block1 .style1 #videoblocksbox.topbox:hover #titlebox::before,
#neilonlinevideo_block1 .style1 #videoblocksbox.topbox:focus-visible #titlebox::before {
	background-color: #887f16;
}

/*=========下排Hover與鍵盤焦點==========*/
#neilonlinevideo_block1 .style1 #videoblocksbox.bottombox:hover .thumbnailbox,
#neilonlinevideo_block1 .style1 #videoblocksbox.bottombox:focus-visible .thumbnailbox {
	border-color: #a94e43;
	background: #fff0ed;
	box-shadow: 0rem 0.375rem 0.75rem rgba(169, 78, 67, 0.2);
}

#neilonlinevideo_block1 .style1 #videoblocksbox.bottombox:hover #titlebox::before,
#neilonlinevideo_block1 .style1 #videoblocksbox.bottombox:focus-visible #titlebox::before {
	background-color: #a94e43;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover #titlebox a,
#neilonlinevideo_block1 .style1 #videoblocksbox:focus-visible #titlebox a {
	color: #242424;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:hover #setuptimebox,
#neilonlinevideo_block1 .style1 #videoblocksbox:focus-visible #setuptimebox {
	color: #ef3028 !important;
}

#neilonlinevideo_block1 .style1 #videoblocksbox:focus-visible {
	outline: 0.1875rem solid #181818;
	outline-offset: 0.125rem;
}