/*designer by Goodweber*/
/*雲端傳媒版權所有 ©*/

body{ margin:0 auto; padding:0; font-size:13px; font-family:arial,helvetica,clean,sans-serif; color:#646464; background:url(../images/index/body_top_bg.jpg) #FFF repeat-x 0 0; line-height:20px;}

div, ul{ overflow:hidden;}
ul, ol, li{ margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, p{ margin:0; padding:0; font-weight:lighter;}
img, img a{ border:0;}
a{ color:#646464; text-decoration:none;outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */img(border:0);cursor:pointer;}
a:hover{ color:#0483af;}
a:focus { -moz-outline-style: none; }

.wrap{ background:url(../images/index/body_footer_bg.jpg) repeat-x 0 100%;}
.content{ width:980px; margin:0 auto; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}

/*top*/
.top{}
	.logo{ float:left; height:67px; border-right:1px solid #e1e1e1;}

	.headlink{ width:780px; float:right; line-height:30px; text-align:right; font-size:10px; padding-right:10px; color:#d7d7d7;}
		.headlink span{ float:left; display:block; width:300px; text-align:left; padding-left:10px; font-size:12px;color:#a7a7a7;}
		.headlink a{ font-size:12px; color:#818080;}
		.headlink a:hover{color:#0483af;}
	
	.menu{ width:790px; float:right; border-top:1px solid #e1e1e1;}
		.menu ul{letter-spacing:2px;}
			.menu ul li{ float:left; width:132px; height:35px; border-right:1px solid #e1e1e1; text-align:center; background:url(../images/index/menu_bg.gif);}
				.menu ul li a{ line-height:35px;}
			.menu ul li:hover{ background:url(../images/index/menu_hover_bg.gif);}
				.menu ul li:hover a{ color:#fff; background:url(../images/index/menu_hover_bg2.gif); line-height:24px; width:120px; margin:6px auto; display:block;}
				
			.menu ul .noLink{line-height:35px;}
			.menu ul .noLink:hover{ background:url(../images/index/menu_bg.gif);}
		 	/*IE7 IE8*/
		 	*+html .menu ul li{ height:36px;}
				*+html .menu ul li a{ line-height:36px;}
				
/*main*/
.main{ letter-spacing:1px;}
	/*main_left*/
	.main_left{ width:180px; float:left; margin:0px 3px; margin-top:10px;}
		/*進入EzCam*/
		.userMessage{ width:158px; padding:6px;/*width:170px*/ background:#f8f8f8; margin:0 7px; margin-bottom:10px; letter-spacing:1px;}
			.userMessage p{ line-height:20px; border-bottom:1px dotted #e1e1e1; margin-bottom:8px;}
				.userMessage p span, .userMessage p span a{color:#0483af;}
			.userMessage h1{ padding-bottom:2px;}
		
		/*公告訊息*/
		.news{ width:170px; margin:0 7px; background:url(../images/index/title_bg_l.jpg) no-repeat;}
			.news h2{ background:url(../images/index/title_bg_r.jpg) no-repeat 100% 0; font-size:12px; padding:7px 0 0 20px; height:22px;}
			.news ul{ padding:2px; text-align:justify;}
				.news ul li{ background:url(../images/icon/list_blue.gif) no-repeat 0 6px; padding:2px 0; padding-left:8px; margin-top:2px; margin-bottom:5px; border-bottom:1px dotted #e1e1e1;}
				.news ul li:hover{ background:url(../images/icon/list_pink.gif) no-repeat 0 6px;}
				
		/*付款回填*/
		.payReply{ width:180px; height:155px; background:url(../images/index/payReply_bg.jpg) no-repeat; margin-bottom:5px;}
			.payReply h2{ font-size:12px; padding:12px 10px; text-align:justify;}
			.payReply p{ text-align:center; margin-top:5px;}
			
		/*合作提案*/
		.contactUs{ margin-bottom:10px;}
			.contactUs p{ font-size:12px; padding-left:8px; padding-top:6px; padding-bottom:5px;}
			.contactUs span{ display:block; text-align:center;}
			
		/*左欄廣告*/
		.LeftAD{ width:170px; margin:0 5px;}
			.LeftAD p{ border:1px solid #CCCCCC; margin-bottom:10px;}
			
	/*main_right*/
	.main_right{ width:780px; float:right; margin:10px; margin-left:0;}
		/*大廣告*/
		.bigAD{ margin-bottom:10px;}
		 .flashAD { width:780px;}
		   .flashImg { width:780px; height:58px; background:url(../images/ad/flashImg_bg.png) no-repeat right;}
		      .flashImg ul{ margin-top:5px; margin-left:8px;}
		      .flashImg li{ float:left; margin-right:8px;}
		   
		/*隨機故事集*/
		.example{width:457px; height:305px; float:left; background:url(../images/index/example_bg.gif);}
			.example span a{ background:url(../images/button/more_story_green.gif) no-repeat;width:119px; height:29px; display:block;}
			/*故事集-1*/
			.example_01{ margin:6px 5px; background:url(../images/example/example_01.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_01 span{ display:block; margin-top:208px; *margin-top:250px; text-align:left; margin-left:250px;}
			/*故事集-2*/
			.example_02{ margin:6px 5px; background:url(../images/example/example_02.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_02 span{ display:block; margin-top:208px; *margin-top:248px; text-align:left; margin-left:140px;}
			/*故事集-3*/
			.example_03{ margin:6px 5px; background:url(../images/example/example_03.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_03 span{ display:block; margin-top:212px; *margin-top:258px; text-align:left; margin-left:80px;}
			/*故事集-4*/
			.example_04{ margin:6px 5px; background:url(../images/example/example_04.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_04 span{ display:block; margin-top:208px; *margin-top:248px; text-align:left; margin-left:10px;}
			/*故事集-5*/
			.example_05{ margin:6px 5px; background:url(../images/example/example_05.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_05 span{ display:block; margin-top:213px; *margin-top:260px; text-align:center; margin-right:20px;}
			/*故事集-6*/
			.example_06{ margin:6px 5px; background:url(../images/example/example_06.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_06 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:100px;}
			/*故事集-7*/
			.example_07{ margin:6px 5px; background:url(../images/example/example_07.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_07 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:100px;}
			/*故事集-8*/
			.example_08{ margin:6px 5px; background:url(../images/example/example_08.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_08 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:100px;}
			/*故事集-9*/
			.example_09{ margin:6px 5px; background:url(../images/example/example_09.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_09 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:100px;}
			/*故事集-12*/
			.example_12{ margin:6px 5px; background:url(../images/example/example_12.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_12 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:50px;}
			/*故事集-13*/
			.example_13{ margin:6px 5px; background:url(../images/example/example_13.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_13 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:100px;}
			/*故事集-14*/
			.example_14{ margin:6px 5px; background:url(../images/example/example_14.jpg) no-repeat; width:445px; height:246px; padding-top:45px;}
				.example_14 span{ display:block; margin-top:212px; *margin-top:255px; text-align:left; margin-left:100px;}
				
		
		/*問答集*/
		.question{ width:310px; float:right; background:url(../images/index/title_bg_l.jpg) no-repeat;}
			.question h2{ background:url(../images/index/title_bg_r.jpg) no-repeat 100% 0; font-size:12px; padding:7px 0 0 20px; height:22px;}
				.question h2 span{ float:left;}
				.question h2 a{ float:right; margin-right:6px; background:url(../images/icon/more.gif) no-repeat 0 4px; padding-left:15px; font-size:11px;}
				/*IE7 IE8*/
				*+html .question h2 a{ background-position:0 3px;}
			.question ul{ padding:2px; padding-left:10px;}
				.question ul li{ background:url(../images/icon/list_blue.gif) no-repeat 0 11px; padding:5px 0; padding-left:8px; padding-bottom:3px; margin:5px 0; border-bottom:1px dotted #e4e4e4;}
					.question ul li:hover{ background:url(../images/icon/list_pink.gif) no-repeat 0 11px;}
			
			
/*footer*/
.footer{ min-height:65px; font-size:12px; letter-spacing:1px; clear:both;  padding-bottom:5px;}
	.footer p{ width:65%; float:right; text-align:right; font-size:11px; color:#aaaaaa; padding-top:10px; padding-right:5px;}
		.footer p a{ font-size:12px;}
	.footer h1{ width:30%; float:left; font-size:12px; color:#aaaaaa;padding-top:10px; padding-left:5px;}