@charset "UTF-8";
/* CSS Document */
body, dl, dt, dd, td, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote {
	margin: 0;
	padding: 0;
	word-wrap:break-word;
	/* word-wrap:break-word; */
}

html,body {
	margin: 0;
	padding:0;
	width: 100%;
	height: 100%;
	font-family: 'Roboto', "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	background:#FFF;
}

a:link {
	color:#000;
	text-decoration: none;
}
a:visited {
	color:#000;
	text-decoration: none;
}
a:hover {
	color:#666;
	text-decoration: none;
}
a:active {
	color:#000;
	text-decoration: none;
}

@-ms-viewport {
  width: device-width;
}

/* 三欄式自動調幅版面--------------------------------------------- */

#header {
	width:100%;
	min-width:1000px;
	min-height:500px;
	margin:auto;
	overflow:hidden;
}
	.menu_banner {
		width:100%;
		overflow:auto;
		height:150px;
		background:rgba(0,0,0,0.6);
	}

	.logo {
		width:1000px;
		margin:auto;
		text-align:center;
	}
	
	.menu {
		width:750px;
		margin:auto;
		text-align:center;
		margin-top:18px;
	}
	
		.menu ul {
			list-style:none;
		}
		.menu ul li {
			font-size:16px;
			text-align:left;
			display:inline-block;
			margin-left:28px;
			margin-right:28px;
			font-family: 細明體;
		}
		
		.menu ul li {
			color:#FFF;
		}
		.menu ul li:hover {
			color:#000;
			padding-bottom:8px;
			border-bottom:2px solid #e60000;
		}
		.menu ul li a {
			color:#FFF;
		}
	
	
#content {
	width:100%;
	min-width:100px;
	min-height:600px;
	margin: auto;
	overflow: hidden;
	background:url(../images/bg.jpg) top center no-repeat;
	position:relative;
}
	.content_inside {
		width:980px;
		padding:0 10px;
		margin:auto;
	}
	.menu_list {
		list-style:none;
		margin-top:60px;
	}
		.menu_list li {
			min-width: 160px;
			height: 35px;
			line-height:35px;
			border: 1px solid #F00;
			float:left;
			text-align:center;
			margin:2px;
			font-family: 微軟正黑體;
			cursor:pointer;
		}
		.menu_list li:hover {
			border: 1px solid #000;
			background:#000;
			color:#FFF;
		}
		.menu_list li a {
			color:#000;
		}
		.menu_list li:hover a {
			color:#FFF;
		}
		.menu_list li:hover a:hover {
			color:#FFF;
		}
		.menu_list li.active {
			border: 1px solid #000;
			background:#000;
			color:#FFF;
		}
		.menu_list li.active a {
			color:#FFF;
		}
		
	.menu_title {
		width:100%;
		overflow:hidden;
		margin-top:70px;
		position:relative;
	}
	
	.menu_title1 {
		width:45px;
		height:56px;
		background:url(../images/work_icons1.png) no-repeat;
		float:left;
	}
	.menu_title2 {
		min-width:200px;
		height:56px;
		line-height:56px;
		font-size:30px;
		color:#FFF;
		background:url(../images/work_icons2.png) repeat-x;
		float:left;
		padding-left:10px;
	}
	.menu_title3 {
		width:45px;
		height:56px;
		background:url(../images/work_icons3.png) no-repeat;
		float:left;
	}

/* 關於我們 */

.about_clear {
	height: 60px;
	clear: both;
}

/* 最新消息 */
.news_list {
	width:100%;
	overflow:hidden;
}
.news_1 {
	width:15%;
	float:left;
	text-align:left;
}
.news_2 {
	width:85%;
	float:right;
	text-align:left;
}
.news_clear {
	height:15px;
	clear:both;
}

.news_title {
	font-size:30px;
	font-weight:bold;
}
.news_memo {
	line-height:30px;
}
.news_back {
	width:160px;
	height:40px;
	font-size:16px;
	line-height:40px;
	text-align:center;
	margin:auto;
	border:1px solid #000;
	border-radius:15px;
	cursor:pointer;
}
	.news_back:hover {
		background: #000000;
		color: #FFF;
	}

/* 作品介紹 */

	.workall {
		width:100%;
		overflow:hidden;
		margin-top:60px;
		position:relative;
	}
	
	.work {
		width:310px;
		height:auto;
		float:left;
		cursor:pointer;
	}
	.work_pic1 {
		width:310px;
		height:310px;
	}
	.work_title1 {
		margin-top:15px;
		line-height:24px;
		font-size:16px;
	}
	.work_title2 {
		line-height:24px;
		font-size:18px;
	}
	.work_none {
		width:25px;
		height:300px;
		float:left;
	}
	.work_clear {
		height:40px;
		clear:both;
	}
	
/* 出版品 */

	.productall {
		width:100%;
		overflow:hidden;
		margin-top:60px;
		position:relative;
	}
	
	.product {
		width:310px;
		height:auto;
		float:left;
		cursor:pointer;
	}
	.product_pic1 {
		width:290px;
		height:290px;
		padding:10px;
		border:1px solid #cdcdcd;
	}
	.product_pic2 {
		width:290px;
		height:290px;
	}
	.product_title1 {
		margin-top:35px;
		line-height:24px;
		font-size:16px;
	}
	.product_title2 {
		line-height:24px;
		font-size:18px;
	}
	.product_none {
		width:24px;
		height:300px;
		float:left;
	}
	.product_clear {
		height:40px;
		clear:both;
	}
	.product_1 {
		width:435px;
		height:435px;
		padding:10px;
		border:1px solid #cdcdcd;
		float:left;
	}
	.product_2 {
		width:480px;
		float:right;
		text-align:left;
	}
	.product_in_title1 {
		font-size:24px;
	}
	.product_in_title2 {
		margin-top:30px;
	}
	.product_in_title3 {
		margin-top:30px;
	}
	.product_memo {
		text-align:left;
		line-height:24px;
	}
	.product_back {
		width:200px;
		height:50px;
		line-height:50px;
		border:1px solid #000;
		border-radius:25px;
		text-align: center;
		font-size:21px;
		margin:auto;
		cursor:pointer;
	}
	.product_back:hover {
		background: #000000;
		color: #FFF;
	}

	.contact_1 {
		width:50%;
		float:left;
		text-align:left;
	}
	.contact_2 {
		width:50%;
		float:left;
		text-align:right;
	}
	.c_1 {
		width:470px;
		height:25px;
		line-height:25px;
		color:#b1b1b1;
		padding:5px;
	}
	.c_2 {
		width:970px;
		height:25px;
		line-height:25px;
		color:#b1b1b1;
		padding:5px;
	}
	.c_3 {
		width:970px;
		height:240px;
		color:#b1b1b1;
		padding:5px;
	}
	.contact_send {
		width:200px;
		height:45px;
		font-size:21px;
		font-weight:bold;
		line-height:40px;
		background:none;
		border:1px solid #000;
		border-radius:23px;
		cursor:pointer;
	}
	.contact_clear {
		height:30px;
		clear:both;
	}


#footer {
	width:100%;
	min-width:1200px;
	min-height:480px;
	margin:auto;
	text-align:center;
	position:relative;
	background:url(../images/footer_bg.jpg) top center repeat-x;
	padding-top:55px;
}

	.footer_logo {
		position:relative;
	}
	
	.footer_icon {
	}
	
	.footer_1 {
		margin-top:35px;
		color:#e6d5c9;
	}
	.footer_2 {
		margin-top:30px;
		color:#e6d5c9;
	}
	.footer_3 {
		margin-top:10px;
		color:#e6d5c9;
	}
	
	.footer_copy {
		margin-top:45px;
		color:#FFF;
	}