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

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

/**/
body{margin:0; padding:0; font-size:13px; font-family:arial,helvetica,clean,sans-serif;color:#515151;}
	.page{ background:url(../images/body_bg.gif) #FFF repeat-x 0 100%; }
		.page_left{ background:url(../images/wrap_left.jpg) repeat-y #FFF; width:930px; margin:0 auto;}
		.page_right{ background:url(../images/wrap_right.jpg) repeat-y 100% 0;}
		
	/*top*/
	.top{ padding:5px 15px;}
		.logo{ float:left; width:30%;}
		.headLink{ float:right; width:23%; text-align:center; background:url(../images/headLink_left.jpg) no-repeat;}
			.headLink_r{ background:url(../images/headLink_right.jpg) no-repeat 100% 0; height:19px; padding:3px 10px; padding-bottom:0; font-size:10px; color:#668d9a;}
				.headLink a{ font-size:12px; color:#515151;}
				
	/*content*/
	.content{ margin-top:20px; padding:0 15px; clear:both; min-height:700px;}
		.content h1{ background:url(../images/title_bg.gif); height:25px; margin-left:1px;}
		.article{ margin:0 5px; margin-top:20px; margin-bottom:10px; /*background:url(../images/between.jpg) no-repeat 50% 100%;*/ border-bottom:1px dotted #999; padding-bottom:20px;}
			.article h2{ font-size:15px; color:#006cb7; font-weight:bold; background:url(../images/s_orange.gif) no-repeat 0 40%; padding-left:8px; margin-bottom:5px; letter-spacing:2px;}
			.article p{ line-height:25px; padding:5px 5px 5px 20px;}
			.article ul{ padding-left:50px; padding-right:5px; line-height:25px;}
				.article ul li{ background:url(../images/c_blue.gif) no-repeat 0 9px; padding-left:10px; margin-bottom:8px;}
			.article span{ color:#006cb7;}
			/*徵才*/
			.article .work{ background:#e5f7ff; border:1px solid #a5d9ec; width:80%; margin:0 auto; line-height:25px;}
				.article .work th{ width:120px; padding:5px; font-weight:lighter; border:1px solid #FFF; border-right:0; border-bottom:0; text-align:right; padding-right:10px;}
				.article .work td{ padding:5px; padding-left:15px; border:1px solid #FFF; border-bottom:0; text-align:left;}
					.article .work thead th{ background:#a5d9ec;}
					.article .work thead td{ background:#a5d9ec;}
						.article .work thead .focus{ color:#006cb7; font-size:15px; font-weight:bold;}
					.article .work tbody th{ background:#d2effc;}
					.article .work tbody td{ letter-spacing:1px;}
			/*合作提案*/
			.article .cooperation{background:#e5f7ff; border:1px solid #a5d9ec; width:80%; margin:0 auto; line-height:25px;}
				.article .cooperation .title{background:#a5d9ec; width:70px; font-size:15px; vertical-align:top; padding-top:5px; text-align:center; font-weight:bold; color:#006cb7; border-bottom:1px solid #e5f7ff;}
				.article .cooperation th{ width:100px; font-weight:lighter; text-align:right; padding-right:10px; border-bottom:1px solid #a5d9ec; border-right:1px solid #a5d9ec; vertical-align:top; padding:5px;}
				.article .cooperation td{ border-bottom:1px solid #a5d9ec; vertical-align:top; padding:5px; padding-left:10px;}
					.article .cooperation td input{ border:1px solid #94b5c2; padding:1px; line-height:20px; line-height:18px;}
					.article .cooperation td span, .article .cooperation th span{ font-size:12px; margin:0 5px; color:#e60021;}
			/*聯絡客服*/
			.article .contactUs{background:#e5f7ff; border:1px solid #a5d9ec; width:80%; margin:0 auto; line-height:25px;}
				.article .contactUs th{ width:100px; font-weight:lighter; text-align:right; padding-right:10px; border-bottom:1px solid #a5d9ec; border-right:1px solid #a5d9ec; vertical-align:top; padding:5px;}
				.article .contactUs td{ border-bottom:1px solid #a5d9ec; vertical-align:top; padding:5px; padding-left:10px;}
					.article .contactUs td input{ border:1px solid #94b5c2; padding:1px; line-height:20px; line-height:18px;}
					.article .contactUs td span, .article .contactUs th span{ font-size:12px; margin:0 5px; color:#e60021;}
					.article .text3{font-size:13px; font-family:arial,helvetica,clean,sans-serif;}
			/*送出表單*/
			.post_mail{ text-align:center; margin-top:10px;}
				.post_mail input{ border:0; text-align:center; width:119px; height:29px; cursor:pointer;}
				.reset_button{ background:url(../images/button/b_gray.gif) no-repeat;}
				.send_button{ background:url(../images/button/b_orange.gif) no-repeat;}
				
			/*錯誤提示*/
			.error{ background:url(../images/error_bg.jpg) no-repeat 27% 0; height:160px; padding-left:380px; }
				.error h3{ color:#737373; font-size:15px; font-weight:bold; letter-spacing:2px; margin-top:40px;}
				.error font{ color:#006cb7;}
				.error input{ background:none; border:0; margin-top:30px; font-size:13px; font-weight:bold; color:#cd2e45;}
			/*成功送出*/
			.success{ background:url(../images/sucess_bg.jpg) no-repeat 27% 0; height:150px; padding-left:400px;}
				.success p{color:#006cb7; font-size:15px; font-weight:bold; letter-spacing:2px; margin-top:30px;}
				
			/*找不到網頁error404*/
			.error404{ background:url(../images/title_bg.gif); margin:0 auto; padding:10px; width:60%;}
				.error404_main{ background:url(../images/error_bg.jpg) #FFF no-repeat 2% 50%; padding:10px; padding-left:200px; font-size:15px;}
				.error404_main h3{ margin-bottom:30px;font-size:15px; font-weight:bold;}
				.error404_main p{ margin-bottom:10px;}
					.error404_main p a{color:#006cb7;}
				.error404_main span{ margin-top:30px; display:block; font-size:12px;}
				
			/*正在處理 cope*/
			.cope{ background:url(../images/title_bg.gif); margin:0 auto; padding:10px; width:60%;}
				.cope_main{ background:url(../images/error_bg.jpg) #FFF no-repeat 2% 50%; padding:10px; padding-left:200px; font-size:15px;}
				.cope_main h2{ margin-bottom:30px;font-size:17px; font-weight:bold;}
				.cope_main p{ margin-bottom:10px;}
					.cope_main p a{color:#006cb7;}
				.cope_main span{ margin-top:30px; display:block; font-size:12px;}

	/*footer*/
	.footer{ background:url(../images/footer_middle.jpg) repeat-x 0 100%;}
		.footer_left{ background:url(../images/footer_left.jpg) no-repeat 0 100%;}
		.footer_right{ background:url(../images/footer_right.jpg) no-repeat 100% 100%; padding:43px 15px 25px 15px; color:#FFF; letter-spacing:1px;}
		*html .footer_right{padding:55px 15px 30px 15px;}
		
		.footer h1{ font-size:12px; width:40%; float:left;}
		.footer p{ font-size:12px; width:59%; float:right; text-align:right; color:#003356;}
			.footer p a, .footer p a:hover{ color:#FFF;}