/*Great Wall 页面框架*/
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#f7f2ba; }
.clear { clear:both; }
img { border:0; }
a { text-decoration: underline; color:#545454; }
a:hover { text-decoration:none; color:#a31022; }
textarea { color:#545454; font-size:12px; width:180px; margin:10px auto; }
input { margin:5px auto; }
#wrapper { width:960px; margin:auto; padding-top:15px; }
#headerBig { width:958px; height:235px; }
.homepage { background: url(/image/community/chtlist-home.jpg) no-repeat scroll center center transparent; }
.story { background: url(/image/community/chtlist-story.jpg) no-repeat scroll center center transparent; }
.qa { background: url(/image/community/chtlist-qa.jpg) no-repeat scroll center center transparent; }
.photo { background: url(/image/community/chtlist-photo.jpg) no-repeat scroll center center transparent; }
#header { width:958px; height:235px; background:url(/image/panda/bg-2.png) repeat-y; }
#header a { text-decoration:underline; color:#545454; }
#header a:hover { text-decoration:none; color:#545454; }
#header .HomeName { font-size:28px; color:#545454; font-family:Arial, Helvetica, sans-serif; }
#logo { padding:80px 0 0 100px; float:left; }
#topNav { width:110px; height:22px; float:right; background:url(/image/community/bg-top.png) no-repeat; margin:5px 5px 0 0; color:#000; font-size:11px; font-weight:bold; padding:5px 0 0 10px; }
#topNav a { color:#fff; }
#topNav a:hover { color:#fff; }
h1 { margin:0 0 10px 0; padding:0; font-size:28px; color:#555; }
#main { width:960px; background:url(/image/panda/bg-2.png) repeat-y; }
#main h1, #main h1 a { font-size:24px; color:#c22525; padding:0px; margin:0px; padding: 0 0 10px 0; }
#main h2, #main h2 a { font-size:24px; color:#c22525; padding:0px; margin:0px; padding: 0 0 10px 0; }
/*----sideBar-----*/
#sideBar { width:200px; padding: 30px 0 40px 0; float: left; z-index:1000; margin-left:16px;  *margin-left: 8px;
}
#sideBar h2 { color:#FFF; display:block; font-size:14px; line-height:18px; margin:0; padding:10px 0 10px 20px; background:#9b9b9b; }
#sideBar h2 a, #sideBar h2 a:hover { text-decoration:none; color:#FFF; }
#sideBar h3 { font-size:16px; margin:5px auto; color:#c22525; }
#sideBar h4 { font-size:12px; margin:5px auto; color:#545454; }
#sideBar p { color:#545454; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin:0 0 10px; padding:0; }
#sideBar .leftinfo { background:#ffface; width:200px; margin-bottom:10px; padding-bottom:10px; }
#sideBar .leftinfo .lefticon { background:url(/css/images/community/other/left-info.png) no-repeat; width:37px; height:42px; float:left; margin:-15px 0 0 -10px; }
#sideBar .leftinfo .righticon { background:url(/css/images/community/other/right-info.png) no-repeat; width:117px; height:19px; float:right; margin:10px 10px 0 0; }
#sideBar .leftinfo .profile { border:1px solid #d1d1d1; padding:5px; width:120px; background:#fff; margin:10px auto; text-align:center; }
#sideBar .leftinfo .aboutinfo { text-align:left; padding:5px 0 0 20px; }
#sideBar .leftinfo .aboutinfo .phone { background:url(/css/images/community/other/phone-info.png) no-repeat; width:16px; height:14px; padding-left:20px; }
#sideBar .leftinfo .aboutinfo .mail { background:url(/css/images/community/other/mail-info.png) no-repeat; width:16px; height:11px; padding-left:20px; }
#sideBar .leftinfo .buttoninfo { float:left; margin:0 5px; }
#sideBar .facts { border:1px solid #e8e8e8; padding:5px 5px 10px 5px; background:#f1f1f1; margin:0 0 10px 0; }
#sideBar .facts a { color:#444; }
#sideBar .facts a:hover { color:#a31022; text-decoration:none; }
#sideBar .facts ul { list-style:none; margin:0; padding:0; }
#sideBar .facts ul li { font-size:11px; color:#666; line-height:14px; padding-left:10px; margin-bottom:10px; padding-bottom:5px; list-style:none; background:url(/css/images/arrow-gray.gif) 5px left no-repeat; border-bottom:1px dashed #c5c5c5; }
/*----contentMiddle-----*/
#contentMiddle { width:710px; float:left; margin-left:14px; padding:20px 5px; }
#contentMiddle .videoArea { width:300px; margin:0 5px; float:right; font-size:11px; color:#666; line-height:14px; text-align:center; }
h2.customer { font-size:18px; color:#c22525; padding:0px; margin:0px; height:33px; }
#contentMiddle p { color:#545454; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding:0px; margin:0px; margin-bottom:10px; }
#contentMiddle .content-box { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; margin:10px 0 0 0; }
#contentMiddle .content-box-header { background:url("/css/images/community/bg-content-box.gif") repeat-x scroll left top #E5E5E5; height:40px; margin-top:1px; }
#contentMiddle .content-box-header h3 { float:left; font-size:17px; padding:10px; margin:0; }
#contentMiddle .content-box-content { border-top:1px solid #CCCCCC; font-size:13px; padding:10px; }
#contentMiddle .content-box-content h6 { font-size:12px; margin:0; color:#222222; font-family:Verdana, Geneva, sans-serif; font-weight:bold; }
#contentMiddle .grayLine { border-bottom:1px solid #D1D1D1; clear:both; height:1px; margin-bottom:5px; }
/*导航样式*/
.nav-list { padding:0 0 0 3px; background:url(/image/panda/bg-2.png) repeat-y; }
ul.navlist { float:left; width:100%; margin:0; padding:0; overflow:hidden; }
ul.navlist li { width:auto; margin: 0 0 0 1px; float:left; background:url(/css/images/community/other/default.jpg) no-repeat; font-size:18px; list-style:none; width:189px; height:72px; text-align:center; }
ul.navlist li:hover { background:url(/image/community/current.jpg) no-repeat; width:189px; height:72px; }
ul.navlist li span { padding:15px 0 0 0; margin:0; font-size:20px; line-height:53px; color:#fff; }
ul.navlist li a, ul.navlist li.navcurrent a { text-decoration:none; color:#fff; }
ul.navlist li.navcurrent { background: url(/image/community/current.jpg)no-repeat; }
/*各版块样式*/
.headphoto { padding:0 10px 10px 10px; width:76px; float:left; margin-right:10px; }
.phototime { padding:0 0 5px 105px; border-bottom:#545454 dashed 1px; }
.phototime .updatetime { color:#c22525; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding:0px; margin:0px; margin-bottom:10px; }
.PhotoList { width:700px; height:auto; padding:10px 5px 0 5px; margin: 0 0 15px 0; }
.PhotoList .photoshare { margin-bottom:10px; }
.PhotoList .photoshare strong { color:#c22525; }
.PhotoList .photoshare strong a { color:#c22525; text-decoration:none; }
.PhotoList .photoshare strong a:hover { color:#c22525; text-decoration:none; }
.PhotoList .photoarea { background:url(/image/community/share-area.png) no-repeat right; width:700px; height:158px; }
.PhotoList .photoarea .photomain { margin:25px 0 0 10px; width:120px; float:left; }
.PhotoList .photoarea .photomain img { width:120px; }
.PhotoList .photoarea .photomain .photoName { font-size:11px; color:#666; font-style:italic; }
.PhotoList .storyarea { width:auto; height:auto; padding-left:105px; }
/*footer样式*/
#footer { width:960px; margin:auto; }
#bottom { width:100%; padding-bottom:50px; }
#bottomIn { width:960px; margin:auto; background:url(/image/panda/bg-2.png) repeat-y; font-size:11px; color:#666; padding-top: 10px; padding-bottom: 10px; text-align:center; }
#bottomIn img { border:none; }
#bottomIn p { margin:0 0 5px 0; line-height:15px; }
#bottomIn a:link, #bottomIn a:visited, #footer a:hover { color:#666666; border:none; }
#bottomIn a:hover { color:#a31022; text-decroration:none }
.bottomDash { border-top: 3px solid #bbbbbb; width:940px; margin:auto; /* website bottom image */
.ourMembers {
margin: 20px auto;
font-size:11px;
font-weight: bold;
width:98%;
text-align:left;
}
.ourMembers img { margin: 10px 5px 0 0; height:35px; width:auto; }
.ourMembers .security { float: left; border-right:1px solid #999; width:190px; margin-right:12px; }
.ourMembers .members { float: left; border-right:1px solid #999; width:280px; margin-right:12px; }
.ourMembers .payment { float: left; width:300px; margin-right:12px; border-right:1px solid #999; }
.ourMembers .follow { float:left; width:160px; }
.ourMembers a { color:#545454; }
}
#bottombg { width:960px; margin:auto; margin-left:-1px; height:16px;  *margin-top: -3px;
background:url(/image/panda/bg-5.png) no-repeat center; }
/* website bottom image */
.ourMembers { margin: 30px auto; font-size:11px; font-weight: bold; text-align:left; padding-left:30px; }
.ourMembers img { margin: 10px 10px 0 0; }
.ourMembers .security { float: left; border-right:1px solid #999; margin-right:20px; width:200px; }
.ourMembers .members { float: left; border-right:1px solid #999; margin-right:20px; }
.ourMembers .payment { float: left; }
.ourMembers a { color:#545454; }
/*------以下是footer search样式-------*/
#footersearch { background:url(/css/images/footer-searchbox.png) no-repeat; width:615px; height:45px; margin:10px auto; }
#footersearch .footersearchBox { width:500px; }
#footersearch .footersearchBox input { width: 450px; height:25px; border:none; float: left; color:#000; padding: 5px; margin:5px 0 0 10px; opacity:0.5; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
#footersearch .footersearchButton { width:100px; float:left; margin:4px 0 4px 23px; }
*+html #footersearch .footersearchButton { margin-right:25px; float: right; margin-top:-35px; }
/*其他样式*/
.roundCorner { -moz-border-radius:5px 5px 5px 5px; }
.blueFont { color:#319ECB; font-weight:bold; margin-right:5px; }
/*反馈样式*/
.testimonialContent { float:right; border:#BFC695 1px solid; position:relative; padding-left:8px; -moz-border-radius:6px; }
.testimonialContent h3 { padding:0px; margin:0px; font-size:16px; padding:10px 0 0 10px; margin-bottom:15px; color: #555555; }
.testimonialBox { margin:18px 5px 18px 0; border-bottom:1px dotted #c6c6c6; padding: 15px 5px; ; }
.testimonial { line-height:19px; color:#666; font-style:italic; text-decoration:none; font-size: 13px; }
.more { text-align:right; margin:10px; color:#666; font-size:12px; }
.more a { color:#444; }
.bywho { font-size:12px; color:#777; }
.wordStyle7 { font-size:11px; font-weight:bold; }
.highlightBold { color:#A31022; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:8px 0 5px; }
.quoteBegin { background:url(/pic/bg-quote-begin.gif) no-repeat scroll 4px 6px transparent; }
.quoteEnd { background:url(/pic/bg-quote-end.gif) no-repeat scroll 4px 6px transparent; }
#pageSelect { width:100%; margin:10px 0 10px 0 }
#pageSelect ul { padding:0px; margin:0px; overflow:hidden; zoom:1 }
#pageSelect ul li { float:left; display:block; -moz-border-radius:4px; border:1px solid #C1C1C1; font-size:10px; margin:0 8px 0 0 }
#pageSelect ul li a { display:block; color:#C6162B; padding:4px 8px 4px 8px; text-decoration:none }
#pageSelect ul li a:hover { color:#6b6b6b }
#pageSelect ul li.active { display:block; background:url(/css/images/bg-pageSelect.gif) repeat-x; background-position:bottom; background-color:#C6162B; border:1px solid #a31022; color:#fff; display:block; padding:4px 8px 4px 8px }
#pageSelect ul li.active2 { display:block; background:url(/css/images/bg-page2.gif) repeat-x; border:1px solid #A3A3A3; color:#fff; display:block; padding:4px 8px 4px 8px }
/*--Create Blog Style*/
#createBlog { padding:10px 20px; font-size:14px; }
#createBlog a { color:#545454; text-decoration:underline; }
#createBlog a:hover { color:#a31022; text-decoration:none; }
#createBlog .writeBlog { padding:10px 0; }
#createBlog .titleBlog { padding:10px 0; }
#createBlog .titleBlog input { border:#d1d1d1 1px solid; margin: 0 10px 0 5px; width:400px; }
#createBlog select { margin-right:10px; }
#createBlog .button { background:url("/css/images/community/bg-button-green.gif") repeat-x scroll left top #850000 !important; border:1px solid #850000 !important; color:#FFFFFF !important; cursor:pointer; display:inline-block; font-family:Verdana, Arial, sans-serif; font-size:11px !important; padding:5px 7px !important; text-decoration:none; margin-right:10px; }
.edit { padding:3px; border:1px #d1d1d1 solid; background-color:#fff; margin:1px 2px; }
.noblog { width:558px; padding: 20px 60px; border:#a2b4ee 1px solid; color:#585b66; background-image: url('/css/images/community/icons/information.png'); background-repeat:no-repeat; background-position:40px 20px }
/*story主要内容*/
.storytext { margin:0 0 15px 0; background:#fff; padding-bottom:20px; }
.storytext .maintext { padding:10px 20px 0 20px; }
.storytext .maintext h3 { font-size:14px; color:#545454; font-weight:100; margin:0; }
.storytext .maintext h3 a { color:#545454; text-decoration:none; }
.storytext .maintext h3 a:hover { color:#a31022; text-decoration:underline; }
.storytext .maintext h2 { font-size:16px; color:#545454; font-weight:100; margin:0; }
.storytext .maintext h2 a { color:#545454; text-decoration:none; }
.storytext .maintext h2 a:hover { color:#a31022; text-decoration:underline; }
.storytext .textdash { border-bottom: #d1d1d1 dashed 1px; margin:10px; }
.storytext .storytag { margin:10px 0 20px 0px; }
.storytext .storyselect { margin: 5px 0 5px 20px; font-size:12px; }
.storytext .storyread { margin: 15px 0 15px 20px; }
.storytext .storysort { float:right; padding:5px 10px; }
.storytext .storysort img { margin:0 0 -2px 5px; }
.storytext .leftsort { float:left; }
.storytext .leftsort img { margin:0 0 -2px 5px; }
.storytext .rightsort { float:right; }
.storytext ul { margin: 10px; padding-left:10px; }
.storytext ul li { font-size:12px; line-height: 18px; margin-bottom:8px; text-align: left; border-bottom:1px dotted #d1d1d1; padding-bottom:5px; }
.storytext ol { margin: 10px; padding-left:10px; }
.storytext ol li { font-size:11px; list-style-position: outside; line-height: 15px; margin-bottom:8px; text-align: left; border-bottom:1px dotted #d1d1d1; padding-bottom:5px; }
/*story次要内容*/
.storyleft { margin:0 0 10px 0; position:relative; background:#fff; }
.storyleft .mainLeft { padding:10px; }
.storyleft .mainLeft ul { margin: 10px; padding-left:10px; }
.storyleft .mainLeft ul li { font-size:12px; line-height: 18px; margin-bottom:8px; text-align: left; border-bottom:1px dotted #d1d1d1; padding-bottom:5px; }
/*--All Price Style*/
.redPrice12 { color: #A31022; }
.redPrice { color: #a31022; font-size:14px; }
.redPrice12Bold { color:#a31022; font-weight: bold; font-size: 13px; }
.price12Bold { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; color:#a31022; }
.highlightBold { color: #A31022; font-size: 16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin: 8px 0 5px 0; }
.reditalic { color:#a31022; font-style:italic; }
.redArial12Bold { font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#a31022; font-size:12px; }
.new { LEFT: -5px; POSITION: relative; TOP: -6px; font-size: 80%; font-weight: normal; color: #FF0000; font-style: italic; }
#loginbar { margin:10px 0; padding-top:10px; border-top:1px solid #e1e1e1; font-size:11px; color:#777; }
.tableStyle { border-top:#d1d1d1 1px solid; border-left:#d1d1d1 1px solid; color:#545454; font-size:12px; }
.tableStyle td { border-bottom:1px #d1d1d1 solid; padding:5px 5px; border-right:1px #ccc solid; text-align:center; }
.tableStyle th { border-bottom:1px #d1d1d1 solid; border-right:1px #ccc solid; padding:0px 5px; line-height:20px; height:30px; font-size:13px; background-image:url(/css/images/bg-table.GIF); background-repeat:repeat-x; color:#333; background-color:#dcdcdc; }
#aboutBox { width:662px; margin:0 0 30px 0 }
#aboutBox h2 { background:url(/css/images/aboutus/bg-title.png) no-repeat; width:647px; height:49px; padding:7px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:20px!important; font-weight:500; margin:0; color:#a31022; border-bottom:none }
#aboutBox h2 a, #aboutBox h2 a:hover { color:#a31022; text-decoration:none }
#aboutBox .infoBox { border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; width:660px }
#aboutBox .infoBox .contentLeft { width:440px; border-right:1px solid #d1d1d1; padding:5px 11px 0 11px; float:left }
#aboutBox .infoBox .photoRight { width:160px; float:left; padding-left:20px }
#aboutBox .infoBox .photoRight img { margin:5px 0 10px 0 }
#aboutBox .aboutboxBottom { background:url(/css/images/aboutus/bg-bottom.png) no-repeat; width:662px; height:18px }
#aboutBox .meettheTeam { background:url(/css/images/aboutus/bg-team.pn) no-repeat bottom; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; width:638px; height:256px; padding:5px 11px }
#aboutBox .infoBox .whyContent { padding:5px 5px 0px 11px; float:left }
#aboutBox .infoBox .whyContent h3 { background:url(/css/images/aboutus/bg-whyus-title.png) no-repeat; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:600; margin:0 0 5px 0; padding-left:20px }
.ourVideo { width:200px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-right:10px; position:relative }
.ourVideo .video-Icon { width:40px; height:28px; position:absolute; left:80px; top:64px }
.ourVideo .videoTitle { background:#f1f1f1; padding:5px; display:block; margin:5px 0; float:left!important; width:190px; clear:both }
.bestuser { margin:0 0 10px 0; }
.bestuser .userProf { width:96px; margin:2px; float:left; height:76px; text-align:center }
.bestuser .userProf img { width:50px; height:50px; }
.bestuser .userProf span { font-size:12px; }
/* 下拉的菜单栏 */
#Hmenu>ul>li ul { display:none; width:186px; position:absolute; box-shadow:2px 2px 2px #000; -webkit-box-shadow:2px 2px 2px #000; -moz-box-shadow:2px 2px 2px #123; background:#c1cd94; margin-top:10px; z-index:100; padding-left:0px; }
#Hmenu>ul>li ul>li { width:186px; background:url(/css/images/community/other/default.jpg) no-repeat; height:55px; }
#Hmenu>ul>li>ul li:hover { background: url(/image/community/current.jpg)no-repeat; ; }
