@charset "utf-8";
/* CSS Document */


#content_innerm12{
	float: left;
	padding-top: 0px;
	padding-left: 45px;
}
#content_innerm12_s0{
	float: left;
	padding-top: 0px;
	padding-left: 25px;
}
#m12_room_s0{
width: 756px;
min-height:774px;
padding-bottom:20px;
background-image:url(../IMAGES/bg_m12_s0.jpg);
background-repeat:no-repeat;
}


#m12_room{/* width: 730px; */min-height:300px;padding-bottom:20px;color:#1e1e1e;}

.wrptitle{font-family:"客家楷體";color:rgba(255, 118, 20, 1);font-size:36px;font-weight:bold;padding:0;border-bottom: solid 1px #ff0000;}

#wrptitle2{
	font-family: "客家楷體";
	color: #dc713c;
	font-weight: normal;
	margin-top: 18px;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 7px;
	border-bottom: solid 1px #ff7614;
}

.wrptitle3{
	font-family: "客家楷體";
	color: #e5e4e2;
	font-size: 38px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding-bottom: 9px;
}

.wrptitle_line{
border-bottom: solid 1px #ff7614;
}
#m12_room #wrptxt{
text-decoration: none;
color:#b02a0c;
font-weight:bold;
font-size:30px;
/*letter-spacing:5px;*/
font-family: "客家楷體";
}

#m12_room #wrptxt2{
color:#1e1e1e;
font-weight: normal;
font-size:13px;
}

#m12_room #wrptxt3{
color:#1e1e1e;
font-weight:bold;
font-size:16px;
letter-spacing:2px;
margin:0;
padding:15px 0 5px 0;
}

#m12_room #wrptxt3 a{
color:#1e1e1e;
text-decoration:none;
}

#m12_room #wrptxt3 a:hover{

text-decoration: underline;
}

#m12_room #wrptxt4{
color:#aba6a6;
font-weight: normal;
font-size:13px;
margin:0;
padding:0;
}

#m12_room #wrptxt5{
color:#1e1e1e;
font-weight:bold;
font-size:16px;
letter-spacing:2px;
margin:0;
padding:0;
}

#m12_room #wrptxt5 a{
color:#1e1e1e;
text-decoration:none;
}

#m12_room #wrptxt5 a:hover{

text-decoration: underline;
}




.tlimit {width:auto;text-overflow : ellipsis;white-space:nowrap;overflow:hidden;}
.tlimit a{color:#1e1e1e;text-decoration:none;border-bottom-width: 0px;}

.tlimit a:hover{
color:#1e1e1e;
text-decoration: underline;
}

.tlimit2 {
width:650px;
color:#aba6a6;
margin:0 0 15px 0; 
padding:0;
line-height:20px;

}
.tlimit2 a{
color:#aba6a6; 
text-decoration:none;
}

.tlimit2 a:hover{
color:#1e1e1e;
text-decoration: underline;
}


#m12_room #wrptxt2_c2{color:#aba5a7;font-weight: normal;font-size:13px;}

.wrptd_dot{border-bottom:dotted 1px #c5c5c5;}


.wrptable2{
width:730px;
float:left;
}

.wrptable2 td{
height:45px;
line-height:45px;
}

.wrptable3{
width:730px;
float:left;
}

.wrptable3 td{
height:45px;
}

.tddir{
background-image:url(../IMAGES/bullet_big.jpg);
background-repeat:no-repeat;
background-position:15% 50%;
}


.pullmleft5{
margin-left:5px;
}
.pullmleft25{
margin-left:25px;
}

.pullmleft35{
margin-left:35px;
}

.pullmleft45{
margin-left:45px;
}

.pullmtop15{
	margin-top: 12px;
}

.pullmtop25{margin-top:25px;}
.pullmbottom25{margin-bottom:25px;}


.pullmright5{
margin-right:5px;
}

.txtaright{text-align:right;}

圖片及資料
#pandinfo{
width: 730px;
height:473px;

}

#pandinfo #leftinfo{
width: 528px;
float:left;

}

#pandinfo #rightinfo{
width: 180px;
float:left;
}

.infobox1{
margin:10px 0 0 15px;
padding:22px;
background-color:#fcfbf8;
width:141px;
}

.infotag{
width:64px;
height:22px;
line-height:22px;
vertical-align:middle;
text-align:center;
color:#FFFFFF;
padding:0;
background-color:#272727;
}

.infotag2{
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: left;
	color: #272727;
	font-weight: bold;
	border-bottom: solid 1px #efece7;
	background-image: url(../IMAGES/bullet_tick.jpg);
	background-repeat: no-repeat;
	background-position: 100% 46%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	margin-left: 22px;
}
.infotag3{
width:64px;
height:22px;
line-height:22px;
vertical-align:middle;
text-align:center;
color:#FFFFFF;
padding:3px 5px 3px 10px;
background-color:#272727;
}
.infoc1{
	color: #4D4843;
	padding: 8px 0 0 0;
	letter-spacing: 1px;
	line-height: 1.7em;
	font-size: 12px;
	width: 138px;

}

.infoc1 a{
color:#6d6d6d;
padding:8px 0 0 0;
letter-spacing:1px;
line-height:22px;
text-decoration:underline;
font-size: 12px;
}


.infoclink {
color:#aba6a6;
letter-spacing:1px;
padding:10px 0 0 0;
text-align:right;

}
.infoclink a{
color:#aba6a6;
text-decoration:underline;
}

.infoclink a:hover{
color:#928888;
}

.infochr{
margin:5px 0 10px 0;
border-bottom:solid 1px #efece7;
}

.infobox2{
margin:10px 0 0 15px;
padding:10px 22px 10px 22px;
background-color:#fcfbf8;
width:141px;
}

.infoboxaudio{
	background-color: #fcfbf8;
	width: 163px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 0px;
}

.infotagaudio{

height:22px;
line-height:22px;
vertical-align:middle;
text-align:left;
color:#272727;
padding:0 0 10px 10px;
font-weight:bold;
border-bottom:solid 1px #efece7;
background-image:url(../IMAGES/bullet_tick.jpg);
background-repeat:no-repeat;
background-position: 100% 46%;
}
.infocaudio{
	background-color: #FCFBF8;
	width: 141px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.literature{
color:#4d4843;
letter-spacing:1px;
line-height:2.2em;
}

.atype{
	font-size: 12px;
	color: #6d6d6d;
	line-height: 17px;
}
.atype a{
font-size:12px;
color:#6d6d6d;
text-decoration: underline;
}

.wtype{
font-size:12px;
color:#1e1e1e;
}

圖片及資料_tab

.abgne_tab {
		clear: left;
		width: 527px;
		margin: 10px 0 0 0;
		
	}
	ul.tabs {
		width: 527px;
		height: 32px;
		color:#dc713c;
		margin: 10px 0 0 0;
		
	}
	ul.tabs li {
	width: 262px;
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-right: 1px solid #dbdbdb;
		background: #fff;
		text-align:center;
		color:#dc713c;
	}
	ul.tabs li:last-child{
	width: 262px;
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-right: 0px solid #dbdbdb;
		background: #fff;
		text-align:center;
		color:#dc713c;
	}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;
		border: 1px solid #fff;
		text-decoration: none;
	}
	ul.tabs li a:hover {
	    color:#dc713c;
		background: #f6f6f6;
	}
	ul.tabs li.active  {
	    color:#dc713c;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	ul.tabs li.active a:hover {
	color:#dc713c;
		background: #fff;
	}
	
	ul.tabs li.active a {
	    color:#dc713c;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	div.tab_container {
	
		clear: left;
		width: 100%;
		border: 0;
	
		background: #fff;
	}
	div.tab_container .tab_content {
		padding:0;
	}
	div.tab_container .tab_content h2 {
		margin: 0;
	}
	
圖片及資料_tab2

.abgne_tab2 {
		clear: left;
		width: 527px;
		margin: 10px 0 0 0;
		
		
	}
	ul.tabs2 {
	width: 527px;
	height: 32px;
	color: #dc713c;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
		
	}
	ul.tabs2 li {
	width: 175px;
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-right: 1px solid #dbdbdb;
		background: #fff;
		text-align:center;
		color:#dc713c;
	}
	ul.tabs2 li:last-child{
	width: 175px;
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border-right: 0px solid #dbdbdb;
	background: #fff;
	text-align: center;
	color: #dc713c;
	}
	ul.tabs2 li a {
		display: block;
		padding: 0 20px;
		color: #000;
		border: 1px solid #fff;
		text-decoration: none;
	}
	ul.tabs2 li a:hover {
	    color:#dc713c;
		background: #f6f6f6;
	}
	ul.tabs2 li.active  {
	    color:#dc713c;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	ul.tabs2 li.active a:hover {
	color:#dc713c;
		background: #fff;
	}
	
	ul.tabs2 li.active a {
	    color:#dc713c;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	div.tab2_container {
	
		clear: left;
		width: 100%;
		border: 0;
	
		background: #fff;
	}
	div.tab2_container .tab_content {
		padding:0;
	}
	div.tab2_container .tab_content h2 {
		margin: 0;
	}
	
圖片及資料_tab3

.abgne_tab3 {
		clear: left;
		width: 730px;
		margin: 10px 0 0 0;		
		
	}
	ul.tabs3 {
		width: 730px;
		height: 32px;
		color:#afa99b;
		margin: 10px 0 0 0;
		border-bottom:solid 1px #dbdbdb;
		
	}
	ul.tabs3 li {
	font-size: 15px;
	font-weight: bold;
	width: 240px;
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border-right: 1px solid #dbdbdb;
	background: #fff;
	text-align: center;
	color: #afa99b;
	}
	ul.tabs3 li:last-child{
	width: 240px;
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border-right: 0px solid #dbdbdb;
	background: #fff;
	text-align: center;
	color: #dc713c;
	}
	ul.tabs3 li a {
		display: block;
		padding: 0 20px;
		color: #afa99b;
		border: 1px solid #fff;
		text-decoration: none;
	}
	ul.tabs3 li a:hover {
	    color:#dc713c;
		background: #f6f6f6;
	}
	ul.tabs3 li.active  {
	    color:#dc713c;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	ul.tabs3 li.active a:hover {
	color:#dc713c;
		background: #fff;
	}
	
	ul.tabs3 li.active a {
	    color:#dc713c;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	div.tab3_container {
	
		clear: left;
		width: 100%;
		border: 0;
	
		background: #fff;
	}
	div.tab3_container .tab_content {
		
	}
	div.tab3_container .tab_content h2 {
		
	}	
	
	
作者資料／作品賞析頁
#authorbox{
width:730px;
}


.authorbox2{
margin:10px 0 0 0;
width:685px;
padding:22px;
line-height:22px;
vertical-align:middle;
text-align:left;
background-color:#fcfbf8;
}
.autxtfield{

padding:10px 38px 35px 38px;


}
.authorn{
color:#4c4c4c;
font-size:15px;
font-weight:bold;
margin:19px 0 35px 0;
}

.authordescr{
color:#6e6e6c;
line-height:28px;

}


m12 s0 search


#m12_s0_block1_in {
	padding-left: 54px;
	float: left;
	padding-bottom: 80px;
	width: 539px;
}


#m12_s0_block1_in #searchbox
{
	font-size: 13px;
	color: #555047;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}
#m12_s0_block1_in #searchbox_in
{ 
	width: 482px;
	
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 20px;
}
#m12_s0_block1_in #searchbox_in td
{
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#m12_s0_block1_in #searchbox {
width: 482px;

}

#m12_s0_block1_in #searchbox_in div
{
	padding-bottom: 8px;

	padding-left: 15px;
}

m12 全民書寫
#m12_frame_field{
width: 730px;
}

.m12_frame {
float:left;
width:357px;
height:149px;
background-image:url(../IMAGES/m12_frame.jpg);
background-repeat:no-repeat;
background-position: 100% 46%;
padding:5px 5px 5px 0;
color:#aba6a6;
}

.m12date{
color:#ff7614;
}
.m12date2{
font-family:"細明體";
font-size:13px;
letter-spacing:1px;

}

m12 文學走讀_路線

.m12route{

float:left;
}
.tdheight{
height:63px;
margin:0;
padding:0;
}
.td_mark{

height:83px;
text-align:right;
vertical-align:top;
color:#c7bfbf;
margin:0;
padding:0 0 0 10px;

}

.td_mark a{
color:#c7bfbf;
text-decoration:none;
}

.td_mark2{
height:83px;
text-align:right;
vertical-align:top;
color:#d9894f;
margin:0;
padding:0 0 0 10px;

}

.td_mark2 a{
color:#d9894f;
text-decoration:none;

}
.route_line{

background-image:url(../IMAGES/route_line.png);
background-repeat: repeat-y;
background-position:center;
}
.route_top{

background-image:url(../IMAGES/route_top.png);
background-repeat:no-repeat;
background-position:center;
}

.route_bottom{

background-image:url(../IMAGES/route_bottom.png);
background-repeat:no-repeat;
background-position:center;
}
.route_mark{
background-image:url(../IMAGES/route_mark.png);
background-repeat:no-repeat;
background-position:top center;
}

.route_mark2{
background-image:url(../IMAGES/route_mark2.png);
background-repeat:no-repeat;
background-position:top center;
}

m12 文學走讀_路線 v2 (不用)

.thumb{position:relative;top:0;left:0;float:left;display:inline;margin:10px;width:300px;height:250px;-webkit-box-shadow:1px 1px 5px 0 rgba(109,109,109,.3);-moz-box-shadow:1px 1px 5px 0 rgba(109,109,109,.3);box-shadow:1px 1px 5px 0 rgba(109,109,109,.3)}
.thumbb,a.thumbb{position:absolute;left:-1px;top:-1px;width:302px;height:252px;color:#000;background-color:#ccc}
a.thumbb:visited{color:#ff8400}
.thumbb:hover,a.thumbb:hover{color:#fff;background-color:#ff8400}
.thumbi{position:absolute;left:1px;top:36px;width:300px;height:215px;line-height:211px;text-align:center;background-color:#f6f6f6;background-position:center center;background-repeat:no-repeat}
.thumbi img{vertical-align:middle;border:none}
.thumbc{position:absolute;left:1px;top:1px;width:300px;height:35px;background-color:#eaeaea}
a.thumbb:hover .thumbc{background-color:#ff8400}
.thumbc{font-size:18px;line-height:35px;text-align:center}
.thumb_wrapper{position:relative;margin:10px auto;padding:0;width:100%;max-width:960px;overflow:hidden}
.reserve_sidebar_space{float:none}
.jssort13 .w,.jssort13 .phv .w{cursor:pointer;position:absolute;WIDTH:98px;HEIGHT:29px;border:1px solid gray;top:-1px;left:0}
.jssort13 .pav .w,.jssort13 .pdn .w{border-right:1px solid #fff}
.jssort13 .c{color:#000;font-size:13px}
.jssort13 .p .c,.jssort13 .pav:hover .c{background-color:#eee}


m12 發表作品

.m12addtd{
display:inline;
color:#665843;
height:31px;
}
.m12addtd input{
background-color:#f5f5f0;
color:#62615D;
letter-spacing:1px;
border:0;
padding:0 10px 0 10px;
}

::-webkit-input-placeholder { 
    color:    #a8a69e;
}
:-moz-placeholder { 
   color:    #a8a69e;
   
}
::-moz-placeholder { 
   color:    #a8a69e;
  
}
:-ms-input-placeholder { 
   color:    #a8a69e;
   
}

input:-moz-placeholder { 
   color:    #a8a69e;
   
}

.m12addtd textarea{
background-color:#f5f5f0;
color:#62615D;
letter-spacing:1px;
border:0;
padding:30px;
}

.m12note2{
color:#dc713c;
}
.m12addhr{
height:1px;
border-bottom:#e9e6e3 1px dotted;

}

.m12addtable{
width:558px;
height:75px;

}

.m12addtable td{
height:42px;
line-height:42px;
color:#665843;
border-bottom:#e9e6e3 1px dotted;
}

.m12addtable td input{

background-color:#f5f5f0;
color:#62615D;
letter-spacing:1px;
border:0;
padding:0 10px 0 10px;
}

.m12addtable2{
width:553px;
height:87px;
border:#e7e7e7 1px solid;
margin:0 5px 0 0;
}

.m12addtable2 td{
height:42px;
line-height:42px;
color:#665843;
}

.m12addtable2 td input{
background-color:#fcfcfa;
color:#62615D;
letter-spacing:1px;
border:0;
padding:0 10px 0 10px;
}

.m12addtable2 img{
padding:4px;

}

.m12addtable3{
width:645px;
height:75px;

}

.m12addtable3 td{
height:42px;
line-height:42px;
color:#665843;
border-bottom:#e9e6e3 1px dotted;
}

.m12addtable3 td input{

background-color:#f5f5f0;
color:#62615D;
letter-spacing:1px;
border:0;
padding:0 10px 0 10px;
}
.m12addtable4 img{
vertical-align:middle;

}

.agreement{
color:#665843;
letter-spacing:1px;
line-height:23px;
height:23px;
vertical-align:top;

}

.agreement a{
color:#ff7614;

}

.footerinfo {
	color: #5e6e81;
	padding-top: 2px;
	padding-bottom:3px;
	-webkit-text-size-adjust:none;
	font-size: 11px;
	padding-left: 13px;
}
.footerinfo a{
	color: #5e6e81;
	-webkit-text-size-adjust:none;
	font-size: 11px;
	text-decoration: underline;
}

#m12summary{
	width: 498px;

	padding: 0px 7px 0px 9px;
	margin: 0 0 105px 0;


}
.museum a{ color:#1E1E1E; text-decoration:none;}
.museum a:hover{ text-decoration: underline;}

@media screen and (max-width: 10000px) {
	.indexfont{margin-left: 35%;margin-right: 35%}
}
@media screen and (max-width: 1600px) {
	.indexfont{margin-left: 32%;margin-right: 32%}
}
@media screen and (max-width: 1400px) {
	.indexfont{margin-left: 30%;margin-right: 30%;}
}
@media screen and (max-width: 1200px) {
	.indexfont{margin-left: 28%;margin-right: 28%;}
}
@media screen and (max-width: 1000px) {
	.indexfont{margin-left: 25%;margin-right: 25%;}
}
@media screen and (max-width: 800px) {
	.indexfont{margin-left: 20%;margin-right: 20%;}
}
@media screen and (max-width: 600px) {
	.indexfont{margin-left: 15%;margin-right: 15%;}
}
@media screen and (max-width: 400px) {
	.indexfont{margin-left: 18%;margin-right: 18%}
}