/*@import url("//img.technews.tw/css/style.css");*/

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

/*
---------------------------------------------------------------------- 
	01 Import styles
 ----------------------------------------------------------------------
*/
/*@import url("/wp-content/themes/twentytwelve/rwd-media-queries-style.css");*/
/*--------------------------------------------------------------
	Reset
-------------------------------------------------------------- */
/* stacey 20160818 for table */
/*.single-post .entry-content .indent table{ vertical-align:top !important; border:1px solid #cccccc !important;}
.single-post .entry-content .indent table td{ vertical-align: top !important; padding:0 10px !important;}
.single-post .entry-content .indent table td p{ font-size:15px !important;}
.single-post .entry-content .indent table td img{ width:150px; height:203;}
.single-post .entry-content .indent table td h1,.single-post .entry-content .indent table td h2,.single-post .entry-content .indent table td h3,.single-post .entry-content .indent table td h4,.single-post .entry-content .indent table td h5,.single-post .entry-content .indent table td h6{ margin:0 !important;}
*/
@font-face {
    font-family: 'Noto Sans SC';
    src: url('/wp-content/themes/twentytwelve/font/NotoSansSC-VariableFont_wght.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; border:0; }
a img { border:0; }
h1{ font-family: 'Noto Sans SC', sans-serif;font-size:1.75rem; }
h2{ font-size:1.6rem; 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; }
body{ min-width:1280px; margin:0 auto; }

/*--------------------------------------------------------------
	header
-------------------------------------------------------------- */
div.tipbar { background-image:url(library/images/tip_bg.gif); background-repeat:repeat-x; height:46px; }
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: 1090px; }
div.wechat_QR { margin: 0px 0px 0px 0px; right: 8px!important; bottom: 80px!important; width: 150px; z-index: 100; position: fixed!important; }
div.Float_AD_L{ margin:0px 0px 0px 0px; left:8px!important;*left:8px!important; *left:8px; bottom:80px!important;*bottom:80px!important; *bottom:80px; width:150px; z-index:100; position: fixed!important;*position: fixed!important; *position: absolute; }
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; }
#ADTOP { float:right; }
#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; }
.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; }

/*--------------------------------------------------------------
	article
-------------------------------------------------------------- */
.pagination span { padding-right:10px; }
.pagination span.current{ margin:5px; border:1px solid #CCC; padding:8px 12px 8px 12px; color: #FFFFFF; background-color: #4e8b00; }
.pagination a { 
	border:1px solid #CCC;
	padding:8px 12px 8px 12px !important;
	/*margin: 0 2px;*/margin: 0 2px 5px 2px;/**20220726-Ruby-增加頁碼區塊內容過多換行時的上下間距**/
	/*padding:5px;*//**20220726-Ruby-重複的語法做移除**/
	display: inline-block;/**20220726-Ruby-列表頁頁碼區塊內容過多換行會破版的問題修正**/
}
.pagination a:hover { background-color: #4e8b00; 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 ; outline: medium none ; padding-left:30px; }
#searchform label,#searchform input[type="submit"] { display: none; }

/*--------------------------------------------------------------
	content
-------------------------------------------------------------- */
.content .art-tag + .entry-header { float: left; width: 90%; } /* 標籤與header間距問題20160527*/
div.content div.art-tag { float: right; margin-top: -6px; } /* Ruby-20150729 */
div.content div.entry-content div.art-tag { float: right; margin-top: -23px; } /**Ruby-20150729**/
div.content header.entry-header table tr td.maintitle { vertical-align:middle; }
div.content div.entry-content a:hover { color: #000; text-decoration: underline; } /* Shian-20170921 */

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

/*--------------------------------------------------------------
	文章列表標題下fb調整
-------------------------------------------------------------- */
.indexsocial .indexfb{ width:140px !important;}
.indexsocial .indexfb iframe{ width:140px !important;}

/*--------------------------------------------------------------
	Content Under Title Add Feedly Icon 2016-1222 Ruby
-------------------------------------------------------------- */
header.entry-header span.inside-feedly { position: absolute; margin-left: 10px; }
header.entry-header span.gplus { border: 0px solid orange; position: absolute; top: 5px; margin-left: 85px; }
header.entry-header span.insidefb { position: absolute; top: -4px; margin-left: 132px; }
div.tipbar div.tip div.fb-like { top:-5px; z-index:100; }
div.fb-like { z-index:100; }
div.content .entry-header table:first-child { width: 100%; }
div.content table { padding:0; margin:0; word-spacing:0; width: 100% !important; }
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: #246C08; }
div.content table tr td div.article_post { font-size:12px; float:right; line-height:15px; text-align:right; }
div.content div.entry-content { clear: both; padding: 15px 15px 30px 15px; position: relative; -display:inline-block; }
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; margin-bottom: 0; text-align:center; }
div.content div.entry-content div.bigg { text-align:center; clear:both; padding-top:30px; }
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; }

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

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

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

.entry-title {
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	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;
	margin: auto;
}

/* Make sure videos and embeds fit their containers */
embed,
/*iframe,*/
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

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

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
	margin-bottom:20px;
	margin-right: 15px;/** Ruby - 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;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 48%;
	font-size:15px;
	margin-right:5px;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 2rem 0;
}

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


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

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: 'Noto Sans SC', sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
.more-link{
	font-size:18px;
}
body.custom-font-enabled { font-family:'Noto Sans SC', sans-serif; }
a {
	outline: none;
	color: #4e8b00;
	text-decoration:none;
}
#example img {
	width:100%;
}
a:hover {
	color: #4e8b00;
}

/* 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;
	vertical-align: middle;
}

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

.float-left {
    float: left;
}

.menu-pv {
    position: absolute;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 16px;
    margin-left: 126px;
    margin-top: 61px;
	text-shadow: #454545 0.1em 0.1em 0.2em;
}

.menu-battery {
    position: absolute;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 16px;
    margin-left: 226px;
    margin-top: 61px;
	text-shadow: #454545 0.1em 0.1em 0.2em;
}

.menu-ev {
    position: absolute;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 16px;
    margin-left: 328px;
    margin-top: 61px;
	text-shadow: #454545 0.1em 0.1em 0.2em;
}


.icon-bg {
    background: url(images/icon-bg.png) no-repeat;
    width: 400px;
    height: 143px;
    position: absolute;
    margin-left: 580px;
    margin-top: 24px;
}

/* Navigation Menu */
.main-navigation {
	text-align: center;
	background-image:url('images/navbg.gif') ;
	background-repeat:repeat-x;
	line-height:51px;
	clear: both;
}
.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;
}*/
.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:#173417;
	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: #D6F2D8;
	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:#F27434;
}


/* 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; padding-left: 5px; font-size: 1.45rem; line-height: 1.9; border-bottom: 4px solid #333; margin-bottom: 15px; }*/
.widget-area .widget h3 { font-size: 14px; font-weight: bold; color: #303030; padding: 0; margin: 0; line-height: 24px; border: 0; clear: initial; }
.widget-area .widget h3 a { color: #222; text-decoration: none; }
.widget-area .widget h3 a:hover { color: #4e8b00; text-decoration: none; }
.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;
}


#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:hover {
	text-decoration:underline;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
/*=====右側廣告版位與按鈕欄位效果(內頁)=====*/
div.content div.entry-content {
	padding:  15px;
}
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;
}

/* Minimum width of 800 pixels. */

.site-content {
	float: left;
	width: 725px;
/*
	padding-right:15px;
	border-right: 1px solid #eaeaea;
*/
/*	overflow: hidden;*//*	20220520-donna-修改:頁簽被截斷問題*/
    margin-right: 10px;
}
.entry-header .entry-title {
	font-size: 22px;
	Font-size:1.9rem;
	Line-height:2;
	margin-top: 20px;
}
/*----------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;
}
.widget-area { 
    float: left; 
    width: 300px; 
/*    padding-left: 15px; */
    padding-left: 20px;
    border-left: 1px solid #eaeaea;
}

/*=====右側廣告版位與按鈕欄位效果(內頁)-END=====*/
/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 24px;
	margin-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 { color:#FFF; }
#site-generator a { color: #FFF;}
#site-generator a:hover { color:#FC0; text-decoration: underline; }
.footer_link{ padding: 0 7px; border-right: 1px solid white; }
.footer_link:last-child{ border-right: initial; }
.footer-wrap { background-size: 100% 21px; float: left; padding-bottom: 21px; padding-top: 35px; width: 50%; }
.footer-title { font-family:'Noto Sans SC', sans-serif; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #4B4B4B; }
.footer-wrap ul.weblink { color: #666666; font-size: 15px; list-style-type:none; }
.footer-wrap ul.weblink li { background-position: 0 5px; background-repeat: no-repeat; display: block; float: left; margin: 6px; }
.footer-wrap ul.weblink li a {
    color: #666666;
    text-decoration: none;
}
.footer-wrap ul.weblink li a:hover {
    color: #FF1BA1;
}


div.footer_frame {
	clear:both;
}

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


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

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

}


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

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


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


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

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

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

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

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

div.footer_frame div.fans {
    background-size: 100% 21px;
    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 {/*	修正內文文章大標h1文字尺寸變小問題-20220518-donna*/
/*
	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;
}
.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 {
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:26px;
	clear:both;
}
div.indent p{
	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: initial;
}
.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 {
	word-wrap: break-word;
	margin-bottom:30px;
	margin-right: 4px;/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
}
.site-content article:not(:first-of-type){
	border-top: 4px solid #E8E8E8;
}
.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:1090px;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: #fff;
font-size: inherit;
font-weight: bold;
text-transform: uppercase; clear:both; border-bottom:4px solid rgba(229,100,0, 0.9); margin-bottom:25px; margin-right:30px;
}
.section-head span{background-color:rgba(247,108,0, 1); font-size:20px;  padding:0 20px;
}
.indexfb{
	float:left; margin-right:5px; width:110px;
}
.indexg{
	position:relative; float:left; margin-right:10px;
}
.indexsocial{
	display: inline-block;
    position: relative;
    top: 2px;
}
.rightifo{
	color: #666;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
}
.taglink{
	float: left; margin-left: 20px; color: #6b6b6b; font-size:12px;
}
.taglink a{
	color: #0A9CCA;
}
.moreinf a{
	font-size:13px !important;
	/*color:#0A9CCA;*/
}
.moreinf{
	font-size:13px !important;
	/*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;
}

/**Ruby-20141210**/




/*--------------------------------------------------------------------------------
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
--------------------------------------------------------------------------------*/
#twitter-widget-0, #twitter-widget-1, #twitter-widget-2 , #twitter-widget-3 , #twitter-widget-4 , #twitter-widget-5{
	margin: 0 auto !important;
	display: block !important;
}
/*--------------------------------------------------------------------------------
FB Plugin Align
--------------------------------------------------------------------------------*/
.fb-post.fb_iframe_widget, .fb-post.fb_iframe_widget span, .fb-post.fb_iframe_widget span iframe {
	display: table !important;
	margin: 0 auto !important;
}
div.tip div div .fb-like.fb_iframe_widget span iframe {/**2015-1008**/
	margin-top: 3px !important;
	height: 30px !important;
	overflow: hidden !important;
}
li.insidefb .fb-like.fb_iframe_widget span iframe {/**2015-1008**/
	height: 60px !important;
	overflow: hidden !important;
}
div.FBlike-bottom .fb-like.fb_iframe_widget span iframe {/**2015-1008**/
	height: 80px !important;
	overflow: hidden !important;
}
/*--------------------------------------------------------------------------------
Instagram Plugin Align
--------------------------------------------------------------------------------*/
iframe#instagram-embed-0 {
	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(//technews.tw/wp-content/themes/twentytwelve/images/con-middle-like-top.gif) no-repeat; 
	height: 54px;
}
.con-middle-like-center {
	background: url(//technews.tw/wp-content/themes/twentytwelve/images/con-middle-like-center.jpg) no-repeat;
	height: 26px;
}
div.con-middle-like-center div.fb-like.fb_iframe_widget {
	padding-left: 20px; 
	padding-top: 8px;
}
.con-middle-like-bottom {
	background: url(//technews.tw/wp-content/themes/twentytwelve/images/con-middle-like-bottom.jpg) no-repeat; 
	height: 10px;
}
/*--------------------------------------------------------------------------------
Content inside Img Iframe
--------------------------------------------------------------------------------*/
figure.alignnone.con-img-border {
	border: 1px solid #ddd !important;
	margin: 0 auto 30px auto !important;
	display: block !important;
	padding: 8px;
	max-width: 80%;
	text-align: center!important;
}
figure.alignnone.con-img-border figcaption {
	font-size: 15px;
	text-align: center !important;
	padding: 5px 0;
	color: #7E7E7E;
}
figure.alignnone.no-info-img img {
	border: 1px solid #ddd !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: 50px;
	background-image: url('images/fb-commet-title-bg.gif');/** Ruby - Inside Page Add 970x250 AD **/ /* new setting */
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

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

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



/**Ruby-20150623-內頁方形版位並排**/
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:0 12px; padding:10px;font-family:'Noto Sans SC', 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;}

/* shian-20170712 公用樣式 */
ul.primary { border-collapse: collapse; padding: 0 0 0 1em; white-space: nowrap; list-style: none; margin: 5px; height: auto; line-height: normal; border-bottom: 1px solid #bbb; }
ul.primary li { display: inline; }
ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: #fff 1px solid; }
ul.primary li a { background-color: #ddd; border-color: #bbb; border-width: 1px; border-style: solid solid none solid; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; }
div.error { border: solid 1px #dd7777; background: #ffcccc; color: #a30000; margin-bottom: 10px; padding: 0;}
div.error ul { padding: 0 20px;}
div.error ul li { list-style-type: disc; }
div.newstop{ border-top:9px solid #3e3e3e; margin:8px auto }

/* shian-20170712 新能源知識頁面 */
.clear-block{ display: block; }
#knowledge table thead tr td{ background-color: #efefef; height: 22px; border-bottom: 1px solid #b3b2b2; font-size: 15px; font-weight: bold; padding-left: 3px; color: #000; }
#knowledge img { border: 0; vertical-align: middle; }
#knowledge table{ width: 100%; }
#knowledge tbody { border-top: 1px solid #ccc; }
#knowledge table tbody tr td{ font-size: 14px; font-weight: normal; font-family: 宋体, Tahoma, Geneva, sans-serif; }
#knowledge #lcp_instance_0 li{ margin-top: 10px; }
#knowledge #lcp_instance_0 li:last-child{ margin-bottom: 10px; }
#knowledge_left { float: left;width: 49%;height: 410px; }
#knowledge_right { float: right; width: 49%; height: 410px; }
.bitems { margin-bottom: 10px; padding-bottom: 10px; }
.bitems .btitle { background-color: #efefef; height: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b3b2b2; font-size: 14px; font-weight: bold; padding-left: 3px; color: #000; font-family: Tahoma,Geneva,sans-serif; }
.knowledge_more { float: right; padding-right: 3px; }
.knowledge_more a:hover { text-decoration: underline; }
.item_thumbnail { padding-top: 10px; padding-bottom: 5px; float: left; padding-right: 5px; }
.item_title { padding-top: 10px; }
.item_title a:hover { text-decoration: underline; }
.item_teaser { padding-bottom: 2px; }
.sitem { padding-top: 20px; }
.sitem a:hover { color: #000; text-decoration: underline; }
.sitem table.top3 td { border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCC; }
.lcp_catlist li a:hover { color: black; text-decoration: underline; }

/* shian-20170712 重設密碼頁面 */
#resetPassword .um { opacity:initial; }
#resetPassword .um-um_password_id{ margin: 0; }

/* shian-20170712 註冊頁面 */
#register .um { opacity:initial; }
#register .description { margin-top: 7px; }
#register .um-s1 { display: block; }
#register .um-field-checkbox { display: initial; }
#register .um-field-half { width: 100%;}

/* shian-20170712 個人資訊頁面 */
#profile .um { opacity:initial; }
#profile .um-profile-nav-item.active a { background:#4e8e20; }
#profile .um-form { width: 60%; }
#profile select[name="industry"] { width: 100%; padding: 10px; }
#profile .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i { color: #55a500; }
#profile .um-field-checkbox { display: initial; }
#profile .um-field-half { width: 100%;  }

/* shian-20170712 登入頁面 */
#login .um { opacity:initial; }

/* shian-20170712 編輯帳戶頁面 */
#edit_account .um { opacity:initial; }

/* shian-20170713 太陽能價格頁面 */
#solar_Price .style2 { float: left; /*width: 150px;*/ height: 27px; line-height: 27px; font-size: 15px; font-weight: bold; background-color: #58a40d !important; text-align: center; padding: 2px 22px; margin: 10px 10px 10px 0; list-style-type: none; cursor: pointer; color: #FFF; }
#solar_Price #tab-title { border-bottom: 1px solid #999999; height: 40px; }
#solar_Price .price-note { color: #FF0004; line-height: 22px;}
#solar_Price div.left_tab h4 { font-weight: bold; color: #469300; line-height: 22px; margin-top: 15px; }
#solar_Price div.update { float: right; font-size: 12px; font-weight: 100; margin: 3px 3px 0 0; color: #888; font-family: Tahoma,Geneva,sans-serif; }
#solar_Price tbody { border-top: 1px solid #ccc; }
#solar_Price table td{ vertical-align: middle; }
#solar_Price table { border-collapse: initial; }
#solar_Price .tab_title { background-image: url(images/price_bg.gif); background-position: right top; background-repeat: repeat-x; background-color: #fcf9df; border-bottom: 1px solid #ccdf7f; color: #666; height: 25px; padding: 3px 0 0 0; text-align: center; font-size: 12px; }
#solar_Price .tab_tr_item { border-bottom: 1px solid #ccdf7f; color: #4B7D00; height: 27px; padding: 1px 0; text-align: left; }
#solar_Price .tab_tr_item2 { border-bottom: 1px solid #ccdf7f; color: #4E7300; background-color: #F5F5F5; font-size: 13px; height: 27px; padding: 1px 0; text-align: center; }
#solar_Price .tab_tr_price { border-bottom: 1px solid #ccdf7f; border-left: 0px solid #ccdf7f; color: #444; font-size: 13px; height: 27px; padding: 1px 0; text-align: center; font-family: Tahoma,Geneva,sans-serif; }
#solar_Price div.article h1 { font-size: 26px; font-weight: bold; color: rgb(34, 34, 34); line-height: 35px; margin-top: 8px; margin-bottom: 12px; }
#solar_Price div.article p { font-size: 14px; line-height: 26px; margin-bottom: 20px; }
#solar_Price hr { height: 1px; border: 1px solid gray; margin: 6px; background-color: initial; }
#solar_Price p { margin: 8px 0 15px 0; padding: 0; line-height: 21px; }

/* shian-20170713 文章內容頁面 */
.content_next { background-color: #f2f7d7; border-bottom: 1px solid #b6da55; border-top: 1px solid #b6da55; padding: 8px; margin: 10px 0px 10px 0px; 
/*	height: 42px; */
	font-size: 12px; }
div.content_rss { margin-top: 30px; height:21px; line-height:22px;}
div.taglink { float: right; }
div.taglink a{ color: #999; font-size: 12px; margin-left: 1px;margin-right: 5px; display: inline-block;}
	
/* Donna-文章上下頁效果補充-20221124*/
.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    /* margin-left: -15px; */
}
.justify-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-single.set_text{
	margin-right: 0!important;
    line-height: 22px!important;
    margin-bottom: 0!important;
}
@media (min-width: 992px){
	.col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
	.col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}	
}
@media (min-width: 768px){
	.col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
	.col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}	
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
/* Donna-相关推荐-20221124*/
.article {
    margin-top: 22px;
}	
.content.img_line{
	position: relative;
}
.line-topic-h3 {
    color: #3E3E3E;
    font-size: 15px;
    font-weight: 600;
	line-height: 22px;
}	
.article .title {
    width:100%;
    height: 32px;
    border-bottom: 1px solid #6daf11;
    font-size: 14px;
}
.article .title span {
    display: inline-block;
    width: 120px;
    line-height: 32px;
    text-align: center;
    background: #6cae10;
    color: #fff;
    letter-spacing: 2px;
}	
.article .img_frame {
    display: inline;
    float: left;
    -margin-right: 10px;
    margin-bottom: 0;
    text-align: center;
}
.content.img_line {
    background: transparent url(/wp-content/themes/twentytwelve/images/line_4.gif) repeat-x left bottom;
    margin: 0 0 0 0;
    padding: 24px 0px 15px 0px;
    height: 90px;
}
.content.img_line:last-child {
 background:none
}
	
.article .img_frame .img {
    float: left;
    padding-right: 17px;
    max-height: 90px;
    overflow: hidden;
    max-width: 160px;
    vertical-align: middle;
    text-align: center;
    height: 90px;
    margin: auto;
}
.line-topic{
	margin: 0;
    font-size: 15px !important;
    color: #3E3E3E;	
}
.line-topic-p{
	position: absolute;
    bottom: 12px;
    font-size: 12px;
    color: #999999;	
}
.p_line-height{
	line-height: 22px;
	}
	
.line-topic-p a {
    color: #999999!important;
}	
/* shian-20170713 圖表下載頁面 */
#graph div.price_tag { margin: 15px auto; border-bottom: 1px #999 solid; padding-bottom: 6px; }
#graph .price_active, a:link.price_active, a:active.price_active, a:visited.price_active { padding: 5px 15px; color: #ffffff; text-decoration: none; background-color: #58a40d; font-size: 15px; font-weight: bold; color: #FFF; margin: 10px 10px 10px 0; }
#graph .price_none, a:link.price_none, a:active.price_none, a:visited.price_none { padding: 5px 15px; color: #ffffff; text-decoration: none; background-color: #999999; font-size: 15px; font-weight: bold; color: #FFF; margin: 10px 10px 10px 0; }
#graph div.articlelist { float: left; width: 100%; margin: 5px 0px 10px 0px; border-bottom: dotted #999 1px; padding-bottom: 10px; }
#graph div.graph { margin-top: 5px; }
#graph div.graph div.left { float: left; width: 49%; }
#graph div.graph div.right { float: right; width: 49%; }
#graph div.graph img { padding: 3px; border: #CCC solid 1px; float: left; margin: 0px 10px 8px 0px; }
#graph div.graph h2 { margin-top:5px; color: #3f3f3f; font-weight: bold; clear: initial; line-height: 26px; }
#graph .item-list{ clear: both; }
#graph a.contentLink { color: #000; font-size: 14px; text-decoration: none; }
#graph a.contentLink:hover { color: #4e8b00; }
#graph span.date { color: #A0A0A0; font-size: 12px; height: 30px; }

/* shian-20170713 電池價格頁面 */
#battery-price h1 { font-size: 26px; font-family:'Noto Sans SC', sans-serif; font-weight: bold; color: rgb(34, 34, 34); margin-bottom: 12px; }
#battery-price a:link, a:visited, a:active { color: #4e8b00; text-decoration: none; }
#battery-price tbody { border-top: 1px solid #ccc; }
#battery-price table td{ vertical-align: middle; }
#battery-price p { margin: 8px 0 15px 0;padding: 0; line-height: 21px;}
#battery-price .tab_title { background-image: url(images/price_bg.gif); background-position: right top; background-repeat: no-repeat; background-color: #fcf9df; border-bottom: 1px solid #ccdf7f; color: #666; height: 25px; padding: 3px 0 0 0; text-align: center; font-size: 12px; }
#battery-price .tab_tr_item { border-bottom: 1px solid #ccdf7f; color: #4B7D00; font-size: 13px; height: 27px; padding: 1px 0; text-align: center; }
#battery-price .tab_tr_item2 { border-bottom: 1px solid #ccdf7f; color: #4E7300; background-color: #F5F5F5; font-size: 13px; height: 27px; padding: 1px 0; text-align: center; }
#battery-price .tab_tr_price2 { border-bottom: 1px solid #ccdf7f; border-left: 0px solid #ccdf7f; color: #444; font-size: 13px; height: 27px; padding: 1px 0; text-align: center; font-family: Tahoma,Geneva,sans-serif; }

/* shian-20170713 文章轉寄頁面 */
#article_forwarded .form-item { margin-top: 1em; margin-bottom: 1em; }
#article_forwarded label.printmail-label { width: 115px; float: left; font-weight: bold; line-height: 2; }
#article_forwarded .marker, .form-required { color: #f00; }
#article_forwarded .description { padding-left: 115px; color: #898989; margin-top: 7px; }
#article_forwarded #title{ line-height: 2; }
#article_forwarded .form-button input{ width: 100px; }
#article_forwarded .required { color: black; }

/* shian-20170713 線上投稿頁面 */
#announcement { font-size:12px; line-height:2;  width: 735px; float: left; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 13px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-repeat: no-repeat; }
#announcement .send { text-align: center; }
#announcement #date { margin-bottom: 5px; margin-top: 5px; }
#announcement #headline { margin-bottom: 5px; }
#announcement .news { font-size: 16px; font-weight: bold; color: #000; padding-left: 0px; padding-top: 10px; }
#announcement .news-one { color: #F60; }
#announcement .top { font-weight: bold; }
#announcement #pic { margin-bottom: 20px; background-color: #F5f5f5; width: 706px; border: 1px solid #E6E6E6; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
#announcement #SG { font-size: 12px; line-height: 2; color: #999; padding: 10px; }
#announcement #mes { margin-bottom: 20px; background-color: #F5f5f5; width: 706px; border: 1px solid #E6E6E6; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
#announcement #box { margin-bottom: 10px; border: 1px solid #CCC; width: 726px; }
#announcement #validate { margin-bottom: 20px; background-color: #F5f5f5; width: 706px; border: 1px solid #E6E6E6; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
#announcement #gid { background-color: #D2FFD2; }
#announcement .main { border: 1px solid #E6E6E6; width: 706px; margin-bottom: 20px; background-color: #F5F5F5; padding: 10px; }
#announcement .news-two { color: #360; }
#announcement .required { color: black; }
#announcement #send{ color: lightgray; }

/* shian-20170721 首頁 */
div.sideleft { float:left; width:725px; padding-right:15px; margin-bottom:15px; margin-top:24px; }
div.sideleft div.breadcrumb { font-size:12px; color: #2E9700; }
div.sideleft div.topnews { margin-bottom:10px; margin-top:10px; float:left; width: 100%; }
div.sideleft div.topnews h1 a{ color:#000; text-decoration:none; font-size:19px; line-height:22px; font-weight:bold }
div.sideleft div.topnews h1 a:hover{ color:#3a8601; text-decoration:none }
div.sideleft div.topnews h2 { line-height: 24px; padding-left: 21px; color: #222; font-size: 16px; font-weight: bold; background: url(images/topnews_bg.gif) no-repeat top; }
div.sideleft div.topnews p { line-height:23px; color:#515050; font-size:14px; }
div.sideleft div.topnews img { float:left; margin:0 15px 10px 0; }
div.sideleft div.today{ float:left; width: 100%;}
div.sideleft div.today h2 { line-height: 24px; padding-left: 21px; color: #222; font-size: 16px; font-weight: bold; background: url(images/topnews_bg3.gif) no-repeat top }
div.sideleft div.today h3 a{ color:#000; text-decoration:none }
div.sideleft div.today h3 a:hover{ color:#3a8601; text-decoration:none }
div.sideleft div.today div.left{ float:left; width:450px; padding-right:15px; border-right: 1px solid #CCC; }
div.sideleft div.today div.left div.news{ border-bottom:1px solid #CCC;  height: 10% !important;}
div.sideleft span.date{ color: #A0A0A0; font-size: 12px; line-height: 30px; height: 30px; }
div.sideleft div.today div.left div.news h3{ font-size: 14px; font-weight: bold; color: #303030; }
div.sideleft div.today div.left div.news p{ color:#5d5d5d; line-height: 20px; font-size: 12px; min-height: 100px;}
div.sideleft div.today div.left div.news img { float:left; margin:5px 15px 0px 0; width: 150px; height: 100px;}
div.sideleft div.today div.right { float:right; width:240px; margin-left:15px }
div.sideleft div.today div.right div.content { background:url(images/line_2.gif) no-repeat top; margin-bottom:15px; }
div.sideleft div.today div.right div.content div.title { line-height: 28px; height: 30px; color: #3b6d00; font-size: 14px; font-weight: bold; margin-left: 20px; margin-bottom: 0px; }
/*div.sideleft div.today div.right div.content img { margin:0px 0 8px 0; }*/
div.sideleft div.today div.right div.content h3 a { line-height:19px; color: #278400; font-size:14px; font-weight:bold; }
div.sideleft div.today div.right div.content h3 a:hover { color:#333; text-decoration: none }
div.sideleft .morelink { float: right; font-size: 12px; font-weight: 100; margin: 0px 3px 0 0; }
.morelink a:hover { color: #000; text-decoration: underline; }
div.keyword_index { border: #7dbf16 solid 1px; background-color: #f5fade; padding: 0px; margin: 15px auto; height: 25px; line-height: 25px; text-align: left; }
div.keyword_index div.title { background-color: #7dbf16; color: #FFF; float: left; padding: 0px 5px 0px 5px; margin-right: 10px; }
div.keyword_index a { margin-right: 12px; color: #333; font-size: 12px; }
div.keyword_index a:hover { text-decoration: underline; }
div.newslist ul li { background: transparent url(images/line_1.gif) no-repeat left bottom; margin: 0 0 0 0; padding: 10px 0px 10px 12px; }
div.newslist ul li a { font-size: 14px; color: #444; }
div.newslist ul li a:hover { color: #4e8b00; text-decoration: underline;}
div#frieldlinks{ width: 1090px; margin: 0 auto; }
div#frieldlinks .title{ width: 1090px; height: 32px; border-bottom: 1px solid #6daf11; font-size: 14px; }
div#frieldlinks .title span{ display:inline-block; width: 120px; line-height: 32px; text-align: center; background: #6cae10; color: #fff; letter-spacing: 2px; }
div#frieldlinks .title a{ float: right; text-decoration: none; color: #444444; line-height: 32px; }
div#fl{ width: 1090px; height: auto; padding-top: 20px; }
div#fl a{ float: left; font-size: 14px; text-decoration: none; color: #444444; margin: 10px 20px; }
div#fl a:hover{ color: #036b00; text-decoration: underline; }
div.event{ display: inline-block; }
div.event iframe{ padding: 10px 15px 10px 12px; float: left; }
div.index-footer { width: 1090px; margin: auto; }
div.topArticle { margin: 15px 0 20px; clear:both; text-align:center; }
div.topArticle h3 { text-align:left; }
.topArticle img { width: 220px; height: 110px; }
.detail:hover { color: #000; text-decoration: underline; }

/* shian-20170725 註冊頁面 */
#register{ width: 1090px; margin: auto; line-height: 21px; }
#register fieldset { margin-bottom: 1em; padding: .5em; display: block; -webkit-margin-start: 2px; -webkit-margin-end: 2px; -webkit-padding-before: 0.35em; -webkit-padding-start: 0.75em; -webkit-padding-end: 0.75em; -webkit-padding-after: 0.625em; min-width: -webkit-min-content; border-width: 2px; border-style: groove; border-color: threedface; border-image: initial; }
#register .form-item { margin-top: 1em; margin-bottom: 1em; }
#register .form-item label { display: block; font-weight: bold; }
#register .marker, .form-required { color: #f00; }
#register span.error { color: #e55; }
#register .ok { color: #008000; }
#register .form-item .description { color: #898989; font-size: 12px; margin-top: 7px; }
#register .required { color: initial; }

/* shian-20170725 登入頁面 */
#login{ width: 1090px; margin: auto; line-height: 21px; }
#login .form-item { margin-top: 1em; margin-bottom: 1em; }
#login .form-item label { display: block; font-weight: bold; }
#login .required { color: initial; }

/* shian-20170726 忘記密碼頁面 */
#forgetpassword{ width: 1090px; margin: auto; line-height: 21px; }
#forgetpassword .form-item label { display: block; font-weight: bold; }
#forgetpassword .form-item { margin-top: 1em; margin-bottom: 1em; }
#forgetpassword .required { color: initial; }

/* shian-20170726 重置密碼頁面 */
#resetpassword{ width: 1090px; margin: auto; line-height: 21px; }
#resetpassword .form-item label { display: block; font-weight: bold; }
#resetpassword .form-item { margin-top: 1em; margin-bottom: 1em; }
#resetpassword .required { color: initial; }
#resetpassword span.error { color: #e55; }
#resetpassword .ok { color: #008000; }

/* Allen-20181018 重送激活信頁面 */
#resendactivemail{ width: 1090px; margin: auto; line-height: 21px; }
#resendactivemail .form-item label { display: block; font-weight: bold; }
#resendactivemail .form-item { margin-top: 1em; margin-bottom: 1em; }
#resendactivemail .required { color: initial; }

/* shian-20170726 個人資訊頁面 */
#profile{ width: 1090px; margin: auto; line-height: 21px; }
#profile fieldset { margin-bottom: 1em; padding: .5em; display: block; -webkit-margin-start: 2px; -webkit-margin-end: 2px; -webkit-padding-before: 0.35em; -webkit-padding-start: 0.75em; -webkit-padding-end: 0.75em; -webkit-padding-after: 0.625em; min-width: -webkit-min-content; border-width: 2px; border-style: groove; border-color: threedface; border-image: initial; }
#profile .form-item { margin-top: 1em; margin-bottom: 1em; }
#profile .form-item label { display: block; font-weight: bold; }
#profile .marker, .form-required { color: #f00; }
#profile .form-item .description { color: #898989; font-size: 12px; margin-top: 7px; }
#profile .required { color: initial; }
        
/* shian-20170725 電子報頁面 */
#newsletters{ width: 1090px; margin: auto; line-height: 21px; }
#newsletters #center-block-newsletter table tbody tr { font-size:12px; line-height:24px; background: transparent url(images/line_4.gif) repeat-x left bottom; }
#newsletters #center-block-newsletter table tbody tr td { padding:3px; }
#newsletters #center-block-newsletter table tbody tr td img { padding:5px; vertical-align:middle; }
#newsletters #center-block-newsletter a{ color:#262626; text-decoration:none; }
#newsletters #center-block-newsletter a:hover { color:#2E9700; }
#newsletters .item-list .pager { clear: none; text-align: center; }
#newsletters .item-list ul { margin: 0 0 0.75em 0; padding: 0; }
#newsletters .item-list .pager li { border: #CDCDCD 1px solid; padding: 2px 5px; margin: 2px; color: #398800; text-decoration: none; float: left; list-style: none; }
#newsletters .pager-current { border: #6bbf00 1px solid; font-weight: bold; margin: 2px; color: #fff; background-color: #DCEB85; }

/* 首頁右側欄 */
#solarPriceIndex .index_price h4 { font-size: 12px; font-weight: bold; color: #469300; margin-top: 5px; }
#solarPriceIndex .index_price .index_update { float: right; font-size: 11px; -webkit-text-size-adjust: none; font-weight: 100; margin: 0px 0px 0 0; color: #888; }
#solarPriceIndex .index_price .index_price_title { background-image: url(images/price_bg.gif); background-position: right top; background-repeat: no-repeat; background-color: #fcf9df; border-bottom: 1px solid #ccdf7f; color: #666; height: 25px; padding: 5px 0 0 0; text-align: center; font-size: 12px; }
#solarPriceIndex .index_price .index_price_item { border-bottom: 1px solid #ccdf7f; color: #4D7931; font-size: 12px; height: 22px; padding: 1px 0; text-align: left; }
#solarPriceIndex .index_price .index_price_price { border-bottom: 1px solid #ccdf7f; border-left: 0px solid #dbe3bd; color: #444; font-size: 12px; -webkit-text-size-adjust: none; height: 22px; padding: 1px 0; text-align: center; font-family: Tahoma,Geneva,sans-serif; }
#solarPriceIndex .price-note { color: #FF0004; font-size: 12px; font-weight: initial; }
#solarPriceIndex .hight { height: 8px; }
#batteryTrend .title a img { margin: 0px 0px 9px 0px; }
#showlist { margin: 10px 0; text-align: left; }
#showlist ul { margin: 10px 0px 15px 0; padding: 0; list-style: none; }
#showlist ul li { background: transparent url(images/line_3.gif) no-repeat left bottom; margin: 0 0 2px 0; padding: 2px 0px 2px 10px; }
#showlist ul li a { font-size: 12px; color: #176d00; }
#secondary .show { color: #458401; font-size: 14px; font-weight: bold; line-height: 28px; }

/* 熱門文章 */
#hostArticles ul.weeklist { margin: 5px 5px 0; padding: 0; list-style: none; font-size: 10px; }
#hostArticles ul.weeklist li { height: 23px; line-height: 23px; border-bottom: 1px solid #eee; padding: 3px 0px 3px 0px; margin: 0; overflow: hidden;}
#hostArticles ul.weeklist li.li0 span, ul.weeklist li.li1 span, ul.weeklist li.li2 span { background-color: #4DA200; padding: 1px 4px; color: #FFF; margin-right: 8px; font-size: 13px !important; font-weight: bold; -webkit-text-size-adjust: none; }
#hostArticles ul.weeklist li.li3 span, ul.weeklist li.li4 span, ul.weeklist li.li5 span, ul.weeklist li.li6 span, ul.weeklist li.li7 span, ul.weeklist li.li5 span, ul.weeklist li.li8 span, ul.weeklist li.li9 span { background-color: #BBB; padding: 1px 4px; color: #FFF; margin-right: 8px; font-size: 13px !important; font-weight: bold; -webkit-text-size-adjust: none; }

/* 頁首 */
#masthead a.login-bar:hover { background-color: gray; }

/* 展覽會議 */
#event{ width: 1090px; margin: 0 auto; font-size: 14px;}
#event .date { color: #A0A0A0; font-size: 12px; -line-height: 30px; height: 30px; }
#event .articlelist { float: left; margin: 5px 0px 10px 0px; border-bottom: dotted #999 1px; padding-bottom: 10px; }
#event .articlelist img { float: right; margin: 10px 0px 0 15px; }
#event .articlelist div.content { color: #5d5d5d; line-height: 21px; margin: 5px 0; }
#event .articlelist h3{ line-height: 28px; color: #3f3f3f; font-size: 21px; font-weight: bold; clear: initial; }
#event .articlelist h3 a { color: #000; font-size: 14px; text-decoration: none; }
#event .articlelist h3 a:hover { color: #4e8b00; }
#event .event { float: left; width: 1080px; padding: 10px; }
#event table { display: table; border-collapse: separate; border-spacing: 1px; border-color: grey; }
#event table a:hover { color: #000; text-decoration: underline; }
#event table.eventtable { background-color: #CDCDCD; margin: 0px 0px 15px; font-size: 12px; width: 530px; text-align: left; }
#event table.eventtable thead tr .header { background-image: url(images/event_bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
#event table.eventtable thead tr th, #event table.eventtable tfoot tr th { background-color: #72a604; border: 0px solid #FFF; font-size: 12px; padding: 4px; color: #FFFFFF; font-weight: bold; vertical-align: middle; text-align: center; }
#event table.eventtable thead tr th:first-child { font-size: 15px; text-align: left; }/**[ET-204]EN/CN PC版 展覽日程頁表格排序功能移除-Ruby-20230419**/
#event table.eventtable thead tr .headerSortDown, #event table.eventtable thead tr .headerSortUp { background-color: #eecf22; color: #000; }
#event table.eventtable thead tr .headerSortDown { background-image: url(images/desc.gif); }
#event table.eventtable thead tr .headerSortUp { background-image: url(images/asc.gif); }
#event table.eventtable tbody td { color: #3D3D3D; padding: 6px; line-height: 17px; vertical-align: middle; text-align: center; }
#event table.eventtable tbody td:first-child { text-align: left; }/**[ET-204]EN/CN PC版 展覽日程頁表格排序功能移除-Ruby-20230419**/
#rightEvent { text-align: -webkit-right;}

/* 太陽能頁面 */
#pv-wrapper { display: flex; width: 1100px; margin: 0 auto; font-size: 12px; }
#pv-wrapper #body { width: 1100px; background: #FFF; padding: 0; float: left; margin: 5px 0 20px 0; font-size: 12px; color: #444; line-height: 21px; }
#pv-wrapper .sideleft{ float: left; width: 735px; padding-right: 15px; margin-bottom: 15px; margin-top: 24px; }
#pv-wrapper .sideleft-index { float: left; width: 390px; padding-right: 15px; margin-bottom: 15px; border-right: 0px solid #CCC; margin-top: 10px; }
#pv-wrapper .sideleft-index .today { float: left; }
#pv-wrapper .sideleft-index .today .left { float: left; width: 390px; padding-right: 15px; border-right: 0px solid #CCC; }
#pv-wrapper .sideleft-index .today .left .headtitle a:hover { color:#4e8b00; }
#pv-wrapper .sideleft-index .today .left div.news { border-bottom: 0px solid #CCC; margin: 5px auto 10px auto; }
#pv-wrapper .sideleft-index .today .left div.news img { float: left; margin: 5px 15px 0px 0; width: 150px; height: 100px; }
#pv-wrapper .sideleft-index .today .left div.news p { color: #5d5d5d; }
#pv-wrapper #latestnews-flashnews { width: 390px; height: 200px; color: rgb(255, 255, 255); font-size: 15px; line-height: 17px; font-weight: bold; font-family: 微軟正黑體; margin-bottom: 15px; }
#pv-wrapper .headtitle { background: url(images/headtitle.gif) no-repeat left;}
#pv-wrapper .headtitle span { color: #343434; font-size: 14px; font-weight: bold; margin-left: 14px; }
#pv-wrapper .headtitle a, div.headtitle a:visited { color: #343434; }
#pv-wrapper .index-article .sidebar .body .headtitle{ background: url(images/headtitle2.gif) no-repeat left; }
#pv-wrapper .index-article .sidebar .body .headtitle:hover { text-decoration: underline; }
#pv-wrapper .index-article .sidebar .body .headtitle span { color: #343434; font-size: 14px; font-weight: bold; margin-left: 14px; }
#pv-wrapper .blackline { height: 9px; background-image: url(images/more_bg.gif); background-position: right; float: right; width: 305px; margin-top: 5px; }
#pv-wrapper .keyword_index { border: #7dbf16 solid 1px; background-color: #f5fade; padding: 0px; margin: 15px auto; height: 25px; line-height: 25px; }
#pv-wrapper .newslist { margin: 8px 0; text-align: left; }
#pv-wrapper .newslist ul li { background: transparent url(images/line_1.gif) no-repeat left bottom; margin: 0 0 5px 0; padding: 3px 0px 5px 12px; }
#pv-wrapper .sideright-index { float: left; width: 320px; margin-bottom: 0px; margin-top: 5px; padding-right: 10px; }
#pv-wrapper .sideright-index .content { margin-bottom: 0px; margin-top: 5px; }
#pv-wrapper .sideright-index .content div.title { line-height: 32px; height: 32px; color: #000; font-size: 15px; font-weight: bold; padding-left: 8px; padding-bottom: 8px; background: url(images/sideright_bg.gif) repeat-x top; }
#pv-wrapper .sideright-index .content div.img { margin: 0px 10px 0px 0; float: left; width: 150px; height: 100px; overflow: hidden; }
#pv-wrapper .sideright-index .content img { margin: 0px 0px 5px 0; max-width: 150px; max-height: 100px; }
#pv-wrapper .sideright-index .content p { color: #5d5d5d; }
#pv-wrapper .sideright-index .content h3 { clear: initial; }
#pv-wrapper .sideright-index .content h3 a { font-size: 14px; font-weight: bold; line-height: 24px; color: #222; }
#pv-wrapper .sideright-index .content h3 a:hover { color: #4e8b00; }
#pv-wrapper .sideright-index .index_price { float: left; width: 320px; margin-right: 10px; margin-bottom: 12px; }
#pv-wrapper .sideright-index .index_price h4 { font-size: 12px; font-weight: bold; color: #469300; margin-top: 5px; }
#pv-wrapper .sideright-index .index_price_title { background-image: url(images/price_bg.gif); background-position: right top; background-repeat: no-repeat; background-color: #fcf9df; border-bottom: 1px solid #ccdf7f; color: #666; height: 22px; padding: 5px 0 0 0; text-align: center; font-size: 12px; }
#pv-wrapper .sideright-index .index_price_item { border-bottom: 1px solid #ccdf7f; color: #4D7931; font-size: 12px; height: 22px; padding: 1px 0; text-align: left; }
#pv-wrapper .sideright-index .index_price_price { border-bottom: 1px solid #ccdf7f; border-left: 0px solid #dbe3bd; color: #444; font-size: 12px; -webkit-text-size-adjust: none; height: 22px; padding: 1px 0; text-align: center; }
#pv-wrapper .sideright-index .morelink { float: right; font-size: 12px; font-weight: 100; margin: 0px 3px 0 0; }
#pv-wrapper .sideright-index .index_update { float: right; font-size: 11px; -webkit-text-size-adjust: none; font-weight: 100; margin: 0px 0px 0 0; color: #888; }
#pv-wrapper .sideright-index .price-note { color: #FF0004; }
#pv-wrapper .sideright-index .index-article { float: left; }
#pv-wrapper .sideright-index .index-article div.sidebar .body { padding: 10px 15px; height: 137px; }
#pv-wrapper .sideright-index .index-article div.sidebar .body div.blackline { height: 1px; background-color: #b1b1b1; float: right; width: 100%; margin-top: 3px; }
#pv-wrapper .sideright-index .index-article div.sidebar { width: 320px; margin-bottom: 0px; margin-right: 10px; background-color: #ffffff; border: #e4e4e4 solid 1px; border-radius: 0px; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); }
#pv-wrapper .sideright-index .title-event { font-size: 16px; line-height: 24px; margin: 20px auto 0px auto; font-weight: bold; }
#pv-wrapper .sideright-index .left-image { float: left; margin-right: 12px; }
#pv-wrapper .sideright-index .left-image img { width: 121px; height: 85px; }
#pv-wrapper .sideright-index .clear-block { display: block; }
#pv-wrapper .sideright-index .hight { height: 8px; }
#pv-wrapper .sideright-index .date { color: #A0A0A0; font-size: 12px; line-height: 30px; height: 30px; }

/* 友情鏈接頁面 */
#LinksPage{ width: 1070px; margin: 0 auto; padding: 20px 10px; background: #fff; clear: both; }
#LinksPage .LinksBase{ width: 1070px; height: 34px; line-height: 34px; background: linear-gradient(to top,#f0f0f0,#fafafa); border: 1px solid #e2e2e2; border-radius: 5px; text-indent: 1em; margin-bottom: 14px; }
#LinksPage .LinksBase a{ color: #444444; text-decoration: none; font-size: 14px; margin: 0 5px; }
#LinksPage .LinksBase a.currentLinks{ color: #036b00; }
#LinksPage .LinksBase a:hover{ text-decoration: underline; }
#LinksPage .LinksContBox{ width: 1070px; }
#LinksPage .LinksNotice{ float: left; width: 236px; }
#LinksPage .LinksNotice-TOP{ width: 100%; border: 1px solid #c3c2c2; border-radius: 5px 5px 0 0; margin-bottom: 15px; }
#LinksPage .LinksNotice-Title{ width: 100%; height: 30px; background: linear-gradient(#fbfbfb 50%, #e8e8e8 50%); border-radius: 5px 5px 0 0; color: #262626; font-size: 14px; font-weight: 700; line-height: 30px; text-indent: 1em; border-bottom: 1px solid #fff; }
#LinksPage .LinksNotice-cont{ width: 100%; font-size: 14px; line-height: 22px; padding: 15px 0; border-top: 1px solid #c3c2c2; background: #fff; }
#LinksPage .LinksNotice-cont p , .LinksNotice-cont ul{ width: 100%; padding: 0 10px; }
#LinksPage .LinksNotice-cont ul{ margin: 0; }
#LinksPage .LinksNotice-cont ul li{ display: block; list-style: none; widows: 216px; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #d9d9da; text-align: center; }
#LinksPage .LinksNotice-cont ul li:last-child{ border-bottom: 0 solid #d9d9da; }
#LinksPage .LinksArea{ float: right; width: 814px; }
#LinksPage .fd_link{ widows: 814px; margin-bottom: 20px; }
#LinksPage .ban_link{ widows: 814px; height: 30px; background: #97b26d; font-size: 14px; font-weight: 700; line-height: 30px; text-indent: 1em; margin-bottom: 10px; }
#LinksPage .list_fdLink a{ display: inline-block; width: 145px; height: 26px; font-size: 14px; text-decoration: none; color: #444444; line-height: 26px; text-align: center; border: 1px solid #e2e2e2; margin: 8px 10px 8px 0; }
#LinksPage .list_fdLink a:hover{ color: #036b00; border: 1px solid #97b26d; }#LinksPage 

/*
|--------------------------------------------------------------------------
| 2017/11 人民幣價格樣式_首頁  Molly
|--------------------------------------------------------------------------
*/
.animate, .btn, .btn-border-o:before, .btn-border-o:after, .btn-border:before, .btn-border:after, .btn-border-rev-o:before, .btn-border-rev-o:after, .btn-border-rev:before, .btn-border-rev:after, .btn-fill-vert-o:before, .btn-fill-vert-o:after, .btn-fill-vert:before, .btn-fill-vert:after, .btn-fill-horz-o:before, .btn-fill-horz-o:after, .btn-fill-horz:before, .btn-fill-horz:after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn {
    display: inline-block;
    padding: 8px 10px 5px;
    font-size: 15px;
    position: relative;
    opacity: .999;
    color: #ffffff;
    border: 0px;
    border-radius: 5px 5px 0px 0px;
    background: #CACBCA;
}
.active {
    background: #75AA25;
}
.btn-hr {
    margin-bottom: 8px;
    border-bottom: 2px solid #75AA25;
}
.btn:hover {
    background: #B7D139;
	color: #ffffff;

}
.active:hover {
    background: #79AA35;
}

/*
|--------------------------------------------------------------------------
| 2017/11 人民幣價格樣式_價格頁面  Molly
|--------------------------------------------------------------------------
*/

.USD {
    border-bottom: 1px dotted #ccdf7f !important;
}
.RMB {
    background: #FAFAFA;
}

/*--------------------------------------------------------------------------
/2019/02/22 右側欄展覽會議
/-------------------------------------------------------------------------
*/
#showlist p.title {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #4e8b00;
}
#showlist .title span.text {
    background-color: #4e8b00;
    color: #fff;
    padding: 5px 10px 1px;
}
#showlist .title span.more {
    float: right;
}
		
/*--------------------------------------------------------------------------
/2019/03/18 文章新增免責聲明
/-------------------------------------------------------------------------
*/	
.content_disclaimer{
    padding: 2%;
    background: #efefef;
    margin-bottom: 20px;
    color: #696969;
    line-height: 22px;
	margin-top: 20px;
		}
		
/* ET 價格改版 */
.price-icon {
    margin: 0px 5px;
}


.price-note-dox.inportant {
    margin: 0px 0px 15px;
}

.price-note-dox.mobile.inportant h5 {
    font-size: 15px !important;
}
.price-note-dox.mobile {
    margin-top: 15px !important;
}

.price-note-dox.inportant h5 {
    border-bottom: 2px solid #ea8484;
    padding: 5px 0px;
    color: #f90000;
}



.price-note-dox.inportant .price-note-style {
    color: #4c4c4c;
    font-weight: initial;
    line-height: 1.5em;
}

.price-note-dox.inportant .note-box {
    background: #ffdada;
    padding: 15px;
}


.price-note-dox.inportant .price-note-style a {
    color: #b92f2f !important;
}

.price-note-dox hr {
    margin: 17px 0px !important;
    background: #f1b2b2 !important;
    border: none !important;
    height: 1px;
}



.price-note-dox {
    margin: 0px 0px 15px;
}

.price-note-dox h5 {
    border-bottom: 2px solid #6faa00;
    padding: 5px 0px;
    color: #469300;
}

.price-note-dox .price-note-style {
    color: #4c4c4c;
    font-weight: initial;
    line-height: 1.5em;
}

.price-note-dox .note-box {
    background: #ececec;
    padding: 15px;
}


.price-note-dox .price-note-style a {
    color: #4e8b00 !important;
}

#solar_Price .left_tab .tab_tr_item{
  position:relative;          
 }



.tooltip {
  position: relative;
}

.tooltip 
 span.tooltiptext {
    visibility: hidden;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: left;
    border-radius: 3px;
    padding: 8px 15px;
    position: absolute;
    z-index: 9999999;
    left: -5%;
    bottom:calc(100% + 5px);
    line-height: 1.3em;
}
#pricequote-tab	.left_tab{
	position: relative;		
}

/*#pricequote-tab .left_tab:nth-child(2) span.tooltiptext {
    margin-top: -45px !important;
}

#pricequote-tab .left_tab:nth-child(3) span.tooltiptext {
    margin-top: -60px !important;
}
#pricequote-tab .left_tab:nth-child(4) span.tooltiptext {
    margin-top: -60px !important;
}

#pricequote-tab .left_tab:nth-child(5) span.tooltiptext {
    margin-top: -45px !important;
}*/
		
.tooltip .tooltiptext:after {
    display: block;
    content: '';
    border-width: 8px 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.8) transparent transparent transparent;
    position: absolute;
    left: 25%;
    top: 100%;
}			

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.tooltip .tooltiptext.et-index {
	bottom: calc(100% + 5px);
    width: auto;
    left: 0px;
    text-align: left;
    margin-left: 0px !important;
    position: absolute;
    margin-top: 0px !important;
    white-space: nowrap;
}

span.tooltiptext.et-index:after {
    display: block;
    content: '';
    border-width: 8px 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.8) transparent transparent transparent;
    position: absolute;
    left: 35% !important;
    top: 100% !important;
}	

.tooltip .tooltiptext.pv-index {
    width: auto;
    left: 0px;
    text-align: left;
    bottom: 121% !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    white-space: nowrap;
}
		
span.tooltiptext.pv-index:after {
    display: block;
    content: '';
    border-width: 8px 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.8) transparent transparent transparent;
    position: absolute;
    left: 43% !important;
    top: 100% !important;
}		


/*[ET-149]标题 H1标签、样式调整-2.内页标题样式调整 -Yaru-20220808*/
div.content table tr td h2.entry-title a{
	float: left;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.5em;
    padding-left: 10px;
	color: #111111;
}
div.content table tr td h2.entry-title a:hover {
    color: #246C08;
}
#solar_Price div.article h2 {
    font-size: 26px;
    font-weight: bold;
    color: rgb(34, 34, 34);
    line-height: 35px;
    margin-top: 8px;
    margin-bottom: 12px;
}
.entry-title{
	color: #111111;
}

/**[ET-217]新增Tag列表頁的頁面標題樣式-Ruby-20230617**/
h1.list-title {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b3b2b2;
    background-color: #efefef;
    font-size: 16px;
    padding: 10px 0 10px 10px;
}