/* CSS Document */
body{
    background-color:#1a1210;
	font-family:"微軟正黑體", "新細明體";
	font-weight:bold;
	
	}
#topbanner{
	width:100%;
	height:751px;
	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: 280px;
	top: 170px;
	}
#ai{
	width:765px;height: 510px; background-color:#FFF; margin:0 0 10px 35px;background-image:url(../image/class.jpg);  background-repeat:no-repeat;
	}	
#ai p{
	 display:block; width:350px;  font-size:15px; line-height:1.6em; text-align:justify; padding:300px 0 20px 200px;
	 }

#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;}

#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: 289px;
	height: 56px;
	position: absolute;
	z-index: 6;
	left: 389px;
	top: 99px;
}	
#gold01{
	width: 64px;
	height: 59px;
	position: absolute;
	z-index: 6;
	left: 563px;
	top: 425px;
}		
	
#nav{
	width:100%;
	height:117px;
	background-color:#b30d40;
	min-width:1376px;
	}
#nav_CC{width:1376px;margin:0 auto;height:117px;
	}
#nav_CC li{
	margin-right:70px;float:left;}
#context{
	width:1000px;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:20px;}
#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:#f9e37f;
	-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: #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;float:left;}
#a04{ display:block; width:100px; 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:15px;}
#red{ display:block; width:786px; height:420px; 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:#b20d42;
	-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:#f3dd79;
	-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:#000; padding:20px 0 0 0; margin:0 auto; line-height:1.8em; font-size:12px;}
#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:12px; 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:1000px; height:450px;background-image:url(../image/form_bg.jpg); padding-top:120px; margin-bottom:30px;}
#form P{display:block; width:350px; height:40px; margin:0 auto; font-size:20px; line-height:30px;  color:#000; 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;
     }
	 
	 
#RightName{
	background-image:url(../image/Right_book.gif);
	width:230px;
	height:315px;
	position:fixed;
	top: 300px;
	right:0px;
	opacity: 1;
	display: block;
	z-index:9999;
}

#gotop{
	width: 50px;
	height: 50px;
	background-image:url(http://www.ittraining.com.tw/ittraining/images/2016_image/gotop.png);
	position: fixed;/*固定定位*/
	right: 5px;/*右座標*/
	bottom: 5px;/*下座標*/
	text-align: center;/*文字水平置中*/
	line-height: 50px;/*設定跟高一樣就會垂直置中*/
	color:#336066;/*字體顏色*/
	cursor:pointer;/*手指標籤*/
}