html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:1.2em;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}object,embed{outline:none;}


*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.select{font-size:12px;background:#efeeeb;color:#666;}
a,a:hover{text-decoration:none; color:#666;}
 
/* select */
.select{position:relative;float:left;margin:38px 0px 0px 70px;}
.select dt{height:28px;color: #5bc5d5;font-size: 18px;display:inline-block;border:1px solid #d2ccc4;background:#fcfcfb url(../img/ico.gif) no-repeat 77px center;line-height:28px;font-weight:bold;padding-left:10px;cursor:pointer;width:70px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;}
.select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}
.select dd{position:absolute;left:0;top:29px;border:1px solid #d2ccc4;background:#fff;display:none;}
.select dd ul{padding:4px;width:84px;max-height:250px;overflow:auto;}
.select dd ul li a{line-height:28px;display:block;padding:0 8px;color: #5bc5d5;font-size: 18px;}
.select dd ul li a:hover{background:#f5f5f5;}


.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}

body {
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	height:100%;
}

a:link, a:visited, a:hover {
	text-decoration:none;
	color:#000;
}
/* 
html {
	background-image : url('../img/bg_1.png');
} */

#main {
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	background-color:#fff;
	box-shadow:0 0px 23px 0px #333;
	
}
#head{
height:2333px;
width:100%;
background-image:url('../img/d1_a.jpg');
padding-top: 85px;
}
#head ul{
margin-left: 55px;
text-align:left;
}
#head li{ 
margin-bottom:10px;
list-style-image: url(../img/a.png);
}
#allPage{
background-image:url('../img/d1_b.jpg');
}
#p1{
background-image:url('../img/p1.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
#p2{
background-image:url('../img/p2.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
#p3{
background-image:url('../img/p3.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
#p4{
background-image:url('../img/p4.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
#p5{
background-image:url('../img/p5.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
#p6{
background-image:url('../img/p6.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
#p7{
background-image:url('../img/p7.jpg');
height: 1273px;
margin: auto;
width: 900px;
margin-bottom: 25px;
}
.pTitle{
font-size: 32px;
font-weight: bold;
text-align: center;
margin-bottom:25px;
cursor: pointer;
}
.detailPage{
cursor: pointer;
background-repeat: no-repeat;
}
#bottom{
height:101px;
background-image:url('../img/d1_c.jpg');
margin-top: -25px;
}
.mainContent{

}
.mainContent.title{
font-weight: bold;
font-size: 50px;
/* margin-top: 20px; */
text-align: center;
margin-bottom: 25px;
}
.mainContent.inside{
padding-left: 50px;
padding-right: 50px;
font-size: 23px;
/* font-family: -webkit-body; */
font-weight: bold;
line-height: 1.5em;
margin-bottom: 40px;
letter-spacing: 5px;
text-align: justify;
}
#showAllDetailDiv{

width:100%;
background-repeat: no-repeat;
padding-top:60px;
}
.smallBackground{
height:3940px;
background-image:url('../img/detail.jpg');
}
.bigBackground{
height:5240px;
background-image:url('../img/detail_big.jpg');
}
.detailTitle{
font-size: 23px;
font-weight: bold;
text-align: center;
margin-bottom: 25px;
}
.showDetailImage{
text-align: center;
margin-bottom: 40px;
}
@media(max-width: 640px){
  html{
  overflow:auto;
  }
  #main  {
	width:100%;
  }
  #head{
height:2982px;
width:100%;
background-image:url('../img/m_d1_a.jpg');
}
#allPage{
background-image:url('../img/m_d1_b.jpg');
}
#p1{
background-image:url('../img/m_p1.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;

}
#p2{
background-image:url('../img/m_p2.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;
}
#p3{
background-image:url('../img/m_p3.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;
}
#p4{
background-image:url('../img/m_p4.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;
}
#p5{
background-image:url('../img/m_p5.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;
}
#p6{
background-image:url('../img/m_p6.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;
}
#p7{
background-image:url('../img/m_p7.jpg');
height: 849px;
margin: auto;
width: 600px;
margin-bottom: 25px;
}
.pTitle{
font-size:23px;
padding-left: 50px;
padding-right: 50px;
font-weight: bold;
line-height: 1.5em;
letter-spacing: 5px;
}
#bottom{
height:65px;
background-image:url('../img/m_d1_c.jpg');
}
#showAllDetailDiv{

}
.smallBackground{
height:2740px;
background-image:url('../img/m_detail.jpg');
}
.bigBackground{
height:3640px;
background-image:url('../img/m_detail_big.jpg');
}
.detailTitle{
font-size: 18px;
padding-left: 30px;
padding-right: 30px;
}
  }