@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*================================================
*
* common
*
*/
body {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: border-box; }

img {
  height: auto;
  max-width: 100%;
  vertical-align: top; }

a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
  color: #000; }
  a:active, a:focus {
    outline: none; }

input[type=submit] {
  outline: none; }

textarea {
  resize: none; }

.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

.login .wrap {
  margin-left: auto;
  margin-right: auto;
  width: 600px; }

.main-panel .wrap {
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
  min-width: 1024px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%; }
  .main-panel .wrap:after {
    content: "";
    display: table;
    clear: both; }

/*================================================
*
* .site
*
*/
/*================================================
*
* .site-header
*
*/
.login .alert-form {
  color: red;
  font-size: 14px;
  line-height: 2em;
  text-align: center; }
.login .site-header {
  padding-top: 66px;
  padding-bottom: 13px; }
  .login .site-header .title-site {
    text-align: center; }

.main-panel .site-header {
  margin-bottom: 10px; }
  .main-panel .site-header .title-site {
    float: left;
    height: 100px;
    padding-top: 24px; }
  .main-panel .site-header .wrapper-utility {
    float: right;
    height: 100px;
    padding-right: 5px;
    padding-top: 10px; }
    .main-panel .site-header .wrapper-utility .utility-item {
      text-align: right; }
      .main-panel .site-header .wrapper-utility .utility-item.utility-item-logout a {
        background: #0068b7;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 7px;
        text-align: center;
        transition: opacity .3s;
        width: 180px; }
        .main-panel .site-header .wrapper-utility .utility-item.utility-item-logout a:hover {
          opacity: 0.75; }
      .main-panel .site-header .wrapper-utility .utility-item.utility-item-jptime {
        color: #666;
        font-size: 16px;
        line-height: 30px; }
        .main-panel .site-header .wrapper-utility .utility-item.utility-item-jptime .flag {
          border: 1px solid #666;
          display: inline-block;
          height: 30px;
          margin-right: 10px;
          position: relative;
          vertical-align: top;
          width: 40px; }
          .main-panel .site-header .wrapper-utility .utility-item.utility-item-jptime .flag::after {
            background: #ff0000;
            border-radius: 50%;
            bottom: 0;
            content: "";
            display: block;
            height: 15px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 15px; }
  .main-panel .site-header .wrapper-nav-global {
    *zoom: 1; }
    .main-panel .site-header .wrapper-nav-global:after {
      content: "";
      display: table;
      clear: both; }
    .main-panel .site-header .wrapper-nav-global .nav-teacher {
      background: rgba(102, 153, 255, 0.12);
      float: left;
      height: 80px;
      position: relative;
      transition: opacity .3s;
      width: 29.07445%; }
      .main-panel .site-header .wrapper-nav-global .nav-teacher:hover {
        opacity: 0.75; }
      .main-panel .site-header .wrapper-nav-global .nav-teacher .wrapper-photo {
        left: 0;
        padding: 9px;
        position: absolute;
        top: 0; }
        .main-panel .site-header .wrapper-nav-global .nav-teacher .wrapper-photo figure {
          background: #666;
          border-radius: 50%;
          width: 62px;
          height: 62px;
          overflow: hidden; }
          .main-panel .site-header .wrapper-nav-global .nav-teacher .wrapper-photo figure img {
            border-radius: 50%; }
      .main-panel .site-header .wrapper-nav-global .nav-teacher .wrapper-text {
        color: #666;
        padding-top: 16px;
        padding-left: 85px;
        padding-right: 9px; }
        .main-panel .site-header .wrapper-nav-global .nav-teacher .wrapper-text .name {
          font-size: 16px;
          height: 20px;
          line-height: 20px;
          margin-bottom: 8px;
          overflow: hidden; }
        .main-panel .site-header .wrapper-nav-global .nav-teacher .wrapper-text .mail {
          font-size: 14px;
          line-height: 18px;
          height: 36px;
          overflow: hidden; }
    .main-panel .site-header .wrapper-nav-global .nav-global-item {
      color: #0066cc;
      float: left;
      font-size: 16px;
      height: 80px;
      line-height: 75px;
      padding-top: 5px;
      text-align: center;
      width: 18.10865%; }
      .main-panel .site-header .wrapper-nav-global .nav-global-item:last-child {
        width: 16.5996%; }
      .main-panel .site-header .wrapper-nav-global .nav-global-item a,
      .main-panel .site-header .wrapper-nav-global .nav-global-item span {
        color: #666;
        padding-left: 0.5em;
        padding-right: 0.5em;
        position: relative; }
        .main-panel .site-header .wrapper-nav-global .nav-global-item a:hover, .main-panel .site-header .wrapper-nav-global .nav-global-item a.active,
        .main-panel .site-header .wrapper-nav-global .nav-global-item span:hover,
        .main-panel .site-header .wrapper-nav-global .nav-global-item span.active {
          color: #0066cc; }
          .main-panel .site-header .wrapper-nav-global .nav-global-item a:hover::before, .main-panel .site-header .wrapper-nav-global .nav-global-item a.active::before,
          .main-panel .site-header .wrapper-nav-global .nav-global-item span:hover::before,
          .main-panel .site-header .wrapper-nav-global .nav-global-item span.active::before {
            background: #0066cc;
            bottom: -8px;
            content: "";
            display: block;
            height: 3px;
            left: 0;
            position: absolute;
            width: 100%; }

/*================================================
*
* .site-content
*
*/
.login input[type=email],
.login input[type=password],
.login input[type=submit],
.login input[type=text] {
  -webkit-appearance: none; }
.login select {
  -webkit-appearance: none; }
.login button,
.login input,
.login select,
.login textarea {
  box-sizing: border-box;
  font-family: inherit;
  font-size: 16px;
  margin: 0;
  padding: 0; }
.login .site-content .article-login {
  text-align: center; }
  .login .site-content .article-login .title-article {
    color: #0066cc;
    font-size: 36px;
    font-weight: bold;
    line-height: 54px; }
  .login .site-content .article-login .content-article {
    margin-top: 20px; }
.login .site-content .form-login .form-row {
  *zoom: 1;
  margin-bottom: 15px; }
  .login .site-content .form-login .form-row:after {
    content: "";
    display: table;
    clear: both; }
.login .site-content .form-login .wrapper-label {
  float: left;
  font-size: 16px;
  line-height: 35px;
  padding-right: 17px;
  text-align: right;
  width: 222px; }
.login .site-content .form-login .wrapper-input {
  float: right;
  width: 378px; }
  .login .site-content .form-login .wrapper-input input[type=email],
  .login .site-content .form-login .wrapper-input input[type=password],
  .login .site-content .form-login .wrapper-input input[type=text] {
    background: #fff;
    border: 1px solid #626262;
    border-radius: 0;
    display: block;
    font-size: 16px;
    height: 35px;
    line-height: 33px;
    padding-left: 5px;
    padding-right: 5px;
    width: 230px; }
  .login .site-content .form-login .wrapper-input select {
    background: url(../img/arr_down_01.png) no-repeat 35px center #fff;
    border: 1px solid #626262;
    border-radius: 0;
    display: block;
    font-size: 16px;
    height: 35px;
    line-height: 33px;
    padding-left: 10px;
    padding-right: 5px; }
    .login .site-content .form-login .wrapper-input select.birth-year {
      background-position: 90px center;
      float: left;
      margin-right: 12px;
      width: 120px; }
    .login .site-content .form-login .wrapper-input select.birth-month {
      float: left;
      margin-right: 12px;
      width: 60px; }
    .login .site-content .form-login .wrapper-input select.birth-day {
      float: left;
      width: 60px; }
.login .site-content .form-login .wrapper-submit {
  margin-bottom: 5px; }
  .login .site-content .form-login .wrapper-submit .btn-submit {
    background: #0068b7;
    border: 0;
    border-radius: 20px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    min-width: 180px;
    padding-left: 20px;
    padding-right: 20px;
    transition: .3s; }
    .login .site-content .form-login .wrapper-submit .btn-submit:hover {
      background: #0593ff; }
.login .site-content .form-login .wrapper-checkbox {
  padding-left: 11px;
  text-align: left; }
  .login .site-content .form-login .wrapper-checkbox input,
  .login .site-content .form-login .wrapper-checkbox label {
    font-size: 16px;
    line-height: 22px; }
  .login .site-content .form-login .wrapper-checkbox input {
    margin-right: 10px; }
.login .site-content .nav {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px; }
  .login .site-content .nav a {
    text-decoration: none;
    color: #6cc5e9; }
    .login .site-content .nav a:hover, .login .site-content .nav a:focus {
      text-decoration: underline; }
  .login .site-content .nav:first-child {
    margin-top: 25px; }

.main-panel {
  padding-bottom: 20px; }
  .main-panel input[type=email],
  .main-panel input[type=password],
  .main-panel input[type=submit],
  .main-panel input[type=text] {
    -webkit-appearance: none; }
  .main-panel select {
    -webkit-appearance: none; }
  .main-panel button,
  .main-panel input,
  .main-panel select,
  .main-panel textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
    margin: 0;
    padding: 0; }
  .main-panel .scrollbar-inner {
    height: 300px; }
  .main-panel .site-content {
    /*================================================
     *
     * wrapper-table-basic
     *
     */
    /*================================================
     *
     * table-basic
     *
     */
    /*================================================
     *
     * wrapper-table-history
     *
     */
    /*================================================
     *
     * table-history
     *
     */
    /*================================================
     *
     * wrapper-detail-box
     *
     */
    /*================================================
     *
     * wrapper-table-feedback
     *
     */
    /*================================================
     *
     * table-feedback
     *
     */
    /*================================================
     *
     * wrapper-detail-box
     *
     */
    /*================================================
     *
     * wrapper-table-news
     *
     */
    /*================================================
     *
     * table-news
     *
     */
    /*================================================
     *
     * wrapper-table-schedule
     *
     */
    /*================================================
     *
     * table-schedule
     *
     */
    /*================================================
     *
     * wrapper-table-material
     *
     */
    /*================================================
     *
     * table-material
     *
     */
    /*================================================
     *
     * wrapper-search-history
     *
     */
    /*================================================
     *
     * wrapper-search-material
     *
     */
    /*================================================
     *
     * table-row-select
     *
     */
    /*================================================
     *
     * table-cell-select
     *
     */
    /*================================================
     *
     * table-collapse
     *
     */
    /*================================================
     *
     * wrapper-table-history
     *
     */ }
    .main-panel .site-content .wrapper-table-basic {
      border-left: 1px solid #666;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666; }
      .main-panel .site-content .wrapper-table-basic .title-table {
        background: #0066cc;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        text-align: center; }
    .main-panel .site-content .table-basic {
      .table-layout: fixed;
      width: 100%; }
      .main-panel .site-content .table-basic th,
      .main-panel .site-content .table-basic td {
        font-size: 14px;
        height: 30px;
        line-height: 30px; }
      .main-panel .site-content .table-basic.head-table tr {
        background: #bfbfbf; }
      .main-panel .site-content .table-basic.head-table th,
      .main-panel .site-content .table-basic.head-table td {
        border-right: 1px solid #999;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center; }
        .main-panel .site-content .table-basic.head-table th:last-child,
        .main-panel .site-content .table-basic.head-table td:last-child {
          border-right: 0; }
      .main-panel .site-content .table-basic.body-table tr:nth-child(odd) {
        background: #fff; }
      .main-panel .site-content .table-basic.body-table tr:nth-child(even) {
        background: #eee; }
      .main-panel .site-content .table-basic.body-table th,
      .main-panel .site-content .table-basic.body-table td {
        border-right: 1px solid #999;
        padding-left: 14px;
        padding-right: 7px; }
        .main-panel .site-content .table-basic.body-table th:last-child,
        .main-panel .site-content .table-basic.body-table td:last-child {
          border-right: 0; }
      .main-panel .site-content .table-basic.body-table .btn-skype {
        display: inline-block;
        height: 30px;
        vertical-align: top; }
        .main-panel .site-content .table-basic.body-table .btn-skype img {
          margin: auto !important;
          vertical-align: middle !important; }
      .main-panel .site-content .table-basic.body-table .btn-teacher-pdf {
        background: url(../img/icon_teacher_01.png) no-repeat center center;
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: top;
        cursor: pointer; }
      .main-panel .site-content .table-basic.body-table .btn-student-pdf {
        background: url(../img/icon_student_01.png) no-repeat center center;
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: top;
        cursor: pointer; }
      .main-panel .site-content .table-basic.body-table .tag-status {
        display: block;
        height: 30px;
        margin: auto;
        width: 29px;
        padding: 2px 2px 3px; }
        .main-panel .site-content .table-basic.body-table .tag-status::before {
          border-radius: 50%;
          color: #fff;
          display: block;
          height: 25px;
          line-height: 25px;
          text-align: center;
          width: 25px; }
        .main-panel .site-content .table-basic.body-table .tag-status.before::before {
          background: #ff0000;
          content: "B"; }
        .main-panel .site-content .table-basic.body-table .tag-status.after::before {
          background: #0000ff;
          content: "A"; }
    .main-panel .site-content .table-history th > a,
    .main-panel .site-content .table-history td > a {
      display: block; }
    .main-panel .site-content .table-history th:nth-child(4), .main-panel .site-content .table-history th:nth-child(7), .main-panel .site-content .table-history th:last-child,
    .main-panel .site-content .table-history td:nth-child(6),
    .main-panel .site-content .table-history td:last-child {
      border-right: 0; }
    .main-panel .site-content .table-history th:nth-child(1),
    .main-panel .site-content .table-history td:nth-child(1) {
      width: 80px; }
    .main-panel .site-content .table-history th:nth-child(2),
    .main-panel .site-content .table-history td:nth-child(2) {
      width: 9%; }
    .main-panel .site-content .table-history th:nth-child(3),
    .main-panel .site-content .table-history td:nth-child(3) {
      width: 9%; }
    .main-panel .site-content .table-history th:nth-child(4),
    .main-panel .site-content .table-history td:nth-child(4) {
      width: 20%; }
    .main-panel .site-content .table-history th:nth-child(5),
    .main-panel .site-content .table-history td:nth-child(5) {
      width: 20%; }
    .main-panel .site-content .table-history th:nth-child(6),
    .main-panel .site-content .table-history td:nth-child(6) {
      width: 17%; }
    .main-panel .site-content .table-history th:nth-child(7),
    .main-panel .site-content .table-history td:nth-child(7) {
      width: 6%; }
    .main-panel .site-content .table-history th:nth-child(8),
    .main-panel .site-content .table-history td:nth-child(8) {
      width: 5%; }

    .main-panel .site-content .table-history.public-comment-history td:nth-child(1) {
      width: 180px; }
    .main-panel .site-content .table-history.public-comment-history td:nth-child(2) {
      width: 14em; }
    .main-panel .site-content .table-history.public-comment-history td:nth-child(3) {
      width: 14em; }
    .main-panel .site-content .table-history.public-comment-history td:nth-child(4) {
      width: auto; }

    .main-panel .site-content .table-history.body-table a {
      cursor: pointer; }
    .main-panel .site-content .table-history.body-table a.teams-link {
      color: #4B59CD; }
    .main-panel .site-content .table-history.body-table tr:hover {
      background: #ffcccc;
      cursor: default; }
    .main-panel .site-content .table-history.body-table th,
    .main-panel .site-content .table-history.body-table td {
      padding-left: 5px;
      padding-right: 2px; }
      .main-panel .site-content .table-history.body-table th:nth-child(1),
      .main-panel .site-content .table-history.body-table td:nth-child(1) {
        padding-left: 2px;
        text-align: center; }
      .main-panel .site-content .table-history.body-table th:nth-child(2),
      .main-panel .site-content .table-history.body-table td:nth-child(2) {
        padding-left: 2px;
        text-align: center; }
      .main-panel .site-content .table-history.body-table th:nth-child(5),
      .main-panel .site-content .table-history.body-table td:nth-child(5) {
        padding-left: 2px;
        padding-right: 2px;
        text-align: center; }
      .main-panel .site-content .table-history.body-table th:nth-child(8),
      .main-panel .site-content .table-history.body-table td:nth-child(8) {
        padding-left: 2px;
        padding-right: 4px;
        text-align: right; }
      .main-panel .site-content .table-history.body-table th:nth-child(9),
      .main-panel .site-content .table-history.body-table td:nth-child(9) {
        padding-left: 2px;
        padding-right: 2px;
        text-align: center; }
    .main-panel .site-content .wrapper-detail-box {
      *zoom: 1;
      border-left: 1px solid #666;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      margin-top: -10px; }
      .main-panel .site-content .wrapper-detail-box:after {
        content: "";
        display: table;
        clear: both; }
      .main-panel .site-content .wrapper-detail-box .title-table {
        background: #0066cc;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        text-align: center; }
      .main-panel .site-content .wrapper-detail-box .detail-box {
        float: left;
        border-right: 1px solid #999; }
        .main-panel .site-content .wrapper-detail-box .detail-box:nth-child(1) {
          width: 20%; }
        .main-panel .site-content .wrapper-detail-box .detail-box:nth-child(2) {
          width: 25%; }
        .main-panel .site-content .wrapper-detail-box .detail-box:nth-child(3) {
          width: 55%;
          border-right: 0; }
        .main-panel .site-content .wrapper-detail-box .detail-box .title-detail {
          background: #bfbfbf;
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          padding-left: 14px;
          padding-right: 14px;
          text-align: center; }
        .main-panel .site-content .wrapper-detail-box .detail-box .content-detail {
          font-size: 14px;
          line-height: 25px;
          padding-top: 20px;
          padding-left: 14px;
          padding-right: 5px;
          padding-bottom: 10px; }
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .nav-to-feedback {
            background: #ddd;
            border: 1px solid #7d7d7d;
            border-radius: 8px;
            cursor: pointer;
            display: block;
            height: 32px;
            line-height: 30px;
            margin: 20px auto;
            text-align: center;
            transition: .3s;
            width: 142px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .nav-to-feedback:hover {
              opacity: 0.75; }
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status {
            height: 25px;
            margin-top: 15px;
            margin-bottom: 10px;
            width: 100%; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status::before {
              border-radius: 50%;
              color: #fff;
              display: inline-block;
              line-height: 25px;
              margin-right: 15px;
              text-align: center;
              vertical-align: top;
              height: 25px;
              width: 25px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.before::before {
              background: #ff0000;
              content: "B"; }
           /* .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.before::after {
              content: "Before Lesson"; }*/
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.after::before {
              background: #0000ff;
              content: "A"; }
            /*.main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.after::after {
              content: "After Lesson"; }*/
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input {
            *zoom: 1;
            padding-left: 10px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input:after {
              content: "";
              display: table;
              clear: both; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item {
              float: left; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item label {
                margin-right: 30px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item-submit {
              float: right;
              padding-right: 21px; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item-submit .btn {
                background: #0066cc;
                border: none;
                border-radius: 17px;
                color: #fff;
                display: block;
                height: 34px;
                width: 76px;
                transition: .3s; }
                .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item-submit .btn:hover {
                  cursor: pointer;
                  opacity: 0.75; }
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea {
            margin-bottom: 10px;
            *zoom: 1; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea:after {
              content: "";
              display: table;
              clear: both; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea .box-textarea-item {
              float: left;
              width: 33%;
              padding: 0 1px; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea .box-textarea-item .title-item {
                padding-left: 10px; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea .box-textarea-item textarea {
                font-size: 16px;
                height: 125px;
                line-height: 24px;
                width: 100%; }
    .main-panel .site-content .table-feedback th > a,
    .main-panel .site-content .table-feedback td > a {
      display: block; }
    .main-panel .site-content .table-feedback th:nth-child(1),
    .main-panel .site-content .table-feedback td:nth-child(1) {
      width: 12%; }
    .main-panel .site-content .table-feedback th:nth-child(2),
    .main-panel .site-content .table-feedback td:nth-child(2) {
      width: 10%; }
    .main-panel .site-content .table-feedback th:nth-child(3),
    .main-panel .site-content .table-feedback td:nth-child(3) {
      width: 15%; }
    .main-panel .site-content .table-feedback th:nth-child(4),
    .main-panel .site-content .table-feedback td:nth-child(4) {
      width: 63%; }
    .main-panel .site-content .table-feedback.body-table a {
      cursor: pointer; }
    .main-panel .site-content .table-feedback.body-table tr:hover {
      background: #ffcccc;
      cursor: default; }
    .main-panel .site-content .table-feedback.body-table th,
    .main-panel .site-content .table-feedback.body-table td {
      padding-left: 10px;
      padding-right: 2px; }
      .main-panel .site-content .table-feedback.body-table th:nth-child(1),
      .main-panel .site-content .table-feedback.body-table td:nth-child(1) {
        padding-left: 2px;
        text-align: center; }
      .main-panel .site-content .table-feedback.body-table th:nth-child(2),
      .main-panel .site-content .table-feedback.body-table td:nth-child(2) {
        padding-left: 2px;
        text-align: center; }
    .main-panel .site-content .wrapper-detail-box {
      *zoom: 1;
      border-left: 1px solid #666;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      margin-top: -10px; }
      .main-panel .site-content .wrapper-detail-box:after {
        content: "";
        display: table;
        clear: both; }
      .main-panel .site-content .wrapper-detail-box .title-table {
        background: #0066cc;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        text-align: center; }
      .main-panel .site-content .wrapper-detail-box .detail-box {
        float: left;
        border-right: 1px solid #999; }
        .main-panel .site-content .wrapper-detail-box .detail-box:nth-child(1) {
          width: 20%; }
        .main-panel .site-content .wrapper-detail-box .detail-box:nth-child(2) {
          width: 25%; }
        .main-panel .site-content .wrapper-detail-box .detail-box:nth-child(3) {
          width: 55%;
          border-right: 0; }
        .main-panel .site-content .wrapper-detail-box .detail-box .title-detail {
          background: #bfbfbf;
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          padding-left: 14px;
          padding-right: 14px;
          text-align: center; }
        .main-panel .site-content .wrapper-detail-box .detail-box .content-detail {
          font-size: 14px;
          line-height: 25px;
          padding-top: 20px;
          padding-left: 14px;
          padding-right: 5px;
          padding-bottom: 10px; }
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .nav-to-feedback {
            background: #ddd;
            border: 1px solid #7d7d7d;
            border-radius: 8px;
            cursor: pointer;
            display: block;
            height: 32px;
            line-height: 30px;
            margin: 20px auto;
            text-align: center;
            transition: .3s;
            width: 142px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .nav-to-feedback:hover {
              opacity: 0.75; }
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status {
            height: 25px;
            margin-top: 15px;
            margin-bottom: 10px;
            width: 100%; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status::before {
              border-radius: 50%;
              color: #fff;
              display: inline-block;
              line-height: 25px;
              margin-right: 15px;
              text-align: center;
              vertical-align: top;
              height: 25px;
              width: 25px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.before::before {
              background: #ff0000;
              content: "B"; }
            /*.main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.before::after {
              content: "Before Lesson"; }*/
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.after::before {
              background: #0000ff;
              content: "A"; }
            /*.main-panel .site-content .wrapper-detail-box .detail-box .content-detail .tag-status.after::after {
              content: "After Lesson"; }*/
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input {
            *zoom: 1;
            padding-left: 10px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input:after {
              content: "";
              display: table;
              clear: both; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item {
              float: left; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item label {
                margin-right: 30px; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item-submit {
              float: right;
              padding-right: 21px; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item-submit .btn {
                background: #0066cc;
                border: none;
                border-radius: 17px;
                color: #fff;
                display: block;
                height: 34px;
                width: 76px;
                transition: .3s; }
                .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-input .box-input-item-submit .btn:hover {
                  cursor: pointer;
                  opacity: 0.75; }
          .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea {
            margin-bottom: 10px;
            *zoom: 1; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea:after {
              content: "";
              display: table;
              clear: both; }
            .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea .box-textarea-item {
              float: left;
              width: 33%;
              padding: 0 1px; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea .box-textarea-item .title-item {
                padding-left: 10px; }
              .main-panel .site-content .wrapper-detail-box .detail-box .content-detail .box-textarea .box-textarea-item textarea {
                font-size: 16px;
                height: 125px;
                line-height: 24px;
                width: 100%; }
      .main-panel .site-content .wrapper-detail-box.past-feedback-detail {
        margin-top: 0; }
        .main-panel .site-content .wrapper-detail-box.past-feedback-detail .detail-box:nth-child(1) {
          width: 20%; }
        .main-panel .site-content .wrapper-detail-box.past-feedback-detail .detail-box:nth-child(2) {
          width: 80%;
          border-right: 0; }
    .main-panel .site-content .wrapper-table-news {
      margin-bottom: 10px; }
    .main-panel .site-content .table-news th > a,
    .main-panel .site-content .table-news td > a {
      display: block; }
    .main-panel .site-content .table-news th:last-child,
    .main-panel .site-content .table-news td:last-child {
      border-right: 0; }
    .main-panel .site-content .table-news th:nth-child(1),
    .main-panel .site-content .table-news td:nth-child(1) {
      width: 11%; }
    .main-panel .site-content .table-news th:nth-child(2),
    .main-panel .site-content .table-news td:nth-child(2) {
      width: 18%; }
    .main-panel .site-content .table-news th:nth-child(3),
    .main-panel .site-content .table-news td:nth-child(3) {
      width: 71%; }
    .main-panel .site-content .table-news.body-table tr:hover {
      background: #ffcccc;
      cursor: default; }
    .main-panel .site-content .table-news.body-table th,
    .main-panel .site-content .table-news.body-table td {
      cursor: pointer; }
    .main-panel .site-content .wrapper-table-schedule .scrollbar-inner {
      height: 480px; }
    .main-panel .site-content .wrapper-table-schedule .col-main-table {
      float: left;
      width: 74.5%; }
    .main-panel .site-content .wrapper-table-schedule .col-side-table {
      float: left;
      width: 25.5%; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .title-side-table {
        background: #99ffff;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        text-align: center; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .subtitle-side-table {
        background: #bfbfbf;
        height: 30px; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .lesson-detail {
        padding: 15px 10px 0; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .student-detail {
        margin-top: 25px;
        padding: 0 10px 10px; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .lesson-detail-item {
        font-size: 14px;
        line-height: 25px; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-bulk .btn,
      .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-single .btn {
        background: #eee;
        border: 1px solid #999;
        color: #999;
        cursor: default;
        border-radius: 19px;
        display: block;
        height: 38px;
        line-height: 36px;
        margin: 8px auto;
        width: 195px;
        transition: .3s; }
        .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-bulk .btn.active,
        .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-single .btn.active {
          background: #fff;
          border: 1px solid #0000ff;
          cursor: pointer;
          color: #0000ff; }
          .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-bulk .btn.active:hover,
          .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-single .btn.active:hover {
            opacity: 0.75; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-bulk {
        border-bottom: 1px dotted #666;
        padding-top: 12px;
        padding-bottom: 7px; }
      .main-panel .site-content .wrapper-table-schedule .col-side-table .wrapper-btn-single {
        padding-bottom: 7px; }
    .main-panel .site-content .wrapper-table-schedule .nav-table {
      *zoom: 1;
      background: #99ffff;
      height: 30px;
      width: 100%; }
      .main-panel .site-content .wrapper-table-schedule .nav-table:after {
        content: "";
        display: table;
        clear: both; }
      .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item {
        float: left;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 33%; }
        .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item .button {
          display: inline-block;
          position: relative; }
          .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item .button::before {
            content: "";
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 0; }
        .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item:nth-child(1) {
          padding-left: 30px;
          text-align: left; }
          .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item:nth-child(1) .button::before {
            background: url(../img/arr_left_02.png) no-repeat center center;
            left: -30px; }
        .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item:nth-child(2) {
          font-size: 16px;
          padding-left: 30px;
          text-align: center;
          width: 34%; }
          .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item:nth-child(2) .button::before {
            background: url(../img/icon_refresh_01.png) no-repeat center center;
            left: -35px; }
        .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item:nth-child(3) {
          padding-right: 30px;
          text-align: right; }
          .main-panel .site-content .wrapper-table-schedule .nav-table .nav-table-item:nth-child(3) .button::before {
            background: url(../img/arr_right_02.png) no-repeat center center;
            right: -30px; }
    .main-panel .site-content .table-schedule th:nth-child(1),
    .main-panel .site-content .table-schedule td:nth-child(1) {
      width: 14.28571%;
      text-align: center; }
    .main-panel .site-content .table-schedule th:nth-child(2),
    .main-panel .site-content .table-schedule td:nth-child(2) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule th:nth-child(3),
    .main-panel .site-content .table-schedule td:nth-child(3) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule th:nth-child(4),
    .main-panel .site-content .table-schedule td:nth-child(4) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule th:nth-child(5),
    .main-panel .site-content .table-schedule td:nth-child(5) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule th:nth-child(6),
    .main-panel .site-content .table-schedule td:nth-child(6) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule th:nth-child(7),
    .main-panel .site-content .table-schedule td:nth-child(7) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule th:nth-child(8),
    .main-panel .site-content .table-schedule td:nth-child(8) {
      width: 12.2449%; }
    .main-panel .site-content .table-schedule.head-table {
      height: 30px; }
      .main-panel .site-content .table-schedule.head-table th,
      .main-panel .site-content .table-schedule.head-table td {
        padding-left: 2px;
        padding-right: 2px; }
      .main-panel .site-content .table-schedule.head-table .sat {
        color: #0000ff; }
      .main-panel .site-content .table-schedule.head-table .sun {
        color: #ff0000; }
    .main-panel .site-content .table-schedule.body-table th,
    .main-panel .site-content .table-schedule.body-table td {
      padding-left: 5px;
      padding-right: 2px; }
      .main-panel .site-content .table-schedule.body-table th:nth-child(1),
      .main-panel .site-content .table-schedule.body-table td:nth-child(1) {
        padding-left: 2px; }
    .main-panel .site-content .table-material th:nth-child(1),
    .main-panel .site-content .table-material td:nth-child(1) {
      width: 54%; }
    .main-panel .site-content .table-material th:nth-child(2),
    .main-panel .site-content .table-material td:nth-child(2) {
      width: 38%; }
    .main-panel .site-content .table-material th:nth-child(3),
    .main-panel .site-content .table-material td:nth-child(3) {
      width: 8%; }
    .main-panel .site-content .table-material.body-table tr:hover {
      background: #ffcccc;
      cursor: default; }
    .main-panel .site-content .table-material.body-table tr.parent th:first-child,
    .main-panel .site-content .table-material.body-table tr.parent td:first-child {
      padding-left: 60px;
      position: relative; }
      .main-panel .site-content .table-material.body-table tr.parent th:first-child::before,
      .main-panel .site-content .table-material.body-table tr.parent td:first-child::before {
        background: url(../img/arr_right_03.png) no-repeat center center;
        content: "";
        display: block;
        height: 30px;
        position: absolute;
        left: 0;
        top: 0;
        width: 30px; }
      .main-panel .site-content .table-material.body-table tr.parent th:first-child::after,
      .main-panel .site-content .table-material.body-table tr.parent td:first-child::after {
        background: url(../img/icon_parent_01.png) no-repeat center center;
        content: "";
        display: block;
        height: 30px;
        position: absolute;
        left: 30px;
        top: 0;
        width: 30px; }
    .main-panel .site-content .table-material.body-table tr.open {
      background: #ffdddd; }
      .main-panel .site-content .table-material.body-table tr.open td:first-child::before {
        background: url(../img/arr_down_03.png) no-repeat center center; }
      .main-panel .site-content .table-material.body-table tr.open td:first-child::after {
        background: url(../img/icon_parent_02.png) no-repeat center center; }
    .main-panel .site-content .table-material.body-table tr.child {
      position: absolute;
      visibility: hidden;
      z-index: -99999; }
      .main-panel .site-content .table-material.body-table tr.child.show {
        position: relative;
        visibility: visible;
        z-index: 0; }
      .main-panel .site-content .table-material.body-table tr.child th:first-child,
      .main-panel .site-content .table-material.body-table tr.child td:first-child {
        padding-left: 90px;
        position: relative; }
        .main-panel .site-content .table-material.body-table tr.child th:first-child::after,
        .main-panel .site-content .table-material.body-table tr.child td:first-child::after {
          background: url(../img/icon_child_01.png) no-repeat center center;
          content: "";
          display: block;
          height: 30px;
          position: absolute;
          left: 60px;
          top: 0;
          width: 30px; }
      .main-panel .site-content .table-material.body-table tr.child th:last-child,
      .main-panel .site-content .table-material.body-table tr.child td:last-child {
        padding-left: 2px;
        padding-right: 2px;
        text-align: center; }
        .main-panel .site-content .table-material.body-table tr.child th:last-child .btn,
        .main-panel .site-content .table-material.body-table tr.child td:last-child .btn {
          background: #0066cc;
          border-radius: 10px;
          cursor: pointer;
          color: white;
          display: inline-block;
          height: 25px;
          line-height: 25px;
          width: 70px;
          transition: .3s; }
          .main-panel .site-content .table-material.body-table tr.child th:last-child .btn:hover,
          .main-panel .site-content .table-material.body-table tr.child td:last-child .btn:hover {
            opacity: 0.75; }
    .main-panel .site-content .wrapper-search-history .search-history {
      *zoom: 1;
      margin-bottom: 20px; }
      .main-panel .site-content .wrapper-search-history .search-history:after {
        content: "";
        display: table;
        clear: both; }
    .main-panel .site-content .wrapper-search-history .search-history-item {
      float: left;
      margin-right: 14px; }
      .main-panel .site-content .wrapper-search-history .search-history-item:nth-child(2) {
        font-size: 14px;
        line-height: 40px;
        width: 52px;
        text-align: center; }
      .main-panel .site-content .wrapper-search-history .search-history-item input[type=text] {
        border: 1px solid #626262;
        border-radius: 10px;
        display: block;
        font-size: 16px;
        height: 40px;
        line-height: 34px;
        padding: 2px 5px;
        width: 180px; }
      .main-panel .site-content .wrapper-search-history .search-history-item .btn {
        border-radius: 10px;
        cursor: pointer;
        display: block;
        font-size: 14px;
        height: 40px;
        letter-spacing: 0.1em;
        line-height: 40px;
        text-align: center;
        transition: opacity .3s;
        width: 180px; }
        .main-panel .site-content .wrapper-search-history .search-history-item .btn:hover {
          opacity: 0.75; }
      .main-panel .site-content .wrapper-search-history .search-history-item .btn-submit {
        background: url(../img/icon_search_01.png) no-repeat 144px center #0066cc;
        border: none;
        color: #fff;
        padding-right: 25px; }
    .main-panel .site-content .wrapper-search-material .search-material {
      *zoom: 1;
      margin-bottom: 15px; }
      .main-panel .site-content .wrapper-search-material .search-material:after {
        content: "";
        display: table;
        clear: both; }
    .main-panel .site-content .wrapper-search-material .search-material-item {
      float: left;
      *zoom: 1; }
      .main-panel .site-content .wrapper-search-material .search-material-item:after {
        content: "";
        display: table;
        clear: both; }
      .main-panel .site-content .wrapper-search-material .search-material-item:nth-child(1) {
        margin-right: 14px;
        padding-top: 2px; }
      .main-panel .site-content .wrapper-search-material .search-material-item:nth-child(2) {
        margin-right: 30px;
        padding-top: 2px; }
      .main-panel .site-content .wrapper-search-material .search-material-item:nth-child(3) {
        margin-right: 5px; }
      .main-panel .site-content .wrapper-search-material .search-material-item .wrapper-label {
        float: left;
        font-size: 16px;
        line-height: 35px;
        margin-right: 10px; }
      .main-panel .site-content .wrapper-search-material .search-material-item input[type=text] {
        border: 1px solid #626262;
        display: block;
        float: left;
        font-size: 16px;
        height: 35px;
        line-height: 29px;
        padding: 2px 5px;
        width: 185px; }
      .main-panel .site-content .wrapper-search-material .search-material-item .btn {
        border-radius: 10px;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 14px;
        height: 40px;
        letter-spacing: 0.1em;
        line-height: 38px;
        text-align: center;
        transition: opacity .3s;
        width: 125px; }
        .main-panel .site-content .wrapper-search-material .search-material-item .btn:hover {
          opacity: 0.75; }
      .main-panel .site-content .wrapper-search-material .search-material-item .btn-submit {
        background: url(../img/icon_search_01.png) no-repeat 85px center #0066cc;
        border: 1px solid #0066cc;
        color: #fff;
        padding-right: 16px;
        position: relative; }
      .main-panel .site-content .wrapper-search-material .search-material-item .btn-clear {
        background: #eeeeee;
        border: 1px solid #7d7d7d;
        color: #666; }
    .main-panel .site-content .table-row-select.body-table tr.selected {
      background: #ffdddd; }
    .main-panel .site-content table.head-table-cell-select th.hover,
    .main-panel .site-content table.head-table-cell-select td.hover {
      background: #ffcccc; }
    .main-panel .site-content table.table-cell-select.body-table th,
    .main-panel .site-content table.table-cell-select.body-table td {
      user-select: none; }
    .main-panel .site-content table.table-cell-select.body-table th.hover {
      background: #ffcccc; }
    .main-panel .site-content table.table-cell-select.body-table td:hover {
      background: #ffcccc; }
    .main-panel .site-content table.table-cell-select.body-table td.selected {
      background: #ffdddd; }
    .main-panel .site-content table.table-collapse tr.open {
      background: #ffdddd; }
    .main-panel .site-content .wrapper-table-history {
      margin-bottom: 10px; }

/*================================================
*
* モーダル
*
*/
.wrapper-modal {
  display: none; }
  .wrapper-modal .teacher-information {
    padding: 0 45px 45px 45px; }
    .wrapper-modal .teacher-information .profile {
      background: rgba(102, 153, 255, 0.12);
      height: 80px;
      margin-bottom: 10px;
      position: relative;
       }
      .wrapper-modal .teacher-information .profile .wrapper-photo {
        left: 0;
        padding: 9px;
        position: absolute;
        top: 0; }
        .wrapper-modal .teacher-information .profile .wrapper-photo figure {
          background: #666;
          border-radius: 50%;
          width: 62px;
          height: 62px;
          overflow: hidden; }
          .wrapper-modal .teacher-information .profile .wrapper-photo figure img {
            border-radius: 50%; }
      .wrapper-modal .teacher-information .profile .wrapper-text {
        color: #666;
        padding-top: 16px;
        padding-left: 85px;
        padding-right: 9px; }
        .wrapper-modal .teacher-information .profile .wrapper-text .name {
          font-size: 16px;
          height: 20px;
          line-height: 20px;
          margin-bottom: 8px;
          overflow: hidden; }
        .wrapper-modal .teacher-information .profile .wrapper-text .mail {
          font-size: 14px;
          line-height: 18px;
          height: 36px;
          overflow: hidden; }
    .wrapper-modal .teacher-information .title-table {
      background: #0066cc;
      color: #fff;
      font-size: 16px;
      line-height: 30px;
      text-align: center; }
    .wrapper-modal .teacher-information .table-teacher-information {
      border-left: 1px solid #666;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      width: 500px; }
      .wrapper-modal .teacher-information .table-teacher-information tr:nth-child(odd) {
        background: #fff; }
      .wrapper-modal .teacher-information .table-teacher-information tr:nth-child(even) {
        background: #eee; }
      .wrapper-modal .teacher-information .table-teacher-information th,
      .wrapper-modal .teacher-information .table-teacher-information td {
        font-size: 14px;
        height: 30px;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 50%; }
      .wrapper-modal .teacher-information .table-teacher-information th {
        padding-left: 50px; }
      .wrapper-modal .teacher-information .table-teacher-information td {
        padding-left: 10px; }
  .wrapper-modal .news-detail {
    padding: 45px; }
    .wrapper-modal .news-detail .title-detail {
      background: #0066cc;
      color: #fff;
      font-size: 16px;
      line-height: 30px;
      text-align: center; }
    .wrapper-modal .news-detail .subtitle-detail {
      background: #bfbfbf;
      border-left: 1px solid #666;
      border-right: 1px solid #666;
      font-size: 14px;
      /* height: 30px; */
      line-height: 20px; }
      .wrapper-modal .news-detail .subtitle-detail .date {
        padding-left: 20px;
        padding-right: 25px; }
    .wrapper-modal .news-detail .text {
      width: 500px;
      border-left: 1px solid #666;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      padding: 40px 20px; }
      .wrapper-modal .news-detail .text p {
        font-size: 14px;
        line-height: 30px; }

.wrapper-input{
  text-align: left;
}

table.table-basic td{
  font-size: 12px !important;
}

#btnPublicComment {
  margin-top : 10px !important;
  margin-bottom : 0px !important;
}

#lesson_history_detail .content-detail {
  min-height : 360px !important;
}

.content-detail ul li span{
  word-break: break-all;
}

.wrapper-photo figure img {
  width: 100% !important;
  height: 100% !important;
}

.red-text {
  color : #FF0000;
}

#box_noti_item {
  text-align: left;
  float: right;
  padding-right : 5px;
}

@media screen and (max-width: 1268px) {
  #box_noti_item {
    text-align: left !important;
    float: left !important;
  }
}