.text-center{text-align:center;}
  .text-left{text-align:left;}
  
  .panel_hilight {margin: 0 0px;}
  
  .display_mo{ display:block;}
  .display_pc{ display:none;}
  
  
  .display_750{display:block; }
  .display_1366{display:none; }
  .display_2000{ display:none;}
  
   .br-small {
   display: block;
   margin: 10px 0;
  }
  
  .br-large {
   display:none;
   margin: 10px 0;
  }
  
  .anim{display:none;}
  .firework{display:none;}
  

	 .bg_red {background-color: #ff0000;}
	 .bg_green {background-color: #32F70B;}
	 .bg_blue {background-color: #082AF0;}
	 .bg_yellow {background-color:#333333;}
	 
	 .newline{clear:both;}
	 .pos{position:absolute;}
	 .box_over {
			position: absolute;
			width: 100%;
			/*z-index: 5;*/
		}

	 
	 
	 #container{margin-top:0px; overflow-x:hidden}
	
    /******* all font **************/
	.box1_head{font-family: 'db_heaventbold'; color:#333333; font-size:20px; line-height:30px; text-align:center;}
   .box1_detail{font-family: 'db_heaventmed'; color:#333333; font-size:16px; line-height:20px; text-align:center;}
   .box2_head,.box3_head{font-family: 'db_heaventbold'; color:#231f20; font-size:24px; line-height:30px; text-align:center;}
   .box2_txt{font-family: 'db_heaventregular'; color:#231f20; font-size:15px; line-height:20px; padding-left:15px; padding-top:16px;}
   26
  .box3_prize_h{font-family: 'db_heaventmed'; color:#251f20; font-size:22px; line-height:20px; }
  .box3_prize_hsub{font-family: 'db_heaventregular'; color:#251f20; font-size:16px; line-height:20px;}
  .box3_prize_detail{font-family: 'db_heaventregular'; color:#251f20; font-size:14px; line-height:20px;}
  .box3_prizetxt{font-family: 'db_heaventmed'; font-size:22px; line-height:30px;}
  .box3_sptxt{font-family: 'db_heaventbold'; font-size:32px; line-height:40px;}
  
  .box4_head{font-family: 'db_heaventbold'; color:#231f20; font-size:24px; line-height:30px; text-align:center;}
  .box4_detail{font-family: 'db_heaventmed'; color:#333333; font-size:16px; line-height:20px; text-align:center;}
  
   .win_month {
    font-family: 'db_heaventregular';
    font-size: 16px;
    line-height: 26px;
	 color: #231f20;
	 padding-right:10px;
 }
  
  .win_detail {
    font-family: 'db_heaventregular';
    font-size: 14px;
    line-height: 20px;
	color:#231f20;
 }
   .font_grey{ color:#787878;}
 
  .bigreward{font-family: 'db_heaventbold';}
  .win_monthtxt{ color:#cf9e3d; font-family: 'db_heaventbold'; font-size: 16px; line-height: 20px; margin-top:20px;}
  .win_monthtxt.top{ margin-top:0px;}
  
   /******* box 1 **************/
   .hide_overflow{
	    overflow-x: hidden;
		overflow-y: hidden;
   }
   
  .box1_holder{ background:url(../images/landing/box1_bg.jpg) no-repeat center top; background-size:100% auto; position:relative; z-index:8; }
  .box1_txt1gap{margin-top:27px; margin-bottom:5px;}
  .box1_txt2gap{margin-top:5px; margin-bottom:10px;}
  .box1_txt{ z-index:9;}
  .bt_clickgap{margin-top:10px; width:100%;}
  
  .bt_clickpos{}
  
  .bt_clickbg{width:203px; height:81px; background:url(../images/landing/clickbg_off.png) no-repeat center top; background-size:70% 70%; padding-top: 15px; color:#333333; font-size:16px; 
  line-height:1px; padding-top:20px; text-align: center; margin: 0 auto;}
  .bt_clickbg:hover{background:url(../images/landing/clickbg_on.png) no-repeat center top; background-size:70% 70%;}
  
   .obj_gold{left:0%; bottom:0%; width:100%; z-index:5;}
   .obj_starbg{left:0%; bottom:0%; z-index:6;}
   .obj_star1{left:0%; bottom:0%; z-index:7;}
   .obj_star2{left:0%; bottom:0%; z-index:8;}
   
   .obj_firework1{ left:4%; top:6.9%; width:22%; z-index:8;}
   .obj_firework2{ left:11.8%; top:-5.9%; width:26.6%; z-index:8;}
   .obj_firework3{ left:30%; top:1.5%; width:20%; z-index:8;}
   .obj_firework4{ left:54%; top:0%; width:20%; z-index:8;}
   .obj_firework5{ left:72%; top:-2.4%; width:12%; z-index:8;}
   .obj_firework6{ left:74%; top:3.5%; width:26.6%; z-index:8;}
   
   .obj_aunjai{ left:68%; bottom:24%; width:28%; z-index:8;}
   .obj_aunjai_body{ left:0%; top:0%;}
   .obj_aunjai_eye {
     left:0%; top:0%;
    }
	
	.bt_click_pos{ position:absolute; text-align:center;}

  
  
  /******* box 2 **************/
  .box2_holder{ position:relative; margin-top:-40%; z-index:9;}
 
  .box2_content{background-color:#b2d044;}
  
  .box2_objholder{position:relative; width:100%; height:auto;}
  .box2_obj{background-color:#b2d044; position:relative; }
  .box2_prize{  position:absolute;/* float:left;*/ width:90%; top:25px;}
  .box2_jame {
    position: absolute;
    width: 48%;
    top: 15px;
    right: 0%;
}
  
.mark_ico{width:80%; height:80%;}
.box2_txt .mark_ico{width:3%; height:3%;}
.box2_txt .tel_ico{width:4%; height:4%;}
 
 
 /******* box 3 **************/
  .box3_holder{ position:relative; width:100%; height:auto; margin-top:-17%; z-index:10;}
  .box3_head{ color:#231f20;}
  .box3_content{ position:relative; background:url(../images/landing/box3_bg.jpg) no-repeat center top; background-size:100% auto;}
  .box3_table{margin-top:5px; width:100%;}
  .prize_content{background-color:#b2d044; }
  .box3_bgbottom{margin-top:-10%;}
  .box3_prizegap{margin-top:20px;}
  
  .box3_table tr td:nth-of-type(3) { text-align:right;}
  
  
  /******* box 4 **************/
  .box4_holder{position:relative; width:100%; height:auto; background:url(../images/landing/box4_bg.jpg) no-repeat center top #fff3ad;}
   
  .box4_detail_gap{margin-top:10px;}
  
  .winner_box {
    border: solid #cfa149 2px;
    background-color: #fff;
    position: relative;
    z-index: 2;
   
    margin-bottom: 30px;
	padding-bottom: 40px;
	margin:0 20px;
	min-height:300px;
}


	 .tab_holder {
		position: relative;
		display: inline-block;
		width:100%;
		margin:15px auto;
	}
	.tab_win{
		float:left;
		width:50%;
    }
	.tab1, .tab2 {
		cursor: pointer;
		display: inline-block;
	}
	
   .reward_tab{width:148px; height:49px; background:url(../images/landing/tab_off.png) no-repeat center top; background-size:100% auto; text-align: center; color:#333333; font-size:16px; 
         line-height:26px; text-align:center; padding-top:10px;}
		 
   .reward_tab:hover,.tab_current{background:url(../images/landing/tab_on.png) no-repeat center top; background-size:100% auto;}
   
   
   .tab_on:hover{background:url(../images/landing/tab_off.png) no-repeat center top; background-size:100% auto;} 
 

   .win_ribbon{ margin-left:-4%; margin-top:6px; width:88%;}
   
   .month_select {
    /*width: 295px;
    height: 60px;*/
	width: 150px;
    height: 30px;
    overflow: hidden;
    background: url(../images/landing/ddl.png) no-repeat;
	background-size:100% 100%;
   /* margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 4%;*/
    cursor: pointer;
  }
  
  .month_select select {
    background: transparent;
    width: 120%;
    height: 38px;
    padding: 0px 0px 8px 13px;
    font-size: 16px;
    border: none;
    color: #231f20;
    font-family: 'db_heaventregular';
    outline: 0px;
    cursor: pointer;
 }
 
 
  
 
 /******* winner table **************/
   .winner_show { display: none; }
   .win_date{ width:25px; height:25px; background-color:#b2d044; border-radius:500px; padding:4px 0px; font-size:14px; line-height:16px; margin-right:5px;}
   .win_name,.win_tel,.win_prize{margin-top:5px;}
  
  .win_table,.win_month{
    margin-top: 20px;
    padding: 0 20px;
  }
  
  

  .win_table tr td:nth-of-type(1) { vertical-align:top;}
  .win_table tr td{ padding-bottom:20px;}
   
   .win_table tr.month td {
    padding-bottom: 0px;
  }

  
  .win_table.head tr td{ padding-bottom:0px;}
  .win_table tr{ margin-bottom:20px;}
  .win_table.head tr{ margin-bottom:0px;}
  
  .win_reward{ margin-top:5px; text-align: right;}
  
  .win_aunjai{ position:relative; z-index:3;}
  .win_aunjai img{margin-top:-10%;}
  
  .win_htable{display:none;}
  
  .box_prize{ text-align:right;}
  
  .box_win{display:inline-block; width:100%;}
  .win_tel{display:inline-block; width:100%; float:left; text-align:left;}
  .win_name{display:inline-block; width:100%; float:left;}
  .win_table tr td:nth-of-type(1) { width:8%;}
  .win_table tr td:nth-of-type(2) { width:57%;}
  .win_table tr td:nth-of-type(3) { width:35%;}
  /*.win_table tr td:nth-of-type(3) { width:57%;}*/
	.win_table, .win_month {
		margin-top: 20px;
		padding: 0 10px;
	}
  


@media(min-width: 750px){
	
  
	
	 /******* all font **************/
	.box1_detail {
    font-size: 34px;
    line-height: 44px;
   
   }

	
	
	.box1_head{font-size:36px; line-height:50px; }
	.box2_head,.box3_head,.box4_head{font-size:46px; line-height:60px;}
    .box2_txt{font-size:30px; line-height:40px; padding-left:20px; padding-top:36px;}
	
     .box3_prize_h{font-size:46px; line-height:50px; }
 	 .box3_prize_hsub{font-size:30px; line-height:40px;}
  	 .box3_prize_detail,.box4_detail{ font-size:28px; line-height:40px;}
	 
	 .box3_prizetxt {
     font-size: 36px;
     line-height: 50px;
    }
    .box3_sptxt{font-size:46px; line-height:50px;}
	
	.win_month {
  
    font-size: 26px;
    line-height: 36px;
   padding-right:0px;
   }
   
   
   .win_detail {
    font-size: 26px;
    line-height: 40px;
    
   }
   
   .win_date {
    width: 40px;
    height: 40px;
    padding: 5px 0px;
    font-size: 26px;
    line-height: 30px;
    
  }
  
  .win_monthtxt {
    
    font-size: 30px;
    line-height: 40px;
    margin-top: 20px;
}

	
	
	
	
	 /******* box 1 **************/
  
	.box1_txt1gap{margin-top:60px; margin-bottom:5px;}
	.box1_txt2gap{margin-top:10px; margin-bottom:20px;}
	
	/******* box 2 **************/
    .box2_prize{ top:68px;}
	.box2_jame { top: 56px;}
	
	
	.winner_box {
    border: solid #cfa149 5px;
    background-color: #fff;
    position: relative;
    z-index: 2;
   
    margin-bottom: 30px;
	padding-bottom: 40px;
   }
   
   
   .month_select {
     width: 295px;
    height: 60px;
   }
    .month_select select {
    height: 67px;
    padding: 0px 0px 8px 30px;
    font-size: 30px;
  
   }
   
    .win_table, .win_month {
    margin-top: 40px;
    padding: 0 20px;
   }
   
   .win_table.winner{ margin-top: 20px;}
   
   .win_table tr td {
    padding-bottom: 35px;
   }
  
  
  
  
	
	
	
}

@media(min-width: 768px){
	 #container{margin-top:50px;}
	.display_mo{ display:none;}
  	.display_pc{ display:block;}
	
	 .br-small { display: none; }
	 .br-large {display:block;  }
  .display_750{display:none; }
  .display_1366{display:block; }
  .display_2000{ display:none;}

   .obj_aunjai {
    left: 40%;
    bottom: 25%;
    width: 18%;
    z-index: 8;
  }

	
	.box1_head {
		font-size:20px; line-height:30px;
        text-align: left;
    }
	
	.box1_detail {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
   }


    .box1_holder {
      background:url(../images/landing/box1pc_bg.jpg) no-repeat center top -50px;
	  height:725px;
     }
	 
	.box1_txt2gap {
    margin-top: 8px;
    margin-bottom: 10px;
    }
	
	.bt_clickbg{float:left; margin-left: -10%;}
	
	
	/******* box 2 **************/
	 .box2_prize{  width:100%; top:25px;}
	.box2_jame {
    position: absolute;
    width: 40%;
    top: -7%;
	}
	.box2_txt {
    font-size: 28px;
    line-height: 38px;
    margin-left: 8%;
}




	.box2_holder {
    margin-top: -8%;
   }
   .box2_head,.box3_head,.box4_head{font-size:24px; line-height:30px;}
	 
	/******* box 3 **************/
   .box3_content{background:url(../images/landing/box3_bg_tab.jpg) no-repeat center top; background-size:100% auto;}
   
  .box3_prize_h{font-size:22px; line-height:20px; }
  .box3_prize_hsub{font-size:16px; line-height:20px;}
  .box3_prize_detail{font-size:14px; line-height:20px;}
  .box3_prizetxt{font-size:22px; line-height:30px;}
  .box3_sptxt{font-size:32px; line-height:40px;}
  
  .box3_holder {
    margin-top: -10%;
   }
   
   .box3_bgbottom {
    margin-top: -7%;
   }
   .box3_prizegap {
    margin-top: 5px;
  }


  
  /******* box 4 **************/
  .box4_holder{background:url(../images/landing/box4_bg_pc.jpg) no-repeat center top #fff3ad;}
  
  .win_aunjai img {
    margin-top: -8%;
   }
   
   .tab1, .tab2 {
    width: 200px;
    height: 66px;
  }
  .tab1{float:right;}

  .box4_detail{font-size:16px; line-height:26px;}
  .win_ribbon img{ width:520px; height:121px;}
  
  
	 .win_month {
		font-size: 20px;
		line-height: 28px;
		text-align: right;
	}

   .month_select {
    width: 233px;
    height: 60px;
    background-size:100% 100%;
   
  }
  
 .month_select select {
    width: 130%;
    height: 50px;
    padding: 11px 0px 2px 22px;
    font-size: 22px;
    line-height: 30px;
}


  .win_monthtxt {
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
}
 .win_table.month{margin-top: 13%;}

 .winner_box {

    min-height: 530px;
}


.box2_txt .mark_ico{width:20px; height:32px;}
.box2_txt .tel_ico{width:30px; height:30px;}

 
	.reward_tab{ font-size:21px; padding-top:20px;}
   

}

@media(min-width: 992px){
	
	.obj_aunjai {
    left: 40%;
    bottom: 32.5%;
    width: 18%;
    z-index: 8;
}
	
   /* .box1_head {
		font-size: 32px;
		line-height: 42px;
    }
	
	.box1_detail {
    font-size: 27px;
    line-height: 36px;
    text-align: left;
     }

	
	*/
	
	.bt_click_pos {
    text-align: left;
    margin-left: -9%;
    }
.bt_clickbg{width:232px; height:92px; background-size:80% 80%; float:left; margin-left: -6%; font-size:20px; line-height:30px; padding-top:15px; }
.bt_clickbg:hover{ background-size:80% 80%;}	

.box1_head {
    font-size: 28px;
    line-height: 38px;
}

  
  .box1_detail {
    font-size: 20px;
    line-height: 30px;
    text-align: left;
}

 
   .box1_grouptxt {
    margin-left: 110px;
    margin-top: 20px;
  }
  
  .box2_head,.box3_head,.box4_head{font-size:34px; line-height:46px;}
  
  
  .box3_prize_h{font-size:30px; line-height:40px; }
  .box3_prize_hsub {
    font-size: 20px;
    line-height: 30px;
  }

  .box3_prize_detail{font-size:17px; line-height:27px;}
 
  .box3_table {
   
    margin: 0 auto;
	margin-top: 5px;
	
  }
  
  .box3_prizetxt{font-size:30px; line-height:40px;}
  .box3_sptxt{font-size:40px; line-height:50px;}
  
  .box3_prizegap {
    margin-top: 0px;
   }

   .box4_detail{font-size:24px; line-height:34px;}
  .win_ribbon {
    margin-left: -3%;
  }
  
  .win_ribbon {
    margin-left: -3%;
    position: absolute;
 }
 .win_detail_gap{margin-top:40px;}

.win_htable{display:block;}
.win_tel{display:inline-block; width:40%; float:left;}
  .win_name{display:inline-block; width:60%; float:left; text-align: center;}
  
  
  .win_htable tr td:nth-of-type(1) { width:8%;}
  .win_htable tr td:nth-of-type(2) { width:57%;}
  .win_htable tr td:nth-of-type(3) { width:35%;}
  .box_prize{display:none;}
  
  .win_table tr td:nth-of-type(1) { width:8%;}
  .win_table tr td:nth-of-type(2) { width:72%;}
  .win_table tr td:nth-of-type(3) { width:20%;}
  
  .win_detail {
    font-size: 20px;
    line-height: 26px;
   }
   
   .win_date {
    width: 35px;
    height: 35px;
    padding: 2px 0px;
    font-size: 20px;
    line-height: 30px;
   }
   .win_tel{text-align:center;}


	
}

@media (min-width: 1200px){
	
	
  .panel_hilight {margin: 0 15px;}
	 .box3_table {
    	width:70%;
   }
   
    .win_aunjai img {
    margin-top: -5%;
   }
   
   .win_table, .win_month {
    margin-top: 40px;
    padding: 0px 60px;
    }
	
	.win_ribbon {
    margin-left: -2.5%;
    position: absolute;
   }
   
   .box1_hilight{position:relative; width:100%; height:auto;}
   
   
   .obj_gold{left:0%; bottom:-30%; }
   .obj_starbg{left:0%; bottom:-30%;}
   .obj_star1{left:0%; bottom:-30%;}
   .obj_star2{left:0%; bottom:-30%;}
   
   
   /*.obj_firework1{ left:25%; top:8%; width:18%; }
   .obj_firework2{ left:30%; top:-7%; width:15%;}
   .obj_firework3{ left:43%; top:2%; width:11.25%; }
   .obj_firework4{ left:52%; top:0%; width:11.25%;}
   .obj_firework5{ left:60%; top:-2.5%; width:10.12%;}
   .obj_firework6{ left:63%; top:5%; width:15%;}*/
   
   .obj_firework1{ left:15%; top:8%; width:18%; }
   .obj_firework2{ left:25%; top:-7%; width:15%;}
   .obj_firework3{ left:35%; top:2%; width:11.25%; }
   .obj_firework4{ left:45%; top:0%; width:11.25%;}
   .obj_firework5{ left:55%; top:-2.5%; width:10.12%;}
   .obj_firework6{ left:65%; top:5%; width:15%;}
   
   
   /*.obj_firework1,.obj_firework2,.obj_firework3,.obj_firework4,.obj_firework5,.obj_firework6{ width:100%;}*/
  
	.obj_aunjai {
    left: 40.9%;
    bottom: 20.5%;
    width: 25%;
    z-index: 8;
}


	



}

@media (min-width: 1280px){
/*.box3_bgbottom {
    margin-top: -11%;
}*/

.box3_bgbottom {
    margin-top: -1%;
}

}

@media (min-width: 1366px){
 
 
  
  
}

@media (min-width: 1400px){
     .obj_gold,.obj_starbg,.obj_star1,.obj_star2{bottom:-15%;}
 
   .obj_aunjai {
    left: 41.4%;
    top: 34%;
}



  

}

@media (min-width: 1500px){
	
	
	
.obj_aunjai {
    left: 41.4%;
    top: 36%;
}

.obj_firework1{ left:25%; top:8%; width:18%; }
   .obj_firework2{ left:30%; top:-7%; width:15%;}
   .obj_firework3{ left:43%; top:2%; width:11.25%; }
   .obj_firework4{ left:52%; top:0%; width:11.25%;}
   .obj_firework5{ left:60%; top:-2.5%; width:10.12%;}
   .obj_firework6{ left:63%; top:5%; width:15%;}

}

@media (min-width: 1600px){
.box3_content {
    height: 850px;
}

.box3_bgbottom {
    margin-top: 0%;
}

.obj_aunjai {
    left: 41.6%;
    top: 38%;
}

.box3_content{background:url(../images/landing/box3_bg_pc.jpg) no-repeat center top; background-size:100% auto;}

.box2_prize {left:13%;}
.box2_jame {
    right: 0%;
}




}


@media (min-width: 1800px){

   .display_750{display:none; }
  .display_1366{display:block; }
  .display_2000{ display:none;}

.obj_gold,.obj_starbg,.obj_star1,.obj_star2{bottom:1%;}
 .obj_aunjai {
    left: 42.6%;
    top: 24%;
}

}


@media (min-width: 1900px){
.obj_gold,.obj_starbg,.obj_star1,.obj_star2{bottom:0%;}
.obj_aunjai {
    left: 42.6%;
    top: 27%;
}
}