﻿.mainContent { POSITION: relative; WIDTH:780px; FLOAT: left; OVERFLOW: hidden; height:140px; clear:both}
.caseContent { BACKGROUND: url(images/bg_sidebar.gif) repeat-y right top }
.mainCaseCon {}
.mainCaseCon P { LINE-HEIGHT: 200% }
.mainCaseCon .introSpace { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 0px;PADDING-TOP: 0px }
.sideBarList LI { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none }
.sideBarList LI A { BORDER-BOTTOM: #ccc 1px dotted; PADDING-LEFT: 15px; DISPLAY: block; FONT: 12px/22px Tahoma; BACKGROUND: url(images/icons.gif) no-repeat 0px -100px; HEIGHT: 24px; COLOR: #666; OVERFLOW: hidden }
.sideBarList LI A:hover { BACKGROUND-POSITION: 0px -126px; COLOR: #3399cc; TEXT-DECORATION: none }
.sideBarList .txtList UL { PADDING-LEFT: 20px }
.sideBarList .txtList UL LI { }
.sideBarList .txtList UL LI A { BACKGROUND-POSITION: -8px -232px }
.articleList_content .picList { MARGIN:0px 0px 10px 0px; BACKGROUND:url() }
.articleList_content .picList LI { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; WIDTH: 150px; PADDING-RIGHT: 8px; FLOAT: left; HEIGHT: 140px;}
.articleList_content .picList LI:hover { }
.articleList_content .picList LI A IMG {}
.articleList_content .picList LI A:hover IMG { }
.articleList_content .picList LI .pe_u_thumb_title A { COLOR: #333; line-height:28px; _line-height:30px; padding:0px 5px;}
.articleList_content .picList LI .pe_u_thumb IMG { width:140px; height:110px}
.articleList_content .picList LI:hover .pe_u_thumb_title A { COLOR: #333;}
.articleList_content .picList LI .pe_u_thumb_title A:hover { COLOR: #FF6600;}


.detailBox { MARGIN-TOP: 10px }
.detailBox H2.tit { FONT: bold 16px/24px "??????"; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #369 }
.detailBox H2.tit SPAN { BACKGROUND: url(images/icons.gif) no-repeat 55px -130px; COLOR: #f30 }
.detailBox H3.tit { PADDING-LEFT: 20px; FONT: bold 12px/24px "??????"; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #777 }
.detailBox H3.tit SPAN { PADDING-RIGHT: 30px; BACKGROUND: url(images/icons.gif) no-repeat 55px -130px }
.detailBox H3.tit A { COLOR: #369 }
.detailBox H4.tit { PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 36px; OVERFLOW: hidden }
.detailBox H4.tit SPAN { PADDING-LEFT: 20px; FONT: bold 12px/36px "??????"; COLOR: #777 }
.detailBox H4.tit SPAN.iconA { BACKGROUND: url(images/icons.gif) no-repeat 0px -78px }
.detailBox H4.tit SPAN.iconB { BACKGROUND: url(images/icons.gif) no-repeat 0px -48px }
.detailBox H4.tit A { COLOR: #369; FONT-SIZE: 12px }
.detailBox H4.tit EM { FONT: 12px/36px Tahoma, "??????"; FLOAT: right; COLOR: #369 }
.detailBox H4.tit EM STRONG { PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #f30; FONT-SIZE: 16px; PADDING-TOP: 0px }
.articleList_content {}
.articleList_content:hover { BORDER-BOTTOM-COLOR: #f9eabc; BACKGROUND-COLOR: #fff; BORDER-TOP-COLOR: #f9eabc; BORDER-RIGHT-COLOR: #f9eabc; BORDER-LEFT-COLOR: #f9eabc }
#CustomSkin { POSITION: relative; HEIGHT: 180px; PADDING-TOP: 0px }
#CustomSkin LI { LIST-STYLE-TYPE: none; ZOOM: 1; LIST-STYLE-IMAGE: none; FONT: 12px/20px Tahoma, "????", Helvetica, Arial, sans-serif; }
#CustomSkin LI A { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #333; TEXT-DECORATION: none }
.scrollable { ZOOM: 1; HEIGHT: 160px; CLEAR: both; OVERFLOW: hidden }
.scrollable .picList LI { WIDTH: 140px }
.scrollable .items { POSITION: absolute; WIDTH:7000em; CLEAR: both }
.scrollable .active { Z-INDEX: 9999; POSITION: relative }
.navi { POSITION: absolute; FLOAT: right; HEIGHT: 20px; TOP: 15px; RIGHT: 80px }
.navi A { MARGIN: 3px; WIDTH: 8px; DISPLAY: inline-block; BACKGROUND: url(images/navigator.png) no-repeat 0px 0px; HEIGHT: 8px; FONT-SIZE: 1px }
.navi A:hover { BACKGROUND-POSITION: 0px -8px }
.navi A.active { BACKGROUND-POSITION: 0px -16px }
A.browse { POSITION: absolute; WIDTH: 18px; DISPLAY: inline-block; BACKGROUND: url(images/hori_largeZT.png) no-repeat; HEIGHT: 18px; FONT-SIZE: 1px; TOP: 15px; CURSOR: pointer }
A.right { BACKGROUND-POSITION: -17px 0px; CLEAR: right; RIGHT: 25px; MARGIN-RIGHT: 0px }
A.right:hover { BACKGROUND-POSITION: -57px 0px }
A.right:active { BACKGROUND-POSITION: -17px -30px }
A.left { BACKGROUND-POSITION: -40px 0px; RIGHT: 43px }
A.left:hover { BACKGROUND-POSITION: 0px 0px }
A.left:active { BACKGROUND-POSITION: -40px -30px }
.ClassicsCase { }
.ClassicsCase UL { ZOOM: 1; HEIGHT: auto; CLEAR: both; OVERFLOW: hidden }
.ClassicsCase UL LI { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; DISPLAY: block; HEIGHT: auto; BORDER-TOP: medium none; BORDER-RIGHT: medium none; _display: inline }
.ClassicsCase LI A { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: auto; PADDING-TOP: 0px }
.ClassicsCase LI A IMG { BORDER-BOTTOM: #e3e3e3 1px solid; BORDER-LEFT: #e3e3e3 1px solid; MARGIN: 2px 0px; BORDER-TOP: #e3e3e3 1px solid; BORDER-RIGHT: #e3e3e3 1px solid }
.ClassicsCase LI A:hover IMG { BORDER-BOTTOM-COLOR: #999; BORDER-TOP-COLOR: #999; BORDER-RIGHT-COLOR: #999; BORDER-LEFT-COLOR: #999 }
.ClassicsCase .pe_u_thumb_title { DISPLAY: none }
#demo { DISPLAY: inline; FLOAT: left; HEIGHT: 400px; OVERFLOW: hidden }
#siderList { MARGIN-TOP: 8px }
#siderList .sidNav { MARGIN: 5px 0px 10px 20px; WIDTH: 170px; CLEAR: both; OVERFLOW: hidden }
#siderList .sidNav A { BORDER-BOTTOM: #b5d1ec 1px dotted; LINE-HEIGHT: 30px; PADDING-LEFT: 10px; WIDTH: 100%; DISPLAY: block; FLOAT: left; HEIGHT: 30px }
#siderList .sidNav A:hover { BACKGROUND: #f2fafd }
#siderList .sidNav A.current { BACKGROUND: #f2fafd; COLOR: #f63 }
#reflections { }
#reflections H4 { LINE-HEIGHT: 30px; HEIGHT: 30px }
#reflections H4 A { FONT: bold 14px/30px "??????"; COLOR: #2b5cbb }
#reflections P { LINE-HEIGHT: 19px; MARGIN-BOTTOM: 7px; COLOR: #555 }
.caseBox { MARGIN-TOP: 20px; ZOOM: 1; CLEAR: both; OVERFLOW: hidden }
.caseBox H4.tit { PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: inline-block; FONT: bold 14px/28px Tahoma, "????"; BACKGROUND: #fbe7cc; HEIGHT: auto; COLOR: #ff3300; PADDING-TOP: 5px }
.caseTitle { COLOR: #f63; FONT-WEIGHT: bold }
.caseShrinks { TEXT-ALIGN: center; FLOAT: left }
.caseShrinks IMG { BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 191px; PADDING-RIGHT: 2px; HEIGHT: 208px; BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; PADDING-TOP: 2px }
.caseIntro { WIDTH: 420px; FLOAT: right }
.caseIntro P { LINE-HEIGHT: 25px; MARGIN: 2px 0px }
.caseIntroC { OVERFLOW: hidden }
.caseCon { FONT: 14px/26px Tahoma, "????"; COLOR: #666 }
.caseCon H4 { FONT: bold 26px/48px "??????"; MARGIN-BOTTOM: 20px; COLOR: #333 }
.caseCon P { TEXT-INDENT: 2em }
.pageReflections { }
.pageReflections H4 { }
.pageReflections P { MARGIN-BOTTOM: 20px !important }
#caseSearch { PADDING-BOTTOM: 20px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; BACKGROUND: #fff; CLEAR: both; VERTICAL-ALIGN: middle; OVERFLOW: hidden; PADDING-TOP: 20px; opacity: 0.6; box-shadow: 0 0 3px #999 }
#caseSearchIn { TEXT-ALIGN: left; CLEAR: both; OVERFLOW: hidden }
#caseSearch SELECT { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 140px; PADDING-RIGHT: 2px; DISPLAY: inline; FONT-FAMILY: Verdana; MARGIN-BOTTOM: 7px; FLOAT: left; HEIGHT: 26px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px }
#caseSearch SELECT OPTION { FONT: 11px/20px Mingliu; HEIGHT: 16px; COLOR: #666 }
#caseSearch .inp { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 136px; DISPLAY: inline; BACKGROUND: #fff; FLOAT: left; HEIGHT: 20px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid }
#caseSearch .sub { BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 40px; DISPLAY: inline; FONT: 12px/20px "??????"; BACKGROUND: url(images/bannerbg_yellow.gif) #fec360 0px 0px; FLOAT: left; HEIGHT: 22px; COLOR: #333; MARGIN-LEFT: 3px; BORDER-TOP: #ccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #ccc 1px solid }
#caseSearch .sub:hover { BACKGROUND: url(images/bannerbg_blue.gif) 0px 0px; COLOR: #fff; FONT-WEIGHT: bold }
