/* 避免和 boostrap相衝*/
#headerul *,
/*.nav-box *,*/
.tag *{
  box-sizing: content-box;
}
/*預設 .datatable 字體大小16*/
.table .datatable td{
  font-size: 16px
}
/*預設 .datatable TH字體大小18*/
.table .datatable th{
  font-size: 18px
}
.table .datatable th.font16{
  font-size: 16px
}

/*預設 .datatable TH字體大小18*/
.table select
{
  height: auto;
}
.search_btn{
  border-radius:6px;
  width: 100%;
  padding: 0;
  font-size: 16px;height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  background: #e08400;
  border: none;
}

/*橙色按鈕*/
.search_btn:hover,.enroll_btn2:hover
{
  background-color: #cc5500!important;
  border-color: #cc5500!important;
  color: #FFF!important;
}
.enroll_btn2{
  width: 100%;
  padding: 0;
  font-size: 16px;height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF!important;
  background: #e08400!important;
  border-radius:3px;
  border: none;
}

/*藍色按鈕*/
.enroll_btn1:hover
{
  background-color: #428bca!important;
  border-color: #428bca!important;
  color: #FFF!important;
}
.enroll_btn1{
  width: 100%;
  padding: 0;
  font-size: 16px;height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF!important;
  background: #71a8d7;
  border-radius:3px;
  border: none;
}

/*紅色按鈕*/
.enroll_btn4:hover
{
  background-color: #e20000!important;
  border-color: #e20000!important;
  color: #FFF!important;
}
.enroll_btn4{
  width: 100%;
  padding: 0;
  font-size: 16px;height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF!important;
  background: #ff3131;
  border-radius:3px;
  border: none;
}
/*綠色按鈕*/
.enroll_btn3:hover
{
  background-color: #029000!important;
  border-color: #029000!important;
  color: #FFF!important;
}
.enroll_btn3{
  width: 100%;
  padding: 0;
  font-size: 16px;height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF!important;
  background: #00c759!important;
  border-radius:3px;
  border: none;
}
.btn_disabled:hover{
  background-color: #333!important;
  border-color: #333!important;
  color: #FFF!important;
}
.btn_disabled{
  cursor:not-allowed;
  width: 100%;
  padding: 0;
  font-size: 16px;height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF!important;
  background: gray!important;
  border-radius:3px;
  border: none;
}

.side_menu .btn_style1 .active a,
.side_menu .btn_style1 .active a:before{
  color: #fff;
  border: 2px solid #212121;
  background-color: #212121;
}

/*活動線上報名的特別左側按鈕顏色*/
/*.wrap .btn_style1 li.live_event_btn > a:before
{
  border: 2px solid #feffc8;
}
.wrap .btn_style1 li.live_event_btn > a,
.wrap .btn_style1 li.live_event_btn > a:before{
  color: #0e0e0e;
  background-color: #feffc8;
}
.wrap .btn_style1 li.live_event_btn.active > a,
.wrap .btn_style1 li.live_event_btn.active > a:before,
.wrap .btn_style1 li.live_event_btn > a:hover{
  color: #fff;
  border: 2px solid #212121;
  background-color: #212121;
},
*/
/* 48趴寬度*/
.half{
  width: 48%;
}
input[type="radio"],
input[type="checkbox"]
{
  width: auto;
}

.enroll_base{
  position: relative;
}
.enroll_btn_small{
  /*position: absolute;*/
  text-align: center;
}

/*快額滿按鈕*/
.will_max{
  position: absolute;
  z-index: 2;
  bottom: 52px;
  right: 0px;
  font-size: 11px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  width: 80px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(181, 181, 181);
  color: red;
  height: 16px;
  line-height: 16px;
}
.will_max:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 25px 0 0;
  border-color: rgb(255, 255, 255) transparent transparent transparent;
  content: '';
  position: absolute;
  top: 8px;
  right: 3px;
  z-index: -1;
}
.blink {
  animation-duration: 3s;
  animation-name: blink;
  animation-iteration-count: infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
}
.dataTables_empty{
  color: red;
}


/*優惠方案 POINTER*/
.pointer{
  cursor:pointer;
}
.RWDtable table tr th {text-align: center}
.RWDtable table tr th.sorting_disabled {padding-left: 5px;padding-right: 5px;}

.wrap .main .content .form h2:first-child{
  margin-right:auto;
}
.wrap .main .main-box .content dl dd input,
.wrap .main .main-box .content dl dd select
{
  height: 48px;
  border-radius:15px;
}
#datatable-L{
  float: left;
  width: 50%;
}
#price_notic
{
  float: left;
  width: 50%;
  text-align: right;
}
#price_notic_content:after{
  content: "報名費用單位皆為新台幣(NTD$)";
}
/*RWD情況下的datatable顯示*/
@media only screen and (max-width: 959px) {
  .RWDtable {
    overflow-x: hidden!important;
    overflow-y:hidden!important;
  }
  .RWDtable table tr{ display:block; border:solid 1px #f2f2f2; margin:0 0 10px 0; padding:10px;}
  .RWDtable table.datatable #datatable_title{ display:none;}
  .RWDtable table th{ display:none;}
  .RWDtable table td{ display: block; border:none; padding:6.4px 12.8px;text-align: left;}
  .RWDtable table td:before{ content: attr(data-name); font-weight:bold; size: 12px}
  .RWDtable table td.str_after:after{ content: attr(data-name-front); font-weight:bold; size: 12px}
  .RWDtable table td.str_after div{width: 15px;float: left;text-align: center;}
  .RWDtable table td .btn{ width:100%; border-radius:10px;}
  .RWDtable table td .btn:before{ content: attr(data-name); font-size:15px; font-weight:bold;}
  .RWDtable td .btn.text{ width:100%; padding:0; font-size:16px;}

  .m-left1{
    margin-top: 5px;
  }
  .m-left2,.m-left1{
    /*text-align: center;*/
    margin-left: 6em;
    text-indent: -5em;
    font-size: 15px
  }
  .m-left1:after, .m-left2:after{
    content: "　" attr(title);
    font-size: 15px;
  }
  td.blacker
  {
    font-size: 18px!important;
    font-weight:bold;
    color: black;
  }
  .RWDtable table td.normaltd{
    display:table-cell;
  }
  .width_40p{
    width: 40%
  }
  .width_50p{
    width: 40%
  }
  .width_60p{
    width: 60%
  }
  #datatable-L{
    width: 100%;
  }
  #price_notic
  {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

