@charset "utf-8"; /* CSS Reset */ html,body,div,span,object,iframe,p,a,em,img,strong,h1,h2,h3,h4,h5,h6,u,i,center,dl,dt,dd,ul,ol,li,fieldset,legend,form,label{margin:0;padding:0;border:0;outline:0;font-size:100%;} body{background:#FFF;} table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;} table{border-collapse:collapse;} ul,ol{list-style:none;} select,input,button{vertical-align:middle;} textarea{overflow:auto;} /* font style */ .f10{font-size:10px;font-family:Arial,sans-serif;} .f12{font-size:12px;font-family:Arial,sans-serif;} .f14{font-size:14px;font-family:Arial,sans-serif;} .f16{font-size:16px;font-family:Arial,sans-serif;} .f18{font-size:18px;font-family:Arial,sans-serif;} .fl18{line-height:18px;} .fl20{line-height:20px;} .fl22{line-height:22px;} .fl24{line-height:24px;} .fl28{line-height:28px;} .ffs{font-family:"宋体",sans-serif;} .ffv{font-family:Verdana,sans-serif;} /* float & clear & display & vertical-align */ .fl{float:left;} .fr{float:right;} .fn{float:none;} .cl{clear:left;} .cr{clear:right;} .cb{clear:both;} .dn{display:none;} .db{display:block;} .di{display:inline;} .vat{vertical-align:text-top;} .vam{vertical-align:middle;} .vab{vertical-align:text-bottom;} /* blank */ .bk1,.bk3,.bk6,.bk8,.bk10,.bk12,.bk16{clear:both;font:1px/1px Arial;overflow:hidden;} .bk1{height:1px;} .bk3{height:3px;} .bk6{height:6px;} .bk8{height:8px;} .bk10{height:10px;} .bk12{height:12px;} .bk16{height:16px;} /* color */ .cF00{color:#F00;} .cF90{color:#F90;} .cF60{color:#F60;} .c900{color:#900;} .c999{color:#999;} .c666{color:#666;} .c333{color:#333;} .c111{color:#111;} .c000{color:#000;} .c04D{color:#04D;} /* link */ a.l999{color:#999;} a.l999:hover{color:#F60;} .l999 a{color:#999;} .l999 a:hover{color:#F60;} a.l666{color:#666;} a.l666:hover{color:#F60;} .l666 a{color:#666;} .l666 a:hover{color:#F60;} a.l333{color:#333;} a.l333:hover{color:#F00;} .l333 a{color:#333;} .l333 a:hover{color:#F60;} a.l000{color:#000;} a.l000:hover{color:#F60;} .l000 a{color:#000;} .l000 a:hover{color:#F60;} a.lnn{text-decoration:none;} a.lnn:hover{text-decoration:none;} .lnn a{text-decoration:none;} .lnn a:hover{text-decoration:none;} a.lnu{text-decoration:none;} a.lnu:hover{text-decoration:underline;} .lnu a{text-decoration:none;} .lnu a:hover{text-decoration:underline;} a.luu{text-decoration:underline;} a.luu:hover{text-decoration:underline;} .luu a{text-decoration:underline;} .luu a:hover{text-decoration:underline;} /* border */ .bccc{border:1px solid #ccc;} .btccc{border-top:1px solid #ccc;} .brccc{border-right:1px solid #ccc;} .bbccc{border-bottom:1px solid #ccc;} .blccc{border-left:1px solid #ccc;} .blrccc{border-left:1px solid #ccc;border-right:1px solid #ccc;} /* padding */ .pt3{padding-top:3px !important;} .pr3{padding-right:3px !important;} .pb3{padding-bottom:3px !important;} .pl3{padding-left:3px !important;} .pt6{padding-top:6px;} .pr6{padding-right:6px;} .pb6{padding-bottom:6px;} .pl6{padding-left:6px;} .pt10{padding-top:10px;} .pr10{padding-right:10px;} .pb10{padding-bottom:10px;} .pl10{padding-left:10px;} .pt20{padding-top:20px !important;} .pr20{padding-right:20px !important;} .pb20{padding-bottom:20px !important;} .pl20{padding-left:20px !important;} /* thumbnail */ .thumbnailcell{padding:5px;border:1px solid #ccc;background:#f5f5f5;display:none;} .thumbnailnull{ width: 90px; height: 90px; line-height: 90px; clear: both; overflow: hidden; border: 1px solid #ccc; background: #f5f5f5; text-align: center; text-decoration: none; color: #999; } @charset "utf-8"; /* CSS Document */ @media screen { body { height: 100%; line-height: 180%; background: #FFF url(/images/bg-body.gif) center 125px repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color:#333; } a {color:#333;} a:hover {color:#FF2200;} .container {position:relative; width:980px; left:50%; margin-left:-490px;} .loading { position: absolute; top: 0; left: 50%; width: 200px; height: 40px; line-height: 40px; margin-left: -100px; text-align: center; background: #FFFFEE; border: 1px solid #ddd; font-size: 9pt; z-index: 100; } .input { border:1px solid #7F9DB9;} .highlight {background:#FFFFCC;} .tablelist th, .tablelist td { word-wrap:break-word; word-break:break-all; } .tablelist th { border-bottom: 1px dashed #ccc; font-weight: normal; } .tablelist td { border-bottom: 1px dashed #ccc; } .tablestyle th { background: #f5f5f5; font-weight: normal; font-size: 9pt; line-height:200%; color:#000; } .tablestyle, .tablestyle td, .tablestyle th { border: 1px solid #e0e0e0; word-wrap:break-word; word-break:break-all; } .tablestyle td table td, .tablestyle th table td { border:0; } .image {padding:5px; border:1px solid #CCC; background:#FFF;} .image-null { width: 90px; height: 90px; line-height: 90px; clear: both; overflow: hidden; border: 1px solid #ccc; background: #fff; text-align: center; text-decoration: none; color: #999; } .sign-circle {width:10px; height:10px; display:block; float:left; background:url(/images/sign-circle.gif) center no-repeat;} /* ---------------------- wrap-header ---------------------- */ #wrap-header {} #wrap-header .logo {float:left; width:280px; height:85px; margin:15px 0 0 0;} #wrap-header .logo a {width:280px; height:50px; display:block; text-indent:-1000em; background:url(/images/expat-china-red.gif) no-repeat;} #wrap-header .utility {float:left; width:200px;} #wrap-header .utility ul {margin:15px 0 0 30px;} #wrap-header .utility li { background:url(/images/sign-circle.gif) left no-repeat; height:25px; line-height:25px; font-size:1.3em; font-weight:bold; text-indent:10px; } #wrap-header .utility a {color:#ce1707; text-decoration:none;} #wrap-header .ad-header {float:right; width:; height:80px; margin:10px 0 0 0; overflow:hidden; text-align:right;} /* ---------------------- wrap-navigation ---------------------- */ #wrap-navigation {} #wrap-navigation .main-box {height:45px; line-height:45px; background:#c62c20 url(/images/bg-navigation.gif);} #wrap-navigation .menu {float:left; padding:0 10px;} #wrap-navigation .menu li{float:left; text-indent:10px; color:#FFF;} #wrap-navigation .menu li a {color:#FFF; text-decoration:none;} #wrap-navigation .menu li a:hover {color:#FFF; text-decoration:underline;} #wrap-navigation .search {float:right; padding:0 10px; _padding-top:12px;} #wrap-navigation .search .text {border:0;} #wrap-navigation .search .button { width:60px; height:20px; line-height:20px; background:url(/images/btn-search.gif); border:0; color:#FFF; font-size:1em; text-indent:18px; cursor:pointer; } /* ---------------------- wrap-path ---------------------- */ #wrap-path {} #wrap-path .main-box {height:45px; line-height:45px; color:#666;} #wrap-path .main-box a {color:#666;} /* ---------------------- wrap-body ---------------------- */ #wrap-body {} /* content-box */ #content-box {float:right; width:770px; overflow:hidden; background:#FFF;} #content-box .title {margin:20px; font-size:2em; line-height:120%;} #content-box .title a {color:#333;} #content-box .contents {margin:0 20px;} #content-box .contents p {margin:0 0 10px 0;} #content-box .contents ul li a {color:#333;} #content-box .contents ul li a:hover {color:#FF2200;} #content-box .pagenav { height:50px; line-height:50px; padding:0 10px; background:url(/images/widget-bg-list.gif) bottom repeat-x; border-bottom:1px solid #DDD; } #content-box .picbox img { padding:2px; margin:0 3px 3px 0; border:1px solid #E5E5E5; } /* widget-sidebar */ #widget-sidebar {float:left;} /* widget-region */ #widget-region {width:190px; overflow:hidden;} #widget-region .main-box {} #widget-region .title { height:35px; line-height:35px; background:#c62c20 url(/images/widget-bg-title.gif) no-repeat; font-size:1.2em; color:#FFF; text-indent:10px; } #widget-region .list {} #widget-region .list ul {} #widget-region .list ul li { background:url(/images/widget-bg-list.gif) repeat-x; height:33px; line-height:33px; color:#666; text-indent:16px; border-bottom:1px solid #DDD; } #widget-region .list ul li a { padding:0 0 0 10px; background:url(/images/sign-circle.gif) left center no-repeat; color:#666; text-decoration:none; } #widget-region .list ul li a:hover {color:#FF2200; text-decoration:underline;} /* widget-link */ #widget-link {width:190px; overflow:hidden;} #widget-link .main-box {} #widget-link .title { height:35px; line-height:35px; background:#c62c20 url(/images/widget-bg-title.gif) no-repeat; font-size:1.2em; color:#FFF; text-indent:10px; } #widget-link .list {padding:10px 0; border:1px solid #DDD; border-top:0;} #widget-link .list ul {} #widget-link .list ul li {height:25px; line-height:25px; color:#666; text-indent:8px;} #widget-link .list ul li a { padding:0 0 0 10px; background:url(/images/sign-circle.gif) left center no-repeat; color:#666; text-decoration:none; } #widget-link .list ul li a:hover {color:#FF2200; text-decoration:underline;} /* widget ---end--- */ /* ---------------------- wrap-footer ---------------------- */ #wrap-footer-ad {background:url(/images/bg-footer.gif) center bottom repeat-x; height:168px; margin:20px 0 0 0;} #wrap-footer-ad li {float:left; width:313px; height:150px; background:url(/images/ad-footer-bg.gif); overflow:hidden;} #wrap-footer-ad li.split {width:20px; height:150px; background:url();} #wrap-footer-info {} #wrap-footer-info .main-box {color:#666; text-align:center; padding:10px 0 20px 0;} #wrap-footer-info .main-box a {color:#666;} #wrap-footer-info .list {} #wrap-footer-info .list li {float:left; margin:0 8px 8px 0;} #wrap-footer-info .list li a {color:#666;} /* ---------------------- pagination ---------------------- */ .pagination {margin:0; padding:0; float:right; list-style:none; height:21px;} .pagination li {display:inline; margin:0 0 0 2px; padding:0; height:21px; line-height:21px;} .pagination li a {display:inline-block; width:21px; height:21px; line-height:21px; color:#666; text-align:center; text-decoration:none;} .pagination li a:hover {text-decoration:underline;} .pagination li a.selected {background:url(/images/pagination-bg.gif) center no-repeat; color:#FFF;} } @media print { }