@charset "utf-8";

@import "ie8.css";

html{ -webkit-text-size-adjust:none; }

body {
	width:100%;
	height:100%;min-height:880px;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial !important;
	font-size:15px;
	color:#000;
	/*font-weight:bold;*/
	background:#000;
	}
img, a img{ border:0;}

p {
	line-height:22px;
	}


#out_wrapper {
	width:100%;
	height:100%;
	min-height:700px;
	}
/*-------footer-------*/

#footer_wrapper {
	width:100%;
	height:74px;
	border-top:1px solid #fff;
	padding-bottom:1px;
	background:#000;
	position: fixed;
	bottom: 35px;
}

.footer_wrapper {
	position:relative;
	width:100%;
	height:74px;
	margin:0 auto;
	background:url(../images/img-footer.jpg) center top no-repeat;
	background-size: auto;
}	


.block0 , .block01 , .block02 , .block03 {
	display:block;
	width:100%;
	height:100%;
	}

.block01 {
	text-indent:-9999px;
	}

.block02 {
	text-indent:0px;
	/*border:2px solid #F00;*/
	}






/*-------18Y-------*/	


.Y18_wrapper {
	/*position:relative;*/
	width:100%;
	margin:0 auto;
	height:855px;
	padding-bottom: 0;
	background:url(../images/TMP_18Y.jpg) center no-repeat;
	
	}	
	
.indexWrap{ width:1000px; margin:0 auto; position:relative;}
.Y18_wrapper h2 { margin:0;}


.Y18_wrapper .yes {
	position:absolute;
	top:485px;
	left:80px;
	width:158px;
	height:54px;
	background:url(../images/bgtn_yes-no.png) no-repeat left top;
	display: block;
	}	
.Y18_wrapper .yes:hover{ background-position:left bottom;}
.Y18_wrapper .yes_phone{ display: none; }	
	

.Y18_wrapper .no {
	position:absolute;
	top:485px;
	left:283px;
	width:158px;
	height:54px;
	background:url(../images/bgtn_yes-no.png) no-repeat right top;
	display: block;
	}
.Y18_wrapper .no:hover{background-position:right bottom;}	
.Y18_wrapper .no_phone{ display: none; }
	

.wrap-1000{ width:1000px; margin:0 auto; position:relative;}
.dream-top, .dream-middle, .dream-down, .from-top, .from-middle{ width:100%; margin:0 auto; padding:0;}
.dream-top{ height:665px; background:url(../images/bg-dream_01.jpg) no-repeat top center; }
.dream-middle{ height:780px; background:url(../images/bg-dream_02.jpg) no-repeat top center; }
.dream-middle2{display: none;}
.dream-down{ height:716px; background:url(../images/bg-dream_03.jpg) no-repeat top center; margin-bottom: 100px; }



.form-top{ height:480px; background:url(../images/bg-form01.jpg) no-repeat top center;}
.form-middle{ height:770px; background:url(../images/bg-form02.jpg) no-repeat top center; }

.btn-dream1{ width:234px; height:49px; position:absolute; top:510px; left:143px; z-index:2; font-size:0; display: block;}
.btn-dream1_phone{ display: none;}


.btn-dream2{ width:450px; height:45px; position:absolute; top:680px; left:6px; display: block;}
.btn-dream2_phone{ display: none;}
.btn-dream1 a, .btn-form1 a, .btn-form2 a{ display:block;  }
.btn-dream2 a{ display:inline-block;   }

.btn-form1{ width:215px; height:45px; position:absolute; top:410px; left:145px; z-index:2; font-size:0; display: block;}
.btn-form2{ position:absolute; top:470px; right:115px; z-index:2; color:#fff; display: block;}
.btn-form1_phone{ display: none;}
.btn-form2_phone{ display: none;}

.btn2{width:215px; height:45px; background:url(../images/btn2.png) no-repeat; font-size:0; }
.x1{ background-position:left top; margin-right:10px; }
.x2{ background-position:-235px top ; }
.x3{ background-position:-470px top ; }
a:hover.x1{ background-position:left bottom ; }
a:hover.x2{ background-position:-235px bottom; }
a:hover.x3{ background-position:-470px bottom; }


.wrap-1000 table{ width:570px; padding:50px 0 0 17px; margin: 0; }
.formtitle{ width:130px; height: 38px; color:#fef0ac; font-size:17px; font-family:"文鼎中明" ; text-align:center; background:#611405; border:1px solid #ac9223;}
.formInfor ,.formInfor2{ background:#472311; border:1px solid #ac9223; font-family:"微軟正黑體", Arial, sans-serif; font-size:17px; color:#fef0ac; }

.txtOrange{ color:#bf4a21; font-size:15px; font-family:"微軟正黑體", Arial, sans-serif; line-height:18px;}
.width120{width:120px;}
#addr_1 select{ width:85px; margin-right:10px; padding:0 5px;   background:#472311; border:1px solid #ac9223; font-family:"微軟正黑體", Arial, sans-serif; font-size:17px; color:#fef0ac; height:38px; line-height:38px;}
.formInfor input{ width:100%;  border:0; background:none; padding:0 5px;  font-family:"微軟正黑體", Arial, sans-serif; font-size:15px; color:#fef0ac; height:38px; line-height:38px;} 
.formInfor2 input{ width:auto;  border:0; background:none; padding:0 5px;  font-family:"微軟正黑體", Arial, sans-serif; font-size:15px; color:#fef0ac; height:38px; line-height:38px; display: inline-block; vertical-align:middle;} 
.formInfor2 span{ display: inline-block; vertical-align:middle; margin-right: 20px; }


.button{ padding: 0 0 0 10px; }
#num_alcohol select{width: 100%; height: 40px; border: 1px solid #ac9223; background: #472311;  color: #fef0ac; }
/*---------pop視窗--------*/
#dis-re{ width:100%; height:100%; position:relative;}
#pop{ width:100%; height:1500px; background:url(../images/bg-pop.jpg) repeat; position:absolute; z-index:10; overflow-x:hidden;}
.popHidden{ display:none;}
.popShow{ display:block;}
.popInfor{ width:820px; height:650px; background:url(../images/bg-popinfor.jpg) no-repeat; margin:144px auto 0;}
.popInforBox{width: 100%;}
.popTXT{ width:665px; margin:0 auto 15px;  color:#bf4a21; font-size:18px;}
.popTXT p{ color:#bf4a21; font-size:16px; line-height: 20px; padding:0; margin:0 0 5px; text-align:center;}
.popColse{ width:215px; height:45px; background:url(../images/btn2.png) no-repeat right top; text-indent:99999px; font-size:0; margin:0 auto;}
.popColse a{ width:215px; height:45px; display:block; }
.popColse a:hover{  background:url(../images/btn2.png) no-repeat right bottom;}
.text_px{ width: 100%; padding: 10px; margin: 0 auto 10px; text-align: center; border: 1px solid #89641a; color: #bf1e01; font-size: 15px; }
.number{ width:90px; font-size:36px;  font-family:Arial, Helvetica, sans-serif; color:#fff1ae; margin:0 0 215px 645px; padding-top:90px; border: none; text-align:center;}
.number>span{ display: none; }

.popTitle_phone{display:none;}



@media screen and (max-width:1024px){
/*-------18Y-------*/	


.Y18_wrapper {
	/*position:relative;*/
	width:100%;
	margin:0 auto;
	height:0;
	padding-bottom: 123.9%;
	background:url(../images/TMP_18Y_phone.jpg) center no-repeat;
	background-size: 100%;
	
	}	
	
.indexWrap{ width:100%; margin:0 auto; position:relative;}
.Y18_wrapper h2 { margin:0;}


.Y18_wrapper .yes {
	display: none;
	}	
.Y18_wrapper .yes_phone{ display: block; width: 33.67%; margin-top: 80%; margin-left: 12.083% }
.Y18_wrapper .yes_phone img{ width: 100%; height: auto; ma }

	
	

.Y18_wrapper .no {
	display: none;
	}
	
.Y18_wrapper .no_phone{ display: block; width: 33.67%; margin-top:5.18%; margin-left: 12.083%  }
.Y18_wrapper .no_phone img{ width: 100%; height: auto; }

#footer_wrapper {
	width:100%;
	height:auto;
	border-top:1px solid #fff;
	padding-bottom:1px;
	background:#000;
	position: fixed;
	bottom: 35px;
}

.footer_wrapper {
	position:relative;
	width:100%;
	height:0;
	padding-bottom: 5.52%;
	margin:0 auto;
	background:url(../images/img-footer.jpg) center top no-repeat;
	background-size: 100%;
}	

.wrap-1000{ width:100%; margin:0 auto; position:relative;}
.dream-top, .dream-middle, .dream-down, .from-top, .from-middle{ width:100%; margin:0 auto; padding:0;}
.dream-top{ height: 0; padding-bottom:123.33%;  background:url(../images/bg-dream_phone_01.jpg) no-repeat top center; background-size: 100%; }
.dream-middle{ height: 0; padding-bottom:145%; background:url(../images/bg-dream_phone_02.jpg) no-repeat top center; background-size: 100%;}
.dream-middle2{ display: block; height: 0; padding-bottom:100%; background:url(../images/bg-dream_phone_03.jpg) no-repeat top center; background-size: 100%; }
.dream-down{ height: 0; padding-bottom:135.58%; background:url(../images/bg-dream_phone_04.jpg) no-repeat top center; background-size: 100%; margin-bottom: 90px; }

.btn-dream1_phone{ width:40.67%; display: block; margin-left: 7.25%; padding-top: 90.97%;}
.btn-dream1_phone img{ width:100%; height: auto;}
.btn-dream1{ display: none;}
.btn-dream2_phone{ display: block; margin-left: 7.25%; padding-top: 120.29%; }
.btn-dream2{ display: none;}

.btn-dream1_phone a, .btn-form1 a, .btn-form2 a{ display:block;  }

.btn-dream2_phone a{ display:inline-block; width:40.67%;    }

.btn-dream2_phone a.btn-dream2_phone_2{ margin-left: 9.92%; }
.btn-dream2_phone a img{ width: 100%; height: auto; }



.form-top{ width: 100%; height:0; padding-bottom: 88.75%; background:url(../images/bg-form01_phone.jpg) no-repeat top center; background-size: 100%;}
.form-middle{ width: 100%; height:auto; background:#000 url(../images/bg-form02_phone.jpg) no-repeat top center; background-size: 100%; }
.btn-form1_phone{ display: block; width: 40%; margin:20px auto 200px;; }
.btn-form2_phone{ display: block; width: 40%; margin:20px auto }
.btn-form1_phone img, .btn-form2_phone img{ width: 100%; height: auto; }
.btn-form1{ display: none;}
.btn-form2{ display: none;}




.wrap-1000 table{ width:90%; margin:0 auto; padding:50px 0 0 17px;  }


/*---------pop視窗--------*/
#dis-re{ width:100%; height:100%; position:relative;}
#pop{ width:100%; height:200vh; background:url(../images/bg-pop.jpg) repeat; position:absolute; z-index:10; overflow-x:hidden;}
.popHidden{ display:none;}
.popShow{ display:block;}
.popInfor{ width:91%; height:auto; padding: 15px 0; background:#310502; margin:144px auto 0;}
.popInforBox{ width: 95%; margin: 0 auto; border: 7px solid #fceca7; }
.popTXT{ width:95%; margin:0 auto 15px;  color:#bf4a21; font-size:18px;}
.popTXT p{ color:#bf4a21; font-size:16px; line-height: 20px; padding:0; margin:0 0 5px; text-align:center;}
.popColse{ width:215px; height:45px; background:url(../images/btn2.png) no-repeat right bottom; text-indent:99999px; font-size:0; margin:0 auto 50px;}
.popColse a{ width:215px; height:45px; display:block; }
.popColse a:hover{  background:url(../images/btn2.png) no-repeat right bottom;}
.text_px{ width: 80%; padding: 10px; margin: 0 auto 10px; text-align: center; border: 1px solid #89641a; color: #bf1e01; font-size: 15px; }
.number{ width:50%; font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#fff1ae; margin:20px auto; padding-top:0;  text-align:center; border: 1px solid #fff1ae;}
.number>span{ display: block; color: #b69a66; font-size: 2vw; display: inline-block; margin-right: 10px; font-weight: bold; }

.popTitle_phone{display: block; width: 100%; }
.popTitle_phone img{ width: 100%; height: auto; }


}


@media screen and (max-width:480px){
body {
	width:100%;
	height:100%;min-height:880px;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial !important;
	font-size:15px;
	color:#000;
	/*font-weight:bold;*/
	background:#000;
	}	
.wrap-1000 table{ width:98%; margin:0 auto; padding:50px 0 0 17px;  }	
.formtitle{ width:auto; height: 38px; color:#fef0ac; font-size:15px; font-family:"文鼎中明" ; text-align:center; background:#611405; border:1px solid #ac9223;}


.btn-form1_phone{ display: block; width: 50%; margin:20px auto 200px;; }
.btn-form2_phone{ display: block; width: 50%; margin:20px auto }

}