@charset "utf-8";

/* CSS Document */
body{
	font-family:"微軟正黑體";
	font-size:12px;
	letter-spacing:1px;
	overflow:hidden;
	color:#6D6E71;
	line-height: 200%;
	display: inline;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	margin-top: 20px;
	background-color: #FFF;
	padding: 10;
}
a{outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */} 
input, select { font-family:"微軟正黑體"; font-size:15px; letter-spacing:1px; color:#999999;}

#wrapper {width:100%; margin:0 auto; overflow:hidden;}

#container{
	width:100%;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	top:0%;
	left:0px;
	/*background: url(../images/head_bg2.jpg) fixed no-repeat center 0px;*/
}  
#clear{ clear:both;}
#content{
	width: 830px;
	clear: both;
	height:auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 100px;
}

.right_block{
	float:right;
	height:auto;
	height: 350px;
	width:620px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.left_block{
	float:left;
	height:auto;
	width: 150px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.fb{ float: right; height: 24px; width: 54px; margin-bottom: 10px;}
.block{
	width:auto;
	height:800;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.green{
	color:#A0CF67;
	font-size: 13px;
}
.gray{
	color:#999999;
}
.font12px{ font-size:12px;}
.dotline{ border-bottom:1px dotted #CCCCCC;}

/*footer*/
#footer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:70px;
	text-align:center;
	line-height:60px;
	background:#FFFFFF;
	border-top: 0px;
	z-index:999;
	margin-top: 10px;
}
.footer_right{
	float:left;
	height:auto;
	margin-top:20px;
	margin-right:0px;
	margin-left: 50px;
}
.footer_left{
	float:left;
	height:60px;
	width: 15px;
}
.footer_left_text{
	float:left;
	text-align:left;
	font-size:11px;
	line-height:150%;
	height: 60px;
	margin-bottom: 10px;
	margin-top: 10px;
}


/*page*/
#page {
	height: auto;
	text-align: right;
	float: right;
	margin-top: 60px;
}
#page img{
	float: left;
	border:0;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#page a img, .dis_left a img, .dis_right a img{-mox-opacity:0.4; filter:alpha(opacity=40); opacity:0.4;}
#page a:hover img, .dis_left a:hover img, .dis_right a:hover img{ -mox-opacity:0.8; filter:alpha(opacity=80); opacity:0.8;}
.page_no{border: 1px solid #999999; padding: 3px 5px 3px 5px; margin: 0px 5px 0px; float: left; line-height: 100%;}



/**header**/
#header{
	width: 100%;
	height:170px;
	top: 3%;
	position: relative;
	margin-top: 0px;
}
#header_block{
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#head_title{
	float: right;
	clear: both;
	font-size:22px;
	color:#FFF;
	font-family: "微軟正黑體";
	margin-top: 12px;
	margin-right: 3%;
	margin-bottom: 0;
	margin-left: 0px;
}
#icon{
	float: right;
	clear: both;
	height: 30px;
	width: auto;
	margin-top: 35px;
	margin-right: 4%;
	margin-bottom: 10px;
	margin-left: 0;
}
.icon_fb{
	display:block;
	width:35px;
	height:30px;
	background:url(../images/icon_fb.png) no-repeat;
	float:right;
	margin-right:15px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.icon_fb:hover{ background:url(../images/icon_fb.png) no-repeat 0 -30px;}
.icon_youtube{
	display:block;
	width:35px;
	height:30px;
	background:url(../images/icon_youtube.png) no-repeat;
	float:right;
	margin-top: 0;
	margin-right: 15;
	margin-bottom: 0;
	margin-left: 0;
}
.icon_youtube:hover{ background:url(../images/icon_youtube.png) no-repeat 0 -30px;}

/**menubar**/
.menubar{
	padding:0px;
	float: right;
	width: 645px;
	clear: both;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0;
	margin-left: 0;
	background-color: rgba(255,255,255,0.6);
}
.menubar ul{ height:30px;  list-style:none;  margin:0;  padding:0}
.menubar li{ float:left;  padding:0px}
.menubar li a{ margin:0px;  padding:0px}
.menubar li a:hover, .menubar ul li:hover a{ color:#ffffff;  text-decoration:none}
.menubar li ul{ display:none;  height:auto;  padding:0px;  margin:0px;  border:0px;  position:absolute;  width:auto;  z-index:999;}
.menubar li:hover ul{ display:block}
.menubar li li{ background:url(../images/nav_bglink.png) repeat; display:block;  float:none;  margin:0px;  padding:0px;  width:auto;}
.menubar li ul a{ display:block;  height:25px;  font-size:12px;  font-style:normal;  margin:0;  padding:5px 15px 5px 15px;  text-align:left;}
.menubar li ul a:hover, .menubar li ul li:hover a{ background:url(../images/nav_bghover.png) repeat;  border:0px;  color:#fff;  text-decoration:none}

.nav01{
	display:block;
	width:65px;
	height:30px;
	margin:0;
	background:url(../images/nav_01.png) no-repeat;
}
.nav01:hover{ background:url(../images/nav_01.png) no-repeat 0 -30px;}
.nav02{
	display:block;
	width:100px;
	height:30px;
	margin:0;
	background:url(../images/nav_02.png) no-repeat;
}
.nav02:hover{ background:url(../images/nav_02.png) no-repeat 0 -30px;}
.nav03{
	display:block;
	width:125px;
	height:30px;
	margin:0;
	background:url(../images/nav_03.png) no-repeat;
}
.nav03:hover{ background:url(../images/nav_03.png) no-repeat 0 -30px;}
.nav04{
	display:block;
	width:90px;
	height:30px;
	margin:0;
	background:url(../images/nav_04.png) no-repeat;
}
.nav04:hover{ background:url(../images/nav_04.png) no-repeat 0 -30px;}
.nav05{
	display:block;
	width:150px;
	height:30px;
	margin:0;
	background:url(../images/nav_05.png) no-repeat;
}
.nav05:hover{ background:url(../images/nav_05.png) no-repeat 0 -30px;}
.nav06{
	display:block;
	width:115px;
	height:30px;
	margin:0;
	background:url(../images/nav_06.png) no-repeat;
}
.nav06:hover{ background:url(../images/nav_06.png) no-repeat 0 -30px;}


/*submenu*/
.subnav_a01{display:block; width:105px; height:20px; margin:0; background:url(../images/subnav_a01.png) no-repeat;}
.subnav_a01:hover{
	background-image: url(../images/subnav_a01.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}
.subnav_a02{display:block; width:105px; height:20px; margin:0; background:url(../images/subnav_a02.png) no-repeat;}
.subnav_a02:hover{ background:url(../images/subnav_a02.png) no-repeat 0 -20px;}
.subnav_a03{
	display:block;
	width:105px;
	height:20px;
	margin:0;
	background:url(../images/subnav_a03.png) no-repeat;
}
.subnav_a03:hover{ background:url(../images/subnav_a03.png) no-repeat 0 -20px;}

.subnav_b01{
	display:block;
	width:115px;
	height:20px;
	margin:0;
	background:url(../images/subnav_b01.png) no-repeat;
}
.subnav_b01:hover{ background:url(../images/subnav_b01.png) no-repeat 0 -20px;}
.subnav_b02{
	display:block;
	width:115px;
	height:20px;
	margin:0;
	background:url(../images/subnav_b02.png) no-repeat;
}
.subnav_b02:hover{ background:url(../images/subnav_b02.png) no-repeat 0 -20px;}

.subnav_d01{
	display:block;
	width:120px;
	height:20px;
	margin:0;
	background:url(../images/subnav_d01.png) no-repeat;
}
.subnav_d01:hover{ background:url(../images/subnav_d01.png) no-repeat 0 -20px;}
.subnav_d02{
	display:block;
	width:120px;
	height:20px;
	margin:0;
	background:url(../images/subnav_d02.png) no-repeat;
}
.subnav_d02:hover{ background:url(../images/subnav_d02.png) no-repeat 0 -20px;}

.subnav_e01{display:block; width:100px; height:20px; margin:0; background:url(../images/subnav_e01.png) no-repeat;}
.subnav_e01:hover{ background:url(../images/subnav_e01.png) no-repeat 0 -20px;}
.subnav_e02{display:block; width:100px; height:20px; margin:0; background:url(../images/subnav_e02.png) no-repeat;}
.subnav_e02:hover{ background:url(../images/subnav_e02.png) no-repeat 0 -20px;}



/*左側圖片  最新消息+安可會員*/
#leftpic {
	width:150px;
	height:475px;
	margin-top: 0px;
}
.leftpic_mastertop {width:150px; height:167px; margin-bottom:3px;}
.leftpic_master {width:150px; height:304px; position:relative; z-index:1;}
.leftpic_top {width:150px; height:475px; position:absolute; z-index:2; background:url(../images/newspic.png); top: 173px;}


/*btn*/
.icon img {
	border:0;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
}
.icon a img {-mox-opacity:0.8; filter:alpha(opacity=80); opacity:0.8; margin-right:15px;}
.icon a:hover img { -mox-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;}
.icon span{
	font-size:12px;
	line-height: 50px;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.icon01{
	width:100px;
	height:65px;
	background:url(../images/btn01.png) no-repeat;
	margin-bottom:15px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.icon01:hover{
	background-image: url(../images/btn01.png);
	background-repeat: no-repeat;
	background-position: 0 -65px;
	float: left;
}
.icon02{
	width:100px;
	height:65px;
	background:url(../images/btn02.png) no-repeat;
	margin-bottom:15px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.icon02:hover{background:url(../images/btn02.png) no-repeat 0 -65px;float: left;}
.icon03{display:block; width:100px; height:65px; margin:0; background:url(../images/btn09.png) no-repeat;}
.icon03:hover{background:url(../images/btn09.png) no-repeat 0 -65px}
.icon04{display:block; width:100px; height:65px; margin:0; background:url(../images/btn10.png) no-repeat;}
.icon04:hover{background:url(../images/btn10.png) no-repeat 0 -65px}
.icon05{display:block; width:100px; height:65px; margin:0; background:url(../images/btn11.png) no-repeat;}
.icon05:hover{background:url(../images/btn11.png) no-repeat 0 -65px}
.icon06{display:block; width:100px; height:65px; margin:0; background:url(../images/btn12.png) no-repeat;}
.icon06:hover{background:url(../images/btn12.png) no-repeat 0 -65px}



/*news*/
#newslist{
	width:600px;
	height:auto;
	margin-top: 30px;
}
.news_list{
	height:25px;
	margin-top:5px;
	margin-bottom:5px;
	text-decoration:none;
	color:#6D6E71;
	width:95%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.news_list:hover{
	text-decoration:none;
	background-color:rgba(255,255,255,0.7);
}
.news_list h1{
	display:inline;
	float:left;
	font-size:13px;
	font-weight:normal;
	margin:0px;
	padding:0px
}
.news_list h2{
	display:inline;
	float:right;
	font-size:13px;
	font-weight:normal;
	color:#A0CF67;
	margin:0px;
	padding:0px
}
.newstitle{}
.newstitle_title{
	float:left;
	font-size:16px;
	color:#A0CF67;
	font-weight:normal;
	width:480px;
	height:auto
}
.newstitle_date{float:right; text-align:right}
.newscontent{
	margin-top:0px;
	overflow-y:scroll;
	height:500px;
	padding-right:10px
}


/*event*/
.event_title{
	font-size:16px;
	color:#A0CF67;
	font-weight:normal;
	height:auto;
	margin-bottom:15px
}
.event_data{border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#CCC}
.eventcontent{margin-top:15px; overflow-y:scroll; height:360px; padding-right:10px}

/*member*/
.title{
	font-size:16px;
	color:#A0CF67;
	font-weight:normal;
	height:auto;
	margin-bottom:15px;
	margin-top: 20px;
}
.rs_content{
	margin-top:15px;
	overflow-y:scroll;
	height:435px;
	padding-right:10px
}
.login{
	height: 86px;
	width: 311px;
	padding-left: 70px;
	padding-top: 10px;
	background-image: url(../images/member_login.png);
	background-repeat: no-repeat;
}
#toplogo {
	position:relative;
	left:50px;
	top:30px;
	width:250px;
	height:50px;
	z-index:1;
	float:left;
}