@charset "utf-8";
/* CSS Document */
h1.h1 {font-size: 80px; line-height: 80px; font-weight: 800;font-family: "DINCond-Bold",sans-serif;}
h2.h2 {font-size: 50px; line-height: 60px; font-weight: 600;font-family: "DINPro-Regular", sans-serif;}

#flyZA {background-color: #000;}
#flyZA.container-fluid{max-width: 1920px; background-color:#FFF; min-height: 1920px; overflow: hidden;}
#flyZA section {margin-top: 5%; margin-bottom: 2%;}
#flyZA section:first-child {margin:0;}
#flyZA section:nth-child(2) {margin-top:0%;}
#flyZA p.txt {font-size: 21px; line-height: 21px;}
/*color*/

.red {color: #FF0000;}
.gary {color: rgba(106,106,106,1.00);}
.white {color: #FFF;}
.pbt{padding-bottom: 5%;}
/*section-banner*/
#banner {width:100%; padding: 0px; display: block;margin: 0px;background-color: #000000; }
#banner .top{position: relative;}

#banner .top img{position: relative; width: 100%; z-index: 1;} 
#banner .top .titleBox{position: absolute; left: 5%; top: 10%; z-index: 5;}
#banner .top .titleBox .logo {padding-bottom: 6%;}
#banner .top .titleBox .logo img {width: 60%;}
#banner .top .titleBox span.small {font-size: 40px; color: #FF0000; font-weight: 800;font-family: "DINPro-Regular", sans-serif; }

@media(max-width:1200px){ #banner .top img {position: relative;}
    
    #banner .top .titleBox{position:relative; left: auto; top:auto; margin: 0 auto; text-align: center;}
    #banner .topbox.row{padding:0px; margin: 0px;}
    
    #banner .top .titleBox .logo {text-align: center;}
    #banner .top .titleBox .logo img {width: 90%; margin: 0 auto;}
}
#banner .topbox{background-color: #000000; width: 100%; padding: 0px;}
#banner.container-fluid{padding: 0px;}
/*section-step*/

#steps {width: 100%; display: block; background-color: #FF0000; height: auto;}
#steps .boxs {width: 100%; display: block; background-color: #FF0000; height: auto; padding: 20px;}
.stepbox {width:14.28%; float: left; display: block;background-color: #ccc; padding: 10px;}


#steps .arrow{display: block; color: #FFF; margin-top: 3%; font-size: 35px; line-height: 28px;font-family: "DINPro-Regular", sans-serif; }
#steps a.txtline ,span.txtline {display: block;color: #FFF; text-decoration: none; font-size: 20px; line-height: 20px; font-weight: bold; margin-top: 10px;font-family: "DINPro-Regular", sans-serif; width: auto;}

#steps a.txtline:hover ,#steps a.txtline:focus{ color: #FFF400;cursor: pointer; }
#steps a.txtline:hover .Buttons ,#steps a.txtline:focus .Buttons {border-color: #FFF400;}


.Buttons {
		display: block;		
		width: 140px;
        height: 140px;
        background-color: #FFF; 
        -moz-border-radius: 70px; 
        -webkit-border-radius: 70px; 
         border-radius: 70px;					
		
		animation: shine 1s infinite;   -webkit-animation: shine 1s infinite; /* Safari 4.0 - 8.0 */
   /* Safari 4.0 - 8.0 */
 animation-play-state: running;-webkit-animation-play-state: running;

    
		border: 5px solid #FF0004;
		z-index: 1;
    margin-bottom: 10px;
		
		
	}
.Buttons img ,.Buttons2 img{width: 50%; padding-top: 25px; }

.Buttons2{  display: block;		
		width: 140px;
        height: 140px;
        background-color: #FFF; 
        -moz-border-radius: 70px; 
        -webkit-border-radius: 70px; 
         border-radius: 70px;	border: 5px solid #FF0004;
		z-index: 1;
    margin-bottom: 10px	 }



/*section-prize*/
#prize{margin: 0 auto; padding: 0px; }
#prize .prizeT {display: block; background-color: #FF0000;font-family: "DINPro-Regular", sans-serif; font-size: 30px; width: 50%; text-align: center;line-height: 30px; padding: 10px; color: #FFF;  margin: 20px auto;  border: 1px solid rgba(255,0,4,1.00); border-radius: 8px;}

#prize .brakText {word-break: break-all;}
#prize  .ticket img {width: 90%; padding-top: 15px;}
#prize .article{display: block; padding-left: 0px; list-style: none; margin-top: 3%;}

#prize .article ul.listStyle {padding-left: 10px; display: inline-block; list-style: none;}
#prize .article ul.listStyle >li {list-style: disc;list-style-position: outside; border-bottom: 1px dashed #CECDCD; margin-bottom: 10px; width: 100%;}

#prize .noteline {margin-top: 20px; display:inline-block; width: 100%;}
#prize .note {display:inline-block; background-color: rgba(153,153,153,1.00); padding: 10px; width: 80px; color: #FFF; text-align: center; margin-right: 10px;font-family: "DINPro-Regular", sans-serif;}
#prize span.plus {font-size: 150px; line-height: 80px; font-weight:bold;font-family: "DINCond-Bold",sans-serif;}
#prize span.number{font-size: 120px; font-weight:bold;font-family: "DINCond-Bold",sans-serif;}
#prize  a.terms {text-decoration: underline; color:#797979;}
#prize  a.terms:hover{color: #FF0000; text-decoration: none;}
@media (max-width:1245px){
    #prize span.number{font-size: 80px;}
    #prize span.plus {font-size: 100px;}
    
}
/* table */
#prize .table {

  display: table;
  border-collapse: collapse;
}

/* tr */
#prize .rowa{
    display: table-row; border:solid 1px red;
}


/* td , th */
 #prize .cell1 {

  display: table-cell;
  width: 180px;
  border-right: 1px dotted #fff;
  background:#fcd6d6;
}


#prize .cell2 {

  display: table-cell;
  width: 180px;
  padding-left: 10px;
  border-right: 1px dotted #fff;
  background:#eff8ff;
}


#prize .cell3 {

  display: table-cell;
  width: 180px;
  padding-left: 10px;
  background:#effff0;
}



/*section-Taiwan-Photos*/
#taiwan .photo {padding-bottom: 2%;}
#taiwan .photo.col-md-6 {padding-left: 0px;}

a.txtline.tanimation{  animation: shineT 1s infinite;   -webkit-animation: shineT 1s infinite; /* Safari 4.0 - 8.0 */}

@keyframes shine {
    
    0%{box-shadow: 0px 0px 10px #ffffff; 
        
    }
    
    50%{box-shadow:  0px 0px 50px  #ffffff; }
    
    100%{ box-shadow:  0px 0px 10px #ffffff;}
    
}

@keyframes shineT {
    
    0%{text-shadow:   0px 0px 10px #fff600; ;
        
    }
    
    50%{text-shadow:  0px 0px 60px  #fff600; }
    
    100%{ text-shadow:  0px 0px 10px #fff600;}
    
}








@media (max-width:1400px){ h1.h1 {font-size: 60px; line-height: 50px;}}
@media (max-width:425px){ 
    h1.h1 {font-size: 35px; line-height: 35px;}
    #banner .top .titleBox span.small {font-size: 20px;line-height: 20px;}
    h2.h2 {font-size: 40px; line-height: 40px;}    
   #prize span.number{font-size: 45px;line-height: 60px;}
    
}