css.css

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

#containertow {
	BORDER-RIGHT: #fff 5px solid; MARGIN: 0px auto; OVERFLOW: hidden; BORDER-LEFT: #fff 5px solid; WIDTH: 950px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
#content {
	BORDER-RIGHT: #fff 300px solid; FLOAT: left; WIDTH: 650px; MARGIN-RIGHT: -300px; BACKGROUND-COLOR: #fff
}
#rail {
	FLOAT: left; WIDTH: 300px; BACKGROUND-COLOR: #fff
}
.maincolumn {
	WIDTH: 650px
}
.listleft {
	PADDING-RIGHT: 5px; FLOAT: left; WIDTH: 320px
}
.listright {
	PADDING-RIGHT: 5px; FLOAT: right; WIDTH: 320px
}
.catMenu {
	CLEAR: both; BORDER-RIGHT: #d1deed 1px solid; BORDER-TOP: #d1deed 1px solid; MARGIN: 0px 0px 5px; BORDER-LEFT: #d1deed 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d1deed 1px solid; HEIGHT: 60px
}
.catMenutop {
	CLEAR: both; BACKGROUND: #d8e1eb; WIDTH: 643px; BORDER-BOTTOM: #d1deed 1px solid; HEIGHT: 30px
}
.catmenutitle {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 90px; COLOR: #2e4d7a; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 30px
}
.catmenulist {
	FLOAT: right; WIDTH: 540px
}
.catmenulist UL {
	FLOAT: right
}
.catmenulist LI {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(../images/nav_bg.gif) no-repeat right 8px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 30px
}
.catmenulist .s {
	BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative
}
.catmenulist .s IMG {
	RIGHT: 0px; VERTICAL-ALIGN: middle; POSITION: relative; TOP: 6px
}
.catnav {
	PADDING-LEFT: 5px; BACKGROUND: #fff; OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 28px
}
#catbox {
	CLEAR: both; WIDTH: 645px
}
#catfocus {
	CLEAR: both; MARGIN: 0px 0px 5px; WIDTH: 300px; POSITION: relative; HEIGHT: 249px
}
#catfocusimg {
	BORDER-RIGHT: #bdbdbd 1px solid; BORDER-TOP: #bdbdbd 1px solid; BORDER-LEFT: #bdbdbd 1px solid; WIDTH: 298px; BORDER-BOTTOM: #bdbdbd 1px solid; HEIGHT: 226px
}
#catfocusimg IMG {
	BORDER-RIGHT: #f1f9fd 4px solid; BORDER-TOP: #f1f9fd 4px solid; BORDER-LEFT: #f1f9fd 4px solid; WIDTH: 290px; BORDER-BOTTOM: #f1f9fd 4px solid; HEIGHT: 218px
}
#catfocustext {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/fb.jpg) no-repeat 0px 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 4px; HEIGHT: 17px; TEXT-ALIGN: center
}
#hot_news {
	WIDTH: 340px; TEXT-ALIGN: left
}
#hot_news DIV {
	BORDER-RIGHT: #d9e2e8 1px solid; BORDER-TOP: #d9e2e8 1px solid; BACKGROUND: #f7f8fa; MARGIN: 0px 0px 5px; BORDER-LEFT: #d9e2e8 1px solid; BORDER-BOTTOM: #d9e2e8 1px solid; HEIGHT: 120px
}
#hot_news H3 A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
#hot_news H3 {
	OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 5px; TEXT-ALIGN: center
}
#hot_news P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 3px 5px; OVERFLOW: hidden; COLOR: #666; LINE-HEIGHT: 18px; PADDING-TOP: 0px
}
.news {
	BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; MARGIN: 0px 0px 5px; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 318px; BORDER-BOTTOM: #d0dbe7 1px solid
}
.listtop {
	OVERFLOW: hidden; HEIGHT: 25px; BACKGROUND-COLOR: #f2f6fb
}
.listtitle {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; BORDER-LEFT: #fff 1px solid; WIDTH: 100px; COLOR: #fff; LINE-HEIGHT: 23px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 23px; BACKGROUND-COLOR: #e4e6fc; TEXT-ALIGN: center
}
.listtitle A:link {
	COLOR: #10478c; TEXT-DECORATION: none
}
.listtitle A:hover {
	COLOR: #79808a; TEXT-DECORATION: none
}
.listnav {
	PADDING-RIGHT: 5px; LINE-HEIGHT: 25px; TEXT-ALIGN: right
}
.ImgText {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; OVERFLOW: auto; WIDTH: 312px; PADDING-TOP: 6px
}
.ImgText .Img {
	FLOAT: left; WIDTH: 82px
}
.ImgText .Img IMG {
	BORDER-RIGHT: #c5c5c5 1px solid; BORDER-TOP: #c5c5c5 1px solid; DISPLAY: block; BORDER-LEFT: #c5c5c5 1px solid; WIDTH: 80px; BORDER-BOTTOM: #c5c5c5 1px solid; HEIGHT: 60px
}
.ImgText .Text {
	PADDING-LEFT: 5px; FLOAT: left; WIDTH: 225px
}
.ImgText H4 {
	FONT-SIZE: 12px; LINE-HEIGHT: 18px
}
.ImgText P {
	COLOR: #636363; LINE-HEIGHT: 15px
}
.list {
	BORDER-TOP: #d0dbe7 1px solid
}
.list UL {
	
}
.list LI {
	BORDER-TOP: #ddd 1px dashed; PADDING-LEFT: 13px; BACKGROUND: url(../images/icon_li.gif) no-repeat 3px 10px; MARGIN: 0px 5px; OVERFLOW: hidden; LINE-HEIGHT: 26px; HEIGHT: 26px; TEXT-ALIGN: left
}
.list LI SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #686868; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.list H5 {
	LINE-HEIGHT: 34px; HEIGHT: 34px; TEXT-ALIGN: center
}
.list H5 A {
	FONT-SIZE: 12px
}
.list H5 SPAN {
	DISPLAY: none
}
#mainleftlist {
	BORDER-RIGHT: #d0dbe7 1px solid; BORDER-TOP: #d0dbe7 1px solid; MARGIN: 0px 0px 5px; BORDER-LEFT: #d0dbe7 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d0dbe7 1px solid
}
.leftTitle {
	CLEAR: both; PADDING-LEFT: 8px; BACKGROUND: url(../images/tdot.gif) #e5ecf5 no-repeat 8px 10px; LINE-HEIGHT: 32px; HEIGHT: 30px
}
.leftTitle H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #1f3a87; PADDING-TOP: 0px
}
.leftTitle SPAN {
	PADDING-RIGHT: 15px; FLOAT: right
}
.subleftList {
	CLEAR: both; BACKGROUND: #fff
}
.subleftList UL {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.subleftList LI {
	PADDING-RIGHT: 3px; PADDING-LEFT: 15px; FONT-SIZE: 14px; BACKGROUND: url(../images/icon_li.gif) no-repeat 5px 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 615px; LINE-HEIGHT: 28px; PADDING-TOP: 0px; HEIGHT: 28px; TEXT-ALIGN: left
}
.subleftList LI SPAN {
	FLOAT: right
}
.newslist DL {
	FLOAT: left; WIDTH: 643px
}
.newslist DL DT {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #10478c; LINE-HEIGHT: 32px; PADDING-TOP: 0px; HEIGHT: 32px; TEXT-ALIGN: right
}
.newslist DL DT SPAN {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; OVERFLOW: hidden; TEXT-ALIGN: left
}
.newslist DL DT A:link {
	FONT-SIZE: 14px; COLOR: #16387c
}
.newslist DL DT A:visited {
	FONT-SIZE: 14px; COLOR: #16387c
}
.newslist DL DT A.newslist:hover DL DT A:active {
	COLOR: #f60
}
.newslist DL DD {
	CLEAR: both; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 8px; MARGIN: 0px 5px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dashed
}
.newslist DL DD BR {
	DISPLAY: none
}
.newslist DL DD IMG {
	FLOAT: right
}
.special {
	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
}
.special H2 {
	PADDING-LEFT: 28px; FONT-SIZE: 14px; BACKGROUND: url(../images/titlebg.gif) #e5ecf5 no-repeat 6px 7px; COLOR: #004499; LINE-HEIGHT: 30px; BORDER-BOTTOM: #d7e9f5 1px solid; HEIGHT: 30px
}
.special .left {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 288px; PADDING-TOP: 10px
}
.special .left IMG {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f2f6fb; PADDING-BOTTOM: 3px; BORDER-LEFT: #ddd 1px solid; WIDTH: 280px; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; HEIGHT: 210px
}
.special .left P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; TEXT-INDENT: 24px; LINE-HEIGHT: 18px; PADDING-TOP: 5px
}
.special .right {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 324px; PADDING-TOP: 10px
}
.special .recommandbox {
	BORDER-RIGHT: #d0dbe7 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #d0dbe7 1px solid; PADDING-LEFT: 8px; BACKGROUND: #f7fafd; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; BORDER-LEFT: #d0dbe7 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #d0dbe7 1px solid; HEIGHT: 100px
}
.special .recommandbox H3 {
	FONT-SIZE: 16px; LINE-HEIGHT: 24px; HEIGHT: 30px; TEXT-ALIGN: center
}
.special .recommandbox P {
	FONT-SIZE: 12px; LINE-HEIGHT: 18px
}
.specialnewslist {
	BORDER-RIGHT: #e5ecf5 1px solid; BORDER-TOP: #e5ecf5 1px solid; BORDER-LEFT: #e5ecf5 1px solid; BORDER-BOTTOM: #e5ecf5 1px solid
}
.specialnewslist H4 {
	PADDING-LEFT: 8px; FONT-SIZE: 14px; BACKGROUND: #f2f6fb; COLOR: #004499; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: left
}
.specialnewslist UL {
	
}
.specialnewslist LI {
	PADDING-LEFT: 13px; BACKGROUND: url(../images/icon_li.gif) no-repeat 3px 10px; MARGIN: 0px 5px; OVERFLOW: hidden; LINE-HEIGHT: 26px; HEIGHT: 26px; TEXT-ALIGN: left
}
.specialnewslist LI SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #686868; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#pagenum {
	CLEAR: both; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 32px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: center
}
#pagenum A:link {
	BORDER-RIGHT: #91abbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #91abbb 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f0f6f9; PADDING-BOTTOM: 1px; MARGIN: 5px 2px 4px; BORDER-LEFT: #91abbb 1px solid; COLOR: #1f3a87; PADDING-TOP: 2px; BORDER-BOTTOM: #91abbb 1px solid
}
#pagenum A:visited {
	BORDER-RIGHT: #91abbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #91abbb 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f0f6f9; PADDING-BOTTOM: 1px; MARGIN: 5px 2px 4px; BORDER-LEFT: #91abbb 1px solid; COLOR: #1f3a87; PADDING-TOP: 2px; BORDER-BOTTOM: #91abbb 1px solid
}
#pagenum A:hover {
	BORDER-RIGHT: #91abbb 1px solid; BORDER-TOP: #91abbb 1px solid; BACKGROUND: #1f3a87; BORDER-LEFT: #91abbb 1px solid; COLOR: #fff; BORDER-BOTTOM: #91abbb 1px solid
}
#pagenum A:active {
	BORDER-RIGHT: #91abbb 1px solid; BORDER-TOP: #91abbb 1px solid; BACKGROUND: #1f3a87; BORDER-LEFT: #91abbb 1px solid; COLOR: #fff; BORDER-BOTTOM: #91abbb 1px solid
}
#pagenum STRONG {
	COLOR: #f60
}
#commentlistnum {
	CLEAR: both; PADDING-RIGHT: 4px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 4px; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 32px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: center
}
#speciallist {
	WIDTH: 645px
}
.specialbox {
	BORDER-RIGHT: #d1deed 1px solid; BORDER-TOP: #d1deed 1px solid; PADDING-LEFT: 211px; MARGIN: 0px auto 5px; OVERFLOW: hidden; BORDER-LEFT: #d1deed 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #d1deed 1px solid
}
 HTML .specialbox {
	HEIGHT: 1%
}
.specialbox H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; FONT-SIZE: 14px; BACKGROUND: url(../images/li1.gif) #edf3f3 no-repeat 6px 9px; PADDING-BOTTOM: 5px; MARGIN: 0px -5px 0px -211px; PADDING-TOP: 5px; BORDER-BOTTOM: #d0dbe7 1px solid
}
.specialboxContainer {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -211px; BORDER-LEFT: #fff 211px solid; WIDTH: 100%; HEIGHT: 160px; BACKGROUND-COLOR: #fefefe
}
.specialboxContent {
	FONT-SIZE: 14px; FLOAT: right; MARGIN-LEFT: -1px; OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: 150px
}
.specialboxContent P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; TEXT-INDENT: 24px; LINE-HEIGHT: 24px; PADDING-TOP: 10px
}
.specialboxRail {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: -211px; WIDTH: 200px; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 150px
}
.specialboxRail IMG {
	WIDTH: 200px; HEIGHT: 150px
}
#picnewslist {
	BORDER-RIGHT: #d1deed 1px solid; BORDER-TOP: #d1deed 1px solid; MARGIN: 0px 0px 5px; BORDER-LEFT: #d1deed 1px solid; WIDTH: 643px; BORDER-BOTTOM: #d1deed 1px solid
}
#picnewslist H2 {
	CLEAR: both; PADDING-LEFT: 18px; FONT-SIZE: 14px; BACKGROUND: url(../images/tdot.gif) #e5ecf5 no-repeat 8px 10px; COLOR: #1f3a87; LINE-HEIGHT: 32px; HEIGHT: 30px
}
.picnewsbox {
	PADDING-RIGHT: 10px; BORDER-TOP: #d1deed 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; HEIGHT: 70px
}
.picnewsbox .left {
	WIDTH: 80px; HEIGHT: 70px
}
.picnewsbox .right {
	WIDTH: 533px
}
.picnewsbox H3 {
	FONT-SIZE: 12px
}
.picnewsbox .intro {
	OVERFLOW: hidden; LINE-HEIGHT: 16px; HEIGHT: 32px
}
.picnewsbox .date {
	FONT-SIZE: 11px; COLOR: #999999; LINE-HEIGHT: 18px; FONT-FAMILY: Tahoma; HEIGHT: 18px
}
.picnewsbox IMG {
	WIDTH: 80px; HEIGHT: 60px
}
#widecontainer {
	BORDER-RIGHT: #fff 5px solid; MARGIN: 0px auto; OVERFLOW: hidden; BORDER-LEFT: #fff 5px solid; WIDTH: 950px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}