@charset "utf-8";
*{
    margin:0;
	padding:0;
}
a{
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
img{
    border: none;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/* 上方內容 */
.top_bg{
    background:url(../images/top_bg.jpg) repeat;
	height:102px;	
}
.top{
    width:980px;
	margin:0 auto;
	height:102px;
	position:relative;
	background:url(../images/index_02.jpg) right top no-repeat;
}
.top .logo{
    position:absolute;
	left:0px;
	top:0px;
}
.top .toplink{
    position:absolute;
    font-size:12px;
	font-weight:normal;
	top:11px;
	right:330px;
	letter-spacing:1px;
	color:#787878;
}
.top .share{
    position:absolute;
    font-size:12px;
	font-weight:normal;
	top:11px;
	right:180px;
	letter-spacing:1px;
	color:#787878;
}
.top a{
    text-decoration:none;
	color:#787878;
}
.top a:hover{
	color:#f89321;
}
.top h2{
    position:absolute;
	left:815px;
	top:8px;
	width:165px;
	height:24px;
	font-weight:normal;
	color:#333333;
}
.top h2 input{
    position:absolute;
	top:4px;
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border:none;
	outline: none;
}
.top h2 a{
    position:absolute;
    display:block;
	width:18px;
	height:17px;
	left:142px;
	top:4px;
}
.top h2 a:hover{
    display:block;
}

.menu{
	padding:0;
	height:32px;
	width:650px;
	position:absolute;
	left:330px;
	top:47px;
}
#nav {
    margin: 0;	
	padding: 0;
	width:650px;
	list-style-type:none;
}
#nav li {
    margin: 0;
    padding: 0;
    float:left;
}

#nav li ul {
 line-height: 22px;list-style-type: none; text-align:left;left: -999em; width: 200px; position: absolute; top:45px;}
#nav li ul li{
 float: left; background: #F6F6F6; border-bottom:1px #ccc solid; width: 200px; font-size:12px;}

#nav li ul a{
 display: block; width: 177px;text-align:left; padding:5px 5px 5px 18px;text-decoration:none;color:#666; background:url(../images/top_bg.gif) no-repeat;}
#nav li ul a:hover  {
 color:#F3F3F3; background:#3696d8 url(../images/top_overbg.gif) no-repeat;}

#nav li:hover ul {
 left: auto;
 z-index:9999;
}
#nav li.sfhover ul {
 left: auto;
}

.mouse_bt01 {
	width: 108px;
	height: 32px;
	background: url(../images/menu_01.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt01:hover {
	background-position:left bottom;
}
.mouse_bt02 {
	width: 108px;
	height: 32px;
	background: url(../images/menu_02.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt02:hover {
	background-position:left bottom;
}
.mouse_bt03 {
	width: 108px;
	height: 32px;
	background: url(../images/menu_03.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt03:hover {
	background-position:left bottom;
}
.mouse_bt04 {
	width: 108px;
	height: 32px;
	background: url(../images/menu_04.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt04:hover {
	background-position:left bottom;
}
.mouse_bt05 {
	width: 108px;
	height: 32px;
	background: url(../images/menu_05.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt05:hover {
	background-position:left bottom;
}
.mouse_bt06 {
	width: 110px;
	height: 32px;
	background: url(../images/menu_06.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt06:hover {
	background-position:left bottom;
}
.mouse_join {
	width: 424px;
	height: 77px;
	background: url(../images/join-bt.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_join:hover {
	background-position:left bottom;
}
.mouse_pswd {
	width: 424px;
	height: 77px;
	background: url(../images/password-bt.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_pswd:hover {
	background-position:left bottom;
}
.mouse_send {
	width: 180px;
	height: 42px;
	background: url(../images/send.gif) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
.mouse_send:hover {
	background-position:left bottom;
}


.wrapper_bg{
    background:url(../images/footer_bg.jpg) bottom repeat-x;
	min-height:300px;
}
.wrapper{
    width:980px;
	margin:0 auto;
}

/* 首頁內容 */
.content{
    margin:0 auto;
	padding:12px 0 20px 0;
	clear:both;
	width:980px;
	overflow:hidden;
	height:auto;
}
.index_left{
    float:left;
	width:620px;
	margin:0 30px 0 0;
	position:relative;
}
.index_left h2 a{
    position:absolute;
	display:block;
	width:34px;
	height:11px;
	left:586px;
	top:19px;
}

.index_right{
    float:left;
	width:330px;
	position:relative;
}
.index_right h2 a{
    position:absolute;
	display:block;
	width:34px;
	height:11px;
	left:296px;
	top:19px;
}


.abgne_tab {
	clear: left;
	width: 620px;
	margin: 10px 0;
}
ul.tabs {
	height: 24px;
	padding: 0;
	width: 614px;
	margin: 0;
	position: relative;
	overflow: hidden;
	list-style:none;
	padding:0 3px;
}

ul.tabs li {
	float: left;
	width: 101px;
	margin: 0 2px 0 0;
	background:url(../images/tab1.jpg) no-repeat;
	position: relative;
	z-index: 1;
}

ul.tabs li.selected {
	z-index: 3;
}

ul.tabs li.shadow {
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	border: 1px solid #ccc;
	background: none;
	z-index: 0;
	-webkit-box-shadow: #ccc 0 -2px 6px;
	-moz-box-shadow: #ccc 0 -2px 6px;
	box-shadow: #ccc 0 -2px 6px;
}
ul.tabs li a{
	display: block;
	text-align: center;
	width: 101px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	font-size: 12px;
	color: #666;
	outline: none;
	overflow:hidden;
	float: left;
	background:url(../images/tab1.jpg) no-repeat;
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
}

ul.tabs li a:hover {
	background:url(../images/tab2.jpg) no-repeat;
	color:#fff;
}
ul.tabs li.active a{
	color: #fff;
	background:url(../images/tab2.jpg) no-repeat;
}
ul.tabs li.active a:hover {
	background:url(../images/tab2.jpg) no-repeat;
	color:#fff;
}
div.tab_container {
	background:url(../images/index_16.jpg) no-repeat;
	height:245px;
	width:620px;
	padding-bottom:15px;
	overflow:hidden;
}
div.tab_container .tab_content {
	clear:both;
	padding:10px;
	height:220px;
	overflow:hidden;
}
div.tab_container .tab_content img{
    margin-right:2px;
}

.tab_content dl {
	width:600px;
	padding:5px 0;
	margin:3px 0;
	clear:both;
	float:left;
	border-bottom:1px dashed #dcd8d2;
}
.tab_content dt {	
	width:505px;
	padding-left:5px;
	float:left;
	line-height:20px;
	height:20px;
	overflow:hidden;
}
.tab_content dt a{
	color: #666;
	display:block;
	text-decoration:none;
}
.tab_content dt a:hover{
	color: #f89320;
}
.tab_content dd {
	width:80px;
	padding:0 5px;
	float:left;
}
.star1 {
	background:url(../images/star.jpg) no-repeat;
	background-position:0 0;
	height:16px;
	margin:2px 0 0 0;
}
.star2 {
	background:url(../images/star.jpg) no-repeat;
	background-position:0 -16px;
	height:16px;
	margin:2px 0 0 0;
}
.star3 {
	background:url(../images/star.jpg) no-repeat;
	background-position:0 -32px;
	height:16px;
	margin:2px 0 0 0;
}
.star4 {
	background:url(../images/star.jpg) no-repeat;
	background-position:0 -48px;
	height:16px;
	margin:2px 0 0 0;
}
.star5 {
	background:url(../images/star.jpg) no-repeat;
	background-position:0 -64px;
	height:16px;
	margin:2px 0 0 0;
}

.index_teacher{
    width:318px;
	padding:0 6px;
}
.index_teacher ul{
    list-style-type:none;
}
.index_teacher li{  
	margin:10px 0 15px 0;
	width:318px;
	height:100px;
	border-bottom:1px #ccc dashed;
}
.index_teacher .img {
    display: block;
	width: 80px;
    height: 80px;
    float: left;
	background:#fff;
	margin:0 15px 0 0;
	border: 1px solid #ccc;
}
.index_teacher div.wbox {
	width: 80px;
    height: 80px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
}
.index_teacher div.wbox img {
    max-width: 80px;
    max-height: 80px;
}
.index_teacher .ptitle {
    font-size: 15px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}
.index_teacher .ptitle a{
    text-decoration:none;
	color:#333;
}
.index_teacher .ptitle a:hover{
	color:#e60013;
}

.index_teacher .text {
    line-height: 18px;
	font-size:13px;
    color: #666;
	height:54px;
	overflow:hidden;
	display:block;
	font-weight:normal;
}
.index_teacher .view a{
	color:#f89320;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.index_teacher .view a:hover{
	color:#0076c8;
}


/* 頁腳 */
.footer{
    margin:0 auto;
	width:980px;
	height:68px;
	font-size:12px;
	color:#454545;
	position:relative;
}
.footer .f1{
    position:absolute;
	height:12px;
	line-height:12px;
	right:0px;
	top:16px;
}
.footer .f1 img{
    vertical-align:middle;
	margin-right:6px;
}
.footer .f4{
    position:absolute;
	color:#787878;
	right:0px;
	top:42px;
}
.footer a{
    text-decoration:none;
	color:#f89320;
}
.footer a:hover{
    color:#e21562;
}


.page_topbg{
	background:url(../images/page/bg.jpg) no-repeat center;
}
.page_top{
    margin:0 auto;
	width:980px;
}

.height{padding:3px 0 0 0; background:#eee;}

.left{
    float:left;
	width:220px;
	margin:0 20px 0 0;
}
.right{
    float:left;
	width:740px;
	margin:0;
}

.left-nav, .left-nav ul {
  list-style-type:none;
  margin: 0 auto;
  padding: 0;
  width: 220px;
  font-size:13px;
}

.left-nav a {
  display: block;
  text-decoration: none;	
}
.left-nav li {
  padding:1px 0;
  margin-top:1px;
  line-height:18px;
  background:url(../images/left_bg.gif) no-repeat;

}
.left-nav li a {
  color: #333;	
  padding: 0.5em 0.5em 0.5em 18px;
}
.left-nav li a:hover {
  color: #fff;
  background:url(../images/left_overbg.gif) no-repeat #458be0;
}
.left-nav li a.on{
  color: #fff;
  background:url(../images/left_overbg.gif) no-repeat #f89320;
}

.clearer{
    clear:both;
	height:30px;
}

.title{
	height:58px;
	background-image:url(../images/title.jpg);
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"微軟正黑體";
	color:#454545;
	padding-left:48px;
	clear:both;
	line-height:50px;
	letter-spacing:2px;
}
.sub{
	height:24px;
	background-image:url(../images/news-title.gif);
	background-repeat:no-repeat;
	font-size:15px;
	color:#454545;
	padding-left:28px;
	clear:both;
	line-height:24px;
	letter-spacing:1px;
}

.main{
    width:720px;
	margin:0 auto;
	padding:8px 0;
	line-height:24px;
	color:#454545;
	min-height:400px;
}
.main a{
    text-decoration:none;
	color:#f89320;
}
.main a:hover{
    color:#e21562;
}
.main ul{
	padding-left:30px;
}
.main ol{
	padding-left:30px;
}
.main img{
    max-width:720px;
}

.main2{
    width:940px;
	margin:0 auto;
	padding:8px 0;
	line-height:24px;
	color:#454545;
	min-height:400px;
}
.main2 ul{
	padding-left:30px;
}
.main2 ol{
	padding-left:30px;
}
.light{
    background-color:#FFFF99;
}

.work{
	font-size:40px;
	font-weight:bold;
    font-family:"微軟正黑體";
	color:#666;
	text-align:center;
	line-height:200px;
}

.img-float{
    float:left;
	margin:5px 8px 5px 0;
}

.main ul.link{ padding:0; margin:0; list-style:none;} 
.main ul.link li{ float:left; width:200px; height:100px; padding:8px; _display:inline; margin:5px 10px 25px 10px;}
.main ul.link li .w-box{width:200px; height:80px; border: solid 1px #ccc; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; clear:both;}
.main ul.link li img{overflow:hidden; max-width:200px; max-height:80px;}
.main ul.link li h3{color:#454545; line-height:18px; font-weight:normal; font-size:13px; text-align:center;}

/* 課程列表 */
.courseList {
    margin:10px auto;
	border-spacing:2px;
}
.courseList th {
	line-height:32px;
	color: #454545;
	font-size:13px;
	padding:2px;
	letter-spacing: 1px;
	background:url(../images/course_bg.jpg) repeat-x;
}
.courseList td {
	color: #333;
	padding:2px 5px 5px 5px;
	line-height:18px;
	border-bottom:1px #ccc dashed;
}
.courseList .add{
	margin:0 auto;
	width:80px;
}
.courseList .add2{
	margin:0 auto;
	width:80px;
}
.courseList .add a{
	color:#fff;
	background:#e30e10;
	padding:3px 0;
	display:block;
	text-decoration:none;
}
.courseList .add2 a{
	color:#fff;
	background:#47B747;
	padding:3px 0;
	display:block;
	text-decoration:none;
}
.courseList .add a:hover{
	color:#fff;
	background:#458be0;
}
.courseList .add2 a:hover{
	color:#fff;
	background:#458be0;
}
.courseList .enter{
	margin:3px auto 0 auto;
	width:80px;
}
.courseList .enter a{
	color:#fff;
	background:#666;
	padding:3px 0;
	display:block;
	text-decoration:none;
}
.courseList .enter a:hover{
	color:#fff;
	background:#f89320;
}

.close { position:absolute; right:-50px; top:-8px; display:block; width:30px; height:30px; background:url(../images/close.png) no-repeat; text-indent:-9999px; outline:none; }
#box{ width:600px; height:308px; margin:0 auto; background:#fff; border:1px solid #ccc; padding:20px; display:none; -webkit-border-radius: 10px;-moz-border-radius: 10px; display:none; } 
#box p{ margin-bottom:20px;}
.show{
	width:600px;
	height:290px;
	overflow:auto;
	margin-top:10px;
	line-height:18px;
}
.show ul{
    padding-left:30px;
}
.show ol{
    padding-left:30px;
}

/* 最新消息列表 */
.newsList { 
	margin:0;
	padding:0;
}
.newsList dl {
	width:720px;
	padding:5px 0 15px 0;
	margin:6px 0;
	clear:both;
	float:left;
	border-bottom:1px solid #dcd8d2;
}
.newsList dt {	
	width:610px;
	padding-left:10px;
	margin:0 0 0 10px;
	line-height:20px;
	float:left;
	background:url(../images/icon.gif) no-repeat;
}
.newsList dt a{
	color: #333;
	display:block;
	text-decoration:none;
}
.newsList dt a:hover{
	color: #f89321;
	text-decoration:none;
}
.newsList dd {
	color: #666;
	width:80px;
	padding:0 5px;
	line-height:20px;
	float:left;
}



/*內頁*/
.news-page { 
	margin:0 auto;
	width:720px;
}
.news-page .line { 
	float:left;
}
.news-page dl {
	margin:0;
	width:720px;
	clear:both;
	float:left;
}	
.news-page dt {
	line-height: 30px;
	color: #454545;
	letter-spacing:1px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:620px;
}
.news-page dt.text {
    min-height:220px;
	overflow:visible;
	float:left;
}
.news-page dt img {
	margin:5px 0;
	max-width:620px;
}
.news-page dd {
	line-height: 30px;
	color: #333333;
	letter-spacing: 1px;
	display:block;
	width:80px;
	float:left;
	background:url(../images/list01.gif) no-repeat;
	padding-left:20px;
}

.back {
	padding:20px 0 10px 652px;
	clear:both;
	height: 25px;
}
.mouse_back {
	width: 68px;
	height: 25px;
	background: url(../images/back.gif) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_back:hover {
	background-position:left bottom;
}


/* 聯絡表單 */
#form {
    margin:0px auto;
	width:720px;
}
#form span{
    color:#d00f0f;
}
#form th {
	font-size: 13px;
	line-height: 35px;
	color: #454545;
	text-indent:28px;
	text-align:left;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
	background: url(../images/list.gif) #f5f5f5 no-repeat;
}
#form td {
	font-size: 13px;
	color: #333;
	text-align:left;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#pic-bt{
	margin:12px 50px 20px 0;
}

/*問答*/
#qaContent {
	width: 720px;
	margin:0 auto;
	*margin:0 auto;/* IE6的位置 */
}
#qaContent .accordionPart {
    margin:0;
	padding:0;
	list-style:none;
}
#qaContent li {
}
#qaContent li .qa_title {
	padding-left: 32px;
	color: #666666;
	cursor: pointer;
	line-height: 29px;
	font-weight: bold;
	background-image: url(../images/qa-list.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 1px #e3e3e3;
	font-family:"微軟正黑體";
	font-size:13px;
	height: 30px;
	width: 688px;
}
#qaContent li .qa_title_on {
	color: #f89321;
}
#qaContent li .qa_content {
	padding-left: 35px;
	color: #333333;
	font-size: 13px;
	background-color: #f5f5f5;
	margin-bottom:1px;
	padding:5px 32px;
	border-bottom:1px solid #e3e3e3;
	line-height: 28px;
	text-align:justify;text-justify:distribute;
}
#qaContent li .qa_content ul{
    list-style-type:square;
	padding-left:20px;    
}


/*師資*/
.teacher{
    width:730px;
	margin:0 0 0 10px;
	padding:8px 0;
	color:#454545;
	min-height:400px;
}
.teacher a{
    text-decoration:none;
}
.teacher ul{
    list-style-type:none;
	padding:0;
}
.teacher li{  
	margin:0 12px 15px 0;
	padding:8px 5px 0 7px;
	width:340px;
	height:110px;
	background:url(../images/show/bg.jpg) no-repeat;
	float:left;
}
.teacher li:hover{
	background:url(../images/show/bgover.jpg) no-repeat;
}
.teacher .img {
    display: block;
	width: 80px;
    height: 80px;
    float: left;
	background:#fff;
	margin:0 15px 0 0;
	border: 1px solid #ccc;
}
.teacher li:hover .img {
	border: 1px solid #787878;
}
.teacher div.wbox {
	width: 80px;
    height: 80px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
}
.teacher div.wbox img {
    max-width: 80px;
    max-height: 80px;
}
.teacher .ptitle {
    font-size: 15px;
    overflow: hidden;
    height: 20px;
	color:#333;
}
.teacher li:hover .ptitle{
	color:#e60013;
}
.teacher .text {
    line-height: 18px;
	font-size:13px;
    color: #666;
	height:54px;
	overflow:hidden;
	display:block;
	font-weight:normal;
}
.teacher .view {
	color:#f89321;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.teacher li:hover .view{
	color:#3696d8;
}

.brand-shop {
    border-top: 1px dotted #cecece;
    border-bottom: 1px dotted #cecece;
	width:508px;
	margin:5px 0;
	font-family:"微軟正黑體";
	line-height: 24px;
    font-size: 13px;
	color: #454545;
	background: #f5f5f5;
    padding:10px;
}
.brand-shop ul{
    padding-left:20px;
}

.showbox {
	width:180px;
	height:180px;
	margin-right:10px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
	border:1px solid #ccc;
	background-color:#FFFFFF;
}
.showbox img{
	max-height:180px;
	max-width:180px;
}


/*加入會員須知*/
.info-title{
    background:#f0f0f0;
	font-family:"微軟正黑體";
	padding:7px 10px 6px 15px;
	letter-spacing:1px;
	line-height:24px;
	color:#454545;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.info-text{
	color:#454545;
	padding-left:20px;
	padding-right:10px;
	margin-bottom:20px;
}
.info-text b{
	color:#000;
	font-weight:normal;
}


/* 會員登入 */
.memberDiv{
    width:960px;
	height:300px;
	margin:0 auto;
	padding:50px 0 100px 0;
	clear:both;
}
.memberDiv .m-left{
    width:460px;
	height:300px;
	margin:0 40px 0 0;
	float:left;
	position:relative;
	background:url(../images/login_01.jpg) no-repeat;
}
.login-input{
	position:absolute;
	width:320px;
	height:24px;
	top:120px;
	left:102px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
}
.login-input2{
	position:absolute;
	width:320px;
	height:24px;
	top:155px;
	left:102px;
	border: 1px solid #cccccc;
}
.login-input3{
	position:absolute;
	width:160px;
	height:24px;
	top:190px;
	left:102px;
	border: 1px solid #cccccc;
}

.login-img{
	position:absolute;
	left: 279px;
	top: 190px;
}
.m-left .login_bt{
    top:248px;
	left:102px;
	position:absolute;
}

.m-left a.login {
    width: 320px;
    height: 30px;
    background: #787878;
    font-size: 15px;
    color: #fff;
    overflow: hidden;
	text-align:center;
	text-decoration:none;
	display:block;    
	font-family:"微軟正黑體", "新細明體";
	line-height:30px;
	font-weight:bold;
	letter-spacing:2px;
}
.m-left a.login:hover {
    width: 320px;
    height: 30px;
    background: #f89321;
    font-size: 15px;
    color: #fff;
    overflow: hidden;
}
.memberDiv .m-right{
    width:460px;
	height:300px;
	margin:0;
	float:left;
	position:relative;
	background:url(../images/login_03.jpg) no-repeat;
}
.login-input4{
	position:absolute;
	top:84px;
	left:18px;
	border: 1px solid #cccccc;
}
.login-input5{
	position:absolute;
	top:190px;
	left:18px;
	border: 1px solid #cccccc;
}

.password-input{
	width:400px;
	height:24px;
	border: 1px solid #cccccc;
}
a.password {
    width: 180px;
    height: 26px;
    background: #787878;
    font-size: 13px;
    color: #fff;
    border: none;
    cursor: pointer;
    overflow: hidden;
	text-align:center;
	display:block;    
	font-family:"微軟正黑體", "新細明體";
	line-height:26px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
}
a.password:hover {
    width: 180px;
    height: 26px;
    background: #f89321;
    font-size: 13px;
    color: #fff;
    border: none;
    cursor: pointer;
    overflow: hidden;
}

.member-area{
    width:960px;
	margin:0 auto;
	overflow:hidden;
	height:auto;
}

/*會員登出*/
.member-left-title{
    background:#454545;
	padding:5px 10px;
	letter-spacing:1px;
	line-height:24px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
.member-text{
   padding:0 10px;
   border:1px solid #454545;
   line-height:30px;
}
a.logout {
    width: 200px;
    height: 26px;
    background: #787878;
    font-size: 13px;
    color: #fff;
    border: none;
    cursor: pointer;
    overflow: hidden;
	text-align:center;
	display:block;    
	font-family:"微軟正黑體", "新細明體";
	line-height:26px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	margin:5px 0; 
}
a.logout:hover {
    width: 200px;
    height: 26px;
    background: #f89320;
    font-size: 13px;
    color: #fff;
    border: none;
    cursor: pointer;
    overflow: hidden;
}

.font_01{
    color:#f89321;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
}
.font_02{
    color:#e60013;
	font-size:15px;
	font-weight:bold;
}
.font_03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #1479c6;
	letter-spacing: 1px;
	padding-left:5px;
}
.font_04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #333333;
	letter-spacing: 1px;
}

.border1{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
}
.cart_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #1479c6;
	letter-spacing: 1px;
	font-weight:bold;
}
.cart_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.cart_03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #de0a0a;
	letter-spacing: 1px;
}
.cart_04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #666666;
	letter-spacing: 1px;
}
.cart_05 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:24px;
	color: #de0a0a;
	letter-spacing: 1px;
	padding-left:5px;
}
.cart_06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #1479c6;
	letter-spacing: 1px;
	padding-left:5px;
}