@charset "utf-8";

/* CSS Document */

/***麵包屑*********************************************************/

#breadcrumbs {

	text-align: right;

	color: #717171;

	font-size: 12px;

	font-weight: normal;

	position: absolute;

	right: 34px;

	top: 34px;

	z-index: 99;

	width: 157px;

}

#breadcrumbs span {

	color: #999999;

}

#breadcrumbs img {

	padding: 0px 2px 0 0;

}

#breadcrumbs a {

	color: #7F0000;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#breadcrumbs a:visited {

	color: #7F0000;

	text-decoration: none;

}

#breadcrumbs a:hover {

	color: #F90;

	text-decoration: none;

}

/***麵包屑*********************************************************/

/***普通通用*********************************************************/

body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, "新細明體";

	font-size: 13px;

	line-height: 22px;

	letter-spacing: 1px;/*background:#CCC;*/

}

#wrapper {

	width: 1000px;

	margin: 0 auto;

	position: relative;

	background-image: url(index/bg.jpg);

}

#wrapper_box {

	width: 100%;

	clear: both;

	position: relative;

}

/***普通通用*********************************************************/

/***主要內容******************************************************/

#head_box {

	width: 100%;

	height: 90px;

	position: relative;

}

#head {

	width: 1000px;

	height: 88px;

	margin: 0 auto;

	position: relative;

	background-image: url(header_bg.jpg);

}

#main_box {

	width: 100%;

	padding: 0 0 0 0;

}

#main {

	width: 1000px;

	height: auto;

	margin: 0 auto;

	

	position: relative;

	padding-top: 26px;

}

/***LOGO*******************************************************/

#logo {

	width: auto;

	height: auto;

	position: absolute;

	top: 17px;

	left: 40px;

	z-index: 50;

}

/***LOGO*******************************************************/

/***主視圖******************************************************/

#ad_box {

	width: 100%;

	height: auto;

	position: relative;

}

#ad {

	width: 1000px;

	height: auto;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

/***主視圖********************************************************/

/*********************************************************/



#leftsidebar {

	width: 208px;

	height: auto;

	float: left;

	margin: 0px 0px 0px 26px;

}

#container {

	width: 705px;

	height: auto;

	min-height: 300px;

	float: left;

	margin: 0px 0px 50px 36px;

}

#title {

	width: 705px;

	height: 34px;

	margin-left: 36px;

	float: left;

	background-image:url(title.jpg);

	position:relative;

	

}

#title .title{

	text-align: left;

	color: #717171;

	font-size: 12px;

	font-weight: normal;

	position: absolute;

	left: 20px;

	top: 2px;

	z-index: 3;

}

/*-導航--------------------------------------------------------*/



#leftnav {

	height: auto;

	width: 208px;

	float: left;
	position:relative;

}

#leftnav .title {

	height: auto;

	width: 208px;

}

#leftnav .title_s{

	height: auto;

	width: 208px;
	position:absolute;
    z-index:2;
}

#leftnav .menu {

	height: auto;

	width: 208px;

	letter-spacing: 2px;

}

#leftnav .menu_bottom {

	height: auto;

	width: 208px;

	color: #000;

}

#subnav {

	width: 208px;

	height: auto;

	float: right;

	color: #666666;

	font-size: 13px;

	line-height: 20px;

}

#subnav .bold {

	font-weight: bold;

}

#subnav ul {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}
#subnav ul ul{
	display:none;
}
#subnav ul li a{
	display:block;
	padding: 9px 15px 8px 40px;
}


#subnav ul A:link,
#subnav ul A:visited,
#subnav ul A:hover,
#subnav ul li.act > A {

	color: #666666;

	TEXT-DECORATION: none;

}

#subnav li {

	width: 208px;
	
	background-image: url(../leftnav/bg.jpg);

	background-repeat: no-repeat;

}

#subnav li A:hover,
#subnav li.act > A {

	background-image: url(../leftnav/bg2.jpg);

	background-repeat: no-repeat;

}

/*********************************************************/

#icon {

	width: 208px;

	height: auto;

	float: right;

	margin-top:20px;



}

/*********************************************************/

/***社群*******************************************************/

#community {

	height: 16px;

	width: 91px;

	position: absolute;

	left: 769px;

	top: 72px;

	z-index: 50;

}

#community li {

	display: inline;

}

#community li a {

	width: 16px;

	height: 16px;

	display: block;

	float: left;

	margin: 0 2px 0 2px;

	-webkit-transition: background 200ms linear;

	-moz-transition: background 200ms linear;

	-o-transition: background 200ms linear;

	transition: background 200ms linear;

}

#community li a.facebook {

	background: url('community/fb.png') no-repeat;

}

#community li a.google {

	background: url('community/google.png') no-repeat;

}

#community li a.twitter {

	background: url('community/twitter.png') no-repeat;

}

#community li a.plurk {

	background: url('community/plurk.png') no-repeat;

}

#community li a.favorites {

	background: url('community/favorites.png') no-repeat;

}

#community li a.pixnet {

	background: url('community/pixnet.png') no-repeat;

}

#community li a.facebook:hover {

	background: url('community/fb_.png') no-repeat;

}

#community li a.google:hover {

	background: url('community/google_.png') no-repeat;

}

#community li a.twitter:hover {

	background: url('community/twitter_.png') no-repeat;

}

#community li a.favorites:hover {

	background: url('community/favorites_.png') no-repeat;

}

#community li a.plurk:hover {

	background: url('community/plurk_.png') no-repeat;

}

#community li a.pixnet:hover {

	background: url('community/pixnet_.png') no-repeat;

}/***社群*******************************************************/

/***頁底*********************************************************/

#footer_box {

	width: 100%;

	height: 100px;

}

#footer {

	width: 1000px;

	height: 100px;

	margin: 0 auto;

	position: relative;

	background: url(footer_bg.jpg) center 25px no-repeat;

}

#footer .menu {

	width: 645px;

	height: 25px;

	font-size: 13px;

	line-height: 25px;

	color: #FFF;

	position: absolute;

	left: 161px;

	top: 28px;

	text-align: center;

	letter-spacing: 1px;

}

#footer .menu a {

	color: #FFF;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#footer .menu a:visited {

	color: #FFF;

	text-decoration: none;

}

#footer .menu a:hover {

	color: #FF0;

	text-decoration: none;

}

#footer .info {

	width: 500px;

	font-size: 13px;

	color: #444444;

	letter-spacing: 0px;

	position: absolute;

	left: 350px;

	top: 48px;

	letter-spacing: 1px;

	font-size: 13px;

}

#footer .info span {

	color: #999999;

	font-size: 13px;

	font-weight: normal;

}

#footer .qr {

	width: 74px;

	height: 74px;

	position: absolute;

	right: 14px;

	top: 14px;

}

#footer .logo {

	position: absolute;

	left: 20px;

	bottom: 0px;

}

#footer .copyright {

	width: 600px;

	color: #858585;

	font-size: 13px;

	letter-spacing: 0px;

	position: absolute;

	top: 72px;

	left: 158px;

	letter-spacing: 1px;

	text-align: right;

}

#footer .copyright span {

	color: #CCC;

}

#footer .copyright span a {

	color: #858585;

	text-decoration: underline;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#footer .copyright span a:visited {

	color: #858585;

	text-decoration: underline;

}

#footer .copyright span a:hover {

	color: #CCC;

	text-decoration: underline;

}

#footer .copyright a {

	color: #858585;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#footer .copyright a:visited {

	color: #858585;

	text-decoration: none;

}

#footer .copyright a:hover {

	color: #CCC;

	text-decoration: none;

}

/***頁底*********************************************************/

/***頁底*********************************************************/

.form_use {

	color: #526B3A;

	background-color: #FFF;

	border: #DEE1E2 1px solid;

	padding: 3px 8px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: background 200ms linear, border 200ms linear;

	-moz-transition: background 200ms linear, border 200ms linear;

	-o-transition: background 200ms linear, border 200ms linear;

	transition: background 200ms linear, border 200ms linear;

	behavior: repeat url(../../scripts/pie/PIE.htc);

}

.form_use:hover {

	background-color: #CAD8BE;

	border: #999 1px solid;

}

.form_use:focus {

	color: #526B3A;

	background-color: #CAD8BE;

	border: #999 1px solid;

}

.form_h {

	height: 18px;

}

.form_use2 {

	color: #526B3A;

	background-color: #FFF;

	border: #AFCE86 1px solid;

	padding: 3px 3px 3px 5px;

	font-size: 12px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: background 200ms linear, border 200ms linear;

	-moz-transition: background 200ms linear, border 200ms linear;

	-o-transition: background 200ms linear, border 200ms linear;

	transition: background 200ms linear, border 200ms linear;

	behavior: repeat url(../../scripts/pie/PIE.htc);

}

.form_use2:hover {

	background-color: #CAD8BE;

	border: #999 1px solid;

}

.form_use2:focus {

	color: #526B3A;

	background-color: #CAD8BE;

	border: #999 1px solid;

}

.form_use3 {

	background-color: #FFF;

	border: #DEE1E2 1px solid;

	padding: 3px 8px;

	-webkit-transition: background 200ms linear, border 200ms linear;

	-moz-transition: background 200ms linear, border 200ms linear;

	-o-transition: background 200ms linear, border 200ms linear;

	transition: background 200ms linear, border 200ms linear;

}

.form_use3:hover {

	background-color: #F3F3F3;

	border: #999999 1px solid;

}



/***頁底*********************************************************/