/*===========================================
Review
===========================================*/

/*-------------------------------------------
Constitution
-------------------------------------------*/
.constitutionModify{
    text-align:right;
    font-size:13px;
    color:#777;
}
.constitution{
    padding-top:15px;
}
.constitution:first-child{
    padding:0;
}
    .constitution .chapter{
        margin:0;
        font-size:18px; line-height:18px;
        color:#017fcc;
    }
    .constitution .rule/*ul*/{
        margin:15px 0 15px 0;
        padding:0 0 0 20px;
        border-left:1px solid #ccc;
    }
        .constitution .rule li{
            position:relative;
            padding:8px 0 8px 84px;
            border-bottom:1px dotted #ccc;
            color:#333;
            font-size:14px;
        }
        .constitution .rule>li{
            list-style:none;
        }
            .constitution .rule li .number{
                position:absolute; left:0;
            }
            .constitution .rule .br{
                display:inline-block;
                padding-left:2em;
            }
            .constitution .rule li ol{
                margin:0;
                padding:0;
            }
                .constitution .rule li ol li{
                    padding:1px 0;
                    border-bottom:none;
                }
/* --- Attachment --- */
.attachment{
    border-top:1px solid #ddd;
    background-color:#f6f6f6;
    padding:12px 15px;
}
.attachment li{
    display:inline-block;*display:inline;zoom:1;
    margin-right:15px;
}
    .attachment a{
        background-position:8px 50% !important;
        color:#666;
        background-color:#fff !important;
        padding:5px 12px 5px 32px;
        margin:3px 0;
        border:1px solid #aaa;
    }
    .attachment a:hover{
        color:#0097df !important;
        background-color:#fff !important;
        border:1px solid #017fcc;
    }
/*-------------------------------------------
division
-------------------------------------------*/
.division{
    position:relative;
    padding-left:170px; padding-top:20px;
    border-top:1px solid #ccc;
    margin-top:20px;
}
.division:first-child{
    margin-top:0;
    padding-top:0;
    border:none;
}
    .division .partTitle{
        font-weight:400;
        position:absolute; left:0;
    }
        .division .partTitle .year{
            font-size:15px;
            color:#000;
        }
    .division .smallTitle{
        margin:0 0 10px;
    }
    .division ul{
        list-style:none;
        padding:0 0 0 30px;
        margin:0 0 20px 0;
        border-left:1px solid #ccc;
    }
        .division ul li{
            display:inline-block;
            vertical-align:top;
            font-size:15px;
            width:24%;
            margin-bottom:5px;
            color:#000;
        }
            .division ul li i{
                display:inline-block;
                vertical-align:top;
                text-align:center;
                width:28px;
                height:18px;
                background-color:#999;
                color:#fff;
                font-size:12px; line-height:18px; font-style:normal;
                border-radius:3px;
                margin-right:5px;
            }
/*===========================================
RWD
===========================================*/
@media screen and (max-width:1024px){
    #pageHeader{
        padding-top:80px;
    }
}
@media screen and (max-width:576px){
    .division{
        padding-left:0;
    }
        .division .partTitle{
            position:relative;
        }
        .division ul{
            padding:0;
            border-left:0;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #pageHeader .pageTitle.longTitle{
        font-size:25px;
    }
    .constitutionModify{
        text-align:left;
        font-size:12px;
        border-bottom:1px solid #ddd;
        padding-bottom:10px;
    }
    .constitution .rule/*ul*/{
        padding:0;
        border-left:none;
    }
        .constitution .rule li{
            padding:8px 0;
            border-bottom:1px dotted #ccc;
        }
            .constitution .rule li .number{
                position:relative;
                display:block;
                color:#017fcc;
                margin-bottom:5px;
            }
            .constitution .rule .br{
                padding:0;
            }
    
    .division ul li{
        font-size:15px;
        width:32%;
    }
        .division ul li i{
            width:22px;
            margin-right:2px;
        }
}
@media screen and (max-width:375px){/* i6 */
    #pageHeader .pageTitle.longTitle{
        font-size:24px;
    }
    .division ul li{
        font-size:14px;
    }
}
@media screen and (max-width:320px){/* i5 */
    .division ul li{
        width:49%;
    }    
}