@charset "utf-8";
.txt_white_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
.txt_white_12 A:link
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.txt_white_12 A:visited
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.txt_white_12 A:hover
{
    COLOR:#FFFF99;
    TEXT-DECORATION: underline
}	
.txt_grey_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
}
.txt_grey_13 A:link{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.txt_grey_13 A:visited{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.txt_grey_13 A:hover{
    COLOR:#FF0000;
    TEXT-DECORATION: underline
}	
.bg_1 {
	background-image: url(images/main/bg_1.jpg);
	background-repeat: repeat-y;
}
.bg_2 {
	background-image: url(images/main/bg_2.jpg);
	background-repeat: repeat-y;
}

.bg_index_02 {
	background-image: url(images/bg_02.jpg);
	background-repeat: repeat-y;
}
.bg_index_01 {
	background-image: url(images/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.txt_blue_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3399ff;
	text-decoration: none;
	line-height: 19px;
}
.txt_blue_13 A:link
{
    COLOR: #3399ff;
    TEXT-DECORATION: none
}
.txt_blue_13 A:visited
{
    COLOR: #3399ff;
    TEXT-DECORATION: none
}
.txt_blue_13 A:hover
{
    COLOR:#CC0000;
    TEXT-DECORATION: underline
}	
.lin_1 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}


.bg_3 {
	background-image: url(images/faq/child.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bg_4 {
	background-image: url(images/faq/child_2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.bg_down_1 {
	background-image: url(images/main/down_1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.txt_ruby_20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #993300;
	text-decoration: none;
}
.txt_ruby_16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #993300;
	text-decoration: none;
	font-weight: bold;
}
.txt_amethyst_20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #9900FF;
	text-decoration: none;
	font-weight: bolder;
}
.lin_2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CBD1ED;
	border-bottom-color: #CBD1ED;
}
.txt_orange_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	color: #FF9900;
}
.txt_black_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}
.lin_3 {
	background-image: url(images/news/line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.lin_4 {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c2d9e4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c2d9e4;
}
.lin_4_left {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c2d9e4;
}
.lin_4_right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c2d9e4;
}
.txt_red_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-decoration: none;
	line-height: 18px;
}
.lin_5 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}
.txt_orange_18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #FF9900;
	line-height: 26px;
}
.txt_white_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
.txt_orange_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
	text-decoration: none;
	line-height: 18px;
	font-weight: lighter;
}
.txt_orange_13 A:link
{
    COLOR: #FF6600;
    TEXT-DECORATION: none
}
.txt_orange_13 A:visited
{
    COLOR: #FF6600;
    TEXT-DECORATION: none
}
.txt_orange_13 A:hover
{
    COLOR:#999999;
    TEXT-DECORATION: underline
}	

#div_pic_1{
	float: left;
	margin-right: 6px;
	margin-left: 12px;
	margin-top: 15px;

}
#div_pic_2{
	float: left;
	margin-right:30px;
	margin-top: 20px;
}
.txt_blue_15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3366FF;
	text-decoration: none;
	line-height: 20px;
}
.txt_blue_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3399ff;
	text-decoration: none;
	line-height: 18px;
}
.txt_blue_12 A:link
{
    COLOR: #3399ff;
    TEXT-DECORATION: none
}
.txt_blue_12 A:visited
{
    COLOR: #3399ff;
    TEXT-DECORATION: none
}
.txt_blue_12 A:hover
{
    COLOR:#CC0000;
    TEXT-DECORATION: underline
}	
#div_1{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.lin_6 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

/* 課程規劃_list 設定 */
#edit{margin:20px 0 20px 20px; width:570px; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; height:auto !important; height:400px; min-height:400px;}
#edit h3{background:url(images/courses/icon_logo.jpg) no-repeat; height:26px; padding:10px 0 0 90px; font-size:16px; font-weight:bold; color:#1483ff; }
.slogan h4{background:url(images/courses/lego_rw.gif) no-repeat left top #FFFFCC; padding:3px 0 2px 20px; color:#ff8814; font-size:13px; font-weight:bold; margin:0 0 10px 10px; width:250px;}
.introduce{border:1px solid #CCC; padding:5px; font-size:13px; color:#666;}
.list_table{margin:10px 0;}
.list_table table{width:100%; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.list_table table thead th{background:#97a5b6; border-bottom:#ccd6e2 1px solid; border-right:#ccd6e2 1px solid; text-align:center; color:#FFF; padding:3px 0 1px 0;}
.list_table table tbody th{background:#fffde0 url(images/courses/3_ryr.gif) 3px 2px no-repeat; text-align:left; color:#7b4e32; font-weight:normal; padding:3px 5px 1px 26px; border-bottom:#e8e6c9 1px solid; border-right:#e8e6c9 1px solid;}
.list_table table tbody th a{color:#7b4e32; text-decoration:none;}
.list_table table tbody th a:hover{color:#a7a7a7;}
.list_table table tbody th.green{color:#2a7933; background:#fffde0 none; padding:3px 5px 1px 5px; text-align:center; font-weight:normal;}
.list_table table tbody td{background:#f7fbff url(images/courses/3_ryr.gif) 3px 2px no-repeat; text-align:left; color:#7b4e32; padding:3px 5px 1px 26px; border-bottom:#e3e8ef 1px solid; border-right:#e3e8ef 1px solid;}
.list_table table tbody td a{color:#7b4e32; text-decoration:none;}
.list_table table tbody td a:hover{color:#a7a7a7;}
.list_table table tbody td.green{color:#2a7933; background:#f7fbff none; padding:3px 5px 1px 5px; text-align:center;}
.showpage{position:absolute; right:0; bottom:0;}

/* 課程規劃_內頁 設定 */
.name{background:url(images/courses/icon_logo_2.jpg) left top no-repeat; padding:0 0 0 40px; height:auto !important; height:31px; min-height:31px;}
.name h2{color:#bf8600; font-size:16px; font-weight:bold; background:#f6f6f6; padding:3px 5px 1px 5px; margin-top:5px;} 
.item{background:url(images/courses/icon.gif) no-repeat left 5px; font-size:13px; color:#707070; padding-left:8px; margin:0 0 8px 10px;}
.item_coff{color:#7e1d1d; font-weight:bold; background:url(images/courses/icon.gif) no-repeat left 5px; font-size:13px; padding-left:8px; margin:0 0 8px 10px; float:left;}
.back{background:url(images/news/prev.jpg) no-repeat left top; padding-left:15px; float:right; width:70px; font-size:12px;}
.back a{color:#999; text-decoration:none;}
.back a:hover{text-decoration:underline;}
.inf{background:#fffedb; padding:10px; font-size:13px; line-height:20px; color:#666; margin-left:10px; overflow:hidden; zoom:1; width:550px; float:left;}
.inf img{background:#FFF; border:#CCC 1px solid; margin:0 10px 0 0; float:left;}

/* 課程簡介 設定 */
#edit_1{margin:0 0 20px 30px; width:569px; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; height:auto !important; height:400px; min-height:400px;}
.intro{background:url(images/courses/robot_bg.jpg) no-repeat right top; font-size:13px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.intro_t{color:#686868; padding:20px 0 65px 0;}
.intro_t strong{color:#ff9000; font-weight:bold;}

.mypets{
	cursor: hand;
	cursor: pointer;
	border-bottom: 1px dotted gray;
	background:url(images/courses/icon_3.gif) 550px 10px no-repeat #afcd50;
	width:569px;
	color:#FFF;
	overflow:hidden;
	zoom:1;
	margin-bottom:5px;
}
.openpet{
background:url(images/courses/icon_3.gif) 550px 10px no-repeat #dfecff;
color:#de7e0c;
}
.headline h3{font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;overflow:visible; background:url(images/courses/niwatori.gif) no-repeat 10px 5px; padding:3px 10px 2px 34px; width:510px; float:left;}
.thepet{width:569px; color:#8e8e8e; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; margin:5px 0 10px 0;}
.cla{background:url(images/courses/blue_4.jpg) no-repeat bottom #f0f6ff; width:569px; overflow:hidden; zoom:1; margin-bottom:5px;}
.cla .cla_con{background:url(images/courses/blue_3.jpg) no-repeat top; padding:10px 0;}
.cla .cla_con .row{margin:0 0 5px 0; width:569px; overflow:hidden; zoom:1;}
.cla .cla_con .row .item_1{width:55px; background:url(images/courses/icon_4.gif) no-repeat 5px 8px #FFF; padding:2px 0 2px 15px; float:left;}
.cla .cla_con .row .item_name{float:left; width:455px; color:#4f9b2a; font-weight:bold;margin-left:10px;} 
.cla .cla_con .row .inf_1{float:left; width:485px; margin-left:8px !important; margin-left:5px;}
.cla .cla_con .row .inf_1 img{padding:2px; border:#888 1px solid; background:#FFF; float:right;}