/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/37(此说明不在下载的源码里，只用在演示页面里)*//*     Created on : Jun 23, 2016, 8:48:55 AM    Author     : prakasamm*/.dd {    position: relative;    display: inline-block;    margin: 0;    padding: 0;    width: 100%;    list-style: none;    font-size: 13px;    line-height: 20px;}.dd-edit-box input,/*.dd-edit-box select,*/.dd-edit-box textarea {    border: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;    background: transparent;    text-overflow: ellipsis;    outline: none;    font-size: 13px;    color: #4F5367;    width: 50%;    font-weight: 600;}.dd-edit-box input:focus,.dd-edit-box textarea:focus {    text-shadow: none;}.dd-button-container .custom-button-example {    text-align: center;    padding: 1px 4px;}.dd-edit-box select {    width: 30%;}.dd-edit-box >* {    vertical-align: top;}.dd-edit-box input, .dd-edit-box select, .dd-edit-box textarea {    margin-bottom: 0;}.dd-edit-box {    position: relative;}.dd-edit-box i {    right:    0;    overflow: hidden;    cursor:   pointer;    position: absolute;    font-style: normal;}.dd-item-blueprint {    display: none;}.dd >.dd-list {    min-height: 80px;}.dd-list {    display:    block;    position:   relative;    margin:     0;    padding:    0;    list-style: none;}.dd-list .dd-list {    left: 30px;    margin-right: 30px;}.dd-collapsed .dd-list {    display: none;}.dd-item,.dd-empty,.dd-placeholder {    text-shadow: 0 1px 0 #fff;    display:     block;    position:    relative;    margin:      0;    padding:     0;    min-height:  20px;    font-size:   13px;    line-height: 20px;}.dd-handle {    cursor:                move;    display:               block;    margin:                5px 0;    padding:               5px 10px;    color:                 #333;    text-decoration:       none;    font-weight:           bold;    border:                1px solid #aaa;    background:            #c8c8c8;    -webkit-border-radius: 3px;    border-radius:         3px;    box-sizing:            border-box;    -moz-box-sizing:       border-box;}.dd-handle:hover {    }.dd-item >button {    display:     inline-block;    position:    relative;    cursor:      pointer;    float:       left;    width:       24px;    height:      20px;    margin:      5px 5px 5px 30px;    padding:     0;    white-space: nowrap;    overflow:    hidden;    border:      0;    background:  transparent;    font-size:   12px;    line-height: 1;    text-align:  center;    font-weight: bold;    color:       black;}.dd.sortable .dd-new-item {    background: transparent;    border: 3px dotted #8F8F8F;    border-radius: 11px;    width: 100%;    height: 35px;    font-size: 29px;    color: #8F8F8F;    outline: none;}/* @since >0.13.29 */.dd-item .item-remove,.dd-item .item-remove-confirm,.dd-item .item-add {    outline: none;}.dd-item .dd-button-container button {    font-size: 12px;    cursor: pointer;    border:none;}.dd-item .dd-button-container .item-add {    background-color: #45B509;    color: #ffffff;}.dd-item .dd-button-container .item-add:active {    }.dd-item .dd-button-container .item-remove {    background-color: #E03B30;    color: #FFF;    transition: background-color 0.35s;}.dd-item .dd-button-container .item-remove:active {}.dd-item .dd-button-container .item-remove-confirm {    background-color: #FDBA47;    transition:       background-color 0.35s;}.dd-item .dd-button-container .item-remove-confirm:active {}.item-remove-confirm {    background: #ffce66;}.dd-item .dd-button-container {    position: absolute;    padding: 0 5px;    top: 3px;    overflow: visible;    display: none;    right: 0;}/* end @since >0.13.29 */.dd3-item >button:first-child {    margin-left: 30px;}.dd-item >button:before {    display:     block;    position:    absolute;    width:       100%;    text-align:  center;    text-indent: 0;}.dd-placeholder,.dd-empty {    margin:          5px 0;    padding:         0;    min-height:      30px;    background: #D6F2FF;    border: 1px dashed #6C9AB1;    box-sizing:      border-box;    -moz-box-sizing: border-box;}.dd-placeholder.max-depth {    background: #ffb3b7;    border: 1px dashed #b14444;}.dd-empty {    border:              1px dashed #bbb;    min-height:          100px;    background-color:    #e5e5e5;    background-size:     60px 60px;    background-position: 0 0, 30px 30px;}.dd-dragel {    height:         60px;    position:       absolute;    pointer-events: none;    z-index:        9999;}.dd-dragel >.dd-item .dd-handle {    margin-top: 0;}/** * Sortable Draggable Handles */.dd3-content {    background: #EEEEEE;    display: block;    height: 100%;    margin: 7px 0;    padding: 5px 10px 5px 40px;    color: #333;    text-decoration: none;    font-weight: 600;    border: 1px solid #ccc;    box-sizing: border-box;    -moz-box-sizing: border-box;}.dd3-content:hover {    background: #E5E5E5;}.dd-dragel >.dd3-item >.dd3-content {    margin: 0;}.dd3-handle {    position: absolute;    margin: 0;    left: 0;    top: 0;    cursor: move;    width: 30px;    text-indent: 100%;    white-space: nowrap;    overflow: hidden;    color: #807b7b;    background: #c8c8c8;    border-radius: 0;}.dd3-handle:before {    content: '\2263';    display: block;    position: absolute;    left: 0;    top: 3px;    width: 100%;    text-align: center;    text-indent: 0;    font-size: 20px;    font-weight: normal;}.dd3-handle:hover {    }.dd3-content:hover .dd-button-container {    display:    block;    transition: display 2s;}.dd .dd-new-item {    width: 100%;    border: 2px dashed #BDBDBD;    background: transparent;    border-radius: 3px;    font-size: 21px;    color: #BDBDBD;    cursor: pointer;    transition: border 0.35s ease 0s, color 0.35s ease 0s;    outline: none;}.dd .dd-new-item:hover {    border: 2px dashed #595858;    color: #595858;    transition: border 0.35s ease 0s, color 0.35s ease 0s;}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/37(此说明不在下载的源码里，只用在演示页面里)*/