/* body */
body {
	font: 16px/1 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url('https://wedding.expo.com.hk/v12/img/share/wb-wall-background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}
a {color: #666666;}
a:link {TEXT-DECORATION: none}
a:visited {TEXT-DECORATION: none}
a:hover {color: #dddddd; TEXT-DECORATION: none}
a:active {TEXT-DECORATION: none}

/* fonts */
.Arial-black {
	font-family: "Arial Black", Gadget, sans-serif;
}

/* ~~ 元素/標籤選取器 ~~ */
ul, ol, dl { /* 由於瀏覽器之間的差異，最佳作法是在清單中使用零寬度的欄位間隔及邊界。為了保持一致，您可以在這裡指定所要的量，或在清單包含的清單項目 (LI、DT、DD) 上指定所要的量。請記住，除非您寫入較為特定的選取器，否則在此執行的作業將重疊顯示到 .nav 清單。 */
	padding: 0;
	margin: 0;
}
//h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 移除上方邊界可以解決邊界可能從其包含的 Div 逸出的問題。剩餘的下方邊界可以保持 Div 不與接在後面的元素接觸。 */
	padding-right: 15px;
	padding-left: 15px; /* 將欄位間隔加入至 Div 內元素的兩側 (而不是 Div 本身)，即可不需執行任何方塊模型的計算作業。具有側邊欄位間隔的巢狀 Div 也可當做替代方法。 */
}
a img { /* 這個選取器會移除某些瀏覽器在影像由連結所圍繞時，影像周圍所顯示的預設藍色邊框 */
	border: none;
}

/* ~~ 網站連結的樣式設定必須保持此順序，包括建立滑過 (Hover) 效果的選取器群組在內。~~ */
//a:link {
	color: #42413C;
	text-decoration: underline; /* 除非您要設定非常獨特的連結樣式，否則最好提供底線，以便快速看出 */
}
//a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
//a:hover, a:active, a:focus { /* 這個選取器群組可以讓使用鍵盤導覽的使用者，也和使用滑鼠的使用者一樣擁有相同的滑過體驗。 */
	text-decoration: none;
}

/* menu-navlist */
#navlist {
    position: relative;
	height: 65px;
	width: 1000px;
	background-color: #FFFFFF;
	margin: 0 auto;
	overflow: hidden;
}

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#navlist li, #navlist a {
    height: 65px;
    display: block;
}

#home {
    left: 0px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') 0 -1px;
}

#visit {
    left: 200px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -200px -1px;
}

#exhibit {
    left: 400px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -400px -1px;
}

#wedding {
    left: 600px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -600px -1px;
}

#contact {
    left: 800px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -800px -1px;
}

#home_h {
    left: 0px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') 0 -68px;
}

#visit_h {
    left: 200px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -200px -68px;
}

#exhibit_h {
    left: 400px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -400px -68px;
}

#wedding_h {
    left: 600px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -600px -68px;
}

#contact_h {
    left: 800px;
    width: 200px;
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -800px -68px;
}

#home a:hover {
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') 0 -68px;
}

#visit a:hover {
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -200px -68px;
}

#exhibit a:hover {
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -400px -68px;
}

#wedding a:hover {
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -600px -68px;
}

#contact a:hover {
    background: url('https://wedding.expo.com.hk/v12/img/share/menu.png') -800px -68px;
}

/* container */
.container {
	height: 250px;
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}
.container1 {
	height: 250px;
	float: left;
	width: 300px;
	background-color: #ffffff;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.container2 {
	height: 250px;
	float: left;
	width: 300px;
	background-color: #f6f6f6;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.container3 {
	height: 250px;
	float: left;
	width: 300px;
	background-color: #ffffff;
	//padding: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.container3a {
	height: 250px;
	float: left;
	width: 300px;
	background-color: #ffffff;
	//padding: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.container4 {
	height: 250px;
	float: left;
	width: 300px;
	//background-color: #f6f6f6;
	background-color: #ffffff;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.container5 {
	height: 250px;
	float: left;
	width: 300px;
	background-color: #ffffff;
	//padding: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.container3p {
	height: 250px;
	float: left;
	width: 300px;
	background-color: #f6f6f6;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.icon1 {
	height: 55px;
	float: left;
	width: 300px;
	background-color: #ffffff;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.line1 {
	height: 20px;
	float: left;
	width: 300px;
	background-color: #eeeeee;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.hspace1 {
	height: 20px;
	float: left;
	//width: 27.5px;
	width: 50px;
	background-color: #ffffff;
	//padding: 10px 0;
	//padding: 10px 0px 0px 15px;
	//padding-left: 15px;
}
.hspace2 {
	height: 260px;
	float: left;
	//width: 27.5px;
	width: 50px;
	background-color: #ffffff;
	//padding: 10px 0;
	//padding: 10px 0px 0px 15px;
	//padding-left: 15px;
}
div.promotion {
    position: relative;
    top: -10px;
    width: 300px;
    height: 250px;
    //border: 3px solid #73AD21;
} 
div.promotion1 {
	position: absolute;
	top: 65px;
	left: 35px;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	//border: 3px solid #73AD21;
}
div.promotion2 {
	position: absolute;
	top: 65px;
	right: 35px;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	//border: 3px solid #73AD21;
}

/* space */
.vspace1 {
	height: 55px;
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}
.vspace2 {
	height: 5px;
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}
.vspace {
	height: 20px;
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}

/* weather */
.vweather {
	height: 30px;
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	//font-size: 85%;
}
.weather1 {
	height: 30px;
	float: left;
	width: 650px;
	background-color: #f8f8f8;
	text-align: left;
	//line-height: -5;
	//padding: 3px 0;
	padding: 6px 0px 0px 10px;
	//padding-left: 15px;
	//font-size: 13pt;
	//font-size: 85%;
}
.weather2 {
	height: 30px;
	float: right;
	width: 340px;
	background-color: #f8f8f8;
	text-align: right;
	//padding: 4px 0;
	padding: 6px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
	//font-size: 100%;
}


/* Subscribe */
#subscribe {
	height: 60px;
	width: 1000px;
	background-color: #FFFFFF;
	margin: 0 auto;
	overflow: hidden;
	//font-size: 100%;
}

/* Sitemap */
#flinks {
	height: 320px;
	//height: 360px;
	width: 1000px;
	background-color: #FFF;
	//border: 1px solid black;
	margin: 0 auto;
	overflow: hidden;
}
.flinks1 {
	height: 320px;
	//height: 360px;
	float: left;
	width: 250px;
	background-color: #fff;
	//border: 1px solid black;
	//font-weight: bold;
	font-size: 85%;
	text-align: left;
	//padding: 10px 0;
	padding: 10px 0px 0px 20px;
	//padding-left: 15px;
}
.flinks2 {
	height: 320px;
	//height: 360px;
	float: left;
	width: 210px;
	background-color: #fff;
	//border: 1px solid black;
	//font-weight: bold;
	font-size: 85%;
	text-align: left;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
}
.flinks3 {
	height: 320px;
	//height: 360px;
	float: left;
	width: 130px;
	background-color: #fff;
	//border: 1px solid black;
	//font-weight: bold;
	font-size: 85%;
	text-align: left;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
}
.flinks4 {
	height: 320px;
	//height: 360px;
	float: left;
	width: 140px;
	background-color: #fff;
	//border: 1px solid black;
	//font-weight: bold;
	font-size: 85%;
	text-align: left;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
}
.flinks5 {
	height: 320px;
	//height: 360px;
	float: left;
	width: 250px;
	background-color: #fff;
	//border: 1px solid black;
	//font-weight: bold;
	font-size: 85%;
	text-align: left;
	//padding: 10px 0;
	padding: 10px 0px 0px 0px;
	//padding-left: 15px;
}

p.big {
    line-height: 1.8;
}

/* footer */
#footer {
	height: 85px;
	width: 1000px;
	background-color: #FFF;
	//border: 1px solid black;
	margin: 0 auto;
	overflow: hidden;
}
.footer1 {
	height: 65px;
	float: left;
	width: 275px;
	background-color: #FFF;
	//border: 1px solid black;
	font-weight: bold;
	font-size: 85%;
	text-align: left;
	padding: 10px 0;
	//padding: 0px 0px 0px 0px;
	//padding-left: 15px;
}
.footer2 {
	height: 85px;
	float: left;
	width: 450px;
	background-color: #FFF;
	//border: 1px solid black;
	font-size: 85%;
	text-align: center;
	//padding: 60px 0;
	//padding: 0px 0px 0px 0px;
	//padding-left: 15px;
}
.footer3 {
	height: 85px;
	float: left;
	width: 275px;
	background-color: #FFF;
	//border: 1px solid black;
	font-size: 85%;
	text-align: right;
	//padding: 60px 0;
	//padding: 0px 0px 0px 0px;
	//padding-left: 15px;
}

/* ~~ 這是版面的欄位。~~ 

1) 欄位間隔只會置於 Div 的頂端或底部。這些 Div 內的元素在兩側會有欄位間隔，可讓您不需進行「方塊模型計算」。請記住，如果對 Div 本身加入任何側邊的欄位間隔或邊框，在計算「總」寬度時，就會將這些加入您定義的寬度。您也可以選擇移除 Div 中元素的欄位間隔，然後在其中放置沒有寬度的第二個 Div，並依設計所需放置欄位間隔。

2) 尚未為這些欄位提供邊界，因為它們全都是浮動的。如果必須加入邊界，請避免將其放在浮動方向的一側 (例如將右邊界放在設定為向右浮動的 Div 上)。在許多時候，您都可以改用欄位間隔。對於必須違反此規則的 Div，您應該在 Div 的規則中加入 "display:inline" 宣告，以防止某些版本的 Internet Explorer 將邊界加倍。

3) 因為可在文件中多次使用類別 (也可對單一的元素套用多個類別)，所以已為欄位指定類別名稱，而非 ID。例如，您可在必要時將兩個側邊列 Div 堆疊起來。如有需要，也可以將這些名稱輕鬆地變更為 ID (只要您在每份文件中只使用一次)。

4) 如果想要將導覽放在右方而非左方，只要將這些欄設定為往反方向浮動 (全部往右，而非全部往左)，它們就會以相反順序呈現。您不需要在 HTML 原始碼中移動 Div。

*/


/* txt */
br7 {
   display: block;
   margin: 7px 0;
}

br12 {
   display: block;
   margin: 12px 0;
}

h1, h2 {
	margin: 0;
	font-weight: normal;
	color: #000000;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 167%;
}

h3 {
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	line-height: 130%;
}

p, ol, ul {
	line-height: 160%;
}

.fsize2 {
    font-size: 148%;
	font-weight: bold;
}

.fsize3 {
    font-size: 138%;
	font-weight: bold;
}

.fsize3g {
	//text-align: center;
	color: #aaaaaa;
    font-size: 138%;
	font-weight: bold;
}

ol {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

xxxul li {
	padding-left: 15px;
	background: url(../images/img07.gif) no-repeat 0px 7px;
}

blockquote {
	margin: 0;
	padding-left: 20px;
	font-style: italic;
}

blockquote * {
	line-height: normal;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 5px 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}

/* ie8 */
#ie8alarm {
	width: 984px;;
	height: 30px;
	margin: 0 auto;
	background: #eeeeee;
	color: #000000;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
}

/* Top Tooltip-Bottom Arrow */
a.tooltip {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted black;
}

a.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

a.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}

a.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Top Tooltip2-Bottom Arrow */
a.tooltip2 {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted black;
}

a.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 260px;
    background-color: #333333;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 0px 0;
    position: absolute;
    z-index: 1;
    //top: -5px;
    left: 110%;
	font-size: 13pt;
}

a.tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #333333 transparent transparent;
}

a.tooltip2:hover .tooltiptext2 {
    visibility: visible;
}

/* Top tooltip3-Bottom Arrow */
a.tooltip3 {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted black;
}

a.tooltip3 .tooltiptext3 {
    visibility: hidden;
    width: 260px;
    background-color: #333333;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 0px 0;
    position: absolute;
    z-index: 1;
    //top: -5px;
    right: 0%;
	font-size: 13pt;
}

a.tooltip3:hover .tooltiptext3 {
    visibility: visible;
}

/* contact us */
/* bar purple */
.bar_purple {
	height: 48px;
	width: 1000px;
	//left: 10px
	background-color: #FFF;
	background-image: url('https://wedding.expo.com.hk/v12/img/share/bar_purple.png');
	//text-indent: 550px;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	//padding: 0px 0px 0px 10px;
}

.alignleft {
	float: left;
	//vertical-align: middle;
	line-height: 46px;
	padding: 0px 0px 0px 15px;
	margin-top: 0;
}
.alignright {
	float: right;
	margin-top: 0;
	line-height: 20px;
	padding: 8px 15px;
}


/* banner expo */
.banner_contact_us {
	height: 125px;
	width: 1000px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	//padding: 10px 0;
}

/* exhibitors express */
.co_us {
	height: 800px;
	width: 1000px;
	background-color: #fff;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}
.co_us1 {
	height: 800px;
	float: left;
	width: 490px;
	background-color: #fff;
	display: inline-block;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}

.co_us_space {
	height: 800px;
	float: left;
	width: 20px;
	background-color: #fff;
}

.co_us2 {
	height: 800px;
	float: left;
	width: 490px;
	background-color: #fff;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}

input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 4px;
    font-size: 16px;
    background-color: #f0f0f0;
    //background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 6px 10px 6px 20px;
}

input[type=email] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 4px;
    font-size: 16px;
    background-color: #f0f0f0;
    //background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 6px 10px 6px 20px;
}

.co_text1 {
	//height: 48px;
	//width: 1000px;
	//left: 10px
	background-color: #FFF;
	//background-image: url('https://wedding.expo.com.hk/v12/img/share/bar_purple.png');
	//text-indent: 550px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	//margin: 0 auto;
	//overflow: hidden;
	padding: 10px 0px 5px 0px;
}

textarea {
    width: 100%;
    height: 158px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 4px;
    background-color: #f0f0f0;
    font-size: 18px;
    resize: none;
}

input[type=submit] {
	font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #444;
    border: none;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
	display: inline-block;
    font-size: 16px;
	letter-spacing: 2px;
    //margin: 4px 2px;
	float: right;
    cursor: pointer;
	border-radius: 4px;
}

input[type=submit]:hover {
    background-color: #777;
}

input[type=submit].button-gray1 {
	font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #9c9c9c;
    border: none;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
	display: inline-block;
    font-size: 16px;
	letter-spacing: 2px;
    //margin: 4px 2px;
	float: right;
    cursor: pointer;
	border-radius: 4px;
}
input[type="submit"].button-gray1:hover {
    //border: 1px solid black;
    background-color: #7c7c7c;
}

input[type=submit].button-blue1 {
    font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #4ebdff;
    border: none;
    color: #000000;
    padding: 10px 16px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0px;
    float: right;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold !important; /* 加 !important 強制生效 */
}

input[type="submit"].button-blue1:hover {
    background-color: #16a6fc;
}

input[type=submit].button-red {
	font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #ff4e00;
    border: none;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
	display: inline-block;
    font-size: 16px;
	letter-spacing: 2px;
    //margin: 4px 2px;
	float: right;
    cursor: pointer;
	border-radius: 4px;
}
input[type="submit"].button-red:hover {
    //border: 1px solid black;
    background-color: #ec4800;
}
input[type="email"].button-red {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 4px;
    font-size: 16px;
    //background-color: #e0e0e0;
    background-color: #f0f0f0;
    //background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 6px 10px 6px 20px;
}


/* exhibitors express */
/* bar purple */
/* banner expo */
.weddingexpo_logo {
	height: 115px;
	width: 1000px;
	background-color: #ffffff;
	margin: 0 auto;
	overflow: hidden;
	//padding: 10px 0;
}

.banner_expo_schedule {
	height: 125px;
	width: 1000px;
	background-color: #000;
	margin: 0 auto;
	overflow: hidden;
	//padding: 10px 0;
}

/* exhibitors express */
.vi_express {
	max-height: 1200px;
	width: 1000px;
	background-color: #fff;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}
.vi_express1 {
	max-height: 1200px;
	float: left;
	width: 100px;
	background-color: #ffffff;
	display: inline-block;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.vi_express2 {
	max-height: 1200px;
	float: left;
	width: 75px;
	background-color: #fff;
	border-radius: 15px;
	//padding: 10px 0;
	padding: 3px 0px 3px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.ex_express2 {
	max-height: 1200px;
	float: left;
	width: 75px;
	background-color: #000;
	border-radius: 15px;
	//padding: 10px 0;
	padding: 3px 0px 3px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.vi_express_space {
	height: 675px;
	//max-height: 1200px;
	float: left;
	width: 15px;
	background-color: #fff;
}
.vi_express3 {
	max-height: 1200px;
	float: left;
	width: 810px;
	background-color: #fff;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}

.vi_express2_Jan {
	height: 75px;
	width: 75px;
    background-color:#fff;
    //border-bottom: 1px solid #f2f2f2;
    //background-image:url(img/share/January_YGreen.png);
    //background-repeat:no-repeat;
	//background-position:right;
    text-align:right;
	background:url(../img/share/January_YGreen_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Mar1 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/March_Magenta_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Mar2 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/March_Purple_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Mar3 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/March_Orange_E2.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Mar4 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/March_Magenta_E2.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Apr {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/April_Orange_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_May {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/May_Orange_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Jul1 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/July_Green_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Jul2 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/July_BGreen_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Jul3 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/July_Green_E2.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Jul4 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/July_Purple_E2.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Sep1 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/September_Magenta_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Sep2 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/September_Yellow_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Oct1 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/October_Purple_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Oct2 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/October_Orange_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Nov1 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/November_Magenta_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Nov2 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/November_Purple_E1.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Nov3 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/November_Yellow_E2.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}

.vi_express2_Nov4 {
	height: 75px;
	width: 75px;
    background-color:#fff;
    text-align:right;
	background:url(../img/share/November_Magenta_E2.png) no-repeat center;
	//padding: 10px 0px 0px 0px;
}


ul#menu1 {
    list-style-type: none;
    margin: 0;
    padding: 3px 0px 3px 0px;
    width: 100%;
    background-color: #ffffff;
	line-height:1.4;
}

ul#menu1 li a {
    display: block;
    color: #000;
    padding:2px 10px 0px 20px;
    text-decoration: none;
	height: 72px;
	width: 810px;
    background-color:#fff;
    text-align:left;
	//background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray.png") no-repeat center;
}

ul#menu1 li a:hover {
    background-color: #f0f0f0;
    color: #000;
	//background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray_h.png") no-repeat center;
}

ul#menu1 li.bgimg a {
    display: block;
    color: #000;
    padding:2px 10px 0px 20px;
    text-decoration: none;
	height: 73px;
	width: 810px;
    background-color:#fff;
    text-align:left;
	background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray.png") no-repeat center;
}

ul#menu1 li.bgimg a:hover {
    background-color: #f0f0f0;
    color: #000;
	background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray_h2.png") no-repeat center;
}

ul#menu1 li.borderbottom {
    //border-top-style: dotted;
    //border-right-style: solid;
    border-bottom-style: dotted;
	//border-left-style: solid;
    border-color: #cccccc;
	border-width: 3px;
}


ul#menu2 {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-color: #ffffff;
	line-height:1.0;
}

ul#menu2 li a {
    display: block;
    color: #000;
    padding:2px 0px 25px 0px;
    text-decoration: none;
	height: 25px;
	width: 810px;
    background-color:#fff;
    text-align:left;
	//background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray.png") no-repeat center;
}

ul#menu2 li a:hover {
    background-color: #f0f0f0;
    color: #000;
	//background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray_h.png") no-repeat center;
}

ul#menu2 li.bgimg a {
    display: block;
    color: #000;
    padding:2px 10px 0px 20px;
    text-decoration: none;
	height: 53px;
	width: 810px;
    background-color:#fff;
    text-align:left;
	background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray.png") no-repeat center;
}

ul#menu2 li.bgimg a:hover {
    background-color: #f0f0f0;
    color: #000;
	background:url("https://wedding.expo.com.hk/v12/img/share/bar_gray_h2.png") no-repeat center;
}

ul#menu2 li.borderbottom {
    //border-top-style: dotted;
    //border-right-style: solid;
    //border-bottom-style: dotted;
    border-bottom-style: solid;
	//border-left-style: solid;
    border-color: #cccccc;
	border-width: 1px;
}

ul#menu2 li.bordertop {
    border-top-style: solid;
    //border-right-style: solid;
    //border-bottom-style: dotted;
    //border-bottom-style: solid;
	//border-left-style: solid;
    border-color: #cccccc;
	border-width: 1px;
}


/* free_ticket_hkcec */
/* bar purple */
.space_darkgray {
	background-color: #000000;
	border-radius: 6px;
	height: 16px;
	width: 1000px;
	//left: 10px
	//background-image: url('https://wedding.expo.com.hk/v12/img/share/bar_darkgray.png');
	//text-indent: 550px;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	//padding: 0px 0px 0px 10px;
}

.space_dark {
	background-color: #000000;
	border-radius: 6px;
	height: 30px;
	width: 1000px;
	//left: 10px
	//background-image: url('https://wedding.expo.com.hk/v12/img/share/bar_darkgray.png');
	//text-indent: 550px;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	//padding: 0px 0px 0px 10px;
}

.bar_darkgray {
	height: 48px;
	width: 1000px;
	//left: 10px
	background-color: #FFF;
	background-image: url('https://wedding.expo.com.hk/v12/img/share/bar_darkgray.png');
	//text-indent: 550px;
	  font-weight: bold;
	color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	//padding: 0px 0px 0px 10px;
}

.button {
	font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #000000; /* Green */
    border: none;
    color: white;
    padding: 6px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: bold;
    cursor: pointer;
    float: left;
	margin: 0px 0px 0px 5px;
	//vertical-align: middle;
    border-radius: 8px;
}

.button:hover {
    background-color: #444;
}

.button_violet {
	font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #3a2baf; /* Green */
    border: none;
    color: white;
    padding: 6px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight: bold;
    cursor: pointer;
    float: left;
	margin: 0px 0px 0px 5px;
    border-radius: 8px;
}

.button_violet:hover {
    background-color: #5345c5;
}

/* banner expo */
.banner_wedding_mall {
	height: 88px;
	width: 1000px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	//padding: 10px 0;
}

/* exhibitors express */
.ve_profile {
	max-height: 20000px;
	//height: 1000px;
	width: 1000px;
	background-color: #fff;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
	overflow: hidden; /* 這個宣告可以讓 .container 辨識內部浮動的欄結束於何處以及包含欄的位置 */
}
.ve_profileoff {
	max-height: 20000px;
	//height: 1000px;
	width: 1000px;
	background-color: #fff;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
}
.ve_profile1 {
	max-height: 1500px;
	//height: 1000px;
	float: left;
	width: 200px;
	background-color: #fff;
	display: inline-block;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.ve_profile_space {
	max-height: 1500px;
	//height: 1000px;
	float: left;
	width: 20px;
	background-color: #fff;
}
.ve_profile2 {
	max-height: 20000px;
	//height: 1000px;
	//float: left;
	width: 970px;
	background-color: #fff;
	margin: 0 auto;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.ve_profile2v {
	max-height: 20000px;
	//height: 1000px;
	float: left;
	width: 780px;
	background-color: #fff;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.ve_profile2p {
	//max-height: 20000px;
	height: 557px;
	float: left;
	width: 100px;
	background-color: #000;
	//border-radius: 15px;
	//border: 2px solid #eee;
	//padding: 10px 0;
	//padding: 3px 0px 3px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}

.ve_profile3p {
	max-height: 20000px;
	//height: 1000px;
	float: left;
	width: 700px;
	background-color: #000;
	//border: 2px solid #000;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
.fr_ticket2a {
	max-height: 1500px;
	//height: 1000px;
	//float: left;
	width: 770px;
	background-color: #fff;
	margin: 0 auto;
	//padding: 10px 0;
	//padding: 10px 0px 0px 0px;
	//padding-left: 15px;
	//font-size: 13pt;
}
#t1 {
	font-size: 110%;
	text-align: justify;
	text-justify:distribute;
	hanging-punctuation: force-end;
	line-height:150%
}
.t1 {
	font-size: 110%;
	text-align: justify;
	text-justify:distribute;
	hanging-punctuation: force-end;
	line-height:150%
}
.t2 {
	//font-size: 100%;
	text-align: justify;
	text-justify:distribute;
	hanging-punctuation: force-end;
	//line-height:120%
}

.std {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.str:hover{background-color:#f0f0f0;}

input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 4px;
    font-size: 16px;
    background-color: #f0f0f0;
    //background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 6px 10px 6px 20px;
}


.co_text1 {
	//height: 48px;
	//width: 1000px;
	//left: 10px
	background-color: #FFF;
	//background-image: url('https://wedding.expo.com.hk/v12/img/share/bar_purple.png');
	//text-indent: 550px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	//margin: 0 auto;
	//overflow: hidden;
	padding: 10px 0px 5px 0px;
}

textarea {
    width: 100%;
    height: 158px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 4px;
    background-color: #f0f0f0;
    font-size: 18px;
    resize: none;
}

input[type=submit] {
	font-family: 微軟正黑體, "LiHei Pro", 新細明體, Helvetica, Arial, Verdana, Geneva, sans-serif;
    background-color: #444;
    border: none;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
	display: inline-block;
    font-size: 16px;
	letter-spacing: 2px;
    //margin: 4px 2px;
	float: right;
    cursor: pointer;
	border-radius: 4px;
}

input[type=submit]:hover {
    background-color: #777;
}

input[type=button] {
    background-color: #777;
    border: none;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
	display: inline-block;
    font-size: 16px;
	letter-spacing: 2px;
    //margin: 4px 2px;
	//float: right;
    cursor: pointer;
	border-radius: 4px;
}

input[type=button]:hover {
    background-color: #444;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  //width: 100px;
  content: 'Select';
  display: inline-block;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  //-webkit-user-select: none;
  font-weight: 700;
  font-size: 10pt;
  
  background-color: #777;
  border: none;
  color: #ddd;
  text-decoration: none;
  font-size: 16px;
  //margin: 4px 2px;
  //float: right;
  cursor: pointer;
  border-radius: 4px;
}
.custom-file-input:hover::before {
  //border-color: black;
  background-color: #444;
}
.custom-file-input:active::before {
  background-color: #000;
  //background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/* exhibitors list */
.exth, .exth2, .exth3, .extd {
    text-align: left;
	line-height: 1.3;
    padding: 8px;
	border-bottom: 1px solid #ddd;
	//font-family:Times 'Times New Roman', Times, serif;
}

.extr:hover{background-color:#f0f0f0}

//.extr:nth-child(even){background-color: #f0f0f0}

.exth {
	font-weight: bold;
    //background-color: #8567ea;
    //background-color: #ff5259;
	background-color: #ff7add;
    color: white;
	//border-radius: 6px;
}

.exth2 {
	font-weight: bold;
    //background-color: #8567ea;
    //background-color: #ff9599;
    //background-color: #ff95e8;
	background-color: #ffb6ef;
    color: white;
	//border-radius: 6px;
}

.exth3 {
	font-weight: bold;
	background-color: #ffa1c5;
    color: white;
	//border-radius: 6px;
}