@charset "utf-8";
/* CSS Document */
/*body { 
font-family:'Open Sans'; 
background-color:#fff;
}
h2 { 
margin:30px auto;
}
.container { 
margin:10px auto;
}*/
 
#mixedSlider {
position: relative;
}
#mixedSlider .MS-head{overflow: hidden; height:79px; top:0}
#mixedSlider .MS-content {  
white-space: nowrap;  
overflow: hidden;  
height: 300px;
margin:0;
bottom:0;
/*vertical-align:middle; 
text-align: center;*/
}
#mixedSlider .MS-content .item {   
width: 220px/*33.3333%*/;
min-width:220px;
height: 300px;
position:relative;  
display:table-cell;
vertical-align:middle; 
overflow: hidden; 
white-space: normal;    
text-align: center;
}
#mixedSlider .MS-content .item .img{  
width: 203px;
height: 300px;
background:#dfdfdf/*efefef*/;
border-radius:10px;
display:table-cell;
vertical-align:middle; 
}
#mixedSlider .MS-content .item .img img{  
width: auto; max-width: 100%;
height: auto; max-height: 100%;
float:none;
}
 
/*#mixedSlider .MS-content .item .imgTitle {  
position: relative;
}
 
#mixedSlider .MS-content .item .imgTitle .blogTitle {  
margin: 0;  
text-align: left;  
letter-spacing: 2px;  
color: #252525;  
font-style: italic;  
position: absolute;  
background-color: rgba(255, 255, 255, 0.5);  
width: 100%;  
bottom: 0;  
font-weight: bold;  
padding: 0 0 2px 10px;
}
 
#mixedSlider .MS-content .item .imgTitle img {  
height: auto;  
width: 100%;
}
 
#mixedSlider .MS-content .item p {  
font-size: 16px;  
margin: 2px 10px 0 5px;  
text-indent: 0px;
}
 
#mixedSlider .MS-content .item a {  
float: right;  
margin: 0 20px 0 0;  
font-size: 16px;  
font-style: italic;  
color: rgba(173, 0, 0, 0.82);  
font-weight: bold;  
letter-spacing: 1px;  
transition: linear 0.1s;
}
 
#mixedSlider .MS-content .item a:hover {  
text-shadow: 0 0 1px grey;
}*/
 
 
#basicSlider, #basicSliderlogo { 
position: relative;
background:#fff;
} { 
position: relative;
background:#fff;
}
#basicSlider .MS-head, #basicSliderlogo .MS-head{overflow: hidden; height:79px; top:0}
#basicSlider .MS-content, #basicSliderlogo .MS-content {  
white-space: nowrap;  
overflow: hidden;  
height: 203px;
margin:0;
}
#basicSlider .MS-content .item, #basicSliderlogo .MS-content .item {
width: auto;
min-width:220px;
height:203px;
position: relative; 
display: table-cell;  
vertical-align: middle;  
overflow: hidden;    
white-space: normal; 
text-align: center;
}
.item-box{
margin-left:2px;float:left
}
#basicSlider .MS-content .item .img{  
width: 195px/*203px*/;
height:195px/*203px*/;
background:#fff/*efefef*/;
border-radius:0px;
display:table-cell;
vertical-align:middle;

border:1px solid #ddd; 
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
-o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
-ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
}
#basicSlider .MS-content .item .img img{  
width: auto; max-width: 100%;
height: auto; max-height: 100%;
float:none;
}
#basicSlider .MS-content .item .img a {  
/*line-height: 50px;*/  
vertical-align: middle; 
}

#basicSliderlogo .MS-content .item .logo{  
width: 195px/*203px*/;
height:195px/*203px*/;
background:#fff/*efefef*/;
border-radius:0px;
display:table-cell;
vertical-align:middle; 
}
#basicSliderlogo .MS-content .item .logo img{  
width: auto; max-width: 100%;
height: auto; max-height: 100%;
float:none;
}
#basicSliderlogo .MS-content .item .logo a {  
/*line-height: 50px;*/  
vertical-align: middle; 
}
 
 /*Begin Button*/
 .MS-controls button { 
position: absolute; 
}
 
#basicSlider .MS-controls .MS-left, #basicSliderlogo .MS-controls .MS-left{top: 156px/*77px*/;left: 15px;} #mixedSlider .MS-controls .MS-left {top: 204px/*125*/;left: 15px;}
#basicSlider .MS-controls .MS-right, #basicSliderlogo .MS-controls .MS-right{top: 156px/*77px*/;right: 15px;} #mixedSlider .MS-controls .MS-right {top: 204px/*125*/;right: 15px;}
.MS-left{
    position: absolute;
	width: 50px;
    height: 50px;
	line-height:50px;
	font-size:20px;
	opacity:0.5;
	border:none;
	border-radius:50%;
	text-align:center;
	background:#fff;
}
.MS-right{
    position: absolute;
    width: 50px;
    height: 50px;
	line-height:50px;
	font-size:20px;
	opacity:0.5;
	border:none;
	border-radius:50%;
	text-align:center;
	background:#fff;
}
.MS-left:hover,
.MS-right:hover{ opacity:1}
.MS-left:active,
.MS-right:active{ opacity:0.7}
@media only screen and (min-width:11366px) {
#mixedSlider .MS-head{overflow: hidden; height:91px; top:0}
#basicSlider .MS-head, #basicSliderlogo .MS-head{overflow: hidden; height:91px; top:0}
#basicSlider .MS-controls .MS-left, #basicSliderlogo .MS-controls .MS-left{top: 168px} #mixedSlider .MS-controls .MS-left {top: 216px}
#basicSlider .MS-controls .MS-right, #basicSliderlogo .MS-controls .MS-right{top: 168px} #mixedSlider .MS-controls .MS-right {top: 216px}
}