@charset "utf-8";
@font-face {
  font-family: customerFont; /* 同樣的 font-family */
  unicode-range: 
     U+0030-U+0039, /* 0-9 */
	U+0041-U+005A, /* Uppercase A-Z */
    U+0061-U+007A; /* Lowercase a-z */
  src: local("Verdana");
}

html{
	font-family: "customerFont",\5FAE\8EDF\6B63\9ED1\9AD4,"微軟正黑體","Geneva","Felix Titling",\65B0\7D30\660E\9AD4,"新細明體";  
	padding:0px 0px;
    margin:0px 0px; 
}



img{
border:0px;	
}
body{
padding:0px 0px;
margin:0px 0px;	
}
.fullwidth{
width:980px;
margin:0px auto;	
}
#backgroundArea{
width:980px;
min-height:880px;
height:auto;
position:absolute;
z-index:-1;	
filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';   /* IE8 */
filter:alpha(opacity=1); 
-moz-opacity:0.01;
opacity: 0.01;
overflow:hidden;
left:0px;
top:0px;
}
a{
color:#12ADE5;
text-decoration:none;
}
a:hover{
color:#FF1493;	
}
.tourstep a{
	color:black;
}
.tourstep a:hover{
	color:white;
}
/*上方選單區*/
#pageContent{
width:100%;
min-height:880px;
min-width:980px;
height:auto;
background:url('../images/bg3.jpg') center top no-repeat fixed;
padding-bottom:50px;
}
.minWidth{
width:945px;	
margin:0px auto;
}
#mainMenuBox{
	width:100%;
	background-color:black;	
	/*height:26px;	*/
}

#mainMenu{
text-align:right;
color:white;
}
#mainMenu a{
color:white;
text-decoration:none;
font-size:14px;
line-height:26px;
padding-left:8px;
padding-right:8px;
padding-top:4px;
padding-bottom:5px;
margin-left:4px;margin-right:4px;	
 }
#mainMenu a.ie9{
margin-top:-1px;	
padding-bottom:4px;
padding-top:5px;
}
#mainMenu a.moz{
margin-top:-1px;	
padding-bottom:3px;	
}
#mainMenu a.ie8{
padding-bottom:4px;
}
#mainMenu a.ie7{
padding-bottom:6px;
padding-top:5px;
margin-top:-2px;	
}
#mainMenu a.opera{
padding-bottom:6px;
}

#mainMenu a:hover,#mainMenu a.sel{
color:#A5CC26;	
}
#mainTop{
height:77px;
overflow:hidden;
width:980px;
margin:0px auto;	
}
.logoBg{
	background:url('../images/logo_area.png') no-repeat -7px -7px;
	width:156px;
	height:122px;
	margin-top:-160px;
	overflow:hidden;
	padding-top:73px;
	padding-left:40px;
	position:absolute;
	z-index:999;
}
/*最Top區*/
.marquee{
width:765px;
/*width:500px;*/
overflow:hidden;
/*height:50px;*/
height:25px;
/*margin-top:20px;*/
padding-left:205px;
color:white;
line-height:23px;
font-size:14px;
float:left;
color:white;
position:absolute;
z-index:-1;
	top:50px;
}
.marquee a{
color:white;	
float:left;
}
.marquee div{
float:left;
width:530px;
overflow:hidden;
}
.topmenu{
position:absolute;
z-index:500;
width:980px;	
height:75px;
overflow:hidden;
}
.topmenu a.he_menu{
	color:white;
	font-size:12px;
	line-height:25px;
	text-decoration:none;	
	background:url('../images/topmenu.png') no-repeat;
	display:block;
	float:right;
	width:80px;
	text-align:Center;
	height:40px;
	margin-top:-8px;
	padding-top:7px;
}
.topmenu a.he_order{
background-position:-267px -338px;	
}
.topmenu a.he_order:hover,.topmenu a.he_order.sel{
background-position:-267px -70px;	
	padding-top:40px;

}

.topmenu a.he_download{
background-position:-90px -340px;	
}
.topmenu a.he_download:hover,.topmenu a.he_download.sel{
background-position:-90px -70px;	
	padding-top:40px;

}
.topmenu a.he_talk{
background-position:-4px -340px;	
}
.topmenu a.he_talk:hover,.topmenu a.he_talk.sel{
background-position:-4px -70px;	
	padding-top:40px;

}
.topmenu a.he_mailtous{
background-position:-180px -340px;	
}

.topmenu a.he_mailtous:hover,.topmenu a.he_mailtous.sel{
background-position:-180px -70px;	
	padding-top:40px;

}
/*下方區域*/
#footer{
background:url('../images/bg4.png') center top no-repeat;
padding-top:50px;
margin-top:-50px;
overflow:hidden;
width:100%;
min-width:980px;
}
/*下方區域選單*/
#footerMenuBox{
	width:100%;
	background-color:black;	
	height:26px;	
}
#footerMenu{
text-align:center;	
}
#footerMenu a{
line-height:26px;
font-size:14px;
color:#A5CC26;
text-decoration:none;	
padding-left:10px;
padding-right:10px;
border-left:1px solid #A5CC26;
}
#footerMenu a.right{
border-right:1px solid #A5CC26;	
}
#footerMenu a:hover{
color:white;
}
/*下方區域 data*/
#footerDataBox{
min-height:85px;
height:auto;
padding-top:10px;
padding-bottom:0px;	
font-size:12px;

}
#footerDataBox a{
font-size:12px;	
}
.footerLeft{
width:800px;
float:left;
overflow:hidden;
position:absolute;
z-index:19999;
*margin-left:-980px;
}

.footerLeft div{
width:800px;
	
}
.footerRight{
overflow:hidden;
padding-left:10px;
width:170px;
float:left;
text-align:right;
padding-left:810px;
}
/*將無法完整顯示的city移到畫面外*/
.cityArea a.nextCity,.cityArea a.prepCity{
margin-top:600px;
}
.pageOut{
margin-top:-99999px;	
}
.citypageBox{
overflow:hidden;
text-align:center;	
}
.cityArea a{
line-height:24px;
font-size:20px;
color:#80B441;	
padding-left:10px;
padding-right:10px;
font-weight:bold;
padding-top:15px;
padding-bottom:20px;
float:left;
*padding-top:15px;
}
.cityArea a:hover,.cityArea a.sel{
color:white;
background-color:#12ADE5;
}
.cityListBox{
width:99999px;	
}
.MorePic{
background:url('../images/buttom_morepic_new.png') center -97px no-repeat;
width:67px;
height:69px;
float:left;	
*float:right;
}
.MorePic:hover{
background-position:center -2px;
}
.cityStar{
height:18px;
overflow:hidden;	
}
.cityStar,.starTitle{
float:left;	
}
.fblike{
margin-top:-4.5px;
}
.MorePic{
margin-right:3px;	
}
.hidden{
display:none;	
}
.titlebox h1,.title h1{
padding-bottom:0px;
margin-bottom:0px;	
padding-top:0px;
margin-top:0px;
}
.SearchOrderBox{
padding:20px 20px;	
}
.SearchOrderTable input{
width:300px;	
}
.SearchOrderTable{
float:left;	
}
.SearchOrderButton{
background:url('../images/ordersearch.png')	no-repeat;
background-position:0px -84px;
float:left;
width:100px;
height:100px;
cursor:pointer;
}
.SearchOrderButton:hover{
background-position:0px 10px;
}
.compiframe{
width:1020px;	
border:0px;
}
#ajaxboxcompiframe{
overflow:hidden;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background-color:transparent;
}
.memberarea{
position:fixed;
left:0px;
top:150px;
background:url('../images/alpha2.png');
display:none;
padding:5px 5px;
overflow: hidden;
-webkit-border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-khtml-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
font-size:14px;
z-index:10000;
}
.memberarea.loading{
background:url('../images/loading4.gif') no-repeat center center black;	
}
.memberfunction{
background:url('../images/smallman.png') no-repeat;
padding-left:30px;
height:auto;	
}
.memberfunction a.function{
 color:#f29600;
 font-size:14px;
 cursor:pointer;
 line-height:30px;
 padding-left:5px;
 padding-right:5px;
}
.memberfunction a.function.btn1{
border-right:1px solid #f29600;
padding-right:10px;
}
.memberfunction a.function:hover{
color:white;
}
.memberfunction,.memeberzoom{
float:left;	
}
.memeberzoom{
background:url('../images/smallarrow.png') no-repeat;
width:10px;
height:20px;	
cursor:pointer;
background-position:-50px -37px;
margin-top:5px;
margin-left:10px;
}

.memeberzoom:hover{
background-position:-50px -19px;
}
.memberfunction .logoutbtn{
background-color:white;
color:black;
padding-left:5px;
padding-right:5px;
line-height:20px;
cusror:pointer;
padding-bottom:3px;
padding-top:3px;
-webkit-border-radius: 5px 5px 5px 5px;	
-moz-border-radius: 5px 5px 5px 5px;	
-khtml-border-radius:5px 5px 5px 5px;	
border-radius: 5px 5px 5px 5px;	
margin-top:5px;
margin-bottom:5px;
float:left;
cursor:pointer;
}
.memberfunction .logoutbtn:hover{
background-color:#808080;
color:white;	
}
.memeberzoom.in{
	background-position:-22px -37px;
}
.memeberzoom.in:hover{
    background-position:-22px -19px;
}
.memberfunction.in{
	width:0px;
	overflow:hidden;
	height:30px;
	width:0px;
}
.MemberBoxImage{
	
}
.MemberPsTop{
padding-top:15px;
padding-bottom:15px;	
}
.memberform{
padding:20px 20px;	
background:url('../images/bigman.png') no-repeat 20px 20px;
padding-left:65px;	
}
.memberform{
font-size:14px;	
width:270px;
float:left;
overflow:hidden;
}
.sendmemberinput input[type='text'],.sendmemberinput input[type='password']{
	width:210px;
}
.sendmemberinput textarea{
	width:210px;
	height:100px;
}
.MemberPsBottom{
padding-top:15px;
padding-bottom:15px;	
}
.MemberPsBottom .registerbtn{
	background-color:white;
color:black;
padding-left:5px;
padding-right:5px;
line-height:20px;
cusror:pointer;
padding-bottom:3px;
padding-top:3px;
-webkit-border-radius: 5px 5px 5px 5px;	
-moz-border-radius: 5px 5px 5px 5px;	
-khtml-border-radius:5px 5px 5px 5px;	
border-radius: 5px 5px 5px 5px;	
margin-top:5px;
margin-bottom:5px;
cursor:pointer;

}
.MemberPsBottom .registerbtn:hover{
background-color:#808080;
color:white;	
}
.SendNewBtn{
	background:url('../images/sendbtn.png') no-repeat;
	width:83px;
	height:83px;
	float:left;
	margin-top:100px;
	cursor:pointer;
}
#SendMessageBox{
position:absolute;
z-index:99999;
background-color:black;
padding:40px 40px;
padding-left:70px;
padding-right:70px;
font-size:13px;
color:white;
}
#loginpass2,#regpass2,#regpass_22{
	margin-top:-22px;position:absolute;z-index:100;color:black;
	margin-left:1px;
	*margin-top:2px;
	*margin-left:-215px;
}
.MemberBoxImage{
width:500px;
float:left;	
padding-bottom:15px;
}
.MemberBoxImage img{
float:left;	
}
.MemberPs{
float:left;
margin-top:30px;
}