/****************************
    General property
****************************/
.font-bold{
    font-weight:bold;
}
.red-color{
    color:rgb(204,84,84);
}
.teal-color{
    color:rgb(23,176,161);
}
.teal-background{
    background-color:rgb(23,176,161);
}
.orange-color{
    color:rgb(219,92,57);
}
.purple-color{
    color:rgb(86,58,148);
}
.black-color{
    color:rgb(49,49,49);
}
h1{
    font-size: 520%;
    font-family: 'Aldrich', sans-serif;
}
h2{
    font-size: 240%;
    font-family: 'Aldrich', sans-serif;
}
.margin-top8px{
    margin-top: 8px;
}
.margin-top28px{
    margin-top: 28px;
}

.margin-right5{
    margin-right:5px !important;
}
/****************************
    course_portal.html
****************************/
.caption-thumbnail{
    height:230px;
}
.buttons-thumbnail{
    margin-left:4px;
    margin-bottom:4px;
    margin-top:8px;
}
.sex{
    //background-image: url(/static/img/bulletin.jpg);
}
/****************************
    xy
****************************/

.description{
    //font-size:140%;
    font-family: 'sans-serif';
}
.lead{
    font-weight:bold;
    font-size:210%;
    font-family:"微軟正黑體";
   color:rgb(67,67,67);
}
.caption > p{
    color:black;
}

.nopadding{
  padding: 4% 0 ;
}

.bbb{
  background-color:black;
}

#gg{
  margin-left: 0px;
}

a{
  word-break: break-word;
}
.the0, .the1, .the2, .the3{
  display:none;
}

.mixin() {
  font-size: 150%;
  font-family: 'Aldrich', sans-serif;
}

.big0, .big1, .big2, .big3{
  .mixin();
}


p, h1{
  padding:0;
  margin:0;
}

ul.errorlist {
        margin: 0;
        padding: 0;
    }
    .errorlist li {
        background-color: rgba(120,90,40,0.45);
        color: white;
        display: block;
        font-size: 10px;
        margin: 0 0 3px;
        padding: 4px 5px;
    }
td a{
    color: white;
    font-family: 'Aldrich', sans-serif;
    font-weight:bold;
}
.announ{
    font-family: 'Junge', serif;
    font-weight:bold;
    font-size: 18px;
}

/*table in announcement_form.html*/
.announcement_form_table{
    width:80%;
}
textarea{
    width:100%;
    font-size: 15px;
    font-family: 'Ribeye', cursive;
}
.announcement_form_input{
    width: 60%;
}
label{
    font-size: 20px;
    font-family: 'Inika', serif;
}

.bulletin-html-table{
    color: white;
    font-family: 'Aldrich', sans-serif; 
    font-weight:bold;
}
.announcement-content td{
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}
.announcement-table-head{
    font-family: 'Annie Use Your Telescope', cursive;
    font-size: 22px;
    font-weight: bold;
}
.table tbody tr:hover td, .table tbody tr:hover th {
  background-color: rgba(0,0,0,0.65);
}
.form-group{
    margin-top:-15px;
    div, label{
    margin: 3px 0;
    }
}
.help-block{
    margin: -2px 0;    
}
.login_form{
    width:60%;
}

/****************************
    framework.html
****************************/
body{
    //background-image: url(/static/img/bg3.jpg);
    //background-color: rgba(40,40,40,1);
    background-size: 100%;
    //background-color: rgba(10,10,10,0.85);
    background-attachment:fixed;
    //background-repeat: repeat-y;
    padding-top: 75px;
}
.overlord{
    width: 100%;
    max-width: 960px;
    min-height: 650px;
    padding:8px;
}
.sub-container{
    position:relative; 
    bottom:0;
    width:100%;
}

/****************************
    home_page.html
****************************/
.main-container{
    min-height: 510px;
}
.ui.header .content{
    font-size:320%;
}
.uiheader .sub.header{
    font-size:30%;
}
.item-row{
    margin-top: 10px;
}
.ui.items .item > .content > .name.item-title{
    font-size:180%;
}
.ui.items .item > .content > .description{
    font-size:120%;
}

/****************************
    about.html
****************************/
.crew-list-header{
    color:rgb(33,33,33);
}