* {
	margin:0;
	padding:0;
	font-size:12px;
	
	line-height:1.5;
	box-sizing:border-box;
	
	vertical-align:middle;
}

html {
	background-color:#666;
	color:#fff;
}

body {
	width:11.75rem;
	height:14.25rem;
	background-color:#fff;
	color:#333;
	border:0.125em solid #fff;
	
	box-sizing:content-box;
}
html[isOpen="true"] body {
	height:22.25rem;
}

#main {
	width:100%;
	height:100%;
	padding:0.25rem;
	background-color:#333;
	color:#ccc;
}
#main >dt {
	margin:0.5rem 0 0;
}
#main >dt:first-of-type {
	margin:0;
}
#main >dt, #main >dd {
	width:100%;
}
#masterKey, #siteKey, #password {
	width:100%;
}
#password {
	height:2.5rem;
}
#isSavremaseterKey {
	margin:0 0.5rem;
}
#advSettingLink {
	cursor:default;
	margin:0 0 0 1rem;
	color:#99f;
}
#advSettingLink:hover {
	color:#9ff;
}
#advSetting {
	background-color:#666;
	color:#fff;
	margin:0;
	
	display:none;
}
html[isOpen='true'] #advSetting {
	display:block;
}
#advSetting >dt, #advSetting >dd {
	width:100%;
}
#size {
	width:80%;
}
#sizeValue {
	width:15%;
	text-align:center;
}