@charset "big5";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
}
html {
 SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #6cd8d8;
 SCROLLBAR-SHADOW-COLOR: #37b1b3;
 SCROLLBAR-ARROW-COLOR: #37b1b3;
 SCROLLBAR-TRACK-COLOR: #fcfcfc;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #ffffff
}
a img {
    border: 0;
}
#home {
	MARGIN: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#fix800 {
	WIDTH: 800px;
	margin: auto;
}
/* header */
#inc_header {
	WIDTH: 800px;
	height: 85px;
	margin: auto;
}
#header {
	WIDTH: 800px;
	height: 85px;
}
#logo {
	FLOAT: left;
	WIDTH: 211px;
	height: 60px;
	background-image: url(img/logo.gif);
}
#menu {
	FLOAT: right;
	WIDTH: 588px;
	height: 60px;
}
#header_menu {
	FLOAT: left;
	WIDTH: 800px;
	height: 25px;
	background-image: url(img/menu_bg.gif);
	background-repeat: repeat-x;
}
#header_text{
	FLOAT: right;
    margin-right: 10px;
	margin-top: 3px;
}
/* content */
#content {
	WIDTH: 770px;
	margin: auto;
	margin-top: 10px;
}
#content2 {
	WIDTH: 770px;
	FLOAT: left;
}
#content3 {
	WIDTH: 760px;
	margin: auto;
}
#left {
    FLOAT: left;
	WIDTH: 545px;	
}
#main {
    WIDTH: 545px;
	margin-bottom: 18px;
}
#right {
	FLOAT: right;
	WIDTH: 190px;
}
#bannerall {
	FLOAT: left;
	WIDTH: 535px;
	margin: auto;
}
#drink_bannerall {
	FLOAT: left;
	WIDTH: 190px;
	margin: auto;
	margin-top: 20px;
}
.banner {
	FLOAT: left;
	WIDTH: 165px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.banner2 {
	FLOAT: right;
	WIDTH: 165px;
	margin-bottom: 20px;
}
.banner3 {
	WIDTH: 165px;
	margin-bottom: 20px;
}
/* hot products */
#inc_hot {
	WIDTH: 190px;
}
#hotall {
	WIDTH: 190px;
	background-color: #f5f5f5;	
}
.hot_banner {
	WIDTH: 190px;
	margin-top: 5px;
}
/* menu */
.infor_menu {
	WIDTH: 190px;
}
#sub_menu {
	WIDTH: 190px;
}
#sub_menu a {
	WIDTH: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding-left: 30px;
}
#sub_menu a:hover {
	color: #666666;
	text-decoration: underline;
	text-indent: 5px;
}
#sub1_menu {
	WIDTH: 190px;
}
#sub1_menu a {
	WIDTH: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding-left: 15px;
}
#sub1_menu a:hover {
	color: #666666;
	text-decoration: underline;
}
/* news */
#inc_news {
	FLOAT: left;
	WIDTH: 545px;
}
#news {
	WIDTH: 545px;
	FLOAT: left;
}
#drink_news {
	WIDTH: 310px;
	height: 140px;
	FLOAT: right;
	margin-right: 20px;
	margin-top: 20px;
}
#title_news {
	WIDTH: 545px;
	height: 28px;
	FLOAT: left;
	background-image: url(img/title_news.gif);
	background-repeat: no-repeat;
	margin-bottom: 8px;
}
#title_news2 {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(img/t_news.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_about {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(img/t_about.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_service {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(img/t_sservice.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_history {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(img/t_history.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_whisky {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(alcohol/img/title_wisky.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_whisky2 {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(alcohol/img/title_wisky2.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_wine {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(alcohol/img/title_wine.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_liqu {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(alcohol/img/title_liqu.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#title_sho {
	WIDTH: 545px;
	height: 23px;
	FLOAT: left;
	background-image: url(alcohol/img/title_sho.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#inc_allnews {
	WIDTH: 545px;
	FLOAT: left;
	margin-bottom: 20px;
}
#more_news {
	WIDTH: 30px;
	height: 5px;
	FLOAT: right;
	margin-top: 17px;
	margin-right: 5px;
}
.list_news {
	WIDTH: 540px;
	height: 28px;
	FLOAT: left;
	background-image: url(img/news_bg.gif);
	background-repeat: no-repeat;
}
.list2_news {
	WIDTH: 290px;
	height: 28px;
	FLOAT: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 8px;
}
.text_news {
    FLOAT: right;
	WIDTH: 95%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.text2_news {
    FLOAT: left;
	WIDTH: 100%;
	padding-top: 7px;
	padding-bottom: 5px;
}
/*page*/
#alcohol_title {
	WIDTH: 770px;
	height: 22px;
	FLOAT: left;
	margin-bottom: 16px;
	background-image: url(img/t_alcohol.gif);
}
#drink_title {
	WIDTH: 770px;
	height: 22px;
	FLOAT: left;
	margin-bottom: 16px;
	background-image: url(img/t_drink.gif);
}
#map_title {
	WIDTH: 770px;
	height: 22px;
	FLOAT: left;
	margin-bottom: 16px;
	background-image: url(img/t_map.gif);
}
#news_title {
	WIDTH: 770px;
	height: 22px;
	FLOAT: left;
	margin-bottom: 16px;
	background-image: url(img/t_news.gif);
}
#alcohol {
	WIDTH: 770px;
	height: 184px;
	FLOAT: left;
	margin-bottom: 16px;
	background-image: url(img/alcohol.jpg);
}
#alcohol_banner {
    WIDTH: 567px;
	FLOAT: left;
	margin-bottom: 10px;
}
#alcohol_all {
    WIDTH: 567px;
	clear:both;
}
#drink {
	WIDTH: 770px;
	height: 184px;
	FLOAT: left;
	margin-bottom: 16px;
	background-image: url(img/drink.jpg);
	clear:both;
}
.product {
	FLOAT: left;
	WIDTH: 185px;
	height: 210px;
	margin-bottom: 24px;
	margin-right: 6px;
}
.product2 {
	FLOAT: right;
	WIDTH: 185px;
	height: 210px;
	margin-bottom: 24px;
}
.product3 {
	FLOAT: right;
	WIDTH: 373px;
	height: 210px;
	margin-bottom: 24px;
}
#history {
	WIDTH: 567px;
	height: 164px;
	FLOAT: left;
}
#sub_title {
	WIDTH: 563px;
	height: 22px;
	FLOAT: left;
	margin-bottom: 9px;
	background-image: url(img/t_history.gif);
	background-repeat: no-repeat;
}

/*footer*/
#footer {
	clear:both;
	FLOAT: left;
	WIDTH: 100%;
	height: 78px;
	background-image: url(img/footer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f1f1f1;
}
#inc_copyright {
    clear:both;
	margin: auto;
	WIDTH: 800px;
	height: 17px;
	margin-top: 30px;
}
#copyright {
	WIDTH: 800px;
	height: 17px;
	background-image: url(img/footer_bg.gif);
}
/* text */
.t10_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0.1em;
	padding-top: 3px;
}
.t11_gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 16px;
	letter-spacing: 0.1em;
}
.t11_gray a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.t11_gray a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.t11_gray a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;
}
.t12_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #60878A;
	line-height: 16px;
}
.t12_green a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #60878A;
	text-decoration: none;
}
.t12_green a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #60878A;
	text-decoration: none;
}
.t12_green a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #60878A;
	text-decoration: underline;
}
