@charset "UTF-8";

body { margin:0; padding:0; font:12px/130% "新細明體",Arial,sans-serif; color:#FFF; background:#8f853e url(../images/bg.jpg) repeat-x left top }
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td,label { margin:0;padding:0;font-weight:normal; list-style:none }
table { border-collapse:collapse; border-spacing:0; text-align:left; border:0px none }
img { border:0px none } 
a { color:#ece696; text-decoration:none }
a:hover { color:#FFF; text-decoration:underline }

.logo { width:30px; height:230px; text-indent:-9999px; background:url(../images/logo.gif) no-repeat; margin:20px 10px 0 10px; overflow:hidden }
.main { margin-right:10px; overflow:hidden }
.nav { font-size:13px; margin:36px 0 17px 0; padding-left:3px }
.menu { margin-top:69px; overflow:hidden }
.menu01 { width:260px; height:62px; margin-bottom:5px; overflow:hidden }
.menu01 a { width:260px; height:62px; text-indent:-9999px; display:block; background:url(../images/menu.jpg) no-repeat left 0 }
.menu01 a:hover { background:url(../images/menu.jpg) no-repeat right 0 }
.menu02 { width:260px; height:62px; margin-bottom:5px; overflow:hidden }
.menu02 a { width:260px; height:62px; text-indent:-9999px; display:block; background:url(../images/menu.jpg) no-repeat left -62px }
.menu02 a:hover { background:url(../images/menu.jpg) no-repeat right -62px }
.menu03 { width:260px; height:62px; margin-bottom:5px; overflow:hidden }
.menu03 a { width:260px; height:62px; text-indent:-9999px; display:block; background:url(../images/menu.jpg) no-repeat left -124px }
.menu03 a:hover { background:url(../images/menu.jpg) no-repeat right -124px }
.menu04 { width:260px; height:62px; margin-bottom:5px; overflow:hidden }
.menu04 a { width:260px; height:62px; text-indent:-9999px; display:block; background:url(../images/menu.jpg) no-repeat left -186px }
.menu04 a:hover { background:url(../images/menu.jpg) no-repeat right -186px }
.menu05 { width:260px; height:62px; overflow:hidden }
.menu05 a { width:260px; height:62px; text-indent:-9999px; display:block; background:url(../images/menu.jpg) no-repeat left -248px }
.menu05 a:hover { background:url(../images/menu.jpg) no-repeat right -248px }
.category_p1 { width:260px; height:62px; background:url(../images/p1.jpg) no-repeat; margin-bottom:5px; overflow:hidden }
.category_p2 { width:260px; height:62px; background:url(../images/p2.jpg) no-repeat; margin-bottom:5px; overflow:hidden }
.category_p3 { width:260px; height:62px; background:url(../images/p3.jpg) no-repeat; margin-bottom:5px; overflow:hidden }
.category_p4 { width:260px; height:62px; background:url(../images/p4.jpg) no-repeat; margin-bottom:5px; overflow:hidden }
.category_p5 { width:260px; height:62px; background:url(../images/p5.jpg) no-repeat; margin-bottom:5px; overflow:hidden }
#faq { border-bottom:1px solid #a8a068 }
#faq dt { height:30px; font-size:16px; line-height:190%; color:#ece696; background:url(../images/tbg.gif) repeat-x; padding-left:10px; cursor:pointer; overflow:hidden }
#faq dd { display:none; font-size:13px; line-height:140%; color:#511800; background:#b6af6a; border-bottom:1px solid #8f853e }
#faq dd a { display:block; color:#511800; padding:6px 8px 4px 12px  }
#faq dd a:hover { color:#dd4200; background:#ece7a8; text-decoration:none }
.list { height:auto }
.list dd { font-size:13px; line-height:140%; color:#511800; background:#b6af6a; border-bottom:1px solid #8f853e }
.list dd a { display:block; color:#511800; padding:6px 8px 4px 12px  }
.list dd a:hover { color:#dd4200; background:#ece7a8; text-decoration:none }
.list dd span { margin-left:2px }
.contact { height:30px; font-size:13px; padding:12px 0 0 3px }
.contact span { color:#ece696 }
.navbox { padding-left:1px; overflow:hidden }
.navbox ul { width:100%; overflow:hidden }
.navbox ul li { margin-bottom:7px }
.nav_11 { float:left; width:61px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_11 a { width:61px; height:26px; display:block; background:url(../images/nav_1.gif) no-repeat left 0 }
.nav_11 a:hover { background:url(../images/nav_1.gif) no-repeat right 0 }
.nav_12 { float:left; width:61px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_12 a { width:61px; height:26px; display:block; background:url(../images/nav_1.gif) no-repeat left -26px }
.nav_12 a:hover { background:url(../images/nav_1.gif) no-repeat right -26px }
.nav_13 { float:left; width:61px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_13 a { width:61px; height:26px; display:block; background:url(../images/nav_1.gif) no-repeat left -52px }
.nav_13 a:hover { background:url(../images/nav_1.gif) no-repeat right -52px }
.nav_14 { float:left; width:61px; height:26px; text-indent:-9999px; overflow:hidden }
.nav_14 a { width:61px; height:26px; display:block; background:url(../images/nav_1.gif) no-repeat left -78px }
.nav_14 a:hover { background:url(../images/nav_1.gif) no-repeat right -78px }
.nav_21 { float:left; width:49px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_21 a { width:49px; height:26px; display:block; background:url(../images/nav_2.gif) no-repeat left 0 }
.nav_21 a:hover { background:url(../images/nav_2.gif) no-repeat right 0 }
.nav_22 { float:left; width:49px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_22 a { width:49px; height:26px; display:block; background:url(../images/nav_2.gif) no-repeat left -26px }
.nav_22 a:hover { background:url(../images/nav_2.gif) no-repeat right -26px }
.nav_23 { float:left; width:49px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_23 a { width:49px; height:26px; display:block; background:url(../images/nav_2.gif) no-repeat left -52px }
.nav_23 a:hover { background:url(../images/nav_2.gif) no-repeat right -52px }
.nav_24 { float:left; width:49px; height:26px; text-indent:-9999px; overflow:hidden }
.nav_24 a { width:49px; height:26px; display:block; background:url(../images/nav_2.gif) no-repeat left -78px }
.nav_24 a:hover { background:url(../images/nav_2.gif) no-repeat right -78px }
.nav_31 { float:left; width:49px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_31 a { width:49px; height:26px; display:block; background:url(../images/nav_3.gif) no-repeat left 0 }
.nav_31 a:hover { background:url(../images/nav_3.gif) no-repeat right 0 }
.nav_32 { float:left; width:49px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_32 a { width:49px; height:26px; display:block; background:url(../images/nav_3.gif) no-repeat left -26px }
.nav_32 a:hover { background:url(../images/nav_3.gif) no-repeat right -26px }
.nav_33 { float:left; width:49px; height:26px; text-indent:-9999px; margin-right:5px; overflow:hidden }
.nav_33 a { width:49px; height:26px; display:block; background:url(../images/nav_3.gif) no-repeat left -52px }
.nav_33 a:hover { background:url(../images/nav_3.gif) no-repeat right -52px }
.title { font-size:15px; font-weight:bold; line-height:150%; color:#e2e20a; background:url(../images/tbg.gif) repeat-x; padding:7px 5px 7px 5px; margin-top:0; _margin-top:7px; *margin-top:7px; overflow:hidden }
.subject { font-size:12px; line-height:150%; color:#f0eed8; padding:0 5px }
.back { width:70px; height:19px; line-height:180%; text-align:center; color:#ccc; background:url(../images/back.gif) no-repeat; margin:12px auto; overflow:hidden }
.back a { width:70px; height:19px; display:block; color:#ccc }
.back a:hover { color:#e2e20a; text-decoration:none }
.hline { height:1px; border-bottom:1px solid #a8a068; overflow:hidden }
.player { width:240px; margin:0 auto; overflow:hidden }
#showimg { width:260px; height:180px; margin:0 auto }