@charset "utf-8";
* {
}
body {
  *word-break: break-all;
  -ms-word-break: break-all;
  color: #666;
  font-family: gulim, sans-serif;
  font-size: 12px;
  line-height: 1.8em;
  margin: 0em;
  padding: 0em;
  text-align: left;
}
img {
  border: 0em none;
}
li {
  list-style: none;
}
hr {
  display: none;
}
legend {
  *width: 0em;
}
@media print {
  body {
    color: #000;
  }
}
label {
  cursor: pointer;
  display: inline-block;
  padding: 1px 8px 1px 2px;
}
ul,
li,
dl,
dt,
dd,
p {
  margin: 0em;
  padding: 0em;
}
.png24 {
  tmp: expression(setPng24(this));
}
.sml_text,
a.sml_text {
  font-size: 11px;
}
.sml_text_en,
a.sml_text_en {
  color: #999;
  font-family: tahoma, arial;
  font-size: 10px;
}
.gap {
  height: 20px;
  clear: both;
}
.f_left {
  float: left !important;
}
.f_right {
  float: right !important;
}
.text-align-c {
  text-align: center !important;
}
.text-align-l {
  text-align: left !important;
}
.text-align-r {
  text-align: right !important;
}
.clr {
  clear: both;
}

.text-primary {
  color: #ff6353 !important;
}

.gap_line {
  height: 1em;
}
.gap_line2 {
  height: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid #eee;
}
.color_orange {
  color: #f63;
}
.color_blue {
  color: #06f;
}
.color_red {
  color: #f00;
}
.color_black {
  color: #000;
}
.color_darkgray {
  color: #666;
}
.color_whitegray {
  color: #ededed;
}
.color_yellow {
  color: #ff0;
}
.gap {
  height: 40px;
}
.notice {
  background: #fff8f0;
  border: 1px dotted #ffca95;
  color: #888;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 18px;
  margin: 4px 0em;
  padding: 3px;
}
.notice2 {
  background: #f3f8f8;
  border: 1px dotted #b8e0de;
  color: #888;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 18px;
  margin: 4px 0em;
  padding: 3px;
}
.notice3 {
  background: #fff8fe;
  border: 1px dotted #f4d1ef;
  color: #888;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 18px;
  margin: 4px 0em;
  padding: 3px;
}
.notice b {
  color: #f60;
}
.notice_box {
  margin-top: 20px;
  clear: both;
  border: 1px dotted #33ccff;
  background: #eefbfd;
  padding: 15px;
  text-align: center;
  font-family: arial;
  font-size: 12px;
}
.pointer {
  cursor: pointer;
}
form {
  margin: 0em;
  padding: 0em;
}
fieldset {
  border: none;
}
select {
  color: #777;
  padding: .4em .8em;
}
textarea {
  border: #dbdbdb 1px solid;
  color: #575757;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 5px;
  scrollbar-3dlight-color: #dbdbdb;
  scrollbar-arrow-color: #dbdbdb;
  scrollbar-bace-color: #dbdbdb;
  scrollbar-darkshadow-color: #fff;
  scrollbar-face-color: #f7f7f7;
  scrollbar-highlight-color: #f7f7f7;
  scrollbar-shadow-color: #dbdbdb;
}
input.input_focus {
  border: 2px solid #8b9dfd;
  padding: 1px;
}
.box {
  border: #dcdde3 1px solid;
  color: #eee;
}
.input_select {
  background-color: #fbfbfb;
  border: 1px solid #dcdde3;
  color: #666;
  letter-spacing: 0em;
}
.blind,
legend {
  display: block;
  left: 0em;
  overflow: hidden;
  position: absolute;
  top: -5000px;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"] {
  background-image: linear-gradient(top, #fcfcfc, #fff);
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border: 1px solid #ddd;
  color: #555;
  display: inline-block;
  font: normal 1em/2em gulim;
  margin-right: -1px;
  padding: 0.4em 1em;
  text-decoration: none;
  white-space: nowrap;
  background-color: #ffffff;
}
input[type="text"]:focus,
input[type="password"]:focus {
  background: #feffef;
}
input[type="radio"],
.input_radio {
  *vertical-align: 3px;
  height: 13px;
  vertical-align: -3px;
  width: 13px;
}
input[type="checkbox"],
.myorder input[type="text"] {
  font-size: 11px;
  font-family: arial;
  color: #888;
  padding-left: 10px !important;
}
.input_checkbox {
  *vertical-align: 3px;
  height: 13px;
  vertical-align: -3px;
  width: 13px;
}
.button {
  background-color: #fff;
  background-image: linear-gradient(top, #fff, #fafafa);
  border-left: 1px solid #f6f6f6;
  border-top: 1px solid #f6f6f6;
  border: 1px solid #ededed;
  color: #999;
  cursor: pointer;
  display: inline-block;
  font: normal 1em/2em gulim;
  padding: 0em 1em;
  text-decoration: none;
  white-space: nowrap;
}
.button:hover {
  background-color: #fff;
  background-image: linear-gradient(top, #f1f1f1, #fff);
  border: 1px solid #ddd;
  color: #222;
}
a.orange-button,
input.orange-button {
  -moz-border-radius: 20px;
  -moz-box-shadow: 0em 1px 2px #d9d9d9, inset 0em 1px 0em #ffe598;
  -webkit-border-radius: 20px;
  -webkit-box-shadow: 0em 1px 2px #d9d9d9, inset 0em 1px 0em #ffe598;
  background-color: #feda71;
  background-image: linear-gradient(top, #feda71, #febb49);
  border-bottom-color: #d6982f;
  border-radius: 20px;
  border-top-color: #f5b74e;
  border: 1px solid #e7a943;
  box-shadow: 0em 1px 2px #d9d9d9, inset 0em 1px 0em #ffe598;
  color: #623f1d;
  cursor: pointer;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=' #feda71', EndColorStr=' #febb49');
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 5px 20px;
  text-decoration: none;
  text-shadow: 0em 1px #fede9d;
  white-space: nowrap;
}
a:hover.orange-button,
input:hover.orange-button {
  background-color: #fee296;
  background-image: linear-gradient(top, #fee296, #fec166);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=' #fee296', EndColorStr=' #fec166');
}
a.btn_big {
  background: url("/bbs/images/button/bg_btn_default.gif") no-repeat 100% 0em;
  color: #444;
  display: inline-block;
  font-size: 12px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_big span,
a.btn_big strong {
  background: url("/bbs/images/button/bg_btn_default.gif") no-repeat;
  display: block;
  padding: 4px 8px 4px 12px;
  text-align: center;
}
a.btn_sml {
  background: url("/bbs/images/button/bg_btn_default.gif") no-repeat 100% -27px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_sml span,
a.btn_sml strong {
  background: url("/bbs/images/button/bg_btn_default.gif") no-repeat 0em -27px;
  display: block;
  font-size: 11px;
  padding: 2px 4px 2px 8px;
  text-align: center;
}
a.btn_big_green {
  background: url("/bbs/images/button/bg_btn_green.gif") no-repeat 100% 0em;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_big_green span,
a.btn_big_green strong {
  background: url("/bbs/images/button/bg_btn_green.gif") no-repeat;
  color: #fff;
  display: block;
  padding: 4px 8px 4px 12px;
  text-align: center;
}
a.btn_sml_green {
  background: url("/bbs/images/button/bg_btn_green.gif") no-repeat 100% -27px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_sml_green span,
a.btn_sml_green strong {
  background: url("/bbs/images/button/bg_btn_green.gif") no-repeat 0em -27px;
  color: #fff;
  display: block;
  font-size: 11px;
  padding: 2px 4px 2px 8px;
  text-align: center;
}
a.btn_big_black {
  background: url("/bbs/images/button/bg_btn_black.gif") no-repeat 100% 0em;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_big_black span,
a.btn_big_black strong {
  background: url("/bbs/images/button/bg_btn_black.gif") no-repeat;
  color: #fff;
  display: block;
  padding: 4px 8px 4px 12px;
  text-align: center;
}
a.btn_sml_black {
  background: url("/bbs/images/button/bg_btn_black.gif") no-repeat 100% -27px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_sml_black span,
a.btn_sml_black strong {
  background: url("/bbs/images/button/bg_btn_black.gif") no-repeat 0em -27px;
  color: #fff;
  display: block;
  font-size: 11px;
  padding: 2px 4px 2px 8px;
  text-align: center;
}
a.btn_big_orange {
  background: url("/bbs/images/button/bg_btn_orange.gif") no-repeat 100% 0em;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_big_orange span,
a.btn_big_orange strong {
  background: url("/bbs/images/button/bg_btn_orange.gif") no-repeat;
  color: #fff;
  display: block;
  padding: 4px 8px 4px 12px;
  text-align: center;
}
a.btn_sml_orange {
  background: url("/bbs/images/button/bg_btn_orange.gif") no-repeat 100% -27px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  padding-right: 4px;
  text-decoration: none !important;
  white-space: nowrap;
  word-spacing: -1px;
}
a.btn_sml_orange span,
a.btn_sml_orange strong {
  background: url("/bbs/images/button/bg_btn_orange.gif") no-repeat 0em -27px;
  color: #fff;
  display: block;
  font-size: 11px;
  padding: 2px 4px 2px 8px;
  text-align: center;
}
a.btn1 {
  background: transparent url("/bbs/images/button/bg_btn1.gif") no-repeat 100%
    0em;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none !important;
  white-space: nowrap;
}
a.btn1 span {
  background: transparent url("/bbs/images/button/bg_btn1.gif") no-repeat;
  color: #666;
  display: block;
  font-size: 11px;
  letter-spacing: -1px;
  min-width: 50px;
  padding: 2px 3px 3px 15px;
  text-align: center;
  word-spacing: -1px;
}
a.btn1:hover {
  background-position: 100% -30px;
}
a.btn1:hover span {
  background-position: 0em -30px;
  color: #fff;
}
a.btn1:active {
  background-position: 100% -60px;
}
a.btn1:active span {
  background-position: 0em -60px;
  color: #fff;
}
.progress {
  background: url("/bbs/images/common/bg_progress.gif");
  border-right: 1px solid #e3e3e3;
  font-size: 11px;
  height: 25px;
  letter-spacing: -1px;
  line-height: 15px;
  overflow: hidden;
}
.progress .tit {
  background: url("/bbs/images/common/bg_progress_tit.gif") no-repeat;
  color: #fff;
  float: left;
  height: 20px;
  line-height: 15px;
  margin: 0em;
  padding: 5px 0em 0em;
  position: relative;
  text-align: center;
  width: 74px;
  z-index: 1000;
}
.progress ol {
  float: left;
  margin: 0em;
  padding: 0em;
}
.progress li,
.progress li span {
  background: url("/bbs/images/common/bg_progress_item.gif") no-repeat;
  white-space: nowrap;
}
.progress li {
  background-position: -287px 0em;
  float: left;
  margin: 0em 0em 0em -13px;
  padding: 0em 0em 0em 13px;
}
.progress li span {
  background-position: 100% top;
  display: inline-block;
  font-size: 11px;
  height: 20px;
  padding: 5px 28px 0em 13px;
}
.progress li.on {
  background-position: 0em 100%;
  color: #fff;
  position: relative;
  z-index: 10;
}
.progress li.on span {
  background: url("/bbs/images/common/bg_progress_item.gif") no-repeat 100% 100%;
  color: #fff;
}
.progress li.last,
.progress li.last span {
  background: none;
}
.progress .right {
  color: #444;
  position: absolute;
  right: 10px;
  top: 6px;
}
.tbl_type {
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  width: 100%;
}
.tbl_type caption {
  background: url("/bbs/images/common/iconAdd.gif") 0em 11px no-repeat;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0em 5px 15px;
  text-align: left;
}
.tbl_type th {
  border-bottom: 1px solid #eee;
  color: #999;
  font-weight: normal;
  padding: 8px 2px;
}
.tbl_type td {
  border-top: 1px solid #f7f7f7;
  padding: 7px 2px;
}
.tbl_type td.bold {
  color: #09f;
  font-weight: bold;
}
.tbl_type .info {
  color: #ccc;
  float: right;
  font-size: 11px;
  padding-right: 10px;
}
.tbl_type .somb2_ {
  float: left;
  padding: 0em 6px 6px 0em;
}
.tbl_type .somb2_ a img {
  border: 1px solid #f2f3f4;
}
.tbl_type .somb2_ a:hover img {
  border: 1px solid #ddd;
}
.tbl_type .wztext {
  padding-top: 7px;
}
.tbl_type .wztext a {
  color: #555;
}
.tbl_type .wztext a:hover {
  color: #000;
}
.tbl_type .wztext b {
  color: #4f77c0;
  font-family: tahoma, arial;
  font-weight: normal;
}
.tbl_type .txt_l {
  text-align: left;
}
.tbl_type .txt_r {
  text-align: right;
}
.table2 {
  background: #fafbf9;
  border: 1px solid #ededed;
  border-top-color: #44b3e6;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}
.table2 th {
  border-bottom: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  color: #999;
  font-weight: normal;
  padding: 8px 10px;
}
.table2 td {
  background: #fff;
  border-bottom: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  color: #666;
  padding: 5px 10px;
}
.table2 thead th,
.table2 tfoot th,
.table2 tfoot td {
  border-bottom: 1px solid #dddddd;
}
.table2 .required {
  color: #519ac7;
}
.table2 .info {
  color: #95b2cf;
  font-size: 11px;
  letter-spacing: -1px;
}
.table2 b {
  color: #519ac7;
}
.table5 {
  background-color: #ffffff;
  border: 1px solid #ededed;
  text-align: left;
  width: 100%;
}
.table5 th {
  background-color: #fafbf9;
  text-align: center;
  color: #464854;
  font-size: 12px;
  padding: 10px 5px;
}
.table5 td {
  background-color: #ffffff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
}
.overtable {
  border: 1px solid #ededed;
}
.overtable > tbody > tr:nth-child(1) > td {
  background-color: #f8f9fa;
  font-size: 12px;
  font-weight: 700;
  color: #464854;
  text-align: center;
  padding: 10px 0px;
}
.overtable > tbody > tr:nth-child(2) > td:first-child,
.overtable > tbody > tr:nth-child(3) > td:first-child {
  background-color: #f8f9fa;
  text-align: center;
  padding: 10px 0px;
  font-size: 12px;
  font-weight: 700;
}
.overtable > tbody > tr:nth-child(3) > td:first-child {
  color: #ff4e50;
}
.overtable > tbody > tr:nth-child(3) > td:not(:first-child) {
  background-color: #fff6f6;
}
.overtable td {
  text-align: center;
}
.con_ripple {
  margin-bottom: 15px;
  width: 100%;
}
.table3 {
  border-top: 1px dotted #aaa;
  width: 100%;
}
.table3 th {
  border-bottom: 1px solid #f2f3f4;
  color: #999;
  font-family: arial;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.03em;
  padding: 5px 0em;
  text-align: right;
}
.table3 td {
  padding: 8px 0em;
  word-break: normal;
}
.table3 td.num {
  color: #95cce0;
  font-family: Varela, Times, serif;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.table4 {
  border: 1px solid #ededed;
}
.table4 th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ececec;
  border: 1px solid #fff;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 6px;
  padding: 10px;
  text-align: left;
}
.table4 th.selected {
  background: #edf3f6;
  border: 1px solid #cdd4dc;
}
.table4 td {
  color: #999;
  font-size: 11px;
  padding: 4px 10px;
}
.schedule {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border: 1px solid #ededed;
  width: 100%;
}
.schedule caption {
  color: #333;
  font-weight: bold;
  padding-bottom: 10px;
}
.schedule th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ececec;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  padding: 7px 8px;
  text-align: center;
}
.schedule td {
  border-bottom: 1px dotted #ececec;
  border-right: 1px dotted #ececec;
  color: #999;
  font-size: 11px;
  min-height: 70px;
  padding: 4px 8px;
  vertical-align: top;
}
.schedule td.bg1 {
  background: #fff;
}
.schedule td.bg2 {
  background: #f9f9f9;
}
.schedule td.bg3 {
  border: 1px solid #f90;
}
.schedule .done {
  color: #ccc;
}
.schedule td a.red {
  color: #f00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.schedule td a.cyan {
  color: #254ca7;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.schedule td a.black {
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.badge-staff {
  display: inline-block;
  background: #aaaaaa;
  border-radius: 1em;
  font-size: 11px;
  letter-spacing: -1px;
  padding: 1px 3px;
  color: #ffffff !important;
  margin-right: 2px;
}
.badge-staff-0 {
  background: #999;
}
.badge-staff-1 {
  background: #555;
}
.badge-staff-2 {
  background: #f39800;
}
.badge-staff-3 {
  background: #22ac38;
}
.badge-staff-4 {
  background: #d59feb;
}
.badge-staff-5 {
  background: #e4007f;
}
.badge-staff-6 {
  background: #ba7b01;
}
.badge-staff-7 {
  background: #a40000;
}
.badge-staff-8 {
  background: #0075a9;
}
.badge-staff-9 {
  background: #f39800;
}
.badge-staff-10 {
  background: #358b82;
}
.badge-staff-11 {
  background: #1d85e6;
}
.badge-staff-12 {
  background: #7962ff;
}
.badge-staff-13 {
  background: #10c0a1;
}
.badge-staff-14 {
  background: #f773b7;
}
.badge-staff-16 {
  background: #f1ae7b;
}
.badge-staff-17 {
  background: #f26d5b;
}
.badge-staff-20 {
  background: #286aff;
}
.badge-staff-21 {
  background: #f6a9bd;
}
.badge-staff-22 {
  background: #fbd14b;
}
.badge-staff-24 {
  background: #79a8a9;
}
.badge-staff-25 {
  background: #fab4c3;
}
.badge-staff-26 {
  background: #ba7b01;
}
.badge-staff-27 {
  background: #2c6966 !important;
}
.badge-staff-28 {
  background: #3D3F64 !important;
}
.badge-staff-29 {
  background: #9457eb;
}
.badge-staff-30 {
  background: #49abf7;
}
.badge-staff-31 {
    background: #0a4d80;
  }
.badge-staff-32 {
  background: #3F827D;
}
.badge-staff-33 {
  background: #2dbf76;
}
.badge-staff-34 {
  background: #db6204;
}
.badge-staff-35 {
  background: #0b50a2;
}
.badge-staff-36 {
  background: #E67226;
}
.badge-staff-40 {
  background: #a2e9ff;
}
.badge-staff-43 {
    background: #015247;
}
.badge-staff-44 {
    background: #3c75d3;
}
.badge-staff-45 {
    background: #ffca95;
}
.badge-staff-46 {
    background: #0080ff;
}
.badge-staff-47 {
    background: #1392a9;
}
.badge-staff-50 {
    background: #44d7be;
}
.badge-staff-51 {
    background: #d99dff;
}
.badge-staff-52 {
  background: #f39800;
}
.badge-staff-53 {
  background: #22ac38;
}
.badge-staff-54 {
  background: #d59feb;
}
.badge-staff-55 {
  background: #e4007f;
}
.badge-staff-56 {
  background: #ba7b01;
}
.badge-staff-57 {
  background: #a40000;
}
.badge-staff-58 {
  background: #0075a9;
}
.badge-staff-59 {
  background: #f39800;
}
.badge-staff-60 {
  background: #c81339;
}


.badge-task-0 {
  background: #999;
}
.badge-task-1 {
  background: #555;
}
.badge-task-2 {
  background: #f39800;
}
.badge-task-3 {
  background: #f199bc;
}
.badge-task-4 {
  background: #ef9e9f;
}
.badge-task-5 {
  background: #e4007f;
}
.badge-task-6 {
  background: #ba7b01;
}
.badge-task-7 {
  background: #9dc8c8;
}
.badge-task-8 {
  background: #0075a9;
}
.badge-task-9 {
  background: #f39800;
}
.badge-task-10 {
  background: #84b1ed;
}
.badge-task-11 {
  background: #ffbbd6;
}
.badge-task-12 {
  background: #fab1ce;
}
.badge-task-13 {
  background: #f199bc;
}
.badge-task-14 {
  background: #fc9d9a;
}
.badge-task-15 {
  background: #ff4e50;
}
.badge-task-16 {
  background: #bd1550;
}
.badge-task-17 {
  background: #9dc8c8;
}
.badge-task-18 {
  background: #0075a9;
}
.badge-task-19 {
  background: #f39800;
}
.badge-task-20 {
  background: #84b1ed;
}
.badge-task-21 {
  background: #ec6a5c;
}
.badge-task-22 {
  background: #fbd14b;
}
.badge-task-23 {
  background: #af4034;
}
.badge-task-24 {
  background: #79a8a9;
}
.badge-task-25 {
  background: #e4007f;
}
.badge-task-26 {
  background: #ba7b01;
}
.badge-task-27 {
  background: #9dc8c8;
}
.badge-task-28 {
  background: #0075a9;
}
.badge-task-29 {
  background: #f39800;
}
.badge-task-30 {
  background: #84b1ed;
}
.badge-task-31 {
  background: #cff09e;
}
.badge-task-32 {
  background: #a8dba8;
}
.badge-task-33 {
  background: #79bd9a;
}
.badge-task-34 {
  background: #3b8686;
}
.badge-task-35 {
  background: #e4007f;
}
.badge-task-36 {
  background: #ba7b01;
}
.badge-task-37 {
  background: #9dc8c8;
}
.badge-task-38 {
  background: #0075a9;
}
.badge-task-39 {
  background: #f39800;
}
.badge-task-40 {
  background: #84b1ed;
}
.badge-task-41 {
  background: #a3daff;
}
.badge-task-42 {
  background: #1ec0ff;
}
.badge-task-43 {
  background: #03a6ff;
}
.badge-task-44 {
  background: #0080ff;
}
.badge-task-45 {
  background: #e4007f;
}
.badge-task-46 {
  background: #ba7b01;
}
.badge-task-47 {
  background: #9dc8c8;
}
.badge-task-48 {
  background: #0075a9;
}
.badge-task-49 {
  background: #f39800;
}

.badge-state-0 {
  background: #89c997;
}
.badge-state-1 {
  background: #555;
}
.badge-state-2 {
  background: #f39800;
}
.badge-state-3 {
  background: #22ac38;
}
.badge-state-4 {
  background: #11ccc0;
}
.badge-state-5 {
  background: #e4007f;
}
.badge-state-6 {
  background: #ba7b01;
}
.badge-state-7 {
  background: #a40000;
}
.badge-state-8 {
  background: #0075a9;
}
.badge-state-9 {
  background: #f39800;
}
.badge-state-10 {
  background: #358b82;
}

.text-state-0 {
  color: #89c997;
}
.text-state-1 {
  color: #555;
}
.text-state-2 {
  color: #f39800;
}
.text-state-3 {
  color: #22ac38;
}
.text-state-4 {
  color: #11ccc0;
}
.text-state-5 {
  color: #e4007f;
}
.text-state-6 {
  color: #ba7b01;
}
.text-state-7 {
  color: #a40000;
}
.text-state-8 {
  color: #0075a9;
}
.text-state-9 {
  color: #f39800;
}
.text-state-10 {
  color: #358b82;
}

.schbox {
  background: url("/bbs/images/common/schbox.gif") no-repeat;
  height: 233px;
  overflow: hidden;
  text-align: center;
  width: 236px;
}
.sch_in {
  color: #666;
  margin: 0em auto;
  padding-top: 26px;
  width: 204px;
}
.sch_in b {
  color: #333;
  font-family: arial;
  font-size: 14px;
}
.schedule_mini {
  margin: 0em auto;
  padding-top: 4px;
  width: 206px;
}
.schedule_mini li {
  *margin: 1px 2px;
  background: #fff url("/bbs/images/common/schbg0.gif") 0em 0em no-repeat;
  color: #aaa;
  display: inline_block;
  float: left;
  font-family: arial;
  font-size: 10px;
  height: 16px;
  margin: 2px;
  text-align: center;
  width: 25px;
}
.schedule_mini li.selected {
  background: #fff url("/bbs/images/common/schbg1.gif") 0em 0em no-repeat;
  color: #222;
  cursor: pointer;
}
.schedule_mini li.red {
  color: #f30;
}
.schedule_mini li.blue {
  color: #4a9ae4;
}
.sch_state0 {
}
.sch_state1 {
  color: #eb6100;
}
.sch_state2 {
  color: #aaa;
}
.sch_state3 {
  color: #8fc31f;
}
.sch_state4 {
  color: #f1d202;
}
#sch_write_Layer,
#sch_read_Layer {
  background: #fff;
  border-radius: 1em;
  border: 30px solid #fff;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden auto;
  position: absolute;
  width: 1000px;
  z-index: 10000;
}
#over_write_Layer,
#over_read_Layer {
  background: #fff;
  border-radius: 1em;
  border: 30px solid #fff;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden auto;
  position: absolute;
  width: 1000px;
  z-index: 10000;
}
#waitingforserverresponse {
  background-color: #fff;
  border: 2px solid #444;
  color: #444;
  display: inline;
  font-weight: bold;
  left: 40px;
  padding: 15px 20px 13px;
  position: absolute;
  top: 40px;
  visibility: hidden;
  z-index: 100;
}
#fororiginalimageareabg {
  background-color: #fff;
  border: 8px solid #ddd;
  height: 100%;
  left: 0em;
  position: relative;
  top: 0em;
  width: 100%;
  z-index: 1001;
}
#fororiginalimagearea {
  height: 100%;
  left: 0em;
  margin: 0em;
  overflow: hidden;
  padding: 0em;
  position: absolute;
  text-align: left;
  top: 0em;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
#fororiginalimagearea2 {
  background: #fff;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0em;
  margin: 0em;
  overflow: hidden;
  padding: 0em;
  position: absolute;
  text-align: left;
  top: 0em;
  visibility: hidden;
  width: 100%;
  z-index: 900;
}
#fororiginalimage {
  z-index: 1002;
}
#fororiginalimageareabg .moreinfo {
  font-size: 11px;
  letter-spacing: -1px;
  padding-top: 9px;
}
#closeOriginalImageBtn {
  cursor: pointer;
  height: 12px;
  position: absolute;
  right: 8px;
  top: 5px;
  width: 50px;
  z-index: 1003;
}
#popup_menu_area {
  background-color: #fff;
  border: 2px solid #d9d9d9;
  left: 0em;
  padding: 0em;
  position: absolute;
  top: 0em;
  visibility: hidden;
  z-index: 1003;
}
#popup_menu_area .box {
  background-color: #fff;
  border: 1px solid #cacaca;
  line-height: 22px;
  padding: 7px;
}
#popup_menu_area .item {
  color: #333;
  cursor: pointer;
  height: 22px;
  margin: 0em;
  padding: 3px 0em;
  white-space: nowrap;
}
#popup_menu_area .item_on {
  color: #333;
  cursor: pointer;
  font-weight: bold;
  height: 22px;
  letter-spacing: -1px;
  margin: 0em;
  padding: 3px 0em;
  white-space: nowrap;
}
.view_box {
  border: 2px solid #ccc;
  margin-bottom: 12px;
}
.view_box .guide {
  position: relative;
  width: 100%;
}
.view_box .tl {
  background: url("/bbs/images/common/bg_rndbox.gif") no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 7px;
}
.view_box .tr {
  background: url("/bbs/images/common/bg_rndbox.gif") 100% 0em no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -5px;
  margin-left: 100%;
  position: absolute;
  top: -2px;
  width: 7px;
}
.view_box .lb {
  background: url("/bbs/images/common/bg_rndbox.gif") 0em 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -2px;
  position: absolute;
  top: -5px;
  width: 7px;
}
.view_box .rb {
  background: url("/bbs/images/common/bg_rndbox.gif") 100% 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -5px;
  margin-left: 100%;
  position: absolute;
  top: -5px;
  width: 7px;
}
.view_box .cont {
  padding: 10px 10px 19px 24px;
  position: relative;
}
.view_box2 {
  border: 2px solid #ccc;
  margin-bottom: 12px;
  padding: 2px;
}
.view_box2 .guide {
  position: relative;
  width: 100%;
}
.view_box2 .tl {
  background: url("/bbs/images/common/bg_rndbox2.gif") no-repeat;
  display: block;
  font-size: 0em;
  height: 9px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 9px;
}
.view_box2 .tr {
  background: url("/bbs/images/common/bg_rndbox2.gif") 100% 0em no-repeat;
  display: block;
  font-size: 0em;
  height: 9px;
  left: -5px;
  margin-left: 100%;
  position: absolute;
  top: -4px;
  width: 9px;
}
.view_box2 .lb {
  background: url("/bbs/images/common/bg_rndbox2.gif") 0em 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 9px;
  left: -4px;
  position: absolute;
  top: -5px;
  width: 9px;
}
.view_box2 .rb {
  background: url("/bbs/images/common/bg_rndbox2.gif") 100% 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 9px;
  left: -5px;
  margin-left: 100%;
  position: absolute;
  top: -5px;
  width: 9px;
}
.view_box2 .cont {
  border: 1px solid #ededed;
  padding: 10px 10px 19px 24px;
}
.view_box3 {
  border: 1px solid #d8dfe6;
  margin-bottom: 12px;
}
.view_box3 .guide {
  position: relative;
  width: 100%;
}
.view_box3 .tl {
  background: url("/bbs/images/common/bg_rndbox3.gif") no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box3 .tr {
  background: url("/bbs/images/common/bg_rndbox3.gif") 100% 0em no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box3 .lb {
  background: url("/bbs/images/common/bg_rndbox3.gif") 0em 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box3 .rb {
  background: url("/bbs/images/common/bg_rndbox3.gif") 100% 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box3 .cont {
  padding: 10px 10px 19px 24px;
  position: relative;
}
.view_box4 {
  border: 1px solid #eaeaea;
  margin-bottom: 12px;
}
.view_box4 .guide {
  position: relative;
  width: 100%;
}
.view_box4 .tl {
  background: url("/bbs/images/common/bg_rndbox4.gif") no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box4 .tr {
  background: url("/bbs/images/common/bg_rndbox4.gif") 100% 0em no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box4 .lb {
  background: url("/bbs/images/common/bg_rndbox4.gif") 0em 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box4 .rb {
  background: url("/bbs/images/common/bg_rndbox4.gif") 100% 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box4 .cont {
  padding: 10px 10px 19px 24px;
  position: relative;
}
.view_box5 {
  border: 1px solid #eaeaea;
  margin-bottom: 12px;
}
.view_box5 .guide {
  position: relative;
  width: 100%;
}
.view_box5 .tl {
  background: url("/bbs/images/common/bg_rndbox4.gif") no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box5 .tr {
  background: url("/bbs/images/common/bg_rndbox4.gif") 100% 0em no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box5 .lb {
  background: url("/bbs/images/common/bg_rndbox4.gif") 0em 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box5 .rb {
  background: url("/bbs/images/common/bg_rndbox4.gif") 100% 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box5 .cont {
  padding: 10px 10px 19px 24px;
  position: relative;
}
.view_box6 {
  border: 1px solid #cdd4dc;
  margin-bottom: 12px;
}
.view_box6 .guide {
  position: relative;
  width: 100%;
}
.view_box6 .tl {
  background: url("/bbs/images/common/bg_rndbox6.gif") no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box6 .tr {
  background: url("/bbs/images/common/bg_rndbox6.gif") 100% 0em no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -1px;
  width: 7px;
}
.view_box6 .lb {
  background: url("/bbs/images/common/bg_rndbox6.gif") 0em 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -1px;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box6 .rb {
  background: url("/bbs/images/common/bg_rndbox6.gif") 100% 100% no-repeat;
  display: block;
  font-size: 0em;
  height: 7px;
  left: -6px;
  margin-left: 100%;
  position: absolute;
  top: -6px;
  width: 7px;
}
.view_box6 .cont {
  padding: 10px 8px 15px;
  position: relative;
}
.img_box {
  background: #fff;
  border: 1px solid #ededed;
  margin-bottom: 10px;
}
.add_msg {
  background: #f0ffff;
  border: 1px dotted #d2ffff;
  font-size: 11px;
  letter-spacing: -1px;
  padding: 4px 15px;
}
.paginate {
  padding: 15px 0em;
  text-align: center;
}
.paginate * {
  margin: 0em;
  padding: 0em;
}
.paginate a,
.paginate strong {
  display: inline-block;
  line-height: normal;
  margin-right: -6px;
  padding: 3px 10px 2px 11px;
  text-decoration: none !important;
  position: relative;
  font-size: 12px;
}
.paginate strong {
  color: #ff1315 !important;
}
.paginate a:hover,
.paginate a:active,
.paginate a:focus {
}
.paginate a.pre,
.paginate a.pre_end,
.paginate a.next,
.paginate a.next_end {
}
.paginate a.pre {
  padding: 4px 10px 2px 17px;
}
.paginate a.pre_end {
  padding: 4px 10px 2px 16px;
}
.paginate a.next {
  padding: 4px 18px 2px 11px;
}
.paginate a.next_end {
  padding: 4px 16px 2px 9px;
}
span.customStyleSelectBox {
  background-color: #fff;
  background: #fff url("/bbs/images/common/selectBox_spr.gif") no-repeat center
    right;
  border: 1px solid #ddd;
  color: #5f5f5f;
  padding: 1px 4px;
}
span.customStyleSelectBox.changed {
  background-color: #f2f3f4;
}
.customStyleSelectBoxInner {
  white-space: nowrap;
}
.customStyleSelectBorderStrong {
  border-color: #000;
}
.info_box {
  background: #fdf4ea;
  border: 1px solid #f90;
  padding: 5px;
}
ul.tabs {
  background: #;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  float: left;
  list-style: none;
  margin: 10px auto;
  padding: 0em;
  width: 100%;
}
ul.tabs li {
  display: block;
  float: left;
  line-height: 36px;
  margin: 0em;
  padding: 0em;
}
ul.tabs li a {
  color: #999;
  display: block;
  font-family: "Oxygen", "맑은 고딕", sans-serif;
  outline: none;
  padding: 0 1em;
  text-decoration: none;
  border-right: 1px solid #ededed;
}
ul.tabs li a:hover {
  color: #f30;
}
ul.tabs li.on a,
ul.tabs li.on a:hover {
  background: #fafafa;
  color: #f30;
}
.btn_area {
  padding: 20px 0em;
}
.btn_normal {
  *height: 26px;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  background-color: #fff !important;
  background-image: linear-gradient(top, #fff, #fafafa);
  background-repeat: repeat-x;
  border-bottom-color: #c9c9c9 !important;
  border-radius: 0.3em;
  border-right-color: #c9c9c9 !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0em 2px 1px 0em rgba(0, 0, 0, 0.1);
  color: #767676 !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold !important;
  height: 24px;
  letter-spacing: -1px;
  line-height: 26px;
  margin: 0em 1px;
  padding: 0em 18px;
  text-decoration: none;
  transition: all 0.2s ease;
}
input[type="submit"].btn_normal,
input[type="reset"].btn_normal {
  *height: 28px;
  height: 26px;
}
.btn_normal.orange {
  background-color: #ff6b09 !important;
  background-image: linear-gradient(top, #ff7316, #ff6b09);
  background-repeat: repeat-x;
  border: 1px solid #ff6809 !important;
  color: #fff !important;
}
.btn_normal.dark_gray {
  background-color: #484848 !important;
  background-image: linear-gradient(top, #636363, #484848);
  background-repeat: repeat-x;
  border: 1px solid #535252 !important;
  color: #fff !important;
}
.btn_normal.on {
  background-color: #1f9cdf !important;
  background-image: linear-gradient(top, #1f9cdf, #0079ca);
  background-repeat: repeat-x;
  border: 1px solid #0079ca !important;
  color: #fff !important;
}
.btn_normal:hover {
  background-color: #1e93d2 !important;
  background-image: linear-gradient(top, #1e93d2, #1f9cdf);
  background-repeat: repeat-x;
  border-color: #1e93d2 !important;
  color: #fff !important;
  text-decoration: none;
}
.box_info {
  background: #fafafa;
  border-radius: 0.4em;
  border: 1px solid #ddd;
  margin: 5px 0em;
  padding: 10px;
}

#backtotop {
  filter: alpha(opacity=50);
  transition: 0.3s;
  opacity: 0.5;
  background: #333333 url(/bbs/images/common/sprite.png) 0px -60px no-repeat;
  border-radius: 3px 3px;
  bottom: 0;
  display: none;
  height: 30px;
  position: fixed;
  z-index: 10;
  bottom: 60px;
  right: 10px;
  width: 30px;
}
#backtotop:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: #000000;
}

.box_holder {
}
.box_holder h1 {
  font-size: 18px;
  font-weight: bold;
  color: #444;
}
.box_map {
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 20px;
  text-align: center;
  width: 45%;
  margin: 10px;
  float: left;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  min-height: 400px;
}
.box_map dl {
  padding: 0;
  margin: 0;
  list-style: none;
}
.box_map dt {
  font-size: 13px;
  font-weight: bold;
}
.box_map span {
  display: inline-block;
  width: 70px;
}
.box_map dd span {
  color: #aaa;
}
.box_map dt strong {
  color: #ff0033;
  font-size: 16px;
}
.box_map .mag {
  border: 1px solid #94e4ed;
  background: #eefbfd;
  padding: 15px;
  margin-top: 20px;
}

.block-term {
  border: 1px solid #ccc;
  background: #fafbf9;
  padding: 20px;
  text-align: center;
  margin: 10px;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  min-height: 300px;
}
.block-term h1 {
  font-size: 18px;
  font-weight: bold;
  color: #444;
}
/* select box */
section#section_select {
  margin-bottom: 5px;
}
section#section_select:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#section_select .zelect {
  display: inline-block;
  background-color: white;
  min-width: 700px;
  cursor: pointer;
  line-height: 36px;
  border: 1px solid #dbdece;
  border-radius: 6px;
  position: relative;
}
#section_select .zelected {
  font-weight: bold;
  padding-left: 10px;
  line-height: 36px;
}
#section_select .zelected.placeholder {
  color: #999f82;
}
#section_select .zelected:hover {
  border-color: #c0c4ab;
  box-shadow: inset 0px 5px 8px -6px #dbdece;
}
#section_select .zelect.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#section_select .dropdown {
  background-color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #dbdece;
  border-top: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 36px;
  z-index: 2;
  padding: 3px 5px 3px 3px;
  line-height: 36px;
}
#section_select .dropdown input {
  font-family: sans-serif;
  outline: none;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #dbdece;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 0 7px 10px;
}
#section_select .dropdown ol {
  padding: 0;
  margin: 3px 0 0 0;
  list-style-type: none;
  max-height: 700px;
  overflow-y: scroll;
}
#section_select .dropdown li {
  padding-left: 10px;
  line-height: 36px;
}
#section_select .dropdown li.current {
  background-color: #e9ebe1;
}
#section_select .dropdown .no-results {
  margin-left: 10px;
}

.actionBtn5 {
  margin: 0 1px 1px 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 160px;
  height: 50px;
  border: 1px solid #1996cf;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 46px;
  color: #1996cf;
  font-size: 12px;
  font-family: oswald;
  text-decoration: none !important;
  text-transform: uppercase;
}
.actionBtn5 span {
  display: block;
  text-decoration: none !important;
}
.actionBtn5 .hover:after {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  display: block;
  content: "";
  width: 0%;
  height: 50px;
  background-color: #1996cf;
  border: 1px solid transparent;
  transform: skewX(-40deg);
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -moz-transform-origin: center center;
  transition: all 0.35s, opacity 0.4s;
  -webkit-transition: all 0.35s, opacity 0.4s;
  -moz-transition: all 0.35s, opacity 0.4s;
}
.actionBtn5 .hover .txt {
  z-index: 10;
  position: relative;
  color: #1996cf;
  transition: color 0.35s;
  -webkit-transition: color 0.35s;
  -moz-transition: color 0.35s;
}
.actionBtn5:hover .hover .txt {
  color: #fff;
}
.actionBtn5 .hover:hover:after {
  opacity: 1;
  left: 3%;
  width: 95%;
  transform: skewX(-40deg);
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  background: #ececec !important;
}
.bg-ck {
  background: #c1cfeb !important;
}
.bg-pointer {
  background: #ef5285;
  color: #fff;
  display: inline-block;
  padding: 0em 0.5em;
}
.btn-pointer {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, #1995cf),
    color-stop(1, #17ccb4)
  );
  background: -moz-linear-gradient(-45deg, #1995cf 0%, #17ccb4 100%);
  background: -webkit-linear-gradient(-45deg, #1995cf 0%, #17ccb4 100%);
  background: -o-linear-gradient(-45deg, #1995cf 0%, #17ccb4 100%);
  background: -ms-linear-gradient(-45deg, #1995cf 0%, #17ccb4 100%);
  background: linear-gradient(-45deg, #1995cf 0%, #17ccb4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1995cf', endColorstr='#17ccb4', gradientType=1);
  color: #fff;
  display: inline-block;
  padding: 0.6em 3em;
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: 200;
  transition: 0.3s;
}
.btn-pointer:hover {
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #17ccb4),
    color-stop(1, #1995cf)
  );
  background: -moz-linear-gradient(45deg, #17ccb4 0%, #1995cf 100%);
  background: -webkit-linear-gradient(45deg, #17ccb4 0%, #1995cf 100%);
  background: -o-linear-gradient(45deg, #17ccb4 0%, #1995cf 100%);
  background: -ms-linear-gradient(45deg, #17ccb4 0%, #1995cf 100%);
  background: linear-gradient(45deg, #17ccb4 0%, #1995cf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17ccb4', endColorstr='#1995cf', gradientType=1);
  color: #ffffff;
}

.clipboard {
  cursor: pointer;
  text-decoration: underline;
}
.clipboard_on {
  color: #e53a40;
  font-weight: bolder;
  letter-spacing: -1px;
}