@charset "UTF-8";

.breadcrumb {
    margin: 10px 0px 10px 0px;
    /* 上  右  下  左 */
}

.navbar-search-span{
    padding-right: 0px;
    padding-left: 3px;
}

.agreeMyData{
    height:200px;overflow:auto;    
    margin: 0px 0px 20px 0px;   
}

.agreeMyData > div{
    margin: 10px 10px 20px 20px;   
    padding: 20px 20px 20px 20px;   
    background-color: #DDD;
    border:2px solid #CCC;
}
/*#dadada*/
.regFormStyle div{
    margin: 0px 0px 0px 0px;   
    padding: 0px 20px 5px 20px;   

}
/*

.regFormStyle div{
    margin: 20px 20px 20px 20px;   
    padding: 20px 20px 20px 20px;   
    background-color: #CADFEE;
    border:2px solid #DDD;
}
.regFormStyle div label{
    font-size: 15pt;
    text-decoration: underline;
}

.regFormStyle div div{    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:0px solid #DDD;
}
.regFormStyle div div input{    
    background-color: #fcf8e3;
}
.regFormStyle div div label{    
    font-weight: normal;
    text-decoration: none;
    font-size: 14pt;
}*/


body {padding-top:57px;}

.navbar-search{
/*    height:40px;*/
    padding-top: 8px;
}


.activityList-act-Div{
    background-color: #FDFDFD;
    /*height:350px;*/
    width: 100%;
    float:left;
    margin: 5px 0px 5px 0px;    
    padding: 0px 10px 10px 10px;    
}

.padding-LeftRight0{
    padding-right: 0px;
    padding-left: 0px; 
}


.LOGO{
    background-color: #ffffe0;    
    font-size: 40px;
    text-align: center;
    border:1px solid #DDD;
    padding-top: 20px;
    padding-bottom: 20px;
}
.LOGO_op{
    background-color: #F0D9E9;    
    border:1px solid #DDD;
    padding-top: 5px;
    padding-bottom: 5px;
    height:50px;
}
.LOGO_small{
    /*width:100%; */
    height:150px;    
}
.LOGO_large{
    width:100%;  
}


.organizers {

    box-shadow: #252824 0 -4px 0 inset;
    background: #323530;
    line-height: 50px;
}












/* template tp-content */
.tp-content{
    padding: 0px 50px 50px 50px;
    /*background-image:url('../img/template/01/images/01-01_07.gif');*/
}

.tp-content ul {
  padding: 0px 0px 20px 0px;
  margin: 0;
  list-style: none;
}


.tp-content ul li {
  padding: 0px 0px 20px 0px;
}

.btn-hidden{
   font-weight:bolder;
   color:#DDDDDD;
   background-color:#99BBFF;   
}

.btn-default.active, .btn-default:active{
   font-weight:bolder;
   color:#333;
}

.btn-success.active, .btn-success:active{
   font-weight:bolder;
   color:yellow;
}
.btn-danger.active, .btn-danger:active{
   font-weight:bolder;
   color:yellow;
}

.btn-link.active, .btn-link:active{
   font-weight:bolder;
/*   color:yellow;*/
    background-color: #CDD;
}

@media print{
    .print_operation{display:none}
    .main-container {
        margin-top: 0px;
    }
}



/* template tp-content */




/* ##################### ui.sortable ##################### */

.sortableList {
	list-style: none outside none;
	margin: 10px 0 30px;
}

.sortableList li {
        float:left;
	width: 120px;
	padding: 2px 2px;
	margin: 5px 5px;
	border: 1px solid #444;
	border-radius: 5px;
	background-color: #C1E1E3;

	text-align: center;
	cursor: move;
}

/* ##################### ui.sortable ##################### */






label{
    vertical-align: middle;
}

/* CYCU logo */
.navbar-header > .cycu-logo {
    height: 44px;
    float: left;
    margin-top: 3px;
    margin-left: 8px;
}

@media (min-width: 768px) {
    .navbar > .container .cycu-logo {
        margin-right: 15px;
    }
}

/* table-cycu */
table.table-cycu{
    border-collapse:separate;
    border-spacing:1px
}
.table-cycu>tbody>tr>th,
.table-cycu>tfoot>tr>th,
.table-cycu>thead>tr>th{
    background:#C1E1E3;
    border-width:0
}
.table-cycu>tbody>tr>td,
.table-cycu>tfoot>tr>td,
.table-cycu>thead>tr>td{
    border-top-width:0;
    border-left-width:0
}
.table-cycu-basic{
    border:1px solid #DDD
}
.table-cycu-basic>tbody>tr>th,
.table-cycu-basic>tfoot>tr>th,
.table-cycu-basic>thead>tr>th{
    background:#C1E1E3;
    /*width:120px;*/
    border: 1px solid #CCC;
}
.table-cycu-basic>tbody>tr>td,
.table-cycu-basic>tfoot>tr>td,
.table-cycu-basic>thead>tr>td{
    background:#ffffe0;
    border: 1px solid #DDD;
}
.table-cycu-hover>tbody>tr:hover>td,
.table-cycu-hover>tbody>tr:hover>th{
    background-color:#FF9;
}




.amt{
    text-align: right;
}

.group {
    background: yellow;
    width: 200px;
    height: 500px;
}
.group .subgroup {
    background: orange;
    width: 150px;
    height: 200px;
}
.fixed {
    position: fixed;
}

/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #999;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>li>a:hover,
.bs-docs-sidebar .nav>li>a:focus {
    color: #563d7c;
    text-decoration: none;
    background-color: transparent;
    border-left-color: #563d7c;
}
/* all active links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a,
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;
}


#loading {
    color: #FFBB66 ;
    font-size:18pt;
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
}

/* remove webkit input[number] style*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* angular-ui config*/
.nav, .pagination, .carousel a {
  cursor: pointer; }

body {
  font-size: 16px;
  padding-bottom: 30px;
  background:#FFF;
}

.content {
  background:#FFF;
}

.main-container {
  margin-top: 0px; }

.header {
  margin-bottom: 40px; }

.route-error-alert, .ng-view {
  margin-top: 40px; }

.animate-switch.ng-enter {
  -webkit-transition: .2s linear all;
  /* Safari/Chrome */
  transition: .2s linear all;
  /* All other modern browsers and IE10+ */
  /* The animation preparation code */
  opacity: 0; }

/*
 Keep in mind that you want to combine both CSS
 classes together to avoid any CSS-specificity
 conflicts
*/
.animate-switch.ng-enter.ng-enter-active {
  /* The animation code itself */
  opacity: 1; }

.animate-hide {
  opacity: 1;
  -webkit-transition: .2s linear all;
  /* Safari/Chrome */
  transition: .2s linear all;
  /* All other modern browsers and IE10+ */ }

.animate-hide.ng-hide-remove {
  display: block !important; }

.animate-hide.ng-hide {
  opacity: 0; }

.animate-row {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  left: 0;
  opacity: 1; }

.animate-row.ng-hide-add,
.animate-row.ng-hide-remove {
  display: block !important; }

.animate-row.ng-hide {
  left: 50px;
  opacity: 0; }

.login {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }

.act-list-header h3 {
  margin-bottom: 0;
  margin-top: 5px; }

.view-title {
    background: #252824;
    color: #fff;    
    margin-top: 0px;
    padding: 3px 10px 10px 10px;
}
.view-info {
    background: #323530;
    color: #aaa;    
    padding: 5px 10px 5px 10px;
}
.view-logo {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;    
}
.view-content {
    border: 1px solid #aaa;    
    padding: 10px 10px 10px 10px;
}
.view-subInfo {
    background: #E1E7F0 ;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;    
    padding: 10px 10px 10px 10px;
}
.view-map {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.view-register {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 20px 0px 20px 0px;
}
.view-moreSession {
    margin-top: 80px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.text-success{color:#64c025}
.text-success:hover{color:#3c763d}


.new-act .table > tfoot > tr > td {
  vertical-align: middle; }

.new-act .submit-div button {
  margin-right: 16px; }

.new-act .table {
  margin-bottom: 0px; }

.new-act .host-type-radio {
  width: 60px;
  display: inline-block; }

.new-act .submit-div button:last-child {
  margin-right: 0; }

.table .btn-td {
  width: 48px; }

.table .datetime-td {
  width: 145px; }

.auth-table > tbody > tr.edit > td, .auth-table > tfoot > tr > td {
  line-height: 30px; }

.auth-table > thead > tr > th.btnColumn {
  width: 26px; }

.auth-table .edit-btn {
  visibility: hidden; }

.auth-table .editable .edit-btn {
  visibility: visible; }

.auth-table .expire-date-row {
  min-width: 160px; }

.auth-table .datepicker-input {
  width: 120px; }

.auth-table .idcode-input {
  width: 120px; }

.input-group {
  max-width: 240px; }

.datepicker-input[readonly] {
  cursor: pointer;
  background-color: #fff; }

.new-act .table > thead > .danger > th {
  background-color: #B80000;
  color: #FFF; }

.act-name {
  font-weight: bold;
  font-size: 18px;
  color: #333; }

.act-describe {
  font-size: 16px; }

.act-list-btn-group {
  margin-top: 5px; }

.new-act {
  min-width: 1200px;
  padding-right: 86px;
  margin-right: auto;
  margin-left: auto; }
  .new-act .control-label {
    font-size: 16px; }

.admin-act {

  margin-right: auto;
  margin-left: auto; }

.admin-act table {
  margin-bottom: 70px; }

.session-table .datetimepicker-cell {
  width: 190px; }

.session-header {
  margin-bottom: 6px;
  font-weight: bold; }

.row-item {
  border-bottom: 1px solid #e5e3e9;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 34px; }

.row-item:last-child {
  margin-bottom: 10px; }

.row-item:hover {
  background-color: #fcf8e3; }

.add-session {
  margin-top: 10px;
  padding: 15px 0;
  background-color: #f7f7f9; }
  .add-session input {
    width: 100%; }
  .add-session .datetime-inputs input {
    width: 70px; }
  .add-session > .row {
    padding-bottom: 8px; }

.lable-inline-block {
  display: inline-block; }

.control-label-required:after {
  content: '*';
  color: #B94A48; }

.checkbox {
  margin-left: 20px; }

.radio, .checkbox {
  font-size: 15px; }

.list-table .glyphicon {
  margin-left: 8px; }

.submit-div {
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px dashed #DBDBDB; }

.register-info {
  color: #999; }

textarea.form-control {
  height: 250px; }



.new-act .form-group {
    margin-top: 25px;
  margin-bottom: 25px;
}

.act-columns-div {
  margin-bottom: 20px; }
  .act-columns-div .checkbox {
    margin-left: 0; }

.form-horizontal .row .control-label {
  text-align: left; }

.inline-block-input {
  max-width: 150px;
  display: inline-block; }

.new-act a.glyphicon-a:hover {
  text-decoration: none; }
.new-act a.glyphicon-a > span {
  margin: 0; }

.my-activity .list-group {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .my-activity .list-group .list-group-item {
    font-size: 16px; }

div.modal {
  display: block; }

.modal-dialog .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0; }

.act-info, .header {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.reg-info-modal .modal-dialog {
  width: 90%; }
  .reg-info-modal .modal-dialog .reg-no-th {
    width: 50px; }
  .reg-info-modal .modal-dialog .reg-idcode-th {
    width: 100px; }
  .reg-info-modal .modal-dialog .reg-name-th {
    width: 100px; }
  .reg-info-modal .modal-dialog .reg-phone-th {
    width: 110px; }
  .reg-info-modal .modal-dialog .reg-time-th {
    width: 200px; }
  .reg-info-modal .modal-dialog .reg-proove-th {
    width: 60px; }

@media (max-width: 767px) {
  .attendee-fieldset {
    width: 170px;
    text-align: left;
    margin: 0 auto; }

  .register-fieldset {
    width: 80px;
    text-align: left;
    margin: 0 auto; }

  .session-list .visible-xs {
    display: inline !important; }

  .add-session input {
    margin-left: auto;
    margin-right: auto;
    max-width: 290px; } }
@media (min-width: 768px) {
  .act-list-group {
    text-align: left; }

  .act-list-header {
    float: left; }
    .act-list-header h3 {
      width: 130px; }

  .act-list-btn-group {
    float: right;
    width: 220px;
    margin-top: 2px; }

  .act-place {
    display: block; }

  .add-session .row > div {
    text-align: left; }
  .add-session label {
    padding: 0;
    text-align: right; }
  .add-session input {
    width: 70%; }

  .contact-table {
    max-width: 250px; }

  .host-list {
    max-width: 400px; }

  /*地點 名額*/
  .register-info {
    max-width: 480px; }

  .radio, .checkbox {
    text-align: left; }

  .act-info > .table > tbody > tr > th {
    min-width: 120px; } }

  .modal {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 99;
      background: rgba(0, 0, 0, 0.3);
      overflow: hidden;
    }

    .loading {
      position: absolute;
      top: 50%;
      background: white;
      /*#solution> .border-radius(8px);*/
      width: 160px;
      height: 72px;
      left: 50%;
      margin-top: -36px;
      margin-left: -80px;
      text-align: center;

    }

    .filename_stytle {
        font-size:18px;
        padding-top:13px;
        font-weight:bold;
    }
/*# sourceMappingURL=main.css.map */