﻿#content{
    overflow:hidden;
    padding:90px 8%;
}
    #content #article {
        color:#282828;
        font-size:19px;
        float:right;
        width:calc(100% - 246px);
        padding-left:80px;
    }
    #content #article *{
        max-width:100%;
    }
        #content #article h1 {
            font-size: 30px;
        }
        #content #article h2,
        #content #article h3,
        #content #article h4,
        #content #article h5,
        #content #article h6,
        #content #article h7,
        #content #article h8{
            color:#575777;
            font-weight:600;
            font-size:25px;
            margin:15px 0;
        }
        #content #article .customizeRdit h1:first-child,
        #content #article .customizeRdit h2:first-child,
        #content #article .customizeRdit h3:first-child,
        #content #article .customizeRdit h4:first-child,
        #content #article .customizeRdit h5:first-child,
        #content #article .customizeRdit h6:first-child,
        #content #article .customizeRdit h7:first-child,
        #content #article .customizeRdit h8:first-child{
            margin-top:0;
        }
        #content #article  p{
            line-height:28px;
        }
        #content #article time {
            display: block;
            margin-bottom: 20px;
            color: #939393;
            font-family: Calibri;
        }
        #content #article iframe,
        #content #article video,
        #content #article img{
            max-width:100% !important;
        }
        #content #article table{
            display:inline-block;
            max-width:100% !important;
        }
            #content #article table th,
            #content #article table td{
                max-width:100% !important;
            }
        #article ul,ol{
            padding-left:35px;
        }
            #article ul li,ol li{
                margin-bottom:5px;
            }
    
    
        #content #article h2.title{        
                color:#575777;
                font-weight:600;
                font-size:25px;
                margin:0 0 15px 0;
        }
            #content #article h2.title time{
                display:block;
                color:#939393;
                font-size:16px;
                margin-top:15px;
            }
        #content #article .customizeRdit{            
            padding-bottom:25px;
            background:url('../images/about/dashed.png') 0 bottom repeat-x;
        }
    #content #article .btnGroup{
        margin-top:45px;
    }
    #content #article .btnGroup ul.list{
        margin:0;
        padding:0;
        list-style:none;
        text-align:center;
        font-size:0;
    }
        #content #article .btnGroup ul.list li{
            display:inline-block;
            width:32%;
            margin:0 5px;
        }
            #content #article .btnGroup ul.list li a{
                display:block;
                padding:25px 0;
                background:#575777;
                font-size:18px;
                color:#fff;
                letter-spacing:1px;
            }

@media screen and (max-width:1290px){
    #content #article .btnGroup ul.list li{
        width:31%;
    }
}
@media screen and (max-width:1140px){
    #content #asideMenu{
        border:none;
        padding:0;
    }
    #content #article {
        float:none;
        width:100%;
        padding-left:0;
    }
        #content #article .btnGroup ul.list li{
            width:32%;
            margin:0 0.5%;
        }
}
@media screen and (max-width:768px) {/*iPad*/
    #content #article h2.title,
    #content #article p{
        padding-left:5px;
    }
}
@media screen and (max-width:640px){
    #content #article .btnGroup ul.list li a{
        font-size:17px;
    }
}
@media screen and (max-width:600px){
    #content #article .btnGroup ul.list li{
        width:49%;
    }
    #content #article .btnGroup ul.list li:last-child{
        width:99%;
        margin:1% 0 0;
    }
        #content #article .btnGroup ul.list li a{
            font-size:18px;
        }
}
@media screen and (max-width:420px){
    #content{
        padding:60px 6%;
    }
    #content #article .btnGroup ul.list li,
    #content #article .btnGroup ul.list li:last-child{
        width:100%;
        margin:4px 0 0;
    }
}