/* CSS Document */

body{ margin: 10px 0px; padding: 0px; text-align: center; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; color: #656565; background-image:url(../image/bg.gif);}

h2{ margin: 15px 0px; color: #1053AD;}
a{ color: #FF0000;}
a:hover{ color: #669900; text-decoration: none;}

table{ margin:0; padding:0; font-size: 0.95em;}

#wrapper{ margin: 0; padding: 8px; width: 981px; text-align: 0 auto; background-color: #FFFFFF;}
#header{ margin: 0; padding: 0;}
#ImageBox{ margin: 0; padding: 0;}
#Content{ margin: 15px 0; padding: 0;}
#Footer{ border-top: 10px solid #DCDCDC; padding-top: 15px; text-align: left; font-size: 0.8em;}



.block{ display: block; height: 10px; background-color: #dcdcdc;}
.line{ margin: 8px 0px; background-image: url(../image/line.gif); background-repeat: repeat-x;}

/*  會員登入  */
.LoginBox{ margin:0; padding: 10px; width:212px; height: 68px; border-top: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;}
form{ margin:0; padding: 0px; font-size:0.8em;}
form p{ clear: left; margin: 0px; padding: 0px; padding-top: 1px;}
form p label{ float: left; width: 40px; padding-top: 2px; text-align: justify;}
input.btn{ color: #fff; background-color: #A12A23; border: 1px solid #fff; padding: 1px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left: 5px;}
input.txt{ BORDER: 1PX SOLID #DDD;/*border-left-width: 0px; border-top-width: 0px; border-right-width: 0px; 0px; border-bottom: 1px dashed #656565;*/ width: 75px; background-color: FFFFFF; color:#656565;}
input.txt1{ BORDER: 1PX SOLID #DDD;/*border-left-width: 0px; border-top-width: 0px; border-right-width: 0px; 0px; border-bottom: 1px dashed #656565;*/ width: 120px; background-color: FFFFFF; color:#656565;}


/*  便利生活  */
#life{ margin: 0px 10px; padding: 0px; text-align: left; width: 92%;}
#life ul{ list-style: none;}
#life li{ margin-left: -25px; padding: 0px 0px 0px 15px; font-size: 1.1em; background: url(../image/arrow.gif) left top no-repeat; list-style: none;}
#life li a{ margin-left: 10px; color: #555555; font-size: 0.85em; text-decoration: none; font-weight: bold; letter-spacing: 14px;}
#life li a:hover{ color:  #FF6600; text-decoration: none;}
#life .line{ margin: 4px 0px; background-image:url(../image/line.gif); height: 1px; overflow: hidden; width: 100%; clear: both;}

/*  主選單  */
#MainNav { margin: 0px; padding: 0px; border-collapse: collapse; width: 965px; height: 49px;}/**/
#MainNav ul{ margin: 0px; padding: 0px; list-style: none; }
#MainNav li{ float: left; }
#MainNav li a{ margin: 0px; padding: 0px; display: block; background-image: url(../image/nav.jpg); height: 49px; overflow: hidden; border: 0px;}

#nav01 a{ width: 134px; background-position:     0       0;}
#nav02 a{ width: 140px; background-position:  -134px     0;}
#nav03 a{ width: 140px; background-position:  -274px     0;}
#nav04 a{ width: 130px; background-position:  -413px     0;}
#nav05 a{ width: 140px; background-position:  -544px     0;}
#nav06 a{ width: 140px; background-position:  -684px     0;}
#nav07 a{ width: 141px; background-position:  -824px     0;}

#nav01 a.stay{ background-position:      0   -49px;}
#nav02 a.stay{ background-position:  -137px  -49px;}
#nav03 a.stay{ background-position:  -274px  -49px;}
#nav04 a.stay{ background-position:  -413px  -49px;}
#nav05 a.stay{ background-position:  -544px  -49px;}
#nav06 a.stay{ background-position:  -684px  -49px;}
#nav07 a.stay{ background-position:  -824px  -49px;}

#nav01 a:hover{ background-position:      0   -49px;}
#nav02 a:hover{ background-position:  -137px  -49px;}
#nav03 a:hover{ background-position:  -274px  -49px;}
#nav04 a:hover{ background-position:  -413px  -49px;}
#nav05 a:hover{ background-position:  -544px  -49px;}
#nav06 a:hover{ background-position:  -684px  -49px;}
#nav07 a:hover{ background-position:  -824px  -49px;}
.hidden{ text-indent: -5000px;}

/*  次選單  */
#SubNav ul{ margin-left: 10px; list-style: none;}
#SubNav li{ margin:0 0 1px 0; padding:0; text-align: left; font-size: 0.9em;}
#SubNav li a{ padding-left: 35px; padding-top: 13px; padding-right: 10px; padding-bottom: 5px; color: #555555; text-decoration: none; background-image:url(../image/btn.jpg); width:194px; height:36px; letter-spacing: 2px;}
#SubNav li a:hover{ color: #FFFFFF; background-image:url(../image/btn_over.jpg);}



/*  便利生活  */
#list{ margin: 0px 10px; padding: 0px; text-align: left; width: 92%;}
#list ul{ list-style: none;}
#list li{ margin-left: -25px; padding: 0px 0px 0px 15px; font-size: 1.1em; background: url(../image/arrow.gif) left top no-repeat; list-style: none;}
#list li a{ margin-left: 10px; color: #555555; font-size: 0.85em; text-decoration: none; font-weight: bold;}
#list li a:hover{ color:  #FF6600; text-decoration: none;}
#list .line{ margin: 4px 0px; background-image:url(../image/line.gif); height: 1px; overflow: hidden; width: 100%; clear: both;}