/* CSS Document */
dl,dt,dd {float:left;}
.ml6 {margin-left:6px;}

.topcaseshow {margin:5px 0 0 0;width:960px;height:377px;background:#000 url(../images/topcaseshow_bg.gif) no-repeat bottom;}
.topcasenav {width:161px;height:369px;background:url(../images/topcasenav_bg.gif);}
.topcasenavtop {width:161px;height:24px;font-size:0;background:url(../images/topcasenav_top.gif);}
.topcasenavlist {width:153px;height:250px;padding:0 0 0 8px;background:url(../images/topcasenavlist_bg.gif);}
.topcasenavlist h2 span {float:left;width:61px;height:22px;line-height:22px;text-align:center;cursor:pointer;}
.topcasenavlist .bg1 {background:url(../images/topcasenav_bg1.gif);font-weight:normal;color:#bababa;}
.topcasenavlist .bg2 {background:url(../images/topcasenav_bg2.gif);color:#fff;}
.topcasenavlist h2 {height:25px;font-size:12px;}

.casenav1 {width:81px;height:62px;}
.casenav1 h2 {width:81px;}
.casenav2 {width:72px;height:62px;}
.casenav2 h2 {width:72px;}

.topcasetextlink {width:145px;height:95px;padding:0 0 0 16px;background:url(../images/topcasetextlink_bg.gif) no-repeat bottom;}
.topcasetextlink ul {width:145px;}
.topcasetextlink li {width:145px;height:15px;padding:7px 0 0 0;color:#858585;}
.topcasetextlink li a {color:#858585;}
.topcasetextlink li a:hover {color:#ff631e;}

.casestylelist {width:666px;height:377px;overflow:hidden;}

.promotecasead {width:127px;height:374px;padding:3px 6px 0 0;background:url(../images/topcaseshow_right.gif) no-repeat right top;}
.promotecasead img {width:120px;height:360px;padding:2px 2px 3px 3px;border:1px solid #5e5e5e;background:#3d3d3d;}

.casesearch {margin:3px 0 0 0;width:960px;height:27px;background:url(../images/casesearch_bg.gif);overflow:hidden}
.keywordstitle {width:111px;height:20px;padding:7px 0 0 38px;background:url(../images/keywordstitle_bg.gif) no-repeat left top;font-weight:bold;color:#fff;}
.selectlist {width:132px;height:22px;padding:5px 0 0 0;}
.selectlist span {float:left;width:28px;padding:2px 0 0 0;color:#a8a8a8;}

.keywordsinput {width:119px;height:22px;padding:5px 0 0 0;}
.keywordsinput span {float:left;width:42px;padding:2px 0 0 0;color:#a8a8a8;}
.keywordsinput input {float:left;width:60px;height:15px;padding:1px 5px 0;border:0;background:url(../images/input_keywords_bg1.gif);color:#555;}
.keywordsinput2 {width:98px;height:22px;padding:5px 0 0 0;}
.keywordsinput2 span {float:left;width:42px;padding:2px 0 0 0;color:#a8a8a8;}
.keywordsinput2 input {float:left;width:40px;height:15px;padding:1px 5px 0;border:0;background:url(../images/input_keywords_bg2.gif);color:#555;text-align:center;}
.gosearch {width:81px;height:23px;padding:4px 0 0 0;}
.gosearch.bg1 {width:117px;height:23px;padding:4px 0 0 0;background:url(../images/casesearch_right.gif) no-repeat right top;}
.gosearch input {width:67px;height:18px;border:0;background:url(../images/input_go_bg.gif);color:#00156e;font-family:arial;cursor:pointer;}

.keywordslist {width:165px;height:18px;padding:9px 0 0 0;background:url(../images/casesearch_right.gif) no-repeat right top;}
.keywordslist p {width:165px;color:#e4e4e4;}
.keywordslist a {color:#e4e4e4;}
.keywordslist a:hover {color:#ff631e;}

.topbanner {margin:3px 0 0 0;width:960px;}
.topbanner1 {display:inline;width:477px;height:97px;}
.topbanner img {width:477px;height:97px;}

.commendcase {margin:3px 0 0 0;width:960px;height:166px;background:url(../images/commendcase_bg.gif);}
.commendcasetop {width:960px;height:36px;background:url(../images/commendcasetop_bg.gif);}
.commendcasetop h1 {float:left;width:114px;height:27px;padding:9px 0 0 43px;background:url(../images/commendcasetop_left.gif) no-repeat left top;font-size:12px;color:#fff;}
.commendcasetop span {float:right;width:50px;height:27px;padding:9px 0 0 0;background:url(../images/commendcasetop_right.gif) no-repeat right top;}
.notice {width:803px;height:16px;padding:7px 0 13px 0;background:url(../images/commendcasetop_right.gif) no-repeat right top;}
#movetext {line-height:16px;color:#2664e7;}
#movetext a {color:#2664e7;text-decoration:none}
#movetext a:hover {color:#f00;text-decoration:underline}

.commendcaselist {width:960px;height:130px;background:url(../images/commendcase_bottom.gif) no-repeat bottom;}
.commendcasepic {width:944px;padding:0px 0 0 12px;}
.commendcasepic li {display:inline;margin-right:8px;width:110px;height:119px;background:#fff;}
.commendcasepic li img {margin:3px 0 0 4px;width:100px;height:100px;}
.commendcasepic li p {width:110px;padding:6px 0 0 0;text-align:center;color:#474747;}
.commendcasepic li p a {color:#474747;}
.commendcasepic li p a:hover {color:#ff631e;}

.commendcasetext {width:176px;padding:5px 0 0 0;}
.commendcasetext li {width:176px;height:18px;padding:2px 0 0 0;color:#5e8ae6;}
.commendcasetext li a {color:#5e8ae6;}
.commendcasetext li a:hover {color:#ff631e;}

.commendlist {margin:3px 0 0 0;width:960px;height:288px;background:url(../images/commendcase_bg.gif);}
.commendlistnav {width:960px;height:27px;background:url(../images/commendlistnav_bg.gif);}
.commendlistnav h1 {width:3px;height:27px;font-size:0;}
.commendlistnav h1.left {float:left;background:url(../images/commendlistnav_left.gif);}
.commendlistnav h1.right {float:right;background:url(../images/commendlistnav_right.gif);}
.commendlistnav ul {margin:3px 0 0 0;}
.commendlistnav li {width:116px;height:24px;background:url(../images/commendlistnav_li_bg.gif) no-repeat right top;}
.commendlistnav li.nobg {background:none;}
.commendlistnav .bg1 {color:#fff;}
.commendlistnav .bg2 {background:url(../images/commendlistnav_li_bg0.gif) no-repeat right top;color:#f76719;font-weight:bold;}
.commendlistnav li span {float:left;width:97px;height:18px;padding:6px 0 0 10px;text-align:center;cursor:pointer;}
.commendlistall {width:953px;height:257px;padding:4px 0 0 7px;background:url(../images/commendcase_bottom.gif) no-repeat bottom;}
.commendinfolist {width:764px;height:250px;background:url(../images/commendinfolist_bg.gif);position:relative;}
.commenddesigners {width:764px;height:253px;background:url(../images/commenddesigner_bg.gif) repeat-y 7px top;}
.commenddesigners ul {width:756px;padding:0 0 0 5px;}
.commenddesigners li {width:252px;height:84px;}
.commenddesignerpic {width:88px;height:84px;background:url(../images/commenddesigners_li_bg.gif) no-repeat left top;}
.commenddesigners li img {margin:4px 0 0 4px;width:70px;height:70px;}
.commenddesisgnertext {width:136px;height:80px;padding:4px 0 0 10px;background:url(../images/line03.gif) repeat-x left bottom;}
.commenddesisgnertext p {width:136px;height:16px;padding:2px 0 0 0px;color:#000;}
.commenddesigners li p span {float:left;width:60px;}
.commenddesisgnertext p a {color:#000;}
.commenddesisgnertext p a:hover {color:#f00;}

.commendinfopiclist {width:764px;height:250px;position:absolute;left:2px;top:0;}
.commendinfopiclist ul {width:764px;height:250px;}
.commendinfopiclist li {display:inline;width:130px;height:120px;margin:5px 250px 0 0;}
.commendinfopiclist li img {margin:2px 0 0 5px;width:113px;height:94px;}
.commendinfopiclist li p {display:block;width:123px;height:18px;padding:6px 0 0 0;text-align:center;color:#474747;}
.commendinfopiclist li .pppp {width:130px;position:absolute;z-index:200}

.commendinfotextlist {width:756px;height:250px;position:absolute;left:6px;top:0;z-index:100}
.commendinfotextlist ul {width:756px;height:250px;}
.commendinfotextlist li {display:inline;margin:0 19px 0 135px;width:224px;height:18px;padding:6px 0 0 0;background:url(../images/line01.gif) repeat-x left bottom;color:#707070;}
.commendinfotextlist li a {color:#707070;}
.commendinfotextlist li a:hover {color:#f00;}

.commendinfolist dl {width:379px;}
.commendinfolist dt {display:inline;margin-right:11px;width:120px;height:247px;padding:3px 0 0 5px;background:#fff;}
.commendinfolist dt img {margin:2px 0 0 2px;width:113px;height:94px;}
.commendinfolist dt p {width:119px;height:18px;padding:6px 0 0 0;text-align:center;color:#474747;}
.commendinfolist dt p a {color:#474747;}
.commendinfolist dt p a:hover {color:#ff631e;}
.commendinfolist dd {width:224px;height:18px;padding:6px 0 0 0;background:url(../images/line01.gif) repeat-x left bottom;color:#707070;}
.commendinfolist dd a {color:#707070;}
.commendinfolist dd a:hover {color:#f00;}
.commendinfoad {margin:4px 0 0 0;width:180px;height:250px;}
.commendinfoad ul {width:180px;}
.commendinfoad li {width:180px;height:125px;}
.commendinfoad li img {width:180px;height:120px;}

.commendproduct {margin:3px 0 0 0;width:960px;height:173px;background:url(../images/commendcase_bg.gif);}
.commendproduct h1 {width:960px;height:27px;background:url(../images/commendproduct_h1_bg.gif);font-size:12px;}
.commendproduct h1 span {float:left;width:93px;height:17px;padding:10px 0 0 43px;background:url(../images/commendproduct_h1_left.gif) no-repeat left top;color:#449aeb;}
.commendproduct h1 ul {width:824px;height:19px;padding:8px 0 0 0;background:url(../images/commendproduct_h1_right.gif) no-repeat right top;}
.commendproduct h1 li {height:18px;padding:1px 13px 0 15px;background:url(../images/commendproduct_h1_li_bg.gif) no-repeat left top;font-weight:normal;}
.commendproduct h1 li a {color:#fff;}
.commendproduct h1 li a:hover {color:#449aeb;}
.productlist {width:950px;height:132px;padding:14px 0 0 10px;background:url(../images/commendcase_bottom.gif) no-repeat bottom;}
.productlist ul {width:948px;}
.productlist li {width:118px;height:130px;}
.productlist li img {margin:0 0 0 6px;width:100px;height:100px;border:1px solid #ccc;}
.productlist li p {width:118px;padding:8px 0 0 0;text-align:center;color:#2f2f2f;}
.productlist li p a {color:#2f2f2f;}
.productlist li p a:hover {color:#f00;}