@charset "utf-8";

/* CSS Document */

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

p {

	margin: 0px;

	padding: 0px;

}

img {

	border: 0px;

}

.clear {

	zoom: 1;

	clear: both;

}

.clear:after {

	content: '';

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}



/*上下換圖按鈕加在連結中的css，意思是<a>標籤的背景位置為往上移動圖片高度一半的單位*/

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

body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, "微軟正黑體";

	background-image: url(banner/banner.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

#wrapper {

	width: 100%;

	position: relative;

}

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

/***頁頭********************************************************/

#header_box {

	width: 100%;

	height: auto;

	background-image: url(header.png);

}

#header {

	width: 1000px;

	height: 219px;

	margin: 0 auto;

	position: relative;

}

#header .language{

	font-size: 12px;

	color: #613F12;

	background-color: #FDF6E7;

	border: 1px solid #D8C0AB;

	-moz-border-radius: 12px;

	-webkit-border-radius: 12px;

	border-radius: 12px;

	height: 24px;

	width: 125px;

	position: absolute;

	z-index: 1;

	top: 63px;

	right: 13px;

	padding: 0 10px;

}

/***頁頭********************************************************/

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

#logo {

	width: auto;

	height: auto;

	position: absolute;

	left: 318px;

	z-index: 5;

	top: -10px;

}

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

#ad {

	width: 978px;

	height: 300px;

	text-align: center;

	position: absolute;

	z-index: 1;

	left: 11px;

	top: 113px;

}

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

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

#main_box {

	width: 100%;

	height: auto;

	padding-top: 155px;

}



#main {

	width: 1000px;

	height: auto;

	min-height: 400px;

	position: relative;

	margin: 0 auto;

	padding: 0 0 50px 0;

	background-color: #FFF;

	-moz-box-shadow: 0px 0px 6px #5e2009;

	-webkit-box-shadow: 0px 0px 6px #5e2009;

	box-shadow: 0px 0px 6px #5e2009;

	background-image: url(main.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

/**左邊**/

#leftside{

	width: 233px;

	height: auto;

	min-height: 200px;

	float: left;

}

#leftside h2{

	background-image: url(leftnav/left-title.png);

	text-align: center;

	height: 95px;

	width: 233px;

	padding-top: 60px;

	margin-top: -155px;

}

/***左邊內容***/

#leftnav_title{

	width: 200px;

	height: auto;

	padding-left: 16px;

	padding-top: 41px;

	padding-bottom: 18px;

}

#leftnav{

	width: 200px;

	height: auto;

	clear: both;

}

#leftside .info{

	margin: auto;

	width: 200px;

	padding-bottom: 20px;

}







/***右邊******************************************************/

#rightside{

	float: right;

	height: auto;

	width: 737px;

	padding-top: 40px;

}





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

#breadcrumbs {

	width: auto;

	z-index: 99;

	color: #FF7F00;

	position: absolute;

	right: 34px;

	height: auto;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	top: 53px;

}

#breadcrumbs strong{color:#AEAEAE;} 

#breadcrumbs span{color:#87684C;}

#breadcrumbs a {

	color:#87684C;

	text-decoration: none;

}

#breadcrumbs a:hover {

	color: #FF7F00;

}

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



#title{

	height: 38px;

	width: 696px;

	font-family: "微軟正黑體";

	font-size: 18px;

	line-height: 38px;

	font-weight: bold;

	color: #E51E19;

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

	padding-left: 20px;

}





/***分頁*******************************************************/

#pages {

	width: 100%;

	font-size: 13px;

	color: #00468C;

	font-family: Arial, Helvetica, sans-serif;

	height: 50px;

	clear: both;

	/*	border-top: 1px solid #CFCFCF;*/

	margin: auto;

	padding-top: 21px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}

#pages.back{

	background-image: url(../pages/lin.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	padding: 30px 0 0 0;

}

#pages .pgs a {

	color: #776454;

	text-decoration: none;

	margin: 3px;

	padding: 5px 5px;

/*	border: 1px solid #CFCFCF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;*/

}



#pages .pgs a:hover,#pages .pgs .act {

	color: #FFA957;

	font-weight: bold;

}



#pages .back{

	color: #79798B;

}

#pages .back a{

	text-decoration: underline;

	color: #79798B;

}

#pages .back a:hover{

	color: #A8A8B7;

}



/***分頁*******************************************************/



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

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

#community {

	width: auto;

	height: 53px;

	position: absolute;

	z-index: 2;

	right:13px;

	top:32px;

}

#community img{ cursor:pointer;}

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

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

#footer_box {

	width: 100%;

	height: auto;

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

	background-repeat: repeat-x;

}

#footer {

	width: 1000px;

	height:100px;

	margin: 0 auto;

	position:relative;

	font-size: 12px;

}

#footer .logo{

	position: absolute;

	z-index: 1;

	left: 0px;

	top: 3px;

}



#footer .menu {

	width: auto;

	height: auto;

	color:#FCD93E;

	position: absolute;

	left:200px;

	top: 17px;

}

#footer .menu a {

	color:#FCD93E;

	text-decoration: none;

}

#footer .menu a:hover {

	color: #FFFFBF;

}



#footer .info {

	width:  auto;

	height: auto;

	color: #FFF5E5;

	position: absolute;

	left:200px;

	top: 41px;

}



#footer .copyright {

	width:  auto;

	height: auto;

	color: #FFF5E5;

	position: absolute;

	left:201px;

	font-size: 12px;

	top:75px;

}

#footer .copyright span{color: #FFF5E5;}

#footer .copyright a {

	color: #FFF5E5;

	text-decoration: none;

}

#footer .copyright ins{

	text-decoration: underline;

}

#footer .copyright a:hover {

	color: #FFFFBF;

	text-decoration: none;

}

#footer .qr{

	position: absolute;

	z-index: 1;

	right:35px;

	top: 13px;

}



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