body
{
	margin: 0px;
	font: 12px/1.2 arial,΢ÈíÑźÚ,ËÎÌå;
	background:url("../images/backgrounda.png") repeat-x scroll 0 0 #105C9A;
}

a:link, a:visited, a:active, a:hover
{
	color:#cbe8fc; text-decoration: none;
}
.floatLeft{float:left}
.floatRight{float:right}
.alignRight{ text-align:right}
.clearFloat{clear: both; height:0px;}
.cursor{cursor: pointer;}
.relative{ position:relative}
.vAlign{ vertical-align: middle}
.fontColorA{color:#F06015}

.center{margin: 0 auto; text-align:center; width:960px;}
.pageHeader{height:57px; margin:30px 0 12px 0; text-align:left;}
.logo{vertical-align: bottom; border:none}
.searchBoxDiv{margin:30px 0 0 30px; float:left; position:relative}
.searchBox{border-radius: 5px 0 0 5px; width:200px; height:25px; line-height:25px; background-color:#cdf67b; border:0 none; padding: 0 10px; color:#999999; float:left;}
.searchBtn{border-radius: 0 5px 5px 0; width:60px; height:25px; line-height:25px; background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background: -moz-linear-gradient(top,  #f88e11,  #f06015); float:left; text-align:center; color:#ffffff; font-weight:bold; cursor:pointer;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)}
.keywordsDiv{ margin:8px 0 0 20px; float:left; color:#cbe8fc; cursor:pointer}
#searchResult{ position: absolute; top:25px; left:0; width:250px; background-color:#f5f5f5; border-radius: 0 0 10px 10px; padding:15px; display:none; box-shadow:0 1px 5px rgba(0, 0, 0, 0.6)}
#searchResult ul{list-style-type:none; margin:0; padding:0;}
#searchResult li{margin-bottom:10px}
#searchResult hr{height:1px; margin:15px 0; color:#ffffff}
#searchResult a:link, #searchResult a:visited, #searchResult a:active{ color:#666666;}
#searchResult a:hover{ color:#669900; text-decoration: underline;}
.media{font-weight:bold;}
.closeBtn{margin: 0 auto;border-radius: 5px; width:60px; height:25px; line-height:25px; background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#cccccc));background: -moz-linear-gradient(top,  #cccccc,  #cccccc); text-align:center; color:#ffffff; font-weight:bold; cursor:pointer;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)}

.navBar{ float:left; width:150px; text-align:left; font-size:14px; color:#cbe8fc; text-shadow:1px 1px 0 #0a76a6}
.navBar ul{list-style-type:none; margin:20px 0 0 0; padding:0;}
.navBar li{margin-bottom:12px}
.hpMainContainer{ float:left; width:530px; background-color:White;word-wrap:break-word}
.hpMainContainer dl
{
	margin: 0 0 30px 0;
	text-align: left;
}
.hpMainContainer dd
{
	margin:0px;
	padding:20px;
	line-height:1.6;
	border-bottom: dashed 1px #1285bc;
}
.hpMainContainer dd span
{
	color:#b3b3b3; font-weight: bold;
}

a.linkA:link, a.linkA:visited, a.linkA:active{ color:#669900; font-size:16px; text-decoration:underline; font-weight:bold}
a.linkA:hover
{
	color: #FFFFFF;
	background-color:#669900
}
.recommendUserDiv{width:118px;}
.recommendUserDiv dd{background-color:White; padding:2px; width:50px; height:50px;float:left; margin:10px 0 0 0}
.recommendUserDiv .guy{margin-left:10px;}
.browser{ margin-top:300px; width:100px; font-size:12px; line-height:1.5}

.hpNextBtn{text-align:right; padding:0 20px 10px 0; position:relative}
.hpBtnSummary{ position:absolute; top:50px; right:-100px; background-color:#ff6f20; color:#ffffff; padding:5px 10px; display:none; font-weight:bold; -moz-border-radius: 5px}
/*.navBar a:link, .navBar a:visited, .navBar a:active, .navBar a:hover{ color:#cbe8fc;}*/
.rightContainer{float: right; width:265px;}
.hpPhotos{ background-color: White; text-align:left; padding:5px}
.hpPhotos img{display:block; border:none}
.hpPhotos a div{ position:absolute; top:0; left:0; z-index:1; text-align:left; background-color: White; display:none; color:#316F62; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); padding:10px}
.hpPhotosSizeA{width:125px; height:187px;}
.hpPhotosSizeDivA{width:105px; height:167px;}
.hpPhotosSizeB{width:255px; height:171px;}
.hpPhotosSizeDivB{width:235px; height:151px;}
.hpPhotosSizeC{width:125px; height:84px;}
.hpPhotosSizeDivC{width:105px; height:64px;}
.hpPhotosDivA{ margin-bottom:5px;}
.hpPhotosDivB{margin-top:5px}
.hpPhotosDivB img{margin-bottom:5px;}
.hpPagefooter{margin:20px 0; text-align:right; color:#cbe8fc; text-shadow:1px 1px 0 #0a76a6; letter-spacing: 1px;}

/* about us */
.storyDiv{color: #FFFFFF; height:150px; line-height:1.5} 
.yearDiv{font-size:50px; color: #FFFFFF; font-weight: bold; height:50px;} 
td{ padding:10px;}
.aboutusMainContainer{ float:left; width:750px; background-color:White; padding:30px; text-align:left;}
.storyDiv2{color: #FFFFFF; width:160px; height:200px; line-height:1.5;} 
.yearDiv2{font-size:35px; color: #FFFFFF; height:200px; font-weight: bold; width:30px; line-height:35px}

/* reg page*/
.regFontA{color:#666666; font-size:30px}
.regFontB{color:#999999}
.regFontC{color:#999999; font-size:20px}
.regDiv{margin-bottom:20px}
.regLine{margin:50px 0 0 0; font-size:12px;color:#666666;}
.regMainContainer{ float:left; width:760px; background-color:White; text-align:left; line-height:1.5; padding:25px}
td{
	font-size: 12px;
	color: #333333;
}
input#username{
    background: transparent;
    border: 0px;
    height: 22px;
    width: 118px;
    vertical-align: middle;
}
input#password{
    background: transparent;
    border: 0px;
    height: 22px;
    width: 118px;
    vertical-align: middle;
}
input#savepw{
     border: 0px solid #fff;
}


.colorA
{
	color:#666666
}
.colorB
{
	color:#A8B1BA
}

.marginTopA
{
	margin-top:10px;
}


.mainNavBar
{
	margin: 5px 5px 30px 0px;
	width: 860px;
	text-align: right;
}
.mainNavBar A:link, .mainNavBar A:visited, .mainNavBar A:active
{
	color: #000000;
	text-decoration: none;
}
.mainNavBar A:hover
{
	color: #000000;
	text-decoration: underline;
}
.hyperlinkA a:link, .hyperlinkA a:visited, .hyperlinkA a:active, .hyperlinkA a:hover
{
	color: #A8B1BA;
	text-decoration: none;
	background-color: Transparent
}
.originalNavBar
{
	text-align: left;
	width: 860px;
	margin-bottom: 30px;
	font-size: 18px;
}
.index_main
{
	width: 100%;
}
.index_main_internal
{
	width: 960px;
	text-align: left;
	margin-bottom: 50px;
}
.index_right
{
	float: right;
	padding:10px;
	text-align: left;
	width: 200px;
	-moz-border-radius: 8px;
	background-color:#F9F9F9;
}
.loginUserName
{
	border-width:0px;
	border-bottom:solid 1px #666666;
	color: #888888;
	width:100px;
	height:20px;
	line-height:20px;
	background-color:#F9F9F9
}
#loginBtn
{
	-moz-box-shadow: 0 1px 0 #4793DA inset, 0 1px 0 #0D4E86;
	background: -moz-linear-gradient(center top , #0D72D2, #0A5EC2) repeat scroll 0 0 transparent;
	background:#0A5EC2; 
	border: 1px solid #054388;
	color: #FFFFFF;
	cursor: pointer;
	font:bold 14px/17px "Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 80px;
	height:25px;
	-moz-border-radius: 5px
}
.originalNotice
{
	border-right: #ccc 1px solid;
	padding-right: 10px;
	border-top: #ccc 1px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: #ccc 1px solid;
	width: 160px;
	padding-top: 10px;
	border-bottom: #ccc 1px solid;
}
.originalWriter
{
	margin-top: 20px;
}
#original
{
	float: left;
	width: 620px;
	font-size:14px;
}
#original DL
{
	margin: 0 0 30px 0;
	width: 620px;
	text-align: left;
}
#original DT
{
	padding:6px;
	float:left;
	width:68px;
	height:100px;
	-moz-border-radius: 5px;
	background-color: #0066B2
	
}
#original DD
{
	margin:0px;
	padding:10px;
	float:right;
	width:500px;
	-moz-border-radius: 8px;
	background-color:#FFFFFF
}
.index_userName
{
	text-align:center;
	color:#FFFFFF;
}
.originalDDBasic
{
	font-weight: bold;
	font-size: 18px;
	color: #b3b3b3;
}
.originalBasicFont
{
	font-size: 12px;
	color: #b3b3b3;
}

#pagination
{
	font-size: 16px;
	width: 600px;
	text-align: left;
}