@charset "UTF-8";
@import url("reset.css");
/* CSS Document */

*{
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	height:100%;
	min-height:100%;
	font-family:Arial, Helvetica, "微軟正黑體",sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-size:cover;
	background-position:center center;
}

li{
	list-style:none;
}
img, .search_option {
	vertical-align:middle;
	border:none;
}
#wrapper{
	margin:0 auto;
	width:980px;
	position:relative;
}
.logo{
	width:171px;
	height:113px;
	position:absolute;
	z-index:8888;
	left:219px;
	top:92px;
}
.logo img{opacity:0;}
.eventlogo{
	width:297px;
	height:236px;
	position:absolute;
	z-index:7777;
	left:651px;
	top:144px;
}
.eventlogo img{opacity:0;}
.ask{
	width:577px;
	height:548px;
	position:absolute;
	z-index:6666;
	left:258px;
	top:143px;
}
.ask img{opacity:0;}
.askyes{
	width:282px;
	height:84px;
	position:absolute;
	z-index:66666;
	left:212px;
	top:497px;
	
	transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
}
.askyes img{opacity:0;}
.askyes:hover{
	width:282px;
	height:84px;
	position:absolute;
	z-index:66666;
	left:212px;
	top:497px;
	
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.askno{
	width:210px;
	height:84px;
	position:absolute;
	z-index:66666;
	left:595px;
	top:496px;
	
	transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
}
.askno img{opacity:0;}
.askno:hover{
	width:210px;
	height:84px;
	position:absolute;
	z-index:66666;
	left:595px;
	top:496px;
	
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}

.logo2{
	width:171px;
	height:113px;
	position:absolute;
	z-index:8888;
	left:217px;
	top:31px;
}
.logo2 img{opacity:0;}

.eventlogo2{
	width:297px;
	height:236px;
	position:absolute;
	z-index:6666;
	left:243px;
	top:82px;
}
.eventlogo2 img{opacity:0;}
.wine{
	width:270px;
	height:470px;
	position:absolute;
	z-index:66666;
	left:432px;
	top:168px;
}
.wine img{opacity:0;}
.ask2{
	width:499px;
	height:136px;
	position:absolute;
	z-index:6666;
	left:367px;
	top:276px;
}
.ask2 img{opacity:0;}
.word1{
	width:520px;
	height:86px;
	position:absolute;
	z-index:6666;
	left:295px;
	top:416px;
}
.word1 img{opacity:0;}
.word2{
	width:345px;
	height:86px;
	position:absolute;
	z-index:6666;
	left:419px;
	top:502px;
}
.word2 img{opacity:0;}
.iphone{
	width:105px;
	height:209px;
	position:absolute;
	z-index:66666;
	left:596px;
	top:430px;
	padding-bottom:130px;
}
.iphone img{opacity:0;}
/*-----選單------*/

ul.nav{
	margin:0 auto;
    padding: 0px;
    width: 33px;
    height: 302px;
	position:fixed;
	top:0px;
	right:30px;
	z-index:9999;
}
ul.nav a{
	display:block;
	width:33px;
	text-indent:-9999px;
	float:left;
}
ul.nav li{background:url(../images/nav.png) no-repeat; float:left;}
ul.nav li a{background:url(../images/nav.png) no-repeat; float:left;}
ul.nav li.nav_1 a{width:33px;height:35px;background-position:0px 0px; float:left; }
ul.nav li.nav_2 a{width:33px;height:82px;background-position:0px -35px; float:left;}
ul.nav li.nav_3 a{width:33px;height:79px;background-position:0px -117px; float:left; }
ul.nav li.nav_4 a{width:33px;height:72px;background-position:0px -196px; float:left; }
ul.nav li.nav_5 a{width:33px;height:34px;background-position:0px -268px; float:left; }

ul.nav li.nav_1 a:hover{background-position:-33px  0px; float:left;}
ul.nav li.nav_2 a:hover{background-position:-33px -35px; float:left;}
ul.nav li.nav_3 a:hover{background-position:-33px -117px; float:left; }
ul.nav li.nav_4 a:hover{background-position:-33px -196px; float:left;}
ul.nav li.nav_5 a:hover{background-position:-33px -268px; float:left;}


/*-- --------------------------Start--頁尾 */

#footer_warning2{
	margin:0 auto;
	width:100%;
	text-align:center;
	background:url(../images/nav2_bg.gif) repeat-x;
	position:fixed;
	bottom:0px;
	z-index:999999;
}