html, body { margin:0; padding:0; font-size:9pt; }

* {
	box-sizing:border-box;
	font-family:Malgun Gothic,helvetica, arial, sans-serif;
	word-break:break-word;
}

*:not(.glyphicons):not(.fa):not(.far):not(.fas):not(.fab)  {
  font-family:'Noto Sans KR', 'Malgun Gothic', helvetica, arial, 'sans-serif', sans-serif, 'NotoSerifKR' !important;
}

/*
body[lang=ja],body[lang=zh] * {
	word-break:normal;
}
*/
ul, ol {
	margin:0px;
	padding: 0px;
}

span, img, label {
	vertical-align:middle;
}

div {
	-webkit-overflow-scrolling:touch;
}

select.charming {
	-webkit-appearance: none;
	background-color: white;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
	background-position : right center;
	background-repeat: no-repeat;
	padding-right: 1.5em;
	border:solid 1px #ccc;
}


.phyton-global-action-block {
	width:10px;
	white-space:nowrap;
	border1:solid 1px red;
}


a:link,
a:visited {
	color:inherit;
	text-decoration:none;
	/* display: inline-block; */
}


@media ( min-width:801px ) {
	a:hover {
		color:#03a9f4;
	}
}

body {
	margin:0px;
	padding:0px;
	1height:100%;
}

.layout-to-horz {
	display:table;
	width:100%;
}

.icon-label > *:first-child {
	margin-right:.4em;
}


.layout-to-horz > div {
	display:table-cell;
}


[menu] {
	cursor:pointer;
	padding: 8px;
}

[button] {
	cursor:pointer;
	display:inline-block;
}

[button].normal {
	background: #fff;
	background: -webkit-linear-gradient(#EEF1F5, #fefefe);
	background: -moz-linear-gradient(#EEF1F5, #fefefe);
	background: -ms-linear-gradient(#EEF1F5, #fefefe);
	background: -o-linear-gradient(#EEF1F5, #fefefe);
	background: linear-gradient(#EEF1F5, #fefefe);
	color:#444;
	font-size:8pt;
	border:solid 1px #CDCECF;
	1margin:2px;
	border-radius:5px;
	text-align:center;
	1height:26px;
	1line-height:20px;
	padding:2px 6px 2px 6px;
}

[button].emphasis {
	background: #3bb2f2;
	background: -webkit-linear-gradient(#47bcf9, #28a2ea);
	background: -moz-linear-gradient(#47bcf9, #28a2ea);
	background: -ms-linear-gradient(#47bcf9, #28a2ea);
	background: -o-linear-gradient(#47bcf9, #28a2ea);
	background: linear-gradient(#47bcf9, #28a2ea);
	color:#fff;
	border:solid 1px #28a2ea;
	1margin:2px
	border-radius:5px;
	text-align:center;
	1height:26px
	1line-
	height:20px;
	padding:2px 6px 2px 6px;
}

[button].emphasis.green {
	background: #95cb50; /* Old browsers */
	background: -moz-linear-gradient(top,  #95cb50 0%, #74ac30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95cb50), color-stop(100%,#74ac30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #95cb50 0%,#74ac30 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cb50', endColorstr='#74ac30',GradientType=0 ); /* IE6-9 */
	1padding:2px 8px 2px 8px;
	color:#fff;
	border:solid 1px #74ac30;
}

[button].tiny {
	background:#e0e0e0;
	background:-webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
	border:solid 1px #808080;
}


[button].alert {
	background: red; /* Old browsers */color:#fff;
	border:solid 1px orange;
}



.phyton-check-slider {
	border:solid 1px #eaeaea;
	border-radius:15px;
	width:55px;
	height:30px;
	background:#ccc;
	display:inline-block;
	clear:both;
	padding:0px;
}

.phyton-check-slider > span {
	border-radius:14px;
	background:#fff;
	border:solid 1px #ccc;
	display:inline-block;
	width:32px;
	height:28px;
	float:right;
}

.phyton-check-slider.selected {
	background:#7ab3ea;
}

.phyton-check-slider.selected > span {
	float:left;
}

/*************************** phyton-browser *********************/

.phyton-browser-soft-back-button {
	border-radius:8px;
	opacity:.7;
	text-align:center;
	position:absolute;
	left:10px;
	bottom:10px;
	background:rgb(255,255,255);
	border:solid 1px rgba(0,0,0,.2);
	width:40px;
	height:40px;
	line-height:34px;
	z-index:20;
	display:none;

}

.phyton-browser-soft-back-button .glyphicons {
	font-size:20px;
	color:#888;
}

.phyton-scroll-up-button {
	border-radius:8px;
	opacity:.7;
	text-align:center;
	position:fixed;
	right:10px;
	bottom:10px;
	background:rgb(255,255,255);
	border:solid 1px rgba(0,0,0,.2);
	width:40px;
	height:40px;
	line-height:34px;
	z-index:20;
	display:none;
}


.phyton-scroll-up-button .glyphicons {
	font-size:20px;
	color:#888;
	line-height:34px;
}


@keyframes forward-in {
  0% {
	left: 100%;
  }
  100% {
	left: 0%;
  }
}

@keyframes forward-out {
  0% {
	left: 0%;
  }
  100% {
	left: -100%;
  }
}

@keyframes backward-in {
  0% {
	left: -100%;
  }
  100% {
	left: 0%;
  }
}

@keyframes backward-out {
  0% {
	left: 0%;
  }
  100% {
	left: 100%;
  }
}


.eco-browser {
	position:relative;

}

.phyton-browser-item {
}

.phyton-browser-item.forward-in {
	animation:forward-in 0s;
	-webkit-animation:forward-in 0s;
}

.phyton-browser-item.forward-out {
	animation:forward-out 0s;
	-webkit-animation:forward-out 0s;
}

.phyton-browser-item.backward-in {
	animation:backward-in 0s;
	-webkit-animation:backward-in 0s;

}

.phyton-browser-item.backward-out {
	animation:backward-out 0s;
	-webkit-animation:backward-out 0s;
}

@media (max-width:801px) {

	.eco-browser {
		position:relative;

	}

	.phyton-browser-item {
		position:absolute;
		width:100%;
	}

	.phyton-browser-item.forward-in {
		animation:forward-in .3s;
		-webkit-animation:forward-in .3s;
	}

	.phyton-browser-item.forward-out {
		animation:forward-out .3s;
		-webkit-animation:forward-out .3s;

	}

	.phyton-browser-item.backward-in {
		animation:backward-in .3s;
		-webkit-animation:backward-in .3s;
	}

	.phyton-browser-item.backward-out {
		animation:backward-out .3s;
		-webkit-animation:backward-out .3s;
	}
}



/*************************** layout *****************************/

.phyton-app-header {
	height:40px;
	background:#444;
	display:table;
	width:100%;
	color:#fff;
	position:fixed;
	z-index: 100;
}



.phyton-app-header > * {
	display:table-cell;
	vertical-align:middle;
}

.phyton-app-header > .page-name-block {
	width:200px;
	padding:5px 10px;
	cursor:pointer;
}


.phyton-app-header .page-name-image {
	
}


.phyton-app-body {
	padding:20px;
	padding-top:60px;
}

.phyton-section-wrapper {
	max-width:1000px;
	margin:0 auto;
}



.phyton-table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	border-top:solid 3px #71A6C5;
	border-bottom:solid 1px #71A6C5;
}

.phyton-table th,
.phyton-table td {
	
	padding:10px 8px;
	
	border:solid 1px #eee;

}

.phyton-table .horz-align-center {
	text-align:center;
}

.phyton-table .horz-align-right {
	text-align:right;
}

.phyton-table .horz-align-left {
	text-align:left;
}

.phyton-table th {
	background:#EFF3F9;
}


/********** phyton-form-table ***********/
.phyton-form-table th,
.phyton-form-table td {
	border:solid 1px #ccc;
	padding:5px;
}

.phyton-form-table th {
	background:#EFF3F9;
	width:150px;
	white-space:nowrap;
}

.phyton-form-table td input {
	border:solid 1px #fff;
	border-radius:5px;
	width:100%;
	padding:3px;
}

.phyton-form-table td input:hover {
	border:solid 1px #eee;
	background:#ffe800;
}


.phyton-form-table-field-description {
	padding:4px;
	margin-top:3px;
	color:#008800;
	background:#f5f5f5;
	border-radius:5px;
}

/********** phyton-list ***********/
.phyton-list {
	min-height:300px;
}

.phyton-list.phyton-panelet {
	min-height:0px;
}

.phyton-list:after { 
	content:""; clear:both; display:block; }


.phyton-list .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
	min-height: 50px;
}

.phyton-no-data-sign {
	min-height:300px;
	text-align:center;
	1border:solid 1px red;
	display:table;
	width:100%;

}

.phyton-no-data-sign[type=schema] {
	min-height:auto;
	text-align:left;
	display:block;
	padding:20px;
}

.phyton-no-data-sign-inner {
	display:table-cell;
	vertical-align:middle;
}

.phyton-no-data-sign-icon {
	background:url(../img/nodata.png) no-repeat center center;
	1border:solid 1px blue;
	min-height:150px;
}

.phyton-no-data-sign.small {
	background:url(../img/nodata.small.png) no-repeat center center;
}


.phyton-no-data-sign-message {
	margin-top:15px;
	color:#888;
}

.phyton-page-block {
	padding:3px 0px;
	margin-top:15px;
	margin-bottom:10px;
}

.phyton-page-block.top {
	margin-top:0px;
}


.phyton-page-count-block {
	padding:3px 5px;
	margin-right:10px;
}

.phyton-page-count-block .total-count-label {
	margin-right:10px;
}

.phyton-page-anchor {
	padding:3px 5px;
	cursor:pointer;
	font-size:9pt;
}

.phyton-page-anchor.current {
	color: blue;
}

.phyton-page-anchor.inactive {
	display:none;
}


.phyton-page-anchor.prev-page
,.phyton-page-anchor.next-page {
	display:none;
}

.sns-share-button {
	display:inline-block;
	width:35px;
	height:35px;
}

.sns-share-button.facebook {
	background:url(../img/sns.png) -17px -9px no-repeat;
}

.sns-share-button.kakaotalk {
	background:url(../img/sns.png) -190px -9px no-repeat;
}

.sns-share-button.twitter {
	background:url(../img/sns.png) -60px -9px no-repeat;
}


.phyton-data-list {
	list-style:none;
    padding-left:0;
}

.phyton-data-list > li {
	border-bottom:solid 1px #ccc;
	padding:5px;
	align-items: center;
	display: flex;
}

.phyton-data-list > li:first-child {
	border-top:solid 1px #ccc;
}

.phyton-data-item > * {
	margin-right:10px;
}



.phyton-tiny-header-block {
	display:none;
}

.main-menu-header {
	display:none;
}





/****************** language *********************/
.phyton-language-anchor {
	1display:none;
	padding:3px;
	margin-right:5px;
}

.phyton-language-anchor.current {
	color:dodgerblue;
}

.popup-menu-inside .phyton-language-list {

	padding:10px;
}

.popup-menu-inside .phyton-language-list select {
	width:100%;
	color:#000;
	padding:4px;
}

.user-info-block [name=viewerLangCd] {
	border:none;
	background:transparent;
	color:#fff;
	width:auto;
}

[name=viewerLangCd] option {
	color:#000;
}


/******************* badge **********************/
.phyton-notification-badge {
	background:#b5e677;
	border-radius:8px;
	height:20px;
	/* padding:0px 3px 0px 3px; */
	min-width:20px;
	text-align:center;
	line-height:18px;
	color:#fff;
	border:none;
	display:inline-block;
	font-size:12px;
	/* margin-right:5px; */
	1display:none;
}

.phyton-notification-badge.alert {
	display:inline-block;
	background:red;
	color:#fff;

}

/****************** cart ************************/
.phyton-cart-count {
	border-radius:8px;
	background:dodgerblue;
	padding:2px 5px;
	color:#fff;
	font-size:12px;
}

.phyton-cart-count:empty,
.phyton-cart-count[data-cart-count="0"] {
	display:none;
}


/************************* phyton follow *************************/
.phyton-follow-anchor[data-followYn=N] {
	background:#f6f0df;
}

.phyton-follow-anchor[data-followYn=Y] .glyphicons.N {
	display:none;
}

.phyton-follow-anchor[data-followYn=N] .glyphicons.Y {
	display:none;
}



/******************* site-count **********************/
.phyton-site-count.circle {
	background:dodgerblue;
	border-radius:8px;
	height:20px;
	/* padding:0px 3px 0px 3px; */
	min-width:20px;
	text-align:center;
	line-height:18px;
	color:#fff;
	border:none;
	display:inline-block;
	font-size:12px;
	/* margin-right:5px; */
	1display:none;
}


/****************** tabs ************************/
.phyton-tab-block {
	margin:0px;
	padding:0px;
	1border:solid 1px red;
	margin-bottom:10px;

}

.phyton-tab-block[data-depth="0"] {
	border-bottom:solid 1px #CCC;
	padding-left:15px;
}


.phyton-tab-block[data-depth="0"] .phyton-tab-anchor {
	background:#f1f1f1;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	min-width:80px;
	display:inline-block;
	border:solid 1px #ccc;
	border-radius:5px 5px 0px 0px;
	border-bottom:none;
	cursor:pointer;
	margin-right:5px;
	border-top:solid 4px #eaeaea;
}

.phyton-tab-block .phyton-tab-anchor .tab-icon {
	margin-right:.6em;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor.current {
	background-color:#fff;
	font-weight:bold;
	color:#0381D2;
	 border-top:solid 4px #71A6C5; 
}

.phyton-tab-block[data-depth="1"] {
	background:#fff;
	padding:8px;
	1border:solid 1px #ddd;
	border-radius:5px;
}

.phyton-tab-block[data-depth="1"] .phyton-tab-anchor {
	display:inline-block;
	padding:5px 10px;
	border:solid 1px #ddd;
	border-radius:15px;
	margin-right:8px;
	min-width:80px;
	text-align:center;
}


.phyton-tab-block[data-depth="1"] .phyton-tab-anchor.current {
	font-weight:900;
	background:#0fc2d9;
	color:#fff;
}



@media (max-width:801px) {

html, body {
	font-size:10pt;
}


.phyton-tab-block[data-depth="0"] {
	margin:0px;
	padding:0px;
}

.phyton-tab-block[data-depth="0"]  {
	margin:0px;
	padding:0px;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor {
	background:transparent;
	border:none;
	border-left:solid 1px #ddd;
	height:60px;
	margin:0px;
	border-radius:0px;
	padding:0px;
	min-width:40px;
	color:#888;
	background:#fff;
	width:30%;
	1line-
	height:60px;
	text-align:center;
	border-top:none;
	border-bottom: 0px;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor .tab-icon {
	display:block;
	width:100%;
	height: 30px;
	line-height: 26px;
	font-size:18px;
	padding-top:4px;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor .tab-label {
	display:block;
	/* height:30px; */
	line-height: 26px;
	white-space:nowrap;
	overflow: hidden;
}


.phyton-tab-block[data-depth="0"] .phyton-tab-anchor:last-child {
	border-right:solid 1px #ddd;
}

.phyton-tab-block[data-depth="0"] .phyton-tab-anchor.current {
	background:#f5f5f5;#71A6C5
	color:dodgerblue;
	border-top:none;
	border:;
}


/* one item */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(1) {
	width: 100%;
	padding:0px;
	margin:0px;
}

/* two items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(2),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(2) ~ a {
	width: 50%;
	padding:0px;
	margin:0px;
}

/* three items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(3),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(3) ~ a {
	width: 33.3333%;
	padding:0px;
	margin:0px;
}

/* four items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(4),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(4) ~ a {
	width: 25%;
	padding:0px;
	margin:0px;
}

/* five items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(5),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(5) ~ a {
	width: 20%;
	padding:0px;
	margin:0px;
}

/* six items */
.phyton-tab-block[data-depth] a:first-child:nth-last-child(6),
.phyton-tab-block[data-depth] a:first-child:nth-last-child(6) ~ a {
	width: 16.666666%;
	padding:0px;
	margin:0px;
}


.phyton-tab-block[data-depth="1"] {
	1padding:8px;
	background:#f5f5f5;
	border-radius:0px;
	margin-bottom:0px;
}

.phyton-tab-block[data-depth="1"] .phyton-tab-anchor {
	background:#fff;
	margin:0px;
	border-radius:0px;
	border-left:0px;
}



.phyton-tab-block[data-depth="1"] .phyton-tab-anchor:first-child {
	border-left:solid 1px #ddd;
	border-radius:8px 0px 0px 8px;
}

.phyton-tab-block[data-depth="1"] .phyton-tab-anchor:last-child {
	border-radius:0px 8px 8px 0px;
}


.phyton-tab-block[data-depth="1"] .phyton-tab-anchor.current {
	font-weight:900;
	background:#0fc2d9;
	color:#fff;
}

}






.glyphicons {
	min-width:1em;
}

/******** color ****************/
.data-sub-1 {
	color:#70a7ae;
}

.data-main-1 {
	color:#333;
	font-weight:bold;
	font-size:1.1em;
}


/******* common-calendar ****************/
.common-calendar {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.common-calendar td,
.common-calendar th {
	border:solid 1px #ccc;
	padding:4px;
	vertical-align:top;
}

.common-calendar th {
	background-color:#fcfcfc;
	text-align:center;
}

.common-calendar td > div {
	min-height:80px;
}

.common-calendar td.not-this-month {
	background-color:#f1f1f1;
	
}

.common-calendar td.today {
	border:solid 2px red;
}

.common-calendar td.selected {
	1background:#d3e1ef;
	border:solid 3px dodgerblue;
}




/****************** search block ************************/
@media (max-width:801px) {

	.phyton-search-block {
		background: #f5f5f5;
		padding: 10px;
		border-radius: 8px;

	}

	.phyton-search-block [name=searchForm] {
		padding: 2px;
		border-radius: 12px;
		border: solid 1px #ccc;
		background: #fff;
	}

	.phyton-search-block [name=searchForm] input[type=text] {
		border: none;
		width: 100%;
		padding: 4px 8px;
	}

	.phyton-search-block [name=searchForm] input[type=submit] {
		display:none;
	}
}


/****************** menu ************************/
.main-menu-anchor  .menu-icon {
	margin-right:.6em;
	color:#fff;
	background-color:#dddddd;
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	border-radius:4px;
	font-size:10px;
}

.main-menu-anchor.current  .menu-icon {
	color:#fff;
	background:#92c3f2;
}

.main-menu-anchor.exact.current {
	background:#91c2e9;
	color:#fff;
}

.main-menu-anchor.exact.current .menu-icon {
	background:none;
	color:#fff;
	font-size:15px;;
}


.popup-menu-inside [accountYn=Y] {
	display:none;
}

@media (min-width:801px) {

	.phyton-tiny-header-block {
		display:none;
	}

	.phyton-app-menu {
		display:none;
	}

	.main-menu-header {
		display:none;
	}

	.main-menu-block {
		display:block;
	}

	.user-info-block {
		text-align:right;
		padding-right:15px;
	}

	.user-info-block > * {
		margin-left:8px;
	}

	.phyton-menu-block {
		list-style-type: none;
		padding:0px;
		margin:0px;
	}

	.phyton-menu-block > li {
		line-height:1em;
	}

	.phyton-menu-block[data-depth="0"] > li  {
		display:inline;
		line-height:36px;
	}

	.phyton-menu-block1[data-depth="2"] {
		margin-top:10px;
		padding-left:0px;
	}

	.phyton-menu-block1[data-depth="1"] > li  {
		line-height:1em;
		padding:6px 0px;
		padding-left:10px;
	}

	.phyton-menu-block1[data-depth="2"] > li  {
		line-height:1em;
		padding:6px 0px;
		padding-left:20px;
	}

	.phyton-menu-block[data-depth="1"] {
		display:none;
	}

	.main-menu-anchor {
		text-decoration:none;
		display:inline-block;
		color:#333;
		font-size:1.2em;
		padding:8px 15px;
		font-weight:bold;
		width:100%;
	}

	.main-menu-anchor[data-depth="0"] {
		display:inline;
		border:none;
		line-height:1em;
	}

	.main-menu-anchor[data-depth="0"] .menu-icon {
		display:none;
	}

	.main-menu-anchor[data-depth="0"].exact.current {
		background:none;;
	}

	.main-menu-anchor[data-depth="2"] {
		padding-left:30px;
	}

	.main-menu-anchor[data-depth="3"] {
		padding-left:50px;
	}

	.main-menu-anchor[data-depth="0"] {
		color:#fff;
		line-height: 38px;
	}

	.main-menu-anchor.current {
		color:#4385c5;
	}

	.main-menu-anchor[data-depth="0"].current {
		color:#ffe800;
	}

	.phyton-menu-block[data-depth="1"].current {
		display:block;
		position:fixed;
		left:0px;
		width:211px;
		top:40px;
		bottom:0px;
		background:#f1f1f1;
		color:#333;
		padding1:20px;
		padding-top:30px;

	}



	.phyton-app-body {
		margin-left:211px;
	}

	.phyton-app-body.no-menu {
		margin-left:0px;
	}

	.phyton-app-body.wide-stage {
		margin-left:0px;
	}

	.phyton-app-body.no-menu .phyton-section-header {
		display:none;
	}

	.phyton-app-footer {
		margin-top:100px;
		border-top:solid 1px #ccc;
		padding-top:10px;
		font-size:.9em;
		color:#888;
	}

	.phyton-app-footer:empty { 
		display:none;
	}

	.phyton-app-footer .phyton-language-list {
		margin-bottom:8px;
	}
}

@media (max-width:901px) {

	.phyton-app-header > .page-name-block {
		display:none;
	}

}

@media (max-width:801px) {



	.page-name-block {
		display:none;
	}

	.main-menu-block {
		display:none;
	}


	.phyton-app-menu {
		position:fixed;
		left:-100%;
		width:100%;
		right:0px;
		top:0px;
		bottom:0px;
		overflow-y:hidden;
		transition:left .2s;
		z-index:102;
		background:#fff;
		display: block;
	}

	.phyton-app-menu .popup-menu-inside {
		position:absolute;
		left:0px;
		top:40px;
		right:0px;
		bottom:0px;
		overflow-y:auto;
	}

	.phyton-app-menu.showtime {
		left:0px;
		visibility:visible;
		1border:solid 1px blue;
	}

	.popup-menu-header {
		text-align:right;
		height:40px;
		border-bottom:solid 1px #ccc;
		background:#f5f5f5;
	}


	.phyton-tiny-header-block {
		display:table;
	}

	.user-info-block {
		display:none;
	}

	.phyton-menu-block {
		list-style-type: none;
	}




	.phyton-menu-block {
		position:static;
		1padding:0px;
		background:#fff;
		padding:0px;
		width:100%;
	}



	.phyton-menu-block.current {
		1border:solid 1px red;
		1padding:5px;
	}


	.phyton-app-menu .menu-anchor {
		color:#333;
		padding:13px;
		padding-left:10px;
		display:block;
		border-bottom:solid 1px #eee;
		font-size:14px;
		background:#fafafa;
	}

	.phyton-app-menu .login-user-menu {
		padding-left:20px;
	}

	.phyton-app-body {
		margin-left:0px;
	}

	.phyton-app-footer {
		background:#f5f5f5;
		padding: 15px;
		display:none;
	}

	.phyton-app-footer .phyton-language-list {
		display:none;
	}

	.main-menu-anchor {
		color:#333;
		padding:9px;
		display:block;
		border-bottom:solid 1px #eee;
		/* font-size:14px; */
		1border:solid 1px
		red;
	}


	.main-menu-anchor.current {
		color:dodgerblue;
	}

	.main-menu-anchor[data-depth="0"] {
		padding-left:20px;
	}

	.main-menu-anchor[data-depth="1"] {
		padding-left: 35px;
	}

	.main-menu-anchor[data-depth="2"] {
		padding-left: 60px;
	}

	.main-menu-anchor[data-depth="3"] {
		padding-left:110px;
	}
}

.phyton-app-title {
	display:none;
}



.phyton-section-header {
	padding:3px 10px 15px 3px;
	font-size:1.3em;
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
	display:table;
	width:100%;
}

.phyton-section-header > * {
	display:table-cell;
}

.phyton-section-header > :first-child {
	width:5px;
	white-space:nowrap;
}

.phyton-section-header .phyton-page-action {
	text-align:right;
}

.phyton-page-action-tool {
	cursor:pointer;
	margin-left:10px;
	font-size:14px;
}

.phyton-page-action-tool .label {
	margin-left:.2em;
}


.phyton-page-more {
	padding:15px;
	text-align:center;
	border-top:solid 1px #ddd;
	display:none;
}

.phyton-page-more.active {
	cursor:pointer;
	
}

.phyton-page-more.inactive {
	color:#ccc;
	display:none;
}

.phyton-list-order-select-type-block {
	display:none;
}

/************************ media **********************/
@media (max-width:801px) {

	.phyton-section-header {
		display:none;
	}

	.phyton-app-title {
		display:table-cell;
		vertical-align:middle;
		border1:solid 1px red;
		margin-right:20px;
	}

	.phyton-page-more {
		display:block;
	}


	.phyton-page-block.bottom {
		width:100%;
		1display:table;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		display:none;
	 }

	.phyton-page-block.top {
		display:none;
	}

	.phyton-page-block.bottom > * {
		display:table-cell;
		padding:3px 10px;;
	}

	.phyton-page-no-block {
		text-align:right;
	}


	.phyton-page-count-block {
		font-size:11pt;
	}

	.total-count-label {
		display:none;
	}

	.phyton-page-anchor {
		font-size:11pt;
	}

	.phyton-page-anchor {
		display:none;
	}


	.phyton-page-anchor.prev-page
	,.phyton-page-anchor.next-page {
		display:inline-block;
		padding:10px;
		font-size:14pt;
	}

	.phyton-page-anchor.page-no {
		display:none;

	}

	.phyton-list-order-select-type-block {
		display:block;
		padding:3px 5px;
		1text-align:right;
		color:#555;
	}

	.phyton-list-order-field-select {
		border:none !important;
		padding:5px;
		width:100%;
		1height:30px;
		1line-height:30px;
	}

}





@media (max-width:801px) {

	body {
		1padding-top:40px;
	}

	.phyton-app-body {
		padding:0px;
		padding-top:40px;
	}

}



/*********************************************************
//
// phyton-code-auth-login]
//
**********************************************************/
.panel-phyton-code-auth-login {
	1text-align:center;
	1background-color:#f2f6fa;
	1background:url(../img/pattern_login.jpg);
}

.panel-phyton-code-auth-login .login-notice-label {
	color:#000;
	padding:4px 15px;
	border-radius:10px;
	background:#ffe800;

}

.panel-phyton-code-auth-login .login-form input[type=text],
.panel-phyton-code-auth-login .login-form [name=groupId],
.panel-phyton-code-auth-login .login-form input[type=password] {
	padding:5px;
	width:200px;
	box-sizing:border-box;
}

.panel-phyton-code-auth-login .login-form {
	display:inline-block;
	border:solid 1px #ccc;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	padding:20px;
	width:400px;
	margin-top:100px;
	background:#fff;
	border-radius:10px;
}

.panel-phyton-code-auth-login .login-form .label-login {
	font-size:18px;
	font-weight:bold;
	color:#bbbdbc;
	margin-top:10px;
	margin-bottom:20px;
	display:inline-block;
	font-family:nanumGothic;
}

.panel-phyton-code-auth-login .form-item {
	padding:3px;
	vertical-align:middle;
}

.panel-phyton-code-auth-login .welcome {
	border-top:solid 1px #ccc;
	text-align:left;
	padding-top:15px;
	color:#999;
	padding-bottom:10px;
}

.panel-phyton-code-auth-login .login-tools {
	margin-top:15px;
}

.panel-phyton-code-auth-login .form-item-title {
	width:40px;
	height:22px;
	display:inline-block;
	text-align:right;
	margin-right:10px;
	vertical-align:middle;
	color:navy;
}

.panel-phyton-code-auth-login .form-item-title.id {
	background:url(../img/login_user.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-item-title.pw {
	background:url(../img/login_lock.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-action {
	padding:5px;
	margin-top:15px;
	margin-bottom:8px;
}

.panel-phyton-code-auth-login .external-login-holder {
	margin-bottom:15px;
	padding:5px;
}

.panel-phyton-code-auth-login .join-action {
	margin-bottom:14px;
}

.panel-phyton-code-auth-login [button=join] {
	border:none;
	background:transparent;
	font-size:13px;
}

.panel-phyton-code-auth-login [button=find-password] {
	border:none;
	background:transparent;
	font-size:13px;

}

.panel-phyton-code-auth-login [button=login] {
	width:200px;
	margin-left:30px;
	height:35px;
	line-height:30px;
}

.panel-phyton-code-auth-login [button=facebook] {
	1background:url(../img/page/loi/FBlogin.png) no-repeat;
	width:200px;
	height:35px;
	1background-size:200px auto;
	border:none;
	margin-left:30px;
	background:#5474ab;
	text-align:left;
}

.panel-phyton-code-auth-login [button=facebook] .icon {
	margin-top:1px;
	background:url(../img/panel/login/facebook_icon.png) no-repeat;
	background-size:auto 28px;
	width:30px;
	height:30px;
	display:inline-block;
	1border:solid 1px red;
}

.panel-phyton-code-auth-login [button=facebook] .label {
	color:#fff;
	margin-left:10px;
	line-height:30px;
	vertical-align:middle;
	display:inline-block;
	height:30px;
	font-size:14px;
}


	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		border:none;
		box-shadow:none;
		width:100%;
		margin:0px;
		padding:30px;
	}

	.panel-phyton-code-auth-login .login-form input[type=text],
	.panel-phyton-code-auth-login .login-form [name=groupId],
	.panel-phyton-code-auth-login .login-form input[type=password] {
		width: 100%;
		margin-bottom: 15px;
		height: 40px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
		width:100%;
	}

	.panel-phyton-code-auth-login .form-item {
		padding:3px;
		vertical-align:middle;
	}

	.panel-phyton-code-auth-login .form-item-title.id {
		display:none;
	}

	.panel-phyton-code-auth-login .form-item-title.pw {
		display:none;
	}


	.panel-phyton-code-auth-login .form-item input{
		width:100%;
		margin-bottom:15px;
		height:40px;
	}

	.panel-phyton-code-auth-login .eco-checkbox,
	.panel-phyton-code-auth-login .eco-radio {
		margin-right:2px;
		padding:2px;
		margin:2px;
		display:inline-block;
		
	}

	.panel-phyton-code-auth-login .eco-checkbox-icon.glyphicons,
	.panel-phyton-code-auth-login .eco-radio-icon.glyphicons {
		display:inline;
		padding:0px;
		margin-right:4px;
	}

	.panel-phyton-code-auth-login  .eco-checkbox-label,
	.panel-phyton-code-auth-login .eco-radio-label {
		padding-left:.1em;
		padding:0px;
		
	}



	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		margin-top:0px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
	}


	.panel-phyton-code-auth-login .login-form .label-login {
		background:url(/img/favicons/apple-touch-icon.png) no-repeat center center;
		background-size:160px 160px;
		height:160px;
		width:160px;
		border-radius:8%;
		text-indent:-1000px;
		overflow:hidden;
	}


	.panel-phyton-code-auth-login [button=login] {
		width:100%;
		height:40px;
		line-height:38px;
		font-size:16px;
		margin-left:0px;
		1background:#ffffff;
		1color:#333;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		text-align:center;
	}

	.panel-phyton-code-auth-login [button=facebook] .icon {
		margin-top:1px;
		background-size:auto 28px;
		width:30px;
		height:30px;
		display:inline-block;
		1border:solid 1px red;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		margin-left:0px;
		width:100%;
		height:40px;
		line-height:33px;
	}

	.panel-phyton-code-auth-login .join-action {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .join-action [button] {
		1color:#fff;
		font-size:15px;
	}

	.panel-phyton-code-auth-login .welcome {
		display:none;
	}

@media (min-width:801px) {

	.panel-phyton-code-auth-login .phyton-panel-wrapper {
		text-align:center;
	}

	.panel-phyton-code-auth-login .login-form {
		width:400px;
		margin:0 auto;
		border:solid 1px #ccc;
		margin-bottom:40px;
		margin-top:40px;
	}

	.panel-phyton-code-auth-login .phyton-section-header {
		1display:none;
	}
}

.phyton-app .phyton-section-header [button=phyton-menu-display] {
	display:none;
}


/*********************** web-browser : mobile ***********************/
.phyton-app.multi-section.anchor-link-nav-local .phyton-section-body {
	bottom:40px;
}

@media (max-width:801px) {
	.phyton-app.multi-section.anchor-link-nav-local.anchor-with-label .phyton-section-body {
		bottom:60px;
	}
}

/*********************** web-browser : mobile ***********************/


@media (max-width:801px) {
	.phyton-app-header {
		display:none;
	}

	.phyton-app-body .phyton-section-header {
		background:#6BB014;
		position:fixed;
		top:0px;
		z-index: 101;
		margin-bottom:0px;
		height:40px;
		padding:0px;
		line-height:40px;
		display:table;
		overflow: hidden;
		border:none;
		color:#fff;
	}

	.phyton-app .phyton-section-header > * { 
		display:table-cell;
		height:40px;
		text-align:center;
		color:#fff;
		padding:0px;
		margin:0px;
		overflow:hidden;
		white-space:nowrap;
		1border:solid 1px red;
	}


	.phyton-app .phyton-section-header > :first-child {
		width:40px;
		white-space:nowrap;
	}

	.phyton-app .phyton-section-header > :last-child {
		width:40px;
		white-space:nowrap;
	}



	.phyton-app .phyton-section-header [button] {
		padding:0px;
		margin:0px;
		color:#fff;
		line-height:40px;
		background:none;
		border:none;
		height:40px;
		1border:solid 1px
		blue;
		text-align:center;
		font-size:17px;
		1border:solid 1px
		red;
	}

	.phyton-app .phyton-section-header	[button=phyton-browser-item-prev] {
		width:35px;
		display:inline-block;
		text-align:center;

	}

	.phyton-app .phyton-section-header [button] .label {
		display:none;
	}

	.phyton-app .phyton-section-header [button=phyton-menu-display] {
		display:inline-block;
	}

	.phyton-app .phyton-section-header .phyton-page-action-tool {
		width:auto;
		1border:solid 1px
		red;
		font-size:12px;
	}

	.phyton-app .phyton-section-header .phyton-page-action-tool .icon {
		width:35px;
		height:40px;
		font-size:17px;
		line-height:36px;
	}

	.phyton-app .phyton-section-header .phyton-page-action-tool .label {
		1display:inline-block;
		1font-size:17px;
	}

	
	.phyton-app.anchor-link-nav-local .phyton-app-body {
		1border:solid 5px red;
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
	}

	.phyton-app.anchor-link-nav-local .phyton-section-body {
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
	}

	.phyton-app.multi-section.anchor-link-nav-local .phyton-section-body {
		bottom:40px;
	}


	.phyton-app.anchor-link-nav-local .phyton-app-body .phyton-browser-item {
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		overflow-y:auto;
		padding-top:40px;
		height1:200px;
		width1:100%;
	}

	.phyton-app.multi-section .phyton-browser-item .phyton-scroll-up-button {
		bottom:50px;

	}

	/* icon type */
	.phyton-app.multi-section.anchor-with-label .phyton-browser-item .phyton-scroll-up-button {
		bottom:70px;

	}

	.phyton-app .phyton-section-header > .phyton-page-title {
		
	}
	
}


/*********************** multi-section ***********************/
.phyton-app.multi-section .phyton-app-header {
	display:none;
}

.phyton-app.multi-section .phyton-app-body {
	padding:0px;
	margin:0px;
	padding-bottom:60px;
}

.phyton-app.multi-section .phyton-section-wrapper {
	max-width:inherit;
	padding-top:60px;
}

.phyton-app.multi-section .phyton-section-header {
	
	background:#6BB014;
	position:fixed;
	top:0px;
	z-index:1;
	margin-bottom:0px;
	height:40px;
	padding:0px;
	line-height:40px;
	display:table;
	overflow: hidden;
	border:none;

}

.phyton-app.multi-section .phyton-section-header > * { 
	display:table-cell;
	height:40px;
	text-align:center;
	color:#fff;
	padding:0px;
	margin:0px;
	overflow:hidden;
	1border:solid 1px red;
}

.phyton-app.multi-section .phyton-section-header > :first-child {
	width:40px;
	white-space:nowrap;
}

.phyton-app.multi-section .phyton-section-header > :last-child {
	width:40px;
	white-space:nowrap;
}

.phyton-app.multi-section .phyton-section-header [button] {
	padding:0px;
	margin:0px;
	color:#fff;
	line-height:40px;
	background:none;
	border:none;
	height:40px;
	font-size:17px;

}

.phyton-app.multi-section .phyton-section-header [button=phyton-menu-display] {
	display:none;
}

@media (max-width:801px) {

	.phyton-app.multi-section .phyton-section-header {
		display:table;
		height:40px;
	}

	.phyton-app.multi-section .phyton-section-wrapper {
		padding-top:40px;
	}
}


/**************** section-anchor ******************/
.phyton-app-section-anchor { 
	background:#fff;
	border-top:solid 1px #eee;
	z-index:100;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	height:40px;
}


.phyton-section-anchor .icon {
	font-size:18px;
	line-height:40px;
	margin-top:-4px;
}

.phyton-section-anchor .label {
	display:none;
}

.phyton-section-anchor {
	display:inline-block;
	1width:20%;
	text-align:center;
	1line-height:40px;
	1background:red;
	color:#aaa;
}

.phyton-section-anchor.current {
	1background:blue;
	color:dodgerblue;
}

.phyton-app.multi-section.anchor-with-label .phyton-app-section-anchor {
	height:60px;
}

.phyton-app.multi-section.anchor-with-label .phyton-section-anchor .label {
	display:block;
}

.phyton-app.multi-section.anchor-with-label .phyton-section-anchor .icon {
	font-size:20px;
}





/**********************************************************
//
// phyton-image-info-layout-row
//
**********************************************************/

.phyton-image-info-layout-row > .info-holder {
	margin-top:10px;
}

.phyton-image-info-layout-row > .image-holder {
	text-align:center;
}

.phyton-image-info-layout-row > .image-holder img {
	width:auto;
	height:140px;
}

.phyton-image-info-layout-row > .info-holder > * {
	margin-top:5px;
}

.phyton-image-info-layout-row > .info-holder > *:first-child {
	margin-top:0px;
}


.phyton-image-info-layout-row > .info-holder .emphasis-info {
	font-size:1.1em;
}

@media (max-width:801px) {

	.phyton-box-list-row.phyton-image-info-layout-row > .image-holder {
		width:80px;
		padding-right:10px;
	}

	.phyton-box-list-row.phyton-image-info-layout-row > .image-holder img {
		width:80px;
		height:80px;
	}

}


.phyton-display-table-row {
	display:table;
	width:100%;
}

.phyton-display-table-row > * {
	display:table-cell;
	vertical-align:top;
	padding:10px;
}


/**********************************************************
//
// phyton-row
//
**********************************************************/
.phyton-list[data-type=grid] {
	display:grid;
	min-height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px 15px;
}

.phyton-tile-row,
.phyton-box-row,
.phyton-box-list-row {
	
	display:inline-block;
	border-bottom:solid 1px #eee;
	vertical-align:top;
	border:1px #eaeaea;
	border-style:solid solid solid solid;
	/* min-height:250px; */
	padding:15px;
	width:20%;
}


.phyton-tile-row,
.phyton-box-row,
.phyton-box-list-row {
	min-width:170px;
}




.phyton-list-row {
	border-bottom:solid 1px #eee;
}


.phyton-list-row:first-child {
	border-top:solid 1px #eee;
}

.phyton-list-row > .phyton-list-row-inner {
	display:table;
	width:100%;
}

.phyton-list-row > .phyton-list-row-inner > * {
	display:table-cell;
	vertical-align:top;
	padding:15px;
	/* padding-right:0px; */
	/* border: solid 1px blue; */
}

.phyton-list-row > .phyton-list-row-inner > *:first-child {
	padding-right:0px;
}




@media (max-width:701px) {

	.phyton-tile-row,
	.phyton-box-row {
		/* min-width:33%; */
	}

	.phyton-box-list-row {
		min-width:100%;
		padding:10px;
		min-height:auto;
		border:none;
		border-bottom:solid 1px #ddd;
	}

	.phyton-box-list-row > .phyton-box-list-row-inner {
		display:table;
		width:100%;
	}

	.phyton-box-list-row > .phyton-box-list-row-inner >  * {
		display:table-cell;
		vertical-align:top;
	}

	.phyton-box-list-row > .phyton-box-list-row-inner > *:first-child {
		width:30%;
	}


}

@media (max-width:800px) {

	.phyton-tile-row,
	.phyton-box-row {
		min-width:49%;
	}
}

@media (max-width:500px) {

	.phyton-tile-row,
	.phyton-box-row {
		min-width:99%;
	}

}



/************** paging ************************/
.phyton-page-block {
	margin-top:6px;
	padding:4px;
}

.phyton-page-block[type=hidden] {
	margin-top:0px;
	padding:0px;
	display:none;
}

[dir=rtl] .phyton-page-block {
	padding-right:4px;
	text-align:right;
}

.phyton-page-block .phyton-page-anchor , 
.phyton-page-block .btn-action { 
	cursor:pointer;
	border:solid 1px #eaeaea;
	border-radius:3px;
	margin-right:5px;
	padding:3px 5px;
	color:#777;
}

.phyton-page-block .phyton-page-anchor.page-no.current {
	background: #3bb2f2;
	background: -webkit-linear-gradient(#47bcf9, #28a2ea);
	background: -moz-linear-gradient(#47bcf9, #28a2ea);
	background: -ms-linear-gradient(#47bcf9, #28a2ea);
	background: -o-linear-gradient(#47bcf9, #28a2ea);
	background: linear-gradient(#47bcf9, #28a2ea);
	border:solid 1px #3bb2f2;
	color:#fff;
}

.phyton-page-block .count-total {
	margin-right:10px;
}

.eco-paging-list-more {
	cursor:pointer;
}



/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
.panel-phyton-code-account-join-main [button] {
	
	padding: 10px;
	
	border-radius: 8px;
	
	min-width: 100px;
	
	text-align: center;

}

.panel-phyton-code-account-join-main [button=go-prev] {
    color: #555;
    background: #eee;
	margin-right:20px;
}

.panel-phyton-code-account-join-main [button=go-next] {
    color: #555;
    background: #eee;
}

.panel-phyton-code-account-join-main [button=close] {
    color: #fff;
    background: dodgerblue;
}

.panel-phyton-code-account-join-main .completed [button=go-next] {
    color: #fff;
    background: dodgerblue;
}


.panel-phyton-code-account-join-main .title-block {
	padding:8px 0px;
	font-size:18px;
	font-weight:600;
}

.panel-phyton-code-account-join-main .remark-block {
	padding:8px 0px;
	font-size:14px;
	font-weight:500;
}


.panel-phyton-code-account-join-main .detail-block {
	padding:8px 0px;
	font-size:15px;
	line-height:2em;
}

.panel-phyton-code-account-join-main .detail-block > * {
	vertical-align:baseline;
}

.panel-phyton-code-account-join-main .detail-block [button] {
	display:inline;
	text-decoration:underline;
	padding:0px;
}

.panel-phyton-code-account-join-main .form-block {
	padding:10px 0px;
}

.panel-phyton-code-account-join-main .form-block input {
	width:100%;
	padding:5px;
	border-radius:8px;
	border:solid 1px #ccc;
	font-size:15px;
}

.panel-phyton-code-account-join-main .form-block select {
	width:100%;
	padding:5px;
	border-radius:8px;
	font-size:15px;
	border:solid 1px #ccc;
}

.panel-phyton-code-account-join-main .action-block {
   margin-top:20px;
}


.panel-phyton-code-account-join-main span[radio] {
	display:block;
	padding:8px 0px 8px 28px;
	1border:solid 1px red;
	margin-bottom:10px;
	background:url(../img/icon/unchecked.png) no-repeat left center;
	background-size:20px 20px;
	font-size:16px;
	
}

.panel-phyton-code-account-join-main span[radio].selected {
	background:url(../img/icon/checked.png) no-repeat left center;
	background-size:20px 20px;
	
}





/*********************************************************
//
// phyton-code-auth-login]
//
**********************************************************/
.panel-phyton-code-auth-login {
	1text-align:center;
	1background-color:#f2f6fa;
	1background:url(../img/pattern_login.jpg);
}

.panel-phyton-code-auth-login .login-form input[type=text],
.panel-phyton-code-auth-login .login-form [name=groupId],
.panel-phyton-code-auth-login .login-form input[type=password] {
	padding:5px;
	width:200px;
	box-sizing:border-box;
}

.panel-phyton-code-auth-login .login-form {
	display:inline-block;
	border:solid 1px #ccc;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	padding:20px;
	width:400px;
	margin-top:100px;
	background:#fff;
	border-radius:10px;
}

.panel-phyton-code-auth-login .login-form .label-login {
	font-size:18px;
	font-weight:bold;
	color:#bbbdbc;
	margin-top:10px;
	margin-bottom:20px;
	display:inline-block;
	font-family:nanumGothic;
}

.panel-phyton-code-auth-login .form-item {
	padding:3px;
	vertical-align:middle;
}

.panel-phyton-code-auth-login .welcome {
	border-top:solid 1px #ccc;
	text-align:left;
	padding-top:15px;
	color:#999;
	padding-bottom:10px;
}

.panel-phyton-code-auth-login .login-tools {
	margin-top:15px;
}

.panel-phyton-code-auth-login .form-item-title {
	width:40px;
	height:22px;
	display:inline-block;
	text-align:right;
	margin-right:10px;
	vertical-align:middle;
	color:navy;
}

.panel-phyton-code-auth-login .form-item-title.id {
	background:url(../img/login_user.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-item-title.pw {
	background:url(../img/login_lock.png) no-repeat center right;
}

.panel-phyton-code-auth-login .form-action {
	padding:5px;
	margin-top:15px;
	margin-bottom:8px;
}

.panel-phyton-code-auth-login .external-login-holder {
	margin-bottom:15px;
	padding:5px;
}

.panel-phyton-code-auth-login .join-action {
	margin-bottom:14px;
}

.panel-phyton-code-auth-login [button=join] {
	border:none;
	background:transparent;
	font-size:13px;
}

.panel-phyton-code-auth-login [button=find-password] {
	border:none;
	background:transparent;
	font-size:13px;

}

.panel-phyton-code-auth-login [button=login] {
	width:200px;
	margin-left:30px;
	height:35px;
	line-height:30px;
}

.panel-phyton-code-auth-login [button=facebook] {
	1background:url(../img/page/loi/FBlogin.png) no-repeat;
	width:200px;
	height:35px;
	1background-size:200px auto;
	border:none;
	margin-left:30px;
	background:#5474ab;
	text-align:left;
}

.panel-phyton-code-auth-login [button=facebook] .icon {
	margin-top:1px;
	background:url(../img/panel/login/facebook_icon.png) no-repeat;
	background-size:auto 28px;
	width:30px;
	height:30px;
	display:inline-block;
	1border:solid 1px red;
}

.panel-phyton-code-auth-login [button=facebook] .label {
	color:#fff;
	margin-left:10px;
	line-height:30px;
	vertical-align:middle;
	display:inline-block;
	height:30px;
	font-size:14px;
}




	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		border:none;
		box-shadow:none;
		width:100%;
		margin:0px;
		padding:30px;
	}

	.panel-phyton-code-auth-login .login-form input[type=text],
	.panel-phyton-code-auth-login .login-form [name=groupId],
	.panel-phyton-code-auth-login .login-form input[type=password] {
		width: 100%;
		margin-bottom: 15px;
		height: 40px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
		width:100%;
	}

	.panel-phyton-code-auth-login .form-item {
		padding:3px;
		vertical-align:middle;
	}

	.panel-phyton-code-auth-login .form-item-title.id {
		display:none;
	}

	.panel-phyton-code-auth-login .form-item-title.pw {
		display:none;
	}


	.panel-phyton-code-auth-login .form-item input{
		width:100%;
		margin-bottom:15px;
		height:40px;
	}

	.panel-phyton-code-auth-login .eco-checkbox,
	.panel-phyton-code-auth-login .eco-radio {
		margin-right:2px;
		padding:2px;
		margin:2px;
		display:inline-block;
		
	}

	.panel-phyton-code-auth-login .eco-checkbox-icon.glyphicons,
	.panel-phyton-code-auth-login .eco-radio-icon.glyphicons {
		display:inline;
		padding:0px;
		margin-right:4px;
	}

	.panel-phyton-code-auth-login  .eco-checkbox-label,
	.panel-phyton-code-auth-login .eco-radio-label {
		padding-left:.1em;
		padding:0px;
		
	}



	.panel-phyton-code-auth-login {
		1background:url(../img/panel/login/login_back_720_1280.png) no-repeat center center;
		1background-size:100% 100%;
		1min-height:800px;
		1background:#6BB014;
		background:#fff;
	}

	.panel-phyton-code-auth-login .login-tools {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .login-tools input {
		margig-right:5px;
	}

	.panel-phyton-code-auth-login .login-form {
		background:transparent;
		margin-top:0px;
	}

	.panel-phyton-code-auth-login .login-form input { 
		background:rgba(255,255,255,.4);
		color:#222;
		border:solid 1px #ccc;
		font-size:15px;
	}


	.panel-phyton-code-auth-login [button=login] {
		width:100%;
		height:40px;
		line-height:38px;
		font-size:16px;
		margin-left:0px;
		1background:#ffffff;
		1color:#333;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		text-align:center;
	}

	.panel-phyton-code-auth-login [button=facebook] .icon {
		margin-top:1px;
		background-size:auto 28px;
		width:30px;
		height:30px;
		display:inline-block;
		1border:solid 1px red;
	}

	.panel-phyton-code-auth-login [button=facebook] {
		margin-left:0px;
		width:100%;
		height:40px;
		line-height:33px;
	}

	.panel-phyton-code-auth-login .join-action {
		1color:#fff;
	}

	.panel-phyton-code-auth-login .join-action [button] {
		1color:#fff;
		font-size:15px;
	}

	.panel-phyton-code-auth-login .welcome {
		display:none;
	}

@media (min-width:801px) {

	.panel-phyton-code-auth-login .phyton-panel-wrapper {
		text-align:center;
	}

	.panel-phyton-code-auth-login .login-form {
		width:400px;
		margin:0 auto;
		border:solid 1px #ccc;
		margin-bottom:40px;
		margin-top:40px;
	}

	.panel-phyton-code-auth-login .phyton-section-header {
		1display:none;
	}
}






/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
[ctrl=phyton-code-account-info] .userinfo-form {
	text-align:left;
	margin:0 auto;
	max-width:400px;
	1border:solid 1px red;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
}

[ctrl=phyton-code-account-info] .label-title {
	display:none;
}

[ctrl=phyton-code-account-info] .form-item {
	margin-bottom:20px;
	display:table;
	width:100%;
}

[ctrl=phyton-code-account-info] .form-item  > * {
	display:table-cell;
	padding:4px;
}

[ctrl=phyton-code-account-info] .form-item-title {
	width:30%;
	1text-align:right;
	padding-right:10px;
}

[ctrl=phyton-code-account-info] .form-item input {
	width:100%;
	padding:6px 6px;
}

[ctrl=phyton-code-account-info] .form-item select {
	width:100%;
	padding:6px 6px;
}



[ctrl=phyton-code-account-info] .user-icon-holder {
	
	display:inline-block;
	1position:absolute;
	1left:20px;
	1bottom:20px;
	1padding:4px;
	1border:solid 1px red;
	background:#fff;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	width:128px;
	height:128px;
	border-radius:50%;
}

[ctrl=phyton-code-account-info] .user-icon-holder img.user-icon {
	width:128px;120px;
	height:128px;120px;
	1border:solid 1px #ccc;
	border-radius:50%;
}



/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
[ctrl=phyton-code-account-password] .userinfo-form {
	text-align:left;
	margin:0 auto;
	max-width:400px;
	1border:solid 1px red;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
}

[ctrl=phyton-code-account-password] .label-title {
	display:none;
}

[ctrl=phyton-code-account-password] .form-item {
	margin-bottom:20px;
	display:table;
	width:100%;
}

[ctrl=phyton-code-account-password] .form-item  > * {
	display:table-cell;
	padding:4px;
}

[ctrl=phyton-code-account-password] .form-item-title {
	width:30%;
	1text-align:right;
	padding-right:10px;
}

[ctrl=phyton-code-account-password] .form-item input {
	width:100%;
	padding:6px 6px;
}

[ctrl=phyton-code-account-password] .form-item select {
	width:100%;
	padding:6px 6px;
}


/*********************************************************
//
// phyton-code-account-join]
//
**********************************************************/
[ctrl=phyton-code-account-leave] .userinfo-form {
	text-align:left;
	margin:0 auto;
	max-width:400px;
	1border:solid 1px red;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
}

[ctrl=phyton-code-account-leave] .form-item {
	margin-bottom:20px;
	display:table;
	width:100%;
}


/*********************************************************
//
// phyton-ntf-notification-list]
//
**********************************************************/
[ctrl=phyton-ntf-notification-list] .notification-row[data-readYn=Y] {
	background:#fcfcfc;
}

/*********************************************************
//
// phyton-detail-panel-content
//
**********************************************************/
.phyton-detail-panel-content {
	
	padding:10px;
}

.phyton-detail-panel-content-header {
	padding:8px 0px;
	margin-bottom:8px;
	border-bottom:solid 1px #ccc;

}

.phyton-detail-panel-content-header > * {
	margin-bottom:5px;
}

.phyton-detail-panel-content-header-title {
	font-size:1.3em;
	font-weight:600;
	margin-bottom:10px;
}

.phyton-detail-panel-content-header-sub {
	color:#888;
}


.phyton-detail-panel-content-content {
	padding:0px;
	margin-bottom:8px;
}

.phyton-detail-panel-content-info {

}

.phyton-detail-panel-content-content:last-child {
	margin-bottom:0px;
}

.phyton-detail-panel-content-item {
	margin-bottom:15px;
}

.phyton-detail-panel-content-item[data-type=text],
.phyton-detail-panel-content-item[data-type=html]{
	line-height:1.5em;
}

.phyton-detail-panel-content-item-link-info-holder > * {
	margin-bottom:0px;
}

.phyton-detail-panel-content-item-link-info-holder > *:last-child {
	margin-bottom:0px;
	1border:solid 1px red;
}


.phyton-detail-panel-content-item-link-title {
	font-size:16px;
	font-weight:bold;
}

.phyton-detail-panel-content-item-link-description {
	font-size:12px;
	line-height:1.2em;
	1font-weight:bold;
}

.phyton-detail-panel-content-item-link-source {
	font-size:12px;
	color:dodgerblue;
	1font-weight:bold;
}

.phyton-detail-panel-content-info {
	padding:8px;
	padding-left:20px;
	background:#f5f5f5;
	margin-bottom:10px;
}

.phyton-detail-panel-content-info > ul {
	padding:10px;
}

.phyton-detail-panel-content-info > ul > li {
	line-height:1.6em;
}

.phyton-checkbox {
	padding:5px 4px;
	margin-bottom:5px;
	line-height:2.5em;
}

.phyton-checkbox-icon {
	background:url(../img/icon/unchecked-24.png) no-repeat center center;
	width:24px;
	height:24px;
	display:inline-block;
	margin-right:5px;
}

.phyton-checkbox.checked .phyton-checkbox-icon {
	background:url(../img/icon/checked-24.png) no-repeat center center;
}

.phyton-radio-control {
	padding:3px;
	display:inline-block;
	line-height:1.4em;
}

.phyton-radio-control input {
	margin-right:8px;
}


.phyton-panel-filter-box {
	
}


.phyton-panel-filter-box [button] {
	white-space:nowrap;height:30px;line-height:24px;
}



.phyton-panel-filter-box [button].selected {
	color:dodgerblue;
}

@media ( max-width:801px ) {
	.phyton-panel-filter-box {
		padding:5px;background:#f2f2f2;
	}

	.phyton-panel-filter-box [button] {
		background:#fff;
	}
}



/************************ panel-aux **********************/
.phyton-panel-has-aux {
	display:table;
	width:100%;

}

.phyton-panel-has-aux-then-main {
	display:table-cell;
	vertical-align:top;
}

.phyton-panel-has-aux-then-aux { 
	display:table-cell;
	width:290px;
	vertical-align:top;
	text-align:left;
}





.phyton-list-order-block {
	width:100%;
	padding-left:20px;
	padding-right:0px;
	text-align:right;
}

[dir=rtl] .phyton-list-order-block {
	width:100%;
	padding-right:20px;
	padding-left:0px;
	text-align:left;
}


.phyton-list-order-field-anchor {
	cursor:pointer;
	color:#444;
}

.phyton-list-order-field-anchor .order-type {
	display:none;
}

.phyton-list-order-field-anchor[activeYn=Y] {
	color:dodgerblue;
}

.phyton-list-order-field-anchor[activeYn=Y] .order-type {
	display:inline;
}



[button].running {
	background:#dbf5f8 !important;
	transform: scale(1.1);
    -webkit-transition: transform .1s, background .1s !important; /* Safari */
    transition: transform .1s, background .1s !important;
}

.phyton-api-running-mark {
	background:url(../img/loader/ajax-loader-16.gif) no-repeat center center;
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

.phyton-api-loader-screen {
	background:url(../img/loader/ajax-loader-16.gif) no-repeat center center;
	z-index:9;
	position:absolute;
	min-height:300px;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.phyton-api-loader-state-panel {
	z-index:20000;
	background:#fff;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	display:table;
	width:100%;
	height:100%;
}

.phyton-api-loader-state-inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.phyton-api-progress-mark {
	background:url(../img/loader/loading.blue.gif) no-repeat center center;
	width:300px;
	height:200px;
	background-size:auto 100px;
	margin:0 auto;
}

.phyton-api-progress-mark.complete {
	background:url(../img/loader/checkmark.gif) no-repeat center center;
	background-size:auto 300px;
	1margin:0 auto;
}


.panel-phyton-code-util-image-collect .image-row {
	border:solid 1px #eee;
}

.panel-phyton-code-util-image-collect .image-row-select {
	display:none;
	background:rgba(0,0,0,.5);
	text-shadow:1px 1px rgba(0,0,0,.5);
	position:absolute;
	right:0px;
	bottom:0px;
	width:40px;
	height:40px;
	color:#ffe800;
	text-align:center;
	line-height:30px;
}

.panel-phyton-code-util-image-collect .image-row.selected .image-row-select{
	display:inline-block;
}




/*********** xc, xd, cbnull ***************/
.cbnull:empty {
	color:red;
	border:solid 3px red;
	display:none;
}

.xc [button].normal+[button].normal {
	margin-left:8px;
}

.xc > div {
	margin-top:5px;
}

.xc > div:first-child {
	margin-top:0px;
}

.xd.lv1 {
	font-size:1.1em;
	font-weight:bold;
}

.xc > span {
	margin-left:6px;
}

.xc > span:first-child {
	margin-left:inherit;
}

.xd.ltxt {
	padding:5px;
	border-radius:5px;
	background:#fafafa;
	line-height:1.6em;
	color:#333;
}

.xd.date {
	color:#888;
}

.user-location [button=user-location-menu] {
	padding:5px 8px;
	1border:solid 1px red;
	color:#888;
}


.user-location [button=user-location-menu].selected {
	font-size:1.1em;
	color:dodgerblue;
	1background:#ffe800;
	font-weight:600;
}


.xd.shop-field-addr {
	color:#444;
}

/*********** phyton-common-form ***************/
.phyton-info-block,
.phyton-form-block {
	padding:20px;
}

.phyton-info-block .xf,
.phyton-form-block .xf {
	margin-top:12px;
}

.phyton-info-block .xf:first-child,
.phyton-form-block .xf:first-child {
	margin-top:0px;
}

.phyton-info-block .xl,
.phyton-form-block .xl {
	color:dodgerblue;
	font-size:.9em;
}

.phyton-info-block .xl.optional,
.phyton-form-block .xl.optional {
	color:#888;
}

.phyton-info-block .xd,
.phyton-form-block .xd {
	margin-top:7px;
}

.phyton-info-block .xd {
	font-size:1.1em;
}

.phyton-form-block input,
.phyton-form-block select {
	border:none;
	border-bottom:solid 1px #ccc;
	1border-radius:8px;
	padding:5px;
	width:100%;
	font-size:1.2em;
}

.phyton-form-block .xd .checkbox {
	padding:8px;
	border:solid 1px #ccc;
	border-radius:5px;
	margin:0px 10px 10px 0px;
	margin-left:0px;
}

.phyton-form-block .xd .checkbox.selected {
	background: #95cb50; /* Old browsers */
	background: -moz-linear-gradient(top,  #95cb50 0%, #74ac30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95cb50), color-stop(100%,#74ac30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95cb50 0%,#74ac30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #95cb50 0%,#74ac30 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cb50', endColorstr='#74ac30',GradientType=0 ); /* IE6-9 */
	1padding:2px 8px 2px 8px;
	color:#fff;
	border:solid 1px #74ac30;
}

.phyton-form-block input[type=date] {
	width:auto;
	font-size:1.2em;
}

.phyton-form-block .xa {
	margin-top:25px;
	1border-top:solid 1px #ccc;
	padding-top:20px;
	text-align:center;
}

.phyton-form-block .xa [button].full {
	width:100%;
	padding:8px 10px;
	font-size:1.2em;
}

.phyton-info-block .xhr,
.phyton-form-block .xhr {
	margin-top:20px;
	margin-bottom:20px;
	border-top:dotted 2px #ccc;
}

.phyton-form-block [contentEditable] {
	
	min-height:100px;
	padding:5px;
	border:solid 1px #ccc;
	border-radius:8px;
	line-height:1.5em;
	font-size:1.2em;
}

.phyton-info-block .xt,
.phyton-form-block .xt {
	font-size:1.2em;
	padding:7px;
	background:#e4edf3;
	border-radius:8px;
	margin-top:15px;
}

.phyton-info-block .xt:first-child,
.phyton-form-block .xt:first-child {
	margin-top:0px;
}

.phyton-info-block .xi,
.phyton-form-block .xi {
	margin-top:10px;
	color:blue;
	font-size:0.9rem;
}


div.phyton-code-radio {
	display:block;
	padding:8px 0px 8px 28px;
	1border:solid 1px red;
	margin-bottom:10px;
	background:url(../img/icon/unchecked.png) no-repeat left center;
	background-size:20px 20px;
	font-size:16px;
	color:#888;
	
}


div.phyton-code-radio.checked {
	background:url(../img/icon/checked.png) no-repeat left center;
	background-size:20px 20px;
	color:#444;
	
}



@media (min-width: 800px) {

	.phyton-app[data-pib=body-full-fixed] .phyton-app-body {
		position:absolute;
		left:0px;
		right:0px;
		margin:0px;
		overflow-y:auto;
		top:90px;
		bottom:0px;
		1border:solid 1px red;
		width:100%;
		z-index:100;
		padding-top:0px;
		

	}

	.phyton-app[data-pib="body-full-fixed"] .phyton-menu-block[data-depth="1"].current {
		position:absolute;
		left:-1000px;

	}

	.phyton-app[data-pib="body-full-fixed"] > .phyton-panel-body .phyton-section-wrapper {
		padding-top:10px;
	}


}




.phyton-card-box-layout {
	padding:12px;
}


.phyton-card-box-layout .phyton-box-row-inner {
	border:none;
	box-shadow:0px 4px 5px rgba(0,0,0,.1);
	padding:0px;
	border-radius:10px;
	overflow:hidden;
}


.phyton-card-box-layout .image-section {
	text-align:center;border-bottom:solid 1px #ddd;
}


.phyton-card-box-layout img {
	1border-radius:10px 10px 0px 0px;
}


.phyton-card-box-layout .content-section {
	padding:10px;
}


.phyton-simple-tab-anchor {
	opacity:.7;
}

.phyton-simple-tab-anchor.selected {
	color:dodgerblue;
	font-weight:600;
	opacity:1;
}


div.color-picker { border-left: 1px solid #000; border-top: 1px solid #000; position: absolute; left: 0px; top: 0px; padding: 0px; z-index:12000 }
div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; }
div.color-picker ul li { display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0px; float: left; cursor: pointer; }


.phyton-layout-double-wing {
	display:table;
	width:100%;
}

.phyton-layout-double-wing > * {
	display:table-cell;
}

.phyton-layout-double-wing > :last-child {
	text-align:right;
}


/************* control-editor-form ********************/
.panel-phyton-code-control-editor-form {
	padding-bottom:50px;
}

.phyton-editor-content-container .asset-cabinet-holder {
	font-size:1em;
	height:8px;
	background:#fafafa;
	transition: .3s;
	border-radius:4px;
}

.phyton-editor-content-container .asset-cabinet-holder:hover {
	height:40px;
	background:#f5f5f5;
	border-radius:8px;
}

.phyton-editor-content-container.list-asset {
	padding:10px;
}

.phyton-editor-content-container .asset-cabinet-holder .asset-cabinet {
	1display:none;
	text-align:center;
	1padding-top:6px;
	opacity:0;
	transition:  .3s;
	
}

.phyton-editor-content-container .asset-cabinet-holder .asset-cabinet .asset-cabinet-tools {
	padding:6px;
}

.phyton-editor-content-container .asset-cabinet-holder:hover .asset-cabinet {
	1display:block;
	opacity:1;
}

.phyton-editor-content-container .asset-cabinet-holder:last-child:hover {
	height:8px;
}

.phyton-editor-content-container .asset-cabinet-holder:last-child .asset-cabinet {
	1display:block;
	opacity:1;
	height:40px;
	background:#f5f5f5;
	margin-top:10px;
	border-radius:8px;
}

.phyton-editor-text-edit-tool-bar {
	display:none;
	background:#f5f5f5;
	white-space:nowrap;
	border:solid 1px #ddd;
	border-bottom:none;
	border-radius:3px 3px 0px 0px;
}

.phyton-editor-text-edit-tool-bar > * {
	vertical-align:middle;
}

.phyton-editor-text-edit-tool-bar button {
	background: #fff;
	background: -webkit-linear-gradient(#EEF1F5, #fefefe);
	background: -moz-linear-gradient(#EEF1F5, #fefefe);
	background: -ms-linear-gradient(#EEF1F5, #fefefe);
	background: -o-linear-gradient(#EEF1F5, #fefefe);
	background: linear-gradient(#EEF1F5, #fefefe);
	color:#444;
	font-size:9pt;
	border:solid 1px #CDCECF;
	1margin:2px;
	border-radius:5px;
	text-align:center;
	1height:26px;
	1line-height:20px;
	padding:2px 6px 2px 6px;



	width:26px;
	height:30px;
	margin:0px;
	border-right:none;
	border-radius:0px;
	1margin-top:4px;
	white-space:nowrap;
}

.phyton-editor-text-edit-tool-bar button.thin {
	width:22px;
	font-size:10px;
}



.phyton-editor-text-edit-tool-bar button.block-left {
	border-radius:5px 0px 0px 5px;
}

.phyton-editor-text-edit-tool-bar button.block-right {
	border-radius:0px 5px 5px 0px;
	border-right:solid 1px #ccc;
}

.phyton-editor-text-edit-tool-bar button:hover {
	color:#BC2328;
}

.phyton-editor-text-edit-tool-bar .seperator {
	display:inline-block;
	width:7px;;
	height:30px;
	1border:solid 1px red;
}

.phyton-editor-text-edit-tool-bar button {
	1background:url(/common/icons/png/glyphicons_102_bold.png) no-repeat center center;
}


.phyton-editor-content-container {
	1font-size:px !important;
}


.phyton-editor-content-container p {
	margin:0px;
	padding:0px;
}

.phyton-editor-content-container ul,
.phyton-editor-content-container ol {
    margin:.3em 1em;
	padding:.3em 1em;
}

.phyton-editor-content-container a:link {
	1border:solid 1px red;
	text-decoration:underline !important;
}

.phyton-editor-content-container .asset-row[data-type=file] a:link {
	1border:solid 1px red;
	text-decoration:none !important;
}

.phyton-editor-content-container font[size="7"] {
	font-size:2.0em;
}

.phyton-editor-content-container font[size="6"] {
	font-size:1.7em;
}

.phyton-editor-content-container font[size="5"] {
	font-size:1.3em;
}

.phyton-editor-content-container font[size="4"] {
	font-size:1em;
}

.phyton-editor-content-container font[size="3"] {
	font-size:.8em;
}

.phyton-editor-content-container font[size="2"] {
	font-size:.6em;
}

.phyton-editor-content-container .maui-contenteditable-border-boxing {
	border:solid 1px maroon;
	border-radius:10px;
	vertical-align:baseline;
	padding:0px 4px;
	margin:0px 4px;
}


.phyton-editor-content-container img.phyton-editor-embed-image {
	max-width:100%;min-height1:250px;max-height:500px;
}

@media (max-width:800px) {

	.phyton-editor-content-container.list-asset {
		padding:0px;
	}

	.phyton-info-block,
	.phyton-form-block {
		padding:0px;
	}

}


.panel-phyton-code-control-editor-view .list-asset .asset-row {
	margin-bottom:20px;
}