body
{
	background-color:#000;
}

.popup
{
	width:100vw;
	height:100vh;
	background-size:100% 100%;
	overflow:hidden;
}

.paper
{
	background-image:url(../images/global/paper_bg.png);
}

.roll
{
	background-image:url(../images/global/roll_bg.png);
}

.paper .box
{
	padding:6vh 8vw;
}

.roll .box
{
	padding:14vh 8vw 6vh;
}

.content
{
	height:88vh;
	overflow-y:auto;
	overflow-x:hidden;
}

.roll .content
{
	height:80vh;
}

.content .itemTop
{
	position:relative;
}

.storyPager
{
	position:absolute;
	right:0;
	top:0;
}

.storyPager a, .storyPager span
{
	display:inline-block;
}

.penIcon
{
	width:20px;
	height:20px;
	background-image:url(../images/global/pen_icon.png);
	background-size:100%;
	background-repeat:no-repeat;
}

a.prevBtn
{
	width:30px;
	height:20px;
	background-image:url(../images/global/prev_btn.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}

a.nextBtn
{
	width:30px;
	height:20px;
	background-image:url(../images/global/next_btn.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}

span.prevBtn
{
	width:30px;
	height:20px;
}

span.nextBtn
{
	width:30px;
	height:20px;
s}