.diy-title{margin-bottom:10px;padding:0 6px 10px 6px;border-bottom:1px dotted #ccc;}
.diy-title h1{margin-bottom:6px;font-size:large;}

.diy-item{position:relative;padding:6px;}
.diy-item label.diy-desc{display:block;margin-right:5px;font-weight:bold;}
.diy-item .diy-input{padding:5px 5px 5px 0;}
.diy-item .radio input, .diy-item .checkbox input{margin-right:5px;vertical-align:-1px;}
.diy-item .vertical label.radio, .diy-item .vertical label.checkbox{display:block;float:none;margin-right:0;margin-bottom:5px;}
.diy-item.diy-hr{margin-top:15px;padding-top:12px;padding-bottom:12px;border-top:1px dotted #ccc;}
.diy-item-tip{display:none;position:absolute;top:33px;left:470px;padding:9px;border:1px solid #ccc;max-width:300px;background-color:#f6f6f6;}
.diy-item:hover .diy-item-tip{display:block;}

.diy-text{display:inline-block;padding:4px;border:1px solid #ddd;vertical-align:middle;background-color:#fff;transition:all .3s linear;}
.diy-text:focus{border:1px solid #999;box-shadow:0 0 12px #ddd;}
.diy-select{padding:2px;height:27px;line-height:27px;border:1px solid #ccc;border-radius:3px;}
.diy-select option{display:block;padding:0px 2px 1px;white-space:pre;min-height:1.2em;}
.diy-select option.opt1{background:#e1f0e1;}
textarea.diy-text{height:100px;}
.diy-s{width:150px;}/*3x*/
.diy-m{width:300px;}/*6x*/
.diy-l{width:450px;}/*9x*/

.btn-common{display:inline-block;padding:5px 15px;border:0;vertical-align:middle;background-color:#ddd;cursor:pointer;}
.btn-common:hover{color:#fff;background-color:#666;border-bottom:0;}
.btn{display:inline-block;margin-right:5px;padding:5px 15px;vertical-align:middle;cursor:pointer;border:0;outline:none;color:#edffd1;background-color:#4bbd00;}
.btn:hover{border-bottom:0;color:#fff;background-color:#4cdb00;}
.btn-submit{color:#fff;background-color:#CC3900;}
.btn-submit:hover{background-color:#ff2610;}
.btn-submit, .btn-return{padding:10px 50px;color:#fff;font-size:medium;}
.btn.disabled{background-color:#888;color:#eee;cursor:not-allowed;}
.btn:disabled{background-color:#888;color:#eee;}