p {font-size:15px; margin:0 0 15px 0;}
#page-wrap {width:784px; margin:17px 0 0 6px;}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px;}


/* Specific to example one */

#example-one {padding:0; margin: 0 0 15px 0;}/*  -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;  */

#example-one .nav {overflow:hidden; margin:0 ; padding-left:4px; position:relative; z-index:100;}
#example-one .nav li {width:112px; height:27px; float:left; margin:0 4px 0 0;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a {display: block; height:27px; line-height:27px; padding:0; background:url(/images/sub/tabOn_right.gif) no-repeat; color:#999; font-size:12px; font-weight:bold; text-align: center;border: 0;}
#example-one .nav li a:hover {background:url(/images/sub/tabOn_right.gif) no-repeat;}

#example-one ul { list-style: none; }
#example-one ul li a { display: block;  padding: 4px; color: #666; }
#example-one ul li a:hover {color:#333; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover {background:url(/images/sub/tabOn_left.gif) no-repeat; color:#333;}
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover {background:url(/images/sub/tabOn_left.gif) no-repeat; color:#333;}
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover {background:url(/images/sub/tabOn_left.gif) no-repeat; color:#333;}
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover {background:url(/images/sub/tabOn_left.gif) no-repeat; color:#333;}

#example-one .list-wrap {padding:0; margin: 0 0 15px 0; border-top:1px solid #d3d3d3; position:relative; top:-1px; clear:both; /*z-index:50;*/}

/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; border-top:1px solid #d3d3d3;}

#example-two ul { list-style: none; }
#example-two ul li a { display: block; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}

/* layout */
li.bigimg_twitter {width:784px; height:309px; border-bottom:3px solid #333; text-align:left;}
li.bigimg_twitter dl {margin:0; padding:0; display:inline;}
li.bigimg_twitter dl dd {float:left;}
li.bigimg_twitter dl dd.bigimg {float:left;width:537px; height:309px; background:#000;}
li.bigimg_twitter dl dd.twitter {float:right;width:223px; height:292px; padding:17px 0 0 22px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#fff;}

li.bigimg_twitter div.arrows {width:520px; height:38px; margin:129px 11px 39px; position:absolute; z-index:500;}
li.bigimg_twitter div.arrows span.left {float:left;}
li.bigimg_twitter div.arrows span.right {float:right;}
li.bigimg_twitter div.arrows dl {margin:0; padding:0; display:inline;}
li.bigimg_twitter div.arrows dl dd {float:left;}
li.bigimg_twitter div.arrows dl dd.arrow_right {float:right;}

/* yuchun */
div.personal_pr {width:784px; margin-bottom:20px; margin-top:15px; text-align:left; clear:both; overflow:hidden;}
div.personal_pr ol {margin:0; padding:0; display:inline;}
div.personal_pr ol li {float:left;}
div.personal_pr ol li.profile {width:350px;}
div.personal_pr ol li.profile h4 {font-size:14px; color:#333; padding-left:8px; margin-bottom:15px;}
div.personal_pr ol li.profile p {margin:0; padding:0; font-size:12px; font-weight:normal; color:#575757;}
div.personal_pr ol li.profile p span {color:#999; width:70px; padding-left:8px; display:inline-block;}
div.personal_pr ol li.careers {width:401px; float:right;}
div.personal_pr ol li.careers div.career_tab {width:305px; height:31px; position:relative; z-index:100;}
div.personal_pr ol li.careers div.career_tab dl {margin:0; padding:0; display:inline;}
div.personal_pr ol li.careers div.career_tab dd {float:left; width:133px; height:30px; line-height:30px; padding-top:1px; padding-left:19px; font-weight:bold;}
div.personal_pr ol li.careers div.career_tab dd.ca_tab_on {padding-right:1px; background:url(/images/sub/careers_tab_on.gif) no-repeat; color:#333;cursor:pointer;}
div.personal_pr ol li.careers div.career_tab dd.ca_tab_off {padding-right:0px; background:url(/images/sub/careers_tab_off.gif) no-repeat; color:#a1a1a1;cursor:pointer;}
div.personal_pr ol li.careers div.career_tab dd.ca_tab_off:hover{padding-right:0px; background:url(/images/sub/careers_tab_on.gif) no-repeat; color:#333;cursor:pointer;}

div.personal_pr ol li.careers div.career_list {width:401px; position:relative; z-index:50; top:-1px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
div.personal_pr ol li.careers div.career_list dl {margin:0; padding:0;}
div.personal_pr ol li.careers div.career_list dt {height:36px; line-height:36px; color:#575757;}
div.personal_pr ol li.careers div.career_list dt span {color:#979797; width:83px; display:inline-block; padding-left:13px;}
div.personal_pr ol li.careers div.career_list dd {height:1px; background:url(/images/common/dot_line.gif) repeat-x; display:block;}

.over_hidden {float:left; overflow:hidden; display:inline;}

div.activity_tab {width:784px; height:62px; margin-top:40px; text-align:left; position:relative; z-index:100;}
div.activity_tab h4 {color:#333; font-size:14px; padding-left:8px;}
div.activity_tab h4 span {color:#999; font-size:12px; font-weight:normal;}
div.activity_tab ol {width:427px; height:30px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin:16px 0 0 0; padding:0; overflow:auto;}
div.activity_tab ol li {width:106px; height:30px; line-height:30px; text-align:center; float:left; border-right:1px solid #d3d3d3; font-weight:bold;}
div.activity_tab ol li.act_tab_on {background:url(/images/sub/activity_tab_on.gif) no-repeat; color:#333;cursor:pointer;}
div.activity_tab ol li.act_tab_off {background:url(/images/sub/activity_tab_off.gif) no-repeat; color:#999;cursor:pointer;}
div.activity_tab ol li.act_tab_off:hover{background:url(/images/sub/activity_tab_on.gif) no-repeat; color:#333;cursor:pointer;}

div.activity_article {width:784px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding-bottom:12px; /*float:left;*/ overflow:hidden;}

div.activity_article ol.tab_01 {width:773px; margin:19px auto 0; padding:0; overflow:auto;}
div.activity_article ol.tab_01 li {float:left; width:170px; margin-right:31px;}
div.activity_article ol.tab_01 li.no_margin {margin:0;}

div.activity_article ol.tab_01 li dl {margin:0; padding:0; text-align:left;}
div.activity_article ol.tab_01 li dl dt {width:170px; height:134px;}
div.activity_article ol.tab_01 li dl dd {width:170px; padding:14px 0 14px; line-height:16px; color:#333;} /*	height:41px;	*/
div.activity_article ol.tab_01 li dl dd span.act_ti {text-decoration:underline;}
div.activity_article ol.tab_01 li dl dd span.act_date {color:#999;}

div.activity_article ol.tab_02 {width:773px; height:148px; margin:19px auto 0; padding:0; overflow:hidden;}
div.activity_article ol.tab_02 li {float:left; width:250px; height:137px; margin-right:31px;}
div.activity_article ol.tab_02 li dl {margin:0; padding:0; display:inline;}
div.activity_article ol.tab_02 li dl dd {float:left; color:#333;}
div.activity_article ol.tab_02 li dl dd.tab_02_thumb {width:96px; height:137px;}
div.activity_article ol.tab_02 li dl dd.tab_02_text {margin-left:31px; padding:10px; text-align:left; line-height:18px;}
div.activity_article ol.tab_02 li dl dd.tab_02_text span.act_ti {text-decoration:underline;}
div.activity_article ol.tab_02 li dl dd.tab_02_text span.act_date {color:#999;}

div.activity_article ol.tab_03 {width:680px; height:180px; margin:19px auto 0; padding:0; overflow:hidden;}
div.activity_article ol.tab_03 li {float:left; width:119px; height:180px; margin-right:68px;}
div.activity_article ol.tab_03 li.no_margin {margin:0;}

div.activity_article ol.tab_03 li dl {margin:0; padding:0; text-align:left;}
div.activity_article ol.tab_03 li dl dt {width:109px; height:101px; padding:10px;}
div.activity_article ol.tab_03 li dl dd {width:119px; height:69px; padding:0 0 0 10px; line-height:16px; color:#333;}
div.activity_article ol.tab_03 li dl dd span.act_ti {text-decoration:underline;}
div.activity_article ol.tab_03 li dl dd span.act_date {color:#999;}

div.activity_article ol.tab_04 {width:773px; margin:19px auto 0; padding:0; text-align:left;}
div.activity_article ol.tab_04 li {width:90%; margin-bottom:6px; padding-left:20px;}
div.activity_article ol.tab_04 li span {display:inline; color:#333;}
div.activity_article ol.tab_04 li span.act_date {color:#999; width:80px; display:inline-block;}


div.clear {clear:both; height:0; overflow:hidden;}			/*	delete float	*/