#top {width:100%; background-color:#222; overflow:hidden; color:#fff; }
.menu {width:1100px; margin:0px auto;  overflow:hidden;}
.menu .logo{position:absolute; left:-1px; top:-2px; }
#top ul{list-style:none; padding:0; margin:0; }
#top ul li{float:left; width:25%; text-align:center; font-size:15px; font-weight:bold; }
#top ul li.select {background:url("img/arrow.png")no-repeat center bottom}
#top ul li a{color:#fff; display:block; padding:20px 0; }
#footer2 {padding:20px 0 60px 0;}
#footer2 p { width:1100px; margin :0 auto; text-align:right; font-size:14px; color:#333;}

.container {  max-width: 1100px; margin: 0px auto ; }
.h_order .h_form {border:1px solid #dfdfdf; padding:50px 0; background-color:#f5f5f5; }
.h_order table td.formmail_cell_bgcolor input[name='attachment[]']{margin-top:10px; padding-left:0 !important; 
border:0; width:50% !important; background:#f5f5f5;}

div.press {padding: 30px 0; overflow:hidden;}
div.press ul {list-style:none; padding:0; margin:0;}
div.press ul li {font-size:14px; width:24.2%; margin-right:1%; float:left; line-height:22px; height:110px;
padding:20px 20px; border:1px solid #dfdfdf;  box-sizing:border-box; color:#999;}
div.press ul li:last-child {margin-right:0;}
div.press ul li.select {background-color:#fff6f6; color:#111; border:1px solid #fcb0b3; }
.press ul li span.call {color:#0058bc !important;}

.left {
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  flex-direction:row;
}

div.btn {padding:0px 0 10px 0; overflow:hidden; width:710px; float:right; position:relative;}
div.btn .drag { position:absolute; bottom:10px; color:#ed1c24; font-size:14px;}
#btn-pdf { background-color: tomato; color: #fff;  display:block; font-weight:bold; font-size:17px;
  padding: 8px 10px 9px 10px; margin:0; border-radius:30px 30px; float:right; width:200px; text-align:center;  cursor:pointer ;}

.elements { width:35%;}
.elements p {clear:both; display:block; width:92%; padding: 4px 2px 5px 2px; background-color:#333; color:#fff; 
margin-bottom:8px; text-align:center; border-radius: 15px 15px;}

#drag-elements { display: block; background-color: #fff; border-radius: 5px; min-height: 50px; margin: 0 auto;
  padding: -em; width:100%;  cursor:move; overflow:hidden; padding-bottom:5px; }

#drag-elements2 { display: block; background-color: #fff; border-radius: 5px; min-height: 50px; margin: 0 auto;
  padding: -em; width:100%;  cursor:move; overflow:hidden; padding-bottom:5px; }

#drag-elements3 { display: block; background-color: #fff; border-radius: 5px; min-height: 50px; margin: 0 auto;
  padding: -em; width:100%;  cursor:move; overflow:hidden;}

#drag-elements > div,#drag-elements2 > div,#drag-elements3 > div {text-align: center;float: left; margin: 0 5px 5px 0; padding:3px 3px;
  border-radius: 1px; height:70px; border: 2px solid #ececec; box-sizing:border-box; transition: all .5s ease; width:45%; }
#drag-elements > div a ,#drag-elements2 > div a ,#drag-elements3 > div a {display:none;  }
#drag-elements > div:active ,#drag-elements2 > div:active ,#drag-elements3 > div:active { -webkit-animation: wiggle 0.3s 0s infinite ease-in;  animation: wiggle 0.3s 0s infinite ease-in;
  opacity: .6;  border: 2px solid #000;}
#drag-elements > div:hover,#drag-elements2 > div:hover,#drag-elements3 > div:hover { border: 2px solid #ed1c24; }
#drag-elements img,#drag-elements2 img,#drag-elements3 img {width:100%; height:100%;}

.box {width:65%; overflow:hidden;
  border: 2px dashed #D9D9D9; box-sizing:border-box;
}
#drop-target {
  border-radius: 5px;
  min-height: 50px;
  margin: 0 auto;
  padding: 2em;
  display: block;
  text-align: center;
 height:100%;
 cursor:move;
}

#drop-target div {
  transition: all .5s;
  text-align: center;
  padding: 0; box-sizing:border-box;
  margin: 0;
  border-radius: 5px;
  border: 0px solid rgba(0,0,0,0.2);
  transition: all .5s ease;
}
#drop-target > div a {font-size:11px; display:block; padding:3px 0 4px 8px ; text-decoration:none; background-color:#1969b6; 
color:#fff; border:0px solid #dfdfdf; margin:0 auto 5px auto; float:right; width:80px; border-radius:0 0 5px 18px; }
#drop-target div img {width:100%; max-width:100%; vertical-align: top; }

#drop-target > div:active {
  -webkit-animation: wiggle 0.3s 0s infinite ease-in;
  animation: wiggle 0.3s 0s infinite ease-in;
  opacity: .6;
  border: 2px solid #000;
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes wiggle {
  0% {
    transform: rotate(-2deg);
  }
  25% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  padding: 1em;
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.gu-mirror {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}