/* CSS Document */
a{
	color:#0099FF;
}
a:hover{
	color:#00CCFF;
}
.date{
	color: #A4A4A4;
	}
.main-down-bg-all{/*包住中央內容的最大td,一般可用來設定背景圖,若中央不需背景圖則可保持空白*/

	} 
.content-control{/*中央td下的div,用來包住所有中央內容,一般也是留空*/
	padding-left: 10px;
	
}  
.main-down-bg{/*中央td > div > table,定義在table之上,這裡是內容的最大寬度,勿設超過不然會爆開*/
	width:690px;
	
	} 
.main-down-bg2{/*中央td > div > table > td,定義在table中僅次於banner.php下的td,一般也是留空*/
	} 



.content-title,.content-title2,.content-title3,.products-title{ /*內頁小標題*/
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-family: "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Heiti TC", sans-serif;
  font-weight: 500; /* 原本若是 300 或 normal 改成 500～600 */text-decoration: none;

	color: #006BD9;
	} 
.content-titles{ /*內頁小標題前的小圖,請注意此組是被定議在img上*/
	display:none;
	}
.content-text,.content03,.table-text{/*內文字*/
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	
	}  

.product-map-link,.gopage-link { /*產品導覽文字*/
	font-family: "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Heiti TC", sans-serif;
  font-weight: 500; /* 原本若是 300 或 normal 改成 500～600 */font-size: 11px;
	color: #57A9BD;
	text-decoration: none;
	}


.product-img-bg,.movie-img-bg{ /*產品列表頁單組產品的背景,這裡不需定寬高,因為寬高都是由程式去控制已設定於html中了*/
	border: 1px solid #D2E8ED;
	background-color: #FFF;
	}  


.product-name{
	
	} /*產品列表頁圖下的品名文字*/
.product-name a {
	font-family: "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Heiti TC", sans-serif;
  font-weight: 500; /* 原本若是 300 或 normal 改成 500～600 */font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.product-name a:hover {
	color: #39F;
	text-decoration: underline;
}
.product-img-bg,.product-img-bg table td {
	color:#78888D;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: lighter;
	line-height: 1.8em;
}

.products-price-normal,.products-price-members{ /*產品詳細頁價格*/
	font-weight: lighter;
	color: #333333;
	text-decoration: none;
	}

 
table.tableset{/*統一表格設定---框線*/
	background-color: #DBE2EC;
	font-size: 12px;
}
table.tableset tr th { /*統一表格設定---表格內的標題欄位文字與欄位顏色*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #639FDE;
	text-decoration: none;
	background-color:#FFF;
	padding-top: 3px;
}
table.tableset tr td {  /*統一表格設定---表格內的一般欄位文字與欄位顏色*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #787878;
	text-decoration: none;
	background-color: #F2F2F2;
	font-size: 12px;
}
table.tableset b {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #006BD9;
	letter-spacing: 1px;
	}
	
	
table.tableset tr.bottom-line2 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.table-title-color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-decoration: none;
	color: #F69;
}
table.tableset a{
	color: #09C;
	text-decoration: none;
}

table.tableset a:hover{
	color: #F90;
	text-decoration: underline;
}		
	
	
.page-link{/*統一用上下頁切換連結*/	
	font-family: "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Heiti TC", sans-serif;
  font-weight: 500; /* 原本若是 300 或 normal 改成 500～600 */font-size: 12px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
} 
.page-link:hover{
	color: #3CF;
	text-decoration: underline;
}


.guestbook-re { /*留言板回應,網友留言則採用與tableset的標準設定*/
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.notes,.from_text_left_mark,.join01{/*註解文字,例如此欄為必填*/
	font-family: "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Heiti TC", sans-serif;
  font-weight: 500; /* 原本若是 300 或 normal 改成 500～600 */font-size: 11px;
	font-weight: lighter;
	color: #F90;
	text-decoration: none;
	}


.top-link{  /*統一用top*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	}

.form-style{/*統一用單行欄位*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #443622;
	text-decoration: none;
	padding: 5px;
	background-image: url(https://www.okweb.asia/2003/color-e/images/form_1_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #8FA3BA;
	}
.form-style-big{/*統一用多行欄位*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #443622;
	text-decoration: none;
	padding: 5px;
	background-image: url(https://www.okweb.asia/2003/color-e/images/form_2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
border: 1px solid #8FA3BA;
	width:92%;
	}
.form-btn{}/*表單送出按鈕,目前是採用空值,若有適合的樣式可加上,因按鈕中的文字多變,故不以背景圖加字的方式製作*/





.table-ticket {

	font-size: <? echo $aAd['ad_size1']??12; ?>px;
	line-height: 20px;
	color: <?php echo $aAd['ad_color2']??""; ?>;
	text-decoration: none;
}
.table-ticket2 {
	font-size: <?php echo $aAd['ad_size2']??12; ?>px;
	line-height: 20px;
	color: <?php echo $aAd['ad_color3']??""; ?>;
	text-decoration: none;
}

.table-ticket3{/*投票色條顏色*/
	background-color: #80B0E1;
	height: 15px;
	display: inline-table;
	}
.ticket_bg{ /*投票色條一樣長的背景色*/
	background-color: #F2F2F2;
	margin: 0px;
	padding: 0px;
	width: 450px;
	}	



.member-link{
	font-size: 16px;
	color: #006699;
	}
.member-link:hover{
	color: #F90;
	}	





/*以下是產品詳細頁中推文按鈕組合的css,非必要都不用改*/
div.sociable {
    margin: 16px 0;
}
span.sociable_tagline {
    position: relative;
}
span.sociable_tagline span {
    display: none;
    width: 14em;
}
span.sociable_tagline:hover span {
    background: none repeat scroll 0 0 #FFFFEE;
    border: 1px solid #CCCCCC;
    color: black;
    display: block;
    line-height: 1.25em;
    position: absolute;
    top: -5em;
}
.sociable span {
    display: block;
}
.sociable ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
.sociable ul li {
    background: none repeat scroll 0 0 transparent;
    display: inline !important;
    list-style-type: none;
    margin: 0;
    padding: 1px;
}
.sociable ul li:before {
    content: "";
}
.sociable img{opacity: .8}
.sociable-hovers {
    opacity: 0.4;
}
.sociable-hovers:hover {
    opacity: 1;
}