@charset "utf-8";
/* CSS Document */

/* CJK Unified Ideographs U+4E00-U+9FFF */
@font-face {
  font-family: MyCustomFont;
  src: local(Heiti TC), local("微軟正黑體"), local("新細明體");
/*  unicode-range: U+4E00-9FFF;*/
}

/* Latin, Latin1, Latin Ext-A, Latin Ext-B */
@font-face {
  font-family: MyCustomFont;;
  src: local(Arial), local(Helvetica);
  unicode-range: U+00-024F,U+0000 – U+007F;
}

body {
	background:url(../images/background_pattern.jpg) #06101a no-repeat top center;
}
img {
	border:none;
}
input[type="reset"], input[type="submit"], input[type="button"] {
	margin:5px 5px 0px 0px;
	background-color:#000;
	padding:5px 20px;
	color:#FFF;
	cursor:pointer;
	border:none;
}
input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, input[type="file"]:disabled {
	margin:5px 5px 0px 0px;
	background-color:#CCC;
	padding:5px 20px;
	color:#FFF;
	border:none;
}
input[type="text"]:disabled, textarea:disabled {
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	border:#999 solid 1px;
	background-color:#CCC
}

.LogoPic {
	width:325px;
	_width:323px;
	background:url(../images/Logo.png) no-repeat;
	_background:url(../images/Logo.gif) no-repeat;
}

#ShowBody {
	font-family: Arial, "微軟正黑體", "新細明體";
	_font-family: Arial;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#LanguageArea {
	margin:30px 5px 10px 0px;
	color:#FFF;
	font-size:15px;
	text-align:right;
}
#LanguageArea img {
	vertical-align:middle;
	margin:0px 4px 4px 11px;
}
#LanguageArea a {
	color:#FFF;
	text-decoration:none;
}
#MenuArea {
	font-size:14px;
}
#BannerArea {
	clear:both;
	margin:80px 2px 0px 2px;
	_margin:0px 2px 0px 2px;
	height:270px;
}
#HomeContentArea {
	margin-top:10px;
	padding:15px 25px 100px 25px;
	background-color:#FFF;
}
.HomeContentLeft {
	vertical-align:top;
	width:265px;
	padding:0px 3px;
}
.HomeContentLeft div {
	margin:10px auto;
}
.HomeContentRight {
	vertical-align:top;
	padding-left:30px;
	font-size:14px;
	color:#6f6f6f;
	line-height:22px;
	font-weight: normal;
}
/*.HomeContentRight img {
	float:left;
	margin-right: 12px;
}*/
.HomeArticleContent {
	margin:0px 15px;
}
.HomeArticleContent img {
	float:left;
	margin-right: 12px;
}

.HomeItemTitle {
	margin-top:5px;
	background-color:#efefef;
	color:#b41214;
	font-size:18px;
	padding:8px 15px;
	clear:both;
}
.HomeFriendlyTitle {
	padding:10px 5px 0px 5px;
	font-size:18px;
	font-weight:bold;
	text-indent:10px;
}
.ArticleTitle {
	font-size:20px;
	line-height:24px;
}
.ArticleSubTitle {
	font-size:14px;
	color:#a8a8a8;
}
.HomeCellarTable {
	width:150px;
	margin:0px 0px;
}
.HomeArticleContent .HomeCellarTable img {
	float:none;
	margin:0 0px;
}
.HomeCellarTable td {
	vertical-align:middle;
	line-height:18px;
}
.HomeCellarTable span {
	padding:0px 5px;
}
.CellarProductImg {
	text-align:center;
	width:150px;
	height:180px;
	border:#999 solid 1px;
	overflow:hidden;
	padding:0;
}
.CellarProductName {
	font-size:13px;
	color:#000000;
	padding:0px 5px;
}
.CellarBrandName {
	padding:0px 5px;
}
.CellarCompany {
	font-size:11px;
	color:#8a8a8a;
	padding:0px 5px;
}
.CellarCountry {
	font-size:11px;
	color:#c50000;
	padding:0px 5px;	
}
.CellarYear {
	font-family:Helvetica, Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#6f1bed;
}
.CellarPrice {
	font-family:Helvetica, Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#ed1b1b;
	padding:0px 5px;
}
.CellarDetail {
	margin:5px 5px 0px 5px;
	display: inline-block;
	background-color:#000;
	padding:3px 8px;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
}
.SupportersList {
	margin-left:-36px;
	list-style:none;
}
.SupportersList li{
	margin:0px 5px 5px 0px;
	padding:0px;
	float:left;
}
.SupportersList img {
	margin:0px;
}
.PageLogoImage {
	width:290px;
	padding:20px 0px 0px 35px;
}
#PageContentArea {
	margin-top:10px;
	padding:15px 25px 100px 25px;
	background-color:#FFF;
	color:#666;
}
.PageContentLeft {
	vertical-align:top;
	width:285px;
	padding:0px 10px;
}
.PageContentRight {
	vertical-align:top;
	padding-right:12px;
}
.PageSubMenu {
	border:#CCC solid 1px; 
	width:234px; 
	margin-top:60px;
}
.about {
	background:url(../images/AboutSubmenu_pic.jpg) no-repeat top; 	
}
.WGT {
	background:url(../images/WGTSubmenu_pic.jpg) no-repeat top; 	
}
.exhibit {
	background:url(../images/ExhibitSubmenu_pic.jpg) no-repeat top; 	
}
.exhibitregister {
	background:url(../images/ExhibitRegisterSubmenu_pic.jpg) no-repeat top; 	
}
.visitors {
	background:url(../images/VisitorsSubmenu_pic.jpg) no-repeat top; 	
}
.news {
	background:url(../images/NewsSubmenu_pic.jpg) no-repeat top; 	
}

.PageSubMenu ul {
	list-style-image:url(../images/SubmenuArrow_icon.gif);
	list-style-position:inside;
	margin:96px 0px 24px 0px;
	font-size:14px;
}
.PageSubMenu li {
	margin-left:-40px;
	padding:8px 10px 8px 36px;
}
.PageSubMenu li:hover {
	color:#da5f70;
	list-style-image:url(../images/SubmenuArrowHover_icon.gif);
	cursor:pointer;
}
.PageSubMenu a:link, .PageSubMenu a:visited {
	color:#333;
	text-decoration:none;
}
.PageSubMenu a:hover, .PageSubMenu a:active {
	color:#ed6c7e;
	text-decoration:none;
}
.PageSubMenu ul .SubMenuCurrentMarked {
	color:#ed6c7e;
	list-style-image:url(../images/SubmenuArrowHover_icon.gif);
	background:rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3a3a3a', endColorstr='#3a3a3a'); /* IE */
}

.PageNav {
	font-size:18px;
	margin-top:24px;
}
.PageArticleContent {
	width:655px;
	margin-top:12px;
	font-size:14px;
	line-height:26px;
}
.PageArticleContent ul{
	margin:5px 0px 15px 0px;
}
.PageArticleContent ul p {
	margin:0px 0px 5px;
}
.PageArticleContent .ImageAlignLeft {
	margin-right:15px;
}
.PageItemTitle {
	margin-top:5px;
	background-color:#efefef;
	color:#b41214;
	font-size:16px;
	padding:8px 15px;
}
.ValidateDescription {
	font-size:12px;
	color:#CC000;
}
.thmubList {
}
.thmubList img {
	margin:0px;
	border:#F0F0F0 solid 5px;
	padding:0px;
}
.ClearThumbBox {
	padding:0;
	border:none;
	width:150px;
}
.CellarLoginTable {
	padding:15px 20px;
	text-align:left;
	width:240px;
	background-color:#f5f5f5;
	vertical-align:top;
}
.CellarLoginTable td {
	padding:5px 0px;
}
.CellarLoginTable img {
	margin:0;
}
.CellarLoginTable input[type="text"],.CellarLoginTable input[type="password"] {
	width:88%;
	border:none;
	background-color:#e1e1e1;
	padding:5px 10px;
}
.CellarLoginTable a:link, .CellarLoginTable a:visited {
	margin:0px;
	font-size:12px;
	line-height:8px;
	color:#b75560;
	text-decoration:none;
}
.CellarSignUpStep {
	margin:0px 0px 12px 0px; 
	text-align:center;
}
.CellarIntroTable {
	padding:15px 20px;
	text-align:left;
	vertical-align:top;
}
.CellarLoginSubmit {
	margin:5px 5px 0px 0px;
	background-color:#000;
	display: inline-block;
	padding:0px 20px;
	color:#FFF;
	cursor:pointer;
}
.CellarSearchTable {
	border: #999999 solid 1px;
	background-color:#f4f4f4;
	margin-top:20px;
	width:96%;
	color:#000;
}
.CellarSearchTable th {
	text-align:left;
	padding:20px 15px;
	background-color:#dddddd;
	font-size:14px;
}
.CellarSearchTable td {
	text-align:left;
	padding:10px 15px;
	font-size:14px;
}
.CellarSearchTable div {
	margin:5px 0;
}
.CellarSearchTable ul {
	list-style:none;
	padding-left:12px;
	color:#898989;
	font-size:12px;
	font-family:Arial, "新細明體"l
}
.CellarSearchTable ul li {
	margin:2px 0;
}
.CellarSearchTable .SearchItem {
	background-image:url(../images/CellarSearchItemShow_icon.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom:#999999 solid 1px;
	height:24px;
	margin-top:10px;
	cursor:pointer;
}
.CellarSearchTable .Hide {
	background-image:url(../images/CellarSearchItemHide_icon.gif);
}
.CellarSearchSubmit {
	margin:5px 0px 0px 0px;
	background-color:#000;
	display: inline-block;
	padding:0px 20px;
	color:#FFF;
	float:right;
	cursor:pointer;
}
.CellarSearchConditionText {
	font-family:Helvetica, Arial, Verdana;
	font-size:12px;
	font-weight:100;
	line-height:16px;
	color:#b92525;
}
.CellarSearchResultList {
	list-style:none;
	padding:10px 3px;
}
.CellarSearchResultList li {
	float:left;
	margin:8px 2px;
}
.CellarSearchResultTable {
	width:320px;
}
.CellarSearchResultTable div {
	margin: 1px 0px;
}
.CellarSearchResultTable .CellarBrandName {
	color:#8b8b8b;
	font-size:12px;
	line-height:18px;
}
.CellarSearchResultTable .CellarProductName {
	font-size:15px;
	line-height:18px;
}
.CellarSearchResultTable .CellarCountry {
	line-height:18px;	
}
.CellarSearchResultTable .CellarPrice {
	line-height:18px;		
}
.CellarSearchResultTable .CellarDetail {
	font-size:12px;
}
.CellarSearchResultTable .CellarCompany {
	font-size:12px;
	line-height:18px;
	color:#8b8b8b;
}
.CellarDetailTable {
	width:580px;
	margin:20px auto;
	font-family:Arial, "新細明體";
	font-size:12px;
	color:#8b8b8b;
}
.CellarDetailTable div {
	display:inline-table;
	border-bottom:#CCC solid 1px;
	margin-top:2px;
	margin-bottom:2px;
}
.CellarDetailTable .ItemName {
	color:#000;
	width:60px;
	text-align:right;
}
.CellarDetailTable .ItemValue {
	width:310px;
	padding-left:20px;
	text-align:left;
	font-weight:bold;
}
.CellarDetailItemTitle {
	margin-top:5px;
	background-color:#efefef;
	color:#b41214;
	font-size:18px;
	padding:8px 15px;
	height:26px;
}

.CellarDetailBoothNo {
	margin-top:5px;
	width:68px;
	background-color:#cbcbcb;
	text-align:center;
	font-size:22px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
	padding-top:2px;
	height:40px;
}
.CellarDetailCompanyLogo {
	width:200px; 
	display:inline-table; 
	vertical-align:text-top;
}
.CellarDetailCompanyInfo {
	width:360px;
	display:inline-table; 
	margin-left:10px;
}
.CellarDetailCompanyInfo .CellarCompany {
	font-size:18px;
	color:#000;
	margin-left:-6px;
}
.CellarDetailCompanyInfo .CellarProductInfo {
	margin-top:-18px;
	color:#900;
}
.CellarRecommend {
	width:96%;
	border:#b03647 solid 1px;
}
.CellarRecommend td {
	text-align:left;
	padding:15px 0px 8px 12px;	
}
.CellarRecommend th {
	text-align:left;
	padding:8px 15px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background-color:#ed6c7e;
}
.CellarTipPlace {
	font-weight:bold;
}
.CellarRecommendList {
	list-style:none;
	margin:0px;
	padding:0px;
}
.CellarRecommendList li {
	float:left;
	margin:0px 8px 8px 0px;
	width:50px;
	padding:2px;
	border:#999 solid 1px;
}
.CellarRecommendTip {
	display:none;
}
.CellarTip {
	font-family:"微軟正黑體", "新細明體", Arial;
}
.CellarTip td {
	color:#FFF;
	width:150px;
	padding:3px 5px;
	font-size:12px;
}
.CellarTip th {
	width:50px;
	padding:3px 5px;
	font-size:12px;
}
.CellarTip div {
	margin-top:2px;
}
.CellarTipItem {
	background-color:#000;
	padding:2px;
}
.SearchItemSub {
	display:none;
}
.AccommodationDetail {
	margin:0px;
	display: inline-block;
	background-color:#000;
	padding:1px 5px;
	color:#FFF;
	font-size:12px;
}
.AccommodationDetail a {
	color:#FFF;
	text-decoration:none;
}
.NewsTable th {
	color:#FFF;
	background-color:#873552;
	padding:5px 10px;
	border-right:#FFF solid 1px;
}
.NewsTableList td {
	padding:5px 10px;
	border-bottom:#CCC solid 1px;
}
.NewsTableList p {
	margin:0px;
}
.NewsTableBackColor {
	background-color:#F0F0F0;	
}
.NewsTableEnd {
	border-bottom:#FFF solid 1px !important;
}
.GrayBackColor {
	background-color:#F0F0F0;
}
.IframePage {
	background-color:#FFF;
	margin:5px 10px;
	padding:10px 50px;
}
.ContactForm {
	padding:15px;
	border:#CCC solid 1px;
	background-color:#F0F0F0;
}
.ContactForm div {
	margin:6px 0;
}
.ContactForm label {
	color:#666;
	font-size:12px;
}
.ContactForm input[type="text"],.ContactForm textarea{
	width:90%;
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	border:#999 solid 1px;
	background-color:#FFF;
}
.MemberSignUpForm th {
	text-align:right;
	padding:6px 0px;
}
.MemberSignUpForm td {
	text-align:left;
	padding:6px 0px;
}
.MemberSignUpForm input[type=text],.MemberSignUpForm input[type=password] {
	padding:5px;
}
.RegistrationTable {
	border:#999 solid 1px;
	padding:5px;
}
.RegistrationTable th {
	text-align:right;
	color:#FFF;
	background-color:#873552;
	padding:5px 10px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
.RegistrationTable td {
	text-align:left;
	padding:5px 10px;
	border-bottom:#CCC solid 1px;
	vertical-align:top;
}
.RegistrationTable p {
	margin:0px;
}
.RegistrationTable input[type="text"],.RegistrationTable textarea{
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	border:#999 solid 1px;
	background-color:#FFF;
}
.RegistrationTableEnd {
	border-bottom:#FFF solid 1px !important;
}
.ClearTable {
	border-collapse:collapse;
}
.ClearTable td {
	border:#CCC solid 1px;
}
.RegistrationHelp {
	background-color:#afafaf;
	padding:15px 30px;
	color:#FFF;
	font-weight:bold;
}
.RegistrationHelp img {
	margin-left:10px;
}
.Hide {
	display:none;
}
.Show {
	display:block;
}

.FormButtonArea {
	text-align:center;
	margin:5px 0px 10px;
}
#ConfirmMessage {
	text-align:center;
}

.RequiredField {
	color:#F00;
	font-size:18px;
	vertical-align:super;
}
.WarnField {
	background-color:#FF0;
}
.warn {
	color:#CC0000; 
}
.RegistrationTable .notification {
	border:3px solid #d55b5b;
	background-color: #ffcdcd;
	padding:5px;
}

.ColorGray {
	color:#666;
}
.ColorRed {
	color:#CC0000;
}
.ColorBlue {
	color:#06C;
}
	
/*分頁樣式*/
.PageList {
	margin:15px 0px;

}
.PageList ul {
	list-style-type:none;
	margin:0px 0px 0px -40px;
}
.PageList li {
	float:left;
	margin:5px 10px 5px 0px;
	padding:5px 10px 5px 10px;
	border:#efefef solid 1px;
	cursor:pointer;
}
.PageList li a{
	text-decoration:none;
	color:#333;
}
.PapeNow {
	background-color:#CCC;
}
.PageCantUse {
	color:#CCC;
}

/*SiteMape樣式*/
.SiteMapItem {
	display:table-cell; 
	padding:0 30px;
	color:#CCC;
}
.SiteMapItem h3 {
	font-size:13px;
	color:#CCC;
}
.SiteMapItem ul {
	list-style:disc;
	margin:0; 
	padding:0px 0px 0px 18px;
}
.SiteMapItem li {
	margin:5px 0;
	font-size:11px;
	-webkit-transform:scale(0.9);
	-webkit-margin-start: -4px;
	font-family:Arial, Helvetica, sans-serif;
}
.SiteMapItem a:link, .SiteMapItem a:visited {
	color:#999;
	text-decoration:none;
}
.SiteMapItem a:hover, .SiteMapItem a:active {
	color:#609;	
	text-decoration:none;
}
.SeparateLine {
	display:table-cell; 
	width:1px; 
	background-image:url(../images/SiteMapLine.gif); 
	background-repeat:no-repeat; 
	background-position: 0px 20px;
}

#PrivacyArea {
	display:none;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:20px;
	margin-bottom:60px;
	background-color:#000;
	border-bottom:#666 solid 1px;
}

#SiteMapArea {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 20px 20px 20px;
	margin-bottom:60px;
	background-color:#000;
	border-bottom:#666 solid 1px;
}

#BottomNavArea {
	clear:both;
	font-size:14px;
	text-align:right;
	margin:60px 20px 10px 0px;
}
#CopyRightArea {
	font-size:14px;
	text-align:right;
	margin:0px 20px 10px 0px;
}
#Footer {
	width:1024px;
	height:70px;
	text-align:center;
	position:fixed; 
	bottom:0px; 
	z-index:1;
	padding:0px 0px;
	background-color:#000;
	color:#FFF;
}