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

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

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

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

---------- Examples

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

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

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

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

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

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

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


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

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


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

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

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

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

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





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

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

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

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

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

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

/*for css sprites by Howard*/

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

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

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

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

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

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

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

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

}

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


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


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

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


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

/* 文章列表標題下fb調整 */
.indexsocial .indexfb{ float:left; margin-right:5px; width:145px !important; height: 21px !important;}
.indexsocial .indexfb iframe{ width:145px !important;}

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

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

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

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

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

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

div.content table {

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

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

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

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

}

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


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

    text-align:center;

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

}

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

}

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

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


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

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

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

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

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

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

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



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

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

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

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

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

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


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

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

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

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

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

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

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

}

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

    line-height:51px;

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

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

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

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

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

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

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

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

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

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

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

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


}
.widget-area .widget ul.disc {

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


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


#most-viewed-posts-3 ul li {

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


}

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


    font-size:1rem;

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


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

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

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

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

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

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

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

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

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

.footer-wrap ul.weblink li {

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

}

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


div.footer_frame {
    clear:both;
}

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


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

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

}


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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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



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

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

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

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

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

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

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



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

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


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

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


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

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

}
article.format-aside p {


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


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

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

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

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

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

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

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


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

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

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

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

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


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

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


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

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


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

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


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

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

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

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

    background-color: #F0F0F0;
    position: relative;



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


}
.smallicon{

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

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

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

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

    margin:10px;
}
.post_meta {

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

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

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

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

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

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

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

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

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

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





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

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

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

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

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


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



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

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


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

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

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

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

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

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

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

    }

    div.fb-like{

        margin-top:0;
    }


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

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

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

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

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

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

        width: 32px;
    }

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

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

    }

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

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

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

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



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

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

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

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

    }

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

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

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




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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

    }


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


}

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

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

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

    }


}

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

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

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

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

    }


}

}

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

    .menu-toggle {
        display: none;
    }
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

    }
}

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

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

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

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

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

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

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


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

.more{
    font-size: 1.4em;
    line-height: 1.6em;
}
.more .lockIcon{
    width: 20px;
    position: relative;
    top: 3px;
}
.article_list_block a img.lockIcon {
    width: 18px !important;
}
.lockBox-text {
    text-align: center;
    margin-top: 20px;
    display: block;
}
.lockBox-text a {
    color: #BC0C19;
    text-decoration: underline;
}
.lockBoxInner{
    margin-bottom: 30px;
}
.lockBoxInnerBtn {
    margin: 8px;
    border-radius: 4px;
    min-height: 38px;
    cursor: pointer;
    letter-spacing: 0.2em;
}
.lockBoxInnerBtn.signinBtn {
    box-shadow: inset 0 0 0 100px #BC0C19;
    color: #fff;
    margin: auto;
    font-size: 1.2rem;
    padding: 0.6rem 0.75rem;
    display: inline-block;/*display: block;*//**增加會存在多個按鈕的設定-Ruby-20220519**/
    min-height: 0;
    margin-top: 20px;
    margin-right: 10px;/**增加會存在多個按鈕的設定-Ruby-20220519**/
    width: 30%;/*width: 38%;*//**縮短上鎖文章未登入時顯示的提示訊息-Ruby-20200907**/
}
.lockBoxInnerBtn.signinBtn + .lockBoxInnerBtn.signinBtn {/**增加會存在多個按鈕的設定-Ruby-20220519**/
    margin-left: 10px;
    margin-right: 0;
}
.lockBoxInnerBtn.signinBtn:hover {
    box-shadow: inset 0 0 0 100px #ae0b17;
}
.lockPostIconInner {
    display: inline-block;
    border: 1px solid #dee2e6;
    background-color: #fff;
    line-height: 0px;
    border-radius: 50%;
    padding: 3px;
    position: absolute;
    top: -30px;
    transform: translateX(-50%);
    left: 50%;
}
.lockBox .lockPostIconInner img {
    width: 30px;
    background-color: #BC0C19;
    padding: 20px;
    border-radius: 50%;
    margin: 0px;
    background-size: 100%;
    background-image: -moz-linear-gradient(309deg, #BC0C19 0%, #F92C24 100%);
    background-image: -webkit-linear-gradient(309deg, #BC0C19 0%, #F92C24 100%);
    background-image: linear-gradient(141deg, #BC0C19 0%, #F92C24 100%);
}
.lockBox h2.lockBox-title {
    font-size: 1.6em !important;
    color: #444;
    margin-top: 2.5em;
}
/**加入上鎖文章的文末漸層淡出效果-Ruby-20200907-1014**/
.article-read-more-gradient {
    position: relative;
    padding-bottom: 40px;
}
.article-read-more-gradient:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 40px;
    left: 0px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
}
/*.article-read-more-gradient:after {
    content: "──全文未完，請登入會員查看全文──";
    position: absolute;
    width: 100%;
    text-align: center;
    color: #BC0C19;
    font-style: oblique;
    bottom: 15px;
    left: 0px;
    padding-bottom: 50px;
}*/



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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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




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


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


/*投票結果*/

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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


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


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

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

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

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

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

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


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


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

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

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


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


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


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


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


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


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


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


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


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

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