@charset "utf-8";
/* CSS For HongYiZuanShi.com
Design By Jaying@263.net*/
@import "thickbox.css";
/*___Format */
body { font: 12px arial, verdana, tahoma, simsun, '\5B8B\4F53', sans-serif; text-align: center; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, pre, form, input, textarea { margin: 0px; padding: 0px; }
img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
caption { text-align: left; }
ul, ol, li { list-style-type:none; }
table, th, td, tr { font-size: 12px; }
form { display: block; }
input { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
fieldset { width: 196px; color: #C4C6D2; padding: 5px; margin: 5px; border: 1px solid #CCC; display: block; height: auto; clear: both; }
fieldset a { background: #EEEEFF; display: block; float: left; overflow: hidden; text-align: center; line-height: 22px; color: #039; height: 22px; width: 94px; font-size: 14px; margin: 1px; padding-left: 2px; font-weight: bold; }
fieldset a:hover { color: #FFF; background: #F60; }
legend { color: #333; background: #FFF; padding-left: 10px; padding-right: 10px; }
/*___All */
a { color: #2D466C; text-decoration: none; }
a:hover { color: #C30; }
.Space { height: 0px; display: block; overflow: hidden; clear: both; }
.Space6 { height: 6px; display: block; overflow: hidden; clear: both; }
.Space10 { height: 10px; display: block; overflow: hidden; clear: both; }
.Space12 { height: 12px; display: block; overflow: hidden; clear: both; }
.Space24 { height: 24px; display: block; overflow: hidden; clear: both; }
.H220 { height: 220px; }
.H240 { height: 240px; }
.H260 { height: 260px; }
.Ins { height: 20px; border: 0px solid #FFF; line-height: 20px; text-indent: 3px; float: left; background: #FFF; }
.InpT { height: 20px; border: 1px solid #CCC; line-height: 20px; text-indent: 3px; float: left; background: #FFF; }
.InpA { height: 10em; width: 90%; border: 1px solid #CCC; overflow: auto; }
.InpS { background-image: url(SearchBg.png); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; width: 160px; line-height: 20px; display: block; padding-left: 20px; }
.BtnA { text-align: center; cursor:pointer; border: 1px solid #CCC; }
.Tit { font-size: 14px; color: #F90; text-indent: 0em; font-weight: bold; }
.Tit a { color: #F90; }
.Tit a:hover { color: #C00; }
a.More { color: #2D466C; float: right; }
a.More:hover { color: #F60; }
a.Border { border: 1px solid #CCC; display: block; overflow: hidden; height: auto; width: auto; }
a.Border img { height: 110px; width: 200px; }
a.Border:hover { border: 1px solid #F90; }
.Tred { color: #F00; }
.CR { text-align: right; }
.CK { display: block; clear: both; border: 1px solid #C4C6D2; }
#count { display: none; }
/*___Head */
#HeadF { height: 130px; width: 970px; background-color: #FFF; margin: auto; }
#Logo { height: 90px; width: 330px; float: left; display: block; }
#Toolbar { float: right; height: 20px; width: 350px; text-align: center; color: #999; line-height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 30px; margin-right: 10px; }
#Toolbar a { color: #91A1B4; padding-right: 3px; padding-left: 3px; }
#Toolbar a:hover { color: #F60; text-decoration: underline; }
#Nav { height: 38px; width: 970px; line-height: 38px; clear: both; display: block; margin: auto; background-image: url(NavBg.png); background-repeat: repeat-x; background-position: 0px 0px; overflow: hidden; }
#Nav a { height: 38px; width: 80px; display: block; background-image: url(NavBg.png); background-repeat: repeat-x; background-position: 0px 0px; font-weight: bold; color: #2C466C; float: left; text-align: center; font-size: 13px; }
#Nav a:hover, #Nav a.Over { background-image: url(NavBg.png); background-repeat: repeat-x; background-position: 0px -120px; color: #FF0; }
#Nav .BgL { float: left; height: 38px; width: 10px; background-image: url(NavBg.png); background-repeat: no-repeat; background-position: 0px -40px; }
#Nav .BgR { float: right; height: 38px; width: 10px; background-image: url(NavBg.png); background-repeat: no-repeat; background-position: 0px -80px; }
#Nav .BgC { float: left; height: 38px; width: 5px; background-image: url(NavBg.png); background-repeat: no-repeat; background-position: 0px -160px; }
#Nav form { float: right; height: 30px; width: 200px; padding-top: 8px; }
/*___Content */
.ConF { width: 960px; display: block; clear: both; padding: 10px; background-color: #FFF; margin: 0px auto; height: auto; }
.MsgF { width: 940px; display: block; clear: both; margin: auto; padding-top: 50px; padding-bottom: 50px; }
.MsgF .Msg { font-size: 12px; font-weight: bold; color: #C00; background-color: #FF9; width: 98%; text-align: left; margin: auto; padding: 10px; clear: both; height: auto; line-height: 36px; }
.Msg { font-size: 14px; font-weight: bold; color: #C00; background-color: #FF9; width: 98%; text-align: left; margin: auto; padding: 5px; clear: both; height: auto; }
.Msg p { padding: 10px; margin: 0px; }
.ILeftF { float: left; width: 480px; text-align: left; height: auto; }
.IRightF { float: right; width: 220px; text-align: left; height: auto; }
.LeftF { display: block; float: left; height: auto; width: 220px; text-align: left; }
.RightF { display: block; float: right; height: auto; width: 720px; text-align: left; }
.Channel { clear: both; height: 80px; width: 300px; background-color: #DEE3E9; text-align: center; }
.LeftBg { width: 200px; text-align: left; background-color: #DEE3E9; display: block; padding: 10px; }
.LeftFootBg { background-image: url(LeftFootBg.png); background-repeat: no-repeat; display: block; height: 220px; width: 220px; }
.BackTop { height: 15px; display: block; overflow: hidden; clear: both; text-align: right; padding-right: 30px; }
.NavUrl { height: 20px; width: 700px; border-bottom: 1px solid #CCC; color: #999; line-height: 20px; margin-right: auto; margin-left: auto; }
.NavUrl a { color: #999; }
.NavUrl a:hover, .Page a:hover, .Print a:hover { color: #900; text-decoration: underline; }
.Page { height: 20px; width: 680px; line-height: 20px; text-align: right; color: #999; clear: both; margin: auto; }
.Page a { color: #666; text-decoration: underline; }
.Page a:hover { color: #000; font-weight: bold; }
.Page input { text-align: center; border: 1px solid #CCC; }
#count { color: #900; display: none; }
/*___Flash */
#IFlashA { height: 300px; width: 720px; background-image: url(IFlashFBg.png); background-repeat: no-repeat; }
.ILeftAD { clear: both; height: 289px; width: 220px; }
/*___Search */
.SearchGo { height: 60px; text-align: left; padding: 10px; }
/*___List */
.Title { display: block; clear: both; height: 26px; border: 1px solid #C4C6D2; background-image: url(AllBg.png); background-repeat: repeat-x; background-position: 0px 0px; }
.Title h2 { font-size: 12px; background-image: url(AllBg.png); background-repeat: no-repeat; background-position: 0px -30px; line-height: 26px; color: #3F60B8; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 20px; font-weight: normal; }
.Title h2 a { color: #3F60B8; }
.Title h2 a:hover { color: #900; text-decoration: underline; }
.Title a.more { background: url(AllBg.png) no-repeat 0px -60px; display: block; float: right; height: 10px; width: 30px; margin-top: -15px; line-height: 100px; overflow: hidden; z-index: 9; margin-right: 5px; }
.Title a:hover.more { background: url(AllBg.png) no-repeat 0px -70px; }
.TitCon { display: block; clear: both; border-right: 1px solid #C4C6D2; border-bottom: 1px solid #C4C6D2; border-left: 1px solid #C4C6D2; }
.TitConN { display: block; clear: both; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; }
.List { padding: 10px; clear: both; display: block; }
.List a { background: url(AllBg.png) no-repeat -30px -55px; text-indent: 15px; display: block; line-height: 24px; }
.List p { background: url(AllBg.png) no-repeat -30px -55px; text-indent: 15px; line-height: 24px; margin: 0px; }
.PList { height: 225px; width: 170px; float: left; padding: 10px 9px 0px 0px; margin-bottom: 10px; }
.PList a img { border: 1px solid #EEE; height: 150px; width: 150px; }
.PList a:hover img { border: 1px solid #F90; }
.PList h3 { margin: 5px 0px; padding: 0px; font-size: 12px; color: #999; font-weight: normal; line-height: 16px; }
.PList h3 a { color: #999; }
.PList h3 a:hover { color: #C30; text-decoration: underline; }
.PList span { font-size: 12px; color: #F60; }
.DList { height: 225px; width: 150px; float: left; padding: 10px 9px 0px 0px; margin-bottom: 10px; }
.DList a img { border: 1px solid #EEE; height: 150px; width: 150px; }
.DList a:hover img { border: 1px solid #F90; }
.DList h3 { margin: 5px 0px; padding: 0px; font-size: 12px; color: #999; font-weight: normal; line-height: 16px; }
.DList h3 a { color: #999; }
.DList h3 a:hover { color: #C30; text-decoration: underline; }
.DList span { font-size: 12px; color: #F60; }

/*___Menu*/
.Menu { width: 220px; display: block; clear: both; height: 272px; background: #E6E7EC url(Menu.png) repeat-y 0px 0px; }
.Menu a { display: block; clear: both; height: 34px; width: 220px; overflow: hidden; font-size: 12px; line-height: 200px; }
.Menu a.m01 { background: url(Menu.png) no-repeat -220px 0px; }
.Menu a.m02 { background: url(Menu.png) no-repeat -220px -34px; }
.Menu a.m03 { background: url(Menu.png) no-repeat -220px -68px; }
.Menu a.m04 { background: url(Menu.png) no-repeat -220px -102px; }
.Menu a.m05 { background: url(Menu.png) no-repeat -220px -136px; }
.Menu a.m06 { background: url(Menu.png) no-repeat -220px -170px; }
.Menu a.m07 { background: url(Menu.png) no-repeat -220px -204px; }
.Menu a.m08 { background: url(Menu.png) no-repeat -220px -238px; }
.Menu a.m01:hover { background: url(Menu.png) no-repeat -440px 0px; }
.Menu a.m02:hover { background: url(Menu.png) no-repeat -440px -34px; }
.Menu a.m03:hover { background: url(Menu.png) no-repeat -440px -68px; }
.Menu a.m04:hover { background: url(Menu.png) no-repeat -440px -102px; }
.Menu a.m05:hover { background: url(Menu.png) no-repeat -440px -136px; }
.Menu a.m06:hover { background: url(Menu.png) no-repeat -440px -170px; }
.Menu a.m07:hover { background: url(Menu.png) no-repeat -440px -204px; }
.Menu a.m08:hover { background: url(Menu.png) no-repeat -440px -238px; }
.MSub { width: 220px; display: block; clear: both; background: #E6E7EC url(Menu.png) repeat-y 0px 0px; padding: 15px 0px 35px; }
.MSub a { display: block; clear: both; height: 34px; width: 220px; overflow: hidden; font-size: 14px; background: url(Menu.png) no-repeat -220px -272px; line-height: 34px; font-weight: bold; color: #666A84; text-indent: 70px; letter-spacing: 5px; }
.MSub a:hover { background: url(Menu.png) no-repeat -440px -272px; color: #404353; }
.Sort { display: inline-block; height: auto; width: auto; padding: 10px; }
.Sort h1 { font-size: 16px; font-weight: bold; text-align: center; }
.Sort h2 { display: block; color: #FFF; overflow: hidden; line-height: 22px; width: 200px; background-color: #C60; margin-top: 2px; height: 22px; padding-left: 5px; margin-right: 5px; font-weight: bold; text-align: center; clear: both; font-size: 12px; margin-bottom: 0px; margin-left: 0px; }
.Sort a { display: block; color: #039; overflow: hidden; float: left; line-height: 20px; width: 125px; background-color: #EEE; margin-top: 3px; height: 20px; padding-left: 5px; margin-right: 5px; }
.Sort a:hover, .Sort a.MO { color: #FFF; background-color: #C90; }
.Sort .Time { color: #CCC; text-align: right; clear: both; }
/*___ProList */
.ProBox { clear: both; width: 700px; text-align: left; color: #033; display: block; line-height: 200%; min-height:500px; padding: 10px; }
.ProBox ul { width:100%; clear: both; display: block; height: auto; }
.ProBox ul li { float: left; height: 230px; width: 175px; line-height: 20px; display: block; }
.ProBox ul li a img { height: 150px; width: 150px; border: 1px solid #EEE; }
.ProBox ul li a:hover img { border: 1px solid #F90; }
.ProBox ul li h3 { margin: 5px 0px; padding: 0px; font-size: 13px; color: #999; font-weight: normal; line-height: 16px; }
.ProBox ul li h3 a { color: #999; }
.ProBox ul li h3 a:hover { color: #C30; text-decoration: underline; }
.ProBox ul li span { font-size: 12px; color: #F60; }
.ProInfo { display: block; }
.ProInfo .Img { text-align: center; float: left; height: 400px; width: 400px; }
.ProInfo .Img a img, .ProInfo .Img img { height: 400px; width: 400px; border: 1px solid #CCC; }
.ProInfo .Img a:hover img { border: 1px solid #F90; }
.ProInfo .Txt { text-align: left; float: right; height: 400px; width: 290px; color: #333; padding-left: 10px; }
.ProInfo .Txt h1 { float: left; height: 20px; width: 100%; font-size: 14px; color: #C03; font-weight: bold; padding: 5px; }
.NewsList { width: 700px; min-height:500px; clear: both; padding: 10px; }
.NewsList a { font-size: 14px; line-height: 30px; color: #333; height: 30px; width: 700px; display: block; clear: both; border-bottom: 1px dashed #DDD; float: left; background: url(AllBg.png) no-repeat 0px -260px; text-indent: 20px; }
.NewsList a:hover { color: #039; background: #F0F0F0 url(AllBg.png) no-repeat 5px -225px; text-indent: 20px; text-decoration: underline; }
.NewsList a span { font-size: 12px; color: #999; float: right; margin-top: -28px; margin-right: 10px; }
.ProConBox { padding: 5px; clear: both; color: #033; display: inline-block; line-height: 1.5em; height: auto; width: 700px; margin: auto; }
.ProConBox p, .ProConBox span { line-height: 1.5em; }
.BuyF { background: #EED; padding: 5px; clear: both; width: 280px; float: right; display: block; }
.BuyF input.InpT { height:26px; font-weight: bold; text-align: center; font-size: 16px; line-height: 26px; }
.BuyF span { height: 30px; float: left; display: block; line-height: 30px; padding-left: 5px; }
.BuyF span.PS { color: #903; background: #FF9; padding: 5px; line-height: 20px; clear: both; width: 270px; margin-top: 10px; height: 20px; }
/*___Table*/
.TableI {}
.TableI tr.Two { background: #EDEEF1; }
.TableI tr.Over { background: #BFF; cursor:pointer; color: #00F; }
.TableI th { line-height: 24px; height: 24px; font-size: 12px; font-weight: bold; background: #C4C6D2; color: #333; text-align: center; vertical-align: top; }
.TableI tr.foot th { line-height: 24px; height: 24px; font-size: 12px; font-weight: bold; background: #FFF; color: #FFF; text-align: center; }
.TableI tr { line-height: 24px; height: 24px; font-size: 14px; color: #000; text-align: center; }
.TableI td { line-height: 28px; height: 28px; font-size: 14px; color: #000; vertical-align: center; }
.TableI td.Red { color: #C03; font-size: 14px; font-weight: bold; padding-right: 10px; }
.TableI td.CR { text-align: right;  }
.TableG { border: 1px solid #CCC; background: #EEF; }
.TableG th { line-height: 24px; font-size: 12px; font-weight: bold; color: #333; text-align: right; padding-right: 10px; width: 150px; vertical-align: top; }
.TableG td { line-height: 24px; font-size: 12px; color: #666; text-align: left; vertical-align: top; width: 550px;  }
.TableG h3 { font-size: 13px; font-weight: bold; color: #900; margin: 0px; padding: 0px; }
.TableG td.CR { text-align: right; }
.TableG .Conter { font-size: 12px; line-height: 1.5em; padding: 10px; color: #000; }
.TableG .Reply { font-size: 12px; line-height: 1.5em; padding: 10px; color: #666; background: #FFF; border: 1px solid #CCC; }
.TableL { border: 1px solid #CCC; background: #EEF; }
.TableL th { line-height: 50px; font-size: 12px; font-weight: bold; color: #333; text-align: right; padding-right: 10px; width: 30%; vertical-align: top; }
.TableL td { line-height: 50px; font-size: 12px; color: #666; text-align: left; }
/*___Gbook*/
.Gbook { width: 700px; min-height:500px; clear: both; padding: 10px; }
/*___Help*/
#HelpF { width: 938px; display: table; clear: both; padding: 10px; margin: 0px auto; border: 1px solid #CCC; background: #EEE; }
#HelpF .BoxF { background: url(AllBg.png) no-repeat 0px -80px; display: block; float: left; width: 150px; text-align: left; padding-left: 15px; }
#HelpF .BoxF2 { display: block; padding: 5px; float: left; width: 220px; text-align: center; line-height: 30px; color: #C30; }
#HelpF .BoxF h2, #HelpF .BoxF h2 a { background: url(AllBg.png) no-repeat 0px -200px; font-size: 13px; font-weight: bold; color: #C30; text-indent: 10px; line-height: 26px; margin: 0px; }
#HelpF .BoxF a { background: url(AllBg.png) no-repeat 0px -230px; text-indent: 10px; display: block; line-height: 20px; color: #999; }
#HelpF .BoxF h2 a:hover, #HelpF .BoxF a:hover { text-decoration: underline; color: #06F; }
/*___Foot */
#FootF { width: 900px; clear: both; padding: 5px; display: block; border-top: 1px solid #999; margin: 0px auto; }
.FootLogo { float: left; height: 100px; width: 220px; }
.FootNav { line-height: 30px; float: left; height: 30px; width: 670px; text-align: left; color: #2D466C; }
.FootInfo { line-height: 18px; color: #666666; float: left; height: 70px; width: 670px; text-align: left; }
#Dscroll { clear: both; height: 235px; width: 478px; overflow: hidden; }
#QQF { display: block; height: auto; width: 110px; text-align: center; }
#QQF .T { background: url(QQFBg.gif) no-repeat 0px 0px; height: 85px; width: 110px; display: block; overflow: hidden; }
#QQF .C { background: url(QQFBg.gif) repeat-y -110px 0px; width: 90px; display: block; padding: 10px; }
#QQF .F { background: url(QQFBg.gif) no-repeat -220px 0px; height: 10px; width: 110px; display: block; overflow: hidden; }
/*___Step*/
#Step { clear: both; height: 50px; width: 680px; background: url(Step.png) 0px 0px; margin: auto; }
#Step.s1 { background: url(Step.png) 0px 0px; }
#Step.s2 { background: url(Step.png) 0px -50px; }
#Step.s3 { background: url(Step.png) 0px -100px; }
.StepF { clear: both; width: 680px; border: 1px solid #F90; margin: auto; padding: 5px; }
.StepF div a { font-size: 14px; line-height: 20px; font-weight: bold; height: 20px; padding-right: 5px; padding-left: 5px; float: left; background: #9CF; border: 1px solid #09F; color: #000; display: block; margin-left: 5px; }
.StepF div a em { font-size: 12px; font-style: normal; }
.StepF div a:hover, .StepF div a.Over { background: #F60; border: 1px solid #F00; color: #FFF; }
.StepF div.Tit { float: left; height: 22px; width: 80px; display: block; line-height: 22px; font-size: 14px; font-weight: bold; color: #333; text-align: center; background: #9FF; clear: left; }
.cartshow { clear: both; vertical-align: top; }
.cartshow img { height: 400px; width: 400px; border: 1px solid #CCC; }