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

.header_6{width: 100%; height: 50px;  position: fixed; z-index:999; top:0; border-bottom:0px solid rgba(255,255,255,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0); 
     background-color: rgba(5,5,5,0.3); transform: all .3s;}

.header_go{border-bottom:1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.1); background-color: #fff;}

.logo_6{float: left;  margin-left: 16px; overflow: hidden; height: 50px;}

.logo_6 h1{float: left; font-size: 22px; color: #fff; line-height: 55px;}

/*.logo_6 i{margin-right: 6px; transform: scale(0.9) translateY(0px); opacity: 0.8;}*/

.logo_6 img{width: 92px; margin-right: 4px; vertical-align: middle; float: left; margin-top: 2px;}

.meun{float: right; margin-right: 0px;}

.meun ul{overflow: hidden;}

.meun li{float: left; line-height: 50px; color: #000; }

.meun li div{color: #fff; transition: all .3s; padding: 0 16px; font-size: 18px; opacity: 1;}

.meun li div:hover{ color:#F6FFA3; /*background-color: rgba(5,5,5,0.4);*/ opacity: 1;}

.micon{width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 30px; float: right; display: none; transition: all .3s; opacity: 0.8;
    background-image: url("../img/menu.png"); background-repeat: no-repeat; background-size: 100px; background-position: center left;}

.op5{background-position: center right; }

.bg5{background-color: rgba(0,0,0,0.5);}

@media screen and (max-width: 980px) {
    
.meun{margin-right:0px; position: fixed; top:50px; right: 0; width: 100%; display: none; z-index: 999;}    
 .meun li{float: none; width: 100%; border-bottom: 1px solid #fff1a4;} 
.meun li div{width: 100%; background-color:#ffd800; text-align: center; color: #372e2b; opacity: 1; }
 .micon{display: block;}   
}

@media screen and (max-width: 736px) {
    
    .logo_6 img{width: 84px; height: auto; margin-top: 5px;}

}





/*GOGO*/


.bgimg{position: fixed; top:0px; right: 0; bottom: 0px; left: 0; z-index: -2; 
      background-image: url("../img/tree.png"); background-repeat: no-repeat; background-position:top center; background-size: cover; transition: all .3s;}

.bgimg2{background-image: url("../img/tree2.png");}
.bgimg3{background-image: url("../img/tree3.png");}

/* ---- stats.js ---- */

.count-particles{
  background: #fff;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #fff;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: fixed; top:0px; right: 0; bottom: 0px; left: 0; z-index: 0;
  opacity: 0.5;
}






.page{max-width: 950px; margin: 0 auto; position: relative; z-index: 99; padding-bottom: 30px;}


@media screen and (max-width: 980px) {
    
    .page{padding: 0 16px 30px;}

}

@media screen and (max-width: 736px) {
 

	
}





.foc{width: 100%; padding-top: 60px; text-align: center; margin-bottom: 34px; position: relative; z-index: 88;}

.foc > img{margin-bottom: 4px; max-width: 760px;}

.thname{width: 100%; text-align: center;}

.thname h1{color: #fff; font-size: 18px;  position: relative; transition: all .3s; z-index: 3; display: inline-block;}

/*.thname h1:hover{color: #F6FFA3;}*/

.thname h1:before{content: ""; width: 40px; height: 1px; background-color: #fff; position: absolute; margin-left:-50px; margin-top: 10px; opacity: 0.7;}
.thname h1:after{content: ""; width: 40px; height: 1px; background-color: #fff; position: absolute; margin-right:-40px; margin-left: 10px; margin-top: 10px; opacity: 0.7;}


@media screen and (max-width: 980px) {
    
.foc{padding-top: 56px; margin-bottom: 30px;}
    
}

@media screen and (max-width: 736px) {

 .foc{ margin-bottom: 20px;} 
    
    .thname h1{font-size: 15px;}    
	
}




.share{width: 40px; position: absolute; bottom:-4px; right: 0; z-index: 9;}

.share > ul{}

.share > ul > li{margin-bottom: 4px; }

.share > ul > li:nth-child(2){display: none; }

.share > ul > li:last-child{margin-bottom: 0px;}

.share > ul > li img{-webkit-filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.4));}


@media screen and (max-width: 980px) {
    
.share > ul > li:nth-child(2){display: block;}
    
.share{width: 44px;}    
    
}

@media screen and (max-width: 736px) {
    
.share{width: 32px;}    
    
}



/*.bbox{width: 100%; padding: 0px; position: relative; border-radius: 6px;}*/
.sbox{width: 100%; padding: 16px; background-color:#eeeeee; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.5); margin-bottom: 30px; position: relative; z-index: 88;}

.sbox2{border:2px solid #ffd800; background-color: rgba(0,0,0,0.5);}

.sbox > h3{font-size: 18px; line-height: 1.5; margin-bottom: 12px; text-align: center; color: #ddd;}

@media screen and (max-width: 980px) {
    


}

@media screen and (max-width: 736px) {
 
    .sbox{padding: 12px 10px 10px; margin-bottom: 20px;}
    .sbox > h3{font-size: 16px; text-align: left;}
	
}









.sbf{width: 100%; margin-bottom: 16px;  overflow: hidden; position: relative; z-index: 88;}


.sbf ul{overflow: hidden;}
.sbf li{float: left; line-height: 36px;}

.sbf li:nth-child(1){width: 100px;}
.sbf li:nth-child(2){width: calc(100% - 100px);}



.sbf h1{font-size: 18px; color: #fff; background-color: #d90079; width: 100%; height: 36px; line-height: 36px;  text-align: center;border-radius: 4px;  }

.sbf h2{ color: #ffd800; font-size: 24px;  line-height: 36px; padding:0 0 0 16px; overflow: hidden;}
.sbf h2:before{content: "Q."; margin-right: 4px;}


@media screen and (max-width: 980px) {

}

@media screen and (max-width: 736px) {
    
    .sbf{margin-bottom: 10px;}
 
.sbf li:nth-child(1){width: 100%; margin-bottom: 10px;}
.sbf li:nth-child(2){width: calc(100%);}

    .sbf h1{font-size: 16px;width: 100%; height: 30px; line-height: 30px;}
    .sbf h2{padding: 0; font-size: 20px; line-height: 1.5;}
    
}






.morebox{width: 100%;}
.morebox ul{overflow: hidden;}

.morebox li{float: left; line-height: 36px;}

.morebox li:nth-child(1){width: calc(100% - 180px);}
.morebox li:nth-child(2){width: 120px;}
.morebox li:nth-child(3){width: 60px;}

.morebox li h3{font-size: 18px; line-height: 36px; text-align: left; color: #ddd;}

.ungood{font-size: 16px; color: #fff1a4;  width: 100%;  text-align: right; overflow: hidden; padding-right: 10px; line-height: 36px;}
.ungood i{margin-right: 8px;}


.sbf_more{font-size: 18px; color: #fff1a4;  width: 60px; height: 30px; line-height: 30px; margin-top: 3px;  text-align: center; border-radius: 4px; border:1px solid #fff1a4; 
    transition: all .3s;}
.sbf_more:hover{color: #fff; border:1px solid #fff;}



@media screen and (max-width: 980px) {

}

@media screen and (max-width: 736px) {
  
.morebox li:nth-child(1){width: 100%;}
.morebox li:nth-child(2){width: 50%;}
.morebox li:nth-child(3){width: 50%; overflow: hidden;} 
    
.morebox li h3{font-size: 16px; line-height: 1.5; margin-bottom: 10px; border-bottom: 1px dotted #666; padding-bottom: 10px; } 
    
.ungood{text-align: left; padding: 0; line-height: 30px;}
.sbf_more{float: right; font-size: 16px; width: 52px; height: 30px; line-height: 30px; margin: 0;}    

}






.tarot_box{ width: 100%; overflow: hidden; position: relative; margin-bottom: 10px;}

.tarot_box ul{overflow: hidden; margin: 0 -5px;}

.tarot_box li{width: calc(100% / 5); float: left; position: relative;}


.card1{overflow: hidden; transition: all .3s; position: relative; z-index: 5; padding: 0 5px;}
.card1 img{border-radius: 4px; }

.card1:hover{transform: scale(0.95); -webkit-filter:brightness(1.3);}




.card2{overflow: hidden; transition: all .3s; position: absolute; top:0; left: 0; z-index: 4; padding: 0 5px; display: none;}
.card2 img{border-radius: 4px;}



@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
    
    .tarot_box{margin-bottom: 8px;}
 
    .tarot_box ul{margin: 0 -4px;}
    .card1{padding: 0 4px;}

}











.tabbox{width: 100%; margin-bottom: 0px; position: relative; overflow: hidden; z-index: 80;}
.tabbox ul{overflow: hidden; padding: 0 5px;}
.tabbox li{width: calc(100% / 5); float: left; position: relative; padding: 0 5px;}

.tablinks{width: 100%; text-align: center; line-height: 40px; font-size: 18px; color: #eee;transition: all .3s; 
         border-radius: 5px 5px 0 0; border-bottom: 0; background-color: #888;}
.tablinks:hover {
  background-color: #d90079;color: #fff;
}

.tablinks.active {
  background-color: #d90079!important;
  color: #fff!important;
}

.tabcontent{display: none;}


@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
    
    .tabbox li{padding: 0 2px;}
    .tablinks{font-size: 17px; line-height: 36px;}
    .mobno{display: none;}

}














.tag{position: absolute; top:-100px;}







.qqlist{width: 100%; border-radius: 8px; overflow: hidden; table-layout: fixed; word-break: break-all;}

.qqlist tr{border-bottom: 1px solid #ddd; transition: all .3s;}
/*.qqlist tr:hover{background-color: #fff;}*/

.qqlist th{padding:12px 16px; font-size: 16px; background-color: #fffcdd; color: #333;}

.qqlist th a{color: #333;}
.qqlist th a:hover{text-decoration: underline;}

.qqlist th:nth-child(1){width:100%; text-align: left;}
.qqlist th:nth-child(2){width:20%; text-align: center;display: none;}
.qqlist th:nth-child(3){width:20%; text-align: center;display: none;}


.qqlist i{margin-right: 8px;}

.qqlist td{padding:16px; font-size: 18px; color: #666; }

.qqlist td h2{color: #990089; line-height: 1.5; transition: all .3s; min-height: 50px; padding: 16px;}
.qqlist td h2:hover{color: #d90079; text-decoration: underline;}
.qqlist td h2:before{content: "Q."; margin-right: 4px;}

.qqlist td p{font-size: 16px; color: #ff509c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.qqlist td:nth-child(1){width:100%; text-align: left; padding: 0}
.qqlist td:nth-child(2){width:20%; text-align: center; font-size: 16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: none;}
.qqlist td:nth-child(3){width:20%; text-align: center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: none;}



@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
   
.qqlist th{padding:8px; font-size: 15px;}    
.qqlist th:nth-child(1){width:100%; }
.qqlist th:nth-child(2){width:20%; display: none;}
.qqlist th:nth-child(3){width:30%; display: none;}
 
.qqlist td{padding:8px; font-size: 16px; }    
.qqlist td:nth-child(1){width: 100%;}
.qqlist td:nth-child(2){width:20%; display: none;}
.qqlist td:nth-child(3){width:30%;display: none;} 
    

.qqlist td h2{line-height: 1.5; font-size: 16px; padding: 8px; min-height: auto;}    
    
}





.list_box{width: 100%; height: 30px; text-align: center; margin-top: 10px; line-height: 30px;}

.list_box a{color: #333; transition:all .3s;}

.list_box a:hover{color:#000;}

.list_box select{ padding: 2px 8px; margin: 0 10px; vertical-align: middle;}

.list_box td{vertical-align: middle;}







.blackbg{position: fixed; top:0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: rgba(0,0,0,0.8);}
.close_xx{width: 40px; height: 40px; background-color: #666; background-image: url("../img/cancel-music.png"); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; right: 0px; top:0px; z-index: 10002; cursor: pointer;}

.popup{width: 100%; max-width: 600px; min-width: 300px; position: fixed; left: 50%; top:50%; z-index:10001; background-color: #eee; text-align: center; max-height: 600px; overflow-y: auto; padding: 16px; border-radius: 0px; margin: -300px 0 0 -300px; border:2px solid #ffd800;}

.allbox{width: 100%; max-width: 600px; min-width: 300px; position: fixed; left: 50%; top:50%; z-index:10001;max-height: 600px; margin: -300px 0 0 -300px;}

@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
 
.popup{max-width: 100%; max-height: 100vh; left: 0; top:0; bottom: 0; right: 0; margin: 0; border-radius: 0; padding: 14px;}
    
.allbox{max-width: 100%; max-height: 100vh; left: 0; top:0; bottom: 0; right: 0; margin: 0;}

}


.ta_pop{overflow: hidden;}
.ta_pop > li{float: left; }

.ta_pop > li:nth-child(1){width: 200px;}
.ta_pop > li:nth-child(2){width:calc(100% - 200px); text-align: left; padding:8px 0 0 16px; line-height: 1.5; position: relative; min-height: 370px;}

.ta_pop_good{color: #990089;}
.ta_pop > li h2{font-size: 20px; color: #666;}
.ta_pop > li h3{font-size: 20px; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 8px; color: #ff509c;}
.ta_pop > li h3 img{margin: 0 2px;}
.ta_pop > li p{font-size: 16px; max-height: 192px; overflow-y: auto;}





.omg{ width:150px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; border-radius: 6px;
    background-color: #990089; color: #fff; text-indent: -2px; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: all .3s; float: right;}
.omg i{margin-right: 8px; }

.omg:hover{background-color: #7d0070;}

.popup_off,.popup_off2,.popup_off3,.popup_off4{display: none;}


@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
 
.ta_pop > li:nth-child(1){width: 100%; margin-bottom: 10px;}
.ta_pop > li:nth-child(2){width: 100%; min-height: calc(100vh - 267px); padding: 0;}
    
.ta_pop > li:nth-child(1) img{width: 120px;}  
    
.ta_pop > li p{ max-height:none; margin-bottom: 120px;} 
    
    
 .omg{width: 100%;}    

}



.box_go{width: 100%;  position: absolute; bottom: 0; right: 0;}
.box_go > ul{overflow: hidden;}
.box_go > ul > li{width: calc(100% - 64px); overflow: hidden; text-align: right; float: left;}
.box_go > ul > li:nth-child(1){ width: 40px; height: 45px; margin:0 8px 0 16px;}
.box_go > ul > li:nth-child(2){ width: 40px; height: 45px; display: none;}

.box_go > ul > li:nth-child(1) img{margin-top: 3px; width: 40px; height: 40px;}
.box_go > ul > li:nth-child(2) img{margin-top: 3px; width: 40px; height: 40px;}

@media screen and (max-width: 980px) {    

    .box_go > ul > li{width: calc(100% - 104px);}
    .box_go > ul > li:nth-child(2){display: block;} 
}


@media screen and (max-width: 736px) {
    
    .box_go > ul > li:nth-child(1){margin:0 8px 16px 0;}  
    .box_go > ul > li:nth-child(2){margin:0 8px 16px 0;} 
    .box_go > ul > li{width: calc(100%);}

}







/*STAR*/





.sbf2{width: 100%; margin-bottom: 20px;  overflow: hidden; position: relative; z-index: 88;}


.sbf2 ul{overflow: hidden;}
.sbf2 li{float: left; line-height: 36px;}

.sbf2 li:nth-child(1){width: auto;}
.sbf2 li:nth-child(2){width: calc(100% - 230px);}
.sbf2 li:nth-child(3){width: 130px;}


.sbf2 h1{font-size: 18px; color: #fff; background-color: #0092ff; width: 100%; height: 36px; line-height: 36px;  text-align: center;border-radius: 4px; padding:0 14px; }

.sbf2 h2{ color: #ffd800; font-size: 24px;  line-height: 36px; padding:0 0 0 16px; overflow: hidden;}

.sbf2 select{width: 100%; height: 36px; line-height: 36px; border-radius: 4px; font-size: 16px; background-color:rgba(255,255,255,0.9); text-align: center; 
    padding: 0 20px 0 10px; border:0;  color: #333;
    background-image: url(../img/icon_dropdown.png);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;}


@media screen and (max-width: 980px) {

}

@media screen and (max-width: 736px) {
    
.sbf2{margin-bottom: 10px;}
 
.sbf2 li:nth-child(1){width: 100%; margin-bottom: 10px;}
.sbf2 li:nth-child(2){width: calc(100%); margin-bottom: 10px;}
.sbf2 li:nth-child(3){width: calc(100%); display: none;}    

    .sbf2 h1{font-size: 16px;width: 100%; height: 30px; line-height: 30px;}
    .sbf2 h2{padding: 0; font-size: 20px; line-height: 1.5;}
    
}







.stara{width: 100%; margin-bottom: 0px;}

.stara > ul{overflow: hidden;}

.stara > ul > li{width: calc(100% / 3); float: left; padding: 16px; text-align: center; cursor: pointer;}

.stara > ul > li h4{color: #e9c186; font-size: 22px; margin-bottom: -15px;  letter-spacing: 4px; text-indent: 4px; font-weight: bold;}
.stara > ul > li p{color: #eee; font-size: 20px; margin-top: -15px; letter-spacing: 4px; text-indent: 4px;}

.stara_img{transition: all .3s;  -webkit-filter:brightness(1.2);}

.stara > ul > li:hover .stara_img{transform: scale(1.05); -webkit-filter:brightness(1.5);}


@media screen and (max-width: 980px) {

}

@media screen and (max-width: 736px) {

.stara > ul > li{width: 100%; padding: 0; margin-bottom: 20px;}
    .stara > ul > li:nth-child(1){width: 100%;margin-bottom: 30px;}
    .stara > ul > li:nth-child(1) img{width: 80%;}
    .stara > ul > li:nth-child(2){width: 50%;}
    .stara > ul > li:nth-child(3){width: 50%;}
    
}





.week_star{width: 100%; overflow: hidden; padding-top: 5px; margin-bottom: -10px;}

.week_star > ul{overflow: hidden; margin: 0 -10px;}

.week_star > ul > li{width: calc(100% / 3); float: left; cursor: pointer; margin-bottom: 10px;}


.starb{width: 100%; padding:8px 12px;}


.starb:hover .starb_img{transform: scale(1.05); -webkit-filter:brightness(1.3);}



.starb > ul{overflow: hidden;}

.starb > ul > li{float: left;}

.starb > ul > li:nth-child(1){width: 90px;}

.starb > ul > li:nth-child(2){width:calc(100% - 90px); padding-left: 10px;}

.starb > ul > li h1{color: #e9c186; font-size: 18px; padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #e9c186;}

.starb > ul > li p{font-size: 16px; color: #eee; margin-bottom: 10px;}

.starb > ul > li > p > img{margin: 0 2px -2px;}

.sdata{font-size: 14px;margin-left: 12px;}

.starb_img{ transition: all .3s; transform: scale(0.9);}



@media screen and (max-width: 980px) {

    
    
 .starb > ul > li:nth-child(1){width: 32px;}
.starb > ul > li:nth-child(2){width:calc(100% - 32px); padding-left: 6px;}  
    
 .starb{padding:8px;}
 .week_star > ul{margin: 0 -8px;}
   
    
}

@media screen and (max-width: 736px) {
    

    .week_star{padding-top: 0; margin-top: -8px;}
    
    .week_star > ul > li{width:100%;}
    
    .starb > ul > li:nth-child(1){width: 80px;}

   .starb > ul > li:nth-child(2){width:calc(100% - 80px); padding-left: 10px;}
    
    .starb{padding:8px 20px;}
    
    

}


@media screen and (max-width: 360px) {
    

    .week_star{padding-top: 0; margin-top: -8px;}
    
    .week_star > ul > li{width:100%;}
    
    .starb > ul > li:nth-child(1){width: 65px;}

   .starb > ul > li:nth-child(2){width:calc(100% - 65px);}
    
    .starb{padding:8px;}
}








.tabbox2{width: 100%; margin-bottom: 0px; position: relative; overflow: hidden; z-index: 80;}
.tabbox2 ul{overflow: hidden; padding: 0 5px;}
.tabbox2 li{width: calc(100% / 5); float: left; position: relative; padding: 0 5px;}

.tablinks2{width: 100%; text-align: center; line-height: 40px; font-size: 18px; color: #eee;transition: all .3s; 
         border-radius: 5px 5px 0 0; border-bottom: 0; background-color: #888;}
.tablinks2:hover {
  background-color: #0092ff;color: #fff;
}

.tablinks2.active {
  background-color: #0092ff!important;
  color: #fff!important;
}

.tabcontent2{display: none;}


@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
    
    .tabbox2 li{padding: 0 2px;}
    .tablinks2{font-size: 17px; line-height: 36px;}
    .mobno2{display: none;}

}









.qqlist2{width: 100%; border-radius: 8px; overflow: hidden; table-layout: fixed; word-break: break-all;}

.qqlist2 tr{border-bottom: 1px solid #ddd; transition: all .3s;}

.qqlist2 th{padding:12px 16px; font-size: 16px; background-color: #fffcdd; color: #333;}

.qqlist2 th a{color: #333;}
.qqlist2 th a:hover{text-decoration: underline;}

.qqlist2 th:nth-child(1){width:80%; text-align: left;}
.qqlist2 th:nth-child(2){width:20%; text-align: center;}

.qqlist2 td{padding:16px; font-size: 18px; color: #666; }

.qqlist2 td h2{color: #1b1b9f; line-height: 1.5; transition: all .3s; min-height: 50px; padding: 16px;}
.qqlist2 td h2:hover{color: #0092ff; text-decoration: underline;}
.qqlist2 td h2:before{content: "Q."; margin-right: 4px;}

.qqlist2 td p{font-size: 16px; color: #ff509c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.qqlist2 td:nth-child(1){width:80%; text-align: left; padding: 0}
.qqlist2 td:nth-child(2){width:20%; text-align: center; font-size: 16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }




@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
   
.qqlist2 th{padding:8px; font-size: 15px;}    
.qqlist2 th:nth-child(1){width:70%; }
.qqlist2 th:nth-child(2){width:30%; }
 
.qqlist2 td{padding:8px; font-size: 16px; }    
.qqlist2 td:nth-child(1){width:70%;}
.qqlist2 td:nth-child(2){width:30%;}
 
.qqlist2 td h2{line-height: 1.5; font-size: 16px; padding: 8px; min-height: auto;}    
    
}




.star_gogobox{ width: 100%; margin-bottom: 30px; border:1px solid #fff1a4; padding: 16px; position: relative;}

.star_gogobox ul{overflow: hidden;}

.star_gogobox ul li{float: left; line-height: 40px;}

.star_gogobox ul li:nth-child(1){ width: calc(100% - 160px); font-size: 22px; color: #fff1a4;}
.star_gogobox ul li:nth-child(2){ width: 160px;}

.star_gogobox i{margin:0 10px 0 5px;}

.star_go{width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff;  background-color: #a88249; box-shadow: 0 2px 4px rgba(0,0,0,0.3); border-radius: 4px; font-size: 20px; transition: all .3s;}

.star_go:hover{background-color: #966938;}



@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
    
.star_gogobox ul li{line-height:1.5;}    
.star_gogobox ul li:nth-child(1){ width: 100%; font-size: 20px; text-align: center; margin-bottom: 10px;}
.star_gogobox ul li:nth-child(2){ width: 100%;}
    
    .star_gogobox{ margin-bottom: 20px;}    

}



.ho_pop{width: 100%; line-height: 1.5; text-align: left; position: relative; overflow: hidden; padding: 10px;}

.ho_pop h1{color: #0092ff; font-size: 22px; margin-bottom: 20px; font-weight: bold;}
.ho_pop h2{color: #a88249; font-size: 20px; margin-bottom: 10px;}
.ho_pop h3{color: #333; font-size: 16px; margin-bottom: 10px;}
.ho_pop p{color: #333; font-size: 16px; margin-bottom: 20px;}


.mb20{margin-bottom: 20px!important; border-bottom: 1px solid #ddd; padding-bottom: 10px;}




.omg2{ width:150px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; border-radius: 6px; float: right;
    background-color: #1b1b9f; color: #fff; text-indent: -2px; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: all .3s;}
.omg2 i{margin-right: 8px; }

.omg2:hover{background-color: #11117e;}


@media screen and (max-width: 736px) {
    
    .omg2{width: 100%;}
    

}





.box_go2{width: 100%;}
.box_go2 > ul{overflow: hidden;}
.box_go2 > ul > li{width: calc(100% - 48px); overflow: hidden; text-align: right; float: left;}
.box_go2 > ul > li:nth-child(1){ width: 40px; height: 45px; margin:0 8px 0 0px;}
.box_go2 > ul > li:nth-child(2){ width: 40px; height: 45px; display: none;}

.box_go2 > ul > li:nth-child(1) img{margin-top: 3px; width: 40px; height: 40px;}
.box_go2 > ul > li:nth-child(2) img{margin-top: 3px; width: 40px; height: 40px;}

@media screen and (max-width: 980px) {
    
    .box_go2 > ul > li{width: calc(100% - 88px);}
    .box_go2 > ul > li:nth-child(2){display: block;} 
}


@media screen and (max-width: 736px) {
    
    .box_go2 > ul > li:nth-child(1){margin:0 8px 16px 0;}  
    .box_go2 > ul > li:nth-child(2){margin:0 8px 16px 0;} 
    .box_go2 > ul > li{width: calc(100%);}

}













.over{overflow: hidden;}




.lucky_list{width: 100%; line-height: 20px; margin-bottom: 20px; padding: 12px 0px 0; border-radius: 8px; overflow: hidden; background-color: #fffcdd;}

.lucky_list{overflow: hidden;}

.lucky_list li{float: left; font-size: 16px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #ffe684;}

.lucky_list li:nth-child(3n+1){width: 100px; color: #ff6800; padding-left: 8px; font-size: 15px;}
.lucky_list li:nth-child(3n+2){width: 120px;}
.lucky_list li:nth-child(3n+3){width: calc(100% - 220px); color: #333; font-size: 15px; overflow: hidden; white-space: nowrap;}

.lucky_list li:nth-child(3n+2) img{margin: 0 2px -2px;}

.lucky_list li:nth-last-child(1){border:0; padding-bottom: 0;}
.lucky_list li:nth-last-child(2){border:0; padding-bottom: 0;}
.lucky_list li:nth-last-child(3){border:0; padding-bottom: 0;}

@media screen and (max-width: 736px) {
    

.lucky_list li:nth-child(3n+1){width: auto; border:0; padding-bottom: 0; margin-bottom: 8px; padding-left: 10px;}
.lucky_list li:nth-child(3n+2){width: calc(100% - 110px); border:0; padding-bottom: 0; margin-bottom: 8px;}
.lucky_list li:nth-child(3n+3){width: 100%; padding:0 10px 8px; white-space: inherit; line-height: 1.5;}   

}







.qafrom{width: 100%; overflow: hidden;}

.qafrom li{width: 100%; margin-bottom: 30px;overflow: hidden; }

.qafrom li:nth-child(5){margin-bottom: 20px;}

.qafrom li:last-child{margin-bottom: 15px;}

.sname{float: left; width: 100px; font-size: 18px; line-height: 30px; height: 30px;}

.qafrom li input{height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 4px; font-size: 16px; float: left;}

.w200{width: 200px;}
.w120{width: 120px;}
.w100{width: 100px;}
.w70{width: 70px;}
.mm{margin: 0 8px; width: auto;}

.cc{width: 20px;  line-height: 30px; font-size: 16px; text-align: center; float: left;}

.qafrom li select{height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 4px; font-size: 16px;    background-image: url(../img/icon_dropdown.png);
    background-position: center right;
    background-repeat: no-repeat; float: left;
  font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, sans-serif;}

.qafrom li textarea{width: 100%; box-sizing: border-box; padding:8px; font-size: 16px; height: 100px; resize: none;
font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, sans-serif;}


.justify {
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph; /*IE9*/
    -moz-text-align-last:justify; /*Firefox*/
    -webkit-text-align-last:justify; /*Chrome*/
}
.justify:after {
    content: '';
    display: inline-block;
    width: 100%;
}



@media screen and (max-width: 736px) {
 

    .sname{font-size: 16px; width:auto; margin-bottom: 8px;} 
     .qafrom li{ margin-bottom: 20px;}
    .qafrom li:nth-child(5){margin-bottom: 10px;}
    
    .w100{width: 70px;}
    .w70{width: 60px;}
    
    .mm{margin: 0 4px;}
    .cc{width: 16px; }
    
    .qafrom li textarea{height: 200px;}

}


@media screen and (max-width: 360px) {
 

    .both{clear: both;}

}





/*COIN*/



.sbf3{width: 100%; margin-bottom: 20px;  overflow: hidden; position: relative; z-index: 88;}


.sbf3 ul{overflow: hidden;}
.sbf3 li{float: left; line-height: 36px;}

.sbf3 li:nth-child(1){width: 100px;}
.sbf3 li:nth-child(2){width: calc(100% - 100px);}



.sbf3 h1{font-size: 18px; color: #fff; background-color: #ff4647; width: 100%; height: 36px; line-height: 36px;  text-align: center;border-radius: 4px;  }

.sbf3 h2{ color: #ffd800; font-size: 24px;  line-height: 36px; padding:0 0 0 16px; overflow: hidden;}
.sbf3 h2:before{content: "Q."; margin-right: 4px;}


@media screen and (max-width: 980px) {

}

@media screen and (max-width: 736px) {
    
    .sbf3{margin-bottom: 10px;}
 
.sbf3 li:nth-child(1){width: 100%; margin-bottom: 10px;}
.sbf3 li:nth-child(2){width: calc(100%);}

    .sbf3 h1{font-size: 16px;width: 100%; height: 30px; line-height: 30px;}
    .sbf3 h2{padding: 0; font-size: 20px; line-height: 1.5;}
    
}








.coin_box{width: 100%; overflow: hidden; padding-top: 0px;}

.coin_box > ul{overflow: hidden;}

.coin_box > ul > li{float: left;}

.coin_box > ul > li:nth-child(1){width: 40%;}
.coin_box > ul > li:nth-child(2){width: 60%; padding-left: 24px;}


@media screen and (max-width: 736px) {
    
.coin_box > ul > li:nth-child(1){width: 100%;} 
.coin_box > ul > li:nth-child(2){width: 100%; padding: 0;}

}




.stepf{width: 100%;}

.stepf li{width: 100%;}


.stepf li:nth-child(odd){ border-radius: 6px; line-height: 1.5; padding:13px 18px; font-size: 18px; color: #fff8a0; border:1px solid #fff8a0;}

.stepf li:nth-child(even){ font-size: 18px; color: #eee; text-align: center; padding: 10px 0; opacity: 0.5;}

.stepf li:last-child{margin-bottom: 5px;}


@media screen and (max-width: 980px) {
    
    .stepf li:nth-child(odd){font-size: 16px; padding:14px 10px;}
    .stepf li:nth-child(even){font-size: 16px;}
}

@media screen and (max-width: 736px) {
    

.stepf li:nth-child(odd){font-size: 16px; padding:5px 10px; margin-bottom: 16px;}
.stepf li:nth-child(even){font-size: 12px; padding: 6px 0; display: none;}  
 
.stepf{width: 100%; margin-bottom: 20px;}    
    
}





.play_box{width: 100%; position: relative;}


.play_01{ width: 100%; margin: 4px 0 10px;}
.play_01 ul{overflow: hidden;}
.play_01 li{float: left; font-size: 24px;  margin-right: 18px; }


/*.play_01 li:nth-child(1){color:#fff; width: auto; background-color: rgba(255,255,255,0); border-radius: 0; text-align: left; font-size: 18px; margin-right: 0;}*/


.play_01 li:last-child p{border-radius: 3px; /*background-color: #ffff7c; color: #333;*/}

.play_01 li:last-child{margin-right: 0; }

.play_01 li p{width: 50px; height: 50px; background-color: #c60010; text-align: center; line-height: 50px; color: #fff; font-weight: bold; border-radius: 50%;}


@media screen and (max-width: 980px) {
    

    .play_01{  margin: 4px 0 ;}
    
    .play_01 li{margin-bottom: 5px; margin-right: 12px; width:calc(14.2% - 10px);}
    
    .play_01 li p{ font-size: 24px; width: 44px; height: 44px; line-height: 44px; margin: 0 auto;}


}




@media screen and (max-width: 736px) {
    
    
    .play_01{margin: 0px;}
  
    .play_01 li{ width:calc(14.2% - 5px); margin-right: 6px; }
    
    
    .play_01 li p{ font-size: 18px; width: 38px;  height: 38px; line-height: 38px; }    


}


@media screen and (max-width: 320px) {
    

    
    
    .play_01 li{ width:calc(14.2% - 5px); margin-right: 6px; }
    
    
    .play_01 li p{ font-size: 16px; width: 30px;  height: 30px; line-height: 30px; }    


}








.money{width: 220px; height: 220px;  position: relative; margin: 0 auto 7px; min-height: 220px;}


.money ul{}

.money li{width: 100%; text-align: center; position: relative;}


@media screen and (max-width: 980px) {
 
    .money{min-height: 220px; width: 220px; height: 220px; margin: 0 auto 5px;}

}

@media screen and (max-width: 736px) {
 
    .money{min-height: 180px; width: 180px; height: 180px; margin: 0 auto -5px; }

}


.m1{position: relative; left: 0; top:0; z-index: 3; }
.m2{position: absolute; left: 0; top:0; z-index: 2; }


.no_m{z-index: 1;}







.play_02{width: 100%;}
.play_02 ul{overflow: hidden;}

.play_02 li{float: left; line-height: 44px;}

.play_02 li:nth-child(1){width: calc(100% - 180px);}
.play_02 li:nth-child(2){width: 180px;}

.play_02 li h3{font-size: 18px; line-height: 44px; text-align: left; color: #ddd;}



.play_go{width: 100%; height: 44px; line-height: 44px; text-align: center; color: #fff;  background-color: #ff4e00; box-shadow: 0 2px 4px rgba(0,0,0,0.3); border-radius: 4px; font-size: 20px; transition: all .3s; cursor: pointer;}

.play_go:hover{background-color: #c23b00;}


@media screen and (max-width: 736px) {
 
    .play_02 li h3{font-size: 16px; text-align: center;}
 .play_02 li:nth-child(1){width: 100%; text-align: center; margin-bottom: 4px;}
.play_02 li:nth-child(2){width: 100%; margin-bottom: 8px;}

}









.tabbox3{width: 100%; margin-bottom: 0px; position: relative; overflow: hidden; z-index: 80;}
.tabbox3 ul{overflow: hidden; padding: 0 5px;}
.tabbox3 li{width: calc(100% / 5); float: left; position: relative; padding: 0 5px;}

.tablinks3{width: 100%; text-align: center; line-height: 40px; font-size: 18px; color: #eee;transition: all .3s; 
         border-radius: 5px 5px 0 0; border-bottom: 0; background-color: #888;}
.tablinks3:hover {
  background-color:#ff4647;color: #fff;
}

.tablinks3.active {
  background-color: #ff4647!important;
  color: #fff!important;
}

.tabcontent3{display: none;}


@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
    
    .tabbox3 li{padding: 0 2px;}
    .tablinks3{font-size: 17px; line-height: 36px;}
    .mobno3{display: none;}

}








.qqlist3{width: 100%; border-radius: 8px; overflow: hidden; table-layout:fixed;    word-break:break-all;}

.qqlist3 tr{border-bottom: 1px solid #ddd; transition: all .3s;}

.qqlist3 th{padding:12px 16px; font-size: 16px; background-color: #fffcdd; color: #333;}

.qqlist3 th a{color: #333;}
.qqlist3 th a:hover{text-decoration: underline;}

.qqlist3 th:nth-child(1){width:100%; text-align: left;}


.qqlist3 td{padding:16px; font-size: 18px; color: #666; overflow: hidden; }

.qqlist3 td h2{color: #bd0e0f; line-height: 1.5; transition: all .3s; min-height: 50px; padding: 16px;}
.qqlist3 td h2:hover{color: #ff4647; text-decoration: underline;}
.qqlist3 td h2:before{content: "Q."; margin-right: 4px;}

.qqlist3 td p{font-size: 16px; color: #ff509c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.qqlist3 td:nth-child(1){width:100%; text-align: left; padding: 0}





@media screen and (max-width: 980px) {
    

}

@media screen and (max-width: 736px) {
   
.qqlist3 th{padding:8px; font-size: 15px;}    


 
.qqlist3 td{padding:8px; font-size: 16px; }    

 
.qqlist3 td h2{line-height: 1.5; font-size: 16px; padding: 8px; min-height: auto;}    
    
}








.co_pop{width: 100%; line-height: 1.5; text-align: left; position: relative; overflow: hidden; padding: 10px;}

.co_pop h1{color: #ff4647; font-size: 22px; margin-bottom: 20px; font-weight: bold;}

.co_pop h2{color: #bd0e0f; font-size: 20px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #ddd;}
.co_pop h2 > img{margin: 0 2px;}

.co_pop h3{color: #666; font-size: 16px; margin-bottom: 8px;}
.co_pop p{color: #333; font-size: 16px; margin-bottom: 30px;}



.omg3{ width:150px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; border-radius: 6px; float: right;
    background-color: #c60010; color: #fff; text-indent: -2px; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: all .3s; }
.omg3 i{margin-right: 8px; }

.omg3:hover{background-color: #90000c;}


@media screen and (max-width: 736px) {
    
    .omg3{width: 100%;}
    

}





.co_pop2{overflow: hidden;}
.co_pop2 > li{float: right;}
.co_pop2 > li:nth-child(1){width: 110px; padding-left: 10px;}
.co_pop2 > li:nth-child(2){width: calc(100% - 110px);}


@media screen and (max-width: 736px) {
    
 .co_pop2 > li:nth-child(1){width: 100%; text-align: center;}  
.co_pop2 > li:nth-child(2){width: 100%;}
    
.co_pop2 > li:nth-child(1) img{width: 144px; margin:0 0 10px 0;}    
    

}





.lucky_un{width: 100%; margin-bottom: 8px;}

.lucky_un ul{overflow: hidden;}

.lucky_un li{float: left; text-align: right; width: calc(100% / 6); font-size: 15px; color: #999; overflow: hidden;}

.lucky_un li:first-child h4{float: left; }

.lucky_un li:first-child h5{float: right;}





.lucky_say{width: 100%; padding-left: 22px;}

.lucky_say li{font-size: 16px; margin-bottom: 16px; color: #eee; line-height: 1.5; list-style:disc;}

.lucky_say li:last-child{margin-bottom: 5px;}







.lucky_map{width: 100%; background-color: #fff; margin-bottom: 10px; border-radius: 0px;  border:1px solid #aaa; box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;}


.lucky_map ul{overflow: hidden; margin: 10px 0;}


.lucky_map ul li{margin:10px 0;}

.bar{background-color: #ddd; line-height: 30px; font-size: 15px; color: #fff; padding: 0 8px; border-radius: 0 15px 15px 0;}

.aa1{background-color: #CF0003;}
.aa2{background-color: #FF6700}
.aa3{background-color: #45B400;}
.aa4{background-color: #00B1FC;}
.aa5{background-color: #333333;}





.wbr{display: block;}

.lucky_map_f{width: 100%; margin-bottom: 30px; overflow: hidden;}


.lucky_map_f ul{overflow: hidden; margin: 0 -5px}


.lucky_map_f ul li{width: calc(100% / 5); float: left; padding: 0 5px;}

.lucky_map_fs{border-radius: 8px; font-size: 15px; color: #fff; line-height: 1.5; text-align: center; padding: 6px;}


@media screen and (max-width: 736px) {
    
    .lucky_map_f ul li{width: 50%; margin-bottom: 10px;}
    
    .wbr{display: inline-block; margin-left: 8px;}
    

}

@media screen and (max-width: 350px) {
    
    .lucky_map_f ul li{width: 100%;}    

}











#mgame_2,.play3{display: none;}







#dice {
	position: absolute;
	/*top: -550px;*/ 
	width: 132px; height: 132px;
    left: 50%; margin-left: -67px;
    top:50%; margin-top: -67px;
    
    

  -moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}



@media screen and (max-width: 980px) {
 
   /* #dice{top:-555px;}*/

}


@media screen and (max-width: 736px) {
 
   /* #dice{top:-575px;}*/
    
    #interativo{transform: scale(0.8); width: 180px; height: 180px;}

}




#dice .face {
	background: url("../img/dice.png") no-repeat;
	background-size: 396px 264px;
	color: white;
	font-size: 20px;
	position: absolute;
	width: 132px; height: 132px;
	display: block;
}

#dice .front {
	-webkit-transform: perspective(000px) rotateX(0) translateZ(66px);
	-moz-transform: perspective(000px) rotateX(0) translateZ(66px);
	-ms-transform: perspective(000px) rotateX(0) translateZ(66px);
	-o-transform: perspective(000px) rotateX(0) translateZ(66px);
	transform: perspective(000px) rotateX(0) translateZ(66px);
}

#dice .back {
	background-position: -132px 0;
	-webkit-transform: perspective(000px) rotateY(180deg) translateZ(66px);
	-moz-transform: perspective(000px) rotateY(180deg) translateZ(66px);
	-ms-transform: perspective(000px) rotateY(180deg) translateZ(66px);
	-o-transform:  perspective(000px) rotateY(180deg) translateZ(66px);
	transform: perspective(000px) rotateY(180deg) translateZ(66px);
}

#dice .left {
	background-position: -264px 0;
	-webkit-transform: perspective(000px) rotateY(90deg) translateZ(66px);
	-moz-transform: perspective(000px) rotateY(90deg) translateZ(66px);
	-ms-transform: perspective(000px) rotateY(90deg) translateZ(66px);
	-o-transform: perspective(000px) rotateY(90deg) translateZ(66px);
	transform: perspective(000px) rotateY(90deg) translateZ(66px);
}

#dice .bottom {
	background-position: 0 -132px;
	-webkit-transform: perspective(000px) rotateX(-90deg)  translateZ(66px);
	-moz-transform: perspective(000px) rotateX(-90deg)  translateZ(66px);
	-ms-transform: perspective(000px) rotateX(-90deg)  translateZ(66px);
	-o-transform: perspective(000px) rotateX(-90deg)  translateZ(66px);
	transform: perspective(000px) rotateX(-90deg)  translateZ(66px);
}

#dice .top {
	background-position: -132px -132px;
	-webkit-transform:perspective(000px) rotateX(90deg) translateZ(66px);
	-moz-transform:perspective(000px) rotateX(90deg) translateZ(66px);
	-ms-transform:perspective(000px) rotateX(90deg) translateZ(66px);
	-o-transform:perspective(000px) rotateX(90deg) translateZ(66px);
	transform:perspective(000px) rotateX(90deg) translateZ(66px);
}

#dice .right {
	background-position: -264px -132px;
	-webkit-transform:perspective(000px) rotateY(-90deg)  translateZ(66px);
	-moz-transform:perspective(000px) rotateY(-90deg)  translateZ(66px);
	-ms-transform:perspective(000px) rotateY(-90deg)  translateZ(66px);
	-o-transform:perspective(000px) rotateY(-90deg)  translateZ(66px);
	transform:perspective(000px) rotateY(-90deg)  translateZ(66px);
}