@charset "utf-8";
/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

/* stacey 20160818 for table */
.single-post .entry-content .indent table{ vertical-align:top !important; border:1px solid #cccccc !important;}
.single-post .entry-content .indent table td{ vertical-align: top !important; padding:0 10px !important;}
.single-post .entry-content .indent table td p{ font-size:15px !important;}
.single-post .entry-content .indent table td img{ width:150px; height:203;}
.single-post .entry-content .indent table td h1,.single-post .entry-content .indent table td h2,.single-post .entry-content .indent table td h3,.single-post .entry-content .indent table td h4,.single-post .entry-content .indent table td h5,.single-post .entry-content .indent table td h6{ margin:0 !important;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	border:0;

}
a img{
	border:0;
}
h1{
	font-family:  '微軟正黑體', Arial, STHeiti, Sans Serif;font-size:1.75rem; line-height:1.9;
}
h2{
	font-size:1.6rem; line-height:1.9;
}
h3{
	/*font-size:1.45rem; line-height:1.9;*/
}
ul{
	Margin:5px, 0px, 0px, 2.57rem;  Font-size:101%;  Line height: 2.1;
}

div#sharefbseo {
	display:none;
}
.topfb{
	height: 20px;
	position: relative;
	right: -430px;
	width: 500px;

}
#f2938871a81c57e{
	border: medium none;
	height: 24px;
	overflow: hidden;
	position: relative;
	right: -180px;
	top: -30px;
	width: 400px;
}

body{min-width:1280px;
	margin:0 auto;}





div#main.wrapper{
	background-color: #FFFFFF;
	padding-bottom: 1.714285714rem;
}

/* =header
-------------------------------------------------------------- */
div.tipbar{
	background-image:url(library/images/tip_bg.gif);
	background-repeat:repeat-x;
	height:46px;
}
#ADTOP{
	float:right;
}

div.tipbar div.tip a{
	float:right;
}
div.tipbar div.tip img.social{
	margin-right:8px;float:right;
}
div.logobar{
	margin: 0 auto; clear:both; padding:0 10px;  width: 1280px;
}
a.lang{
	background-color:#666; color:#FFF; margin-top:3px; padding:1px; font-size:15px; margin-right:6px;display:inline-block;
}
a.lang:hover{
	background-color:#F60;color:#FFF;
}
div.wechat_QR {
	margin: 0px 0px 0px 0px;
	left: 5px!important;
	bottom: 80px!important;
	width: 227px;
	z-index: 100;
	position: fixed!important;
}
#two-dimensionCode_close {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-size: 16px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	position: absolute;
	left: 0;
	top: -18px;
	width: 16px;
	padding-left: 5px;
	padding-top: 3px;
}

/*for css sprites by Howard*/
.tip-bg, .icon-rss, .icon-newsletter, .icon-favorite, .icon-google,
.icon-fb, .btn-color-fb, .btn-color-google, .img-gray-arrow, .title-bar
{ display: block; background: url('images/icon_sprites.png') no-repeat; }

.tip-bg { background-position: -0px -0px; width: 1px; height: 46px; }
.icon-rss { background-position: -1px -0px; width: 32px; height: 32px; }
.icon-newsletter { background-position: -33px -0px; width: 32px; height: 32px; }
.icon-favorite { background-position: -65px -0px; width: 32px; height: 32px; }
.icon-google { background-position: -97px -0px; width: 32px; height: 32px; }
.icon-fb { background-position: -129px -0px; width: 32px; height: 32px; }
.btn-color-fb { background-position: -161px -0px; width: 24px; height: 24px; }
.btn-color-google { background-position: -185px -0px; width: 24px; height: 24px; }

.img-gray-arrow { background-position: -273px -0px; width: 13px; height: 13px; }
.title-bar { background-position: -0px -46px; height: 4px; background-repeat:repeat-x; }
/* end of css sprites*/

/*for css sprites by Howard*/

.share-fb, .arrow-twitter, .share-google, .line, .share-qq
{ display: block; background: url('images/icon_media.gif') no-repeat; }

.share-fb { background-position: -0px -2px; width: 27px; height: 28px; }
.arrow-twitter { background-position: -64px -2px; width: 28px; height: 28px; }
.share-google { background-position: -31px -2px; width: 27px; height: 28px; }
.share-qq { background-position: -98px -2px; width: 27px; height: 28px; }
.line { background-position: -257px -2px; width: 27px; height: 28px; }

/* scroll to bottom*/
#scrolldown {
	top: 0px;
	right: 20px;

	text-decoration: none;
	opacity: .9;
	width:37px;
	height:37px;
	background: url('images/toparr.gif') no-repeat;
	background-position:-7px -58px;
}
#scrollup {
	bottom: 0px;
	right: 20px;

	font-family: sans-serif;
	text-decoration: none;
	opacity: .9;
	width:37px;
	height:37px;
	background: url('images/toparr.gif') no-repeat;
	background-position:-7px -7px;
}
/* end of scroll to bottom*/
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
/*.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}這個一定不能放因為FB內文插件會無法置中*/
/* =article
-------------------------------------------------------------- */
.pagination span{
	padding-right:10px;
}
.pagination span.current{
	margin:5px;
	border:1px solid #CCC;
	padding:8px 12px 8px 12px;
	color: #FFFFFF;
	background-color: #444444;
}
.pagination a {
	border:1px solid #CCC;
	padding:8px 12px 8px 12px !important;
	margin: 0 3px;
	padding:5px;
}
.pagination a:hover {
	background-color: #444;
	color: #FFFFFF;
}
/* =most view
-------------------------------------------------------------- */
#most-viewed-posts-3 ul li span{
	font-size:13px;
	color:#333;
	padding-left:10px;
}
#most-viewed-posts-4 ul li {

	list-style-type: disc;
	margin-left: 18px;
}

/*--------------------------------------------------------------------------------
search
--------------------------------------------------------------------------------*/

#searchform {
	float:right;
	margin-top: -3px;
	display: inline-block;/**Ruby-20150210-Searchbar Disappear**/

}

#searchform  #s{
	background: url("/wp-content/themes/twentytwelve/images/icon-search.png") no-repeat scroll 7px 8px #FFFFFF;
	border: 1px solid #A1A9A9;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 3px 3px 5px #E0E0E0 inset;
	/*min-width: 155px;*//*修正破版問題做移除 - 20200611*/
	width: 155px;/*修正破版問題的解決方案 - 20200611*/
	outline: medium none;
	/*padding-left:30px;*//*修正破版問題做移除 - 20200611*/
	text-indent: 30px;/*修正破版問題的解決方案 - 20200611*/
	/*height:17px; stacey 20160314*/
}
#searchform label,#searchform input[type="submit"] {
	display: none;
}


/******************************************************************
content
******************************************************************/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {/*width: 100% !important;*/}
/*.art-tag {
	float:right;
display: block;
position: absolute;
float: right;
right: 10px;
top: -110px;
}*/


.content .art-tag + .entry-header {/* 標籤與header間距問題20160527*/
	float: left;
	width: 90%;
}

div.content div.art-tag {/**Ruby-20150729**/
	float: right;
	margin-top: -6px;
}
div.content div.entry-content div.art-tag {/**Mia-20190626**/
	/*
        float: right;
        margin-top: -23px;
    */
	position: absolute;
	right: 28px;
	top: -2px;
}
div.content header.entry-header {
	/*margin:0;*/
}
div.content header.entry-header table tr td.maintitle{
	vertical-align:middle;
	/*width:70%;*/
}


/* 各首頁文章列表標題下的作者姓名隱藏及內頁顯示 */
.entry-header span:nth-child(1){display:none;}
.entry-header span:nth-child(2){display:none !important;}
.entry-header span:nth-child(3){display:none;}
.entry-header span:nth-child(4){padding-left: 8px;}
.entry-header .indexsocial span{display: inline;}
body.single .entry-header span:nth-child(1){display: inline;}
body.single .entry-header span:nth-child(2){display: inline !important; }
body.single .entry-header span:nth-child(3){display: inline; }
body.single .entry-header span:nth-child(4){padding-left: 0; }
body.single .entry-header span:nth-child(5){}
body.single .entry-header span:nth-child(6){}
.entry-header span a{ color: #6b6b6b;}
.entry-header span a:hover{ color:#FF1BA1;}
.entry-header span{font-size: 12px;color: #6b6b6b;}

/* 文章列表標題下fb調整 */
.indexsocial .indexfb{ float:left; margin-right:5px; width:145px !important; height: 21px !important;}
.indexsocial .indexfb iframe{ width:145px !important;}
/* TN-389 fb js plugin */
.indexsocial .index-facebook {
	display: block; float:left; margin-right: 5px; width: 90px; height: 21px; padding: 0;
}
.index-facebook .share,
.index-facebook .like{
	display: inline-block; min-width: 60px; height: 21px; margin-left: -4px;
}
.index-facebook .fb-share-button, .index-facebook .fb-like,
span.insidefb .fb-share-button, span.insidefb .fb-like{
	display: block;
}

.indexsocial .indexline {
	float: left;
	margin-right: 5px;
}
/* List Under Title Add Telegram Share BTN 2020-0611 Ruby */
.indexsocial .index-telegram {
	float: left;
	margin-right: 6px;
}

/* Content Under Title Add Feedly Icon 2016-1222 Ruby */
header.entry-header span.inside-feedly {
	position: absolute;
	margin-left: 130px;
}
/* Content Under Title Add Line Share BTN 2019-0308 Ruby */
header.entry-header span.inside-line {
	position: absolute;
	margin-left: 10px;
}
/* Content Under Title Add Telegram Share BTN 2020-0611 Ruby */
header.entry-header span.inside-telegram {
	position: absolute;
	margin-left: 70px;
}
header.entry-header span.inside-facebook {
	position: absolute;
	margin-left: 190px;
}
header.entry-header span.inside-facebook-like {
	position: absolute;
	margin-left: 255px;
}
header.entry-header span.gplus {
	border: 0px solid orange;
	position: absolute;
	top: 5px;
	margin-left: 85px;
}
header.entry-header span.insidefb {
	position: absolute;
	top: -4px;
	margin-left: 245px;
}

div.tipbar div.tip div.fb-like{
	/*top:-5px;*//*修正跑版 - 20200611*/
	z-index:100;
	/*margin-top:20px;*/
}

/*TN主站/3C/財經-調整FB外掛的行內樣式轉為class，增加FB的Icon - 20200611*/
div.tipbar div.tip div.topbar-plugin { float:right; line-height:28px; padding-left: 6px; }
div.tipbar div.tip div.topbar-plugin div.fb-plugin { width:350px; float:left; z-index: 99; margin-right: 10px; }
div.tipbar div.tip div.topbar-plugin div.fb-plugin-info { float:left; line-height:28px; z-index:1; color: #6074AC; }
div.tipbar div.tip div.topbar-plugin div.fb-plugin-info a.fb-plugin-words { color:#2949A5; float: none; font-weight: 700; margin-right: 8px; }

div.fb-like{
	/*top:-5px;*/
	z-index:100;
	/*margin-top:20px;*/
}

div.content .entry-header table:first-child {
	width: 100%;
}

div.content table {

	padding:0;
	margin:0;
	word-spacing:0;
}
div.content table tr td h1.entry-title a{
	float: left;
	padding-left:10px;
	font-size: 1.75rem;
	font-weight: normal;
	line-height: 1.9;
	color: #111111;
}
div.content table tr td h1.entry-title a:hover{
	color: #FF1BA1;;
}
div.content table tr td div.article_post{
	font-size:12px;
	float:right;
	line-height:15px;
	text-align:right;
}
div.content div.entry-content{
	background-color: #FFF;

	clear: both;
	padding: 15px 15px 30px 15px;
	position: relative;
	-display:inline-block;

	/*box-shadow: 0px 0px 5px 1px hsl(0, 0%, 80%);*/
}
div.content div.entry-content h1{
	Font-size = 1.9rem;
	Line-height = 2;

}
div.content div.entry-content h2{
	Font-size = 1.8rem;
	Line-height = 2;
}
div.content div.entry-content p h3{
	Font-size = 1.7rem;
	Line-height = 2;

}

div.content div.entry-content div.read_no {
	background-color: #FF1BA1;
	color: #FFFFFF;
	font-size: 12px;
	left: -10px;
	padding: 5px;
	position: absolute;
	top:-10px;
	width: 100px;
}
div.content div.entry-content div.read_no a{
	color:#FFF;
}


div.content #facebook {
	padding-left:50px;
}
div.content div.entry-content div.img_frame {
	display: inline;
	float: left;
	-margin-right: 10px;/*2014-0808*/
	margin-bottom: 0;

	text-align:center;

}
div.content div.entry-content div.bigg {
	text-align:center;
	clear:both;
	padding-top:30px;/*2014-0728*/

}
div.content div.entry-content div.img_frame div.img {
	overflow: hidden;
	width: 100%;
	text-align:center;
}

div.sharetotal{
	float:left; margin-right:5px; text-align:center;
}
div.sharetext{
	font-size: 12px;
	line-height: 10px;
	position: relative;
	top: -10px;
}
div.sharetotal p{
	Margin: 0px;
	font-size: 0px;
	line-height: 50px;
	text-indent: 0;
	margin-left:5px;
}


/******************************************************************
content
******************************************************************/
/******************************************************************
aside
******************************************************************/
div.aside header.entry-header {
	margin:0;
}

div.aside table {
	width:100%;
	padding:0;
	margin:0;
	word-spacing:0;
}
div.aside table tr td h1.entry-title a{
	float: left;
	padding-left:10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
	color: #000000;
}
div.aside table tr td h1.entry-title a:hover{
	color: #FF1BA1;;
}
div.aside table tr td div.article_post{
	float: right;
	text-align: right;
	letter-spacing: 0.05em;
	line-height: 1.75em;
	font-size:12px;
	min-width:150px;
}
div.aside div.entry-content{
	background-color: whiteSmoke;
	border: 1px solid #CCCCCC;
	clear: both;
	padding: 10px 30px;
	position: relative;
	margin-top:15px;
}

div.aside div.entry-content div.read_no {
	background-color: #FF1BA1;
	color: #FFFFFF;
	font-size: 12px;
	left: -10px;
	padding: 5px;
	position: absolute;
	top:-10px;
	width: 100px;
}

div.aside #facebook {
	padding-left:50px;
}
div.aside div.entry-content div.img_frame {
	border: 1px solid #CCCCCC;
	clear: both;
	margin: 15px auto auto;
	padding:3px;
}
div.aside div.entry-content div.img_frame div.img {
	overflow: hidden;
	width: 100%;
	text-align:center;
}

/******************************************************************
aside
******************************************************************/
/******************************************************************
quote
******************************************************************/
div.quote header.entry-header {
	margin:0;
}

div.quote table {
	width:100%;
	padding:0;
	margin:0;
	word-spacing:0;
}
div.quote table tr td h1.entry-title a{
	float: left;
	padding-left:10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
	color: #000000;
}
div.quote table tr td h1.entry-title a:hover{
	color: #FF1BA1;;
}
div.quote table tr td div.article_post{
	float: right;
	text-align: right;
	letter-spacing: 0.05em;
	line-height: 1.75em;
	font-size:12px;
	min-width:150px;
}
div.quote div.entry-content{
	background-color: whiteSmoke;
	border: 1px solid #CCCCCC;
	clear: both;
	padding: 10px 30px;
	position: relative;
	margin-top:15px;
}

div.quote div.entry-content div.read_no {
	background-color: #FF1BA1;
	color: #FFFFFF;
	font-size: 12px;
	left: -10px;
	padding: 5px;
	position: absolute;
	top:-10px;
	width: 100px;
}

div.quote #facebook {
	padding-left:50px;
}
div.quote div.entry-content div.img_frame {
	border: 1px solid #CCCCCC;
	clear: both;
	margin: 15px auto auto;
	padding:3px;
}
div.quote div.entry-content div.img_frame div.img {
	overflow: hidden;
	width: 100%;
	text-align:center;
}

/******************************************************************
quote
******************************************************************/
/******************************************************************
link
******************************************************************/
div.link header.entry-header {
	margin:0;
}

div.link table {
	width:100%;
	padding:0;
	margin:0;
	word-spacing:0;
}
div.link table tr td h1.entry-title a{
	float: left;
	padding-left:10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
	color: #000000;
}
div.link table tr td h1.entry-title a:hover{
	color: #FF1BA1;;
}
div.link table tr td div.article_post{
	font-size:12px;
	float:right;
	line-height:15px;
	text-align:right;
}
div.link div.entry-content{
	background-color: hsl(0, 0%, 97%);
	border: 1px solid #CCCCCC;
	clear: both;
	padding: 10px 30px;
	position: relative;
	margin-top:25px;
	box-shadow: 0px 0px 5px 1px hsl(0, 0%, 80%);
}

div.link div.entry-content div.read_no {
	background-color: #FF1BA1;
	color: #FFFFFF;
	font-size: 12px;
	left: -10px;
	padding: 5px;
	position: absolute;
	top:-10px;
	width: 100px;
}

div.link #facebook {
	padding-left:50px;
}
div.link div.entry-content div.img_frame {
	clear: both;


}
div.link div.entry-content div.img_frame div.img {
	overflow: hidden;
	width: 100%;
	text-align:center;
}

/******************************************************************
link
******************************************************************/
/******************************************************************
category
******************************************************************/
div.categoryt header.entry-header {
	margin:0;
}

div.category table {
	width:100%;
	padding:0;
	margin:0;
	word-spacing:0;
}
div.category table tr td h1.entry-title a{
	float: left;
	padding-left:10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
	color: #000000;
}
div.category table tr td h1.entry-title a:hover{
	color: #FF1BA1;;
}
div.category table tr td div.article_post{
	float: right;
	text-align: right;
	letter-spacing: 0.05em;
	line-height: 1.75em;
	font-size:12px;
	min-width:150px;
}
div.category div.entry-content{
	background-color: #FFF;
	border: 1px solid white;
	clear: both;
	padding: 10px 30px;
	position: relative;
	margin-top: 25px;
	border-bottom: 4px solid #E8E8E8;
}

div.category div.entry-content div.read_no {
	background-color: #FF1BA1;
	color: #FFFFFF;
	font-size: 12px;
	left: -10px;
	padding: 5px;
	position: absolute;
	top:-10px;
	width: 100px;
}

div.category #facebook {
	padding-left:50px;
}

div.category div.entry-content div.img {
	width: 100%;
}

/******************************************************************
category
******************************************************************/
/******************************************************************
single
******************************************************************/
div.single header.entry-header {
	margin:0;
}

div.single table {
	width:100%;
	padding:0;
	margin:0;
	word-spacing:0;
}
div.single table tr td h1.entry-title a{
	float: left;
	padding-left:10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
	color: #000000;
}
div.single table tr td h1.entry-title a:hover{
	color: #FF1BA1;;
}
div.single table tr td div.article_post{
	float: right;
	text-align: right;
	letter-spacing: 0.05em;
	line-height: 1.75em;
	font-size:12px;
	min-width:150px;
}
div.single div.entry-content{
	background-color: whiteSmoke;
	border: 1px solid #CCCCCC;
	clear: both;
	padding: 10px 30px;
	position: relative;
	margin-top:15px;
}

div.csingle div.entry-content div.read_no {
	background-color: #FF1BA1;
	color: #FFFFFF;
	font-size: 12px;
	left: -10px;
	padding: 5px;
	position: absolute;
	top:-10px;
	width: 100px;
}

div.single #facebook {
	padding-left:50px;
}
div.single div.entry-content div.img_frame {

	clear: both;
	margin: 15px auto auto;
	padding:3px;
}
div.single div.entry-content div.img_frame div.img {
	overflow: hidden;
	width: 100%;
	text-align:center;
}

/******************************************************************
single
******************************************************************/
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}blockquote p{
	 padding:1.5rem;
 }
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
#primary button,
#primary input {
	line-height: normal;

}

#primary textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {

	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
	font-size: 15px;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem 0;
	/*width:100%;*/
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	margin-top:3px;
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
h3.menu-toggle{
	width:50px;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
.main-navigation ul.toggled-on li ul.sub-menu{
	visibility:hidden;
	display:none;
}
.main-navigation ul.toggled-on li {
	display: inline-block;
	color:#020202;
	width:10%;
	margin:0;
	padding:0;
	border-right:1px solid #9C9C9C;



}
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
	/* Fluid images for posts, comments, and widgets */
}
.entry-content img.pop,
.comment-content img.pop,
.widget img.pop {
	max-width: 100%;
	cursor:pointer;
	/* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	padding-bottom:20px;
}
img.size-full {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	padding-bottom:20px;
	display: block;
	max-width: 800px;
	margin: auto;
}

/* Make sure videos and embeds fit their containers */
embed,
	/*iframe,*/
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
	display: block !important;/*Ruby - 修正Twiiter外掛無法置中的問題 - 20200709*/
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}*/
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
	margin-bottom:20px;
	margin-right: 15px;/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 48%;
	/*font-size:15px;
	margin-left:5px;*//**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 48%;
	/*font-size:15px;
	margin-right:5px;*//**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 2rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	/*margin: 24px 0;
	margin: 1.714285714rem 0;*/
	padding: 24px 10px;
	padding: 1.714285714rem 10px;
	overflow: hidden;
	margin:30px 0;
	background-color:whiteSmoke;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
.more-link{
	font-size:18px;
}
body.custom-font-enabled {
	font-family: '微軟正黑體', Arial, STHeiti, Sans Serif;

}
a {
	outline: none;
	color: #21759b;
	text-decoration:none;
}
#example img {
	width:100%;
}
a:hover {
	color: #FF1BA1;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	/*padding: 0 24px;
	padding: 0 1.714285714rem;*/
	/*background-color: #fff;*/
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;

}
.textwidget img{
	border:0px;
	border-bottom-color:#FFFFFF;
}

/* Header */
.site-header {
	/*padding: 24px 0;*/
	/*padding: 1.714285714rem 0;*/
	background-color:#FFF;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;

}

/* Navigation Menu */
.main-navigation {
	/*margin-top: 12px;*/
	/*margin-top: 0.9rem;*/
	text-align: center;
	/*background-color:#222222;*/
	background-image:url('images/navbg.gif') ;
	background-repeat:repeat-x;

	line-height:51px;

	/*line-height: 3.4;*/
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.9rem;
	line-height: 1.42857143;

}
.main-navigation li ul{
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.9rem;
	line-height: 1.42857143;

}
.main-navigation a {
	color: #FFF;
}
.main-navigation a:hover {
	color: #FF1BA1;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
	width:100%;
	background-color:#636363;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle a{
	color:#FFFFFF;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	/*margin-bottom: 48px;
	margin-bottom: 3.428571429rem;*/
	word-wrap: break-word;
	margin-top: 2rem;

	padding:5px 0;
	background-color:#FFF;
	clear:both;
}
.widget ul#recentcomments li div.img {
	float: left;
	height: 32px;
	margin-right: 10px;
	width: 32px;
}

.widget-wrap div.fbcomment div.block ul#fbcomments_widget li {
	display: block;
	float: left;
	font-size: 12px;
	margin: 5px 0;
	min-width: 100%;
}
.widget-wrap div.fbcomment div.block ul#fbcomments_widget li div.img {
	float: left;
	height: 32px;
	margin-right: 10px;
	width: 32px;
}
.widget-wrap div.fbcomment div.block ul#fbcomments_widget li div.des div.name {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-bottom:5px;
}

.widget-wrap div.fbcomment div.block ul#fbcomments_widget li div.des a {
	color: #999999;
	text-decoration: none;

}
.widget-wrap div.fbcomment div.block ul#fbcomments_widget li div.des a:hover {
	color: #FF1BA1;
}
.widget #recentcomments li {
	display: block;
	font-size: 12px;
	margin: 5px 0;
	min-width: 100%;
	min-height: 32px;
	clear: both;
}
.widget-area .widget h3 {

	margin-bottom: 10px;
	color: #333;
	/* background-color: #eee; */
	padding-left: 5px;
	font-size: 1.45rem;
	line-height: 1.9;
	border-bottom: 4px solid #333;
	margin-bottom: 15px;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {

	font-size: 0.928571429rem;
	line-height: 1.5em;
	margin-bottom: 0.75em;
	border:0px;


}
.widget-area .widget ul.disc {

	list-style-type: disc;
	margin-left:18px;


}
span.tech_topic{ padding-right:10px; color:#353535; font-size:12px; }
span.tech_spec{ padding-right:10px; color:#F0C; font-size:12px; }
span.tech_own{ padding-right:10px; color:#090;font-size:12px; }
span.tech_analysis{ padding-right:10px; color:#06F;font-size:12px; }
span.tech_hot{ padding-right:10px; color:#F60;font-size:12px; }
span.tech_secret{ padding:0 14px 0 6px; color:#F00;font-size:12px;}
span.tech_promote { padding-right: 10px; color: #B2B2B2; font-size: 12px; }
span.tech_event { padding-right: 10px; color: #7F7F7F; font-size: 12px; }
/* 20161025 - new tag */
span.tech_spec_column{ padding-right:10px; color:#6b00ff; font-size:12px; }
/* 20161213 - new tag */
span.tech_Important{ padding-right:10px; color:#e40000; font-size:12px; }
/*  20180615 - new tag  */
span.tech_interviews{ padding-right:10px; color:#00d1c0; font-size:12px; }


#most-viewed-posts-3 ul li {

	list-style-type: disc;
	margin-left:18px;


}

.widget-area .widget ul.quote li{
	padding-left:30px;
	background-image:url(images/img_quote.gif);
	background-repeat:no-repeat;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {


	font-size:1rem;

	text-decoration: none;
}
.widget-area .widget a:hover {


	text-decoration:underline;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	padding-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0 0 0;
	padding: 1rem  0 0 0;
	background-color:#f5f6f8;
	border-top:1px solid #c4cfd5;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #FF1BA1;
	text-decoration:none;
}

#site-generator {
	clear: left;
	color: #FFFFFF;
	font-size: 11px;
	overflow: visible;
	padding: 10px 0;
	font-size:12px;
}
#site-generator span a{
	color: #FFF;
	text-decoration: underline;

}
#site-generator span{
	margin-left:10PX;
	color:#FFF;

}
#site-generator span a:hover{
	color:#FC0;

}
.footer-wrap {
	background-size: 100% 21px;
	float: left;
	padding-bottom: 21px;
	padding-top: 35px;
	width: 50%;
}

.footer-title {
	font-family: '微軟正黑體', Arial, STHeiti, Sans Serif;

	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #4B4B4B;
}

.footer-wrap ul.weblink {
	color: #666666;
	font-size: 15px;
	list-style-type:none;
}

.footer-wrap ul.weblink li {

	background-position: 0 5px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 6px;

}

.footer-wrap ul.weblink li a {
	color: #666666;
	text-decoration: none;
}
.footer-wrap ul.weblink li a:hover {
	color: #FF1BA1;
}


div.footer_frame {
	clear:both;
}

div.footer_frame div.hotreader {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}


div.footer_frame div.hotreader div.block {
	/*margin: 15px 0;*/
}

div.footer_frame div.hotreader div.block #hot li {
	margin: 24px 0 0;
	margin: 0.5rem 0 0;
	display: inline-block;
	width:100%;

}


div.footer_frame div.hotreader div.block ul#hot div.img {
	float: left;
	height: 60px;
	margin-right: 10px;
	width: 60px;
}

div.footer_frame div.hotreader div.block ul#hot div.des {
	float: left;
	line-height: 1.4em;
	max-width: 70%;
	word-break: break-all;
}


div.footer_frame div.hotreader div.block ul#hot div.des a {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration:none;
}
div.footer_frame div.hotreader div.block ul#hot div.des a:hover {
	color: #FF1BA1;
}
div.footer_frame div.fbcomment {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}


div.footer_frame div.fbcomment  div.block #fbcomments li {
	margin: 24px 0 0;
	margin: 0.5rem 0 0;
	display: inline-block;
	min-width:100%;
}

div.footer_frame div.fbcomment  div.block ul#fbcomments div.img {
	float: left;
	height: 32px;
	margin-right: 10px;
	width: 32px;
}

div.footer_frame div.fbcomment  div.block ul#fbcomments div.des {
	float: left;
	line-height: 1.4em;
	word-break: break-all;
}

div.footer_frame div.fbcomment  div.block ul#fbcomments div.des div.name {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

div.footer_frame div.fbcomment  div.block ul#fbcomments div.des a {
	color: #999999;
	text-decoration: none;
}
div.footer_frame div.fbcomment  div.block ul#fbcomments div.des a:hover {
	color: #FF1BA1;
}

div.footer_frame div.fans {
	background-size: 100% 21px;
	border-bottom: 1px solid #333333;
	overflow: auto;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.footer_frame div.fans ul {
	padding: 0 10px;
}

div.footer_frame div.fans ul li {
	display: block;
	float: left;
	width: 170px;
	margin-bottom: 10px;
}
div.footer_frame div.fans ul li a {
	color: #333333;
	cursor: pointer;
	display: block;
	text-decoration: underline;
}
div.footer_frame div.fans ul li a:hover {
	color: #FF1BA1;
}

div.footer_frame div.fans ul li div.img {
	float: left;
	height: 32px;
	margin-right: 10px;
	overflow: hidden;
	width: 32px;
}

div.footer_frame div.fans ul li div.des {
	float: left;
	line-height:20px;
}

div.footer_frame div.fans ul li div.des p.name {
	font-size: 15px;
}

div.footer_frame div.fans ul li div.des p.sub {
	color: #999999;
	font-size: 12px;
	line-height: 1em;
}
/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
/*.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}*/
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;

}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #FF1BA1;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
	font-size: 16.5px;
}
.entry-content p span {
	line-height: 1.714285714 !important;
	font-size: 16.5px !important;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1{ font-size:28px !important; }
.entry-content h2{ font-size:26px !important; margin: 2em 0 1em 0;color:#2175B4;}
.entry-content h3{ font-size:24px !important; margin: 2em 0 1em 0;color:#BB0505;}
.entry-content h4{ font-size:18px !important; }
.entry-content h5{ font-size:16px !important; }
.entry-content h6{ font-size:12px !important; }


/*.entry-content h1,*/
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
/*Content Text Title Font Size*/
/*.entry-content h2,*/
.comment-content h2,
.mu_register h2 {
	font-size: 1.785714286rem !important;
	line-height: 1.514285714;
	margin: 2em 0 1em 0;
	color:#2175B4;
}
/*.entry-content h3,*/
.comment-content h3 {
	font-size: 24px!important;
	line-height: 1.714285714;
	margin: 2em 0 1em 0;

	color:#BB0505;
}
/*.entry-content h4,*/
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
/*.entry-content h5,*/
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
/*.entry-content h6,*/
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {

	/*Margin:12px;*/
	font-size:16.5px !important;
	line-height:2.1 !important;
	/*text-indent:2em;*/
	clear:both;
}
div.indent p{
	text-indent:2em; margin-bottom:20px;
}
div.indent p img{
	max-width:900px;
}
div.indent ul{
	Margin:5px, 0px, 0px, 2.57rem;  Font-size:18px;  Line height:2.1;
}
div.indent h1{
	Font-size:1.75 rem;  Line-height:1.9; color:#660000;
}
/*div.indent h2{
	Font-size:1.6 rem;  Line-height:1.9 ; color:#660000;
}
div.indent h3{
	Font-size:17px;  Line-height:1.9 ; color:#660000;
}*/
.entry-content p a,
.entry-summary p a,
.comment-content p a,
.mu_register p a{
	text-indent:0;
}



.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
	font-size: 16.5px;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	-margin-bottom: 24px;
	-margin-bottom: 1.714285714rem;
	-padding: 24px;
	-padding: 1.714285714rem;
	-font-style: italic;
	-clear:both;
}

/* 20160527 焦點廣告被引文坎入跑*/
.single-post .indent blockquote .inside_AD{ margin:40px 0 0 -75px !important;}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	/*margin-bottom: 24px;
	margin-bottom: 1.714285714rem;*/
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
	vertical-align:middle;
}
.site-content article {
	border-top: 4px solid #E8E8E8;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom:30px;
	-margin-right:30pX;/** Ruby - Inside Page Add 970x250 AD **/ /* old setting */
	margin-right: 4px;/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
}
.entry-content img{
	-max-width:700px; /*2014-0808*/
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 15px;
	margin-top: 1rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
	border-top: 1px solid #CCCCCC;
	padding:5px 0 5px 0;
	overflow:auto;
}

footer.entry-meta .comments-link {
	float: right;
	text-align: right;
}

.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}

.post-meta {
	margin: 0;
	font-size: 11px;
	color: hsl(0, 0%, 62%);

}
.post-meta ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.post-meta li {
	float: left;
	width: 184px;
	margin:0 0 0 10px;
	border-right:1px solid #CCC;
	height:50px;
}
.post-meta li .head {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: black;
}
.post-meta li .body, .post-meta li .body a:link, .post-meta li .body a:visited {
	font-size: 11px;
	color: hsl(0, 0%, 48%);
	text-decoration: none;
}
.post-meta li span {
	display: block;
}
.post-meta li div.body {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}



/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	/*margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;*/
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
	background-color:#FFF;
	border:1px solid #CCCCCC;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	/*padding: 24px 24px 0;
	padding: 1.714285714rem;*/

}
article.format-aside p {


	line-height: 1.846153846;
	color: #4a5466;
	margin-top:10px;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	/*padding: 0 10px;
	padding: 0 0.714285714rem;

	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;*/
}
article.format-link .entry-content {
	/*max-width: 80%;
	float: left;*/
}
article.format-link .entry-content a {
	/*font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;*/
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding: 5px;
	padding: 1.714285714rem;
}

article.format-quote .entry-content blockquote {
	/*display: block;
	font-size: 15px;
	line-height: 1.6;
	color: #6a6a6a;
	background: #efefef;
	padding:0;
	margin:0;*/
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	background-color:#F3F3F3;
	padding:10px;
}
.comments-area article section{
	border-top:1px dotted #CCC;
	padding:5px;
}

.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 1rem;
	overflow: hidden;
	position: relative;
	padding-top:10px;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 5rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#comments {
	display: none; /**201-1218*/
	/*border-top:2px dotted #999;
	padding-top:10px;*/
}
#respond {
	margin-top: 48px;
	margin-top: 2rem;
	border-top:2px dotted #999;
	padding-top:10px;

}
#respond h3#reply-title {
	/*font-size: 16px;
	font-size: 1.142857143rem;*/
	line-height: 1.5;
	font-size:20px;
	margin-bottom:15px;
}
#respond p.must-log-in {
	font-size:15px;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
	font-size:15px;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */
div.tip{
	height: 50px;position: relative; padding-top:10px;width:1280px;margin: 0 auto; }
li.hot-disc{
	list-style-type:disc;
	margin-left: 20PX;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
ul.hot-disc2  li{
	list-style-type:disc;
	margin-left:20px;
}
/*--------------------------------------------------------------------------------
AD
--------------------------------------------------------------------------------*/
div.ad-tltr ul {
	text-align:center;
}
div.ad-tltr ul li {
	display:inline;
	margin:5px 6px;
}
div.ad-clcr ul {
	text-align:center;
}
div.ad-clcr ul li{
	display:inline;
	margin:5px 0px;
}
div.ad-cb {
	text-align:center;
}
div.m-text-limit{
	height:20px;
}

/*-------------------------------------------------*/
.sharefb{
	float:left; margin-right:5px; width:130px; line-height:38px;
}
.sharegoogle{
	position:relative; float:left;line-height:65px; padding-right:5px;
}
/*-------------------------------------------------*/
.showhot{
	display: inline-block;
	border: #CECECE 1px solid;

	margin-right: 15px;
	margin-top: 15px;
	width:230px;
	-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
	-moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
	box-shadow: 1px 1px 2px 0 #d0d0d0;
	background-color:#FFFFFF;

}
.allpost{
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	display: block;
}
.ShareLinkImg{
	text-align: center;
	display: block;

	background-color: #F0F0F0;
	position: relative;



}
.ShareLinkImg img{
	max-width:230px;
	border-bottom: 4px solid #e74c3c;


}
.smallicon{

	width:25px;
	height: 25px;
}
.Msg_body{
	padding-top:3px;
	padding-bottom:5px;
	word-break: break-all;
}
.postdate{
	color: #FFFFFF;
}
a.block-title{
	padding: 5px 0px ;
	margin: 0;
	font-size: 105%;

	font-weight:bold;
}
p.block-sub {
	font-size:13px;
	line-height:18px;
	margin:10px 0;
}
.button.normal{
	background-color: #e74c3c;
}
.button{

	background: url(/wp-content/themes/twentytwelve/images/button.png) bottom repeat-x;
	font-size: 0.9em;
	line-height: 1em;
	padding: 0.5em;
	outline: none;
	font-weight: bold;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	border-radius: 2px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	margin-top:5px;
}
.like_post {

	border-radius: 2px;
	float: right;
}
.fblike {
	padding: 8px 0 3px 13px;
	height: 20px;
	max-width: 90px;
}
div.block-indend{
	padding:0 8px 8px 8px;
}
div.block-social{
	border-top: 1px solid #e0e1dc;

	margin:10px;
}
.post_meta {

	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #e0e1dc;
	text-align:left;
}
.post_meta2 {

	padding: 20px 0px 10px 0;
	text-align:left;
}
.post_meta span.user {
	background: url(/wp-content/themes/twentytwelve/images/meta_user.png) left center no-repeat;
	padding-left: 18px;
}
.post_meta2 span.time {
	background: url(/wp-content/themes/twentytwelve/images/meta_time.png) left center no-repeat;
	padding-left: 20px;
}
.post_meta span {
	color: #999;
	margin-right: 12px;
	line-height: 1;

	font-style: italic;
	font-size: 12px;
	padding: 5px 0;
	white-space: nowrap;
}
/*************瀑布流HORIZON**********************/

.fl{float:left;}.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}
.demo{width:1280px;margin:0 auto;}

/* item_list */
.item_list{position:relative;padding:0 0 50px;}
.item{
	width:230px;background:#fff;overflow:hidden;margin:15px 0 0 0;
	border-radius:4px 4px 4px 4px;
	box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);
}
.item_t{padding:10px 8px 0;}
.item_t .img{background-color:#FFFFFF;margin:0 auto;position:relative;width:210px;min-height:113px;}
.item_t .img a{display:block;}
.item_t .img a:hover{background:#000;}
.item_t .img a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.item_t .price{
	position:absolute;bottom:10px;right:0px;background-color:rgba(0, 0, 0, 0.2);color:#FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}
.item .btns{display:none;}
.img_album_btn{top:0px;right:0px;position:absolute;background:#ff6fa6;color:#ffffff;height:20px;line-height:20px;width:56px;border-radius:3px;}
.img_album_btn:hover{color:#fff;}
.item_t .title{padding:8px 0;line-height:18px;}
.item_b{padding:10px 8px;}
.item_b .items_likes .like_btn{background:url("images/fav_icon_word_new_1220.png") no-repeat;display:block;float:left;height:23px;width:59px;margin-right:5px;}
.item_b .items_likes em{line-height:23px;display:block;float:left;padding:0px 6px;color:#FF6699;font-weight:800;border:1px solid #ff6fa6;border-radius:3px;}

/* more */
#more{display:block;margin:10px auto 20px;}

/* infscr-loading */
#infscr-loading{bottom:-10px;left:45%;position:absolute;text-align:center;height:20px;line-height:20px;z-index:100;width:120px;}

/* page */
/*.page{display:none;font-size:18px;height:60px;text-align:center;margin:20px 0 0 0;}*/
.page_num a,.page_num span{margin:0 2px;background:url("images/page.png") no-repeat;display:inline-block;width:30px;height:28px;line-height:26px;overflow:hidden;}
.page_num a{background-position:-65px 0;color:#FF3333;overflow:hidden;}
.page_num .prev{background-position:1px -33px;}
.page_num .unprev{background-position:1px 0;cursor:default;}
.page_num .next{background-position:-32px 0;}
.page_num .unnext{background-position:-32px -33px;cursor:default;}
.page_num .current{background-position:-99px 0;color:#FFFFFF;}
.page_num .etc{background-position:-172px 8px;}

/* to_top */
.to_top a,.to_top a:hover{background:url("images/gotop.png") no-repeat}
.to_top a{
	background-position:0 0;float:left;height:50px;overflow:hidden;width:50px;position:fixed;bottom:35px;cursor:pointer;right:20px;
	_position:absolute;
	_right:auto;
	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));
}
.to_top a:hover{background-position:-51px 0px;}

/*------------------FB 距離--------------------------------*/
.head-fb {
	position: relative;
	z-index: 1000;
}
span.gplus{
	border: 0px solid orange;
	position: absolute;
	top: 5px;
	margin-left:10px;
}
span.insidefb{
	position: absolute;
	top: -4px;
	margin-left:55px;
}





.sharefbline .gplus { top:10px !important;}
.sharefbline .insidefb { top:12px !important;}
.sharefbline .insidefb .fb-like {
	width: 140px !important;
	height:24px;
}
.sharefbline span.fb-likeword{ margin-left:185px;}

.single.single-post .entry-header .fb-messenger .fb-send.fb_iframe_widget,
.single.single-post .entry-header .insidefb .fb-like.fb_iframe_widget {
	position:absolute;
	left:0;
	top:11px;
	height:24px;
}

/**stacey-2016-0425*/
li.insidefbcomm{
	border: 0px solid orange;
	width: 180px;
	height: 40px;
	position: absolute;
	top: 5px;
	left: 15px;
	-z-index: 9999;
}
/**stacey-2016-0425*/
li.insidegooglecomm{
	border: 0px solid orange;
	width: 180px;
	height: 40px;
	position: absolute;
	top: 5px;
	left: 210px;
	-z-index: 9999;
}
/**stacey-2016-0425*/
span.fb-messenger {
	/*border: 0px;
    width:53px;
    height:20px;
    background-image: url('images/FB-Messenger_btn.png');
    background-repeat: no-repeat;*/
	margin-left:10px;
	position:absolute;
	top:-4px;
}
span.fb-messenger div.fb-send {/**Ruby-2015-0916*/
	/*position: absolute;
    top: 16px;
    margin-left:5px;*/
}
span.fb-messenger .fb-send.fb_iframe_widget span {/**2015-1008*/
	/*position: absolute;
	left: 40px;
	bottom: 33px;*/
}

ul.socialcount{
	display:none;/** 上方兩個社群分享隱藏 20160601*/
	position: relative;
	float:left;
	left: -60px; /**2014-1218*/
}
.socialcount li{
	list-style-type:none;
}

ins {
	background: #FFFFFF;
	text-decoration: none;
}
.section-head{
	border-bottom: 4px solid #aaa;
	color: #eee;
	font-size: inherit;
	font-weight: bold;
	text-transform: uppercase; clear:both; border-bottom:4px solid #a91515; margin-bottom:25px; margin-right:30px;
}
.section-head span{background-color:#a91515; font-size:20px;  padding:0 20px;
}
.indexg{
	position:relative; float:left; margin-right:10px;
}
.indexsocial{
	display: inline-block;
	position: relative;
	top: 8px;
}
.rightifo{
	color: #666;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
}
.taglink{
	float: left; margin-left: 20px; color: #0A9CCA; font-size:15px;
}
.taglink a{
	color: #0A9CCA;
}
.moreinf a{
	font-size:17px;
	color:#0A9CCA;
}
/*-------------下拉---------------*/
.pull{
	font-size: 13px;
	background-color: #eeeeee;
	border: 1px #cccccc dashed;
	padding: 8px;
	font-family: sans-serif;
	width:200px;
	margin-top:20px;
}
#sl_day_range{
	-webkit-appearance: menulist;
	box-sizing: border-box;
	align-items: center;
	border: 1px solid;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	color: black;
	background-color: white;
	cursor: default;


}
/*--------------SELECT BTN---------------------*/



input.sl_day_range{
	-moz-box-shadow:inset 0px 0px 0px 1px #f5978e;
	-webkit-box-shadow:inset 0px 0px 0px 1px #f5978e;
	box-shadow:inset 0px 0px 0px 1px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #810e05;
	margin-right:10px;
}
input.sl_day_range:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
input.sl_day_range:active {
	position:relative;
	top:1px;
}

/**Ruby-20141210_RWD Improve**/
.entry-content:after {
	content:'';
	display:block;
	clear: both;
}
@media screen and (max-width: 1020px) {
	.rightifo {
		margin-left: 320px;
	}
	div.content div.entry-content {
		padding:  15px;
	}
}
/**Ruby-20141210**/


/**Ruby-20150210-Searchbar Disappear**/
@media screen and (max-width: 1240px) {
	div.tip {
		width: 98.9%;
		float: right;
		margin-right: 10px;
	}
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 1024px) {

	.head-fb {
		top: 10px;
		width:450px;

	}
	div.tip{width:1280;}
	.widget-area {
		float: left;
		width:300px;
		padding-left: 20px;
		border-left: 1px solid #eaeaea;
		float: left;
	}
	body.single.single-post .site-content + .widget-area {/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
		padding-left: 0 !important;
		border-left: none !important;
	}
	#example img {
		max-width:800px;
	}
	#primary button,
	#primary input {
		line-height: normal;
		/*	min-width:650px;*/
	}

	#primary .trv-media-controls button, #primary .overlay-play-wrapper button{/** 20190711 mia -  Truvid聯播網-廣告Code置入破版修正 AD **/ /* new setting */
		min-width:auto;
	}

	#primary textarea {
		font-size: 100%;
		overflow: auto;

		vertical-align: top;
		min-width:650px;
	}
	div.content table tr td div.article_post{
		float: right;
		text-align: right;
		letter-spacing: 0.05em;
		line-height: 1.75em;
		font-size:12px;
		min-width:150px;
	}
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
		margin-left: 20px;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	#searchform {
		-display: inline-block !important;/**Ruby-20150210-Searchbar Disappear**/

	}

	div.fb-like{

		margin-top:0;
	}


	.site-content {
		float: left;
		width: 934px;
		margin-right:10px;
	}
	div.footer_frame div.fans ul li {
		display: block;
		float: left;
		margin: 10 30px;
		width: 170px;
		padding:0 30px;
	}

	div.footer_frame div.hotreader {
		float: left;
		margin-right: 10px;
		max-width: 65%;
	}

	div.footer_frame div.fbcomment {
		float: left;
		width: 33%;
	}
	div.footer_frame div.hotreader div.block #hot li {
		display: block;
		float: left;
		font-size: 12px;
		margin: 10px 0;
		width: 50%;

	}
	div.footer_frame div.fbcomment  div.block #fbcomments li {
		display: block;
		font-size: 12px;
		margin: 5px 0;
		float:left;
		min-width: 100%;
	}

	div.footer_frame div.fbcomment div.block ul#fbcomments div.des {
		float: left;
		line-height: 1.4em;
		word-break: break-all;
		width:80%;
	}

	div.footer_frame div.hotreader div.block ul#hot div.img {
		float: left;
		height: 60px;
		margin-right: 10px;
		width: 60px;
	}
	div.footer_frame div.fbcomment  div.block ul#fbcomments div.img {
		float: left;
		height: 32px;
		margin-right: 10px;

		width: 32px;
	}

	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 65%;
	}

	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;

	}

	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #FFF;
		line-height: 51px;
		text-transform: uppercase;
		white-space: nowrap;
		padding:0 10px;

	}
	.main-navigation li a:hover {
		color: #FFF;
		background-image:url('/wp-content/themes/twentytwelve/images/nav-on.png') ;

	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 0 0 0;
		position: relative;
	}

	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 20;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background:#000;
		border:0px;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 12px;
		font-size: 0.785714286rem;
		line-height: 2;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
		color:#FFF;
		filter : alpha(opacity=90); /* IE, 0 ~ 100 */
		opacity : 0.90; /* Others, 0 ~ 1 */
		z-index: 50;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #FFF;
		font-weight: bold;
		background-color:#cd2122;



	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		Font-size:1.9rem;
		Line-height:2;

	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	/*-----------------------------------content-----------------------------------------------------*/

	div.content div.entry-content div.img_frame div.img {
		float:left; padding-right:15px;
		max-height: 140px;

		overflow: hidden;
		max-width: 245px; /*2014-0808*/
		vertical-align: middle;
		text-align: center;
		height: 140px;
		margin: auto;

	}

	div.content table tr td h1.entry-title a {

		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
	}

	div.content div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px 5px 5px 10px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.content div.entry-content div.read_no a {
		color:#FFF;
	}
	div.content div.entry-content div.read_no a:hover {
		color:#FFF;
		text-decoration:none;
	}




	div.content table tr td h1.entry-title a {

		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;

	}

	div.content div.entry-content div.read_no {
		background-color: hsl(358, 85%, 74%);
		color: #FFFFFF;
		font-size: 17px;
		left: -10px;
		padding: 2px 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	/*-----------------------------------aside-----------------------------------------------------*/
	div.aside div.entry-content div.img_frame {
		border: 1px solid #CCCCCC;
		clear: both;
		margin: 15px auto auto;
		padding: 3px;
		width: 100%;
	}
	div.aside div.entry-content div.img_frame div.img {
		height: 290px;
		overflow: hidden;
		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.aside table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.aside div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px 5px 5px 10px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.aside div.entry-content div.read_no a {
		color:#FFF;
	}
	div.aside div.entry-content div.read_no a:hover {
		color:#FFF;
		text-decoration:none;
	}

	div.aside div.entry-content div.img_frame {
		border: 1px solid #CCCCCC;
		clear: both;
		margin: 15px auto auto;
		padding: 3px;
		width: 100%;
	}
	div.aside div.entry-content div.img_frame div.img {
		height: 290px;
		overflow: hidden;
		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.aside table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.aside div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}

	/*-----------------------------------quote-----------------------------------------------------*/
	div.quote div.entry-content div.img_frame {
		border: 1px solid #CCCCCC;
		clear: both;
		margin: 15px auto auto;
		padding: 3px;
		width: 100%;
	}
	div.quote div.entry-content div.img_frame div.img {
		height: 290px;
		overflow: hidden;
		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.cquote table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.quote div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}

	div.quote div.entry-content div.img_frame {
		border: 1px solid #CCCCCC;
		clear: both;
		margin: 15px auto auto;
		padding: 3px;
		width: 100%;
	}
	div.quote div.entry-content div.img_frame div.img {
		height: 290px;
		overflow: hidden;
		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.quote table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.quote div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px 5px 5px 10px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.quote div.entry-content div.read_no a {
		color:#FFF;
	}
	div.quote div.entry-content div.read_no a:hover {
		color:#FFF;
		text-decoration:none;
	}

	div.quote div.entry-content	blockquote:before,
	div.quote div.entry-content blockquote:after,
	div.quote div.entry-content q:before,
	div.quote div.entry-content q:after {

		font-style: italic;
		font-family: Georgia,serif;
		font-size: 2.75em;
		margin-top: 0.1em;
		opacity: 0.3;
		text-indent: -0.8em;
		orphans: 4;


	}
	/*-----------------------------------link----------------------------------------------------*/
	div.link div.entry-content div.img_frame {
		clear: both;


	}
	div.link div.entry-content div.img_frame div.img {
		max-width:300px; padding-right:15px; float:left;
	}

	div.link table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.link div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.link div.entry-content div.read_no a {
		color:#FFF;
	}
	div.link div.entry-content div.read_no a:hover {
		color:#FFF;
		text-decoration:none;
	}

	div.link div.entry-content div.img_frame {
		clear: both;

	}


	div.link table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.link div.entry-content div.read_no {
		background-color: hsl(358, 85%, 74%);
		color: #FFFFFF;
		font-size: 17px;
		left: -10px;
		padding: 2px 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.link div.entry-content blockquote:before, div.link div.entry-content blockquote:after, div.link div.entry-content q:before, div.link div.entry-content q:after {
		font-family: Georgia,serif;
		font-size: 2.75em;
		font-style: italic;
		margin-top: 0.1em;
		opacity: 0.3;
		orphans: 4;
		text-indent: -0.8em;
	}
	article.format-link .entry-content blockquote {
		-background: none repeat scroll 0 0 #FFF;
		-color: #6A6A6A;
		-display: block;
		-font-size: 15px;
		-line-height: 1.6;
		-margin: 15px 0;
		-padding: 0;

	}
	article.format-link .entry-content p {
		margin: 10px 0 0 0;
		padding: 0m;
	}

	div.link table tr td div.article_post {
		float: right;
		font-size: 12px;
		letter-spacing: 0.05em;
		line-height: 1.75em;
		min-width: 150px;
		text-align: right;
	}
	/*-----------------------------------category-----------------------------------------------------*/
	div.category div.entry-content div.img_frame {
		/*border: 1px solid #CCCCCC;*/
		clear: both;
		margin: 15px auto auto;
		padding: 3px;
		width: 100%;
		overflow:auto;
	}
	div.category div.entry-content div.img_frame div.img {
		height: 290px;
		overflow: hidden;
		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.category table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.category div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px 5px 5px 10px;
		position: absolute;
		top: -10px;
		width: 170px;
	}


	div.category div.entry-content div.img {
		max-width: 300px;
		float: left;
		margin-right: 10px;
		margin-top:10px;
	}

	div.category table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 22px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.category div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.category div.entry-content div.read_no a {
		color:#FFF;
	}
	div.category div.entry-content div.read_no a:hover {
		color:#FFF;
		text-decoration:none;
	}
	/*-----------------------------------single-----------------------------------------------------*/

	div.single div.entry-content div.img_frame div.img {
		height: 290px;
		overflow: hidden;
		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.single table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.single div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px 5px 5px 10px;
		position: absolute;
		top: -10px;
		width: 170px;
	}

	div.single div.entry-content div.img_frame {

		clear: both;
		margin: 15px auto auto;
		padding: 3px;
		width: 100%;
	}
	div.single div.entry-content div.img_frame div.img {

		max-width: 535px;
		text-align:center;
		margin:0 auto;
	}

	div.single table tr td h1.entry-title a {
		color: #000000;
		float: left;
		font-size: 30px;
		font-weight: normal;
		line-height: 1.5em;
		padding-left: 10px;
		width:85%;
	}

	div.single div.entry-content div.read_no {
		background-color: #FF1BA1;
		color: #FFFFFF;
		font-size: 18px;
		left: -10px;
		padding: 5px;
		position: absolute;
		top: -10px;
		width: 170px;
	}
	div.singlediv.entry-content div.read_no a {
		color:#FFF;
	}
	div.single div.entry-content div.read_no a:hover {
		color:#FFF;
		text-decoration:none;
	}


}

/* Minimum width of 1000 pixels. */
@media screen and (max-width: 1024px) {
	body {
		background-color: #F2F2F2;
	}

	div.logobar{
		margin: 0 auto; clear:both; padding:0 20px;  width: 1280px;
	}
	div.tip{
		width:auto;}

	.widget-area {
		float: left;
		width:300px;
		padding-left: 20px;
		border-left: 1px solid #eaeaea;
		float: left;
	}
	#ADTOP{
		float:right;  margin-top:4px; /**Ruby-20150623**/
	}
	.site-content {
		float: left;
		width: auto;
		margin-right:10px;

	}


}

body.single.single-post .site-content {/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
	width: 980px !important;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
	margin-right: 0px !important;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
}

body.single.single-post .site-content #content, body.single.single-post .site-content #content .content {
	width: 960px !important;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
	padding-right: 20px !important;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
}

/*@media screen and (max-width: 1034px) {/**Ruby-20150623
	#ADTOP{
		float:right;  margin-top:4px; visibility: hidden; display: none;
	}

}**/
@media screen and (max-width: 1239px) {
	.site-content {
		float: left;
		width: 934px;
		margin-right:10px;

	}


}

}

@media screen and (min-width: 1280px) {
	iframe#aece0c28{/**Ruby**/
		display: none;
	}
	.widget-area {
		float: left;
		width: 300px;
		padding-left: 20px;
		border-left: 1px solid #eaeaea;
		float: left;
	}
	div.tip{
		width:auto;}

	.menu-toggle {
		display: none;
	}
}

/*@media screen and (max-width: 1280px) {
	-#ADTOP{/**DFP
		float:right;  margin-top:4px; visibility: visible; display: inline-block;
	}**/
/*#ADTOP{*OPENX
    float:right;  margin-top:4px; display: none;
}
}**/

/*@media screen and (max-width: 1259px) {
	#ADTOP{/**OPENX
		float:right;  margin-top:4px; display: none;
	}**/


/*@media screen and (min-width: 1260px) and (max-width: 1280px) {
	#ADTOP{/**OPENX
		float:right;  margin-top:4px; display:block;
	}
}**/

/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}

/* =Print
----------------------------------------------- */

@media all and (min-width: 480px) and (max-width: 768px) {
	.demo{width:70%;margin:0 auto;}
	/*#ADTOP{
		visibility: hidden; display:none ;
	}*/
}
@media all and (max-width: 480px) {

	/*#ADTOP{
		visibility: hidden; display:none ;
	}*/
}
/*--------------------------------------------------------------------------------
tip
--------------------------------------------------------------------------------*/
.sharefbline{
	clear:both; padding:10px 0; margin:20px 0; width:100%; position:relative;
	font-size: 14px !important;
}
.sharefbline div.left{
	float:left;
}
.sharefbline div.right{
	float:right; margin-top:-10px;
}
/*--------------------------------------------------------------------------------
Google AD Debug
--------------------------------------------------------------------------------*/
iframe#a43943c6, iframe#a0a6b470, iframe#a6b8349d, iframe#a2de45f2, iframe#a5bda738, iframe#aba661ca{
	width: 300px !important;
}
iframe#aece0c28{
	width: 970px !important;
}
iframe#a0d4f007{
	width: 728px !important;
}
iframe#a04dcecf { /*PC-Content-middle*/
	margin: 0 auto !important;
	display: block !important;
}

/*--------------------------------------------------------------------------------
Youtube Video Align
--------------------------------------------------------------------------------*/
div.entry-content div.indent p iframe {
	margin: 0 auto !important;
	display: block;
}
/*--------------------------------------------------------------------------------
Twitter Plugin Align
--------------------------------------------------------------------------------*/
.entry-content [id|="twitter-widget"]{
	margin: 0 auto !important;
	display: block !important;
	width: 550px !important;
}
/*--------------------------------------------------------------------------------
FB Plugin Align
--------------------------------------------------------------------------------*/
.fb-post.fb_iframe_widget, .fb-post.fb_iframe_widget span, .fb-post.fb_iframe_widget span iframe {
	display: table !important;
	margin: 0 auto !important;
}
div.tip div div .fb-like.fb_iframe_widget span iframe {/**2015-1008**/
	margin-top: 3px !important;
	height: 30px !important;
	overflow: hidden !important;
}
li.insidefb .fb-like.fb_iframe_widget span iframe {/**2015-1008**/
	height: 60px !important;
	overflow: hidden !important;
}
div.FBlike-bottom .fb-like.fb_iframe_widget span iframe {/**2015-1008**/
	height: 80px !important;
	overflow: hidden !important;
}
/*--------------------------------------------------------------------------------
Instagram Plugin Align
--------------------------------------------------------------------------------*/
.entry-content [id|="instagram-embed"]{
	margin: 0 auto !important;
}
/*--------------------------------------------------------------------------------
Content Middle AD
--------------------------------------------------------------------------------*/
#inside_AD {
	text-align: center;
	/*width: 60%;*/
	/*height: 330px;*/
	/*margin: 40px 20% 0 20%;*//** Ruby - Inside Page Add 970x250 AD **/ /* old setting */
	/*margin: 40px 0 0 -15px;*//** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
	/*border: solid #C3C3C3 thin;
    padding: 8px 0 5px 0;*/
}
#content-middle-ad {
	font-weight: normal;
	font-size: 14px;
}
/*--------------------------------------------------------------------------------
Content Middle FB Button
--------------------------------------------------------------------------------*/
.con-middle-like {
	width: 970px;
	margin: auto;
}
.con-middle-like-top{
	background: url(/wp-content/themes/twentytwelve/images/con-middle-like-top.gif) no-repeat;
	height: 54px;
}
.con-middle-like-center {
	background: url(/wp-content/themes/twentytwelve/images/con-middle-like-center.jpg) no-repeat;
	height: 26px;
}
div.con-middle-like-center div.fb-like.fb_iframe_widget {
	padding-left: 20px;
	padding-top: 8px;
}
.con-middle-like-bottom {
	background: url(/wp-content/themes/twentytwelve/images/con-middle-like-bottom.jpg) no-repeat;
	height: 10px;
}
/*--------------------------------------------------------------------------------
Content inside Img Iframe - 20220825 - Remove Img Boder & Size Setting in Article
--------------------------------------------------------------------------------*/
figure.alignnone.con-img-border {
	/*border: 1px solid #ddd !important;*/
	margin: 0 auto 0 auto !important;/*margin: 0 auto 30px auto !important;*/
	display: block !important;
	/*padding: 8px;*/
	/*max-width: 80%;*/
	text-align: center!important;
}
figure.alignnone.con-img-border figcaption {
	/*font-size: 15px;
	text-align: center !important;
	padding: 5px 0;
	color: #7E7E7E;*/
	display: none;
}
figure.alignnone.no-info-img img {
	/*border: 1px solid #ddd !important;*/
	margin: 0 auto 0 auto !important;/*margin: 0 auto 30px auto !important;*/
	display: block !important;
	/*padding: 8px;*/
	/*max-width: 80%;*/
}
figure.alignnone.no-info-img figcaption {
	display: none;
}
/*--------------------------------------------------------------------------------
Header Site Tag
--------------------------------------------------------------------------------*/
div.site-tag {
	float: left;
	margin-top: -10px;
}
div#tn-tag {
	float: left;
	width: 124px;
	height: 46px;
	background-image: url('images/tn_tag_selected.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);/**適用 firefox 等較舊版 Gecko 系列**/
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);/**適用 safari, google chrome 等較舊版 webkit 系列**/
}
div#tn-tag-default {
	float: left;
	width: 124px;
	height: 45px;
	background-image: url('images/tn_tag_default.jpg');
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;/**適用 firefox 等較舊版 Gecko 系列**/
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;/**適用 safari, google chrome 等較舊版 webkit 系列**/
}
div#tn-tag-default:hover  {
	background-image: url('images/tn_tag_hover.jpg');
	background-repeat: no-repeat;
}
div#ele-tag {
	float: left;
	width: 124px;
	height: 46px;
	background-image: url('images/3c_tag_selected.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);/**適用 firefox 等較舊版 Gecko 系列**/
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);/**適用 safari, google chrome 等較舊版 webkit 系列**/
}
div#ele-tag-default {
	float: left;
	width: 124px;
	height: 45px;
	background-image: url('images/3c_tag_default.jpg');
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;/**適用 firefox 等較舊版 Gecko 系列**/
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;/**適用 safari, google chrome 等較舊版 webkit 系列**/
}
div#ele-tag-default:hover {
	background-image: url('images/3c_tag_hover.jpg');
	background-repeat: no-repeat;
}
div#finance-tag {
	float: left;
	width: 124px;
	height: 46px;
	background-image: url('images/finance_tag_selected.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);/**適用 firefox 等較舊版 Gecko 系列**/
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);/**適用 safari, google chrome 等較舊版 webkit 系列**/
}
div#finance-tag-default {
	float: left;
	width: 124px;
	height: 45px;
	background-image: url('images/finance_tag_default.jpg');
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;/**適用 firefox 等較舊版 Gecko 系列**/
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;/**適用 safari, google chrome 等較舊版 webkit 系列**/
}
div#finance-tag-default:hover  {
	background-image: url('images/finance_tag_hover.jpg');
	background-repeat: no-repeat;
}

div#infosecu-tag {
	float: left;
	width: 124px;
	height: 46px;
	background-image: url('images/infosecu_tag_selected.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.5);
}
div#infosecu-tag-default {
	float: left;
	width: 124px;
	height: 45px;
	background-image: url('images/infosecu_tag_default.jpg');
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3) inset;
}
div#infosecu-tag-default:hover  {
	background-image: url('images/infosecu_tag_hover.jpg');
	background-repeat: no-repeat;
}

/**CSS Improvement 20141218**/
div.topblack + div#content article:nth-child(2) {
	border-top: none;
}
div#content article:only-of-type {/**CSS Improvement 20150203**/
	border-top: none;
}
div#fbSEOComments {
	padding-top: 90px;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
	background-image: url('images/fb-commet-title-bg.gif');/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
	background-repeat: no-repeat;
	background-position: 0% 40px;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
	margin-bottom: 40px;/**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
}

/**One AD**/
#div-onead-ad {
	-margin-left: -33px;
}

/**Blockquote Style**/
div.indent blockquote {
	background: url('images/web-images/quote-img-ver2.png') no-repeat scroll 30px 0px;
	margin: 15px 0 20px 0px;
	padding: 25px 8px 8px 60px;
	clear: both;
	quotes: none;
	font-weight: 700;
}
div.indent blockquote p {
	padding: 0;
	margin: 0;
}
div.moreinf blockquote {
	background: url('images/web-images/quote-img-ver2.png') no-repeat scroll 0px 0px;
	margin: 0;
	padding: 15px 8px 12px 50px;
	clear: both;
	quotes: none;
	font-weight: 700;
}
div.moreinf blockquote p {
	padding: 0;
}

/**Ruby-20150623-強迫NAV寬度過窄時不要斷行**/

@media only screen
and (max-width: 1100px) {
	.main-navigation li a {
		padding:0 5px;

	}
}

/**Ruby-20150623-內頁方形版位並排**/
table.AD_TN_tw_pc_DTL_content, table.AD_TN_tw_pc_DTL_content td {
	border: none !important;
}
table.AD_TN_tw_pc_DTL_content {
	width: 560px !important;
	margin: auto !important;
}

/**Ruby-20150623-列表頁出現的廣告**/
#div-gpt-ad-1434621682248-3, #div-gpt-ad-1435224161880-0, #div-gpt-ad-1435224161880-1, #div-gpt-ad-1435224161880-2 {
	margin: auto !important;
	padding-bottom: 25px;
}

/**Ruby-20150623-右側欄廣告top無間距**/
.widget-area .widget:first-child {
	margin: 0 !important;
}

/* stacey-20160428 熱門關鍵字 */
.HotText{ margin-bottom:12px;}
.HotText ul li{float:left; margin:0 10px 0 5px; font:13px/13px "微軟正黑體", Arial, sans-serif; color:#000000;}
.HotText ul li a{color:#000000;}
.HotText ul li a:hover{color:#FF1BA1;}
.HotText ul li:nth-child(1){color: #A00002;}
/* stacey-20161229 obox mobile 首頁蓋版廣告的關閉按鈕 */
#blockui .closeImg img.closeImg{ width:40px; height:40px;}

/* 企業部落格 */
.enterprise_wrapper{ width:100%;}
.enterprise_block{ border:1px solid #eaeaea; width:265px; height:400px; float:left; margin:12px 12px; padding:10px;font-family:"MicrosoftJhengHei",'微軟正黑體', Arial, sans-serif; }
.enterprise_block a{ display:block; text-align:center;}
.company_name{ font-size:20px; color:#343434; margin-bottom:10px; margin-top:10px; border-top:1px solid #eaeaea; padding:5px 0; padding-top:15px;}
.company_intro{font-size:15px; color:#666; line-height:22px; display:block; height:150px; overflow:hidden;}
.company_more a{ font-size:14px; color:#a91515; display:block; text-decoration:none; margin-top:15px; font-weight:bolder; text-align:left;}
.company_more a:hover{ color:#cf2f2f;}

/* 研討會活動-20220505新增研討會活動列表頁 */
.seminar_name{ font-size:20px; color:#343434; margin-bottom:10px; padding:5px 0; margin-top: 6px;}
.font_overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.seminar_intro{font-size: 15px; color: #666; line-height: 22px; height: 150px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.p_font { font-size: 15px;font-family: Arial,"微軟正黑體"; color: #898989; margin-top: 9px;}
.seminar_more a { font-size: 14px; color: #a91515; display: block; text-decoration: none; margin-top: 15px; font-weight: bolder; text-align: left;}
.seminar_height{height: 410px;}

/* APPLE & Android APP 20171011 Stacey */
div.logobar ul.app_icon_block{ margin:20px 0 0 40px;}
div.logobar ul.app_icon_block li{ float:left;}
div.logobar ul.app_icon_block li:nth-child(2){ margin-right:30px;}
div.logobar ul.app_icon_block li a{ display:block;}
div.logobar ul.app_icon_block li img{ width:70px; height:70px;}
div.logobar ul.app_icon_block li img.img_style{ width:148px; height:50px; margin-top:10px;}


/* member mia 20190627 */
/*內文 member lock */
.list_post_title .dashicons{ color: #a91515;}
.lockPost {width:100%;height:100%;position:relative;z-index:3;bottom:0px;}
.lockPost.pc{
	width: 100%;
	margin-top: 50px;
	padding: 0 0 20px 0;
}
.lockPost .lockBox {
	width: 74%;/*width: 90%;*//**縮短上鎖文章未登入時顯示的提示訊息-Ruby-20201123**/
	height: auto;
	position: relative;
	bottom: 0px;
	margin: auto;
	font-size: 16px;
	text-align: center;
	line-height: 1.5em;
	left: 37%;/*left: 45%;*//**縮短上鎖文章未登入時顯示的提示訊息-Ruby-20201123**/
	transform: translateX(-50%);
	color: #333;
	background-color: #fcfcfc;
	border: 1px solid #dee2e6;
}
.lockPost {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1)25%, rgba(255, 255, 255, 0)90%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1)25%, rgba(255, 255, 255, 0)90%);
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1)25%, rgba(255, 255, 255, 0)90%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, 1)25%, rgba(255, 255, 255, 0)90%);
}
.lockPost::before{
	content: "";
	bottom: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	height: 120px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.5)),to(#fff));
	background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.5),#fff);
	background-image: -o-linear-gradient(top,hsla(0,0%,100%,.5),#fff);
	background-image: linear-gradient(180deg,hsla(0,0%,100%,.5),#fff);
}

.more{
	font-size: 1.4em;
	line-height: 1.6em;
}
.more .lockIcon{
	width: 20px;
	position: relative;
	top: 3px;
}
.article_list_block a img.lockIcon {
	width: 18px !important;
}
.lockBox-text {
	text-align: center;
	margin-top: 20px;
	display: block;
}
.lockBox-text a {
	color: #BC0C19;
	text-decoration: underline;
}
.lockBoxInner{
	margin-bottom: 30px;
}
.lockBoxInnerBtn {
	margin: 8px;
	border-radius: 4px;
	min-height: 38px;
	cursor: pointer;
	letter-spacing: 0.2em;
}
.lockBoxInnerBtn.signinBtn {
	box-shadow: inset 0 0 0 100px #BC0C19;
	color: #fff;
	margin: auto;
	font-size: 1.2rem;
	padding: 0.6rem 0.75rem;
	display: inline-block;/*display: block;*//**增加會存在多個按鈕的設定-Ruby-20220519**/
	min-height: 0;
	margin-top: 20px;
	margin-right: 10px;/**增加會存在多個按鈕的設定-Ruby-20220519**/
	width: 30%;/*width: 38%;*//**縮短上鎖文章未登入時顯示的提示訊息-Ruby-20200907**/
}
.lockBoxInnerBtn.signinBtn + .lockBoxInnerBtn.signinBtn {/**增加會存在多個按鈕的設定-Ruby-20220519**/
	margin-left: 10px;
	margin-right: 0;
}
.lockBoxInnerBtn.signinBtn:hover {
	box-shadow: inset 0 0 0 100px #ae0b17;
}
.lockPostIconInner {
	display: inline-block;
	border: 1px solid #dee2e6;
	background-color: #fff;
	line-height: 0px;
	border-radius: 50%;
	padding: 3px;
	position: absolute;
	top: -30px;
	transform: translateX(-50%);
	left: 50%;
}
.lockBox .lockPostIconInner img {
	width: 30px;
	background-color: #BC0C19;
	padding: 20px;
	border-radius: 50%;
	margin: 0px;
	background-size: 100%;
	background-image: -moz-linear-gradient(309deg, #BC0C19 0%, #F92C24 100%);
	background-image: -webkit-linear-gradient(309deg, #BC0C19 0%, #F92C24 100%);
	background-image: linear-gradient(141deg, #BC0C19 0%, #F92C24 100%);
}
.lockBox h2.lockBox-title {
	font-size: 1.6em !important;
	color: #444;
	margin-top: 2.5em;
}
/**加入上鎖文章的文末漸層淡出效果-Ruby-20200907-1014**/
.article-read-more-gradient {
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	-webkit-background-clip: text;
	color: transparent;
	user-select: none;
}

.article-related-report {
	width: 100%;
	padding: 20px 0 10px 0;
	text-align: center;
}

/*.article-read-more-gradient:after {
    content: "──全文未完，請登入會員查看全文──";
    position: absolute;
    width: 100%;
    text-align: center;
    color: #BC0C19;
    font-style: oblique;
    bottom: 15px;
    left: 0px;
    padding-bottom: 50px;
}*/



/*首頁 header登入註冊按鈕 */

a.lang{
	min-width: 25px;
	padding: 4px;
	margin: 2px;
	text-align: center;
	color: #fff;
	border-radius: 1px;
	font-size: 14px;
}
a.lang.memberBtn {
	background-color: #fff;
	color: #666;
}
a.lang.memberBtn:hover {
	color: #FF1BA1;
}
a.lang.memberBtn_login {
	margin-left: -2px;
}

a.lang.memberBtn_login::before {
	content: "| ";
	position: relative;
	left: -2px;
}
a.lang.memberBtn:hover::before  {
	color: #666;
}


/*首頁 文章列表 menber lock */

body.custom-font-enabled .cat01 {
	font-family: inherit; }

div.topblack ul.screen li.block2014 {
	margin-right: 8px;
	line-height: 1.8em;
	height: 380px;
	margin-bottom: 20px; }
div.topblack ul.screen li.block2014 a {
	line-height: 1.5em; }
.lockIcon{
	width: 12px;
}

.articleLockTag {
	background-color: #a91515;
	color: #fff;
	padding: 3px 3px;
	font-size: 9px; }
.articleLockTag .dashicons {
	font-size: 16px;
	letter-spacing: 0;
	color: inherit;
	line-height: inherit;
	width: auto;
	height: auto; }
.articleLockTag::after {
	content: "menmber"; }

.screen .articleLockTag {
	margin: auto 5px;
	margin-left: 0px; }

.section-head {
	font-weight: normal;
	line-height: 1.8em;
	border-bottom-width: 5px;
	margin-right: 0px; }
.section-head span {
	padding: 0.2em 0.8em 0.4em 0.8em; }

.row {
	display: flex;
	padding: 10px;
	min-height: 250px;
}

.col-md-4 {
	width: 38%; }

.col-md-8 {
	width: 62%; }
.articleRight_top{display: flex;}
.articleRight_top-inner{width: 100%;}
.articleDescription {
	font-size: 12px;
	letter-spacing: 0;
	color: inherit;
	line-height: 1em; }
.articleDescription .descriptionInner {
	margin: 0px 0.5em; }
.articleDescription .descriptionInner .label {
	margin: 0px 0.5em; }
.articleDescription .separationLine {
	width: 1px;
	height: 12px;
	background-color: #111111;
	display: inline-block; }

.articleLeft {
	text-align: center; }
.articleLeft .descriptionInner {
	/*margin: 0px;*/
	display: inline; }
.articleLeft .descriptionInner.articleLockTag{
	vertical-align: bottom;}
.articleLeft .descriptionInner .lockIcon{
	-moz-vertical-align: sub;}

.articleRight .articleDescription {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.articleRight .descriptionInner {
	margin-left: 0em;
	width: 50%;
	display: inline-flex;
	align-items: center; }
.articleRight .descriptionInner .label {
	margin: 0em; }
.articleRight .descriptionInner.classificationOuter {
	color: #009A93;
	font-weight: 800; }
.articleRight .descriptionInner.classificationOuter .tag {
	width: 10px;
	height: auto;
	margin-right: 5px; }
.articleRight .descriptionInner.classificationOuter a {
	color: #009A93;
	margin: 2px; }
.articleRight .descriptionInner.indexsocial {
	top: 0px;
	justify-content: flex-end; }
.articleRight .descriptionInner.indexsocial .indexline {
	order: -1; }
.articleRight .descriptionInner.indexsocial .indexfb {
	width: 90px !important; }
.articleRight .entry-title {
	margin: 0.8em 0em;
	position: relative;
	margin-left: 15px; }
.articleRight .entry-title a {
	font-size: 24px;
	letter-spacing: 0;
	color: #111111;
	line-height: 1.5em;
	font-weight: normal; }
.articleRight .entry-title::before {
	content: "";
	width: 5px;
	height: 100%;
	background-color: #a91515;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -15px; }
.articleRight .moreinf p {
	line-height: 1.68em; }
.articleRight .moreinf a {
	color: #a91515; }
.articleRight .moreinf a:hover {
	color: #921212; }

.list_ArticleLock {
	background-color: rgba(227, 29, 29, 0.08);
	min-height: 250px;
}

img.wp-post-image {
	padding-bottom: 10px; }

.site-content article {
	margin-bottom: 0px; }

.art-tag{
	position: relative;
	/*
        top: -16px;
        right: -5px;
    */
}
.moreinf p {
	text-align: justify;
}
.align-self-center {
	-ms-flex-item-align: center!important;
	align-self: center!important;
}

/*--修正 頁碼破版 header 清單平板破版 20190627--*/
#content{
	margin-bottom: 30px;
}
.headerList{
	display: inline-block;
	float: right;
}
.pagination a {
	padding: 8px 10px 8px 10px !important;
}


/*--- 增加條列式大鋼 20190722 ---*/
.lockPost::before{
	content: none;
}

.outlineTitle,.entry-content li.outlineList{
	line-height: 2.1;
}

#outlineList_top .outlineListGroup {
	background-color: #F4F4F4;
	margin-top: 50px;
	padding: 30px;
	border: 1px solid #e3e3e3;
	font-weight: 600;
	font-size: 16px;
}

#inside_AD{
	margin: 50px 0 50px -5px;/*修正ad 對齊右側*//**[TN-259]文章內頁廣告版位跑版的問題-Ruby-20230412**/
}

/*--修正 會員標籤樣式 20190808--*/
.content .member-tag {
	margin-top: 15px;
	/*float: left;*//* Cardin反應破版所以註解，而且測試台也沒這段屬性 - Ruby 20200301 */
}
.member-tag{
	padding-left: 10px;
}




/*--vote style 20190823--*/
.TN_Basic-vote-container{
	border: 0px !important;
	padding-top: 0px !important;
}
.TN_Basic-vote-container .TN_Basic-row{
	padding: 0px 10px;
}
.TN_Basic-vote-container .TN_Basic-row .TN_Basic-inner{
	padding: 0px 10px;
}
.TN_Basic-vote-container .TN_Basic-inner .basic-yop-poll-container .basic-question{
	margin-top: 0px;
}
.TN_Basic-vote-container .TN_Basic-row .TN_Basic-inner .TN_Basic-vote-question-title h5{
	font-size: 18px !important;
	text-align: left !important;
}
.TN_Basic-vote-container .TN_Basic-row .TN_Basic-inner .basic-element{
	margin-top: 0px;
}


.TN_Basic-row .TN_Basic-inner .TN_Basic-answers .TN_Basic-answer{
	margin-left: 0px;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-answers .TN_Basic-answer label{
	cursor: pointer;
	font-size: 16px !important;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-captcha{
	margin-left: 0px;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-question-type, .TN_Basic-row .TN_Basic-inner .TN_Basic-message p, .TN_Basic-vote-end,.TN_Basic-vote-frequency{
	font-size: 14px !important;
	color: #222222;
}
.TN_Basic-vote-end-day{
	color: #bc0c19;
}
.basic-answer-total-votes{
	color: #bc0c19 !important;
	font-weight: 800 !important;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-question-type{
	color: #2D94E2;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-message{
	border-width: 0px !important;
	padding-left: 0px !important;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-message p{
	display: inline;
	background-color: #fff9a3;
	padding: 5px;
	text-indent: 0px;
}
.TN_Basic-row .TN_Basic-inner .TN_Basic-vote-footer{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.TN_Basic-row .TN_Basic-inner .basic-stats{
	margin-top: 0px;
	margin-bottom: 0px;
}
.TN_Basic-captcha{
	margin-bottom: 0px;
	margin-right: 0px;
}
.TN_Basic-vote-description{
	line-height: 1.3;
}
.TN_Basic-stats-votes .TN_Basic-stats-votes-text{
	font-size: 26px;
	font-weight: 800;
}
.TN_Basic-stats-votes .TN_Basic-stats-votes-number{
	font-size: 43px;
	font-weight: 800;
	color: #bc0c19;
}
.TN_Basic-vote-btnSec{
	text-align: center;
	margin-top: 38px;
}
.TN_Basic-vote-button img{
	position: relative;
	margin-top: -7px;
	margin-right: 5px;
}
.TN_Basic-vote-btnSec .TN_Basic-vote-button{
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #fff !important;
	margin: auto !important;
	padding: 0.5rem 1.2rem !important;
	border-radius: 4px !important;
	min-height: 38px;
	background-color: #BC0C19 !important;
	text-shadow: none;
	border-width: 0px !important;
}


/*投票結果*/

form.basic-form.TN-basic-form-result{
	display: flex;
	justify-content: space-between;
}
form.basic-form.TN-basic-form-result .basic-answers-results{
	display: list-item;
}
form.basic-form.TN-basic-form-result .basic-answers-results li{
	list-style-type: disc;
}

form.basic-form.TN-basic-form-result .basic-answer{
	margin-left: 20px;
	display: inherit;
}
.TN_Basic-row form.basic-form.TN-basic-form-result .TN_Basic-vote-footer{
	min-width: 200px;
	padding-left: 10px;
}
form.basic-form.TN-basic-form-result .TN_Basic-vote-btnSec{
	display: none;
}



/**Google搜尋引擎置入-20200810**/

/*搜尋功能-框架*/
.tipbar .tip .search {
	width: 160px !important;/* = Google搜尋input: width:125px + padding-left:33px + boder-left:1px + boder-right:1px  = 160px */
	height: 30px !important;
	float: right !important;
	padding: 0px !important;
	border: 0px !important;
	margin-top: -1px !important;
}

/*搜尋功能-隱藏Google搜尋按鈕*/
.tipbar .tip .search #searchsubmit {
	display: none !important;
}

/*搜尋功能-Google搜尋input*/
.tipbar .tip .search #googlekeyword {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding-right: 0px !important;
	padding-left: 33px !important;
	width: 125px !important;
	border: 1px solid #A1A9A9 !important;
	border-radius: 5px 5px 5px 5px !important;
	background: url(/wp-content/themes/twentytwelve/images/icon-search.png) no-repeat scroll 8px 6px !important;
	box-shadow: 3px 3px 5px #E0E0E0 inset !important;
	font-size: 15px !important;
}

/*搜尋結果-框架*/
#primary .gsc-control-cse .gsc-control-wrapper-cse {
	font-family: 微軟正黑體,'Microsoft JhengHei',verdana,微軟雅黑,'Microsoft YaHei' !important;
}

/*搜尋結果-Google搜尋邊框*/
#primary .gsc-control-cse .gsc-input-box {
	border: 1px solid #A1A9A9 !important;
}

/*搜尋結果-Google搜尋邊框裡的close按鈕*/
#primary .gsc-control-cse .gsst_a .gscb_a {
	color: #E9E9E9 !important;
}
#primary .gsc-control-cse .gsst_a .gscb_a:hover {
	color: #A1A9A9 !important;
}

/*搜尋結果-搜尋按鈕*/
#primary .gsc-control-cse .gsc-search-button-v2 {
	outline: none !important;
	border: none !important;
	padding: 8px 48px !important;
	background-color: #CC000C !important;
	background-image: none !important;
}
#primary .gsc-control-cse .gsc-search-button-v2:hover, #primary .gsc-control-cse .gsc-search-button-v2:active, #primary .gsc-control-cse .gsc-search-button-v2:focus {
	background-color: #A91515 !important;
	background-image: none !important;
	box-shadow: none !important;
}
#primary .gsc-control-cse .gsc-search-button-v2 svg {
	width: 15px !important;
	height: 15px !important;
}

/*搜尋結果-筆數與搜尋時間紀錄+資料排序選單的間距*/
#primary .gsc-control-cse .gsc-above-wrapper-area {
	padding: 15px 0 10px 0 !important;
}

/*搜尋結果-筆數與搜尋時間紀錄*/
#primary .gsc-control-cse .gsc-result-info {
	font-size: 15px !important;
	line-height: 24px !important;
}

/*搜尋結果-資料排序選單*/
#primary .gsc-control-cse .gsc-orderby-container {
	font-size: 15px !important;
}
#primary .gsc-control-cse .gsc-orderby-container .gsc-selected-option-container {
	font-size: 15px !important;
	font-weight: normal !important;
	height: 32px !important;
	line-height: 30px !important;
	padding: 0 20px 0 10px !important;
	width: 80px !important;
}

/*搜尋結果-文章標題*/
#primary .gsc-control-cse .gs-result .gs-title, #primary .gsc-control-cse .gs-result .gs-title *{
	font-size: 24px !important;
	line-height: 32px !important;
}

/*搜尋結果-文章標題+網址的間距*/
#primary .gsc-control-cse .gsc-thumbnail-inside, #primary .gsc-control-cse .gsc-url-top {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/*搜尋結果-修正文章標題的對齊會被站內CSS影響的問題*/
#primary .gsc-control-cse .gs-title {
	float: none !important;
}

/*搜尋結果-文章網址*/
#primary .gsc-control-cse .gsc-url-top {
	font-size: 15px !important;
	line-height: 24px !important;
}

/*搜尋結果-文章摘要*/
#primary .gsc-control-cse .gs-webResult .gs-snippet, #primary .gsc-control-cse .gs-fileFormatType {
	font-size: 15px !important;
	font-family: 微軟正黑體,'Microsoft JhengHei',verdana,微軟雅黑,'Microsoft YaHei' !important;
	line-height: 24px !important;
}

/*搜尋結果-文章縮圖+摘要的間距*/
#primary .gsc-control-cse .gsc-table-result, #primary .gs-promotion-table {
	padding-top: 5px !important;
}

/*搜尋結果-縮圖*/
#primary .gsc-control-cse .gs-web-image-box .gs-image, #primary .gsc-control-cse .gs-promotion-image-box .gs-promotion-image {
	max-width: 130px !important;
}
#primary .gsc-control-cse .gs-web-image-box, #primary .gsc-control-cse .gs-promotion-image-box {
	width: 130px !important;
}

/*搜尋結果-頁碼*/
#primary .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page, #primary .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
	font-size: 15px !important;
	border: 1px solid #ccc !important;
	padding: 5px 8px !important;
}
#primary .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {
	text-decoration: none !important;
}
#primary .gsc-control-cse .gsc-results .gsc-cursor-box {
	margin: 20px 3px !important;
}



/*[TN-112-Design]頁首新增訂閱方案介紹頁的入口連結(PC版)-Yaru-20220518*/
.topbar-plugin .fb_iframe_widget span{
	vertical-align: baseline!important;
}

.premium-tag{
	margin: 0 5px;
	float: right;
}
a.premium-tag-wrapper{
	font-size: 14px!important;
	color:#fff!important;
	background-color: #BC0C19;
	border-radius:30px;
	display: block;
	padding: 5px 12px 5px 33px;
	position: relative;
	cursor: pointer;
}
a.premium-tag-wrapper .premium-tag-img{
	width: 28px;
	height: 28px;
	background: #fff;
	border:1px solid  #BC0C19;
	border-radius: 30px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
a.premium-tag-wrapper .premium-tag-img img{
	width: 17px;
	padding: 4px;
}
a.premium-tag-wrapper:hover{
	background-color: #A91515;
}

.logobar{
	position: relative;
}
.nav-menu-flex{
	display: flex;
	justify-content: flex-start;
	align-items:flex-start;
	max-height: 52px;
}
.nav-menu-premium-wrapper{
	display: inline-block;
}
li.nav-menu-premium{
	background: #A91515!important;
	position: relative;
	top: -1px;
}
li.nav-menu-premium img{
	width: 11.5px;
	padding-right: 2px;
	position: relative;
}
li.nav-menu-premium:hover img{
	animation: float .8s  infinite;
}
@keyframes float{
	0%{top:0px}
	20%{top:-2px}
	75%{top:2px}
	100%{top:0px}
}
@media(max-width:1100px){
	.nav-menu-flex{
		justify-content: center;
	}
}
@media(max-width:1023px){
	.nav-menu-flex{
		display: block;
	}
	.nav-menu-premium-wrapper{
		display: block;
		position: absolute;
		left: 0;
		top: 1px;
		margin: 0;
	}
	.nav-menu-premium-wrapper li.nav-menu-premium{
		margin: 0;
		list-style: none;
	}
	.nav-menu-premium-wrapper li.nav-menu-premium a{
		border-bottom: 0;
		line-height: 51px;
		padding: 0 10px;
	}
}


/**[TN-109-Design]付費會員登入後的無廣告網站版面(PC版)-Yaru-20220606**/
/* .home #secondary{
	padding-top: 24px;
} */
#secondary.widget-area .widget.widget_text,
#secondary.widget-area .widget .textwidget,
#secondary.widget-area #lastest-posts.widget_recent_entries{
	margin: 0;
	padding: 0;
}
/* #secondary.widget-area > div,
#secondary.widget-area > aside,
#secondary.widget-area >div + script + aside.widget.widget_text,
#secondary.widget-area > div + aside.widget.widget_text{
	margin-top: 0;
	margin-bottom: 2rem;
} */
#secondary.widget-area aside.widget.widget_text,
#secondary.widget-area aside.widget.popular-widget,
#secondary.widget-area aside.widget.widget_recent_entries,
#secondary.widget-area aside.widget.widget_meta,
#activity_vip{
	margin: 0;
	padding: 0;
	margin-bottom: 2rem !important;
}
#secondary.widget-area aside.widget.widget_text:nth-of-type(1){
	margin: 0 !important;
}
#secondary.widget-area .no-ad-env{
	margin-bottom: 2rem !important;
}


/**[TN-111-Design]付費會員登入後同時在線人數超過的提示訊息(PC版+Mobile版)-Yaru-20220908**/
.tnAlert.modal {
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	display: none;
	overflow: hidden;
	outline: 0;
	border: none;
	display: none;
	background-color: rgba(0,0,0,0.5);
}
.tnAlert.modal.show{
	display: block;
}
.modal h3{
	font-size: 32px;
	margin: 0;
}
.modal p{
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.5;
}
.modal a,
.modal a:visited,
.modal a:active{
	color: #BC0C19;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}
.modal a:hover{
	color: #E50E32;
}
.modal img{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.modal .modal-dialog {
	font-size: 16px;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	display: inline-block;
	max-width: 800px;
	width: 100%;
	margin: 15px;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.modal.fade .modal-dialog {
	transition: transform 0.3s ease-out;
	transform: translate(0, -25%);
}
.modal.show .modal-dialog {
	transform: translate(0, -50%);
}

.modal-content {
	/* background-color: #fff; */
	position: relative;
	display: flex;
	justify-content: center;
	align-items: stretch;
	border: none;
	outline: 0;
	margin: 0;
	padding: 0;
}

.modal-img,
.modal-text{
	padding: 80px 30px;
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.modal-img{
	color: #fff;
	background-color: #212529;
}
.modal-img img{
	max-width: 280px;
	margin-bottom: 30px;
}
.modal-text{
	text-align: left;
	background-color: #fff;
}
.modal-text ul.step{
	padding: 0;
	margin: 0;
}
.modal-text ul.step li{
	list-style: none;
	padding: 15px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #707070;
}
.modal-text ul.step li:last-child{
	border: none;
}
.modal-text ul.step li img{
	width: 50px;
	margin: 0 5px 0 0;
}

.modal .close {
	color: #fff;
	background-color: #212529;
	background-image: none;
	background-repeat: no-repeat;
	border: none;
	border-radius: 50px;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 25px;
	top: 25px;
	padding: 1rem;
	margin: -1rem -1rem -1rem auto;
	transition: all .3s;
}
.modal .close:hover{
	background-color: #787878;
}
.modal .close span{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 700;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
	.modal .modal-dialog{
		max-width: auto;
		width: 90%;
	}
	.modal h3{
		font-size: 28px;
	}
	.modal-content{
		display: block;
	}
	.modal-img,
	.modal-text{
		padding: 20px;
		width: auto;
	}
	.modal-text ul.step li img{
		width: 30px;
	}
}

/**[TN-184]TN APP 下架處理 - 隱藏網站 [前台] 有出現 APP 的相關內容與區塊-Yaru-20220913**/
.app_icon_block{
	display: none;
}
div.footer_frame div.fans{
	border: none;
}
div.footer_frame div.fans ul li:first-child{
	padding-left: 0;
}
.footer-wrap{
	padding-top: 10px;
}


/* [TN-206](3)前/後台-8宮格與12宮格的介面優化& 頁面間距優化-Yaru-20221206 */
/* 導航選單 */
.main-navigation li{
	top: -1px;
}
/* 區塊邊距 */
#primary.site-content,
#secondary.widget-area{
	margin: 0;
	padding: 0;
	margin-top: 30px;
}
/* left */
#primary.site-content{
	margin-right: 0;
	padding: 0;
}
#primary.site-content div.topblack{
	padding-top: 0;
	padding-bottom: 0px;
}
/* right */
#secondary.widget-area{
	padding-left: 30px;
	border: none;
}


/* 8宮格 */
.topblack.template_8-grid ul.screen,
.topblack.template_12-grid ul.screen{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.topblack.template_8-grid ul.screen li.block2014,
.topblack.template_12-grid ul.screen li.block2014{
	height: 100% !important;
	margin-right: 18px;
}
.topblack.template_8-grid ul.screen li.block2014:nth-child(4n),
.topblack.template_12-grid ul.screen li.block2014:nth-child(4n){
	margin-right: 0;
}

.topblack.template_8-grid ul.screen li.block2014 div.itemelse{
	height: auto;
}

.topblack.template_12-grid ul.screen li div.img div.sum_title{
	border-bottom:none !important;
}
@media(max-width:1289px) {
	.topblack.template_8-grid ul.screen li.block2014,
	.topblack.template_12-grid ul.screen li.block2014{
		max-width: 220px;
		min-width: 220px;
	}
}
@media(max-width:955px) {
	.topblack.template_8-grid ul.screen li.block2014,
	.topblack.template_12-grid ul.screen li.block2014{
		min-width: 48%;
	}
	.topblack.template_8-grid ul.screen li.block2014:nth-child(2n),
	.topblack.template_12-grid ul.screen li.block2014:nth-child(2n){
		margin-right: 0;
	}
}


/* 文章列表 */
article .content{
	margin: 0;
	padding: 30px 0 30px 0;
	position: relative;
}
.section-head{
	margin-bottom: 0;
	position: relative;
	border: none;
}
.section-head span{
	display: inline-block;
}
.section-head span::after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	border-bottom: 5px solid #a91515;
}
article .content .member-tag{
	margin: 0px 0 7px 0;
	padding: 0;
}
.entry-header .entry-title{
	position: relative;
	top: -8px;
}
.member-tag + table .entry-title,
.member-tag + header .entry-title {
	top: 0;
}
div.content table tr td h1.entry-title a{
	padding: 0;
	margin-left: -2px;
	margin-bottom: -7px;
}
.entry-header span:nth-child(4){
	padding: 0;
}
div.content div.entry-content{
	padding: 17px 0 0 0;
}
.moreinf{
	margin-top: -5px;
	margin-bottom: -7px;
}
.moreinf p{
	line-height: 1.9 !important;
}
div.content div.art-tag{
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}


/* 文章內頁 */
.single-post article .content{
	margin: 0;
	padding: 0;
	position: relative;
}
.art-tag{
	margin: 0px 0 7px 0;
	padding: 0;
}
.single-post .entry-header .entry-title{
	line-height: 1.4;
}
body.single .entry-header span:nth-child(1){
	margin-left: 0 !important;
}


/*研討會列表頁*/
#content{
	margin: 0;
}
.enterprise_block{
	margin: 0 12px 24px 12px;
}


/* 活動專區 */
.widget .tabs {
	height:34px !important;
}
.widget .tab3_container .tabs li {
	height: 24px !important;
	padding-bottom: 10px;
	font:18px "微軟正黑體", Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
}


/* 專題首頁 */
#column_main-content_wrapper.column_collection .section-title{
	padding-top: 0 !important;
}
#column_list_wrapper{
	margin: 0 !important;
}
.column_list_item_wrapper{
	margin: 25px 0 0 0 !important;
	padding: 0 0 30px 0 !important;
}
.column_list_item_wrapper .list_item-info_head{
	padding: 0 !important;
	padding-bottom: 10px !important;
}


/**[TN-216]前台-PC版-右側欄頂部增加活動列表頁入口Banner-Yaru-20221216**/
#secondary.widget-area .widget.widget_banner{
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 2rem !important;
}
#secondary.widget-area .widget.widget_banner a{
	display: block;
}
#secondary.widget-area .widget.widget_banner img{
	width: 300px;
}


/* [TN-237]增加Google News的社群帳號追蹤入口-Yaru-20230110 */
div.tipbar div.tip div.topbar-plugin div.fb-plugin {
	width: 346px;
}
div.tipbar div.tip img.social.icon_googlenews{
	margin-left: -3px;
}
.googlenews_Content a{
	font-size: 18px;
	text-align: center;
	color: #0778D1;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: rgba(7,120,209,.15);
	margin-bottom: 30px;
	transition: all .5s;
}
.googlenews_Content a img{
	width: 100%;
	max-width: 205px;
	padding-left: 10px;
}
.googlenews_Content a p{
	font-size: 18px ;
}
.googlenews_Content a:hover{
	background-color: rgba(7,120,209,.25);
}
.d-hidden{
	display: none;
}


/* [TN-256]PC版-Header&內頁文末增加加入LINE好友按鈕-Yaru-20230411 */
div.tipbar div.tip div.topbar-plugin{
	padding-left: 0;
}
.newsLetter_articleContent.newsLetter_articleColumn .btnGroup{
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn,
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn.newsLetterBtn{
	margin: 0;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn:last-child{
	margin-right: 0;
}
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn img,
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn.newsLetterBtn img{
	width: 25px;
	margin-right: 5px;
	margin-left: 0;
}
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn.lineBtn {
	background-color: #00B900;
	border-color: #00B900;
}
.newsLetter_articleContent.newsLetter_articleColumn .articleContentBtn.lineBtn:hover{
	background-color: #28C667;
	border-color: #28C667;
}


/* [TN-305]PC版-右側欄新增付費文章列表區塊-Yaru-20230804 */
#secondary.widget-area .widget.widget_banner.widget_vip_articles{
	color: #333333;
	background-color: #FFEFEF;
	border-top: 5px solid #BC0C19;
	padding: 15px 0 5px 0 !important;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles h3.widget-title{
	color: #BC0C19;
	text-align: center;
	background-color: transparent;
	border: none;
	margin-bottom: 0;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 5px !important;
	border-bottom: 1px solid #FFBEBE;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item:last-child{
	border-bottom: none;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item .widget_vip_articles-item-detail{
	position: relative;
	margin-right: 10px;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item .widget_vip_articles-item-img{
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 150px;
	overflow: hidden;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item .widget_vip_articles-item-img img{
	height: 65px;
	width: auto;
	object-fit: cover;
	object-position: center;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item .widget_vip_articles-item-tag{
	width: 18px;
	height: 18px;
	background-color: #BC0C19;
	border: 1px solid #FFF5F5;
	border-radius: 20px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item .widget_vip_articles-item-tag.unlock-tag{
	background-color: #EF8B8B;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item .widget_vip_articles-item-tag i{
	font-size: 10px;
	color: #fff;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item a{
	color: #333333;
	line-height: 1.375;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: all .3s;
}
#secondary.widget-area .widget.widget_banner.widget_vip_articles .widget_vip_articles-item:hover a{
	color: #BC0C19;
	text-decoration: none;
}

/* [TN-304]PC版+Mobile版-導航選單-搶先看按鈕效果調整-Yaru-20230814 */
li.nav-menu-premium span{
	font-family: arial;
	font-weight: 700;
	line-height: 1;
	position: relative;
}
li.nav-menu-premium:hover span{
	animation: float .8s  infinite;
} 



/* [TN-307]PC版+Mobile版-上鎖文章內頁引導註冊與購買區塊修改-Yaru-20230814 */
.lockBoxInnerNew{
	background-color: #FCFCFC;
	border: 1px solid #D9D9D9;
	border-top: 5px solid #BC0C19;
	padding: 30px 40px;
	position: relative;
}
.lockBoxInnerNew a,
.lockBoxInnerNew i,
.lockBoxInnerNew img{
	transition: all .3s;
}
/* lockBoxInnerNew-Detail */
.lockBoxInnerNew-Detail{
	text-align: center;
}
.lockBoxInnerNew-Detail	.lockBoxNew-title{
	font-size: 1.6em !important;
	color: #BC0C19;
	margin: 0;
	margin-bottom: 10px;
}
.lockBoxInnerNew-Detail	.lockBoxNew-text{
	font-size: 1em;
	color: #333333;
	display: block;
	margin-bottom: 25px;
}
.lockBoxInnerNew-Detail	.lockBoxNew-text a{
	color: #BC0C19;
	text-decoration: underline;
}
.lockBoxInnerNew-BtnWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.lockBoxInnerNew-BtnWrapper .lockBoxInnerNew-Btn{
	font-weight: 700;
	color: #BC0C19;
	background-color: #fff;
	border: 1px solid #BC0C19;
	border-radius: 50px;
	padding: 8px 50px;
}
.lockBoxInnerNew-BtnWrapper .lockBoxInnerNew-Btn.lockBoxInnerNew-Btn-fill{
	color: #fff;
	background-color: #BC0C19;
}
.lockBoxInnerNew-Btn:first-child{
	margin-right: 15px;
}
.lockBoxInnerNew-BtnWrapper .lockBoxInnerNew-Btn i{
	margin-left: 5px;
	position: relative;
	left: 0;
}
.lockBoxInnerNew-BtnWrapper .lockBoxInnerNew-Btn:hover i{
	left: 5px;
}

/* lockBoxInnerNew-divion */
.lockBoxInnerNew-divion span{
	display: block;
	border-bottom: 1px dashed #666666;
	margin: 40px 0;
}

/* lockBoxInnerNew-Article */
.lockBoxInnerNew-Article{
	position: relative;
}
.lockBoxInnerNew-Article-item{
	width: 225px;
	height: 265px;
	padding-bottom: 25px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
}
.lockBoxInnerNew-Article-item::after{
	content: '';
	display: block;
	background-color: #DE5862;
	height: 5px;
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.lockBoxInnerNew-Article-item-img,
.lockBoxInnerNew-Article-item-title{
	display: block;
	width: 200px;
}
.lockBoxInnerNew-Article-item-img{
	margin-bottom: 15px;
	height: 150px;
	overflow: hidden;
	transform: scale(1);
	transform-origin: center;
	transition: all .3s;
	border-radius: 0 0 30px 30px;
}
.lockBoxInnerNew-Article-item-img img{
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0;
	text-align: center;
}
.lockBoxInnerNew-Article-item-img:hover img{
transform: scale(1.1);
}
.lockBoxInnerNew-Article-item-title{
	color: #333;
	font-size: 1.125em;
	font-weight: 700;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 74px;
}
.lockBoxInnerNew-Article-item-title:hover{
	color: #BC0C19;
}
.lockBoxInnerNew-Article-item-title i{
	color: #BC0C19;
}
/* lockBoxInnerNew-Article-detail */
.lockBoxInnerNew-Article-detail{
	margin-top: 70px;
	text-align: center;
}
.lockBoxInnerNew-Article-detail-text{
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.2;
	color: #333;
	padding-bottom: 20px;
}
.lockBoxInnerNew-Article-detail-link{
	color: #DE5862;
	font-size: 1.5em;
	font-weight: 700;
	background-color: #FCFCFC;
	position: relative;
	z-index: 1;
}
.lockBoxInnerNew-Article-detail-link:hover{
	color: #BC0C19;
}
.lockBoxInnerNew-Article-detail-link::after,
.lockBoxInnerNew-Article-detail-link span::before,
.lockBoxInnerNew-Article-detail-link span::after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.lockBoxInnerNew-Article-detail-link span::before,
.lockBoxInnerNew-Article-detail-link span::after{
	background-color: #DE5862;
	transition: all .3s;
	right: -45px;
}
.lockBoxInnerNew-Article-detail-link::after{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #DE5862;
	right: -25px;
	z-index: -1;
}
.lockBoxInnerNew-Article-detail-link span::before{
	width: 40px;
	height: 1px;
	z-index: 2;
}
.lockBoxInnerNew-Article-detail-link span::after{
	width: 15px;
	height: 1px;
	transform: rotate(50deg);
	transform-origin: right;
	z-index: 2;
}
.lockBoxInnerNew-Article-detail-link:hover span::before,
.lockBoxInnerNew-Article-detail-link:hover span::after{
	right: -55px
}


/* swiper */
.lockBoxInnerNew-Article-list.swiper{
	width: 100%;
	height: 300px;
}
.lockBoxInnerNew-Article .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.lockBoxInnerNew-Article .swiper-slide.swiper-slide-active{
	justify-content: flex-end;
}
.lockBoxInnerNew-Article .swiper-slide.swiper-slide-next{
	justify-content: flex-start;
}
.lockBoxInnerNew-Article .swiper-button-prev,
.lockBoxInnerNew-Article .swiper-button-next{
    background-color: #BC0C19;
    width: 38px;
    height: 38px;
	border-radius: 30px;
	position: absolute;
}
.lockBoxInnerNew-Article .swiper-button-prev{
	left: 50%;
	transform: translateX(calc(-250px - 38px - 20px));
}
.lockBoxInnerNew-Article .swiper-button-next{
	right: 50%;
	transform: translateX(calc(250px + 38px + 20px));
}
.lockBoxInnerNew-Article .swiper-button-prev:after,
.lockBoxInnerNew-Article .swiper-button-next:after {
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 99;
}
.lockBoxInnerNew-Article .swiper-button-prev:after{
	left: -2px;
}
.lockBoxInnerNew-Article .swiper-button-next:after{
	right: -2px;
}


/* [TN-395]首頁 下方切頁的功能調整-Yaru-20240207  */
.pagination a{
	transition: all .3s;
}
.pagination a.previouspage,
.pagination a.nextpage{
	color: #fff;
	background-color: #21759b;
	border-color: #21759b;
}
.pagination a.previouspage:hover,
.pagination a.nextpage:hover{
	background-color: #61a2bf;
}

/* [TN-354]手機版 小額贊助功能-Yaru-20231204  */
/* coffee-btn */
.coffee-btn-wrapper{
	position: relative;
	padding-top: 50px;
	margin-bottom: 60px;
}
.coffee-btn-wrapper p{
	color: #DE5862;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 15px;
}
.coffee-btn-content{
	position: relative;
	display: flex;
	justify-content: center;
}
.coffee-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 320px;
	color: #BC0C19;
	background-color: #FFEFEF;
	border: 1px solid #DE5862;
	border-radius: 15px;
	box-shadow: 0 3px 0 rgba(188,12,25,1);
	padding: 8px 5px;
	cursor: pointer;
	transition: all .3s;
}
.coffee-btn:hover{
	color: #fff;
	background-color: #DE5862;
}
.coffee-btn span{
	font-size: 22px;
	font-weight: 700;
}
.coffee-btn img{
    width: 100%;
	max-width: 48px;
}

/* coffee-list */
.coffee-list{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 10px 0;
}
.coffee-item{
	width: 42% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 1px solid #B5B5B5;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all .3s;
}
.coffee-item:hover{
	background-color: #FFEFEF;
	border-color: #FFBEBE;
}
.coffee-item.active{
	background-color: #FFEFEF;
	border-color: #DE5862;
}
.coffee-item:nth-child(2n){
	margin-left: 10px;
}
.coffee-item img{
    width: 100%;
	max-width: 64px;
	margin-left: -10px;
}
.coffee-item span{
	font-weight: 700;
}
.coffee-item .mark{
	font-size: 18px;
	margin-right: 5px;
}
.coffee-item .amount{
	font-size: 20px;
}
.coffee-item.tn-modal-form input{
	padding: 2px ;
	width: 35px;
}
.coffee-item.tn-modal-form img{
	margin-left: 0px;
}
.coffee-detail-content-text{
	background-color: #F1F2F2;
	padding: 12px 5px;
	margin: 20px 0;
	text-align: center;
	border-radius: 5px;
}
.coffee-detail-content-text p{
	color: #707070;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.5;
	margin: 0;
}
.coffee-detail-text{
	display: flex;
	justify-content: center;
	align-items: center;
}
.coffee-detail-text img{
    width: 100%;
	max-width: 26px;
}
@media(max-width:767px){
	.coffee-item.tn-modal-form input{
		width: 30px;
	}
}
@media(max-width:400px){
	.coffee-item{
		width: 38% !important;
	}
	.coffee-item img{
		max-width: 50px;
	}
}
@media(max-width:300px){
	.coffee-item{
		width: 100% !important;
	}
	.coffee-item:nth-child(2n){
		margin-left: 0;
	}
}

/* tn-modal */
.modal-open{
    overflow: hidden;
}
.modal-open #content-container{
	z-index: 999999;
}
.modal-open .adsbygoogle,
.modal-open vmfive-ad-box{
	display: none !important;
}
.tn-modal{
    font-family: 'Microsoft JhengHei';
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2147483647;
	width: 100vw;
    height: 100vh;
	overflow: hidden;
	padding: 0;
	margin: 0;
	animation: fade-in 0.3s ease-in-out;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
    min-height: calc(100% - 3.5rem);
}
.tn-modal.open{
	display: block;
}
.tn-modal .hr{
	margin: 30px 0;
	border-bottom: 1px dashed #666666;
}
.tn-modal-content{
	color: #333333;
	background-color: #fff;
	text-align: center;
	width: 100%;
	max-width: 500px;
	height: auto;
	border-radius: 5px;
	padding: 40px 20px;
    margin: 1.75rem auto;
	position: relative;
	z-index: 99999;
	animation: fade-in 0.3s ease-in-out;
}
@media(max-width:576px){
    .tn-modal-content{
        max-width: 350px;
    }
}
@media(max-width:400px){
	.tn-modal-content{
		width: 80%;
        max-width: auto;
	}
}
.tn-modal-content::before,
.tn-modal-content::after{
	content: '';
	display: block;
	width: 100%;
	height: 20px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	z-index: 99998;
}
.tn-modal-content::before{
	top: -5px;
	background-color: #BC0C19;
}
.tn-modal-content::after{
	background-color: #fff;
	top: 0;
}
.tn-modal-content-dash{
    width: 100%;
}

/* tn-modal text */
.tn-modal h2,
.tn-modal h3{
	margin: 0;
	padding: 0;
}
.tn-modal h2{
	font-size: 22px;
}
.tn-modal h3{
	font-size: 18px;
}
.tn-modal a{
	transition: all .3s;
}
.tn-modal-title,
.tn-modal-title-sub{
	font-weight: 700;
	position: relative;
}
.tn-modal-title{
	margin-bottom: 25px !important;
}
.tn-modal-title-sub{
	margin-bottom: 15px !important;
}
.tn-modal-link{
	color: #DE5862;
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline;
}
.tn-modal-link:hover{
	color: #BC0C19;
}
.tn-modal-title.coffee{
	margin-bottom: 10px !important;
}

/* tn-modal-btn */
.tn-modal-content-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
}
.tn-modal-btn{
	font-size: 18px;
    text-decoration: none;
	color: #fff;
	background-color: #CC0000;
	border: 1px solid #CC0000;
	border-radius: 5px;
	padding: 10px;
	margin-left: 10px;
	display: block;
	width: 100%;
	opacity: 1;
}
.tn-modal-btn:hover{
	opacity: 0.7;
}
.tn-modal-btn:first-child{
	margin-left: 0;
}
.tn-modal-btn#close-btn {
	background-color: #fff;
	color: #CC0000;
}
/* tn-modal-form */
.tn-modal-form{
	position: relative;
    width: 100%;
    text-align: left;
    font-weight: 700;
}
.tn-modal-form label{
    font-size: 18px;
	text-align: left;
}
.tn-modal-form .tn-modal-form-control{
	font-size: 18px;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #B5B5B5;
	border-radius: 5px;
}
.tn-modal-form .tn-modal-form-control:focus,
.tn-modal-form .tn-modal-form-control:focus-visible{
	outline: none;
    border-color: #CC0000!important;
    box-shadow: 0 0 0 0.2rem rgb(204, 0, 0, .3)!important;
}
input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="radio"] {
    margin: 0 2px 0 0;
    position: relative;
    top: 2px;
}
.tn-modal-form input[type='radio']:after, 
.tn-modal-form input[type='radio']:checked:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    box-sizing: border-box;
}
.tn-modal-form input[type='radio']{
    margin-right: 10px;
}
.tn-modal-form input[type='radio']::after{
    background-color: #fff;    
    border: 1px solid #212529;
}
.tn-modal-form input[type='radio']:checked::after {
    border: 4px solid #BC0C19;
}
.tn-modal-form-radio{
    margin-bottom: 20px;
}
.tn-modal-form-note{
    margin-top: 15px;
    display: none;
}