@charset "utf-8";

body		{font-size: 80%;}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , ul, li
{
	margin: 0px;
	padding: 0px;
	border:none;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	color:#333333;
	font-family: Arial, Verdana,"微軟正黑體","微軟正黑體" , sans-serif;
}
input {font-family:"Trebuchet MS", Verdana, Arial, "微軟正黑體","微軟正黑體",  sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 		{list-style:none;}
a img, :link img, :visited img {border:none;}

/*去除連結虛線框*/
a			{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; } 

/*clearfix*/
.clearfix:after				{content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix						{display: inline-block;} 
html[xmlns] .clearfix	{display: block;}
* html .clearfix			{height: 1%;}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #	{} }

/*A*/
a:link	,
a:visited	{color:#333;outline:none; text-decoration:underline;}
a:hover		{text-decoration:none;outline:none}

.textInput	{background:url(../images/inputText.gif) repeat-x left top; border:1px solid #ccc; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  behavior: url(css/PIE.htc); position:relative; outline:none}
label			{cursor:pointer;}

/*main*/
body					{background:url(../images/bg.png) repeat;}
.mainContainter	{ 
width:900px; height:200px; margin:20px auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F90;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC3), to(#E78B01));
background: -webkit-linear-gradient(#FC3, #E78B01);
background: -moz-linear-gradient(#FC3, #E78B01);
background: -ms-linear-gradient(#FC3, #E78B01);
background: -o-linear-gradient(#FC3, #E78B01);
background: linear-gradient(#FC3, #E78B01);
-pie-background: linear-gradient(#FC3, #E78B01);
behavior:url(css/PIE.htc);  
position:relative;}

#mainContainter		{width:860px; margin:10px auto;}
#header 				{float:left; width:100%;}
#header .left			{float:left;}
#header .left img	{}
#header .right		{float:right; padding:10px 0;}
#header .right li		{margin:5px 0;}
#header .right a:link,
#header .right a:visited	{color:#666; text-decoration:none; font-size:12px; vertical-align:bottom}
#header .right a:hover	{color:#000;}

#indexColumn					{float:left; width:100%; clear:both; margin-bottom:30px;}
#indexColumn .box				{float:left; width:430px; margin-right:0px; margin-bottom:20px}
#indexColumn .box h2			{font-size:18px; font-family:"微軟正黑體"; margin-top:10px; clear:right; font-weight:bold; float:left; width:290px;}
#indexColumn .box h2 a:link,
#indexColumn .box h2 a:visited	{text-decoration:none!important;}
#indexColumn .box h2 a:hover	{color:#666;}
#indexColumn .box .boxicon	{float:left; margin-right:20px; }
#indexColumn .box ul				{padding-left:40px; width:210px; float:left;}
#indexColumn .box li				{margin-bottom:3px; line-height:160%; font-size:13px;}
#indexColumn .box li	a			{color:#666;}


#footer									{background:#fddd5c url(../images/footerBg.png) repeat-x top; width:100%; clear:both; float:left; margin-top:30px;}
#footer .wrapper					{width:860px; margin:auto; padding:10px 0 30px 0;}
#footer .wrapper .column		{float:left; width:260px; margin-top:20px; margin-left:20px;}
#footer .wrapper .column span	{color:#7d7017; font-size:12px; float:left; margin-top:3px; margin-left:65px;}
#footer .wrapper .column h6	{margin:0; color:#7d7017; font-weight:bold; margin-bottom:4px; font-size:13px!important;}
#footer .wrapper .column p	{color:#7d7017; margin:0; font-size:12px; line-height:150%;}
#footer #gotop						{float:right; margin-top:-27px;}

.inner .column h6	{margin:0; color:#7d7017; font-weight:bold; margin-bottom:4px; font-size:13px!important;}


#navi						{float:left; background:#fff; width:100%; margin:20px 0; border:1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #FFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#f2f2f2));
background: -webkit-linear-gradient(#FFF, #f2f2f2);
background: -moz-linear-gradient(#FFF, #f2f2f2);
background: -ms-linear-gradient(#FFF, #f2f2f2);
background: -o-linear-gradient(#FFF, #f2f2f2);
background: linear-gradient(#FFF, #f2f2f2);
-pie-background: linear-gradient(#FFF, #F2f2f2);
behavior:url(css/PIE.htc);  
position:relative;}
#navi li					{float:left; display:block; width:215px; text-align:center;}
#navi li a:link,
#navi li a:visited		{display:block; color:#333; padding:12px 0; text-decoration:none; font-size:15px; font-family:"微軟正黑體","微軟正黑體";}
#navi li a:hover		{color:#000;}
#navi li.current a	{
font-weight:bold!important;
color:#ffd3c8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #dc5c47;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc5c47), to(#c44d39));
background: -webkit-linear-gradient(#dc5c47, #c44d39);
background: -moz-linear-gradient(#dc5c47, #c44d39);
background: -ms-linear-gradient(#dc5c47, #c44d39);
background: -o-linear-gradient(#dc5c47, #c44d397);
background: linear-gradient(#dc5c47, #c44d39);
-pie-background: linear-gradient(#dc5c47, #c44d39);
behavior:url(css/PIE.htc);  
position:relative;}

#panes							{float:left; width:100%; clear:both; margin-bottom:40px}
#panes .sidebar				{float:left; width:200px; text-align:right;}
#panes .content				{float:right; width:640px; margin-top:10px; background:#FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #ccc 0px 1px 1px;
-moz-box-shadow: #ccc 0px 1px 1px;
box-shadow: #ccc 0px 1px 1px;
behavior:url(css/PIE.htc);  
position:relative;}

#panes .sidebar	 img		{}
#panes .sidebar	 h2		{margin-bottom:10px;}
#panes .sidebar	 h2 a:link,
#panes .sidebar	 h2 a:visited	{font-size:15px; text-decoration:none; color:#000; padding-bottom:5px; border-bottom: 0px solid #fff; line-height:200%}
#panes .sidebar	 h2 a:hover	{color:#555!important;}
#panes .sidebar	 h2 a.current {font-weight:bold!important;  color:#000; border-bottom: 3px solid #dc5c47; }
#panes .sidebar ul					{display:block; }
#panes .sidebar	 li					{margin:8px 0;}
#panes .sidebar	 li a:link,
#panes .sidebar	 li a:visited		{text-decoration:none; }
#panes .sidebar	 li a:hover		{color:#999}
#panes .sidebar	 li.current a	{font-weight:bold; color:#dc5c47;}

#panes .content h1				{background:url(../images/icon_arrow.png) no-repeat left center; padding-left:25px; margin:20px  0; margin-left:-2px; font-size:19px; font-weight:bold; line-height:160%; font-family:"微軟正黑體","微軟正黑體";}
#panes .content .inner				{padding:0 25px; padding-bottom:20px;}
#panes .content#product .inner	{float:left; width:380px;}
#panes .content h2				{color:#990; font-size:16px; color:#7d7017; margin-bottom:10px; font-family:"微軟正黑體","微軟正黑體";}
#panes .content p					{line-height:180%; font-size:13px; margin:5px 0 20px 0; text-align:justify; font-family:Verdana, Geneva, sans-serif}
#panes .content span				{font-size:12px; color:#666;}
#panes .content strong			{font-weight:bold; font-size:16px; color:#F60}
#panes .content a:link,
#panes .content a:visited		{color:#06C;}
#panes .content a:hover			{}

#panes .content .inner .column	{float:left; width:50%;}
#panes .content .inner ul			{padding:10px; margin:10px 0; background:#f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior:url(css/PIE.htc);  position:relative; }
#panes .content .inner li				{margin:8px; font-size:13px; color:#666; line-height:160%; padding-left:10px;}
#panes .content .inner li	img		{margin-left:-20px;}
#panes .content .inner ol			{}
#panes .content .inner ol li			{color:#7d7017; color:#369; padding-left: 0px!important;}

.relativeDoc				{border:1px solid #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior:url(css/PIE.htc);  position:relative; padding:5px 10px 10px 10px; width:160px; float:right; margin:40px 10px 0 0; background:#f3f3f3}
.relativeDoc h2			{font-size:14px!important; color:#666!important; border-bottom:1px solid #999; margin-bottom:10px; line-height:200%;}
.relativeDoc ul			{padding:0!important; margin:0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important;  background:#FFF!important;}
.relativeDoc li				{margin:0!important; border-bottom:1px dotted #ccc; padding:5px 0; background:#f3f3f3;}
.relativeDoc li img		{float:left;}
.relativeDoc a:link,
.relativeDoc a:visited	{cursor:pointer; white-space:normal; word-break:break-all; display:inline-block; margin-left:3px; width:135px; font-size:12px;}
.relativeDoc a:hover	{}

.relativeWeb				{border:1px solid #036; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior:url(css/PIE.htc);  position:relative; padding:5px 10px 5px 10px; width:160px; float:right; margin:40px 10px 0 0; background:#FFc; margin-bottom:-30px; background:url(../images/btn-slide.gif) repeat left;}
.relativeWeb p			{margin:0!important;}
.relativeWeb p a:link,
.relativeWeb p a:visited	{text-decoration:none!important; color:#FFF!important; background:url(../images/icon_arrow2.png) no-repeat left center; padding-left:15px;}
.relativeWeb p a:hover	{text-decoration:underline!important;}

table			{width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table th		{padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#FFC; color:#7d7017; font-weight:bold; font-size:11px;}
table td		{padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
table td b	{font-size:17px; font-family:"Times New Roman", Times, serif;}
table td h3{font-size:15px; ine-height:200%; color:#7d7017;margin:5px 0;  font-family:"微軟正黑體","微軟正黑體";}