/********************
     addon system ,basic part
*********************/

/* disable selection start */
*
{/* disable "the right click" action */
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

input
{
  -webkit-user-select:auto;
  -khtml-user-select:auto;
  -moz-user-select:auto;
  -ms-user-select:auto;
  user-select:auto;
}

textarea
{
  -webkit-user-select:auto;
  -khtml-user-select:auto;
  -moz-user-select:auto;
  -ms-user-select:auto;
  user-select:auto;
}
/* disable selection end */


.prevent_sentenct_too_long
{
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
  text-overflow : clip;
  table-layout: fixed;
}

table
{
  table-layout : fixed;
}

td
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.th_number_col
{
  width:  10rem;
  /* max-width: 10rem; */
}

th.th_operate
{
  width: 100px;
  max-width: 30%;
}


.breadcrumb>li+li:before
{
  padding: 0px;
}

.breadcrumb a:active
{
  color: #e8eb00
}


.breadcrumb li a
{
  color: #970213 !important;
}


.breadcrumb li a:hover
{
  color: #e10055 !important;
}

.pagination>li>simpliy_pagination
{
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.topic_content_bgcolor
{
  background-color: #f9f9f9;
}

.topic_title_bgcolor
{
  background-color: #f9f3f8;
}

.border_color_warning
{
  border-color: #d39900 !important;
}

.border_color_normal
{
  border-color: #acb9a8 !important;
}


.margin_15px
{
  margin:  15px !important;
}

.margin_left_15px
{
  margin-left:  15px !important;
}

.margin_right_15px
{
  margin-right:  15px !important;
}

.margin_top_0px
{
  margin-top:  0px !important;
}

.margin_top_15px
{
  margin-top:  15px !important;
}

.margin_bottom_15px
{
  margin-bottom:  15px !important;
}

.margin_bottom_50px
{
  margin-bottom:  50px !important;
}

.margin_bottom_100px
{
  margin-bottom:  100px !important;
}

.margin_bottom_200px
{
  margin-bottom:  200px !important;
}


.padding_15px
{
  padding:  15px !important;
}

.padding_left_15px
{
  padding-left:  15px !important;
}

.padding_right_15px
{
  padding-right:  15px !important;
}

.padding_top_15px
{
  padding-top:  15px !important;
}

.padding_bottom_15px
{
  padding-bottom:  15px !important;
}


.padding_top_30px
{
  padding-top:  30px !important;
}

.padding_top_45px
{
  padding-top:  45px !important;
}


.width_30percent
{
  width: 30%;
}

.width_50percent
{
  width: 50%;
}

.width_70percent
{
  width: 70%;
}

.width_100percent
{
  width: 100%;
}

.text_color_red
{
  color:  red;
}

.text_color_blue
{
  color:  rgb(4, 182, 241);
}

.icon_search_studyman_topic
{
  color: #bb00ff;   /* colour beautiful */
}

.detail_text_size_caption
{
  font-size:  3rem;
}

.detail_text_size_content
{
  font-size:  2rem;
}

.btn.btn-gray
{
  background: #858e96;
  border: 1px solid #2c6b9f;
  color: #ffffff;
}

.fa-trash-o.trash_color_danger
{
  color: #f00;
}

.fa-file-excel-o.excel_color_normal
{
  color: #22851e;
}

.active_guide_menu_color
{
  color: #3974e8;
}

.link_button:hover
{
  background-color: #f5ff99;
}

.top-nav-title-mobile
{
  margin-left : 20px;
  text-align: center;
}

.radio-zone
{
  height: 6vh;
}

.radio-button-adjustion
{
  float: left;
  margin-top: 1vh;
  margin-left: 3vh;
}

.radio-select-adjustion
{
  float: right;
  height: 3vh;
  width: 80%;
}

.radio-input-adjustion
{
  float: right;
  height: 3vh;
  width: 80%;
  padding-left:0;
  padding-right:0;
}

.ion
{
  display                : inline-block;
  font-size:                   1.7rem;
  -webkit-font-smoothing : antialiased;
}


/*rewrite css*/
.timeline-avatar
{
  margin-top: 0px !important;
}

.smart-widget .smart-widget-header
{
  padding: 7px !important;
}

.navbar-toggle
{
  padding: 11px 11px !important;
}

.top-nav .nav-notification>li>a
{
  padding: 20px 20px 0 20px !important;
}

.timeline-wrapper .timeline-row .timeline-item .timeline-icon
{
  border: 2px solid #33333333 !important;
  color: #f5591c !important;
}

.top-nav .user-block
{
  position: relative;
  float: left;
  display: block;
  margin-right: 20px;
  padding-top: 20px;
  outline: 0;
}

.fa-lg
{
font-size: 1.33333333em;
/*line-height: 3rem;*/
  vertical-align: -15%;
}

.top-nav-leftside-icon
{
  margin-top: -1.5vh;
  font-size:3rem;
}

.top-nav-rightside-icon
{
  margin-top: -2vh;
  font-size:3rem;
}

.div_hidden
{
  display:none;
}


.display_block
{
  display: block!important;
}


/*
.footer
{
  bottom: auto !important;
}
*/


@media (max-width: 768px)
{
  .video_preview_size
  {
    width: 100%;
    height: auto;
  }

}

@media (min-width: 768px)
{
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control
  {
    width : 500px;
  }

  .video_preview_size
  {
    width: 100%;
    height: auto;
  }

}


@media (min-width: 992px)
{
  .col-md-10
  {
    width:  100%;
  }

  .video_preview_size
  {
    width: 80%;
    height: auto;
  }

}


@media (min-width: 1200px)
{
  .col-lg-2
  {
    width: 100%;
    margin-top: 15px;
  }

  .col-lg-10
  {
    width: 100%;
  }

  .video_preview_size
  {
    width: 60%;
    height: auto;
  }

}


@media (min-width: 768px)
{
  .form-horizontal .control-label
  {
    padding-top   : 7px;
    margin-bottom : 0;
    text-align    : left;
  }

}


/* Extend simple CSS*/
body.user-light-background
{
  background-color: #fdfffb !important;
}

body.manager-light-background
{
  background-color: #daf5ff !important;
}

body.admin-light-background
{
  background-color: #ffecf3 !important;
}

body.superadmin-light-background
{
  background-color: #da92ff !important;
}

.top-nav .user-block .user-panel
{
  margin-left: -120px;
}


.video_preview_3cells
{
  width: 30%;
  height: auto;
}


/********************
      adjustment
*********************/
.smart-widget-body_adjust
{
  padding:  0 15px 15px !important;
}


/********************
      removeable
*********************/
/* add fix delete sidely nenu space */
.main-container.sidebar-mini
{
  margin-left:  0px;
}

/* add fix delete sidely nenu space */
.main-container
{
  margin-left:  0px;
}

/* add fix nav icon left space */
.top-nav .nav-container
{
   margin-left: 0px !important;
}

/* clean top nav left title effect */
.top-nav .nav-header
{
  display: block!important;
  width: 100%;
  text-align: center;
  /*height: auto !important;*/
  /*background-color: #c12d2d !important;*/
}

.indication-user
{
  background-color: #1181c1 !important;
  border-top: 0px solid #acb1ac !important;
  border-bottom: 3px solid #1181c1 !important;
}

.indication-manager
{
  background-color: #c12d2d !important;
  border-top: 0px solid #acb1ac !important;
  border-bottom: 3px solid #c12d2d !important;
}

.indication-admin
{
  background-color: #9d0fbd !important;
  border-top: 0px solid #acb1ac !important;
  border-bottom: 3px solid #9d0fbd !important;
}

/* clean width exceed 1200px view error */
.width-100-percent
{
  width: 100%;
}

.width-auto-percent
{
  width: auto;
}

.width-20-percent
{
  width: 20%;
}

.width-40-percent
{
  width: 40%;
}

.width-50-percent
{
  width: 50%;
}

.width-60-percent
{
  width: 60%;
}

.width-80-percent
{
  width: 80%;
}

.width-350px
{
  width: 350px;
}


top-nav .navbar-toggle
{
  display: inline-block;
  margin-top: 8px;
}

.top-nav .nav-header .nav-notification, .top-nav .nav-header .navbar-toggle
{
  display: inline-block;
}



/********************
    new defined
*********************/

.wood-border-red
{
  border: 1px red ;
}

.wood-normal-title-line-mobile
{
  margin-bottom : 1rem;
  text-align: left;
}


.wood_menu_bg_rights
{
  background-color: #f53454;
  color: #fff;
}

.wood_menu_bg_purple2
{
  background-color: #ab37a9;
  color: #fff;
}

.wood_menu_bg_notebook
{
  background-color: #2bbbc3;
  color: #fff;
}

.wood_menu_bg_policy
{
  background-color: #010230;
  color: #fff;
}

.wood_menu_bg_yellow
{
  background-color: #e8eb00;
  color: #fff;
}

.wood_menu_bg_golden
{
  background-color: #cad222;
  color: #fff;
}

.wood_menu_bg_blue
{
  background-color: #162f96;
  color: #fff;
}

.wood_menu_bg_darkred
{
  background-color: #6b2c59;
  color: #fff;
}

.wood_menu_bg_darkgreen
{
  background-color: #195045;
  color: #fff;
}

.wood_menu_bg_lightgreen
{
  background-color: #6ac670;
  color: #fff;
}

.wood_menu_bg_lightyellow
{
  background-color: #f0f8a4 !important;
  color: #fff;
}

.wood_menu_bg_weixin_green
{
  background-color: #44a838;
  color: #fff;
}

.wood_menu_bg_mallred
{
  background-color: #d51148;
  color: #fff;
}


.wood_button_weixin_green
{
  background-color: #44a838;
  color: #fff;
}


.wood_color_golden
{
  color: #edf381 !important;
}

.wood_color_darkred
{
  color: #6b2c59 !important;
}

.wood_color_mallred
{
  color: #d51148 !important;
}

.wood_color_weixin_green
{
  color: #44a838 !important;
}

.wood_color_darkgreen
{
  color: #194714 !important;
}

.wood_color_red
{
  color: red !important;
}

.wood_color_blue
{
  color: #2b4ea1 !important;
}

.wood_color_darkblue
{
  color: #0e2f7a !important;
}

.wood_border_golden
{
  border-color: #cad222;
}

.wood_border_purple2
{
  color: #ab37a9 !important;
  border-color: #ab37a9 !important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_border_weixin_green
{
  color: #44a838 !important;
  border-color: #44a838 !important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_border_darkred
{
  color: #6b2c59 !important;
  border-color: #6b2c59 !important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_border_blue
{
  color: #0143fc!important;
  border-color: #0143fc !important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_border_darkblue
{
  color: #14055e !important;
  border-color: #14055e !important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}


.wood_type_class_border_lv1
{
  color: #5f0020!important;
  border-color: #5f0020!important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_type_class_border_lv2
{
  color: #021f6e!important;
  border-color: #021f6e!important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_type_class_border_lv3
{
  color: #2246aa!important;
  border-color: #2246aa!important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_type_class_border_lv4
{
  color: #3961cf!important;
  border-color: #3961cf!important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}

.wood_type_class_border_lv5
{
  color: #5480f8!important;
  border-color: #5480f8!important;
  background-color: #fff !important;
  border-left: 5px solid !important;
}


.wood_type_class_color
{
  color: #000000 !important;
  background-color: #fff !important;
}


.wood_item_class_border
{
  border-left: 10px solid !important;
  padding: 10px 0px 10px 10px !important;
  margin: 5px 0px 5px 0px !important;
}

.wood_item_class_0_left_margin
{
  margin-left: 0px !important;
}

.wood_item_class_1_left_margin
{
  margin-left: 10px !important;
}

.wood_item_class_2_left_margin
{
  margin-left: 20px !important;
}

.wood_item_class_3_left_margin
{
  margin-left: 30px !important;
}

.wood_item_class_4_left_margin
{
  margin-left: 40px !important;
}

.wood_item_class_5_left_margin
{
  margin-left: 50px !important;
}


.wood_padding_bottom_10rem
{
  padding-bottom: 10rem;
}

.wood_margin_top_5rem
{
  margin-top: 5rem;
}

.wood_margin_left_2rem
{
  margin-left: 2rem;
}


.wood_padding_bottom_10vw
{
  padding-bottom: 10vw;
}

.wood_margin_top_5vw
{
  margin-top: 5vw;
}


.wood_from_very_left
{
  margin-left: 0px   !important;
}


.wood_float_left
{
  float: left   !important;
}

.wood_float_right
{
  float: right   !important;
}

.wood_button_right_float
{
  padding: 1px 20px !important;
  margin-right:20px;
}

.wood_background_white
{
  background-color: white   !important;
}


.wood_btn_tab
{
  padding: 6px 10px !important;
}


.wood_m-right-xs
{
  margin-right: 4px  !important;
}


.wood_user_avatar
{
  padding: 10px 20px 10px !important;
}


.wood_control_inline
{
  margin-right: 15px;
  margin-left: 15px;
}


.wood_image_icon_small
{
  width: 16px   !important;
  height: 16px  !important;
}

.wood_image_icon_middle
{
  width: 32px   !important;
  height: 32px  !important;
}

.wood_image_icon_big
{
  width: 64px   !important;
  height: 64px  !important;
}

.wood_blank_menu_area
{
  background-color:#fff;
  font-size:1rem;
  padding:6px 20px;
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  box-shadow:0 1px 1px rgba(0,0,0,.05);
  -moz-box-shadow:0 1px 1px rgba(0,0,0,.05);
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05)
}

.header_avatar_addtional
{
  margin-top: 1vw;
  border-radius: 3px;
}


/* upload part */
.avatar_edit_img
{
  width: 128px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  height: auto;
  margin-bottom: 40px;
  position: relative;
}

.avatar_edit_img span
{
  width: 128px;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 110px;
  cursor: pointer;
}

.avatar_edit_img input
{
  width: 128px;
  height: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 9999;
}


.idel_image_edit_img
{
  width: 400px;
  height: 100%;
  /* margin-left: auto;
  margin-right: auto; */
  border-color: red;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  height: auto;
  margin-bottom: 40px;
  position: relative;
}

.idel_image_edit_img span
{
  width: 400px;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 110px;
  cursor: pointer;
}

.idel_image_edit_img input
{
  width: 400px;
  height: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 9999;
}


.item_list_image_view_img
{
  width: 100px;
  height: 100%;
  /* margin-left: auto;
  margin-right: auto; */
  /* border-color: red; */
  /* border-style: solid; */
  /* border-width: 1px; */
  overflow: hidden;
  height: auto;
  position: relative;
}


.header_user_info_li_row
{
  margin: 20px 0px 0px 20px;
}

/********************
  wood add define 
*********************/

/* mall item */
.mall_item_body
{
  margin: 20px 0 10px;
  height: auto;
  display: block;

  /* background-color: lightpink; */
}

.mall_item_cell
{
  padding: 10px 10px 5px;
  float: right;
  width: 100%;
  margin-bottom: 30px;

  /* background-color: lightpink; */
}

.mall_item_cell_left
{
  width:40%;
  float:left;
  /* padding: 0 20px 0 10px; */

  /* background-color: lightpink; */
}

.mall_item_cell_right
{
  width:60%;
  float:right;
  padding: 0 1vw 0 4vw;
  /* line-height: 2vw; */

  /* background-color: lightpink; */
}

.mall_item_main_image
{
  width: 100%;
  height: auto;
  /* margin-left: auto;
  margin-right: auto; */
  /* border-color: red; */
  /* border-style: solid; */
  /* border-width: 1px; */
  overflow: hidden;
  height: auto;
  position: relative;
  -moz-box-shadow: 10px 10px 5px #888888;
  box-shadow: 5px 2px 5px #888;
}

.mall_item_title
{
  font-size: 4vw;
  margin: 1vw 0 2vw;
  height: 9vw;

  /* background-color: lightpink; */
}

.mall_item_standard_describe
{
  font-size: 3vw;
  margin: 1vw 0 1vw;

  /* background-color: lightpink; */
}

.mall_item_price_sector
{
  float: right;
  margin: 1vw 0 1vw;

  /* background-color: lightpink; */
}

.mall_item_price_tag
{
  font-size: 3vw;

  /* background-color: lightpink; */
}

.mall_item_price_text
{
  font-size: 3vw;
  color: red;

  /* background-color: lightpink; */
}


.message_wave_mail
{
  /* width: 61px;
  height: 38px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 38px; */
  /* letter-spacing: 2px; */
  /* text-align: center; */
  display: inline-block;

  -webkit-animation-name: wavedMail;/*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out;/*动画的速度曲线*/
  -webkit-animation-iteration-count: 3;/*动画播放的次数 (infinite)*/
  -webkit-animation-duration:0.5s;/*动画所花费的时间*/
}

@keyframes wavedMail
{
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
      transform: scale(1);/*开始为原始大小*/
  }
  50% {
      transform: scale(1.2);/*放大1.1倍*/
  }
}


.force_float_left
{
  float:  left !important;
}

.force_float_right
{
  float:  right !important;
}


.make_margin_bottom_0px
{
  margin-bottom: 0px !important;
}

.make_margin_bottom_20px
{
  margin-bottom: 20px !important;
}

.make_margin_right_20px
{
  margin-right: 20px !important;
}


.wood_item_hide
{
  display: none;
}

.wood_item_show
{
  display: block;
}


.wood_table_tr_border_line_red
{
  border-bottom: 2px solid #d71d1d;
}

.wood_table_tr_border_line_pink
{
  border-bottom: 2px solid #ffd4d4;
}


.wood_input_search_bar_main
{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.wood_input_search_bar_group_left_side
{
  float:  left !important;
	width: calc(100% - 80px);
}

.wood_input_search_bar_group_right_side
{
  float:  right !important;
	width:  70px;
}


.wood_input_date_selection_date_unit
{
  width: 30%;
  float: left;
}

.wood_input_date_selection_text_unit
{
  margin: 10px 10px;
  float:  left;
}


.wood_content_hide
{
  display: none;
}


.wood_fontsize_1rem
{
  font-size: 1rem !important;
}

.wood_fontsize_1p5rem
{
  font-size: 1.5rem !important;
}

.wood_fontsize_2rem
{
  font-size: 2rem !important;
}

.wood_fontsize_2p5rem
{
  font-size: 2.5rem !important;
}

.wood_fontsize_3rem
{
  font-size: 3rem !important;
}


.wood_select_bg_color_lightblue
{
  background-color: #cecffc;
}

.wood_select_bg_color_lightred
{
  background-color: #ffd6d8;
}

.wood_select_bg_color_lightgreen
{
  background-color: #d4ffc4;
}

.wood_select_bg_color_lightgray
{
  background-color: #f4f4f4;
}


.wood_input_show
{
  visibility:visible;
}

.wood_input_hinden
{
  visibility:hidden;
}


.wood_text_center
{
  margin: auto;
  text-align: center;
}

.wood_in_words_input_width
{
  width: 3rem;
}

.wood_move_down_5px
{
  margin-top: 5px;
  position: absolute;
}

.wood_move_down_10px
{
  margin-top: 10px;
  position: absolute;
}