@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{ width:100%; height:100%; font-family:Arial, Helvetica,"微軟正黑體",sans-serif; text-size-adjust:none;
      font-size:15px;}
ul,p{ margin:0; padding:0; list-style:none;}

.co1{ color:#c41a1f;}
.co2{ color:#ffffff;}

/* == 桌機版優先 ============================================================================= */
.btn { clear:both; margin:30px 0 0 0; padding:0;}
.btn ul { margin:0; padding:0;	list-style:none; text-align:center;	}
.btn li { display:inline-block;}
.btn li a{ display:inline-block; width:300px;	height:60px; line-height:60px;	border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn li a:hover { position:relative; top:1px; left:1px;}
.btn li.A a{ background-color:#000000; }
.btn li.B a{ background-color:#c41a1f;}

.btn2 { clear:both; margin:30px 0 0 0; padding:0; width:100%;}
.btn2 ul { margin:0; padding:0; width:100%;	list-style:none; text-align:center;	}
.btn2 li { display:inline-block;}
.btn2 li a{ display:inline-block; width:100%; height:60px; line-height:60px; padding:0 20px; border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn2 li a:hover { position:relative; top:1px; left:1px;}
.btn2 li.A a{ background-color:#000000; }
.btn2 li.B a{ background-color:#c41a1f;}

.btn3 { clear:both; margin:30px 0 0 0; padding:0; width:100%;}
.btn3 ul { margin:0; padding:0; width:100%;	list-style:none;}
.btn3 li { display:inline-block;}
.btn3 li a{ display:inline-block; width:100%; height:60px; line-height:60px; padding:0 20px; border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; text-decoration:none; text-align:center; color:#FFF; font-weight:bold; background-color:#c41a1f;}
.btn3 li a:hover { position:relative; top:1px; left:1px;}

/* == 刊頭 == */
.head{ width:100%;
       height:700px;
       background-image:url(../images/hand-xl.jpg);
	   background-repeat:no-repeat;
	   background-position:top;
	   background-size:cover;
	   overflow:hidden;
	   }
			   
/* == 麵包屑 == */
.path{ margin:10px auto;
       padding:0;
	   width:100%;
	   max-width:1000px;
	   font-size:16px;
	   color:#666;
	   }
.path a{ color:#b80000;
         text-decoration:underline;}
		 
/* == 區塊1 == */		 
.con01{ margin:0 auto;
        padding:50px 0 70px 0;
		width:100%;
		max-width:1000px;
		}
.con01-l{ margin:0 auto;
          padding:0 0 30px 0;
		  width:100%;
		  max-width:490px;
		  float:left;		  
		  }
.con01-r{ margin:0 auto;
          padding:0 0 30px 0;
		  width:100%;
		  max-width:490px;
		  float:right;		  
		  }
.con01 h2{ text-align:center;
           font-size:2.7em;
		   font-weight:normal;
		   }
/* == 區塊2 == */
.con02{ margin:0 auto;
        padding:70px 0;
		width:100%;
		background-color:#ffc100;
		}
.con02-main{ margin:0 auto;
             padding:0;
			 width:100%;
			 max-width:1000px;
			 }
.con02-main h2{ text-align:center;
                font-size:4.6em;
		        font-weight:normal;
				color:#c41a1f;
				font-style:italic;
				}
.con02-main h3{ text-align:center;
                font-size:3em;
		        font-weight:normal;
				padding:0 0 20px 0;
				}
.con02-main .box01{ margin:0 auto;
                    padding:0;
                    width:100%;
					max-width:1000px; height:auto;
					display:block;
					}
.con02-main .box02{ margin:0 auto;
                    padding:0;
                    width:100%;
					min-width:310px; height:auto;
					display:none;
					}

/* == 區塊3 == */
.con03{ margin:0 auto;
        padding:70px 0;
		width:100%;
		max-width:1000px;
		text-align:center;
		}
.con03 h2{ text-align:center;
                font-size:4.6em;
		        font-weight:normal;
				color:#c41a1f;
				font-style:italic;
				}
.con03 h3{ text-align:center;
           font-size:2.2em;
		   font-weight:normal;
		   padding:0 0 20px 0;
		   }
.con03 img{ width:100%; max-width:300px; height:auto;}
.con03 table{ margin:auto;}
.con03 td{ padding:1%; font-size:1.4em; text-align:center; }

/* == 區塊4 == */
.con04{ margin:0 auto;
        padding:0;
		width:100%;
		height:970px;
		background-color:#275937;
		background-image:url(../images/images06.jpg); background-repeat:no-repeat;
		background-position:bottom center;
		}
.con04-main{ margin:0 auto;
             padding:70px 0;
			 width:100%;
			 max-width:1000px;
			 }
.con04-main h2{ text-align:center;
                font-size:4.6em;
		        font-weight:normal;
				color:#ffffff;
				font-style:italic;
				}
.con04-main h3{ text-align:center;
                font-size:2.6em;
		        font-weight:normal;
				padding:0 0 20px 0;
				color:#ffc100;
				}
.con04-main dl{ display:block;
                margin:0 0 5px 0;
                padding:17px;
				width:600px;
				height:auto;
				border-radius:5px;
				border:1px solid #378751;
				}
.con04-main dt{ display:block;
                width:100%;
				height:50px;
				line-height:50px;
				padding:0 15px;
				margin:0 0 5px 0;
				font-size:1.6em;
				color:#FFF;
				border-radius:5px;
				}
.con04-main dt.green{ background-color:#00c353;}
.con04-main dt.blue{ background-color:#00a2ed;}
.con04-main dd{ font-size:1.1em; color:#FFF;}
.con04-main dd a{ color:#FFF;}
.con04-main dd a:hover{ text-decoration:none;}

/* == 區塊5 == */
.con05{ margin:0 auto;
        padding:70px 0;
		width:100%;
		max-width:1000px;
		}
.con05 h2{ text-align:center;
           font-size:4.6em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   }
.con05 h3{ text-align:center;
           font-size:2.2em;
		   font-weight:normal;
		   padding:0 0 20px 0;
		   }
.con05-box{ margin:0; padding:30px 25px;
            width:50%; height:auto;
			float:left;}
.con05-box h4{ display:block; margin:0;
               width:100%; height:60px; line-height:60px;
			   border-radius:10px;
			   background-color:#ffc100;
			   font-size:2.6em; text-align:center;
			   color:#FFF; font-style:normal;
			   }
.con05-box h5{ margin:15px 0 0 0; font-size:1.8em; color:#2b88d1;}
.con05-box p{ font-size:1.6em; color:#333;}

/* == 多元學習模式 == */
.con06{ clear:both; margin:0 auto;
        padding:70px 0;
		width:100%;
		text-align:center;
		background-color:#f8f8f8;
		}
.con06 h2{ text-align:center;
           font-size:4.6em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   }
.con06 h3{ text-align:center;
           font-size:3em;
		   font-weight:normal;
		   padding:0;
		   }
.con06-main{ margin:0 auto;
             width:100%;
             max-width:1000px;
		     overflow:hidden;
			 }
.con06-main ul{ margin:50px auto 0 auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   }
.con06-main li{ display:block;
           margin:0 20px; padding:0;
		   width:210px;
		   float:left;}
.con06-main li h4{ display:block; width:210px; height:100px; }
.con06-main li h5{ display:block;
              width:210px; height:50px; line-height:50px;
			  background-color:#6a6a6a;
			  font-size:1.6em;
			  color:#ffc100; }
.con06-main li .box01{ padding:10px 0; width:210px;
                  font-size:1.3em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.con06-main li .box02{ padding:10px 0;
                  font-size:1.2em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.con06-main li .box02 a{ color:#e60015;}
.con06-main li .box02 a:hover{ text-decoration:none;}


/* == 班址 == */
.footer{ width:100%;
      height:150px;
	  background-color:#4f4f4f;
	  }
.footer-con{ margin:0 auto;
          padding:60px 0;
          width:100%;
		  max-width:1000px;
		  height:150px;
		  }
.footer-conl{ width:230px;
           float:left;}
.footer-conr{ width:770px;
           float:right;}
.footer-conr ul{ width:770px; margin:0;}
.footer-conr li a{ display:block;
                   padding:0;
				   margin:0 40px 10px 0;
				   width:100px;
				   height:21px;
                   font-size:20px;
				   text-decoration:none;
				   color:#FFF;
				   float:left;
				   }
				   
				   
/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
.btn { clear:both; margin:30px 0 0 0; padding:0;}
.btn ul { margin:0; padding:0;	list-style:none; text-align:center;	}
.btn li { display:inline-block;}
.btn li a{ display:inline-block; width:100%; padding:0 20px; height:60px; line-height:60px;	border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn li a:hover { position:relative; top:1px; left:1px;}
.btn li.A a{ background-color:#000000; }
.btn li.B a{ background-color:#c41a1f;}

.btn2 { clear:both; margin:30px 0 0 0; padding:0; width:100%;}
.btn2 ul { margin:0; padding:0; width:100%;	list-style:none; text-align:center;	}
.btn2 li { display:inline-block;}
.btn2 li a{ display:inline-block; width:100%; height:60px; line-height:60px; padding:0 20px; border-radius:3px;  -webkit-border-radius:3px;	font-size:22px; text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn2 li a:hover { position:relative; top:1px; left:1px;}
.btn2 li.A a{ background-color:#000000; }
.btn2 li.B a{ background-color:#c41a1f;}

.btn3 { clear:both; margin:30px 0 0 0; padding:0; width:100%;}
.btn3 ul { margin:0; padding:0; width:100%;	list-style:none; text-align:center;}
.btn3 li { display:inline-block;}
.btn3 li a{ display:inline-block; width:100%; height:60px; line-height:60px; padding:0 20px; border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; text-decoration:none; text-align:center; color:#FFF; font-weight:bold; background-color:#c41a1f;}
.btn3 li a:hover { position:relative; top:1px; left:1px;}


.head{ width:100%;
       height:auto;
	   margin:0;
	   padding-bottom:70%;
	   background-image:url(../images/hand-m.jpg);
	   background-size:cover;
	   overflow:hidden;
       }
			   
/* == 麵包屑 == */
.path{ margin:0 auto;
       padding:10px;
	   width:100%;
	   font-size:16px;
	   color:#666;
	   }
.path a{ color:#000;
         text-decoration:underline;}
		 
/* == 區塊1 == */		 
.con01{ margin:0 auto;
        padding:30px 0 50px 0;
		width:100%;
		}
.con01-l{ margin:0 auto;
          padding:0 0 30px 0;
		  width:48%;
		  max-width:auto;
		  float:left;		  
		  }
.con01-r{ margin:0 auto;
          padding:0 0 30px 0;
		  width:48%;
		  max-width:auto;
		  float:right;		  
		  }
.con01 h2{ clear:both;
           text-align:center;
           font-size:2.1em;
		   font-weight:normal;
		   }
/* == 區塊2 == */
.con02{ margin:0 auto;
        padding:70px 0;
		width:100%;
		background-color:#ffc100;
		}
.con02-main{ margin:0 auto;
             padding:0;
			 width:100%;
			 }
.con02-main h2{ text-align:center;
                font-size:4.4em;
		        font-weight:normal;
				color:#c41a1f;
				font-style:italic;
				}
.con02-main h3{ text-align:center;
                font-size:2.8em;
		        font-weight:normal;
				padding:0 0 20px 0;
				}
.con02-main .box01{ margin:0 auto;
                    padding:0;
                    width:100%;
					max-width:1000px; height:auto;
					display:block;
					}
.con02-main .box02{ margin:0 auto;
                    padding:0;
                    width:100%;
					min-width:310px; height:auto;
					display:none;
					}

/* == 區塊3 == */
.con03{ margin:0 auto;
        padding:50px 0;
		width:100%;
		text-align:center;
		}
.con03 h2{ text-align:center;
                font-size:4em;
		        font-weight:normal;
				color:#c41a1f;
				font-style:italic;
				}
.con03 h3{ text-align:center;
           font-size:2em;
		   font-weight:normal;
		   padding:0 0 20px 0;
		   }
.con03 img{ width:100%; max-width:300px; height:auto;}
.con03 table{ margin:auto;}
.con03 td{ padding:1%; font-size:1.4em; text-align:center; }

/* == 區塊4 == */
.con04{ margin:0 auto;
        padding:0;
		width:100%;
		height:auto;
		background-color:#275937;
		background-image:none;
		background-position:bottom center;
		}
.con04-main{ margin:0 auto;
             padding:50px 0;
			 width:100%;
			 }
.con04-main h2{ text-align:center;
                font-size:4.4em;
		        font-weight:normal;
				color:#ffffff;
				font-style:italic;
				}
.con04-main h3{ text-align:center;
                font-size:2.6em;
		        font-weight:normal;
				padding:0 0 20px 0;
				color:#ffc100;
				}
.con04-main dl{ display:block;
                margin:0 auto 5px auto;
                padding:17px;
				width:80%;
				height:auto;
				border-radius:5px;
				border:1px solid #378751;
				}
.con04-main dt{ display:block;
                width:100%;
				height:50px;
				line-height:50px;
				padding:0 15px;
				margin:0 0 5px 0;
				font-size:1.6em;
				color:#FFF;
				border-radius:5px;
				}
.con04-main dt.green{ background-color:#00c353;}
.con04-main dt.blue{ background-color:#00a2ed;}
.con04-main dd{ font-size:1.1em; color:#FFF;}
.con04-main dd a{ color:#FFF;}
.con04-main dd a:hover{ text-decoration:none;}

/* == 區塊5 == */
.con05{ margin:0 auto;
        padding:70px 0;
		width:100%;
		max-width:1000px;
		}
.con05 h2{ text-align:center;
           font-size:4.6em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   }
.con05 h3{ text-align:center;
           font-size:2.2em;
		   font-weight:normal;
		   padding:0 0 20px 0;
		   }
.con05-box{ margin:0; padding:30px 25px;
            width:50%; height:auto;
			float:left;}
.con05-box h4{ display:block; margin:0;
               width:100%; height:60px; line-height:60px;
			   border-radius:10px;
			   background-color:#ffc100;
			   font-size:2.6em; text-align:center;
			   color:#FFF; font-style:normal;
			   }
.con05-box h5{ margin:15px 0 0 0; font-size:1.8em; color:#2b88d1;}
.con05-box p{ font-size:1.6em; color:#333;}


/* == 多元學習模式 == */
.con06{ clear:both; margin:0 auto;
        padding:60px 0 50px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.con06 h2{ text-align:center;
           font-size:4.6em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   }
.con06 h3{ text-align:center;
           font-size:2.2em;
		   font-weight:normal;
		   padding:0;
		   }
.con06-main{ margin:0 auto;
             width:100%;
		     overflow:hidden;
			 }
.con06-main ul{ margin:20px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.con06-main li{ display:block;
           margin:0 1%; padding:0;
		   width:23%;
		   float:left;}
.con06-main li h4{ display:block; width:100%; height:auto; }
.con06-main li h5{ display:block;
              width:100%; height:50px; line-height:50px;
			  background-color:#6a6a6a;
			  font-size:1.6em;
			  color:#ffc100; }
.con06-main li .box01{ padding:10px 0; width:100%;
                  font-size:1.2em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.con06-main li .box02{ padding:10px 0;
                  font-size:1em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.con06-main li .box02 a{ color:#e60015;}
.con06-main li .box02 a:hover{ text-decoration:none;}



/* == 班址 == */
.footer{ width:100%;
      height:auto;
	  background-color:#1d1d1d;
	  }
.footer-con{ margin:0 auto;
          padding:30px 0;
          width:100%;
		  height:auto;
		  display:inline-block;
		  }
.footer-conl{ margin:10px auto; width:23%; float:left;}
.footer-conr{ margin:0 auto; width:77%; float:right;}
.footer-conr ul{ width:100%; margin:0;}
.footer-conr li a{ display:block;
                   padding:0;
				   margin:0 0 10px 0;
				   width:20%;
				   height:21px;
                   font-size:18px;
				   text-decoration:none;
				   color:#FFF;
				   float:left;
				   }

}



/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
.btn { clear:both; margin:10px 0 0 0; padding:0;}
.btn ul { margin:0 auto; padding:0;	list-style:none; text-align:center;	}
.btn li { display:block;}
.btn li a{ display:block;margin:0 auto 5px auto; width:80%; padding:0; height:60px; line-height:60px;	border-radius:3px;  -webkit-border-radius:3px;	font-size:1.8em; text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn li a:hover { position:relative; top:1px; left:1px;}
.btn li.A a{ background-color:#000000; }
.btn li.B a{ background-color:#c41a1f;}

.btn2 { clear:both; margin:30px 0 0 0; padding:0; width:100%;}
.btn2 ul { margin:0; padding:0; width:100%;	list-style:none; text-align:center;	}
.btn2 li { display:block; }
.btn2 li a{ display:block; margin:0 auto 2px auto; width:80%; height:60px; line-height:60px; padding:0 20px; border-radius:3px;  -webkit-border-radius:3px;	font-size:1.7em; text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn2 li a:hover { position:relative; top:1px; left:1px;}
.btn2 li.A a{ background-color:#000000; }
.btn2 li.B a{ background-color:#c41a1f;}

.btn3 { clear:both; margin:30px 0 0 0; padding:0; width:100%;}
.btn3 ul { margin:0; padding:0; width:100%;	list-style:none; text-align:center;}
.btn3 li { display:block;}
.btn3 li a{ display:block; margin:0 auto 5px auto; width:80%; height:60px; line-height:60px; padding:0; border-radius:3px;  -webkit-border-radius:3px;	font-size:1.8em; text-decoration:none; text-align:center; color:#FFF; font-weight:bold; background-color:#c41a1f;}
.btn3 li a:hover { position:relative; top:1px; left:1px;}

/* == 刊頭 == */
.head{ width:100%;
       height:auto;
	   margin:0;
	   padding-bottom:80%;
	   background-image:url(../images/hand-s.jpg);
	   background-size:cover;
	   overflow:hidden;
       }
			   
/* == 麵包屑 == */
.path{ margin:20px 0;
       padding:0 4%;
	   width:100%;
	   font-size:15px;
	   color:#666;
	   }
.path a{ color:#000;
         text-decoration:underline;}
		 
/* == 區塊1 == */		 
.con01{ margin:0 auto;
        padding:0 0 30px 0;
		width:100%;
		}
.con01-l{ margin:0 auto;
          padding:0 0 10px 0;
		  width:90%;
		  max-width:auto;
		  float:none;		  
		  }
.con01-r{ margin:0 auto;
          padding:0 0 10px 0;
		  width:90%;
		  max-width:auto;
		  float:none;		  
		  }
.con01 h2{ clear:both;
           padding:5px;
           text-align:center;
           font-size:1.6em;
		   font-weight:normal;
		   }
/* == 區塊2 == */
.con02{ margin:0 auto;
        padding:40px 0;
		width:100%;
		background-color:#ffc100;
		}
.con02-main{ margin:0 auto;
             padding:0;
			 width:100%;
			 }
.con02-main h2{ text-align:center;
                font-size:2.5em;
		        font-weight:normal;
				color:#c41a1f;
				font-style:italic;
				}
.con02-main h3{ text-align:center;
                font-size:2em;
		        font-weight:normal;
				padding:0 0 10px 0;
				}
.con02-main .box01{ margin:0 auto;
                    padding:0;
                    width:100%;
					max-width:1000px; height:auto;
					display:none;
					}
.con02-main .box02{ margin:0 auto;
                    padding:0;
                    width:80%;
					min-width:310px; height:auto;
					display:block;
					}

/* == 區塊3 == */
.con03{ margin:0 auto;
        padding:50px 0;
		width:100%;
		text-align:center;
		}
.con03 h2{ text-align:center;
           font-size:2em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   padding:0 10px;
				}
.con03 h3{ text-align:center;
           font-size:1em;
		   font-weight:normal;
		   padding:0 0 20px 0;
		   }
.con03 img{ width:100%; max-width:200px; height:auto;}
.con03 table{ margin:auto;}
.con03 td{ padding:0.5%; font-size:1em; text-align:center; }

/* == 區塊4 == */
.con04{ margin:0 auto;
        padding:0;
		width:100%;
		height:auto;
		background-color:#275937;
		background-image:none;
		background-position:bottom center;
		}
.con04-main{ margin:0 auto;
             padding:40px 0;
			 width:100%;
			 }
.con04-main h2{ text-align:center;
                font-size:2.2em;
		        font-weight:normal;
				color:#ffffff;
				font-style:italic;
				}
.con04-main h3{ text-align:center;
                font-size:1.4em;
		        font-weight:normal;
				padding:0 0 20px 0;
				color:#ffc100;
				}
.con04-main dl{ display:block;
                margin:0 auto 5px auto;
                padding:17px;
				width:95%;
				height:auto;
				border-radius:5px;
				border:1px solid #378751;
				}
.con04-main dt{ display:block;
                width:100%;
				height:40px;
				line-height:40px;
				padding:0 15px;
				margin:0 0 5px 0;
				font-size:1.2em;
				color:#FFF;
				border-radius:5px;
				}
.con04-main dt.green{ background-color:#00c353;}
.con04-main dt.blue{ background-color:#00a2ed;}
.con04-main dd{ font-size:1em; color:#FFF;}
.con04-main dd a{ color:#FFF;}
.con04-main dd a:hover{ text-decoration:none;}

/* == 區塊5 == */
.con05{ margin:0 auto;
        padding:30px 0;
		width:100%;
		max-width:1000px;
		}
.con05 h2{ text-align:center;
           font-size:2.1em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   }
.con05 h3{ text-align:center;
           font-size:1.5em;
		   font-weight:normal;
		   padding:0 0 20px 0;
		   }
.con05-box{ margin:0; padding:10px 25px;
            width:100%; height:auto;
			float:none;}
.con05-box h4{ display:block; margin:0;
               width:100%; height:45px; line-height:45px;
			   border-radius:10px;
			   background-color:#ffc100;
			   font-size:2em; text-align:center;
			   color:#FFF; font-style:normal;
			   }
.con05-box h5{ margin:10px 0 0 0; font-size:1.5em; color:#2b88d1;}
.con05-box p{ font-size:1.2em; color:#333;}

/* == 多元學習模式 == */
.con06{ clear:both; margin:0 auto;
        padding:30px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.con06 h2{ text-align:center;
           font-size:1.8em;
		   font-weight:normal;
		   color:#c41a1f;
		   font-style:italic;
		   }
.con06 h3{ text-align:center;
           font-size:1em;
		   font-weight:normal;
		   padding:0;
		   }
.con06-main{ margin:0 auto;
             width:100%;
		     overflow:hidden;
			 }
.con06-main ul{ margin:10px auto 0 auto;
           padding:0 8%;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.con06-main li{ display:block;
           margin:0; padding:0;
		   width:100%;
		   float:none;}
.con06-main li h4{ display:block; width:100%; height:auto; }
.con06-main li h5{ display:block;
              width:100%; height:50px; line-height:50px;
			  background-color:#6a6a6a;
			  font-size:1.6em;
			  color:#ffc100; }
.con06-main li .box01{ padding:10px 0; width:100%;
                  font-size:1.2em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.con06-main li .box02{ padding:10px 0;
                  font-size:1em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.con06-main li .box02 a{ color:#e60015;}
.con06-main li .box02 a:hover{ text-decoration:none;}



		 
/* == 班址 == */
.footer{ width:100%;
         height:auto;
	     background-color:#1d1d1d;
		 overflow:hidden;
	  }
.footer-con{ margin:0 auto;
             padding:30px 0;
             width:100%;
		     height:auto;
			 overflow:hidden;
		  }
.footer-conl{ margin:0 auto 15px auto; width:100%; max-width:230px;
              float:none;}
.footer-conr{ width:100%;
              float:none;}
.footer-conr ul{ width:100%; margin:0 auto; padding:0 0 0 6%;}
.footer-conr li a{ display:block;
                   padding:0;
				   margin:0 0 10px 0;
				   width:30%;
				   height:21px;
                   font-size:18px;
				   text-decoration:none;
				   color:#FFF;
				   float:left;
				   }

}