css.css

介绍无线可视门铃系统原理

.gallerylist {
	CLEAR: both; BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; MARGIN: 0px 0px 5px; OVERFLOW: hidden; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 948px; BORDER-BOTTOM: #d0dbe7 1px solid
}
.gallerylist H1 {
	PADDING-LEFT: 30px; FONT-SIZE: 14px; BACKGROUND: url(../images/layout.png) #e5ecf5 no-repeat 6px 6px; COLOR: #194f95; LINE-HEIGHT: 30px; BORDER-BOTTOM: #d7e9f5 1px solid; HEIGHT: 28px
}
.gallerylistimg {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 40px; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #d0dbe7 1px solid; HEIGHT: 100%
}
.gallerylistimg LI {
	BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; FLOAT: left; MARGIN: 30px 40px 0px 0px; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 260px; BORDER-BOTTOM: #d0dbe7 1px solid
}
.gallerylistimg IMG {
	BORDER-RIGHT: #d0dbe7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d0dbe7 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 254px; PADDING-TOP: 2px; BORDER-BOTTOM: #d0dbe7 2px solid; HEIGHT: 173px
}
.gallerylistimg H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; FONT-SIZE: 12px; BACKGROUND: url(../images/ar.gif) no-repeat 6px 9px; PADDING-BOTTOM: 0px; WIDTH: 168px; LINE-HEIGHT: 24px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.mainpic {
	CLEAR: both; BORDER-RIGHT: #d7e9f5 1px solid; BORDER-TOP: #d7e9f5 1px solid; MARGIN: 0px 0px 5px; BORDER-LEFT: #d7e9f5 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d7e9f5 1px solid
}
.mainpic .pic_title {
	CLEAR: both; PADDING-LEFT: 18px; BACKGROUND: url(../images/titlebg.gif) #e5ecf5 no-repeat 6px 5px; MARGIN-LEFT: auto; OVERFLOW: hidden; MARGIN-RIGHT: auto; HEIGHT: 28px
}
.mainpic .pic_title .pic_name {
	MARGIN-TOP: 1px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; COLOR: #10478c; PADDING-TOP: 6px; HEIGHT: 26px
}
.mainpic .pic_title .pic_more {
	PADDING-RIGHT: 10px; MARGIN-TOP: 1px; FLOAT: right; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: left
}
.mainpic .pic_title .pic_more A {
	PADDING-LEFT: 6px
}
.mainpic .pic_content {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 643px; PADDING-TOP: 3px
}
.pic_list {
	CLEAR: both; PADDING-LEFT: 5px; PADDING-BOTTOM: 8px; WIDTH: 638px
}
.pic_list LI {
	MARGIN-TOP: 10px; FLOAT: left; WIDTH: 158px
}
.pic_list IMG {
	PADDING-RIGHT: 10px; PADDING-LEFT: 6px; BACKGROUND-IMAGE: url(../images/picbg.gif); MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 10px; PADDING-TOP: 6px
}
.pic_list A {
	COLOR: black
}
.pic_list P {
	TEXT-ALIGN: center
}
#bookcommend {
	CLEAR: both; BORDER-RIGHT: #d7e9f5 1px solid; BORDER-TOP: #d7e9f5 1px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #d7e9f5 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d7e9f5 1px solid
}
#pictitle {
	BACKGROUND: #e5ecf5; BORDER-BOTTOM: #d7e9f5 1px solid; HEIGHT: 28px
}
#pictitle H1 {
	PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; MARGIN: 0px; COLOR: #414042; LINE-HEIGHT: 28px; HEIGHT: 28px
}
#pictitle P {
	PADDING-RIGHT: 10px; FLOAT: right; MARGIN: 0px; HEIGHT: 28px
}
#pictitle P A {
	FONT-SIZE: 12px; OVERFLOW: hidden; COLOR: #414042; LINE-HEIGHT: 30px; HEIGHT: 28px
}
#bookcommend UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; HEIGHT: 288px
}
#bookcommend UL LI {
	FLOAT: left; WIDTH: 210px
}
#bookcommend UL LI IMG {
	BORDER-RIGHT: #e5eef5 1px solid; BORDER-TOP: #e5eef5 1px solid; BACKGROUND: #f0f6f9; BORDER-LEFT: #e5eef5 1px solid; WIDTH: 200px; BORDER-BOTTOM: #e5eef5 1px solid; HEIGHT: 254px
}
#bookcommend UL LI P {
	WIDTH: 200px; BORDER-TOP-STYLE: none; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: center
}
#booklist {
	CLEAR: both; BORDER-RIGHT: #d7e9f5 1px solid; BORDER-TOP: #d7e9f5 1px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #d7e9f5 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d7e9f5 1px solid
}
#booklist H1 {
	PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: #e5ecf5; COLOR: #205780; LINE-HEIGHT: 28px; HEIGHT: 28px
}
#booklist .bookbox {
	PADDING-RIGHT: 10px; BORDER-TOP: #d7e9f5 1px dashed; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 623px; PADDING-TOP: 12px; HEIGHT: 170px
}
#booklist .bookimg {
	FLOAT: left; WIDTH: 130px; TEXT-ALIGN: center
}
#booklist .bookimg IMG {
	BORDER-RIGHT: #e5eef5 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e5eef5 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #e5eef5 1px solid; WIDTH: 120px; PADDING-TOP: 3px; BORDER-BOTTOM: #e5eef5 1px solid; HEIGHT: 152px
}
#booklist .bookinfo {
	PADDING-LEFT: 10px; FLOAT: right; WIDTH: 483px; TEXT-ALIGN: left
}
#booklist H5 {
	FONT-SIZE: 14px; BORDER-TOP-STYLE: none; LINE-HEIGHT: 22px; HEIGHT: 22px
}
#booklist .bookpub {
	LINE-HEIGHT: 24px; MARGIN-RIGHT: 5px; HEIGHT: 24px
}
#booklist .bookpub SPAN {
	FLOAT: right
}
#booklist .bookintro {
	OVERFLOW: hidden; BORDER-TOP-STYLE: none; LINE-HEIGHT: 20px; HEIGHT: 115px
}
.newbooklist {
	CLEAR: both; BORDER-RIGHT: #d7e9f5 1px solid; BORDER-TOP: #d7e9f5 1px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #d7e9f5 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d7e9f5 1px solid; TEXT-ALIGN: center
}
UL.newbooklist {
	PADDING-TOP: 1px
}
UL.newbooklist LI {
	FLOAT: left; WIDTH: 321px; BORDER-BOTTOM: #fff 1px solid
}
.newbookmain {
	BACKGROUND: #fefefe; WIDTH: 321px
}
.newbookmain H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(../images/ico-arrow.gif) #e5eef5 no-repeat 6px 7px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; LINE-HEIGHT: 26px; PADDING-TOP: 0px; HEIGHT: 26px; TEXT-ALIGN: left
}
.newbookleft {
	BORDER-RIGHT: #ffffff 1px solid; BACKGROUND: #fff; FLOAT: left; OVERFLOW: hidden; BORDER-LEFT: #ffffff 1px solid; WIDTH: 199px; BORDER-BOTTOM: #f2f6fb 1px solid
}
.newbookleft UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; HEIGHT: 25px; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.newbookleft UL LI.grid {
	BACKGROUND: #f2f6fb
}
.newbookright {
	BORDER-TOP: #fff 1px solid; FLOAT: right; OVERFLOW: hidden; WIDTH: 120px; HEIGHT: 150px
}
.newbookright IMG {
	WIDTH: 120px; HEIGHT: 150px
}
#book {
	WIDTH: 645px; HEIGHT: 100%
}
#book H1 {
	BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; PADDING-LEFT: 25px; FONT-SIZE: 14px; BACKGROUND: url(../images/ico-arrow.gif) #f0f6f9 no-repeat 6px 10px; BORDER-LEFT: #d0dbe7 1px solid; COLOR: #205780; LINE-HEIGHT: 32px; BORDER-BOTTOM: #d0dbe7 1px; HEIGHT: 32px
}
#bookinfo {
	BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d0dbe7 1px solid
}
#bookleft {
	BORDER-RIGHT: #d0dbe7 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 140px; PADDING-TOP: 10px; HEIGHT: 160px; TEXT-ALIGN: center
}
#bookleft IMG {
	WIDTH: 120px; HEIGHT: 150px
}
#bookright {
	FLOAT: right; WIDTH: 502px
}
#bookright UL {
	WIDTH: 251px
}
#bookright LI {
	PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 241px; LINE-HEIGHT: 27px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; HEIGHT: 27px
}
#articlenav {
	CLEAR: both; BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; PADDING-LEFT: 20px; BACKGROUND: url(../images/nav.gif) #f2f6fb no-repeat 4px 9px; MARGIN: 0px 0px 5px; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 925px; LINE-HEIGHT: 30px; BORDER-BOTTOM: #d0dbe7 1px solid; HEIGHT: 30px
}
#articletopimg {
	CLEAR: both; BACKGROUND: #fff; MARGIN: 0px 0px 5px; WIDTH: 645px; HEIGHT: 80px
}
#articletopimg IMG {
	WIDTH: 645px; HEIGHT: 80px
}
#article {
	WIDTH: 945px; MARGIN-RIGHT: 5px
}
#entry {
	BORDER-RIGHT: #d0dbe7 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d0dbe7 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fbfdff; PADDING-BOTTOM: 0px; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 925px; PADDING-TOP: 10px; BORDER-BOTTOM: #d0dbe7 1px solid
}
#entrytitle {
	CLEAR: both; BORDER-BOTTOM: #b2b2b2 1px dashed; HEIGHT: 70px
}
#entrytitle H1 {
	FONT-SIZE: 20px; OVERFLOW: hidden; COLOR: #690; LINE-HEIGHT: 40px; HEIGHT: 40px; TEXT-ALIGN: center
}
#entrytitle #entrymeta {
	CLEAR: both; COLOR: #194f95; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: center
}
#entrybody {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 925px; LINE-HEIGHT: 24px; PADDING-TOP: 2px; HEIGHT: 100%
}
#entrybody H1 {
	FONT-SIZE: 18px
}
#entrybody H2 {
	FONT-SIZE: 16px
}
#entrybody P {
	MARGIN: 5px 0px
}
#entrybody IMG {
	CLEAR: left
}
#entrybody UL {
	PADDING-LEFT: 20px
}
#entrybody TABLE {
	CLEAR: left
}
#entrybody A:link {
	PADDING-RIGHT: 10px; BACKGROUND: url(../images/desatured.gif) no-repeat right top; COLOR: #006da3; TEXT-DECORATION: underline
}
#entrybody A:visited {
	PADDING-RIGHT: 10px; BACKGROUND: url(../images/desatured.gif) no-repeat right top; COLOR: #006da3; TEXT-DECORATION: underline
}
#entrybody A:hover {
	TEXT-DECORATION: none
}
#entrybody A:active {
	TEXT-DECORATION: none
}
#entrybody CODE {
	BORDER-RIGHT: #b8c9d3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b8c9d3 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #f7fafd; PADDING-BOTTOM: 5px; MARGIN: 5px 0px; BORDER-LEFT: #b8c9d3 4px solid; COLOR: #0070a6; LINE-HEIGHT: 150%; PADDING-TOP: 5px; BORDER-BOTTOM: #b8c9d3 1px solid; TEXT-ALIGN: left; WORD-WRAP: break-word
}
#entrybody .code {
	BORDER-RIGHT: #b8c9d3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b8c9d3 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #f7fafd; PADDING-BOTTOM: 5px; MARGIN: 5px 0px; BORDER-LEFT: #b8c9d3 4px solid; COLOR: #0070a6; LINE-HEIGHT: 150%; PADDING-TOP: 5px; BORDER-BOTTOM: #b8c9d3 1px solid; TEXT-ALIGN: left; WORD-WRAP: break-word
}
#entrybody TEXTAREA {
	OVERFLOW-Y: scroll; FONT-SIZE: 12px; OVERFLOW-X: hidden; WIDTH: 540px; LINE-HEIGHT: 150%; HEIGHT: 200px; bborder: 1px solid #B8C9D3
}
#entrybody BLOCKQUOTE {
	BORDER-RIGHT: #ebf4fa 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ebf4fa 1px dashed; PADDING-LEFT: 15px; BACKGROUND: url(../images/quote.gif) #fefefe no-repeat 8px 8px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ebf4fa 1px dashed; COLOR: #333; LINE-HEIGHT: 24px; PADDING-TOP: 10px; BORDER-BOTTOM: #ebf4fa 1px dashed
}
#entryadbox {
	CLEAR: right; FLOAT: right; WIDTH: 0px; HEIGHT: 100px
}
#entryad {
	CLEAR: right; FLOAT: right; MARGIN: 6px 0px 0px 8px; OVERFLOW: hidden; WIDTH: 180px; HEIGHT: 120px; BACKGROUND-COLOR: #fff
}
#entryad IMG {
	WIDTH: 180px; HEIGHT: 150px
}
#entrynum {
	FONT-SIZE: 0px; FLOAT: right; MARGIN: 0px auto 10px; WIDTH: 100%
}
#entrynum A:link {
	BORDER-RIGHT: #b2c9d3 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b2c9d3 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #f7f9ff; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2c9d3 1px solid; COLOR: #333; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #b2c9d3 1px solid; TEXT-DECORATION: none
}
#entrynum A:visited {
	BORDER-RIGHT: #b2c9d3 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b2c9d3 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #f7f9ff; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2c9d3 1px solid; COLOR: #333; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #b2c9d3 1px solid; TEXT-DECORATION: none
}
#entrynum A:hover {
	FONT-SIZE: 12px; BORDER-LEFT-COLOR: #2e6ab1; BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #2e6ab1; COLOR: #f60; BORDER-TOP-COLOR: #2e6ab1; BORDER-RIGHT-COLOR: #2e6ab1
}
#entrynum A:active {
	FONT-SIZE: 12px; BORDER-LEFT-COLOR: #2e6ab1; BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #2e6ab1; COLOR: #f60; BORDER-TOP-COLOR: #2e6ab1; BORDER-RIGHT-COLOR: #2e6ab1
}
#entrynum A STRONG {
	COLOR: #f60
}
#entryarchives {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fefefe; PADDING-BOTTOM: 5px; BORDER-LEFT: #eee 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: center
}
#entryarchives H4 {
	DISPLAY: block; FONT-SIZE: 12px; COLOR: #fe7f01; LINE-HEIGHT: 22px; HEIGHT: 22px; TEXT-ALIGN: left
}
#entryarchives LI {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 49%; LINE-HEIGHT: 22px; HEIGHT: 22px; TEXT-ALIGN: left
}
#entryarchives .on {
	COLOR: #f60
}
#entryarchives .on A {
	COLOR: #f60
}
#toollinks {
	BORDER-TOP: #b2b2b2 1px dashed; MARGIN: 10px 0px 0px; COLOR: #666; LINE-HEIGHT: 34px; HEIGHT: 34px; TEXT-ALIGN: right
}
#toollinks A:link {
	BORDER-RIGHT: #b2c9d3 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #b2c9d3 1px solid; PADDING-LEFT: 8px; BACKGROUND: #f7f9ff; PADDING-BOTTOM: 4px; MARGIN-LEFT: 5px; BORDER-LEFT: #b2c9d3 1px solid; WIDTH: 75px; COLOR: #000; PADDING-TOP: 4px; BORDER-BOTTOM: #b2c9d3 1px solid; TEXT-ALIGN: center
}
#toollinks A:visited {
	BORDER-RIGHT: #b2c9d3 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #b2c9d3 1px solid; PADDING-LEFT: 8px; BACKGROUND: #f7f9ff; PADDING-BOTTOM: 4px; MARGIN-LEFT: 5px; BORDER-LEFT: #b2c9d3 1px solid; WIDTH: 75px; COLOR: #000; PADDING-TOP: 4px; BORDER-BOTTOM: #b2c9d3 1px solid; TEXT-ALIGN: center
}
#toollinks A:hover {
	BORDER-RIGHT: #7f99ae 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #7f99ae 1px solid; PADDING-LEFT: 8px; BACKGROUND: #a3bacc; PADDING-BOTTOM: 4px; MARGIN-LEFT: 5px; BORDER-LEFT: #7f99ae 1px solid; WIDTH: 75px; COLOR: #fff; PADDING-TOP: 4px; BORDER-BOTTOM: #7f99ae 1px solid; TEXT-ALIGN: center
}
#toollinks A:active {
	BORDER-RIGHT: #7f99ae 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #7f99ae 1px solid; PADDING-LEFT: 8px; BACKGROUND: #a3bacc; PADDING-BOTTOM: 4px; MARGIN-LEFT: 5px; BORDER-LEFT: #7f99ae 1px solid; WIDTH: 75px; COLOR: #fff; PADDING-TOP: 4px; BORDER-BOTTOM: #7f99ae 1px solid; TEXT-ALIGN: center
}
#rules {
	BORDER-RIGHT: #d0dbe7 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #d0dbe7 1px; PADDING-LEFT: 8px; BACKGROUND: url(../images/rules.gif) #fcfcff no-repeat 550px 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #d0dbe7 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #d0dbe7 1px solid
}
#rules UL LI {
	PADDING-LEFT: 12px; BACKGROUND: url(../images/ar.gif) no-repeat 0px 8px; LINE-HEIGHT: 24px
}
#otherentry {
	CLEAR: both; BORDER-RIGHT: #d0dbe7 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #d0dbe7 1px; PADDING-LEFT: 6px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; BORDER-LEFT: #d0dbe7 1px solid; LINE-HEIGHT: 30px; PADDING-TOP: 0px; BORDER-BOTTOM: #d0dbe7 1px solid; HEIGHT: 30px
}
#otherentry #prv {
	FLOAT: left
}
#otherentry #next {
	FLOAT: right
}