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

@media only screen and (max-width: 1280px){
/*主視覺*/
.member_banner{	
	height:360px;	
	}
	
.mainTitle-phone img{	
	max-height:250px
	}
	
.mainTitle-pc{	
	position:absolute ;
	left:8%;
	}
	
.mainTitle-pc img{	
	max-height:230px
	}	
}
@media only screen and (max-width: 1024px){
/*主視覺*/
.mainTitle-pc {
    position: absolute;
    left: 5%;
    
}	

/*贈獎說明*/
.member_gifts-list {    
    width:85%;   
}	
.member_gifts-week{	
	color:#FFF;
	font-size:16px;
	width:24%;
	
	}
.member_balloon-02 {
    position: absolute;
    top: -140px;
    right: -80px;
    width: 300px;		
}

.member_qaList {
    width:85%;  
   
}

.member_info-txt {
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
}
}

@media only screen and (max-width: 920px){
/*主視覺*/	
.mainTitle-phone {
    position: absolute;
    right: 5%;    
}	
.mainTitle-pc img {
    max-height: 200px;
}

/*贈獎說明*/
.member_gifts-robot {
    position: absolute;
    top: -60px;
    left: 5%;
    width: 160px;
}

.member_balloon-01 {
    position: absolute;
   	top: -150px;
    left: -60px;
    width: 140px;
}
.member_balloon-02 {
    position: absolute;
    top: -140px;
    right: -70px;
    width: 240px;
}


/*================================================================*/
/*彈出視窗*/
/*================================================================*/



}

@media only screen and (max-width: 780px){
/*主視覺*/	
.mainTitle {
    width: 55%;
}

.mainTitle-txt {
   width: 55%;
}


/*步驟*/
.member_step li {
     width: 32%;
   
}

.member_step-box li:nth-child(3) {
    color: #333;
    font-size: 16px;
    height: 50px;
	
}

/*贈獎說明*/	
.member_balloon-01 {
    position: absolute;
   	top: -150px;
    left: -60px;
    width: 120px;
}
.member_balloon-02 {
    position: absolute;
    top: -100px;
    right: -70px;
    width: 220px;
}



.member_startBtn2 a{	
    
    margin: 0 ;
	}

/*Q&A*/
.member_qaList-Q , .member_qaList-Q2 {
   
    width:40%;    
    font-size: 16px;
    padding: 20px;
}

.member_qaList-A,.member_qaList-A2 {   
    width: 58%;    
    font-size: 16px;
    padding: 20px;
}	

.member_qaBlock {
   
    padding:50px 0px 110px 0px; 
}

.member_qaList-robot {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160px;
}


/*得獎名單*/
.member_name-bg{	
	width:90%;
	max-width:1200px;
	}



}

@media only screen and (max-width: 640px){
/*主視覺*/
.mainTitle {
    width: 75%;
}

.mainTitle-txt {
   width: 75%;
}


.mainTitle-phone {
    position: absolute;
    right: 10px;
}	

/*贈獎說明*/
.member_gifts-robot {
    position: absolute;
    top: -70px;
    left: -20px;
    width: 150px;
}

/*得獎名單*/
.member_name-bg{	
	width:90%;
	max-width:1200px;
	}

.member_week-ul_01 {    
    display: none;
}

.member_week-01{ 
	display:block;
	width:100%;
	text-align: center;	
    color: #FFF;    
    padding: 10px 0;
    background-color: #f78702;
		}
.member_week-01, .member_week-02, .member_week-03{ 
	display:block;
	width:100%;
	text-align: center;
		}
.member_week-ul_02 li:nth-child(even) {
    background-color: #FFF;
}

/*================================================================*/
/*彈出視窗*/
/*================================================================*/

/*認證 QR Code*/
.check_qrCode-robot {
    width: 100%;    
    display: block;
}

.check_qrCode-robot img {
    width: 30%;
    margin: 0 auto;    
    display: block;
}
.check_qrCode-txt {		
		
	}

.check_qrCode-qr {
	width:40%;
	text-align:center;
	margin:10px auto 10px auto;	
	}


.check_qrCode-Btn {
    width:100%;
   	padding:10px;   
    
}


	
}


@media only screen and (max-width: 480px){
/*主視覺*/	
.mainTitle-phone {
	display:none;       
}	
.mainTitle-pc  {
   display:none;
}

/*大標*/
.member-title {
    background: url(../images/meb-07.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #555;
    font-size: 25px;
    margin:40px 30px 0 30px;
    padding-bottom: 15px;
    letter-spacing: 4px;
}

	
/*步驟*/	
.member_step li {
    width: 100%;
}

.member_step-box {
    float: inherit;
    width: 80%;
	margin:0 auto;
}

.member_step-next {
     display:none;
}


/*贈獎說明*/
.member_gifts-robot {
    display:none;
	
}
.member_gifts-txt {    
    width:80%;
    margin: 0px auto 20px auto;
    
}
.member_gifts-block {    
    background-size: cover  ; 
}
.member_gifts-list ul:nth-child(1) {
   display:none;
}
.member_gifts-list li {
    display: inline-block;
    text-align: center;
}
.member_gifts-week {
    color: #FFF;
    font-size: 16px;
    width: 49.4%;
	padding:0;
}

.member_gifts-week-rwd{
	display: block;
	color:#FFF;
	font-size:16px;
	background-color:#fb841a;
	padding:5px;
	
	}
.member_gifts-name {
   padding:5px;
   font-size:18px;
}
.member_gifts-name p{
	display:block;
	
	}
	
.member_giftPlus {    
    padding: 0 5%;
   
}	
.member_giftPlus-photo {
    width: 70%;
     display: block  ;
	 margin: 0 auto
}	
	
.member_giftPlus-name p{   
    display: inline;
   
}	
	
	
.member_balloon-01 {
     display:none;
}
.member_balloon-02 {
    display:none;
}



/*注意事項*/
.member_infoBlock{
	background:none;
	}

.member_info-L{
	width:100%;
	float: inherit;
	padding:40px 10%;
	background-color:#78838e;
	
	}
.member_info-R{
	width:100%;
	float: inherit;
	background-color:#c24f5d;
	}



/*Q&A*/
.member_qaList-title {    
    margin: 25px 30px;
}

.member_qaList li {
    margin-bottom:10px;
}
.member_qaList-Q, .member_qaList-Q2 {
    width: 100%;
    font-size: 16px;
    padding: 10px 50px 10px  10px ;
	display:block;
	
}

.member_qaList-A,.member_qaList-A2 {   
    width: 100%;    
    font-size: 16px;
    padding: 10px 50px 10px  10px ;
	display:block;
	background-image:none;
}	

.member_qaList-robot {   
    width: 150px;
}


/*得獎名單*/
.member_ulplus_01 {
    float: inherit;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
	background-color:#f78702;
}
.member_ulplus_02 {
     float: inherit;
    width: 100%;
}
.member_plus_01 ,.member_plus_02{
    display: block;
    width: 100%;
    padding: 5px;    
    color: #666;
	text-align: center;
}


.abgne_close_ad {   
    text-align: center;
    cursor: pointer;
    font-size:20px;
	background-color:#ccc;
    width: 100px;
    margin: 0 auto;
	padding:2px;
	border-radius:5px;
	z-index: 9999;
}
/*================================================================*/
/*彈出視窗*/
/*================================================================*/

/*認證成功*/
.check_success-title{
	width:100%;
	margin:0 auto 10px auto;
	font-size:24px;
	
	}
.check_success-robot{ 
	display:block;
	width:35%;
	text-align:center;
	margin:0 auto 5px auto;
	}
	
.check_success-txt {
	display:block;
	width:100%;
	font-size:17px;	
	color:#666;
	vertical-align: inherit;
	padding:0 0 0 10px;
	text-align:center;
		}

/*認證錯誤*/
.check_error-title{
	width:100%;
	margin:0 auto 10px auto;
	font-size:24px;
	}

.check_error-robot{ 
	display:block;
	width:35%;
	margin:0 auto 5px auto;
	}
	

.check_error-txtBox {
	display:block;
	width:100%;
	font-size:16px;	
	padding:0 10px;
		}


/*qrCode*/
.check_qrCode-qr {
    width: 60%;
    
}
.check_qrCode-robot {	
	}
	
.check_qrCode-txt {
  
}



}

@media only screen and (max-width: 414px){
/*贈獎說明*/
.member_gifts-list li {
    display:block;
   }
.member_gifts-week {
    color: #FFF;
    font-size: 16px;
    width: 100%;
    padding: 0;
}

/*================================================================*/
/*彈出視窗*/
/*================================================================*/
.check_qrCode-txt {        
    font-size: 18px;
	}


}

@media only screen and (max-width: 380px){
.header_logo {		
	float: inherit;
	margin: 0 auto  10px auto;}
	
.twhg-buy {
	display: inline-block;	
	font-size:16px;
	width:48%;		
}	
.twhg-sale {
	display: inline-block;
		
	margin-right: 10px;
	font-size:16px;
	width:48%;
}	
	
	}

@media only screen and (max-width: 320px){
/*head*/
.header_logo {
    float: inherit;
    width: 180px;
	margin:0 auto;
}	
.twhg-buy {
    display: inline-block;
    float: inherit;
    font-size: 16px;
    width: 49%;
    margin: 10px 0 0 0;
}

.twhg-sale {
	display: inline-block;
    float: inherit;
    font-size: 16px;
    width: 49%;
    margin: 10px 0 0 0;
}




/*主視覺*/
.member_banner {
    
    height: 240px;
}

.mainTitle {    
    animation-delay: 0s;
}
.mainTitle-txt {
   font-size: 13px;
   line-height: 22px
}	
/*Q&A*/	

.member_qaBlock {
    padding: 40px 0px ;
}
.member_qaList-robot {   
    display:none;
}	
}