/* newselastica — main typography & common styles (replicates ja_elastica template.css) */

@import url("fonts/TeX-Gyre-Adventor/stylesheet.css");

/* UTILITY: 视觉隐藏 (Joomla 核心输出的 .visually-hidden, 模板未引入 Bootstrap 需自行定义)
   —— 屏幕阅读器仍可读到, 仅视觉上不显示, 避免与 placeholder 内容重复 */
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* BODY */
body { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; line-height: 1.6; }
body#bd { background: #f0f0f0; color: #666; font-size: 10px; }
body.fs1 #ja-wrapper { font-size: 1em; }
body.fs2 #ja-wrapper { font-size: 1.1em; }
body.fs3 #ja-wrapper { font-size: 1.2em; }
body.fs4 #ja-wrapper { font-size: 1.3em; }
body.fs5 #ja-wrapper { font-size: 1.4em; }
body.fs6 #ja-wrapper { font-size: 1.5em; }

/* LINKS */
a { color: #006599; text-decoration: none; }
a:hover, a:active, a:focus { color: #333; text-decoration: none; }

/* READMORE */
p.readmore { margin: 0 !important; }
p.readmore a {
	background: url(../images/readmore-bg.png) no-repeat right top;
	color: #FFF; display: block; float: left;
	font-size: .85em; line-height: 30px;
	padding: 0 1em; padding-right: 1.5em; text-transform: uppercase;
}
p.readmore a:hover, p.readmore a:active, p.readmore a:focus { background-position: right bottom; }

/* CONTENT SPACING */
.ja-content p, .ja-content pre, .ja-content blockquote,
.ja-content h1, .ja-content h2, .ja-content h3, .ja-content h4, .ja-content h5, .ja-content h6,
.ja-content ol, .ja-content ul, .ja-content dl { margin: 1em 0; }

/* HEADINGS */
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1em; text-transform: uppercase; }
h5 { font-size: 1em; }
.contentheading, .componentheading, h1, h2, h3, h4, h5 { color: #333; font-weight: normal; }
h1.componentheading, h2.componentheading, .componentheading { font-weight: normal; margin: 0 0 1em; }
h1.contentheading, h2.contentheading, .contentheading { font-weight: normal; margin: 0 0 1em; padding: 0; font-size: 1.55em; }
.item-page h2.contentheading { margin: 0; }
.contentheading { font-size: 2.25em; }
.blog-featured .contentheading { font-size: 1.55em; }
.contentheading a { color: #333; text-decoration: none; }
.contentheading a:hover, .contentheading a:active, .contentheading a:focus,
dl.article-info a:hover, dl.article-info a:active, dl.article-info a:focus { color: #006599; }
.jitem-title { font-size: 110%; font-weight: bold; }

/* LISTS */
ul li { line-height: 160%; margin-bottom: 5px; }
ol li { line-height: 180%; }
dt { font-weight: bold; }
dd { margin-left: 15px; }
hr { border-top: 1px solid #ccc; }
img { max-width: 100%; }
img[align=left] { margin: 0 20px 0 0; }

p { text-align: justify; }
video, audio { margin-top: 15px; }
#ja-content-main img { height: 100% !important; }

/* FORMS */
input, select, textarea, .inputbox { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; font-size: 1em; padding: 3px; }
input[type="checkbox"], input[type="radio"] { border: 0; }
.inputbox { background: #fff; border: 1px solid #CCC; color: #333; }
.inputbox:hover, .inputbox:focus { background: #fff; }
.button, .btn, button.validate { background: #006599; border: 1px solid #006599; color: #FFF; padding: 3px 10px; }
a.btn { padding: 5px 10px 4px; }
.btn.btn-success { background: #5cb85c; border-color: #5cb85c; }
.button:hover, .button:focus, .btn:hover, .btn:focus, button.validate:hover, button.validate:focus {
	background: #222; border: 1px solid #222; cursor: pointer; color: #fff;
}

/* SEARCH */
form#searchForm { border-top: 1px solid #ccc; }
.searchintro { border-bottom: 1px solid #ccc; }
.results h4 { font-size: 110%; text-transform: none; }
.search fieldset { border: 1px solid #ccc; margin: 15px 0; padding: 10px; }
.search legend { font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; }
div.search { overflow: hidden; }

/* JOOMLA LAYOUT DECO */
.item-page, .cat-children, .com_content .archive,
.items-leading .leading .contentpaneopen,
.items-row .item .contentpaneopen {
	background: #FFF; border-top: 1px solid #E6E6E6; position: relative;
	box-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.item-page { margin-bottom: 1em; }

/* META */
.article-tools { margin: 0 0 0.5em; padding: 0; font-size: .875em; color: #999; }
.item-page .article-tools { margin: 0.2em 0 0.5em; }
dl.article-info { margin: 0; padding: 0; width: 90%; font-size: 14px; }
dl.article-info dd, dl.article-info dt { margin: 0; padding: 0 5px 0 0; }
dl.article-info a { color: #333; border-bottom: 1px solid #EEE; }
dd.create, dd.createdby, dd.hits { padding-right: 5px; }
dl.article-info span { color: #333; }
dl.article-info dt.article-info-term { display: none; }
p.article-url { margin: 10px 0 0; }
p.modifydate { margin: 1em 0 0; }
.contentdescription { display: block; padding: 1em; }
.contentdescription p { margin: 0; }
ul.actions { float: right; margin: 0; padding: 0; }
ul.actions li { display: inline-block; }
ul.actions li img { border: 0; margin: 0 5px 0 0; }

/* SUB CATEGORY */
.cat-children { margin: 1em 0; padding: 1.5em; }
.cat-children h3 { margin: 0; }
.cat-children ul li { background: none; border-top: 1px solid #DDD; padding: 1em 0; }

/* IMG CAPTION */
.img_caption { margin: 1em 0; max-width: 100% !important; width: auto !important; }
p.img_caption { color: #999; max-width: 100%; text-transform: uppercase; width: auto; }
.blog-featured .img_caption, .blog .img_caption { margin: 0 !important; padding: 0 !important; font-size: 100% !important; }
.blog-featured .img_caption .img_caption, .blog .img_caption .img_caption { display: none; }

/* TABLES */
thead tr th { background: #333; color: #fff; padding: 5px; }
thead tr th a, thead tr th a:hover { color: #fff; }
.cat-list-row1, tr.cat-list-row1 td, tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }
.cat-list-row1:hover, .cat-list-row2:hover { background: #ffffcc; }
tr.cat-list-row2 td { background-color: #f6f6f6; }
table.contenttoc { border: 1px solid #ccc; }
table.contenttoc td { border-bottom: 1px dotted #ccc; }
table.contenttoc th { background: #f6f6f6; border-bottom: 1px solid #ccc; text-transform: uppercase; }

/* PAGINATION */
.pagination li span, .pagination li strong { line-height: 20px; }
.items-more { border-bottom: 1px solid #ccc; padding: 0 0 5px; }
.items-more h3 { font-size: 125%; }

/* MAIN CONTENT */
#ja-main, #ja-content { float: none; height: auto !important; }
#ja-container .main { padding: 0; }
#ja-content-main {
	background: #FFF; border-top: 1px solid #E6E6E6;
	margin: 0; padding: 1.5em;
	box-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.com_content #ja-content-main { background: none; border-top: 0; padding: 0; box-shadow: none; }

#ja-content-bottom .link li { float: left; padding-right: 25px; }

/* 站点链接/友情链接 (user9): 左对齐 + 去圆点 */
#ja-content-bottom { text-align: left; }
#ja-content-bottom .ja-moduletable { width: 100%; }
#ja-content-bottom ul.weblinks,
#ja-content-bottom ul.link,
#ja-content-bottom .ja-box-ct ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
}
#ja-content-bottom ul.weblinks li,
#ja-content-bottom ul.link li,
#ja-content-bottom .ja-box-ct ul li {
	display: inline-block;
	float: none;
	list-style: none;
	padding: 2px 18px 2px 0;
}

/* CONTAINER */
#ja-container .main { padding: 0; }

/* BANNER */
.banneritem { margin-bottom: 1em; }

/* T3 LOGO (legacy, hidden) */
.t3-logo, .t3-logo-sm { display: none; }
.t3-logo a, .t3-logo-sm a { border-bottom: 0 !important; }

/* ICONS */
a.ja-icon-video {
	background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
	border: 1px solid #ccc; color: #666; display: block; font-weight: bold;
	padding: 5px 5px 5px 43px; position: absolute; right: 10px;
	text-decoration: none; top: 8px; width: 35px;
	border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,.2);
}
