@charset "utf-8";

body{
	font-family:Microsoft JhengHei;  /* 微軟正黑體 */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
body a{ 
    text-decoration: none;  /* 去除超連結底線 */
}
img{ border:0px; } /* 去除超連結圖片藍框 */

.menu_H_scroll{  overflow:scroll; overflow-x:hidden; overflow-y:hidden; white-space:nowrap;  } /* 按鈕太多超出畫面-橫向捲軸 */

.maxW100{  max-width:100%;  }
.ts{  font-size: 14px;  } /* 範例文章中的 圖片說明文字 */

.invertTxt_red{  color:#FFF;  background-color:#F00;  }

.lnk_txt_{  text-decoration:underline;  font-weight:bolder;  }

.blueTxt{  color:#06F;  }
.bluebd{  color:#06F; font-weight:bolder;  }
.blue10{  color:#06F;  font-size: 10px;  }
.blue12{  color:#06F;  font-size: 12px;  }
.blue14{  color:#06F;  font-size: 14px;  }
.blue16{  color:#06F;  font-size: 16px;  }
.blue14bd {  color:#06F;  font-size: 14px;  font-weight:bolder;  }
.blue16bd {  color:#06F;  font-size: 16px;  font-weight:bolder;  }

.redTxt{  color:#F00;  }
.redbd{  color:#F00; font-weight:bolder;  }
.red10 {  color:#F00;  font-size: 10px;  }
.red12 {  color:#F00;  font-size: 12px;  }
.red14 {  color:#F00;  font-size: 14px;  }
.red16 {  color:#F00;  font-size: 16px;  }
.red14bd {  color:#F00;  font-size: 14px;  font-weight:bolder;  }
.red16bd {  color:#F00;  font-size: 16px;  font-weight:bolder;  }
.red18bd {  color:#F00;  font-size: 18px;  font-weight:bolder;  }

.bd24{ font-weight:bolder; font-size:24px; }
.bd20{ font-weight:bolder; font-size:20px; }
.bd18{ font-weight:bolder; font-size:18px; }
.bd16{ font-weight:bolder; font-size:16px; }
.bd14{ font-weight:bolder; font-size:14px; }

.myH2{ font-weight:bolder; font-size:24px; position:relative; top:3px; } /* 很像 h2 但上面少空大約一行 (後面要自行加 2 個<br>)*/
.myH2_thin{ font-size:24px; position:relative; top:3px; }

.rdo{ width:20px; height:20px; position:relative; top:3px; cursor: pointer; }  /* radio、checkbox */
.cmbt{   height:30px;  font-size:16px;  }  /* 一般灰按鈕、下拉選單 */
.iptf{   height:26px;  font-size:16px;  border:groove;  }  /* 文字輸入欄 */
.txtAra{   width:95%;  font-size:16px;  border:groove;    }  /* textarea */
.submitbt{  height:32px;  font-size:20px;  width:160px;  cursor: pointer; }  /* 送出按鈕 */

.add__Vspc{  height:6px; }
.p__txt{  line-height:1.5em; color:#333; font-size:14px;  }

.ui-dialog { z-index: 999;}   
.dlg-no-close .ui-dialog-titlebar-close { display: none; }
.ui-button:focus { outline:none; }  

#opts_div{  position:relative; top:0px; left:5px;   }  /* 上方黑按鈕(含分類文字)的位置偏移 */
.addVspace{  height:16px; }  /* 用來調整 分類文字 上面的間距 */
#txts_div{  position:relative; top:-6px; left:2px;  }  /* 分類文字(在opts_div中)的位置偏移 */

/* 以下3行 for context-shop-uploadPic.php 和 context-premium-list.php */
.picX { background-color:#FFF; width:160px; text-align:center; float:left; } 
.picXspace { background-color:#FFF; height:180px; float:left; }
.myMouse {  cursor: pointer;  }

#article_content_RWD{
	display:block;
	position:relative;
	width: 80%;
	margin: 0px auto;
	z-index:10;
}
#article_content_text{	    color: #333;  font-size: 16px;	line-height: 26px;  }

.titLink a{  color:#000; font-size:18px; font-weight:bolder; }  /* 文章主題(超連結後不變色) */ 
.titLink a:link { color:#000; } 
.titLink a:visited { color:#000; } 
.titLink a:hover { color:#F30;  font-weight:bolder; }

.context_moreLink a{ position:relative; left:4px; font-size: 13px; }  /* 頁碼 */ 
.context_moreLink a:link { color:#06F; } 
.context_moreLink a:visited { color:#06F; } 
.context_moreLink a:hover { color:#00F;  font-weight:bolder; }	


/* for 問卷統計頁 context-shop-surveyTotal.php */
.hp_cell{ width:20%; height:100px; background-color:#F0F0F0; }
.hp_bar{ background-color:#990000; width:50%; }

/* width、height、font-size 根據需求自訂 */
.tg-btn{
	background-color: #555; /*主色*/
	border-style: solid;
	border-color: #fff; /*外框色*/
	border-radius: 5px;
	/*color: #fff; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;	
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.tg-btn:hover{
	background-color: #339933; /*主色變*/
	/*color: #fff; /*字色變*/
	border-color: #fff; /*外框變色*/
}
.tg-btn_cur{
	background-color: #c9a433; /*主色*/
	border-style:solid;
	border-color: #fff; /*外框色*/
	border-radius: 5px;
	/*color: #fff; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	/*
	-webkit-transition-duration: 0.4s; 
	transition-duration: 0.4s;
	cursor: pointer;*/
}

.btn{
	background-color: #555; /*主色*/
	border-style: solid;
	border-color: #fff; /*外框色*/
	border-radius: 5px;
	color: #fff; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.btn:hover{
	background-color: #fff; /*主色變*/
	color: #555; /*字色變*/
	border-color: #555; /*外框變色*/
}
.btn_still{
	background-color: #555; /*主色*/
	border-style:solid;
	border-color: #fff; /*外框色*/
	border-radius: 5px;
	color: #fff; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

/* 取得優惠、查看優惠 */
._bt-showCoupon{
	height: 30px;
	background-color:#FFF; /*主色*/
	border-style:solid;
	border-color:#b60006; /*外框色*/
	border-radius: 6px;
	color:#b60006; /*字色*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	/*font-weight:bolder;*/
	cursor: pointer;
}


/* 以下為 店家設定優惠 list 中的按鈕 */
._btBlue{
	width:50px;
	height: 30px;
	background-color:#3899B1; /*主色*/
	border-style:solid;
	border-color:#FFF; /*外框色*/
	border-radius: 6px;
	color:#FFF; /*字色*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	/*font-weight:bolder;*/
	cursor: pointer;
}
._btRed{
	width:50px;
	height: 30px;
	background-color:#F33; /*主色*/
	border-style:solid;
	border-color:#FFF; /*外框色*/
	border-radius: 6px;
	color:#FFF; /*字色*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	/*font-weight:bolder;*/
	cursor: pointer;
}		  	
._btGreen{
	width:50px;
	height: 30px;	
	background-color:#55de51; /*主色*/
	border-style:solid;
	border-color:#fff; /*外框色*/
	border-radius: 6px;
	color:#111; /*字色*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	/*font-weight:bolder;*/
	cursor: pointer;
}  
._btYellow{
	width:50px;
	height: 30px;
	background-color:#FC3; /*主色*/
	border-style:solid;
	border-color:#fff; /*外框色*/
	border-radius: 6px;
	color:#111; /*字色*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	/*font-weight:bolder;*/
	cursor: pointer;
}	

/* 以下為 美食誌 上方列的按鈕 */
.btnFD{
	background-color: #990000; /*主色*/
	border-style: solid;
	border-color:#eee; /*外框色*/
	border-radius: 5px;
	color: #eee; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.btnFD:hover{
	background-color: #eee; /*主色變*/
	color: #990000; /*字色變*/
	border-color: #990000; /*外框變色*/
}
.btnFD_still{
	background-color: #990000; /*主色*/
	border-style:solid;
	border-color: #eee; /*外框色*/
	border-radius: 5px;
	color: #eee; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

/* 搜尋按鈕(台語站)*/
._serchBtn{
	background-color: #FFF; /*主色*/
	border-style: solid;
	border-color: #555; /*外框色*/
	border-radius: 5px;
	color: #555; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
._serchBtn:hover{
	background-color: #555; /*主色變*/
	color: #FFF; /*字色變*/
	border-color: #FFF; /*外框變色*/
}

/* 新換頁按鈕(台語站)*/
._pageBtnT{
	background-color: #FFF; /*主色*/
	border-style: solid;
	border-color: #336633; /*外框色*/
	border-radius: 5px;
	color: #336633; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
._pageBtnT:hover{
	background-color: #336633; /*主色變*/
	color: #FFF; /*字色變*/
	border-color: #FFF; /*外框變色*/
}
._pageBtnT_still{
	background-color: #FFF; /*主色*/
	border-style:solid;
	border-color: #336633; /*外框色*/
	border-radius: 5px;
	color: #336633; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

/* 新增活動資訊按鈕(台語站)*/
._newInfoBtn{
	background-color: #FFF; /*主色*/
	border-style: solid;
	border-color: #336633; /*外框色*/
	border-radius: 5px;
	color: #336633; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	animation: flker 1.8s ease-in-out infinite; /* 加上閃爍動畫 */
}
._newInfoBtn:hover{
	background-color: #336633; /*主色變*/
	color: #FFF; /*字色變*/
	border-color: #FFF; /*外框變色*/
	animation: none; /* Hover 時停止閃爍動畫 */
}

/* 閃爍動畫效果 */
@keyframes flker {
    40% {
        background-color: #FFF;
    }
    50% {
        background-color: #c9a433; /* 閃爍顏色，這裡用金色 */
    }
    60% {
        background-color: #FFF;
    }
}



/* 新換頁按鈕(金優惠)*/
._pageBtn{
	background-color: #FFF; /*主色*/
	border-style: solid;
	border-color: #c9a433; /*外框色*/
	border-radius: 5px;
	color: #c9a433; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
._pageBtn:hover{
	background-color: #c9a433; /*主色變*/
	color: #FFF; /*字色變*/
	border-color: #FFF; /*外框變色*/
}
._pageBtn_still{
	background-color: #FFF; /*主色*/
	border-style:solid;
	border-color: #c9a433; /*外框色*/
	border-radius: 5px;
	color: #c9a433; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

/* 新換頁按鈕(美食誌)*/
._pageBtn_FDred{
	background-color: #FFF; /*主色*/
	border-style: solid;
	border-color: #990000; /*外框色*/
	border-radius: 5px;
	color: #990000; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
._pageBtn_FDred:hover{
	background-color: #990000; /*主色變*/
	color: #FFF; /*字色變*/
	border-color: #FFF; /*外框變色*/
}
._pageBtn_FDred_still{
	background-color: #FFF; /*主色*/
	border-style:solid;
	border-color: #990000; /*外框色*/
	border-radius: 5px;
	color: #990000; /*字色*/
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:bolder;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}