/*-- comment -------------*/
body {background:#fff url(../images/bg.gif) repeat-x; margin:0px; margin-left:15px; font-size:12px; font-family:"Arial","新細明體","細明體","Arial"; color:#656565}
.logo_small {background: url(../images/logo_small.gif) no-repeat; width:240px; height:44px; margin: 20px 10px 0 0; float:left}
.wrap {width:800px; margin:auto; position:relative} .wrap.wrapresult {padding:0px;width:97%;min-width:865px; width:expression(document.body.clientWidth < 880 ? "865px" : "98%" );}
.wrap.inside {width:960px;}
a { text-decoration:none;} a:hover { text-decoration:underline;}
input.text {border:1px solid #969696;font-size:12px;height:16px;}
button span {display: none;}

/*-- menu -------------*/
.menu {height:80px; color:#fff;} .wrap.wrapresult .menu{height:50px;} .wrap.inside .menu{height:50px;}
.menu a {color:#fff; text-decoration:underline}
.menu a:hover { text-decoration:none;}
.menu .left_bar {margin-top:5px; float:left}
.menu .left_bar span {margin:0 2px; color:#8bad02}
.menu .right_bar {float: right;}
.menu .right_bar span {margin:0 5px;}
.menu .right_bar img {float:left;}
.menu .right_bar div {background:url(../images/menu_bar_bg.gif) repeat-x; height:28px; float:left; line-height:25px; padding:0 10px}

/*-- searchbox -------------*/
.searchbox_s {float:left; position: relative;}
.searchbox_s .tab {padding-left:20px;}
.searchbox_s .tab .tab_left, .tab .tab_right {width:10px; height:25px; float:left;}
.searchbox_s .tab .tab_left {background:url(../images/searchtab_s_l.gif) no-repeat;}
.searchbox_s .tab .tab_right {background:url(../images/searchtab_s_r.gif) no-repeat;}
.searchbox_s .tab .tabs { float:left; color:#fff}
.searchbox_s .tabs.on {text-decoration:none;}
.searchbox_s .on .tab_left {background:url(../images/searchtab_s_over_l.gif) no-repeat;}
.searchbox_s .on .tab_right {background:url(../images/searchtab_s_over_r.gif) no-repeat;}
.searchbox_s .tabs div {float:left; background:url(../images/searchtab_s_bg.gif) repeat-x; height:25px; line-height:25px; padding:0 20px; color:#fff;}
.searchbox_s .on div {background:url(../images/searchtab_s_over_bg.gif) repeat-x;}
.searchbox_s .content {clear:both;}
.searchbox_s img {float:left;}
.searchbox_s .search_input a {color:#fff; text-decoration:underline}
.searchbox_s .search_input a:hover { text-decoration:none;}
.searchbox_s .search_input {background:url(../images/searchbar_s_bg.gif) repeat-x; height:53px; float:left; padding-left:20px}
.searchbox_s .search_input .left	{ width:75%; float:left; margin:8px 5px 5px 0px;}
.searchbox_s .search_input .right { float:left; margin:7px 5px 0px 0px;}
.searchbox_s .search_input .text {height:18px; width:98%; font-size:14px; border: 1px solid rgb(126, 157, 185);}
.searchbox_s .search_input a, .searchbox_s .search_input span	{ color:#054264;}
.searchbox_s .btn_search { width:110px;  height:26px; background:url(../images/btn_search_small.gif); border:0px; cursor:pointer;}
.searchbox_s a.forum_link {color: #0A9FEF; font-weight: bold; position: absolute; left: 465px; font-size: 16px;}

/*-- Box -------------*/
.box {float:left; width:710px;}
.box h3{color:#FF6900; font-size:16px; margin:0px;}
.box .content { padding-top:20px; position:relative}
.box .boxheader {border-bottom:1px solid #ededed}

/*-- for Small Box -------------*/
.small_box, .small_box img{ float:left}
.small_box .content { width:180px; float:left}
.small_box {width:200px; position:relative;}
.small_box a {color:#656565; text-decoration:underline}
.small_box a:hover {text-decoration:none}
.small_box h3 {color:#FF6900; margin:0 0 5px; font-size:16px;}
.small_box .content {width:198px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; color:#656565; background:#fff}
.small_box .detail {padding:0px 10px;}

/*-- for listbox -------------*/
.listbox {width:240px; margin-right:10px;}
.listbox .content {width:240px; background:#f6f6f6; border:none}
.listbox ul {width:230px; margin-left:5px;}
.listbox ul, .listbox li {list-style:none; padding:0px;}
.listbox li a{display:block; width:100%; text-decoration:none; font-size:15px; font-weight:bold; padding:3px 0; color:#909090}
.listbox li a span {margin-left:30px;}
.listbox li a:hover, .listbox li.on a{background:#4fb4e9; color:#fff}
.listbox ul ul{width:230px; margin:0px}
.listbox li li a,  .listbox li.on li a{font-size:12px; font-weight:normal; background:url(../images/point_blue.gif) no-repeat 40px center; color:#909090}
.listbox li li a:hover, .listbox li li.on a {background:url(../images/point_blue.gif) no-repeat 40px center; font-weight:bold; color:#909090}
.listbox li li a span {margin-left:50px;}

/*-- for promote -------------*/
.promotetab .tab_left, .promotetab .tab_right	{width:6px; height:26px; float:left;}
.promotetab .tab_left {background:url(../images/promotetab_l.gif) no-repeat;}
.promotetab .tab_right {background:url(../images/promotetab_r.gif) no-repeat;}
.promotetab a {float:left; cursor:pointer; text-decoration:none;}
.promotetab a.on {text-decoration:none;}
.promotetab a:hover .tab_left, a.on .tab_left {background:url(../images/promotetab_over_l.gif) no-repeat;}
.promotetab a:hover .tab_right, a.on .tab_right {background:url(../images/promotetab_over_r.gif) no-repeat;}
.promotetab a:hover div, a.on div {float:left; background:url(../images/promotetab_over_bg.gif) repeat-x;color:#454545; font-weight:bold;}
.promotetab div {float:left; background:url(../images/promotetab_bg.gif) repeat-x; height:26px; line-height:26px; padding:0 15px; color:#fff;}
.promote_box .detail {border:1px solid #d0e36e; clear:both; border-bottom:none; background:url(../images/promote_bg.gif) repeat-x; padding:0 0 0 20px; position:relative; color:#656565;}
.promote_box img {float:left}
.promote_box .detail h1{font-size:15px; clear:both; padding-top:20px; margin:0px;}
.promote_box .detail h1 span{font-size:12px; font-weight:normal; margin-left:5px;}
.promote_box .detail textarea {border:1px solid #b7bdbd;}
.promote_box .detail_r { position:absolute; right:0px; top:0px; *right:1px; *top:1px; background:url(../images/promote_bg_right.gif) repeat-x; border-left:1px solid #fff; height:150px; width:175px; padding-top:20px; line-height:18px;}
.promote_box .detail_r a{display:block; margin-left:20px; color:#656565}
.promote_box .btn {margin:10px 0 0; height:60px;} .btn img {float:left;}
		
/*-- footer_link -------------*/
.footer_link{width:100%; color:#A7A7A7; text-align:center; float:left; margin: 20px 0; border-top:1px solid #ededed; padding-top:10px;}
.footer_link a{color:#0A9FEF;}
.footer_link span{margin:0px 3px}
.footer_link .copyright{padding-top:10px; color:#888888}
.footer_link .copyright a {color:#888888; text-decoration:underline} .footer_link .copyright a:hover {text-decoration:none}

/*-- smallbox footer -------------*/
.text_title1{background:url(images/box_text_title.gif) no-repeat left 0px; height:13px; width:198px; float:left; margin-bottom:5px;}
.text_title2{background:url(images/box_text_title.gif) no-repeat left -25px; height:16px; width:198px; float:left; margin-bottom:5px;}
.text_title3{background:url(images/box_text_title.gif) no-repeat left -52px; height:16px; width:198px; float:left; margin-bottom:5px; padding:0px;}
.rules{font-size:11px;}
.rules a{color:#2c74c4; text-decoration:none;}
.rules a:hover{text-decoration:underline;}
.point_blue{background:url(images/point_blue.gif) no-repeat left center; padding-left:15px;}