.mgi-wrap{

	margin-top: 5px;

    margin-bottom: 5px;

	overflow: hidden;

	width: 100%;

}

.mgi-wrap .pretext,.mgi-wrap .posttext {

    margin: 10px 0;

    clear:both;

}



.mgi-wrap .mgi-box {

	overflow: hidden;

	padding-bottom:20px;

}



.mgi-wrap .mgi-box .mgi-cat {

	margin-bottom: 10px;

}



.mgi-wrap .mgi-box .mgi-cat a {

	padding: 3px 10px;

	font-weight: normal;

	text-decoration: none;

	text-transform: uppercase;

	display: inline-block;

}

.mgi-wrap .mgi-box .mgi-cat a{

    -webkit-border-radius: 6px 6px 0px 0px;

    -moz-border-radius: 6px 6px 0px 0px;

    border-radius: 6px 6px 0px 0px;  

}



.mgi-wrap .mgi-box .mgi-item{

    width: 100%;

}

.mgi-wrap.theme2 .mgi-box .mgi-item .item-wrap{

	width: 48%;

	padding-right:2%;

	float: left;

}



.mgi-wrap.theme2 .mgi-box .mgi-items .item-wrap.only{

    width: 100%;

} 

.mgi-wrap.theme2 .mgi-box .mgi-item .title-link-wrap{

    width: 48%;

    padding-right:2%;

    float: left;

}





.mgi-wrap.theme3 .mgi-box .mgi-items .item-wrap{

	padding-bottom: 20px;

}



.mgi-wrap.theme3 .mgi-box .mgi-items.column1 .item-wrap{

    width: 100%;

}

.mgi-wrap.theme3 .mgi-box .mgi-items.column2 .item-wrap{

	float:left;

    width: 48%;

    margin:0 1%

}

.mgi-wrap.theme3 .mgi-box .mgi-items.column3 .item-wrap{

	margin:0 1%;

	width: 31.3333%;

	float:left;

}

.mgi-wrap.theme3 .mgi-box .mgi-items.column4 .item-wrap{

	margin:0 1%;

	width: 23%;

	float:left;

}

.mgi-wrap.theme3 .mgi-box .mgi-items.column5 .item-wrap{

    margin:0 1%;

    width: 18%;

    float:left;

}

.mgi-wrap.theme3 .mgi-box .mgi-items.column6 .item-wrap{

    margin:0 1%;

    width: 14.6666%;

    float:left;

}



.mgi-wrap.theme3 .mgi-box .mgi-items .item-wrap.only{

    width: 98%;

}





@media all and (max-width: 767px){

	.mgi-wrap.theme3 .mgi-box .mgi-items.column1 .item-wrap,

	.mgi-wrap.theme3 .mgi-box .mgi-items.column2 .item-wrap,

	.mgi-wrap.theme3 .mgi-box .mgi-items.column3 .item-wrap,

	.mgi-wrap.theme3 .mgi-box .mgi-items.column4 .item-wrap,

	.mgi-wrap.theme3 .mgi-box .mgi-items.column5 .item-wrap,

	.mgi-wrap.theme3 .mgi-box .mgi-items.column6 .item-wrap{

	    width: 98%;

	}	

}



.mgi-wrap .item-wrap {

	margin-bottom: 10px;

	overflow: hidden;

}



.mgi-wrap .item-wrap .item-title{

	margin-bottom: 9px;

	font-weight: bold;

}



.mgi-wrap .item-wrap .item-title a{

	font-weight:bold;

}



.mgi-wrap .item-wrap .item-title a:hover{

	color:#1E7CE3;

}



.mgi-wrap .item-wrap .item-image {

	float: left;

	margin: 0px 10px 8px 0px;

	overflow: hidden;

}



.mgi-wrap .item-wrap .item-image img{

    width: 100%;

    max-width: none;

}



.mgi-wrap .item-wrap .item-image img:hover{

	opacity: 0.8;

	filter: alpha(opacity=80);

}



.mgi-wrap .item-wrap .item-readmore {

	text-align: right;

}



.mgi-wrap .more-label {

	margin: 5px 0;

	font-weight: bold;

}



.mgi-wrap .other-links {

	margin: 0;

	padding: 0;

}



.mgi-wrap .other-links li {

	background: url(../images/arrow.png) 0 6px no-repeat;

	margin-bottom: 5px;

	list-style: none;

	padding-left: 0px;

}



.mgi-wrap .other-links li a {

	margin: 0 0 3px 15px;

}



.mgi-wrap .view-all {

	text-align: right;

}



.mgi-wrap .view-all a {

	margin-left: 12px;

	background: url(../images/arrow.png) 0 5px no-repeat;

	padding-left: 15px;

}





/*################################### color ###################################*/

.mgi-wrap .mgi-box .mgi-cat{  

    border-bottom: 2px solid #145CAE ;

}

.mgi-wrap .mgi-cat a{

    background-color: #145CAE ;

    color:#FFFFFF;        

}

.mgi-wrap .item-wrap .item-title a, .mgi-wrap .other-links li a{

    color: #0B3766;

} 

.mgi-wrap .view-all a, .mgi-wrap .item-wrap .item-readmore a{

    color:#1E7CE3;

}



.mgi-wrap .item-wrap .item-title a:hover, .mgi-wrap .other-links li a:hover{

	color:#1E7CE3;

}



.mgi-wrap .view-all a:hover,

.mgi-wrap .item-wrap .item-readmore a:hover{

	color:#0B3766;

}



.mgi-wrap .more-label{

    color:#666666;

}



/*############################################## Css Device ##################################*/

.mgi-wrap.preset02-1 .ie8.presets .mgi-box{float: left;margin: 0;width: 100%;}

.mgi-wrap.preset02-2 .ie8.presets .mgi-box{float: left;margin:0 1%;width: 48%;}

.mgi-wrap.preset02-3 .ie8.presets .mgi-box{float: left;margin:0 1%;width: 31.3333%;}

.mgi-wrap.preset02-4 .ie8.presets .mgi-box{float: left;margin:0 1%;width: 23%;}

.mgi-wrap.preset02-5 .ie8.presets .mgi-box{float: left;margin:0 1%;width: 18%;}

.mgi-wrap.preset02-6 .ie8.presets .mgi-box{float: left;margin:0 1%;width: 14.6666%;}

    .mgi-wrap.preset02-1 .ie8.presets  .clr1,

    .mgi-wrap.preset02-2 .ie8.presets  .clr2,

    .mgi-wrap.preset02-3 .ie8.presets .clr3,

    .mgi-wrap.preset02-4 .ie8.presets .clr4,

    .mgi-wrap.preset02-5 .ie8.presets .clr5,

    .mgi-wrap.preset02-6 .ie8.presets .clr6{

        clear: both;

    }





@media all and (max-width: 320px){

    .mgi-wrap.preset05-1 .mgi-box{float: left;margin: 0;width: 100%;}

    .mgi-wrap.preset05-2 .mgi-box{float: left;margin:0 1%;width: 48%;}

    .mgi-wrap.preset05-3 .mgi-box{float: left;margin:0 1%;width: 31.3333%;}

    .mgi-wrap.preset05-4 .mgi-box{float: left;margin:0 1%;width: 23%;}

    .mgi-wrap.preset05-5 .mgi-box{float: left;margin:0 1%;width: 18%;}

    .mgi-wrap.preset05-6 .mgi-box{float: left;margin:0 1%;width: 14.6666%;}

    .mgi-wrap.preset05-1  .clr1,

    .mgi-wrap.preset05-2  .clr2,

    .mgi-wrap.preset05-3  .clr3,

    .mgi-wrap.preset05-4  .clr4,

    .mgi-wrap.preset05-5  .clr5,

    .mgi-wrap.preset05-6  .clr6{

        clear: both;

    }    

}

@media all and (min-width: 321px) and (max-width: 480px){

    .mgi-wrap.preset04-1 .mgi-box{float: left;margin: 0;width: 100%;}

    .mgi-wrap.preset04-2 .mgi-box{float: left;margin:0 1%;width: 48%;}

    .mgi-wrap.preset04-3 .mgi-box{float: left;margin:0 1%;width: 31.3333%;}

    .mgi-wrap.preset04-4 .mgi-box{float: left;margin:0 1%;width: 23%;}

    .mgi-wrap.preset04-5 .mgi-box{float: left;margin:0 1%;width: 18%;}

    .mgi-wrap.preset04-6 .mgi-box{float: left;margin:0 1%;width: 14.6666%;} 

    .mgi-wrap.preset04-1  .clr1,

    .mgi-wrap.preset04-2  .clr2,

    .mgi-wrap.preset04-3  .clr3,

    .mgi-wrap.preset04-4  .clr4,

    .mgi-wrap.preset04-5  .clr5,

    .mgi-wrap.preset04-6  .clr6{

        clear: both;

    }    

}



@media all and (min-width: 481px) and (max-width: 768px){

    .mgi-wrap.preset03-1 .mgi-box{float: left;margin: 0;width: 100%;}

    .mgi-wrap.preset03-2 .mgi-box{float: left;margin:0 1%;width: 48%;}

    .mgi-wrap.preset03-3 .mgi-box{float: left;margin:0 1%;width: 31.3333%;}

    .mgi-wrap.preset03-4 .mgi-box{float: left;margin:0 1%;width: 23%;}

    .mgi-wrap.preset03-5 .mgi-box{float: left;margin:0 1%;width: 18%;}

    .mgi-wrap.preset03-6 .mgi-box{float: left;margin:0 1%;width: 14.6666%;}

    .mgi-wrap.preset03-1  .clr1,

    .mgi-wrap.preset03-2  .clr2,

    .mgi-wrap.preset03-3  .clr3,

    .mgi-wrap.preset03-4  .clr4,

    .mgi-wrap.preset03-5  .clr5,

    .mgi-wrap.preset03-6  .clr6{

        clear: both;

    }     

}



@media all and (min-width: 769px) and (max-width: 1200px){

    .mgi-wrap.preset02-1 .mgi-box{float: left;margin: 0;width: 100%;}

    .mgi-wrap.preset02-2 .mgi-box{float: left;margin:0 1%;width: 48%;}

    .mgi-wrap.preset02-3 .mgi-box{float: left;margin:0 1%;width: 31.3333%;}

    .mgi-wrap.preset02-4 .mgi-box{float: left;margin:0 1%;width: 23%;}

    .mgi-wrap.preset02-5 .mgi-box{float: left;margin:0 1%;width: 18%;}

    .mgi-wrap.preset02-6 .mgi-box{float: left;margin:0 1%;width: 14.6666%;}

    .mgi-wrap.preset02-1  .clr1,

    .mgi-wrap.preset02-2  .clr2,

    .mgi-wrap.preset02-3  .clr3,

    .mgi-wrap.preset02-4  .clr4,

    .mgi-wrap.preset02-5  .clr5,

    .mgi-wrap.preset02-6  .clr6{

        clear: both;

    }    

}



@media all and (min-width: 1201px){

    .mgi-wrap.preset01-1 .mgi-box{float: left;margin: 0;width: 100%;}

    .mgi-wrap.preset01-2 .mgi-box{float: left;margin:0 1%;width: 48%;}

    .mgi-wrap.preset01-3 .mgi-box{float: left;margin:0 1%;width: 31.3333%;}

    .mgi-wrap.preset01-4 .mgi-box{float: left;margin:0 1%;width: 23%;}

    .mgi-wrap.preset01-5 .mgi-box{float: left;margin:0 1%;width: 18%;}

    .mgi-wrap.preset01-6 .mgi-box{float: left;margin:0 1%;width: 14.6666%;}

    .mgi-wrap.preset01-1  .clr1,

    .mgi-wrap.preset01-2  .clr2,

    .mgi-wrap.preset01-3  .clr3,

    .mgi-wrap.preset01-4  .clr4,

    .mgi-wrap.preset01-5  .clr5,

    .mgi-wrap.preset01-6  .clr6{

        clear: both;

    }    

}

/*################################# End css Device #############################################*/

.mgi-wrap .mgi-box{

	padding-bottom:30px;

	overflow: hidden;

}

/*clearfix*/

.mgi-box:after,

.mgi-items:after{

    content: "\0020";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    overflow: hidden;

}



/* clear*/

.clear {

    clear: both;

}