/*! style.css */
@import url("./reset.css");

/*pc版首頁-端午節活動*/  
.Black{
	background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: fixed;
    opacity: 0.7;
}
.ZongziPosition{
	background: url(../Imges/bg01.png);
    width: 740px;
    height: 1074px;
    background-repeat: no-repeat;
    position: absolute;
    z-index:4;
    margin-left: calc(50% - 370px);
}
center{
    background: url(../Imges/VS1.png);
    width: 280px;
    height: 357px;
    position: absolute;
    margin-left: calc(50% - 140px);
    top: 150px;
    z-index: 5;
    
    animation: center 0.5s linear infinite;
	-moz-animation: center 0.5s linear infinite;
	-webkit-animation: center 0.5s linear infinite;
	-o-animation: center 0.5s linear infinite;
}
.DwanWu_buttom_01:active, .DwanWu_buttom_02:active, .DwanWu_buttom_03:active, .DwanWu_buttom_04:active {
    background-position-y: bottom;
}

.DwanWu_buttom_01:hover, .DwanWu_buttom_02:hover, .DwanWu_buttom_03:hover, .DwanWu_buttom_04:hover, .DwanWu_buttom_01:focus, .DwanWu_buttom_02:focus, .DwanWu_buttom_03:focus, .DwanWu_buttom_04:focus {
    background-position-y: center;
}

/*VS宣告動畫連結*/
@-webkit-keyframes center{
	0%{background-image:url(../Imges/VS1.png);}
	25%{background-image:url(../Imges/VS2.png);}
	51%{background-image:url(../Imges/VS3.png);}
	85%{background-image:url(../Imges/VS2.png);}
	100%{background-image:url(../Imges/VS1.png);}
}
@-moz-keyframes center{
	0%{background-image:url(../Imges/VS1.png);}
	25%{background-image:url(../Imges/VS2.png);}
	51%{background-image:url(../Imges/VS3.png);}
	85%{background-image:url(../Imges/VS2.png);}
	100%{background-image:url(../Imges/VS1.png);}
}
@-o-keyframes center{
	0%{background-image:url(../Imges/VS1.png);}
	25%{background-image:url(../Imges/VS2.png);}
	51%{background-image:url(../Imges/VS3.png);}
	85%{background-image:url(../Imges/VS2.png);}
	100%{background-image:url(../Imges/VS1.png);}
}

@keyframes center{
	0%{background-image:url(../Imges/VS1.png);}
	25%{background-image:url(../Imges/VS2.png);}
	51%{background-image:url(../Imges/VS3.png);}
	85%{background-image:url(../Imges/VS2.png);}
	100%{background-image:url(../Imges/VS1.png);}
}

.DwanWu_em{ 
	position: absolute;
    z-index: 3;
    width: 100%;
    margin-left: calc(50% - 362px);
    top: 40px;
	}
.NameStar{
    /*position: relative;*/
    color: #EDFDFD;
    font-size: 33px;
    /*top: 383px;
    left: 155px;
    margin-right: 222px;*/
    font-weight: bold;
    text-shadow: 1px 2px 4px #133305;
	width: 210px;
	    margin-top: 383px;
    margin-left: 100px;
    margin-right: 58px;
display: inline-block;
    text-align: center;
}
.ZongziTittleText{
    position: absolute;
    bottom:102px;
    color:#E8F8F8;
    font-size: 19px;
    line-height: 39px;
    padding: 0px 46px;
    list-style-type: none;
}
.ZongziTittleText > li >strong{
	font-size: 23px;
    background-color: rgba(0, 255, 255, 0.2);
    padding: 2px 3px 2px;
    border-bottom-right-radius: 10px;
    letter-spacing: 1px;
    padding: 1px 4px 1px 4px;
    }
.AlignText{
	width: 81%;
    display: inline-block;
    float: right;

}
.ZongziTittleText >.activity{height: 114px;} 

.ZongziTittleText >.wu{display: inline-block;
    width: 100%;
}   
 
.DwanWu_Buttom{    
	width: 410px;
    margin: auto;
	margin-top: 570px;
}
.DwanWu_buttom_01{
    /*position: relative;*/
    background: url(../Imges/buttom03.png);
    /*background: url(../Imges/CNbuttom01.png);*/
    /*top: 945px;*/
    width: 177px;
    height: 58px;
    display: inline-block;
    margin-right: 37px;
}


.DwanWu_buttom_02{    
	/*position: relative;*/
    background: url(../Imges/buttom01.png);
    /*background: url(../Imges/CNbuttom01.png);
    top: 945px;*/
    width: 177px;
    height: 58px;
    display: inline-block;
}


div.DwanWu_close>a{    
	width: 100%;
    display: block;} 

.DwanWu_close{
	background: url(../Imges/X.png);
	width: 49px;
    height: 53px;
    position: absolute;
    top: 5px;
    right: 6px;
}
.DwanWu_close:active{top:7px;}    


/*pc版內頁-端午節活動*/ 

.ZongziPosition_Inside{
	background: url(../Imges/bg02.png);
    width: 740px;
    height: 1651px;
    background-repeat: no-repeat;
    position: absolute;
    z-index:4;
    margin-left: calc(50% - 370px);
} 
/*粽子動畫*/
.FlashZongzi{
    background: url(../Imges/zongzi01.png);
    width:277px;
    height:260px;
    position: absolute;
    margin-left: calc(50% - 138px);
    top:-42px;
    
    animation: FlashZongzi 0.8s linear infinite;
    -moz-animation: FlashZongzi 0.8s linear infinite;
    -webkit-animation: FlashZongzi 0.8s linear infinite;
    
}

/*粽子動畫連結*/
@-webkit-keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}
@-moz-keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}
@-o-keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}

@keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}

.AlignText02{
    display: inline-block;
    background-color: rgba(0, 255, 255, 0.2);
    padding: 2px 3px 2px;
} 
.AlignText03{    
	line-height: 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 7px;
}

.TittlePosition{
    margin-top: 350px;
    text-align: center;
    color: #E8F8F8;
    letter-spacing: 1px;
    font-size: 19px;
}
div.TittlePosition+ul{    
    margin: 8px auto;
    width: 37%;
    }
.activity01{
	color: #E8F8F8;
    line-height: 40px;
    font-size: 18px;
} 
strong+big{    
	color: #F8FA8B;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 3px;
}

ul+ol{
    margin: 54px auto;
    padding-left: 15px;
    width: 74%;
}
.AVstar{    
	width: 159px;
    height:190px;
    display: inline-block;
    margin-right: 15px;
    }
.BoxStar{
    background: url(../Imges/box.png);
    width: 159px;
    height: 204px;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    float: left;
    position: relative;
} 

.BoxStar >dd{
	background: url(../Imges/side.png);
    /*background: url(../Imges/CNside.png);*/
	width: 65px;
    height: 70px;
    position: absolute;
    top: 15px;
    left: 0px;
    background-position: 65px 0;
    z-index: 1;
} 

.StarImg{
    margin-top: 21px;
    margin-left: 12px;
} 

.BoxStar > dd+span{    
    width: 139px;
    height: 140px;
    box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;
    display: block;
    position: relative;
    margin-left: 11px;
    margin-top: 21px;
	
	animation: testSpan 1s linear;
	-moz-animation: testSpan 1s linear ;
	-webkit-animation: testSpan 1s linear ;

	animation-play-state: paused; 
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.BoxStar > dd+span:hover{
	animation-play-state: running;
}

@-webkit-keyframes testSpan{
	from {box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
	to {box-shadow: none;}
	/*0%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
    25%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.6) inset;}
    51%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.4) inset;}
    85%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.2) inset;}
    100%{box-shadow: none;}*/
}
@-moz-keyframes testSpan{
	from {box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
	to {box-shadow: none;}
	/*0%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
    25%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.6) inset;}
    51%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.4) inset;}
    85%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.2) inset;}
    100%{box-shadow: none;}*/
}
@-o-keyframes testSpan{
	from {box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
	to {box-shadow: none;}
	/*0%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
    25%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.6) inset;}
    51%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.4) inset;}
    85%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.2) inset;}
    100%{box-shadow: none;}*/
}

@keyframes testSpan{
	from {box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
	to {box-shadow: none;}
	/*0%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.8) inset;}
    25%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.6) inset;}
    51%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.4) inset;}
    85%{box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.2) inset;}
    100%{box-shadow: none;}*/
}

.BoxStar > h5{    
    color: #b6fdff;
    text-align: center;
    text-shadow: 1px 2px 2px #133305;
    display: inline-block;
    font-size: 17px;
    line-height: 28px;
    font-weight: inherit;
    letter-spacing: 1px;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
/*變明星臉-換照區*/

.av01{ 
    background: url(../Imges/box-img01.png);
    width: 139px;
    height: 140px;
}
.star01:hover{
    background: url(../Imges/box-img01-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    

}

.av02{ 
    background: url(../Imges/box-img02.png);
    width: 139px;
    height: 140px;
}
.star02:hover{
    background: url(../Imges/box-img02-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}

.av03{ 
    background: url(../Imges/box-img03.png);
    width: 139px;
    height: 140px;
}
.star03:hover{
    background: url(../Imges/box-img03-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}

.av04{ 
    background: url(../Imges/box-img04.png);
    width: 139px;
    height: 140px;
}
.star04:hover{
    background: url(../Imges/box-img04-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av05{ 
    background: url(../Imges/box-img05.png);
    width: 139px;
    height: 140px;
}
.star05:hover{
    background: url(../Imges/box-img05-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av06{ 
    background: url(../Imges/box-img06.png);
    width: 139px;
    height: 140px;
}
.star06:hover{
    background: url(../Imges/box-img06-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av07{ 
    background: url(../Imges/box-img07.png);
    width: 139px;
    height: 140px;
}
.star07:hover{
    background: url(../Imges/box-img07-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av08{ 
    background: url(../Imges/box-img08.png);
    width: 139px;
    height: 140px;
}
.star08:hover{
    background: url(../Imges/box-img08-2.png?v=1);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av09{ 
    background: url(../Imges/box-img09.png);
    width: 139px;
    height: 140px;
}
.star09:hover{
    background: url(../Imges/box-img09-2.png);
   /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av10{ 
    background: url(../Imges/box-img10.png);
    width: 139px;
    height: 140px;
}
.star10:hover{
    background: url(../Imges/box-img10-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av11{ 
    background: url(../Imges/box-img11.png);
    width: 139px;
    height: 140px;
}
.star11:hover{
    background: url(../Imges/box-img11-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av12{ 
    background: url(../Imges/box-img12.png);
    width: 139px;
    height: 140px;
}
.star12:hover{
    background: url(../Imges/box-img12-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av13{ 
    background: url(../Imges/box-img13.png);
    width: 139px;
    height: 140px;
}
.star13:hover{
    background: url(../Imges/box-img13-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av14{ 
    background: url(../Imges/box-img14.png);
    width: 139px;
    height: 140px;
}
.star14:hover{
    background: url(../Imges/box-img14-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}
.av15{ 
    background: url(../Imges/box-img15.png);
    width: 139px;
    height: 140px;
}
.star15:hover{
    background: url(../Imges/box-img15-2.png);
    /*box-shadow: none;*/
    width: 139px;
    height: 140px;    
}

.DwanWu_buttom_03{    
    background: url(../Imges/buttom02.png);
    /*background: url(../Imges/CNbuttom02.png);*/
    top: 945px;
    width: 177px;
    height: 58px;
    display: inline-block;
    margin-right: 37px;
}   
  

.DwanWu_buttom_04{    
    background: url(../Imges/buttom01.png);
    /*background: url(../Imges/CNbuttom01.png);*/
    top: 945px;
    width: 177px;
    height: 58px;
    display: inline-block;
}
.ButtomCenter02{
    width: 410px;
    position: relative;
    margin: auto;
    bottom: 22px;
}







/*端午節活動首頁-手機版*/

.ZongziPositionPhone{
    background: url(../Imges/bgPhone01.png);
    width: 320px;
    height: 1530px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    margin: 17px 0 0;
    z-index: 4;
    overflow: hidden;
}
.PhoneFlash01{
    background: url(../Imges/VS1.png);
    width: 36%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 70px 32% 0px 32%;
    height:137px;
    position: absolute;
    z-index: 5;
    
    animation: PhoneFlash01 0.5s linear infinite;
    -moz-animation: PhoneFlash01 0.5s linear infinite;
    -webkit-animation: PhoneFlash01 0.5s linear infinite;
    -o-animation: PhoneFlash01 0.5s linear infinite;
}

/*VS宣告動畫連結*/
@-webkit-keyframes PhoneFlash01{
    0%{background-image:url(../Imges/VS1.png);}
    25%{background-image:url(../Imges/VS2.png);}
    51%{background-image:url(../Imges/VS3.png);}
    85%{background-image:url(../Imges/VS2.png);}
    100%{background-image:url(../Imges/VS1.png);}
}
@-moz-keyframes PhoneFlash01{
    0%{background-image:url(../Imges/VS1.png);}
    25%{background-image:url(../Imges/VS2.png);}
    51%{background-image:url(../Imges/VS3.png);}
    85%{background-image:url(../Imges/VS2.png);}
    100%{background-image:url(../Imges/VS1.png);}
}
@-o-keyframes PhoneFlash01{
    0%{background-image:url(../Imges/VS1.png);}
    25%{background-image:url(../Imges/VS2.png);}
    51%{background-image:url(../Imges/VS3.png);}
    85%{background-image:url(../Imges/VS2.png);}
    100%{background-image:url(../Imges/VS1.png);}
}

@keyframes PhoneFlash01{
    0%{background-image:url(../Imges/VS1.png);}
    25%{background-image:url(../Imges/VS2.png);}
    51%{background-image:url(../Imges/VS3.png);}
    85%{background-image:url(../Imges/VS2.png);}
    100%{background-image:url(../Imges/VS1.png);}
}

.StarBig{ 
    position: absolute;
    z-index: 3;
    width: 94%;
    margin: 24px 3% 0 3%;
    }
div.StarBig>img{
    width:100%;
}    
.NameStarPhone{
    position: relative;
    color: #EDFDFD;
    font-size: 17px;
    top: 165px;
    /*left: calc(50% - 101px);*/
    font-weight: bold;
    text-shadow: 1px 1px 3px #133305;
	width: 49%;
    display: inline-block;
    text-align: center;
}
.Seclude{margin-right: 88px;}
.ZongziTittleTextPhone{
    color: #E8F8F8;
    font-size: 14px;
    line-height: 25px;
    top: 290px;
    position: absolute;
    margin: 0px 7% 0px 7%;
    text-align: justify;
}
.TittleName{
    width: 40%;
    height: 25px;
    font-size: 16px;
    background-color: rgba(0, 255, 255, 0.2);
    border-bottom-right-radius:6px;
    letter-spacing: 1px;
    text-align: center;
    }
.StyleWu{margin-top:15px;}    
.AlignText04{
    display: inline-block;
}
.ActivityPhone{height: 114px;} 

.wu{display: inline-block;
    width: 100%;
}   
 
.ButtomCenterPhone1{
    width: 100%;
    margin: 0px 9.5% 0% 9.5%;
    position: relative;
    top:630px;
}
.buttomPhone_wu01{
    position: relative;
    background: url(../Imges/buttom03.png);
    width: 40%;
    background-size: 100%;
    height: 40px;
    display: inline-block;
    margin-right: 1%;
}

.buttomPhone_wu02{    
    background: url(../Imges/buttom01.png);
    width: 40%;
    background-size: 100%;
    height: 40px;
    display: inline-block;
}
 

div.buttomPhone_wu01>a,div.buttomPhone_wu02>a{    
    width: 100%;
    display: block;} 

.closePhone_wu{
    background: url(../Imges/X.png);
    width: 8%;
    height: 53px;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 4px;
    right: 6px;
}
.closePhone_wu:focus{top:6px;} 


















/*端午節活動內頁-手機版*/ 

.ZongziPosition_InsidePhone{
    background: url(../Imges/bgPhone02.png);
    width: 317px;
    height:2500px;
    margin: 17px 2% 0% 2%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
}
/*粽子動畫*/
.FlashZongziPhone{
    width: 38%;
    background-size: 100%;
    height: 80px;
    background-repeat: no-repeat;
    margin: 0px 31% 0px 31%;
    position: absolute;
    top: -17px;
    
    animation: FlashZongzi 0.8s linear infinite;
    -moz-animation: FlashZongzi 0.8s linear infinite;
    -webkit-animation: FlashZongzi 0.8s linear infinite;
    -o-animation: FlashZongzi 0.8s linear infinite;
}

/*粽子動畫連結*/
@-webkit-keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}
@-moz-keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}
@-o-keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}

@keyframes FlashZongzi{
    0%{background-image:url(../Imges/zongzi01.png);}
    25%{background-image:url(../Imges/zongzi02.png);}
    51%{background-image:url(../Imges/zongzi03.png);}
    85%{background-image:url(../Imges/zongzi02.png);}
    100%{background-image:url(../Imges/zongzi01.png);}
}

.AlignPhoneText02{
    display: inline-block;
    background-color: rgba(0, 255, 255, 0.2);
} 
.AlignPhoneText03{    
    line-height: 21px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 5px;
}

.TittlePositionPhone{
    width: 96%;
    margin:150px 2% 0px 2%;
    text-align: center;
    color: #E8F8F8;
    font-size: 14px;
}
div.TittlePositionPhone+ul{margin: 8px 4% 0px 4%; }
.activityPhone01{
    color: #E8F8F8;
} 
.TitleActivity{    
    font-size: 17px;
    background-color: rgba(0, 255, 255, 0.2);
    padding: 2px 3px 2px;
    border-bottom-right-radius: 7px;
    letter-spacing: 1px;
    display: inline-block;
    }
div+big{    
    color: #F8FA8B;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 3px;
}

.AVstarPositionPhone{ 
    margin:0px 2% 0% 2%;
    width: 96%;
    padding-left: 1%;
}
.AVstarPhone{    
    width: 48%;
    background-size: 100%;
    display: inline-block;
    }
.BoxStarPhone{    
    background: url(../Imges/box.png);
    width: 100%;
    background-size: 100%;
    height:176px;
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    float: left;
    position: relative;
}

.BoxStarPhone >dd{
	background: url(../Imges/side.png);
    /*background: url(../Imges/CNside.png);*/
	width: 65px;
    height: 70px;
    position: absolute;
        top: 18px;
    left: 5px;
    background-position: 65px 0;
    z-index: 1;
} 
.StarPhoneImg{
    margin-top: 19px;
    margin-left: 8%;
} 
.MaskPhone{    
    width: 88%;
    height: 130px;
    box-shadow: 0px 0px 60px 13px rgba(143, 222, 160, 0.59) inset;
    display: block;
    margin-top: 18px;
    margin-left: 10px;
}

.AVstarNamePhone{    
    color: #b6fdff;
    text-align: center;
    text-shadow: 1px 2px 2px #133305;
    display: inline-block;
    font-size: 17px;
    line-height: 23px;
    font-weight: inherit;
    letter-spacing: 1px;
}
.AVstarCenter{margin-left: calc(50% - 76px);}

.ClickToDL{
	    position: fixed;
    margin: -28px 0 0 0;
    width: 47%;
    text-align: center;
	color:#b6fdff;
	display:none;
}

/*變明星臉-換照區*/
.avSizePhone{ width: 90%; height: 140px;}

.avPhone01{ background: url(../Imges/box-img01.png);}
.starPhone01:focus{
    background: url(../Imges/box-img01-2.png);
    box-shadow: none;  
}

.avPhone02{ background: url(../Imges/box-img02.png);}
.starPhone02:focus{
    background: url(../Imges/box-img02-2.png);
    box-shadow: none;  
}

.avPhone03{ background: url(../Imges/box-img03.png);}
.starPhone03:focus{
    background: url(../Imges/box-img03-2.png);
    box-shadow: none;  
}

.avPhone04{ background: url(../Imges/box-img04.png);}
.starPhone04:focus{
    background: url(../Imges/box-img04-2.png);
    box-shadow: none;  
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
.avPhone05{ background: url(../Imges/box-img05.png);}
.starPhone05:focus{
    background: url(../Imges/box-img05-2.png);
    box-shadow: none;
}
.avPhone06{ 
    background: url(../Imges/box-img06.png);
}
.starPhone06:focus{
    background: url(../Imges/box-img06-2.png);
    box-shadow: none;   
}
.avPhone07{background: url(../Imges/box-img07.png);}
.starPhone07:focus{
    background: url(../Imges/box-img07-2.png);
    box-shadow: none; 
}
.avPhone08{ background: url(../Imges/box-img08.png);}
.starPhone08:focus{
    background: url(../Imges/box-img08-2.png?v=1);
    box-shadow: none;  
}
.avPhone09{ background: url(../Imges/box-img09.png);}
.starPhone09:focus{
    background: url(../Imges/box-img09-2.png);
    box-shadow: none; 
}
.avPhone10{ background: url(../Imges/box-img10.png);}
.starPhone10:focus{
    background: url(../Imges/box-img10-2.png);
    box-shadow: none;  
}
.avPhone11{ background: url(../Imges/box-img11.png);}
.starPhone11:focus{
    background: url(../Imges/box-img11-2.png);
    box-shadow: none;  
}
.avPhone12{ background: url(../Imges/box-img12.png);}
.starPhone12:focus{
    background: url(../Imges/box-img12-2.png);
    box-shadow: none;   
}
.avPhone13{  background: url(../Imges/box-img13.png);}
.starPhone13:focus{
    background: url(../Imges/box-img13-2.png);
    box-shadow: none;  
}
.avPhone14{ background: url(../Imges/box-img14.png);}
.starPhone14:focus{
    background: url(../Imges/box-img14-2.png);
    box-shadow: none;   
}
.avPhone15{ background: url(../Imges/box-img15.png);}
.starPhone15:focus{
    background: url(../Imges/box-img15-2.png);
    box-shadow: none; 
}
.ButtomCenterPhone2{
    width: 100%;
    margin: 0px 9.5% 0% 9.5%;
    position: relative;
    top:35px;
    }

.buttomPhone_wu03{    
    background: url(../Imges/buttom02.png);
    /* background: url(../Imges/CNbuttom02.png); */
    width: 40%;
    background-size: 100%;
    height: 40px;
    display: inline-block;
    margin-right: 1%;
}   
  

.buttomPhone_wu04{    
    background: url(../Imges/buttom01.png);
    /*background: url(../Imges/CNbuttom01.png);*/
    width: 40%;
    background-size: 100%;
    height: 40px;
    display: inline-block;
}
.ButtomPhoneCenter02{
    width: 410px;
    position: relative;
    margin: auto;
    bottom: 22px;
}