@charset "utf-8";
@import url("u.css");
@import url("f.css");

html,body,div,span,applet,object,iframe,caption,del,dfn, em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;}
ol,ul{list-style:none;}
caption,th,td{font-weight:normal;text-align:left;}
table,tbody,tfoot,thead,tr,th,td{border-collapse:collapse;border-spacing:0;padding:0;margin:0;vertical-align:baseline;font-size:100%;outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline:none;}
/* CLEAE FLOAT METHOD1 */
.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;}
/* CLEAE FLOAT METHOD2 */
.clear{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:1px;}
body{
font:normal 12px/18px Arial, "新細明體";}
input,select,textarea{font:normal 12px/18px;padding:0;margin:0;vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{
vertical-align:bottom;}
.pBG{
position:absolute;
z-index:1;
top:0;
left:0;}
.pCon{
position:relative;
z-index:5;}

body{
background:url(../images/bg-index-back.gif) left top repeat-x #e0f1e3;}

#Wrap{
width:990px;
margin:0 auto;
background:white;}

#Top{
position:relative;
width:100%;
height:28px;
text-align:right;
font-family:"新細明體", Arial;
background:url(../images/bg-index-bg1.gif) left top no-repeat;}
#Top b, #Top span, #Top img, #Top a{
display:inline-block;
vertical-align:middle;
color:white;
font-weight:300;}
#Top i{
position:absolute;
left:10px;
top:2px;
color:white;
font-style:normal;}
#Top em{
font-weight:700;
font-style:normal;}
#Top a{
color:white;
padding:0 3px;}
#Top a img{
padding-right:6px;}
#Top span{
width:197px;
padding-left:5px;
height:25px;
background:url(../images/bg-index-searchbar.gif) left top no-repeat;}
#Top .f1{
border:0;
height:24px;
line-height:24px;
width:154px;
margin-right:4px;
background:transparent;}
#Top .f2{
width:27px;
height:25px;
background:transparent;
border:0;
cursor:pointer;}

#Body, #Body1, #Body2, #Body3{
width:100%;}
#Body{
background:url(../images/bg-index-graying.gif) left 143px repeat-x #e9e9e9;}
#Body1{
background:url(../images/bg-index-left.gif) left top repeat-y;}
#Body2{
background:url(../images/bg-index-bg2.gif) left top no-repeat;}
#Body3{
background:url(../images/bg-index-bg3.gif) left 10px no-repeat;}

#Ileft{
float:left;
padding:10px 0 0;
width:222px;}
.Submenu{
background:url(../images/submenu-hr.gif) left top repeat-x #ad9f5a;}
.Submenu a, .Submenu p{
position:relative;
display:block;
width:100%;
height:26px;
overflow:hidden;
background-position:left top;
background-repeat:no-repeat;
clear:both;}
.Submenu i, .Submenu p a{
position:absolute;
display:block;
width:100%;
top:0;
left:0;
height:26px;
z-index:2;
background:url(../images/sss.gif) left top no-repeat;}
.Submenu b, .Submenu span, .Submenu img, .Submenu i{
cursor:pointer;}
.Submenu b{
display:block;
position:absolute;
height:26px;
width:200%;
top:0;
left:0;
z-index:1;}
.Submenu a:hover{
background-position:right top;}
.Submenu ul{
display:none;}
.Submenu li{
padding:3px 0 3px 75px;}
.Submenu li a{
line-height:20px;
font-size:13px;
height:auto;
color:#5d511c;}

#Ibanner{
float:right;
height:146px;
padding:7px 15px 0 0;}
#Ibanner img{
border:1px solid #cdcdcd;}

#Ibody{
float:right;
width:750px;
padding-right:10px;}
.IndexTwoBox{
float:left;
padding-left:5px;
width:362px;}
.IndexBoxTop{
width:100%;
padding:7px 0 0;
height:32px;
background:url(../images/bg-index-2box-top.gif) left top no-repeat;}
.IndexBoxTop .f1{
float:left;
padding-left:10px;}
.IndexBoxTop p{
float:right;}
.IndexBoxTop p a{
margin-right:9px;}
.IndexBoxRe{
width:100%;
background:url(../images/bg-index-2box-re.gif) left top repeat-y;
border-bottom:1px solid #c4c4c4;}
.IndexBoxRe div{
width:100%;
overflow:hidden;}
.IndexBoxRe i, .IndexBoxRe b{
float:left;
font-weight:300;
font-style:normal;
display:inline-block;}
.IndexBoxRe a{
color:#383838;}
.IndexBoxRe i{
line-height:44px;
color:white;
text-align:center;
width:98px;
font-weight:700;
padding-right:10px;}
.IndexBoxRe b{
height:39px;
padding:5px 0 0;
line-height:16px;
width:222px;
background:url(../images/dash-gray1f.gif) left bottom repeat-x;}
.IndexBoxEnd{
width:100%;
height:31px;
text-align:right;
background:url(../images/bg-index-2box-end.gif) left top no-repeat;}
.IndexBoxEnd p{
padding:7px 11px 0;}
.IndexBoxEnd a{
display:inline-block;
margin-left:9px;}
.IndexFourCol{
clear:both;
width:743px;
overflow:hidden;
padding:5px 0 3px 7px;}
.IndexShadowBox{
float:left;
padding:10px 0 0 11px;
width:187px;
height:127px;
background:url(../images/shadow1f.gif) left top no-repeat;}
.IndexShadowBox2{
float:left;
padding:4px 0 0;
width:127px;}
.IndexShadowBox2 a{
display:block;
padding:0 0 4px;}
.IndexDownload{
width:100%;
clear:both;
height:76px;
background:url(../images/index-download.gif) 10px 3px no-repeat;}
.IndexDownload p{
padding:7px 0 0 95px;}
.IndexDownload a{
display:inline-block;
width:166px;
padding:0 1px 0 42px;
height:65px;
color:#4e4e4e;
line-height:65px;
background:url(../images/index-btn-dl.gif) left top no-repeat;}

#Foot{
width:100%;
background:url(../images/bg-index-foot1.gif) #e9e9e9 right top no-repeat;}
.FootBar{
width:100%;
padding:15px 0 0;
overflow:hidden;}
.FootBar div{
float:left;}
.Foot1, .Foot2, .Foot3{
color:#3a3a3a;}
.Foot1, .Foot2{
background-image:url(../images/footer-hr.gif);
background-repeat:no-repeat;}
.Foot1{
width:390px;
background-position:right center;}
.Foot1 img{
padding:0 0 0 10px;}
.Foot2{
width:277px;
height:65px;
padding:12px 0 0 13px;
background-position:right center;}
.Foot2 b{
font-weight:300;
padding-left:80px;}
.Foot2 a{
padding:0 5px;}
.Foot3{
width:285px;
height:65px;
padding:12px 0 0 13px;}
.Foot3 b{
font-weight:300;
display:block;}
.Foot3 b a, .Foot3 b{
color:#1f7fa5;}
#footSlide{
width:100%;
padding:10px 0 0;
height:105px;
background:url(../images/bg-index-foot2.gif) #e9e9e9 left top repeat-x;}
#footSlide .aLeft, #footSlide .aRight{
height:85px;
float:left;}
#footSlide .aLeft{
width:28px;
padding-left:7px;}
#footSlide .aRight{
padding-left:3px;
width:23px;}
#footSlide .aBody{
float:left;
border:1px solid #e1e1e1;
height:83px;
width:917px;
padding:0 2px;
overflow:hidden;
background:white;}
#footSlide .aItem{
overflow:hidden;}
#footSlide .aItem div{
float:left;
padding:17px 0 0;
height:66px;
width:131px;
text-align:center;}