@charset "utf-8";
/* CSS Document #E22E1E */
@import url("content.css");
@import url("bo_forms.css");
@import url("bo_popup.css");
@import url("bo_desplay.css");
/*
	font-family: 'Lora', serif;
	font-family: 'Roboto Slab', serif;
	*/
html {
  background: #EEE;
  font-family: 'Lora', serif;
}
body {
  overflow-y: scroll;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px;
  background: #FFF;
  font-family: 'Lora', serif;
}
.modal-open {
  overflow: hidden;
}
.tox-dialog__body img {}
.tox-dialog__body .tox-collection__item-icon {
  font-size: 3em !important;
  width: 57px !important;
  height: 58px !important;
}
h1 {
  font-size: 40px;
  font-weight: normal;
  padding: 0 0 3px 0;
  border-bottom: #DDD solid 1px;
  color: #666;
}
h2 {
  font-size: 30px;
  color: #666;
  padding: 2px 0 3px 3px;
  margin: 0;
}
p {
  margin: 0 0 1rem 0;
}
hr {
  border: none;
  color: #C5C5C5;
  background-color: #C5C5C5;
  height: 1px;
  width: 100%;
  text-align: left;
}
a {
  color: #999;
  text-decoration: none;
}
a:hover {
  color: #FFF;
}
a span {
  cursor: pointer;
  cursor: hand;
}
a img {
  border: none;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a.btn_full_width {
  margin-right: 0;
  width: 100%;
}
b, strong {
  font-weight: bold;
}
.spacer {
  display: block;
  height: 10px;
  clear: both;
}
.clear {
  clear: both;
}
.clear5 {
  clear: both;
  height: 5px;
}
.clear10 {
  clear: both;
  height: 10px;
}
.clear20 {
  clear: both;
  height: 20px;
}
.svgIcon {
  display: inline-block;
  margin-right: 15px;
}
.svgIcon svg {
  fill: #FFF;
}
/*wrapper layout */
#wrapper_main {
  position: relative;
}
#wrapper_left {
  position: fixed;
  width: 200px;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  background: #FFF;
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.375);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.375);
  z-index: 2000;  
  animation-timing-function: linear;
  -o-transition:margin .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-ms-transition:margin .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-moz-transition:margin .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
	-webkit-transition:margin .4s ease-out, background 0.3s ease-in, border 0.3s ease-in;
}
#wrapper_right {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-y: visible;
}
.wrapper_container, .wrapper_footer {
  padding: 0;
  margin-left: 200px;
}
#wrapper_left .logo {
  background: url(../image/bo/bo_logo.png) no-repeat;
  background-color: #27272A;
  width: 200px;
  height: 75px;
  z-index: 1;
}
/* Menu */
.wrapper_menu {
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% - 75px);
  background: #6c6d6f;
  overflow-y: scroll;
}
/* Body */
.white_box {
  background: #FFF;
  /*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  /*box-shadow: 0 1px 1px #999;
	-moz-box-shadow: 0 1px 1px #999;
	-webkit-box-shadow: 0 1px 1px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color='#999999');*/
}
.checkbox_table {
  border-top: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  border-left: #505050 solid 1px;
  border-right: #505050 solid 1px;
}
.checkbox_table input {
  float: left;
  margin: 4px 15px 0 0;
}
.checkbox_table label {
  width: auto;
}
.checkbox_table_header {
  padding: 6px 11px;
  background: #383838;
}
.checkbox_table_inner {
  overflow-x: hidden;
}
.checkbox_table_inner > div {
  border-bottom: #505050 solid 1px;
  background: #444;
  clear: both;
  height: 30px;
  padding: 4px 10px;
}
.spacer10 {
  float: left;
  width: 10px;
  height: 1px;
}
#media_content {
  display: none;
}
/* Footer */
.wrapper_footer {
  background: #EEE url(../image/bo/bo_back_footer.jpg) repeat-x;
}
.wrappper_contents {
  margin: 0 auto;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
}
.wrappper_contents .topic_main {
  color: #EEE;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 11px;
}
.wrappper_contents .link_box {
  padding-top: 15px;
  padding-left: 5px;
}
.wrappper_contents .link_box .item {
  float: left;
  width: 200px;
}
.wrappper_contents .link_box .item .f_topic {
  color: #DDD;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 7px;
}
.wrappper_contents .link_box .item a {
  color: #DDD;
  text-decoration: none;
  font-size: 11px;
  line-height: 17px;
}
.wrappper_contents .link_box .item a:hover {
  color: #06F;
}
.loading_box {
  padding: 20px;
  width: 150px;
  text-align: center;
  margin: auto;
  font-size: 20px;
  font-weight: bold;
  color: #CCC;
}
.topic {
  font-size: 25px;
  font-weight: normal;
  padding: 0;
  border-bottom: #DDD solid 1px;
  color: #666;
  margin-bottom: 20px;
  line-height: 40px;
  text-shadow: 1px 1px 2px #AAA;
}
.link_black {
  color: #000;
}
.link_black:hover {
  color: #06F;
}
.detail_left {
  float: left;
  width: 280px;
}
.detail_right {
  float: right;
  width: 462px;
}
.detail_img_small {
  float: left;
  background: url(../image/back_detail_small.jpg) no-repeat;
  width: 102px;
  height: 102px;
  padding: 6px;
  margin: 0 10px 20px 10px;
}
.detail_img_small img {
  width: 90px;
  height: 90px;
  width: expression(this.width > 90 ? 90: true);
  height: expression(this.height > 90 ? 90: true);
  cursor: pointer;
  cursor: hand;
}
.detail_img_large {
  background: url(../image/back_detail_large.jpg) no-repeat;
  width: 462px;
  height: 462px;
  padding: 6px;
}
.detail_img_large img {
  width: 450px;
  height: 450px;
  width: expression(this.width > 450 ? 450: true);
  height: expression(this.height > 450 ? 450: true);
  cursor: pointer;
  cursor: hand;
}
.detail_text {
  padding: 0 6px;
}
.detail_text .topic {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 10px;
}
.detail_splited {
  background: url(../image/back_detail_text.jpg) repeat-y;
}
.imgMainPreloader {
  display: none;
  position: absolute;
  width: 462px;
  height: 462px;
  background: url(../image/bo/64.gif) 50% 50% no-repeat;
}
.col_left {
  float: left;
  width: 180px;
}
.col_right {
  float: right;
  width: calc(100% - 280px);
  padding-top: 0;
}
#legend {
  margin: 0 30px;
  padding: 3px 0 0 0;
}
#legend span {
  position: relative;
  float: left;
  margin: 2px 0;
  padding-left: 25px;
  margin-right: 30px;
  line-height: 19px;
}
#legend span:before {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  left: 3px;
  top: 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#legend span.leg_active:before {
  background: #CBC9C9;
}
#legend span.leg_deactive:before {
  background: #EF4444;
}
#legend span.leg_pending:before {
  background: #D0E7F4;
}
#legend span.leg_expire:before {
  background: #FFBE33;
}
#legend span.leg_ready:before {
  background: #C0FFD3;
}
#legend span.leg_success:before {
  background: #2cee66;
}
#filterForm {
  float: right;
}
#filterForm * {
  margin-top: 0;
}
#filterForm .href_button, #filterForm a.href_button span {
  margin-right: 0;
}
.bo_popup_full {
  width: 100%;
}
.bo_popup_full > div {
  clear: both;
  display: block;
}
.bo_popup_full > p {
  background: #3e3f40;
  padding: 8px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .wrappper_contents {
    /*width: 1170px;*/
  }
}
@media (min-width: 1300px) {}
@media (min-width: 1400px) {}
@media (min-width: 1500px) {}
@media (min-width: 1600px) {}
@media (max-width: 1199px) {
  .wrappper_contents {
    /*width: 980px;*/
  }
  .bo_popup_full {
    /*width:910px;*/
  }
}
/* XXXXX */
@media (max-width: 999px) {
  #wrapper_left {
    margin-left: -200px;
    margin-right: 40px;
  }
  .wrapper_container,
  .wrapper_footer {
    margin-left: 0px;
  }
  .topic,
  .bo_operations {
    margin-left: 40px;
  }
  #pop_up_data .topic,
  .detail_text .topic {
    margin-left: 0px !important;
  }
  #dt_table_filter {
    width: 100%;
    text-align: right;
  }
  table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 5px !important;
  }
  .pop_up .pop_up_content {
    width: 100%;
    margin-left: -7.5px;
  }
  .pop_up .pop_up_close {
    right: 10px;
  }
  .pop_up .dform label {
    float: none;
  }
  .pop_up .dform_item {
    display: block;
    margin-left: 0;
  }
  #wrapper_left {}
  #msTrigger {
    z-index: -1;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 100%;
  }
  #msTrigger i {
    position: fixed;
    left: 8px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: #FFF;
    color: #000;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}
@media (min-width: 1000px) {
  #msTrigger {
    display: none;
  }
}
#wrapper_left.open {}
.mce-floatpanel .mce-disabled, .mce-floatpanel .mce-disabled * {
  color: #CCC !important;
}
.mce-floatpanel .mce-menu-item span {
  border: none !important;
}
.mce-floatpanel .mce-menu-item:hover, .mce-floatpanel .mce-menu-item:hover * {
  color: #FFF !important;
  background: #666 !important;
}
.ge-canvas .hidden-xs, .ge-canvas .hidden-sm, .ge-canvas .hidden-md, .ge-canvas .hidden-lg, .ge-canvas .visible-xs, .ge-canvas .visible-sm, .ge-canvas .visible-md, .ge-canvas .visible-lg {
  display: block !important;
}
.ge-content p:has(iframe) {
  border-right: #24a7c6 solid 10px;
}
.ge-content .med-responsive, .ge-content .vid-responsive {
  margin: 0;
}
.ge-content table, .ge-content table td, .ge-content table th, .ge-content table caption {
  border: 1px dashed #BBB;
}
.ge-canvas .row-height > .column > div.ge-content {
  height: calc(100% - 25px);
}
section.block_middle, section.block_bottom {
  position: relative;
}
#popup_container *, .sticky-queue * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.tox-collection__item-label > div {
  border: none !important;
}