@charset "utf-8";

body{font-family: "微軟正黑體";}
/* CSS Document */

/*index-list*/		
a{
	text-decoration: none;
}	
	
#propaganda-right h2{
	font-family: "微軟正黑體";
	font-size: 1.5em;
	line-height: em;
	color: #E45C7B;
	text-align: left;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.3em;
	padding-right: 0em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	}	
#propaganda-right ul li a{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	color: #333;
	padding: 0.5em;
	font-size: 0.95em;
}	

#propaganda-right ul li a:hover{
	background-color: #f9f7f4;
	color: #E45C7B;
	font-size: 1em;
}

#propaganda-1 p{
	font-family: "微軟正黑體";
	font-size: 1em;
	line-height: 1.8em;
	color: #666;
	text-align: justify;
	width: 98%;
	padding: 0.6em;	
		 
	}	
	
#propaganda-left{
	text-align: left;
	float: left;
	width: 65%;
	background-image: url(../images/bg/bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 1em;
	padding-right: 3em;
	padding-bottom: 10em;
	padding-left: 0em;	
	}	

	
	
#propaganda-right{
	text-align: left;
	float: left;
	width: 28%;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;	

	}	
#list2{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border: 1px solid #E4E0DA;
	border-radius: 6px;
	padding-right: 1em;
	padding-left: 1em;
	background-color: #F9F8F7;
	margin-bottom: 1em;
	}
#list-l{
	color: #937B6C;
	float: left;
	width: 10%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	}		
#list-r{
	color: #666;
	float: left;
	width: 90%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	}		
		
.img{
	float: left;
	width: 40%;
	border: 1em solid #FFF;
	box-shadow: -2px 1px 10px #efefef;
	margin-right: 1em;
	margin-bottom: 1em;
	}	
.img2{
	float: left;
	width: 40%;
	border: 1em solid #FFF;
	
	margin-right: 1em;
	margin-bottom: 1em;
	}		


#clear {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width:1000px) and (max-width:1200px){
	/*index-list*/		
	
	
	
#propaganda-left{
	text-align: left;
	float: left;
	width: 65%;
	height: 100%;
	background-image: url(../images/bg/bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 1em;
	padding-right: 3em;
	padding-bottom: 1em;
	padding-left: 0em;
	
	}	

	
	
#propaganda-right{
	text-align: left;
	padding: 0.5em;
	float: left;
	width: 28%;
	

	}	
#list2{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border: 1px solid #E4E0DA;
	border-radius: 6px;
	padding-right: 1em;
	padding-left: 1em;
	background-color: #F9F8F7;
	margin-bottom: 1em;
	}
#list-l{
	color: #937B6C;
	float: left;
	width: 20%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	}		
#list-r{
	color: #666;
	float: left;
	width: 80%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	}		
	
}

@media screen and (max-width: 1000px) {
	
	/*index-list*/		
#propaganda-co{padding-bottom: 10em;}		
#propaganda-left{
	text-align: left;
	background-image: url(../images/bg/bg2.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	background-color: #FFF;
	}	

	
	
#propaganda-right{
	text-align: left;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 10em;
	padding-left: 0.5em;	

	}	
#list2{
	clear: both;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border: 1px solid #E4E0DA;
	border-radius: 6px;
	/* [disabled]padding-right: 1em; */
	padding-left: 1em;
	background-color: #F9F8F7;
	margin-bottom: 1em;
	}
#list-l{
	color: #937B6C;
			clear: both;
	margin-right: auto;
	margin-left: auto;	
	width: 100%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	}		
#list-r{
	color: #666;
	float: left;
			clear: both;
	margin-right: auto;
	margin-left: auto;	
	width: 100%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	}		
	
	.img{
	width: 100%;
	border: 1em solid #FFF;
	box-shadow: -2px 1px 10px #efefef;
	margin-right: auto;
	margin-bottom: 1em;
	clear: both;
	margin-left: auto;
	}	
		.img2{
	width: 100%;
	border: 1em solid #FFF;
	
	margin-right: auto;
	margin-bottom: 1em;
	clear: both;
	margin-left: auto;
	}	
}