
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;line-height:1.6}input,textarea,button,a{outline:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,fieldset,textarea{margin:0}fieldset,legend,textarea,input{padding:0}ul,ol{padding-left:0;list-style-type:none}a img,fieldset{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:none}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:inset 0 0 0 1000px#fff;-moz-box-shadow:inset 0 0 0 1000px#fff;-webkit-box-shadow:inset 0 0 0 1000px#fff}select{border-radius:0;-webkit-border-radius:0}body{line-height:1.6;font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;color:#222;font-size:14px}textarea,input{color:#222}textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#a3a3a3}textarea:-moz-placeholder,input:-moz-placeholder{color:#a3a3a3}textarea::-moz-placeholder,input::-moz-placeholder{color:#a3a3a3}textarea:-ms-input-placeholder,input:-ms-input-placeholder{color:#a3a3a3}textarea{resize:none;overflow-y:auto}a{color:#459ae9;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{*font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif}

/*fieldset{border:1px solid #e7e8eb; padding: 1em 1em 0;}*/
sub,sup {font-size: 100%;}
body {min-width: 1200px;background: #e7e8eb}

a.gray, [gray] {color: #696969}
a.gray:hover, a[gray]:hover {color: #009688}

.w120 {width: 120px;}
.tl, [left] {text-align: left;}
.tr, [right] {text-align: right;}
.center, [center] {text-align: center;}
.green, [success], [yes] {color: #2f9833}
.primary, [primary] {color: #009688;}
.red, [red], [fail], [no] {color: #F55}
.orange, [warn] {color: #F57C00 !important;}
.link, [link] {color: #459ae9}
.blue, [blue] {color: #33F}

[clickable] {cursor: pointer;}

.hidden {display: none;}

[arrow]:after {
    display: inline-block;
    content: ' ';
    transform: matrix(-0.71,0.71,-0.71,-0.71,0,0);
    -ms-transform: matrix(-0.71,0.71,-0.71,-0.71,0,0);
    -webkit-transform: matrix(-0.71,0.71,-0.71,-0.71,0,0);
    height: 6px;
    width: 6px;
    border-width: 1px 0 0 1px;
    border-color: #d8d8d8;
    border-style: solid;
    position: relative;
    top: -3px;
    margin: 0 5px;
}
[arrow][arrow-top]:after {border-width: 0 0 1px 1px; top: 0;}
[arrow][arrow-left]:after {border-width: 0 1px 1px 0;}
[arrow][arrow-down]:after {border-width: 1px 1px 0 0; top: -4px;}
/*[arrow][primary]:after {border-color: #009688}
[arrow][success]:after {border-color: #2f9833}
[arrow][warn]:after {border-color: #F57C00}*/

[bank-icon] {
    vertical-align: middle;
    margin-right: 0.3em; 
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
[card-icon] {
    vertical-align: middle;
    margin-right: 0.3em; 
    /*width: 32px;*/
    height: 20px;
}

[money]:before {display: inline-block; content: '¥'; color: #8d8d8d; font-size: 10px; padding-right: 0.3em; font-weight: normal;}

:not(input)[required]:after {display: inline-block; content: '*'; color: #F00; font-size: 1.2em; margin-left: 0.3em;}

.btn {
    display: table-cell;
    overflow: visible;
    padding: 0 22px;
    height: 30px;
    line-height: 30px;
    *line-height: 28px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    min-width: 60px;
}
.btn.small { font-size:12px; height: 2em; line-height: 2em; padding: 0 10px; }
.btn:hover {text-decoration: none}
.btn_default {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 0, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
    border-color: #e7e7eb;
    color: #222
}
.btn_default:hover {
    background-color: #e7e7eb;
    background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb));
    background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
    background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%);
    background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%);
    border-color: #dadbe0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #000
}
.btn_primary {
    background-color: #009688;
    background-image: -moz-linear-gradient(top, #009688 0, #009688 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009688), to(#009688));
    background-image: -webkit-linear-gradient(top, #009688 0, #009688 100%);
    background-image: -o-linear-gradient(top, #009688 0, #44b549 100%);
    background-image: linear-gradient(to bottom, #009688 0, #009688 100%);
    border-color: #009688;
    color: #fff
}
.btn_primary:hover {
    background-color: ##00796B;
    background-image: -moz-linear-gradient(top, #00796B 0, #00796B 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00796B), to(#00796B));
    background-image: -webkit-linear-gradient(top, #00796B 0, ##00796B 100%);
    background-image: -o-linear-gradient(top, #00796B 0, #00796B 100%);
    background-image: linear-gradient(to bottom, #00796B 0, #00796B 100%);
    border-color: #00796B;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff
}
/*.btn_primary {
    background-color: #44b549;
    background-image: -moz-linear-gradient(top, #44b549 0, #44b549 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44b549), to(#44b549));
    background-image: -webkit-linear-gradient(top, #44b549 0, #44b549 100%);
    background-image: -o-linear-gradient(top, #44b549 0, #44b549 100%);
    background-image: linear-gradient(to bottom, #44b549 0, #44b549 100%);
    border-color: #22b549;
    color: #fff
}
.btn_primary:hover {
    background-color: #2f9833;
    background-image: -moz-linear-gradient(top, #2f9833 0, #2f9833 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9833), to(#2f9833));
    background-image: -webkit-linear-gradient(top, #2f9833 0, #2f9833 100%);
    background-image: -o-linear-gradient(top, #2f9833 0, #2f9833 100%);
    background-image: linear-gradient(to bottom, #2f9833 0, #2f9833 100%);
    border-color: #2f9833;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff
}*/
.btn_warn {
    background-color: #f24d4d;
    background-image: -moz-linear-gradient(top, #f24d4d 0, #f24d4d 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f24d4d), to(#f24d4d));
    background-image: -webkit-linear-gradient(top, #f24d4d 0, #f24d4d 100%);
    background-image: -o-linear-gradient(top, #f24d4d 0, #f24d4d 100%);
    background-image: linear-gradient(to bottom, #f24d4d 0, #f24d4d 100%);
    border-color: #f24d4d;
    color: #fff
}

.btn_warn:hover {
    background-color: #d43d3d;
    background-image: -moz-linear-gradient(top, #d43d3d 0, #d43d3d 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d43d3d), to(#d43d3d));
    background-image: -webkit-linear-gradient(top, #d43d3d 0, #d43d3d 100%);
    background-image: -o-linear-gradient(top, #d43d3d 0, #d43d3d 100%);
    background-image: linear-gradient(to bottom, #d43d3d 0, #d43d3d 100%);
    border-color: #d43d3d;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff
}
.btn.short {padding: 0 2px;}

.btn-group .btn {
    min-width: auto;
    padding: 0 1em;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-left-width: 0;
}
.btn-group .btn:first-child {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-left-width: 1px;
}
.btn-group .btn:last-child {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}
/*.btn +.btn {margin-left: 1em}*/

.btn.loading:before {display: inline-block; content: '...'; color: #F00; margin-right: 0.5em;}

/* layout */
.container{border:1px solid #d9dadc;background-color:#fff;min-height:700px;width:1280px;margin:36px auto 60px;*overflow:hidden}.container .col{display:table-cell;vertical-align:top;word-wrap:break-word;word-break:break-all}.container .col_side{width:17.5%;max-width:208px;border-right:1px solid #e7e7eb;*float:left;*width:208px;*padding-bottom:9999em;*margin-bottom:-9999em}.container .col_main{width:2000px;height:700px;*zoom:1;*width:auto;*height:auto}

/* footer */
.footer {padding: 24px 0;color: #f1f1f1;text-align: center; background-color: #b8b9b9}

.table_box {/*border-left:1px solid #e7e7eb;border-right:1px solid #e7e7eb;*/margin:20px 30px 30px;}
.table_box>h3 {font-size: 1.1em; color: #009688; height: 32px;line-height: 32px;border-bottom: 1px dotted #e7e7eb;margin-bottom: 1.1em;font-weight: normal}
.table_box>h4 {padding: 6px 1em;border: 1px solid #e7e7eb;border-bottom: 0;background-color: #f4f5f9; font-weight: normal;}
.table_box>h3>sup, .table_box>h4>sup {float: right; font-weight: normal; font-size: .9em;}
.table_box_bd {clear:both; padding: 30px;border: 1px solid #e7e7eb;}

.table {width: auto;font-size: 14px;background-color: #fff;text-align: center;border: 1px solid #e7e7eb;border-spacing: 0;margin-bottom: 20px;text-align: left;min-width: 100%;}
.table thead {padding: 6px 1em;border: 1px solid #e7e7eb;border-bottom: 0;background-color: #f4f5fa}
.table tbody {color: #696969}
.table th, .table td {padding: 0;line-height: normal;padding-left: 1.2em;padding-right: 1.2em;font-weight: normal; /*white-space: nowrap*/}
.table td {vertical-align: middle;}
.table.top td {vertical-align: top;}
.table thead th {line-height: 40px;}
.table tbody td {padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #e7e7eb}
.table tr.nofound td {height: 200px; text-align: center; vertical-align: middle;}
.table tbody tr.active {background-color: #f4f5f9}
.table:not(.no-hover) tbody tr:not(.no-hover):not(.active):hover {background-color: #f4f5f9}
.h100 {height: 100px !important;}
.table tr.editor {display: none;}
.table tr.edit_box {background-color: #e6e7ec;}
.table tr.edit_box td {height:32px; line-height: 32px; vertical-align: center;}
.table a.disabled {color:#f55;}
.table td.child {padding-left: 1.8em;}
.table td.child:before {display: inline-block; content: '--'; color: #DDD; font-size: 0.8em; padding-right: 0.3em}

.user-avatar {vertical-align: middle; margin-right: 0.5em; width: 48px; height: 48px;}

/* 使用ol标签实现table的效果 */
ol.table {width:100%; display: table; table-layout: auto; text-align: left; margin-bottom: 0; border-bottom: 0;border: 1px solid #e7e7eb;border-bottom: 0}
ol.table ol, ol.table ul {display: table-row; height: 36px;}
ol.table li {display: table-cell; color: #8d8d8d; padding:6px 20px; line-height: 24px; border-bottom: 1px solid #e7e7eb}
ol.table.cell li {border-right: 1px solid #e7e7eb;}
ol.table li:last-child {border-right: 0; text-align: right;}
ol.table ul li {padding:8px 20px; background-color: #f4f5f9; color: #222;}
ol.table div.placeholder {display: block; width: 100%; height: 30px; border-bottom: 1px solid #e7e7eb;}
ol.placeholder {width:100%; height:32px !important; line-height:32px; content:" "; border-bottom: 1px solid #e7e7eb !important; background-color: #f4f5f9;}

/* 对话框 */
.ui-dialog {border: 1px solid #d9dadc; background-color: #fff; padding:0;}
.ui-dialog-titlebar {font-size:16px; line-height: 30px; border-bottom: 1px solid #e7e7eb; background-color: #f4f5f9}
.ui-dialog-titlebar-close {border:none; background: url("/statics/images/base.png") 0 -2757px no-repeat;}
.ui-dialog-titlebar-close.ui-state-hover {background-position: 0 -2783px;}
.ui-dialog-content {padding: 20px 30px !important; text-align: center;}

/* 确认框 */
.popup {position: absolute;margin-top: 12px;border: 1px solid #e7e7eb;background: #fff;z-index: 999; /*border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;*/}
.popup_body {padding: 20px; text-align: center;}
.popup_bar {text-align:center; padding: 0 15px 10px;}
.popup_bar>.btn{margin: 0 3px;}
/*.popup:before, .popup:after {position: absolute;content: " "; margin-left: 10px;margin-top: -6px;display: inline-block;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-top-width: 0;border-bottom-color: #d9dadc;}
.popup:after {top: 1px;border-bottom-color: #fff;}*/
.popup:before {content: ''; position: absolute; left: 17px; margin-top: -8px; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #d9dadc; border-bottom-style: solid; border-bottom-color: #fff; top: 1px; z-index: 1;}
.popup:after {content: ''; position: absolute; left: 17px; top: 0; margin-top: -8px; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #d9dadc; border-bottom-style: solid;}
.popup[position="right"]:before {left: auto; right: 17px; margin-left: -8px;}
.popup[position="right"]:after {left: auto; right: 17px; margin-left: -8px;}
.popup.alt >.popup_body {padding: 10px 20px;}
.popup.alt:before, .popup.alt:after {top:100%; margin-top: 0; border-bottom-width: 0;border-top-width: 8px;border-top-color: #d9dadc;}
.popup.alt:after {margin-top:-1px; border-top-color: #fff;}
.popup_bar>.btn:not([first-child]) {margin-left: 0.5em}

.menu-select {min-width: 200px; padding: 1em 0}
/*.menu-select li {}*/
.menu-select a {display: block; line-height: 34px; padding: 0 2em; color: #222; text-decoration: none}
.menu-select a:hover, .menu-select a.selected {background-color: #f4f5f9}

 /* 分页 */
.pagination {text-align: right;}
.pagination>ol{display:inline-block;vertical-align:middle; *letter-spacing:normal}
.pagination>ol>a{display: inline-block; min-width:0; letter-spacing:normal;*margin:0 3px;}
.pagination>ol>a{position:relative;text-align:center;background-color:#fff;background-image:-moz-linear-gradient(top,#fff 0,#fff 100%);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));background-image:-webkit-linear-gradient(top,#fff 0,#fff 100%);background-image:-o-linear-gradient(top,#fff 0,#fff 100%);background-image:linear-gradient(to bottom,#fff 0,#fff 100%);border-color:#e6e7ec;color:#222;height:30px;line-height:30px;*line-height:28px;width:auto;padding-left:14px;padding-right:14px}
.pagination>ol>a:hover{background-color:#e6e7ec;background-image:-moz-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e7ec),to(#e6e7ec));background-image:-webkit-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);background-image:-o-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);background-image:linear-gradient(to bottom,#e6e7ec 0,#e6e7ec 100%);border-color:#dadbe0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;color:#000}
.pagination>ol>a>i{position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-3px}
.pagination>ol>a.next>i{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;border-right-width:0;border-left-color:#919191;border-left-style:solid}
.pagination>ol>a.prev>i{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;border-left-width:0;border-right-color:#919191;border-right-style:solid}
.pagination>ol>a.disable {color: #8d8d8d;}
.pagination>ol>a.disable:hover {background: #fff; cursor: default;}

/* red dot*/
.red-dot {position: relative;}
.red-dot:after {
    content: " ";
    position: absolute; display: inline-block; width: .4rem;height: .4rem; top: .6rem;
    background: #F00; border-radius: 50%; -webkit-border-radius: 50%; border: 0; overflow: hidden;
}

/* Tips */
.tips {position: fixed; font-size: 18px; text-align: center; top: 0; left: 0; width: 100%; height: 64px; line-height: 60px; border-bottom: 1px solid #d9dadc; background-color: #44b549; color: #fff; display: none;}
.tips.error {background-color: #c01424; color: #fff;}
.tips.warning {background-color: #f8d223; color: #333;}

.error {margin: 0 0 1.5em 7em; color: #E64A19}
/*.error:before {display: inline-block; content: ''; width:1.2em; height: 1.1em; padding-top: .1em; margin-right: .5em; background-image: url('/statics/images/warning.png'); background-size: 1.2em;}*/

.success-page {padding: 30px; vertical-align: middle; font-weight: normal;}
.success-page>img {vertical-align: middle; width: 32px; height: 32px; margin-right: 0.5em;}

/* Overlay 遮掩层 */
.overlay {background: rgba(255, 255, 255, 0.5); position: absolute;}

/* Form */
form {padding: 0 30px 30px; position: relative;}
form .table_box {margin: 0 0 0 6em;}

form>h3 {font-size: 1em; color: #009688; height: 32px;line-height: 32px;border-bottom: 1px dotted #e7e7eb;margin-bottom: 1.1em;font-weight: 500}
form>h3 span {color: #8d8d8d;margin-left:1em;font-weight:normal}

form dl {*zoom: 1;padding-bottom: 25px;}
form dl.table_box {border:0;}
form dl:after {content: "\200B";display: block;height: 0;clear: both}

form dt {display: table-cell; width: 8em; line-height: 32px; margin-right: 1em; font-size: 14px}
form dt sub {display: block;color: #8d8d8d}

form dd {display: table-cell; line-height: 32px; padding-right:3em; min-width: 8em; vertical-align: top;float: none;width: auto;*display: block;*zoom: 1}
from dl dd:after {visibility: hidden;clear: both;height: 0 !important;display: block;line-height: 0;content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";}
form dd span {color: #696969}
form dd sub {display:block; line-height: normal; color: #8d8d8d; padding-top: 4px;}
form dd sub.warning {color: #F00;}

input, textarea {background-color: transparent;border: 0;outline: 0}
input {height: 22px;*line-height: 22px;margin: 4px 0}
textarea {height: 100px;}
.radio_group label {margin-right: 1em;}
input[type=radio], input[type=checkbox] {width: auto; height: auto; margin-right: 0.3em}
input, textarea {width: 100%;}
input[type=file] {position: absolute; display: block; overflow: hidden; margin: 0; top: 0; left: 0;width: 100%; height: 100%; cursor: pointer; opacity: 0}

.editable.sort>input {height:16px !important;width: 100%; padding: 2px 4px; margin: 0 !important;}

.input_box {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 318px;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e7e7eb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;

    background-size:100% 100%;
    -moz-background-size: 100% 100%;
}
.input_box.no-padding {padding: 0}
.textarea_box {
    display: inline-block;
    width: 328px;
    padding: 4px 0 4px 10px;
    font-size: 14px;
    border: 1px solid #e7e7eb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff
}
.has-error .input_box, .has-error .textarea_box {border-color: #FFCCAA}
.has-success .input_box, .has-success .textarea_box {border-color: #B2DFDB}

.has-error .radio_group label {color: #F57C00}
.has-success .radio_group label {color: normal;}

.input_box.num,.input_box.money {width: 60px;}
.input_box.short {width: 50px;}
.input_box.middle {width: 120px;}
.input_box.date {width: 76px;}
.money input{text-align: right;}

form dl.tools {*zoom: 1;margin-top: 40px;padding-top: 20px}
form dl.tools:after {content: "\200B";display: block;height: 0;clear: both}
form dl.tools .btn {margin-left: .5em;margin-right: .5em}
form dl.tools {padding-bottom: 50px;padding-top: 20px;text-align: center;border-top: 1px dashed #e7e7eb;}
form dl.tools.l {text-align: left; padding-left: 5em;}

.form_box {margin-top: 30px; position: relative;}
.form_box + .form_box {margin-top: 0}
.form_box.info dl {padding-bottom: 0}
.form_box.info dt {width: 10em; color:#707070;}

.search_group {*zoom: 1;line-height: 38px;}
.search_group form {padding: 0}
.input_box.search {width:200px; padding-right: 30px; border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
.input_box.search .search-icon {position: absolute;top: 0;right: .4em;}
.input_box.search a {text-decoration: none;}
.form_box.search_group {margin-bottom:0; padding-bottom: 0;}
.form_box.search_group dl{padding: 0;}
/*.form_box.search_group .input_box.search {width: 200px !important;}*/

/* Selector */
select {display: none;}
.ui-selectmenu-menu {max-height: 300px; overflow: overlay; border-bottom: 1px solid #e7e7eb;}
.ui-selectmenu-button, .ui-selectmenu-menu>.ui-menu {border: 1px solid #e7e7eb; outline: 0;}
.input_box .ui-selectmenu-button {display: block; width: 100%; border-width: 0; margin-left: -11px; margin-right: -11px;}
.ui-selectmenu-menu>.ui-menu {background-color: #FFF; border-top: 0; border-bottom: 0}
.ui-selectmenu-button { vertical-align: middle !important}
/*.ui-selectmenu-text {padding: 0 !important}*/
.ui-selectmenu-button.ui-state-hover {background-color: #e6e7ec}
.ui-selectmenu-button:after {content: " ";position: absolute;top: 0;right: 8px; bottom: 0; text-align:right; margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #BBB;border-bottom: none;}
.ui-selectmenu-optgroup {color: #8d8d8d; border-bottom:1px solid #e6e7ec}
.ui-menu .ui-menu-item {display: block; padding: 6px 10px !important; color: #666; cursor: pointer;}
.ui-menu-item.ui-state-focus {background: #f4f5f9; color: #333; margin:0 !important;}

/* DatePicker */
.ui-widget.ui-widget-content {border: 1px solid #e7e7eb; background-color: #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {text-align: center; cursor: pointer; top:5px;}
.ui-datepicker .ui-datepicker-prev-hover {left:2px; top:5px;}
.ui-datepicker .ui-datepicker-next-hover {right:2px; top:5px;}
.ui-datepicker-prev:after {content:" ";display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;border-left-width:0;border-right-color:#919191;border-right-style:solid}
.ui-datepicker-next:after {content:" ";display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;border-right-width:0;border-left-color:#919191;border-left-style:solid}
