html {
	margin:0px;
	padding:0px;
}
body {
	font-size:14px;
	font-family:Arial, sans-serif;
	background-color:#fffcf3;
	margin:0px;
	padding:0px;
}
a, a:visited {
	outline:0;
	color:#126;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#nav-container {
	width: 100%;
	position: fixed;
	top: 0px;
	background-color: #124;
	z-index: 100;
	height: 30px;
}

nav {
	max-width: 1100px;
	margin: 0px auto;
	display: block;
	color: #fff;
}

nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #124;
	list-style: none;
	position: relative;
	display: inline-table;
	white-space:nowrap;
}
nav a, nav a:hover, nav a:visited {
	color: #fff;
	text-decoration: none;
}

nav a,
nav span {
	padding: 6px 20px;
	display: block;
}

nav a:hover,
nav span:hover {
	background-color: #249;
}

nav li {
	display: inline-block;
	cursor: pointer;
	position: relative;
}

nav ul ul {
	width: auto;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	margin: 0;
	text-align: center;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

nav ul ul li {
	display: block;
}

nav li li:not(:first-child) {
	border-top: 1px solid #346;
}

nav ul ul ul {
	position: absolute;
	top: 3px;
	left: 100%;
}

nav:not(:hover) ul ul {
	transition: all 0s;
	transition-delay: 0.8s;
}

nav ul li:hover>ul {
	visibility: visible;
	opacity: 1;
}

nav a:hover,
nav span:hover {
	transition: all 0.5s;
	transition-delay: 0s;
}
#main-container {
	transition: all 0.5s;
	transition-delay: 0.3s;
}
.container {
/*
	background-color:#ffa;
*/
	margin:30px auto 5px auto;
	padding:10px;
	display:block;
	max-width:1100px;
}
.docname {
	font-size:150%;
	display:block;
	margin-top:10px;
}
.logo {
	max-width:530px;
	float:left;
	margin-bottom:10px;
}
.filterbox {
	float:right;
}
.filterbox .flex_td {
	display: flex;
	gap: 4px;
	white-space: nowrap;
	align-items: center;
}
.filterbox .flex_el {
	flex: 1;
}
.upload_select {
	border:1px solid #ddd;
	border-radius:2px;
	float:left;
	display:block;
	width:120px;
	font-size:95%;
	padding:8px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
table {
	border-collapse: collapse;
}
table, th, td {
	border: none;
}
td,th {
	padding:2px 1px 2px 4px;
}
.datatable {
	table-layout:fixed;
}
.datatable td {
	border: 1px solid #ddd;
	overflow:hidden;
	overflow-wrap:break-word;
}
.datatable tr:nth-child(even) {
	background-color:rgba(0,0,0,0.02);
}
.datatable tr:last-child {
	border-bottom:none;
}
.datatable tr:hover{
	background-color:rgba(0,0,0,0.04);
}
.datatable tr.gr{
	background-color:#eeffee;
}
.datatable tr.gr:nth-child(even) {
	background-color:#e7f7e7;
}
.datatable tr.gr:hover {
	background-color:#e0f0e0;
}
.datatable tr.rd{
	background-color:#ffeeee;
}
.datatable tr.rd:nth-child(even) {
	background-color:#ffe5e5;
}
.datatable tr.rd:hover{
	background-color:#eedddd;
}
.datatable tr.pn{
	background-color:#ffe7ff;
}
.datatable tr.pn:nth-child(even) {
	background-color:#f7e0f7;
}
.datatable tr.pn:hover{
	background-color:#f0d7f0;
}
.datatable tr.rs{
	background-color:#e7e7e7;
}
.datatable tr.rs:nth-child(even) {
	background-color:#e0e0e0;
}
.datatable tr.rs:hover{
	background-color:#d7d7d7;
}
.datatable tr.yl{
	background-color:#ffffc0;
}
.datatable tr.yl:nth-child(even) {
	background-color:#f7f7c0;
}
.datatable tr.yl:hover{
	background-color:#f2f2b6;
}
.datatable th {
	background-color:#124;
	font-weight:normal;
	border-color:#346;
	color:#fff;
	border-bottom:none;
	transition: all 0.5s;
}
.datatable th.imglink:hover {
	background-color: #249;
}
.datatable .img_btn {
	width:20px;
	height:20px;
	margin:3px 2px;
	position:relative;
	top:0;
	transition: all 0.2s;
}
.datatable .img_btn:hover {
	transform: scale(1.2) translate(1px, -1px);
}
.control_btn {
	clear:both;
}
.control_btn .img_btn {
	width:40px;
	height:40px;
	margin:10px 15px 8px 0px;
	position:relative;
	top:0;
	transition: all 0.2s;
}
.control_btn .img_btn:hover {
	transform: scale(1.15) translate(1px, -1px);
}
#sel_all_btn, .text_btn, .rollup_arr {
	font-size:160%;
	cursor:pointer;
	transition: all 0.2s;
}
.text_btn, .rollup_arr {
	font-size: 100%;
	font-weight:bold;
	margin-left:5px;
}
#sel_all_btn:hover, .text_btn:hover {
	transform: scale(1.25) translateY(-2px);
}
input[type=password], input[type=text], textarea, #fromdate, #todate {
	border:1px solid #ddd;
	border-radius:3px;
	padding:5px 3px;
	outline: none;
}
input[type=password], input[type=text], textarea {
	width: -moz-calc(100% - 8px);
	width: -webkit-calc(100% - 8px);
	width: calc(100% - 8px);
}
input[type=checkbox] {
	display:none;
}
input[type=checkbox] + label {
	display:block;
	width:18px;
	height:18px;
	border:1px solid #ddd;
	border-radius:3px;
}
input[type=checkbox] + label span {
	font-size:120%;
	display:block;
	margin:-2px 0 0 3px;
}
input[type=checkbox]:checked + label span:before {
	content:'✔';
}
input[type=button], input[type=submit], .fake_btn {
	border:0;
	background-color:#124;
	color:#fff;
	padding:10px 16px;
	cursor:pointer;
	text-transform:uppercase;
	transition: all 0.2s;
	border-radius:6px;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.15);
	font-family: Arial, sans-serif;
	font-size:13px;
}
input[type=button]:hover, input[type=submit]:hover, .fake_btn:hover {
	background-color:#249;
	box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.2);
	transform: translate(1px, -1px);
}
.fake_btn {
	display:inline-block;
	text-decoration:none;
}
input[type=file] {
	visibility:hidden;
	width:1px;
}
select {
	background: #fff url(img/droparr.svg) no-repeat right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #ddd;
	border-radius:2px;
	padding:5px 10px 5px 3px;
	width:100%;
	scrollbar-width: thin;
}
select::-ms-expand {
	display: none;
}
select[multiple] {
	background: #fff;
	padding:5px 3px;
}
select option {
	background-color:#124;
	color:#fff;
	padding:5px;
}
select option:checked {
	color: #000;
	background: #ccc;
}select option:disabled, select option[disabled] {
	color:#555;
}
@keyframes bg_show {
	0% { opacity:0; }
	100% { opacity:1; }
}
#pop_bg {
	z-index:100;
	position:fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display:none;
	background-color:rgba(0,0,0,0.25);
	animation: bg_show 0.2s linear;
}
#pop_win {
	z-index:200;
	width:600px;
	top:40px;
	left:50%;
	margin-left:-300px;
	padding:5px;
	text-align:center;
	position:fixed;
	display:none;
	background-color:#fff;
	border: 1px solid #333;
}
#pop_win_data {
	height:300px;
	overflow-y:scroll;
	scrollbar-width: thin;
}
#info_win, #copy_win, #pm_win {
	padding:5px;
	text-align:center;
	position:fixed;
	border: 1px solid #333;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
	display:none;
}
#info_win {
	background-color:#f0fff0;
	border:2px solid #0a2;
	border-radius:12px;
	z-index:200;
	width:280px;
	transition: all 1s;
}
#pm_win {
	background-color:#ffe0e0;
	z-index:210;
	width:200px;
	transition: all 1s;
}
.info_win_show {
	animation: info_win_show 1s ease-in-out forwards;
	-webkit-animation: info_win_show 1s ease-in-out forwards;
}
@keyframes info_win_show {
	0% { top:-250px; }
	100% { top: 120px; }
}

#copy_win {
	background-color:#f0fff0;
	z-index:300;
	animation: copy_win_show 2s linear;
	-webkit-animation: copy_win_show 2s linear;
}
@keyframes copy_win_show {
	0% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}
@keyframes new_tr {
  from { opacity:0; transform: scale(0.95); }
  to { opacity:1; transform: scale(1);}
}
@keyframes rotation {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}
.hidden {
	display:none;
}
.imglink, .imglink:hover {
	cursor:pointer;
}
.copy_text {
	cursor: copy;
	text-decoration: underline;
	text-decoration-style: dashed;
}
.aligncenter {
	margin:auto;
	text-align:center;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.textcenter {
	text-align:center;
}
.clear {
	clear:both;
}
.mark {
	color:#f00;
	font-weight:bold;
}
.sm {
	font-size:80%;
}
.img_btn {
	cursor:pointer;
}
.chat_btn {
	position:fixed;
	border:0;
	bottom:25px;
	right:25px;
	width:60px;
	height:60px;
	transition: all 0.2s;
}
.chat_btn:hover {
	transform: rotate(-10deg) scale(1.2);
	cursor:pointer;
}
.red {
	color: red;
}
tr.subtotal_0 {
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	font-weight:bold;
}
tr.subtotal_1 {
	font-weight:bold;
}
#err-container {
	width: 100%;
	padding:3px;
	position:fixed;
	top:30px;
	left:0px;
	z-index:90;
	background-color: #ffc;
	color:#f00;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
pre {
	background-color:#ffffdb;
	padding:10px;
}

#lp { text-align:center; max-width:880px; margin:0 auto; }
#lp .fake_btn { padding:16px 25px; }
#lp .green_btn { background-color: #062;}
#lp .green { color:#062; }
#lp .green-bg { background:#f0fff0; border:2px solid #0a2; }
#lp h1 { font-size:36px; font-weight:800; line-height:1.1; color:#124; margin-bottom:16px; }

#lp input[type="text"],
#lp input[type="password"] { width: 100%; padding: 12px 14px; border-radius: 6px; border: 1px solid #333; background: #f0f0f0; font-size: 14px; transition: all 0.2s ease; outline: none; }
#lp input[type="text"]:focus,
#lp input[type="password"]:focus { background: #fff; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2); }

.lp-general { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 0 120px 0; }
.lp-general img { height:100px; }
.lp-subtitle { font-size:16px; line-height:1.6; margin-bottom:30px; }
.lp-buttons { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.lp-section { padding-bottom:120px; opacity:0; transform:translateY(40px); transition:opacity 0.7s ease, transform 0.7s ease; }
.lp-section.visible { opacity:1; transform:translateY(0); }
.lp-section h2 { font-size:26px; font-weight:600; color:#124; margin-bottom:30px; }

.lp-card, .lp-faq-item { background:#fff; border:1px solid rgba(0,0,0,0.15); border-radius:12px; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);}
.lp-card:hover, .lp-faq-item:hover { box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.2);}
.lp-card:hover { transform:translateY(-3px); }
.lp-card h3, .lp-step h4 { font-size:15px; font-weight:700; color:#124; margin-bottom:6px; }
.lp-card div, .lp-step div, .lp-faq-answer { font-size:14px; line-height:1.6; }

.lp-features { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.lp-card { padding:24px 20px; text-align:left; transition:all 0.25s; }
.lp-card .lp-card-icon { width:40px; height:40px; border-radius:6px; background:rgba(0,0,0,0.04); margin-bottom:12px; font-size:24px; text-align:center;}

.lp-steps { display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.lp-steps::before { content:''; position:absolute; top:20px; left:calc(12.5% + 16px); right:calc(12.5% + 16px); height:2px; background:rgba(0,0,0,0.08); }
.lp-step { padding:0 10px; position:relative; z-index:1; }
.lp-step-num { width:42px; height:42px; border-radius:50%; background:#124; color:#fff; font-size:16px; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; }

.lp-box { padding:30px; max-width:700px; margin:0 auto; position:relative; overflow:hidden; background:#f0fff0; border:2px solid #0a2; border-radius:12px; font-size:16px;}
.lp-box::before { content:''; position:absolute; top:0; left:0; right:0; height:8px; background:linear-gradient(90deg,#0a2,#f0fff0); }
.lp-box h2 { margin-bottom:10px; }
.lp-box div { margin-bottom:16px; }
.lp-price-value { font-size:40px; font-weight:800; }


.lp-faq { max-width:700px; margin:0 auto; }
.lp-faq-item { margin-bottom:8px; overflow:hidden; text-align:left; }
.lp-faq-item summary { padding:14px 18px; font-size:14px; font-weight:600; color:#124; cursor:pointer; list-style:none; }
.lp-faq-item summary::-webkit-details-marker { display:none; }
.lp-faq-item summary:hover { background:rgba(0,0,0,0.02); }
.lp-faq-answer { padding:0 18px 14px; }
.lp-contact { padding:20px 0; font-size:13px; }
/* Responsive */
@media (max-width:700px) {
.lp-general { min-height:auto; padding:40px 0 30px; }
.lp-general h1 { font-size:32px; }
.lp-general img { width:64px; }
.lp-buttons { flex-direction:column; align-items:center; }
.lp-features { grid-template-columns:1fr; }
.lp-section h2 { font-size:22px; }
.lp-steps { grid-template-columns:1fr 1fr; gap:20px; }
.lp-steps::before { display:none; }
}
@media (max-width:400px) {
.lp-steps { grid-template-columns:1fr; }
}