@charset "utf-8";
body{
	background-color: #ffd7d7;
	overflow-x: hidden;
	width: 100vw;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}
map *:focus{
outline:none;
}
/*scroll bar*/
div{transition: all 0.2s linear;}
#scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}
#scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #0b0b0f;
}
#scrollbar::-webkit-scrollbar-thumb {
    background-color: #ffd7d7;
}


.gotop{
background: url(../images/gotop.png) no-repeat;
    width: 104px;
    height: 97px;
    right: 0;
    position: fixed;
    margin: 0 10px 50px 0;
    cursor: pointer;
    bottom: 0;
}

/*btn bar*/
.btnbg{
    width: 100%;
    height: 60px;
    background-repeat: no-repeat;
    z-index: 1001;
    position: fixed;
    background-color: #b72520;
    bottom: 0;
}

.logo{
	width: 143px;
    height: 45px;
    background: url(../images/logo.png) no-repeat;
    margin: 0 auto;
    z-index: 9999;
    position: relative;
    top: -15px;
	background-size: 100%;
}
.logo:hover{
    background: url(../images/logoh.png) no-repeat;
}
.btnw {
    width: 1000px;
    height: 50px;
    padding: 24px 0 0 0;
    color: #FFF;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
}
.btn01,.btn02,.btn03,.btn04,.btn05{
	float: left;
    font: normal bold 1.2em/1 Microsoft JhengHei,Heiti TC,sans-serif;
    text-align: justify;
    padding: 0 50px 0;
    letter-spacing: 5px;
	cursor:pointer;
	width: 25%;
	}

.btn01:hover,.btn02:hover,.btn03:hover,.btn04:hover,.btn05:hover,.btn06:hover,
.btn01:focus,.btn02:focus,.btn03:focus,.btn04:focus,.btn05:focus,.btn06:focus{
color:#F90;
}

.vision1{
	width: 1170px;
	height: 839px;
	background-position: center;
	overflow: hidden;
	position: relative;
	background-size: 100%;
	background-image: url(../images/VIP.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.gotop {
background: url(../images/gotop.png) 0 0 no-repeat;
    width: 80px;
    height: 86px;
    background-size: 100%;
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 50px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
	z-index: 999;
}

#wrapper{
	height: 100vh;

	margin-right: auto;
	margin-left: auto;
}
#header {
    display: flex;
}

#content{


}
#footer{
	width: 100vw;
	margin: 0px 0 60px;
	}
.vision{
    width: 975px;
    height: 778px;
    margin: 50px auto 50px;
    background: url(../images/title.png);
    background-position: center top;
    overflow: hidden;
    position: relative;
    background-size: 100%;
}
.btngo {
	width: 259px;
    height: 77px;
    background-size: 100%;
    cursor: pointer;
    position: relative;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    background-position: center top;
    top: 423px;
    z-index: 999;
    margin: 0 auto;
}
.btngo:hover{
	background-size: 100%;
	background-image: url(../images/btnh.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/*輸入框*/
.logintext .form-control_1 {
margin: 0px auto 7px;
    border-radius: 0;
    height: 37px;
    background-color: #ffffff;
    color: #626262;
    font-size: 16px;
	width: 100%;
	padding: 0 10px;
}
.logintext {
	width: 100%;
	position: relative;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.logintext.padding{ padding-top:0px;}

.logintext p{
    font: normal 1.1em/1.2 Microsoft JhengHei,Heiti TC,sans-serif;
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 0 0 10px;
}
.logintext2 p{
	font: normal 1.1em/1.2 Microsoft JhengHei,Heiti TC,sans-serif;
    text-align: left;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    padding: 10px 15px 12px;
}
.teamtext{
    width: 100%;
    position: relative;
    padding: 0px 10px 0;
}

/*按鈕*/
button.close {
    background-image: url(../images/close.png);
    height: 26px;
    width: 26px;
    float: right;
    cursor: pointer;
    opacity: 0.5;
    z-index: 99;
    top: 0;
    right: 0;
    position: absolute;
}
.close:focus, .close:hover {
    opacity: 1;
}
.btn_login{
background-size: 100%;
    background-image: url(../images/btn_login.png);
    background-repeat: no-repeat;
    height: 66px;
    width: 210px;
    cursor: pointer;
    margin: 0 auto;
}
.btn_login:hover{
	background-size: 100%;
	background-image: url(../images/btn_loginb.png);
	background-repeat: no-repeat;
}

.send_btn {
	background-image:url(../images/send.png);
	float: left;
	height: 84px;
	width: 258px;
	margin-top: 20px;
	margin-left: 20px;
	cursor: pointer;
}
.send_btn:hover {
	background-image:url(../images/sendh.png);
	cursor: pointer;
}
.get_btn {
	background-image:url(../images/get.png);
	float: left;
	height: 84px;
	width: 258px;
	margin-top: 20px;
	margin-left: 40px;
	cursor: pointer;
}
.get_btn:hover {
	background-image:url(../images/geth.png);
	cursor: pointer;
}
.btn_change{
	background-size: 100%;
	background-image:url(../images/change.png);
	background-repeat: no-repeat;
	float: left;
	height: 46px;
	width: 143px;
	 cursor: pointer;
	 margin-top:12px;
}
.btn_change:hover{
	background-size: 100%;
	background-image: url(../images/changeh.png);
	background-repeat: no-repeat;
}
.btn_join{
	background-size: 100%;
    background-image: url(../images/btn_join.png);
    background-repeat: no-repeat;
    height: 46px;
    width: 143px;
    cursor: pointer;
    margin-top: 40px;
    margin: 0 auto;
    position: relative;
    top: 145px;
}
.btn_join:hover{
	background-size: 100%;
	background-image: url(../images/btn_joinh.png);
	background-repeat: no-repeat;
}
.btn_sure{
	background-size: 100%;
	background-image:url(../images/sure.png);
	background-repeat: no-repeat;
	float: left;
	height: 46px;
	width: 143px;
	cursor: pointer;
	margin-left: 68px;
	margin-top: 2px;
}
.btn_sure:hover{
	background-size: 100%;
	background-image: url(../images/sureh.png);
	background-repeat: no-repeat;
}
.btn_ok{
	background-size: 100%;
	background-image:url(../images/ok.png);
	background-repeat: no-repeat;
	float: left;
	height: 46px;
	width: 143px;
	cursor: pointer;
	margin-left: 60px;
	margin-top: 20px;
}
.btn_ok:hover{
	background-size: 100%;
	background-image: url(../images/okh.png);
	background-repeat: no-repeat;
}

/*社圈icon*/
.social-registration {
	overflow: hidden;
	color: rgba(255, 255, 255, 0.7);
}
.social-registration p {
	float: left;
	letter-spacing: 1px;
	font-family: "Microsoft JhengHei", "Heiti TC", sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	font-variant: normal;
	color: #a11c0f;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 30px;
}
.team{
overflow: hidden;
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.7);
}
.team p{
    font: normal 0.85em/1.4 Microsoft JhengHei,Heiti TC,sans-serif;
    float: left;
    text-align: justify;
}
.icon {
    width: 37px;
    height: 37px;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-bottom: 16px;
}

/*卡片填寫頁*/
.bg01{
	margin: 0 auto;
    padding: 0px 70px;
}
.informationbg,.regulationsbg,.qabg{
	width: 1040px;
    height: 400px;
    padding: 40px 25px;
    border-radius: 10px;
    background-color: #f6b4b4;
    position: relative;
    margin: 0 auto;
}
.pic01r{
    background: url(../images/evenpic01.png) no-repeat;
    width: 300PX;
    height: 376px;
    z-index: 999;
    position: absolute;
    top: 57px;
    right: 4px;
    background-size: 100%;
}
.pic01l{
	background: url(../images/evenpic02.png) no-repeat;
    width: 199px;
    height: 159px;
    z-index: 999;
    position: absolute;
    top: 313px;
    left: -30px;
}
.informationbg .textbg{
	padding-left: 90px;
    padding-right: 250px;
}
.informationbg .text01{
	color: #003366;
	font-family: "Microsoft JhengHei", "Heiti TC", sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: 1.6;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
}


.form-control {
	width: 90%;
	}

/*new對話框*/
.text01 .new {
    background-image: url(../images/new.gif);
    height: 64px;
    width: 82px;
    position: relative;
    top: -27px;
    left: -34px;
}


.carousel-control.right, .carousel-control.left{
	background-image:none;
	}
.carousel-control{
    font-size: 150px;
    top: 119px;
}


.modal-header {
	padding: 0px;
    border-bottom: hidden;  }

.modal-dialog{width: 640px;}


.form-control {
	width: 90%;
    background-color:border-color: rgba(102, 175, 233, 0);
    position: relative;
    border: 0px;
    font-size: 21px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
	 font-size: 16px;
	}
.form-control:focus {
    border-color: rgba(102, 175, 233, 0);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
}
.form-control_text{
	width: 70%;
	background-color:#rgba(255,255,255,.15);;
    margin-left: 100px;
    position: relative;
    top: 216px;
    height: 68px;
    border: 0px;
    font-size: 21px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
	 font-size: 16px;
	}
.form-control_text:focus {
    border-color: rgba(102, 175, 233, 0);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
}

.form-control_name{
	 float: left;
    margin-top: 355px;
    margin-left: 326px;
    width: 20%;
	border-color: rgba(102, 175, 233, 0);
	 font-size: 16px;
	}
.form-control_name:focus{
	 border-color: rgba(102, 175, 233, 0);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
	}

.form-control_date{
	float:left;
    margin-top: 356px;
    margin-left: 5px;
    width: 25%;
	border-color: rgba(102, 175, 233, 0);
	 font-size: 16px;
	}
.form-control_date:focus{
	 border-color: rgba(102, 175, 233, 0);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
	}

.lightboxbg.sned .bg {
    background-color: #FFF;
    border-radius: 10px;
    height: 230px;
    width: 305px;
    padding: 20px;
    margin-top: 32px;;
	margin-left: -8px;
}

/*按鈕*/
.btnsite{
    top: 520px;
    z-index: 999;
    position: relative;
    left: 180px;
}
.btnrage{
    width: 600px;
    margin: 0 auto;
    z-index: 999;
    top: 380px;
    position: relative;
}


/*回傳卡片按鈕*/
.back_btn {
    background-image: url(../images/back.png);
    height: 84px;
    width: 258px;
    position: absolute;
	margin-top: -50px;
}
.back_btn:hover{
    background-image: url(../images/backh.png); cursor:pointer;
}
/*送出&收卡片按鈕*/
.btn-send{  background-image: url(../images/send.png);}
.btn-infoo{  background-image: url(../images/get.png);}
.btn-send,.btn-infoo{
		height: 84px;
		width: 258px;
	   margin-top: 26px;
		margin-left:49px;
		color: rgba(255, 255, 255, 0);
		background-color: rgba(91, 192, 222, 0);
		border-color: rgba(0,0,0,.0001);
		float: left;
		background-size: 100%;
	}

.btn-send:hover{ background-image: url(../images/sendh.png); }
.btn-infoo:hover{ background-image: url(../images/geth.png); }
.btn-send:hover,.btn-infoo:hover{
		cursor:pointer;
		 color: rgba(255, 255, 255, 0);
		background-color: rgba(91, 192, 222, 0);
		border-color: rgba(0,0,0,.0001);
}



/*信件*/
.letter01,.letter02,.letter03,.letter04,.letter05,.letter06{height:500px;border-radius: 20px;}
.letter01{background: #000 url(../images/01.jpg) no-repeat top right;}
.letter02{background: #000 url(../images/02.jpg) no-repeat top right;}
.letter03{background: #000 url(../images/03.jpg) no-repeat top right;}
.letter04{background: #000 url(../images/04.jpg) no-repeat top right;}
.letter05{background: #000 url(../images/05.jpg) no-repeat top right;}
.letter06{background: #000 url(../images/06.jpg) no-repeat top right;}


/*input框*/
input[type=checkbox], input[type=radio] {
    margin: 8px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

/*送出按鈕彈出視窗*/
.sned p,.send.text2 p {
	color: #003366;
	font-family: "Microsoft JhengHei", "Heiti TC", sans-serif;
	font-size:16px;
	font-style: normal;
	line-height: 1.6;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
	float:left;
}
.word text {
    width: 362px;
    height: 37px;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-bottom: 16px;
}

/*FB按鈕*/
.btnFB{
    width: 255px;
    height: 75px;
    background-size: 100%;
    cursor: pointer;
    position: relative;
    background-image: url(../images/FB.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
	margin:10px 20px;
}
.btnFB:hover{
	background-size: 100%;
	background-image: url(../images/FB.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

/*t抽禮物按鈕*/
.btnGift{
	width: 255px;
    height: 75px;
    background-size: 100%;
    cursor: pointer;
    position: relative;
    background-image: url(../images/gift.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
	margin:10px 20px;
}
.btnGift:hover{
	background-size: 100%;
	background-image: url(../images/gift.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

.btnGift_not_available{
	width: 255px;
    height: 75px;
    background-size: 100%;
    cursor: pointer;
    position: relative;
    background-image: url(../images/gift_1.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
	margin:10px 20px;
}

.btnGift_not_available:hover{
	background-size: 100%;
	background-image: url(../images/gift_1.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
.sned4 p {
	color: #003366;
	font-family: "Microsoft JhengHei", "Heiti TC", sans-serif;
	font-size:16px;
	font-style: normal;
	line-height: 1.6;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
	float:left;
}

/*聖誕傳情禮包輸入框*/
.send1, .send2,.send3,.send4,.send5,.send6,.send7{
	border-radius: 0;
    background-color: #ffcccc;
    color: #000000;
    font-size: 16px;
    float: left;
    padding: 0 10px;
    font-weight: 900;
    margin: 5px 10px;
}
.send1{   width: 75%;	}
.send2{   width: 69.9%;	}
.send3{   width: 55.5%;	}
.send4{   width: 64%;	}
.send5{   width: 58.7%;	}
.send6{   width: 79.5%;	}
.send7{   width: 74.5%;	}

.sned.text {float: left;width: 100%;}
.sned.text2 {float: left;width: 10%;}
.sned.text3 {float: left;width: 50%;}

/*未中獎&抽過獎彈出視窗*/
.sned1.text {margin-left: 58px;margin-top: 25px;}
.sned2.text {margin-left: 84px;}
.sned3.text {margin-left: 52px;}
.sned1 p,.sned2 p,.sned3 p {
	color: #003366;
	font-family: "Microsoft JhengHei", "Heiti TC", sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 1.6;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 5px;
	float: left;
}
/*活動規則&序號兌換彈出視窗*/
.modal-content{ display:inline;}
.activitybg{
	padding-top: 29px;
	padding-left: 18px;
	height: 555px;
    background-color: #ffff;;
	width: 580px;
    position: relative;
    border-radius: 14px;
    border-top-right-radius: 0px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 22px;
	}
.activitybg h1 {
	font: normal bold 1.2em/1.5 Microsoft JhengHei,Heiti TC,sans-serif;
	color:#F30;
    display: block;
    letter-spacing: -1px;
	margin-top:5px;
}
.activitybg  p {
    font: normal bold 0.9em/1.6 Microsoft JhengHei,Heiti TC,sans-serif;
    color: black;
    display: block;
    text-align: justify;
}
.activepic{
	background-image:url(../images/activty.png);
	background-size:100%;
	height:81px;
	}
.rewardpic{
	background-image:url(../images/reward.png);
	background-size:100%;
	height:151px;
	}
/*序號兌換彈出視窗*/
.numberbg{
    padding-top: 17px;
    padding-left: 18px;
    height: 810px;
    background-color: #ffff;
    width: 700px;
    position: relative;
    border-radius: 14px;
    border-top-right-radius: 0px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
	}
.numberbg p{
    font: normal bold 1.2em/1.5 Microsoft JhengHei,Heiti TC,sans-serif;
    color: #ff0068;
    display: block;
    margin-top: 12px;
	}
.numberbg h1 {margin-top: 35px;margin-left: 35px;}
.numberbg h3 {margin-top: 49px; margin-left: 44px;}
.numberbg h5 {margin-top: 37px;margin-left: 35px;}
.numberbg h1,.numberbg h3,.numberbg h5 {
	font: normal bold 1.2em/1.5 Microsoft JhengHei,Heiti TC,sans-serif;
	color:#F30;
    display: block;
    letter-spacing: -1px;
}
.numberbg h2 {margin-top: 50px; margin-left: 44px;}
.numberbg h4 {margin-top: 12px; margin-left: 44px;}
.numberbg h6 {margin-top: 37px;margin-left: 9px;}
.numberbg h2,.numberbg h4,.numberbg h6 {
	font: normal bold 1.2em/1.5 Microsoft JhengHei,Heiti TC,sans-serif;
	color:#0f09ff;
    display: block;
    letter-spacing: -1px;
}
.game1{background-color: #fde7e7; height: 100px;}
.game2{background-color:#c6e1f9;height: 124px;}
.game3{background-color: #fde7e7; height:125px;}
.game4{background-color:#c6e1f9;height: 55px;}
.game5{background-color: #fde7e7; height:100px;}
.game6{background-color:#c6e1f9;height: 100px;}
.game1,.game2,.game3,.game4,.game5,.game6{
	width: 660px;
    border-radius: 10px;
    margin-bottom: 5px;
	}
.numberleft {
	width: 145px;
    float: left;
}
.numberright {
     width: 509px;
    padding: 5px;
    float: left;
}

/*馬上參加&送出按鈕彈出視窗*/

.modal-content{ display:inline;}
.bg1 .tittle01{ margin:0 auto; background:url(../images/lightbox_w01.png) no-repeat; width:296px; height:57px; background-size: 100%;}
.bg2 .tittlesned{
	background: url(../images/lightbox_send.png) no-repeat;width: 296px;height: 57px;background-size: 100%;
	margin-top: 0;margin-right: auto;margin-bottom: 10px;margin-left: auto;}

.bg1{ padding-top: 29px;padding-left: 18px;	height: 320px;}
.bg2{ padding-top: 32px;padding-left: 31px;	height: 320px;}
.bg3{ padding-top: 48px;padding-left: 35px;height: 290px;}
.bg1,.bg2,.bg3{
    background-color: hsl(0, 100%, 90%);
    width: 350px;
    position: relative;
    border-radius: 14px;
    border-top-right-radius: 0px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 22px;
}

/* .squaredTwo */
.squaredTwo {
	  width: 14px;
    height: 14px;
    position: relative;
    top: 1px;
}
.squaredTwo label {
 	width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 100%);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.squaredTwo label:after {
  content: '';
  width: 13px;
  height: 8px;
  position: absolute;
  top: 1px;
  left: 2px;
  border: 3px solid #555;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
  opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
  visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
  opacity: 0;
}

/*rwd*/
.Christmas_mobil01{
	background: url(../images/Christmas_mobil01.jpg) no-repeat center top;
    background-size: 100%;
    width: 100vw;
    height: 100vh;
    top: -1px;
    position: relative;
}
.Christmas_mobil02{

    width: 100vw;
    height: 100vh;
    top: -1px;
    position: relative;
}
.Christmas_mobil03{
	background: url(../images/Christmas_mobile03.jpg) no-repeat center top;
    background-size: 100%;
    width: 100vw;
    height: 100vh;
    top: 2px;
    position: relative;
}

@media screen and (min-width:415px) and (max-width:  1920px) {
.Christmas_mobil01,.Christmas_mobil02,.Christmas_mobil03{ display:none}

}
@media screen and (max-width:414px){
.btnw {
    width: 90%;
    height: 50px;
    padding: 23px 0 0 0;
    color: #FFF;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
}
body {
   background-image: url(../images/bg000.jpg);
}
.btngo{
    width: 203px;
    top: 376px;
}
.logo{
    width: 67px;
    background: url(../images/logos.png) no-repeat;
    background-size: 100%;
    top: -7px;
}
.vision,.pic01r,.vision1{ display:none;}

.btn01, .btn02, .btn03, .btn04, .btn05 {
    padding: 0 10px;
    font-size: 15px;
    letter-spacing: 0;
}
.pic01l{
	width: 147PX;
    height: 117px;
    top: 395px;
    margin-left: 10px;
    background-size: 100%;
}
.informationbg,.regulationsbg,.qabg{
    width: 90vw;
    height: 70vh;
    border-radius: 10px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: inherit;
    padding: 20px 30px;
}
.informationbg .textbg {
    padding-left: 0px;
    padding-right: 0PX;
}
.informationbg .text01 {
    font-size: 1em;
}
.btn-send,.btn-infoo{
    margin: 22px auto;
    width: 233px;
    height: 75px;
    float: none;
	}
.form-control.game {
	 margin-right: 0;
	 float: left;
	 width: 100%;
	 margin-bottom: 15px;
}
.form-control {
    width: 100%;
}
.Christmas_mobil02 {
    height: 83vh;
}
.gotop{
    width: 60px;
    bottom: 0px;
    right: 10px;
}
.bg01{ padding: 50px 0 0;}
.btnrage{
	width:100%;
	top: 595px;
}
.btnFB,.btnGift{
	width: 230px;
    height: 67px;
	float: none;
	margin:15px auto;
	}
#footer {
    margin: -100px 0 60px;
}
.informationbg, .regulationsbg, .qabg{
	width:90%;
}
.form-control_text {
    width: 70%;
    margin-left: 45px;
    top: 175px;
    height: 95px;
}
.modal-dialog {
    width: 300px;
	 margin: auto;
    margin-top: 30px;
}
.form-control_name {
    margin-top: 264px;
    margin-left: 185px;
    width: 30%;
}
.form-control_date {
    margin-top: 10px;
    margin-left: 180px;
    width: 30%;
}
.back_btn {
    height: 52px;
    width: 163px;
    margin-top: -50px;
    margin-left: -120px;
    background-size: 100%;
}
/*信件*/
.letter01,.letter02,.letter03,.letter04,.letter05,.letter06{height:500px;border-radius: 20px;}
.letter01{background: #000 url(../images/s01.jpg) no-repeat top right;}
.letter02{background: #000 url(../images/s02.jpg) no-repeat top right;}
.letter03{background: #000 url(../images/s03.jpg) no-repeat top right;}
.letter04{background: #000 url(../images/s04.jpg) no-repeat top right;}
.letter05{background: #000 url(../images/s05.jpg) no-repeat top right;}
.letter06{background: #000 url(../images/s06.jpg) no-repeat top right;}

/*活動規則彈出視窗*/
.activitybg { width: 380px;}
.activepic {
	background-size: 100%;
    height: 52px;
}
.rewardpic {
    background-size: 100%;
    height: 99px;
}
.activitybg {
    height: 500px;
}

/*序號兌換彈出視窗*/
.numberbg{
	 padding-top: 10px;
    padding-left: 10px;
    height: 1085px;
    width: 385px;
	margin-bottom: 50px;
	}
.game1, .game2, .game3, .game4, .game5, .game6 {
    width: 365px;
    border-radius: 10px;
    margin-bottom: 5px;
}
.numberbg h1, .numberbg h3, .numberbg h5 {
    letter-spacing: -1px;
    line-height: 1;
}
.numberleft {width: 365px;}
.numberright {width: 365px;}
.game1 { height: 125px;}
.game2 { height: 180px;}
.game3 { height: 150px;}
.game4 { height: 90px;}
.game5 { height: 150px;}
.game6 { height: 135px;}
.numberbg h1 {margin-top: 3px;margin-left: 140px;}
.numberbg h2 {margin-top: 1px;margin-left: 145px;}
.numberbg h3 {margin-top: 3px;margin-left: 145px;}
.numberbg h4 {margin-top: 1px; margin-left: 145px;}
.numberbg h5 {margin-top: 3px;margin-left: 140px;}
.numberbg h6 {margin-top: 1px;margin-left: 120px;}


	}
@media screen and (max-width:375px){
.btn01, .btn02, .btn03, .btn04, .btn05 {
    font-size: 16px;
}
.btnw {
    padding: 20px 0 0 0;
}
tr td font {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #039;
}

.btngo{
    width: 203px;
    top: 337px;
}
.btnrage{
	width:100%;
	top: 560px;
}
.btnw {
    width: 92%;
}

/*活動規則彈出視窗*/
.activitybg { width: 355px;}
.activepic {height: 48px;}
.rewardpic {height: 92px;}

/*序號兌換彈出視窗*/
.numberbg{height: 1100px;width: 355px;}
.game1, .game2, .game3, .game4, .game5, .game6 { width: 335px;}
.numberleft {width: 335px;}
.numberright {width: 335px;}
.game1 {height: 145px;}
.game2 {height: 200px;}
.game3 {height: 145px;}
.game4 {height: 85px;}
.game5 {height: 145px;}
.game6 {height: 130px;}

@media screen and (max-width:320px){
.btn01, .btn02, .btn03, .btn04, .btn05{
	font-size: 8px;
    padding: 0 5px;
}
.logo {
    margin-top: 6px;
}
.logo {
	width: 65px;
    margin-top: 2px;
    background-size: 100%;
}
.btngo{
    width: 150px;
    top: 291px;
}
.btnw {
	width: 90%;
    bottom: 1px;
}
.btn01, .btn02, .btn03, .btn04 {
	padding: 0 7px;
    font-size: 12px;
    etter-spacing: 0;
    margin-left: -1px;
}
.bg1{
	width: 300px;
}
.bg1 .tittle01 {
    background-size: 90%;
}
.icon {
    margin-left: 7px;
}
.btn_login {
    margin-left: 20px;
}
.bg1, .bg2, .bg3 {
    width: 300px;
}
.bg2 .tittlesned {width: 247px;height: 57px;}
.send1 { width: 70%;}
.send2 { width: 62.9%;}
.send3 {width: 44.5%;}
.sned.text3 {width: 60%;}
.send4 {width: 57%;}
.send5 {width: 49.7%;}
.send6 { width: 75.5%;}
.send7 {width: 69.5%;}
.btn_change {
    height: 46px;
    width: 130px;
    margin-top: 12px;
    margin-left: -17px;
}
.btn_join {
    height: 46px;
    width: 130px;
    margin-top: 12px;
    margin-left: 4px;
}
.btn_sure {
    margin-left: 39px;
}
.btnFB, .btnGift {
    top: -60px;
}
.btnrage {
    width: 100%;
    top: 560px;
}
/*活動規則彈出視窗*/
.activitybg {width: 300px;margin-top: 30px;padding-top: 20px}
.activepic {height: 40px;}
.rewardpic {height: 76px;}
.numberbg {height: 1260px;width: 300px;padding-right: 5px;}
.numberleft { width: 280px;}
.numberright { width: 280px;}
.game1, .game2, .game3, .game4, .game5, .game6 {width: 280px;}
.numberbg h1,.numberbg h5 { margin-left: 100px;}
.numberbg h2,.numberbg h3,.numberbg h4 { margin-left: 105px;}
.numberbg h6 {margin-left: 80px;}
.game3 { height: 170px;}
.game5 {height: 190px;}
.game6 {height: 155px;}
.numberbg h1,.numberbg h3,.numberbg h5 {margin-top: 5px;}

}