@charset "utf-8";
/* --------------------------------------------RESET-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
/* ------------------------------------------RESET END-------------------------------------------- */


body{ background:url(../img/html_bg.gif); font-family:Verdana, Arial, Helvetica, sans-serif; color:#362f2d; font-size:12px; line-height:18px;}
div#wrapper{ width:800px; margin:0 auto; background:#b9d8ac; padding:0 0 20px 0;}
div#wrapper2{ padding:0 15px;}
div#top a{ background:url(../img/top.jpg); width:800px; height:35px; display:block;}
div#main_pic a{ background:url(../img/main.jpg); width:800px; height:342px; display:block;}



/* -----------跑馬燈區----------- */
div#ticker_title{ background:url(../img/ticker.gif); width:800px; height:30px;}
div#ticker_intxt{ background:url(../img/ticker_bg.gif); width:770px; height:70px; margin:0 auto; color:#FFFFFF;}
div#ticker_intxt table td{ padding:5px;}
div#ticker_intxt table td a{ color:#FFFF00; text-decoration:underline;}
div#ticker_intxt table td a:hover{ text-decoration:none;}
div#ticker_intxt table td.ticker_btn{ padding:0;}

a.ticker_up{ display:block; background:url(../img/ticker_up.gif); width:78px; height:35px;}
a.ticker_down{ display:block; background:url(../img/ticker_down.gif); width:78px; height:35px;}
a.ticker_up:hover{ background-position:bottom;}
a.ticker_down:hover{ background-position:bottom;}


/* -----------表格樣式----------- */
.tbstyle1{ border:3px solid #daecd1; margin-top:3px;}
.tbstyle1 td{ border:1px solid #bad8ac; padding:5px;}

.tbstyle2{ border:3px solid #e6f5f7; margin-top:3px;}
.tbstyle2 td{ border:1px solid #bae3e7; padding:5px;}

.tbstyle3{ margin:3px 0 0 0;}
.tbstyle3 td{ padding:3px;}

.tbstyle4{ border:3px solid #daecd1;}
.tbstyle4 td{ text-align:center; border:1px solid #bad8ac; padding:3px;}
.tbstyle4 td a{ text-decoration:none;}
.tbstyle4 td a:hover{ text-decoration:underline;}

.tbstyle5{ margin:0 auto;}
.tbstyle5 td{ text-align:center; background-color:#daecd1; border:8px solid #FFFFFF; line-height:24px;}

.tbstyle6{ float:right; font-size:12px;}
.tbstyle6 td{ border:1px solid #dcdcdc; padding:1px;}



/* -----------文字樣式----------- */
.txtcolor1{ color:#996600;}
.txtcolor2{ font-size:16px; font-weight:bold; color:#CC3300; line-height:24px;}/* 小標*/
.txtcolor3{ color:#FF0000;}
.txtcolor4{ color:#999999;}
.txtcolor5{ font-weight:bold;}
.txtcolor6{ font-size:10px; color:#CC0000;}
.txtcolor7{ color:#FF6600;}
.txtcolor8{ color:#999999; font-size:11px;}
.txtcolor9{ color:#CC0000; font-size:13px;}
.txtcolor10{ color:#CC0000;}


/* -----------段落樣式----------- */
p.intxt1{ padding:10px; background-color:#FFFFCC; border:1px solid #FFCC33; margin:3px 0 0 0;}
p.intxt2{ float:right;}
p.intxt3{ margin:0 0 0 55px;}
p.intxt4{ background-color:#e5f7f8; padding:10px;}
p.intxt5{ padding:0 0 0 60px;}
p.intxt6{ padding:0 0 0 185px;}
p.intxt7{ background-color:#e5f7f8; padding:0 10px 10px 170px;}
p.intxt8{ width:120px; background:#d7d7d7; margin:0 auto;}


ul.list1{ padding:10px 10px 10px 25px; background-color:#FFFFCC; border:1px solid #FFCC33; margin:3px 0 0 0;}
ul.list1 li{ list-style:circle;}

ul.list2{ padding:0 0 0 20px;}
ul.list2 li{ list-style:circle;}

ul.list3{ padding:0 0 0 20px;}
ul.list3 li{ list-style:circle; margin:10px 0;}



/* -----------圖片樣式----------- */
.msghead{ float:left; padding:5px;}
.history{ float:left; padding-right:5px;}
.tshirt{ float:left; padding:10px 5px 0 0;}


/* -----------連結樣式----------- */
a{ color:#ed145b;}
a:hover{ text-decoration:none;}





/* -----------主選單----------- */
div#btnarea{ width:186px; position:relative; background:#85ab75; margin:10px 0 0 0; padding:10px 0; float:left;}
img.btntop{ position:absolute; top:0; left:0;}
img.btnbottom{ position:absolute; bottom:0; left:0;}

ul.mainbtn{ padding-left:2px;}
ul.mainbtn li{}
ul.mainbtn li.subject1{ background:url(../img/subject1.gif); width:182px; height:30px; margin:0 0 1px 0;}
ul.mainbtn li.subject2{ background:url(../img/subject2.gif); width:182px; height:30px; margin:0 0 1px 0;}
ul.mainbtn li.subject3{ background:url(../img/subject3.gif); width:182px; height:30px; margin:0 0 1px 0;}
ul.mainbtn li a{ display:block; background:url(../img/btn2.gif) bottom; width:182px; height:32px; line-height:32px; font-size:15px; text-indent:19px; color:#362f2d; text-decoration:none;}
ul.mainbtn li a:hover{ background-position:top;}
.btnspace{ line-height:5px;}


/* -----------T-shirt三選單----------- */
ul.tlist{ margin:0 auto; width:462px;}
ul.tlist li{ float:left; margin:0 2px;}
ul.tlist li a{ display:block; background:url(../img/tsirt_btn.gif); width:150px; line-height:25px; text-align:center; text-decoration:none; color:#996600;}
ul.tlist li a:hover{ color:#FF0000; text-decoration:underline;}



/* -----------主內容區定位----------- */
div#mainin{ background-color:#FFFFFF; width:555px; padding:10px; position:relative; float:right; margin:10px 0 0 0;}
img.maintop{ position:absolute; top:0; left:0;}
img.mainbottom{ position:absolute; bottom:0; left:0;}





/* -----------分隔間距----------- */
.space{ line-height:10px;}

/* -----------清除浮動----------- */
.clearfloat{ clear:both;}