@charset "UTF-8";
body {
  font-family: "Roboto", Arial, "微軟正黑體", "Microsoft JhengHei";
  min-height: 100%; }

li {
  list-style: none; }

.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px; }

/*	LOADING
--------------------------------------------------------*/
.loading-wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }

.loading-top {
  width: 50%;
  height: 100vh;
  background: #f5f5f5;
  animation: loading-top 2s ease-in forwards; }

.loading-btm {
  width: 50%;
  height: 100vh;
  background: #f5f5f5;
  animation: loading-btm 2s ease-in forwards;
  position: absolute;
  left: 50%;
  top: 0; }

.copy {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 500; }

.line {
  width: 100%;
  height: 4px;
  background: #fff;
  background: linear-gradient(45deg, #FFC107 0%, #E91E63 50%, #673AB7 100%);
  animation: copy 1.5s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@keyframes copy {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  60% {
    transform-origin: right;
    transform: scaleX(1); }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
@keyframes loading-top {
  0% {
    transform-origin: left;
    transform: scaleX(1); }
  80% {
    transform-origin: left;
    transform: scaleX(1); }
  100% {
    transform-origin: left;
    transform: scaleX(0); } }
@keyframes loading-btm {
  0% {
    transform-origin: right;
    transform: scaleX(1); }
  80% {
    transform-origin: right;
    transform: scaleX(1); }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
#div_mainContent {
  position: relative;
  z-index: 1; }

/*	MENU
--------------------------------------------------------*/
.div_nav {
  width: 100%;
  background: linear-gradient(45deg, #FFC107 0%, #E91E63 100%);
  background: linear-gradient(45deg, #FFC107 0%, #E91E63 50%, #673AB7 100%);
  text-align: center;
  /* background: linear-gradient(45deg,#0c1e46 0%,#8D226A 100%); */
  font-size: 21px;
  margin: 0px 0 25px;
  border-top: 1px solid rgba(221, 221, 221, 0.36);
  border-bottom: 1px solid rgba(221, 221, 221, 0.36);
  padding: 8px 0; }
  .div_nav.am-sticky {
    opacity: .95;
    box-shadow: 0 0 10px #000; }
  .div_nav .btn {
    color: rgba(255, 255, 255, 0.8);
    /* padding: 6px 15px; */
    margin: 0;
    height: auto;
    line-height: 1;
    /* display: inline-block; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    margin-right: 15px; }
    .div_nav .btn i {
      background: rgba(255, 255, 255, 0.34);
      height: 35px;
      width: 35px;
      line-height: 35px;
      color: #fff;
      border-radius: 50%;
      font-size: 100%;
      transition: all .2s; }
    .div_nav .btn:hover, .div_nav .btn:focus {
      color: #fff; }
      .div_nav .btn:hover i, .div_nav .btn:focus i {
        color: #f04c4a;
        background: rgba(255, 255, 255, 0.7); }

.h1 {
  font-size: 45px;
  font-size: 3.5vw;
  text-align: center;
  margin: 0;
  border: 0;
  padding: 10px; }
  .h1 span {
    display: inline-block;
    max-width: 1000px;
    margin: 0 auto; }

.h2 {
  font-size: 35px;
  text-align: center;
  letter-spacing: .5px;
  border: 0; }

.imgWrap {
  margin-top: 15px; }

.ACTPIC1 {
  width: 100%;
  border: 0;
  padding: 0;
  border-radius: 5px; }

.infoWrap {
  margin: 15px 0;
  border-bottom: 1px solid #ddd; }

.ACTDESC {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center; }
  .ACTDESC p {
    margin: 10px 0; }
  .ACTDESC a {
    text-decoration: underline; }

.time_addr {
  text-align: center;
  padding: 12px;
  margin: 15px 0;
  font-size: 90%;
  border-radius: 5px;
  line-height: 1.8; }
  .time_addr span {
    display: block; }

/*	獎項&得獎名單
--------------------------------------------------------*/
.div_award {
  margin-bottom: 50px; }

.AWARDNAME {
  font-size: 20px;
  margin: 0 auto;
  text-align: center; }

.awardRule {
  padding: 10px 15px;
  font-size: 13px; }

.table_wrap {
  margin-top: 7px;
  overflow: hidden; }

.table_award {
  width: 100%; }
  .table_award th, .table_award td {
    padding: 10px; }

.table_award_th {
  text-align: center; }

/*	與會人員
--------------------------------------------------------*/
.rasUserSort {
  display: flex; }
  .rasUserSort a {
    cursor: pointer;
    flex: 1;
    text-align: center;
    display: inline-block;
    padding: 8px; }
  .rasUserSort #btnSortClubNa {
    border-radius: 5px 0 0 0; }
  .rasUserSort #btnSortUserGNa {
    border-radius: 0 5px 0 0; }

#ulRasUser {
  padding: 5px 10px; }

.RasUserList {
  margin-bottom: 10px; }
  .RasUserList li {
    padding: 2px 0;
    padding-right: 17px; }
    @media (min-width: 768px) {
      .RasUserList li {
        min-width: 150px; } }
    .RasUserList li .spanAppCount {
      font-size: 12px; }
  .RasUserList > ul {
    margin: 0;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.js_RasUserList_awardSP .clubname {
  background: #00bcd4;
  color: #fff;
  padding: 7px 15px;
  border-radius: 2px;
  font-weight: bold;
  margin: 10px 0 7px; }

/*	RWD
--------------------------------------------------------*/
/*活動說明*/
@media only screen and (min-width: 641px) {
  #at-share-dock {
    display: none !important; } }
@media only screen and (max-width: 640px) {
  body.onepage .product-main h1 {
    font-size: 35px;
    line-height: 1.3; }

  #at4-share {
    display: none !important; } }
/*	深色主題
--------------------------------------------------------*/
.theme_dark {
  background: #000;
  background: url(./img/brickwall.jpg) no-repeat fixed top center;
  background-size: cover;
  background: url(./img/crissXcross.jpg) repeat fixed;
  color: #fff;
  /*	獎項&得獎名單
  --------------------------------------------------------*/
  /*	與會人員
  --------------------------------------------------------*/ }
  .theme_dark .fc_main {
    color: #f8c634; }
  .theme_dark a {
    color: #f8c634; }
  .theme_dark .h2 {
    color: #fff; }
  .theme_dark .ACTDESC * {
    color: #fff; }
  .theme_dark .ACTDESC a {
    color: #f8c634; }
    .theme_dark .ACTDESC a:hover, .theme_dark .ACTDESC a:focus {
      color: #fad465; }
  .theme_dark .time_addr {
    background: rgba(255, 255, 255, 0.15); }
  .theme_dark .AWARDNAME {
    color: #f8c634; }
  .theme_dark .table_wrap {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px; }
  .theme_dark .awardRule {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    background: #131273;
    color: rgba(255, 255, 255, 0.85); }
  .theme_dark .table_award thead th + th {
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .theme_dark .table_award tbody {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .theme_dark .table_award tbody tr + tr {
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .theme_dark .table_award tbody tr:nth-child(even) {
      background: rgba(255, 255, 255, 0.08); }
    .theme_dark .table_award tbody tr:hover, .theme_dark .table_award tbody tr:focus {
      background: rgba(255, 255, 255, 0.15); }
    .theme_dark .table_award tbody td + td {
      border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .theme_dark .table_award_th {
    color: #f8c634;
    background: rgba(29, 58, 142, 0.8); }
  .theme_dark .authcode {
    color: #fff005;
    letter-spacing: .5px; }
  .theme_dark .rasUserSort a {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border-bottom: 2px solid rgba(255, 255, 255, 0.25); }
    .theme_dark .rasUserSort a.active, .theme_dark .rasUserSort a:hover, .theme_dark .rasUserSort a:focus {
      background: rgba(255, 255, 255, 0.38);
      border-bottom: 2px solid #ffe200; }
    .theme_dark .rasUserSort a + a {
      border-left: 1px solid rgba(255, 255, 255, 0.25); }
  .theme_dark #ulRasUser .clubname {
    color: #f8c634; }
  .theme_dark #ulRasUser .spanClubUserCount {
    color: #f8c634;
    margin-left: 3px; }
  .theme_dark .RasUserList {
    border-bottom: 1px solid #272727; }
    .theme_dark .RasUserList li {
      color: #dedede; }
      .theme_dark .RasUserList li.paid {
        color: #6dffd2; }
  .theme_dark .js_RasUserList_awardSP .clubname {
    background: rgba(0, 188, 212, 0.8); }

/*	淺色主題
--------------------------------------------------------*/
.theme_light {
  color: #444;
  /*	獎項&得獎名單
  --------------------------------------------------------*/
  /*	與會人員
  --------------------------------------------------------*/ }
  .theme_light .fc_main {
    color: #3F51B5; }
  .theme_light .ACTPIC1 {
    border-radius: 10px; }
  .theme_light .time_addr {
    background: #efefef;
    border-radius: 10px; }
  .theme_light .AWARDNAME {
    color: #3F51B5; }
  .theme_light .table_wrap {
    border: 1px solid #DEDEDE;
    border-radius: 10px; }
  .theme_light .awardRule {
    background: #F0F0F0;
    color: #666;
    border-top: 1px solid #DEDEDE; }
  .theme_light .table_award thead th + th {
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .theme_light .table_award tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .theme_light .table_award tbody tr + tr {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .theme_light .table_award tbody tr:nth-child(even) {
      background: #F0F0F0; }
    .theme_light .table_award tbody tr:hover, .theme_light .table_award tbody tr:focus {
      background: #e8e8e8; }
    .theme_light .table_award tbody td + td {
      border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .theme_light .table_award_th {
    background: #2196f3;
    color: #fff; }
  .theme_light .authcode {
    color: #f35a2a;
    letter-spacing: .5px; }
  .theme_light .rasUserSort a {
    background: #f0f0f0;
    color: #555;
    border-bottom: 3px solid #2196f3; }
    .theme_light .rasUserSort a.active, .theme_light .rasUserSort a:hover, .theme_light .rasUserSort a:focus {
      background: #2196f3;
      color: #fff;
      border-bottom: 3px solid #0067b9; }
    .theme_light .rasUserSort a + a {
      border-left: 1px solid rgba(255, 255, 255, 0.25); }
  .theme_light .rasUserSort #btnSortClubNa {
    border-radius: 10px 0 0 0; }
  .theme_light .rasUserSort #btnSortUserGNa {
    border-radius: 0 10px 0 0; }
  .theme_light #ulRasUser .clubname {
    color: #3F51B5; }
  .theme_light #ulRasUser .spanClubUserCount {
    color: #3F51B5;
    margin-left: 3px; }
  .theme_light .RasUserList {
    border-bottom: 1px solid #e4e4e4; }
    .theme_light .RasUserList li.paid {
      color: #00bcd4; }

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