/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #C1C1C1; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #C1C1C1; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #F4C31D; 
}


.form-overflow {
  height: auto;
  border-bottom: 1px solid #434343;
}

.form-ask {
  border-bottom: 1px solid #e9ecef;
  background: #f8f9fa;
}

.TopMenuLanguages                                                            {
  margin-top : 15px                                                          ;
}

.form-group                                                                  {
  width : 100%                                                               ;
}

@media only screen and (min-width: 901px) and (max-width: 1024px)            {
  #Editor                                                                    {
    max-width : 1024px                                                       ;
  }
  .menuimg                                                                   {
    max-width : 450px                                                        ;
  }
}

@media only screen and (min-width: 769px) and (max-width: 900px)             {
  #Editor                                                                    {
    max-width : 900px;
  }
  .menuimg                                                                   {
    max-width : 440px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 768px)             {
  #Editor                                                                    {
    max-width: 768px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 430px                                                         ;
  }
}

@media only screen and (min-width: 511px) and (max-width: 520px)             {
  #Editor                                                                    {
    max-width: 520px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 420px                                                         ;
  }
}

@media only screen and (min-width: 501px) and (max-width: 510px)             {
  #Editor                                                                    {
    max-width: 510px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 410px                                                         ;
  }
}

@media only screen and (min-width: 491px) and (max-width: 500px)             {
  #Editor                                                                    {
    max-width: 500px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 400px                                                         ;
  }
}

@media only screen and (min-width: 481px) and (max-width: 490px)             {
  #Editor                                                                    {
    max-width: 490px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 390px                                                         ;
  }
}

@media only screen and (min-width: 471px) and (max-width: 480px)             {
  #Editor                                                                    {
    max-width: 480px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 380px                                                         ;
  }
}

@media only screen and (min-width: 461px) and (max-width: 470px)             {
  #Editor                                                                    {
    max-width: 470px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 370px                                                         ;
  }
}

@media only screen and (min-width: 451px) and (max-width: 460px)             {
  #Editor                                                                    {
    max-width: 460px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 360px                                                         ;
  }
}

@media only screen and (min-width: 441px) and (max-width: 450px)             {
  #Editor                                                                    {
    max-width: 450px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 350px                                                         ;
  }
}

@media only screen and (min-width: 431px) and (max-width: 440px)             {
  #Editor                                                                    {
    max-width: 440px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 340px                                                         ;
  }
}

@media only screen and (min-width: 421px) and (max-width: 430px)             {
  #Editor                                                                    {
    max-width: 430px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 330px                                                         ;
  }
}

@media only screen and (min-width: 411px) and (max-width: 420px)             {
  #Editor                                                                    {
    max-width: 420px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 320px                                                         ;
  }
}

@media only screen and (min-width: 401px) and (max-width: 410px)             {
  #Editor                                                                    {
    max-width: 410px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 310px                                                         ;
  }
}

@media only screen and (min-width: 391px) and (max-width: 400px)             {
  #Editor                                                                    {
    max-width: 400px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 300px                                                         ;
  }
}

@media only screen and (min-width: 381px) and (max-width: 390px)             {
  #Editor                                                                    {
    max-width: 390px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 290px                                                         ;
  }
}

@media only screen and (min-width: 371px) and (max-width: 380px)             {
  #Editor                                                                    {
    max-width: 380px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 280px                                                         ;
  }
}

@media only screen and (min-width: 361px) and (max-width: 370px)             {
  #Editor                                                                    {
    max-width: 370px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 270px                                                         ;
  }
}

@media only screen and (min-width: 351px) and (max-width: 360px)             {
  #Editor                                                                    {
    max-width: 360px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 260px                                                         ;
  }
}

@media only screen and (min-width: 341px) and (max-width: 350px)             {
  #Editor                                                                    {
    max-width: 350px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 250px                                                         ;
  }
}

@media only screen and (min-width: 331px) and (max-width: 340px)             {
  #Editor                                                                    {
    max-width: 340px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 240px                                                         ;
  }
}

@media only screen and (min-width: 321px) and (max-width: 330px)             {
  #Editor                                                                    {
    max-width: 330px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 230px                                                         ;
  }
}

@media only screen and (min-width: 0px) and (max-width: 320px)               {
  #Editor                                                                    {
    max-width: 320px                                                         ;
  }
  .menuimg                                                                   {
    max-width: 220px                                                         ;
  }
}

.InquiryContainer                                                            {
  width          : 100%                                                      ;
  padding-right  : 15px                                                      ;
  padding-left   : 15px                                                      ;
  padding-top    :  15px                                                      ;
  padding-bottom :  15px                                                      ;
  margin-right   : auto                                                      ;
  margin-left    : auto                                                      ;
}

@media (min-width: 992px) {
  .InquiryContainer {
    max-width: 992px;
  }

  .DateTimeColumn                          {
    min-width: 200px ;
    max-width: 300px ;
    font-size : 16px                 ;
  }

  .NameColumn           {
    min-width: 280px;
    max-width: 380px;
    overflow: hidden;
    font-size: 16px;
  }

  .TitleColumn          {
    font-size : 16px              ;
  }

}

@media (min-width: 400px) {

  .DateTimeColumn                          {
    max-width: 130px ;
    font-size : 16px  ;
  }

  .NameColumn           {
    max-width: 130px;
    overflow: hidden;
    font-size: 16px;
  }

  .TitleColumn          {
    font-size : 16px              ;
  }

}

.InquiryTable                                                                {
  width     : 100%                                                           ;
  font-size : 16px                                                           ;
}

.PinTable                                                                    {
    width     : 100%                                                           ;
    font-size : 16px                                                           ;
}

.PinPin {
    background: #f7f7f7;
    border-radius: 30px;
    padding: 1rem;
}

.odd                                                                         {
  background-color : #f4fcf4                                                 ;
}

.even                                                                        {
  background-color : #fcf4f4                                                 ;
}

/***留言板***/
.board-bg {
    background-color: #F7F7F7;
    border-radius: 40px;
    padding: 30px;
    font-family: 'Noto Sans TC';
}
.board-title {
    display: flex;
    font-size: 30px;
    font-weight: bold;
    justify-content: center;
    margin: 24px 0;
}
.board-title2 {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    margin: 24px 0;
}
.board-title-link {
    color: #0066DA;
    margin-left: 4px;
}
.board-section {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.board-section-left, .board-section-right, .board-section-center {
    margin: 14px;
}
.board-section-center {
    background-color: #C7C7C7;
    width: 1px;
}
.board-section-left-title, .board-section-right-title {
    display: flex;
    font-size: 22px;
    font-weight: bold;
    justify-content: center;
    margin: 14px 0;
}
.board-section-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.board-section-line, .board-section-messenger, 
.board-section-fb, .board-section-ig{
    margin: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.board-section-line-img, .board-section-messenger-img,
.board-section-fb-img, .board-section-ig-img {
    width: 140px;
    height: auto;
}
.board-section-line-btn, .board-section-messenger-btn, 
.board-section-fb-btn, .board-section-ig-btn {
    margin: 14px;
    border-radius: 26px;
    color: white;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.board-link {
    text-decoration-line: none;
}
.board-section-line-btn {
    background-color: #00C200;
}
.board-section-line-btn:hover {
    background-color: #4BE44B;
}
.board-section-line-btn:active {
    background-color: #009A00;
}
.board-section-messenger-btn {
    background-color: #1088F9;
}
.board-section-messenger-btn:hover {
    background-color: #6CB8FF;
}
.board-section-messenger-btn:active {
    background-color: #0069CC;
}
.board-section-fb-btn {
    background-color: #095BF8;
}
.board-section-fb-btn:hover {
    background-color: #5D9EFF;
}
.board-section-fb-btn:active {
    background-color: #0040BA;
}
.board-section-ig-btn {
    background-color: #3B3B3B;
}
.board-section-ig-btn:hover {
    background-color: #747474;
}
.board-section-ig-btn:active {
    background-color: #242424;
}
.board-icon {
    margin-left: 2px;
}
@media screen and (max-width:960px) {
    .board-section-center {
       width: 0px;
       margin: 0px;
    }
}