@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h3 {
  text-align: center; }

h4 {
  text-align: center; }

.unit {
  font-size: 18px;
  margin-left: 4px; }

.main {
  position: relative;
  top: 100px;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px; }

.video_box_wrap {
  padding: 0 20px; }

.video_box {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%; }

.video_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video_box embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

section {
  position: relative;
  margin: 0 20px;
  margin-bottom: 30px; }

section.baseball_technique {
  margin-bottom: 200px; }

.section-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 50px;
  color: #fff;
  padding: 0 10px;
  background-color: #193f78;
  border-radius: 5px;
  text-align: center; }
  .section-title span {
    color: #CF223E; }
  .section-title i {
    position: absolute;
    right: 20px; }

.data_content-1 {
  display: none; }

.data_content-1.active {
  display: block; }

.data_content-2 {
  display: none; }

.data_content-2.active {
  display: block; }

.data_content-3 {
  display: none; }

.data_content-3.active {
  display: block; }

.section-title::before {
  content: "";
  width: 6px;
  height: 28px;
  margin-right: 10px;
  background-color: #CF223E; }

.fielding_title .title_group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
  .fielding_title .title_group h3 {
    position: absolute;
    padding: 0 20px;
    z-index: 2;
    background-color: #fff; }
  .fielding_title .title_group .title_group_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b0b0b0;
    z-index: 1; }
  .fielding_title .title_group .bi-lock-fill {
    color: #b60101;
    margin-right: 4px; }
  .fielding_title .title_group span {
    color: #b60101;
    margin-left: 4px; }

.user-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.user-basic {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .user-basic li {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    line-height: 2; }

.user-info-wrap {
  width: 75%;
  margin-left: 5%; }
  .user-info-wrap .user-title {
    font-size: 20px;
    font-weight: bolder; }
  .user-info-wrap .user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .user-info-wrap .user-info-L, .user-info-wrap .user-info-R {
    width: 50%; }
    .user-info-wrap .user-info-L ul, .user-info-wrap .user-info-R ul {
      margin-bottom: 20px; }
    .user-info-wrap .user-info-L li, .user-info-wrap .user-info-R li {
      margin: 5px;
      color: #777; }
    .user-info-wrap .user-info-L li:nth-child(1), .user-info-wrap .user-info-R li:nth-child(1) {
      font-size: 18px;
      font-weight: bold;
      color: #000; }

.user-pic {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background-color: #545454;
  background: url("../img/user-pic.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  border: 5px solid #fff; }

.bi-instagram {
  margin-right: 2px; }

.bi-facebook {
  margin-right: 6px; }

@media screen and (max-width: 767px) {
  .user-wrap {
    display: block; }
  .user-basic {
    width: 100%; }
  .user-info-wrap {
    width: 100%;
    margin-left: initial;
    margin-top: 30px; }
    .user-info-wrap .user-title {
      text-align: center; }
    .user-info-wrap .user-info {
      margin-top: 20px; } }

.physical_fitness .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .physical_fitness .content ul {
    width: 15.66%;
    border: 1px solid gainsboro;
    background-color: #ebebeb;
    padding: 16px 0;
    border-radius: 4px;
    margin: 1% 0.5%; }
    .physical_fitness .content ul.lock-border {
      border: 1px solid #b60101; }
  .physical_fitness .content li {
    text-align: center;
    line-height: 1.5;
    font-size: 14px; }
  .physical_fitness .content .title {
    font-weight: bolder;
    font-size: 16px;
    color: #193f78; }
    .physical_fitness .content .title i.bi-lock-fill {
      color: #b60101; }
  .physical_fitness .content .data {
    font-size: 24px; }
  .physical_fitness .content .date {
    color: #666; }
  .physical_fitness .content .green {
    color: #168c74;
    font-size: 14px;
    margin-left: 2px; }
  .physical_fitness .content img {
    width: 140px; }
  .physical_fitness .content img.lock01 {
    width: 230px; }

.physical_fitness .content_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.physical_fitness .content_group_inner {
  width: 50%;
  margin-bottom: 20px; }
  .physical_fitness .content_group_inner .content_group_inner_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .physical_fitness .content_group_inner ul {
    width: 100%;
    border: 1px solid gainsboro;
    background-color: #ebebeb;
    padding: 16px 0;
    border-radius: 4px;
    margin: 0 0.5%; }
    .physical_fitness .content_group_inner ul.lock-border {
      border: 1px solid #b60101; }
  .physical_fitness .content_group_inner li {
    text-align: center;
    line-height: 1.5;
    font-size: 14px; }
  .physical_fitness .content_group_inner .title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 4px 0;
    color: #193f78; }
    .physical_fitness .content_group_inner .title i.bi-lock-fill {
      color: #b60101; }
  .physical_fitness .content_group_inner .data {
    font-size: 24px; }
  .physical_fitness .content_group_inner .date {
    color: #666; }
  .physical_fitness .content_group_inner .green {
    color: #168c74;
    font-size: 14px;
    margin-left: 2px; }
  .physical_fitness .content_group_inner img {
    width: 140px; }
  .physical_fitness .content_group_inner img.lock01 {
    width: 230px; }

.physical_fitness .physical_fitness .content_group {
  margin-top: 10px; }

.physical_fitness .physical_fitness .content_group_inner {
  width: 100%; }

.physical_fitness .comments ul {
  border: 1px solid gainsboro;
  background-color: #ebebeb;
  border-radius: 4px;
  margin: 10px 5px;
  margin-bottom: 50px; }

.physical_fitness .comments li {
  line-height: 20px;
  padding: 20px; }

.physical_fitness .comments .title {
  color: #193f78; }

.physical_fitness .comments span {
  color: #000; }

.physical_fitness .group_title {
  text-align: center;
  font-weight: bolder;
  font-size: 16px;
  margin: 20px 0;
  color: #373737; }
  .physical_fitness .group_title .bi-lock-fill {
    color: #b60101; }
  .physical_fitness .group_title span {
    color: #b60101;
    margin-left: 4px; }

.physical_fitness .title_group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
  .physical_fitness .title_group h3 {
    position: absolute;
    padding: 0 20px;
    z-index: 2;
    background-color: #fff; }
  .physical_fitness .title_group .title_group_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b0b0b0;
    z-index: 1; }

@media screen and (max-width: 767px) {
  .physical_fitness .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    height: 15px; }
    .physical_fitness .content .title span {
      font-size: 10px; }
  .physical_fitness .content_group_inner_content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    height: 25px; }
    .physical_fitness .content_group_inner_content .title span {
      font-size: 10px; }
  .physical_fitness .content ul {
    width: 49%; }
  .physical_fitness .comments li {
    font-size: 14px;
    line-height: 2; }
  .physical_fitness .content_group .content_group_inner {
    width: 100%; } }

.basic_athletic_ability .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .basic_athletic_ability .content ul {
    width: 15.66%;
    border: 1px solid gainsboro;
    background-color: #ebebeb;
    padding: 16px 0;
    border-radius: 4px;
    margin: 1% 0.5%; }
    .basic_athletic_ability .content ul.lock-border {
      border: 1px solid #b60101; }
  .basic_athletic_ability .content li {
    text-align: center;
    line-height: 1.5;
    font-size: 14px; }
  .basic_athletic_ability .content .title {
    font-weight: bolder;
    font-size: 16px;
    color: #193f78; }
    .basic_athletic_ability .content .title i.bi-lock-fill {
      color: #b60101; }
  .basic_athletic_ability .content .data {
    font-size: 24px; }
  .basic_athletic_ability .content .date {
    color: #666; }
  .basic_athletic_ability .content .green {
    color: #168c74;
    font-size: 14px;
    margin-left: 2px; }
  .basic_athletic_ability .content img {
    width: 140px; }
  .basic_athletic_ability .content img.lock01 {
    width: 230px; }

.basic_athletic_ability .content_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.basic_athletic_ability .content_group_inner {
  width: 50%;
  margin-bottom: 20px; }
  .basic_athletic_ability .content_group_inner .content_group_inner_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .basic_athletic_ability .content_group_inner ul {
    width: 100%;
    border: 1px solid gainsboro;
    background-color: #ebebeb;
    padding: 16px 0;
    border-radius: 4px;
    margin: 1%; }
    .basic_athletic_ability .content_group_inner ul.lock-border {
      border: 1px solid #b60101; }
  .basic_athletic_ability .content_group_inner li {
    text-align: center;
    line-height: 1.5;
    font-size: 14px; }
  .basic_athletic_ability .content_group_inner .title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 4px 0;
    color: #193f78; }
    .basic_athletic_ability .content_group_inner .title i.bi-lock-fill {
      color: #b60101; }
  .basic_athletic_ability .content_group_inner .group_title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 20px 0;
    color: #373737; }
    .basic_athletic_ability .content_group_inner .group_title i.bi-lock-fill {
      color: #b60101; }
  .basic_athletic_ability .content_group_inner .data {
    font-size: 24px; }
  .basic_athletic_ability .content_group_inner .date {
    color: #666; }
  .basic_athletic_ability .content_group_inner .green {
    color: #168c74;
    font-size: 14px;
    margin-left: 2px; }
  .basic_athletic_ability .content_group_inner img {
    width: 140px; }
  .basic_athletic_ability .content_group_inner img.lock01 {
    width: 230px; }

.basic_athletic_ability .comments ul {
  border: 1px solid gainsboro;
  background-color: #ebebeb;
  border-radius: 4px;
  margin: 10px 5px;
  margin-bottom: 50px; }

.basic_athletic_ability .comments li {
  line-height: 20px;
  padding: 20px; }

.basic_athletic_ability .comments .title {
  color: #193f78; }

.basic_athletic_ability .comments span {
  color: #000; }

.basic_athletic_ability .title_group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
  .basic_athletic_ability .title_group h3 {
    position: absolute;
    padding: 0 20px;
    z-index: 2;
    background-color: #fff; }
  .basic_athletic_ability .title_group .title_group_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b0b0b0;
    z-index: 1; }

@media screen and (max-width: 767px) {
  .basic_athletic_ability .content_group_inner .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    height: 15px; }
    .basic_athletic_ability .content_group_inner .title span {
      font-size: 10px; }
  .basic_athletic_ability .comments li {
    font-size: 14px;
    line-height: 2; }
  .basic_athletic_ability .content ul {
    width: 49%; }
  .basic_athletic_ability .content_group .content_group_inner {
    width: 100%; } }

.btn-wrap {
  border-bottom: 4px solid #c7c7c7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px; }
  .btn-wrap ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none; }
  .btn-wrap li {
    width: 50%; }
  .btn-wrap li:first-child {
    border-radius: 6px 0 0 0; }
  .btn-wrap li:last-child {
    border-radius: 0 6px 0 0;
    border-right: none; }
  .btn-wrap .btn {
    border-right: 2px solid #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#161616), to(#8d8d8d));
    background: -webkit-linear-gradient(bottom, #161616 0%, #8d8d8d 100%);
    background: -o-linear-gradient(bottom, #161616 0%, #8d8d8d 100%);
    background: linear-gradient(360deg, #161616 0%, #8d8d8d 100%); }
    .btn-wrap .btn h3 {
      margin: 14px 0;
      color: #fff; }
    .btn-wrap .btn p {
      color: #c5c5c5; }
    .btn-wrap .btn.active {
      background: -webkit-gradient(linear, left bottom, left top, from(#e9e9e9), to(#b2b2b2));
      background: -webkit-linear-gradient(bottom, #e9e9e9 0%, #b2b2b2 100%);
      background: -o-linear-gradient(bottom, #e9e9e9 0%, #b2b2b2 100%);
      background: linear-gradient(360deg, #e9e9e9 0%, #b2b2b2 100%); }
      .btn-wrap .btn.active h3 {
        color: black; }
      .btn-wrap .btn.active p {
        color: dimgray; }
  .btn-wrap a {
    text-align: center;
    color: #000; }
    .btn-wrap a span {
      font-size: 14px;
      color: #777; }

.btn-pitch-content {
  display: none;
  border: 1px solid gainsboro;
  padding: 0 20px;
  padding-bottom: 50px; }
  .btn-pitch-content.active {
    display: block; }

.btn-hit-content {
  display: none;
  border: 1px solid gainsboro;
  padding: 0 20px;
  padding-bottom: 50px; }
  .btn-hit-content.active {
    display: block; }

.gototop {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-family: verdana;
  text-align: center;
  background: #F63E3E;
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 30px;
  border-radius: 50%;
  text-decoration: none;
  z-index: 9999;
  cursor: pointer;
  /*先隱藏*/
  display: none; }

@media screen and (max-width: 767px) {
  .btn-pitch-content {
    padding: 0 10px; }
  .btn-hit-content {
    padding: 0 10px; }
  .gototop {
    width: 50px;
    height: 50px;
    line-height: 50px; } }

.rapsodo_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .rapsodo_content p {
    padding: 20px;
    text-align: center;
    line-height: 2;
    color: #525252; }

.rapsodo .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .rapsodo .content ul {
    width: 32.333%;
    border: 1px solid gainsboro;
    background-color: #ebebeb;
    padding: 16px 0;
    border-radius: 4px;
    margin: 1% 0.5%; }
    .rapsodo .content ul.lock-border {
      border: 1px solid #b60101; }
  .rapsodo .content li {
    text-align: center;
    line-height: 1.5;
    font-size: 14px; }
  .rapsodo .content .title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 4px 0;
    color: #193f78; }
    .rapsodo .content .title i.bi-lock-fill {
      color: #b60101; }
    .rapsodo .content .title span.title_sub {
      margin-left: 2px;
      color: #148eda; }
  .rapsodo .content .data {
    font-size: 24px; }
  .rapsodo .content .data_num_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 24px; }
    .rapsodo .content .data_num_group .unit {
      font-size: 18px;
      margin-left: 2px; }
    .rapsodo .content .data_num_group .data_num {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .rapsodo .content .data_num_group .dash {
      margin: 0 4px; }
  .rapsodo .content .date {
    color: #666; }
  .rapsodo .content .green {
    color: #168c74;
    font-size: 14px;
    margin-left: 2px; }
  .rapsodo .content .orange {
    color: #d87111;
    font-size: 14px;
    margin-left: 2px; }

.rapsodo .comments ul {
  width: 98%; }

.rapsodo ul.chart_01 {
  width: 100%; }
  .rapsodo ul.chart_01 img {
    width: 90%;
    margin: 20px 0; }

.rapsodo .group_title {
  text-align: center;
  font-weight: bolder;
  font-size: 16px;
  margin: 20px 0;
  color: #373737; }
  .rapsodo .group_title .bi-lock-fill {
    color: #b60101; }
  .rapsodo .group_title span {
    color: #b60101;
    margin-left: 4px; }

.rapsodo .title_group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
  .rapsodo .title_group h3 {
    position: absolute;
    padding: 0 20px;
    z-index: 2;
    background-color: #fff; }
  .rapsodo .title_group .title_group_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b0b0b0;
    z-index: 1; }
  .rapsodo .title_group .bi-lock-fill {
    color: #b60101;
    margin-right: 4px; }
  .rapsodo .title_group span {
    color: #b60101;
    margin-left: 4px; }

.rapsodo .content-movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .rapsodo .content-movie ul {
    margin: 1% 0.5%;
    padding: 16px 0;
    border-radius: 4px;
    border: 1px solid gainsboro;
    background-color: #ebebeb; }
    .rapsodo .content-movie ul.lock-border {
      border: 1px solid #b60101; }
  .rapsodo .content-movie .title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 4px 0;
    color: #193f78; }
    .rapsodo .content-movie .title i.bi-lock-fill {
      color: #b60101; }
  .rapsodo .content-movie ul.movie_01 {
    width: 49%; }

.rapsodo .text_description {
  margin: 0 0.5%; }
  .rapsodo .text_description h5 {
    font-size: 16px; }
  .rapsodo .text_description p {
    color: #666;
    line-height: 2; }

@media screen and (max-width: 767px) {
  .rapsodo_content p {
    font-size: 12px; }
  .rapsodo .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    height: 30px; }
    .rapsodo .content .title span {
      font-size: 10px;
      width: 100%; }
  .rapsodo .content span.title_sub {
    font-size: 12px;
    margin-left: initial; }
  .rapsodo .content .data_num_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2;
    margin-bottom: 10px; }
    .rapsodo .content .data_num_group .unit {
      width: 100%;
      margin-left: initial; }
  .rapsodo .content-movie ul.movie {
    display: block;
    width: 100%;
    margin: 0 auto; }
  .rapsodo .content-movie ul.movie_01 {
    margin: 10px auto;
    width: 100%; }
  .rapsodo ul.chart_01 img {
    width: 90%; } }

.hittrax_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .hittrax_content p {
    padding: 20px;
    text-align: center;
    line-height: 2;
    color: #525252; }

.hittrax .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .hittrax .content ul {
    width: 32.333%;
    border: 1px solid gainsboro;
    background-color: #ebebeb;
    padding: 16px 0;
    border-radius: 4px;
    margin: 1% 0.5%; }
    .hittrax .content ul.lock-border {
      border: 1px solid #b60101; }
  .hittrax .content li {
    text-align: center;
    line-height: 1.5;
    font-size: 14px; }
  .hittrax .content .title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 4px 0;
    color: #193f78; }
    .hittrax .content .title i.bi-lock-fill {
      color: #b60101; }
  .hittrax .content .data {
    font-size: 24px; }
  .hittrax .content .date {
    color: #666; }
  .hittrax .content .green {
    color: #168c74;
    font-size: 14px;
    margin-left: 2px; }
  .hittrax .content .orange {
    color: #d87111;
    font-size: 14px;
    margin-left: 2px; }

.hittrax .comments ul {
  width: 98%; }

.hittrax .chart_group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.hittrax ul.chart_01 {
  width: 100%; }
  .hittrax ul.chart_01 img {
    width: 90%;
    margin: 20px 0; }

.hittrax ul.chart_02 {
  width: 50%; }
  .hittrax ul.chart_02 img {
    width: 90%;
    margin: 20px 0; }

.hittrax ul.chart_03 {
  width: 100%; }
  .hittrax ul.chart_03 img {
    width: 90%;
    margin: 20px 0; }

.hittrax .group_title {
  text-align: center;
  font-weight: bolder;
  font-size: 16px;
  margin: 20px 0;
  color: #373737; }
  .hittrax .group_title .bi-lock-fill {
    color: #b60101; }
  .hittrax .group_title span {
    color: #b60101;
    margin-left: 4px; }

.hittrax .title_group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0; }
  .hittrax .title_group h3 {
    position: absolute;
    padding: 0 20px;
    z-index: 2;
    background-color: #fff; }
  .hittrax .title_group .title_group_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b0b0b0;
    z-index: 1; }
  .hittrax .title_group .bi-lock-fill {
    color: #b60101;
    margin-right: 4px; }
  .hittrax .title_group span {
    color: #b60101;
    margin-left: 4px; }

.hittrax .content-movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .hittrax .content-movie ul {
    margin: 1% 0.5%;
    padding: 16px 0;
    border-radius: 4px;
    border: 1px solid gainsboro;
    background-color: #ebebeb; }
    .hittrax .content-movie ul.lock-border {
      border: 1px solid #b60101; }
  .hittrax .content-movie .title {
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin: 4px 0;
    color: #193f78; }
    .hittrax .content-movie .title i.bi-lock-fill {
      color: #b60101; }
  .hittrax .content-movie ul.movie {
    display: block;
    width: 60%;
    margin: 0 auto; }
  .hittrax .content-movie ul.movie_01 {
    width: 24%; }

@media screen and (max-width: 767px) {
  .hittrax_content p {
    font-size: 12px; }
  .hittrax .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    height: 30px; }
    .hittrax .content .title span {
      font-size: 10px;
      width: 100%; }
  .hittrax .content span.title_sub {
    font-size: 12px;
    margin-left: initial; }
  .hittrax .content-movie ul.movie {
    display: block;
    width: 100%;
    margin: 0 auto; }
  .hittrax .content-movie ul.movie_01 {
    margin: 10px auto;
    width: 100%; }
  .hittrax .chart_group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .hittrax ul.chart_01 img {
    width: 90%; }
  .hittrax ul.chart_02 {
    width: 100%; }
    .hittrax ul.chart_02 img {
      width: 90%; }
  .hittrax ul.chart_03 {
    width: 100%; }
    .hittrax ul.chart_03 img {
      width: 90%; } }

.btn-C-content, .btn-B-content, .btn-F-content {
  display: none;
  border: 1px solid gainsboro;
  padding: 0 20px;
  padding-bottom: 50px; }
  .btn-C-content.active, .btn-B-content.active, .btn-F-content.active {
    display: block; }
  .btn-C-content .content, .btn-B-content .content, .btn-F-content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .btn-C-content .content ul, .btn-B-content .content ul, .btn-F-content .content ul {
      width: 32.333%;
      border: 1px solid gainsboro;
      background-color: #ebebeb;
      padding: 16px 0;
      border-radius: 4px;
      margin: 1% 0.5%; }
      .btn-C-content .content ul.lock-border, .btn-B-content .content ul.lock-border, .btn-F-content .content ul.lock-border {
        border: 1px solid #b60101; }
    .btn-C-content .content li, .btn-B-content .content li, .btn-F-content .content li {
      text-align: center;
      line-height: 1.5;
      font-size: 14px; }
    .btn-C-content .content .title, .btn-B-content .content .title, .btn-F-content .content .title {
      text-align: center;
      font-weight: bolder;
      font-size: 16px;
      margin: 4px 0;
      color: #193f78; }
      .btn-C-content .content .title i.bi-lock-fill, .btn-B-content .content .title i.bi-lock-fill, .btn-F-content .content .title i.bi-lock-fill {
        color: #b60101; }
    .btn-C-content .content .data, .btn-B-content .content .data, .btn-F-content .content .data {
      font-size: 24px; }
    .btn-C-content .content .date, .btn-B-content .content .date, .btn-F-content .content .date {
      color: #666; }
    .btn-C-content .content .green, .btn-B-content .content .green, .btn-F-content .content .green {
      color: #168c74;
      font-size: 14px;
      margin-left: 2px; }
    .btn-C-content .content .orange, .btn-B-content .content .orange, .btn-F-content .content .orange {
      color: #d87111;
      font-size: 14px;
      margin-left: 2px; }
  .btn-C-content ul.movie, .btn-B-content ul.movie, .btn-F-content ul.movie {
    width: 60%;
    margin: 0 auto; }
  .btn-C-content ul.movie_1, .btn-B-content ul.movie_1, .btn-F-content ul.movie_1 {
    width: 32.3%; }
  .btn-C-content .title_group, .btn-B-content .title_group, .btn-F-content .title_group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0; }
    .btn-C-content .title_group h3, .btn-B-content .title_group h3, .btn-F-content .title_group h3 {
      position: absolute;
      padding: 0 20px;
      z-index: 2;
      background-color: #fff; }
    .btn-C-content .title_group .title_group_line, .btn-B-content .title_group .title_group_line, .btn-F-content .title_group .title_group_line {
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #b0b0b0;
      z-index: 1; }
    .btn-C-content .title_group .bi-lock-fill, .btn-B-content .title_group .bi-lock-fill, .btn-F-content .title_group .bi-lock-fill {
      color: #b60101;
      margin-right: 4px; }
    .btn-C-content .title_group span, .btn-B-content .title_group span, .btn-F-content .title_group span {
      color: #b60101;
      margin-left: 4px; }

@media screen and (max-width: 767px) {
  .btn-C-content .content .title, .btn-B-content .content .title, .btn-F-content .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    height: 40px; }
    .btn-C-content .content .title span, .btn-B-content .content .title span, .btn-F-content .content .title span {
      font-size: 10px;
      width: 100%; }
  .btn-C-content .content span.title_sub, .btn-B-content .content span.title_sub, .btn-F-content .content span.title_sub {
    font-size: 12px;
    margin-left: initial; }
  .btn-C-content ul.movie_1, .btn-B-content ul.movie_1, .btn-F-content ul.movie_1 {
    width: 100%;
    margin: 10px auto; }
  .btn-C-content ul.movie, .btn-B-content ul.movie, .btn-F-content ul.movie {
    width: 100%;
    margin: 10px auto; }
  .btn-C-content .title_group .title_line_data, .btn-B-content .title_group .title_line_data, .btn-F-content .title_group .title_line_data {
    width: 18%;
    height: 1px;
    background-color: #b0b0b0; }
  .btn-C-content .title_group .title_line_movie, .btn-B-content .title_group .title_line_movie, .btn-F-content .title_group .title_line_movie {
    width: 35%;
    height: 1px;
    background-color: #b0b0b0; } }