/*
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;}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/wp-content/themes/twentytwelve/font/NotoSansSC-VariableFont_wght.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

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:  'Noto Sans SC', 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;
	}
	#LeaderboardBanner{/**設定Header廣告版位的上下間距-Ruby-20230317**/
		float:right;
		margin-bottom: 20px;
		margin-top: 20px;
	}

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;
    /*20191206*/
    position: relative;
}
#site-navigation div.logobar {
	line-height: 0px;/**修正導航選單第一級選單項目底部間隙破版的問題-Ruby-20230308**/
}
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;
    right: 20px !important;
    bottom: 80px !important;
    top: 188px !important;/**修正Header增高後破版的問題-Ruby-20230308**/
    width: 160px;
    z-index: 100;
    text-align: right;
    position: fixed !important;
}
div.wechat_QR img {
    border: 1px solid #bcbcbc;
}
#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;
    right: 0;
    top: -16px;
    width: 16px;
	text-align: center;
}

/*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: 10px;/**修正導航選單第一級選單項目底部間隙破版的問題-Ruby-20230308**/
	display: inline-block;/**Ruby-20150210-Searchbar Disappear**/
    /*20191206*/
    position: absolute;
    top: 0px;
    right: 0px;/**修正導航選單無法跟Header廣告版位等長的問題-Ruby-20230317**/
}

#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;
    outline: medium none;
	padding-left:30px;
	/*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;}

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:#cd2122;}
.entry-header span{font-size: 12px;color: #6b6b6b;}
/* 文章列表標題下fb調整 */
.indexsocial .indexfb{ float:left; margin-right:5px; width:140px;}
.indexsocial .indexfb iframe{ width:140px;}

.indexsocial .indexline {
    float: left;
    margin-right: 5px;
}

/* Content Under Title Add Feedly Icon 2016-1222 Ruby */
header.entry-header span.inside-feedly {
    position: absolute;
    margin-left: 70px;
}
/* Content Under Title Add Line Share BTN 2019-0308 Ruby */
header.entry-header span.inside-line {
    position: absolute;
    margin-left: 10px;
}
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: 135px;
}
	
div.tipbar div.tip div.fb-like{
	
	top:-5px;
	z-index:100;
	/*margin-top:20px;*/
	}
	
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: #0A9CCA;
}
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%;*/
	width: 300px;
	text-align:center;
}
div.content div.entry-content div.img_frame div.img img {
    max-width: 100%;
}
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 */
}

/* 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 - 修正上下一篇文章切換效果沒有置中對齊的問題 - 20221125**/
	padding: 0px 15px;/** Ruby - 修正上下一篇文章切換效果沒有置中對齊的問題 - 20221125**/
}
#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;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 48%;
	font-size:15px;
	margin-right:5px;
}
.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: 'Noto Sans SC', sans-serif;
	
}
a {
	outline: none;
	color: #3e3a39;
	text-decoration:none;
}
#example img {
	width:100%;
}
a:hover {
	color: rgba(205,33,34,.8);
}

/* 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;
    /*margin-left: 5px;*//**修正左側欄內容無法與導航選單項目置左對齊的問題-Ruby-20230308**/
}
.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('/wp-content/themes/twentytwelve/images/navbg.gif') ;*/
	background-repeat:repeat-x;
    background-color: #3e3a39;
	border-bottom: 5px solid #0778d1;
	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: #00C8FF;
}
.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;
    text-align: center;
}
footer[role="contentinfo"] a {
	color: #fff;
}
footer[role="contentinfo"] a:hover {
	color: #FFCC00;
	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:#FFCC00;

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

.footer-title {
    font-family: 'Noto Sans SC', 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*/
/*    width: 300px;*/
	max-width: 700px;
}
.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 #0A9CCA; margin-bottom:25px; margin-right:30px;
}
.section-head span{background-color:#0A9CCA; 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;*//**移除右側欄的分隔線使其版面比較整潔-Ruby-20230308**/
	float: left;
	}
body.single.single-post .site-content + .widget-area {/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
	padding-left: 7px !important;/**修正內容版位無法跟Header等長的問題-Ruby-20230317**/
	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: 944px;/**修正內容版位無法跟Header等長的問題-Ruby-20230317**/
		margin-right:15px;/**修正左側欄內容無法與導航選單項目置左對齊的問題-Ruby-20230308**/
	}
	body.single.single-post .site-content {/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
		width: 76% !important;
		margin-right:0px !important;
	}
	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 18px;/**增加將導航選單第一級選單項目之間的間距使其內容看起來比較豐滿-Ruby-20230308**/
		font-size: 16px;
	}
	.main-navigation li a:hover {
		color: #FFF;
		/*background-image:url('/wp-content/themes/twentytwelve/images/nav-on.png') ;*/
        background-color: rgba(7, 120, 209,.4);

	}
	.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:rgba(7, 120, 209);
		
		

	}
	.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;
	}
	#LeaderboardBanner{
		float:right;  margin-top:4px; /**Ruby-20150623**/
	}
	.site-content {
		float: left;
		width: auto;
		margin-right:10px;
		
	}
	
	
}

/*@media screen and (max-width: 1034px) {/**Ruby-20150623
	#LeaderboardBanner{
		float:right;  margin-top:4px; visibility: hidden; display: none; 
	}
	
}**/
@media screen and (max-width: 1239px) {
	.site-content {
		float: left;
		width: 944px;/**修正內容版位無法跟Header等長的問題-Ruby-20230317**/
		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) {
	-#LeaderboardBanner{/**DFP
		float:right;  margin-top:4px; visibility: visible; display: inline-block; 
	}**/
	/*#LeaderboardBanner{*OPENX
		float:right;  margin-top:4px; display: none; 
	}
}**/

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


/*@media screen and (min-width: 1260px) and (max-width: 1280px) {
	#LeaderboardBanner{/**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;}
	/*#LeaderboardBanner{
		visibility: hidden; display:none ; 
	}*/
}
@media all and (max-width: 480px) {

	/*#LeaderboardBanner{
		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;
}
/*--------------------------------------------------------------------------------
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;
}
/*--------------------------------------------------------------------------------
Index Float AD
--------------------------------------------------------------------------------*/
div.floatAD_L {
    position: fixed;
    z-index: 100;
    top: 188px;/**修正Header增高後破版的問題-Ruby-20230308**/
    bottom: 80px;
    left: 20px;
}
div.floatAD_L img {
    border: none;
}
#one-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;
    right: 0;
    top: -16px;
    width: 16px;
	text-align: center;
}
/*--------------------------------------------------------------------------------
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;
}
	
/** Ruby - 文章內頁底部新增廣告版位 - 20221125**/
.InnerBottomBanner {
	text-align: center;
}
/*--------------------------------------------------------------------------------
Content Middle FB Button
--------------------------------------------------------------------------------*/
.con-middle-like {
	width: 970px;
	margin: auto;
}
.con-middle-like-top{
	background: url(//technews.tw/wp-content/themes/twentytwelve/images/con-middle-like-top.gif) no-repeat; 
	height: 54px;
}
.con-middle-like-center {
	background: url(//technews.tw/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(//technews.tw/wp-content/themes/twentytwelve/images/con-middle-like-bottom.jpg) no-repeat; 
	height: 10px;
}
/*--------------------------------------------------------------------------------
Content inside Img Iframe
--------------------------------------------------------------------------------*/
figure.alignnone.con-img-border {
	border: 1px solid #ddd !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;
}
figure.alignnone.no-info-img img {
	margin: 0 auto 30px auto !important;
	display: block !important;
	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;
}

/**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: 50px;
	background-image: url('images/fb-commet-title-bg.gif');/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

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

/**Blockquote Style**/
div.indent blockquote {
	background: url('//img.technews.tw/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('//img.technews.tw/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;}


/* 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}
.lockPost .lockBox {
    width: 90%;
    height: auto;
    position: relative;
    bottom: 0px;
    margin: auto;
    font-size: 16px;
    text-align: center;
    line-height: 1.5em;
    left: 45%;
    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;
}
.lockBoxInner{
	margin-bottom: 30px;
}
.lockBoxInnerBtn {
  margin: 8px;
  border-radius: 4px;
  min-height: 38px;
  cursor: pointer; }
.lockBoxInnerBtn.signinBtn {
    box-shadow: inset 0 0 0 100px #BC0C19;
    color: #fff;
    margin: auto;
    font-size: 1.2rem;
    padding: 0.6rem 0.75rem;
    display: block;
    min-height: 0;
    margin-top: 20px;
    width: 38%;
}
.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;
}



/*首頁 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.3em 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;
*/
}
.art-tag img {
    width: auto;
}
.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: 40px 0 0 -30px;/*修正ad 對齊右側*/
}
	
/*--修正 會員標籤樣式 20190808--*/
.content .member-tag {
    margin-top: 15px;
}
.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;
}


/*20191206*/
.logobar a img.logo{
  margin: auto;
  /*display: block;*//**取消滿版的Logo圖檔設定以利右側增加新的廣告版位-Ruby-20230308**/
  height: auto;
  margin-bottom: 20px;/**放大Header Logo上下的間距以利右側增加新的廣告版位-Ruby-20230308**/
  margin-top: 20px;/**放大Header Logo上下的間距以利右側增加新的廣告版位-Ruby-20230308**/
}
	
	
	
/*20201119 footer友情鏈接修改*/
	.float_left{
		float: left;
	}
	.blue{
		color: rgba(20,97,173,.8)!important;
	}
	#yqlj.footer_top_tit {
		color:#000!important;
		border: 1px solid #ccc;
		background: #eff0f0;
		font-weight: bold;
		height: 21px;
		line-height: 21px;
		padding: 3px 15px 0px 15px;
		margin-top: 10px;
	}
	#yqlj span{
		color:#333!important;
	}
	#yqlj.footer_top_tit span a {
		background: #fff;
		text-decoration: none;
		float: left;
		height: 19px;
		padding: 0px 5px;
		margin-left: 5px;
		text-align: center;
		width: 89px;
		border: 1px solid #ccc;
		border-bottom-color: #fff;
		border-radius: 3px 3px 0px 0px;
	}
	#yqlj.footer_top_tit span a {
		color: #333;
	}
	#yqlj.footer_top_tit span a:hover,#yqlj.footer_top_tit span a.on{
		color:#fff;
		background: rgba(20,97,173,.7)!important;
		border: 1px solid rgba(20,97,173,.8);
	}

	.footer_top_nr {
		background: #fff;
		line-height: 20px;
		overflow: hidden;
		padding: 10px;
		font-size: 12px;
		margin-bottom: 20px;
		text-align: left;
	}
	#box1_content.footer_top_nr span a,#box2_content.footer_top_nr span a,#box3_content.footer_top_nr span a{
		display: inline-block;
		text-decoration:none;
	}