@charset "utf-8";
/*
	author:tom
	created:071219
	updated:071227
*/

/*b-1*/
.b-1 { border:1px solid #be0700; margin-bottom:15px; }

/*b-2*/
.b-2 { margin-bottom:15px; }

/*b-3*/
.b-3 { border:1px solid #f7ddb4; margin-bottom:15px; }

/*b-4*/
.b-4 { border:1px solid #9baab9; margin-bottom:15px; }

/*t-1*/
.t-1 { background:url(../images/module/t-1-bg.gif) no-repeat center right; color:#333; font:bold 12px Verdana; height:27px; line-height:27px; padding-left:10px; }

/*t-2*/
.t-2 { font:bold 12px Verdana; line-height:17px; height:17px; padding-left:10px; background:url(../images/common/h2-bg.jpg) left no-repeat top; }

/*t-3*/
.t-3 {
	font-size:13px; background:url(../images/module/t-3-bg.gif) repeat-x; height:26px; line-height:26px; padding-left:10px;
	border-bottom:1px solid #e0dfdf; color:#00992a;
}

/*tab-1	index*/
.tab-1 { float:left; width:100%; }
.tab-1 ul { height:25px; line-height:25px; background:url(../images/module/tab-1-bg.gif) repeat-x center bottom; border:1px solid #9baab9; border-bottom:0; }
.tab-1 li { display:inline; }
.tab-1 a { float:left; text-decoration:none; padding:0 10px 0; border-right:1px solid #9baab9; }
.tab-1 a span { float:left; display:block; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab-1 a span { float:none; }
/* End IE5-Mac hack */
.tab-1 a:hover span { color:#74675B; }
.tab-1 .on a { border-left:1px solid #e0dfdf; border-right:1px solid #e0dfdf; background:#fff; color:#000; }
.tab-1 .first a { border-left:0; }

/*m-1*/
.m-1 ul { padding:10px; font-weight:bold; }
.m-1 li { margin-bottom:3px; }

/*m-2*/
.m-2 ul { padding:10px; }
.m-2 li { margin-bottom:3px; }

/*m-3*/
.m-3 ul { padding:10px; }
.m-3 li { margin-bottom:3px; background:url(../images/common/li-1.gif) no-repeat 0 5px; padding-left:10px; }

/*m-4*/
.m-4 .p1 { padding:10px; }

/*m-5*/
.m-5 form { padding:10px; }
.m-5 form label { display:block; font-weight:bold; margin-top:4px; color:#666; }
.m-5 form .btn-1 { margin-top:6px; }
.m-5 form .p1 { margin-top:6px; }
.m-5 form span { font-size:11px; color:#666; }

/*m-6*/
.m-6 ul { padding:10px; }
.m-6 li { clear:both; width:98%; margin-bottom:6px; }
.m-6 li img { float:left; }
.m-6 li h3 { font-size:11px; font-weight:normal; color:#666; margin-left:26px; }
.m-6 li h3 strong { font-size:13px; }

/*m-7	index*/
.m-7 ul { padding:10px; }
.m-7 li { clear:both; width:98%; padding-bottom:15px; min-height:105px; }
.m-7 li img { width:100px; height:100px; float:left; border:1px solid #e4e4e4; padding:2px; }
.m-7 li h3 { font-size:12px; color:#666; font-weight:normal; margin-left:120px; margin-bottom:5px; }
.m-7 li h3 strong { font-size:13px; }
.m-7 li p { margin-left:120px; }
.m-7 li .p1 { color:#333; margin-bottom:5px; }
.m-7 li .p2 { color:#666; }
.m-7 li .p2 a { color:#666; }

/*m-8*/
.m-8 .cell { clear:both; width:97%; margin:0 auto; }
.m-8 dl { float:left; width:48%; margin-left:5px; }
.m-8 dt { font-weight:bold; }
.m-8 dd { margin-bottom:5px; }

/*m-9	index*/
.m-9 li { clear:both; width:89%; padding:5px 10px; margin:0 auto; min-height:40px; }
.m-9 .one { background:#d5eece; }
.m-9 .two { background:#e2f3dc; }
.m-9 .three { background:#ebf7e8; }
.m-9 li img { width:35px; height:35px; border:1px solid #e4e4e4; padding:2px; float:left; }
.m-9 li h3 { font-size:12px; font-weight:normal; margin-left:50px; }
.m-9 li p { font-size:11px; color:#666; margin-left:50px; margin-top:3px; }

/*m-10*/
.m-10 ul { padding:10px; }
.m-10 li { margin-bottom:3px; background:url(../images/common/li-1.gif) no-repeat 0 8px; padding:3px 0 3px 10px; border-bottom:1px solid #ddd; }

/*m-11*/
.m-11 div { width:95%; margin:10px auto 0; }
.m-11 .pic { border:1px solid #e4e4e4; padding:2px; float:left; width:92px; }
.m-11 h3 { font-size:13px; margin-left:110px; margin-bottom:5px; }
.m-11 p { margin-left:110px; font-size:11px; color:#333; }
.m-11 ul { margin:10px; clear:both; }
.m-11 li { margin-bottom:3px; background:url(../images/common/li-1.gif) no-repeat 0 8px; padding:1px 0 1px 10px; }

/*m-12*/
.m-12 table{ border-collapse:collapse; width:100%}
.m-12 .t1 th{ font-weight:normal; color:#666; padding-right:25px}
.m-12 .t1 span{ display:block; width:143px; height:34px; text-align:center; background:url(../images/module/m-12/botton-01.gif) no-repeat; margin:0 5px}
.m-12 .t1 span a{ color:#000; padding-top:10px; display:block}
.m-12 .t2 th,.m-12 .t2 td{ border-bottom:1px solid #ddd; padding:5px 0;}
.m-12 .star img{ padding:0 2px}
.m-12 .t2{ margin:10px 0; width:100%}
.m-12 .t2 td{ padding:0 20px;}
.m-12 .t2 .last{ border-bottom:0}
.m-12 .last a{ color:#ff0000; padding-left:10px; text-decoration:underline}
.m-12 .t3{ text-align:center}
.m-12 .t3 img{ padding:0 2px; vertical-align:middle}
.m-12 .t3 a{ padding:0 10px 0 5px;}

/*m-13*/
.m-13 .cont1{text-align:center; width:136px; padding:10px}
.m-13 .cont2 { margin-left:145px; padding:10px}
.m-13 .cont2 p{ padding-bottom:20px; line-height:1.5}
.m-13 .botton{ margin:0 auto; width:310px; }
.m-13 .botton span{display:block; width:143px; height:34px; text-align:center; background:url(../images/module/m-12/botton-01.gif) no-repeat; float:left; padding:0 5px}
.m-13 .botton span a{ color:#000; padding-top:10px; display:block}

/*m-14*/
.m-14 h3{ font-size:18px;}
.m-14 table{ border:1px solid #98d289;border-collapse: collapse; margin:1px}
.m-14 th{ height:25px; color:#fff; background:url(../images/module/m-14/theader-bg.gif) repeat-x; padding:0 10px}
.m-14 td{ padding:10px;border-bottom:1px solid #98d289;border-right:1px solid #98d289}
.m-14 td a{ font-weight:bold}
.m-14 .td1 img{ width:85px; height:64px}
.m-14 .last{ border-right:0; text-align:center}
.m-14 .last a{ margin:0 5px; padding-top:13px}
.m-14 .a1{background:url(../images/module/m-14/down.gif) no-repeat center top;}
.m-14 .a2{background:url(../images/module/m-14/buy.gif) no-repeat center top; }

/*m-20*/
.m-20 { padding:0 10px 10px 10px; height:1%; }
.m-20 h2 {float:left;line-height:40px;font-size:16px;}
.m-20 h3 {font-size:13px; float:left; line-height:20px;}
.m-20 p { line-height:1.5em; margin:10px 0 4px;}
.m-20 .key {font-size:11px; color:#666;}
.m-20 .key a { color:#666; }
.m-20 .filter{ float:right; margin-top:8px; }
.m-20 .filter li {float:left;display: block;line-height:20px;width:55px;height:20px;margin:0 4px 0;text-align: center; border: 1px solid #FFCC99; background: #fff;}
.m-20 .filter li.on {background: #FFEEDD;}
.m-20 .filter a { color:#333;}
.m-20 table {width: 100%; border-collapse:collapse; }
.m-20 img {width:100px;height:92px;margin:5px;border:1px solid #999;}
.m-20 tr { padding-bottom:50px; vertical-align: top;}
.m-20 tr.bg {background:#efefef;}
.m-20 td.c { width:70%; color:#333;}
.m-20 td.c span { font-size:11px; line-height:2em; line-height:20px; color:#666;}
.m-20 td.r {width:15%;height:50%;text-align:center;background:url(../images/module/m-20/btn-1-bg.gif) no-repeat center top;}
.m-20 .btn li {display: block; width:64px; height:23px; background:url(../images/module/m-20/btn-1-bg.gif) no-repeat; margin:15px 15px 0px 15px; text-align:center; line-height:23px;}
.m-20 .btn a { color:#333; }

/*m-21*/
.m-21 { padding:0 10px 10px; height:1%; font-size:11px; }
.m-21 b { font-weight:normal;}
.m-21 table { width:100%; border-collapse:collapse; text-align:left; margin:15px 0 10px; }
.m-21 td {border-bottom: 1px solid #F3F3F3; }
.m-21 h1 {font-size:2em; line-height:2em;border-bottom: 1px solid #F3F3F3;}
.m-21 img.pic {width:240px; height:180px; padding:0 10px 10px; }
.m-21 .center { text-align:center;}
.m-21 .delline {text-decoration: line-through;}
.m-21 .download { float:left; background:url(../images/module/m-21/download.gif) no-repeat; height:34px; display:block; line-height:34px; }
.m-21 .link a {color:#FFFFFF;text-decoration: none;font-weight: bold; line-height:34px;}
.m-21 .buy { float:left;background:url(../images/module/m-21/buy.gif) no-repeat; width:80px; height:34px; display:block; line-height:34px; padding-left:20px; margin-left:15px; }

/*m-22*/
.m-22 { padding:0 10px 10px; height:1%; }
.m-22 h2 { color:#666; font-size:1.5em; line-height:2em;border-bottom: 1px solid #F3F3F3;}
.m-22 p { line-height:1.6em; padding:15px 0 15px; width:600px}

/*m-23*/
.m-23 { padding:0 10px 10px; height:1%; }
.m-23 h2 { color:#666; font-size:1.5em; line-height:2em;border-bottom: 1px solid #F3F3F3;}
.m-23 ul {list-style: disc; margin-left:20px; padding-top:10px;}
.m-23 li { line-height:1.8em;}

/*m-24*/
.m-24 { padding:0 10px 10px; height:1%; background:url(../images/module/m-24/bg01.gif) repeat-x bottom;}
.m-24 h2 { color:#666; font-size:1.5em; line-height:2em;border-bottom: 1px solid #F3F3F3;}
.m-24 li { width:300px; float:left; margin:0 10px 0; padding:10px 0 10px;}
.m-24 h3 a { font-size:13px; line-height:1.5em}
.m-24 ul li img { width:48px; height:34px; float:left; margin:10px;}
.m-24 p { margin-left:68px; line-height:1.5em;}

/*m-50*/
.m-50 { padding:10px; height:100%; }
.m-50 img { float:right; width:100px; border:1px solid #ccc; padding:2px; margin-left:10px; }
.m-50 h2 { font-size:22px; margin-bottom:10px; }
.m-50 p { line-height:1.5; }
.m-50 .p2 { font-weight:bold; margin-top:10px; }

/*m-51 index,*/
.m-51 { border:1px solid #ccc; height:30px; padding-top:2px; clear:both; }
.m-51 a { cursor:pointer; }
.m-51 span { padding:2px 5px; background:#ddd; display:block; float:left; border:1px solid #ccc; margin:3px; }
.m-51 .on span { background:#060; color:#fff; }
.m-51 a:hover span { border:1px solid #000; }

/*.table*/
.table{ margin-bottom:10px; color:#666}
.table h1{ font-size:16px; margin-bottom:8px; color:#039}
.table .first-line{ height:20px; padding:5px; text-align:center; font-weight:bold }
.table .title{ width:120px; padding:5px;}
.table .title a{ color:#36c;}
.table .desc{ padding:3px 6px; line-height:17px;}
.table .desc a{ text-decoration:underline}
.table .img{ width:75px; height:65px; padding:3px;}
.table .price{ color:#900; padding:0 3px;}
.table .buy{ text-align:center; width:50px;}
.table .buy a{ color:#00f; text-decoration:underline;}


/*bookmark*/
#bookmark { margin:20px;}
#bookmark h4{ font-size:13px; margin-bottom:10px;}
#bookmark a{ float:left; margin-right:10px;}

.b-2{ border:#ccc solid 1px;}

.b-2 li a{ background:#f5f5f5; padding:3px;}
.b-2 li span{ color:#f00; background:#f2f2f2; font-size:11px; padding:3px;}

