@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: GenJyuuBold;
  src: url("../font/GenJyuuGothic_Bold.woff");
}
@font-face {
  font-family: GenJyuuLight;
  src: url("../font/GenJyuuGothic_Light.woff");
}

body {
	margin: 0 auto;
	/*overflow-x: hidden;*/
	text-align: center;
	user-select : none;
	-moz-user-select : none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	font-family: "Microsoft JhengHei";
	font-weight: lighter;	
}

img { border: 0px;}
a { 
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}
a:hover {text-decoration: none;}
li {list-style-type:none;}

.logo {
	width: 8.75vw;
	position: absolute;
	left: 5vw;
	top: 3.5vw;
	z-index: 1;
}

.song {
	position: absolute;
	right: 4vw;
	top: 13vw;
	z-index: 1;
}

.song img {
	width: 13vw;
	height: 10.42vw;
}

.top {
	position: relative;
	width: 100%;
	height: 41.1vw;
	background: url("../images/bg_title.png") top center no-repeat;
	background-size: contain;	
}

.man1 {
	width: 48%;
	height: 100%;
	background: url("../images/man1.png") top center no-repeat;
	background-size: contain;
	position: absolute;
	right: 7%;
	top: 4%
}

.titletext_m {display: none}

.titletext {
	line-height: 2.5vw;
	letter-spacing: 0.2vw;
	position: absolute;
	left: 50%;
	margin: 26% 0 0 -23%;
	text-align: center;
	font-size: 0.9375vw;
	color: #4d4d4d;
}


/*----------------------------------------------------------------------*/
.listbox {
	position: relative;
	padding-bottom: 2vw;
	text-align: center;
}

.listbox a {
	width: 8.5vw;
	height: 7.8vw;
	display: inline-block;
	margin: 0 0.6vw;
	color: #fff2e2;
	vertical-align: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.listbox a:hover {color: #fff2e2; text-decoration: none}

.listtitle {
	font-family: GenJyuuBold;
	line-height: 1.7vw;
	font-size: 1.5vw;
	margin-top: 2.3vw;
}

.listinfo {
	letter-spacing: 0.08vw;
	margin-top: 0.2vw;
	font-size: 0.9375vw;
}

.list1{background:url("../images/icon_11a.png")}.list2{background:url("../images/icon_11b.png")}.list3{background:url("../images/icon_11c.png")}.list4{background:url("../images/icon_11d.png")}.list5{background:url("../images/icon_11e.png")}.list6{background:url("../images/icon_11f.png")}.list7{background:url("../images/icon_11g.png")}

.gr {color: #666666}



/*----form----*/
.formz {
	background: #dae266;
	position: relative;
}
.formtitle {
	font-size: 2.2vw;
	font-family: GenJyuuBold;
	color: #ffffff;
	padding-top: 0.8vw;
	letter-spacing: 0.4vw;
	text-align: center;
}

.gjl {font-family: GenJyuuLight;}






/*----------------------------------------------------------------------*/
.item {
	width: 8.5vw;
	height: 7.8vw;
	color: #fff2e2;	
	position: absolute;
	left: 50%;
	margin-left: -4.25vw;
	text-align: center;
}

.itema {background: url("../images/icon_a.png");}.itemb {background: url("../images/icon_b.png");}.itemc {background: url("../images/icon_c.png");}.itemd {background: url("../images/icon_d.png");}.iteme {background: url("../images/icon_e.png");}.itemf {background: url("../images/icon_f.png");}.itemg {background: url("../images/icon_g.png");}

.itema,.itemb,.itemc,.itemd,.iteme,.itemf,.itemg {background-size: contain;background-repeat: no-repeat;background-position: center top;z-index: 2}

.itemtitle {
	font-family: GenJyuuBold;
	line-height: 1.7vw;
	font-size: 1.5vw;
	margin-top: 2.3vw;
}

.iteminfo {
	letter-spacing: 0.08vw;
	margin-top: 0.2vw;
	font-size: 0.9375vw;
}




/*----------------------------------------------------------------------*/
.registering {
	position: relative;	
	background: #4d4d4d;
	padding-bottom: 2%;
	border: none;
}

.itema {margin-top: 1.7%;}

.cb1 {
	clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
	height: 8.8vw;
	background: #dae266;
	margin-top: -1px;
}
.aar {
	position: absolute;
	left: 50%;
	margin-left: -1vw;
	margin-top: 3.2vw;
	color: #ffffff;
	font-size: 3.4vw;
}
.cb2 {
	position: absolute;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	width: 100%;
	height: 8.8vw;
	background: url("../images/bg_dot.png")center bottom;
	bottom: 0;
	margin-bottom: -1px;
}

.ring1 {
	width: 15vw;
	height: 15vw;
	background: #e7b4b5;
	clip-path: circle(50% at 50% 50%);
	position: relative;
	left: 50%;
	margin: 8vw 0 0 -17vw;
}

.red {color: #c4301c}

.ring2 {
	width: 21.86vw;
	height: 21.86vw;
	background: #76cecc;
	clip-path: circle(50% at 50% 50%);
	position: relative;
	left: 50%;
	margin: -9vw 0 0 -5.5vw
}

.bgt1 {
	width: 60vw;
	height: 18.23vw;
	background: url("../images/bg_txt1.png") no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin: 3vw 0 0 -30vw;
	z-index: 1
}

.reg1 {
	font-size: 2.25vw;
	font-family: GenJyuuBold;
	color: #ffffff;
	padding-top: 2.2vw;
	letter-spacing: 0.2vw;
	line-height: 2.68vw;
	text-align: center;
}

.reg2 {
	text-align: center;
}

.vec1,.vec2 {
	width: 5.2vw;
}

.vec1 {padding-top: 1vw;}
.vec2 {padding-top: 0.2vw;}

.reg2 li {
	font-size: 1.66vw;
	font-family: GenJyuuBold;
	color: #ffffff;
}

.reg2 >t {
	font-size: 0.73vw;
	color: #4d4d4d;
	line-height: 1.2vw;
}

.fvw1 {font-size: 2vw}
.fvw2 {font-size: 0.95vw; color: #ffffff; font-weight: bold}




/*----------------------------------------------------------------------*/
.discount1111 {
	position: relative;
	background: url("../images/bg_dot.png")center top;
	padding: 2% 0;
}
.man2 {
	width: 6.9vw;
	height: 10.3vw;
	background: url("../images/man2.png") top center no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin-left: -11vw;
	z-index: 1
}

.discountbox {
	width: 58vw;
	position: relative;
	left: 50%;
	margin-left: -29vw;
	margin-top: 9.4vw;
	border-radius: 8px;
	padding-bottom: 2.6%;
	text-align: center;
	background: url("../images/bg_dot2.png");
}

.discountbox li {
	font-family: GenJyuuBold;
	font-size: 2.24vw;
	color: #ffffff;
	letter-spacing: 0.1vw;
	padding-top: 3%
}

.discountbox p {
	color: #ffffff;
	line-height: 2vw;
	letter-spacing: 0.1vw;
	margin-top: 0.8vw;
	padding-bottom: 1.1%;
	font-size: 0.9375vw;
}

.discountbox p > .fvw3 br {display: none}

.fvw3 {font-size: 1.5625vw;font-family: GenJyuuBold;}
.yel {color: #ffff00}
.fw4 {font-size: 1.3vw;font-weight: bold}

.moreto {margin: 0 auto;}

.moreto a {
	background: rgba(255,255,255,0.7);
	padding: 1% 5%;
	border-radius: 8px;
	color: #4d4d4d;
	font-size: 0.9375vw;
	line-height: 2.2vw;
	letter-spacing: 0.2vw;
}

.moreto a:hover {color: #4d4d4d;text-decoration: none}




/*----------------------------------------------------------------------*/
.newjoin {
	position: relative;
	background: url("../images/bg_txt2.png") no-repeat center bottom;
	background-color: #f0ece3;
	background-size: 57.5%;
	text-align: center;
}

.cb3 {
	clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
	background: url("../images/bg_dot.png")center bottom;
	height: 8.8vw;
	margin-top: -1px;
}

.aar2 {
	position: absolute;
	left: 50%;
	margin-left: -1vw;
	margin-top: 5.1vw;
	color: #cae5e5;
	font-size: 3.4vw;
}

.itemc {margin-top: 2%;}

.man3 {
	width: 11.4583vw;
	height: 6.77vw;
	background: url("../images/man3.png") top center no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin-left: -5.5vw;
	margin-top: 29%;
	z-index: 1
}

.new {
	border: solid 1.3vw #c4301c;
	border-top: hidden;
	display: inline-block;
	margin: 14% 7% 4% 7%;
	vertical-align: bottom;
	padding: 0.2vw 3%
}

.new li {
	font-size: 2.2396vw;
	font-family: GenJyuuBold;
	color: #c4301c;
	margin-top: -2vw
}

.new p {
	line-height: 1.5vw;
	margin-top: 4%;
	letter-spacing: 0.2vw;
	font-size: 0.9375vw;
	color: #4d4d4d;
}

.fvw5 {font-size: 0.625vw}


/*----------------------------------------------------------------------*/
.lottery {
	position: relative;
	background: url("../images/bg_line.png") center;
	padding-bottom: 15%;
	text-align: center;
}

.cb4 {
	clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
	height: 8.8vw;
	background: #f0ece3;
	margin-top: -1px;
}

.cb5 {
	width: 100%;
	height: 8.8vw;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background: #adced9;	
	position: absolute;
	bottom: -1px
}

.itemd {margin-top: 3%;}

.wrapper {
	width: 68%;
	margin: 0 auto;
	margin-top: 13%;
}

.tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.tabs > li {
	transition-duration: .25s;
	display: table-cell;
	text-align: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	padding: 1.3% 0;
	font-size: 2.2395vw;
	font-family: GenJyuuBold;
	color: #4d4d4d;
}
.tabs > li:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background-color: rgba(133,177,162,0.3);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition-duration: .25s;
  border-radius: 8px 8px 0 0;
}

.tabs > li:hover:before {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
	background-color: rgba(133,177,162,0.6);
}
.tabs > li.active {
  color: #50555a;
}
.tabs > li.active:before {
  transition-duration: .5s;
  background-color: #71b1a2;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.tab__content {
	background-color: #71b1a2;
	position: relative;
	width: 100%;
	border-radius: 0 0 8px 8px;
}
.tab__content > li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}
.tab__content > li .content__wrapper {
	border-radius: 0 0 8px 8px;
	background-color: #71b1a2;
}

.gift1 {
	display: inline-block;
	width: 10.42vw;
	height: 10.42vw;
	background: url("../images/vector3.svg");
	background-size: contain;
	margin: 5% 0.6%;
	vertical-align: bottom;
}

.gift2 {
	display: inline-block;
	width: 9.375vw;
	height: 9.375vw;
	clip-path: circle(50% at 50% 50%);
	background: url("../images/vector4.svg");
	background-size: contain;
	margin: 5% 0.6%;
	vertical-align: bottom;
}

.tab__content p {
	letter-spacing: 0.1vw;
	line-height: 1.6vw;
	margin-top: 25%;
	font-size: 0.9375vw;
	color: #4d4d4d;
}

.fvw4 {
	font-size: 1.3vw;
	font-weight: bold;
}

.zzt1 {
	font-size: 1.25vw;
	color: #fff2e2;
	font-weight: bold;
	letter-spacing: 0.15vw;
	margin-top: -2.5%
}

.zzt2 {
	font-size:  0.7291vw;
	color: #fff2e2;
	letter-spacing: 0.11vw;
	padding-bottom: 3%
}


/*----------------------------------------------------------------------*/
.reward {
	position: relative;
	padding-bottom: 5%;
	background: url("../images/bg_txt2.png") no-repeat center top;
	background-color: #adced9;
	background-size: 57.5%;
	text-align: center;
}

.iteme {margin-top: -3%;}


.reward img {
	width:  15.7291vw;
	height:  14.375vw;
}

.rewardbox {
	padding-top: 5%
}

.rewardbox li {
	display: inline-block;
	vertical-align: middle;
	margin: 2% 0.5% 0 2%
}

.rewardbox li > p {
	line-height: 2.3vw;
	text-align: left;
	color: #4d4d4d;
	letter-spacing: 0.1vw;
	font-size: 0.9375vw;
}
.rewardbox li > h {display: none}

/*----------------------------------------------------------------------*/
.recommend {
	background: url("../images/bg_tablet.png") center;
	background-color: #ea6a59;
	position: relative;
	text-align: center;
}

.itemf {margin-top: 5%;}

.ipadevent {padding-top: 12%}

.ipadevent li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 1vw
}

.ipadevent>.ipadinfo_m {display: none}

.ipadinfo {
	color: #ffffff;
	text-align: left;
	letter-spacing: 0.1vw;
	line-height: 2vw;
	font-size: 0.9375vw;
	padding-bottom: 4vw;
}

b {font-weight: bold}

.man4 {
	background: url("../images/man4.png") no-repeat center bottom;
	background-size: contain;
	width: 15.625vw;
	height: 17.552vw;
	bottom: 0;
}


/*----------------------------------------------------------------------*/
.event {
	position: relative;
	background-color: #e5e393;
	text-align: center;
}

.itemg {margin-top: 4%;}

.bgt2 {
	width: 57.5%;
	height: 18.23vw;
	background: url("../images/bg_txt2.png") no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin: 7% 0 0 -28.75%;
	z-index: 1
}

.event h {
	font-size: 1.9792vw;
	font-family: GenJyuuLight;
	color: #8a59aa;
	letter-spacing: 0.2vw;
	position: absolute;
	left: 50%;
	margin-left: -12%;
	margin-top: 13%
}

.gjb {font-family: GenJyuuBold;}

.msg {
	width: 25vw;
	background: rgba(255,255,255,0.7);
	border-radius: 8px;
	display: inline-block;
	margin: 19.5% 3.5% 7% 3.5%;
	vertical-align: bottom;
	padding: 3% 0
}

.msg h1 {
	font-family: GenJyuuBold;
	font-weight: normal;
	font-size: 1.3541vw;
	color: #4292a5;
	letter-spacing: 0.1vw;
}

.tpk {color: #dd6268}

.msg p {
	text-align: justify;
	margin-left: 28%;
	letter-spacing: 0.1vw;
	line-height: 1.5vw;
	font-size: 0.9375vw;
	color: #4d4d4d;
}

.msg li,.fblogo,.iglogo {display: inline-block; vertical-align: middle;margin: 0 1.5%}

.msg li {
	font-size: 1.09375vw;
	font-weight: bold;
	color: #4d4d4d;
}

.fblogo {
	width: 2.0833vw;
	height: 2.0833vw;
	background: url("../images/icon_fb.svg");
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.iglogo {
	width: 2.0833vw;
	height: 2.0833vw;
	background: url("../images/icon_ig.svg");
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.fblogo:hover,.iglogo:hover {transform:scale(1.5)}






/*----------------------------------------------------------------------*/
.zyss {
	background: rgba(100,200,195,0.3);
	padding: 0.6vw 0;
	text-align: center;
}

.zyss h {
	color: rgba(255,255,255,0.5);
	font-size: 1.3vw;
	letter-spacing: 0.3vw;
}

.zyss h:hover {
	color: rgba(255,255,255,0.9);
}



/*----------------------------------------------------------------------*/
.topbrandbox {
	position: relative;
	background: #575a5f;
	text-align: center;
	color: #efe8e5;
	padding-bottom: 7%
}
.tbtitle h {
	display: block;
	padding-top: 5.5vw;
	font-size: 2.34vw;
	letter-spacing: 0.3vw;
}

.lbr {color: #8cd6ea}
.lpk {color: #e7b4b5}

.hiservice p {
	font-size: 1.1vw;
	letter-spacing: 0.2vw;
	color: #ffffff;
	line-height: 1.5vw;
	margin-top: 0.5vw;
}
.hiservice li {
	width: 10.8vw;
	height: 10.8vw;
	clip-path: circle(50% at 50% 50%);
	display: inline-block;
	vertical-align: top;
	margin: 0 0.52vw;
	margin-top: 4%;
}
.hiservice img {
	margin-top: 1.5vw;
	width: 4.2vw;
}
.sv1 {background: #3393c3}
.sv2 {background: #5ca5a5}
.sv3 {background: #989898}
.sv4 {background: #e98d8b}
.sv5 {background: #d55c45}
.sv6 {background: #d3ae13}



/*footer*//*----------------------------------------------------------------------*/
.footerz {
	position: relative;
	color: #fff;
	background: #151617
}
.footerz>.edm_footer_001 .svg {
	color: #fff;
	fill: #fff
}
.footerz>.edm_footer_001 .icon_list > li > p {
	color: #fff;
	font-weight: bold;
    margin: .5em 0 .5em 40px;
    line-height: 1.5em;
	font-size: 21px;
}
.footerz>.edm_footer_001 .icon_list > li {
    position: relative;
    margin-bottom: 1em;
    border-bottom: 1px solid #fff;
}
.frp {
	background: #e4754a;
	margin-top: -20px
}
.frp a {
	color: #e68058; 
	font-size: 5px;
	pointer-events:none;
	margin-top: -22px
}

/*----------------------------------------------------------------------*/
.pages {
  position: fixed;
  z-index: 9;
  right: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.pages li {
  margin: 13px 0;
}
.pages li a {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  position: relative;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.pages li a.is-active {
  background-color: #897d7e;
	
}
.is-active {transform: scale(1.6);}

.pages li a:before {
  position: absolute;
  content: attr(data-page-title);
  display: none;
 	color: #fff;
	font-size: 0.7vw;
	letter-spacing: 0.07vw;
	background: rgba(110,115,128,0.8);
	width: 8.7vw;
  	right: 0;
  padding: 4px 5px;
  border-radius: 47%;
  text-align: center;
  bottom: -50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.pages li a:hover:before {
  display: block;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.header {background-color: #f9e4e4}.page-sect1 {background-color: #c4301c}.page-sect2 {background-color: #d88241}.page-sect3 {background-color: #efd53a}.page-sect4 {background-color: #71b1a2}.page-sect5 {background-color: #749ac1}.page-sect6 {background-color: #4848a8}.page-sect7 {background-color: #8a59aa}





/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/






@media screen and (max-width:780px) {
	.logo {
		width: 20%;
		left: 4%;
		top: 4vw;
	}
	.logo img {width: 100%}

	.song {
		width: 32%;
		right: 12%;
		top: 94vw;
	}
	.song img {
		width: 100%;
		height: auto;
	}
	.top {
		position: relative;
		width: 100%;
		height: 121vw;
		background: url("../images/bg_title_m.png") top center no-repeat;
		background-size: contain;	
	}
	
	.man1,.titletext {display: none;}
	
	.titletext_m {
		display: block;
		position: absolute;
		left: 50%;
		margin: 59% 0 0 -44%;
		background: rgba(255,255,255,0.7);
		clip-path: circle(46% at 50% 50%);
		padding: 10%
	}
	
	.titletext_m li {
		font-size: 2.45vw;
		line-height: 5.5vw;
		letter-spacing: 0.5vw;
		text-align: center;
		color: #4d4d4d;
	}
	
	/*----------------------------------------------------------------------*/
	.listbox {
		margin-top: -3%;
		padding-bottom: 6%;
	}

	.listbox a {
		width: 24%;
		height: 21vw;
		margin: 1% 0.1%;
		background-size: cover;
	}

	.listtitle {
		line-height: 4.6vw;
		font-size: 4.2vw;
		margin-top: 5.5vw;
	}

	.listinfo {
		font-size: 2.45vw;
		letter-spacing: 0.3vw;
		margin-top: 0.5vw;
	}
	
	/*----form----*/
	.formtitle {
		font-size: 5.8vw;
		letter-spacing: 0.7vw;
		padding-bottom: 3%
	}
	
	.formz section {
		padding: 5% 0
	}
	
	/*----------------------------------------------------------------------*/
	.item {
		width: 17%;
		height: 20vw;
		margin-left: -8.1vw;
	}

	.itema,.itemb,.itemc,.itemd,.iteme,.itemf,.itemg {background-size: cover;}
	
	.itemtitle {
		line-height: 4.6vw;
		font-size: 4.2vw;
		margin-top: 5.5vw;
	}

	.iteminfo {
		font-size: 2.45vw;
		letter-spacing: 0.3vw;
		margin-top: 0.5vw;
	}

	.itema {margin-top: 5%;}
	
	/*----------------------------------------------------------------------*/
	.aar {
		margin: 1.8vw 0 0 -2vw;
		color: #ffffff;
		font-size: 7vw;
	}
	.ring1 {
		width: 35vw;
		height: 35vw;
		margin: 25% 0 0 -40%;
	}

	.ring2 {
		width: 49vw;
		height: 49vw;
		margin: -25% 0 0 -10%;
	}

	.bgt1 {
		width: 95%;
		height: 30vw;
		margin: 15% 0 0 -48%
	}

	.reg1 {
		font-size: 5.5vw;
		padding-top: 11%;
		letter-spacing: 0.4vw;
		line-height: 6.5vw;
	}

	.vec1,.vec2 {
		width: 10vw;
	}

	.vec1 {padding-top: 2vw;}
	.vec2 {padding-top: 0.2vw;}

	.reg2 li {font-size: 3.8vw;}

	.reg2 >t {font-size: 2vw;}

	.fvw1 {font-size: 5.5vw}
	.fvw2 {font-size: 3vw;}
	
	
	/*----------------------------------------------------------------------*/
	.itemb {margin-top: 8%;}
	
	.man2 {
		width: 20%;
		height: 26vw;
		margin: 8% 0 0 -28%
	}

	.discountbox {
		width: 90%;
		left: 50%;
		margin: 33% 0 0 -45%;
		padding-bottom: 7%;
	}

	.discountbox li {
		font-size: 5vw;
		letter-spacing: 0.4vw;
		margin-top: 4%
	}

	.discountbox p {
		font-size: 2.2vw;
		line-height: 4.5vw;
		letter-spacing: 0.3vw;
		margin-top: 0.8vw;
		padding-bottom: 2.5%
	}
	
	.discountbox p > .fvw3 br {display: block}

	.fvw3 {font-size: 3.8vw;}
	.fw4 {font-size: 3.2vw;}

	.moreto a {
		font-size: 2vw;
		letter-spacing: 0.4vw;
		padding: 1.5% 6%;
	}

	/*----------------------------------------------------------------------*/
	.newjoin {
		background-size: 95%;
	}

	.aar2 {
		margin: 1.8vw 0 0 -2vw;
		font-size: 7vw;
	}

	.itemc {margin-top: 5%;}

	.man3 {
		width: 28%;
		height: 20vw;
		margin: 63% 0 0 -14%;
	}

	.new {
		border: solid 2.7vw #c4301c;
		border-top: hidden;
		margin: 33% 4% 15% 4%;

	}

	.new li {
		font-size: 4.8vw;
		margin-top: -12%
	}

	.new p {
		font-size: 2.2vw;
		line-height: 3.5vw;
		margin-top: 3%;
		letter-spacing: 0.4vw
	}

	.fvw5 {font-size: 1.7vw}
	
	/*----------------------------------------------------------------------*/
	.itemd {margin-top: 5%;}

	.wrapper {
		width: 90%;
		margin-top: 30%;
	}

	.tabs > li {
		padding: 2.6% 0;
		font-size: 4.5vw;
	}
	
	.gift1 {
		width: 19vw;
		height: 19vw;
		margin: 5% 0.5%;
	}

	.gift2 {
		width: 18vw;
		height: 18vw;
		margin: 2% 1% 1% 1%;
	}

	.tab__content p {
		font-size: 2.2vw;
		letter-spacing: 0.1vw;
		line-height:3vw;
		margin-top: 25%;
	}
	
	.fvw4 {font-size: 2.8vw;}

	.zzt1 {
		font-size: 2.9vw;
		letter-spacing: 0.3vw;
		margin-top: 2.5%
	}

	.zzt2 {
		font-size:  1.7vw;
		letter-spacing: 0.22vw;
		padding-bottom: 3%;
	}
	
	/*----------------------------------------------------------------------*/
	.reward {
		background-size: 90%;
		background-position: center
	}

	.iteme {margin-top: 0;}
	
	.rewardbox img {
		margin: 3% 0 0 0
	}
	
	.rewardbox {padding-top: 20%}

	.rewardbox li {
		display: block;
		vertical-align: middle;
		margin: 0 auto;
	}

	.rewardbox li > p {
		line-height: 4.8vw;
		letter-spacing: 0.2vw;
		font-size: 2.2vw;
		margin: 0 auto;
		padding-bottom: 7%;
		width: 90%;
	}
	
	/*----------------------------------------------------------------------*/
	.itemf {margin-top: 5%;}

	.ipadevent {padding-top: 30vw}
		
	.ipadinfo {
		font-size: 2.1vw;
		line-height: 4.9vw;
		letter-spacing: 0.2vw;
	}

	.man4 {
		width: 25%;
		height: 25vw;}
	
	/*----------------------------------------------------------------------*/
	.event {height: auto;}

	.itemg {margin-top: 5%;}

	.bgt2 {
		width: 90%;
		height: 28vw;
		margin: 63% 0 0 -45%;
	}

	.event h {
		font-size: 5vw;
		letter-spacing: 0.5vw;
		margin: 28% 0 0 -31%;
	}

	.msgbox {padding: 40% 0 8% 0;}
	
	.msg {
		width: 66vw;
		margin: 2% 0;
	}

	.msg h1 {
		font-size: 3.6vw;
		letter-spacing: 0.3vw;
	}

	.msg p {
		text-align: justify;
		margin-left: 33%;
		letter-spacing: 0.2vw;
		line-height: 3vw;
		font-size: 2.2vw;
	}

	.msg li {font-size: 2.8vw;}

	.fblogo {
		width: 4.5vw;
		height: 4.5vw;
	}

	.iglogo {
		width: 4.5vw;
		height: 4.5vw;
	}
	
	
	/*----------------------------------------------------------------------*/
	.zyss {padding: 1.6vw 0}
	.zyss h {font-size: 3vw}
	
	
	
	
	/*----------------------------------------------------------------------*/
	.topbrandbox {
		height: auto;
		padding-bottom: 6%
	}
	
	.tbtitle h {
		font-size: 4.8vw;
		letter-spacing: 0.6vw;
		padding-bottom: 5%
	}

	.hiservice p {
		font-size: 2.5vw;
		letter-spacing: 0.4vw;
		line-height: 3vw;
		padding-top: 1vw
	}
	.hiservice li {
		width: 22vw;
		height: 22vw;
		margin: 2%;
	}
	.hiservice img {
		margin-top: 13%;
		width: 40%;
	}
	
	/*----------------------------------------------------------------------*/
	.pages li a:before {
  		font-size: 1.2vw;
		letter-spacing: 0.14vw;
		width: 20vw;
	}
}

@media screen and (max-width:480px) {
	.song {
		width: 34%;
		right: 2%;
		top: 99vw;
	}
	
	.titletext_m {
		margin: 65% 0 0 -47%;
		clip-path: circle(47% at 50% 50%);
	}
	
	.titletext_m li {
		font-size: 3.5vw;
		line-height: 6vw;
	}
	
	/*----------------------------------------------------------------------*/
	.listbox {margin-top: 5%}
	
	.listbox a {
		width: 29%;
		height: 25vw;
		margin: 1% 0;
	}

	.listtitle {
		line-height: 5.8vw;
		font-size: 5.5vw;
		margin-top: 6.8vw;
	}

	.listinfo {
		font-size: 3vw;
		letter-spacing: 0.3vw;
		margin-top: 0.8vw;
	}
	
	/*----form----*/
	
	.formtitle {
		font-size: 6.3vw;
		padding-top: 3%
	}
	
	
	
	/*----------------------------------------------------------------------*/
	.item {
		width: 28%;
		height: 32vw;
		margin-left: -14%;
	}

	.itema,.itemb,.itemc,.itemd,.iteme,.itemf,.itemg {background-size: cover;}
	
	.itemtitle {
		line-height: 7vw;
		font-size: 6.8vw;
		margin-top: 9vw;
	}

	.iteminfo {
		font-size: 3.8vw;
		letter-spacing: 0.4vw;
		margin-top: 0.8vw;
	}

	.itema {margin-top: 5%;}
	
	/*----------------------------------------------------------------------*/
	
	.aar {
		margin: 0 0 0 -2.5vw;
		color: #ffffff;
		font-size: 9vw;
	}
	.ring1 {
		width: 50vw;
		height: 50vw;
		margin: 40vw 0 0 -45%;
	}

	.ring2 {
		width: 68vw;
		height: 68vw;
		margin: -10% 0 0 -29%;
	}

	.bgt1 {
		width: 95%;
		height: 30vw;
		margin: 15% 0 0 -48%
	}

	.reg1 {
		font-size: 8vw;
		padding-top: 10%;
		letter-spacing: 0.4vw;
		line-height: 9.8vw;
	}

	.vec1,.vec2 {
		width: 10vw;
	}

	.vec1 {padding-top: 2.8vw;}
	.vec2 {padding-top: 0.2vw;}

	.reg2 li {font-size: 6vw;}

	.reg2 >t {font-size: 3.3vw;}

	.fvw1 {font-size: 9vw}
	.fvw2 {font-size: 5vw;}
	
	
	/*----------------------------------------------------------------------*/
	.discount1111 {padding-bottom: 9%}
	
	.itemb {margin-top: 8%;}
	
	.man2 {
		width: 30%;
		height: 34vw;
		margin: 14% 0 0 -42%
	}

	.discountbox {
		width: 90%;
		margin: 45vw 0 0 -45%;
	}

	.discountbox li {
		font-size: 8vw;
		letter-spacing: 0.4vw;
	}

	.discountbox p {
		font-size: 3.2vw;
		line-height: 7vw;
	}

	.fvw3 {font-size: 5.3vw;}
	.fw4 {font-size: 5vw;}
	
	.moreto a {
		font-size: 3vw;
		padding: 2% 8%
	}

	
	/*----------------------------------------------------------------------*/
	.aar2 {
		margin: 0 0 0 -2.5vw;
		font-size: 9vw;
	}

	.itemc {margin-top: 7%;}
	
	.newbox {
		margin-top: 46vw;
		padding-bottom: 42vw
	}

	.man3 {
		width: 55%;
		height: 40vw;
		margin: 0 0 0 -24%;
		bottom: 0;
	}

	.new {
		margin: 7% 0;
		border: solid 5vw #c4301c;
		border-top: hidden;
		padding: 0 10%
	}

	.new li {font-size: 9vw;}

	.new p {
		font-size: 3.8vw;
		line-height: 6.2vw;
		margin-top: 3%;
		letter-spacing: 0.4vw
	}

	.fvw5 {font-size: 3vw}
	
	/*----------------------------------------------------------------------*/
	.lottery {padding-bottom: 18%}
	
	.itemd {margin-top: 7%;}

	.wrapper {
		width: 90%;
		margin-top: 45%;
	}

	.tabs > li {
		padding: 2.6% 0;
		font-size: 7vw;
	}
	
	.tab__content li {padding: 5% 0}
	
	.gift1 {
		width: 36vw;
		height: 36vw;
		margin: 2%;
	}

	.fvw4 {font-size: 4.8vw;}

	.tab__content p {
		font-size: 3.8vw;
		letter-spacing: 0.4vw;
		line-height: 6vw;
		margin-top: 25%;
	}

	.gift2 {
		width: 32vw;
		height: 32vw;
		margin: 2%;
	}

	.zzt1 {font-size: 3.8vw;}

	.zzt2 {font-size:  2.3vw;}
	
	/*----------------------------------------------------------------------*/
	
	.rewardbox {padding-top: 35%}
	.rewardbox img {
		width: 40vw;
		height: auto;
		margin: 4% 0
	}
	
	.rewardbox li > p {display: none}

	.rewardbox li > h {
		display: block;
		line-height: 6vw;
		letter-spacing: 0.8vw;
		font-size: 3.8vw;
		margin: 0 auto;
		padding-bottom: 7%;
		color: #4d4d4d;
	}
	
	/*----------------------------------------------------------------------*/
	.itemf {margin-top: 7%;}

	.ipadevent {padding-top: 45vw}
	
	.ipadevent li {margin: 0 auto}
	
	.ipadevent>.ipadinfo {display: none}
	.ipadevent>.ipadinfo_m {display: block}

	.ipadinfo_m {
		color: #ffffff;
		letter-spacing: 0.5vw;
		line-height: 6.6vw;
		font-size: 3.8vw;
		padding-bottom: 4vw;
	}

	.man4 {
		width: 45%;
		height: 45vw;
	}
	
	/*----------------------------------------------------------------------*/
	.itemg {margin-top: 9%;}

	.bgt2 {
		width: 90%;
		height: 28vw;
		margin: 63% 0 0 -45%;
	}

	.event h {
		font-size: 7vw;
		letter-spacing: 0.4vw;
		margin: 45vw 0 0 -42%;
	}

	.msgbox {padding: 58vw 0 8vw 0;}
	
	.msg {
		width: 80%;
		margin: 3% 0;
		padding: 6% 0;
	}

	.msg h1 {font-size: 4.5vw;}

	.msg p {
		text-align: justify;
		margin-left: 24%;
		line-height: 6vw;
		font-size: 3.8vw;
	}

	.msg li {font-size: 5vw;}

	.fblogo {
		width: 7vw;
		height: 7vw;
	}

	.iglogo {
		width: 7vw;
		height: 7vw;
	}
	
	
	
	/*----------------------------------------------------------------------*/
	.zyss {padding: 2.5vw 0}
	.zyss h {font-size: 4.8vw}
	
	
	
	
	/*----------------------------------------------------------------------*/
	
	.tbtitle h {font-size: 7vw;}
	
	.hiservice li {
		width: 33vw;
		height: 33vw;
	}
	
	.hiservice p {
		font-size: 3.8vw;
		letter-spacing: 0.4vw;
		line-height: 5vw;
		
	}
	
	.pages {display: none}
}