/*------------------------共享-----------------------*/
body{
	background:#FFFFFF;
	margin:0;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #454545;
	SCROLLBAR-TRACK-COLOR: #DCDCDC;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	}

body#web{
	background:url("/images/home/background.gif") repeat-x;
	}

body, div, td, a{
	font-size:13px;
	color:#333333;
	font-family:Arial,新細明體;
	text-decoration:none;
	}

form, select, input{
	font-size:12px;
	color:#333333;
	font-family:Arial,新細明體;
	margin:0
	}

a:hover{
	color:#FF3333;
	text-decoration:underline;
	}
p{
line-height:1.5;
}




/*--------------------------刊頭-----------------------*/
#top_logo{
	position:absolute;
	z-index:10;
	width:160px;
	float:left;
	}

#top_logo span{
	width:160px;
	height:80px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/home/top_logo.png",sizingMethod="scale");
	cursor:hand;
	}


#top_frame{
	width:960px;
	}

#top_item td{
	text-align:center;
	vertical-align:middle;
	width:90px;
	}

#top_item .bup{
	background:url("/images/home/top_button_up.gif");
	}

#top_item .bov,
#top_item .bok{
	background:url("/images/home/top_button_ov.gif");
	}

#top_item a{
	color:#FFFFFF;
	}

#top_item a:hover{
	color:#FFFF66;
	}

#top_menu{
	padding-left:10px;
	padding-top:5px;
	color:#CC0000;
	}

#top_menu_bar{
	display:none;
	}



/*--------------------------刊底-----------------------*/	
#home_end{
	padding-top:50px;
	}

#end_left{
	background:url("/images/home/end_001.gif");
	color:#CC0000;
	width:640px;
	height:55px;
	padding-left:24px;
	line-height:24px;
	}

#end_mid{
	background:url("/images/home/end_002.gif");
	width:21px;
	}

#end_right{
	background:url("/images/home/end_003.gif");
	color:#CC0000;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	}

#end_right b{
	font-size:28px;
	}












/*-------------------------------首頁-------------------------------*/
#home_mid{
	width:960px;
	z-index:10;
	position:relative;
	}

#adv_big{
	width:430px;
	height:207px;
	}

#adv_big iframe{
	width:428px;
	height:198px;
	border:1px solid #DDDDDD;
	}

#adv_small{
	width:101px;
	}

#adv_small div{
	width:95px;
	height:62px;
	border:0;
	margin-bottom:7px;
	}

#adv_small img{
	width:95px;
	height:62px;
	border:0;
	}

#run_word{
	height:28px;
	width:531px;
	border:1px solid #DDDDDD;
	background:url("/images/home/tea_word.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:32px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	}

#refer_form{
	background:url("/images/home/refer_background.gif");
	background-repeat:no-repeat;
	width:531px;
	height:40px;
	margin-bottom:7px;
	margin-top:7px;
	}
	
#refer_form div{
	padding-top:8px;
	padding-left:100px;
	color:#FFFFFF;
	}

#refer_form select,
#refer_form_page select{
	width:90px;
	}



#refer_form #refer_start{
	margin:20px;

	}

#refer_form_page{
	position:relative;
	top:-30px;
	width:500px;
	left:200px;
	text-align:left;
	margin-bottom:-20px;
	}


.product_left{
	border-right:1px dashed #DDDDDD;
	width:107px;
	line-height:22px;
	}

.product_right{
	padding-left:5px;
	line-height:22px;
	}

.product_left img,
.product_right img{
	width:100px;
	height:80px;
	border:1px solid #DDDDDD;
	}

.product_left div,
.product_right div{
	width:100px;
	text-align:center;
	}

.product_left a,
.product_right a{
	font-size:12px;
	}


#info_box{
	background:url("/images/home/box_down.gif") no-repeat;
	background-position:bottom;
	}

.info_rup{
	background:url("/images/home/box_button_up.gif") no-repeat;
	padding-top:4px;
	}

.info_rov{
	background:url("/images/home/box_button_ov.gif") no-repeat;
	padding-top:4px;
	}

.info_bc{
	background:url("/images/home/box_button_bc.gif") no-repeat;
	}

.open_obj{
	border:1px solid #DDDDDD;
	border-top:0;
	padding:10px;
	}

.info_rup,
.info_rov{
	width:70px;
	height:25px;
	text-align:center;
	}

.info_rup a{
	font-size:12px;
	color:#999999;
	}

.info_rup a:hover{
	color:#454545;
	}

.info_rov a{
	font-size:12px;
	color:#FFFFFF;
	}

.info_rov a:hover{
	color:#FFFFAA;
	}


#info_other{
	padding-left:8px;
	padding-right:8px;
	padding-bottom:5px;
	width:210px;
	height:172px;
	}
	
#info_other a{
	color:#CC0000;
	}

#info_other .o{
	height:18px;
	}

#info_other .o a{
	height:16px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:12px;
	}

#news_mid .o{
	height:18px;
	padding-top:2px;
	}

#info_other div{
	width:194px;
	height:167px;
	}

#career_box{
	width:101px;
	}

#career_box div{
	margin-bottom:4px;
	}

#nwr {
	DISPLAY:none;
	OVERFLOW:hidden;
	POSITION:relative;
	HEIGHT:1em;
	}
	
#nwr DIV {
	VISIBILITY: hidden;
	POSITION: absolute;
	margin-top:1px;
	}
	
#nwr MARQUEE {
	DISPLAY: block;
	HEIGHT:10px;
	}
	
#run_word_body div,
#run_word_body div a{
	color:#CC0000;
	background:#FFFF00;
	}

#run_word_body div,
#run_word_body div a:hover{
	color:#FF3333;
	background:#FFFF00;
	}

#run_word_body{
	background:#FFFF00;
	}


#home_open{
	background:url("/images/home/open_box.gif");
	background-repeat:no-repeat;
	background-position:left;
	height:202px;
	width:220px;
	padding-top:53px;
	padding-left:11px;
	padding-right:10px;
	}

#home_open iframe{
	width:192px;
	height:140px;
	}
	

div.openshow{
	background:url("/images/home/open_list.jpg");
	padding-left:23px;
	padding-top:2px;
	width:192px;
	height:47px;
	}




/*-------------------------------內頁LIST-------------------------------*/
#page_list{
	padding-top:10px;
	font-size:12px;
	}

#page_list a,
#page_list b{
	color:#CC0000;
	text-decoration:none;
	font-weight:normal;
	}

#page_list a:hover{
	color:#FF3333;
	text-decoration:underline;
	}

#list_top,
#page_list .list_up,
#page_list .list_ov,
#page_list .list_in{
	width:160px;
	height:33px;
	font-size:13px;
	text-align:center;
	letter-spacing:5px;
	}

#list_top{
	background:url("/images/home/list_title.gif");
	}
	
#page_list .list_up{
	background:url("/images/home/list_up.gif");
	}

#page_list .list_in{
	background:url("/images/home/list_in.gif");
	}


#list_top_m,
#page_list .list_up div{
	padding-top:8px;
	color:#CC0000;
	}

#page_list .list_ov div{
	padding-top:8px;
	padding-left:47px;
	text-align:left;
	}	
	
#page_list .list_in div{
	padding-top:8px;
	padding-left:50px;
	text-align:left;
	}	

#page_list .list_up a,
#page_list .list_ov a{
	color:#333333;
	}

#page_list .list_up a:hover,
#page_list .list_ov a:hover{
	color:#555555;
	}

#page_list .list_in a{
	color:#FFFFFF;
	}

#page_list .list_in a:hover{
	color:#FFFFAA;
	}

#obj_top{
	background:url("/images/home/object_001.gif");
	background-repeat:no-repeat;
	background-position:top;
	height:30px;
	}

#obj_mid{
	background:url("/images/home/object_002.gif");
	}

#obj_end{
	background:url("/images/home/object_003.gif");
	background-repeat:no-repeat;
	background-position:bottom;	
	height:10px;
	}

#obj_mid,
#viewdiv{
	padding-top:10px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:15px;
	color:#333333;
	}

#obj_mid h1,
#viewdiv h1{
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
	margin:0;
	margin-bottom:5px;
	margin-left:-15px;
	}

#obj_mid h2,
#viewdiv h2{
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
	margin:0;
	margin-bottom:1px;
	margin-left:-15px;	
	}

#obj_mid h3,
#viewdiv h3{
	font-size:15px;
	font-weight:bold;
	margin-right:0;
	margin-top:5px;
	margin-bottom:1px;
	margin-left:0px;	
	}

#obj_mid p,
#viewdiv p{
	font-size:15px;
	text-indent:2em;
	margin-top:0;
	margin-bottom:20px;
	}

#obj_mid h4,
#viewdiv h4{
	padding:3px;
	font-size:16px;
	font-family:Verdana;
	font-weight:bold;
	color:#CC0000;
	border-bottom:1px solid #969696;
	margin-bottom:5px;
	}



#obj_mid ul,
#viewdiv ul,
#obj_mid ol,
#viewdiv ol{
	margin-top:5px;
	margin-bottom:15px;
	}


#obj_title2{
	margin-left:0px;
	background:url("/images/home/object_title.gif");
	background-repeat:repeat-x;
	}



#obj_title{
	margin-left:15px;
	background:url("/images/home/object_title.gif");
	background-repeat:repeat-x;
	}
	
#obj_title td,
#obj_title2 td{	
	font-size:15px;
	text-align:center;
	color:#FFFFFF;
	height:22px;	
	}	
	
#what_new{
	height:180px;
	width:165px;
	margin-top:8px;
	margin-bottom:8px;
	}
	
#news_bar{
	background:url("/images/home/news_001.gif");
	background-position:top;
	background-repeat:no-repeat;
	height:20px;
	color:#FFFFFF;
	font-size:12px;
	}

#news_end{
	background:url("/images/home/news_003.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	height:25px;
	text-align:right;
	padding-right:10px;
	}

#news_mid{
	padding-left:10px;
	background:url("/images/home/news_002.gif");
	}

#news_mid a,
#news_end a{
	color:#CC0000;
	font-size:12px;
	}

#news_mid a:hover,
#news_end a:hover{
	color:#FF3333;
	}

#right_news_img{
	width:145px;
	height:145;
	border:1px solid #DDDDDD;
	}





/*-------------------------------FAQ-------------------------------*/
.faq_q{
	color:#CC0000;
	font-weight:bold;
	margin-left:1em;
	text-indent:-1em;
	line-height:20px;
	margin-bottom:10px;
	}

.faq_q a{
	color:#CC0000;
	font-weight:bold;
	}

.faq_a div{
	margin-left:53px;
	text-indent:-38px;
	line-height:20px;
	}

.faq_a{
	background:#DDDDDD;
	padding:10px;
	padding-left:0px;
	margin-bottom:10px;
	margin-right:5px;
	}

.faq_hr{
	height:1px;
	border:1px dashed #969696;
	width:560px;
	float:left;
	}


/*-------------------------------徵才情報-------------------------------*/

.career_boxa,
.career_boxb{
	border:0;
	background-color:#FFFFFF;
	}
	
.career_boxa{
	width:100px;
	text-align:right;
	padding-right:10px;
	color:#CC0000;
	}





/*-------------------------------嚴選商品-------------------------------*/

#drink_img{
	margin-bottom:30px;
	}

.drinktop{
	color:#CC0000;
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
	padding-bottom:0;
	border-bottom:1px solid #CC0000;
	}

.drinkbox{
	font-size:12px;
	height:28px;
	}

.onlydrink{
	padding-bottom:2px;
	font-size:12px;
	}
	
.hotdrink{
	color:#CC0000;
	margin-right:4px;
	font-size:12px;
	background:url("/images/home/hotdrink.gif") 0px 0px no-repeat;
	padding-left:14px;
	}

.cooldrink{
	color:#0099FF;
	margin-right:4px;
	font-size:12px;
	background:url("/images/home/cooldrink.gif") 0px 0px no-repeat;
	padding-left:14px;
	}

.bigdrink{
	color:#FF5500;
	font-size:12px;
	background:url("/images/home/bigdrink.gif") 0px 0px no-repeat;
	padding-left:14px;
	}

.onlytime{
	margin-bottom:5px;
	font-size:12px;
	color:#FF3300;
	background:#E3E3E3;
	}

.smalldrink{
	color:#CC0000;
	margin-right:4px;
	font-size:12px;
	background:url("/images/home/smalldrink.gif") 0px 0px no-repeat;
	padding-left:14px;
	}

.middledrink{
	color:#CC0000;
	margin-right:4px;
	font-size:12px;
	background:url("/images/home/middledrink.gif") 0px 0px no-repeat;
	padding-left:14px;
	}

.hotdrink2{
	color:#CC0000;
	font-size:12px;
	background:url("/images/home/hotdrink2.gif") 0px 0px no-repeat;
	padding-left:14px;
	}

#specialbox{
	padding-top:5px;
	}

#specialbox fieldset{
	height:120px;
	padding:20px;
	line-height:20px;
	border:1px dashed #969696;
	}

#specialbox fieldset u{
	text-decoration:none;
	color:#CC0000;
	}

#specialbox legend{
	line-height:25px;
	background:#FFFFFF;
	padding:5px 10px;
	}

#specialbox fieldset b{
	font-size:21px;
	color:#FF3300;
	font-weight:bolder;
	font-family:"華康中黑體(p)";
	}










/*-------------------------------最新動態-------------------------------*/
#news_list td{
	border:1px solid #CDCDCD;
	height:38px;
	}

#news_title,
#news_title a{
	color:#CC0000;
	font-size:25px;
	font-weight:bold;
	font-family:標楷體;
	}

#news_first a{
	color:#CC0000;
	}

#news_title a:hover,
#news_first a:hover,
.news_title a:hover{
	color:#FF3333;
	}

#news_pg1_fs{
	border-bottom:1px dotted #BCBCBC;
	margin-bottom:10px;
	}

.news_pg1_ls{
	margin-bottom:5px;
	}

.news_title a{
	color:#CC0000;
	font-size:16px;
	font-weight:bold;
	}

.news_title{
	padding-bottom:0;
	border-bottom:1px solid #CC0000;
	margin-bottom:3px;
	}

.news_obja{
	font-size:12px;
	}

.news_objb,
.news_objc{
	font-size:15px;
	line-height:25px;
	}


#news_pic_box_b{
	float:left;
	padding:5px 0 5px 5px;
	border:1px solid #BBBBBB;
	margin:0 12px 0 0;
	}


#news_man{
	text-align:right;
	padding:0 10px 5px 0;
	}

.news_objc a{
	color:#CC0000;
	font-size:15px;
	text-decoration:underline;
	}

.news_objc a:hover{
	color:#FF3333;
	}

#news_obj{
	padding-left:5px;
	padding-top:5px;
	}










/*------------------------------說明會情報-----------------------------*/
#act_list td{
	border:1px solid #DDDDDD;
	height:38px;
	}

#act_list th,
#act_flo th,
#other_store th{
	border:2px solid #CC0000;
	font-size:13px;
	color:#FFFFFF;
	background:#EE4444;
	}
	
div.act_page{
	padding:2px;
	width:556px;
	border:1px solid #BCBCBC;
	margin-bottom:10px;
	}

div.act_page input{
	border:1px solid #969696;
	font-size:13px;
	background:#E9E9E9;
	height:25px;
	}

#act_list .h,
#act_list .c,
#act_list .x,
#act_list .s,
#act_list .n{
	border-bottom:1px dashed #DDDDDD;
	padding:1px 0;
	}

#act_list .h,
#act_list .c,
#act_list .s,
#act_list .n{
	width:123px;
	padding-left:8px;
	margin-left:5px;
	font-size:12px;
	}

#act_list .h{
	background:url("/images/home/hot_point.gif") no-repeat -2 2;
	}

#act_list .c{
	background:url("/images/home/cold_point.gif") no-repeat -2 2;
	}


#act_list .x{
	width:24px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}

#act_list .s{
	width:165px;
	margin-top:5px;
	margin-bottom:5px;
	}



/*--------------門市查詢---------------*/
#search_title{
	font-size:12px;
	border-bottom:1px dotted #CC0000;
	}

#search_title a{
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
	}

#search_title a:hover{
	color:#FF3333;
	}

#search_list{
	font-size:12px;
	}

#search_name{
	font-size:21px;
	font-weight:bold;
	color:#CC0000;
	border-bottom:1px dotted #CC0000;
	}

#search_obj{
	padding-top:5px;
	padding-left:10px;
	line-height:25px;
	}


#imgchg a{
	font-size:12px;
	font-weight:normal;
	}

#imgchg .a a{
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
	}

#other_store td{
	border-bottom:1px solid #DEDEDE;
	height:45px;
	padding:6px;
	}

#other_store a{
	color:#CC0000;
	}

#imgchb_1 img,
#imgchb_2 img,
#imgchb_3 img,
#imgchb_4 img{
	border:1px solid #969696;
	}









/*-------------------------------後端-------------------------------*/
#check_in div{
	width:500px;
	height:300px;
	font-size:15px;
	color:#333333;
	text-align:left;
	background:#EEEEEE;
	border:3px solid #DDDDDD;
	padding-left:80px;
	padding-top:60px;
	}

#check_in  #login_id,
#check_in  #login_pw,
#check_in  #relogin_pw{
	background:#EEEEEE;
	border:0;
	border-bottom:2px dashed #AAAAAA;
	width:255px;
	margin-top:20px;
	font-size:15px;
	padding:0;
	letter-spacing:3px;
	}

#check_in  #enter_system,
#check_in  #exit_system{
	background:#EEEEEE;
	border:2px solid #AAAAAA;
	font-size:15px;
	width:155px;
	padding:2px;
	}
/*---------------------------*/
#admin_list{
	width:150px;
	border-right:1px dotted #BCBCBC;
	border-left:1px dotted #BCBCBC;
	background:#F7F7F7;
	padding-top:10px;
	}

#admin_list .a{
	height:5px;
	border-bottom:1px dotted #BCBCBC;
	font-size:1px;
	margin-bottom:5px;
	}

#admin_list .b{
	height:20px;
	width:110px;
	border:1px dotted #DCDCDC;
	font-size:13px;
	margin-bottom:3px;
	padding-top:3px;
	background:#FFFFFF;
	}

#admin_list .c{
	margin-left:25px;
	text-align:left;
	margin-top:30px;
	color:#999999;
	}
/*-------------------------------*/
.ismu{
	width:90px;
	padding:2px;
	padding-bottom:0;
	margin:2px;
	background:#CC0000;
	color:#FFDD33;
	font-size:15px;
	border:2px solid #FFAA66;
	}

.nomu{
	width:90px;
	padding:2px;
	padding-bottom:0;
	margin:2px;
	background:#DDDDDD;
	color:#333333;
	font-size:15px;
	border:2px dotted #BBBBBB;
	}

.ispu{
	width:90px;
	padding:2px;
	padding-bottom:0;
	margin:3px;
	background:#FFDDDD;
	color:#CC3333;
	font-size:15px;
	border:2px solid #FFCCCC;
	}

.nopu{
	width:90px;
	padding:2px;
	padding-bottom:0;
	margin:3px;
	background:#EEEEEE;
	color:#999999;
	font-size:15px;
	border:2px dotted #DDDDDD;
	}

#editordiv{
	width:690px;
	height:500px;
	margin:2px;
	}


#viewdiv{
	width:690px;
	height:540px;
	margin:2px;
	overflow:auto;
	display:none;
	border:1px solid #BBBBBB;
	}

#editordiv b{
	color:#CC0000;
	}

#setloom input{
	font-size:13px Verdana;
	}

#adv_list td{
	border:1px solid #969696;
	height:38px;
	}

#adv_p .a{
	width:25px;
	text-align:center;
	padding:2px;
	color:#333333;
	background:#EEEEEE;
	font-family:Verdana;
	}

#adv_p .b{
	width:25px;
	text-align:center;
	padding:2px;
	background:#CC0000;
	}

#adv_p .b a{
	font-weight:bold;
	color:#FFFFFF;
	font-family:Verdana;
	}


/*------------------------------*/

#upload_form input{
	margin-top:10px;
	width:350px;
	}

#upload_ok div{
	margin:10px;
	border-bottom:1px dotted #636363;
	font-size:15px;
	padding:10px;
	text-align:left;
	}

#upload_ok div b{
	color:#CC0000;
	}






/*----------------------會員專區-----------------------*/

#loginbox{
	width:300px;
	height:150px;
	background:#EEEEEE;
	border:1px solid #969696;
	margin-top:100px;
	padding:30px 45px;
	margin-bottom:10px;
	}

#loginbox input{
	width:140px;
	margin-top:10px;
	}

.red{
	color:#CC0000;
	}

#memberbox{
	border:1px solid #969696;
	width:150px;
	height:90px;
	margin-top:10px;
	padding:10px;
	}

#loginx{
	width:130px;
	margin-top:5px;
	}



#floatright{
	margin-left:350px;
	width:150px;
	text-align:right;
	}

#drink_warning{
	color:#CC0000;
	font-size:13px;
	position:relative;
	top:-50px;
	margin-bottom:-30px;
	z-index:5;
	}

#count_date{
	font-size:18px;
	font-weight:bold;
	width:300px;
	color:#CC0000;
	}


.daynum{
	width:40px;
	height:60px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	font-family:Arial;
	padding-top:15px;
	}

.redwo{
	background-color:#FFCCCC;
	color:#CC0000;
	}

.wo{
	background-color:#FFFFFF;
	}

.redwo div{
	color:#CC0000;
	}

.countnum{
	font-size:12px;
	font-family:Arial;
	position:relative;
	margin-top:-45px;
	margin-left:40px;
	z-index:1;
	width:60px;
	text-align:left;
	color:#555555;
	}