
/*---------------BREADCRUMB_nav-----------------*/
#BREADCRUMB{
	margin-top:5px;}
#BREADCRUMB ul{}
#BREADCRUMB li{ float:left; margin-right:5px;}
#BREADCRUMB li a img{ width:35px; height:35px;}
#BREADCRUMB li a{ text-decoration:none; color:#666; display:block; line-height:35px;}
#BREADCRUMB li a:hover{color:#0b88c4;}



/*---------------sub_nav-----------------*/
#SUB_NAV{
	margin-top:50px;
	width:223px;
	background-color:#a8defe;}

#SUB_NAV h3{
	font-size: 1.2em;
	color: #0b88c4;
	text-shadow: 1px 1px 1px #fff;
	padding: 17px 0 0 80px;
	font-weight: bold;
	letter-spacing: 0.1em;}
#SUB_NAV ul{ background-color:#a8defe;margin-top: -20px;}
#SUB_NAV li{ border-bottom:1px dashed #8abad7;}
#SUB_NAV li a{
	padding-left:40px;
	display:block;
	line-height:35px;
	text-decoration:none;
	font-size:1.1em;
	color:#333;
	text-shadow:1px 1px 1px #fff;
	letter-spacing:0.2em}
#SUB_NAV li a:hover{
	color:#FFF;
	background-color:#0b88c4;
	text-shadow:1px 1px 0px #333;
	}
#SUB_NAV ul li .active{
	color:#FFF;
	text-shadow:1px 1px 0px #333;
	background: url(../images/sub_nav_active.png) no-repeat right center #0b88c4;}

.sub_nav_title{ width:223px; height:60px; background:url(../images/sub_nav_title.png) no-repeat left top;}


/*---------------CONTENT_BOX-----------------*/

#CONTENT_BOX{ clear:both; width:95%;}
.content_box_title{
	width:100%;
	line-height:35px;
	background: url(../images/content_box_title.png) no-repeat left center #a8defe;
	font-size: 1.1em;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-left:20px;}
.content_box_title_01{ 
	color:#006699; 
	font-size:1.1em; 
	letter-spacing:0.1em;
	border:7px solid #fff;
	border-left:10px ridge #f2f2f2;
	border-bottom: 1px solid #b2b2b2;
	padding-left:5px;
	margin:10px 0;
	font-weight:bold;}
	
.content_box_title_02{ font-weight:bold; }

.content_box_title_03{ 
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	padding: 5px 0px 0px 5px;}
.content_box_title_03>a{ font-size:0.85em;}
	
.content_box_body{ 
	font-size: 0.95em;
	padding: 10px 0 0 15px;
	line-height: 1.5em;
	width: 98%;}
	
.content_box_body p{
	margin:10px 5px ;
	}
/*---------------CONTENT_BOX table-----------------*/	
.content_box_table{ text-align:left; margin-top:10px;}
.content_box_table p{ padding:0; margin:0; clear:both;}
.content_box_table th{ background-color:#cce9f8; color:#0b88c4; padding:5px 0 5px 15px; letter-spacing:0.1em; font-weight:bold; text-shadow:1px 1px 0px #fff; font-size:1.1em;}
.content_box_table tr{ padding:5px;}
.content_box_table tr:nth-child(odd){ background-color:#f2f2f2;}
.content_box_table td{ padding:5px 0 5px 15px;  vertical-align:middle;}


.content_box_table01{text-align: left; width: 95%; margin: 20px auto;}
.content_box_table01 ul{ text-align:left;}
.content_box_table01 li{ margin:8px 0px;}
.content_box_table01 p{ padding:0; margin:0; vertical-align:middle;}
.content_box_table01 th{ background-color:#A8DEFE; color:#006699;letter-spacing:0.1em; font-weight:bold; text-shadow:1px 1px 0px #fff; font-size:1.1em; text-align:center; vertical-align:middle; padding: 10px 0px; border:1px solid #ccc;}
.content_box_table01 tr{ padding:5px;}
.content_box_table01 tr:nth-child(odd){ background-color:#f2f2f2;}
.content_box_table01 td{ padding:10px 10px 10px 15px;  vertical-align:middle; text-align:center; border:1px solid #ccc;}
.content_box_table01 .a_note{ text-align:left; padding: 10px 10px 0px 15px;}
/*---------------CONTENT_BOX img-----------------*/	
.img{border:8px solid #fff;background-color:#fff;box-shadow:1px 0px 5px #666;}
.img_left{ 
	  float: left;
	  border:8px solid #fff;
	  margin: 5px 10px 5px 5px;
	  padding-right:8px;
	  border-right:1px dashed #b2b2b2;
	  background-color:#fff;
	  box-shadow:1px 0px 5px #666;
	  }
.img_left01{
	  float: left;
	  border:5px solid #fff;
	  margin: 10px;
	  background-color:#fff;
	  box-shadow:0px 0px 3px #666;}
.img_left01:hover{box-shadow:0px 0px 5px #555;}
.img_right{ 
	float:right; 
	border:8px solid #fff; 
	margin:5px 5px 5px 10px;
	padding-left:8px;
	border-left:1px dashed #b2b2b2;
	background-color:#fff;
	box-shadow:-1px 0px 5px #666;}
.img_note{
	  float: left;
      width: 55%;
	  font-weight:normal;
	  padding:10px 0 5px 5px;
	  border-bottom: 1px dashed #a2a2a2;
	  
	  }
.img_box{ border:1px solid #999; overflow: hidden; padding:5px; background-color:#f2f2f2; margin:10px 0;}

/*---------------CONTENT_BOX others-----------------*/	
.direction{ margin-left:15px;}
.direction li{
	list-style:inside disc;
	}


/*---------------activity_box-----------------*/	
.activity_box{ 
	background:url(../images/activity_bg_hover.png) repeat-x left bottom; 
	overflow:hidden;
	padding:10px;}
.activity_box>.thumb{ float:left; border:1px solid #999; padding:5px; margin:5px 15px 5px 5px; background-color:#fff;}
.activity_box_content{ float:left;}
.activity_box_content > .time{margin: 10px 0 0;color: #004469; border-left:8px solid #09C; padding-left:10px;}
.activity_box_content > .title{
	font-size: 1.4em;
	color: #666;
	font-weight: bold;
	margin-top: 10px;
	text-shadow:1px 1px 2px #fff;
}
.activity_box:hover{ box-shadow:0px 0px 3px #ccc;}

/*---------------people_box-----------------*/

.people_box{ /*border:1px solid #999;*/ overflow: hidden; padding:5px; background:url(../images/activity_bg_hover.png) repeat-x left bottom; margin:10px 0;}
.people_box_content{ float:left; padding:10px;}
.people_box_content > h3{ color:#0b88c4; font-size:1.3em;margin-bottom: 3px;}
.people_box_content .title{ 
	  background: url(../images/sub_nav_active.png) no-repeat right center #0b88c4;
	  color: #FFF;
	  padding: 3px 10px 3px 5px;
	  border-left: 5px solid #a8defe;}
.people_box_content .title01{	  
	  color: #333;
	  padding:2px 3px;
	  background: #a8defe;
	  border-top: 1px solid #fff;}
.people_box_list01_con .title01{	  
	  color: #333;
	  padding:2px 3px;
	  background: #a8defe;
	  border-top: 1px solid #fff;}
	  

.people_box_content .title02{
	padding: 10px 0 10px 5px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom:1px solid #A8DEFE;}
.people_box_content > p{}
.people_box_content > ul{
	padding: 10px 0 5px 0px;
	border-top: 1px solid #d2d2d2;}
.people_box_content > ul li{ margin:3px 0;}


.list_style li{ background:none;}

/*---------------book_list-----------------*/
.book_list {
	background:none #f2f2f2; 
	margin:15px 0 10px; 
	padding:8px;
	border-radius:3px;
	box-shadow:0px 0px 3px #999;}
.book_list li{
	list-style:inside disc!important;
	border:none!important;
	border-bottom:1px dashed #fff!important;
	padding:0!important;
	margin:5px 0px 5px 5px!important;
	background:none!important;}

.book_list_01{background:none margin:10px 0 10px; padding:8px!important;}
.book_list_01 li{
	list-style: inside decimal!important;
	padding:0!important;
	margin:10px 0px 10px 5px!important;
	background:none!important;
	border-bottom:1px dashed #A8DEFE!important;}
.book_list_01 li:nth-child(even){background-color:#fafafa!important;}

.arrow{
	background: url(../images/content_box_title02.png) no-repeat left center;
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-right: 5px;}
	
.people_box_list01{}	
.people_box_list01 li{ 
	background:url(../images/activity_bg_hover.png) repeat-x left bottom;
	overflow:hidden;
	border-bottom:1px solid #f2f2f2;
	padding:5px;
	margin-bottom:5px;}
	
.people_box_list01_con{
	padding: 10px;
	float: left;}
.people_box_list01_con>h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #0A7AB0;
	border-bottom: 1px solid #c2c2c2;}
.people_box_list01_con>p{
	margin: 5px 0;}

/*---------------order_function-----------------*/
	
.order_function{ overflow: hidden; padding:10px;}
.order_function >form { float:left; margin-right:10px;}
.order_function >form > select{ 
	width:auto;
	border-left:none; 
	border-radius:0 5px 5px 0;}
.order_function >form >label{ 
	border-radius:5px 0 0 5px;
	border:1px solid #ccc;
	float:left; 
	line-height:28px;
	padding: 0 5px;
	background: url(../images/activity_bg_hover.png) repeat-x left bottom;}
	
	
.people_box_list02{}
.people_box_list02 th{ background-color:#CCE9F8; text-align:left; padding:5px 0 5px 15px; color:#0B88C4;}
.people_box_list02 tr{ background-color:#f8f8f8;border-bottom:1px solid #eaeaea;}
.people_box_list02 tr:nth-child(even){ background-color:#fff;}
.people_box_list02 td{ text-align:left; padding-left:15px; vertical-align:middle;}
.people_box_list02 td p{ padding:0px;margin:3px;}

/*---------------hornrr_list-----------------*/
.hornrr_list{ 	
	padding: 5px;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background-color:rgba(244,240,228,0.1);
}
.hornrr_list .table_deco01{
	margin:15px 0px 15px 15px;
	width:95%;}
.hornrr_list .table_deco01 th{
	background-color:#A8DEFE;
	text-align:right;
	border: 1px solid #fff;
	padding:5px;}
.hornrr_list .table_deco01 tr{}
.hornrr_list .table_deco01 td{
	background-color:#f2f2f2;
	padding:5px;
	text-align:left;
	border:1px solid #fff;}
	
.hornrr_list .table_deco02 td,.hornrr_list .table_deco02 th{ text-align:center; vertical-align:middle;}
.hornrr_list .table_deco02 th{ background-color:#0B88C4; color:#FFF;}
.hornrr_g{ 
	width:97%; 
	margin: 0 auto;
	overflow:hidden;
	background:url(../images/activity_bg.png) repeat-x center top;}

/*--------------course_list-----------------*/

.course_list{}
.course_list li{ border-bottom:1px dashed #ccc; margin-bottom:5px;}
.course_list li:nth-child(odd){ background-color:#f2f2f2;}
.course_list li a{ display:block; color:#333; line-height:1.5em; padding: 5px 0px 5px 15px; border-left:3px solid #A8DEFE;}
.course_list a:hover{ text-decoration:none; color:#0B88C4; border-left:6px solid #A8DEFE;}

/*--------------table_deco----------------*/

.table_deco01{ margin:10px 0px;}
.table_deco01 th{
	text-align:center; 
	border: 1px solid #fff;
	padding:5px;
	vertical-align:middle;}
.table_deco01 tr{}
.table_deco01 td{
	background-color:#f2f2f2;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #fff;}
	
.table_deco02 td,.table_deco02 th{ 
	text-align:left; 
	vertical-align:middle;}



/*--------------box_deco----------------*/

.box_deco01{
	position:relative;
	margin: 15px 0px 15px 10px;
	padding: 10px;
	border: 1px solid #0B88C4;
	border-right:none;
	border-radius:3px 0px 0px 3px;
	background-color: #A8DEFE;
	box-shadow:1px 0px 3px #999,inset -5px 0px 10px #FFF;
	width: 30%;}
.box_deco01:after{
	content: "";
	border-style:solid;
	border-width:15px;
	border-color:transparent transparent transparent #0B88C4;
	position:absolute;
	left:100%;
	top:30%;}
.box_deco01 p{
	font-size:1.1em;
	letter-spacing:0.2em;
	padding-left:5px;
	border-left:5px #f2f2f2 solid;
	text-shadow:1px 1px 2px #fff; }

.box_deco01_r{	
	position: absolute;
	left: 100%;
	width: 100%;
	height: 100%;
	text-align: center;
	top: -1%;
	color: #0B88C4;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid;
	border-left: none;
	border-radius: 0px 3px 3px 0px;
	box-shadow: inset 1px 0px 5px #ccc;
	background: url(../images/activity_bg_hover.png) repeat-x center bottom;

	}
.box_deco01_r h4{
	position: absolute;
	top: 35%;
	left: 30px;
	text-shadow:1px 1px 2px #D1D1D1;}
	
.content_box_ul{ 
	list-style:inside disc;
	padding:5px;}
/*--------------contact-----------------*/	
.contact{ padding:5px;}

/*--------------others-----------------*/

.icon_arrow{display:inline-block; margin-right:5px; width:14px; height:14px; background:url(../images/arrow-right.png) no-repeat center;}
.icon_prize{ display:inline-block; width:40px; height:58px; background:url(../images/prize.png) no-repeat center; position:absolute; top:20px; right:0px; z-index:9999; }
.icon_phone{ display:inline-block; width:18px; height:15px; background:url(../images/phone.png) no-repeat center; padding:0px 3px;}
.icon_phone_01{ display:inline-block; width:18px; height:18px; background: url(../images/phone01.png) no-repeat center; padding:0px 3px;}
.icon_mail{display:inline-block; width:18px; height:15px; background:url(../images/mail.png) no-repeat center; padding:0px 3px;}
.icon_mail_01{display:inline-block; width:18px; height:18px; background: url(../images/email.png) no-repeat center; padding:0px 3px;}
.icon_down{ display:inline-block; width:12px; height:12px; background:url(../images/down.png) no-repeat center; padding:0px 3px;}
.icon_people{ display:inline-block; width:18px; height:15px; background: url(../images/people.png) no-repeat center; padding:0px 3px;}
.icon_people_01{ display:inline-block; width:18px; height:18px; background: url(../images/stuff.png) no-repeat center; padding:0px 3px;}
.icon_map{ display:inline-block; width:18px; height:18px; background: url(../images/map01.png) no-repeat center; padding:0px 3px;}
.icon_fax{ display:inline-block; width:18px; height:18px; background: url(../images/fax.png) no-repeat center; padding:0px 3px;}

.color01{color:#0B88C4;}
.hr_deco{ display:block; width:95%; border-bottom:1px dashed #999; margin:10px auto;}
.hr_deco01{ display:block; width:100%; border-bottom:1px dashed #999; margin:10px auto;}

.pic_only{}
.people_box_content >.pic_only>li{ float:left; margin:10px 5px 0;}
.pic_only p{ padding:2px 0; margin:0; text-align:center;}


.bgcolor_b01{ background-color:#0B88C4 !important;}
.bgcolor_b02{ background-color:#A8DEFE !important;}
.bgcolor_w01{ background-color:#fff !important;}
.bgcolor_w02{ background-color:#f2f2f2 !important;}
.bgcolor_y{ background-color:#fff9dd !important;}

.fcolor_b01{ color:#333 !important;}
.fcolor_w{ color:#fff !important;}
.fcolor_b02{ color:#0B88C4 !important;}

.fw{ font-weight:bold; !important;}

.btn_deco01{
	border-radius: 3px;
	padding: 7px 20px;
	border: 1px solid #999;
	box-shadow:inset 0px 0px 8px #ccc, 0px 0px 3px #ccc;
	margin: 20px 0px;
	cursor:pointer;
	display:inline-block;}
.btn_deco01:hover{
	color:#00476F;
	text-decoration:none;
	box-shadow:inset 0px 0px 10px #ccc,0px 0px 3px #777;}


.list_order{ padding:5px;}
.list_order li{ list-style:inside decimal;}

