@charset "utf-8";
/* CSS Document */
*{ outline:none; border:0;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd{ margin:0; margin-bottom:.5em;}
a{ color:#FFF; text-decoration:none;}
a:hover{ text-decoration: underline;}
body{ background-image:url(../images/bg.gif); font: 90%/1.2em "蘋果儷黑體", "微軟正黑體", "新細明體", "細明體", "標楷體"; letter-spacing:2px;}
.listReset{ padding:0; margin:0; list-style:none;}
.wrap{ width:960px; margin:auto; position:relative; background:url(../images/wrapBG.png) no-repeat left top; z-index:1\0;}
.hdr{ text-indent:-9999px; margin-left:270px;}
.hdr a{ background-image:url(../images/logo2.png); width:366px; height:83px; display:block;}

.main{}

.nav{ background-image:url(../images/nav.png); width:207px; height:320px; position:relative; float:left; margin-top:100px;}
.nav ul{ position:absolute; left:65px; top:55px; overflow:hidden;}
.nav li{ border-top:solid 1px #FFF; padding:.2em 0; margin-top:-1px; width:95px; [;padding:.25em 0;]; *padding:.2em 0;}
.nav a{ text-indent:-9999px; display:block;}
.nav li a{ width:92px; height:20px;}
.nav1{ background-image:url(../images/nav1.png);}
.nav2{ background-image:url(../images/nav2.png);}
.nav3{ background-image:url(../images/nav3.png);}
.nav4{ background-image:url(../images/nav4.png);}
.nav5{ background-image:url(../images/nav5.png);}
.nav6{ background-image:url(../images/nav6.png);}
.nav7{ background-image:url(../images/nav7.png);}
.nav8{ background-image:url(../images/nav8.png);}
.nav1:hover{ background-image:url(../images/nav1_hover.png);}
.nav2:hover{ background-image:url(../images/nav2_hover.png);}
.nav3:hover{ background-image:url(../images/nav3_hover.png);}
.nav4:hover{ background-image:url(../images/nav4_hover.png);}
.nav5:hover{ background-image:url(../images/nav5_hover.png);}
.nav6:hover{ background-image:url(../images/nav6_hover.png);}
.nav7:hover{ background-image:url(../images/nav7_hover.png);}
.nav8:hover{ background-image:url(../images/nav8_hover.png);}
.back{ width:85px; height:87px; background-image:url(../images/back.png); position:absolute; left:750px; top:-200px;}
.back:hover{ background-image:url(../images/back_hover.png);}

.con{ width:623px; height:340px; overflow:auto; float:right; margin-right:65px; margin-top:48px; border: solid 1px #CCC; padding:5px; position:relative; *margin-top:40px;padding-bottom:2em;}
.con a{ color:#09F;}
.banner1{ background-image:url(../images/banner1.jpg);}
.banner2{ background-image:url(../images/banner2.jpg);}
.banner3{ background-image:url(../images/banner3.jpg);}
.con h1{ font-size:250%; color:#900; margin-bottom:1em; width:580px; height:50px; text-align:right; padding-right:20px; padding-top:100px; *line-height:1;}
.con h2{ color:#039; font-size:140%; margin:auto .5em 10px;}
.con h3{ color:#966; font-size:120%;}
.con .box h3{ margin-left:1em;}
.con h4{ color:#960; font-size:100%;}
.con p{ text-indent:0em; margin:1em 1em 30px; line-height:1.5;}
.con table{margin:0 auto 2em; width:580px; border:3px double #009900;}
.con th{ background-color:#DEE9BE; color:#1b564a;}
.con td, .con th{ border:solid 1px #769341; padding:5px;}
.con td p{ text-indent:0;  margin:0;}
.con ul{ padding:0; margin:0 0 2em 1em;}
.con li{ list-style:none; background:url(../images/listBG.jpg) no-repeat left 6px; padding-left:1em; margin-bottom:.3em; line-height:1.5;}
.con td ul{ margin:0;}
.con dt{ color:#930;}
.con dd{ margin-left:2em; line-height:1.5;}
.con dl{ background-color:#FFF; padding:10px; border:dotted 1px #CCC; margin:10px .6em;}
.boxItem{ position:relative;}
.box{ background-color:#EEE; padding:20px 10px 10px 10px; margin-bottom:1.5em; border-radius:10px; behavior: url(pie/PIE.htc);}
.box h1{ font-size:140%; color:#900; width:auto; height:auto; padding:0; text-align:center;}

.horizontal li{ display:inline;}
.subMenu{ position:absolute; top:85px; left:275px; zoom:1; *width:574px; *position:relative; *top:-440px;}
.subMenu li{ *float:left;}
.subMenu li a{ display:inline-block; line-height:45px; text-indent:-9999px; *display:block;}
.sub1{ background-image: url(../images/sub1.png); width:223px;}
.sub2{ background-image: url(../images/sub2.png); width:196px;}
.sub3{ background-image: url(../images/sub3.png); width:155px;}
.sub1:hover{ background-image:url(../images/sub1_hover.png);}
.sub2:hover{ background-image:url(../images/sub2_hover.png);}
.sub3:hover{ background-image:url(../images/sub3_hover.png);}

.ftr{ font-weight:bold; width:600px;}
.ftr li{ margin-bottom:.3em;}
.ftr span, .ftr li a{ display:inline-block;  margin-right:.5em; margin-bottom:.3em; color:#000;}
.company{ border:solid 1px #333; border-width:0 1px; padding:0 .3em;}
.company1{ background-image:url(../images/company1.png); text-indent:-9999px; width:110px; line-height:14px;}
.company2{ background:url(../images/company2.png) no-repeat left center; padding-left:1.2em;}
.company3{ background-image:url(../images/company3.png); text-indent:-9999px; width:269px; line-height:12px;}
.company4{ background:url(../images/company4.png) no-repeat left center; padding-left:1.2em;}

.dX{ margin-left:5.2em;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}

/*index.html==============================================*/
.ind .subMenu{ position:absolute; top:460px; left:0;}
.ind .wrap{ background:none;}
.ind .hdr{ background-image:url(../images/logo.png); width:340px; height:161px; margin:0;}
.movie{ width:680px; height:520px; position:absolute; right:60px; top:0;}
.ind .ftr{ position:absolute; top:510px; *left:0;}
.ind .nav{ margin:0; background-image:url(../images/navInd.png); width:223px;}
.ind .nav ul{ left:80px;}
.ind .indHide{ display:none;}
.ind .back{ display:none;}
.news{ background-image:url(../images/news.png); width:300px; height:211px; position:absolute; right:60px; top:400px;}
.news h2{ text-indent:-9999px;}
.news ul{}
.news li{ margin-bottom:1.2em;}
marquee{ margin-top:35px; margin-left:50px; margin-right:50px; height:100px;}

/*activity.html========================================*/
.listAlign{ text-align:center;}
.listAlign li{ margin:0 .5em;}
.participate{ background:url(../images/participate.png); display:block; width:130px; height:45px; text-indent:-9999px;}
.participate:hover{ background: url(../images/participate_hover.png);}

/*shopping.html=====================================*/
.shopping .con ul{ margin:0; overflow:hidden;}
.shopping .con li{ background:none; padding:1em; border-top: dotted 1px #999; margin-top:-1px; zoom:1;}
.shopping .con li img{ float:left; padding-right:1em; border-right:dotted 1px #999; margin-right:1em;}

/*goods.html===========================*/
.goods1, .goods2{ display:inline-block; height:45px; text-indent:-9999px; margin-right:10px; *display:block; *float:left;}
.goods1{ width:192px; background-image:url(../images/goodbg1.jpg);}
.goods2{ width:194px; background-image:url(../images/goodbg2.jpg);}
.goods1:hover{ background-image:url(../images/goodbg1_over.jpg);}
.goods2:hover{ background-image:url(../images/goodbg2_over.jpg);}
.drakBox{ background:url(../images/blackBg.png); position:absolute; left:0; top:0; width:100%; height:100%; display:none; z-index:1\9; *padding-top:200px;}
.msgForm{ background-color:#FFF; border-radius:10px; width:500px; margin:200px auto 0; box-shadow:0 0 10px #000; padding:10px; position:relative; behavior:url(pie/PIE.htc);}
.tableStyle{ border-collapse:collapse;}
.tableStyle td, .tableStyle td{ padding:4px;}
.tableStyle td input, .tableStyle td textarea{ border: solid 1px #999;}
.tableStyle th{ text-align:right; vertical-align:top; width:75px;}
.tableStyle td .submit{ background-image:url(../images/submit.png); width:56px; height:26px; border:0; text-indent:-9999px; *display:block;}
.close{ display:block;  background-image:url(../images/close.png); width:23px; height:22px; text-indent:-9999px; position:absolute; right:-10px; top:-10px;}
.illustration{ position:absolute; bottom:-40px; right:-30px;}

/*goodsCP.html===================================*/
.goodsMSG{ background-image:url(../images/goodsMSG.jpg); width:545px; height:118px; position:relative; font-size:.9em; margin:auto;}
.sort{ position:absolute; left:105px; top:20px; color:#666;}
.goodsMSG p{ position:absolute; left:105px; top:36px; text-indent:0; width:380px; height:50px; overflow:hidden;}
.record{ position:absolute; right:55px; bottom:12px; text-align:right; width:100%; color:#666;}

/*li.html====================================================*/
.page{ text-align:center;}
.page li{ background:none; padding:0;}


/*theater.html==================================================*/
.imgAlign{ float:right; margin:0 5px 5px;}



.cp .con h1{ line-height:1.6em;}