/* WRAPPER */
.wrapperT{
	height:100%;
	width:100%;
	background:#002768 url(../images/bg/bg_wrapper_T.jpg) center top no-repeat;}
.wrapperB{}
.wrapperC{
	height:100%;
	margin:0 auto;
	width:auto;}
.container{}

/* GOLF-WRAPPER */
body.golf{
	background:#86a36c;}
body.golf .wrapperT{
	background: url(../images/bg/bg_golf_wrapper_T.jpg) center top no-repeat;}
body.golf .wrapperB{
	background:url(../images/bg/bg_wrapper_B2.jpg) left bottom repeat-x;}

/* HEADER */
#header{
	height:100px;
	position:relative;
	z-index:100;}
	#header h2{
		margin-left:6px;}

#member-nav{
	position:absolute;
	top:0;
	right:0;
	z-index:100;}
	#member-nav li{
		float:left;
		line-height:1.3;
		font-size:11px;
		font-size/*\**/:10px\9;
		position:relative;}
	#member-nav li a{
		color:#b9cee0;}
	#member-nav li a:hover{
		color:#fff;}
	#member-nav li.member-nav-dec{
		position:relative;
		z-index:-1;
		margin:0 5px 0 8px;}
		
/* -MEMBER-NAV-SHARE----------- */
#member-nav .vip,#member-nav .member-nav-vip .title .vip{
	padding-right:9px;
	background:url(../images/icon/icon_arw_membernav.gif) right center no-repeat;}
	
/* -MEMBER-NAV-VIP----------- */
#member-nav .member-nav-vip{
	position:absolute;
	top:-10px;
	right:-10px;
	*right:-12px;
	z-index:100;
	width:430px;
	height:326px;}
#member-nav .member-nav-vip,#member-nav .member-nav-vip a{
	color:#052252;}
#member-nav .member-nav-vip .title{
	float:right;
	padding:9px 0 3px 8px;
	*padding:9px 0 3px 10px;
	width:94px;
	display:block;
	background:#b9cee0;}
#member-nav .member-nav-vip .vip-detail{
	position:absolute;
	top:35px;
	*top:37px;
	right:0;
	display:block;
	width:430px;
	font-size:12px;
	background:#b9cee0;}
	.btnbar p{
		float:left;
		margin-right:6px;}
	.vip-detail .pic img{
		border:1px solid #8f8f8f;
		padding:2px;}
	.vip-detail .para01{
		margin:4px 0;
		color:#2f355a;
		font-weight:bold;}	
	.vip-detail .para02{
		color:#be3c03;}
	.btn-type01 a,.btn-type02 a,.btn-type03 a{
		height:22px;
		line-height:22px;
		padding-left:25px;
		display:block;
		font-size:11px;
		font-size/*\**/:10px\9;
		background:url(../images/btn/btn_btntype01_nom.gif) left top no-repeat;}
	.btn-type01 a{
		width:62px;}
	.btn-type02 a{
		width:80px;}
	.btn-type03 a{
		width:45px;}
	.btn-type01 a:hover,.btn-type02 a:hover,.btn-type03 a:hover{
		background:url(../images/btn/btn_btntype01_ov.gif) left top no-repeat;}
	#member-nav .vip-detail .btn-type01,#member-nav .vip-detail .btn-type01 a,#member-nav .vip-detail .btn-type02 a,#member-nav .vip-detail .btn-type03 a{
		color:#e7e7e7;}
	.btnbar p.no-margin{
		margin:0;}
.member-detail{
	margin-top:10px;}
.member-detail th{
	padding:5px 0 5px 30px;
	border-bottom:1px solid #b9cee0;
	background:#d4e5f2;
	vertical-align:top;}
.member-detail td{	
	padding:5px 0;
	background:#d4e5f2;
	border-bottom:1px solid #b9cee0;}
.member-detail .grade th,.member-detail .grade td{
	height:60px;
	background:#6b7da7;}
.member-detail .grade th,.member-detail .grade td,.member-detail .grade td img{
	vertical-align:middle;
	color:#d4e5f2;}
.blue01{
	color:#2f355a;
	font-weight:bold;}
.red01{
	color:#be3c03;
	font-weight:bold;
	font-size:16px;}

#vip-detail-history .btnbar{
	float:right;}
.history-list{
	margin-top:15px;}
.history-list td{
	text-align:center;
	background:#d4e5f2;
	padding:5px 0;
	border-bottom:1px solid #b9cee0;
	border-right:1px solid #b9cee0;}
.history-list td.reason{
	text-align:left;
	padding:5px 10px;}
.history-list th{
	color:#d4e5f2;
	background:#6b7da7;
	height:27px;
	line-height:27px;
	text-align:center;
	border-bottom:1px solid #b9cee0;
	border-right:1px solid #b9cee0;}
#vip-detail-main,#vip-detail-history,#vip-detail-edit{
	margin:10px;}
.input-1{
	color:#000;}
#vip-detail-main .edit-btn,#vip-detail-edit .edit-btn{
	text-align:right;
	padding-right:10px;}
#vip-detail-edit{
	height:250px;}
#vip-detail-edit th{
	vertical-align:middle;}
.vip-detail .close-btn{
	height:23px;
	padding-right:3px;}
.vip-detail .close-btn a{
	float:right;}

/* MAIN_NAV */
#main-nav{
	position:absolute;
	right:0;
	bottom:13px;
	width:670px;
	height:40px;
	background:url(../images/bg/bg_mainnav.png) right center no-repeat;
	z-index:90;}
body.golf #main-nav{
	background:url(../images/bg/golf_bg_mainnav.png) right center no-repeat;}
#main-nav ul{
	margin:5px 0 0 14px;}
	#main-nav li{
		margin-right:1px;
		position:relative;}
	#main-nav li,#main-nav li a{
		float:left;
		width:107px;
		height:31px;
		display:block;
		text-indent:-9999px;}
	#main-nav-item01 a{
		background:url(../images/nav/nav_main01.gif) left top no-repeat;}
	#main-nav-item02 a{
		background:url(../images/nav/nav_main02.gif) left top no-repeat;}
	#main-nav-item03 a{
		background:url(../images/nav/nav_main03.gif) left top no-repeat;}
	#main-nav-item04 a{
		background:url(../images/nav/nav_main04.gif) left top no-repeat;}
	#main-nav-item05 a{
		background:url(../images/nav/nav_main05.gif) left top no-repeat;}
	#main-nav-item06 a{
		background:url(../images/nav/nav_main06.gif) left top no-repeat;}
	body.golf #main-nav-item01 a{
		background:url(../images/nav/golf_nav_main01.gif) left top no-repeat;}
	body.golf #main-nav-item02 a{
		background:url(../images/nav/golf_nav_main02.gif) left top no-repeat;}
	body.golf #main-nav-item03 a{
		background:url(../images/nav/golf_nav_main03.gif) left top no-repeat;}
	body.golf #main-nav-item04 a{
		background:url(../images/nav/golf_nav_main04.gif) left top no-repeat;}
	body.golf #main-nav-item05 a{
		background:url(../images/nav/golf_nav_main05.gif) left top no-repeat;}
	body.golf #main-nav-item06 a{
		background:url(../images/nav/golf_nav_main06.gif) left top no-repeat;}
	#main-nav li.select a{
		background-position:left -31px;}
		
	/* -MAIN-NAV-SUB----------- */
	#main-nav li div.main-nav-sub{
		position:absolute;
		display:block;
		top:31px;
		left:0;
		width:107px;
		padding:1px 0 6px 0;
	    background: url(../images/bg/bg_mainnav_B.gif) left bottom no-repeat;}
	body.golf #main-nav li div.main-nav-sub{
	    background: url(../images/bg/golf_bg_mainnav_B.gif) left bottom no-repeat;}
	#main-nav li ul{
		margin:0;
		width:107px;
		height:auto;
		padding:6px 0 1px 0;
		*padding:6px 0 0 0;
		background:#010926;}
	body.golf #main-nav li ul{
		background:#1a2208;}
	#main-nav li ul li,#main-nav li ul li a,body.golf #main-nav li ul li,body.golf #main-nav li ul li a{
		padding:0;
		margin:0;
		color:#a5a5a5;
		width:105px;
		height:auto;
		text-indent:0;
		float:none;
		background:none;}
	#main-nav li ul li,body.golf #main-nav li ul li{
		margin:0 1px 0 1px;
		background:none;}
	#main-nav li ul li a,body.golf #main-nav li ul li a{
		width:87px;
		line-height:23px;
		padding-left:18px;}
	#main-nav li ul li a:hover,body.golf #main-nav li ul li a:hover{
		color:#fff;
		background:#747578 url(../images/icon/icon_arw_mainnav.gif) 7px 9px no-repeat;
		background:#747578 url(../images/icon/icon_arw_mainnav.gif) 7px 7px no-repeat \9;
		*background:#747578 url(../images/icon/icon_arw_mainnav.gif) 7px 8px no-repeat;}
	#main-nav ul li div.main-nav-sub{
		display:none;}
	#main-nav ul li.select div.main-nav-sub{
		display:block;}
		
/* inner-visual */
#inner-visual{
	*position:inherit;
	_position:relative;
	margin-bottom:20px;
	height:128px;
	*z-index:0;
	/*_z-index:-1;*/}

/* content */
#content{
	width:100%;
	background:url(../images/bg/bg_sidebar_C.gif) repeat-y left top;}
body.golf #content{
	width:100%;
	background: url(../images/bg/bg_golf_sidebar_C.gif) 10px top repeat-y;}

/* ------一欄式內容layout------ */
#content.coltype1{
	background:none;}
#content.coltype1 .content-wrapperB #article{
	width:100%;
	float:none;}
#content.coltype1 .content-wrapperB #article.bg-shadow{
	width:940px;
	margin:0 10px;
	background: url(../images/bg/bg_shadow.png) center top no-repeat;}
body #content.coltype1 .content-wrapperB div.bg-shadow2{
	width:960px;
	background: url(../images/bg/bg_shadow2.png) left top no-repeat;}
body #content.coltype1 .content-wrapperB div.specail,body #content.coltype1 .content-wrapperB div.specail-con1{
	width:960px;
	background: url(../images/bg/bg_shadow2.png) left top no-repeat;
	_background: url(../images/bg/bg_shadow2.jpg) left top no-repeat;}
body.golf #content.coltype1{
	background:none;}
	
/* ------二欄式內容layout------ */
#content.coltype2 .content-wrapperB{
	width:100%;
	background:url(../images/bg/bg_sidebar_B.gif) no-repeat left bottom;}
body.golf #content.coltype2 .content-wrapperB{
	width:100%;
	background: url(../images/bg/bg_golf_sidebar_B.gif) 10px bottom no-repeat;}


/* sidebar */
#sidebar{
	float:left;
	width:206px;
	padding:7px 30px 100px 7px;}
#sidebar h1{
	width:206px;
	height:50px;
	margin-bottom:6px;}
	#sidebar h1 img{
		vertical-align:top;}
#sidebar-nav{
	width:204px;
	margin-bottom:15px;
	background:#030c34;}
body.golf #sidebar-nav{
	background:none;}
	#sidebar-nav li,#sidebar-nav li a{
		display:block;
		height:32px;
		line-height:32px;}
	#sidebar-nav li{
		width:204px;
		margin:0 0 1px 1px;}
	#sidebar-nav li a{
		color:#c8ced9;
		padding-left:63px;
		background: url(../images/nav/nav_sidebarbg.gif) left top no-repeat;}
	body.golf #sidebar-nav li a{
		color:#dedfc8;
		background: url(../images/nav/nav_sidebarbg_golf.gif) left top no-repeat;}
	#sidebar-nav li a:hover,#sidebar-nav li.select a{
		color:#001b4a;
		background: url(../images/nav/nav_sidebarbg.gif) left -32px no-repeat;}
	body.golf #sidebar-nav li a:hover,body.golf #sidebar-nav li.select a{
		color:#272d10;
		background: url(../images/nav/nav_sidebarbg_golf.gif) left -32px no-repeat;}
	
#sidebar-banner{
	width:204px;
	padding-top:21px;
	background: url(../images/dec/dec_graydot01.gif) left top repeat-x;}
	#sidebar-banner li{
		margin:0 0 20px 3px;}
	#sidebar-banner li img{
		vertical-align:top;}
	#sidebar .no-topbg{
		background:none;}
#sidebar-sbanner{
	width:205px;
	padding:39px 0 14px 0;
	background: url(../images/dec/dec_graydot01.gif) left bottom repeat-x;}
	#sidebar-sbanner li{
		margin:0 0 14px 0;
		text-align:center;
		display:block}
	#sidebar-sbanner li img{
		vertical-align:top;}

.sidebar-tagcloud,.sidebar-flv{
	margin-left:4px;}
.sidebar-flv{
	margin-bottom:10px;}
#sidebar h4{
	margin-bottom:3px;}
	#sidebar h4 img{
		vertical-align:top;}
.sidebar-list{
	margin-bottom:10px;}
	.sidebar-list li{
		padding-left:15px;
		overflow:hidden;}
	.sidebar-list li a{
		color:#c0c8c5;
		padding:2px 13px 3px 13px;
		color:#fff;
		display:block;
		width:165px;
		line-height:1.1;
		overflow:hidden;
		word-break:break-all;
		background:url(../images/icon/icon_arw_white.gif) left 6px no-repeat;}
	.sidebar-list li a{/*golf*/
		color:#c0c8c5;
		background:url(../images/icon/icon_arw_green.gif) left 6px no-repeat;}
	.sidebar-list li a:hover{
		color:#616c9c;
		background:url(../images/icon/icon_arw_gray.gif) left 6px no-repeat;}
	.sidebar-list li a:hover{/*golf*/
		color:#dfd697;
		background:url(../images/icon/icon_arw_brown.gif) left 6px no-repeat;}
.sidebar-list-type2 li{
	padding:2px 0 0 15px;
	line-height:1.2;}
.sidebar-list-type2 li a{
	line-height:1.2;
	word-break:break-all;
	background:none;
	padding:2px 0 0 0;}
.sidebar-list-type2 li p{
	line-height:1;}
.sidebar-list-type2 li a:hover{
	background:none;}
.sidebar-list-type2 li a{/*golf*/
	background:none;
	padding:2px 0 0 0;}
.sidebar-list-type2 li a:hover{/*golf*/
	background:none;}

	.sidebar-list-type2 p{
		color:#616c9c;
		margin:5px 0 2px 0;}
	body.golf .sidebar-list-type2 p{
		color:#dfd697;}
	
/* article */
#article{
	float:left;
	width:717px;
	color:#d3daea;}
	body.golf #article{
		color:#4e4e4e;}
		
#article #category,#article .blue_bg,#article #blue_bg{
	color:#4e4e4e;}
	#article a{
		color:#d3daea;}
	#article #article_post_group a,#article #response_post a{
		color:#4e4e4e;}
	#article #article_post_group a:hover,#article #response_post a:hover{
		color:#4e4e4e;
		text-decoration:underline;}
	#article #category a{
		color:#2e2f30;}
	#article #category_nav a{
		color:#D3DAEA;
		margin:0 2px;}
	#article #category_nav a:hover{
		text-decoration:underline;}
	body.golf #article a{
		color:#d3daea;}
	#article #category a:hover{
		color:#2a477a;}
	#article a:hover,body.golf #article a:hover{
		color:#fff;}
	#article h3{
		margin:0;}
	#article h3 img{
		vertical-align:top;}


	
/* FOOTER */
#footer{
	position:relative;
	clear:both;
	margin-top:-143px;
	height:143px;}
	#footer img{
		vertical-align:bottom;}
	body > .wrapperC {
		height:auto;
		min-height:100%;}
	body.idx #footer{
		margin-top:-135px;
		height:135px;}
	body.inner #footer{
		margin-top:-143px;
		_margin-top:-143px;
		height:143px;}
	#main{
		padding:0 20px 143px 20px; margin:0 auto; width:960px;}
	body.idx #main{
		width:946px;
		height:565px;
		padding:4px 0 135px 0;}
	body.inner #main{
		padding-bottom:143px;}

#footerT{
	height:31px;
	overflow:hidden;}
body.inner #footerT{
	height:43px;}
	#footer ul{
		float:left;
		margin-top:13px;
		*margin-top:16px;
		color:#242933;
		line-height:1.3;
		font-size:11px;
		font-size/*\**/:10px\9;}
		#footer li{
			float:left;}	
	#footer .corpyright{
		float:right;
		height:12px;
		width:269px;
		margin-top:13px;
		*margin-top:16px;
		display:block;
		text-indent:-9999px;
		background:url(../images/title/title_corpyright.gif) right top no-repeat;}
	body.inner #footer ul,body.inner #footer .corpyright{
		margin-top:17px;
		*margin-top:20px;}
	
#footerB{
	height:100px;}

/* 1002 fix */
#article .btn-nav{
	float:right;
	padding:5px 0;
	padding:6px 0 0 0 \9;
	*padding:0;}
#article .btn-nav a{
	color:#b0c4d8;
	padding-left:7px;
	background:url(../images/icon/icon_arw_orange.gif) left 6px no-repeat;
	*background:url(../images/icon/icon_arw_orange.gif) left 4px no-repeat;}
body.golf #article .btn-nav a{
	color:#d6cc87;}
#article .btn-nav a:hover{
	color:#f2efe8;}
body.golf #article .btn-nav a:hover{
	color:#dff5d0;}
	#article .btn-nav li{
		float:left;
		margin-left:9px;}
	#category .title{
		float:left;}
body.inner #footer ul,body.inner #footer .corpyright{margin-top:10px;}
body.inner #footer #news ul{margin-top:1px;}
