img {vertical-align: bottom;}
strong{font-weight: bold;}

.main_cont_bg{background:url(/dol/age_of_revolution/mainpage/img/index/page_bg.png) top center;}

ul.top_list{width: 660px; margin: 10px auto;}
ul.top_list li{width: 220px; float: left;}

.cont_box{background:url(/dol/age_of_revolution/mainpage/img/index/cont_bg.png) top center;}
.cp_box{width: 620px; margin: 0 auto; padding-bottom: 10px;}
/*.banner_box{width: 653px; margin: 0 auto;}*/

ul.bottom_list{width: 620px; margin: 0 auto;}
ul.bottom_list li{width: 48%; float: left; padding: 1%;}
ul.bottom_list li img{width: 100%;




}

.main_cont_bg a img{
-moz-transition: -moz-transform 0.25s linear;
    -webkit-transition: -webkit-transform 0.25s linear;
    -o-transition: -o-transform 0.25s linear;
    -ms-transition: -ms-transform 0.25s linear;
    transition: transform 0.25s linear;

}


.main_cont_bg a img:hover{
	-webkit-filter: sepia(100%); filter: sepia(100%);

 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



/* garally1
=======================================*/
.garally {width: 570px; height:383px; margin: 0 auto; text-align: center; padding:0;}
.garally .g_cont {}
.garally .controls { margin-top:-30px; margin-left:10px; height:20px;}
.garally .controls img{ width:100%; max-width:20px;}
.garally .controls a { height:20px; width:20px; display:block; z-index:1000; float:left; margin-left:5px;}
.garally .controls a:hover {
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    
}
.garally div.scroller { width: 570px; height:383px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 570px; height:383px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}


@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes nospin {-webkit-transform: rotate(0deg);}
@-moz-keyframes nospin {-webkit-transform: rotate(0deg);}
@-ms-keyframes nospin {-webkit-transform: rotate(0deg);}
@-o-keyframes nospin {-webkit-transform: rotate(0deg);}
@keyframes nospin {-webkit-transform: rotate(0deg);}

 @media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop,
	.garally .controls a:hover{
	-webkit-animation: nospin 1.5s linear infinite;
	-moz-animation: nospin 1.5s linear infinite;
	-ms-animation: nospin 1.5s linear infinite;
	-o-animation: nospin 1.5s linear infinite;
	animation: nospin 1.5s linear infinite;
	height:25px; width:25px;
	}
	.garally .controls a:hover img{ width:100%; max-width:25px;
     -webkit-filter: sepia(100%);
     -moz-filter: sepia(100%);
     -o-filter: sepia(100%);
     -ms-filter: sepia(100%);
     filter: sepia(100%);
}/* IE11 */
}

.at_end{width: 640px; margin: 0 auto; color: #fff;}
.page_back {width: 640px; margin: 0 auto; color: #fff; text-align: right;}
.page_back a{color: #fff;}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.b_02{ width:653px; margin:0 auto; }