body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td , footer
        { margin:0; padding:0;  
          -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;
           behavior:url("404.png");}
section,audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}                
               

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0; margin:0; padding:0; display:block;  }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }


.wrap { width:100%!important; _width:1036px; +width:1036px;  max-width:1036px; 
		margin:0 auto; display:block;  zoom:1; } 			   		  

.pc { width:100%; max-width:1036px; margin:0 auto; }
.pc img { width:100%;  margin:0 auto; text-align:center; display:block; } 		   		  



.wrap-mob { width:100%!important; _width:720px; +width:720px;  max-width:720px; position: relative; 
		    margin:0 auto; display:block;  } 
.mob { width:100%; max-width:7200px; margin:0 auto; }
.mob img { width:100%; margin:0 auto; text-align:center; }





 
 
.cd-top { width:40px; height:40px; position:fixed; _position:absolute; 
          bottom:170px; _bottom:170px; right:1%;
          display:inline-block; overflow: hidden;  
          box-shadow:0 0 10px rgba(0, 0, 0, 0.05);   
          text-indent:100%; white-space: nowrap;          
		  background: rgba(232, 98, 86, 0.8) url(../image/top.png) no-repeat center 50%;
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transition: all 0.3s;
		  -moz-transition: all 0.3s;
		  transition: all 0.3s;
		  z-index:999999999999; }

.cd-top.cd-is-visible { 
				        visibility: visible;
				        opacity: 1; }
				  
.cd-top.cd-fade-out {  
                       opacity: .5; }
.no-touch .cd-top:hover {  background-color: #e86256;
						   opacity: 1; }
							
						  
@media only screen and (min-width: 768px) {
		
		.cd-top { right:20px; bottom:90px; }
	 }


@media only screen and (min-width: 1024px) {
       
	    .cd-top { width:60px; height:60px; right:30px; bottom:180px; _bottom:180px; 
		          position:fixed; _position:absolute; }      
    
	  }




.qr-code{ width:60px; height:60px; position:fixed; bottom:116px; right:30px;
		  background:rgba(232,98,86,0.8) url(404.png) no-repeat center center/40px auto  ;}
.qr-code span { width:90px; height:90px; position:absolute; top:-90px; left:-90px; display:none;    } 
.qr-code span img  { width:100%; height:100%; } 
.qr-code span.act { display:block; }   
.qr-code i { width:100%; height:100%; position:absolute; top:0px; left:0; display:none; z-index:999999;
             background:rgba(232,98,86,0.8); } 
.qr-code i img  { width:40px ; height:40px; padding:10px;  } 
.qr-code i .act { display:block; }  		
			

.qr-code { width:60px; height:60px; position:fixed; bottom:96px; right:30px; z-index:99999999;
		   background:rgba(232,98,86,0.7) url(404.png) no-repeat center center/32px auto;}
.qr-code span { width:100px; height:100px; position:absolute; top:-110px; left:-110px; display:none;    } 
.qr-code span img  { width:100%; height:100%; } 
.qr-code span.act { display:block; }   
.qr-code i { width:100%; height:100%; position:absolute; top:0px; left:0; display:none; z-index:999999;
             background:rgba(232,98,86,0.8); } 
.qr-code i img  { width:40px ; height:40px; padding:10px;  } 
.qr-code i .act { display:block; }  

@media only screen and (max-width: 720px) {
		
.qr-code { width:40px; height:40px; right:1%; bottom:126px; 
           background:rgba(232,98,86,0.8) url(404.png) no-repeat center center/24px auto; }
.qr-code span { width:170px; height:170px; position:absolute; top:-140px; left:-180px; display:none;    } 
.qr-code span img  { width:100%; height:100%; } 			
.qr-code i img  { width:26px; height:26px; padding:7px;  } 

}