@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-color: #fff;

}

#wrapper {

	width: 100%;

	position: relative;

}

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

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

#header_box {

	width: 100%;

	height: auto;

	background-image: url(header.jpg);

	background-repeat: repeat-x;

	background-position: center top;	

}

#header {

	width:1000px;

	height:465px;

	margin: 0 auto;

	position: relative;

}

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

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

#logo {

	width: auto;

	height: auto;

	position: absolute;

	left: 0px;

	z-index: 5;

	top: 0px;

}



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

#ad_bg {

	width: 100%;

	background-image: url(banner/ad-bg2.png);

	background-repeat: no-repeat;

	background-position: center top;

	position: absolute;

	z-index: 1;

	left: 0px;

	top: 121px;

}

#ad {

	width:958px;

	margin: auto;

	height: 337px;

}

#left-ad{

	height: 757px;

	width: 122px;

	position: absolute;

	left: -166px;

	top: 464px;

}

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

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

#main_box {

	width: 100%;

	height: auto;

}

#main {

	width: 1000px;

	height: auto;

	min-height: 354px;

	position: relative;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-bottom: 35px;

}



/**左邊**/

#leftside{

	width: 240px;

	height: auto;

	min-height:200px;

	margin-left:20px;

	float: left;

}

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

#leftnav_title{

	width: 240px;

	height: 78px;

}

#leftnav{

	width: 240px;

	height: auto;

	clear: both;

	padding-bottom: 98px;

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

	background-repeat: no-repeat;

	background-position: center bottom;

}

#advertising{

	float: left;

	height: 765px;

	width: 240px;

	position: relative;

}



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

#rightside{

	float: right;

	height: auto;

	width: 690px;

	padding-top: 50px;

}





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

#breadcrumbs {

	width: auto;

	z-index: 99;

	color: #D9BE7E;

	position: absolute;

	right: 20px;

	height: auto;

	font-size: 12px;

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

	top: 0px;

}

#breadcrumbs strong{color: #ADADAD;} 

#breadcrumbs span{color:#ADADAD;}

#breadcrumbs a {

	color:#ADADAD;

	text-decoration: none;

}

#breadcrumbs a:hover {

	color: #189DE8;

}

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



#title{

	height: 57px;

	width: 690px;

	position: relative;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #EBEBEB;

}



#title2{

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

	font-size: 18px;

	font-weight: bold;

	color: #111111;

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

	background-repeat: no-repeat;

	background-position: left top;

	height: 43px;

	width: 656px;

	padding-top: 34px;

	padding-left: 34px;

}



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



#pages {

	width: 690px;

	font-size: 13px;

	color: #00468C;

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

	height: 50px;

	clear: both;

	margin: auto;

	padding-top: 21px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #D8D8D8;

}

#pages.no{

	border-top: 0px;

}

#pages .pgs a {

	color:#8D8D8D;

	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 a.active {

	color: #A5CC46;

	font-weight: bold;

}



#pages.back{

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

	background-repeat: no-repeat;

	background-position: center top;

}





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





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

#community {

	position: absolute;

	top: 183px;

	left: 318px;

}

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

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

#footer_box {

	width: 100%;

	height: auto;

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

	background-repeat: no-repeat;

	background-position: center top;

}

#footer {

	width: 1000px;

	height:441px;

	margin: 0 auto;

	position:relative;

	font-size: 12px;

	letter-spacing: 1px;

}

#footer .ad{

	background-image: url(footer/ab-box.png);

	height: 186px;

	width: 228px;

	position: absolute;

	z-index: 1;

	left: 17px;

	top: 14px;

}

#footer .ad .photo{

	margin: auto;

	height: 171px;

	width: 225px;

	padding-top: 3px;

	position: relative;

}

#footer .ad .photo img{

	height: 169px;

	width: 223px;

	border: 1px solid #CBE296;

}

#footer .menu {

	width: 208px;

	height: 107px;

	color: #E3E3E3;

	position: absolute;

	left: 318px;

	top: 14px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #82C5E6;

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

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 37px;

}

#footer .menu a {

	color: #BEEAF9;

	text-decoration: none;

	line-height: 22px;

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

	background-repeat: no-repeat;

	background-position: left 9px;

	display: block;

	float: left;

	width: 46%;

	padding-left: 4%;

}

#footer .menu a:hover {

	color: #BEEAF9;

	text-decoration: underline;

}



#footer .qr{position: absolute;

	left: 318px;

	top: 206px;}

	

#footer .info {

	color: #AAAAAA;

	position: absolute;

	top: 14px;

	height: 305px;

	width: 385px;

	right: 20px;

}

#footer .info .list{

	width: 385px;

	height: 104px;

}

#footer .info .title{

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

	font-size: 16px;

	line-height: 26px;

	font-weight: bold;

	color: #000000;

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

	background-repeat: no-repeat;

	background-position: left 3px;

	padding-left: 28px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FAABA7;

}

#footer .info .mast{

	width: 385px;

	color: #FFFFFF;

	height: 68px;

	padding-top: 5px;

	font-size: 13px;

	line-height: 22px;

}

#footer .info .mast span{

	font-size: 12px;

	color: #682621;

}

#footer .copyright {

	color: #878787;

	position: absolute;

	top: 362px;

	left: 0px;

	text-align: center;

	width: 100%;

}

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

#footer .copyright a {

	color: #878787;

	text-decoration: none;

}

#footer .copyright ins{

	text-decoration: underline;

}

#footer .copyright a:hover {

	color: #1595D4;

	text-decoration: none;

}



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