@charset "utf-8";
/* CSS Document */
#slider1_container {
	margin-right: auto;
	margin-left: auto;
	border: 4px solid #fff;
	background-color: #fff;
}
.banner-box {
	position: relative; width: 972px; height: 406px; overflow: hidden;
}
.banner-imgbox {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 972px; height: 406px; overflow: hidden;
}
.banner-playbox {
	position: relative; width: 972px; height: 406px; overflow: hidden;
}

        .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: left;
            border-radius: 4px;
			font-family: Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "微軟正黑體";
			padding: 0px 15px;
			
        }
        .captionOrange
        {            
			position:absolute; left:50px; top: 300px; width: 900px; height: 100px;
			margin: 0px auto;
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(images/browser-icons.png);
        }


/* close */
        .closeButton { background-image: url(../images/close.png); }
        .closeButton:hover { background-position: -30px 0px; }


/* number color */		
            /* jssor slider bullet navigator skin 03 css */
            /*
            .jssorb03 div           (normal)
            .jssorb03 div:hover     (normal mouseover)
            .jssorb03 .av           (active)
            .jssorb03 .av:hover     (active mouseover)
            .jssorb03 .dn           (mousedown)
            */
			.jssorb03 {
				position: absolute; bottom: 0px; left: 6px;
			}
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
            {
	overflow: hidden;
	cursor: pointer;
	font-family: Arial, \5FAE\8EDF\6B63\9ED1\9AD4, "微軟正黑體";
	font-weight: normal;
            }
            .jssorb03 div {
            background-color: #5e4835; color: #a38671;
}
            .jssorb03 div:hover, .jssorb03 .av:hover { background-color: #704528; color: #a38671; }
            .jssorb03 .av { background-color: #3f2817; color: #fff; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-color: #3f2817; color: #a38671; }


/* About switching */
            /* jssor slider arrow navigator skin 20 css */
            /*
            .jssora20l              (normal)
            .jssora20r              (normal)
            .jssora20l:hover        (normal mouseover)
            .jssora20r:hover        (normal mouseover)
            .jssora20ldn            (mousedown)
            .jssora20rdn            (mousedown)
            */
            .jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/a20.png) no-repeat;
                overflow:hidden;
            }
            .jssora20l { background-position: 0px 0px; }
            .jssora20r { background-position: -32px 0px; }
            .jssora20l:hover { background-position: -64px 0px; }
            .jssora20r:hover { background-position: -96px 0px; }
            .jssora20ldn { background-position: 0px 0px; }
            .jssora20rdn { background-position: -32px 0px; }