@charset "utf-8";
/* CSS Reset */
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, 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%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* added by Ray */
caption, th{text-align:left}
:focus{outline:0}
button{
	height:28px;
	line-height:28px;
	border:1px solid #999;
	padding: 0 10px 0 25px;
	color:#333;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
}

/* Main */
html, body, #wrapper{height:100%}
body > #wrapper{height:auto;min-height:100%}
#main{padding-top:89px;width:960px;margin:0 auto;}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix {display:block}
/* End hide from IE-mac */
body{
	color:#000;
	font:normal 13px '微軟正黑體', 'Open Sans', Arial, Helvetica, sans-serif;
}
a, a:visited{text-decoration:none;color:#1F79A3}
a:hover{color:#29A7E1}
textarea{overflow:auto}
#header_container{
	top:0;
	left:0;
	width:100%;
	position:fixed;
	z-index:1002;
	background:#f1f1f1 url('../images/bg.gif') repeat-x;
}
#header #logo{
	float:left;
	width:200px;
	height:55px;
	margin:0 5px;
}
#logo img{width:190px;height:55px}
#header, #banner{width:960px;margin:0 auto}
#lang{
	margin-top:18px;
	float:left;
	color:#ccc;
	font-size:10px;
}
#header_bg{float:right}
div#banner{position:relative;height:320px;padding:12px 0}
div#banner img{display:none;position:absolute}

/* Main Menu */
#menubase{
	float:left;
	height:34px;
	width:960px;
	background:url('../images/bg_menu.gif') repeat-x;
	z-index:1000;
}
ul#menu{
	height:32px;
	margin:0;
	padding:0;
	position:relative;
	z-index:1001;
	white-space:nowrap;
}
* html ul#menu li.lst{width:137px} /* for IE6 Only */
ul#menu li.lst{float:left;border-top:2px solid #0068FF}
ul#menu li.lst:hover, ul#menu li.active{border-top:2px solid #FF3419;background-color:#52719E}
ul#menu li.active>a{color:#40F0F6}
ul#menu li.lst a{
	font-family:'Fjalla One', '微軟正黑體', 'Microsoft JhengHei';
	display:block;
	margin:0 1.2em;
	height:32px;
	font-size:1.1em;
	line-height:32px;
	color:#ddd;
}
ul#menu li.lst>a{text-align:center}
ul#menu a:hover{color:#fff}
ul.subMenu{background-color:#52719E;display:none;position:absolute}
ul.subMenu li{border-top:1px solid #6C98D8;border-bottom:1px solid #364A67}
ul.subMenu li:hover{background-color:#364A67}

#content{
	font-family:'Fjalla One', '微軟正黑體', 'Microsoft JhengHei';
	width:960px;
	margin:0 auto;
	margin-top:89px;
	background-color:#fff;
}
#home{width:100%}
#about, #products, #investor, #hr, #news, #rd, #csr{width:900px}
#home, #about, #products, #investor, #hr, #news, #rd, #csr{
	margin:0 auto;
	padding:24px 0;
}

ul.report{
	margin-left:1.2em;
	margin-bottom:3em;
	list-style-image:url('../images/bb1.gif');
}
ul.report li{padding:.6em}

#footer{
	position:relative;
	margin-top:-20px;
	height:55px;
	clear:both;
	background:url('../images/footer.png') repeat-x;
}
#footer div{
	width:960px;
	height:55px;
	margin:0 auto;
	background:url('../images/footerMark.jpg') no-repeat 0 26px;
}
#footer p{
	font-size:11px;
	color:#ccc;
	padding:21px 0 0 90px;
}

#side{
	clear:both;
	float:left;
	width:200px;

}
#side_top, #side_btm{
	width:100%;
	height:60px;
}
#hrside_btm{padding:10px}
.nav{
	width:180px;
	margin-left:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
.nav a{display:block;color:#434343}
.nav a:hover{color:white;background-color:#0079c2}
.nav ul>li, .nav>h2{
	height:40px;
	line-height:40px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
}
.nav>h2{font-size:110%;text-indent:8px}
.nav ul>li>a{
	font-size:14px;
	text-indent:20px;
	height:40px;
	line-height:40px;
	background:url(../images/bullet_B.jpg) no-repeat 6px center;
}
.nav ul>li>a.current{background:#C7E3F5 url(../images/bullet_O.jpg) no-repeat 6px center}
.nav ul>li>a:hover{background:#0079c2 url(../images/bullet_O.jpg) no-repeat 6px center}

.holder{margin-left:230px}
.holder p{padding:10px 0;line-height:1.8em}

.pgCap{
	font-size:16px;
	letter-spacing:2px;
	margin:1em 0;
	text-indent:26px;
	padding:8px 0;
	border-bottom:1px solid #ccc;
	background:url(../images/headbullet.png) no-repeat 0 center;
}

table.report, table.info, table.qa, table.newsList{width:100%;margin-bottom:3em}
table.info th, table.qa th, table.report th, table.newsList th{color:#29A7E1;text-align:right;font-weight:900;padding:10px 5px}
table.report th{width:18%}
table.report td{
	padding:10px 5px;
	text-align:center;
	border-left:1px dotted #fff;
}
table.milestone, table.qa{border:1px solid #29A7E1}
table.milestone tr.title td{border-top:1px solid #29A7E1}
table.milestone th{
	color:#29A7E1;
	text-align:center;
	font-weight:900;
	padding:10px 5px;
	width:5em;
	vertical-align:middle;
	margin:1px;
	border-top:1px solid #29A7E1;
}
table.milestone td, table.newsList td{
	line-height:20px;
	padding:10px;
}
table.milestone td{border-left:1px solid #29A7E1}

table.qa p, table.info p{padding:6px 0}
table.qa tr{border-top:1px solid #29A7E1}
table.info caption, table.report caption, table.qa caption, .info h3, .head2, table.info3 caption{
	font-size:1.2em;
	padding:10px 0;
	text-indent:1.2em;
	background:transparent url(../images/bullet2.png) center left no-repeat;
}
.comment{color:#aaa;font-size:11px}
table.info th{width:200px}
table.info thead td{line-height:30px;font-weight:900;text-indent:160px}
div.info p{line-height:1.8em}
table.newsList{clear:right}
table.newsList th{text-align:center;width:100px}
table.newsList td{border-left:1px dotted #fff}

a[href$='.pdf']{
	background:transparent url(../images/doc_pdf.png) center left no-repeat;
	display:inline-block;
	padding-left:20px;
	line-height:16px;
}

#stockChart{padding-top:12px}
hr{
	width:100%;
	height:23px;
	border:none !important;
	border: #fff;
	margin:20px 0;
	background:url(../images/hr1.png) no-repeat center;
}
.fixed{position:fixed;top:0}
.artical p, .artical h4{line-height:24px;padding:.8em 0 .8em 1.2em}
.artical ol{list-style-type:decimal;padding-left:5em;line-height:24px}

h3.brief{
	line-height:36px;
	margin:10px 0;
	padding-left:1.2em;
	font-size:1.3em;
	border-left:4px solid #29A7E1;
}
.social th{padding:1em;text-align:center;border-top:1px solid #29A7E1}
.social h3{padding:6px 0;border-top:1px solid #29A7E1}
.social p{padding:6px 0 6px 1em}
.social thead .item{width:150px}
.social thead .col3{width:150px}
.social tbody td{padding:1em;line-height:1.6em}
.social .chkCol{width:1em}
.social .chkd{background:url(../images/accept.png) no-repeat 10px 1.2em}

.prdDetail{margin:12px 0}
.prdDetail td{widht:240px;padding:1em}
.prdDetail img{vertical-align:text-top}
.prdDetail caption{font-size:1.2em}
.prdDetail ul,.prdDetail dl{list-style-type:disc;line-height:1.8em}

.doc{padding:1em}
div.pane{background-color:#eee}
h3.tab:hover{cursor:pointer}

fieldset{padding:1em;border:1px solid #eee}
.homesite{width:100%;text-align:center}
.homesite td{padding:6px 0}
.homesite img{padding:0}
img.decpics{padding:2px;border:1px solid #eee;}

#overlay{
	color:#333;
	height:526px;
	width:656px;
	min-height:200px;
	display:none;
	z-index:10000;
	background-color:#fff;
	border:1px solid #333;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap{
	margin:40px;
	height:441px;
	overflow-y:auto;
	line-height:1.8em;
}

div.contentWrap p{padding:.8em}

#overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#sales img{margin:2em 0}
img.decpics{float:right}
div.orgpic{width:100%;text-align:center}

ul#navnewsyear{height:38px}
ul#navnewsyear li{float:left;border:1px solid #eee}
ul#navnewsyear a{
	font-size:1.1em;
	display:block;
	width:100px;
	height:32px;
	line-height:32px;
	text-align:center;
	border-bottom:2px solid #eee;
}
ul#navnewsyear a:hover{color:#fff}
ul#navnewsyear li:hover, ul#navnewsyear li.active{background-color:#52719E}
ul#navnewsyear a.current{border-color:#52719E}
h1.pgCap, .nav a, .tabs a,.homesite caption{font-family:'Fjalla One', '微軟正黑體', 'Microsoft JhengHei'}
tfoot .note{text-align:right;color:#666}
sup, p.remark{color:#888}
p.ind{text-indent: 2em}
h3.subTitle{font-size:1.2em}
.contact{line-height:24px}
.concap{font-size:1.1em;font-weight:bold}
.bold{font-weight:bold}

table.info2 thead, table.info3 thead{background-color:#eee}
table.info3{width:100%;margin-bottom:3em; border:1px solid #eee}
table.info3 th{color:#29A7E1;text-align:center;font-weight:900;padding:10px 5px;border-left:1px dotted #fff}
table.info3 td{padding:10px 5px;border-left:1px dotted #fff}