@charset "UTF-8";
html,
body {
  width: 100%;
  min-width: 1200px;
  min-height: 100%;
  height: auto;
  padding: 0px;
  margin: 0px auto;
  text-align: left;
  overflow: visible;
  font-size: 16px;
  color: #333;
  background: url(../_img/layout/Sports.png);
  line-height: 1.5;
  font-family: 'Airal', 'Microsoft JhengHei' , '微軟正黑體' , sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pace:after {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(187, 146, 126, .8);
    z-index: 99999;
    display: block; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #bb927e;
  position: fixed;
  z-index: 200000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px; }

.animate {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

p {
  margin-bottom: 5px; }

/*共用屬性*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-overflow-scrolling: touch; }

a {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  text-decoration: none;
  color: inherit; }
  a:active, a:hover {
    outline: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }

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

input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0; }

/*泛用表格*/
.t {
  display: table; }
  .t > .t-row {
    display: table-row; }
    .t > .t-row > .t-cell {
      display: table-cell;
      vertical-align: middle;
      border-collapse: collapse;
      margin: 0;
      padding: 0; }

/*定義區塊*/
.container {
  margin: auto;
  position: relative;
  z-index: 100;
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px; }

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-left: 15px;
  padding-right: 15px; }

.col-12 {
  width: 100%; }

.col-11 {
  width: 91.66666667%; }

.col-10 {
  width: 83.33333333%; }

.col-9 {
  width: 75%; }

.col-8 {
  width: 66.66666667%; }

.col-7 {
  width: 58.33333333%; }

.col-6 {
  width: 50%; }

.col-5 {
  width: 41.66666667%; }

.col-4 {
  width: 33.33333333%; }

.col-3 {
  width: 25%; }

.col-2 {
  width: 16.66666667%; }

.col-1 {
  width: 8.33333333%; }

.pic {
  position: relative;
  font-size: 0;
  width: 100%;
  height: 0;
  display: block;
  padding-bottom: 100%; }
  .pic > span {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0; }
    .pic > span:before {
      content: ' ';
      display: inline-block;
      height: 100%;
      width: 0;
      vertical-align: middle; }
    .pic > span > img, .pic > span > iframe {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
    .pic > span > iframe {
      width: 100%;
      height: 100%; }

.cf:after,
.row:after,
dl:after {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden; }

.bg_img {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat; }

.editor {
  word-break: break-all;
  /* Begin bidirectionality settings (do not change) */ }
  .editor i {
    font-style: italic; }
  .editor em, .editor b, .editor strong {
    font-weight: bold; }
  .editor img {
    height: auto !important; }
  .editor html, .editor address, .editor blockquote, .editor body, .editor dd, .editor div, .editor dl, .editor dt, .editor fieldset, .editor form,
  .editor frame, .editor frameset, .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor noframes, .editor ol, .editor p, .editor ul, .editor center,
  .editor dir, .editor hr, .editor menu, .editor pre {
    display: block; }
  .editor li {
    display: list-item; }
  .editor head {
    display: none; }
  .editor table {
    display: table; }
  .editor tr {
    display: table-row; }
  .editor thead {
    display: table-header-group; }
  .editor tbody {
    display: table-row-group; }
  .editor tfoot {
    display: table-footer-group; }
  .editor col {
    display: table-column; }
  .editor colgroup {
    display: table-column-group; }
  .editor td, .editor th {
    display: table-cell; }
  .editor caption {
    display: table-caption; }
  .editor th {
    font-weight: bolder;
    text-align: center; }
  .editor caption {
    text-align: center; }
  .editor body {
    margin: 8px; }
  .editor h1 {
    font-size: 2em;
    margin: .67em 0; }
  .editor h2 {
    font-size: 1.5em;
    margin: .75em 0; }
  .editor h3 {
    font-size: 1.17em;
    margin: .83em 0; }
  .editor h4, .editor p, .editor blockquote, .editor ul, .editor fieldset, .editor form, .editor ol, .editor dl, .editor dir, .editor menu {
    margin: 10px 0; }
  .editor h5 {
    font-size: .83em;
    margin: 1.5em 0; }
  .editor h6 {
    font-size: .75em;
    margin: 1.67em 0; }
  .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor b, .editor strong {
    font-weight: bolder; }
  .editor blockquote {
    margin-left: 40px;
    margin-right: 40px; }
  .editor i, .editor cite, .editor em, .editor var, .editor address {
    font-style: italic; }
  .editor pre, .editor tt, .editor code, .editor kbd, .editor samp {
    font-family: monospace; }
  .editor pre {
    white-space: pre; }
  .editor button, .editor textarea, .editor input, .editor select {
    display: inline-block; }
  .editor big {
    font-size: 1.17em; }
  .editor small, .editor sub, .editor sup {
    font-size: .83em; }
  .editor sub {
    vertical-align: sub; }
  .editor sup {
    vertical-align: super; }
  .editor table {
    border-spacing: 2px; }
  .editor thead, .editor tbody, .editor tfoot {
    vertical-align: middle; }
  .editor td, .editor th {
    vertical-align: inherit; }
  .editor s, .editor strike, .editor del {
    text-decoration: line-through; }
  .editor hr {
    border: 1px inset; }
  .editor ol, .editor ul, .editor dir, .editor menu, .editor dd {
    margin-left: 40px; }
  .editor ol {
    list-style-type: decimal; }
  .editor ol ul, .editor ul ol, .editor ul ul, .editor ol ol {
    margin-top: 0;
    margin-bottom: 0; }
  .editor u, .editor ins {
    text-decoration: underline; }
  .editor br:before {
    content: "\A"; }
  .editor :before, .editor :after {
    white-space: pre-line; }
  .editor center {
    text-align: center; }
  .editor :link, .editor :visited {
    text-decoration: underline; }
  .editor :focus {
    outline: thin dotted invert; }
  .editor BDO[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  .editor BDO[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  .editor *[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: embed; }
  .editor *[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: embed; }
  @media print {
    .editor h1 {
      page-break-before: always; }
    .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
      page-break-after: avoid; }
    .editor ul, .editor ol, .editor dl {
      page-break-before: avoid; } }

header {
  background: rgba(255, 247, 244, .5);
  padding: 15px 0 25px;
  position: relative; }
  header .logo {
    margin: 0 0 20px 0; }
  header .button {
    position: absolute;
    right: 15px;
    top: 5px;
    margin: 0; }
    header .button.bg a {
      font-size: 22px;
      font-weight: bold; }
  header:after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../_img/layout/h-line.png) no-repeat; }

/* main nav start */
#main-nav {
  text-align: center;
  width: 1200px;
  padding: 0 15px;
  margin: 0 auto; }
  #main-nav ul {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%; }
    #main-nav ul li {
      display: inline-block;
      width: calc(16.66667% - 5px);
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      font-size: 0;
      vertical-align: middle;
      text-align: center;
      padding: 5px;
      border-left: 1px #707070 dotted; }
      #main-nav ul li a {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        display: block; }
        #main-nav ul li a:hover {
          -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
          -webkit-transform: translateY(-5px) rotate(0);
          transform: translateY(-5px) rotate(0);
          color: #bb927e; }
      #main-nav ul li:last-child {
        border-right: 1px #707070 dotted; }

#logo {
  display: inline-block;
  vertical-align: middle; }

#gotop {
  background: #bb927e;
  color: #fff;
  border-radius: 50%;
  opacity: .8;
  position: fixed;
  right: 25px;
  bottom: 80px;
  font-size: 30px;
  width: 50px;
  height: 50px;
  padding: 10px;
  cursor: pointer;
  z-index: 998;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  #gotop:hover {
    opacity: 1; }
  #gotop.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s ease;
    transition: .3s ease; }

footer {
  background: #bb927e;
  color: #fff;
  text-align: center;
  font-size: 15px; }
  footer .copyright {
    padding: 12px 15px;
    font-size: 15px; }
    footer .copyright span {
      padding: 0; }

#index #banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1; }
  #index #banner a {
    outline: none; }
  #index #banner .bg_img {
    padding-bottom: 48%;
    height: 0;
    display: block;
    background-size: cover; }
  #index #banner .slider {
    width: 100%;
    z-index: 1; }
  #index #banner .slick-slider {
    margin: 0; }
  #index #banner .slick-dots {
    bottom: 15px;
    text-align: right;
    padding: 0 15px; }
    #index #banner .slick-dots li {
      margin: 0; }
      #index #banner .slick-dots li button:before {
        content: '';
        background: #000;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 2px #fff solid;
        opacity: 1; }
    #index #banner .slick-dots .slick-active button:before {
      content: '';
      background: #bb927e;
      display: inline-block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 2px #bb927e solid;
      opacity: 1; }

#purpose {
  color: #fff;
  background: rgba(68, 24, 4, .5);
  padding: 20px 20px 15px;
  text-shadow: 0 0 4px #333;
  font-size: 18px;
  position: relative;
  z-index: 9; }
  #purpose img {
    display: block;
    margin: 0 auto; }
  #purpose .title {
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: bold; }

.idx-news ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #555;
  padding: 6px;
  border-bottom: 2px #ccc dashed; }
  .idx-news ul li .list-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    padding: 5px 10px; }
    .idx-news ul li .list-title a:hover {
      color: #000;
      -webkit-transition: all .3s linear;
      transition: all .3s linear; }
  .idx-news ul li .new {
    width: 65px; }
    .idx-news ul li .new a {
      color: #fff;
      background: #bb927e;
      border-radius: 4px;
      padding: 3px 5px;
      font-size: 14px; }
      .idx-news ul li .new a:hover {
        color: #fff; }
  .idx-news ul li a:hover {
    color: #bb927e; }

.idx-news span {
  color: #bb927e;
  padding: 5px;
  width: 130px; }

.bg-yellow {
  background: rgba(255, 247, 244, .6);
  position: relative; }
  .bg-yellow:after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../_img/layout/h-line.png) no-repeat; }

.edit-box {
  position: relative; }
  .edit-box p {
    color: #555;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px; }
    .edit-box p:before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      left: 0px;
      top: 5px;
      border-style: solid;
      border-width: 8px 0 8px 12px;
      border-color: transparent transparent transparent #bb927e; }
  .edit-box .dl {
    text-align: left;
    position: relative;
    padding-left: 25px;
    margin: 20px 0; }
    .edit-box .dl:before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      left: 0px;
      top: 12px;
      border-style: solid;
      border-width: 8px 0 8px 12px;
      border-color: transparent transparent transparent #bb927e; }
    .edit-box .dl i, .edit-box .dl svg {
      padding-left: 5px; }
  .edit-box .item-box {
    display: inline-block;
    width: calc(50% - 4px);
    padding: 10px 25px;
    vertical-align: top; }
  .edit-box .hand {
    position: absolute;
    bottom: 0px;
    left: 60px; }

.idx-game {
  position: relative; }
  .idx-game .rule {
    position: absolute;
    bottom: 120px;
    right: 120px;
    font-weight: bold;
    font-size: 25px; }
    .idx-game .rule i, .idx-game .rule svg {
      padding-left: 5px; }

#contact {
  text-align: center;
  font-size: 20px;
  color: #333; }
  #contact span {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    display: inline-block;
    padding: 5px 10px; }
    #contact span img {
      vertical-align: top;
      padding: 0 10px; }
    #contact span:hover {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      -webkit-transform: translateY(-5px) rotate(0);
      transform: translateY(-5px) rotate(0); }
  #contact i, #contact svg {
    color: #bb927e;
    font-size: 30px;
    vertical-align: top;
    padding: 0 5px; }

.main {
  padding: 60px 0; }

.mc1 {
  color: #bb927e; }

.button {
  clear: both;
  margin: 30px 0 10px;
  text-align: center; }
  .button span {
    display: inline-block; }
  .button a {
    display: inline-block;
    border: 1px #bb927e solid;
    color: #bb927e;
    padding: 5px 20px;
    border-radius: 50px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear; }
    .button a:hover {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      -webkit-transform: translateY(-5px) rotate(0);
      transform: translateY(-5px) rotate(0);
      background: #bb927e;
      border: 1px #bb927e solid;
      color: #fff; }
  .button.white a {
    border: 1px #fff solid;
    color: #fff; }
    .button.white a:hover {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      background: rgba(255, 255, 255, .2);
      -webkit-transform: translateY(-5px) rotate(0);
      transform: translateY(-5px) rotate(0); }
  .button.dark a {
    border: 1px #777 solid;
    color: #777; }
    .button.dark a:hover {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      -webkit-transform: translateY(-5px) rotate(0);
      transform: translateY(-5px) rotate(0);
      background: #333;
      border: 1px #333 solid;
      color: #fff; }
  .button.bg {
    margin: 0; }
    .button.bg a {
      color: #fff;
      background: #bb927e; }
      .button.bg a:hover {
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        background: #333;
        border: 1px #333 solid;
        -webkit-transform: translateY(0px) rotate(0);
        transform: translateY(0px) rotate(0); }

.box-title {
  font-size: 30px;
  position: relative;
  display: inline-block;
  z-index: 2;
  margin-bottom: 40px;
  font-weight: bold; }
  .box-title:after {
    position: absolute;
    content: '';
    height: 19px;
    width: 68px;
    background: url(../_img/index/title-left.png) no-repeat;
    top: 13px;
    left: -85px;
    z-index: -1; }
  .box-title:before {
    position: absolute;
    content: '';
    height: 19px;
    width: 68px;
    background: url(../_img/index/title-right.png) no-repeat;
    top: 13px;
    right: -85px;
    z-index: -1; }

.main-title {
  font-size: 25px;
  color: #000;
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
  font-weight: bold; }
  .main-title:after {
    position: absolute;
    content: '';
    height: 8px;
    width: 180px;
    background: #bb927e;
    bottom: 3px;
    left: 32px;
    z-index: -1; }

.breadcrumb-container {
  color: #bb927e; }
  .breadcrumb-container .breadcrumb {
    font-size: 15px;
    padding-left: 0;
    padding: 8px 0;
    text-transform: uppercase; }
    .breadcrumb-container .breadcrumb i, .breadcrumb-container .breadcrumb svg {
      padding-right: 5px;
      color: #555; }
    .breadcrumb-container .breadcrumb > li {
      display: inline-block; }
      .breadcrumb-container .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/"; }
    .breadcrumb-container .breadcrumb > .active {
      color: #777; }
    .breadcrumb-container .breadcrumb a {
      color: #555; }

.pagination-container {
  padding: 30px 0; }
  .pagination-container .pagination {
    display: inline-block;
    padding-left: 0; }
    .pagination-container .pagination li {
      border-radius: 50%;
      display: inline-block; }
      .pagination-container .pagination li.active a, .pagination-container .pagination li:hover a {
        background-color: #bb927e;
        border: 1px solid #bb927e;
        color: #fff; }
    .pagination-container .pagination a, .pagination-container .pagination span {
      line-height: 40px;
      border-radius: 50%;
      background-color: #fff;
      border: 1px solid #555;
      margin-left: 4px;
      width: 40px;
      height: 40px;
      transition: all 0.45s ease;
      -webkit-transition: all 0.45s ease;
      min-width: 34px;
      text-align: center;
      display: block; }

#news .news-list {
  margin: 0px auto 40px;
  text-align: left; }
  #news .news-list .news-item {
    display: inline-block;
    width: calc(33.33333% - 24px);
    margin: 20px 10px;
    vertical-align: top;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    padding: 15px;
    border-radius: 8px;
    border: 2px #ccc dashed;
    background: rgba(255, 255, 255, .5); }
    #news .news-list .news-item:hover {
      border: 2px #bb927e dashed;
      background: rgba(187, 146, 126, .05);
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-box-shadow: 0 0 14px rgba(187, 146, 126, .6);
      box-shadow: 0 0 14px rgba(187, 146, 126, .6); }
      #news .news-list .news-item:hover .img-box {
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        opacity: .8; }
    #news .news-list .news-item .img-box {
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    #news .news-list .news-item .news-title h4 {
      color: #000;
      font-size: 17px;
      margin-bottom: 10px; }
    #news .news-list .news-item .news-title p {
      color: #bb927e;
      font-size: 15px;
      display: inline-block; }
    #news .news-list .news-item .news-title i, #news .news-list .news-item .news-title svg {
      padding-right: 3px; }
    #news .news-list .news-item .new {
      display: inline-block;
      color: #fff;
      background: #bb927e;
      border-radius: 4px;
      padding: 2px 5px;
      font-size: 14px;
      margin: 0 5px; }
      #news .news-list .news-item .new:hover {
        color: #fff; }

#news .news-in-box .news-list {
  margin: 15px 0; }
  #news .news-in-box .news-list .news-item {
    display: block;
    width: 1170px;
    margin: 0;
    border-radius: 8px;
    border: 2px #ccc dashed;
    background: rgba(255, 255, 255, .4);
    -webkit-box-shadow: 0 0 14px #ccc;
    box-shadow: 0 0 14px #ccc;
    padding: 20px; }
    #news .news-in-box .news-list .news-item .news-title {
      margin-bottom: 20px; }
      #news .news-in-box .news-list .news-item .news-title h4 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 5px; }
      #news .news-in-box .news-list .news-item .news-title p {
        font-size: 16px;
        margin-bottom: 10px; }

#photo .photo-list {
  margin: 0px auto 40px;
  text-align: left; }
  #photo .photo-list .photo-item {
    display: inline-block;
    width: calc(33.33333% - 24px);
    margin: 20px 10px;
    vertical-align: top;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    padding: 10px;
    border-radius: 8px;
    border: 2px #ccc dashed; }
    #photo .photo-list .photo-item:hover {
      border: 2px #bb927e dashed;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-box-shadow: 0 0 14px rgba(187, 146, 126, .6);
      box-shadow: 0 0 14px rgba(187, 146, 126, .6); }
      #photo .photo-list .photo-item:hover .img-box {
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        opacity: .8; }
      #photo .photo-list .photo-item:hover .photo-title h4 {
        background: rgba(187, 146, 126, .7); }
    #photo .photo-list .photo-item .img-box {
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    #photo .photo-list .photo-item .photo-title {
      position: absolute;
      width: calc(100% - 20px);
      text-align: center;
      bottom: 10px; }
      #photo .photo-list .photo-item .photo-title h4 {
        color: #fff;
        text-shadow: 0 0 8px #333;
        font-size: 18px;
        background: rgba(0, 0, 0, .4);
        padding: 10px; }

#photo .photo-in-box .photo-list .photo-item {
  width: calc(25% - 24px);
  border: 0; }
  #photo .photo-in-box .photo-list .photo-item:hover {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
    #photo .photo-in-box .photo-list .photo-item:hover .photo-title h4 {
      background: none; }
  #photo .photo-in-box .photo-list .photo-item .img-box {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 10px;
    border-radius: 8px;
    border: 2px #ccc dashed; }
    #photo .photo-in-box .photo-list .photo-item .img-box:hover {
      border: 2px #bb927e dashed;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-box-shadow: 0 0 14px rgba(187, 146, 126, .6);
      box-shadow: 0 0 14px rgba(187, 146, 126, .6); }
  #photo .photo-in-box .photo-list .photo-item .photo-title {
    position: inherit;
    width: 100%; }
    #photo .photo-in-box .photo-list .photo-item .photo-title h4 {
      color: #333;
      font-size: 16px;
      background: none;
      text-shadow: none; }

#photo .photo-in-box a {
  outline: none; }

#game .game-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 20px;
  border-radius: 16px;
  border: 2px #ccc dashed;
  margin: 10px 0 40px; }
  #game .game-list .text {
    padding: 0 10px 0 35px;
    width: 90%; }

#game h4 {
  font-size: 18px;
  margin-bottom: 15px; }

.editor-title {
  margin-bottom: 30px; }
  .editor-title li {
    margin: 5px;
    display: inline-block; }
    .editor-title li button {
      color: #bb927e;
      padding: 8px 20px;
      font-size: 15px;
      background: #fff;
      border-radius: 30px;
      border: 1px #bb927e solid;
      cursor: pointer;
      outline: none; }
      .editor-title li button.active {
        background: #bb927e;
        color: #fff; }

/*# sourceMappingURL=style.css.map */