@charset "utf-8";
/*==============================
	Title: Jacob's Creek
	Updated: 2009-06-26  
	Content:  

    * Filename: base.css
    * Version: 2.0.0 (2009-06-26) YYYY-MM-DD
    * Website: 
    * Author: Ray Huang(ray.huang@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
html,body { width:100%; border:0; color:#4d4d4d;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;}
legend { color:#000; }
body { /*font:12px/1.231 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;*/ font-family:Tahoma ,"宋体", arial, helvetica, clean, sans-serif; font-size:12px;}
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}
/*=2=*/
div.divclear { height:0; clear:both; font-size:0; line-height:0; overflow:hidden;}
/*== 清除浮动 ==*/

a { outline:none; color:#4d4d4d; text-decoration:none;}
a:hover { text-decoration:underline; color:#4d4d4d;}
a img { border:0;}

/*== frame ==*/
html { background:#eee;}
#pageBody { width:1002px; height:auto; margin:0 auto;}
	#headerBox { width:100%; height:82px; background:url(../img/header-bg.jpg) center 0 no-repeat; position:relative;}
	#contentBox { width:100%; min-height:469px; _height:469px; background:url(../img/html-bg.jpg) center 0 no-repeat; position:relative;}
	#footerBox { height:49px; text-align:center; color:#b0232a;}
/*== header ==*/
#headerBox h2,#headerBox h2 a { width:150px; height:55px;}
#headerBox h2 { padding:15px 0 0 25px; background:url(../img/logo-jacobs-creek.gif) 25px 15px no-repeat;}
	#headerBox h2 a { float:left; text-indent:-1000em;}
#navBox { width:520px; height:25px; display:block; position:absolute; right:20px; top:30px;}
	#navBox li,#navBox li a { height:25px; float:left;}
	#navBox li a { text-indent:-1000em; background-image:url(../img/nav.gif); background-repeat:no-repeat;}
	#navBox li a.home { width:42px; background-position:0 0;}
	#navBox li a.atp { width:107px; background-position:-42px 0;}
	#navBox li a.intro { width:80px; background-position:-149px 0;}
	#navBox li a.prod { width:77px; background-position:-229px 0;}
	#navBox li a.restaurant { width:104px; background-position:-306px 0;}
	#navBox li a.down { width:110px; background-position:-410px 0;}
/*== footer ==*/
#footerBox li { display:inline; padding:0 10px; line-height:50px;}
#footerBox a { color:#b0232a;}
#footerBox a:hover { color:#b0232a;}
#footerBox img { vertical-align:middle;}
.spaceline { background:url(../img/space-line.gif) right center no-repeat;}
/*== intro ==*/
#sidebarBox { width:168px; position:absolute; left:45px; top:14px;}
	#sidebarBox h3,#sidebarBox h3 a { width:168px; height:35px;}
	#sidebarBox h3 { margin:0 0 1px;}
		#sidebarBox h3 a { float:left; text-indent:-1000em; background:url(../img/intro-heading-sidebar.gif) no-repeat;}
	#sidebarBox ul {}
		#sidebarBox li,#sidebarBox li a { width:168px; height:31px; line-height:31px; float:left;}
		#sidebarBox li { margin:0 0 1px;}
			#sidebarBox li a { text-indent:-1000em; background-image:url(../img/sidebar-menu.gif); background-repeat:no-repeat; }
			#sidebarBox li a.brand { background-position:0 -31px;}
			#sidebarBox li.current a.brand, #sidebarBox li a.brand:hover { background-position:0 0;}
			#sidebarBox li a.game { background-position:-168px -31px;}
			#sidebarBox li.current a.game, #sidebarBox li a.game:hover { background-position:-168px 0;}
			#sidebarBox li a.gamerule { background-position:-336px -31px;}
			#sidebarBox li.current a.gamerule, #sidebarBox li a.gamerule:hover { background-position:-336px 0;}
			#sidebarBox li a.quiz { background-position:-504px -31px;}
			#sidebarBox li.current a.quiz, #sidebarBox li a.quiz:hover { background-position:-504px 0;}
			#sidebarBox li a.atptime { background-position:-672px -31px;}
			#sidebarBox li.current a.atptime, #sidebarBox li a.atptime:hover { background-position:-672px 0;}
			#sidebarBox li a.gameaward { background-position:-840px -31px;}
			#sidebarBox li.current a.gameaward, #sidebarBox li a.gameaward:hover { background-position:-840px 0;}
			
	.figures { width:auto; height:auto; position:absolute;}
	#contentBox.intro .figures { left:88px; top:125px;}
	#contentBox.story .figures { left:-42px; top:224px;}
#mainBox { min-height:430px; _height:430px; padding:20px 40px 0 270px; background:url(../img/intro-bg.jpg) 193px 7px no-repeat;}
	#mainBox h1 { height:40px; line-height:40px; color:#b0232a; font-size:24px; font-weight:bold; background:url(../img/heading-bg.png) 0 bottom no-repeat;}
		#mainBox h1 span { width:100%; height:39px; float:left; text-indent:-1000em; background-position:13px 0; background-repeat:no-repeat;}
		span.intro { background-image:url(../img/intro-heading.gif);}
		span.story { background-image:url(../img/story-heading.gif);}
	#mainBox p { padding:8px 20px 8px 15px; line-height:18px;}
	.figurec { padding:0 0 0 15px;}
		#contentBox.story .figurec img { margin:0 40px 0 0;}
	#mainBox h2 { height:22px; text-indent:-1000em; background:url(../img/intro-heading-h2.gif) 15px 0 no-repeat;}
/*== contact ==*/	
#contactBox { min-height:418px; _height:418px; padding:41px 0 0 390px; background:url(../img/contact-figure.jpg) 198px 24px no-repeat;}
	#contactBox h1 { width:100%; height:28px; text-indent:-1000em; background:url(../img/contact-heading.gif) 0 0 no-repeat;}
	#contactBox p.tip { width:500px; height:45px; float:left; margin:15px 0 0; text-indent:-1000em; background:url(../img/contact-tip.gif) no-repeat;}
	#contactBox ul { padding:15px 0 0;}
		#contactBox li,#contactBox label,#contactBox input,#contactBox textarea,#contactBox span { float:left;}
		#contactBox li,#contactBox label { width:80px;}
		#contactBox li { width:100%; margin:0 0 15px;}
		#contactBox label { height:25px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
		#contactBox label.name { background-image:url(../img/label-name.gif);}
		#contactBox label.email { background-image:url(../img/label-email.gif);}
		#contactBox label.msg { width:100%; background-image:url(../img/label-msg.gif);}
		input.txt, #contactBox textarea { margin:0 10px 0 0; border:1px solid #b0232a;}
		input.txt { width:135px; height:20px; padding:6px 5px 0;}
		#contactBox textarea { width:380px; height:135px; padding:5px;}
		#contactBox span { line-height:26px;}
		.errortip { color:#b0232a;}
		.errortip strong { font-weight:bold;}
		.msgbtn { width:62px; height:23px; _display:inline; margin:0 0 0 330px; text-indent:-1000em; border:0; background:url(../img/btn-submit.gif) no-repeat; cursor:pointer;}
#contactPopBox { display:none;}
#contactPop { width:350px; height:238px; overflow:hidden;}
html > body #contactPop { background:url(../img/contact-pop-bg.png);}
* html #contactPop { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='img/contact-pop-bg.png');}
	#contactPop h4 { width:100%; height:70px; text-indent:-1000em; background:url(../img/cantact-pop-heading.gif) 26px 40px no-repeat;}
	#contactPop p { padding:30px 80px 15px 30px; line-height:20px;}
	.poplink { padding:0 0 0 30px; position:relative;}
		.poplink a { padding:0 5px 0 0;}
/*== prod ==*/
#prodBox { width:921px; height:510px; padding:7px 0 0 45px;}
/*== restaurant ==*/
#contentBox.restaurant #sidebarBox h3 a { background:url(../img/restaurant-heading-sidebar.gif) no-repeat;}
.cityselectbox,.promotionselectbox { width:168px; height:31px; overflow:visible; background:url(../img/restaurant-menu-bg.gif) no-repeat; cursor:pointer; position:relative;}
.cityselectbox { z-index:51;}
.promotionselectbox { z-index:50;}
.cityselectbox span { line-height:31px; padding:0 0 0 30px;}
.promotionselectbox span { line-height:31px; padding:0 0 0 20px;}
.soul { width:168px; max-height:300px; _height:300px; overflow:auto; overflow-x:hidden; display:none; position:absolute; left:0; top:31px; border:1px solid #b0232a; background:#fff;}
#promotionOption { _height:65px;}
.soul li { width:136px; padding:0 0 0 30px; cursor:pointer;}
.soul li:hover { color:#fff; background:#b0232a;}

#contentBox.restaurant #mainBox { background:none;}
#contentBox.restaurant #mainBox h1 { text-indent:20px;}
#Searchresult { min-height:350px; _height:350px;}
	#Searchresult dl { padding:8px 0 8px 18px; margin:0 15px; background:url(../img/restaurant-space-line.png) 0 bottom no-repeat;}
		#Searchresult dt { color:#b0232a; font-size:16px; font-weight:bold;}
		#Searchresult dd { line-height:20px;}
/*== atp ==*/
#atpBox { padding:28px 80px 0 114px; position:relative;}
	#atpBox h1 { width:100%; height:27px; text-indent:-1000em; background:url(../img/atp-heading.gif) no-repeat;}
	#atpBox .brief { line-height:24px; padding:10px 55px 0 15px; letter-spacing:0.5px; color:#656565; font-size:14px; font-weight:bold;}
	.atpintro { width:407px; height:350px; padding:0 20px 0 54px; background:url(../img/atp-intro-bg.png) no-repeat; position:absolute; left:76px; _left:-38px; top:124px;}
	.schedule { width:347px; height:350px; padding:0 0 0 17px; background:url(../img/atp-schedule-bg.png) no-repeat; position:absolute; left:557px; _left:443px; top:124px;}
		.atpintro h2, .schedule h2 { width:100%; height:36px; text-indent:-1000em; margin:0 0 17px; background-position:0 0; background-repeat:no-repeat;}
		.atpintro h2 { background-image:url(../img/atp-intro-heading.gif);}
		.schedule h2 { background-image:url(../img/atp-schedule-heading.jpg);}
		.atpintro .content, .schedule .content { height:250px; overflow:hidden; line-height:20px; color:#353535;}
		.atpintro .content img.figure { float:left; margin:0 15px 0 0;}
		.atpintro .content { width:405px;}
		.schedule .content { width:340px;}
			.atpintro p, .schedule p { padding:0 0 20px;}
			.schedule table { width:310px;}
				.schedule th,.schedule td { padding:0 5px;}
				.schedule th { height:21px; line-height:21px; color:#fff; font-weight:bold; background:#b0232a;}
				.schedule td { height:28px; line-height:28px; background:#e0e0e0;}
				.schedule .even { background:#d0d0d0;}
/*== index ==*/
#indexBrief { width:527px; height:244px; background:url(../img/index-brief-bg.png) no-repeat; position:absolute; left:390px; top:39px;}
	#indexBrief h1 { width:100%; height:73px; text-indent:-1000em; background:url(../img/index-heading.gif) 15px 0 no-repeat;}
	#indexBrief h2 { width:100%; height:44px; text-indent:-1000em; background:url(../img/index-heading-sub.gif) 15px 0 no-repeat;}
	#indexBrief p { width:470px; height:60px; float:left; padding:0 0 0 15px; text-indent:-1000em; background:url(../img/index-p.gif) 15px 0 no-repeat;}
	.viewmore, .viewmore a { width:179px; height:25px;}
	.viewmore { width:340px;position:absolute; left:190px; top:195px;}
		.viewmore .homelink{ float:left; text-indent:-1000em; background:url(../img/index-link-atp.gif) no-repeat;}
		.viewmore .winnerlink{ width:108px;float:left; text-indent:-1000em; background:url(../img/index-link-list.gif) no-repeat;margin-right:10px;}
#indexKv { width:327px; height:402px; position:absolute; left:63px; top:39px;}
#indexQlink { width:551px; height:143px; position:absolute; left:390px; top:298px;}
	#indexQlink img { float:left;}
#ageBox { margin:-80px 0 0 -143px; position:absolute; left:50%; top:50%; z-index:101;}
	#agePop { width:287px; height:159px; background-position:0 0; background-repeat:no-repeat;}
	html > body #agePop { background-image:url(../img/index-pop-bg.png);}
	* html #agePop { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='img/index-pop-bg.png');}
	
	.indexpoptxt { padding:32px 0 0 44px;}
		.indexpoptxt p { width:196px; height:58px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
		p.age { background-image:url(../img/index-pop-age.gif);}
		p.indexpopterm { background-image:url(../img/index-pop-term.gif);}
	.popbtnarea { width:100px; padding:13px 0 0 107px; position:relative;}	
	.popbtnarea button { width:27px; height:27px; float:left; _display:inline; margin:0 23px 0 0; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat; border:0; cursor:pointer;}
		button.yes { background-image:url(../img/index-pop-yes.gif);}
		button.no { background-image:url(../img/index-pop-no.gif);}
	.popbtnarea a { width:74px; height:27px; float:left; text-indent:-1000em; background:url(../img/index-pop-back.gif) no-repeat;}	
	.termcontent { display:none;}	
#maskOver { background-color:#ccc; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; position:fixed; z-index:100; top:0; left:0; height:100%; width:100%; }	
* html #maskOver { /* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#winnerlist{margin:-220px 0 0 -220px;position:absolute; left:50%; top:50%;display:none;z-index:2;}
#maskbox { background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:fixed; z-index:100; top:0; left:0; height:100%; width:100%;display:none;z-index:1;}	
* html #maskbox { /* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');z-index:1;}
#mask-background{width:502px;height:404px;background:url(../img/jacobs-winlist-bg.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='img/jacobs-winlist-bg.png');_background:none;position:absolute;left:0px;top:0px;z-index:102;}
#mask-con{width:502px;height:404px;position:absolute;left:0px;top:100px;z-index:103;}
#mask-con h3{width:100%;height:25px;background:url(../img/jacobs-winlist-title.gif) 23px 0 no-repeat;text-indent:-1000em;}
#mask-con p{width:100%;height:64px;background:url(../img/winlist-info.gif) 23px 12px no-repeat;text-indent:-1000em;float:left;}
#mask-con .wintitle{width:100%;height:30px;font-size:14px;background:none;text-indent:inherit;font-weight:bold;line-height:30px;}
#winlistname{width:94%;height:195px;overflow:hidden;margin:8px 0 0 25px;}
#winlistname label{width:90%;height:18px;background:url(../img/jacobs-winlist-bannerbg.gif) no-repeat;float:left;color:#FFF;font-size:13px;font-weight:bold;padding:5px 0 0 5px;}
#winlistname ul,#winlistname li{width:100%;line-height:22px;color:#000;float:left;}
#winlistname ul{padding-bottom:20px;}
#winlistname span{width:100px;float:left;padding-left:5px;}
#mask-close{width:49px;height:18px;position:absolute;left:430px;text-indent:-1000em;top:13px;z-index:104;background:url(../img/jacobs-winlist-back.gif);cursor:pointer;}
/*== download ==*/
#downloadBox { width:686px; height:430px; padding:38px 0 0 288px; background:url(../img/download-figure.jpg) 42px 24px no-repeat;}
	#downloadBox h1 { width:100%; height:30px; margin:30px 0 23px; text-indent:-1000em; background:url(../img/download-heading.jpg) no-repeat;}
	.wpitem { width:290px; min-height:300px; _height:300px; display:-moz-inline-stack; display:inline-block; margin:0 20px 0 0; zoom:1; *display: inline; text-align:center;}
		.wpitem img { display:block; margin:0 0 20px;}
			.wpitem a { line-height:25px; display:block; padding:0 0 5px; font-weight:bold; background-position:center bottom; background-repeat:no-repeat;}
			.wpitem a:hover { text-decoration:none;} 
			a.size1 { color:#b0232a; background-image:url(../img/download-link-bg-1.jpg);}
			a.size1:hover { color:#000; background-image:url(../img/download-link-bg-2.jpg);}
			a.size2 { color:#000; background-image:url(../img/download-link-bg-2.jpg);}
			a.size2:hover { color:#b0232a; background-image:url(../img/download-link-bg-1.jpg);}
/*== game ==*/
#gameBox { padding:6px 0 0; position:relative;}
#gameContent { width:490px; height:470px; margin:0 auto; border:1px solid #d2d2d2;}
.linkgame { width:130px; height:114px; position:absolute; right:65px; top:334px;}
	.linkgame a { width:130px; height:114px; float:left; text-indent:-1000em; background:url(../img/link-QP.jpg) 0 0 no-repeat;}
/*== blog ==*/
#blogInfo { width:212px; float:left; padding:20px 0 0 67px;}
	#contentBox.blog h2.blog { width:100%; height:26px; background:url(../img/blog-heading-bg.gif) 0 0 repeat-x;}
		#contentBox.blog h2.blog span { width:100%; height:26px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
		#contentBox.blog h2.blog span.personal { background-image:url(../img/blog-heading-personal.gif);}
		#contentBox.blog h2.blog span.article { background-image:url(../img/blog-heading-article.gif);}
	#contentBox.blog div.blogc { padding:5px 15px; margin:5px 0; border:1px solid #e1d6d3;}
	.blogface { width:180px; height:237px; display:block; margin:0 auto;}
	.blogname { line-height:36px; text-align:center; color:#5f5f5f; font-size:16px; font-weight:bold;}
	#blogInfo ul { padding:10px 0 0;}
		#blogInfo li,#blogInfo label,#blogInfo span,#blogInfo p { float:left;}
		#blogInfo li { width:100%; line-height:20px;}
		#blogInfo li.blogerintro { margin:20px 0 0;}
			#blogInfo label { width:70px;}
			#blogInfo li.blogerintro label { width:100%;}
			#blogInfo span { width:70px; color:#611403; font-style:italic; font-size:14px; font-weight:bold;}
			#blogInfo p { padding:0 0 20px;}
#articleBox { width:628px; float:right; padding:20px 83px 0 0; position:relative;}
	#articleBox .back { line-height:26px; position:absolute; right:100px; top:20px;}
	#articleBox .back a { color:#fff;}
	.itema { margin:10px 0; padding:5px 0; background:url(../img/line-x.gif) 0 bottom repeat-x;}
		.itema h3,.itema h3 a,.itema h1 { line-height:45px; color:#611403; font-size:21px; font-weight:bold;}
		.itema h3 span,.itema h1 span { padding:0 0 0 10px; color:#7d7d7d; font-size:12px; font-weight:normal;} 
		.article { padding:10px 0; color:#444;}
		.itema .more { padding:10px 0;}
		.itema .config { text-align:right;}
			.itema .more a, .itema .config a { padding:0 10px 0 0; color:#611403;}
			.itema .config a span { padding:0 0 0 5px; color:#7d7d7d;}
	#commentslist { margin:10px 0;}
		#commentslist h3,#commentsForm h3 { width:100%; height:22px; text-indent:-1000em;}
		#commentslist h3 { background:#b0232a url(../img/blog-heading-reply.gif) 0 0 no-repeat;}
		#commentsForm h3 { background:#b0232a url(../img/blog-heading-comment.gif) 0 0 no-repeat;}
		.itemc { margin:5px 10px; padding:0 0 10px; position:relative; background:url(../img/line-x.gif) 0 bottom repeat-x;}
			.itemc dt { height:30px; line-height:30px;}
			.itemc dd.time { height:30px; line-height:30px; position:absolute; left:500px; top:0;}
	#commentsForm { _height:250px; margin:10px 0; position:relative;}	
		#commentsForm ul { padding:35px 0 0 12px;}
		#commentsForm li,#commentsForm label,#commentsForm a,#commentsForm span { line-height:22px;}
		#commentsForm li { margin:0 0 5px;}
		#commentsForm textarea { width:573px; height:113px; margin:0 0 10px; border:1px solid #a8a8a8; background:#fff;}
		#commentsForm .inputtxt { width:130px; height:20px; border:1px solid #a8a8a8; background:#fff;}
		#commentsForm span { padding:0 10px;}
		
			#spancheck img { width:72px; height:21px; vertical-align:middle;}
			* html #spancheck img ,* +html #spancheck img{ padding:5px 0 0; vertical-align:top;}
			#pckeckcode { height:22px; margin:5px 0 0; border:0; background:none; cursor:pointer;}
		#commentsForm .btnarea { position:absolute; left:515px; bottom:10px;}
		#commentsForm .btnarea input { width:71px; height:21px; float:left; text-indent:-1000em; background:url(../img/btn-reply.gif) no-repeat; border:0; cursor:pointer;}
/*== index phase II ==*/
#homeBox { width:100%; min-height:725px; _height:725px; background:url(../img/homepage-bg.jpg) 0 0 no-repeat; position:relative;}
	#homeBox h1 { width:100%; height:36px; text-indent:-1000em; padding:29px 0 0; background:url(../img/home-heading.gif) 62px 29px no-repeat;}
	#kvHome { width:616px; height:333px; position:absolute; left:271px; top:91px;}
		.moreatp { position:absolute; left:438px; top:268px;}
	#gameHome { width:435px; position:absolute; left:26px; top:494px;}	
		#gameHome h2,#blogHome h2 { width:100%; height:36px; text-indent:-1000em;}
		#gameHome h2 { background:url(../img/home-heading-game.gif) 33px 0 no-repeat;}
		#blogHome h2 { background:url(../img/home-heading-blog.gif) 14px 0 no-repeat;}
		#gameHome .itemhome { float:left;}	
			#gameHome .itemhome .figure { display:block;}
			#gameHome .itemhome div { padding:0 0 0 32px;}
	#blogHome { width:430px; position:absolute; left:534px; top:494px;}	
		.homeblogface { float:left;}
		#blogHome dl { width:217px; float:left;}
			#blogHome dt span { width:100%; height:25px; float:left; text-indent:-1000em; background:url(../img/home-heading-blogtitle.gif) 0 0 no-repeat;}
			#blogHome dd { padding:5px 0 0; line-height:22px;}
		#blogHome .moreblog { position:absolute; left:344px; top:190px;}	
/*== game rule ==*/	
#sidebarBox h3 a.gamesideheading { float:left; text-indent:-1000em; background:url(../img/gamerule-heading-sidebar.gif) no-repeat;}
#sidebarBox h3 a.quizsideheading { float:left; text-indent:-1000em; background:url(../img/quiz-heading-sidebar.gif) no-repeat;}
#gameruleBox { height:444px; padding:25px 0 0 285px; background:url(../img/gamerule-bg.jpg) 193px 7px no-repeat; position:relative;}		
	#gameruleBox h1 { height:25px; text-indent:-1000em; background:url(../img/gamerule-heading.gif) 0 0 no-repeat;}	
	#gameruleBox h1.quiz { background:url(../img/quiz-heading.gif) 0 0 no-repeat;}
	#gameRule { padding:48px 0 0 95px;}	
		#gameRule h2 { height:36px; margin:0 0 15px; text-indent:-1000em; background:url(../img/gamerule-heading-2.gif) 0 0 no-repeat;}
		#gameRule h2.quizrule { background:url(../img/quizrule-heading-2.gif) 0 0 no-repeat;} 
		#gameRule h2.award { background:url(../img/gameaward-heading-2.gif) 0 0 no-repeat;} 
		#gameRule .content { width:485px; height:255px; margin:0 0 0 16px; overflow:hidden;}
		#gameRule dl { width:440px; line-height:20px;}
			#gameRule dt { width:65px; float:left;}
			#gameRule dl.awardtitle dt,#gameRule dl.awardtitle dd { width:100%;}
			#gameRule dd { width:370px; float:right;}
			
			#gameRule dl.awardtitle ul {}
				#gameRule dl.awardtitle li { width:100%; float:left; margin:3px 0; padding:5px 0; background:url(../img/line-x.gif) 0 bottom repeat-x;}
				#gameRule dl.awardtitle li img { float:right;}
				#gameRule dl.awardtitle li strong { display:block; color:#9f1f1b;}
				#gameRule dl.awardtitle li span { display:block;}
			.tip { width:440px; line-height:20px;}	
				.tip li { padding:3px 0;}
			#gameRule p { padding:10px 0;}
		.gamerulelink { padding:27px 0 0 153px;}	
		/*== award ==*/
		#gameRule h3 { line-height:30px; color:#9f1f1b; font-weight:bold;}
		table.award { width:210px;}
		table.award th { width:50%; color:#9f1f1b;}
		table.award th,table.award td { height:25px; line-height:25px;} 
		.awardtip { padding:5px 0; margin:10px 0 0; border:1px dashed #ccc; border-width:1px 0;}
			.awardtip li { line-height:22px;}
/*== Quiz ==*/
#overTime { line-height:18px; color:#b0232a; position:absolute; right:80px; top:20px;}
	#QuizBox { padding:18px 0 0 96px;}
		#QuizBox h2 { width:100%; height:24px; text-indent:-1000em; margin:0 0 22px; background:url(../img/atp-heading-2.gif) 0 0 no-repeat;}
		#QuizBox h2.quizatp1 { background:url(../img/quiz-heading-2.gif) 0 0 no-repeat;}
		#QuizBox .content { width:470px; height:290px; overflow:hidden; padding:0 0 0 18px;}
			#QuizBox .content p { line-height:20px;}
			.quizaward img { margin:0 30px 10px 10px;}
			.timetip { padding:10px 0 0; color:#b0242b;}
			.quizcontent { width:420px; text-align:center; color:#b0232a;}
				.quizcontent p { padding:8px 0;}
				.notes { font-weight:bold;}
					.notes img { vertical-align:middle;}
			#QuizBox table { width:420px;}
				#QuizBox table th { height:22px; text-align:center; color:#fff; font-weight:bold; background:#b0242b;}
				#QuizBox table td { padding:2px 0; text-align:center;}
				#QuizBox table.quiz td { height:22px; line-height:22px;}
				#QuizBox table td.vs { padding:8px 0;}
				#QuizBox table td.quizl { text-align:right; font-size:14px;}
				#QuizBox table td.quizr { text-align:left; font-size:14px;}
				
				#QuizBox table.quiz label { width:17px; height:17px; float:left; text-align:left; text-indent:-1000em; background:url(../img/icon-lost.gif) no-repeat;}
				#QuizBox table.quiz td.quizl label { float:right;}
				#QuizBox table.quiz td.quizr label { float:right;}
				#QuizBox table.quiz td.quizr span { float:right;} 
				#QuizBox table.quiz label.colorchecked { background:url(../img/icon-win.gif) no-repeat;}
		#QuizBox .btnarea { padding:20px 0 0 145px; text-align:left;}	
			#QuizBox .btnarea input { width:133px; height:27px; float:left; text-indent:-1000em; border:0; background:url(../img/btn-join.gif) 0 0 no-repeat; cursor:pointer;}
	#quizMask,#quizReg { width:499px; height:320px; position:absolute; left:382px; top:99px; }
	#quizMask {z-index:10;}
	#quizReg { z-index:11;}
	html > body #quizMask { background:url(../img/quiz-pop-bg.png);}
	* html #quizMask { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='img/quiz-pop-bg.png');}
		#quizRegClose { width:30px; height:20px; position:absolute; right:14px; top:14px;}
			#quizRegClose a { width:30px; height:20px; float:left; text-indent:-1000em; background:url(../img/btn-close-txt.gif) no-repeat;}
		.quizregcontent { width:499px; height:320px;}
			.formnotes { width:100%; height:51px; float:left; text-indent:-1000em; background:url(../img/quiz-form-tip.gif) 16px 15px no-repeat;}
			.quizform { clear:both;}
				.quizform li,.quizform label,.quizform input,.quizform span { float:left;}
				.quizform li { width:100%; margin:0 0 12px;}
					.quizform label { width:170px; height:25px; _display:inline; margin:0 16px 0 0; text-indent:-1000em; background-image:url(../img/quiz-label.gif); background-repeat:no-repeat;}
					.quizform label.username { background-position:110px 0;}
					.quizform label.sex { background-position:110px -25px;}
					.quizform label.age { background-position:110px -100px;}
					.quizform label.city { background-position:110px -125px;}
					.quizform label.mobile { background-position:110px -150px;}
					.quizform label.email { background-position:110px -175px;}
					.quizform label.male { width:28px; background-position:10px -50px;}
					.quizform label.female { width:28px; background-position:10px -75px;}
					.quizform input.quizinputtxt { width:153px; height:17px; padding:4px; background:url(../img/input-bg.gif) right 0 no-repeat; border:0;}
					.quizform input.regbtn { width:111px; height:30px; _display:inline; margin:0 0 0 210px; text-indent:-1000em; background:url(../img/btn-reg.gif) no-repeat; border:0; cursor:pointer;}
			.okinfo { width:100%; height:175px; float:left; text-indent:-1000em; background:url(../img/quiz-ok-tip.gif) 62px 85px no-repeat;}
			.quizregcontent .links { width:181px; padding:0 0 0 160px;}
			.quizprod,.quizgame { width:181px; height:29px; float:left; margin:0 0 8px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
			.quizprod { background-image:url(../img/quiz-link-prod.gif);}
			.quizgame { background-image:url(../img/quiz-link-game.gif);}
			
		#quizMask,#quizReg,#regOk { display:none;}	
/*== jquery pagination ==*/
.pagination { font-size:12px; text-align:right;}
.pagination a { text-decoration:none; color:#b0232a; background:#bfbfbf; }
.pagination a, .pagination span { display:inline; padding:2px 4px; margin:0 5px;}
.pagination .prev,.pagination .next { background:none;}
.pagination .current { background:#b0232a; color:#fff;}
.pagination .current.prev, .pagination .current.next{ color:#4d4d4d; background:none;}
/*== jquery.jscrollpane ==*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right:0; top:0; height: 100%; background: url(../img/scroll-bg.gif) center 0  repeat-y; }
.jScrollPaneDrag { position: absolute; background:url(../img/scroll-drag.gif) no-repeat; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666;  height: 16px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666; height: 16px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}
/*== jquery.thickbox ==*/
#TB_window {}
#TB_secondLine {}
#TB_window a:link {}
#TB_window a:visited {}
#TB_window a:hover {}
#TB_window a:active {}
#TB_window a:focus {}
#TB_overlay { position:fixed; z-index:100; top:0; left:0; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background:url(../img/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#ccc; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
* html #TB_overlay { /* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position:fixed; z-index:102; color:#000000; display:none; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; float:right; }
#TB_title { width:100%; position:absolute; left:0; top:0;}
#TB_closeAjaxWindow { width:20px; height:20px; position:absolute; right:23px; top:23px;}
	#TB_closeWindowButton { width:20px; height:20px; float:left; text-indent:-1000em; background:url(../img/pop-close.gif) no-repeat;}
#TB_ajaxWindowTitle { width:200px; height:15px; position:absolute; left:13px; top:13px;}

#TB_ajaxContent { clear:both; padding:0; overflow:auto; text-align:left;}
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }