/*****************************************
 * Editor Style
 ****************************************/
.whatsnew_block .cf:before,
.whatsnew_block .cf:after {
    content: " ";
    display: table;
}

.whatsnew_block .cf:after {
    clear: both;
}

.whatsnew_block .cf {
    *zoom: 1;
}
.whatsnew_block .clear {
    clear:both;
}
.whatsnew_block img { 
    max-width: 100%;
    max-height: 600px;
    height: auto;
}

.alignleft {
    text-align:left;
    margin:auto;
}
.alignright {
    text-align:right;
    margin:auto;
}
.aligncenter {
    text-align:center;
    margin:auto;
}
img.alignleft {
    max-width:47%;
    width:auto;   
    float:left;
    margin-right:3%;
    margin-bottom:1em;
}
img.alignright {
    max-width:47%;
    width:auto;   
    float:right;
    margin-left:3%;
    margin-bottom:1em;  
}
img.aligncenter  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:1em;  
}
table.alignleft {
    float:none;
}
table.alignright {
    float:right;
}
table.aligncenter {
    margin:auto;
}

@media screen and (max-width: 480px){
    .alignleft, .alignright, .aligncenter {
        width:100%;
        float:none;
        margin:auto;
        margin-bottom:1em;      
    }
    img.alignleft, img.alignright, img.aligncenter {
        width: auto !important;
        height:auto;
        max-width:100%;
        text-align:center;
        margin:auto;
        margin-bottom:1em;
        
    }

}

.whatsnew_block b { font-weight:bold; }
.whatsnew_block em { font-style:italic; }
.whatsnew_block strong { font-weight:bold; }
.whatsnew_block p { padding:0; margin: 0.5em 0; }


.whatsnew_block table {
    width:auto;
    max-width:100%;
    min-width:300px;
    border-collapse:collapse;   
}
.whatsnew_block th, .whatsnew_block td {
    border:1px solid #666;
}

    .whatsnew_block ul {
        margin:20px 0 25px 0;
        list-style-type:disc;
        list-style-position:inside;
        line-height:1.4;
        text-align:left;

        list-style-position:outside;
        margin-left:1.2em;

    }
    .whatsnew_block ol {
        margin:20px 0 25px 0;
        list-style-position:inside;
        line-height:1.4;
        list-style-type:decimal;
        text-align:left;

        list-style-position:outside;
        margin-left:1.5em;      
    }
    
    .whatsnew_block ul li{ 
        margin-left:0.1em;
        margin-bottom:0.5em;
        margin-top:0.5em;
    
    }
    .whatsnew_block ol li {
        margin-left:0.1em;
        margin-bottom:4px;
        margin-top:4px;
    }
    
    .whatsnew_block ul li.list-mark-indent {
        list-style-position: outside;
        margin-left:2em;
        padding:0;
        text-indent:0;
    }
    .whatsnew_block ol li.list-num-indent {
        list-style-position: outside;
        margin-left:2.5em;
        padding:0;
        text-indent:0;
    }
    
    /* IE */
    .whatsnew_block ul.list li{ 
        padding-left: 2em; text-indent: -2em; 
    }
    .whatsnew_block ol.list li{ 
        padding-left: 2em; text-indent: -2em; 
    }
    
    /* Firefox */
    @-moz-document url-prefix() {
        .whatsnew_block ol.list li{ 
            padding-left: 1.2em; text-indent: -1.2em; 
        }
        .whatsnew_block ul.list li{ 
            padding-left: 1em; text-indent: -1em; 
        }
    }
    
    /* Chrome */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .whatsnew_block ol.list li{ 
            padding-left: 1.2em;    
            text-indent: -1.2em; 
        } 
        .whatsnew_block ul.list li{ 
            padding-left: 1em; 
            text-indent: -1em; 
        }
    }
/* safari */
html[xmlns*=""]:root .whatsnew_block ol.list li{ 
    padding-left: 1.2em;    
    text-indent: -1.2em; 
}
html[xmlns*=""]:root .whatsnew_block ul.list li{ 
    padding-left: 1em; 
    text-indent: -1em; 
}

a.arw_link:before{
    content:'';
    position: relative;
    top:-2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid #000;
    margin:0 1em;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}



/*******************************
 * Pagenation
 ******************************/
div.pagenation {
   position: relative;
   overflow: hidden;
}
div.pagenation ul {
    position:relative;
    list-style: none;
    margin: 0;
	padding:0;
    text-align: center;    
}
div.pagenation li {
    position:relative;
    display:inline-block;
}
div.pagenation li a {
    border:1px solid #CECECE;
    margin: 0 3px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
    box-sizing:border-box;
    display:block;
    font-size:12px;
    width:24px;
    line-height: 24px;
    text-align: center;
}
div.pagenation li.active a,
div.pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}