body {
  margin:0px;
  padding:0px;
  font-family:helvetica,verdana,arial;
  font-size:12px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

h1 {
  font-size:16px;
  margin: 5px 0px 2px 0px;
  padding:0px;
  line-height:16px;
}

h2 {
  font-size:14px;
  margin:4px 0px 1px 0px;
  padding: 0px;
  line-height:14px;
}

ul, li {
  margin: 0px 0px 0px 8px;
  padding: 0px;
  list-style-type: disc;
  list-style-position: outside;
}

a {
  color:#000000;
}
 
td {
  font-size:12px;
}

textarea {
  resize: none;
  outline: none;
}

input {
  outline: none;
}

#cn_com {
  position:relative;
  top:50px;
  width:45%;
  float:right;
  zindex:1001;
  display:none;
//  display:block;
}

#cn_work {
  display:block;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
}

#head {
  width:100%;
  height:120px;
}

#head img {
  float:right;
  margin:20px 80px 0px 0px;
  height:80px;
}

#head div {
  padding:20px 0px 0px 80px;
  font-size:60px;
}

#info {
  position:absolute;
  display:none;
  border:1px dashed #d0d060;
  background:#ffffD0;
  font-size:10px;
  padding:2px;
  white-space:nowrap;
  z-Index:2;
}

#menu {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  height:42px;
  padding:2px 0px;
  white-space:nowrap;
  text-align:center;
}

.menu_button {
  display:table-cell;
  vertical-align:middle;
//  border-radius: 12px;
  border-left:2px solid #d0d0d0;
  padding:0px 12px;
  color:#f0f0f0;
  height:42px;
  cursor:pointer;
  background-image: -webkit-linear-gradient(#f0f0f0 0%, #909090 100%);
  background-image: -o-linear-gradient(#f0f0f0 0%, #909090 100%);
  background-image: linear-gradient(#f0f0f0 0%, #909090 100%);
}
.menu_button div {
  font-size:18px;
}
.menu_button div img{
  margin-top:6px;
}
.menu_button:hover {
  background:#707070;
  background-image: -webkit-linear-gradient(#909090 0%, #f0f0f0 100%);
  background-image: -o-linear-gradient(#909090 0%, #f0f0f0 100%);
  background-image: linear-gradient(#909090 0%, #f0f0f0 100%);
  color: #404040;
}


.menu_top {
  position:absolute;
  top:29px;
  left:5px;
  height:50px;
  display:none;
  text-align:left;
  overflow:hidden;
/*
  background-image: -webkit-linear-gradient(#e0e0e0 0%, #f4f4f4 100%);
  background-image: -o-linear-gradient(#e0e0e0 0%, #f4f4f4 100%);
  background-image: linear-gradient(#e0e0e0 0%, #f4f4f4 100%);
*/
}

.menu_bottom {
  position:absolute;
  display:block;
  bottom:5px;
  left:5px;
  text-align:left;
  overflow:hidden;

/*
  background-image: -webkit-linear-gradient(#bfbfbf 0%, #f4f4f4 100%);
  background-image: -o-linear-gradient(#bfbfbf 0%, #f4f4f4 100%);
  background-image: linear-gradient(#bfbfbf 0%, #f4f4f4 100%);
*/
  color:#000000;
  font-size:9px;
}

.menu_left {
  position:absolute;
  top:0px;
  left:8px;
  width:80px;
  background:-webkit-linear-gradient(left, #f0f0f0 0%, #989FA2 100%);
  background:-o-linear-gradient(to right, #f0f0f0 0%, #989FA2 100%);
  background:linear-gradient(to right, #f0f0f0 0%, #989FA2 100%);
  overflow:hidden;
}

.menu_item_left {
  border:1px solid #909090;
  border-radius:5px;
  width:66px;
  height:66px;
  margin:6px;
  text-align:center;
  font-size:9px;
  cursor:pointer;
  opacity:0.8;
  color:#000000;
}
.menu_item_left:hover {
  opacity:1;
  background-image:-webkit-linear-gradient(left, #f8f8f8 0%, #B0B7BA 100%);
  background-image:-o-linear-gradient(to right, #f8f8f8 0%, #B0B7BA 100%);
  background-image:linear-gradient(to right, #f8f8f8 0%, #B0B7BA 100%);
}
.menu_item_left_active {
  border:1px solid #909090;
  border-radius:5px;
  width:66px;
  height:66px;
  margin:6px;
  text-align:center;
  font-size:9px;
  opacity:1;
  background:-webkit-linear-gradient(left, #989FA2 0%, #f0f0f0 100%);
  background:-o-linear-gradient(to right, #989FA2 0%, #f0f0f0 100%);
  background:linear-gradient(to right, #989FA2 0%, #f0f0f0 100%);
  cursor:default;
  color:#000000;
}




#foot {
  position:fixed;
  bottom:0px;
  text-align:center;
  width:100%;
  height:20px;
  color:#e0e0e0;
  font-size:12px;
  padding:2px;
}

#foot a {
  color:#808080;
}
#foot a:hover {
  color:#b0b0b0;
}

#client {
  float:left;
  margin-left:8px;
}


.box_work_transparency {
  opacity: 0;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  position:absolute;
  display: block;
  background: #e8e8e8;
  color: #ffffff;
  text-align: left;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  background-image: -webkit-linear-gradient(white 0%, #989898 40px); 
  background-image: -o-linear-gradient(white 0%, #989898 40px); 
  background-image: linear-gradient(white 0%, #989898 40px);
  box-shadow: 10px 20px 30px grey;
}

.box_data {
  position:absolute;
  display:block;
  text-align:left;
  color: #000040;
  overflow:auto;
//  margin:16px;
}
.box_data input:focus, textarea:focus {
  outline: 1px solid #8080a0;
}

.box_work {
  opacity: 1;
  transition: opacity 0.8s;
  position:absolute;
  display: block;
  color: #ffffff;
  text-align: left;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  box-shadow: 5px 10px 10px #202020;
  background:#ffffff;
}
.box_head {
  position:absolute;
  font-size:18px;
  top:11px;
  left:11px;
  right:-1px;
  height:67px;
  background-image: -webkit-linear-gradient(#497383 0%, #0E5667 100%); 
  background-image: -o-linear-gradient(#497383 0%, #0E5667 100%); 
  background-image: linear-gradient(#497383 0%, #0E5667 100%);
}
.box_move {
  position:absolute;
  top:11px;
  left:11px;
  height:67px;
  right:0px;
  cursor:move;
}
.box_head_text {
  display:inline-block;
  color:#ffffff;
  font-size:24px;
  margin:18px 10px 0px 20px;
}

.box_head_image {
  display:inline-block;
  height:32px;
  vertical-align:middle;
  margin:-3px 0px 0px 20px;
}


.button_standard {
  border:0px;
  border-left:2px solid #C0B0B0;
  padding: 3px;
  background:#f8f8f8;
  background-image: -webkit-linear-gradient(white 0%, #B8BFC2 100%);
  background-image: -o-linear-gradient(white 0%, #B8BFC2 100%);
  background-image: linear-gradient(white 0%, #B8BFC2 100%);
  cursor:pointer;
  white-space:nowrap;
}
.button_standard:hover {
  border:0px;
  border-left:2px solid #D0C0FF;
  padding: 3px;
  background:#ffffff;
  background-image: -webkit-linear-gradient(white 0%, #C8D0D4 100%);
  background-image: -o-linear-gradient(white 0%, #C8D0D4 100%);
  background-image: linear-gradient(white 0%, #C8D0D4 100%);
  cursor:pointer;
}



#cn_ctm {
  position:absolute;
  display:none;
  top:110px;
  left:100px;
  border:1px solid #a0a0a0;
  background:#f2f2f2;
  border-radius:5px;
  padding:8px;
  box-shadow:5px 10px 15px grey;
}
.cn_ctm_line {
  display:block;
  margin:4px 9px 9px 9px;
  cursor:default;
  background:#d8d8d8;
  height:2px;
}
.cn_ctm_item {
  display:block;
  margin:5px 0px 5px 0px;
  cursor:pointer;
  opacity:0.8;
}
.cn_ctm_item_inactive {
  display:block;
  margin:5px 0px 5px 0px;
  cursor:default;
  opacity:0.4;
  filter:grayscale(1);
  -o-filter:grayscale(1);
  -moz-filter:grayscale(1);
  -webkit-filter:grayscale(1);
}
.cn_ctm_item:hover {
  background:#ffffff;
  opacity:1;
}
.cn_ctm_item_div {
  border-left:4px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
  border-bottom-left-radius:5px;
}
.cn_ctm_item_div img {
  display:inline-block;
  margin:3px 0px 2px 8px;
  height:20px;
}
.cn_ctm_item_div div {
  position:relative;
  display:inline-block;
  margin:2px 8px 2px 5px;
  height:21px;
  font-size:14px;
  top:1px;
  vertical-align:top;
  white-space:nowrap;
}