#container { width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#header{ float:left; width:980px;}
#header img{ float:left; font-size: 0px; vertical-align: top; }
#content{ width:980px; }
.left{ width:387px;; height:657px; float:left; }
.main{ width:593px; height:657px; float:left;  background-image: url(index-home_02-1.jpg); background-repeat: no-repeat; }
#footer{ background-image: url(index-home_03.gif); background-repeat: no-repeat; height: 78px; width: 980px; float:left; padding-top:5px; }

#footer div{ float:left; text-align:left; width:380px;  display: block; padding-left:220px; }
#footer div p{line-height: 1.5em; }
#footer .right_img_box{ float:right; width:350px; padding-left:0px; text-align:right; padding-top:10px; padding-right:10px;}
#footer .right_img_box img{
	padding-right: 5px;
}

#footer_page{ background-image: url(page/index--S-End.jpg); background-repeat: no-repeat; height: 100px; width: 500px; float:left;  padding-top:40px; padding-left:480px; }
#footer_page p{ line-height: 1.5em;}

body.img{ background-image: url(index-home-01_01.jpg); background-repeat: repeat-x; background-position: top; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #8AD049; }

p{ font-size:75%;}
.red{ color: #CE0000; }

.bottom_10{ padding-bottom:10px;}
/*--------------------------------------------------------------------------------------------*/

.txt { font-family: verdana; font-size: 12px; color: #666666;line-height: 24px;}
.txt a:link    {color:#0951A6; text-decoration: none; }
.txt a:visited {color:#0951A6; text-decoration: none; }
.txt a:active  {color:#666666; text-decoration: underline; }
.txt a:hover   {color:#666666; text-decoration: underline; }
.TextContent
{
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 15px;
}
.button_facebook{ margin-top: 180px; padding-left:300px;}

.box_1{ margin-top: 20px; width:593px; float:left; }
.box_box{ width:593px; position: relative; }
.box_1 .div_1{ height:78px; width:92px; position: absolute; left: 24px; background-color:#aaa; }
.box_1 .div_2{ height:78px; width:92px; position: absolute; left: 136px; top: 22px; background-color:#aaa; }
.box_1 .div_3{ height:78px; width:92px; position: absolute; left: 247px; background-color:#aaa; }
.box_1 .div_4{ height:78px; width:92px; position: absolute; left: 360px; top: 23px; background-color:#aaa; }
.box_1 .div_5{ height:78px; width:92px; position: absolute; left: 471px; background-color:#aaa; }

.box_2{  padding-top:55px; padding-left:43px; width:250px; float:left; }
.box_2 ul{ width:260px; height:100px; padding-left:20px; }
.box_2 ul li { list-style-type: disc; color: #FF9900; }
.box_2 ul li p{color: #666666; }

.box_3{
	float:left;
	width:145px;
	height:20px;
	padding:140px 0 0 70px;
	display: block;
}

.box_button{ float:right; width:189px;  padding-top:130px; padding-right:70px; padding-left:200px;}

.button_table_orange{ width: 150px; height: 17px; margin-right: auto; margin-left: auto; display: block; }
.button_table_orange a{ width: 150px; height: 17px; color: #FFFFFF; text-decoration: none; background-color: #FF6600; display: block; padding: 5px; }
.button_table_orange a:hover{ width: 150px; height: 17px; color: #FFFFFF; text-decoration: none; background-color: #FF9900; display: block; padding: 5px; }

/*--------------------------------------------------------------------------------------------*/

.menu{ width:980px;}
.menu ul li{ float:left;}

.top_font_box{ margin-bottom:10px;}
.top_font_box h2{ background-color:#A9D557; padding:3px 0; margin-bottom:5px; color:#FFFFFF; font-size: 100%; }
.top_font_box h3{ margin-bottom:10px;}
.top_font_box h4{ line-height:1.5em; margin-bottom:5px;}

.bottom_font_box{ width:740px; padding-bottom:10px;}
.line{ padding: 10px; border: 1px solid #9DD026; background-color: #FFFFFF; }
.bottom_font_box p{ padding-bottom:10px;}
.bottom_font_box p.center{ text-align:center;}
.bottom_font_box h3{ background-color:#6CC84B; padding:5px; text-align:center; }
.bottom_font_box h3 a{ color:#000000; text-decoration: none; }
.bottom_font_box h3 a:hover{ color:#000000; text-decoration: underline; }



.text_box{ background-image: url(page/index-above-page_00.jpg); background-repeat: repeat-y; width: 750px; float:left; padding-right: 115px; padding-left: 115px; }
.text_box_backstage{background-repeat: repeat-y; width: 920px; float:left; padding-right: 0px; padding-left: 0px;}
.table_backstage{ float:left; width:100%; margin-bottom:10px;}



/*dream_method*/
.text_box_txt{ float:left; width:100%; margin-bottom:15px;}
.text_box_txt h4{ margin-bottom: 7px; background-image: url(page/dream_00.jpg); background-repeat: no-repeat; padding-top: 5px; padding-bottom: 5px; text-align: center; }
.text_box_txt h5{ margin-bottom:5px;}
.text_box_txt h5 span.color_1{ background-color:#339999; padding:3px; color:#FFFFFF;}
.text_box_txt p{ line-height:1.5em;}
.text_box_txt ul { padding-left:15px; margin-left:10px; margin-bottom:10px; margin-top:5px;}
.text_box_txt ul.figure li{ list-style-type: decimal; }
.text_box_txt ul.point li{ list-style-type: disc; }
.text_box_txt_line{ margin-bottom:15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #97C635; }
.text_box_txt_line h5{ line-height:2em;}
.text_box_txt_line h4.box{ background-color:#D7FCBE; padding:5px 0; margin-bottom:5px; text-align:center; }

.shall_img{
	float:left;
	text-align: center;
	width: 100%;
}

/*dream_article*/

.article_box{ width: 365px; float:left; display: block; margin-right:10px; margin-bottom:10px; }
.article_box_backstage{float:left; display: block; margin-right:5px; margin-bottom:10px; }
.article_box_image{ float: left; width: 125px; height:90px; margin-right:5px; background-color:#E4E4E4; }

.article_box2{ width: 695px; }
.article_box2_image{ float: left; width: 125px; margin-top: 10px; margin-left: 13px; padding: 3px; }

.article_text{ float: left; width: 165px; padding-right:4px;}
* html .article_text{ float: left; width: 165px; padding-right:3px;}

.article_text2{ float: left; width: 230px; padding-right:4px;}
* html .article_text2{ float: left; width: 230px; padding-right:3px;}

.title_image{ float: left; width: 35px; margin-right: 10px; }
.title_name{ float: left; width: 98%; background-color:#AADA53; padding-left:2%; padding-top:4px; padding-bottom:2px; }
.title_time{ float: left; width: 98%; background-color:#BEEBC4; padding-left:2%; padding-top:4px; padding-bottom:2px; margin-top:2px; }
.article_text_page{ width: 156px; float: left; background-color:#FFFFFF; padding:2%; border: 1px solid #BEEBC4; margin-top: 3px; }

.title_name2{
	float: left;
	width: 98%;
	background-color:#FACA65;
	padding-left:2%;
	padding-top:4px;
	padding-bottom:2px;
}
.title_time2{
	float: left;
	width: 98%;
	background-color:#FFFFC4;
	padding-left:2%;
	padding-top:4px;
	padding-bottom:2px;
	margin-top:2px;
}
.article_text_page2{
	width: 220px;
	float: left;
	background-color:#FFFFFF;
	padding:2%;
	border: 1px solid #FC0;
	margin-top: 3px;
}


.article_right{ width: 65px; float: left; display: block;}
.article_right h5{ text-align:center; background-color: #FFFFFF; border: 1px solid #0099FF; display: block; width: 65px; margin-bottom:5px;  }
.article_right h5 a{ background-color: #FFFFFF; display: block; width: 65px; height:17px; padding-top: 3px; padding-bottom: 3px; color: #0099FF; text-decoration: none; }
.article_right h5 a:hover{ background-color: #0080D5; display: block; width: 65px; height:17px; padding-top: 3px; padding-bottom: 3px; color: #FFFFFF; text-decoration: none; }
.article_right h5.orange{ text-align:center; background-color: #FFFFFF; border: 1px solid #FF6600; display: block; width: 65px; margin-bottom:5px; }
.article_right h5.orange a{ background-color: #FFFFFF; display: block; width: 65px; height:17px; padding-top: 3px; padding-bottom: 3px; color: #FF6600; text-decoration: none; }
.article_right h5.orange a:hover{ background-color: #FF6600; display: block; width: 65px; height:17px; padding-top: 3px; padding-bottom: 3px; color: #FFFFFF; text-decoration: none; }
.article_right_vote{ width:100%; text-align: center; background-image: url(page/vote_img.jpg); background-repeat: no-repeat; height: 44px; }
.article_right_vote p{ padding-top:20px; color:#D20000; text-align:center; }

/*dream_article_02*/
.article02_name{ margin-top: 20px; height: 25px; padding-left: 130px; padding-right: 130px; }
.article02_title{ padding-left: 130px; padding-right: 130px; margin-top: 10px; }

/* dream_user */
.user_banner{ background-image: url(page/dream_00.jpg); background-repeat: no-repeat; float: left; height: 21px; width: 730px; padding: 5px; margin-bottom:10px; }
.dream_user_left{ width:300px; float:left;}
.dream_user_right{ width:420px;float:left; border: 1px dashed #009966; margin-left: 10px; padding: 5px; background-color: #FFFFFF; margin-bottom:10px; }

.dream_user_left_phoro{ width:300px; margin-bottom:5px; float:left;}
.photo_1{ width:180px; float:left; padding: 0 5px 5px 5px; }
.photo_2{ width:110px; float:right; }
.photo_2 img{ margin-bottom:5px;}

.dream_user_left_data movie {width: 320px;height: 265px;}
.dream_user_left_data{ width:290px; margin-bottom:5px; float:left; padding-left:10px;}
.dream_user_left_data h4{ line-height:1.5em;}
.dream_user_left_data p{ line-height:1.5em;}

.dream_user_bottom_box{ float:left; width:750px; margin-bottom:10px;}
.dream_user_bottom_box_text{ width:620px; float:left; border: 1px dashed #009966; padding:5px; background-color: #FFFFFF; }
.dream_user_bottom_box_photo{ float:right; width:110px;}
.dream_user_bottom_box_photo img{ padding-bottom:5px;}


/* pop_test_box */
.pop_test_box{ background-image: url(page/psychological-test.jpg); background-repeat: no-repeat; height: 295px; width: 360px; padding-top: 65px; }
.pop_answer_box{ background-image: url(page/psychological-test-analysis.jpg); background-repeat: no-repeat; height: 295px; width: 360px; padding-top: 65px; }

.pop_test_text{ width: 300px; padding-left: 30px; height: 260px; }
.pop_test_text ul{ margin-bottom:15px; }
.pop_test_text ul li{ padding-bottom:10px;}
.pop_test_text p{ line-height:1.7em;}
.pop_test_box .pop_test_text h4{ background-color: #91D3F4; margin-bottom:10px; color: #333333; padding:5px; }
.pop_answer_box .pop_test_text h4{ background-color: #FF6600; margin-bottom:10px; color: #FFFFFF; padding:5px; }
.pop_answer_box .pop_test_text h4 a{ color: #FFFFFF; text-decoration: underline; }


/* index-banner */

.page_banner8{ float:left; width:750px;}
.page_banner8_box{ float:left; width:750px; margin-bottom:15px;}
.page_banner8_box .text{ padding-right:10px; float:left;}
.page_banner8_box .button{ width:140px; height:90px; float:right; }
.page_banner8 ul li{ float:left; width:750px; margin-bottom:10px; background-color:#CCCCCC; height:566px;}

/*±o¼ú°O¿ý*/

.winners_top{ margin-bottom:10px; text-align:center;}

h2.winners{ margin-bottom:10px;}
h2.winners img{ width:750px; }
.winners{ float:left; width:750px; margin-bottom:10px; }
.winners h3{ line-height:1.5em; margin-bottom:5px; background-image: url(page/dream_00.jpg); background-repeat: no-repeat; height: 31px; padding-left: 10px; background-position: center; }
.winners p.text{ float:left; font-size:80%; width:730px; display:block; line-height:1.5em; padding:0 10px;}
.winners_photo{ float:left; width:43%; margin-bottom:5px; padding-left:20px; text-align:center;}
.winners_photo img{ width:320px; padding-right:10px; }
.winners_table{ float:left; width:50%; margin-bottom:5px; margin-top:25px; padding-right:10px; padding-left:10px;}
.winners_table table tr th { padding:3px; text-align:center; border: 1px solid #CFCFCF; }
.winners_table table tr td { padding:3px; border: 1px solid #CFCFCF;}
.winners_table table thead tr { background-color:#ECE666;}
.winners_table table tbody tr { background-color:#FFFFFF; text-align:center;}
.winners_table table tfoot tr { background-color:#CEE339; text-align:center;}

.explain{
	float:left;
	width:740px;
	margin-bottom:20px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px dashed #009900;
	font-size: 12px;
}
.explain h3{ margin-bottom:5px;}
.explain h4{ line-height:1.5em;}

/*©â¼ú°O¿ý*/
.lottery{float:left; width:750px; margin-bottom:10px; }
.lottery table{ margin-bottom:10px;}
.lottery table tr td{ padding:3px; border: 1px solid #CFCFCF; background-color:#FFFFFF;}
.lottery table tr th{ padding:3px; border: 1px solid #CFCFCF;  background-color:#ECE666;}