<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;-webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered &amp; tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.8!important; filter: alpha(opacity = 70);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxContent {
	margin-top: 30px;
	margin-bottom: 100px;
	background: #000;
}
#cboxLoadedContent {
	border: 0;
	position: relative;
	overflow: hidden;
	background: transparent;
}
#cboxTitle {
	position: absolute;
	top: 102%;
  color: #fff;
	font-size: 13px;
}
#cboxCurrent {
  font-size: 14px;
  color: #fff;
	left: 0;
}
#cboxLoadingGraphic{
	background:url(/assets/pc/common/img/icon_loading.gif) no-repeat center center;
}
#cboxClose {
	position: absolute;
	top: -35px;
	right: 0px;
	display: block;
	width: 30px;
	height: 30px;
	background-size:contain;
	cursor: pointer;
	text-indent: -999px;
}
#cboxClose:before,
#cboxClose:after{
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	background-color: #fff;
	z-index: 999;
	box-sizing: border-box;
	width: 30px;
	height: 2px;
}
#cboxClose:before{transform: rotate(45deg);}
#cboxClose:after{transform: rotate(-45deg);}
#cboxNext,
#cboxPrevious{
	position: absolute;
	margin-top: -15px;
	top: 50%;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}
#cboxNext:before,
#cboxPrevious:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#cboxNext:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cboxPrevious{
	left: -30px;
}
#cboxNext{
	right: -30px;
}
</pre></body></html>