#wapper{
			  overflow: hidden;
			  font-family: "微軟正黑體";
		  }
		  
		  .nav-menu{
			  width: 1080px;
			  height: 72px;
			  line-height: 72px;
			  margin: 0 auto;
		  }
		  
		  .but-padding{
			  padding:0 30px;
		  }
		  
		  .but-right{
			  position: fixed;
			  top: 20px;
			  right: 0;
		  }
		.but-right a{
				display: block;
				margin: 0 0 6px 0;
			}

		 .m-but-right{
	          display: none;
           }
		  
		  .banner{
			  background-color: #60d5fe;
		  }
		  .sea-bg{
			background-image: url("../img/sea-bg.jpg");
			overflow: hidden;
		  }

		  #two,#two .item-activity{
	       background-repeat: round;
	       height: 1130px;
		}


		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
			background-color: transparent;		  
		  }
		  
		.nav-tabs,.nav-tabs .nav-link{
			border: none;		  
		  }
		  
		  
		ul.nav{
			width:860px;
			margin:0 auto;
			padding-bottom: 25px;
		  }		  

		li.nav-item{
		width: 50%;
			 }
		  
		  
		.item-gift{
			  width: 860px;
			  margin: 0 auto;
		  }  
		  
		 .title{
			 padding: 30px 0 15px 0;
		  }  
		 
		  
		 .item-gift img{
			  padding: 10px 0;
		  } 
		  
		  
		  .item-activity{
 			 width: 1080px;
  			 margin: 0 auto;
  			 background-image: url("../img/sea.jpg");
			 background-repeat: no-repeat;
			 background-size: cover;
			 height: 1100px;
			 padding:25px 0;
		  }


		  
		  .regulation-bg{
			  background-color: #eee;
			  padding: 50px 0;
		  }
		  
		  .regulation{
			  width: 860px;
			  margin: 0 auto;
		  }
		  
		  .regulation h2{
			  font-weight: bold;
		  }
		  
		  .regulation ol{
			  margin-left: -20px;
		  }
		  
		  .regulation ol li{
			  padding: 10px 0;
		  }
		  
		  .nav-link{
			  padding: 0;
		  }
		  
		  .footer{
			  background-color: #aa1c18;
			  text-align: center;
			  height: 138px;
			  line-height: 138px;
		  }


		.footer .ft-p-right{
			padding-right: 40px;
			}


		.footer .ft-p-lfet{
			padding-left: 30px;
			border-left: 1px solid #fff;
			}
		  

		  .button-member a {
			  margin: 0 20px;
		 }

		.m-but{
				  display: none;
			  }  

		  
		  @media screen and (min-width:768px) and (max-width:1024px){   
			  
			  .item-activity,.nav-menu,.banner img,li.nav-item img{
				  width: 100%;
			  }
			  
			  ul.nav {
  			  width: 100%;
				}
			  
			  .item-activity{
				  height: auto;
			  }
			  
			  .regulation,.item-gift {
    				width:95%;
			  }
			  
			  .tab-content img{
				  width: 95%;
			  }
			  
			  
			  
			  .item-gift img{
				  width: 100%;
			  }
			  

		  }
		  
		  @media screen and (max-width:767px){
			  
			.m-but{
				  display: block;
			  }  
			  
		   #two,#two .item-activity{
				height: auto;
				}
 
			  
		   .nav-menu{
				  width: 100%;
				  padding:0;
			   	  height: 50px;
			   	  line-height: 50px;

			  }
			  
		   .nav-menu img{
				  width: 28%;
			  }
			  
			  		  
		  .but-padding{
			  padding-left: 10px;
			  padding-right: 0;
		  }
		  
		  .but-right img{
			 width: 80%;
		  }
			  
		  .banner img{
				  width: 100%;
			  }	 
			  
		  .item-activity,.item-gift{
				  width: 100%;
			  }	  
			  
			  
		  .item-gift img{
			  width: 95%;
    		  display: block;
              margin: 0 auto;
			  padding: 5px 0;
			  }
			  
		  .title{
				padding: 25px 0 15px 0;  
			  }			  

		  ul.nav,li.nav-item,.regulation{
				  width: 100%;
			  }  
			  
			  
		.tab-pane img{
				  width: 95%;
				  margin: 0 auto;
				  display: block;
			  }
		.item-activity{
				  height: auto;
			  }	  
			  
		 .regulation-bg{
				  padding:25px 10px;
			  }	  
			  
		.nav-item  img{
				  width: 100%;
			  }
			  
		.footer{
		  padding: 20px 0 20px 0;
		  height: auto;
		  line-height:normal;
			  }	  
			  
			  
		.footer img.ft-p-right {
				  width: 50%;
			  }	
			  
			  
		.footer img.ft-p-lfet{
				  width: 48%;
			  }	
			  
			  
		 .button-member a {
			  margin: 0;
		 }
			  
			  
	   .footer .ft-p-right{
		   	float: left;
			padding-right: 5px;
		   	padding-left: 5px;
			  }
			  
		.footer .ft-p-lfet {
   			 padding-left: 0;
		}
			
	   .but-right{
			display: none;
			  }			  
			  
		.m-but-right{
			display: block;
			position: fixed;
   			z-index: 888;
   			bottom: 0px;	  
			  }		  
		.m-but-right img{
				  width: 100%;
			  }
			  
		.w-d-none{
			display: none;	  
			  }

}