*{ 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;}
.co02{ color:#F00;}
.co03{ color:#00a29c;}

/*置頂按鈕*/
.gotop { position: fixed; right:10px;  bottom:60px; width: 50px;  height: 50px; background-color: #555;  padding: 15px 10px;
	opacity: 0;  transition: all 0.4s ease-in-out 0s;  z-index: 888;  border-radius: 50%; }
.gotop a{ text-align: center; color: #ccc; text-decoration:none; transition: all .3s; }
.gotop a:hover{ color: #ffe113; text-decoration:none;}
.gotop:active{ box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;transition: all 0s;}

/*======================================== AD ========================================*/

header{	width:100%;	margin:0; padding:15px 0; overflow:hidden;
	    background-color:#FFF;	text-align:center;	}
header .box01{ display:block; margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto;}
header .box02{ display:none; margin:0 auto; padding:0 2%; width:100%; max-width:540px; height:auto;}

/* == 桌機版優先 ============================================================================= */

.fs01 {	font-size: 24px; color: #FFF; font-weight: bold;}
.fs02 {	font-size: 24px; color: #554B34; }
.fs03 {	font-size: 24px; color: #89B700; font-weight: bold;}
.fs04 { display: inline-block; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; background:#cf1820; text-align:center; line-height:50px; color:#FFF;}


.fc01{ color: #d35400;}
.fc02{ color: #cf1820;}
.fc03{ color: #fff600;}
.fc04{ color: #2ea4a5;}

.aL a{ color:#FFF;	text-align:center;}
.aL a:hover{ text-decoration:none;}
.bL a{ color:#333;}
.bL a:hover{ text-decoration:none;}

.btn a{   padding:0;
		  display:block;
          width:300px;
		  height:60px;
		  line-height:60px;
		  text-align:center;
		  font-size:30px;
		  border-radius:3px;
		  -webkit-border-radius:3px;
		  text-decoration:none;
		  font-weight:bold;		  
		  color:#FFF;
		  }
.btn a.A{ margin:20px 0 0; background-color:#284054; }
.btn a.B{ margin:20px auto 0; background-color:#284054; }
.btn a.C{ margin:20px auto 0; background-color:#e60012; }
.btn a:hover { position:relative; top:1px; left:1px;}


/* == 刊頭 == */
.HEAD{ width:100%; height:380px; background:url(../images/banner.jpg); background-position:center;}
.HEAD h1{ text-indent:-9999px;}


/* == 考情 == */
.news{ margin:0 auto; padding:40px 0 0; width:100%; max-width:1000px; text-align:center;}
.news h2{ margin:0 ; font-size:4.5em; font-weight:normal; color:#cf1820; }
.news .left{ float:left; width:49%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
.news .right{ float:right; width:49%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}



/* == 區塊01 == */
.CON01{ width:100%; background:#fff;}
.CON01 .main{ margin:0 auto; padding:40px 0 60px; width:1000px; text-align:center; overflow:hidden;}
.CON01 .main h2{ margin:0 ; font-size:4.5em; font-weight:normal; color:#cf1820; }
.CON01 .box{ margin: 20px 0 30px; overflow:hidden;}
.CON01 .main ul { clear:both; list-style:none; margin:0; padding:0;}
.CON01 .main li { float:left; margin:0 10px; display: inline;}
.CON01 .main p{ font-size:1.2em;  }
.tb-sty01 { border-collapse: collapse; width:480px;}
.tb-sty01 td{ border:1px solid #fff; border-collapse: collapse; padding:6px;}




/* == 區塊02 == */
.CON02{ width:100%; background:#cdc00a; }
.CON02 h3{ margin:10px 0; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON02 .main{ margin:0 auto; padding:50px 0 70px; width:1000px; background: url(../images/con02.jpg) no-repeat bottom left 10%; overflow:hidden; text-align:center; }
.CON02 .main h2{ margin:0; font-size:4.5em; font-weight:normal; color:#284054; }
.CON02 .main .box { margin:30px 0; }
.CON02 .main .box .right{ float:right; text-align:left;}
.CON02 .main .box .right p{font-size:1.8em; line-height:1.8; color:#284054; }

	      
			   
/* == 區塊03 == */
.CON03{ width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON03 h3{ margin:10px auto; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON03 .main{ margin:0 auto; padding:50px 0 70px; width:1000px; overflow:hidden; text-align:center;  }
.CON03 .main h2{ margin:0 0 30px; font-size:4.5em; font-weight:normal; color:#284054;  }
.CON03 .box01{ display:block; }
.CON03 .box01 img{ width:1000px; height:auto;}
.CON03 .box02{ display:none; }

/* 智能服務 */
.service {
	padding: 60px calc((100% - 1000px) / 2);
	text-align: center;
	background-color: #d65515;
  }
  .service h2 {
	font-size: 4.5em;
    line-height: 1.1;
	font-weight: normal;
	color: #fff;
  }
  .service h2 span {
	color: #fff600;
  }
  .service h3 {
	margin: 20px 0px 0px 0px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	text-align: justify;
	line-height: 1.5;
  }
  .service .list ul {
	margin: 40px 0; padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  .service .list ul li {
	width: 33%;
	background-color: #fff600;
	color:#284054;
	text-align: left;
	margin: 2px 0;
	padding: 12px 25px;
	font-size: 30px;
	border-radius: 10px;
  }
  .service .list ul li:nth-child(even){
	background-color: #fff;
	color: #284054;

  }	 
 .service .btn a {
	clear: both;
    margin: 0 auto;
    width: 500px;
    height: 60px;
    line-height: 60px;
    background-color: #284540;
    font-size:30px;
	font-weight: bold;
    color: #fff;
    text-align: center;
	border-radius: 3px;
	text-decoration: none;
 }

/* == 區塊04 == */
.CON04{ width:100%; background:#d2d2d2;}
.CON04 h3{ margin:10px 0; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON04 .main{ margin:0 auto; padding:60px 0 ; width:1000px; background: url(../images/con04.gif) no-repeat bottom right 5%; overflow:hidden; }
.CON04 .main h2{ margin:0; font-size:4.8em; font-weight:normal; color:#898004;}
.CON04 .main dl{ margin:20px 0; width:600px; color:#284054; }
.CON04 .main dt{ font-size:2em; font-weight:bold;line-height:1.6;}
.CON04 .main dd p{ font-size:1.4em; line-height:1.6;}	


/* == 區塊05 == */
.CON05 { width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON05 h3{ margin:10px auto; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON05 .main{ margin:0 auto; padding:50px 0 70px; width:1000px; overflow:hidden; text-align:center;  }
.CON05 .main h2{ margin:0 0 30px; font-size:4.3em; font-weight:normal; color:#284054;  }
.CON05 .box01{ display:block; }
.CON05 .box01 img{ width:1000px; height:auto;}
.CON05 .box02{ display:none;}


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:60px 0; width:100%; overflow:hidden; text-align:center; background:#d65515;}
.tailored h2{ margin:0; padding:0; font-size:4.5em;  font-weight:normal;  color:#FFF; }
.tailored h3{ margin:10px auto; display:block; width:300px; font-size:1.4em; text-align:center; color:#FFF;}
.tailored h6{ display:inline-block;
           margin:10px auto;
		   padding:10px;
		   font-size:2.4em;
		   font-weight:normal;
		   color:#189c99;
		   text-align:center;
		   background-color:#fff600;
		   }
.tailored ul{ margin:60px auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.tailored li{ display:block; margin:0; padding:0; float:left;}
.tailored li:nth-child(odd){ width:30%;
						  height:300px;
						  }
.tailored li:nth-child(odd) img{ padding:0;}
.tailored li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:80px;
						  }
.tailored li h4{ margin:20px 0 5px;
              padding:0;
			  font-size:1.8em;
			  color:#000; }
.tailored li h5{
	font-size:2em;
	color:#FF0;
	font-weight:normal;
	}

/* == 多元學習模式 == */
.studymode {padding: 110px calc((100% - 1000px) / 2);box-sizing: border-box;text-align: center;}
.studymode h1 {font-size: 60px;color: #004993;}
.studymode h2 {display: inline-block;padding: 5px 40px;margin: 20px 0px 60px 0px;font-size: 1.8rem;line-height: 1.4;color: rgb(155, 0, 18);text-align: center;border: 1px dashed rgb(155, 0, 18);}
.studymode ul {display: flex;justify-content: space-between;margin: 60px 0px 40px 0px; padding: 0;}
.studymode ul:nth-of-type(2) {justify-content: space-evenly;}
.studymode ul li {width: 28.5%;}
.studymode ul li .topword {margin: 0px 0px 10px 0px;display: flex;justify-content: flex-start;align-items: center;}
.studymode ul li .topword .circle {display: flex;justify-content: flex-start;width: 40%;}
.studymode ul li .topword .circle span {width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;font-size: 1.8rem;font-weight: 700;color: #3d85f9;border-radius: 999px;outline: #fbb03b 2px solid;}
.studymode ul li .topword p {width: 60%;padding: 3px 0px;font-size: 1.35rem;font-weight: 700;font-style: italic;color: #fbb03b;text-align: justify;border-bottom: #fbb03b 2px solid;}
.studymode ul li .topword span:nth-child(2) {transform: translate(-2px);}
.studymode ul li .topword span:nth-child(3) {transform: translate(-4px);}
.studymode img {max-width: 100%;display: block;margin: 0 auto;}
.studymode ul li .box p {margin: 20px 0px 0px 0px;padding: 12px 0px 0px;font-size: 1.35rem;line-height: 1.6;color: #4d4d4d;border-top: #4d4d4d 1px solid;}
.studymode .btn {display: flex;justify-content: space-around;align-items: center;width: 100%;margin: 0 auto;}
.studymode .btn a {text-decoration: none;background: rgb(214, 0, 26);color: #fff;font-size: 30px;font-weight: bold;display: inline-block; width: 25%;border-radius: 999px; }
.studymode .btn a:active{box-shadow: inset 5px 5px 3px rgba(20%, 20%, 40%, 0.5);}
.studymodemobile {display: none;}

/* footer */
.footer{ padding: 50px calc((100% - 1200px)/2); width:100%; background: #004993; box-sizing: border-box;}
.footer ul{display: flex; flex-wrap: wrap; padding: 0;}
.footer ul li{ width: 20%; margin: 8px 0;}
.footer ul li a{ display:inline-block; font-size:20px; text-decoration:none; color:#FFF; position: relative;}
.footer ul li a::after{ content:''; display: inline-block; position: absolute; bottom:-2px; left: 45%; width: 0; height: 1px; background:#fff; transition: all .8s;}
.footer ul li a:hover::after{ left: 0; width: 99%;}
/*留單*/
  .form {
      padding: 30px 0;
      background-color: #f48537;
  }

  .form img {
      width: 220px;
  }

  .form h2 {
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: normal;
      color: #FFF;
  }

  .form a {
      margin: 20px auto;
      display: block;
      width: 90%;
      border-radius: 10px;
      background-color: #ff0;
      font-size: 1.7em;
      padding: 10px;
      color: #0e303f;
      text-align: center;
      text-decoration: none;
  }

  .form a:hover {
      font-weight: bold;
  }
/* == 手機版型區 ============================================================================= */

@media screen and ( max-width:767px ){


header{	width:100%;	margin:0; padding:2% 0; overflow:hidden;
	    background-color:#FFF;	text-align:center;	}
header .box01{ display:none; margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto;}
header .box02{ display:block; margin:0 auto; padding:0 2%; width:100%; max-width:540px; height:auto;}

.fs01 {	font-size: 20px; color: #FFF; font-weight: bold;}
.fs02 {	font-size: 20px; color: #554B34; }
.fs03 {	font-size: 20px; color: #89B700; font-weight: bold;}
.fs04 { display: inline-block; width:35px; height:35px; border-radius:50%; -webkit-border-radius:50%; background:#cf1820; text-align:center; line-height:35px; color:#FFF;}


.fc01{ color: #d35400;}
.fc02{ color: #cf1820;}
.fc03{ color: #fff600;}
.fc04{ color: #2ea4a5;}

.aL a{ color:#FFF;	text-align:center;}
.aL a:hover{ text-decoration:none;}
.bL a{ color:#333;}
.bL a:hover{ text-decoration:none;}

.btn a{
	clear:both;   
    padding:0;
 	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:30px;
	border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	font-weight:bold;		  
	color:#FFF;
	}
.btn a.A{ margin:20px auto 0; background-color:#284054; }
.btn a.B{ margin:20px auto 0; background-color:#284054; }
.btn a.C{ margin:20px auto 0; background-color:#e60012; }
.btn a:hover { position:relative; top:1px; left:1px;}



.HEAD{ width:100%; height:0; background:url(../images/m_bn.jpg) no-repeat; background-size: cover; padding-bottom:82.36%; }
.HEAD h1{ text-indent:-9999px;}
	   

/* == 考情 == */
.news{ margin:0 auto; padding:20px 10px 0; width:100%; max-width:1000px; text-align:center;}
.news h2{ margin:0 ; font-size:2em; font-weight:normal; color:#cf1820; }
.news .left{ float:none; margin:5px 0; width:100%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
.news .right{ float:none; width:100%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
	 

/* == 區塊01 == */
.CON01{ width:100%; }
.CON01 .main{ margin:0 auto; padding:20px 10px 30px; width:100%; text-align:center;}
.CON01 .main h2{ margin:0 ; font-size:3em; font-weight:normal; color:#cf1820;}
.CON01 .box{ margin: 20px 0 30px; overflow:hidden;}
.CON01 .main ul { clear:both; list-style:none; margin:0; padding:0;}
.CON01 .main li { float:none; margin:0;}
.CON01 .main p{ font-size:1.2em;  }
.tb-sty01 { border-collapse: collapse; width:100%;}
.tb-sty01 td{ border:1px solid #fff; border-collapse: collapse; padding:5px; }


/* == 區塊02 == */
.CON02{ width:100%; background:#cdc00a; }
.CON02 h3{ margin:10px 0; display:block; width:100%; font-size:1.4em; text-align:center;}
.CON02 .main{ margin:0 auto; padding:30px 12px 10px; background: none; width:100%; overflow:hidden; text-align:center; }
.CON02 .main h2{ margin:0; font-size:3.8em; line-height:1.1;  color:#284054; }
.CON02 .main .box { margin:30px 0; }
.CON02 .main .box .right{ float:none; padding:20px 4px 0; border-top:1px solid #666; text-align:left;}
.CON02 .main .box .right p{ font-size:1.4em; line-height:1.8; color:#284054; }
   


/* == 區塊03 == */
.CON03{ width:100%; background:#fff; border-bottom:2px solid #FFF;}
.CON03 h3{ margin:10px 0; display:block; width:100%; font-size:1.4em; text-align:center;}
.CON03 .main{ margin:0 auto; padding:30px 16px; width:100%; overflow:hidden; text-align:center; }
.CON03 .main h2{ margin:0 0 20px; font-size:3.8em; line-height:1.1; color:#284054; }
.CON03 .box01{ display:none;}
.CON03 .box02{ display:block; }
.CON03 .box02 img {width:100%; height:auto;}
.CON03 .btn a.B{ margin:20px auto 0; background-color:#284054; }

/* 智能服務 */
.service {
    padding: 80px 5%;
}
.service h2{
	font-size: 3.8em;
	line-height: 1.3;
}
.service h2> img{
	width: 20%;
}
.service h3{
	font-size:20px;
}
.service .list ul li {
	width: 32%;
}
.service .btn a {
	font-size: 30px;
}

/* == 區塊04 == */
.CON04{ width:100%; background:#d2d2d2;}
.CON04 h3{ margin:10px 0; display:block; width:100%; font-size:1.4em; text-align:center;}
.CON04 .main{ margin:0 auto; padding:30px 12px ; width:100%;  background:none; text-align:center; overflow:hidden; }
.CON04 .main h2{ margin:0 0; font-size:2.8em; color:#898004;}
.CON04 .main dl{ margin:10px 0; padding:0 4px; width:100%; color:#284054; text-align:left; }
.CON04 .main dt{ font-size:1.8em; font-weight:bold;line-height:1.6;}
.CON04 .main dd p{ font-size:1.2em; line-height:1.6; }



/* == 區塊05 == */
.CON05 { width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON05 h3{ margin:10px 0; display:block; width:100%; font-size:1.4em; text-align:center;}
.CON05 .main{ margin:0 auto; padding:30px 16px; width:100%; overflow:hidden; text-align:center;  }
.CON05 .main h2{ margin:0 0 30px; font-size:2.7em; line-height:1.1; font-weight:normal; color:#284054;  }
.CON05 .box01{ display:none;}
.CON05 .box02{ display:block; }
.CON05 .box02 img {width:100%; height:auto;}		


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:30px 16px 40px ; width:100%; overflow:hidden;	text-align:center;	}
.tailored h2{ margin:0; padding:0; font-size:2.8em; line-height:1.1; font-weight:normal; }
.tailored h3{ margin:10px 0; display:block; width:100%; font-size:1.4em; text-align:center;}
.tailored h6{ margin:20px auto;	font-size:1.4em;}
.tailored p{ padding:5px 5%;
		  font-size:1em;
		  }
.tailored ul{ margin:0 auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.tailored li{ display:block; margin:0; padding:0; float:none;}
.tailored li:nth-child(odd){ width:100%;
						  height:310px;
						  }
.tailored li:nth-child(odd) img{ padding:15px 0;}
.tailored li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:130px;
						   display:none;
						  }
.tailored li h4{ margin:0;
              padding:0;
			  font-size:1.8em;
			  color:#000; }
.tailored li h5{
	font-size:2em;
	color:#FF0;
	font-weight:normal;
	}

/* == 多元學習模式 == */
.studymode {display: none;}
.studymodemobile {display: block;text-align: center;padding: 40px 5%;}
.studymodemobile h1 {font-size: 7vw;color: #004993;}
.studymodemobile h2 {display: inline-block;margin: 25px 0px;padding: 5px 10px;font-size: 5vw;color: rgb(155, 0, 18);outline: rgb(155, 0, 18) 1px dashed;}
.studymodemobile ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 25px;margin: 25px 0px 0px 0px; padding: 0;}
.studymodemobile ul li {width: 100%;}
.studymodemobile ul li a {cursor: pointer;}
.studymodemobile ul li .topword {margin: 0px 0px 10px 0px;display: flex;justify-content: flex-start;align-items: center;}
.studymodemobile ul li .topword .circle {display: flex;justify-content: flex-start;width: 40%;}
.studymodemobile ul li .topword .circle span {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 6vw;font-weight: 700;color: #3d85f9;border-radius: 999px;outline: #fbb03b 2px solid;}
.studymodemobile ul li .topword p {width: 60%;padding: 3px 0px;font-size: 6vw;font-weight: 700;font-style: italic;color: #fbb03b;text-align: justify;border-bottom: #fbb03b 2px solid;}
.studymodemobile ul li .topword span:nth-child(2) {transform: translate(-2px);}
.studymodemobile ul li .topword span:nth-child(3) {transform: translate(-4px);}
.studymodemobile img {display: block;max-width: 100%;margin: 0 auto;}
.studymodemobile ul li i {padding: 15px 0px 10px 0px;font-size: 8vw;animation: arrowmove 1s linear infinite alternate;}
.studymodemobile ul li .sublist {display: none;}
.studymodemobile ul li .sublist p {display: inline-block;padding: 12px 0px 0px;font-size: 5.5vw;line-height: 1.6;color: #4d4d4d;border-top: #4d4d4d 1px solid;}
.studymodemobile .btn {display: flex;flex-flow: column;gap: 15px;justify-content: center;margin: 30px 0px 0px;width: 100%;}
.studymodemobile .btn a {text-decoration: none;background: rgb(214, 0, 26);color: #fff;font-size: 7.5vw;display: inline-block; width: 100%; border-radius: 999px; }

/* footer */
 .footer{ padding: 30px 2% 70px;}
 .footer ul li{ width: 33%; text-align: center;}
 .footer ul li a{ font-size: 16px;}

}

@media(max-width:600px){
    
	/* 智能服務 */
	  .service .list ul li {
		width: 49%;
		padding: 12px 15px;
		font-size: 1.6em;
		background-color: #fff;
	  }
	  .service .list ul li:nth-of-type(7) {
		width: 100%;
	  }
	  .service .list ul li:nth-of-type(8) {
		width: 100%;
	  }
	  .service .list ul li:nth-of-type(9) {
		width: 100%;
	}
	  .service .btn a{
		width: 100%;
	}
	.service .btn a::after {
		left: 250px;
	}
}


/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	

header{	width:100%;	margin:0; padding:2% 0; overflow:hidden;
	    background-color:#FFF;	text-align:center;	}
header .box01{ display:block; margin:0 auto; padding:0 2%; width:100%; max-width:1000px; height:auto;}
header .box02{ display:none; margin:0 auto; padding:0 2%; width:100%; max-width:540px; height:auto;}

/* == 刊頭 == */
.HEAD{ width:100%; height:0; background:url(../images/banner.jpg); background-position:center; background-size:cover; padding-bottom:38%; border-bottom:20px solid #284054;}
.HEAD h1{ text-indent:-9999px;}


/* == 考情 == */
.news{ margin:0 auto; padding:40px 20px 0; width:100%; max-width:1000px; text-align:center;}
.news h2{ margin:0 ; font-size:3.8em; font-weight:normal; color:#cf1820; }
.news .left{ float:left; width:49%; height:180px; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
.news .right{ float:right; width:49%; height:180px; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}



/* == 區塊01 == */
.CON01{ width:100%; background:#fff;}
.CON01 .main{ margin:0 auto; padding:40px 20px 60px; width:100%; text-align:center; overflow:hidden;}
.CON01 .main h2{ margin:0 ; font-size:4.5em; font-weight:normal; color:#cf1820; }
.CON01 .box{ margin: 20px auto; width:100%; overflow:hidden; text-align:center;}
.CON01 .box .main ul { display:inline-block; clear:both; list-style:none; margin:0; padding:0; }
.CON01 .box .main li { float:left; margin:0 10px; background:#F00;}
.CON01 .box .main p{ font-size:1.2em;  }
.tb-sty01 { border-collapse: collapse; width:340px;}
.tb-sty01 td{ border:1px solid #fff; border-collapse: collapse; padding:6px;}




/* == 區塊02 == */
.CON02{ width:100%; background:#cdc00a; }
.CON02 h3{ margin:10px 0; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON02 .main{ margin:0 auto; padding:50px 20px 70px; width:100%; background: url(../images/con02.jpg) no-repeat bottom left 0%; overflow:hidden; text-align:center; }
.CON02 .main h2{ margin:0; font-size:4.5em; font-weight:normal; color:#284054; }
.CON02 .main .box { margin:30px 0; }
.CON02 .main .box .right{ float:right; text-align:left;}
.CON02 .main .box .right p{font-size:1.6em; line-height:1.8; color:#284054; }

	      
			   
/* == 區塊03 == */
.CON03{ width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON03 h3{ margin:10px auto; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON03 .main{ margin:0 auto; padding:50px 0 70px; width:100%; overflow:hidden; text-align:center;  }
.CON03 .main h2{ margin:0 0 30px; font-size:4.5em; font-weight:normal; color:#284054;  }
.CON03 .box01{ display:block; }
.CON03 .box01 img{ width:100%; height:auto;}
.CON03 .box02{ display:none; }

/* 智能服務 */
.service {
	padding: 80px 5%;
}
.service h2 {
	font-size: 44px;
}
.service h3{
	text-align: justify;
}
.service .list ul li {
	font-size: 1.2em;
}

/* == 區塊04 == */
.CON04{ width:100%; background:#d2d2d2;}
.CON04 h3{ margin:10px 0; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON04 .main{ margin:0 auto; padding:60px 20px ; width:100%; background: url(../images/con04.gif) no-repeat bottom right 0%; overflow:hidden; }
.CON04 .main h2{ margin:0; font-size:4.8em; font-weight:normal; color:#898004;}
.CON04 .main dl{ margin:20px 0; width:400px; color:#284054; }
.CON04 .main dt{ font-size:2em; font-weight:bold;line-height:1.6;}
.CON04 .main dd p{ font-size:1.4em; line-height:1.6;}	


/* == 區塊05 == */
.CON05 { width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON05 h3{ margin:10px auto; display:block; width:300px; font-size:1.4em; text-align:center;}
.CON05 .main{ margin:0 auto; padding:50px 0 70px; width:100%; overflow:hidden; text-align:center;  }
.CON05 .main h2{ margin:0 0 30px; font-size:4.3em; font-weight:normal; color:#284054;  }
.CON05 .box01{ display:block; }
.CON05 .box01 img{ width:100%; height:auto;}
.CON05 .box02{ display:none;}


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:60px 20px; width:100%; overflow:hidden; text-align:center; background:#d65515;}
.tailored h2{ margin:0; padding:0; font-size:3.8em;  font-weight:normal;  color:#FFF; }
.tailored h3{ margin:10px auto; display:block; width:300px; font-size:1.4em; text-align:center; color:#FFF;}
.tailored h6{ display:block;
           margin:10px auto;
		   padding:0;
		   width:420px;
		   height:60px;
		   line-height:60px;
		   font-size:2.4em;
		   font-weight:normal;
		   color:#189c99;
		   text-align:center;
		   background-color:#fff600;
		   }
.tailored ul{ margin:60px auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.tailored li{ display:block; margin:0; padding:0; float:left;}
.tailored li:nth-child(odd){ width:30%;
						  height:300px;
						  }
.tailored li:nth-child(odd) img{ padding:0;}
.tailored li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:80px;
						  }
.tailored li h4{ margin:20px 0 5px;
              padding:0;
			  font-size:1.8em;
			  color:#000; }
.tailored li h5{
	font-size:2em;
	color:#FF0;
	font-weight:normal;
	}

/* == 多元學習模式 == */
	.studymode {padding: 80px 4%;}
	.studymode h1 {font-size: 3em; }
	.studymode ul li {width: 30%;}
	.studymode ul li .topword .circle span {width: 30px;height: 30px;font-size: 1.25rem;}
	.studymode ul li .topword p {font-size: 1rem;}
	.studymode ul li .box p {margin: 20px 0px 0px 0px;padding: 12px 0px 0px;font-size: 1rem;line-height: 1.6;color: #4d4d4d;border-top: #4d4d4d 1px solid;}
	.studymode .btn a {width: 30%;}
	
/* footer */
.footer { padding: 30px 4%;}
.footer ul li{ text-align: center;}

}