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

/*--pop--*/

h2{
	font-size: 1.25em;
	float: none;
	clear: both;
	line-height: 1.4em;
	background: url(../images/h2_bg.gif) repeat left top;
	margin: 20px 0;
	padding: 0;
	color: #5c8202;
	text-align: left;
	vertical-align: top;
}
h2 span {
	background: url(../images/h2_span.gif) no-repeat 5px 5px;
	/*--padding: 2px 10px 2px 28px;--*/
	/*--padding: 3px 10px 2px 28px\9;--*/
	display: inline-block;
	margin: 0;
	max-width: 620px;
}

.pop {
	width: 510px;
	margin: 0px auto;
	padding: 20px 50px;
	background: url(../images/creampaper.png) repeat;
	border-radius: 5px;
	text-align: center;
	vertical-align: top;
	position: relative;
	min-height:350px;
	box-shadow:0px 0px 5px rgba(0%,0%,0%,0.5);
}
.pop .close, .popWorld .close {
	text-align: right;
	vertical-align: top;
	margin: 0px 0px 10px;
	position: absolute;
	top: 15px;
	right: 15px;
}
.pop .image {
	width: 512px;
	padding:5px 0px 10px;
}
.pop .image img {
	padding: 5px;
	border: 1px solid #D4D4D4;
	max-width: 500px;
	max-height: 500px;
}
.pop .close a img, .popWorld .close a img {
	height: 16px;
	width: 16px;
	background: url(../images/close_a.gif) no-repeat center center;
	border: none;
}
.pop .close a:hover img, .popWorld .close a:hover img { background: url(../images/close_hover.gif) no-repeat center center; }
.pop h3 {
	text-align: left;
	vertical-align: top;
	font-size: 120%;
	line-height: 170%;
	margin: 0;
	padding: 0px;
	color: #069;
}
.pop p {
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	color: #333;
	line-height: 180%;
	margin: 0px;
	padding: 0px;
}

/*--popWorld--*/
.popWorld {
	width: 650px;
	margin: 0px auto;
	padding: 20px 40px;
	background: url(../images/creampaper.png) repeat;
	border-radius: 5px;
	text-align: left;
	vertical-align: top;
	position: relative;
	min-height:350px;
}
.popWorld .image {
	width: 272px;
	padding: 0px;
	margin-right: 20px;
	float: left;
}
.popWorld .image img {
	padding: 5px;
	border: 1px solid #D4D4D4;
	max-width: 260px;
	max-height: 260px;
}
.popWorld ul{
	margin: 0px 0px 10px 280px;
	padding: 0px;
	list-style: none none;
	overflow: auto;
	SCROLLBAR-FACE-COLOR: #e0dddd;
	SCROLLBAR-HIGHLIGHT-COLOR: #e0dddd;
	SCROLLBAR-SHADOW-COLOR: ##ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #343333;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #e0dddd;
	height: 250px;
}
.popWorld ul li{
	list-style: none none;
	color: #498398;
	margin: 8px 0;
	padding: 0px 0px 0px 15px;
	font-size: 95%;
	background: url(../images/icon02.gif) no-repeat 0 4px;
	display: block;
	vertical-align: middle;
}
.popWorld ul li a {
	color: #036;
	text-decoration: none;
}
.popWorld ul li a:hover {
	color: #900;
	text-decoration: underline;
}
.popWorld ul li span {
	margin: 0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.popWorld ul li em {
	font-style: normal;
	margin: 0 0 0 15px;
	font-size: 15px;
}
.popWorld ul li span a, .popWorld ul li em a {
	color: #069;
	vertical-align: middle;
}
.popWorld ul li span img, .popWorld ul li em img {
	vertical-align: middle;
	padding: 0px 3px 0px 0px;
}

.pop .next_btn{ position:absolute; right:5px; top:200px;}
.pop .back_btn{ position:absolute; left:5px; top:200px;}


/*-----------------投票內容----------------*/
.vote ul{ display:block; margin:0px; padding:0px;}
.vote ul li{ list-style:none; text-align:left;}
.vote .image02 img{
	padding:5px;
	border: 1px solid #D4D4D4;
	max-width:160px;
	max-height:160px;}
	.vote .image02{
		width:172px;
		padding: 0px;
		margin:5px;
		float: left;
	}
	
	.vote { padding:10px 20px 20px 20px; width:550px;}

	.vote .number{ color:#F30;}