@charset "utf-8";

input::placeholder{color:#a4a4a4;}

input[type="checkbox"]{display: none;}
input[type="checkbox"] +label{color:#ccc;}
input[type="checkbox"] +label span{ display: inline-block; width:12px; height:12px; vertical-align: middle; border:1px solid #e2e2e2; background: #fff; cursor:pointer;}
input[type="checkbox"]:checked + label span {width:14px; height:14px; background:url(../images/checkbox-selected.svg)top left no-repeat; outline:none; border:none;}

dd input[type="checkbox"] +label span{ display: inline-block; width:14px; height:14px; vertical-align: middle; border:1px solid #e2e2e2; background: #fff; cursor:pointer;}
dd input[type="checkbox"]:checked + label span {width:16px; height:16px; background:url(../images/checkbox-selected2.svg)top left no-repeat; outline:none; border:none;}
dd label{margin-right:8px;}

input[type="radio"]{display: none; }
input[type="radio"] +label{display: inline-block; color:#414141; line-height: 16px; vertical-align: middle; padding:11px 0; }
input[type="radio"] +label span{display: inline-block; width:14px; height:14px;line-height: 16px; vertical-align: middle; border:1px solid #ccc;margin-bottom:2px;margin-right:10px;border-radius: 8px; background: #fff; cursor:pointer;}
input[type="radio"]:checked + label span {width:16px; height:16px; background:url(../images/radio-selected.svg)top left no-repeat; outline:none; border:none;}
input[type="radio"].radio-disabled:checked + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)top left no-repeat; outline:none; border:none;}
input[type="radio"]:checked:disabled + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)top left no-repeat; outline:none; border:none;}
input[type="radio"]:disabled +label span{display: inline-block; width:14px; height:14px;line-height: 16px; vertical-align: middle; border:1px solid #ccc;margin-bottom:2px;margin-right:10px;border-radius: 8px; background: #fff;color:#8D8D8D;}

input[type="text"],[type="password"],[type="date"]{height:36px;font-size:14px; outline:none; padding-left:13px; border:1px solid #e3e3e3;}
input.input_search{width:240px;border-left:0; }
input.input{width:306px; }
input.input_100{width:100%;}
input.input_h{width:70px; }
input.pop_bs{position: relative; width:100%; border:1px solid #e3e3e3; border-bottom:0;}
input.pop_bs +label{position: absolute; top:40px; right:14px;}

.form_input textarea{width:630px; height:96px;padding:8px 14px; border:1px solid #e3e3e3; }

#datepicker{position: relative; width: 140px; }
#datepicker > span img{position: absolute; top:8px; right:14px;}
#datepicker > span:hover{cursor:pointer;}



/* selectDesign */
.selectDesign { display:inline-block; position:relative; padding:0 27px 0 9px; box-sizing:border-box; border:1px solid #e3e3e3; vertical-align:top; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.selectDesign select { visibility:hidden; position:absolute; z-index:-1; }
textarea:disabled{ color:#a4a4a4; }
select:disabled {background:#fbfbfb; color:#a4a4a4; }
.selectDesign button { position:absolute; top:0px; right:0; overflow:hidden; width:100%; height:100%; text-indent:150%; white-space:nowrap; background:none; }
.selectDesign button:after { content:""; position:absolute; top:15px; right:4px; width:0; height:0; border-style:solid; margin:0 6px; border-width:5px 5px 0 5px; border-color:#666 transparent transparent transparent; vertical-align:2px; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.selectDesign .now { height:34px; font-size:14px; line-height:34px; cursor:pointer; }
.selectDesign .selectList { display:none;position:absolute; top:40px;width:100%;height:auto;padding:7px 0; left:-1px;   border:1px solid #e3e3e3; opacity:1; background:#fff;box-sizing: border-box; }
.selectDesign .selectList li{width:100%;}
.selectDesign .selectList li a {display:block; font-size:14px; color:#a4a4a4; padding:8px 14px; margin:0; line-height:20px;box-sizing: border-box; word-break:break-all; cursor:pointer; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.selectDesign .selectList li a:hover { text-decoration:none; color:rgba(0, 0, 0, 0.8); background:#fbfbfb; }
.selectDesign.show { z-index:10; }
.selectDesign.show button:after { -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.selectDesign.show .selectList { display:block; }
.selectDesign.hide { display:none; border:0; visibility:hidden; position:absolute; z-index:-100; }
.selectDesign.full { width:100%; }



.btnCalendar { display:inline-block; position:relative; overflow:hidden; width:36px; height:30px; box-sizing:border-box; border:1px solid #d4d4d4; vertical-align:top; text-indent:120%; white-space:nowrap;  -webkit-transition:border .3s ease-out; transition:border .3s ease-out; }
.btnCalendar:before { content:""; display:inline-block; position:absolute; top:0; left:0; width:18px; height:18px; margin-top:0;  background: url(../images/btn-calendar.png)no-repeat; }
.btnCalendar { margin-left:-5px; }