@charset "utf-8";
/* CSS Document */
/*css 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;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444
}
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;
}
/* common */
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block; padding:0; margin:0; line-height:normal}
/* Hides from IE-mac \*/
* html .clearfix { height: 1px; padding:0; margin:0; line-height:normal}
.clearfix {display: block;}
/* End hide from IE-mac */
a {
	text-decoration:none; color:#333;
}
.floatleft{ float:left}
.floatright{ float:right}
.margin_b{ margin-bottom:10px;}
a:hover{ color:#000}
/*網站主架構*/
#warp {
	width:990px;
	position:relative;
	margin:0 auto;
	padding-bottom:0;
}
#header {
	position:relative;
	border-left:1px solid #666;
	border-right:1px solid #666;
	width:950px;
	margin:0 19px;
	
}
#content {
	position:relative;
	margin:10px 19px;
	width:950px;
}
#left {
	width:225px;
	float:left;
	position:relative;
	margin-right:10px;
}
#right {
	width:225px;
	position:relative;
	float:left;
	margin-left:10px;
}
#middle {
	position:relative;
	float:left;
	min-width:480px;
}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 42px;}  /* 必須使用和footer相同的高度 */
#footer {position: relative;
    margin-top: -8px; /* footer高度的負值 */
    height: 42px;
    clear:both;
	background:url(../images/footer_t.png) top center no-repeat; line-height:42px; text-align:center;letter-spacing:1px;}
/*header*/
#header .h_banner {
	position:relative;
	width:950px; height:229px; overflow:hidden;
	
}
#menu {
	position:relative;
	background:url(../images/menu_b.jpg) repeat-x;
	text-align:center;
	height:51px;
	margin-bottom:10px;
}
#menu .menu_link {
	width:950px;
	height:51px;
	position:absolute;
	z-index:3;
	left:30px
}
#menu .mc {
	height:51px;
	float:left;
	position:relative;
}
#menu .ml {
	width:10px;
	height:51px;
	background:url(../images/menu_l.jpg) no-repeat;
	float:left;
	position:relative;
}
#menu .mr {
	width:10px;
	height:51px;
	background:url(../images/menu_r.jpg) no-repeat;
	float:right;
	
}
#menu .mc a {
	display:inline-block;
	float:left;
	height:26px;
	margin:12.5px 2px;
	border-right:1px solid #ddd;
	color:#000;
	cursor:pointer;
	line-height:26px;
	letter-spacing:1px;
}
#menu .mc a:hover {
	background:url(../images/link_r.jpg) right top no-repeat;
	color:#fff;
}
#menu .mc a .link_l {
	height:26px;
	float:left;
	background:none;
	padding:0 13px 0 8px;
	display:block;
}
#menu .mc a:hover .link_l {
	background:url(../images/link_l.jpg) no-repeat left;
	color:#fff;
}
.top_menu {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
#menu .logo {
	width:235px;
	height:215px;
	background:url(../images/logo.png) no-repeat;
	position:absolute;
	z-index:1;
	top:-160px;
	left:30px;
	cursor:pointer;
	z-index:2;
}
#menu .top_man {
	width:88px;
	height:170px;
	background:url(../images/top_man.png) no-repeat;
	position:absolute;
	z-index:1;
	top:-120px;
	left:870px;
	z-index:2;
}
.submenu{ height:39px; position:absolute; z-index:4; top:260px; padding-top:13px; line-height:39px}
.submenu_content{ position:relative;}
.submenu ul{ float:left;background:url(../images/menu_06.png) no-repeat left;_background:url(../images/menu_06.gif) no-repeat left; height:39px; padding:0px 0 0px 15px;position:relative}
.submenu li{ display:inline; line-height:39px; padding-left:15px; position:relative}
.sub_r{ height:39px; width:13px; background:url(../images/menu_07.png); float:left;position:relative}
#sub_row{ position:absolute; width:68px; height:13px;background:url(../images/menu_03.png) no-repeat center bottom;_background:url(../images/menu_03.gif) no-repeat center bottom; top:261px;_top:260px; z-index:5}
.submenu a{ color:#666;}
.submenu a:hover{ color:#F60;}
.li_bg1{ background:url(../images/sub_l_2.jpg) no-repeat 5px top ;}
.li_bg2{ background:url(../images/sub_l_1.jpg) no-repeat 5px top ;}
.menu_sub1{ left:50px;}
.menu_sub2{ left:100px;}
.menu_sub3{ left:180px;}
.menu_sub4{ left:300px;}
.menu_sub5{ left:340px;}
.menu_sub6{ left:470px;}
.menu_sub7{ left:520px;}
.menu_sub8{ left:350px;}
.menu_sub9{ left:350px;}
.row_sub1{ left:60px;}
.row_sub2{ left:170px;}
.row_sub3{ left:260px;}
.row_sub4{ left:350px;}
.row_sub5{ left:440px;}
.row_sub6{ left:530px;}
.row_sub7{ left:630px;}
.row_sub8{ left:730px;}
.row_sub9{ left:810px;}
.top_menu_link {
	float:right;
	background:url(../images/top_menu_b.png) repeat-x;
	height:26px;
	padding-right:10px;
	padding-top:7px;
	letter-spacing:1px;
*letter-spacing:2px;

}
.top_menu img {
	float:right;
}
.top_menu_link a {
	color:#666
}
.top_menu_link a:hover {
	color:#000
}
.sh_l {
	width:8px;
	height:8px;
	background:url(../images/sh_l.jpg) no-repeat;
	position:absolute;
	left:-9px;
	bottom:0;
	_bottom:-9px;
}
.sh_r {
	width:8px;
	height:8px;
	background:url(../images/sh_r.jpg) no-repeat;
	position:absolute;
	right:-9px;
	bottom:0;
	_bottom:-9px;
}
/*左欄*/
.box {
	position:relative;
	margin-bottom:5px;
}
.box dd {
	text-align:center;
	padding:5px 0;
}
.box_1 dt {
	height:62px;
	background:url(../images/title_1.jpg) no-repeat;
}
.box_1{background:#fff url(../images/aa/title_4_b.jpg) no-repeat bottom left;}
.box_2 dt {
	height:62px;
	background:url(../images/title_2.jpg) no-repeat;
}
.box_2{background:#fff url(../images/aa/title_4_b.jpg) no-repeat bottom left;}
.box_3 dt {
	height:62px;
	background:url(../images/title_3.jpg) no-repeat;
}
.box_3{background:#fff url(../images/aa/title_4_b.jpg) no-repeat bottom left;}
.box_4 dt {
	height:62px;
	background:url(../images/title_4.jpg) no-repeat;
}
.box_4 dd img{ border:1px solid #ccc;}
.box_4 dd img:hover {
	border:1px solid #83c5e2;
}
/*右欄*/
.box_5 dt {
	height:62px;
	background:url(../images/title_5.jpg) no-repeat;
}
.box_5{background:#fff url(../images/aa/title_4_b.jpg) no-repeat bottom left;}
.box_5 dd{ padding:0 10px;}
.box_5 dd img {
	padding:2px;
	border:1px solid #ccc;
	margin:3px;
	background:#fff;
}
.box_5 dd img:hover {
	border:1px solid #83c5e2;
}
.box_5 dd{ text-align:left}
.box_6 dt {
	height:35px;
	background:url(../images/title_6.jpg) no-repeat;
}
.box_6 {
	background:#e9d6f7 url(../images/title_6_2.jpg) no-repeat bottom left; padding-bottom:15px; 
}
.box_6 dd {
	position:relative;
	border-bottom:1px dashed #fff;
	text-align:left;
	padding:5px;
	margin-bottom:5px;
}

.box_6 dd img {
	padding:2px;
	border:1px solid #ccc;
	margin-right:5px;
	background:#fff;
}
.box_6 dd img:hover {
	border:1px solid #83c5e2;
}
.box_6 dd p.content{ margin-top:5px;}
.box_6 dd p.date{ color:#9881a9}
.box_6 .more{ padding-right:5px; margin-bottom:5px;}
.box p img{border:0px solid #ccc; background:none; float:none}
.box p img:hover{border:0px solid #ccc;}
.box_7 dt {
	height:62px;
	background:url(../images/title_7.jpg) no-repeat;
}
.box_7 dd img{ border:1px solid #ccc;}
.box_7 dd img:hover {
	border:1px solid #83c5e2;
}
.box_8 dt {
	height:35px;
	background:url(../images/title_8.jpg) no-repeat;
}
.box_8 {
	background:#c3e7ed url(../images/title_8_2.jpg) no-repeat bottom left;padding-bottom:15px;
}
.box_8 dd{ text-align:left; padding-left:30px; background:url(../images/dot.jpg) no-repeat 10px top;border-bottom:1px dashed #fff;}
.box_9 dt {
	height:62px;
	background:url(../images/aa/title_4.jpg) no-repeat;
}
.box_9 {
	background:#fff url(../images/aa/title_4_b.jpg) no-repeat bottom left;
}
.box_9 dd{ text-align:center;}

.box_10 dt {
	height:62px;
	background:url(../images/aa/title_7.jpg) no-repeat;
}
.box_10 {
	background:#fff url(../images/aa/title_4_b.jpg) no-repeat bottom left; margin-top:10px;
}
.box_10 img{ border:1px solid #ccc;}
.box_10 dd{ text-align:center;}
/*中欄*/
.news{ width:420px; height:188px; background:url(../images/blackboard.jpg) no-repeat; padding:30px; margin-bottom:10px; position:relative; margin-top:20px;}
.news_title{ height:25px; background:url(../images/newstitle.jpg) no-repeat}
.news ul{ margin-bottom:10px; list-style-type:disc; color:#FFF}
.news p{ color:#f4e600; font-size:16px; font-weight:bold; border-bottom:1px solid #fff; padding:5px 0;}
.news li{ font-size:14px; border-bottom:1px dashed #fff; padding:3px 0; margin-left:1em;}
.news li a{ color:#fff;}
.news li a:hover{ color:#6CF;}
.more{ text-align:right;}
.more img{padding:0px;border:0px solid #ccc;}
.thanks{ margin-bottom:10px; position:relative; width:480px;}
.thanks img{ padding:5px; border:1px solid #ccc; margin-right:12px;}
.thanks img:hover {
	border:1px solid #83c5e2;
}
.mov{ width:480px; height:260px; background:url(../images/mov.jpg) no-repeat; margin-bottom:10px;}
.rank{ position:relative; margin-bottom:10px; width:480px; height:447px;}
.rank .rank_title{ height:62px; background:url(../images/rank.jpg) no-repeat; margin-bottom:10px;}
.rank .rank_tab{padding-left:20px; position:relative;}
.rank .rank_tab img{ margin:0 2px; position:absolute; top:15px;}
.rank .rank_tab img.tab_1{ left:30px;}
.rank .rank_tab img.tab_2{ left:146px;}
.rank .rank_tab img.tab_3{ left:262px;}
.rank_content{ background:url(../images/rank_b.jpg) no-repeat bottom left #fff; padding-bottom:20px; width:480px; position:absolute; top:116px; z-index:2;}
.rank_content .rank_content_t{ height:9px; background:url(../images/rank_t.jpg) no-repeat;}
.rank_content_list{ width:220px; float:left; margin:0px 5px 0px 10px; padding:5px 0; border-bottom:1px dashed #ddd; color:#666; height:76px; overflow:hidden;}
.rank_content_list img {
	padding:2px;
	border:1px solid #ccc;
	margin-right:5px;
	float:left;
	background:#fff;
}
.rank_content_list img:hover {
	border:1px solid #83c5e2;
}
.rank_date{ padding-left:10px; color:#666}
.rank_content p.more{ padding-right:10px; margin-top:20px}
.rank_content p.date{ color:#ff873f}
.rank_content p.content{ margin-top:5px;}

.rank_tab_content{ position:relative; float:left; width:480px;height:306px;}
#vcastr3{ margin-top:30px; margin-left:80px;}
/*footer*/
/*加入會員*/
.box_one{ width:700px; margin:0 auto; position:relative;}
.join_ttle{height:62px; background:url(../images/join_title.jpg) center no-repeat}
.join_box{ background:url(../images/content_b.jpg) repeat-y center; margin-top:10px; position:relative}
.join_box .box_t{ height:14px; background:url(../images/content_t.jpg) no-repeat top;}
.join_box .box_b{ height:14px; background:url(../images/content_bottom.jpg) no-repeat bottom;}
.mem_table td{ padding:5px; border-bottom:1px dashed #ccc;}
.mem_table td input{ border:1px solid #999; background:#fff;}
.mem_table td a{ color:#FF6600}
.mem_table td a:hover{ color:#000}
.mem_table td .tip{ color:#267ba3}
.send{ text-align:center; margin-top:10PX;}
.send input{ background:url(../images/btn_bg.jpg) no-repeat; width:180px; height:40px; text-align:center; line-height:40px; border:0; color:#FFFFFF}
/*會員登入*/
.login_title{height:62px; background:url(../images/mem_center_title.jpg) center no-repeat}
.login_table{background:#e4f6ff;}
.login_table input{ border:1px solid #999; background:#fff;}
.login_btn{ text-align:center; margin-top:3PX;  border-bottom:0px dashed #ccc;}
.login_btn input{ background:url(../images/btn2_bg.jpg) no-repeat; width:115px; height:30px; text-align:center; line-height:30px; border:0; color:#FFFFFF}
.join_btn{margin-top:10px;text-align:center;padding-top:10px; border-top:1px dashed #ccc;}
.mem_login_tb td{padding:8px;}
.welcome h2{height:40px;line-height:40px; font-size:16px;background:url(../images/welcome_bg.jpg) no-repeat; color:#fff; padding-left:10px;font-weight:bold; }
.welcome p{padding:5px;line-height:1.5em; }
/*忘記密碼*/
.fpwd_title{height:62px; background:url(../images/fpwd.jpg) center no-repeat}
.fpwd_table td{padding:8px;border-bottom:1px dashed #ccc;}
.fpwd_table input{ border:1px solid #999; background:#fff;}
.fpwd_table .tip{ color:#FF6600; font-weight:bold}
/*修改密碼*/
.mem_center_menu p{height:40px;line-height:40px; font-size:16px;background:url(../images/men_center_btnbg.jpg) no-repeat; color:#fff; padding-left:10px;font-weight:bold;margin-bottom:15px;}
.mem_center_menu p a{color:#fff;}
.mem_center_menu p:hover{background:url(../images/men_center_btnbg2.jpg);}
.tb_title{color:#1785b8;font-weight:bold;font-size:16px;}
.repwd_table input{ border:1px solid #999; background:#fff;}
.repwd_table td{ border-bottom:1px dashed #ccc;}
p.act{background:url(../images/men_center_btnbg2.jpg);}
/*個人資料管理*/
.manager_ttle{height:62px; background:url(../images/manager.jpg) center no-repeat}
/*隱私設定*/
.secrets_ttle{height:62px; background:url(../images/secrets.jpg) center no-repeat}
.secrets_table td{border:0px;border-bottom:1px dashed #ccc;padding:8px;}
.secrets_table th{ background:#82a328; color:#fff;padding:8px; text-align:center}
.secrets_table td .tip{ color:#267ba3; font-weight:bold;}
.secrets_table tr:hover{background:#eee;}
/*寫感恩*/
.write_l{background:#fff url(../images/write_l_bg.jpg) repeat-y}
p.top{ height:11px; background:url(../images/write_l_t.jpg) no-repeat;display:block; overflow:hidden;}
p.bottom{ height:11px; background:url(../images/write_l_b.jpg) no-repeat; margin-bottom:10px; display:block;overflow:hidden;}
.write_l .images{ text-align:center;}
.write_l .images img{ padding:5px; border:1px solid #ccc;}
.write_l .write_con{ padding:0 10px;}
.write_l .write_con li{ padding:5px 10px; border-bottom:1px dashed #ccc;}
.write_l .color1{ color:#e94609; font-weight:bold}
.write_l .write_con p{ padding:5px 0;}
#left .btn{ margin:5px 0;}
.friends_list{ padding:0 13px; position:relative}
.friends_list a{ width:35px; height:35px;padding:3px; border:1px solid #ccc; margin:3px; text-align:center; display:inline-block;float:left;*float:none}
.write_ttle{height:62px; background:url(../images/write_title.jpg) center no-repeat}
.fri_list td{ text-align:center;}
.fri_list td img{padding:3px; border:1px solid #ccc; margin:2px;}
/*感恩簡介*/
.a01_ttle{height:62px; background:url(../images/a01.jpg) center no-repeat}
.box_con{ padding:0 10px; position:relative}
.a01{ line-height:25px;}
.a01 h2{ color:#F60; font-size:16px; font-weight:bold; padding:10px 0; border-bottom:1px solid #ccc;}
.a01 p { color:#03C}
.a01_title2{height:62px; background:url(../images/a01_2.jpg) center no-repeat}
.a01_title3{height:62px; background:url(../images/a01_3.jpg) center no-repeat}
/*什麼是3q125*/
.a02_title{height:62px; background:url(../images/a02.jpg) center no-repeat}
.a02 p{ padding:5px 10px; line-height:1.5em;}
.a02 .tip2{ font-size:14px; color:#FF6600; font-weight:bold;}
.a02 .tip{color:#069;}
.a02 img{ margin-top:10px;}
.a02 ul{ list-style-type:disc; padding:0 10px;}
.a02 ul li{ padding:5px; border-bottom:1px dashed #ccc; color:#006699}
/*歷年感恩護照*/
.a03_title{height:62px; background:url(../images/a03.jpg) center no-repeat}
.a03{ width:700px;}
.a03 td .tip{ color:#267ba3; font-weight:bold;}
/*感恩護照*/
.b01_title{height:62px; background:url(../images/b01.jpg) center no-repeat}
.cover{}
.cover td,.cover th{ padding:8px; border-bottom:1px dashed #ccc; border-left:1px dashed #ccc;}
.cover th{ font-weight:bold; text-align:center; font-size:16px}
.cover td img{ padding:3px; border:1px solid #ccc;}
/*內頁左欄*/
.l_title1{ height:62px; background:url(../images/l_title1.png) no-repeat; margin-bottom:10px}
.login_l li{ padding:5px; text-align:center; border-bottom:1px dashed #ccc;}
.login_l{ padding:0 10px;}
.login_l input{ border:1px solid #999; background:#fff;}
/*朋友管理*/
.friend_title{height:62px; background:url(../images/friend.jpg) center no-repeat}
.fribox{ margin-top:10px; position:relative}
.fribox li{ float:left; width:155px; overflow:hidden; border:1px solid #ccc; margin:5px;}
.fribox li img{ padding:3px; border:1px solid #ccc; float:left; margin:5px;}
/*分享下載*/
.i01_title{height:62px; background:url(../images/i01.jpg) center no-repeat}
.i01 { margin-top:10px;}
.i01 td{ padding:8px; text-align:center}
.i01 td td{ text-align:left; padding:5px; border-bottom:1px dashed #ccc;}
.i01 td td img{ padding:0;}
.i01 td img{ padding:3px; border:1px solid #ccc;}
.i01_title2{ font-weight:bold; color:#F60}
.i01_tab{ border-bottom:1px solid #666; width:600px; margin:0 auto}
.i01_tab a{ padding:10px; background:#069; color:#fff; margin-right:10px; display:inline-block}
.i01_tab a:hover{background:#F60;}
.i01b { margin-top:10px;}
.i01b td{ padding:8px; border-bottom:1px dashed #ddd;}
.i01 td img{ padding:3px; border:1px solid #ccc;}
.i01_title2{ font-weight:bold; color:#333}
.i01_title2 a:hover{ color:#393}
.write_l .leftmenu{ padding:0 10px;}
/*.write_l .leftmenu li{ padding:10px 10px 10px 15px; border-bottom:1px dashed #ccc;background:url(../images/dot3.jpg) no-repeat left 13px; }
.write_l .leftmenu li:hover{ background:url(../images/dot4.jpg) no-repeat left 13px;}*/
.write_l .leftmenu li{padding:10px 10px 10px 0px;border-bottom:1px dashed #ccc;_border-bottom:0px dashed #ccc;}
.write_l .leftmenu li a{padding-left:15px;  background:url(../images/dot3.jpg) no-repeat; line-height:20px; }
.write_l .leftmenu li a:hover{background:url(../images/dot4.jpg) no-repeat;}
.write_l .leftmenu p{padding:10px 10px 10px 10px;border-bottom:1px dashed #eee; display:block;}
.write_l .leftmenu p a{ color:#777;background: none;padding-left:0px; }
.write_l .leftmenu p a:hover{ color:#F60;background: none;}
.write_l h1{ padding:10px 25px; font-weight:bold; color:#039; letter-spacing:1px;}
.submenu,#sub_row{ display:none;}
.i02_title{height:62px; background:url(../images/i02.jpg) center no-repeat}
.i03_title{height:62px; background:url(../images/i03.jpg) center no-repeat}
.i04_title{height:62px; background:url(../images/i04.jpg) center no-repeat}
.i05_title{height:62px; background:url(../images/i05.jpg) center no-repeat}
.i03 td{ padding:8px;border-bottom:1px dashed #ccc;}
.i03 td img{border:1px solid #ccc;}
.i05 td{ padding:8px;border-bottom:1px dashed #ccc;}
/*個人頁面*/
.me_title{height:62px; background:url(../images/me.jpg) center no-repeat}
.me_box{ position:relative; padding:0 2px}
.me_box li{ border-bottom:1px dashed #ccc; padding:10px;}
.me_box .me_con{ min-height:60px;}
.me_box .me_date{ text-align:right; color:#F60; padding:5px 0;}
.me_box li h3{ color:#F60; font-weight:bold; font-size:16px; margin-bottom:5px;}
.me_box li img{ padding:3px; border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:10px; background:#fff}
.post{ text-align:right; padding-right:10px; margin-top:5px;}
.page{ text-align:center; line-height:3em;}
.page a{ padding:0 5px; color:#069;}
.page a:hover{ color:#000}
.me_bg{ background:#FED}
.add{ margin-bottom:10px;}
/*誰在感恩*/
.who_title{height:62px; background:url(../images/new_msg.jpg) center no-repeat}
.who{ width:680px; margin:0 auto;}
.who td{min-height:120px; padding:3px;}
.who td .pp{margin-bottom:10px;}
.who .people{color:#F60; font-weight:bold;font-size:12px;padding:5px 0;}
.who_box{ height:83px; background:url(../images/whothanksbg.jpg) left no-repeat #77cee0; width:640px; padding-left:60px; margin-bottom:10px; padding-top:30px;}
.me_box td img{ padding:3px; border:1px solid #ccc; background:#fff}
.who_box img{ padding:2px; background:#fff; margin:3px;}
.nickname{ color:#006699; font-weight:bold;}
.search{ padding:10px 0; text-align:right;}
.search input{ border:1px solid #999; background:#fff; margin:0 5px;}
/*誰在線上*/
.online_title{height:62px; background:url(../images/online.jpg) center no-repeat}
.blogpaste{ text-align:center;}
.blogpaste img{ border:1px solid #ccc; margin-bottom:10px;}
.online{ padding:0 30px; margin:0 auto;}
.online img{ padding:3px; border:1px solid #ccc; margin:6px;}
/*部落格貼紙*/
.b05_title{height:62px; background:url(../images/b05.jpg) center no-repeat}
.b05_tb td{ padding:5px; text-align:center; width:33%;}
.b05_tb td img{ padding:3px; border:1px solid #ccc;}
.b05_tb td textarea{ border:1px solid #999; background:#fff;}
.blogpaste_code{ width:186px;}
.blog_code_btn{ width:30px; display:none; }
/*名人說感恩*/
.g01_title{height:62px; background:url(../images/g01.jpg) center no-repeat}
.g01{ padding:0 10px;}
.g01 li{ float:left; width:140px;padding:10px 10px 10px 15px; border-bottom:1px dashed #ccc;background:url(../images/dot3.jpg) no-repeat left 13px; cursor:pointer}
.g01 li:hover{background:url(../images/dot4.jpg) no-repeat left 13px;}
#mv_box{ padding:10px;}
.desc{ margin:10px;}
.desc p{ font-size:16px; color:#FF6600; font-weight:bold}
.g02_title{height:62px; background:url(../images/g02.jpg) center no-repeat; line-height:70px; font-size:16px; font-weight:bold; color:#360; padding-left:60px;}
.g03_title{height:62px; background:url(../images/g03.jpg) center no-repeat; line-height:70px; font-size:16px; font-weight:bold; color:#360; padding-left:60px;}
.g02 h1{ font-size:16px; font-weight:bold; color:#930; padding:10px;}
.g02 p{ font-size:12px; font-weight:bold; color:#F60; padding:10px; border-bottom:1px solid #ccc;}
.g02 .g_contnet{ line-height:1.5em; color:#333; font-weight:normal; letter-spacing:1px; padding:0 10px; margin-top:10px;}
.g02 .g_contnet .tip{ color:#363; font-weight:bold}
.g02 .g_contnet h4{ padding:1em 0;}
.g02{ min-height:210px;}
/*會員守則*/
.qa_title{height:62px; background:url(../images/qa.jpg) center no-repeat}
.qa_box{ width:900px; margin:0 auto;}
.qa_box h1{ background:url(../images/DOT2.jpg) no-repeat left 7px;; height:30px; border-bottom:1px solid #999; font-size:16px; font-weight:bold; line-height:30px; padding-left:20px; color:#069; cursor:pointer;}
.qa_box h1:hover{ background:url(../images/DOT5.jpg) no-repeat left 7px;;}
.qa_box .qa_con{ padding:10px; width:880px;}
.qa_box .qa_con h2{ font-weight:bold; color:#F60; border-bottom:1px dashed #eee; padding:5px;}
.qa_box .qa_con p{ border-bottom:1px dashed #ccc;padding:5px; line-height:1.3em;}
.qabg2{ background:#eee;}
/*感恩活動簡介*/
.c01_title{height:62px; background:url(../images/c01.jpg) center no-repeat}
.c01{ line-height:1.5em; padding:10px; letter-spacing:1px; width:680px;}
.c01 p{ font-size:16px; font-weight:bold; color:#069;  background:url(../images/DOT2.jpg) no-repeat left 20px; padding:20px 0 5px 20px; border-top:1px dashed #ccc;}
.c01 .style1{ font-weight:bold; color:#F60; padding:5px 0;}
.c01 .style2{ font-weight:bold; color:#39C; padding:5px 0;}
.c02_title{height:62px; background:url(../images/c02.jpg) center no-repeat}
.c01 ul{ list-style-type:disc; padding-left:1em;}
.c01 li{ padding:10px 0px; border-top:1px dashed #ccc; letter-spacing:0; color:#360 }
.a02_table td{ padding:5px; margin:2px; border-right:1px solid #eee; color:#069}
/*種子營*/
.d03_title{height:62px; background:url(../images/d03.jpg) center no-repeat}
.d03{ line-height:1.5em;}
.d03 p{ font-weight:bold; color:#FF6600; padding:10px 0; letter-spacing:1px;}
.d03 h2{ font-size:16px; font-weight:bold; color:#006699; padding:10px 0;}
.d04_title{height:62px; background:url(../images/d04.jpg) center no-repeat}
/*感恩網路活動公告*/
.newsa_title{height:62px; background:url(../images/newsa.jpg) center no-repeat}
.newsa2_title{height:62px; background:url(../images/newsa2.jpg) center no-repeat; line-height:70px; font-size:16px; font-weight:bold; color:#360; padding-left:60px;}
.newsb_title{height:62px; background:url(../images/newsb.jpg) center no-repeat}
.newsb2_title{height:62px; background:url(../images/newsb2.jpg) center no-repeat; line-height:70px; font-size:16px; font-weight:bold; color:#03C; padding-left:60px;}
.news_list li{ padding:10px 10px 10px 20px; border-bottom:1px dashed #ccc;background:url(../images/dot2.jpg) no-repeat left 13px; position:relative; clear:both; height:1em; }
.news_list li:hover{ background:#f3f3f3f3}
.news_list li a{ float:left;}
.news_list li p{ float:right; color:#999999}
.news_list li:hover{background:url(../images/dot5.jpg) no-repeat left 13px;}
.news_date{ text-align:right; padding:10px; color:#999; font-weight:bold;}
/*搜尋結果*/
.search_title{height:62px; background:url(../images/search_title.jpg) center no-repeat}
.search_con{ position:relative; padding:0 2px; margin-left:2px; min-height:120px;}
.search_con li img{ padding:3px; border:1px solid #ccc; margin-bottom:10px; background:#fff;}
.search_con li img:hover{ border:1px solid #FF6600}
.search_con li a:hover{ color:#FF6600}
.search_con li{ width:128px; padding:10px 22px 10px 22px; float:left; position:relative; border-bottom:1px dashed #ccc; text-align:center; overflow:hidden; height:140px;}
.search_con li .pp{margin-bottom:10px; text-align:center;}
.search_con li .add{ text-align:center; padding:5px;}
.search_con li .add img{padding:0px; border:0px solid #ccc; width:79px; height:22px; }
/*感恩臉譜*/
.g_title{height:62px; background:url(../images/g.jpg) center no-repeat}
/*教師專區*/
.i06_title{height:62px; background:url(../images/i06.jpg) center no-repeat}
/*點亮感恩地圖*/
.f01_title{height:62px; background:url(../images/f01.jpg) center no-repeat}
/*感恩花園*/
.f04_title{height:62px; background:url(../images/f04.jpg) center no-repeat}
/*感恩人氣王*/
.e01_title{height:62px; background:url(../images/e01.jpg) center no-repeat}
/*感恩達人王*/
.e02_title{height:62px; background:url(../images/e02.jpg) center no-repeat}
/*感恩耐力王*/
.e03_title{height:62px; background:url(../images/e03.jpg) center no-repeat}
/*歷年感恩回顧*/
.c05_title{height:62px; background:url(../images/c05.jpg) center no-repeat}
.c05_2008_title{height:62px; background:url(../images/c05_2008.jpg) center no-repeat}
.c05_2007_title{height:62px; background:url(../images/c05_2007.jpg) center no-repeat}
.c05_2006_title{height:62px; background:url(../images/c05_2006.jpg) center no-repeat}
.c05_2005_title{height:62px; background:url(../images/c05_2005.jpg) center no-repeat}
.c05{ margin-top:10px; padding:0 20px}
.c05 li{ position:relative; padding:10px; border-bottom:1px solid #bbb; min-height:128px;}
.c05 h4 {font-size:16px; font-weight:bold; color:#069; padding:10px; background:#E7ECF5}
.c05 li h4{ background:none; padding:0; margin:0;}
.c05 li h4 a{ font-size:16px; font-weight:bold; color:#069; padding:10px; display:block;border-bottom:1px dashed #ccc; margin-left:140px;}
.c05 li h4 a:hover{ color:#F60}
.c05 p{padding:10px;}
.c05 li p{   line-height:1.5em;}
.c05 li img{ float:left; border:1px solid #999; padding:3px; background:#fff; margin-right:10px;}
.c05 li a{ padding:0;}
.pic_table td{ padding:3px;}
.pic_table img{border:1px solid #999; padding:3px; background:#fff; }
/*有品運動*/
.j01_title{height:62px; background:url(../images/j01.jpg) center no-repeat}
.j01list_title{height:62px; background:url(../images/j01_list.jpg) center no-repeat; line-height:70px; font-size:16px; font-weight:bold; color:#360; padding-left:60px;}
/*歷屆感恩心活動簡介*/
.a03_con{ line-height:1.3em; letter-spacing:1px;}
.a03_con h2{ font-size:16px; font-weight:bold; color:#069; padding:5px;}
.a03_con .a03_content_title1{ font-weight:bold; color:#F60}
.a03_con p{ padding:4px 0;}
.a03_con img{ padding:5px; border:1px solid #ccc;}
.a03_con .pic{ float:left; margin-right:10px; margin-bottom:10px;}
.a03_con .a03_content_title2{ font-weight:bold; color:#390}
.a03_2004_title{height:62px; background:url(../images/a03_2004.jpg) center no-repeat}
.a03_2005_title{height:62px; background:url(../images/a03_2005.jpg) center no-repeat}
.a03_2006_title{height:62px; background:url(../images/a03_2006.jpg) center no-repeat}
.a03_2007_title{height:62px; background:url(../images/a03_2007.jpg) center no-repeat}
.a03_2008_title{height:62px; background:url(../images/a03_2008.jpg) center no-repeat}
.a03_con td{ padding:3px;}
/*心情指數紀錄*/
.mood_title{height:62px; background:url(../images/mood_title.jpg) center no-repeat}
/*教師專區*/
.g04_title{height:62px; background:url(../images/g04.jpg) center no-repeat}
.g04{ position:relative; width:700px; margin:0 auto;}
.g04 li{ width:140px; text-align:center; float:left; position:relative; margin:10px 0;}
.g04 li img{ padding:4px; border:1px solid #ccc;}
.g04 li img:hover{ border:1px solid #F60;}
.g04 li p{ padding:5px;}
.g04_list{ width:700px; position:relative; margin:0 auto;}
.g04_list_t{ line-height:1.5em;margin-top:10px;color:#666; position:relative; *min-height:140px;}
.g04_list_tl{ width:100px; text-align:center; float:left; position:relative; margin:0 10px 10px 0;position:relative;}
.g04_list_tl img{ padding:4px; border:1px solid #ccc;}
.g04_list_tl img:hover{ border:1px solid #F60;}
.g04_list_tl p{ padding:5px;}
.g04_list p.tt{ padding:5px 0; border-bottom:1px dashed #ccc}
.g04_list .uc_content{ padding:10px 0;}
.g04_list li{ padding:10px 10px 10px 0px; border-bottom:1px dashed #ccc; position:relative; clear:both;height:1em; }
.g04_list li:hover{ background:#f3f3f3f3}

.g04_list li p{ float:left; color:#666; margin-left:10px; margin-top:0; padding-top:0; display:block}
.g04_list li:hover{background:url(../images/dot5.jpg) no-repeat left 13px;}
.g04_date{ text-align:right; padding:10px; color:#999; font-weight:bold;}
.tab_bar{border-bottom:1px solid #666; *height:28px;}
.tab_bar a{width:80px; padding:7px;float:left;position:relative;text-align:center;margin-right:10px;background:#E3EEEE;cursor:pointer;color:#000; display:block}
.tab_bar a:hover{ background:#069; color:#fff}
.tab_bar a.act{background:#069; color:#fff}
.tab_bar a.unact{background:#E3EEEE;color:#000;}
.i06 td{ padding:7px;}
.i06 td a{ color:#F60;}
.i06 td a:over{ color:#000}
.i06 th{ padding:7px; background:#069; color:#fff;}
.i07_title{height:62px; background:url(../images/i07.jpg) center no-repeat}
.teach_title{height:62px; background:url(../images/g04.jpg) center no-repeat}
/*人氣排行榜*/
.e01 .date_bar{ padding:10px 0 10px 370px;*padding:10px 0 20px 370px;}
.e01 .date_bar img{ float:left;}
.e01 .date_bar p{float:left; height:20px; line-height:20px; color:#ff8a00}
.e01 .e01_rank{ width:100%}
.e01 .e01_rank td{ padding:5px; border-bottom:1px dashed #ccc; text-align:center;}
.e01 .e01_rank td.user_image a{ padding:3px; border:1px solid #ccc; display:block; width:60px; height:60px; margin:0 auto;}
.e01 .e01_rank td.user_image a:hover{border:1px solid #000;}
.e01 .e01_rank td.name a{ color:#069;}
.e01 .e01_rank td.name a:hover{ color:#000}
.e01 .e01_rank th{ padding:10px 5px; background:#069; color:#fff;text-align:center;}
/*教師專區*/
.tech_box{ padding:10px 20px;}
.att_up{ color:#F60}
.att_down{ color:#bbb}
.g04_add{ padding:10px 20px;}
.g04_add h3{ padding:5px 0; border-bottom:1px solid #ccc;}
.g04_add p{ padding:5px 0; border-bottom:1px dashed #ccc;}
.g04_add p a{ color:#069;}
.g04_add h3 input,.g04_add p input{ border:1px solid #ccc;}
.teach_upload{padding:5px 0;border-bottom:1px dashed #ccc;}
.teach_upload input{ border:1px solid #ccc;background:#fff}
.add_box{padding:10px;}
.g04_file p a{ color:#069;}
.news_content p{ margin-bottom:1em;}
/*感恩電子報*/
.edm_title{height:62px; background:url(../images/edm_title.jpg) center no-repeat}
.edm_list p{ padding:10px 5px; font-size:16px; font-weight:bold; color:#F60; letter-spacing:2px;}
.edm_list .edm_table th{ padding:8px; background:#069; color:#FFF;border:1px solid #ddd;}
.edm_list .edm_table td{ padding:8px; border:1px solid #ddd;}
.edm_list .edm_table td a{ color:#F60}
.edm_list .edm_table td a:hover{ color:#000;}
/*簡訊*/
.sms_title{height:62px; background:url(../images/sms_title.jpg) center no-repeat}
.g04_list .edm_table th{ padding:8px; background:#83a328; color:#FFF;border:1px solid #ddd;}
.g04_list .edm_table td{ padding:8px; border:1px solid #ddd;}
.g04_list .edm_table td a{ color:#F60}
.g04_list .edm_table td a:hover{ color:#000;}
.g04_list p.ttt{ padding:5px 0}
.g04_list p.ttt span{ color:#F60; font-weight:bold}
/*投票*/
.vote_title{height:62px; background:url(../images/vote.jpg) center no-repeat}
.vote_title2{height:62px; background:url(../images/voto2.jpg) center no-repeat}
.vote_box .vote_t{ position:relative;  margin-top:10px;}
.vote_box .vote_t img{ float:left; border:1px solid #ccc;}
.vote_box .vote_t dl{ float:left; width:488px; margin-left:10px;}
.vote_box .vote_t dl dd{ border-bottom:1px solid #eee; padding:8px 0;}
.vote_box .vote_t dl dd .vote_tt{ color:#F60; font-weight:bold}
.vote_box .vote_t dl dd input{ border:1px solid #069; background:#069; color:#fff}
.vote_box .vote_table{ margin-top:10px;}
.vote_box .vote_table th{ padding:8px 5px; background:#069; color:#FFF;border:1px solid #ddd; text-align:center}
.vote_box .vote_table td{ padding:5px; border:1px solid #ddd; text-align:center}
.vote_box .vote_table td a{ color:#F60}
.vote_box .vote_table td a:hover{ color:#000;}
.vote_box .vote_table td img{ border:1px solid #ccc;}
.vote_box .vote_table td input{ border:1px solid #069; background:#069; color:#fff}
.vote_box .vote_table td.vote_tbname{ color:#F60; font-weight:bold}
/*投票列表*/
.votelist_title{height:62px; background:url(../images/votelist.jpg) center no-repeat}
.vote_box .vote_t2{ width:50%; float:left; position:relative;  margin-top:10px;}
.vote_box .vote_t2 img{ float:left; border:1px solid #ccc; width:130px; height:130px;}
.vote_box .vote_t2 dl{ float:left;  margin-left:10px;}
.vote_box .vote_t2 dl dd{ border-bottom:1px solid #eee; padding:5px 0;}
.vote_box .vote_t2 dl dd .vote_tt{ color:#F60; font-weight:bold}
.vote_box .vote_t2 dl dd input{ border:1px solid #069; background:#069; color:#fff}
.vote_box .vote_table2{ margin-top:10px;}
.vote_box .vote_table2 td{ padding:5px; border-bottom:1px solid #ddd; text-align:center}
.vote_box .vote_table2 td a{ color:#F60}
.vote_box .vote_table2 td a:hover{ color:#000;}
.vote_box p.tab{ float:left; width:100px; padding:10px; text-align:center; background:#DDE8EA; color:#000; margin-right:5px; margin-top:10px; cursor:pointer}
.vote_box p.tab_on{ background:#069; color:#FFF}
.e01 .e01_title2{ padding:5px; font-weight:bold; color:#069}
.e01 .e01_title3{ padding:5px; color:#333}
/*問券調查*/
.qsurvey_title{height:62px; background:url(../images/qsurvey_title.jpg) center no-repeat}
.qsurvey_box .qsurvey_01{ padding:10px; background:#069; color:#fff; margin-top:10px;}
.qsurvey_box .qsurvey_01 p{ text-align:right; color:#FF0}
.qsurvey_box .qsurvey_02{ padding:5px; font-weight:bold}
.qsurvey_box .qsurvey_03{ padding:5px; background:#069; color:#fff}
.qsurvey_box td{ padding:5px; border-bottom:1px dashed #ccc;}
.qsurvey_box td input,.qsurvey_box td textarea { border:1px solid #ccc; margin:1px;}
.qsurvey_box td.f_style,.qsurvey_box td span.f_style{ color:#036}
/*徵文*/
.article_title{height:62px; background:url(../images/article_title.jpg) center no-repeat}
.article_box {margin-top:10px;}
.article_box h2{ color:#069; font-weight:bold;padding:5px 0;}
.article_box h2 span{ font-weight:normal; color:#333}
.article_box p{  line-height:2em;}
.article_box p a{ color:#393;}
.article_box p a:hover{ color:#069;}
.article_box .style1{ font-weight:bold; color:#393}
/*感恩教室*/
.cr_title{height:62px; background:url(../images/ca_title.jpg) center no-repeat}
.classroom {margin-top:10px; position:relative;}
.classroom .tab{ width:700px; margin:0 auto;}
.classroom .tab li{ width:145px;  padding:10px; background:#069; color:#fff; cursor:pointer; margin-right:10px; float:left; text-align:center; letter-spacing:1px;}
.classroom .tab li.on{ background:#036; cursor:auto;}
.classroom .tab li:hover{ background:#090}
.classroom .content{ line-height:2em; margin:10px auto; width:700px;}
.classroom .content .con_box{ width:468px; float:left;}
.classroom .content .con_box h1{ background:#eee; font-size:16px; color:#360; font-weight:bold; padding:5px;}
.classroom .content .con_box h3{ font-size:12px; color:#F60; font-weight:bold;padding:5px;}
.classroom .content .con_box p{ padding:5px 0}
.classroom .content .con_box p a{ color:#069;}
.classroom .content .con_box p.hightline{ color:#C00}
.classroom .content img{ float:right; padding:5px; border:1px solid #ccc; margin:0 10px;}
.cr_writebox{ width:700px; margin:0 auto;position:relative;}
.cr_writebox td{ padding:5px; border-bottom:1px dashed #ddd;}
.cr_writebox input,.cr_writebox select,.cr_writebox textarea{ border:1px solid #ccc; padding:5px;}
.pra_title{height:62px; background:url(../images/Pra_title.jpg) center no-repeat}
.parpre_title{height:62px; background:url(../images/parpre_title.jpg) center no-repeat}

/*感恩預覽*/
.cr_prewbox{width:950px; margin:0 auto;position:relative;}
.cr_prewbox td{ padding:3px 3px; line-height:1.5em; }
.cr_prewbox td td{border:1px solid #BED5E4; }
.cr_prewbox td p{ padding:5px; background:#fff; color:#000; margin-bottom:5px;}