/*===================
    每行變色
===================*/
.row_change_color {
    background-color: #fff;
}
.row_change_color:hover {
    background-color: #f4f4f4;
}

/*===================
    將 icon 轉角度
===================*/
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-rotate-350 {
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    transform: rotate(350deg);
}

/*===================
    單頁內文
===================*/
.page-content {
    text-align: left;
    line-height: 24px;
    /*border: 1px solid red;*/
}

.page-content ul {
    margin-left : 25px;
    line-height: 30px;
}

.page-content ol {
    /*margin-left : 25px;*/
    line-height: 30px;
}

.page-content ul>li {
    list-style-type: disc;
}

.page-content ol>li {
    list-style-type: decimal;
}

.page-content a {
    color: #286cd0;
}

.page-content a:hover {
    color: #fff;
    background-color:#6396e1;
}

.page-content .first-letter {
    margin-top: 40px;
}

.page-content .first-letter::first-letter {
    margin-right:5px;
    font-size: 250%;
    color: #8A2BE2;
}

.page-content .f-teacher {
    margin-top: 40px;
}
.page-content .f-teacher-next {
    margin-top: 10px;
}
.f-teacher + p,
.f-teacher-next + p {
    margin-top:20px;
    margin-left: 15px;
}

.page-content .rule-title {
    color:#6396e1;
    margin-top:10px;
    margin-left:10px;
    line-height: 30px;
    color:;
}


/**
 * --------------------------------------------------------
 * 五種訊息_CSS
 * --------------------------------------------------------
 */
.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation, .msg_info_light {

/*方角*/
/*
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
*/


/* 圓角 */
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
}
.msg_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/msg_info.png');
}
.msg_info_light {
    background-image: url('../img/msg_info.png');
    font-size:1.3em;
    background-color:#eaf6f9;
    color:#3398b1;
    border-color:#9dd5e3;
    margin-top:50px;
}
.msg_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/msg_success.png');
}
.msg_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/msg_warning.png');
}
.msg_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/msg_error.png');
}
.msg_validation {
    color: #D63301;
    background-color: #FFCCBA;
    /*background-image: url('../img/validation.png');*/
}