body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
    font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* reset end*/

body{ border:0;padding:0; margin:0; background:url(../img/bg_repeat.gif) repeat-x 0 70px;}
.logo{ width:100%;background:#444444;}
.logo .header{margin:0 auto;width:960px; }
.all_bg{ width:1000px; background:url(../img/bg1000.jpg) no-repeat 0 0; margin:0 auto; padding-top:30px; }

.all_bg p{ text-indent:-9999px; font:16px/30px "微軟正黑體",Arial, Helvetica, sans-serif;}
.all_bg span{ padding-left:30px; display:block; width:500px; font:16px/30px "微軟正黑體",Arial, Helvetica, sans-serif; }
.all_bg h1{}
.all_bg h2{ padding-left:20px; margin-top:10px;}

.product{ float:right;}
.probox{ position:relative; width:456px; height:433px;}
.probox .pro_list,.probox .pro_show{ position:absolute;}
.product ul.p_menu{  width:390px; height:100px; padding-left:50px; padding-top:30px;}
.product ul li{ float:left;}
.product ul li.p01 a{ display:block;background:url(../img/p_btn.png) no-repeat 0 0; width:116px; height:100px;}
.product ul li.p02 a{ display:block;background:url(../img/p_btn.png) no-repeat -116px 0; width:102px; height:100px;}
.product ul li.p03 a{ display:block;background:url(../img/p_btn.png) no-repeat -217px 0; width:114px; height:100px;}
.product ul li.p01 a:hover{ display:block;background:url(../img/p_btn.png) no-repeat 0 0;width:116px; height:100px;}
.product ul li.p02 a:hover{ display:block;background:url(../img/p_btn.png) no-repeat -116px 0;width:102px; height:100px;}
.product ul li.p03 a:hover{ display:block;background:url(../img/p_btn.png) no-repeat -217px 0;width:114px; height:100px;}



.menu{margin:0 auto;  width:732px; height:72px; clear:both; padding-top:65px;  }
.menu ul{width:732px; height:72px; }
.menu li{ float:left;}
.menu li.act a{ display:block; background:url(../img/menu.png) no-repeat 0 0;width:242px; height:72px; }
.menu li.teach a{display:block; background:url(../img/menu.png) no-repeat -242px 0;width:240px; height:72px; }
.menu li.coupon a{display:block;background:url(../img/menu.png) no-repeat -482px 0;width:250px; height:72px; }
.menu li.act a:hover{background:url(../img/menu.png) no-repeat 0 -72px;width:242px; height:72px;}
.menu li.teach a:hover{background:url(../img/menu.png) no-repeat -242px -72px;width:240px; height:72px;}
.menu li.coupon a:hover{background:url(../img/menu.png) no-repeat -482px -72px;width:250px; height:72px;}

.menu li.act a.active { background:url(../img/menu.png) no-repeat 0 -72px;width:242px; height:72px;}
.menu li.teach a.active { background:url(../img/menu.png) no-repeat -242px -72px;width:240px; height:72px;}
.menu li.coupon a.active { background:url(../img/menu.png) no-repeat -482px -72px;width:250px; height:72px;}
a.click_btn{ margin-left:16px;}
#tab4,#tab5,#tab6{ height:923px;}

.footer{ width:100%; height:80px; clear:both;background-color:#444444; position:relative;z-index:100; }
.footer .footer_content{ width:1000px; height:80px;  margin:0 auto; }
.footer .footer_content img{ float:left;}
.footer .footer_content span{ display:block; height:70px; padding-top:10px; float:left; font:18px/70px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin-left:160px;}
.footer .footer_content span.style01{ display:block; height:70px; float:left; font:18px/70px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin-left:0;}




		
		
		/* back to top */
#message a
{
    /* display: block before hiding */
    display: block;
    display: none;

    /* link is above all other elements */
    z-index: 999; 

    /* link doesn't hide text behind it */
    opacity: 0.7;

    /* link stays at same place on page */
    position: fixed;

    /* link goes at the bottom of the page */
    top: 100%;
    margin-top: -80px; /* = height + preferred bottom margin */

    /* link is centered */
    right: 10%;
    margin-left:0px; /* = half of width */

    /* round the corners (to your preference) */
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    /* make it big and easy to see (size, style to preferences) */
    width: 40px;
    line-height: 40px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-ms-border-radius:40px;
    height: 40px;
    padding: 10px;
    background-color: #000;
    font-size: 20px;
    text-align: center;
    color: #fff;
	text-decoration:none;
}