﻿/*bag_box layout*/
.bag_box{ width:986px; overflow:hidden; margin-top:7px; text-align:center;}
.bag_box .bag_box_tit{ width:986px; height:30px;}
.bag_box .bag_box_c{ width:986px; overflow:hidden; background:url(../images/bag_box_bg.gif) repeat-y; padding-bottom:7px;}
.bag_box .bag_box_bot{ width:986px; height:10px; background:url(../images/bag_box_btbg.gif) no-repeat; overflow:hidden;}
#bag_dd .bag_box_tit{ background:url(../images/bag_box_tit1.gif) no-repeat;}
#bag_gm .bag_box_tit{ background:url(../images/bag_box_tit2.gif) no-repeat;}
#bag_tj .bag_box_tit{ background:url(../images/bag_box_tit3.gif) no-repeat;}
.bag_box .bag_box_tit a{ float:right; line-height:24px; margin:5px 30px 0 0; _display:inline; color:Red;}

/*table booklist*/
#booklist{ width:935px; text-align:left; float:left; margin:5px 0 0 25px; _display:inline;}
#booklist th{ color:#666; background:url(../images/bag_tablebg1.gif) repeat-x; height:35px; line-height:35px;}
#booklist td{ line-height:35px; color:#666;}
#booklist tr.e0e7eb{ background:#e0e7eb;}
#booklist th.num{ text-align:center;}
#booklist td.num{ font-size:14px; font-style:italic; font-weight:bold; color:#013ead; text-align:center;}
#booklist td.chaap{ font-size:14px; color:#F00; font-weight:bold;}
#booklist td.del a{ color:#666; text-decoration:none;}
#booklist td.del a:hover{ color:#666; text-decoration:underline;}

/*table booklist_2*/
#booklist_2{ width:935px; text-align:left; float:left; margin:10px 0 0 25px; _display:inline;}
#booklist_2 th{ color:#666; background:url(../images/bag_tablebg1.gif) repeat-x; height:35px; line-height:35px;}
#booklist_2 td{ line-height:35px; color:#666;}
#booklist_2 tr.e0e7eb{ background:#e0e7eb;}
#booklist_2 th.num{ text-align:center;}
#booklist_2 td.num{ font-size:14px; font-style:italic; font-weight:bold; color:#013ead; text-align:center;}
#booklist_2 td.chaap{ font-size:14px; color:#F00; font-weight:bold;}

/*bag_del已删除&bag_已订阅*/
#bag_del{ width:986px; overflow:hidden; margin-top:7px;}
#bag_del_t,#bag_del_t2{ width:986px; height:53px; overflow:hidden; background:url(../images/bag_delbg1.gif) no-repeat;}
#bag_del_t2{ background:url(../images/bag_delbg4.gif) no-repeat;}
#bag_del_c{ width:986px; background:url(../images/bag_delbg2.gif) repeat-y; overflow:hidden; padding-bottom:5px;}
#bag_del_b{ width:986px; height:8px; overflow:hidden; background:url(../images/bag_delbg3.gif) no-repeat;}

#booklist_del{ width:935px; text-align:left; float:left; margin:0px 0 0 25px; _display:inline; float:left;}
#booklist_del th{ color:#666; height:26px; line-height:22px;}
#booklist_del td{ color:#666; height:26px; line-height:26px;}
#booklist_del th.num{ text-align:center;}
#booklist_del td.num{ font-size:14px; font-style:italic; font-weight:bold; color:#013ead; text-align:center;}
#booklist_del td.chaap{ font-size:14px; color:#F00; font-weight:bold;}

#bag_del_c ul{ width:900px; float:left; overflow:hidden; text-align:left; margin:0 0 0 40px; _display:inline;}
#bag_del_c ul li{ width:429px; float:left; line-height:24px; padding-left:20px; color:#666;}
#bag_del_c ul li.leftline{ border-left:#999 solid 1px;}

/*table booklist_js*/
#booklist_js{  width:935px; text-align:right; float:left; margin:10px 0 0 25px; _display:inline;}
#booklist_js td{ padding:0 5px 0 0; vertical-align:bottom; line-height:28px;}
#booklist_js .booklist_js_r{ vertical-align:middle;}
#booklist_js .booklist_js_r span{ float:left; text-align:right; width:340px; line-height:28px; margin:5px 0 0 0;}
#bag_nextbut,#bag_nextbut_2{ width:141px; height:34px; background:url(../images/bag_nextbut.gif) no-repeat; overflow:hidden; display:block; float:right;}
#bag_nextbut_2{ background:url(../images/bag_nextbut2.gif) no-repeat;}

/*table booklist_tj*/
#booklist_tj{ width:935px; text-align:center; float:left; margin:10px 0 0 25px; _display:inline; border-collapse:collapse;}
#booklist_tj th,#booklist_tj td{ color:#666; background:#f2f2f2; line-height:26px; border:#dadada solid 1px; }
#booklist_tj td{  background:#fff; }
#booklist_tj td.booklist_tj_ck{ text-align:left; line-height:22px; padding-left:10px;}
#booklist_tj td.booklist_tj_ck label{ width:70px; display:block; float:left; margin:2px 0 0 0;}
.bag_fr{ width:87px; height:21px; display:block; background:url(../images/bag_fangru.gif) no-repeat; margin:0 0 0 25px; float:left; _display:inline;}

/*ul booklist_tjb*/
#booklist_tjb{ width:980px; margin:0px 0 0 0px; _display:inline; padding-left:0;}
#booklist_tjb li{ width:139px; float:left; margin:15px 0px 0 20px; _margin:15px 0px 0 19px; _display:inline; text-align:left; cursor:pointer;}
#booklist_tjb li a{ width:123px; padding:8px; border:#FFF solid 1px; background:#fff; line-height:16px; color:#666; display:block;}
#booklist_tjb li a:hover{ border:#dddddd solid 1px; color:#013ead; text-decoration:none; background:#f9f9f9; zoom:1;}
#booklist_tjb li a img{ margin-bottom:6px; padding:3px; border-bottom:#acacac solid 1px; border-left:#dddddd solid 1px; border-right:#acacac solid 1px; border-top:#dddddd solid 1px;}
#booklist_tjb li a span{  height:16px; line-height:16px; overflow:hidden; text-align:center; display:block; cursor:pointer; color:#666;}
#booklist_tjb li a:hover span{ color:#013ead;}


/*bag_cg 订阅成功*/
#bag_cg .bag_box_tit{ background:url(../images/bag_box_tit5.gif) no-repeat;}
#bag_box_c_cg{}
#bag_box_c_cg #face{ margin:15px 0 0 0;}
#bag_box_c_cg #space{ width:151px; height:36px; display:block; float:right; background:url(../images/bag_nextbut5.gif) no-repeat; margin:10px 15px 0 0;}
#bag_box_c_cg #back{ width:143px; height:36px; display:block; float:right; background:url(../images/bag_nextbut4.gif) no-repeat; margin:10px 30px 0 0;}
#bag_cg_tit{ width:930px; height:22px; border-bottom:#ccc dashed 1px; margin:25px 0 0 27px; _display:inline; text-align:left;}
#bag_cg_tit span{ line-height:18px; padding-left:5px; font-size:12px; font-weight:bold; color:#777;}

/*other*/
.line_ds{ width:935px; margin:5px 0 0 25px; _display:inline; height:1px; border-bottom:#CCC dashed 1px; float:left; overflow:hidden;}
.back_button{ width:141px; height:34px; background:url(../images/bag_backbutton0619.gif) no-repeat; overflow:hidden; display:block; float:left;}


/*登录and确认支付*/
#alert{ width:450px; height:350px;background:url(../images/loginboxbg_2.png) no-repeat; z-index:1000;position:absolute;display:none;}
#alert .title{ width:100%; height:24px; float:left;}
#alert .title .titlename,#alert .title .titlename2{ line-height:24px; font-weight:bold; margin:3px 178px 0 190px; font-size:14px; color:#666; float:left;}
#alert .title .titlename2{ margin:5px 165px 0 180px;}
#close{ width:36px; height:11px; background:url(../images/closebuttbg.png) no-repeat left top; cursor:pointer; float:left; margin-top:9px;}
#close:hover{ background:url(../images/closebuttbg.png) no-repeat left bottom; cursor:pointer;}
.alertbox h2,.alertbox h3{ font-size:12px; color:#666; line-height:22px; margin:12px 0 15px 0; display:block; float:left; padding-left:20px; font-weight:normal;}
#alertbox_1{ width:350px; float:left; margin:50px 0 0 50px; padding-bottom:20px; display:inline; background:url(../images/alertbox_1bg.png) no-repeat left top; border-bottom:#CCC dashed 1px;}
#alertbox_2{ width:350px; float:left; margin:50px 0 0 50px; padding-bottom:20px; display:inline; background:url(../images/alertbox_2bg.png) no-repeat left top; border-bottom:#CCC dashed 1px;}
.alertbox p{ font-size:12px; line-height:28px; text-align:left; color:#F60; text-align:left; padding-left:70px;}
.alertbox p strong{ color:#666; font-size:14px;}
#alertbox_1 #paybutt{ width:125px; height:32px; background:url(../images/paybutt_3.png) no-repeat; display:block; float:right; margin:10px 40px 0 0;}
#alertbox_2 #paybutt2,#alertbox_2 #paybutt3{ width:125px; height:32px; background:url(../images/paybutt_4.png) no-repeat; display:block; float:right; margin:10px 30px 0 0;}
#alertbox_2 #paybutt3{ background:url(../images/paybutt_5.png) no-repeat;}
.alertbox table{ width:410px; float:left; margin-left:20px; display:inline;}
.alertbox table th{ width:130px; font-size:12px; text-align:right; line-height:26px; padding:4px; font-weight:normal; color:#666;}
.alertbox table td{ width:300px; font-size:12px; text-align:left; line-height:38px; padding:2px; font-weight:normal;}
.alertbox table .passid{ width:180px; height:18px; border:#d5e4ec solid 1px; padding:2px 4px 2px 3px;}
.inputover,.inputout,.inputon{ width:180px; height:18px; border:#8fb26e solid 1px; padding:2px 4px 2px 3px;}
.inputout{ border:#d5e4ec solid 1px}
.inputon{ background:#f9fdf5;}
.alertbox table td a{ float:left; display:block;}
#submit{ width:76px; height:28px; float:left; background:url(../images/loginbutt1.gif) no-repeat; display:inline; margin:0 20px 0px 20px;}
.submit3{ margin:0 0 0px 0; color:#06C; text-decoration:underline;}
.submit3:hover{ color:#F60;}
.alertbox table .td2{ border-top:#999 dashed 1px; color:#666; text-align:left; width:400px;}
.alertbox table .td2 span{ float:left;}
.alertbox table .td2 span a{ width:80px; color:#06C; text-decoration:underline;}
.alertbox table .td2 span a:hover{ color:#F60; text-decoration:underline;}
#submit2{ width:101px; height:28px; background:url(../images/loginbutt2.gif) no-repeat; margin:0 0 0 100px; display:inline;}



/*subscribed*/
.subscribed{ width:898px; float:left; margin:10px 0 0 18px; _display:inline; background-color:#f1f8ff; border:#a6d9ff solid 1px; background-image:url(../images/yidingyuebutt2.png); background-position:20px 20px; background-repeat:no-repeat; padding:12px 0; overflow:hidden;}
.subscribed h1{ font-size:12px; color:#3366cc; text-align:left; margin-left:70px; font-weight:normal; float:left; _display:inline;}
.subscribed .subscribedlist{ width:800px; float:left; margin:13px 0 0 55px; _display:inline;}
.subscribed .subscribedlist li{ text-align:left; height:24px; line-height:24px;}
.subscribed .subscribedlist li span{ float:left; color:#999;}
.subscribed .subscribedlist li .num{ width:25px; font-size:14px; color:#999; margin-left:15px;}
.subscribed .subscribedlist li .booknames{ width:370px; text-align:left; overflow:hidden;}
.subscribed .subscribedlist li a{ color:#999;}
.subscribed .subscribedlist li a:hover{ color:#999; text-decoration:underline;}
.subscribed .subscribedlist li .booktype{ width:150px;}


