/* CSS Document */
body{
	background-color:#fffbe7;
	font-family:"微軟正黑體", "新細明體";
	font-weight:bold;
	background-image:url(../image/texture.png);
	}
#topbanner{
	width:100%;
	height:695px;
	background-image:url(../image/topbanner_bg.gif);
	min-width:1376px;
	}
#CC{
	width: 1376px;
	margin: 0 auto;
	position: relative;
	}
#taitle{
	width: 560px;
	height: 152px;
	position: absolute;
	z-index: 3;
	left: 410px;
	top: 256px;
	}
#goal{width:765px; background-color:#FFF; margin:0 0 10px 35px;background-image:url(../image/goal.jpg);  background-repeat:no-repeat;}	
#goal p{ display:block; width:350px;  font-size:15px; line-height:1.6em; text-align:justify; padding:20px 0 20px 380px;}
	
#money{width: 874px;height: 414px;position: absolute;z-index: 5;left: 277px;top: -2px;}
#cloud{width: 1376px;height: 414px;position: absolute;z-index: 4;}	
#word{width: 444px;height: 56px;position: absolute;z-index: 6;left: 455px;top: 385px;}	
#gold01{width: 64px;height: 59px;position: absolute;z-index: 6;left: 618px;top: 486px;}		
	
#nav{
	width:100%;
	height:117px;
	background-color:#0f062c;
	min-width:1376px;
	}
#nav_CC{width:1376px;margin:0 auto;height:117px;
	}
#nav_CC li{
	margin-right:70px;float:left;}
#context{
	width:846px;
	margin:0 auto;
	margin-bottom:110px;}
#allcontent{width:1376px;margin:0 auto;}	
#new{ display:block; width:765px; overflow:hidden; padding:0 20px; padding-bottom:20px;}
#new li{ display:block; width:200px; float:left; list-style:none;font-size:14px; line-height:1.4em; text-align:justify;}
h3{display:block; font-size:15px; line-height:1.6em; width:650px; margin:0 auto; text-align:center;}
.context01box{
	background-color:#08a7af;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom:40px;
	margin-bottom:20px;}
#course{
	padding:0 35px 0 35px;}
#course li{ width:378px;  background-color:#FFF; margin-right:10px;float:left;padding-bottom:20px; background-color:#FFF; margin-bottom:10px;}
#course li h2{ color:#F30; font-size:18px; text-align:center;}
#course li h3{ font-weight:normal; line-height:1.6em; display:block; width:300px; color:#03C; font-size:15px; text-align:center; margin:5px auto;}
#course li p{ font-weight:normal; line-height:1.8em; display:block; width:300px; color:#000; font-size:14px; text-align:justify; margin:5px auto;}
#a01{ display:block; width:70px; background-color: #225ee7; text-decoration:none; color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px; text-align:center; font-size:14px; margin-right:40px; float:left;}
.a02{ display:block; width:70px; background-color: #e7223e; text-decoration:none; color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px; text-align:center; font-size:14px;float:left;}
#a03{ display:block; width:100px; background-color: #e7223e; text-decoration:none; color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px; text-align:center; font-size:14px;float:left;}
#a04{ display:block; width:100px; background-color: #e7223e; text-decoration:none; color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px; text-align:center; font-size:15px;}
#red{ display:block; width:786px; height:500px; background-image:url(../image/red_bg.jpg); background-repeat:no-repeat;
padding:100px 0 0 60px; margin-top:20px;}
#red p{ display:block; width:330px; font-size:15px; color:#FFF; line-height:1.6em; }


#draw_rule{
	width:846px; height:536px; background-image:url(../image/draw_bg.png); margin-bottom:20px;position: relative;}
#iphone{
	width: 315px;
	height: 202px;
	position: absolute;
	left: 576px;
	top: -66px;
}
#draw_rule2{
	width:846px; margin-bottom:20px;}
#fb_shsre_left{
	width:572px; float:left;}
#fb_shsre_left p{ display:block; width:572px;background-color:#3d2267;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom:40px;
	margin-bottom:20px;}
.context03box{
	background-color:#3d2267;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom:40px;
	margin-bottom:20px;}
.context03box p{ display:block; width:760px; color:#FFF; padding:20px 0 0 0; margin:0 auto; line-height:1.8em; font-size:15px;}
#list_left{ width:400px; float:left; margin-right:46px;}
#list_left_bg{background-color: #f45055;}
#list_left p{ display:block; width:300px; height:40px; margin:0 auto; background-color:#f67074; font-size:15px; line-height:45px; margin-bottom:10px; }

#list_right{ width:400px;float:left;}
#list_right_bg{background-color: #1552ce;}
#list_right p{ display:block; width:300px; height:40px; margin:0 auto; background-color:#3f71d7; font-size:15px; line-height:45px; margin-bottom:10px; color:#FFF; }

#form{ width:846px; height:380px;background-image:url(../image/form_bg.png); padding-top:120px;}
#form P{display:block; width:300px; height:40px; margin:0 auto; font-size:20px; line-height:30px;  color:#FF0; font-weight:normal; text-align:center; }
/*下方表單*/

 .down
{
            background-color: #1f1f1f;
            height: 50px;
            width: 100%;
            position: fixed;
            bottom: 0px;
            left: auto;
            right: auto;
            text-align: center;
            _position: absolute;
            _top: expression(offsetParent.scrollTop + document.documentElement.clientHeight - this.offsetHeight);
			z-index:10;
     }