/*===========================================
About
===========================================*/
/*-------------------------------------------
chairman
-------------------------------------------*/
#chairman .chairmanPhoto{
    margin:0;
    float:right;
    position:relative;
    width:230px;
}
    #chairman .chairmanPhoto img{
        width:100%;
    }
#chairman .talk{
    float:left;
    width:710px;
}
    #chairman p{
        text-indent:2em;
    }
/*-------------------------------------------
constitution
-------------------------------------------*/
.constitution{
    padding-top:15px;
}
.constitution:first-child{
    padding:0;
}
    .constitution .chapter{
        margin:0;
        font-size:18px; line-height:18px;
        color:#00adff;
    }
    .constitution .rule/*ul*/{
        margin:15px 0 15px 10px;
        padding:0 0 0 20px;
        border-left:1px solid #ccc;
    }
        .constitution .rule li{
            position:relative;
            padding:5px 0 5px 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;
            }

/*-------------------------------------------
rosters
-------------------------------------------*/
.rosters{
    position:relative;
    padding:15px 15px;
}
.rosters:first-child{
    padding-top:0;
}
.rosters:nth-child(even){
    background-color:#f5f5f5;
}
    .rosters .rosterTitle{
        margin:7px 0;
        font-size:18px; line-height:18px;
        color:#00adff;
        position:absolute;
    }
    .rosters .rosterList{
        list-style:none;
        margin:0;
        padding-left:120px;
    }
        .rosters .rosterList li{
            border-top:1px solid #ddd;
            padding:5px 0;
        }
        .rosters .rosterList li:first-child{
            border:none;
        }
            .rosters .rosterList .photo{
                display:inline-block;
                vertical-align:top;
                margin:0;
                width:100px;
                height:100px;
                overflow:hidden;
                border-radius:50%;
                box-shadow:0 1px 3px rgba(0,0,0,.2);
            }
                .rosters .rosterList .photo img{
                    width:100%;
                }
            .rosters .rosterList .name{
                display:inline-block;
                vertical-align:top;
                width:100px;
                color:#000;
                margin-left:50px;
            }
            .rosters .rosterList .position{
                display:inline-block;
                vertical-align:top;
                font-size:14px;
                color:#777;
            }

/*-------------------------------------------
logo
-------------------------------------------*/
#logoDesign .comprehensiveCareLogo{
    margin:0;
    width:256px;
    height:256px;
    float:right;
}
    #logoDesign .comprehensiveCareLogo img{
        width:100%;
    }
#logoDesign ul{
    margin:0;
    padding:40px 0 0;
    list-style:none;
    float:left;
    width:70%;
}
    #logoDesign ul li{
        position:relative;
        font-size:15px; line-height:18px;
        color:#111;
        padding:12px 0 12px 24px;
    }
        #logoDesign ul li:before{
            content:"";
            display:inline-block;
            width:12px; height:12px;
            background-color:#11aaf6;
            border-radius:50%;
            position:absolute; left:0; top:14px;
        }
        #logoDesign ul li:nth-child(2):before{
            background-color:#333;
        }
        #logoDesign ul li:nth-child(3):before{
            background-color:#f02427;
        }
        #logoDesign ul li:nth-child(4):before{
            background-color:#ffc529;
        }
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}