/**

Theme Name: Techtrack

author URI: http://techtrack.com.cn

Version: 6.0

author: Steve

Description: CMS theme,3 colum

Coder: Steve (Stevejin@live.com)

Release date: 2010.5.1

*/

/*--=reset--*/

html { color:#333; background:#FFF; height:100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }

fieldset, img { border:0; }

caption, em, strong, th { font-style:normal; font-weight:normal; }

li { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%;

}

body { font:12px/1.5 "Lucida Grande", arial, helvetica, clean, sans-serif; }

select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }

/*--=common class--*/

body{_word-break:break-all;}

.hl { color:#F60!important; }

.hl2 { color:#A71F24!important; }

.hb { font-weight:bold; color:#FF6600 !important; }

.hb2 { font-weight:bold; color:#A71F24 !important; }

.loud{color:#000!important;}

.quiet{color:#666!important;}

.lower { color:#999!important; }

.h{color:#CE0E0E!important; }

.blod { font-weight:bold; }

.clearfix:after { content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }

.clearfix { zoom: 1; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.block { display:block; }

.nowrap { white-space:nowrap; }

.fl { float:left; _display:inline; }

.fr { float:right; _display:inline; }

.tr { text-align:right; }

.tl { text-align:left; }

.tc { text-align:center; }

.bor1 { border:1px solid #E4E4E4; }

.bbd { border-bottom:1px dotted #E4E4E4; }

.btd { border-top:1px dotted #E4E4E4; }

.mt10 { margin-top:10px; }

.mb10 { margin-bottom:10px; }

.mb5 { margin-bottom:5px; }

.ml10 { margin-left:10px; }

.ml5{margin-left:5px;}

.mr5 { margin-right:5px; }

.mr10 { margin-right:10px; }

.ml0 { margin-left: 0!important; }

.mr0 { margin-right: 0!important; }

.p5 { padding:5px; }

.vm{vertical-align:middle;}

.f12{font-size:12px;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.relative{position:relative;}

#hd .relative{z-index:15;}

.absolute{position:absolute;}

cite{ float:right; text-align:right; font-style:normal;}

/*--=links--*/

a { color:#666; text-decoration:none; }

a:hover { text-decoration:underline; }

a:hover, a:active, a:focus { color:#F60; }

a.a1{color:#0077FF; text-decoration:none;}

a.a1:hover{text-decoration:underline;}

a.a2 { color:#0077FF; text-decoration:underline; }

a.a2:hover{ color:#F60; }

/*--=buttons--*/

.btn3 { display:-moz-inline-stack; display:inline-block; padding:0 2px 0 0; background:url(images/btn03.png) no-repeat 100% 0; *display:inline;

}

.btn3 a, .btn3 input { display:-moz-inline-stack; display:inline-block; height:23px; line-height:23px; padding:0 18px 0 20px; background:url(images/btn03.png) no-repeat 0 0; color:#666; }

.btn3 a:hover { color:#666; text-decoration:none; }

.btn4 { display:-moz-inline-stack; display:inline-block; padding:0 2px 0 0; background:url(images/btn04.png) no-repeat 100% 0; *display:inline;

}

.btn4 a, .btn4 input { display:-moz-inline-stack; display:inline-block; height:23px; line-height:23px; padding:0 18px 0 20px; background:url(images/btn04.png) no-repeat 0 0; color:#FFF; }

.btn4 a:hover { color:#FFF; text-decoration:none; }

/*--=layout--*/

body { height:100%; }

.wrap { width:950px; margin-left:auto; margin-right:auto; }

.col_2_a { float:left; width:200px; }

.col_2_b { float:right; width:740px; }



.wrap, .gwrap, .col_2_a, .col_2_b { *zoom:1;

}

.wrap:after, .gwrap:after, .col_2_a:after, .col_2_b:after { content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }

.gwrap { margin-left: auto; margin-right: auto; width: 960px; }

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16, .grid17, .grid18, .grid19, .grid20, .grid21, .grid22, .grid23, .grid24 { _display: inline; float: left;  }

.gwrap .grid1 { width: 30px; }

.gwrap .grid2 { width: 70px; }

.gwrap .grid3 { width: 110px; }

.gwrap .grid4 { width: 150px; }

.gwrap .grid5 { width: 190px; }

.gwrap .grid6 { width: 230px; }

.gwrap .grid7 { width: 270px; }

.gwrap .grid8 { width: 310px; }

.gwrap .grid9 { width: 350px; }

.gwrap .grid10 { width: 390px; }

.gwrap .grid11 { width: 430px; }

.gwrap .grid12 { width: 470px; }

.gwrap .grid13 { width: 510px; }

.gwrap .grid14 { width: 550px; }

.gwrap .grid15 { width: 590px; }

.gwrap .grid16 { width: 630px; }

.gwrap .grid17 { width: 670px; }

.gwrap .grid18 { width: 710px; }

.gwrap .grid19 { width: 750px; }

.gwrap .grid20 { width: 790px; }

.gwrap .grid21 { width: 830px; }

.gwrap .grid22 { width: 870px; }

.gwrap .grid23 { width: 910px; }

.gwrap .grid24 { width: 950px; }

.gwrap .prefix1 { padding-left: 40px; }

.gwrap .prefix2 { padding-left: 80px; }

.gwrap .prefix3 { padding-left: 120px; }

.gwrap .prefix4 { padding-left: 160px; }

.gwrap .prefix5 { padding-left: 200px; }

.gwrap .prefix6 { padding-left: 240px; }

.gwrap .prefix7 { padding-left: 280px; }

.gwrap .prefix8 { padding-left: 320px; }

.gwrap .prefix9 { padding-left: 360px; }

.gwrap .prefix10 { padding-left: 400px; }

.gwrap .prefix11 { padding-left: 440px; }

.gwrap .prefix12 { padding-left: 480px; }

.gwrap .prefix13 { padding-left: 520px; }

.gwrap .prefix14 { padding-left: 560px; }

.gwrap .prefix15 { padding-left: 600px; }

.gwrap .prefix16 { padding-left: 640px; }

.gwrap .prefix17 { padding-left: 680px; }

.gwrap .prefix18 { padding-left: 720px; }

.gwrap .prefix19 { padding-left: 760px; }

.gwrap .prefix20 { padding-left: 800px; }

.gwrap .prefix21 { padding-left: 840px; }

.gwrap .prefix22 { padding-left: 880px; }

.gwrap .prefix23 { padding-left: 920px; }

.gwrap .suffix1 { padding-right: 40px; }

.gwrap .suffix2 { padding-right: 80px; }

.gwrap .suffix3 { padding-right: 120px; }

.gwrap .suffix4 { padding-right: 160px; }

.gwrap .suffix5 { padding-right: 200px; }

.gwrap .suffix6 { padding-right: 240px; }

.gwrap .suffix7 { padding-right: 280px; }

.gwrap .suffix8 { padding-right: 320px; }

.gwrap .suffix9 { padding-right: 360px; }

.gwrap .suffix10 { padding-right: 400px; }

.gwrap .suffix11 { padding-right: 440px; }

.gwrap .suffix12 { padding-right: 480px; }

.gwrap .suffix13 { padding-right: 520px; }

.gwrap .suffix14 { padding-right: 560px; }

.gwrap .suffix15 { padding-right: 600px; }

.gwrap .suffix16 { padding-right: 640px; }

.gwrap .suffix17 { padding-right: 680px; }

.gwrap .suffix18 { padding-right: 720px; }

.gwrap .suffix19 { padding-right: 760px; }

.gwrap .suffix20 { padding-right: 800px; }

.gwrap .suffix21 { padding-right: 840px; }

.gwrap .suffix22 { padding-right: 880px; }

.gwrap .suffix23 { padding-right: 920px; }

.gwrap .push1 { left: 40px; }

.gwrap .push2 { left: 80px; }

.gwrap .push3 { left: 120px; }

.gwrap .push4 { left: 160px; }

.gwrap .push5 { left: 200px; }

.gwrap .push6 { left: 240px; }

.gwrap .push7 { left: 280px; }

.gwrap .push8 { left: 320px; }

.gwrap .push9 { left: 360px; }

.gwrap .push10 { left: 400px; }

.gwrap .push11 { left: 440px; }

.gwrap .push12 { left: 480px; }

.gwrap .push13 { left: 520px; }

.gwrap .push14 { left: 560px; }

.gwrap .push15 { left: 600px; }

.gwrap .push16 { left: 640px; }

.gwrap .push17 { left: 680px; }

.gwrap .push18 { left: 720px; }

.gwrap .push19 { left: 760px; }

.gwrap .push20 { left: 800px; }

.gwrap .push21 { left: 840px; }

.gwrap .push22 { left: 880px; }

.gwrap .push23 { left: 920px; }

.gwrap .pull1 { left: -40px; }

.gwrap .pull2 { left: -80px; }

.gwrap .pull3 { left: -120px; }

.gwrap .pull4 { left: -160px; }

.gwrap .pull5 { left: -200px; }

.gwrap .pull6 { left: -240px; }

.gwrap .pull7 { left: -280px; }

.gwrap .pull8 { left: -320px; }

.gwrap .pull9 { left: -360px; }

.gwrap .pull10 { left: -400px; }

.gwrap .pull11 { left: -440px; }

.gwrap .pull12 { left: -480px; }

.gwrap .pull13 { left: -520px; }

.gwrap .pull14 { left: -560px; }

.gwrap .pull15 { left: -600px; }

.gwrap .pull16 { left: -640px; }

.gwrap .pull17 { left: -680px; }

.gwrap .pull18 { left: -720px; }

.gwrap .pull19 { left: -760px; }

.gwrap .pull20 { left: -800px; }

.gwrap .pull21 { left: -840px; }

.gwrap .pull22 { left: -880px; }

.gwrap .pull23 { left: -920px; }

.push1, .push2, .push3, .push4, .push5, .push6, .push7, .push8, .push9, .push10, .push11, .push12, .push13, .push14, .push15, .push16, .push17, .push18, .push19, .push20, .push21, .push22, .push23, .pull1, .pull2, .pull3, .pull4, .pull5, .pull6, .pull7, .pull8, .pull9, .pull10, .pull11, .pull12, .pull13, .pull14, .pull15, .pull16, .pull17, .pull18, .pull19, .pull20, .pull21, .pull22, .pull23 { position:relative; }

/*--=title--*/

.h2 { padding-left:10px; background:url(images/bg-h2.png) repeat-x 0 0; font:14px/30px "Microsoft YaHei"; color:#5E554E; }

/*--=table--*/

/*--=form--*/

input.text, input.password { margin:0; padding:3px 2px 0 2px; height:18px; border:1px solid #a7a6aa; background:#FFF url(images/bg-input.png) no-repeat 0 0; }

/*--=tab--*/

/*--=pagination--*/

.pagination { text-align:right; }

/*--=crumb--*/

.crumb { width:950px; margin:5px auto; line-height:20px; font-family:Simsun; }

.crumb a { margin:0 5px; }

.crumb .hp { margin-left:0; padding-left:15px; background:url(images/ico-crumb.png) no-repeat 0 0; }

.crumb h1 { display:inline; }

/*--=overlay--*/

#login-pop .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:100; filter:alpha(opacity=40); opacity:0.4; }

#login-pop .overlay { position:absolute; top:50%; left:50%; background:#000000; z-index:110; filter:alpha(opacity=20); opacity:0.2; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#login-pop .overlaymain { position:absolute; top:50%; left:50%; background:#FFFFFF; z-index:120; }

#login-pop .overlaymain h2 { margin:0; padding:0 0 0 15px; height:30px; line-height:30px; background:#039; border:1px solid #BEB7aD; color:#FFF; font-size:12px; font-weight:bold; }

#login-pop .overlaymain .close { position:absolute; top:7px; right:10px; float:right; padding-right:15px; background:url(images/ico-close1.png) no-repeat 100% 3px; color:#FFF; }

/*--=header--*/

#hd { margin:10px auto; min-width:950px;}

#shd { margin:10px 0; padding-bottom:28px; min-width:950px;background:url(images/bg-shd.png) repeat-x 0 100%; }

#shd #hd-cart { clear:right; }

#shd #hd-cart .cart1 { width:auto; height:20px; line-height:20px; padding:0 5px 0 5px; background:url(images/feed.gif)) no-repeat 0px 2px; }

#shd #hd-cart .cart2 a { height:20px; line-height:20px; background:url(images/feed.gif) no-repeat 0 0; }

/*--remove sbumenu in mypage--*/

#shd .hd-my li.my-page{margin:0;}

#shd .hd-my li.my-page a{background:none; padding-right:0; display:block;}

.cart1 a { text-decoration:underline; }

.logo { float:left; padding-left:10px; }

.hd-my {float:right; margin:0px -10px 0 0;}

.hd-my li {float:left; padding:4px 11px 0 11px; line-height:16px;  background:url(images/sperate-line.gif) no-repeat 0 8px; *background-position:0 7px;}

.hd-my li.my-page{position:relative; z-index:11; margin:0;}

.hd-my li.my-page a{background:url(images/icon-drop-s.gif) no-repeat right 5px; padding-right:10px; display:block;}

.hd-my li.hover{border:1px solid #CCC; border-bottom:0;}

.hd-my li.bg-none{background:none;}

.hd-my li.hover a{background:url(images/icon-up-s.gif) no-repeat right 5px;}

.my-page ul{display:none; position:absolute; left:0; border:1px solid #CCC; border-top:none; top:20px; background:#FFF; width:78px; padding:2px 0 0 0; overflow:hidden; margin-left:-1px;}

.hd-my li.my-page li{float:none; padding:1px 0; margin:0; background:none;}

.hd-my li.my-page li a{display:block; padding:2px 10px; font-size:12px; background:none;}

.hd-special { float:right; clear:right; margin-top:12px; }

.hd-special li { float:left; clear:right; margin-left:20px; }

.hd-special .cs { display:none; position:relative; overflow:hidden; width:195px; height:24px; margin-top:-8px; background:url(images/bg-cs.png) no-repeat 0 0; text-indent:-99em; }

.hd-special a { overflow:hidden; float:left; height:17px; width:70px; background:url(images/bg-spe2.png) no-repeat 0 1px; text-indent:-99em; }

.hd-special .s2 a { width:95px; background-position:-55px 1px; }

.hd-special .s3 a { width:95px; background-position:-150px 1px; }

.hd-special .s4 a { width:95px; background-position:-245px 0; }

.hd-special .s5 a { width:95px; background-position:-340px 0; }

.hd-box { height:35px; margin-top:5px; border-bottom:1px solid #CDCDCD; background:#C60C0D url(images/bg-navbox.jpg) repeat-x 0 0; }

.hd-main { width:950px; height:35px; margin:0 auto; position:relative; z-index:10;}

#hd-nav { margin-left:5px; }

#hd-nav li { position:relative; float:left; line-height:21px; margin-top:8px; background: url(images/bdr-nav.gif) no-repeat 100% 0; z-index:10; }

#hd-nav a { float:left; padding-right:2px; margin:0 6px 0 4px; color:#F1F1F1; font:14px/21px Verdana; }

#hd-nav span { display:block; padding:0 7px 0 9px; }

body#hp .hp a, body#woman .woman a, body#beauty .beauty a, body#house .house a, body#kids .kids a, body#underwear .underwear a, body#shoe .shoe a, body#accessories .accessories a, body#man .man a, #hd-nav a:hover, #hd-nav a.cur { background:url(images/bg-nav.png) no-repeat 100% -21px; color:#472927; text-decoration:none; }

body#hp .hp a, body#woman .woman a, body#beauty .beauty a, body#house .house a, body#kids .kids a, body#underwear .underwear a, body#shoe .shoe a, body#accessories .accessories a, body#man .man a { cursor:default; }

body#hp .hp span, body#woman .woman span, body#beauty .beauty span, body#house .house span, body#kids .kids span, body#underwear .underwear span, body#shoe .shoe span, body#accessories .accessories span, body#man .man span, #hd-nav a:hover span, #hd-nav a.cur span { background:url(images/bg-nav.png) no-repeat 0 0; }

body#hp .hp a, body#N1 .woman a, body#FY .beauty a, body#N4 .house a, body#N5 .kids a, body#ME .underwear a, body#N3 .shoe a, body#N2 .accessories a, body#N6 .man a, #hd-nav a:hover, #hd-nav a.cur { background:url(images/bg-nav.png) no-repeat 100% -21px; color:#472927; text-decoration:none; }

body#hp .hp a, body#N1 .woman a, body#FY .beauty a, body#N4 .house a, body#N5 .kids a, body#ME .underwear a, body#N3 .shoe a, body#N2 .accessories a, bod#N6 .man a { cursor:default; }

body#hp .hp span, body#N1 .woman span, body#FY .beauty span, body#N4 .house span, body#N5 .kids span, body#ME .underwear span, body#N3 .shoe span, body#N2 .accessories span, body#N6 .man span, #hd-nav a:hover span, #hd-nav a.cur span { background:url(images/bg-nav.png) no-repeat 0 0; }

#hd-nav .hd-box .all { background:none; }

#hd-nav .all a { color:#FFCC99; }

#hd-nav .all a:hover { background:none; color:#FFCC99; }

#hd-nav .all a:hover span { background:none; }

#hd-cart { _position:relative; float:right; margin:5px 0 -4px; background:url(images/feed.gif) no-repeat 0 0; width:146px; height:28px; font-weight:600; }

#hd-cart li { float:left; }

#hd-cart li a { color:#fff; text-decoration:none; line-height:28px; overflow:hidden; }

#hd-cart li a:hover { color:#fff; text-decoration:underline; }

#hd-cart .cart1 a { display:block; width:71px; height:25px; text-indent:11px; }

#hd-cart .cart2 a { float:left; width:71px; height:25px; text-align:center; }

.hd-subbox { height:34px; background:url(images/bg-subnav.png) no-repeat 0 0; }

.hd-subnav { float:left; margin-left:20px; display:inline;}

.hd-subnav li { float:left; margin:7px 20px 0 0; font-size:14px; position:relative; }

.hd-subnav li a { float:left; padding-left:12px; background:url(images/ico-nav.png) no-repeat 0 45%; font-size:14px; }

.hd-subnav li span { margin-left:5px; vertical-align:middle; color:#F00; font-size:10px; font-family:arial; }

#hd-sr { float:right; margin:4px 2px 0 0; _display:inline; }

#hd-sr form { float:right; }

#hd-sr fieldset { float:right; padding-left:20px; background:url(images/ico-sr.png) no-repeat 5px 4px; }

#hd-sr legend { position:absolute; left:-999em; font-size:0; }

#hd-sr input { float:left; }

#hd-sr .hd-text { width:114px; height:18px; line-height:18px; padding:3px 0 0; background:#FFF; border:solid #C8C1BB; border-width:1px 0 1px 1px; }

#hd-sr .hd-sbt { overflow:hidden; width:37px; height:23px; background:url(images/bg-btn.png) no-repeat 0 0; border:none; text-indent:-9em; cursor:pointer; }

.seniorsr { float:right; margin-left:2px; line-height:23px; }

/*--=footer--*/

#help { padding:40px 0 0; margin:40px auto 10px; background:url(images/bg-help.png) repeat-x 0 0; }

#help dl { float:left; width:20%; font-size:14px; }

#help dt, #help dd { width:115px; margin:0 auto; padding-left:55px; line-height:1.6; }

#help dt { background:url(images/ico-help.png) no-repeat 45px 7px; font-weight:bold; }

#ft { padding:10px 0; text-align:center; }

#ft img { vertical-align:middle; }

#ft a { margin-right:10px; }

#ft .copyright a, .copyright a { margin-right:2px; color:#999; }

.copyright { padding:5px 0; color:#999; }

#sft { width:950px; margin:20px auto; padding-top:20px; background:url(images/bg-help.png) repeat-x 0 0; text-align:center; }

.ft-nav li { display:inline; padding:0 20px; border-left:1px solid #999; }

.ft-nav a { color:#999; }

.ft-nav .first { border:none; }

#ft div { text-align:center; }

/*--=other--*/

s, del { font-family:simsun; color:#CCC; }

#hd-nav .navp { display:none; position:absolute; left:3px; border:solid #631938; border-width:0 1px 1px; background-color:#FFFFFE; z-index:10; margin-top:20px; width:281px; }

#hd-nav .navp li { float:none; }

#hd-nav .navp a { float:none; display:block; margin:0; color:#911531; font-size:12px; font-family:Verdana, Geneva, sans-serif; width:100%; }

#hd-nav .navp .navlist { float:left; margin:6px 0; width:140px; }

#hd-nav .navp .navlist li, #hd-nav .navp .navtm li { line-height:18px; background:none; margin:0; padding:3px 0; }

#hd-nav .navp .navlist li a, #hd-nav .navp .navtm li a { padding:0; background:url(images/ico-navlist.gif) no-repeat 14px 7px; text-indent:21px; }

#hd-nav .navp .navlist li a:hover { background:#E32924; color:#fff; background:#E32924 url(images/ico-navlist_hover.gif) no-repeat 14px 7px; }

#hd-nav .navp .br1 { border-right:1px solid #F5CCCC; }

#hd-nav .navp .navtm { overflow:hidden; clear:both; padding:4px 0; background:#F5CCCC; zoom:1; }

#hd-nav .navp .navtm li { padding:0; line-height:16px; }

#hd-nav .navp .navtm li a:hover { color:#F00; }

.ico-new2 { display:none; position:absolute; top:30px; left:575px;_left:572px; width:30px; height:30px; text-indent:-9em; overflow:hidden; background:url(images/new-icon.gif) no-repeat 0 0;z-index:1;}

.ico-hot { display:block; position:absolute; left:135px;top:30px;width:30px; height:30px; text-indent:-9em; overflow:hidden; background:url(images/hot_icon.gif) no-repeat 0 0; z-index:9;}





/*** woman brand**/

.wp{ padding-left:12px;color:#6B6B6B; font-weight:600;}

#hd-nav .navp.wnav @ 
   
齙?@{鼢in-top:0; margin-bottom:1px;float:none;}

#hd-nav .brandlink{ margin-left:12px; width:105px; }

#hd-nav .brandlink a{display:block;height:23px; background:url(images/brandbg2.gif) no-repeat 0 0; color:#5B5B5B;line-height:23px; text-align:center; }

#hd-nav  .brandlink a:hover{background:url(images/brandbg2.gif) repeat-x no-repeat 0 0; }

#hd-nav .navp.wnav { width:321px; }

#hd-nav .navp.wnav .navlist.wpp { width:180px;}



/***LOGO hover backhome**/

.logo { padding-left:0; }

.logo a{ display:block; width:268px; height:55px;text-indent:-99em; overflow:hidden; background:url(images/logo-re.jpg) no-repeat 0 0;}

.logo a:hover{ background-position:0 -55px}

#hp .logo{padding-left:10px;}

#hp .logo a{ display:block; width:247px; height:45px;text-indent:0; background:none;}





/**NaV Two channel**/

.hd-special{ margin-top:18px;}

.hd-special a{ color:#796653;background:url(images/line-new.gif) no-repeat 100% 3px; text-indent:0;}

.hd-special .s4 a,.hd-special .s1 a,.hd-special .s2 a{ background-position:100% 3px;}

.hd-special .s4 a{ width:60px;}

.hd-special .s1 a{ width:60px;}

.hd-special .s2 a{ width:60px;}

.hd-special .s5 a{ width:60px;}

.hd-special li{ margin-left:10px;}

.newnav{position:absolute;top:32px;right:288px;_right:268px;}

.newnav a{ float:left;display:inline;margin-left:4px; width:90px; height:28px; color:#C50C0C; background:url(images/new-navbg.gif) no-repeat 0 0; font-size:14px; font-weight:600;line-height:28px; text-indent:20px;}

.newnav a:hover{ text-decoration:none;}



#content h3 a{color:#7B2E00;}

.title-y {background:#fff; padding:5px 5px 0px 5px; border-top:1px solid #CD2509; border-left:1px solid #CD2509; border-right:1px solid #CD2509; }

.title-y h4{ background:#CD2509; color:#fff; padding:0px 0px 0px 10px;font-family:tahoma; font-size:14px;}

.title-y h4 a{ background:#CD2509; color:#fff; font-family:tahoma; font-size:14px;}

.title-y ul.btnr {float:right; list-style:none;}

.title-y ul.btnr li {background:#CD2509; float:left;}

.title-y ul.btnr li a{background:#CD2509;color:#fff; display:block;  padding:0px 10px 0px 0px; font-family:tahoma; font-size:14px;}

.list-y{border-bottom:1px solid #CD2509; border-left:1px solid #CD2509; border-right:1px solid #CD2509;  margin-bottom:5px; padding-bottom:4px;background:#ffffff;}

.list-y h2{text-align:center; margin:0px ; line-height:20px; padding-top:10px;font-size:14px; font-family:tahoma; color:#003399;}

.list-y h2 a{color:#039;}

.list-y h2 a:hover{color:#f60;}

.list-y p{text-indent:2em; color:#666; padding:0 10px;}

.list-y ul.list{padding:0px; margin-top:0px; list-style:none;}

.list-y ul.list li{background:url(images/ico2.gif) no-repeat 10px 14px; padding-left:25px; font-size:12px; padding-top:5px;line-height:20px; font-family:tahoma;}

.list-y ul.list li span,.list-b ul.list li span{float:right; color:#666; font-size:12px; padding-right:6px; font-family:"藥胎";}

.list-y ul.list li span a,.list-b ul.list li span a{color:#039;}

.list-y ul.list li span a:hover,.list-b ul.list li span a:hover{color:#f60;}

.text1{line-height:20px; }

.list-y ul.listc li{background:url(images/ico2.gif) no-repeat 10px 10px; padding-left:25px; font-size:14px; line-height:20px; font-family:tahoma;}



.list-y1{border:1px solid #CD2509; background:#ffffff;}

.list-y1 h2{text-align:center; margin:0px auto 3px; line-height:20px; padding-top:10px;font-size:14px; font-family:tahoma; color:#003399;}

.list-y1 h2 a{color:#039;}

.list-y1 h2 a:hover{color:#f60;}

.list-y1 p{text-indent:2em; color:#666; padding:0 10px;}

.list-y1 ul.list{padding:7px 0; margin-top:5px; list-style:none;}

.list-y1 ul.list li{background:url(images/ico2.gif) no-repeat 10px 14px; padding-left:25px; font-size:12px; line-height:20px; font-family:tahoma;}

.list-y1 ul.list li span,.list-b ul.list li span{float:right; color:#666; font-size:12px; padding-right:6px; font-family:"藥胎";}

.list-y1 ul.list li span a,.list-b ul.list li span a{color:#039;}

.list-y1 ul.list li span a:hover,.list-b ul.list li span a:hover{color:#f60;}

.list-y1 ul.listc li{background:url(images/ico2.gif) no-repeat 10px 14px; padding-left:25px; font-size:14px; line-height:20px; font-family:tahoma;}



.box-style1{ clear:both; width:950px; overflow:hidden; margin:6px auto;}

.box-style2{ clear:both; width:950px; overflow:hidden; margin:0 auto;}



.footlink{ width:950px; background:#ffff;}

.footlink .link-con{ width:920px;}

.footlink .link-con li{ width:100px; float:left; line-height:20px;overflow:hidden;}

.mtit{ background:#CD2509; padding-left:10px; height:26px; line-height:26px; font-size:13px; font-weight:bold;color:#fff;}

.mtit cite{ background:#CD2509; height:26px; padding-right:8px; font-weight:normal; font-size:12px; color:#fff;}

.mtit cite a{ background:#CD2509; height:26px; padding-right:8px; font-weight:normal; font-size:12px; color:#fff;}

.mcon{ border:solid #CD2509 1px; border-top:0; padding:10px;}



.midd-l{ width:220px; float:left;}

.midd-m{ width:494px; float:left;}

.midd-r{ width:220px; float:right;}



#myjQuery {

	float:left;padding-right: 5px; padding-left: 5px; background: #CD2509; padding-bottom: 5px; overflow: hidden; width: 486px; padding-top: 5px; position: relative; height: 278px;

}

#myjQueryContent {

	border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; overflow: hidden; border-left: #ffffff 1px solid; width: 484px; border-bottom: #ffffff 1px solid; height: 228px;

}

#myjQueryContent div {

	position: absolute; height: 228px;left:6px;top:6px;

}

#myjQueryContent .smask {

	z-index: -1

}

#myjQueryContent img {

	width: 484px; height: 228px

}

#myjQueryNav {

	display: block; overflow: hidden; width: 486px; height: 48px

}

#myjQueryNav li {

	display: block; FLOaT: left; width: 120px; cursor: pointer; padding-top: 7px; height: 40px; text-align: center

}

#myjQueryNav .nbg {

	background: none transparent scroll repeat 0% 0%

}

#myjQueryNav a {

	display: block; z-index: 12; MaRGIN: 0px auto; text-transform: uppercase; width: 85px; color: #ffffff; line-height: 16px; position: relative; height: 48px

}

#myjQueryNav .current {

	background: none transparent scroll repeat 0% 0%

}

#myjQueryNav .current a {

	color: #f6821e

}

#myjQuery #flow {

	MaRGIN-top: -47px; z-index: 10; background: url(images/tj/fcurrent.gif); left: 5px; width: 120px; position: absolute; height: 47px

}



.news-list{float:left; width:676px;margin-bottom:6px; }

.news-list a{color:#039;}

.news-list a:hover{color:#f60;}

.news-list .list-y{background:none;}

.news-list .list-all{background:#f2f2f2;}

.news-list .thead{padding:6px 3px 5px 8px; background:#f0f0f0; font-family:tahoma; font-weight:bold; font-size:14px;}

.news-list .tbody{background:#f2f2f2;}

.news-list .itembox{border-bottom:1px solid #ccc; padding:10px 0; color:#333;}

.news-list .box1{padding:0 1em; font-size:14px; font-weight:bold;}

.news-list .box2{padding:0 1em; line-height:1.6em; text-indent:2em; margin-top:5px;height:80px;overflow:hidden;}

.news-list .normal .itembox{padding:8px 0 5px;}

.news-list .normal .box1{padding:0 8px; font-size:12px;}

.news-list .date{font-weight:normal; float:right; font-size:12px;}

.news-list .article{border:1px solid #CD2509;background:#fff; padding:20px; width:636px; margin-bottom:6px; overflow:hidden;}

.news-list .article h1{text-align:center; font-size:20px; font-family:tahoma; color:#c30;}

.news-list .article .desc{text-align:center; line-height:2em; color:#333; border-bottom:1px solid #CD2509;}

.news-list .article .text{ font-size:12px; line-height:20px; font-family:tahoma;  color:#222; overflow:hidden;}

.news-list .article .text p{margin:1px 0pt;}

.news-list .article .author{height:26px; line-height:26px; clear:both;}

.news-list .article #arctext a{target:expression(this.target="_blank")}



.text-info{border:0; border-top:1px solid #c7c7c7; background:#f7f7f7; padding:0 15px; margin-bottom:0;}

.text-info ul.arts li{width:156px; padding-left:0px;}

 

.aligncenter{

	text-align:center;

}



.post-line{

	border-top: 1px solid #ddd;

	padding: 5px 0px 5px 0px;

}

.post-author{

	padding: 0px 0px 0px 0px;

}

.post-tag{

	padding: 5px 0px 0px 0px;

}

.post-share{

	padding: 5px 0px 0px 0px;

}

.alignright { float:right; }



.alignleft { float:left }



/* comment and respond */

#comments {

/*	font-style:italic;*/

	font-weight:normal;

	color:#909090;

	padding-top:10px;

	padding-bottom:0px;

	font-size:12px;

	width:636px;

}

#comments h4{

/*	font-style:italic;*/

	font-weight:normal;

	color:#909090;

	padding-top:0px;

	padding-bottom:0px;

	padding-left:12px;

	font-size:12px;

}

#respond h4 {

	font-size:12px;

/*	font-style:italic;*/

	font-weight:normal;

	color:#909090;

	padding-bottom:5px;

	padding-top:0px;

}



.navigation, #respond {

	margin:12px 0px 0px 0px;

	float:left;

}



.commentlist li {

	clear:both; 

	display:block;

	margin-bottom:4px;

	border-color:#dbdbdb #dadada;

	border-style:solid;

	border-width:1px;

	overflow:hidden;

}



.commentlist li .comment-body {

	border-color:#f5f5f5 #c6c6c6 #a9a9a9 #f0f0f0;

	border-style:solid;

	border-width:1px;

	padding:11px;

}



.children li{

	margin-left:44px;

	width:auto;

	border-color:#dbdbdb #dadada;

	border-style:solid;

	border-width:1px;

	overflow:hidden;

}



.commentlist li .avatar { 

	float: left;

	border: 1px solid #eee;

	padding: 2px;

	background: #ffffff;

	margin-right:5px;

}



.commentlist cite, .commentlist cite a {

	font-style: normal;

	font-size: 12px;

	float:left;

}



.commentlist p {

	clear:both;

	line-height: 1.5em;

	padding-left: 45px;

}



#commentform input, #commentform textarea {

	background-color:#f6f6f6;

	color:#4a483d;

	font-size: 14px;

	font-weight: normal;

	border-color:#dbdbdb #dadada;

	border-style:solid;

	border-width:1px;

	padding:7px;

}



#commentform p {

	margin-bottom:6px;

}



#commentform #submit {

	background-color:#f6f6f6;

	font-size:18px;

/*	font-style:italic;*/

	color:#4c4c4c;

	padding:0 6px;

	height:37px;

	line-height:37px;

	border:1px solid #bcbcbc;

}



#commentform textarea { 

	font-size: 12px;

	font-weight: normal;	

}



/**  entry_b **/

.entry_b{

	height:80px;

	overflow:hidden;

	}



.chengjie {padding:10px 0px 10px 0px;font-weight:bold;border:2px solid #ccc;}	



.entry_related{

	padding-top:10px;

	padding-bottom:0px;

	border-top:1px solid #ddd;

	border-bottom:1px solid #ddd;

	overflow:hidden;

	}	

/**  relatedposts **/

.relatedposts {

	float: left;

	width:330px;

	height:250px;

	overflow:hidden;

}



.relatedposts h3{

	margin:0 0 10px 0;

}

.relatedposts ol li{

	line-height:23px; 

	margin:0 0 0 0px;	

}

.relatedposts a,.relatedposts a:visited {

	color: #039;

	text-decoration: none;	

}

.relatedposts a:hover, .relatedposts a:active {

	color: #f60;

}



.related-ads {

	float: left;

	width:12px;

	margin:15px 0 0 0;

	line-height:16px;

	font-size:13px; 

	font-weight:normal;

	}

.ads_code{

	float:right;

}	



.w960{

	width:956px;

	position:relative;

}

.mt1{/* ( margin-top * 1 ) */

	margin-top:0px;

}

.mt2{/* ( margin-top * 2 ) */

	margin-top:16px;

}



/* Typograpy */

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{margin:10px 0 10px 0;font-weight:bold;color:#222;}

.entry h2,.entry h1{font-size:1.25em;}

.entry h3,.entry h4{font-size:1.167em;}

.entry h5,.entry h6{font-size:1.083em;}

.entry strong{font-weight:bold;}

.entry hr{clear:both;border:none;height:1px;display:inline-block;display:block;padding:15px 0;}

.entry p{margin:0 0 20px 0;line-height:24px;text-align:left;font-size:13px; }





/*-------------code-----------------*/

.entry a{color:#039;margin:0 2px;}

.entry a:hover {color:#f60;}



.entry pre{margin:16px 0; border:1px solid #DDD;overflow:auto;background:#F7F7F7;padding:0 10px 10px 10px; white-space: pre-wrap;width:575px; }

.entry pre code{display:block;background:#F7F7F7;width:575px;}

.entry pre>code{padding-top:25px;background:#F5F7F7 url(images/pre/pxl_code.gif) 0 0 no-repeat;width:575px;}

.entry pre>code.html{background:url(images/pre/pxl_html.gif) 0 0 no-repeat;}

.entry pre>code.css{background:url(images/pre/pxl_css.gif) 0 0 no-repeat;}

.entry pre>code.javascript{background:url(images/pre/pxl_javascript.gif) 0 0 no-repeat;}

.entry pre>code.ruby{background:url(images/pre/pxl_ruby.gif) 0 0 no-repeat;}

.entry pre>code.php{background:url(images/pre/pxl_php.gif) 0 0 no-repeat;}

.entry code{font-size:13px;color:#777;width:575px;}



.copy{background:#DBECFD url(images/pre/libg2.gif) no-repeat left top;width:575px;overflow:hidden;padding-top:5px;}

.copy p{display:block;margin-bottom:0;padding:0 15px 5px 15px;width:575px;}

.copy pre{width:570px;font-size:1em;background:#DBECFD url(images/pre/libg2.gif) no-repeat -575px bottom;padding:0 15px 10px 15px;overflow:auto; white-space: pre-wrap;}

.copy pre code{background:#FFF;width:575px;font-size:1.087em;padding:5px;margin:0;line-height:150%;color:#7E7E7E;display:block;}

/* wp-pagenavi */

#wp-pagenavi-wrapper {

	clear:both;

	height:44px;

	position:relative;



}

.wp-pagenavi {

	padding:14px 7px 0;

	font-size:12px;

	font-family:Tahoma, Verdana, Arial;

	height:28px;

	background-color:#ffffff;

}



.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {

	background-color:#CD2509 !important;

	color:#fff !important;

	text-transform:uppercase;

	padding:8px 10px !important;

	border-color:#f6f6f6 #c4c4c4 #a7a7a7 #ececec !important;

	border-style:solid !important;

	border-width:1px !important;

}



.wp-pagenavi span.pages {

}



.wp-pagenavi a:hover, .wp-pagenavi span.current {

	background-color:#039 !important;}



#wpview{

	display:block;

	float:left;

	padding-left: 220px;

}

#download-single{

	display:block;

	float:left;

	padding-left: 250px;

}

.cat-img img{

	float:left;

	width:120px;

	height:80px;

	margin-right:10px;

}    

.download {

	display:block;

	float:left;

	font-size: 12px;

	font-weight: bold;

	height:35px;

	width: 80px;

	line-height:35px;

	text-align:center;

	padding:0 5px 0 5px;

	border:2px solid #ccc;

}



.demo {

	display:block;

	float:left;

	font-size: 12px;

	font-weight: bold;

	height:35px;

	width: 80px;	

	line-height:35px;

	text-align:center;

	padding:0 5px 0 5px;

	border:2px solid #ccc;

}





.ttlink  {

	width: 950px; 

	display:block;



}

.ttlink  ul {

	width: 950px; 

	display:block;

	

}

.ttlink ul li{

	float:left;

	width: 183px; 

	height:48px; 

	display:block;

	padding-top:11px;

	padding-bottom:10px;

	padding-right:5px;

/*	border: 1px dotted #8e8e8e; */

	border: 1px solid #8e8e8e;

}

.ttlink ul li .desc{

	line-height: 16px; 

	height:32px;

	color: #8e8e8e;

	white-space:normal;	

	display:block;

	overflow:hidden;

	font-size:12px;

	font-weight:normal;

}

.ttlink ul li a{

	height:16px;

	font-weight:bold;

	font-size:12px;

	line-height: 16px;

	color: #19A1FE;

	white-space:normal;	

	display:block;

}

.ttlink ul li a:hover { 

	color: #0072A8;

}

.ttlink ul li img {

	float:left;

	width:40px;

	height:40px;

	display:block;

	margin:5px 2px 0px 2px;

	padding:5p 2px 0px 2px;

}

#ttlinkbox{ 

	width:950px; 

	float:left; 

	display:block;

	margin:0px 0px 10px 0px;

	border: 1px solid #ccc;	

}





ul,#socialicons ul { list-style:none; }



#socialicons {

	border:1px solid #CD2509;

	color:#4c4d50;

	float:left;

	width:634px;

	height:26px;

	margin:3px 0 0;

	padding:3px 0 3px; }



#socialicons ul { padding:2px 0 0 30px; }



#socialicons li {

	border:none;

	display:inline;

	float:left;

	padding-right:20px; }



#socialicons small {

	color:#4c4d50;

	font-family:arial, "lucida console", sans-serif;

	font-size:10px;

	font-weight:700;

	text-transform:uppercase; }



#socialicons small a {

	border-bottom:none;

	color:#4c4d50;

	text-decoration:none; }



#socialicons small a:hover {

	border-bottom:none;

	color:#030a1f; }



#socialicons small img {

	border:none;

	vertical-align:middle; }





#infolist div.fllist { margin:0 20px; }

#infolist div.fllist a { color:#333; line-height:25px; padding-left:10px; margin-left:5px; background:url(images/linefl.gif) no-repeat 0 -1px; }

#infolist div.fllist a.first { margin-left:0; background:none; padding-left:0; }

.info-box { margin:0px 0px 5px 0px; /*border:1px solid #ccc; */ width:950px; overflow:hidden; }

.info-box-c { display:inline; width:301px; border:1px solid #CD2509; padding:5px 5px; min-height:200px; _height:200px; }

.info-box h3 { font-size:14px; background:#CD2509; color:#fff; font-family:tahoma; font-size:14px; padding-left:15px; }

.info-box h3  a{ font-size:14px; background:#CD2509; color:#fff; font-family:tahoma; font-size:14px; float:right;padding-right:15px; }



.categories-frame { margin-bottom:10px; }

.rss { width:950px; margin:0 auto 5px auto; text-align:right; }

.rss a img { vertical-align:middle; }

.STYLE2 { display:block; padding:5px 10px; border-bottom:1px solid #CD2509; color: #585858; font-weight: bold; }

/*.minh1 { min-height:140px; _height:140px; }*/

 

.STYLE9 { color: #999; }

.STYLE120 a { display:inline; margin-right:2px; color:#585858; text-decoration:underline; }

#infolist div a.STYLE12 { display:block; margin-left:0; padding:10px 0 5px 10px; border-bottom:1px #CD2509 dashed; color:#C50C0C; background:url(images/arrowfl.gif) no-repeat 0 17px; font-size:14px; font-weight:600; }

#infolist div.morelink { padding:10px 0; margin-top:10px; background:#FAF8F9; text-align:center; clear:left; }

.headtitle { background:#FBF9FA; border-bottom:1px solid #CD2509; text-indent:20px; font-size:14px; font-weight:600; line-height:34px; }

.mrt { margin-right:5px; }

.info-box-c ul {padding-left:0px; padding-top:5px;}

.info-box-c ul li{background:url(images/ico2.gif) no-repeat 5px 14px; line-height:20px; padding-top:5px;padding-left:10px; }

.info-box-c ul li a { padding-left:5px; color:#333; }

.friendlink { padding-bottom:10px; position:relative; }

.friendlink a { margin-right:5px; line-height:25px }

.morefriend { position:absolute; top:5px; right:15px; color:#C60C0D; text-decoration:underline; }





#f_combox{ 

	width:634px; 

	float:left; 

	display:block;

	border:1px solid #CD2509;

}

.featured  {

	width: 630px; 

	float: left; 

	overflow: hidden;

}

.featured  ul {

	width: 630px; 

}

.featured ul li{

	width: 180px;  

	background:url(images/ico2.gif) no-repeat 10px 9px;

	float: left; 

	padding-left:10px;

	padding-right:20px;	

	height:20px; 

	line-height: 20px; 

	height: 20px; 

	overflow: hidden;

	color: #039;

}

.featured ul li a{

	width: 180px;

	padding-left:10px;

	padding-right:20px;	

	float: left; 

	height:20px; 

	line-height: 20px; 

	height: 20px; 

	overflow: hidden;

	color: #039;

}

.featured  ul li a:hover { 

	color: #f60;

}



.ad6 {

	margin:0px 0px -2px 0px;

}