﻿
.mhzal-screen-1{
	max-width: 768px;
	min-width: 320px;
	margin: 0px auto;
	overflow: hidden;
}
.mhzal-screen-1-dh{
    width: 100%;
    height: auto;
    margin: 0 auto;
        padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #ccc;
    background: #fff;
    padding-left: 10px;
}
.mhzal-screen-1-dh>a{
   
        font-size: 0.8em;
}
.mhzal-screen-1-wrap{
	width: 99%;
	height: auto;
  margin: 0px auto;
  background: #fff;

}


.mhzal-screen-1-wrap-left{
	float:left;
	width: 30%;
	height: auto;
	background: #f2f1f1;

}
.mhzal-screen-1-wrap-left ul li{
	font-size: 1em;
	line-height: 4em;
	color: #666;
	text-align: center;	
}
.active{
	background: #fff;
}
.mhzal-screen-1-wrap-right{
	float: right;
	width: 70%;
	background: #fff;
}

.mhzal-screen-1-wrap-right-list{
	width: 99%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}


@media screen and (min-width: 768px) and (max-width: 960px){
.mhzal-screen-1-wrap-right-list{
	border-bottom: solid 1px #ccc;
	margin-top: 18px;
}
.mhzal-screen-1-wrap-right-list-l{
	width: 45%;
	margin: 0px auto;
	height: auto;
	text-align: center;
	float: left;
	padding: 10px;
}
.mhzal-screen-1-wrap-right-list-l a{
	display: block;
	width: 100%;
}
.mhzal-screen-1-wrap-right-list-l img{
	width: 99%;
}

.mhzal-screen-1-wrap-right-list-r{
	width: 55%;
	float: right;
	padding: 10px;
}
.mhzal-screen-1-wrap-right-list-r a{
	display: block;
	text-decoration: none;
}
.mhzal-screen-1-wrap-right-list-r-q{
	width: 100%;
	margin: 0 auto;
}
.mhzal-screen-1-wrap-right-list-r-q h3{
	font-size: 1.2em;
	line-height: 1.2em;
	color: #36bce7;
	margin-bottom: 15px;
	margin-top: 10px;
}
.mhzal-screen-1-wrap-right-list-r-q p{
	font-size: 1em;
	line-height: 1.5em;
	color: #969595;
}

}




@media screen and (min-width: 961px){

.mhzal-screen-1-wrap-right-list{
	border-bottom: solid 1px #ccc;
	margin-top: 18px;
}
.mhzal-screen-1-wrap-right-list-l{
	width: 45%;
	margin: 0px auto;
	height: auto;
	text-align: center;
	float: left;
	padding: 10px;
}
.mhzal-screen-1-wrap-right-list-l a{
	display: block;
	width: 100%;
}
.mhzal-screen-1-wrap-right-list-l img{
	width: 99%;
}

.mhzal-screen-1-wrap-right-list-r{
	width: 55%;
	float: right;
	padding: 10px;
}
.mhzal-screen-1-wrap-right-list-r a{
	display: block;
	text-decoration: none;
}
.mhzal-screen-1-wrap-right-list-r-q{
	width: 100%;
	margin: 0 auto;
}
.mhzal-screen-1-wrap-right-list-r-q h3{
	font-size: 1.2em;
	line-height: 1.2em;
	color: #36bce7;
	margin-bottom: 15px;
	margin-top: 10px;
}
.mhzal-screen-1-wrap-right-list-r-q p{
	font-size: 1em;
	line-height: 1.5em;
	color: #969595;
}



}



@media screen and (min-width: 320px) and (max-width: 767px){

.mhzal-screen-1-wrap-right-list{
	border-bottom: solid 1px #ccc;

}

.mhzal-screen-1-wrap-right-list-l{
	width: 99%;
	margin: 0px auto;
	height: auto;
	margin-top: 15px;
	text-align: center;
}
.mhzal-screen-1-wrap-right-list-l a{
	display: block;
	width: 100%;
}
.mhzal-screen-1-wrap-right-list-l img{
	width:70%;
}

.mhzal-screen-1-wrap-right-list-r{
	width: 100%;
	margin-bottom: 18px;
}
.mhzal-screen-1-wrap-right-list-r a{
	display: block;
	text-decoration: none;
}
.mhzal-screen-1-wrap-right-list-r-q{
	width: 98%;
	margin: 0 auto;
}
.mhzal-screen-1-wrap-right-list-r-q h3{
	font-size: 0.9em;
	line-height: 2.5em;
	color: #36bce7;
	text-align: left;
	text-indent: 20px;
}
.mhzal-screen-1-wrap-right-list-r-q p{
	font-size: 0.7em;
	line-height: 1.5em;
	color: #969595;
	text-align: left;
	text-indent: 20px;
}





}