html,body{
    height:100%;
    width:100%;
    padding:0;
    margin:0;
}
#preview{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
#preview *{font-family:sans-serif;font-size:16px;}
@charset "utf-8";
/* CSS Document */

.main{
    width:1000px;
    margin:0 auto;
}
.main-content{
    margin-bottom:20px;
    background-color:#FFF;
    border-radius:4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.form-content{ margin:20px; }
.form-area{
    padding:40px;
    margin-bottom:20px;
}
.corner-1,
.corner-2,
.corner-3,
.corner-4{
    width:20px;
    height:20px;
    border:1px solid #CECECE;
}
.corner-1{ border-width:0 1px 1px 0; }
.corner-2{ border-width:0 0 1px 1px; }
.corner-3{ border-width:1px 1px 0 0; }
.corner-4{ border-width:1px 0 0 1px; }
.mc-title{
    padding-left:20px;
    font-size:20px;
}
.mc-top{
  width:100%;
  line-height:60px;
  border-bottom:1px #ebeff6 solid;
  border-radius:4px 4px 0 0;
  background-color:#FFF;
  vertical-align:middle;
}

@media print{
    .corner-1,
    .corner-2,
    .corner-3,
    .corner-4{ display: none; }
    .form-content{ margin: 0; }
}
