@charset "utf-8";
/*-----------------------------------------------
Name:     2009框體公司網站-主要架構-css
Designer: Tina
Date:     2009-11-10
----------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,t
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-weight:normal;

}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



html,body
{
	width:100%;
	height:100%;
}
body
{
	font-size:11px;
	color:#666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height:190%;
}
/* link */
a {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
	color:#af1119;
}

img { border:0;}
ol, ul {	list-style: none;}


/*主要區塊定位
----------------------------------------------*/

#container_wrap
{
	width:100%;
	height:100%;

}
/*左邊選單區塊-----------------------*/
#sidebar_wrap
{
	background: url(../images/sidebar_bg.jpg) repeat-x top #af1119;
	width:22%;
	height:100%;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	z-index:999;
}
	#sidebar_wrap h1, #sidebar_wrap ul, #sidebar_wrap .outlink	{ 
	margin:20px 25px; 
	} 		
	#sidebar_wrap h1	{ 
	font-size:9pt; 
	font-weight:bold; 
	margin-top:28px;
	text-align:right;	
	} 		
	#sidebar_wrap ul{ 
	margin-top:85px;
	text-align:right;
	 } 	
	#sidebar_wrap ul li  { 
	margin-bottom:5px;
	} 	
	#sidebar_wrap ul li a{
	font-size:9pt;
	color:#e7baba;
	} 	
	#sidebar_wrap ul a:hover{ 
	color:#ffffff;
	text-decoration:none;
	} 	
	#sidebar_wrap .outlink {
		float:right;
		margin-top:0px;
		margin-left:7px; 
	 } 
	#sidebar_wrap .outlink li{ 

		text-align:left;
		margin-left:7px;
		background:#f00;
		padding: 0 3px;
		vertical-align: middle;
	} 
	#sidebar_wrap .outlink li a{ 
		font-size:8pt;
		color:#fff;
	 } 
	#sidebar_wrap .outlink li  img{ 
		border: 0pt none; 
		vertical-align: middle;

	 } 
	/*次選單*/
	#sidebar_wrap .subnav{ 
	position:absolute; 
	z-index:1000; 
	top:0px; 
	right:-130px; 
	width:130px; 
	height:100%; 
	text-align:left;
	background:#2b2b2b ;
	filter: alpha(opacity=70,finishopacity=70,style=1);
	-moz-opacity:0.7;
	opacity: 0.7;
	display:none;
	}
	#sidebar_wrap .subnav ul{ 
	margin:10px; 
	margin-top:155px;
	text-align:left;

	}
	#sidebar_wrap .subnav ul li{ 
	margin:0; 
	padding-left:10px; 
	_line-height:110%;  
	}
	#sidebar_wrap .subnav a{ 
	color:#c2c2c2; 
	display: block; 
	}
	#sidebar_wrap .subnav a:hover{ 
	color:#ffffff; 
	text-decoration:none;
	}


/*右邊內容區塊-------------------------------*/
#content_wrap
{
	background-color: #fff; 
	height:100%;
	width:77%; _width:76%;
	margin:0;
	padding:0;
	float:right;
}
/*頁首*/
#header
{
	height:27px;/**/
	background: url(../images/topbar_bg.gif) repeat-x top;/**/
	margin-left:20px;
	padding-right:15px;
	line-height:18px;
}
#topbar
{
	float:right; 
	border-bottom:#e1bbbc 1px solid;
	background:url(../images/topbar_line.gif) no-repeat right bottom #ffffff; 
	padding:5px 3px 0 0;
}
	/*輔助副選單*/
	#topbar ul	{ 
	background:url(../images/topbar_line.gif) no-repeat left bottom #ffffff; 
	padding-left:9px;
	overflow:auto; _height:1%;
	float:left; 
	}
		#topbar ul li	{	
		float:left; 
		margin-right:9px;
		}
		#topbar ul li a	{ 
		color:#a07e7e;	
		}
		#topbar ul li a:hover{ 
		color:#af1119;	
		}
	/*語言選擇*/
	.language	{	
	position:relative;
	margin:0 5px 0 0; 
	float:left; 

	 }
		.language span  {	
		padding:0 20px 0 5px; 
		background:url(../images/language_down.gif) no-repeat right #d09d9e; 
		}
		.language a	{	
		color:#ffffff; 
		}
	.language ol{	
	position:absolute; 
	z-index:10; 
	left:0; 
	top:16px; 
	border:#d09d9e 1px solid; 
	background:#ffffff; 
	width:70px; 
	text-align:left; 
	display: none;
	}
		.language ol li a	{	
			color:#d09d9e;	
			margin:0; 
			display:block;
			width:61px !important;width:71px;padding:0 5px;
		}
		.language ol li a:hover	{	
		color:#ffffff;  background:#d09d9e; 
		}
		.language ol li.language_sub a{	
		color:#ffffff;  background:#af1119;
		}




/*主要內容*/
#main
{
	margin:0;
	padding:0;
}
#main h2{ 
           margin:5px 45px; 
           line-height:130%; 
           font-size:170%;
           color:#444444;
           font-weight:bold;
           }

/*頁尾*/
#footer
{	
	width:700px; _width:690px;
	margin:0 20px;
	padding:5px 15px 20px 15px;
	border-top:#ccc 1px solid;
	color:#999999;
	font-size:90%;
	line-height:160%;
 }
	#footer img{ 
	margin:0 5px; 
	}
	
	#qrcode{
		width:40px;
		height:40px;
		position:relative;
	}
	#footer .copyright{	
	float:right; 	
	}	



/*其他輔助用
-----------------------------------------*/

.point{ color:#000000;}


/*分頁*/
.page_but ol
{
clear:both;
float:right;
margin-right:15px;
}
	.page_but ol li
	{ 
	float:left;
	width:25px;
	margin-left:2px;
	font-size:11px;
	}
	.page_but ol li a
	{ 
	background:url(../images/pagebut_bg.gif) no-repeat;
	color:#ffffff;
	display:block;
	text-align:center;
	}
	.page_but ol li a:hover
	{
	background-position:-50px 0;
	color:#ffffff;
	}
	/*目前停留頁面*/
	.page_but ol li a.pageon
	{
	background-position:-25px 0;
	color:#af1119;
	}


/*BLOG用
-----------------------------------------*/
#blog_sidebar{ 
	float:right;
	padding:0 20px 15px 30px;
}
#blog_sidebar h3{ 
	color:#fff; 
	font-weight:bold;
	margin-bottom:5px;
	font-size:120%;
}

.blog_category, .blog_hot, .blog_calendar, .blog_search{ padding-bottom:15px;}

	#sidebar_wrap div.blog_category a:hover, .blog_hot a:hover, .blog_calendar a:hover{
		color:#fff; 
	}
	#sidebar_wrap div.blog_category ul{
		text-align:left;
		margin:0;/*修正官網sidebar用的ul影響*/
	}
	#sidebar_wrap div.blog_category ul li{	margin-bottom:0;/*修正官網sidebar用的ul影響*/	}
	#sidebar_wrap div.blog_category ul li a{
		color:#e4b8b8; 
	}
	#sidebar_wrap div.blog_category ul li span{
		color:#cc7777; 
		font-size:11px;
		padding-left:5px;
	}
	
/*熱門文章*/
.blog_hot{ }

	.blog_hot dl{
		clear:both;
		min-height:52px;
	}
	.blog_hot dl dt{
		width:50px;
		float:left;
	}
	.blog_hot dl dt img{
		board:#ccc 1px solid;
		background:#ececec;
		padding:2px;
	}
	.blog_hot dl dd{
		float:left;
		color:#cb7676;
		line-height:110%;
		font-size:10px;
	}
	.blog_hot dl dd a{
		color:#e4b8b8; 
		line-height:150%;
		font-size:11px;
	}
/*月曆*/
.blog_calendar{ 
	position:relative;
}
	.blog_calendar table{ 
		width:165px;
	}
	.blog_calendar caption{ 
		color:#f0d9d9;
		font-size:150%;
		font-weight:bold;		
		height:30px;
		text-align:left;
	}
	.blog_calendar caption span{
		color:#e4B8B8; 
		font-size:70%;
		font-weight:normal;
	}
	.blog_calendar tr{
		background:url(../images/blog_line.jpg) repeat-x bottom;
		text-align:center;
	}
	.blog_calendar td{
		padding:1px 3px 7px;
	}
	.blog_calendar tr.noline{
		background:none;
		text-align:center;
	}
	.blog_calendar td a{
		color:#cc7777;
	}
	span.monthon a{
		background:url(../images/blog_cad_bg.jpg) no-repeat 0 0;
		color:#ffffff;
		width:51px;
		display:block;

	}
	.btn_area{ 
		position:absolute;
		top:30px;
		_top:27px;
		left:123px;
		
	}
/*文章搜尋*/
.blog_search{
	clear:both;
}
	.blog_search form{
		background:url(../images/blog_search_bg.jpg) no-repeat;
	}
	.blog_search form #blog_query{
		border:none;
		background:none;
		width:137px;
		padding:0 5px;
		font-size:12px;
		line-height:120%;
		color:#fff;
	}
	
/*修正float包覆問題*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */

.tmph3{
	margin-left:20px;
	background: url(../images/generate_banner.gif) no-repeat;
	width:710px;
	height:91px;
	color:#000;	
	
}