@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px}

#wrapper {
	width:100%;
	margin: 0 auto; position:relative; height:auto; position:relative; overflow-x:hidden; 
}

.clear {clear:both}
.header {width:100%; height:130px; margin:0 auto}
.navi {
	left: 49%;
margin-left: -255px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}	


.logo{ left: 49%;
margin-left: 450px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3;  visibility:visible; bottom:20px; left:45%; margin-left:400px}

.logo1{ left: 49%;
margin-left: -375px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:20px; visibility:visible}

.footer {width:100%; height:61px; background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:12px; float:left}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:874px; z-index:3; left:45%; margin-left:-380px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:874px; z-index:3; left:45%; margin-left:-380px; 
}


.main_content {width:100%; height:649px; margin-left:auto; margin-right:auto}


@media screen and (max-width: 1440px) {
	.logo{ left: 49%;
margin-left: 450px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3;  visibility:visible; bottom:20px; left:45%; margin-left:385px}


.main_content {width:100%; height:609px; margin-left:auto; margin-right:auto}
.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:774px; z-index:3; left:45%; margin-left:-300px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:774px; z-index:3; left:45%; margin-left:-300px; 
}
.navi {
	left: 49%;
margin-left: -235px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}	


}


@media screen and (max-width: 1366px) {

.main_content {width:100%; height:589px; margin-left:auto; margin-right:auto}
	
.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:774px; z-index:3; left:45%; margin-left:-300px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:774px; z-index:3; left:45%; margin-left:-300px; 
}



	

	}


@media screen and (max-width: 1280px) {
	
.main_content {width:100%; height:589px; margin-left:auto; margin-right:auto}
	
.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:774px; z-index:3; left:45%; margin-left:-300px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:774px; z-index:3; left:45%; margin-left:-300px; 
}


}


@media screen and (max-width: 1024px) {
	.main_content {width:100%; height:569px; margin-left:auto; margin-right:auto}

	
.logo{ left: 49%;
margin-left: 348px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:415px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:774px; z-index:3; left:45%; margin-left:-300px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:774px; z-index:3; left:45%; margin-left:-300px; top:0px
}

	}

@media screen and (max-width: 768px) {
.navi {
	left: 49%;
margin-left: -255px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:7px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}

	.main_content {width:100%; height:529px; margin-left:auto; margin-right:auto}

	
.logo{ left: 49%;
margin-left: 258px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:280px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 75px;
    width:624px; z-index:3; left:45%; margin-left:-250px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:624px; z-index:3; left:45%; margin-left:-250px; top:0px
}


	}


@media screen and (max-width: 600px) {
.navi {
	left: 49%;
margin-left: 10px;
position: absolute;
text-align: center; width:250px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}

	.main_content {width:100%; height:529px; margin-left:auto; margin-right:auto}

	
.logo{ left: 49%;
margin-left: -221px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:-50px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 135px;
    width:454px; z-index:3; left:45%; margin-left:-200px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:454px; z-index:3; left:45%; margin-left:-200px; top:10px
}

	}

@media only screen and (max-width : 480px) {

.navi {
	left: 49%;
margin-left: -20px;
position: absolute;
text-align: center; width:250px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}
	.main_content {width:100%; height:529px; margin-left:auto; margin-right:auto}

	
.logo{ left: 49%;
margin-left: -165px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:-50px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 135px;
    width:354px; z-index:3; left:45%; margin-left:-150px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:354px; z-index:3; left:45%; margin-left:-150px; top:10px
}


	}

@media only screen and (max-width : 320px) {
	
		.navi {
	left: 49%;
margin-left: -30px;
position: absolute;
text-align: center; width:250px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}

	.main_content {width:100%; height:529px; margin-left:auto; margin-right:auto}

	
.logo{ left: 49%;
margin-left: -123px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:-50px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 135px;
    width:254px; z-index:3; left:45%; margin-left:-110px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: relative;
    
    width:254px; z-index:3; left:45%; margin-left:-110px; top:10px
}


}