@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
*{font-family: 'Noto Sans TC', sans-serif;font-weight: 300;}/*100,300,400,500,700,900*/
body {
    font-family: "";
    background: url(../images/bg.jpg) no-repeat fixed;
    margin: 0;
    padding: 0;
    animation: fade 1s;
}
a,a:hover,a:active,a:visited{
      outline: none; /* for Firefox Google Chrome  */
}
form {
    width: 100%;
    overflow: hidden;
}

.content {
    padding: 5em 0 5em 0;
    background: url(../images/cont_bg.jpg) top center repeat-y;
    color: #fff;
}

.main_title {
    font-size: 2em;
    color: #669cba;
    text-align: center;
    padding: 0 1em;
}
.en_title {
    color: #669cba;
    text-align: center;
    margin-bottom: 1em;
}

.item_title{
    border-left: solid 5px #669cba;
}

h6{
    border-left: solid 5px #669cba;
    padding-left: 1em;
}

.group_select {
    margin: 1em 0 1em 0;
    padding: 1em;
}
.separator {
    width: 100%;
    height: 1px;
    background: #669cba;
    margin: 2em 0;
}
.form-check-inline {
    margin-right: 3em;
}
.member_box {
    border: solid 3px #aeaeae;
    margin-bottom: 1.5em;
}
.introDL {
    color:goldenrod;
}
/*****************************Animation********************************/
@keyframes fade {
    0%   {opacity: 0;}
    50%  {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fade {
    0%   {opacity: 0;}
    50%  {opacity: 0;}
    100% {opacity: 1;}
}