@charset "utf-8";

/*
 *
 * CSS CONTENTS:
 *
 * 01. Web Font
 * 02. Type Selector Reset
 * 03. Accessibility Navigation
 * 04. Layout Selector
 * 05. Components
 * 06. Entry Content
 * 07. Comment
 * 08. Widget & Template Page
 * 09. ETC
 * 10. Post Type & Color Type
 * 11. Retina Display
 * 12. Media Screen - Tablet
 * 13. Media Screen - Mobie
 *
 */

/* Web Font Load */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo');

/* Type Selector Reset */
body {
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 1em;
	line-height: 1.25;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display: block;
}
button, input[type=submit], input[type=reset], input[type=button] {
	overflow: visible;
	cursor: pointer;
}
input[type=text], input[type=email], input[type=password], input[type=submit], textarea {
	-webkit-appearance: none;
}
input, select, textarea, button {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 100%;
	border-radius: 0;
}
button {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
ul li {
	list-style: none;
}
img, fieldset {
	border: none;
	vertical-align: top;
}
hr {
	display: none;
}

/* Accessibility Navigation */
#acc-nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 0;
}
#acc-nav a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	font-weight: bold;
	font-size: 0.875em;
	color: #000;
	white-space: nowrap;
}
#acc-nav a:focus, #acc-nav a:hover, #acc-nav a:active {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #000;
	color: #fff;
	z-index: 1000;
}

/* Layout Selector */
#header {
	position: relative;
	width: 100%;
}
#header h1 {
	padding: 28px 0;
	text-align: center;
	font-size: 1.5em;
	line-height: 1;
	color: #1a1a1a;
}
#header h1 a {
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	color: #1a1a1a;
}
#header .mobile-menu {
	position: absolute;
	top: 20px;
	left: 33px;
	z-index: 500;
	width: 40px;
	height: 40px;
	outline: none;
}
#header .mobile-menu span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	margin: -2px 0 0 -13px;
	background-color: #000;
	text-indent: -999em;
}
#header .mobile-menu:before,
#header .mobile-menu:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	margin-left: -13px;
	background-color: #000
}
#header .mobile-menu:before {
	margin-top: -9px;
}
#header .mobile-menu:after {
	margin-top: 5px;
}
#header .mobile-menu.on {
	position: fixed;
}
#header .mobile-menu.on span {
	display: none;
}
#header .mobile-menu.on:before,
#header .mobile-menu.on:after {
	margin-top: -2px;
}
#header .mobile-menu.on:before {
	transform: rotate(-45deg);
}
#header .mobile-menu.on:after {
	transform: rotate(45deg);
}

#header .menu {
	position: fixed;
	top: 0;
	left: -348px;
	z-index: 400;
	width: 348px;
	height: 100%;
	padding: 94px 40px 189px;
	background-color: #fff;
	box-sizing: border-box;
	transition: left .5s ease-in-out;
}
#header .menu .social-link {
	position: absolute;
	left: 40px;
	bottom: 129px;
}
#header .menu p {
	position: absolute;
	left: 40px;
	bottom: 79px;
	font-size: 0.75em;
	color: #9b9b9b;
}
#header .menu.on {
	left: 0;
}

#header .search {
	position: absolute;
	top: 20px;
	right: 19px;
	width: 0;
	padding-right: 40px;
}
#header .search input {
	display: none;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-size: 1em;
	line-height: 40px;
	color: #000;
	border: 0;
	box-sizing: border-box;
	background-color: transparent;
}
#header .search button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 40px;
	height: 40px;
	background: url(./images/ico_package.png) no-repeat 0 0;
	text-indent: -999em;
	outline: none;
}
#header .search:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	width: 40px;
	height: 40px;
	background: url(./images/ico_package.png) no-repeat 0 0;
	text-indent: -999em;
	cursor: pointer;
}
#header .search:hover:before {
	background-color: #ebebeb;
}
#header .search.on {
	width: 322px;
	border-bottom: 1px solid #000;
}
#header .search.on input {
	display: block;
	outline: none;
}
#header .search.on button {
	display: block;
}
#header .search.on:before {
	display: none;
}

#gnb {
	overflow: auto;
	height: 100%;
	margin-bottom: 8px;
}
#gnb ul li {
	margin-bottom: 6px;
	font-size: 1.125em;
	line-height: 1.5;
}
#gnb ul li a {
	display: block;
	text-decoration: none;
	color: #000;
}
#gnb ul li ul li ul li a.link_sub_item{
	color: #333;
}

#gnb ul li a:hover {
	text-decoration: underline;
	color: #4e2e28;
}
#gnb ul li ul {
	margin: 22px 0 0;
}
#gnb ul li ul li {
	font-size: 1em;
}
#gnb ul li ul li ul {
	margin: 6px 0 13px;
}
#gnb ul li ul li ul li {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5625rem;
}
#gnb ul li ul li ul li a:before {
	content: "-";
	margin-right: 5px;
	color: #333;
}
#gnb ul li ul li ul li a {
	padding:0 12px;
}

#content .inner {
	max-width: 960px;
	margin: 0 auto;
}
#content>.inner {
	max-width: 860px;
}

#content .inner:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#footer {
	position: relative;
	padding: 29px 0;
	border-top: 1px solid #ebebeb;
}
#footer p {
	text-align: center;
	font-size: 0.75em;
	color: #9b9b9b;
}
#footer p a {
	text-decoration: none;
	color: #9b9b9b;
}
#footer .admin {
	color: #666;
}
#footer .admin:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	margin: 0 9px;
	background-color: #b2b2b2;
	vertical-align: middle;
}
#tt-body-index #footer {
	border-top: 0;
}

/* Components */
.social-link a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	text-indent: -999em;
	background-image: url(./images/ico_package.png);
	background-repeat: no-repeat;
	vertical-align: top;
}
.social-link a:hover {
	background-position-y: -68px;
}
.social-link .pinterest {
	background-position: 0 -50px;
}
.social-link .facebook {
	background-position: -50px -50px;
}
.social-link .twitter {
	background-position: -100px -50px;
}
.social-link .instagram {
	background-position: -150px -50px;
}

.btn, a.btn {
	display: inline-block;
	width: 158px;
	height: 50px;
	border: 1px solid #dcdcdc;
	font-size: 0.875em;
	line-height: 50px;
	color: unset;
}
.btn:hover {
	border-color: #4d4d4d;
}

.cover-thumbnail-list {
	margin: 0 auto -1px;
	padding: 40px 0 56px;
	border-bottom: 1px solid #ebebeb;
}
.cover-thumbnail-list h2 {
	margin-bottom: 26px;
	font-size: 1em;
}
.cover-thumbnail-list ul {
	width: 100%;
}
.cover-thumbnail-list ul li {
	float: left;
	width: 24.0625%;
	margin: 0 0 32px;
	padding-left: 1.25%;
}
.cover-thumbnail-list ul li:nth-child(4n+1){
	clear: both;
	padding-left: 0;
}
.cover-thumbnail-list ul li a {
	display: block;
	text-decoration: none;
	color: #080808;
}
.cover-thumbnail-list ul li .thum {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	margin-bottom: 11px;
	padding-bottom: 75.757575757575758%;
	background-color: #f6f6f6;
}
.cover-thumbnail-list ul li .thum:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.cover-thumbnail-list ul li .thum img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.cover-thumbnail-list ul li .category {
	display: inline-block;
	margin-bottom: 8px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0.875em;
	color: #808080;
}
.cover-thumbnail-list ul li .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.75em;
	padding-right: 10%;
	font-weight: 700;
	line-height: 1.375em;
}
.cover-thumbnail-list ul li a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.cover-thumbnail-list ul li .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

.cover-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-color: #000;
}
.cover-slider ul li {
	display: table;
	width: 100%;
	height: 460px;
	text-align: center;
	background-position: 50% 50%;
	background-size: cover;
}
.cover-slider ul li a {
	display: table-cell;
	background-color: rgba(0,0,0,0.25);
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
}
.cover-slider ul li .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #fff;
}
.cover-slider ul li .title {
	display: block;
	max-width: 580px;
	margin: 0 auto 28px;
	font-size: 2.5em;
	line-height: 1.3;
}
.cover-slider ul li .btn {
	border-color: #fff;
	color: #fff;
}
.cover-slider ul li .btn:hover {
	background-color: #fff;
	color: #000;
}
.cover-slider .prev,
.cover-slider .next {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	width: 70px;
	height: 70px;
	margin: -25px 0 0 0;
	background: url(./images/ico_package.png) no-repeat 0 -250px;
	text-indent: -999em;
}
.cover-slider .prev {
	margin-left: -506px;
	background-position: 0 -250px;
}
.cover-slider .next {
	margin-left: 436px;
	background-position: -100px -250px;
}
.cover-slider .prev:hover,
.cover-slider .next:hover {
	background-color: rgba(255,255,255,0.2);
}

.cover-masonry {
	margin-bottom: -1px;
	padding: 60px 0 49px;
	border-bottom: 1px solid #ebebeb;
}
.cover-masonry h2 {
	margin-bottom: 30px;
	font-size: 1em;
}
.cover-masonry ul {
	display: inline-block;
	margin-left: -42px;
	vertical-align: top;
}
.cover-masonry ul li {
	float: left;
	width: 33.3333%;
	margin: 0 0 37px;
	padding-left: 42px;
	box-sizing: border-box;
}
.cover-masonry ul li a {
	display: block;
	text-decoration: none;
	color: #080808;
}
.cover-masonry ul li .thum {
	display: block;
	margin-bottom: 11px;
}
.cover-masonry ul li .thum img {
	width: 100%;
	height: auto;
}
.cover-masonry ul li .category {
	display: inline-block;
	margin-bottom: 7px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0.875em;
	color: #808080;
}
.cover-masonry ul li .title {
	display: block;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.4444;
}
.cover-masonry ul li a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.cover-masonry ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 6.4em;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
}

.cover-list {
	margin-bottom: -1px;
	padding: 30px 0 60px;
	border-bottom: 1px solid #ebebeb;
}
.cover-list h2 {
	margin: 30px 0 0 0;
	font-size: 1em;
}
.cover-list ul li {
	border-top: 1px solid #ebebeb;
}
.cover-list ul li:first-child {
	border-top: 0;
}
.cover-list ul li a {
	display: block;
	min-height: 172px;
	padding: 30px 0 30px;
	text-decoration: none;
	color: #080808;
}
.cover-list ul li figure {
	float: right;
	position: relative;
	width: 172px;
	height: 172px;
	margin: 0 0 0 80px;
	background-color: #f6f6f6;
}
.cover-list ul li figure:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.cover-list ul li figure img {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.cover-list ul li .category {
	display: inline-block;
	margin-bottom: 7px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0.875em;
	color: #808080;
}
.cover-list ul li .title {
	display: block;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.4444em;
}
.cover-list ul li a:hover .title {
	text-decoration: underline;
	color: #666;
}
.cover-list ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 4.8em;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
}
.cover-list ul li .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

.cover-gallery {
	margin: 0 auto -1px;
	padding: 60px 0 75px;
	border-bottom: 1px solid #ebebeb;
}
.cover-gallery h2 {
	margin-bottom: 30px;
	font-size: 1em;
}
.cover-gallery ul {
	display: inline-block;
	margin-left: -12px;
}
.cover-gallery ul li {
	float: left;
	width: 25%;
	margin: 0 0 12px 0;
	padding-left: 12px;
	box-sizing: border-box;
}
.cover-gallery ul li a {
	display: block;
	position: relative;
	width: 100%;
	background-color: #ebebeb;
}
.cover-gallery ul li .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	position: absolute;
	top: 50%;
	left:0;
	z-index: 30;
	overflow: hidden;
	width: 100%;
	max-height: 4.2em;
	text-align: center;
	line-height: 1.4;
	padding: 0 20px;
	color: #fff;
	box-sizing: border-box;
	transform: translateY(-50%);
	visibility: hidden;
}
.cover-gallery ul li a:hover .title {
	visibility: visible;
}
.cover-gallery ul li a:hover:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.cover-gallery ul li a:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.cover-gallery ul li figure {
	height: 0;
	padding-bottom: 100%;
}
.cover-gallery ul li figure img {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 10;
}

.cover-footer {
	position: relative;
	z-index: 10;
	text-align: center;
}
.cover-footer .image {
	height: 300px;
	margin-bottom: 80px;
	background-position: 50% 50%;
	background-size: cover;
}
.cover-footer p {
	margin: -5px 0 20px;
	text-align: center;
	font-weight: 700;
	font-size: 1.25em;
	color: #000;
}
.cover-footer .menu ul {
	text-align: center;
}
.cover-footer .menu ul li {
	display: inline-block;
	margin: 40px 0 48px;
	padding: 0 14px;
	font-size: 0.875em;
}
.cover-footer .menu ul li a {
	display: block;
	text-decoration: none;
	color: #282828;
}
.cover-footer .menu ul li a:hover {
	text-decoration: underline;
	color: #4e2e28;
}
.cover-footer p:first-child {
	margin-top: 76px;
}
.cover-footer .social-link:first-child a {
	margin-top: 80px;
}

.post-header {
	position: relative;
	overflow: hidden;
	max-width: 860px;
	margin: 0 auto 30px;
	padding: 57px 0 15px;
	border-bottom: 1px solid #ebebeb;
}
.post-header h1 {
	float: left;
	font-size: 1em;
}
.post-header .list-type {
	float: right;
}
.post-header .list-type button {
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 4px;
	background-image: url(./images/ico_package.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	outline: none;
}
.post-header .list-type button:hover {
	background-color: #ebebeb;
}
.post-header .list-type .list {
	background-position: 0 -200px;
}
.post-header .list-type .thum {
	background-position: -100px -200px;
}
.post-header .list-type .list.current {
	background-position: -50px -200px;
}
.post-header .list-type .thum.current {
	background-position: -150px -200px;
}

.post-item {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
}
.post-item a {
	display: block;
	min-height: 148px;
	padding: 30px 0 30px;
	text-decoration: none;
	color: #080808;
}
.post-item:first-child a {
	padding-top: 0;
}
.post-item a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.post-item .thum {
	float: right;
	overflow: hidden;
	max-width: 148px;
	margin-left: 80px;
}
.post-item .thum img {
	width: 195px;
	height: 148px;
	margin: 0 0 0 -23.5px;
}
.post-item .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0.875em;
	color: #808080;
}
.post-item .title {
	display: block;
	margin-bottom: 8px;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.8em;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.4;
}
.post-item .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
}
.post-item .excerpt.protected:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 13px;
	margin-right: 10px;
	background: url(./images/ico_package.png) no-repeat -0 -100px;
	vertical-align: baseline;
}
.post-item .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

.pagination {
	max-width: 860px;
	margin: 60px auto 160px;
	text-align: center;
}
.pagination .current {
	display: none;
}
.pagination .view-more {
	display: inline-block;
	width: 158px;
	height: 50px;
	border: 1px solid #dcdcdc;
	font-size: 0.875em;
	line-height: 50px;
	color: #000;
}
.pagination .view-more:hover {
	border-color: #4d4d4d;
	background: none;
}
.pagination a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 4px;
	text-decoration: none;
	font-size: 0.9375em;
	line-height: 24px;
	color: #b2b2b2;
	vertical-align: middle;
}
.pagination a:hover {
	background-color: #ebebeb;
}
.pagination .selected {
	color: #000;
}
.pagination .prev,
.pagination .next {
	width: 50px;
	height: 50px;
	background-image: url(./images/ico_package.png);
	background-repeat: no-repeat;
	border: 1px solid #dcdcdc;
	text-indent: -999em;
	vertical-align: middle;
	box-sizing: border-box;
}
.pagination .prev {
	background-position: -50px 0;
}
.pagination .next {
	background-position: -100px 0;
}
.pagination .prev:hover,
.pagination .next:hover {
	background-color: transparent;
	border-color: #4d4d4d;
}
.pagination .no-more-prev,
.pagination .no-more-next {display: none;}

.hgroup {
	max-width: 860px;
	margin: 50px auto 60px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ebebeb;
}
.hgroup .category {
	display: inline-block;
	margin-bottom: 16px;
	padding-top: 5px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0.875em;
	color: #808080;
}
.hgroup h1 {
	display: block;
	margin-bottom: 9px;
	font-weight: 700;
	font-size: 1.6875em;
	line-height: 1.4444em;
}
.hgroup .post-meta {
	display: block;
	font-size: 0.8125em;
	color: #808080;
}
.hgroup .post-meta a {
	text-decoration: none;
	color: #999;
}
.hgroup .post-meta a:hover {
	text-decoration: underline;
}
.hgroup .post-meta span:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 7px 0 10px;
	background-color: #ebebeb;
	vertical-align: baseline;
}
.hgroup .post-meta span:first-child:before {
	content: none;
}

.another_category {
	margin: 60px auto 80px;
	padding: 0 !important;
	border: 0 !important;
}
.another_category h4 {
	margin-bottom: 28px;
	font-weight: 400;
	font-size: 1em !important;
}
.another_category h4 em {
	border-bottom: 1px solid #000;
	font-style: normal;
}
.another_category table {
	width: 100%;
	border-collapse: collapse;
	border: 0 !important;
	font-size: 0.9375em;
	color: #666;
}
.another_category table th {
	padding: 8px 0 4px;
	border: 0 !important;
	text-align: left;
	font-weight: 400;
}
.another_category table th a {
	text-decoration: none;
	color: #666;
}
.another_category td {
	width: 60px;
	padding: 8px 0 4px;
	border-left: 0 !important;
	border-top: 0 !important;
	font-size: 0.8125em;
	line-height: 1;
	color: #b2b2b2;
}

.tags {
	position: relative;
	overflow: hidden;
	max-width: 860px;
	margin: 53px auto;
	padding: 27px 0 28px 47px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	color: #999;
	box-sizing: border-box;
}
.tags h2 {
	float: left;
	width: 47px;
	margin-left: -47px;
	font-weight: 400;
	font-size: 1em;
	color: #000;
}
.tags .items a {
	display:inline-block;
	margin-left: 15px;
	text-decoration:none;
	font-size: 0.8125em;
	line-height: 1.5384;
	color: #999;
}
.tags .items a:hover {
	color: #7a583a;
}
.tags .items a:before {
	content: "#";
}

.related-articles {
	overflow: hidden;
	width: 100%;
	margin: 57px 0 69px;
}
.related-articles h2 {
	margin-bottom: 28px;
	font-weight: 400;
	font-size: 1em;
}
.related-articles h2 em {
	border-bottom: 1px solid #000;
	font-style: normal;
}
.related-articles ul {
}
.related-articles ul li {
	float: left;
	width: 24.0625%;
	padding-left: 1.25%;
}
.related-articles ul li:first-child {
	padding-left: 0;
}
.related-articles ul li a {
	display: block;
	text-decoration: none;
	color: #080808;
}
.related-articles ul li a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.related-articles ul li .thum {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	margin-bottom: 12px;
	padding-bottom: 75.757575757575758%;
	background-color: #ebebeb;
}
.related-articles ul li .thum:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.related-articles ul li .thum img {

	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.related-articles ul li .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Nanum Myeongjo', serif;
	font-size: 0.875em;
	color: #808080;
}
.related-articles ul li .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.75em;
	margin-bottom: 9px;
	font-weight: 700;
	line-height: 1.375;
}
.related-articles ul li .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

/* Entry Content */
.entry-content h1 {
	margin: 60px 0 19px;
	font-size: 1.6875em;
}
.entry-content h2 {
	margin: 60px 0 19px;
	font-size: 1.5em;
}
.entry-content h3 {
	margin: 60px 0 19px;
	font-weight: 700;
	font-size: 1.3125em;
}
.entry-content h4 {
	margin: 60px 0 19px;
	font-weight: 400;
	font-size: 1.125em;
}
.entry-content p {
	margin-bottom: 24px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
}
.entry-content p img {
	max-width: 100%;
	height: auto;
	margin-top: 36px;
}
.entry-content hr {
	display: block;
	height: 0;
	border: 0;
	border-bottom: 1px solid #000;
}
.entry-content pre {
	word-break:break-word;
	white-space:pre-wrap;
	word-wrap:break-word;
}
.entry-content pre code.hljs {
	padding: 20px;
}
.entry-content ul,
.entry-content ol {
	margin-bottom: 50px;
}
.entry-content ul {
	list-style: disc inside;
}
.entry-content ul li {
	position: relative;
	padding-left: 22px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
	list-style: inherit;
	text-indent: -22px;
}
.entry-content ol {
	list-style: inside decimal;
}
.entry-content ol li {
	position: relative;
	padding-left: 16px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
	text-indent: -15px;
	list-style: inherit;
}
.entry-content a {
	color: #666;
}
.entry-content img.alignleft {
	float: left;
	margin: 0 22px 22px 0;
}
.entry-content img.aligncenter {
	display: block;
	margin: 0 auto 22px;
}
.entry-content img.alignright {
	float: right;
	margin: 0 0 22px 22px;
}
.entry-content blockquote {
	margin-bottom: 60px;
	padding: 16px 20px;
	border-left: 4px solid #e6e6e6;
}
.entry-content blockquote p {
	margin: 22px 0 0;
}
.entry-content blockquote p:first-child {
	margin-top: 0;
}
.entry-content table {
	width:100%;
	margin-bottom: 22px;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
	font-size: 0.875em;
	line-height: 1.5714;
	color: #666;
}
.entry-content table thead th {
	padding:7px 0 11px;
	border-left: 1px solid #e6e6e6;
}
.entry-content table tbody td {
	padding:7px 0 11px;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.entry-content input {
	display: inline-block;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	font-size: 0.875em;
	line-height: 1.25;
	color: #666;
	box-sizing: border-box;
	vertical-align: middle;
}
.entry-content .protected_form {
	margin-bottom: 40px;
	padding: 120px 0 200px;
	border-bottom: 1px solid #7a583a;
	text-align: center;
}
.entry-content .protected_form p:before {
	content: "";
	display: block;
	width: 64px;
	height: 84px;
	margin: 0 auto 30px;
	background: url(./images/ico_package.png) no-repeat -50px -100px;
}
.entry-content .protected_form input {
	width: 220px;
	height: 50px;
	margin-bottom: 10px;
	background-color: transparent;
	vertical-align: top;
}
.entry-content .cap1 {
	text-align: center;
	font-size: 0.875em;
	font-style: italic;
}

/* Comment */
.comments {
	max-width: 860px;
	margin: 0 auto 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e6e6e6;
}
.comments h2 {
	font-weight: 400;
	font-size: 1em;
	color: #000;
}
.comments .comment-list {
	font-size:16px;
	margin-bottom: 6px;
	overflow:hidden;
}
.comments .comment-list ul li {
	padding: 30px 0 25px;
	border-top: 1px solid #e6e6e6;
	position: relative;
	min-height: 48px;
}
.comments .comment-list ul li:first-child {
	border: none;
}
.comments .comment-list ul li ul li {
	padding: 26px 0 0 60px;
	border-top: 0;
	border-bottom: 0;
}
.comments .comment-list ul li .author-meta {
	position: absolute;
	overflow: hidden;
	top:30px; height:48px;
	left:0; right:0;
	padding: 4px 0 0 60px;
}
.comments .comment-list ul li ul li .author-meta {
	top:26px;
	left:60px;
}
.comments .comment-list ul li .author-meta .avatar {
	position: absolute;
	left:0; top:0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.comments .comment-list ul li .author-meta span {
	display:inline-block;
}

.comments .comment-list ul li .author-meta a {
	text-decoration:none;
	color: #000;
}
.comments .comment-list ul li .author-meta .nickname {
	float:left;
	font-size: 0.875em;
	line-height: 20px;
}
.comments .comment-list ul li .author-meta .nickname .tistoryProfileLayerTrigger {
	margin-bottom: 3px;
	margin-right: 0;
	vertical-align: bottom;
}

.comments .comment-list ul li .author-meta .date {
	float:left;
	margin-left: 10px;
	font-size: 0.75em;
	color: #999;
	line-height:20px;
}
.comments .comment-list ul li .author-meta .date:before,
.comments .comment-list ul li .author-meta .date a:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 9px;
	margin-right: 10px;
	background-color: #b2b2b2;
}
.comments .comment-list ul li .author-meta .date a {
	margin-left: 10px;
}
.comments .comment-list ul li .control {
	position: absolute;
	top: 33px;
	right:0;
}
.comments .comment-list ul li ul li .control {
	top: 29px;
}
.comments .comment-list ul li .control a {
	margin:0 2px;
	text-decoration: none;
	font-size: 12px;
	color: #999;
}
.comments .comment-list ul li p {
	position:relative;
	margin: 29px 0 0 60px;
	font-size: 0.875em;
	line-height: 1.5714;
	color: #666;
}
.comments .comment-form .field {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px;
}
.comments .comment-form input[type=text],
.comments .comment-form input[type=password],
.comments .comment-form textarea {
	border: 1px solid #e6e6e6;
	font-size: 0.9375em;
	line-height: 1.25;
	color: #666;
	background-color: transparent;
}
.comments .comment-form input[type=text],
.comments .comment-form input[type=password] {
	width: 140px;
	height: 52px;
	margin-right: 6px;
	padding: 10px;
	box-sizing: border-box;
}
.comments .comment-form input::-webkit-input-placeholder,
.comments .comment-form textarea::-webkit-input-placeholder {color: #d6d6d6;}
.comments .comment-form textarea {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	resize: none;
	box-sizing: border-box;
}
.comments .comment-form .field .secret {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}
.comments .comment-form .field .secret input {
	display: none;
}
.comments .comment-form .field .secret label {
	font-size: 0.8125em;
	line-height: 52px;
	color: #666;
	outline: none;
	cursor: pointer;
}
.comments .comment-form .field .secret label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-right: 9px;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
	background-color: #fff;
}
.comments .comment-form .field .secret input[type=checkbox]:checked+label:before {
	background-image: url(./images/ico_package.png);
	background-repeat: no-repeat;
	background-position: -150px -100px;
}
.comments .comment-form .field .submit {
	float: right;
}

/* Widget & Template Page */

/* ETC */
#dimmed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.43);
}

/* Post Type & Color Type */
.post-type-thumbnail .post-item {
	float: left;
	width: 24.0625%;
	margin: 0 0 58px;
	padding-left: 1.25%;
	border: 0;
}
.post-type-thumbnail .post-item:nth-child(4n+1) {
	padding-left: 0;
}
.post-type-thumbnail .post-item a {
	padding: 0;
}
.post-type-thumbnail .post-item .thum {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: none;
	height: 0;
	margin: 0 0 9px 0;
	padding-bottom: 75.757575757575758%;
	background-color: #ebebeb;
}
.post-type-thumbnail .post-item .thum:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.post-type-thumbnail .post-item .thum img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	margin: 0;
}
.post-type-thumbnail .post-item .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	width: 100%;
	height: 2.75em;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.375em;
}
.post-type-thumbnail .post-item .excerpt {
	display: none;
}
.post-type-thumbnail .pagination {
	margin-top: 0;
}

/* Color Type */
.color-chocolate,
.color-chocolate .cover-footer,
.color-chocolate #footer {
	background-color: #f4f2f1;
}
.color-chocolate #header h1 a,
.color-chocolate #gnb ul li a,
.color-chocolate #footer .admin,
.color-chocolate .cover-thumbnail-list ul li a,
.color-chocolate .cover-masonry ul li a,
.color-chocolate .cover-list ul li a,
.color-chocolate .cover-footer p,
.color-chocolate .cover-footer .menu ul li a,
.color-chocolate .post-item a,
.color-chocolate .hgroup h1,
.color-chocolate .hgroup .post-meta a,
.color-chocolate .entry-content h1,
.color-chocolate .entry-content h2,
.color-chocolate .entry-content h3,
.color-chocolate .entry-content h4,
.color-chocolate .entry-content a,
.color-chocolate .related-articles ul li a,
.color-chocolate .comments .comment-list ul li .author-meta span,
.color-chocolate .comments .comment-list ul li .author-meta .date a,
.color-chocolate .pagination .selected {
	color: #4e2e28;
}
.color-chocolate #header .menu p,
.color-chocolate #footer p,
.color-chocolate .cover-thumbnail-list ul li .date,
.color-chocolate .cover-masonry ul li .excerpt,
.color-chocolate .cover-list ul li .excerpt,
.color-chocolate .cover-list ul li .date,
.color-chocolate .post-item .excerpt,
.color-chocolate .post-item .date,
.color-chocolate .hgroup .post-meta,
.color-chocolate .another-category td,
.color-chocolate .tags .items a,
.color-chocolate .related-articles ul li .date,
.color-chocolate .comments .comment-list ul li .author-meta .date,
.color-chocolate .comments .comment-list ul li .author-meta .control a {
	color: #a69693;
}
.color-chocolate .cover-thumbnail-list ul li .category,
.color-chocolate .cover-masonry ul li .category,
.color-chocolate .hgroup .category {
	color: #94817e;
}
.color-chocolate .entry-content p,
.color-chocolate .entry-content table,
.color-chocolate .entry-content ul li,
.color-chocolate .entry-content ol li,
.color-chocolate .another-category table,
.color-chocolate .another-category table th a,
.color-chocolate .comments .comment-list ul li p {
	color: #836c68;
}
.color-chocolate #gnb ul li a:hover,
.color-chocolate .cover-footer .menu ul li a:hover,
.color-chocolate .cover-thumbnail-list ul li a:hover .title,
.color-chocolate .cover-masonry ul li a:hover .title,
.color-chocolate .cover-list ul li a:hover .title,
.color-chocolate .post-item a:hover .title,
.color-chocolate .related-articles ul li a:hover .title {
	color: #2d140f;
}
.color-chocolate .cover-thumbnail-list ul li .category,
.color-chocolate .cover-masonry ul li .category,
.color-chocolate .hgroup .category {
	border-color: #a69693;
}
.color-chocolate .entry-content ul li:before {
	background-color: #a69693;
}
.color-chocolate #header .mobile-menu:before,
.color-chocolate #header .mobile-menu:after,
.color-chocolate #header .mobile-menu span {
	background-color: #4e2e28;
}
.color-chocolate .pagination a:hover,
.color-chocolate #header .search:hover:before {
	background-color: #e7e2e1;
}
.color-chocolate .btn,
.color-chocolate .cover-thumbnail-list
.color-chocolate .cover-masonry
.color-chocolate .cover-list
.color-chocolate .cover-gallery,
.color-chocolate .cover-list ul li,
.color-chocolate .post-item,
.color-chocolate .hgroup,
.color-chocolate .entry-content table,
.color-chocolate .entry-content table thead th,
.color-chocolate .entry-content table tbody td,
.color-chocolate .entry-content blockquote,
.color-chocolate .comments,
.color-chocolate .comments .comment-list ul li,
.color-chocolate .comments .comment-form input[type=text],
.color-chocolate .comments .comment-form input[type=password],
.color-chocolate .comments .comment-form textarea,
.color-chocolate .comments .comment-form .field .secret label:before,
.color-chocolate .pagination .prev,
.color-chocolate .pagination .next,
.color-chocolate .pagination a {
	border-color: #e7e2e1;
}
.color-chocolate .social-link a,
.color-chocolate #header .search button,
.color-chocolate #header .search:before,
.color-chocolate .cover-thumbnail-list ul li .thum:before,
.color-chocolate .cover-gallery ul li a:before,
.color-chocolate .post-header .list-type button,
.color-chocolate .related-articles ul li .thum:before {
	background-image: url(./images/ico_package_chocolate.png);
}
.color-chocolate .btn:hover,
.color-chocolate .pagination .prev:hover,
.color-chocolate .pagination .next:hover {
	border-color: #4d4d4d;
}
.color-chocolate #header .search.on {
	border-color: #4e2e28;
}

/* Retina Display */
@media  only screen and (-webkit-min-device-pixel-ratio:1.5) {
	#header .search button,
	#header .search:before,
	.social-link a,
	.cover-slider .prev,
	.cover-slider .next,
	.cover-gallery ul li a:before,
	.post-header .list-type button,
	.pagination .prev,
	.pagination .next,
	.comments .comment-form .field .secret input[type=checkbox]:checked+label:before {
		background-image: url(./images/ico_package_2x.png);
		background-size: 200px auto;
	}
	.color-chocolate .social-link a,
	.color-chocolate #header .search button,
	.color-chocolate .cover-gallery ul li a:before,
	.color-chocolate .post-header .list-type button {
		background-image: url(./images/ico_package_chocolate_2x.png);
		background-size: 200px auto;
	}
}

/* Media Screen - Tablet */
@media screen and (max-width:1023px) {
	#header .search.on {
		width: 180px;
	}
	#content .guest_inner,
	#content>.inner {
		padding: 0 40px;
	}
	.post-header {
		padding: 40px;
	}
	.cover-thumbnail-list {
		padding: 40px 40px 65px;
	}
	.cover-slider ul li .title {
		max-width: none;
		padding: 0 98px
	}
	.cover-slider .prev {
		left: 14px;
		margin-left: 0;
	}
	.cover-slider .next {
		left: auto;
		right: 14px;
		margin-left: 0;
	}
	.cover-masonry {
		padding: 60px 40px 81px;
	}
	.cover-list {
		padding: 30px 40px 85px;
	}
	.cover-gallery {
		padding: 60px 40px 130px;
	}
}

/* Media Screen - Mobie */
@media screen and (max-width:767px) {
	#header .mobile-menu {
		top: 10px;
		left: 11px;
	}
	#header .menu {
		padding: 84px 20px 189px;
	}
	#header .menu .social-link,
	#header .menu p {
		left: 20px;
	}
	#header h1 {
		padding: 15px 62px;
		line-height: 1.25;
	}
	#header h1 a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#header .search {
		top: 10px;
		right: 1px;
	}
	#header .search.on {
		position: absolute;
		top: 60px;
		left: 0;
		right: auto;
		z-index: 100;
		width: 100%;
		padding: 10px 18px 10px 17px;
		border: 0;
		background-color: #fff;
		box-sizing: border-box;
	}
	#header .search.on input {
		border-bottom: 1px solid #000;
	}
	#header .search.on button {
		top: -50px;
		right: 1px;
	}
	#content .guest_inner,
	#content>.inner {
		padding: 0 18px;
	}
	.post-header {
		padding: 20px 18px;
	}
	.cover-thumbnail-list {
		padding: 40px 18px 65px;
	}
	.cover-thumbnail-list ul li,
	.related-articles ul li {
		width: 48.591549295774648%;
    padding-left: 2.816901408450704%;
	}
	.cover-thumbnail-list ul li:nth-child(odd),
	.related-articles ul li:nth-child(odd) {
		clear: both;
		padding-left: 0;
	}
	.cover-slider ul li {
		width: 100%;
		box-sizing: border-box;
	}
	.cover-slider ul li .title {
		display:-webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient:vertical;
		overflow:hidden;
		max-height: 5.2em;
		padding: 0 18px;
		font-size: 2.125em;
	}
	.cover-slider .prev {
		top: auto;
		bottom: 0;
		left: 0;
	}
	.cover-slider .next {
		top: auto;
		right: 0;
		bottom: 0;
	}
	.cover-masonry {
		padding: 60px 18px 81px;
	}
	.cover-masonry ul li {
		float: none;
		width: 100%;
	}
	.cover-masonry ul li .category,
	.cover-list ul li .category {
		margin-bottom: 8px;
	}
	.cover-thumbnail-list ul li .title,
	.related-articles ul li .title,
	.cover-list ul li .title {
		display:-webkit-box;
		-webkit-line-clamp:3;
		-webkit-box-orient:vertical;
		overflow:hidden;
		max-height: 4.2em;
		line-height: 1.4;
	}
	.cover-list {
		padding: 30px 18px 80px;
	}
	.cover-list h2{
  margin: 30px 0 0 0;
	}
	.cover-list ul li a {
		min-height: 98px;
	}
	.cover-list ul li figure {
		width: 113px;
		height: 113px;
		margin: 0 0 0 18px;
	}
	.cover-list ul li .title {
		-webkit-line-clamp: 2;
		margin-bottom: 3px;
		padding-top: 6px;
		font-size: 1em;
	}
	.cover-list ul li .category {
		display: none;
	}
	.cover-list ul li .excerpt {
		-webkit-line-clamp: 2;
		font-size: 0.8125em;
		line-height: 1.5;
	}
	.cover-gallery {
		padding: 60px 18px 130px;
	}
	.cover-gallery ul li {
		width: 50%;
	}
	.post-item a {
		min-height: 100px;
	}
	.post-item .thum {
		max-width: 113px;
		margin-left: 18px;
	}
	.post-item .thum img {
		width: auto;
		height: 113px;
		margin: 0 0 0 -16.5px;
	}
	.post-item .title {
		line-height: 1.2;
	}
	.post-item .excerpt {
		-webkit-line-clamp: 2;
	}
	.post-type-thumbnail .post-item {
		width: 48.591549295774648%;
		margin-bottom: 26px;
		padding-left: 2.816901408450704%;
	}
	.post-type-thumbnail .post-item:nth-child(4n+1) {
		padding-left: 2.816901408450704%;
	}
	.post-type-thumbnail .post-item:nth-child(2n+1) {
		clear: both;
		padding-left: 0%;
	}
	.post-type-thumbnail .post-item .title {
		-webkit-line-clamp: 3;
		height: auto;
		max-height: 4.125em;
	}
	.entry-content .table-wrap {
		overflow: auto;
		width: 100%;
	}
	.entry-content table {
		width: 680px;
		table-layout: fixed;
	}
	.entry-content .protected_form input {
		display: block;
		width: 160px;
		margin: 0 auto 10px;
	}
	.pagination {
		padding: 0 18px;
	}
	.pagination a {
		display: none;
	}
	.pagination .current {
		display: block;
		font-size: 0.875em;
		line-height: 50px;
	}
	.pagination .prev {
		display: block;
		float: left;
		margin: 0;
	}
	.pagination .next {
		display: block;
		float: right;
		margin: 0;
	}
	.another-category table th {
		display: block;
		padding: 0;
	}
	.another-category table td {
		display: block;
		margin-bottom: 19px;
	}
	.comments .comment-list {
		margin-bottom:10px;
		margin-top:10px;
		border-top: 1px solid #e6e6e6;
	}
	.comments .comment-list ul li {
		padding-bottom:0;
	}
	.comments .comment-list ul li ul {
		border-top: 1px solid #e6e6e6;
	}
	.comments .comment-list ul li ul li {
		padding:20px 0 0 48px;
	}
	.comments .comment-list ul li ul li:before {
		content: "";
		position: absolute;
		top: 34px;
		left:18px;
		width: 12px;
		height: 12px;
		background: url(./images/ico_package.png) no-repeat 0 -150px;
	}
	.comments .comment-list ul li .author-meta,
	.comments .comment-list ul li ul li .author-meta {
		position:relative;
		top:0;
		left:0;
	}
	.comments .comment-list ul li .author-meta img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.comments .comment-list ul li .author-meta .nickname,
	.comments .comment-list ul li .author-meta .date {
		display: block;
		float: none;
		line-height: 1.5;
	}

	.comments .comment-list ul li .author-meta .nickname .tistoryProfileLayerTrigger {
		margin-bottom:4px;
	}

	.comments .comment-list ul li .author-meta .date {
		margin-left: 0;
		margin-top: 2px;
	}
	.comments .comment-list ul li .author-meta .date::before {
		display: none;
	}

	.comments .comment-list ul li p {
		margin: 14px 0 0;
	}

	.comments .comment-list ul li .control {
		position: relative;
		top: auto;
		right: auto;
		display: block;
		margin: 9px 0 18px -2px;
	}
	.comments .comment-list ul li ul li .control {
		top: auto;
	}
	.comments .comment-form input[type=text],
	.comments .comment-form input[type=password] {
		width: 100px;
	}
	.comments .comment-form .field .secret {
		margin-left: 0;
	}
	.comments .comment-form .field .secret label:before {
		margin-right: 5px;
	}
	.comments .comment-form .field .submit {
		display: block;
		float: none;
		margin: 60px auto 0;
	}
}

.revenue_unit_wrap.position_list{
	max-width: 860px;
	margin: 30px auto
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

	/*롤20 기본 탬플릿*/

.textchatcontainer {font-size:12px;}
.textchatcontainer .chatlogmessage {
	padding-top:10px
}
.textchatcontainer a[href^="!"],.textchatcontainer a[href^="~"] {
	background-color:#ce0f69;
	padding:5px;
	color:white;
	display:inline-block;
	border:1px solid white
}
.no-touch .textchatcontainer a[href^="!"]:hover,.textchatcontainer a[href^="~"]:hover {
	text-decoration:none;
	cursor:pointer
}
.textchatcontainer .content {
	line-height:1.5em;
	font-size:1.05em;
	word-wrap:break-word
}
.textchatcontainer .tstamp {
	font-size:.8em;
	color:#666;
	display:block;
	padding:0;
	margin:-4px 0 2px 0;
	position:relative;
	left:-5px;
	line-height:1.0em
}
.textchatcontainer .by {
	font-weight:bold;
	position:relative;
	left:-5px
}
.textchatcontainer .message {
	padding-left:45px;
	padding-right:5px;
	padding-bottom:7px;
	background-color:#F1F1F1;
	position:relative
}
.textchatcontainer .message.rollresult.hidden3d {
	display:none
}
.textchatcontainer .message.hidden3d .inlinerollresult {
	color:rgba(255,255,255,0.0);
	border:none!important
}
.textchatcontainer .avatar {
	position:absolute;
	top:4px;
	left:5px;
	width:28px
}
.textchatcontainer .inlinerollresult {
	background-color:#FEF68E;
	border:2px solid #FEF68E;
	padding:0 3px 0 3px;
	font-weight:bold;
	cursor:help;
	font-size:1.1em
}
.textchatcontainer .inlinerollresult.fullcrit {
	border:2px solid #3FB315
}
.textchatcontainer .inlinerollresult.fullfail {
	border:2px solid #B31515
}
.textchatcontainer .inlinerollresult.importantroll {
	border:2px solid #4A57ED
}
.textchatcontainer .formula .inlinerollresult {
	font-size:inherit
}
.textchatcontainer .rollresult .avatar {
	top:10px
}
.textchatcontainer .rollresult.quantumRoll {
	background:url(https://app.roll20.net/images/quantumrollsm.png) no-repeat bottom left
}
.inlineqroll {
	width:18px;
	height:18px;
	vertical-align:bottom
}
.textchatcontainer .avatar img {
	max-width:28px;
	max-height:28px
}
.textchatcontainer .message .spacer {
	background-color:#E1E1E1;
	height:2px;
	margin-bottom:7px;
	margin-left:-45px
}
.textchatcontainer .message .tstamp {
	display:none
}
.textchatcontainer.withtimestamps .message .tstamp {
	display:block
}
.textchatcontainer.withoutavatars .avatar {
	display:none
}
.textchatcontainer.withoutavatars .message {
	padding-left:15px
}
.textchatcontainer.withoutavatars .message .spacer {
	margin-left:-15px
}
.textchatcontainer .message.desc {
	padding-left:15px
}
.textchatcontainer .message.desc .spacer {
	margin-left:-15px
}
.textchatcontainer .message.desc img {
	display:block;
	max-width:100%;
	margin:0 auto;
}
.textchatcontainer .formula,.textchatcontainer .rolled {
	display:inline;
	padding:4px;
	background:white;
	border-radius:3px;
	border:1px solid #D1D1D1;
	font-size:1.1em;
	line-height:2.0em;
	word-wrap:break-word
}
.textchatcontainer .formula .parsegroup {
	display:inline
}
.textchatcontainer .formula .parsegroup .parsegroupitem {
	display:inline
}
.textchatcontainer.withouticons .dicegrouping .diceroll .backing {
	display:none!important
}
.diceroll.withouticons .backing {
	display:none!important
}
.textchatcontainer .dicegrouping {
	display:inline
}
.textchatcontainer .formattedformula {
	display:block;
	float:left;
	padding:0 4px 0 4px;
	margin:5px 0 5px 0
}
.textchatcontainer .formattedformula>.dicegrouping.ui-sortable {
	cursor:move
}
.textchatcontainer .rolled {
	cursor:move;
	font-weight:bold;
	color:black;
	font-size:1.4em
}
.textchatcontainer .parsegroup .parsegroupitem.dropped .diceroll {
	opacity:.40
}
.textchatcontainer .formula .userscript-parsegroup {
	display:inline
}
.textchatcontainer .formula .userscript-parsegroup .userscript-parsegroupitem {
	display:inline
}
.textchatcontainer.withouticons .userscript-dicegrouping .userscript-diceroll .userscript-backing {
	display:none!important
}
.userscript-diceroll.withouticons .userscript-backing {
	display:none!important
}
.textchatcontainer .userscript-dicegrouping {
	display:inline
}
.textchatcontainer .rolled {
	cursor:move;
	font-weight:bold;
	color:black;
	font-size:1.4em
}
.textchatcontainer .userscript-parsegroup .userscript-parsegroupitem.userscript-dropped .userscript-diceroll {
	opacity:.40
}
.textchatcontainer .error {
	background:#FFD2AD;
	border-radius:3px;
	border:1px solid #D1D1D1
}
.textchatcontainer .emote {
	font-style:italic;
	font-weight:bold;
	text-align:center;
	color:#653E10;
	background-color:#F5E4D3
}
.textchatcontainer .emote .spacer {
	background-color:#F0C392
}
.textchatcontainer .desc {
	font-style:italic;
	font-weight:bold;
	text-align:center
}
.textchatcontainer .desc .spacer {
}
.textchatcontainer .message.system {
	background-color:#D4F5D3
}
.textchatcontainer .message.system .spacer {
	background-color:#A6F092
}
.textchatcontainer .message.private {
	background-color:#F2F5D3
}
.textchatcontainer .message.private .spacer {
	background-color:#F0F092
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

	/*롤20 크툴루 탬플릿*/

.sheet-rolltemplate-coc-defence table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-defence caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-defence td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-defence td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-defence td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-defence .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-defence .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-defence .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-defence .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}


.sheet-rolltemplate-coc-defence-1 table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-defence-1 caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-defence-1 td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-defence-1 td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-defence-1 td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}


.sheet-rolltemplate-coc-vehicleattack table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-vehicleattack caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-vehicleattack td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-vehicleattack td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-vehicleattack td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-vehicleattack .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-vehicleattack .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-vehicleattack .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-vehicleattack .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}


.sheet-rolltemplate-coc table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}


.sheet-rolltemplate-coc-attack table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-attack caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-attack td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-attack td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-attack td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-attack .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-1 table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-1 caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-1 td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-1 td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-1 td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-1 .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-attack-1 table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-attack-1 caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-attack-1 td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-attack-1 td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-attack-1 td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-dice-roll table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-dice-roll caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-dice-roll td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-dice-roll td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-dice-roll td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-dice-roll .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-dice-roll .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-bomadness-da-rt table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-da-rt caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-da-rt td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-da-rt td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-bomadness-da-rt td.sheet-template_value {
    text-align: center;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-da-rt .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-bomadness-da-rt .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}


.sheet-rolltemplate-coc-bomadness-rt table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-rt caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-rt td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-rt td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-bomadness-rt td.sheet-template_value {
    text-align: center;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-rt .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-bomadness-rt .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-pulp-bomadness-rt table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-pulp-bomadness-rt caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-pulp-bomadness-rt td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-pulp-bomadness-rt td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-pulp-bomadness-rt td.sheet-template_value {
    text-align: center;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-pulp-bomadness-rt .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-pulp-bomadness-rt .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-bomadness-da-summ table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-da-summ caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-da-summ td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-da-summ td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-bomadness-da-summ td.sheet-template_value {
    text-align: center;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-da-summ .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-bomadness-da-summ .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-bomadness-summ table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-summ caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-summ td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-summ td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-bomadness-summ td.sheet-template_value {
    text-align: center;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-summ .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-bomadness-summ .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-pulp-bomadness-summ table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-pulp-bomadness-summ caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-pulp-bomadness-summ td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-pulp-bomadness-summ td.sheet-template_label {
    font-weight: Bold;
}
.sheet-rolltemplate-coc-pulp-bomadness-summ td.sheet-template_value {
    text-align: center;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-pulp-bomadness-summ .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-pulp-bomadness-summ .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-defence-2 table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #E3DEDB;
}
.sheet-rolltemplate-coc-defence-2 caption {
    text-align: center;
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-defence-2 td {
  padding: 2px;
  border-bottom: 1px solid black;
  background: #efefef;
}
.sheet-rolltemplate-coc-defence-2 td.sheet-template_label {
    font-weight: Bold;
    background: #efefef;
}
.sheet-rolltemplate-coc-defence-2 td.sheet-template_value {
    text-align: center;
    background: #efefef;
}
.sheet-rolltemplate-coc-defence-2 .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #c3c9bd;
}

.sheet-rolltemplate-coc-minionattack table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-coc-minionattack caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-minionattack td {
  padding: 2px;
  border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-minionattack td.sheet-template_label {
    font-weight: bold;
}
.sheet-rolltemplate-coc-minionattack td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-minionattack .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-minionattack .inlinerollresult.fullcrit {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-minionattack .inlinerollresult.fullfail {
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc-minionattack .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
}

.sheet-rolltemplate-coc-miniondef table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #E3DEDB;
}
.sheet-rolltemplate-coc-miniondef caption {
    text-align: center;
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-miniondef td {
  padding: 2px;
  border-bottom: 1px solid black;
  background: #efefef;
}
.sheet-rolltemplate-coc-miniondef td.sheet-template_label {
    font-weight: Bold;
    background: #efefef;
}
.sheet-rolltemplate-coc-miniondef td.sheet-template_value {
    text-align: center;
    background: #efefef;
}
.sheet-rolltemplate-coc-miniondef .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #c3c9bd;
}

.sheet-rolltemplate-coc-body-hit-loc table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
    text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-body-hit-loc td {
  padding: 2px;
  border-bottom: 1px solid black;
  text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc td.sheet-template_label {
    font-weight: Bold;
    text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc td.sheet-template_value {
    text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc .inlinerollresult  {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid black;
    background: #BEBEBE;
}
.sheet-rolltemplate-coc--body-hit-loc .inlinerollresult.importantroll {
  border: 2px solid black;
    background: #BEBEBE;
    text-align: center;
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

	/*롤20 동양풍 인세인 탬플릿*/

.sheet-rolltemplate-InsaeContents {display:block; position:relative; max-width:500px; margin:0 auto; padding:7px 3px; box-sizing:border-box; z-index:0;}
.sheet-rolltemplate-InsaeContents:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; border:1px solid transparent;
	border-image: url('https://i.imgur.com/uEbZDSh.png');
	-webkit-border-image: url('https://i.imgur.com/uEbZDSh.png');
	-moz-border-image: url('https://i.imgur.com/uEbZDSh.png');
	border-image-slice:30;
	border-image-repeat: round;
	border-image-width:30px;
}
.sheet-rolltemplate-InsaeContents:after {content:""; display:block; position:absolute; top:29px; left:29px; bottom:29px; right:29px; background:#fdfaf9; z-index:-1;}
.sheet-rolltemplate-InsaeContents em {color:#e60012; font-style:normal; font-weight:800 !important;}
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con {padding:20px 26px 30px; font-size:13px; line-height:1.5; min-height:60px; text-align:center; word-break:keep-all;}
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con .sheet-ins-tit {display:block; text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.5); line-height:1.2;}
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con .sheet-ins-tit span,
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con .sheet-ins-tit strong {display:block;}
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con .sheet-ins-tit strong {font-size:16px; font-weight:800;}
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con .sheet-ins-tit strong em {color:#e60012;}
.sheet-rolltemplate-InsaeContents .sheet-ins-default-con .sheet-ins-tit span {font-size:11px;}
.sheet-rolltemplate-InsaeContents .sheet-emotion-box {overflow:hidden;}
.sheet-rolltemplate-InsaeContents .sheet-emotion-box span {display:block; float:left; width:50%; text-align:center; font-weight:800; font-size:18px; box-sizing:border-box;}
.sheet-rolltemplate-InsaeContents .sheet-emotion-box span.sheet-m:after {content:"-"; color:#ee5f5b; margin-left:5px;}
.sheet-rolltemplate-InsaeContents .sheet-emotion-box span.sheet-p:before {content:"+"; color:#337ab7; margin-right:5px;}
.sheet-rolltemplate-InsaeContents .sheet-emotion-box span.sheet-m {border-left:1px solid rgba(0,0,0,.3);}
.sheet-rolltemplate-InsaeContents .sheet-big {font-size:16px; font-weight:800;}
.sheet-rolltemplate-InsaeContents .inlinerollresult {display:inline; margin:0 !important; border:none !important; background:transparent !important; padding:0 !important; font-weight:400 !important;}

.sheet-rolltemplate-InsaeDice {display:block; position:relative; max-width:500px; margin:0 auto; padding:7px 3px; box-sizing:border-box; z-index:0;}
.sheet-rolltemplate-InsaeDice:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; border:1px solid transparent;
	border-image: url('https://i.imgur.com/uEbZDSh.png');
	-webkit-border-image: url('https://i.imgur.com/uEbZDSh.png');
	-moz-border-image: url('https://i.imgur.com/uEbZDSh.png');
	border-image-slice:30;
	border-image-repeat: round;
	border-image-width:30px;
}
.sheet-rolltemplate-InsaeDice:after {content:""; display:block; position:absolute; top:29px; left:29px; bottom:29px; right:29px; background:#fdfaf9; z-index:-1;}
.sheet-rolltemplate-InsaeDice em {color:#e60012; font-style:normal;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con {padding:20px 26px 30px; font-size:13px; line-height:1.5; min-height:60px; text-align:center; word-break:keep-all;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit {display:block; text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.5); line-height:1.2;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit.sheet-noline {border-bottom:0; margin-bottom:0; padding-bottom:0;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit span,
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit strong {display:block;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit strong {font-size:16px; font-weight:800;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit strong em {color:#e60012;}
.sheet-rolltemplate-InsaeDice .sheet-ins-default-con .sheet-ins-tit span {font-size:11px;}

.sheet-rolltemplate-InsaeDice .inlinerollresult {display:inline; text-align:center; margin:0 !important; border:none !important; background:transparent !important; padding:0 !important; font-weight:800;}
.sheet-rolltemplate-InsaeDice .inlinerollresult.fullcrit {color:#3FB315;}
.sheet-rolltemplate-InsaeDice .inlinerollresult.fullfail {color:#B31515;}
.sheet-rolltemplate-InsaeDice .sheet-ins-dice {font-size:20px; text-indent:.5rem; letter-spacing:.5em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.5);}
.sheet-rolltemplate-InsaeDice .sheet-ins-dice .inlinerollresult {font-size:20px !important;}
.sheet-rolltemplate-InsaeDice .sheet-ins-target {font-size:14px;}
.sheet-rolltemplate-InsaeDice .sheet-ins-target em {font-weight:800;}
.sheet-rolltemplate-InsaeDice .sheet-ins-target .inlinerollresult {font-size:14px !important;}

.sheet-rolltemplate-InsaeDice .sheet-ins-rollresult span {display:block; margin-top:-11px; padding:5px; margin-bottom:10px; font-size:14px; font-weight:800;}
.sheet-rolltemplate-InsaeDice .sheet-ins-rollresult span.sheet-ins-ciri {color:#000; background:#75ff75;}
.sheet-rolltemplate-InsaeDice .sheet-ins-rollresult span.sheet-ins-fumble {color:#fff; background:red;}

.sheet-rolltemplate-InsaeDice .sheet-ins-effect {margin-top:10px; padding-top:10px; background:url('https://i.imgur.com/x7cYfNo.png') no-repeat 50% 0;}
.sheet-rolltemplate-InsaeDice .sheet-ins-effect-inner {max-height:150px; overflow:auto; padding:10px; line-height:1.5; font-size:12px; text-align:left; background:rgba(255,255,255,.4);}
.sheet-rolltemplate-InsaeDice .sheet-ins-effect-guide {padding:5px 0 10px;}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/* 업야담 */

.sheet-rolltemplate-upyadam {}
.sheet-rolltemplate-upyadam {display:block; position:relative;
	border:50px solid transparent;
	border-image:url("https://i.imgur.com/WHDuu6A.png");
	border-image-repeat:round;
	border-image-slice:50;
	border-image-width:50px;
}
.sheet-rolltemplate-upyadam * {vertical-align:bottom;}
.sheet-rolltemplate-upyadam .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}
.sheet-rolltemplate-upyadam .sheet-ins-wrap {display:block; background:url('https://i.imgur.com/JXcaMMZ.jpg'); z-index:0;}
.sheet-rolltemplate-upyadam .sheet-ins-default-con {display:block; position:relative; margin:-40px -50px;}
.sheet-rolltemplate-upyadam .sheet-name {text-align:center; font-size:12px; color:#000;}
.sheet-rolltemplate-upyadam .sheet-name em {font-style:normal;}

.sheet-rolltemplate-upyadam .sheet-tit {display:block; position:relative; text-align:center; padding:10px 0;}
.sheet-rolltemplate-upyadam .sheet-tit strong {display:block; font-size:16px; font-weight:600; line-height:1.3; color:#000;}
.sheet-rolltemplate-upyadam .sheet-dice-box {display:block; position:relative;}
.sheet-rolltemplate-upyadam .sheet-dice-box:after {content:""; display:block; clear:both;}
.sheet-rolltemplate-upyadam .sheet-data-area {float:right;}
.sheet-rolltemplate-upyadam .sheet-data-area > span {display:inline-block; vertical-align:middle;}
.sheet-rolltemplate-upyadam .sheet-data-area > span + span:before {content:"/ ";}
.sheet-rolltemplate-upyadam .sheet-name em {color:#9e808d;}

.sheet-rolltemplate-upyadam .sheet-dice-box {background:rgba(158,128,141,.7); padding:8px 10px 6px; min-height:30px; box-sizing:border-box; color:#fff; font-size:12px; margin:0 3px 40px;}
.sheet-rolltemplate-upyadam .sheet-dice-area {position:absolute; left:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sheet-rolltemplate-upyadam .sheet-dice {display:block; position:relative; width:40px; height:40px; margin-left:10px; z-index:0; color:#fff; font-size:28px; font-weight:800; text-align:center; line-height:40px;}
.sheet-rolltemplate-upyadam .sheet-dice:before,
.sheet-rolltemplate-upyadam .sheet-mod:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#9e808d; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); z-index:-1;}
.sheet-rolltemplate-upyadam .sheet-mod {display:block; position:absolute; bottom:0; left:62px; width:27px; height:27px; z-index:0; color:#fff; font-size:14px; font-weight:800; text-align:center; line-height:27px; transform:translateY(50%); -webkit-transform:translateY(50%);}

.sheet-rolltemplate-upyadam .sheet-data-box {text-align:center; padding:12px; color:#333; font-size:16px; margin:0 16px; border-top:1px solid rgba(0,0,0,.5);}
.sheet-rolltemplate-upyadam .sheet-data-box em {font-style:normal; color:#9e808d;}

.sheet-rolltemplate-upyadam .sheet-scene-box {border-top:1px solid rgba(0,0,0,.5); font-size:12px; line-height:1.4; padding:10px 5px 0; margin:0 16px 12px; color:#000;} 

.sheet-rolltemplate-upyadam .sheet-effect-box {display:block; font-size:12px; line-height:1.4; padding:10px 0 0; margin:0 16px 12px;}
.sheet-rolltemplate-upyadam .sheet-dice-box ~ .sheet-effect-box {margin-top:-25px;}

.sheet-rolltemplate-upyadam .sheet-effect-box span {display:inline-block; color:#fff; font-size:11px; background:#000; padding:2px 5px 1px;}

.sheet-rolltemplate-upyadam .sheet-emotion-box {text-align:center; padding:12px; color:#333; font-size:16px; margin:0 16px; border-top:1px solid rgba(0,0,0,.5); font-weight:600;}
.sheet-rolltemplate-upyadam .sheet-emotion-box .sheet-p {color:#2196f3;}
.sheet-rolltemplate-upyadam .sheet-emotion-box .sheet-p:before {content:"+";}
.sheet-rolltemplate-upyadam .sheet-emotion-box .sheet-p:after {content:" ◇ "; color:#333;}
.sheet-rolltemplate-upyadam .sheet-emotion-box .sheet-m {color:#dc0000;}
.sheet-rolltemplate-upyadam .sheet-emotion-box .sheet-m:after {content:"-";}

/* 청룡 스타일 */
.sheet-rolltemplate-upyadam .sheet-pos-1 ~ * .sheet-name em {color:#24355e;}
.sheet-rolltemplate-upyadam .sheet-pos-1 ~ * .sheet-dice:before,
.sheet-rolltemplate-upyadam .sheet-pos-1 ~ * .sheet-mod:before {background:#24355e;}
.sheet-rolltemplate-upyadam .sheet-pos-1 ~ * .sheet-dice-box {background:rgba(36,53,94,.7);}
.sheet-rolltemplate-upyadam .sheet-pos-1 ~ * .sheet-data-box em {font-style:normal; color:#24355e;}

/* 주작 스타일 */
.sheet-rolltemplate-upyadam .sheet-pos-2 ~ * .sheet-name em {color:#630b0b;}
.sheet-rolltemplate-upyadam .sheet-pos-2 ~ * .sheet-dice:before,
.sheet-rolltemplate-upyadam .sheet-pos-2 ~ * .sheet-mod:before {background:#630b0b;}
.sheet-rolltemplate-upyadam .sheet-pos-2 ~ * .sheet-dice-box {background:rgba(99,11,11,.7);}
.sheet-rolltemplate-upyadam .sheet-pos-2 ~ * .sheet-data-box em {font-style:normal; color:#630b0b;}

/* 백호 스타일 */
.sheet-rolltemplate-upyadam .sheet-pos-3 ~ * .sheet-name em {color:#999999;}
.sheet-rolltemplate-upyadam .sheet-pos-3 ~ * .sheet-dice:before,
.sheet-rolltemplate-upyadam .sheet-pos-3 ~ * .sheet-mod:before {background:#999999;}
.sheet-rolltemplate-upyadam .sheet-pos-3 ~ * .sheet-dice-box {background:rgba(153,153,153,.7);}
.sheet-rolltemplate-upyadam .sheet-pos-3 ~ * .sheet-data-box em {font-style:normal; color:#999999;}

/* 현무 스타일 */
.sheet-rolltemplate-upyadam .sheet-pos-4 ~ * .sheet-name em {color:#2d2831;}
.sheet-rolltemplate-upyadam .sheet-pos-4 ~ * .sheet-dice:before,
.sheet-rolltemplate-upyadam .sheet-pos-4 ~ * .sheet-mod:before {background:#2d2831;}
.sheet-rolltemplate-upyadam .sheet-pos-4 ~ * .sheet-dice-box {background:rgba(45,40,49,.7);}
.sheet-rolltemplate-upyadam .sheet-pos-4 ~ * .sheet-data-box em {font-style:normal; color:#2d2831;}

/* 요괴 스타일 */
.sheet-rolltemplate-upyadam .sheet-pos-5 ~ * .sheet-name em {color:#293b25;}
.sheet-rolltemplate-upyadam .sheet-pos-5 ~ * .sheet-dice:before,
.sheet-rolltemplate-upyadam .sheet-pos-5 ~ * .sheet-mod:before {background:#293b25;}
.sheet-rolltemplate-upyadam .sheet-pos-5 ~ * .sheet-dice-box {background:rgba(41,59,37,.7);}
.sheet-rolltemplate-upyadam .sheet-pos-5 ~ * .sheet-data-box em {font-style:normal; color:#293b25;}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

	/*롤20 기본 인세인 탬플릿*/

select,
div,
button,
textarea,
span,
input,
img,
label{
    box-sizing: border-box;
}
div{
    margin: 0px;
    padding: 0px;
}
img{
    margin: 0px;
    padding: 0px;
}
table, th, td {
    border: 1px solid black;
    text-align:center;
	font-size: 1.00em;
}
/* ==== CLASSES ==== */
.sheet-underlined{
    border-bottom: 1px solid black;
}
.sheet-bordered{
    border: 1px solid black;
    margin-bottom: 4px;
}
.sheet-titled{
    margin-top: -13px;
    padding-top: 15px;
}
.sheet-block{display: block;}
.sheet-inbox{
    padding-left:2px;
    padding-bottom: 2px;
    text-align: left;
}
.sheet-inboxright{
    padding-right: 2px;
    padding-bottom: 2px;
    text-align: right;
}
.sheet-indent{
    text-indent: 10px;
}
.sheet-padindent{
    padding-left: 10px;
}
.sheet-margindent {
    margin-left: 10px;
}
.sheet-bold{
    font-weight: bold;
}
.sheet-center{
    text-align: center;
}
.sheet-invisible {
    opacity: 0;
}
/* ==== DIVS ==== */

div.sheet-fullpc{
    display: block;
    vertical-align: top;
    text-align: left;
    width: 850px;
    max-width: 850px;
    background-color: white;
    font-family: 'Times New Roman';
    color: black;
}

div.sheet-myrow{
    width: 100%;
    text-align: left;
}
div.sheet-myrow.sheet-right{
    text-align: right;
}
div.sheet-myrow.sheet-center{
    text-align: center;
}
div.sheet-colhalf{
    display: inline-block;
    vertical-align: top;
    width: 99.6%;
    text-align: left;
}
div.sheet-col1third{
    display: inline-block;
    vertical-align: top;
    width: 276px;
    max-width: 25%;
    margin: 1px;
    text-align: center;
}
div.sheet-col2third{
    display: inline-block;
    vertical-align: top;
    width: 560px;
    max-width: 37%;
}
.sheet-blacklabel{
    display: inline-flex;
    align-items: center;
    background-color: black;
    color: white;
    text-align: center;
    vertical-align: top;
    height: 24px;
    text-transform: uppercase;
    border: none;
}
.sheet-blacklabel.sheet-pnty {
    flex-flow: row nowrap;
    justify-content: space-between;
}
.sheet-blacklabel.sheet-right {
    flex-flow: row nowrap;
    justify-content: flex-end;
}
.sheet-blacklabel .sheet-big {
    display: inline-block;
    font-size: 1.3em;
    line-height: 1.0em;
    font-weight: bold;
}
.sheet-blacklabel .sheet-big.sheet-only {
    flex-grow: 2;
}
.sheet-blacklabel .sheet-med {
    display: block;
    font-size: 0.80em;
    line-height: 0.85em;
}
.sheet-blacklabel .sheet-med.sheet-only {
    align-self: flex-end;
    margin-bottom: 3px;
}
img.sheet-brdleft,
img.sheet-brdright {
    display: inline-block;
    height: inherit;
}
img.sheet-brdleft {margin-right: 4px;}
img.sheet-brdright {margin-left: 4px;}
div.sheet-identity{
    display: inline-block;
    margin-left: 4px;
}
div.sheet-boxed.sheet-greybg{
    background-color: #DDD;
}
div.sheet-subcol {
    display: inline-block;
    vertical-align: top;
}
div.sheet-initiative {display: block;}
.sheet-identity span{
    display: block;
    margin-left: 2px;
    text-transform: capitalize;
    font-size: 1.03em;
    color: black;
	padding-top:3px;
}
.sheet-identity input[type=text].sheet-medium {width: 100px;}
.sheet-identity input[type=text].sheet-small {width: 46px;}
.sheet-initiative .sheet-blacklabel {width: 70px;}

.sheet-initiative div.sheet-boxed {margin-left: 5px;}



.sheet-acitems .sheet-item {width: 190px;}
.sheet-acitems .sheet-equipped {width: 16px;}
.sheet-acitems .sheet-ac,
.sheet-acitems .sheet-flat,
.sheet-acitems .sheet-touch,
.sheet-acitems .sheet-natural,
.sheet-acitems .sheet-deflection,
.sheet-acitems .sheet-dodge,
.sheet-acitems .sheet-check,
.sheet-acitems .sheet-max,
.sheet-acitems .sheet-spellfailure {width: 32px;}
.sheet-acitems .sheet-spacer.sheet-type,
.sheet-acitems .sheet-type {width: 63px;}
.sheet-acitems .sheet-lab.sheet-totals {width: 90px;}
.sheet-acitems .sheet-lab.sheet-shield,
.sheet-acitems .sheet-lab.sheet-armor {width: 50px;}
.sheet-acitem div.sheet-myrow {padding-left: 16px;}

.sheet-attacks {text-align: right;}
.sheet-attacks div.sheet-padindent {padding-left: 22px;}
.sheet-attacks .sheet-dmgbase {width: 120px;}
.sheet-attacks .sheet-dmgtype {width: 120px;}
.sheet-attacks span.sheet-lbl.sheet-atk {
    width: 55px;
    vertical-align: bottom;
}
.sheet-attacks .sheet-blacklabel .sheet-weapon-title {width: 180px;}
.sheet-attacks .sheet-blacklabel .sheet-atk-title {width: 105px;}
.sheet-attacks .sheet-blacklabel .sheet-damage-title {width: 50px;}
.sheet-attacks .sheet-blacklabel .sheet-ammo-title {width: 40px;}
div.sheet-attack {margin-bottom: 2px;}
.sheet-attack .sheet-weapon {
    display: inline-block;
    width: 208px;
    text-align: left;
    font-size: 1.1em;
    padding-left: 2px;
    vertical-align: top;
}
.sheet-attack .sheet-weapon .sheet-vs {
    width: auto;
    text-align: right;
    font-family: sans-serif;
    font-size: 0.8em;
    white-space: pre;
    vertical-align: top;
}
.sheet-attacks .sheet-atk {
    display: inline-block;
    width: 105px;
    vertical-align: top;
}
.sheet-attacks .sheet-damage {
    display: inline-block;
    width: 50px;
    vertical-align: top;
}
.sheet-attacks .sheet-atk .sheet-pseudoattr,
.sheet-attacks .sheet-damage .sheet-pseudoattr {
    text-align: center;
    font-family: sans-serif;
    font-size: 0.95em;
}
.sheet-attacks .sheet-ammo {width: 40px;}
.sheet-attacks select.sheet-type {width: 55px;}
.sheet-attacks select.sheet-vs {width: 90px;}
.sheet-attacks select.sheet-dmg {width: 70px;}

.sheet-skills .sheet-blacklabel {width: 85%;}
.sheet-skills .sheet-blacklabel.sheet-totalranks {
    width: 165px;
    margin-left: 133px;
}
.sheet-skills .sheet-name {width: 180px;}
.sheet-skill .sheet-number,
.sheet-spellcasting .sheet-number,
.sheet-spells .sheet-number {
    width: 30px;
    text-align: center;
}
.sheet-skill span.sheet-perform,
.sheet-skill span.sheet-craft,
.sheet-skill span.sheet-knowledge,
.sheet-skill span.sheet-profession,
.sheet-skill span.sheet-custom {width: 60px;}
.sheet-skill span.sheet-custom.sheet-only {width: 180px;}
.sheet-skill input[type="text"].sheet-craft,
.sheet-skill input[type="text"].sheet-knowledge,
.sheet-skill input[type="text"].sheet-perform,
.sheet-skill input[type="text"].sheet-profession,
.sheet-skill input[type="text"].sheet-custom {width: 117px;}

.sheet-spellcasting .sheet-perlevel {margin-bottom: 1px;}
.sheet-spellcasting .sheet-perlevel .sheet-lab,
.sheet-spellcasting .sheet-perlevel .sheet-level {
    width: 40px;
    margin: 0px 1px 0px 1px;
}
.sheet-spellcasting .sheet-perlevel .sheet-boxed {margin: 0px 1px 0px 1px;}
.sheet-spells .sheet-blacklabel {width: 60%;}
div.sheet-spell {margin-top: 2px;}
.sheet-spell .sheet-lab {text-align: left;}
span.sheet-std {width: 80px;}
input[type="text"].sheet-std {
    font-size: 1.2em;
    line-height: 1.2em;
}
div.sheet-ability,
div.sheet-acvalues,
div.sheet-initiative,
div.sheet-acitem,
div.sheet-saves,
div.sheet-babs,
div.sheet-attackmods,
div.sheet-defenses,
div.sheet-attack,
div.sheet-skill,
div.sheet-concentration,
div.sheet-spell,
div.sheet-statblock,
div.sheet-encumbrance,
div.sheet-speeds,
div.sheet-gearitem,
div.sheet-skills,
div.sheet-attacks {
    position: relative;
}

.sheet-spell input[type="text"].sheet-std {width: 180px;}
.sheet-fullpc .sheet-feat input[type="text"].sheet-std,
.sheet-fullpc .sheet-ability input[type="text"].sheet-std {width: 320px;}
.sheet-statblock .sheet-feat input[type="text"].sheet-std {width: 210px;}
.sheet-autoex.sheet-std {
    display: inline-block;
    vertical-align: bottom;
}
.sheet-spell .sheet-autoex.sheet-std {
    width: 180px;
    max-width: 180px;
}
.sheet-fullpc .sheet-feat .sheet-autoex.sheet-std {
    width: 320px;
    max-width: 320px;
}
.sheet-statblock .sheet-feat .sheet-autoex.sheet-std {
    width: 210px;
    max-width: 210px;
}
.sheet-spell span.sheet-med {width: 95px;}
.sheet-spell input[type="text"].sheet-med {
    width: 150px;
    font-size: 1.2em;
    line-height: 1.2em;
}

.sheet-statblock .sheet-npcatk .sheet-attack {
    display: inline-block;
    position: relative;
}
.sheet-spells .sheet-pseudoattr.sheet-sml {width: 25px;}
.sheet-fullpc .sheet-money .sheet-blacklabel,
.sheet-fullpc .sheet-feats .sheet-blacklabel,
.sheet-fullpc .sheet-traits .sheet-blacklabel,
.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-title {width: 95%;}
.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-total {
    width: calc(100% + 2px);
    padding-right: 2px;
    margin-top: 2px;
    margin-right: -2px;
    margin-bottom: -2px;
}
.sheet-gear .sheet-qty  {width: 50px;}
.sheet-gear .sheet-total {width: 35px;}
.sheet-gear .sheet-weight {width: 85px;}
.sheet-gear .sheet-wtotal {
    width: 45px;
    color: black;
}
.sheet-gearitem input.sheet-item {width: 260px;}
.sheet-gear span.sheet-overload {color: white;}
.sheet-gear input.sheet-overload[value="over"] + span.sheet-overload {
    font-weight: bold;
    color: #BE202E;
    text-transform: uppercase;
}

.sheet-encumbrance .sheet-lab.sheet-std {width: 75px;}

/* ===== SPANS ===== */
/* deleted */
span.sheet-roundblack {
    background-color: black;
    border-radius: 50%;
    font-family: sans-serif;
    font-weight: bold;
    color: white;
    font-size: 0.8em;
    height: 12px;
    width: 12px;
    line-height: 12px;
    vertical-align: bottom;
    text-align: center;
}
span.sheet-spacer{
    min-width: 10px;
    text-align: center;
}
span.sheet-lab {
    text-align: center;
    vertical-align: bottom;
    font-family: sans-serif;
    font-size: 0.84em;
    line-height: 1.1em;
    text-transform: capitalize;
    white-space: pre;
    color: black;
}
.sheet-lab.sheet-right{text-align: right;}
.sheet-abilities .sheet-lab:first-child {width: 80px;}
.sheet-abilities .sheet-lab {width: 50px;}
.sheet-hpvalues .sheet-lab {width: 40px;}
.sheet-initiative .sheet-lab {width: 45px;}
.sheet-acvalues .sheet-lab,
.sheet-saves .sheet-lab,
.sheet-babs .sheet-lab,
.sheet-attackmods .sheet-lab,
.sheet-defenses .sheet-lab,
.sheet-speeds .sheet-lab {width: 40px;}

.sheet-lbl {
    text-align: left;
    vertical-align: bottom;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    text-transform: capitalize;
    white-space: pre;
}
.sheet-lbl.sheet-right {text-align: right;}
.sheet-lbl.sheet-upper {text-transform: uppercase;}

span.sheet-pseudoattr {
    font-family: 'Patrick Hand';
    font-size: 1.2em;
    line-height: 16px;
    height: 18px;
    vertical-align: bottom;
    white-space: pre-line;
    overflow: hidden;
}
div.sheet-boxed span.sheet-pseudoattr {
    min-width: 36px;
    margin-top: 3px;
}
.sheet-acitems div.sheet-boxed {width: 28px;}
.sheet-acitems div.sheet-boxed span.sheet-pseudoattr {
    min-width: 26px;
    width: 26px;
}

.sheet-skills .sheet-lab.sheet-class {width: 20px;}
.sheet-skills .sheet-lab.sheet-name {
    width: 176px;
    text-align: left;
}
.sheet-skills .sheet-lab.sheet-total,
.sheet-skills .sheet-lab.sheet-ability,
.sheet-skills .sheet-lab.sheet-ranks,
.sheet-skills .sheet-lab.sheet-misc {width: 39px;}
.sheet-skills .sheet-lab.sheet-temp {width: 37px;}
.sheet-skill div.sheet-skillability {display: none;}
.sheet-skill input.sheet-skillability[value="strength"] + div.sheet-skillability,
.sheet-skill input.sheet-skillability[value="dexterity"] + div.sheet-skillability {display: inline-block;}

.sheet-fullpc .sheet-feat,
.sheet-fullpc .sheet-ability {margin-top: 2px;}

.sheet-statblock .sheet-senses {width: 350px;}
.sheet-statblock .sheet-type {width: 325px;}
.sheet-statblock .sheet-aura {width: 458px;}
.sheet-statblock .sheet-skill {
    width: 115px;
    text-align: right;
}
span.sheet-npc-section {
    display: block;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 1.15em;
    margin-top: 10px;
    padding-left: 2px;
}

.sheet-multiclass {
    text-align: left;
    white-space: nowrap;
}
.sheet-multiclass .sheet-lab {
    width: 30px;
    font-weight: bold;
}
.sheet-labline.sheet-multiclass.sheet-bord {border-bottom: 1px dotted #CCC;}
.sheet-multiclass .sheet-lab.sheet-spellcasting {
    width: 176px;
    text-transform: uppercase;
    text-align: left;
}
.sheet-multiclass .sheet-lab.sheet-class {width: 140px;}
.sheet-multiclass .sheet-lab.sheet-fav {width: 15px;}
.sheet-multiclass .sheet-lab.sheet-hd {width: 24px;}
.sheet-multiclass .sheet-lab.sheet-spell,
.sheet-multiclass .sheet-spell {
    width: 20px;
    text-align: center;
}
.sheet-multiclass .sheet-ability {width: 70px;}
.sheet-multiclass .sheet-lab.sheet-fail {
    width: 20px;
    text-align: left;
}
.sheet-multiclass .sheet-boxed {width: 30px;}

/* ===== INPUTS ===== */
input, textarea{
    background-color: transparent;
    text-align:center;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: '';
    font-size: 1.0em;
    color: rgb(85, 85, 85);
    border: none;
    border-radius: 0;
    box-shadow: none;
    resize:none;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:hover, select:focus{
    background-color: rgba(230,221,148,0.3);
    outline: none;
}

input[type="text"].sheet-right {text-align: right;}
input[type="text"].sheet-spsml {width: 20px;}
input[type="text"].sheet-sml {width: 30px;}
input[type="text"].sheet-small {width: 45px;}
input[type="text"].sheet-smlmed {width: 80px;}
input[type="text"].sheet-medium {width: 140px;}

input[type="number"]{
    text-align: center;
    vertical-align: middle;
}
input[type="number"].sheet-nospin::-webkit-inner-spin-button,
input[type="number"].sheet-nospin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
input[type=number].sheet-nospin {
    -moz-appearance:textfield;
}
input[type="number"].sheet-spsml {width: 20px;}
.sheet-npc-display input[type="number"].sheet-spsml {vertical-align: top;}
input[type="number"].sheet-sml {width: 30px;}
div.sheet-boxed input[type="number"]{
    width: 36px;
    height: 18px;
    margin-top: 2px;
}
.sheet-identity input[type="number"],
.sheet-attacks input[type="number"],
.sheet-spells input[type="number"],
.sheet-statblock input[type="number"].sheet-medium {width: 35px;}
.sheet-acitem input[type="number"] {width: 28px;}
.sheet-spells input[type="number"].sheet-sml {width: 25px;}
.sheet-skill input[type="number"],
.sheet-spellcasting input[type="number"] {width: 30px;}

select {
    width: auto;
    text-align: center;
    text-align-last:center;
    height: 1.3em;
    line-height: 1.0em;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: capitalize;
    vertical-align: bottom;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.0em;
    font-family: sans-serif;
    border: none;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    background: transparent;
}
select.sheet-alignment {
    width: 110px;
}
select.sheet-size {
    width: 80px;
}
.sheet-acitem select{
    width: 50px;
}

/* ===== ABILITIES ===== */
.sheet-baseattr {
    opacity: 0;
    height: 0px;
    width: 0px;
    pointer-events: none;
    display: inline;
    position: absolute;
}
.sheet-finalattr {
    display: inline-block;
}
.sheet-boxed:hover .sheet-baseattr,
.sheet-boxed .sheet-baseattr:focus {
    opacity: 1;
    width: 36px;
    height: 18px;
    pointer-events: auto;
    position: static;
}
.sheet-boxed:hover .sheet-finalattr,
.sheet-boxed .sheet-baseattr:focus ~ .sheet-finalattr {
    display: none;
}
/* ===== FLAGS ===== */
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span,
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span,
.sheet-spells .sheet-attr-flag:not([value="0"]) + span.sheet-prepared {color: #501414;}
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span:after,
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span:after,
.sheet-spells .sheet-attr-flag:not([value="0"]) +  span.sheet-prepared:after {
    content: "e";
    font-family: "Pictos";
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    margin-left: 1px;
}
.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr{color: #501414;}
.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr:after{
    content: "e";
    font-family: "Pictos";
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    margin-left: 1px;
}
.sheet-skill .sheet-attr-flag:not([value="0"]) + span {color: #501414;}
.sheet-skill .sheet-attr-flag:not([value="0"]) + span:after{
    font-family: "Pictos";
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 1px;
}
.sheet-skill .sheet-attr-flag[value="1"] + span:after {
    content: "U";
}
.sheet-skill .sheet-attr-flag[value="2"] + span:after {
    content: "e";
}
.sheet-skill .sheet-attr-flag[value="3"] + span:after {
    content: "Ue";
}
.sheet-spell .sheet-attr-flag + span{
    position: absolute;
    right: 75px;
}
.sheet-spell .sheet-attr-flag:not([value="0"]) + span:after{
    font-family: "Pictos Three";
    font-size: 1.2em;
    font-weight: bold;
    color: #BE202E;
    background: #DDD;
    content: "g";
}
.sheet-spell .sheet-domain-flag + span {
    margin-left: 2px;
}
.sheet-spell .sheet-domain-flag:not([value="0"]) + span:after {
    font-family: "Times New Roman";
    font-size: 0.60em;
    font-weight: normal;
    color: black;
    background: transparent;
    content: "D";
    vertical-align: super;
    line-height: 0.9em;
}

/* ===== BUTTONS ===== */
button[type="compendium"].sheet-myrol,
button[type="roll"].sheet-myrol {
    text-align: center;
    text-decoration: none;
    background:none;
    background-image:none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: inherit;
    margin: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
    text-align: inherit;
    vertical-align: inherit;
    border-radius: none;
}
button[type="compendium"].sheet-myrol:hover,
button[type="roll"].sheet-myrol:hover{
    color: #BE202E;
}
button[type="roll"].sheet-myrol:before{
    content: none;
}
.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.3em;
    line-height: 1.0em;
}
.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big.sheet-only {
    flex-grow: 2;
}
button[type="roll"].sheet-myrol.sheet-margindent {margin-left: 14px;}
.sheet-statblock  button[type="roll"].sheet-myrol{margin: 0px 0px 0px 0px;}
button[type="roll"].sheet-myrol.sheet-underl {
    margin-left: 14px;
    border-bottom: 1px dotted #999;
}
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl,
.sheet-spelllike .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {font-style: italic;}
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {
    margin-right: 2px;
    border-bottom: 1px dotted transparent;
}
button[type="roll"].sheet-myrol.sheet-underl:hover,
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl:hover {border-bottom: 1px dotted #BE202E;}

.sheet-statblock .sheet-attack .sheet-lbl.sheet-atk {width: 55px;}
.sheet-statblock .sheet-prep {
    width: 55px;
    text-align: center;
}

button[type="compendium"].sheet-myrol {
    display: none;
}
.sheet-fromcompendium:not([value=""]) + button[type="compendium"].sheet-myrol {
    display: inline-block;
}

/* ===== PSEUDO CHECKS and RADIOS ===== */
input[type="checkbox"].sheet-pseudocheck,
input[type="radio"].sheet-pseudocheck {
    opacity: 0;
    width: 13px;
    cursor: pointer;
    z-index: 10;
    margin-top: 3px;
    line-height: 13px;
}
input[type="checkbox"].sheet-pseudocheck + span,
input[type="radio"].sheet-pseudocheck + span {
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    display: inline-block;
    margin-left: -13px;
}
input[type="checkbox"].sheet-pseudocheck + span::before,
input[type="radio"].sheet-pseudocheck + span::before {
    text-align: middle;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
}
input[type="checkbox"].sheet-pseudocheck + span::before {
    content: "☐";
    line-height: 18px;
    font-size: 18px;
}
input[type="checkbox"].sheet-pseudocheck:checked + span::before {
    content: "☑";
}
input[type="radio"].sheet-pseudocheck + span {
    border: 1px solid black;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    vertical-align: bottom;
}
input[type="radio"].sheet-pseudocheck + span::before {
    content: "";
    margin-top: -4px;
}
input[type="radio"].sheet-pseudocheck:checked + span::before {
    content: "✔";
}
/* ==== LEFT FILLED RADIO  ==== */
.sheet-dots {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.sheet-spell div.sheet-dots {
    width: 70px;
    text-align: left;
    vertical-align: top;
}
.sheet-dots input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 1;
}
.sheet-dots input[type="radio"],
.sheet-dots input[type="radio"] + span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 3px -1px 0px -1px;
}
.sheet-dots input[type="radio"] + span {
    vertical-align: top;
    position: relative;
    background: transparent;
}
.sheet-dots input[type="radio"]:not([value="0"]) + span {
    border: 1px solid black;
    border-radius: 50%;
}
.sheet-dots input[type="radio"]:not([value="0"]) + span::before {
    content: "✔";
    position: absolute;
    top: -3px;
    left: 0px;
}
.sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span::before {
    content: " ";
}
.sheet-dots input[type="radio"][value="0"] + span:before {
    content: "✗";
    font-family: sans-serif;
    font-size: 1.2em;
    line-height: 0.9em;
    position: relative;
}
.sheet-dots input[type="radio"][value="0"]:hover + span:before {
    font-weight: bold;
    color: #BE202E;
}
/* ===== PSEUDO TABS ===== */
div.sheet-tabmain,
div.sheet-tabadd,
div.sheet-tabspell,
div.sheet-tabconf {
    display: none;
    text-align: center;
    width: 100%;
    border-top: 1px solid black;
    padding-top: 4px;
}
input.sheet-tabmain:checked ~ div.sheet-tabmain{
    display: block;
}
input.sheet-tabadd:checked ~ div.sheet-tabadd{
    display: block;
}
input.sheet-tabspell:checked ~ div.sheet-tabspell{
    display: block;
}
input.sheet-tabconf:checked ~ div.sheet-tabconf{
    display: block;
}
input.sheet-tabmain,
input.sheet-tabadd,
input.sheet-tabspell,
input.sheet-tabconf{
    margin: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    padding: 0;
    display: inline-block;
    opacity: 0;
    width: 110px;
    height: 20px;
    z-index: 2;
}
input.sheet-tabmain + span,
input.sheet-tabadd + span,
input.sheet-tabspell + span,
input.sheet-tabconf + span{
    color: #666666;
    background-color: #BBBBBB;
    font-size: 0.85em;
    text-align:center;
    display: inline-block;
    width: 110px;
    height: 20px;
    margin: 0;
    margin-left: -110px;
    margin-right: -5px;
    padding:0;
    margin-bottom: -1px;
    text-transform: uppercase;
    border: 1px solid #666666;
    border-bottom-color: black;
    z-index: 1;
}
input.sheet-tabmain:checked + span,
input.sheet-tabadd:checked + span,
input.sheet-tabspell:checked + span,
input.sheet-tabconf:checked + span{
    font-weight: bold;
    color: black;
    background-color: white;
    border-left-color: black;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: white;
}
/* ===== OPTIONS ===== */
.sheet-options-flag {
    opacity: 0;
    text-align: center;
    text-align-last:center;
    position: absolute;
    width: 16px;
    min-height: 16px;
    z-index: 2;
}
.sheet-options-flag + span {
    position: absolute;
    white-space: nowrap;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: pictos;
    color: #BBBBBB;
    cursor: pointer;
    margin-top: 0px;
    display: none;
}
.sheet-options-flag:hover + span,
.sheet-options-flag:checked + span {
    color: #C3996B;
    display: block;
}
.sheet-abilities .sheet-options-flag,
.sheet-abilities .sheet-options-flag + span,
.sheet-acvalues .sheet-options-flag,
.sheet-acvalues .sheet-options-flag + span,
.sheet-initiative .sheet-options-flag,
.sheet-initiative .sheet-options-flag + span,
.sheet-saves .sheet-options-flag.sheet-fortitude,
.sheet-saves .sheet-options-flag.sheet-fortitude + span,
.sheet-babs .sheet-options-flag.sheet-bab,
.sheet-babs .sheet-options-flag.sheet-bab + span,
.sheet-attackmods .sheet-options-flag.sheet-melee,
.sheet-attackmods .sheet-options-flag.sheet-melee + span,
.sheet-defenses .sheet-options-flag.sheet-cmd,
.sheet-defenses .sheet-options-flag.sheet-cmd + span,
.sheet-attacks .sheet-options-flag,
.sheet-attacks .sheet-options-flag + span,
.sheet-background .sheet-options-flag,
.sheet-background .sheet-options-flag + span,
.sheet-concentration .sheet-options-flag,
.sheet-concentration .sheet-options-flag + span,
.sheet-spell .sheet-options-flag,
.sheet-spell .sheet-options-flag + span,
.sheet-speeds .sheet-options-flag,
.sheet-speeds .sheet-options-flag + span {
    top: -2px;
    left: 0px;
}
.sheet-saves .sheet-options-flag.sheet-reflex,
.sheet-saves .sheet-options-flag.sheet-reflex + span {
    top: -2px;
    left: 148px;
}
.sheet-saves .sheet-options-flag.sheet-will,
.sheet-saves .sheet-options-flag.sheet-will + span {
    top: -2px;
    left: 281px;
}
.sheet-babs .sheet-options-flag.sheet-cmb,
.sheet-babs .sheet-options-flag.sheet-cmb + span {
    top: -2px;
    left: 262px;
}
.sheet-attackmods .sheet-options-flag.sheet-ranged,
.sheet-attackmods .sheet-options-flag.sheet-ranged + span {
    top: -2px;
    left: 215px;
}
.sheet-defenses .sheet-options-flag.sheet-sr,
.sheet-defenses .sheet-options-flag.sheet-sr + span {
    top: -2px;
    left: 174px;
}
.sheet-abilities .sheet-ability:hover .sheet-options-flag + span,
.sheet-acvalues:hover .sheet-options-flag + span,
.sheet-initiative:hover .sheet-options-flag + span,
.sheet-acitem:hover .sheet-options-flag + span,
.sheet-saves:hover .sheet-options-flag + span,
.sheet-babs:hover .sheet-options-flag + span,
.sheet-attackmods:hover .sheet-options-flag + span,
.sheet-defenses:hover .sheet-options-flag + span,
.sheet-attack:hover .sheet-options-flag + span,
.sheet-skill:hover .sheet-options-flag + span,
.sheet-concentration:hover .sheet-options-flag + span,
.sheet-spell:hover .sheet-options-flag + span,
.sheet-statblock .sheet-head-info:hover .sheet-options-flag + span,
.sheet-statblock .sheet-npcatk .sheet-attack:hover .sheet-options-flag + span,
.sheet-feat:hover .sheet-options-flag + span,
.sheet-ability:hover .sheet-options-flag + span,
.sheet-metamagic:hover .sheet-options-flag + span,
.sheet-encumbrance:hover .sheet-options-flag + span,
.sheet-speeds:hover .sheet-options-flag + span {
    display: block;
}

.sheet-options,
.sheet-options-fortitude,
.sheet-options-reflex,
.sheet-options-will,
.sheet-options-bab,
.sheet-options-cmb,
.sheet-options-melee,
.sheet-options-ranged,
.sheet-options-cmd,
.sheet-options-sr {
    display: none;
    margin-top: 2px;
    border-top: 1px dotted rgba(195,153,107,0.2);
    border-bottom: 2px dotted #C3996B;
}
.sheet-fullpc .sheet-options,
.sheet-options-fortitude,
.sheet-options-reflex,
.sheet-options-will,
.sheet-options-bab,
.sheet-options-cmb,
.sheet-options-melee,
.sheet-options-ranged,
.sheet-options-cmd,
.sheet-options-sr {
    background-color: rgb(250,250,250);
}
.sheet-spelllike .sheet-options,
.sheet-npcatk .sheet-options {
    background-color: rgb(250,250,250);
    width: 100%;
}

.sheet-options-flag:checked ~ .sheet-options,
.sheet-options-flag.sheet-fortitude:checked ~ .sheet-options-fortitude,
.sheet-options-flag.sheet-reflex:checked ~ .sheet-options-reflex,
.sheet-options-flag.sheet-will:checked ~ .sheet-options-will,
.sheet-options-flag.sheet-bab:checked ~ .sheet-options-bab,
.sheet-options-flag.sheet-cmb:checked ~ .sheet-options-cmb,
.sheet-options-flag.sheet-melee:checked ~ .sheet-options-melee,
.sheet-options-flag.sheet-ranged:checked ~ .sheet-options-ranged,
.sheet-options-flag.sheet-cmd:checked ~ .sheet-options-cmd,
.sheet-options-flag.sheet-sr:checked ~ .sheet-options-sr {
    display: inherit;
}

.sheet-optional-flag,
.sheet-optional-flag0 {display: none;}
.sheet-optional,
.sheet-tabspell.sheet-optional.sheet-inl,
.sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl,
.sheet-spells .sheet-col1third.sheet-optional.sheet-inl {display: none;}
.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-blk,
.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-blk {display: block;}
.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-inl,
.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-inl,
.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl,
.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl,
 .sheet-spells .sheet-optional-flag0:not([value="0"]) + .sheet-col1third.sheet-optional.sheet-inl {display: inline-block;}

/* ===== AUTO EXPAND TEXTAREA ===== */
.sheet-autoex {
    position: relative;
    cursor: text;
    font-family: 'Patrick Hand';
    font-size: 1.2em;
    line-height: 1.4em;
    min-height: 1.4em;
    text-align: left;
}
.sheet-autoex span {
    visibility: hidden;
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: pre-wrap;
    text-align: inherit;
    min-height: inherit;
}

.sheet-autoex textarea {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.5em;
    white-space: pre-wrap;
    text-align: inherit;
    min-height: inherit;
}

.sheet-hpvalues.sheet-autoex {
    font-size: 1.15em;
    line-height: 1.15em;
}
/* ===== REPEATING SECTIONS CTRL ===== */
.sheet-fullpc .repcontrol {
    margin-top: 2px;
    min-height: 27px;
    width: 90%;
    text-align: center;
}
.repcontrol .btn {
    border: none;
    color: white !important;
    background: none;
    box-shadow: none;
    font-size: 0;
}
.sheet-fullpc .repcontrol .btn {padding: 0px 0px 0px 0px;}
.sheet-statblock .repcontrol .btn {
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    display: inline-block;
    width: 25px;
    font-size: 0px;
}

.repcontrol .btn:focus {outline: 0;}
.repcontrol .repcontrol_add:before {
    content: '&';
    font-family: pictos;
    color: black;
    display: inline-block;
}
.sheet-fullpc .repcontrol  .repcontrol_add:before,
.sheet-fullpc .repcontrol .repcontrol_edit:after {
    border: 1px solid black;
    border-radius: 50%;
    font-size: 13px;
    padding: 3px;
    height: 12px;
    width: 12px;
    line-height: 12px;
}
.sheet-statblock .repcontrol .repcontrol_add:before,
.sheet-statblock .repcontrol .repcontrol_edit:after {
    font-size: 12px;
    padding: 2px;
    height: 10px;
    width: 10px;
    line-height: 10px;
}

.repcontrol .repcontrol_edit:after {
    content: '(';
    font-family: pictos;
    color: black;
    display: inline-block;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
    content: ')';
    vertical-align: bottom;
}

.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before {
    color: #C3996B;
    border-color: #C3996B;
}
.repcontainer .repitem .itemcontrol {z-index: 10;}
.repcontainer .repitem .itemcontrol .repcontrol_del {
    float: right;
    font-size: 10px;
    padding: 0px;
    height: 18px;
    width: 18px;
}
.repcontainer .repitem .itemcontrol .repcontrol_move {
    cursor: move;
    float: left;
    font-size: 10px;
    padding: 0px;
    height: 18px;
    width: 18px;
}
.sheet-statblock .sheet-npcatk .repitem,
.sheet-statblock .sheet-npcatk .repcontrol,
.sheet-statblock .sheet-npcatk .repcontainer {vertical-align: top;}
.sheet-statblock .sheet-npcatk .repitem {display: inline-block;}
.sheet-statblock .sheet-npcatk .repcontrol {display: inline-block;}
.sheet-statblock .sheet-npcatk .repcontainer {display: inline;}
.sheet-statblock .sheet-npcatk.sheet-melee .repcontainer,
.sheet-statblock .sheet-npcatk.sheet-feats .repcontainer {max-width: 560px;}
.sheet-statblock .sheet-npcatk.sheet-ranged .repcontainer {max-width: 545px;}
.sheet-statblock .sheet-npcatk.sheet-special .repcontainer {max-width: 500px;}
.sheet-statblock .sheet-npcatk.sheet-spells .repcontainer {max-width: 540px;}

/* ===== ROLL TEMPLATES ===== */
.sheet-rolltemplate-Ninpo,
.sheet-rolltemplate-npc {font-family: sans-serif;}

/* API buttons */
.sheet-rolltemplate-Ninpo a[href^="~"] {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    color: #182C4A;
    display: inline-block;
    border: none;
    text-align: left;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1em;
    text-transform: capitalize;
    white-space: pre;
    font-weight: bold;
}
.sheet-rolltemplate-Ninpo a:hover {color: #BE202E;}

/* Rolls */
.sheet-rolltemplate-Ninpo .inlinerollresult,
.sheet-rolltemplate-npc .inlinerollresult {
    background-color: transparent;
    border: none;
    padding: 0px 0px;
    font-weight: bold;
    cursor: help;
    font-size: 1.25em;
    padding: 2px;
}
.sheet-rolltemplate-Ninpo .inlinerollresult {color: #182C4A;}
.sheet-rolltemplate-npc .inlinerollresult {color: #222;}

.sheet-rolltemplate-Ninpo .sheet-resright .inlinerollresult,
.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
    font-size: 1.6em;
    line-height: 1.45em;
}
.sheet-rolltemplate-Ninpo .sheet-success,
.sheet-rolltemplate-npc .sheet-success {
    color: #247305;
}
.sheet-rolltemplate-Ninpo .sheet-failure,
.sheet-rolltemplate-npc .sheet-failure {
    color: #BE202E;
}
.sheet-rolltemplate-Ninpo .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
    border: none;
    color: #247305;
}
.sheet-rolltemplate-Ninpo .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
    border: none;
    color: #4A57ED;
}
.sheet-rolltemplate-Ninpo .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
    border: none;
    color: #BE202E;
}

/* flex */
.sheet-rolltemplate-Ninpo .sheet-flexatk,
.sheet-rolltemplate-npc .sheet-flexatk {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sheet-rolltemplate-Ninpo .sheet-flexatk {border-top: 1px dotted #182C4A;}
.sheet-rolltemplate-npc .sheet-flexatk {border-top: 1px dotted #3C2517;}

.sheet-rolltemplate-Ninpo .sheet-spacer,
.sheet-rolltemplate-npc .sheet-spacer {flex-grow: 2;}
.sheet-rolltemplate-Ninpo .sheet-flexdmg,
.sheet-rolltemplate-npc .sheet-flexdmg {
    display: flex;
    align-items: center;
}

/* classes */
.sheet-rolltemplate-Ninpo div,
.sheet-rolltemplate-Ninpo span,
.sheet-rolltemplate-Ninpo img,
.sheet-rolltemplate-npc div,
.sheet-rolltemplate-npc span,
.sheet-rolltemplate-npc img {
    box-sizing: border-box;
}
.sheet-rolltemplate-Ninpo div,
.sheet-rolltemplate-npc div {
    margin: 0px;
    padding: 0px;
}
.sheet-rolltemplate-Ninpo img,
.sheet-rolltemplate-npc img {
    margin: 0px;
    padding: 0px;
}
.sheet-rolltemplate-Ninpo .sheet-center,
.sheet-rolltemplate-npc .sheet-center {text-align: center;}
.sheet-rolltemplate-Ninpo .sheet-right,
.sheet-rolltemplate-npc .sheet-right {text-align: right;}
.sheet-rolltemplate-Ninpo .sheet-ital,
.sheet-rolltemplate-npc .sheet-ital {font-style: italic;}
.sheet-rolltemplate-Ninpo .sheet-inl,
.sheet-rolltemplate-npc .sheet-inl {display: inline;}
.sheet-rolltemplate-Ninpo .sheet-bold,
.sheet-rolltemplate-npc .sheet-bold {font-weight: bold;}
.sheet-rolltemplate-Ninpo .sheet-vtop,
.sheet-rolltemplate-npc .sheet-vtop {vertical-align: top;}

.sheet-rolltemplate-Ninpo .sheet-myrow,
.sheet-rolltemplate-npc .sheet-myrow {
    padding: 0px 1px 0px 2px;
}
.sheet-rolltemplate-Ninpo .sheet-bordered .sheet-myrow:nth-child(odd) {background: linear-gradient(to left,white,#D8DBE6);}
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {background: linear-gradient(to left,#c3996b7a,white);}

.sheet-rolltemplate-Ninpo div.sheet-charname {
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    padding: 1px 1px 1px 2px;
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc div.sheet-charname {
    padding: 4px 0px 1px 0px;
    background-color: transparent;
    margin-left: -14px;
    text-shadow: 1px 1px #FDFDFD;
    font-size: 1em;
}

.sheet-rolltemplate-Ninpo div.sheet-notes,
.sheet-rolltemplate-npc div.sheet-notes {
    max-height: 220px;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    margin-top: 2px;
    padding: 1px 1px 1px 2px;
    background-color: #DDD;
    border-color: #BBB;
}
.sheet-rolltemplate-Ninpo div.sheet-desc,
.sheet-rolltemplate-npc div.sheet-desc {
    max-height: 220px;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    margin-top: 2px;
    padding: 1px 1px 1px 2px;
}
.sheet-rolltemplate-Ninpo div.sheet-desc {
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc div.sheet-desc {
    border-color: #3C2517;
    background-color: white;
}

.sheet-rolltemplate-Ninpo span.sheet-notes,
.sheet-rolltemplate-npc span.sheet-notes {
    font-family: sans-serif;
    font-size: 0.9em;
    color: black;
}

.sheet-rolltemplate-Ninpo .sheet-lbl,
.sheet-rolltemplate-npc .sheet-lbl {
    text-align: left;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1em;
    text-transform: capitalize;
    white-space: pre;
}
.sheet-rolltemplate-Ninpo .sheet-lbl {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;}

.sheet-rolltemplate-Ninpo .sheet-bordered,
.sheet-rolltemplate-npc .sheet-bordered {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    vertical-align: top;
    position: relative;
}

/* ICONS */
.sheet-rolltemplate-Ninpo .sheet-icon,
.sheet-rolltemplate-npc .sheet-icon {
    position: absolute;
    top: 6px;
    left: -40px;
    width: 40px;
    text-align: center;
}
.sheet-rolltemplate-Ninpo .sheet-icon::after,
.sheet-rolltemplate-npc .sheet-icon::after {font-size: 1.55em;}
.sheet-rolltemplate-Ninpo .sheet-icon::after {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-icon::after {color: #3C2517;}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-initiative::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after {
    font-family: "Pictos";
    content: 'g';
    font-size: 2em;
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-skill::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after {
    font-family: "Pictos";
    content: 'x';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-hp::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after {
    font-family: "Pictos";
    content: 'k';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-save::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-save::after {
    font-family: "Pictos Custom";
    content: 'e';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attackdamage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after {
    font-family: "Pictos Custom";
    font-weight: bold;
    content: '⚔t';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attack::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after {
    font-family: "Pictos Custom";
    font-weight: bold;
    content: '⚔';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-damage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after {
    font-family: "Pictos Custom";
    font-weight: bold;
    content: 't';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-ability::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after {
    font-family: "Pictos";
    content: 'U';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-feat::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after {
    font-family: "Pictos";
    content: 'E';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-spell::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after {
    font-family: "Pictos Three";
    content: 'j';
    font-size: 2em;
}


.sheet-rolltemplate-Ninpo .sheet-bordered {
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc .sheet-bordered {
    background-color: white;
    border-color: #3C2517;
}

.sheet-rolltemplate-Ninpo .sheet-symbol,
.sheet-rolltemplate-npc .sheet-symbol {
    font-family: "Pictos Custom";
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
}
.sheet-rolltemplate-Ninpo .sheet-smallname,
.sheet-rolltemplate-npc .sheet-smallname {
    font-family: sans-serif;
    font-size: 0.9em;
}
.sheet-rolltemplate-Ninpo .sheet-smallname {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;}

/* top bands */
.sheet-rolltemplate-Ninpo img.sheet-brdright,
.sheet-rolltemplate-Ninpo img.sheet-brdleft {
    display: inline-block;
    position: absolute;
    vertical-align: top;
    top: 0px;
}
.sheet-rolltemplate-Ninpo img.sheet-brdleft {left: 0px;}
.sheet-rolltemplate-Ninpo img.sheet-brdright {right: 0px;}

.sheet-rolltemplate-Ninpo .sheet-blacklabel,
.sheet-rolltemplate-npc .sheet-blacklabel {
    display: inline-block;
    vertical-align: top;
    border: none;
    position: relative;
    font-size: 0.9em;
}
.sheet-rolltemplate-Ninpo .sheet-blacklabel {
    background-color: #182C4A;
    color: white;
}
.sheet-rolltemplate-npc .sheet-blacklabel {
    background-color: transparent;
    color: #3C2517;
    font-weight: bold;
}
/* top */
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-top {
    height: 36px;
    width: 85%;
    max-width: 85%;
    vertical-align: top;
    padding-right: 27px;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top {
    height: 36px;
    width: 78%;
    max-width: 78%;
    vertical-align: top;
    padding-right: 27px;
}

.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-top img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top img.sheet-brdright {
    width: 26px;
    height: 36px;
}
/* med */
.sheet-rolltemplate-Ninpo span.sheet-med {
    font-weight: normal;
    font-size: 0.9em;
}
.sheet-rolltemplate-npc span.sheet-med {
    font-style: italic;
    color: #3C2517;
    font-size: 0.9em;
    font-weight: bold;
}

.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
    height: 20px;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.5em;
    font-weight: bold;
}
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med {
    min-width: 75px;
    padding: 0px 20px 0px 2px;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
    min-width: 70px;
    padding: 0px 2px 0px 2px;
    background: linear-gradient(to right,#c3996b7a,white);
}
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med.sheet-right {
    padding: 0px 2px 0px 20px;
    text-align: right;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-right {
    text-align: right;
    background: linear-gradient(to left,#c3996b7a,white);
}
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med.sheet-yellow {
    color: #E6DD94;
    font-weight: normal;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-yellow {
    color: #501414;
    font-weight: normal;
}

.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
    height: 20px;
}

.sheet-element-to-determine-style-A2[value='1'] ~ div .sheet-element-to-style-A2,
.sheet-element-to-determine-style-B2[value='1'] ~ div .sheet-element-to-style-B2,
.sheet-element-to-determine-style-C2[value='1'] ~ div .sheet-element-to-style-C2,
.sheet-element-to-determine-style-D2[value='1'] ~ div .sheet-element-to-style-D2,
.sheet-element-to-determine-style-E2[value='1'] ~ div .sheet-element-to-style-E2,
.sheet-element-to-determine-style-F2[value='1'] ~ div .sheet-element-to-style-F2,
.sheet-element-to-determine-style-A3[value='1'] ~ div .sheet-element-to-style-A3,
.sheet-element-to-determine-style-B3[value='1'] ~ div .sheet-element-to-style-B3,
.sheet-element-to-determine-style-C3[value='1'] ~ div .sheet-element-to-style-C3,
.sheet-element-to-determine-style-D3[value='1'] ~ div .sheet-element-to-style-D3,
.sheet-element-to-determine-style-E3[value='1'] ~ div .sheet-element-to-style-E3,
.sheet-element-to-determine-style-F3[value='1'] ~ div .sheet-element-to-style-F3,
.sheet-element-to-determine-style-A4[value='1'] ~ div .sheet-element-to-style-A4,
.sheet-element-to-determine-style-B4[value='1'] ~ div .sheet-element-to-style-B4,
.sheet-element-to-determine-style-C4[value='1'] ~ div .sheet-element-to-style-C4,
.sheet-element-to-determine-style-D4[value='1'] ~ div .sheet-element-to-style-D4,
.sheet-element-to-determine-style-E4[value='1'] ~ div .sheet-element-to-style-E4,
.sheet-element-to-determine-style-F4[value='1'] ~ div .sheet-element-to-style-F4,
.sheet-element-to-determine-style-A5[value='1'] ~ div .sheet-element-to-style-A5,
.sheet-element-to-determine-style-B5[value='1'] ~ div .sheet-element-to-style-B5,
.sheet-element-to-determine-style-C5[value='1'] ~ div .sheet-element-to-style-C5,
.sheet-element-to-determine-style-D5[value='1'] ~ div .sheet-element-to-style-D5,
.sheet-element-to-determine-style-E5[value='1'] ~ div .sheet-element-to-style-E5,
.sheet-element-to-determine-style-F5[value='1'] ~ div .sheet-element-to-style-F5,
.sheet-element-to-determine-style-A6[value='1'] ~ div .sheet-element-to-style-A6,
.sheet-element-to-determine-style-B6[value='1'] ~ div .sheet-element-to-style-B6,
.sheet-element-to-determine-style-C6[value='1'] ~ div .sheet-element-to-style-C6,
.sheet-element-to-determine-style-D6[value='1'] ~ div .sheet-element-to-style-D6,
.sheet-element-to-determine-style-E6[value='1'] ~ div .sheet-element-to-style-E6,
.sheet-element-to-determine-style-F6[value='1'] ~ div .sheet-element-to-style-F6,
.sheet-element-to-determine-style-A7[value='1'] ~ div .sheet-element-to-style-A7,
.sheet-element-to-determine-style-B7[value='1'] ~ div .sheet-element-to-style-B7,
.sheet-element-to-determine-style-C7[value='1'] ~ div .sheet-element-to-style-C7,
.sheet-element-to-determine-style-D7[value='1'] ~ div .sheet-element-to-style-D7,
.sheet-element-to-determine-style-E7[value='1'] ~ div .sheet-element-to-style-E7,
.sheet-element-to-determine-style-F7[value='1'] ~ div .sheet-element-to-style-F7,
.sheet-element-to-determine-style-A8[value='1'] ~ div .sheet-element-to-style-A8,
.sheet-element-to-determine-style-B8[value='1'] ~ div .sheet-element-to-style-B8,
.sheet-element-to-determine-style-C8[value='1'] ~ div .sheet-element-to-style-C8,
.sheet-element-to-determine-style-D8[value='1'] ~ div .sheet-element-to-style-D8,
.sheet-element-to-determine-style-E8[value='1'] ~ div .sheet-element-to-style-E8,
.sheet-element-to-determine-style-F8[value='1'] ~ div .sheet-element-to-style-F8,
.sheet-element-to-determine-style-A9[value='1'] ~ div .sheet-element-to-style-A9,
.sheet-element-to-determine-style-B9[value='1'] ~ div .sheet-element-to-style-B9,
.sheet-element-to-determine-style-C9[value='1'] ~ div .sheet-element-to-style-C9,
.sheet-element-to-determine-style-D9[value='1'] ~ div .sheet-element-to-style-D9,
.sheet-element-to-determine-style-E9[value='1'] ~ div .sheet-element-to-style-E9,
.sheet-element-to-determine-style-F9[value='1'] ~ div .sheet-element-to-style-F9,
.sheet-element-to-determine-style-A10[value='1'] ~ div .sheet-element-to-style-A10,
.sheet-element-to-determine-style-B10[value='1'] ~ div .sheet-element-to-style-B10,
.sheet-element-to-determine-style-C10[value='1'] ~ div .sheet-element-to-style-C10,
.sheet-element-to-determine-style-D10[value='1'] ~ div .sheet-element-to-style-D10,
.sheet-element-to-determine-style-E10[value='1'] ~ div .sheet-element-to-style-E10,
.sheet-element-to-determine-style-F10[value='1'] ~ div .sheet-element-to-style-F10,
.sheet-element-to-determine-style-A11[value='1'] ~ div .sheet-element-to-style-A11,
.sheet-element-to-determine-style-B11[value='1'] ~ div .sheet-element-to-style-B11,
.sheet-element-to-determine-style-C11[value='1'] ~ div .sheet-element-to-style-C11,
.sheet-element-to-determine-style-D11[value='1'] ~ div .sheet-element-to-style-D11,
.sheet-element-to-determine-style-E11[value='1'] ~ div .sheet-element-to-style-E11,
.sheet-element-to-determine-style-F11[value='1'] ~ div .sheet-element-to-style-F11,
.sheet-element-to-determine-style-A12[value='1'] ~ div .sheet-element-to-style-A12,
.sheet-element-to-determine-style-B12[value='1'] ~ div .sheet-element-to-style-B12,
.sheet-element-to-determine-style-C12[value='1'] ~ div .sheet-element-to-style-C12,
.sheet-element-to-determine-style-D12[value='1'] ~ div .sheet-element-to-style-D12,
.sheet-element-to-determine-style-E12[value='1'] ~ div .sheet-element-to-style-E12,
.sheet-element-to-determine-style-F12[value='1'] ~ div .sheet-element-to-style-F12,
.sheet-element-to-determine-style-MuLian[value='1'] ~ div .sheet-element-to-style-MuLian,
.sheet-element-to-determine-style-MuoChie[value='1'] ~ div .sheet-element-to-style-MuoChie{
  background-color: red;
}

.sheet-element-to-determine-style-A[value='1'] ~ div .sheet-element-to-style-A,
.sheet-element-to-determine-style-B[value='1'] ~ div .sheet-element-to-style-B,
.sheet-element-to-determine-style-C[value='1'] ~ div .sheet-element-to-style-C,
.sheet-element-to-determine-style-D[value='1'] ~ div .sheet-element-to-style-D,
.sheet-element-to-determine-style-E[value='1'] ~ div .sheet-element-to-style-E,
.sheet-element-to-determine-style-Z[value='1'] ~ div .sheet-element-to-style-Z{
  background-color: black;

}

.sheet-rolltemplate-Ninpo .sheet-blacklabel .sheet-big,
.sheet-rolltemplate-npc .sheet-big {
    display: inline;
    font-family: sans-serif;
    font-size: 1.0em;
    line-height: 1.0em;
    padding-left: 1px;
    font-weight: bold;
    text-transform: uppercase;
}
.sheet-rolltemplate-npc .sheet-big {color: #3C2517;}

.sheet-rolltemplate-Ninpo .sheet-resright,
.sheet-rolltemplate-npc .sheet-resright {
    display: inline;
    float: right;
    margin-right: 3px;
    clear: both;
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 1.0em;

}
button[type=roll].sheet-old-roll {
  color: #BEBEBE;
  background-color: #BEBEBE;
  font-weight: bold;
  text-align:center;
  width: 20px;
  height: 20px;
  margin: 0.0;
  padding: 0.0em;
  border: 1px solid black;
  border-radius: 5px;
}

/* -- 2018.06.28 Add by.Avocado --*/
table {table-layout:fixed;}
.sheet-sectiontab-configroll {margin-bottom:20px;}
.charsheet span[data-i18n="skill"] {margin-top:20px !important;}
.charsheet span[data-i18n="whisper_GM"] { padding: 5px 0;}
.sheet-section-head {padding:10px 0;}
.charsheet .sheet-inbox { padding-bottom:10px;}

.charsheet .sheet-acitem div.sheet-myrow {padding-left:20px;}
.sheet-options.sheet-right {max-width:100% !important;margin-left:33px !important;}
.sheet-bordered.sheet-titled.sheet-inbox {margin-bottom:5px;}
.charsheet .sheet-bordered { min-height:210px;}
.charsheet .sheet-subcol {display:block;float:left;width:50%;padding-right:5px;}
.charsheet .sheet-subcol + .sheet-subcol {padding-left:5px; padding-right:0; }
.sheet-subcol .sheet-bordered {}
.charsheet div.sheet-tabmain + .sheet-tabmain {border-top:none; overflow:hidden;}
.charsheet .sheet-options-flag,
.charsheet .sheet-options-flag + span {left:9px !important; top:-1px;}

.sheet-subcol .sheet-background .sheet-acitem,
.sheet-bordered.sheet-titled.sheet-inboxright .sheet-myrow,
.sheet-subcol .repcontainer .repitem {padding:3px 15px 3px 0;}
.sheet-bordered.sheet-titled.sheet-inboxright .sheet-myrow .sheet-myrow,
.sheet-subcol .repcontainer .repitem .sheet-acitem,
.sheet-subcol .sheet-background .sheet-myrow {padding: 0 !important;}
.sheet-subcol .sheet-background .sheet-acitem:nth-child(even),
.sheet-subcol .repcontainer .repitem:nth-child(even),
.sheet-bordered.sheet-titled.sheet-inboxright .sheet-myrow:nth-child(even) {background:#f3f1f1;}
.sheet-subcol .repcontainer .repitem .sheet-acitem {background:none;}

.sheet-subcol input,
.sheet-subcol .sheet-underlined{border-color:#888;}
.sheet-subcol .sheet-myrow input {max-width: 170px; }
.sheet-subcol .sheet-blacklabel {width:100%;padding: 0 15px 0 3px;bix-sizing:border-box;}
.sheet-subcol .sheet-blacklabel img {display: none; }

.sheet-subcol .repcontainer { margin: 0 -15px 0 0px; }
.sheet-subcol .sheet-background .repcontainer { margin: 0 -2px 0 0; }


/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/* 다시 롤20 */
.textchatcontainer {font-size:12px;}
.textchatcontainer .chatlogmessage {
	padding-top:10px
}
.textchatcontainer a[href^="!"],.textchatcontainer a[href^="~"] {
	background-color:#ce0f69;
	padding:5px;
	color:white;
	display:inline-block;
	border:1px solid white
}
.no-touch .textchatcontainer a[href^="!"]:hover,.textchatcontainer a[href^="~"]:hover {
	text-decoration:none;
	cursor:pointer
}
.textchatcontainer .content {
	line-height:1.5em;
	font-size:1.05em;
	word-wrap:break-word
}
.textchatcontainer .tstamp {
	font-size:.8em;
	color:#666;
	display:block;
	padding:0;
	margin:-4px 0 2px 0;
	position:relative;
	left:-5px;
	line-height:1.0em
}
.textchatcontainer .by {
	font-weight:bold;
	position:relative;
	left:-5px
}
.textchatcontainer .message {
	padding-left:45px;
	padding-right:5px;
	padding-bottom:7px;
	background-color:#F1F1F1;
	position:relative
}
.textchatcontainer .message.rollresult.hidden3d {
	display:none
}
.textchatcontainer .message.hidden3d .inlinerollresult {
	color:rgba(255,255,255,0.0);
	border:none!important
}
.textchatcontainer .avatar {
	position:absolute;
	top:4px;
	left:5px;
	width:28px
}
.textchatcontainer .inlinerollresult {
	background-color:#FEF68E;
	border:2px solid #FEF68E;
	padding:0 3px 0 3px;
	font-weight:bold;
	cursor:help;
	font-size:1.1em
}
.textchatcontainer .inlinerollresult.fullcrit {
	border:2px solid #3FB315
}
.textchatcontainer .inlinerollresult.fullfail {
	border:2px solid #B31515
}
.textchatcontainer .inlinerollresult.importantroll {
	border:2px solid #4A57ED
}
.textchatcontainer .formula .inlinerollresult {
	font-size:inherit
}
.textchatcontainer .rollresult .avatar {
	top:10px
}
.textchatcontainer .rollresult.quantumRoll {
	background:url(https://app.roll20.net/images/quantumrollsm.png) no-repeat bottom left
}
.inlineqroll {
	width:18px;
	height:18px;
	vertical-align:bottom
}
.textchatcontainer .avatar img {
	max-width:28px;
	max-height:28px
}
.textchatcontainer .message .spacer {
	background-color:#E1E1E1;
	height:2px;
	margin-bottom:7px;
	margin-left:-45px
}
.textchatcontainer .message .tstamp {
	display:none
}
.textchatcontainer.withtimestamps .message .tstamp {
	display:block
}
.textchatcontainer.withoutavatars .avatar {
	display:none
}
.textchatcontainer.withoutavatars .message {
	padding-left:15px
}
.textchatcontainer.withoutavatars .message .spacer {
	margin-left:-15px
}
.textchatcontainer .message.desc {
	padding-left:15px
}
.textchatcontainer .message.desc .spacer {
	margin-left:-15px
}
.textchatcontainer .message.desc img {
	display:block;
	max-width:100%;
	margin:0 auto;
}
.textchatcontainer .formula,.textchatcontainer .rolled {
	display:inline;
	padding:4px;
	background:white;
	border-radius:3px;
	border:1px solid #D1D1D1;
	font-size:1.1em;
	line-height:2.0em;
	word-wrap:break-word
}
.textchatcontainer .formula .parsegroup {
	display:inline
}
.textchatcontainer .formula .parsegroup .parsegroupitem {
	display:inline
}
.textchatcontainer.withouticons .dicegrouping .diceroll .backing {
	display:none!important
}
.diceroll.withouticons .backing {
	display:none!important
}
.textchatcontainer .dicegrouping {
	display:inline
}
.textchatcontainer .formattedformula {
	display:block;
	float:left;
	padding:0 4px 0 4px;
	margin:5px 0 5px 0
}
.textchatcontainer .formattedformula>.dicegrouping.ui-sortable {
	cursor:move
}
.textchatcontainer .rolled {
	cursor:move;
	font-weight:bold;
	color:black;
	font-size:1.4em
}
.textchatcontainer .parsegroup .parsegroupitem.dropped .diceroll {
	opacity:.40
}
.textchatcontainer .formula .userscript-parsegroup {
	display:inline
}
.textchatcontainer .formula .userscript-parsegroup .userscript-parsegroupitem {
	display:inline
}
.textchatcontainer.withouticons .userscript-dicegrouping .userscript-diceroll .userscript-backing {
	display:none!important
}
.userscript-diceroll.withouticons .userscript-backing {
	display:none!important
}
.textchatcontainer .userscript-dicegrouping {
	display:inline
}
.textchatcontainer .rolled {
	cursor:move;
	font-weight:bold;
	color:black;
	font-size:1.4em
}
.textchatcontainer .userscript-parsegroup .userscript-parsegroupitem.userscript-dropped .userscript-diceroll {
	opacity:.40
}
.textchatcontainer .error {
	background:#FFD2AD;
	border-radius:3px;
	border:1px solid #D1D1D1
}
.textchatcontainer .emote {
	font-style:italic;
	font-weight:bold;
	text-align:center;
	color:#653E10;
	background-color:#F5E4D3
}
.textchatcontainer .emote .spacer {
	background-color:#F0C392
}
.textchatcontainer .desc {
	font-style:italic;
	font-weight:bold;
	text-align:center
}
.textchatcontainer .desc .spacer {
}
.textchatcontainer .message.system {
	background-color:#D4F5D3
}
.textchatcontainer .message.system .spacer {
	background-color:#A6F092
}
.textchatcontainer .message.private {
	background-color:#F2F5D3
}
.textchatcontainer .message.private .spacer {
	background-color:#F0F092
}