/* --------------------------------------------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-------------------------------------------- */


/* --------------------------------------------Layout-------------------------------------------- */

body{ background-color:#FFCA2C; background-image:url(../img/html_bg2.gif); background-repeat:repeat-x; color:#352E2C; font-size:12px;}

#wrapper{ background-color:#FFFFFF; width:809px; margin:0 auto;}

#top{ background-image:url(../img/top.gif); width:809px; height:33px; margin:0 auto;}

#top a{ display:block; width:809px; height:33px;}

#flash{}

#pinkbord{ margin:0 1px 1px 1px; border:10px solid #ED135A; width:785px; padding:1px 1px 10px 1px; background-image:url(../img/contant_bg.gif);}

#footer{ background-image:url(../img/footer.gif); width:809px; height:33px; margin:0 auto;}

#footer a{ display:block; width:809px; height:33px;}

 /* -----------------------------------------以下主選單部份----------------------------------------- */

ul#btn{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; display:block; width:190px; float:left; list-style-type:none;}

ul#btn li{ line-height:25px;}

ul#btn li#gnn a{ background-image:url(../img/gnn_b.gif); display:block; width:190px; height:25px; text-indent:-9999px; margin:0;}

ul#btn li.btn_a{ background-image:url(../img/btn_a.gif); width:165px; height:25px; display:block; margin:1px 0 0 0; background-repeat:no-repeat; padding-left:25px; font-weight:bold; color:#FFFF00;}

ul#btn li.btn_b{ background-image:url(../img/btn_b.gif); width:164px; height:25px; display:block; margin:1px 0 0 0; background-repeat:no-repeat; padding-left:10px;}

ul#btn li.btn_c{ background-image:url(../img/btn_c.gif); width:164px; height:25px; display:block; margin:1px 0 0 0; background-repeat:no-repeat;}

ul#btn li.btn_none{ background-image:url(../img/btn_none.gif); width:164px; height:25px; display:block; margin:1px 0 0 0; background-repeat:no-repeat; padding-left:10px;}

ul#btn li.btn_c a{ width:164px; height:25px; display:block; text-decoration:none; color:#FFFFFF; padding-left:10px; background-image:url(../img/btn_c.gif);}

ul#btn li.btn_c a:hover{ background-image:url(../img/btn_hover.gif);}

ul#btn li.btn_c a img{ padding:3px 0 0 10px;}

ul#btn li img{ margin:6px 0 0 1px;}
ul#btn li img.new{ margin:3px 0 0 -5px; padding:0;}


 /* -----------------------------------------以下內容外框部份----------------------------------------- */
.box{ background-image:url(../img/box_bg.gif); width:571px; background-position:bottom; float:right; margin:10px 5px 0 0; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.box p{ margin:10px 10px 10px 10px;}
.box a{ text-decoration:none; color:#308C98;}
.box a:hover{ color:#00A650; text-decoration:underline;}


 /* -----------------------------------------以下內容title系列----------------------------------------- */
.title1{ display:block; background-image:url(../img/title01.gif); width:571px; height:36px; text-indent:-9999px;}
.title2{ display:block; background-image:url(../img/title02.gif); width:571px; height:36px; text-indent:-9999px;}
.title3{ display:block; background-image:url(../img/title03.gif); width:571px; height:36px; text-indent:-9999px;}
.title4{ display:block; background-image:url(../img/title04.gif); width:571px; height:36px; text-indent:-9999px;}
.title5{ display:block; background-image:url(../img/title05.gif); width:571px; height:36px; text-indent:-9999px;}
.title6{ display:block; background-image:url(../img/title06.gif); width:571px; height:36px; text-indent:-9999px;}
.title7{ display:block; background-image:url(../img/title07.gif); width:571px; height:36px; text-indent:-9999px;}
.title8{ display:block; background-image:url(../img/title08.gif); width:571px; height:36px; text-indent:-9999px;}
.title9{ display:block; background-image:url(../img/title09.gif); width:571px; height:36px; text-indent:-9999px;}
.title10{ display:block; background-image:url(../img/title10.gif); width:571px; height:36px; text-indent:-9999px;}
.title11{ display:block; background-image:url(../img/title11.gif); width:571px; height:36px; text-indent:-9999px;}
.title12{ display:block; background-image:url(../img/title12.gif); width:571px; height:36px; text-indent:-9999px;}
.title13{ display:block; background-image:url(../img/title13.gif); width:571px; height:36px; text-indent:-9999px;}
.title14{ display:block; background-image:url(../img/title14.gif); width:571px; height:36px; text-indent:-9999px;}
.title15{ display:block; background-image:url(../img/title15.gif); width:571px; height:36px; text-indent:-9999px;}
.title16{ display:block; background-image:url(../img/title16.gif); width:571px; height:36px; text-indent:-9999px;}
.title17{ display:block; background-image:url(../img/title17.gif); width:571px; height:36px; text-indent:-9999px;}
.title18{ display:block; background-image:url(../img/title18.gif); width:571px; height:36px; text-indent:-9999px;}
.title19{ display:block; background-image:url(../img/title19.gif); width:571px; height:36px; text-indent:-9999px;}
.title20{ display:block; background-image:url(../img/title20.gif); width:571px; height:36px; text-indent:-9999px;}
.title21{ display:block; background-image:url(../img/title21.gif); width:571px; height:36px; text-indent:-9999px;}
.title22{ display:block; background-image:url(../img/title22.gif); width:571px; height:36px; text-indent:-9999px;}
.title23{ display:block; background-image:url(../img/title23.gif); width:571px; height:36px; text-indent:-9999px;}
.title24{ display:block; background-image:url(../img/title24.gif); width:571px; height:36px; text-indent:-9999px;}
.title25{ display:block; background-image:url(../img/title25.gif); width:571px; height:36px; text-indent:-9999px;}
.title26{ display:block; background-image:url(../img/title26.gif); width:571px; height:36px; text-indent:-9999px;}
.title27{ display:block; background-image:url(../img/title27.gif); width:571px; height:36px; text-indent:-9999px;}
.title28{ display:block; background-image:url(../img/title28.gif); width:571px; height:36px; text-indent:-9999px;}
.title29{ display:block; background-image:url(../img/title29.gif); width:571px; height:36px; text-indent:-9999px;}
.title30{ display:block; background-image:url(../img/title30.gif); width:571px; height:36px; text-indent:-9999px;}
.title31{ display:block; background-image:url(../img/title31.gif); width:571px; height:36px; text-indent:-9999px;}
.title32{ display:block; background-image:url(../img/title32.gif); width:571px; height:36px; text-indent:-9999px;}
.title33{ display:block; background-image:url(../img/title33.gif); width:571px; height:36px; text-indent:-9999px;}
.title34{ display:block; background-image:url(../img/title34.gif); width:571px; height:36px; text-indent:-9999px;}
.title35{ display:block; background-image:url(../img/title35.gif); width:571px; height:36px; text-indent:-9999px;}
.title36{ display:block; background-image:url(../img/title36.gif); width:571px; height:36px; text-indent:-9999px;}
.title37{ display:block; background-image:url(../img/title37.gif); width:571px; height:36px; text-indent:-9999px;}
.title38{ display:block; background-image:url(../img/title38.gif); width:571px; height:36px; text-indent:-9999px;}
.title39{ display:block; background-image:url(../img/title39.gif); width:571px; height:36px; text-indent:-9999px;}
.title40{ display:block; background-image:url(../img/title40.gif); width:571px; height:36px; text-indent:-9999px;}
.title41{ display:block; background-image:url(../img/title41.gif); width:571px; height:36px; text-indent:-9999px;}
.title42{ display:block; background-image:url(../img/title42.gif); width:571px; height:36px; text-indent:-9999px;}
.title43{ display:block; background-image:url(../img/title43.gif); width:571px; height:36px; text-indent:-9999px;}
.title44{ display:block; background-image:url(../img/title44.gif); width:571px; height:36px; text-indent:-9999px;}
.title45{ display:block; background-image:url(../img/title45.gif); width:571px; height:36px; text-indent:-9999px;}
.title46{ display:block; background-image:url(../img/title46.gif); width:571px; height:36px; text-indent:-9999px;}
.title47{ display:block; background-image:url(../img/title47.gif); width:571px; height:36px; text-indent:-9999px;}
.title48{ display:block; background-image:url(../img/title48.gif); width:571px; height:36px; text-indent:-9999px;}
.title49{ display:block; background-image:url(../img/title49.gif); width:571px; height:36px; text-indent:-9999px;}
.title50{ display:block; background-image:url(../img/title50.gif); width:571px; height:36px; text-indent:-9999px;}
.title51{ display:block; background-image:url(../img/title51.gif); width:571px; height:36px; text-indent:-9999px;}
.title52{ display:block; background-image:url(../img/title52.gif); width:571px; height:36px; text-indent:-9999px;}
.title53{ display:block; background-image:url(../img/title53.gif); width:571px; height:36px; text-indent:-9999px;}
.title54{ display:block; background-image:url(../img/title54.gif); width:571px; height:36px; text-indent:-9999px;}
.title55{ display:block; background-image:url(../img/title55.gif); width:571px; height:36px; text-indent:-9999px;}
.title56{ display:block; background-image:url(../img/title56.gif); width:571px; height:36px; text-indent:-9999px;}


 /* -----------------------------------------以下文字樣式設定----------------------------------------- */
.bgcolor1{ background-color:#ECF7F9; padding:10px;}
.bgcolor2{ background-color:#F9F5ED; padding:10px;}
.bgcolor3{ background-color:#FFFAEC; padding:10px;}
.bgcolor4{ background-color:#F9F5ED; padding:6px 0 3px 10px; width:92%; margin:0 auto;}
h1{ font-size:16px; color:#00A650; padding-left:30px; background-image:url(../img/icon1.gif); background-position:10px 0; background-repeat:no-repeat;}
h2{ font-size:16px; font-weight:bold; color:#00A650; padding:3px 0 0 5px;}
.point1{ color:#ED135A;}
.point2{ color:#D87E00;}
.point3{ color:#00A650;}
.point4{ font-size:16px; font-weight:bold; color:#FF0000;}
.none{ color:#999999; text-align:center;}
.textRight{ text-align:right;}
.textCenter{ text-align:center;}
.textWeight{ font-weight:bold;}
.textSmall{ font-size:11px; color:#999999;}
.lineHeight{ line-height:32px;}
.lineHeight2{ line-height:24px;}
 

 /* -----------------------------------------以下內容圖片設定----------------------------------------- */
#gift a{ background-image:url(../img/reward_gift.gif); width:141px; height:150px; float:right; margin:65px 10px 0 0;}
#gift2 a{ background-image:url(../img/reward_gift.gif); width:141px; height:150px; float:right; margin:17px 15px 0 0;}
#good_pic{ background-image:url(../img/good_pic.gif); width:540px; height:161px; margin:0 auto;}
#message_pic{ background-image:url(../img/message_pic.jpg); width:150px; height:150px; float:left; margin:0 5px 0 5px;}
#msn_table img{ float:right; margin:7px 20px 0 0;}
#art_pic{ background-image:url(../img/art_pic.jpg); width:507px; height:160px; margin:10px auto 5px auto;}
#board_pic{ background-image:url(../img/board_pic.jpg); width:507px; height:160px; margin:10px auto 0 auto;}
.theme_pic{ border:1px dotted #352E2C; margin:5px 0 5px 0;}
.send_pic{ width:40px; height:40px; float:left; margin:-10px -15px 0 0;}
#board_pic2{ background-image:url(../img/board_pic2.jpg); width:255px; height:160px; float:left; margin:3px;}
.upup{ float:right; margin:5px;}
#market_pic{ background-image:url(../img/market_pic.jpg); width:507px; height:160px; margin:10px auto 0 auto;}
#cos_pic{ background-image:url(../img/cos_pic.jpg); width:540px; height:161px; margin:0 auto;}
#screat_pic{ background-image:url(../img/bahamut.gif); width:110px; height:160px; float:left; margin:0 5px 0 0; display:block;}
#master_pic{ background-image:url(../img/master_pic.jpg); width:507px; height:160px; margin:0 auto;}
#challenge_pic{ background-image:url(../img/challenge_pic.jpg); width:507px; height:160px; margin:0 auto;}
#nds_psp_pic{ background-image:url(../img/nds_psp_pic.jpg); width:507px; height:160px; margin:0 auto;}
#event_map{ float:right;}



 /* -----------------------------------------以下表格內容設定----------------------------------------- */
#news_table .news_title td{ background-color:#F9F5ED; line-height:24px; color:#990000; text-align:center;}
#news_table td{ background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px;}
#news_table .number{ color:#666666; background-color:#EBEBEB;}

#msn_table td{ padding:5px; border-bottom:1px dotted #999999;}
#msn_table .msn_title{ background-color:#EBEBEB; vertical-align:top;}

.art_table{ font-family:"新細明體";}

.push_table td{ padding:5px; border:1px solid #9E9E48;}

.msg_table1{ width:95%; margin:0 auto;}
.msg_table1 td{ padding:3px;}
.msg_table2{ width:95%; margin:0 auto; background-color:#F9F5ED;}
.msg_table2 td{ padding:5px 10px 5px 10px;}
.msg_table3{ width:95%; margin:0 auto;}
.msg_table3 td{ padding:5px 10px 10px 10px;}

.msg2_table1{ width:95%; margin:0 auto;}
.msg2_table1 td{ border:1px #999999 solid; padding:5px;}
 
.apply_table td{ padding:3px; border:1px solid #999999;}

.gift_table{ width:90%; margin:10px auto 10px auto;}
.gift_table td{ padding:3px;}
.gift_box{ width:100%; text-align:center; margin-top:5px; background-color:#EBEBEB; padding-top:3px;}
.gift2_box{ width:96%; background-color:#EBEBEB; margin:10px auto 0 auto; padding:5px;}
.gift2_table{ width:100%; background-color:#FFFFFF; margin:3px 0 0 0; font-family:"新細明體";}
.gift2_table td{ border:1px solid #EBEBEB; padding:3px;}

#avatar_table{ width:100px; margin:0 auto; text-align:center;}
#avatar_table td{ padding:3px;}
#avatar_table td img{ border:1px solid #E7DAC1;}

.index_table{ width:95%; margin:10px auto 10px auto;}
.index_table td{ border:1px solid #999999; text-align:center;}

#border_table td{ background-color:#FFFFFF; font-family:"新細明體"; padding:3px;}
#border_table .news_title td{ background-color:#F9F5ED; line-height:24px; color:#990000; text-align:center;}
#border_table .number{ color:#666666; background-color:#EBEBEB;}

.cos_table{ width:95%; margin:0 auto;}
.cos_table td{ border:1px solid #CCCCCC; padding:3px; text-align:center; width:20%;}

table.borderfinal{ width:70%; border:3px solid #EDDFC4;}
table.borderfinal td{ padding:2px; border:1px solid #DDC492;}

table.cosfinal{ width:80%; border:3px solid #EDDFC4;}
table.cosfinal td{ padding:2px; border:1px solid #DDC492;}
 
  /* -----------------------------------------以下表單內容設定----------------------------------------- */
.form_btn{ border:1px solid #666666; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#EBEBEB', gradientType='0'); padding-top:4px; font-size:12px;}
.form_btn2{ border:1px solid #666666; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#EBEBEB', gradientType='0'); padding-top:4px; font-size:12px; width:200px;}
.form_line{ border:1px solid #666666; height:18px; line-height:18px;}
.form_line2{ border:1px solid #666666; height:80px; width:400px; line-height:18px;}
.form_apply{ border:1px solid #666666;}

  /* -----------------------------------------以下線條樣式設定----------------------------------------- */
.line1{ border-bottom:1px dotted #666666;}


  /* -----------------------------------------以下內容文字編排設定----------------------------------------- */
ul#home_list{ list-style-type:square; padding:0 10px 20px 40px;}
ul#onself{ list-style-type:decimal; margin:0 20px 0 40px;}
ul#onself li{ padding:5px 5px 5px 0;}
ul#challenge{ list-style-type:disc; margin:0 0 0 20px;}
ul#nds_psp{ list-style-type:disc; margin:0 10px 0 30px;}

ul.owner_list{ background-color:#FFFFFF; width:230px; padding:10px; margin:5px auto 5px auto; display:block; border:1px solid #999999;}
ul.owner_list li a{ border-bottom:1px dotted #CCCCCC; display:block; height:25px; line-height:25px;}
ul.owner_list li.owner_list_title{ display:block; height:25px; background-color:#00A650; text-align:center; font-weight:bold; line-height:25px; color:#FFFFFF;}

ul.owner_list2{ background-color:#FFFFFF; width:230px; padding:10px; margin:5px auto 5px auto; display:block; border:1px solid #999999;}
ul.owner_list2 li{ margin:0; line-height:20px; display:block; border-bottom:1px dotted #CCCCCC; height:40px; padding:5px;}
ul.owner_list2 li.owner_list_title2{ display:block; height:25px; background-color:#00A650; text-align:center; font-weight:bold; line-height:25px; color:#FFFFFF; border:none; padding:0;}
ul.owner_list2 li img{ float:left; margin:2px 5px 3px 0;}
 


 /* 清除不正確的 float */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}