@charset "utf-8";
@import url("initial.css");
/*
-------------------------------
editor:tellies
date:2009-06-07

--------------------------------*/
/*
================目錄=====================
Link
Basic Structure
Header
Navigation
Sidebar
Content
Footer
Form
Other
CSS Hack

========================================
*/




/*Link
---------------------------------------------------------*/

/*Basic Structure
---------------------------------------------------------*/
body {
	background:#FFC;
	line-height: 1.5;
	font-size:62.5%;
	background:#ffe956 url(../images/in_bg.jpg) center top no-repeat;
}
body#home {
	background:#fffad5 url(../images/main_bg.jpg) center top no-repeat;
}
#wrap {
	margin:0 auto;
	width:960px;
	text-align:left;
	min-height:700px;
	position:relative;
}
#order #wrap {
	margin:0 auto;
	width:960px;
	text-align:left;
	min-height:880px;
	position:relative;
}
#how #wrap {
	
	min-height:1000px;

}
body#home #wrap {
	min-height:780px;
}
#header {
}
#header h1 {
	text-indent:-9999px;
}
 #link #container, #blog #container, #download #container, #order #container {
	background:url(../images/box.png) center top no-repeat;
	position:absolute;
	top:80px;
	left:50px;
	min-height:500px;
	width:903px;
}
#order #container {
	background:url(../images/box2.png) center top no-repeat;
	position:absolute;
	top:80px;
	left:50px;
	min-height:880px;
	width:903px;
}

#how #container {
	background:url(../images/box1.png) center top no-repeat;
	position:absolute;
	top:80px;
	left:50px;
	min-height:900px;
	width:903px;
}

#how #container .two {

	min-height:500px;
	width:903px;
	position:relative;
	_padding-top:170px;
}
#how .content, #link .content, #order .content, #download .content, #blog .content{
	margin-top:170px;
	margin-left:125px;
	width:560px;
	height:380px;/*background:#666;*/
	}

#footer {
	width:960px;
	height:50px;
	margin:0 auto;
	position:relative;
}
/*Link
---------------------------------------------------------*/



/*Header
---------------------------------------------------------*/
#flash {
	position:absolute;
	text-align:center;
	z-index:9999;
	top:276px;
	right:638px;
	width:131px;
}
#flash a {
	display:block;
	text-align:center;
}

/*=banner*/

/*Navigation
---------------------------------------------------------*/
div#nav {
	position:absolute;
	bottom:10px;
	left:0;
	color:#FFF;
	width:790px;
	background: url(../images/bar.png) center top no-repeat;
	height:55px;
	z-index:500;
	padding-top:35px;
	padding-left:150px;
	padding-right:100px;
	font-size:1.4em;
}
#download div#nav {
	position:absolute;
	bottom:10px;
	left:0;
	color:#FFF;
	width:790px;
	background: url(../images/bar.png) center top no-repeat;
	height:51px;
	z-index:500;
	padding-top:35px;
	padding-left:150px;
	padding-right:100px;
	font-size:1.4em;
}

#knowledge #nav{
		position:absolute;
	left:0;
	color:#FFF;
	width:790px;
	background: url(../images/bar.png) center top no-repeat;
	height:55px;
	z-index:500;
	padding-top:35px;
	padding-left:150px;
	padding-right:100px;
	font-size:1.4em;
bottom:-60px;
}
#knowledge #container{
}

#nav li {
	display:inline;
	float:left;
	margin-left:10px;
}
#nav li a {
	padding-left:10px;
	color:#FFF;
	text-decoration:-9999px;
}
#nav li a:hover {
	color: #09C;
}
/*Sidebar
---------------------------------------------------------*/
/*Content
---------------------------------------------------------*/
/***************act*****************************/
.act {
	background:#999999 url(../images/act_2.jpg) left top no-repeat;
	width:366px;
	position:relative;
}
.act_one {
	background:url(../images/act_3.jpg) left bottom no-repeat;
	width:366px;
}
ul.act_one_U {
	padding:6px 12px;
}
table.cont_act {
	margin:20px 0 0 30px;
	width:500px;
	font-size:12px;
}
td.act_first {
	padding:0 12px 8px 10px;
	width:20px;
	font-size:14px;
}
td.act_second {
	padding:0 16px 8px 0px;
	width:20px;
}
.content_act_bot .act_bot_one {
	margin:0 0 10px 0;
}
span.TimeBlock {
	display:block;
	width:20px;
 *white-space:pre;
	font-size:12px;
 *font-size:12px;
	font-weight:600;
}

table.cont_act table.scroll {
	display:block;
	width:100px;
	float:right;
	overflow:auto;
	padding-left:30px;
}

/*div.scroll {
height:300px;
overflow:auto;
}*/
/*******play**************************/
table.cont_play {
	margin:20px 0 0 10px;
	width:500px;
	font-size:12px;
}
td.howPlay_one {
	height:30px;
}
tr.howPlay_two {
	/*border-bottom:#cccccc 2px double;*/
}
tr.howPlay_two td {
	padding:2px 4px 2px 5px;
	white-space:nowrap;
}
.cont_play_second{
	margin-top:20px;}
.cont_play_second ul.howPlay_third {
	position:relative;
	padding:0;
	margin:10px 0 0 0;
	width:360px;
}
.cont_play_second ul.howPlay_third li {
	display:block;
	display:inline;
}
.cont_play_second ul.howPlay_third li img {
	border:0;
}
/************************knohle*******/
.knowle_one {
	background:url(../images/kno_01.png) right 50px no-repeat;
	padding:167px 0px 0 0px;
	margin-right:10px;
}
.content .knowle_two {
	/*background:url(../images/kno_02.png) right top repeat-y;*/
		padding:20px 0 0 80px;
}
.content table.knowle_third {
}
/*.knolebot {
	background:url(../images/kno_05.png) right bottom no-repeat;
	height:21px;
	position:relative;
	left:19px;
	top:0px;
	width:930px;
}*/
.knogle_ch{
	background:url(../images/black_arrow.png) left top no-repeat;
	width:209px;
	height:122px;
	padding:14px;
}
.knogle_ch ul li {
	background:url(../images/ch_01.PNG) left 6px no-repeat;
	padding:8px 0 0 20px;
	color:#FFF;
}
.knogle_fa {
	width:468px;
}
.knogle_fa .knoge_fa_one {
	background:url(../images/ch_03.png) left top no-repeat;
	height:160px;
	padding:40px 50px 10px 140px;
	font-size:14px;
	font-weight:600;
}
.ch_close img {
}
.knogle_fa h5,.knogle_fa2 h5, .knogle_fa3 h5,.knogle_fa4 h5 {
	background:url(../images/ch_02.png) left top no-repeat;
	line-height:26px;
	padding-left:29px;
	font-size:14px;
	font-weight:600;
}
.knogle_fa .knoge_fa_two {
	background:url(../images/ch_06.png) left top no-repeat;
	height:160px;
	padding:20px 130px 10px 30px;
	font-size:14px;
	font-weight:600;
	color:#4478b0;
}
#mies2 .knogle_fa2 .knoge_fa_one{
	background:url(../images/ch_07.png) left top no-repeat;
	height:160px;
	font-size:14px;
	font-weight:600;
	padding:40px 160px 10px 30px;
}

#mies2 .knogle_fa2 .knoge_fa_two{
	background:url(../images/ch_08.png) left top no-repeat;
	height:160px;
	padding:20px 50px 10px 160px;

	font-size:14px;
	font-weight:600;
	color:#4478b0;
}
#mies3 .knogle_fa3 .knoge_fa_one{
	background:url(../images/ch_09.png) left top no-repeat;
	height:160px;
	font-size:14px;
	font-weight:600;
	padding:40px 200px 10px 30px;
}

#mies3 .knogle_fa3 .knoge_fa_two{
	background:url(../images/ch_10.png) left top no-repeat;
	height:160px;
	padding:20px 50px 10px 140px;
	font-size:14px;
	font-weight:600;
	color:#4478b0;
}
#mies4 .knogle_fa4 .knoge_fa_one{
	background:url(../images/ch_11.png) left top no-repeat;
	height:160px;
	font-size:14px;
	font-weight:600;
	padding:40px 200px 10px 30px;
}

#mies4 .knogle_fa4 .knoge_fa_two{
	background:url(../images/ch_12.png) left top no-repeat;
	height:160px;
	padding:20px 50px 10px 180px;
	font-size:14px;
	font-weight:600;
	color:#4478b0;
}

p.more{
	display:block;
	width:60px;
	padding:30px 0 2px 200px;}
p.more a{
		color:#F00;
font-size:12px;}
/*************index*************************/
div.fire{
	margin:0 auto;
	position:relative;
	margin:300px 0 0 0;
}
div.fire_into{
	position:absolute;
	left:202px;
}
div.pict_index{
	margin:0 auto;
	position:relative;
	margin:450px 0 0 400px;
}
div.pict_index .pict_into{
	float:left;
	width:150px;
}
div.pict_index .pict_into2{
	float:left;
	width:200px;}
div.pict_index .pict_into3{
	float:left;
	width:200px;
}
.pict_into4{
	float:right;
	width:93px;
	position:absolute;
	 margin:219px 0 0 326px;
	 *margin:219px 0 0 -173px;
     _margin:222px 0 0 -223px;
}
	
/***************gift********************************/
.gift{
	margin:25px 0 0 20px;
	width:600px;
	font-size:120%;
	line-height:2;
	}
.gift .gift_one{
	width:550px;}
.gift .gift_one img{
	padding:20px 8px 0 8px;
	*padding: 0 8px 0 8px;}
	
.gift .gift_first{
	margin-top:8px;
	padding:0px 18px 20px 0;
	width:460px;
	height:200px;
	overflow:auto;}
.gift .gift_first ul{
	padding:10px 0 0 20px;}
.gift .gift_first ul li{
	line-height:2.4;}

.gift .gift_first p{
	padding:10px 0 0 20px;
}
/*.gift .gift_second{
	padding:20px 0 0 18px;
	float:left;
	width:250px;
		height:248px;
	overflow:auto;}*/
.gift #intor{
	position:absolute;
	left:60px;
	bottom:70px;
	*bottom:50px;
}
.gift_li{
	display:block;
	position:relative;
	width:50px;
	margin:30px 0 0 0;

	}
.gift_li img.pic_li{

}
/*******header_topfon***************************************/
.header_topfon{
	padding-top:30px;
	float:right;
	padding-right:35px;
	}
.header_topfon ul li{
	display:inline;
	font-size:12px;
	color:#36C;
	padding-left:6px;
	}
.header_topfon a{ color:#333 }	
.header_topfon a:hover{ color: #09F }		
/***************order********************/
table.scroll tr td img{
	}
/*Footer
---------------------------------------------------------*/


.address {
	clear:both;
	display: block;
	text-align:center;
}
#home .address, #how .address, #knowledge .address, #action .address, #blog .address, #order .address, #download .address, #link .address {
	display:none;
}
p.address span {
	display:none;
}
/*Form
---------------------------------------------------------*/

/*Other
---------------------------------------------------------*/
/*CSS Hack
---------------------------------------------------------*/
/*清除浮動*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/*ie-mac\*/
	
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
	overflow:hidden;
}

/*end*/
table.tt{
	width:800px;
	font-size:1.2em;
	
	}
table.tt td{
	width:100px;
	
	}	
table.tt td .aa td,table.tt td .cc td ,table.tt td .ee td ,table.tt td .gg td{ background:#eee}
table.tt td .bb td,table.tt td .dd td ,table.tt td .ff td ,table.tt td .hh td{ background:#ddd}	

#pane3 ul p{
	width:365px;
	

	margin-left:35px;
	margin-top:0px;
	margin-right:50px;
	background:url(../images/act_3.gif) left bottom no-repeat;
	padding-bottom:10px;
	}
#pane3 li.f p{

	background:transparent;

	}	
#pane3 li.f p span.con{

	background:url(../images/act_4.gif) left top no-repeat;

	}
		
	
	
#pane3 li	{
	width:500px;}
#pane3 li span.num{
	width:35px; 
	display: block; 
	float:left; 
	text-align:center;
	padding-top:10px;
	}		
#pane3 li img{
	float:right;
	margin-right:20px;
	margin-left:15px;

	}	
	
#pane3 ul p span.con{
	padding-left:10px;
	padding-right:10px; 
	background:url(../images/act_3.gif) left top no-repeat;
	padding-bottom:10px;
	display:block;
	padding-top:10px;

	}
	
#pane3 li span.howmany{
	width:25px; 
	display: block; 
	float:right; 
	text-align:center;
	padding-top:10px;
	}		
	
#pane3 br{
	display:none;}
	
	
div.page{ color:#333; text-align:right; padding-right:50px;
margin-top:12px;}	
div.page a:link{ padding:2px 3px;
color:#333;
	}	
div.page a:hover{ 
color: #F36;
	}