/* 航空藍色版面 */


/** global **/
/* 全站通用屬性 */
html{


}
body{
	color: #333333;
	font-size:12px;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	overflow-x: auto;
	background-position: left top;
	background-color: #FFFFFF;
	}
p{
	margin:3px;
	text-align: center;
}
img {
margin:0;
border:0;
background:
}
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;
}

/** link **/
/* 泛用 */
a:link,a:visited{
text-decoration:none;
color:#888;
}
a:hover{
color:#aaa;
}
.menuA:link,.menuA:visited{
	font-size:1.25em;
	font-weight:normal;
	height:50px;
	text-align:center;
	padding:3px 7px 2px;
	text-decoration:none;
	color:#fff;
	line-height:140%;
	border:0px solid #0060C2;
}
.menuA:hover{
	color:#0000FF;
}
/*文章標題*/
.titleA:link,.titleA:visited{
text-decoration:none;
font-family:verdana;
font-size:13px;
font-weight:bold;
text-align:left;
color:#888;
padding:3px;
}
.titleA:hover{color:#aaa;text-decoration:none;}
.sideA:link,.sideA:visited{text-decoration:none;padding-left:16px;background:no-repeat 2px 3px;height:16px;overflow:hidden;display:block;margin-bottom:3px;width:170px;background:url(arrow.gif) 2px 3px no-repeat; color:#666; }
.sideA:hover{text-decoration:none;padding-left:16px;background:no-repeat 2px -13px;height:16px;overflow:hidden;background:url(arrow.gif) no-repeat 2px -13px; color:#aaa; }
.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;}
/*邊欄功能選項標題*/
.Ptitle a:link,.Ptitle a:visited{color:#fff;}
.Ptitle a:hover{color:#bfdbee;}

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

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

/** layout **/


/*---頂部樣式---*/
#container #header{
	height:250px;
	width:960px;
	margin:0 auto 0;
	padding:0 auto 0;
	list-style-image: none;
	background-repeat: no-repeat;
	background-position: left 110px;
	background-color: #FF0000;
}
#container #header #blogname{
font-family:verdana;
padding:35px 50px 0 60px;
font-size:30px;
line-height:110%;
color:#000;
font-weight: bold;
text-align:right;
background:;
height:55px; }
#container #header #blogname #blogTitle{
font-size:11px;margin:0px 0px 0px 0px; font-weight:bolder; height:16px;padding:0;}
#container #header #menu{
font-size: 11px;
height:20px;
padding:0px;
margin:0px;
text-align:left;
/*visibility:hidden;*/
}
#container #header #menu #Left{
width:0px;
float:left;
}
#container #header #menu #Right{
width:0px;
float:right;
}
#container #header #menu ul{
list-style:none;
margin:97px 20px 0 15px;
*margin:97px 20px 0 15px;
_margin:79px 18px 0px 0px;
padding:0;
height:px;
float:right;
}
#container #header #menu ul li{
float:left;
height:20px;
margin:0 4px;
}
.menuL{
	color: #000000;
	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: #000000;
	background-image:none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width:4px;
	padding:0;
}
.Ptitle{
/* height:30px; */
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 15px; 
font-weight:bold;
color:#fff;
background:url(sidebar.png) top center no-repeat;
text-align:left; 
padding:7px 10px 10px 18px;
margin:3px 0 0;
letter-spacing:1px;
}

.Pfoot{
height:0px;
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{margin:0 5px 0 5px;  text-align:center;display:inline;}


#mainContent-bottomimg{ background-image:; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height:10px; overflow:hidden; }
.content-width{ width:632px; 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-top{
height:53px;
color:#003C80;
text-align:left;
overflow:hidden;
background:url(content_top_bg.png) top center no-repeat;
}
.Content-top .ContentLeft{}
.Content-top .ContentRight{}
/*文章標題區塊*/
.Content-top .ContentTitle{
font: 13px arial;
color:#777;
margin: 0;
padding:22px 30px 0 45px;

}

.Content-top .ContentAuthor{ 
font: 11px verdana;
color:#888;
padding:10px 30px 0 0; 
text-align:right; 
margin-top:-25px;
letter-spacing:1px;
height:35px;
display:block;
border-left:0px #000045 double;
border-right:0px #000045 double;
border-top:0px #000045 double;
}

/*---網誌內文底部--*/
.Content-bottom{
	text-align:left;
	height:100%;
	margin-bottom: 10px;
	width: 100%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.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(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(../26%E8%B3%BC%E7%89%A9%E5%A5%B3%E5%AD%A9%E7%89%88%E9%9D%A2/commenttop_bg.gif) bottom left #FFF no-repeat;height:30px;}
.commentcontent{padding:10px;line-height:140%;overflow:hidden;color:#000;background:url(../26%E8%B3%BC%E7%89%A9%E5%A5%B3%E5%AD%A9%E7%89%88%E9%9D%A2/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;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:;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;}

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

.list_seperator { margin:18px 0; border-top:1px dashed #ddd; }



/*----------------------------------首頁新增的CSS----------------------------------*/
#idx_header {
	height:0px;
	position:relative;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-position: center top;
}
#idx_logo {
	float:right;
	width:900px;
	text-align:center;
	background-color: #666666;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
}

#idx_content { padding-left:10px; }
#idx_content .idx_intro { width:290px; margin:0 5px 30px 15px; float:left; border-bottom:1px dashed #ddd; 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(sidebar2.png) no-repeat center bottom; line-height:18px; margin-bottom:10px; color:#666; height:20px; padding-left:3px; }
.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:#62a0c7; position:absolute; bottom:5px; right:-5px; }
.idx_intro span.more a { color:#62a0c7; text-decoration:none; }
.idx_intro span.more a:hover { }
.idx_intro p { margin:2px 0; height:22px; overflow:hidden; }
.idx_intro p a { color:#fff; 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(arrow.gif) 2px 3px no-repeat; background:url(arrow.gif) 2px 0 no-repeat \9; line-height:17px; color:#666; }
.idx_intro .news:hover { background:url(arrow.gif) no-repeat 2px -13px;background:url(arrow.gif) no-repeat 2px -16px \9; color:#999; }
.idx_intro .news b { float:left; font-weight:normal; overflow:hidden; text-overflow:ellipsis; }
.idx_intro .news span { float:right; }
a.pagenavi { color:#FFF; padding:1px 5px; background:#888; letter-spacing:1px; }
a.pagenavi:hover { color:#ccc; }
#toolbar {
	position:absolute;
	top:15px;
	right:30px;
	top:17px \9;
	height: auto;
	width: 700px;
}

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


html #search_toolbar { margin: 0 10px 5px 0; }

/* 2021年頤騰網站版面 */


#TopDiv {
	position:relative;
	width:100%;
	height:70px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: -500px;
	background-color: transparent;
}

#TopNav {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	height:40px;
	background-color: #666666;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	letter-spacing: 3px;
	word-spacing: 0.5px;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
}

#idx_menu {
	position:absolute;
	top:50%;
	left:50%;
	width:960px;
	height:100%;
	padding:0;
	list-style:none;
	background-color: #666666;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -480px;
	letter-spacing: 3px;
	word-spacing: 0.5px;
	text-align:center;
}
#idx_menu li {
	margin-right:10px;
	display:inline-block;
*display:inline;
	margin-top: 10px;
	color: #FFFFFF;
	background-color: transparent;
}
#idx_menu li a {
	font-size:1.25em;
	text-decoration:blink;
	color: #FFFFFF;
}
#idx_menu li a:hover {
	font-weight:bold;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: italic;
	line-height: 1.25em;
	height: 50px;
	border-top-color: #FF0000;
}

.position80vw{
	margin:auto;
	width:80vw;
	height:80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}

#iframe {
	position:absolute;
	left:o px;
	top:110px;
	margin:0 auto;
	padding:0;
	width:100%;
	background-color: #00FF00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	letter-spacing: 3px;
	word-spacing: 0.5px;
	height: 390px;
	background-image: url(iframebg.gif);
	background-repeat: no-repeat;
}

#iframe2 {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	height:auto;
	background-image: url(ifram2bg-3.gif);
	background-repeat: repeat-y;
}
/*---主體樣式--- #container控制about us 的背景transparent及2條白垂直線及區塊寬度(寬度要配合規格書寬度960px)*/
#container{
	position:relative;
	top:50%;
	left:50%;
	width:960px;
	margin-top: 430px; /*--- 控制thumb 到輪撥區塊的距離*/
	margin-right: 0px;
	margin-bottom:40px; /*--- 控制到圖片到footer區塊的距離*/
	margin-left:-480px; /*--- 調整圖片左上角置中*/
	padding:0;
	text-align:center;
	background-color: transparent;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-style: solid;
	border-left-style: solid;
	z-index:20; /*--- 數字越大越浮在上面*/
}
#innercontainer{
	position:absolute;
	width:auto;
	height:100%;
	margin-top: -1422px; /*--- 控制此區塊左上角到conatiner區塊的垂直距離*/
	margin-right: 0px;
	margin-bottom:40px; /*--- 控制此區塊左上角到footer區塊的水平距離*/
	margin-left:0px; /*--- 控制此區塊左上角到conatainer區塊的水平距離*/
	z-index:10; /*--- 數字越大越浮在上面*/
	background-image: url(ifram2bg-1.jpg);
	background-repeat: repeat;
}

/*---首頁文字類別--*/
#container #Tbody{
	width:960px;
	margin:5px auto;
	text-align:left;
	background-color: #00FF00;
}


#innermainContent{
	width: 100%;
	text-align:center;
	overflow:visible;
	background:transparent;
	margin: 0px;	
}


#mainContent-topimg{
	height:20;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333333;
	line-height: 1.5em;
	font-weight: normal;
	text-transform: none;
	font-variant: small-caps;
	text-decoration: blink;
}

.Content-body , .Content-result{
	margin:0;
	overflow:hidden;
	text-align:center;
	line-height:150%;
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	letter-spacing: 3px;
	word-spacing: 2px;
	height: 100%;
	background-position: center;
	color: #333333;
	border-right-color: #666666;
	border-bottom-color: #000045;
	border-left-color: #666666;
	background-color: #F2E4B3;
	font-weight: 200;
	font-variant: normal;
	text-transform: capitalize;
}

.Content-body a { line-height:22px; color:#666;  }
.Content-body a:hover { color:#aaa;  } 
.Content-body p , .Content-result  p{
	padding:4px;
	letter-spacing:0.2em;
}
.linkover{padding:0 0px;}
/*---內容區塊--*/
.Content{
    position:inherit;
	 top:50%;
	left:50%;
	padding:0;
	font-family:Arial, Verdana;
	word-break:break-all;
	word-wrap: break-word;
	margin-top: -20px;
	margin-right: ;
	margin-bottom: 0;
	margin-left: -63px;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	font-size: x-large;
	line-height: 1.5em;
	letter-spacing: 2em;
	word-spacing: 2px;
	vertical-align: middle;
}

.Pcontent{
text-align:center;
padding:0;
margin:0 0 10px;
line-height:160%;
overfolw:hidden;
}

/*---底部樣式---*/
#footer{
	width:100%;
	line-height:1.25em;
	font-size: 14px;
	border-top-style: none;
	padding-bottom: 15px;
	padding-top: 20px;
	background-color: #FFFFFF;
}

.footer-feed {

	line-height:1.25em;
	font-size: 14px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ce1b1e;
	padding-bottom: 15px;
	padding-top: 20px;
	background-color: #FFFFFF;
}
.footer-corpinfo { float:left; text-align:left; width:400px; margin-bottom:10px; }.position100vw {
	margin:auto;
	width:auto;
	height:390px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	float: left;
}
#content_block {
	background-color: #FFFFFF;
	background-position: top;
	height: 100%;
	width: 100%;
	border: thin solid #CCCCCC;
	float: right;
}

#table_block {
	height: 100%;
	width: 720px;
	border: thin solid #CCCCCC;
	float: left;
	background-color: #FFFFFF;
	margin: 2px;
}