@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Exo+2:400,500,600,700&subset=cyrillic'; 

:root
{
--indigo:#2a3f60;
--litindigo:#385078;
--cyan:#77ccff;
--green:#00d035;
--darkcyan:#4499cc;
--bodybg:#f8f8f8;
--maxigrey:#e0e0e0;
--fonts:#404040;
--redcol:#bb3300;
}

* {font-family:"Exo 2", sans-serif; outline:none;}
body {display:flex; margin:0px; min-height:100vh; font-size:16px; background:var(--bodybg); color:var(--fonts);}
header {width:240px; min-height:100vh; padding:0px; background-color:var(--indigo);}
img {max-width:100%;}
h2, h3 {margin:0px 0px 20px; font-size:20px; font-weight:500; color:var(--indigo);}
h1 {margin:0px; font-size:28px; font-weight:500; color:var(--indigo);}
label {display:block; margin:0px 0px 16px;}
label.pair {display:inline-block; margin:0px 32px 16px 0px;}
label > span {display:block; font-size:14px; margin:0px; color:var(--litindigo);}
input[type=text], input[type=password] {width:calc(100% - 18px); padding:6px 8px; font-size:14px; border:1px solid var(--cyan); border-radius:4px; outline:none;}
input[type=submit] {display:inline-block; min-width:120px; margin:8px 0px 0px; padding:8px 16px; background-color:var(--litindigo); border:1px solid var(--indigo); color:var(--bodybg); font-size:18px; font-weight:500; border-radius:6px; outline:none;}
input[type=submit]:hover {background-color:var(--darkcyan); cursor:pointer; border:1px solid var(--cyan);}
input[type=checkbox] {appearance:none; -moz-appearance:none; -webkit-appearance:none; display:inline-block; width:22px; height:22px; vertical-align:middle; margin:3px 3px 5px 0px; border:1px solid var(--cyan); border-radius:12px; outline:none;}
input[type=checkbox]:checked {border:1px solid var(--darkcyan); background:url(/shewafiles/pic/ico-check.svg) center center no-repeat var(--cyan); background-size:26px 26px;}
select {width:100%; font-size:14px; padding:6px 8px; border-radius:6px; border:1px solid var(--cyan); outline:none;}
textarea {width:calc(100% - 18px); padding:6px 8px; font-size:16px; border:1px solid var(--cyan); border-radius:6px; outline:none;}
a {color:var(--darkcyan);}

.logo {padding:20px 20px 30px 40px; display:flex;}
.logo span {width:80px;}
.logo span:first-child {width:80px; margin-right:20px; padding:3px 0px 0px;}
.logo span b {display:block; height:15px; color:#f8f8f8; font-weight:500; letter-spacing:2px;}
.logo span b i {font-style:normal; font-weight:700; color:var(--cyan);}
nav a {display:block; margin:0px; padding:10px; color:var(--bodybg); font-size:13px; font-weight:500; border-radius:6px;}
nav a img {display:inline-block; height:20px; vertical-align:middle;}
nav a b {display:inline-block; vertical-align:middle; width:24px; margin-right:10px; text-align:center; font-weight:400;}
nav a span {display:inline-block; vertical-align:middle;}
nav a:hover, nav a:active, nav a.active {background-color:var(--litindigo);}
nav div {padding:10px 0px; border-top:1px dashed rgba(248,248,248,0.1);}

main {width:calc(100% - 240px); border-radius:6px;}
.wht {max-width:1240px; padding:20px; margin:2px 20px 20px; background-color:#ffffff; box-shadow:1px 1px 5px #cccccc; border-radius:6px;}
.tprnt {max-width:1280px; padding:20px;}
.lght {padding:10px 20px; height:24px; background-color:#77ccff;}
.wrap {max-width:1280px;}

.lght .wrap {display:flex; flex-wrap:wrap;}
.lght .site-name {width:50%; color:#000000; text-align:left;}
.lght .site-name a {font-weight:700; color:#000000; margin-right:10px;}
.lght .site-name b {font-weight:500; color:var(--indigo);}
.lght .user-name {width:50%; color:#000000; text-align:right;}
.lght .wrap img, .lght .wrap a, .lght .wrap b {display:inline-block; vertical-align:middle;}
.lght .user-name a {font-size:12px; font-weight:400; color:var(--indigo); line-height:18px; text-decoration:none;}
.lght .user-name b {font-weight:500; padding:0px 60px 2px 10px;}
.lght img {height:20px;}

.structure {list-style:none; margin:0px; padding:0px;}
.structure ul {padding:5px 5px 10px 30px; border-radius:6px;}
.structure li {display:block; margin:2px 0px;}
.structure li a {display:inline-block; padding:4px 6px 2px; color:var(--indigo); border-bottom:1px solid var(--maxigrey); border-radius:8px; text-decoration:none;}
.structure li a:hover {color:var(--cyan);}
.structure li a i {color:var(--maxigrey); font-style:normal;}
.structure-icons {display:none; margin:0px 0px 0px 40px; vertical-align:middle;}
.structure li div:hover > .structure-icons {display:inline-block;}
.structure li .structure-icons a {display:inline-block; width:16px; height:16px; margin:0px 6px; padding:0px; opacity:0.4; background-size:100% 100%; background-position:center; background-repeat:no-repeat;}
.structure li .structure-icons a:hover {opacity:1;}
.structure li .structure-icons a.ico-edit {background-image:url(/shewafiles/pic/ico-edit.svg);}
.structure li .structure-icons a.ico-add {background-image:url(/shewafiles/pic/ico-add.svg);}
.structure li .structure-icons a.ico-www {background-image:url(/shewafiles/pic/ico-globe2.svg);}
.structure li .structure-icons a.ico-on {background-image:url(/shewafiles/pic/ico-on.svg);}
.structure li.offclass .structure-icons a.ico-on {background-image:url(/shewafiles/pic/ico-off.svg);}
.structure li.offclass div > a {color:#dddddd;}

.structure-search {display:flex;}
.structure-search form {display:flex; align-items:flex-end;}
.structure-search form label {margin:0px 24px; width:322px;}
.structure-search form button {width:32px; height:32px; font-size:0px; vertical-align:bottom; border:0px; border-radius:5px; cursor:pointer; background:url(/shewafiles/pic/ico-zoom.svg) center center no-repeat transparent; box-shadow:0px 0px 12px #ffffff inset; background-size:70%;}
.structure-search form button:hover {background-color:#d8d8d8;}

.whole-site-list .plus-minus {position:absolute; width:12px; height:20px; margin:5px 0px 0px -12px; background:url(/shewafiles/pic/ico-minus.svg) center center no-repeat;}
.whole-site-list .closed {background:url(/shewafiles/pic/ico-plus.svg) center center no-repeat;}
.whole-menu-list {list-style:none; margin:0px;}
.whole-menu-list ul {list-style:none; margin:0px 0px 0px 40px; padding:3px; border-radius:6px;}
.whole-menu-list ul li {margin:5px 0px; padding:0px;}
.whole-menu-list ul li .list-title {display:block; width:480px; margin:0px; padding:3px 80px 3px 4px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:left center no-repeat; background-size:16px 16px; border-bottom:1px solid #bbccdd; border-radius:4px; cursor:pointer;}
.whole-menu-list ul li span.menu-checked {background-color:#f8f8f8; border:1px solid #778899;}
.whole-menu-list ul li span.menu-unchecked {opacity:0.3;}
.sortholder {height:20px; background-color:#f8f8fb; border:1px solid #778899; border-radius:4px; }

.form-line {display:flex; width:100%; flex-wrap:no-wrap;}
.form-line label {width:50%; margin:0px 20px 16px;}
.addfield-btn {height:30px;}
.addfield-info {display:none;}

.editor-tags-service {display:flex; flex wrap:no-wrap; justify-content:space-between; margin:0px 20px;}
.editor-tags-service label {width:18.4%;}
.editor-tags-names {display:flex; flex wrap:no-wrap; justify-content:space-between; margin:0px 20px;}
.editor-tags-names label {width:49%;}
.editor-tags-seo {margin:0px 20px;}
.editor-tags {display:none; margin:0px 40px 16px; padding:20px 0px 4px; background-color:#fbfbfb; border-radius:8px; box-shadow:inset 0px 0px 5px #cccccc;}
.editor-h1 input {font-size:24px; font-weight:500; border:0px; border-bottom:1px solid var(--cyan); border-radius:8px; background-color:#f8f8f8;}
.editfield > span {padding-top:12px;}
.editfield textarea {min-height:640px;} 
.anons {min-height:90px;}

.editor-images {position:relative; margin-top:15px;}
.img-folder {position:absolute; right:0px; top:-15px; width:300px;}

.htmlchanger {float:right; display:flex;}
.htmlchanger span {padding:6px 12px; background-color:#e0e0e0; color:#888888; font-size:14px; font-weight:700; cursor:pointer;}
.htmlchanger span:first-child {border-radius:6px 0px 0px 6px; border-right:1px dotted;}
.htmlchanger span:last-child {border-radius:0px 6px 6px 0px; border-left:1px dotted;}
.hc-visual:hover {background-color:#33993344; color:#ffffff;}
.hc-html:hover {background-color:#33339944; color:#ffffff;}
.hc-code:hover {background-color:#99333344; color:#ffffff;}
.hc-visual.active {background-color:#339933; color:#ffffff;}
.hc-html.active {background-color:#333399; color:#ffffff;}
.hc-code.active {background-color:#993333; color:#ffffff;}

.tiny {width:320px; margin:auto;}
.rightblock {float:right;}
.js-link {color:var(--green); text-decoration:none; border-bottom:1px dashed var(--green);}

.error {margin:0px 0px 16px; color:var(--redcol);}
.centered {text-align:center;}
.dotted {text-decoration:none; border-bottom:1px dashed;}
.hidden {display:none;}




.content, .left {display:table-cell; vertical-align:top;}
.left {width:250px; padding:10px;}
.content {padding:10px;}
.hid p {margin:15px; font-size:11px; color:#ffffff; font-weight:bold;}
.compact {width:60%; margin:auto;}

.add-fix {display:block; float:right;}
#btn-add, #btn-folder, #btn-watch, #btn-del, #btn-on, #btn-off {display:block; width:40px; height:40px; color:#224477; margin:0px 0px 0px 20px; padding:0px; font-size:13px; font-weight:bold; text-align:center; background:center center no-repeat; background-size:32px; border:1px solid #224477; border-radius:5px;}
#btn-folder {background-image:url(/shewafiles/pic/ico-folder.svg);}
#btn-add {background-image:url(/shewafiles/pic/ico-add.svg);}
#btn-watch {background-image:url(/shewafiles/pic/ico-globus.svg);}
#btn-del {background-image:url(/shewafiles/pic/ico-close.svg); background-size:24px;}
#btn-on {background-image:url(/shewafiles/pic/ico-on.svg);}
#btn-off {background-image:url(/shewafiles/pic/ico-off.svg);}
#btn-watch:hover, #btn-watch:active, #btn-del:hover, #btn-del:active, #btn-add:hover, #btn-add:active, #btn-folder:hover, #btn-folder:active, #btn-on:hover, #btn-on:active, #btn-off:hover, #btn-off:active, a.largebtn:hover, input.largebtn:hover, a.largebtn:active, input.largebtn:active {color:#ffffff; background-color:var(--cyan); border:1px solid var(--cyan);}
.add-fix a {float:right;}


.menu-list {display:inline-block; width:268px; margin:0px 5px 5px 0px; padding:10px; vertical-align:top; border:1px solid #d8d8d8; border-radius:10px;}
.menu-list a.edit-menu-list {display:block; float:right; width:20px; height:20px; margin:0px; background:url(/shewafiles/pic/edit.png) center center no-repeat; border:1px solid transparent; border-radius:4px;}
.menu-list a.edit-menu-list:hover {border:1px solid #778899;}
.menu-list ul {list-style:none; margin:0px; padding:0px; border-radius:6px;}
.menu-list ul ul {list-style:none; margin:0px 0px 0px 10px; padding:5px 0px 5px 10px; border-radius:4px;}
.menu-list ul li {min-height:22px; height:auto; margin:5px 2px; padding:0px; cursor:move;}
.menu-list ul li span.list-title {display:block; padding:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color:#f8f8f8; border:1px solid #d8d8d8; border-radius:4px;}
.menu-edit-hd label {display:inline-block; vertical-align:top; width:360px; margin-right:40px;}

.form-list {display:inline-block; width:268px; margin:0px 5px 5px 0px; padding:10px; vertical-align:top; border:1px solid #d8d8d8; border-radius:10px;}
.form-list h2 {margin:0px 0px 10px;}
.form-list a.edit-form-list {display:block; float:right; width:20px; height:20px; margin:0px; background:url(/shewafiles/pic/edit.png) center center no-repeat; border:1px solid transparent; border-radius:4px;}
.form-list a.edit-form-list:hover {border:1px solid #778899;}

.lib-list, .letter-box, .fb-list {display:block; margin:5px 0px; padding:10px; vertical-align:top; border:1px solid #f0f0f0; border-radius:10px;}
.lib-def {display:inline-block; width:110px; padding:3px; color:#444444; font-size:13px; text-align:center; border:1px solid transparent; border-radius:5px; cursor:pointer; opacity:0.4;}
.lib-def-on {color:#ffffff; background-color:#778899; border:1px solid #224477; opacity:1.0;}

.all-types-list p {width:640px;}
.all-types-list p input[type=text] {display:inline; width:160px;}
.all-modules-list p {opacity:0.3;}
.all-modules-list p input[type=text] {width:300px;}
.all-modules-list p.module-inuse {opacity:1.0;}
.all-modules-list span {display:inline-block; width:240px; padding:3px; color:#444444; font-size:13px; text-align:center; border:1px solid transparent; border-radius:5px; cursor:pointer;}
.all-modules-list p.module-inuse span {color:#ffffff; background-color:#778899; border:1px solid #224477;}
.scheme-plan {width:900px; margin:auto; padding:20px; border:1px dashed #778899;}
.scheme-plan ul {padding:10px; margin:3px 0px; list-style:none;}
.scheme-plan ul li {display:block; margin:3px 0px; padding:4px; background-color:#f0f0f0; border:1px solid #778899; border-radius:5px; cursor:move;}
.scheme-plan .delmodule {display:block; float:right; width:16px; height:16px; background:url(/shewafiles/pic/del.png) center center no-repeat;}
.scheme-plan .zone1 {width:880px; min-height:20px;}
.scheme-plan .zone2 {width:880px; min-height:20px; background-color:#f0f0f0;}
.scheme-plan .zone3 {width:880px; min-height:20px; border:1px dashed #d8d8d8;}
.scheme-plan .zone4 {width:840px; margin:0px 20px; min-height:40px; border:1px solid #d8d8d8;}
.scheme-plan .zone5 {display:inline-block; width:200px; height:160px; margin-left:20px; vertical-align:top; border:1px solid #d8d8d8;}
.scheme-plan .zone6 {display:inline-block; width:384px; height:160px; vertical-align:top; border:1px solid #d8d8d8;}
.scheme-plan .zone7 {display:inline-block; width:200px; height:160px; margin-right:20px; vertical-align:top; border:1px solid #d8d8d8;}
.scheme-plan .zone8 {width:840px; margin:0px 20px; min-height:40px; border:1px solid #d8d8d8;}
.scheme-plan .zone9 {width:880px; min-height:20px; border:1px dashed #d8d8d8;}
.scheme-mini-plan {display:inline-block; width:368px; margin:0px 5px 5px 0px; padding:10px; vertical-align:top; border:1px solid #d8d8d8; border-radius:10px;}
.scheme-mini-plan ul {padding:2px; margin:3px 0px; list-style:none;}
.scheme-mini-plan ul li {display:block; margin:2px 0px; padding:2px; font-size:11px; background-color:#f0f0f0; border:1px solid #778899; border-radius:4px;}
.scheme-mini-plan h2 {margin:0px 0px 10px;}
.scheme-mini-plan a.edit-scheme {display:block; float:right; width:20px; height:20px; margin:0px; background:url(/shewafiles/pic/edit.png) center center no-repeat; border:1px solid transparent; border-radius:4px;}
.scheme-mini-plan a.edit-scheme:hover {border:1px solid #778899;}
.scheme-mini-plan .zone1 {width:360px; min-height:10px;}
.scheme-mini-plan .zone2 {width:360px; min-height:10px; background-color:#f0f0f0;}
.scheme-mini-plan .zone3 {width:360px; min-height:10px; border:1px dashed #d8d8d8;}
.scheme-mini-plan .zone4 {width:360px; min-height:30px; border:1px solid #d8d8d8;}
.scheme-mini-plan .zone5 {display:inline-block; width:90px; height:120px; vertical-align:top; border:1px solid #d8d8d8;}
.scheme-mini-plan .zone6 {display:inline-block; width:158px; height:120px; vertical-align:top; border:1px solid #d8d8d8;}
.scheme-mini-plan .zone7 {display:inline-block; width:90px; height:120px; vertical-align:top; border:1px solid #d8d8d8;}
.scheme-mini-plan .zone8 {width:360px; min-height:30px; border:1px solid #d8d8d8;}
.scheme-mini-plan .zone9 {width:360px; min-height:10px; border:1px dashed #d8d8d8;}
ul.left-modules-list {margin:0px; padding:0px; list-style:none;}
ul.left-modules-list li {display:block; margin:3px 0px; padding:4px; background-color:#f0f0f0; border:1px solid #778899; border-radius:5px; cursor:move;}
ul.left-modules-list .delmodule {display:none;}

.page-unit {display:block; clear:both; margin:5px 0px; padding:5px; background-color:#f8f8f8; border:1px solid #f0f0f0; border-radius:10px;}
.page-unit .edit-info {position:absolute; width:120px; margin-left:800px; text-align:right; font-size:11px; color:#0088ff; opacity:0.4;}
.page-unit .h2 {display:block; margin:0px 0px 10px; font-size:16px; font-weight:bold;}
.page-unit .tiny-anons {margin:5px 0px; color:#777777; font-size:12px;}
.page-folder {display:block; clear:both; margin:5px 0px; padding:5px 5px 5px 50px; background:url(/shewafiles/pic/folder.png) 10px center no-repeat #ffffff; border:1px solid #778899; border-radius:10px;}
.page-folder a {display:block; margin:10px 0px; font-size:18px; font-weight:bold;}

.forms-fields .libsorter label, .edit-prop-list label {display:inline-block; width:240px; margin-right:40px; text-align:left;}
.forms-fields .libsorter label.lib-inform, .edit-prop-list label.lib-inform {display:none;}
.libs-fields .libsorter label input[type=text] {width:240px;}

.addimages {display:block; position:absolute; width:270px; height:24px; margin-left:240px; padding-right:20px; text-align:right; text-decoration:none; background:url(/shewafiles/pic/add.png) right center no-repeat; border-bottom:1px dashed #004466;}
.sortfiles {display:block; position:absolute; height:24px; margin-left:560px; border-bottom:1px dashed #004466; cursor:pointer;}
.loadimgform {position:absolute; display:none; width:340px; margin:20px 0px 0px 220px; padding:20px; background-color:#ffffff; border-radius:8px; box-shadow:2px 2px 10px #444444; z-index:10;}
.loaded-images {min-height:100px;}
.loaded-images div {display:inline-block; width:160px; padding:10px; vertical-align:top; border-radius:6px;}
.loaded-images div.mainimg {padding:9px; background-color:#f0f0f0; border:1px solid #224477;}
.loaded-images img {max-width:160px; width:auto; max-height:160px; height:auto; vertical-align:top; border:1px solid #d8d8d8;}
.loaded-images .file-type3 img, .loaded-images .file-type2 img {display:block; width:80px; height:80px; border:0px; margin:auto;}
.loaded-images span {display:block; font-size:14px; font-weight:600; text-align:center;}
.loaded-images label {display:block; position:absolute; margin-top:-22px;}
.loaded-images label input[type=checkbox] {width:20px; height:20px; border:1px solid var(--litindigo);}
.loaded-images label input[type=checkbox]:checked {background-color:var(--litindigo);}
.loaded-images textarea {border:0px; width:156px; height:45px; font-size:12px;}
.delimage {position:absolute; display:block; width:24px; height:24px; margin:-12px 0px 0px 148px; background:url(/shewafiles/pic/ico-remove.svg) center center no-repeat;}

.letters-fields textarea {height:160px;}
.fb-list .fb-text {font-size:15px; font-style:italic;}
.fb-stat1 {background-color:#fffff0;}
.fb-stat3, .fb-stat4, .fb-stat5 {background-color:#f0fff0;}
.fb-stat6 {background-color:#f0f0ff;}
.fb-stat7, .fb-stat8 {background-color:#fff0f0;}

.buy-list {display:block; margin:0px 0px 10px; padding:10px; border-radius:6px; border:1px solid #e0e0e0; background-color:#e0e0ff;}
.buy-raw {background-color:#e0ffe0;}
.buy-list .buy-status {font-weight:bold; color:#005599; margin-right:40px;}
.buy-raw .buy-status {font-weight:normal; color:#995500;}

.editor-properties p {display:inline-block; width:32%;}
.editor-properties p input[type=text], .editor-properties p select, .editor-properties p textarea {width:90%;}

.coment {color:#0088ff; font-size:13px;}
.alert {color:#cc3300; font-size:18px;}
.a-switcher {text-decoration:none; border-bottom:1px dashed #224477;}
.comentform {display:none;}
.coment-edit {display:block; float:right; width:240px; height:20px; margin:0px;}
.edit-coment {display:block; float:left; width:90px; height:20px; margin:0px; padding-right:20px; text-align:right; background:url(/shewafiles/pic/edit.png) right center no-repeat;}
.coment-on {display:block; float:left; width:56px; padding:2px; margin:0px; background-color:#009900; color:#ffffff; border-radius:6px 0px 0px 6px; text-align:center;}
.coment-off {display:block; float:left; width:56px; padding:2px; margin:0px; background-color:#dddddd; color:#ffffff; border-radius:0px 6px 6px 0px; text-align:center;}
.coment-off:hover {background-color:#990000; color:#ffffff;}
.coment-on:hover {color:#ffffff;}
.off .coment-on {background-color:#dddddd;}
.off .coment-off {background-color:#990000;}
.off .coment-on:hover {background-color:#009900; color:#ffffff;}
.off .coment-off:hover {color:#ffffff;}
.comentform label {margin-left:50px;}
.comentform textarea {width:840px; height:80px;}


.banner-list {padding:20px; margin:0px 0px 10px; border:1px solid #cccccc; background-color:#f8f8f8; border-radius:6px;}
.banner-list h2 {margin:0px;}
.banner-unit {display:inline-block; width:260px; margin:10px; vertical-align:top;}
.banner-unit img {max-width:260px; max-height:180px;}
.banner-img {width:400px; float:right;}
.banner-img img {max-width:400px; max-height:280px; margin:0px;}
.banner-list a.opt-add {display:block; float:right; width:20px; height:20px; margin:-4px 0px 0px; background:center center no-repeat; border:1px solid transparent; border-radius:4px; background-image:url(/shewafiles/pic/add.png);}
.banner-list a.opt-add:hover {border:1px solid #778899; background-color:#f8f8f8;}
.off2 {opacity:0.3;}

.status-changer {display:block; float:right; width:200px; padding-left:10px; border-left:1px solid #e8e8e8;}
.postdelivnum, .sdekdelivnum, .buyorder {display:none;}
.print {float:right; width:80px;}
.off {opacity:0.3;}
.jsa {border-bottom:1px dashed #224477; text-decoration:none;}
.module-loader {float:right; width:440px; padding:10px; background-color:#f8f8f8; text-align:left; border:1px solid #e0e0e0; border-radius:8px;}

.set-photoblock {padding:10px; margin:10px 0px; border:1px solid #f0f0f0; border-radius:8px;}
.set-photoblock div.palette {position:absolute; display:none; top:100px; width:920px; margin:0px 120px; padding:20px; background-color:#ffffff; box-shadow:2px 2px 7px #777777;}
.set-photoblock div.palette .on {background:#bbbbbb; border:1px solid #224477;}
.set-photoblock div.unit {display:inline-block; width:160px; margin:0px 10px 10px 0px; padding:10px; border:1px solid transparent; vertical-align:top;}
.set-photoblock div.unit img {max-width:160px;}

.backs-unit {width:80%; border-collapse:collapse;}
.backs-unit td {padding:4px;}
.backs-unit tr:nth-child(2n-1) td {background-color:#f8f8f8;}

.user-rules label {margin:0px 0px 2px;}

.search-unit, a.search-unit {display: flex; padding: 20px; text-decoration: none; color: var(--fonts);}
.search-unit:hover {background: var(--bodybg);}
.search-about {width: calc(100% - 180px);}
.search-anons {margin: 20px 0px;}
.search-h1 {font-weight: 600; color: #000000;}
.search-h1 span {opacity:0.5;}
.search-imglile {width: 160px;}
.search-place {font-size: 85%; color: var(--darkcyan);}

span.str-showall {font-size:14px; vertical-align:top; margin:0px 0px 0px 40px; color:var(--darkcyan); border-bottom:1px dashed; cursor:pointer;}
span.str-showall:hover {color:var(--cyan);}
.list-final {color:var(--darkcyan); margin:16px; font-size:14px; border-bottom:1px dashed;}

.treb-form label {display:inline-block; vertical-align:top; width:200px; margin:0px 24px 0px 0px;}
.treb-form label:first-child {width:120px;}
.treb-form label:nth-child(2) {width:120px;}
.treb-form label:last-child {width:120px; margin:0px;}
.treb-form {margin:0px 0px 24px;}
.treb-list table {width:100%; border-collapse:collapse; border-spacing:0px;}
.treb-list table tr:first-child {position:sticky; top:0px;}
.treb-list table tr:first-child td {padding:4px 4px 8px; font-weight:700; color:#000000; background-color:#ffffff; border-bottom:2px solid;}
.treb-list td {padding:4px; font-size:14px; border:1px solid #e0e0e0;}
.treb-list td:nth-child(6) {width:480px;}
.treb-list td:nth-child(3) {width:140px;}
.treb-about2 td {background-color:#d8d8d8;}
.treb-about1 td {background-color:#fff0f0;}
