#house
{
    width: 100%;
	height: 100%;
    display: none;
}

#itemWindow
{
	width: 45%;
	height: 40%;
	left: 53%;
	top: 5%;
}

#itemBox0, #itemBox1
{
	width: 45%;
	height: 100%;
	top: 0%;
	overflow: hidden;
}

#itemBox0 {
	left: 0%;
}

#itemBox1 {
	left: 55%;
}

#itemBoxName0, #itemBoxName1
{
	width: 90%;
	height: 20%;
	left: 20%;
	top: 0%;
}

#houseBorder0, #houseBorder1
{
	width: 100%;
	left: 0%;
	top: 15%;
}

#itemBoxInfo0, #itemBoxInfo1
{
	width: 100%;
	height: 55%;
	top: 20%;
	left: 8%;
	font-size: var(--item-font-size);
	line-height: 160%;
	padding: 0% 8% 0% 8%;
	overflow: hidden;
}

#itemBoxInfoPrev0, #itemBoxInfoPage0, #itemBoxInfoNext0, #itemBoxInfoPrev1, #itemBoxInfoPage1, #itemBoxInfoNext1
{
	top: 80%;
	font-size: var(--item-font-size);
	white-space: nowrap;
}

#itemBoxInfoPrev0::before, #itemBoxInfoPage0::before, #itemBoxInfoNext0::before, #itemBoxInfoPrev1::before, #itemBoxInfoPage1::before, #itemBoxInfoNext1::before
{
	border: none;
}

#itemBoxInfoPrev0, #itemBoxInfoPrev1
{
	width: 20%;
	height: 10%;
	left: 10%;
}

#itemBoxInfoPage0, #itemBoxInfoPage1
{
	width: 40%;
	height: 10%;
	left: 30%;
	text-align: center;
}

#itemBoxInfoNext0, #itemBoxInfoNext1
{
	width: 20%;
	height: 10%;
	left: 70%;
}

#houseSelectCategory
{
	width: 10%;
    height: 5%;
    left: 78%;
    top: 60.9%;
    font-size: var(--text-font-size);
    padding: 0%;
}

#houseItem, #houseCraft
{
	width: 30%;
	height: 40%;
	left: 53%;
	top: 60%;
	overflow: hidden;
}

#houseItemName, #houseCraftName
{
	width: 90%;
	height: 20%;
	left: 12%;
	top: 0%;
}

#houseItemBorder, #houseCraftBorder
{
	width: 75%;
	left: 0%;
	top: 15%;
}

#houseItemInfo, #houseCraftInfo
{
	width: 100%;
	height: 55%;
	top: 20%;
	left: 8%;
	font-size: var(--item-font-size);
	line-height: 160%;
	padding: 0% 5% 0% 5%;
	overflow: hidden;
}

#houseItemInfoPrev, #houseItemInfoPage, #houseItemInfoNext, #houseCraftInfoPrev, #houseCraftInfoPage, #houseCraftInfoNext
{
	top: 80%;
	font-size: var(--item-font-size);
	white-space: nowrap;
}

#houseItemInfoPrev::before, #houseItemInfoPage::before, #houseItemInfoNext::before, #houseCraftInfoPrev::before, #houseCraftInfoPage::before, #houseCraftInfoNext::before
{
	border: none;
}

#houseItemInfoPrev, #houseCraftInfoPrev
{
	width: 20%;
	height: 10%;
	left: 10%;
}

#houseItemInfoPage, #houseCraftInfoPage
{
	width: 40%;
	height: 10%;
	left: 30%;
	text-align: center;
}

#houseItemInfoNext, #houseCraftInfoNext
{
	width: 20%;
	height: 10%;
	left: 70%;
}