@charset "UTF-8";
/******************************************/
/*		祐紳科技  yoson
/*			DFocusMa  20160926
/*
/*
* TOC
*
* bg
* 連結文字顏色
* menu
* banner   w960  h330
* aside
* mainContent 主內容
* footer  底部樣式
* 首頁新增的CSS
*/
/******************************************/
/** global **/
/* 全站通用屬性 */
* { margin: 0; padding: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { /*	overflow-x: hidden;
	overflow-y: scroll;*/ }

body { position: relative; width: 100%; /*color: #333;*/ font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; overflow-x: hidden; }

/*p{
	margin:3px;
}*/
img { border: 0; }

select { font-family: Arial, Verdana; }

th { background: #f3f3f3; border-bottom: 1px solid #ccc; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; }

a:link, a:visited { text-decoration: none; }

#container { z-index: 10; margin: 0 auto; padding: 0; text-align: center; }

#Tbody { position: relative; z-index: 20; width: 960px; margin: 0 auto; text-align: left; }

#sidebar, #mainContent { display: inline-block; }

.Ptitle { position: relative; font-size: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; }

/*---文件上傳欄位樣式---*/
.attachmentBody { margin: 0; font-size: 12px; background: #f1f1f1; }

.list_seperator { border-top: 1px dotted #ccc; margin: 18px 0; }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
		>	bg
\*========================================================================*/
body { padding-top: 35px; background-color: #fff; background: url('../custom_image/bg.jpg?1459140820') 50% 0% repeat; background-attachment: fixed; }
body:before { content: ''; display: block; width: 100%; height: 35px; background-color: #252121; box-shadow: 0 1px 16px rgba(14, 5, 10, 0.8); position: absolute; top: 0; z-index: 10; }

#container { width: 100%; margin: auto; background: url("../custom_image/bg1.png") 50% 0 no-repeat; }
#container:after { content: ''; display: block; position: absolute; z-index: 99; bottom: 0; left: 0; width: 100%; height: 89px; background-color: #231f20; -webkit-box-shadow: inset 0px 20px 50px #5a5a5a; box-shadow: inset 0px 20px 50px #5a5a5a;}


#Tbody { background-color: #fff; padding-top: 2em; background-position: 0 0; background-repeat: repeat; }

/*---底部樣式---*/
#foot { position: relative; z-index: 100; font: 11px arial; /*color:#37510e;*/ /*height:60px;*/ padding: 20px 20px 10px; letter-spacing: 1px; clear: both; /*au test*/ /*position: absolute;*/ /*left: 0;*/ /*width: 100%;*/ width: 960px; margin: auto; /*background: url('/custom_image/bg-footer.jpg') 0 0 repeat;*/ }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
		>	連結文字顏色
\*========================================================================*/
/** link **/
/* 泛用 */
a:link, a:visited { color: #4c4948; }

a:hover { color: #f12d31; }

/*邊欄功能選項標題*/
.Ptitle { color: #4c4948; }

.Ptitle a:link, .Ptitle a:visited { color: #4c4948; }

.Ptitle a:hover { color: #f12d31; }

.menuA:link, .menuA:visited { color: #fff; }

.menuA:hover { color: #f12d31; }

a.sideA { color: #4c4948; }

a.sideA:hover { color: #f12d31; }

#mainContent a { color: #4c4948; }

#mainContent a:hover { text-decoration: underline; }

/*========================================================================*\
		>>	標題顏色
\*========================================================================*/
.Content-top .ContentTitle { font: 15px arial; color: #4c4948; }

/*========================================================================*\
		>>	內文顏色
\*========================================================================*/
#container { color: #4c4948; }

/* 底部版權聲明連結 */
#container #foot { color: #fff; }

#container #foot a { color: #fff; padding: 0px 2px; }

#container #foot a:hover { color: #fff; text-decoration: underline; padding: 0px 2px; }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
		>	menu
\*========================================================================*/
.menuA:link, .menuA:visited { height: 40px; /*background-color: #95cb44;*/ padding: 3px 7px 2px; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; line-height: 140%; border-radius: 10px; /*background:url('../custom_image/menu1.gif') center;*/ /*border:0px solid #0060C2;*/ }

.menuA:hover { /*background:url(menu2.gif) bottom repeat-x ;*/ /*border:0px solid #ff0000;*/ text-decoration: underline; }

/*文章標題*/
.titleA:link, .titleA:visited { text-decoration: none; font-family: verdana; font-size: 13px; font-weight: bold; text-align: left; color: #666; padding: 3px; }

.titleA:hover { color: #8ab3ba; text-decoration: none; }

.sideA:link, .sideA:visited { width: 170px; height: 16px; background: url("../custom_image/arrow.png") 8px -54px no-repeat; text-decoration: none; padding-left: 22px; overflow: hidden; display: block; margin-bottom: 3px; }

.sideA:hover { background: url('../custom_image/arrow.png') no-repeat 8px 6px; text-decoration: none; padding-left: 22px; height: 16px; overflow: hidden; }

.CategoryA:link, .CategoryA:visited { text-decoration: none; }

.CategoryA:hover { text-decoration: none; }

.more:link, .more:visited { background: no-repeat; margin: 5px; text-decoration: none; }

.more:hover { background: no-repeat 0 -15px; }

.blogsetA:link, .blogsetA:visited { padding: 0 9px 4px 16px; background: no-repeat; text-decoration: none; }

.mp3A:link, .mp3A:visited { padding: 0 0 4px 16px; background: no-repeat; text-decoration: none; }

.collA:link, .collA:visited { padding: 0 0 4px 16px; background: no-repeat; text-decoration: none; }

.aboutA:link, .aboutA:visited { padding: 0 0 4px 16px; background: no-repeat; text-decoration: none; }

.normalA:link, .normalA:visited { padding: 0 12px 4px 16px; background: no-repeat; text-decoration: none; }

.listA:link, .listA:visited { padding: 0 0 4px 16px; background: no-repeat; text-decoration: none; }

.commentA:link, .commentA:visited { padding: 0 0 4px 14px; background: no-repeat -2px 3px; text-decoration: none; }

.menuL { color: white; background-image: none; background-repeat: no-repeat; background-attachment: scroll; width: 0; padding: 0; }

.menuR { color: white; background-image: none; background-repeat: no-repeat; background-attachment: scroll; width: 8px; padding: 0; }

.menuDiv { color: white; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 4px; padding: 0; }

/*----------------------------------首頁新增的CSS----------------------------------*/
#idx_menu, #header #menu { position: relative; list-style: none; z-index: 10; background-size: cover; width: 960px; padding: 0px; margin: auto; position: absolute; top: -103px; right: 0; left: 0; height: 103px; }
#idx_menu ul, #header #menu ul { top: 72px; }
#idx_menu #Left, #header #menu #Left { width: 0; float: left; }
#idx_menu #Right, #header #menu #Right { width: 267px; height: 22px; background: url('../custom_image/service_tel.png?1454472959') 0 0 no-repeat; position: absolute; top: 15px; right: 2.5em; }
#idx_menu:before, #header #menu:before { content: ''; display: block; position: absolute; bottom: -3px; left: 2em; z-index: 9; margin: auto; width: 400px; height: 125px; background: url('../custom_image/logo.png?1454469085') 0 0 no-repeat; background-repeat: no-repeat; }
#idx_menu:after, #header #menu:after { content: ''; display: block; position: absolute; bottom: -60px; left: -1px; z-index: 8; width: 402px; height: 102px; background: url('../custom_image/logopic.png?1452856019') 0 0 no-repeat; }
#idx_menu ul, #header #menu ul { position: relative; z-index: 10; /*width: 960px;*/ margin: auto; list-style: none; transform: rotate(-180deg); float: right; }
#idx_menu ul.navigation, #header #menu ul.navigation { top: 0; }

#idx_menu li { float: left; margin-right: 5px; }

#idx_menu li a { font-size: 13px; text-decoration: none; font-weight: normal; /*au*/ display: block; height: 35px; line-height: 35px; padding: 0 0.5em; transition: all 0.3s ease-out; }

#idx_menu li a:hover { /*font-weight:bold;*/ }

/*#header #menu ul{
	list-style:none;
	background-color: rgba(237, 141, 45, 0.9);
	margin:97px 20px 0 15px;
	*margin:97px 20px 0 15px;
	_margin:79px 18px 0px 0px;
	padding:0;
	height:auto;
	float:right;
}*/
#header #menu li { float: right; /*height:20px;*/ margin: 0 3px; transform: rotate(-180deg); }

#header #menu li a { /*	float:left;
	height:20px;
	margin:0 4px;*/ font-size: 13px; text-decoration: none; font-weight: normal; /*au*/ display: block; line-height: 25px; padding: 0 0.5em; transition: all 0.3s ease-out; height: 25px; }

#header #menu li a:hover { /* font-weight: bold; */ }

#header #menu #subnav { position: absolute; top: 0; left: 0; background-color: rgba(35, 91, 153, 0.75); padding-bottom: 30px; }
#header #menu #subnav li { background-color: transparent; }
#header #menu #subnav a { height: 24px; line-height: 24px; }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
		>	banner   w960  h330
\*========================================================================*/
/*---頂部樣式---*/
#header { position: relative; height: 330px; width: 960px; background: url('../custom_image/banner.png?1459140075') 50% 0 no-repeat; margin: 0 auto 0; padding: 0; list-style-image: none; }

#header #blogname { display: none; }

#header #blogname #blogTitle { height: 16px; padding: 0; margin: 0px 0px 0px 0px; font-size: 11px; font-weight: bolder; }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
	>	aside
\*========================================================================*/
/*---邊欄/工具區塊--*/
#sidebar { width: 250px; margin-left: 30px; padding: 0 0 1.5em; text-align: center; float: left; }

#sidebar-topimg { height: 0px; *height: 26px; _height: 30px; width: 260px; }

#sidebar-bottomimg { height: 5px; width: 260px; overflow: hidden; }

/*---工具箱樣式--*/
.sidepanel { position: relative; width: 100%; margin-bottom: 0.8em; padding: 0; text-align: center; }

.sideA:link, .sideA:visited { height: auto; margin-bottom: 5px; }

/*========================================================================*\
		>>	Ptitle  邊欄  sidebar-png  w260	h50
\*========================================================================*/
.Ptitle a, a.sideTitle, a.sidetitle { position: relative; display: block; width: 100%; height: 40px; margin: auto; font-weight: bolder; text-indent: 0; text-align: center; transition: all 0.3s ease-out; display: table-cell; vertical-align: middle; z-index: 4; }

.Ptitle { width: 190px; margin: 0 auto 1.5em; transition: all 0.3s ease-out; text-align: center; display: table; vertical-align: middle; }
.Ptitle:hover { transform: translate(1px, 1px); }
.Ptitle:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0em; z-index: 3; margin: auto; width: 40px; height: 35px; background: url('../custom_image/icon1.png?1459143768') 0 0 no-repeat; }
.Ptitle:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #4c4948; margin: auto; }
.Ptitle + .Pcontent { margin-top: 0.3em; }

/*========================================================================*\
		>>	Pcontent  子選單
\*========================================================================*/
.Pcontent { position: relative; text-align: left; margin: 0; /*margin:-5px 0 0;*/ /*background:url(../custom_image/title_body.gif) top center repeat-y;*/ line-height: 1.8; overflow: hidden; /*au*/ width: 100%; }
.Pcontent .sideA { width: 200px !important; margin: 0 auto 5px; }

.Pfoot { height: 0px; /*background:url(../custom_image/title_bottom.gif) top center no-repeat;*/ border-bottom: 0px #96ABB8 solid; padding: 0 0 0px 0; *padding: 0 0 0px 0; _padding: 0 0 0px 0; line-height: 100%; *line-height: 160%; _line-height: 100%; margin: 0px 0px 20px 0px; *margin: 0px 0px 20px 0px; _margin: -15px 0px 10px 0px; }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
		>	mainContent 主內容
\*========================================================================*/
/*---主內容--*/
#mainContent { width: 600px; min-height: 630px; margin: 0 0px 0 40px; padding-top: 1em; /*margin:0 5px 0 5px;*/ text-align: center; /*background-color: rgba(62, 58, 57, 0.8);*/ }

#innermainContent { width: 100%; /*width: 643px;*/ /*margin-right:20px;*/ /*overflow:visible;*/ float: right; background: transparent; }

#mainContent-topimg { height: 5px; overflow: hidden; }

#mainContent-bottomimg { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 10px; overflow: hidden; }

.content-width { width: 100%; margin: auto; background: transparent; }

/*---主內容頁數--*/
.pageContent { margin: 0 auto; padding: 3px; text-align: left; height: 18px; color: #000; }

.NavTitle { float: left; }

.page { padding-right: 5px; height: 18px; }

.page ul { list-style: none; margin: 0px; padding: 0px; }

.page ul li { float: left; padding: 0px 3px 0px 3px; }

.page ul li.PageL { width: 9px; height: 16px; }

.page ul li.PageR { width: 9px; height: 16px; }

.PageLbutton { background: transparent; width: 9px; height: 16px; display: block; }

.PageRbutton { background: transparent; width: 9px; height: 16px; display: block; }

/*---內容區塊--*/
.Content { margin: 0 auto; padding: 0; font-family: Arial, Verdana; background: none; }

/*---網誌標題區塊--*/
.Content-top { position: relative; /*height:57px;*/ /*color:#003C80;*/ text-align: left; /*background:url(../custom_image/cntTitltBg.png) top center no-repeat;*/ padding-left: 5px; margin-bottom: 16px; }
.Content-top:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; z-index: 3; margin: auto; width: 40px; height: 35px; background: url('../custom_image/icon1.png?1459143768') 0 0 no-repeat; }
.Content-top:after { content: ''; display: block; position: absolute; bottom: -4px; left: 0; z-index: 3; width: 100%; height: 1px; background-color: #4c4948; }
/*文章標題區塊*/
.Content-top .ContentTitle { position: relative; z-index: 4; margin: 0; padding-left: 2.5em; font-weight: bold; line-height: 2; }
.Content-top .ContentTitle .titleA { font-size: 15px; }
.Content-top .ContentAuthor { display: none; }

/*---網誌內容區塊--*/
.Content-body { color: #403f40; margin: 0px 0 0 0; /*padding:0 25px;*/ overflow: hidden; text-align: left; line-height: 150%; /*background:url(../custom_image/content-body_bg.png) repeat-y;*/ }

.Content-body a { line-height: 22px; }

.Content-body p { padding: 4px; letter-spacing: 0.1em; }

.linkover { padding: 0 0px; }

/*---網誌內文底部--*/
.Content-bottom { text-align: left; /*background:url(../custom_image/content_bottom_bg.png) center no-repeat;*/ height: 37px; margin-bottom: 10px; padding: 16px 30px 0; }

.Content-bottom .ContentBLeft { width: 0px; float: left; }

.Content-bottom .ContentBRight { width: 0px; float: right; }

.Content-bottom span { margin-right: 15px; }

/*---網誌其他訊息--*/
.Content-Info { margin: 0px; width: 578px; padding: 4px 8px; background: url(http://www.livia.url.tw/custom_theme2114/Content-body_bg.gif) top center repeat-y; }

.Content-Info .InfoAuthor { text-align: left; background: transparent; }

.Content-Info .InfoOther { float: right; text-align: right; background: transparent; }

/*--回應區塊--*/
.comment { text-align: left; margin: 0px 12px 4px 12px; background: #EEE; }

.commentinfo { font-family: arial; font-size: 12px; color: #444; }

.commenttop { font: 12px Arial normal; color: #000; border: 0px; padding: 4px; background: url(commenttop_bg.gif) bottom left #FFF no-repeat; height: 30px; }

.commentcontent { padding: 10px; line-height: 140%; overflow: hidden; color: #000; background: url(commentcontent_bg.gif) #EEE center bottom no-repeat; }

/* .commentcontent a{background:#fff;} */
/*---UBB區塊--*/
.UBBPanel { background: #f1f1f1; border-top: 1px solid #b4a79c; border-right: 1px solid #b4a79c; border-bottom: 1px solid #b4a79c; border-left-style: solid; border-left-width: 3px; }

.UBBTitle { padding: 4px; background: #bcbec0 url(ubbback.gif) no-repeat 400px 0; border-bottom: 1px dotted #b4a79c; }

.UBBContent { padding: 6px; line-height: 160%; }

.UBBContent TEXTAREA { width: 448px; margin-bottom: 2px; }

:link.UBBLink, :visited.UBBLink { font-size: 12px; font-family: Arial,verdana; }

/*---訊息欄--*/
#MsgContent { color: #000; width: 450px; padding: 0; margin: auto; }

#MsgContent #MsgHead { background: none; padding: 4px; color: #969696; text-align: center; }

#MsgContent #MsgBody { padding: 4px; line-height: 180%; color: #969696; }

.LDialog { border: solid 1px #cccccc; margin: 3px auto; padding: 1px; }

.LDialog .LHead { background: gray; padding: 1px; color: #fff; text-align: center; }

.LDialog .LBody { padding: 4px; line-height: 200%; }

/* 訊息欄圖示及文字 */
.MessageText { height: 50px; margin-right: 38px; }

.MessageIcon { background: url(../../images/Message.jpg) no-repeat; width: 48px; height: 48px; float: left; }

.ErrorIcon { background: url(../../images/Error.jpg) no-repeat; width: 48px; height: 48px; float: left; }

.WarningIcon { background: url(../../images/Warning.jpg) no-repeat; width: 48px; height: 48px; float: left; }

.QuestionIcon { background: url(../../images/Question.jpg) no-repeat; width: 48px; height: 48px; float: left; }

/*------------------------------------------------------------------------*\
/*------------------------------------------------------------------------*\
/*========================================================================*\
		>	首頁新增的CSS
\*========================================================================*/
#idx_header { width: 960px; height: 330px; background: url(../custom_image/banner.jpg) 50% 50% no-repeat; position: relative; margin: 0 auto 10px; }

#idx_logo { margin: 10px 0 0 20px; float: left; width: 250px; text-align: left; /*au*/ display: none; }

#idx_content { padding-left: 5px; }

#idx_content .idx_intro { width: 290px; margin: 0 10px 30px 15px; float: left; border-bottom: 1px solid #bacd9e; height: 290px; text-align: left; font-size: 13px; line-height: 22px; position: relative; }

#idx_content .idx_intro div.proditem { height: 115px; }

#idx_content .idx_intro div.imgdiv { text-align: center; background: #FFF; height: 106px; width: 106px; overflow: hidden; float: left; border: 1px solid #ccc; margin: 0 10px 0 0; line-height: 106px; }

#idx_content .idx_intro div.imgdiv span { display: inline-block; height: 53%; }

#idx_content .idx_intro img { max-height: 102px; max-width: 102px; vertical-align: middle; }

.idx_intro .Ptitle { background: url(../custom_image/sidebar2.png) no-repeat; line-height: 18px; line-height: 20px \9; }

.idx_intro span.intro_content { font-weight: normal; display: inline; overflow: hidden; word-wrap: break-word; word-break: break-all; }

.idx_intro span.more { display: block; text-align: right; font-size: 12px; color: #829c46; position: absolute; bottom: 5px; right: 0; }

.idx_intro span.more a { color: #829c46; text-decoration: none; }

.idx_intro span.more a:hover { text-decoration: underline; }

.idx_intro p { margin: 2px 0; height: 22px; overflow: hidden; }

.idx_intro p a { color: #444; text-decoration: none; }

.idx_intro p a:hover { text-decoration: underline; }

.idx_intro p.part { height: 20px; }

.idx_intro .news { text-decoration: none; padding-left: 16px; background: no-repeat 2px 3px; height: 16px; display: block; margin-bottom: 10px; background: url('../custom_image/arrow.png') 2px 3px no-repeat; background: url('../custom_image/arrow.png') 2px 0 no-repeat \9; line-height: 17px; color: #333; }

.idx_intro .news:hover { background: url('../custom_image/arrow.png') no-repeat 2px -13px; background: url(../custom_image/arrow.gif) no-repeat 2px -16px \9; color: #759920; }

.idx_intro .news b { float: left; font-weight: normal; overflow: hidden; text-overflow: ellipsis; }

.idx_intro .news span { float: right; }

.footer-corpinfo { float: left; text-align: left; width: 400px; margin-bottom: 10px; }

.footer-feed { margin-top: 5px; line-height: 20px; }

a.pagenavi { color: #FFF; padding: 1px 5px; background: #507124; letter-spacing: 1px; }

a.pagenavi:hover { color: #c9e7a3; }

#toolbar { position: absolute; top: 10px; right: 20px; }

/* 把layout.css的字距設定都覆蓋 */
#mainContent .Content-desc { line-height: normal; }

.sidepanel center + div { color: #4c4948 !important; }