@CHARSET "UTF-8";

.bookmark-container {
	background-color:rgba(0, 0, 0, 0.7);
	position:fixed;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	z-index: 5000;
	display:none;
}

.bookmark-box {
	position:fixed;
	top: 0px;
	right: 0px;
}

.bookmark-container .box-left {
	position: absolute;
	background: url('../img/left.png') left center repeat-y;
	width: 16px;
	top: 16px;
	left: 0px;
	bottom: 16px;
}

.bookmark-container .box-right {
	position: absolute;
	background: url('../img/right.png') right center repeat-y;
	width: 16px;
	top: 16px;
	right: 0px;
	bottom: 16px;
}

.bookmark-container .box-top {
	position: absolute;
	background: url('../img/top.png') center top repeat-x;
	height: 16px;
	top: 0px;
	right: 16px;
	left: 16px;
}

.bookmark-container .box-bottom {
	position: absolute;
	background: url('../img/bottom.png') center bottom repeat-x;
	height: 16px;
	bottom: 0px;
	right: 16px;
	left: 16px;
}

.bookmark-container .box-topleft {
	position: absolute;
	background: url('../img/top_left.png') left top no-repeat;
	height: 16px;
	width: 16px;
	top: 0px;
	left: 0px;
}

.bookmark-container .box-topright {
	position: absolute;
	background: url('../img/top_right.png') right top no-repeat;
	height: 16px;
	width: 16px;
	top: 0px;
	right: 0px;
}

.bookmark-container .box-bottomleft {
	position: absolute;
	background: url('../img/bottom_left.png') left bottom no-repeat;
	height: 16px;
	width: 16px;
	bottom: 0px;
	left: 0px;
}

.bookmark-container .box-bottomright {
	position: absolute;
	background: url('../img/bottom_right.png') right bottom no-repeat;
	height: 16px;
	width: 16px;
	bottom: 0px;
	right: 0px;
}

.bookmark-container .box-wrap {
	padding: 16px;
}
.bookmark-container .box-content {
	background-color: #fff;
	padding: 1em;
}

.bookmark-image-container {
	text-align: right;
}

.bookmark-image-container img {
	border: 3px solid #f55;
	width: 300px;
	height: 80px;
}

.bookmark-chrome, .bookmark-ie, .bookmark-edge, .bookmark-safari {
	display: none;
}