@charset "utf-8";
.mainContent { position: relative; width:618px; float: left; overflow: hidden; height:140px; clear:both;}
.caseContent { background: url(images/bg_sidebar.jpg) 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.jpg) 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.jpg) 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.jpg) 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.jpg) no-repeat 0px -78px ;}
.detailBox H4.tit SPAN.iconB { background: url(images/icons.jpg) 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; 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.jpg) 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.jpg) 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.jpg) #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.jpg) 0px 0px; color: #fff; font-weight: bold ;}