@charset "utf-8";
.blank { height:0px; font-size:1px; width:100%; clear:both; overflow:hidden; }

/* fanfancan.com css sys */

/* body */

*{ margin:0; padding:0;}

html,body { height:100%;}
html { overflow:-moz-scrollbars-vertical; }

body {
	color:#969696; 
	text-align:center;
	font-size:12px;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, Verdana;
	margin:0; padding:0;
}

div,form,img,ul,ol,li,dl,dt,dd,p,font {
	margin:0; 
	padding:0;
	border:0;
	font-size:12px;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, Verdana;
}



ul,li { list-style:none;}

input,textarea {
	border:1px;
	padding:0; margin:0;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, Verdana;
	font-weight:normal;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}

h4 { font-size:14px; margin-bottom:14px; }

h5 { font-size:12px; margin-bottom:12px;}

table,td,tr,th, font, input, textarea { font-size:12px; }

a {color: #00AADF; text-decoration:none;}
a:link	{color: #00AADF; text-decoration:none;}
a:visited {color: #00AADF;text-decoration:none;}
a:hover {color: #5A5046; text-decoration:underline;}
a:active {color: #5A5046;}

/* layout */

.wrapper {
	width:900px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}

.header { height:80px; }
.header div { display:block; float:left; width:450px; height:80px;}

.header_logo a {
	display: block;
	width: 180px; height:80px;
	background: url(logo_header.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.header_nav li { float:right; line-height:80px; margin-left:18px; font-size:14px; font-weight:bolder;}

.navbar { height:50px; background: url(bg_navbar.gif) no-repeat;}
.navbar li { display:block; float:left; width:300px; height:50px;}

.site_stat { color:#FFF; line-height:50px; text-align:center;}

.stepbar { clear:both; height:50px; background: url(bg_stepbar.gif) no-repeat;}
.stepbar div { display:block; float:left; width:300px; height:50px;}

/*.footer { text-align:center; padding: 15px 0 40px 0; line-height:20px;}
.footer a { margin:0 10px;}*/

.footer { padding:15px 5px; line-height:24px; border-bottom:solid 1px #CCCCCC;}
.footer strong { margin-right:20px;}
.footer a, .footer span { margin:0 10px;}

.copyright { display:block; padding:10px 5px 80px 5px;}
.copyright dt { float:left; }
.copyright dd { text-align:right;}

/* content layout */

.content_wrapper { background: url(bg_content.gif) repeat-y; padding:25px 0;}

.kv_wrapper { width:900px; height:320px; padding-top:10px;}
.kv { position:absolute; z-index:99; width:930px; margin-left:-15px; margin-top:-25px;}
.kv_894 { position:absolute; z-index:99; width:894px; margin-left:3px; margin-top:-35px;}

.hl4 { display:block; width:900px; background:url(line_3c.gif) repeat-y 0 0;}
.hl4 li { display:block; float:left; width:250px; padding:0 25px; line-height:20px;}
.hl4 li h4 { color:#00AADF; }
.hl4 li hr, .hl2 li hr { height:1px; border:none; border-top:1px solid #DCDCDC; margin:10px 0;}
.hl4 li dl, .hl2 li dl { padding-bottom:10px; line-height:24px;}
.hl4 li dt, .hl2 li dt { float:left;}
.hl4 li dd, .hl2 li dd { text-align:right; }

.hl { display:block; width:600px; float:left;background:url(line_3c.gif) repeat-y 0 0;}
.hl li { display:block; float:left; padding:1px 25px;line-height:20px;}

.hl3 { display:block; width:300px;float:right; background:url(line_3c.gif) repeat-y 0 0;}
.hl3 li { display:block; float:left; width:250px; padding:0 25px; line-height:20px;}
.hl3 li h4 { color:#00AADF; }
.hl3 li hr, .hl2 li hr { height:1px; border:none; border-top:1px solid #DCDCDC; margin:10px 0;}
.hl3 li dl, .hl2 li dl { padding-bottom:10px; line-height:24px;}
.hl3 li dt, .hl2 li dt { float:left;}
.hl3 li dd, .hl2 li dd { text-align:right; }

.hl2 { display:block; width:900px; background:url(line_2c.gif) repeat-y 0 0;}
.hl2 li { display:block; float:left; padding:0 25px; }

.hl_nl { display:block; }
.hl_nl li { display:block; width:250px; float:left; padding:0 25px; }

/* buttom */

.site_start a {
	display: block;
	width: 300px; height:50px;
	background: url(btm_go_start.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.site_ok a {
	display: block;
	width: 250px; height:34px;
	background: url(btm_go_ok.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.site_upload a, .site_uploading a, .site_uploadgo a {
	display: block;
	width: 250px; height:34px;
	margin-top:15px;
	text-indent: -9999px;
}

.site_upload a { background: url(btm_go_upload.gif) no-repeat 50% 50%;}
.site_uploading a { background: url(btm_go_uploading.gif) no-repeat 50% 50%;}
.site_uploadgo a { background: url(btm_go_uploadgo.gif) no-repeat 50% 50%;}

.site_build a {
	display: block;
	width: 320px; height:34px;
	margin-top:15px;
	margin-left: 290px;
	background: url(btm_go_build.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.site_pay {
	display: block; float:left;
	width: 250px; height:34px;
	margin-top:15px;
	background: url(btm_go_pay.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.site_free {
	display: block; float:left;
	width: 250px; height:34px;
	margin-top:15px; margin-left:15px;
	background: url(btm_go_finish.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.site_add {
	display: block; float:left;
	width: 250px; height:34px;
	margin-top:15px;
	background: url(btm_go_pay.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.btm_choose a {
	display: block;
	width: 250px; height:50px;
	margin-bottom:15px;
	background: url(btm_choose.gif) no-repeat 50% 50%;
	text-indent: -9999px;
}

.back_pro a {
	display: block;
	width: 120px; height:50px;
	background: url(btm_back_pro.gif) no-repeat 10px 50%;
	text-indent: -9999px;
}

.go_pro a {
	display: block;
	width: 120px; height:50px;
	margin-left:180px;
	background: url(btm_go_pro.gif) no-repeat 0 50%;
	text-indent: -9999px;
}

.go_library a {
	display: block;
	width: 120px; height:50px;
	margin-left:180px;
	background: url(btm_go_library.gif) no-repeat 0 50%;
	text-indent: -9999px;
}

.back_add a {
	display: block;
	width: 120px; height:50px;
	background: url(btm_back_add.gif) no-repeat 10px 50%;
	text-indent: -9999px;
}

/* stick */

.stick_sales01, .stick_sales02, .stick_sales02h, .stick_sales03, .stick_sales03h {
	top:0; position:absolute; z-index:100; width:100px;}

.stick_sales01 { margin-left:840px; margin-top:170px;}
.stick_sales02 { margin-left:840px; margin-top:80px;}
.stick_sales03 { margin-left:740px; margin-top:80px;}
.stick_sales02h { margin-left:840px; margin-top:240px;}
.stick_sales03h { margin-left:840px; margin-top:310px;}

.stick_notice01 {top:0; position:absolute; z-index:100; width:114px;}

.stick_notice01 { margin-left:20px; margin-top:230px;}

.stick_tips { top:0; position:absolute; z-index:100; display:block; color:#5A99AD;}
.stick_tips div { position:absolute; width:140px; height:40px; margin:13px 0 0 15px; line-height:18px;}
.stick_tips div span { float:right; } 

/* tips */

.tips_booknum {
	position:absolute;
	margin-top:-15px;
	padding-left:8px;
	width:460px; height:30px;
	background-image:url(tips_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFEF84;
	color:#FF8F00;
	line-height:30px;
}

/* mod */

.int_pro {}

.choose_file_list { color:#82DC00; }
.choose_file_list h5 { margin:5px; color:#FFA200; font-weight:normal;}
.choose_file_list a { margin-left:20px;}
.choose_file_list li { padding:5px; width:238px; float:none;} 
.choose_file_list span { font-weight:bolder; font-size:14px; margin:0 10px;}

.choose_file { line-height:22px; }
.choose_file input { background:#F0F0F0; }

.file_error { color:#5A5046; background:#FFF2DD; border:#FFCE8F 1px solid; }
.file_error a { color:#FF6C00; }
.file_error a:link { color:#FF6C00; }
.file_error a:visited { color:#FF6C00; }
.file_error a:hover {color: #5A5046;}

.order_list { width:250px;}
.order_list div { margin-bottom:20px;}
.order_list div span { position:absolute; margin-left:240px; margin-top:70px;}

.order_tab { width:550px; color:#5A5046; }
.order_tab h3 { font-size:14px;}
.order_tab input { border:1px solid #89D8F1; padding:5px; color:#00AADF; vertical-align:middle; font-size:14px;}
.order_tab textarea { border:1px solid #89D8F1; padding:5px; color:#00AADF; vertical-align:middle; font-size:14px;}
.order_tab table { width:550px;}
.order_tab td { padding:8px 0; }
.order_tab span { color:#00AADF; }
.order_tab p { color:#89D8F1; padding-top:5px; clear:both;}

.order_edit { width:300px; float:left;}
.discount_edit { width:200px; float:left; margin-right:8px;}

.order_right, .order_error {
	display:block;
	float:left;
	width:200px; height:30px;
	padding-left:30px;
	margin-left:5px;
	line-height:30px;
}
.order_right font, .order_error font {
	display:block;
	float:left;
	height:30px;
	padding-right:15px;
}
.order_right { background:url(icon_right.gif) no-repeat 0 0; font-weight:bolder;}
.order_error { background:url(icon_error.gif) no-repeat 0 0;}
.order_right font { color:#FFF; background:url(icon_right_bg.gif) no-repeat right;}
.order_error font { color:#F0F0F0; background:url(icon_error_bg.gif) no-repeat right;}

/*.order_right, .order_error { padding-left:20px; font-weight:bolder;}
.order_right { color:#00AADF;}
.order_error { color:#FF8400; }*/

.qa_list { width:250px; height:280px;}

.qa_content { width:550px;min-height:500px;}
.qa_content li { float:none; padding:0; margin-left:20px; line-height:20px;} 
.qa_content span { color: #82DC00;}
.qa_content h4 {}
.qa_content h5 { color: #5A5046; }

.q_frame { position:absolute; z-index:100; width:320px; margin-left:-25px;}
.q_frame li { line-height:40px; padding:0; }

.help_q a {
	color: #969696;
	display:block;
	width:300px; height:40px;
	padding-left:20px;
	cursor:pointer;
}
.help_q a:link	{color: #969696;}
.help_q a:visited {color: #969696;}
.help_q a:hover {color: #00AADF; text-decoration:none;}
.help_q a:active {color: #00AADF;}

.help_q_down a {
	color: #5A5046;
	display:block;
	width:300px; height:40px;
	padding-left:20px;
	background-image:url(btm_help_q.gif);
	cursor:default;
}
.help_q_down a:link	{color: #5A5046; }
.help_q_down a:visited {color: #5A5046;}
.help_q_down a:hover {color: #5A5046; text-decoration:none;}
.help_q_down a:active {color: #5A5046;}

.finish, .error {
	height:100px;
	padding:0 25px 25px 25px;
	margin-bottom:25px;
	border-bottom:1px #DCDCDC solid;
}
.finish h3 { color:#00AADF; font-size:14px;}
.finish li, .error li { float:left; display:block; font-size:14px; line-height:35px; margin-right:10px;}

.error { margin-bottom:0; }
.error h3 { color:#5A5046; font-size:14px;}

/* pop win */

.popwin_wrapper {
	position:absolute;
	z-index:1000;
	width:100%; height:100%;
	top:0; left:0;
	display: block;
}

.popwin_place {
	position: absolute;
	z-index:3;
	width:100%; height:100%;
	text-align:center;
	}

.popwin {
	margin-left:auto; margin-right:auto;
	width:500px; 
	padding-top:15px;
}

.wupload { background:#82DC00 url(popwin_g_top.gif) no-repeat 100% 0;}
.wbuild { background:#00AADF url(popwin_b_top.gif) no-repeat 100% 0;}
.wnotice { background:#82DC00 url(popwin_g_top.gif) no-repeat 100% 0;}

.wupload ul { background:url(popwin_g_bot.gif) no-repeat 0 100%; border-top:solid 1px #B4EA66;}
.wbuild ul { background:url(popwin_b_bot.gif) no-repeat 0 100%; border-top:solid 1px #4DC4E9;}
.wnotice ul { background:url(popwin_g_bot.gif) no-repeat 0 100%; border-top:solid 1px #B4EA66;}

.wupload ul, .wbuild ul, .wnotice ul {
	display:block;
	clear:both;
	width:440px;
	text-align:left;
	line-height:24px;
	padding:15px 30px 25px 30px;
}


.wupload li { color:#D8FF9E; }
.wbuild li { color:#BCE6F2; }
.wnotice li { color:#D8FF9E; }

.wnotice li img { margin-right:20px; display:inline;}

.wupload h3, .wbuild h3, .wnotice h3 { font-size:14px; margin-bottom:15px;}
.wupload h4, .wbuild h4, .wnotice h4 { color:#FFF; }

.icon_sc { float:left; margin-bottom:15px;}
.icon_sc img { padding:0 30px; }

.lever { 
	float:left;
	width:130px; height: 50px;
	color:#FFF; 
	text-align:left;
	font-size:50px; 
	font-family:Arial, Helvetica;
	line-height:50px;
}

/* font txt */

.price { color:#82DC00; font-size:30px; }

.star { color:#FFA200; margin-right:8px;}

.ffc_g { color:#82DC00;}

.ffc_b { color:#00AADF;}

.ffc_y { color:#FF8F00;}

/* 	location */

.right { float:right; margin:0 0 0 20px;}
.left { float:left; margin:0 20px 0 0;}

/* lines */

.l_blue_bot { border-bottom:1px solid #00AADF; }

/* fix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

.hb { clear:both; visibility:hidden;}

a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

/* over */
.cover_preview {
	background: #fff url("preview.jpg") no-repeat;
	width: 250px;
	height: 150px;
	position: relative;
}
.cover_preview img {
	width: 118px;
	height: 118px;
	position: absolute;
	top: 14px;
	left: 65px;
}
.preview_box {
	position: relative;
}