@charset "utf-8";
/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,footer,img { 
	margin:0;
	padding:0;
	border:0;
}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
q:before,q:after {content:'';}
abbr,acronym,img { border:0;}
/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */
.clearfix:after { content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0 }
.clearfix { display:inline-block }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1% }
/*---------用map要加 --------------*/
:focus{ outline:none; border:none;}
/*---------responsive--------------*/
img { border:0px; max-width:100%; height:auto;}
/*---------link --------------*/
a { text-decoration:none; }
a:hover { text-decoration:none; }
a { -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
/*---------物件的border跟padding會被算入寬度內--------------*/
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* common */
html, body { height: 100%;}
body{
	background-color: #000000;
}

.footer {
	height: 80px;
	width: 1000px;
	margin: auto;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.header{
	min-width:1000px;
	width: 100%;
	height: 95px;
	position: absolute;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 2;
	top: 0px;
}
.nav{
	width: 1000px;
	height: 60px;
	margin: auto;
	padding-top: 30px;
}
.nav ul li{float:left;}
.logo {
	width: 210px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}
.logo:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/logo.png);
}
.nav1{
	width: 123px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_01.png);
	background-repeat: no-repeat;
}

.nav1:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_01.png);
}

.nav2{
	width: 172px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_02.png);
	background-repeat: no-repeat;
}
.nav2:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_02.png);
}
.nav3{
	width: 156px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_03.png);
	background-repeat: no-repeat;
}
.nav3:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_03.png);
}
.nav4{
	width: 124px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_04.png);
}
.nav4:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_04.png);
}
.nav5{
	width: 92px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_05.png);
	background-repeat: no-repeat;
}
.nav5:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_05.png);
}
.nav6{
	width: 82px;
	height: 25px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_06.png);
	background-repeat: no-repeat;
}
.nav6:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_06.png);
}
.wrap_index{
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 800px;
	background-image: url(../images/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #0a0702;
}

.index_content {
	margin: auto;
	height: 700px;
	width: 1000px;
	position: relative;
}

.index_tvc {
	height: 120px;
	width: 120px;
	position: absolute;
	left: 734px;
	top: 230px;
	z-index: 2;
	/*background-image: url(../images/index_tvc.png);*/
	opacity:0;
}
.index_pro {
	height: 560px;
	width: 400px;
	position: absolute;
	left: -35px;
	top: 126px;
	opacity: 0;
	display: block;
	display: none \9;
}
.index_pro2 {
	height: 560px;
	width: 400px;
	position: absolute;
	left: -35px;
	top: 126px;
	opacity: 0;
	display: none;
	display: block \9;
}
.index_txt1 {
	/*background-image: url(../images/index_txt1.png);*/
	height: 100px;
	width: 420px;
	position: absolute;
	left: 380px;
	top: 133px;
	opacity:0;
}
.index_txt2 {
	/*background-image: url(../images/index_txt2.png);*/
	height: 120px;
	width: 400px;
	position: absolute;
	left: 380px;
	top: 241px;
	opacity:0;
}
.index_doll {
	/*background-image: url(../images/index_doll.png);*/
	height: 205px;
	width: 150px;
	position: absolute;
	left: 395px;
	top: 363px;
	opacity: 0;
}
.index_model {
	/*background-image: url(../images/index_model.png);*/
	height: 278px;
	width: 200px;
	position: absolute;
	left: 796px;
	top: 280px;
	opacity: 0;
}
.index_btn {
	/*background-image: url(../images/index_btn.png);*/
	height: 160px;
	width: 160px;
	position: absolute;
	left: 558px;
	top: 377px;
	opacity:0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.index_btn:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mv_wrap {
	height: 488px;
	width: 810px;
	background-color: #000;
}
.wrap_rule {
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 800px;
	background-image: url(../images/rule_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #2c1e03;
}
.rule_content {
	margin: auto;
	height: 700px;
	width: 1000px;
	position: relative;
}

.wrap_game {
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 800px;
	background-image: url(../images/game_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #2c1e03;
}





.game_content {
	margin: auto;
	height: 700px;
	width: 1000px;
	position: relative;
}





.wrap_form {
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 800px;
	background-image: url(../images/form_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #2c1e03;
}

.form_content {
	margin: auto;
	height: 700px;
	width: 1000px;
	position: relative;
}
.form_name {
	height: 30px;
	width: 200px;
	position: absolute;
	left: 316px;
	top: 349px;
}
.form_phone {
	height: 30px;
	width: 200px;
	position: absolute;
	left: 660px;
	top: 349px;
}
.form_mail {
	height: 30px;
	width: 200px;
	position: absolute;
	left: 316px;
	top: 392px;
}
.form_gift {
	height: 30px;
	width: 250px;
	position: absolute;
	left: 660px;
	top: 392px;
}
.form_check {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 254px;
	top: 446px;
}
.form_checkbtn {
	position: absolute;
	height: 25px;
	width: 80px;
	left: 346px;
	top: 444px;
}
.form_send {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 663px;
	top: 454px;
	cursor: pointer;
}


.wrap_school {
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 800px;
	background-image: url(../images/school_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #b39235;
}

.school_content {
	margin: auto;
	height: 700px;
	width: 1000px;
	position: relative;
}
.school_send {
	background-image: url(../images/school_send.png);
	height: 40px;
	width: 120px;
	position: absolute;
	cursor: pointer;
	left: 409px;
	top: 516px;
}

.school_check1 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 258px;
	top: 304px;
}

.school_check2 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 258px;
	top: 340px;
}

.school_check3 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 258px;
	top: 376px;
}

.school_check4 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 258px;
	top: 412px;
}

.school_check5 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 258px;
	top: 448px;
}

.school_check6 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 258px;
	top: 484px;
}

.school_check7 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 480px;
	top: 304px;
}
.school_check8 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 480px;
	top: 340px;
}
.school_check9 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 480px;
	top: 376px;
}
.school_check10 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 480px;
	top: 412px;
}
.school_check11 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 480px;
	top: 448px;
}
.school_check12 {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 480px;
	top: 484px;
}





/*checkbox*/
fieldset.radios , fieldset.checkboxes  { border: 0; margin:0px; display: inline-block; border:none;}
.has-js .form-check,
.has-js .form-radio    {
	padding-left: 30px;
	height: 20px;
	line-height: 0px;
	display: inline-block;
}
.has-js .form-radio    { background: url(../images/radio-off.png) no-repeat left center; cursor:pointer; }
.has-js .form-check    { background: url(../images/check-off.png) no-repeat left center; cursor:pointer;}
.has-js label.check-on      { background: url(../images/check-on.png) no-repeat left center; }
.has-js label.radio-on      { background: url(../images/radio-on.png) no-repeat left center; }
.has-js .form-check input,
.has-js .form-radio input  { position: absolute; left: -9999px; }

.wrap_about {
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 880px;
	background-image: url(../images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.about_content {
	margin: auto;
	height: 880px;
	width: 1000px;
	position: relative;
}

.about_mv {
	height: 223px;
	width: 383px;
	position: absolute;
	left: 27px;
	top: 215px;
}
.about_box1 {
	background-image: url(../images/about1_03.jpg);
	height: 300px;
	width: 958px;
	position: absolute;
	left: 21px;
	top: 487px;
	z-index: 1;
	display: block;
}

.about_box2 {
	background-image: url(../images/about2_03.jpg);
	height: 300px;
	width: 958px;
	position: absolute;
	left: 21px;
	top: 487px;
	z-index: 1;
	display: none;
}

.about_box3 {
	background-image: url(../images/about3_03.jpg);
	height: 300px;
	width: 958px;
	position: absolute;
	left: 21px;
	top: 487px;
	z-index: 1;
	display: none;
}
.about_nav1 {
	background-image: url(../images/about_nav1.png);
	height: 33px;
	width: 151px;
	position: absolute;
	left: 18px;
	top: 456px;
	cursor: pointer;
	z-index: 2;
	display: none;
}
.about_nav1:hover {
	background-image: url(../images/about_nav1_on.png);
}
.about_nav1_on {
	background-image: url(../images/about_nav1_on.png);
	height: 33px;
	width: 151px;
	position: absolute;
	left: 18px;
	top: 456px;
	z-index: 2;
	display: block;
}
.about_nav2 {
	background-image: url(../images/about_nav2.png);
	height: 33px;
	width: 201px;
	position: absolute;
	left: 169px;
	top: 456px;
	cursor: pointer;
	z-index: 2;
	display: block;
}
.about_nav2:hover {
	background-image: url(../images/about_nav2_on.png);
}
.about_nav2_on {
	background-image: url(../images/about_nav2_on.png);
	height: 33px;
	width: 201px;
	position: absolute;
	left: 169px;
	top: 456px;
	z-index: 2;
	display: none;
}
.about_nav3 {
	background-image: url(../images/about_nav3.png);
	height: 33px;
	width: 162px;
	position: absolute;
	left: 369px;
	top: 456px;
	cursor: pointer;
	z-index: 2;
	display: block;
}
.about_nav3:hover {
	background-image: url(../images/about_nav3_on.png);
}
.about_nav3_on {
	background-image: url(../images/about_nav3_on.png);
	height: 33px;
	width: 162px;
	position: absolute;
	left: 369px;
	top: 456px;
	z-index: 2;
	display: none;
}

.wrap_product {
	min-width: 1000px;
	width: 100%;
	margin: auto;
	height: 900px;
	background-image: url(../images/product_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.product_content {
	margin: auto;
	height: 900px;
	width: 1000px;
	position: relative;
}


.pro1 {
	/*background-image: url(../images/product1_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: block;
	z-index:1;
}
.pro2 {
	/*background-image: url(../images/product2_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro3 {
	/*background-image: url(../images/product3_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro4 {
	/*background-image: url(../images/product4_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro5 {
	/*background-image: url(../images/product5_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro6 {
	/*background-image: url(../images/product6_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro7 {
	/*background-image: url(../images/product7_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro8 {
	/*background-image: url(../images/product8_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}
.pro9 {
	/*background-image: url(../images/product9_03.png);*/
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 96px;
	display: none;
	z-index:1;
}







.l_btn2, .l_btn3, .l_btn4, .l_btn5, .l_btn6, .l_btn7, .l_btn8, .l_btn9 {
	height: 110px;
	width: 45px;
	position: absolute;
	cursor: pointer;
	top: 200px;
	z-index:10;
}
.r_btn2, .r_btn3, .r_btn4, .r_btn5, .r_btn6, .r_btn7, .r_btn8, .r_btn9 {
	height: 110px;
	width: 45px;
	position: absolute;
	cursor: pointer;
	top: 200px;
	right: 0px;
	z-index:10;
}

.p_btn1, .p_btn1_on {
	/* [disabled]background-image: url(../images/p_btn1.png); */
	height: 170px;
	width: 120px;
	position: absolute;
	left: 23px;
	top: 602px;
	cursor: pointer;
	display: none;
}
.p_btn1:hover {
	/* [disabled]background-image: url(../images/p_btn1_on.png); */
}
.p_btn1_on {
	/* [disabled]background-image: url(../images/p_btn1_on.png); */
	display: block;
}

.p_btn2, .p_btn2_on  {
	/* [disabled]background-image: url(../images/p_btn2.png); */
	height: 170px;
	width: 80px;
	position: absolute;
	left: 147px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn2:hover {
	/* [disabled]background-image: url(../images/p_btn2_on.png); */
}
.p_btn2_on {
	/* [disabled]background-image: url(../images/p_btn2_on.png); */
	display: none;
}

.p_btn3, .p_btn3_on {
	/* [disabled]background-image: url(../images/p_btn3.png); */
	height: 170px;
	width: 80px;
	position: absolute;
	left: 252px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn3:hover {
	/* [disabled]background-image: url(../images/p_btn3_on.png); */
}
.p_btn3_on {
	/* [disabled]background-image: url(../images/p_btn3_on.png); */
	display: none;
}

.p_btn4, .p_btn4_on {
	/* [disabled]background-image: url(../images/p_btn4.png); */
	height: 170px;
	width: 100px;
	position: absolute;
	left: 351px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn4:hover {
	/* [disabled]background-image: url(../images/p_btn4_on.png); */
}
.p_btn4_on {
	/* [disabled]background-image: url(../images/p_btn4_on.png); */
	display: none;
}

.p_btn5, .p_btn5_on {
	/* [disabled]background-image: url(../images/p_btn5.png); */
	height: 170px;
	width: 80px;
	position: absolute;
	left: 453px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn5:hover {
	/* [disabled]background-image: url(../images/p_btn5_on.png); */
}
.p_btn5_on {
	/* [disabled]background-image: url(../images/p_btn5_on.png); */
	display: none;
}

.p_btn6, .p_btn6_on {
	/* [disabled]background-image: url(../images/p_btn6.png); */
	height: 170px;
	width: 100px;
	position: absolute;
	left: 538px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn6:hover {
	/* [disabled]background-image: url(../images/p_btn6_on.png); */
}
.p_btn6_on {
	/* [disabled]background-image: url(../images/p_btn6_on.png); */
	display: none;
}

.p_btn7, .p_btn7_on {
	/* [disabled]background-image: url(../images/p_btn7.png); */
	height: 170px;
	width: 100px;
	position: absolute;
	left: 654px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn7:hover {
	/* [disabled]background-image: url(../images/p_btn7_on.png); */
}
.p_btn7_on {
	/* [disabled]background-image: url(../images/p_btn7_on.png); */
	display: none;
}

.p_btn8, .p_btn8_on {
	/* [disabled]background-image: url(../images/p_btn8.png); */
	height: 170px;
	width: 100px;
	position: absolute;
	left: 769px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn8:hover {
	/* [disabled]background-image: url(../images/p_btn8_on.png); */
}
.p_btn8_on {
	/* [disabled]background-image: url(../images/p_btn8_on.png); */
	display: none;
}

.p_btn9, .p_btn9_on {
	/* [disabled]background-image: url(../images/p_btn9.png); */
	height: 170px;
	width: 80px;
	position: absolute;
	left: 882px;
	top: 602px;
	cursor: pointer;
	display: block;
}
.p_btn9:hover {
	/* [disabled]background-image: url(../images/p_btn9_on.png); */
}
.p_btn9_on {
	/* [disabled]background-image: url(../images/p_btn9_on.png); */
	display: none;
}