*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
-ms-box-sizing:border-box;}

html{ width:100%; height:100%; font-family:Arial, Helvetica,"微軟正黑體",sans-serif; text-size-adjust:none;
      font-size:15px;}
ul{ margin:0; padding:0; list-style:none;}
td,th { font-size: 15px; margin:0; padding:5px;}
img{ border:0;}

.c01{ color:#ff3300;}
.c02{ color:#0054c6;}
.c03{ color:#F00;}
.c04{ color:#FFF;}
.c05{ color:#6dad27;}
.c06{ color:#FF0;}

.f01{ font-size:1.2em;}
.f02{ font-size:1.5em;}
.f03{ font-size:1.1em;}
.f04{ font-size:2em;}
.AL a{ font-size:1.2em; color:#FFF;}
.BL a{ color:#F00;}
.CL a{ font-size:2em; color:#FF0; text-decoration:none;}


/*======================================== 上方標題 ========================================*/

header{
	width:100%;
	margin:0 0 2px 0;
	padding:0 0 20px 0;
	background-color:#FFF;
	text-align:center;
	box-shadow:1px 1px 3px #999999;
	}
	



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

/* == 2016.6.21上方類科選單被移到下面 == */
#TOP{ margin-bottom:60px; width:100%; height:50px; background-color:#686a67; text-align:center;}
#MENU{ display:none; margin:0 ; padding:0; color:#FFF; font-size:1.4em; line-height:50px;}
#TOP p{ font-size:1.2em;  color:#FF0; line-height:50px;}
#TOP span{ margin:0 10px;}
#TOP a{ margin:0 10px;color:#FFF; text-decoration:none;}

#SUBMENU{ display:none; width:100%; position:absolute; top:-380px; z-index:100; background-color:#686a67;}
#SUBMENU ul{ margin:0; padding:20px 0 20px 0; width:100%;}
#SUBMENU li{ display:none; margin:0 0 5px 0; padding:0; width:80%; height:40px; line-height:40px; background-color:#000; color:#FFF; border-radius:10px;}
#SUBMENU li a{ display:inline-block; width:100%; height:40px; line-height:40px; text-decoration:none; color:#FFF;}

#HEAD{ clear:both;  width:100%; background-color:#78be2b; background-image:url(images/bg01.gif);}
#HEAD-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-L.png); background-size:cover;}

#WRAPPER{ width:100%; max-width:1000px; margin:0px auto; overflow: hidden;}
#CON01{ margin:50px 0; padding:0 50px; width:100%;}
#CON01 h1{ width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON01 .box{ clear:both; margin:40px 0 0 0; width:100%; overflow:hidden;}
#CON01 .box_L{ margin:0; padding:0; width:250px; float:left; text-align:center;}
#CON01 .box_R{  margin:0; padding:0; width:650px; float:right;}
#CON01 .box_R h3{ margin:0 0 10px 0; font-size:2em;}
#CON01 .box_R p{ line-height:1.6;}

/* == 類科頁面 == */
#HEADA{ width:100%; background-color:#fdd000; background-image:url(images/bg02.gif);}
#HEADA-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-a.png); background-size:cover;}
#HEADB{ width:100%; background-color:#1ad1ff; background-image:url(images/bg03.gif);}
#HEADB-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-b.png); background-size:cover;}
#HEADC{ width:100%; background-color:#78be2b; background-image:url(images/bg01.gif);}
#HEADC-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-c.png); background-size:cover;}
#HEADD{ width:100%; background-color:#fdd000; background-image:url(images/bg02.gif);}
#HEADD-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-d.png); background-size:cover;}
#HEADE{ width:100%; background-color:#1ad1ff; background-image:url(images/bg03.gif);}
#HEADE-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-e.png); background-size:cover;}
#HEADF{ width:100%; background-color:#1ad1ff; background-image:url(images/bg02.gif);}
#HEADF-img{ width:100%; max-width:1000px; height:550px; margin:0px auto; overflow:hidden; background:url(images/head-f.png); background-size:cover;}


#CON04{ margin:50px 0; padding:0 50px; width:100%;}
#CON04 h1{ margin:0; padding:0; width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON04 .box{ clear:both; margin:40px 0 0 0; width:100%; overflow:hidden;}
#CON04 .box h3{ margin:0 0 10px 0; font-size:2em; color:#dd2626;}
#CON04 .box p{ line-height:1.6;}
#CON04 .box h4{ display:block; width:40%; margin:10px 0; padding:15px; font-size:1.7em; color:#FFF; background-color:#F00;}
#CON04 .box h4 a{ display:block;color:#FFF;}
#CON04 .box h4 a:hover{ text-decoration:none;}
#CON04 .box .hot-L{ margin:0;
                    padding:0;
					width:60%;
					float:left;
					}
#CON04 .box .hot-R{ margin:0;
                    padding:20px;
					width:40%;
					height:auto;
					float:right;
					background-color:#666;
					border-radius:15px;
					background-color:#F00;
					text-align:center;
					}

#CON05{ margin:50px 0; padding:0 50px; width:100%; overflow:hidden;}
#CON05 h1{ margin:0 0 30px 0; width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON05-L { margin:0; padding:25px; width:100%; height:220px; float:left; border-radius:20px; background-color:#f3f3f3; overflow:hidden;}
#CON05-L .boxL{ margin:0; padding:0; width:20%; float:left;}
#CON05-L .boxL h4{ margin:0; padding:5px; width:95px; font-weight:normal; text-align:center; color:#FFF; background-color:#000;}
#CON05-L .boxR{ margin:0; padding:0; width:80%; float:right; line-height:1.6;}

/*#CON05-R { margin:0; padding:25px 20px; width:18%; height:220px; float:right; border-radius:20px; background-color:#f3f3f3; overflow:hidden; text-align:center;}
#CON05-R p{ padding:2px 0; font-size:1em;}
#CON05-R a{ text-decoration:none; color:#ff3300;}*/

/* == 類科頁面end == */


#CON02{ margin:50px 0; padding:0 50px; width:100%;}
#CON02 h1{ width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON02 h3{ margin:40px auto 20px auto; padding:0; width:50%; height:50px; line-height:50px; font-size:1.7em; border-radius:20px; background-color:#ff9900; text-align:center; color:#FFF; font-weight:normal;}
#CON02 p{ padding:30px 0 0 0; font-size:1.3em; line-height:1.6; text-align:center;}
#CON02 .box_desk{  width:100%;}
#CON02 .box_mobile{ width:100%;}

#CON03{ margin:50px 0; padding:0 50px; width:100%;}
#CON03 h1{ width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON03 ul{ margin:30px 0; padding:0; width:100%; overflow:hidden;}
#CON03 li{ margin:0 5px; padding:25px; width:440px; float:left; border-radius:20px; background-color:#f3f3f3; overflow:hidden;}
#CON03 li .boxL{ margin:0; padding:0; width:120px; float:left;}
#CON03 li .boxL h4{ margin:0; padding:5px; width:95px; font-weight:normal; text-align:center; color:#FFF; background-color:#000;}
#CON03 li .boxR{ margin:0; padding:0; width:270px; float:right; line-height:1.6;}

#AD01{ clear:both; margin:80px 0; padding:0 50px; width:100%;}
#AD01 h1{ width:100%; text-align:center; color:#333;}
#AD01 ul{ margin:40px 0; padding:0; width:100%; overflow:hidden;}
#AD01 li{ margin:0; padding:0 15px; display:block; width:25%; float:left; text-align:center;}
#AD01 li h3{ margin:0 0 10px 0; padding:0; display:block; width:190px; height:40px; line-height:40px; font-size:1.2em; font-weight:normal; border-radius:25px; background-color:#6dad27; color:#FFF;}
#AD01 li h4{ margin:10px 0 0 0; padding:0; font-size:1.3em; color:#333;}
#AD01 li h5{ margin:5px 0; padding:0; font-size:1.2em; color:#6dad27;}
#AD01 li p{ font-size:1.1em;}

#AD02{ margin:0 0 40px 0; padding:0 50px; width:100%; overflow:hidden;}
#AD02 h1{ margin:0; padding:0; display:block; width:100%; max-width:900px; height:115px; background-image:url(images/image13.gif); background-size:cover; text-indent:-999px; }
#AD02 h3{ padding:10px 0; text-align: center; font-size:2em; font-weight:bold; color:#F00;}
#AD02 ul{ margin:0; padding:0 25px; width:100%; }
#AD02 li{ margin:0; padding:0; display:block; width:50%; float:left; font-size:1.3em; letter-spacing:1px; line-height:1.6; }
#AD02 h4{ clear:both; padding:30px 0; text-align: center; font-size:1.2em; font-weight:normal; color:#666;}

#AD03{ margin:0 0 40px 0; padding:0 50px; width:100%; overflow:hidden;}
.AD03-L{ margin:0; padding:0; width:425px; height:100px; float:left; }
.AD03-R{ margin:0; padding:0; width:425px; height:100px; float:right; }

#OPSP{ margin:0 50px 40px 50px; padding:20px; width:900px; overflow:hidden; border-radius:20px; border:3px solid #6dad27; overflow:hidden;}
#OPSP h1{ font-size:2em; color:#6dad27; text-align:center;}



/* == 志系班址 == */
#FOOTER{ margin:0px 0px 0px 0px; padding:0; width:100%; background-color:#2b2b2b;}
#FOOTER_box{ margin:0px auto; padding:0px; width:100%; max-width:1000px; overflow:hidden;}
#FOOTER_box_L{ margin:0; padding:0; width:30%; float:left;}
#FOOTER_box_R{ margin:0; padding:20px 0; width:70%; float:right;}
#FOOTER_box_R ul{ margin:0px; padding:0; width:100%;}
#FOOTER_box_R li { margin:0px; padding:0 0 5px 0; display:block; width:15%; float:left; font-size:1.2em; color:#FFF; text-align:center;}
#FOOTER_box_R li a{ text-decoration:none; color:#FFF;}
#FOOTER_box_R li a:hover{ color:#FF0;}

#FOOTER_ad{ clear:both; margin:0; padding:0; width:100%; height:60px ; background-color:#900; font-size:1.5em; color:#FFF; text-align:center; line-height:60px; position:fixed; bottom:0; z-index:888;}
#FOOTER_ad a{ text-decoration:none; color:#FFF;}
#FOOTER_ad a:hover{ text-decoration:underline;}



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

/* == 2016.6.21上方類科選單被移到下面 == */
#TOP{ margin-bottom:60px; width:100%; height:50px; background-color:#686a67; text-align:center;}
#MENU{ display:none; margin:0 ; padding:0; color:#FFF; font-size:1.4em; line-height:50px;}
#TOP p{ font-size:1.2em;  color:#FF0; line-height:50px;}
#TOP span{ margin:0 10px;}
#TOP a{ margin:0 10px;color:#FFF; text-decoration:none;}

#SUBMENU{ display:none; width:100%; position:absolute; top:-380px; z-index:100; background-color:#686a67;}
#SUBMENU ul{ margin:0; padding:20px 0 20px 0; width:100%;}
#SUBMENU li{ display:none; margin:0 0 5px 0; padding:0; width:80%; height:40px; line-height:40px; background-color:#000; color:#FFF; border-radius:10px;}
#SUBMENU li a{ display:inline-block; width:100%; height:40px; line-height:40px; text-decoration:none; color:#FFF;}

#HEAD{ width:100%; background-color:#78be2b; background-image:url(images/bg01.gif);}
#HEAD-img{ width:100%;height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-L.png); background-size:cover;}

#WRAPPER{ width:100%; margin:0px auto; overflow: hidden;}
#CON01{ margin:50px 0; padding:0 50px; width:100%;}
#CON01 h1{ width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON01 .box{ clear:both; margin:40px 0 0 0; width:100%; overflow:hidden;}
#CON01 .box_L{ margin:0; padding:0; width:30%; float:left; text-align:center;}
#CON01 .box_R{  margin:0 auto; padding:0; width:70%; float:left;}
#CON01 .box_R h3{ margin:0 0 10px 0; font-size:2em;}
#CON01 .box_R p{ line-height:1.6;}

/* == 類科頁面 == */
#HEADA{ width:100%; background-color:#fdd000; background-image:url(images/bg02.gif);}
#HEADA-img{ width:100%; height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-a.png); background-size:cover;}
#HEADB{ width:100%; background-color:#1ad1ff; background-image:url(images/bg03.gif);}
#HEADB-img{ width:100%; height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-b.png); background-size:cover;}
#HEADC{ width:100%; background-color:#78be2b; background-image:url(images/bg01.gif);}
#HEADC-img{ width:100%; height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-c.png); background-size:cover;}
#HEADD{ width:100%; background-color:#fdd000; background-image:url(images/bg02.gif);}
#HEADD-img{ width:100%; height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-d.png); background-size:cover;}
#HEADE{ width:100%; background-color:#1ad1ff; background-image:url(images/bg03.gif);}
#HEADE-img{ width:100%; height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-e.png); background-size:cover;}
#HEADF{ width:100%; background-color:#1ad1ff; background-image:url(images/bg02.gif);}
#HEADF-img{ width:100%; height:0; padding-bottom:55%; margin:0; overflow:hidden; background:url(images/head-f.png); background-size:cover;}

#CON04{ margin:50px 0; padding:0 50px; width:100%;}
#CON04 h1{ margin:0; padding:0; width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON04 .box{ clear:both; margin:40px 0 0 0; width:100%; overflow:hidden;}
#CON04 .box h3{ margin:0 0 10px 0; font-size:2em; color:#dd2626;}
#CON04 .box p{ line-height:1.6;}
#CON04 .box h4{ display:block; width:40%; margin:10px 0; padding:15px; font-size:1.7em; color:#FFF; background-color:#F00;}
#CON04 .box h4 a{ display:block;color:#FFF;}
#CON04 .box h4 a:hover{ text-decoration:none;}

#CON04 .box .hot-L{ margin:0;
                    padding:0;
					width:60%;
					float:left;
					}
#CON04 .box .hot-R{ margin:0;
                    padding:10px;
					width:40%;
					height:auto;
					float:right;
					background-color:#666;
					border-radius:15px;
					background-color:#F00;
					text-align:center;
					}

#CON05{ margin:50px 0; padding:0 50px; width:100%; overflow:hidden;}
#CON05 h1{ margin:0 0 30px 0; width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON05-L { margin:0; padding:25px; width:100%; height:auto; float:none; border-radius:20px; background-color:#f3f3f3; overflow:hidden;}
#CON05-L .boxL{ margin:0; padding:0; width:20%; float:left;}
#CON05-L .boxL h4{ margin:0; padding:5px; width:95px; font-weight:normal; text-align:center; color:#FFF; background-color:#000;}
#CON05-L .boxR{ margin:0; padding:0; width:80%; float:right; line-height:1.6;}
#CON05-R { margin:20px 0 0 0; padding:25px 20px; width:100%; height:auto; float:none; border-radius:20px; background-color:#f3f3f3; overflow:hidden; text-align:center;}
#CON05-R p{ padding:2px 0; font-size:1.5em;}
#CON05-R a{ text-decoration:none; color:#ff3300;}

/* == 類科頁面end == */

#CON02{ margin:50px 0; padding:0 50px; width:100%;}
#CON02 h1{ width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON02 h3{ margin:40px auto 20px auto; padding:0; width:50%; height:50px; line-height:50px; font-size:1.7em; border-radius:20px; background-color:#ff9900; text-align:center; color:#FFF; font-weight:normal;}
#CON02 p{ padding:30px 0 0 0; font-size:1.3em; line-height:1.6; text-align:center;}
#CON02 .box_desk{  width:100%;}
#CON02 .box_mobile{ width:100%;}

#CON03{ margin:50px 0; padding:0 50px; width:100%;}
#CON03 h1{ width:100%; height:60px; line-height:60px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;}
#CON03 ul{ margin:30px 0; padding:0; width:100%; overflow:hidden;}
#CON03 li{ margin:0 5px 20px 5px; padding:25px; width:100%; float:none; border-radius:20px; background-color:#f3f3f3; overflow:hidden;}
#CON03 li .boxL{ margin:0; padding:0; width:15%; float:left;}
#CON03 li .boxL h4{ margin:0; padding:5px; width:95px; font-weight:normal; text-align:center; color:#FFF; background-color:#000;}
#CON03 li .boxR{ margin:0; padding:0; width:80%; float:right; line-height:1.6;}

#AD01{ clear:both; margin:80px 0 40px 0; padding:0 50px; width:100%;}
#AD01 h1{ width:100%; text-align:center; color:#333;}
#AD01 ul{ margin:40px 0; padding:0; width:100%; overflow:hidden;}
#AD01 li{ margin:0 0 30px 0; padding:0 15px; display:block; width:50%; float:left; text-align:center; display:inline-block;}
#AD01 li h3{ margin:0 auto 10px auto; padding:0; display:block; width:190px; height:40px; line-height:40px; font-size:1.2em; font-weight:normal; border-radius:25px; background-color:#6dad27; color:#FFF;}
#AD01 li h4{ margin:10px 0 0 0; padding:0; font-size:1.3em; color:#333;}
#AD01 li h5{ margin:5px 0; padding:0; font-size:1.2em; color:#6dad27;}
#AD01 li p{ font-size:1.1em;}

#AD02{ margin:0 0 40px 0; padding:0 50px; width:100%; overflow:hidden;}
#AD02 h1{ margin:0; padding:0; display:block; width:100%; padding-bottom:12.7%; height:0; background-image:url(images/image13.gif); background-size:cover; text-indent:-999px; }
#AD02 h3{ padding:10px 0; text-align: center; font-size:1.7em; font-weight:bold; color:#F00;}
#AD02 ul{ margin:0; padding:0 25px; width:100%; }
#AD02 li{ margin:0 auto; padding:0; display:block; width:100%; float:none; font-size:1.5em; letter-spacing:3px; line-height:1.6; text-align:center; }
#AD02 h4{ clear:both; padding:20px 0; text-align: center; font-size:1.2em; font-weight:normal; color:#666;}


#AD03{ margin:0 0 40px 0; padding:0 50px; width:100%; overflow:hidden;}
.AD03-L{ margin:0 auto 20px auto; padding:0; width:50%; min-width:425px; height:100px; float:none; }
.AD03-R{ margin:0 auto; padding:0; width:50%; min-width:425px; height:100px; float:none; }

#OPSP{ display:none; margin:0 50px 40px 50px; padding:20px; width:900px; overflow:hidden; border-radius:20px; border:3px solid #6dad27; overflow:hidden;}
#OPSP h1{ font-size:2em; color:#6dad27; text-align:center;}


/* == 志系班址 == */
#FOOTER{ margin:0px 0px 0px 0px; padding:0; width:100%; background-color:#2b2b2b;}
#FOOTER_box{ margin:0px auto; padding:0px; width:100%; max-width:1000px; overflow:hidden;}
#FOOTER_box_L{ margin:0; padding:0; width:100%; float:none; text-align: center;}
#FOOTER_box_L img{ width:100%; max-width:300px; height:auto;}
#FOOTER_box_R{ margin:0 auto; padding:0 0 10px 0; width:90%; float:none; overflow:hidden;}
#FOOTER_box_R ul{ margin:0px; padding:0; width:100%;}
#FOOTER_box_R li { margin:0px; padding:0 0 5px 0; display:block; width:12%; float:left; font-size:15px; color:#FFF; text-align:center;}
#FOOTER_box_R li a{ text-decoration:none; color:#FFF;}
#FOOTER_box_R li a:hover{ color:#FF0;}

#FOOTER_ad{ clear:both; margin:0; padding:0; width:100%; height:60px ; background-color:#900; font-size:1.2em; color:#FFF; text-align:center; line-height:60px; position:fixed; bottom:0; z-index:888;}
#FOOTER_ad a{ text-decoration:none; color:#FFF;}
#FOOTER_ad a:hover{ text-decoration:underline;}

}


/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
/* == 2016.6.21上方類科選單被移到下面 == */
#TOP{ margin-bottom:60px; width:100%; height:50px; background-color:#686a67; text-align:center; position:relative;}
#MENU{ display:block; margin:0 ; padding:0; color:#FFF; font-size:1.7em; line-height:50px;}
#TOP p{ display:none; font-size:1.2em;  color:#FF0; line-height:50px;}
#TOP span{ margin:0 10px;}
#TOP a{ margin:0 10px;color:#FFF; text-decoration:none;}

#SUBMENU{ display:none; width:100%; position:absolute; top:-380px; z-index:100; background-color:#686a67;}
#SUBMENU ul{ margin:0; padding:20px 0 0 0; width:100%;}
#SUBMENU li{ display:inline-block; margin:0 0 5px 0; padding:0; width:80%; height:40px; line-height:40px; background-color:#000; color:#FFF; border-radius:10px;}
#SUBMENU li a{ display:inline-block; width:80%; height:40px; line-height:40px; text-decoration:none; color:#FFF;}

#HEAD{ width:100%; background-color:#78be2b; background-image:url(images/bg01.gif);}
#HEAD-img{ width:100%;height:0; padding-bottom:55%; margin:0px auto; overflow:hidden; background:url(images/head-L.png); background-size:cover;}

#WRAPPER{ width:100%; min-width:320px; height:auto; overflow:auto;}
#CON01{ margin:20px 0 40px 0; padding:0 5%; width:100%;}
#CON01 h1{ width:100%; height:50px; line-height:50px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF; font-size:1.2em;}
#CON01 .box{ clear:both; margin:20px 0 0 0; width:100%; overflow:hidden;}
#CON01 .box_L{ display:none; margin:0; padding:0; width:30%; float:none; text-align:center;}
#CON01 .box_R{  margin:0 auto; padding:0; width:100%; float:none;}
#CON01 .box_R h3{ margin:0 0 10px 0; font-size:1.7em;}
#CON01 .box_R p{ line-height:1.6;}

/* == 類科頁面 == */
#HEADA{ width:100%; background-color:#fdd000; background-image:url(images/bg02.gif);}
#HEADA-img{ width:100%; padding-bottom:55%; height:auto; margin:0px auto; overflow:hidden; background:url(images/head-a.png); background-size:cover;}
#HEADB{ width:100%; background-color:#1ad1ff; background-image:url(images/bg03.gif);}
#HEADB-img{ width:100%; padding-bottom:55%; height:auto; margin:0px auto; overflow:hidden; background:url(images/head-b.png); background-size:cover;}
#HEADC{ width:100%; background-color:#78be2b; background-image:url(images/bg01.gif);}
#HEADC-img{ width:100%; padding-bottom:55%; height:auto; margin:0px auto; overflow:hidden; background:url(images/head-c.png); background-size:cover;}
#HEADD{ width:100%; background-color:#fdd000; background-image:url(images/bg02.gif);}
#HEADD-img{ width:100%; padding-bottom:55%; height:auto; margin:0px auto; overflow:hidden; background:url(images/head-d.png); background-size:cover;}
#HEADE{ width:100%; background-color:#1ad1ff; background-image:url(images/bg03.gif);}
#HEADE-img{ width:100%; padding-bottom:55%; height:auto; margin:0px auto; overflow:hidden; background:url(images/head-e.png); background-size:cover;}
#HEADF{ width:100%; background-color:#1ad1ff; background-image:url(images/bg02.gif);}
#HEADF-img{ width:100%; padding-bottom:55%; height:auto; margin:0px auto; overflow:hidden; background:url(images/head-f.png); background-size:cover;}

#CON04{ margin:30px 0; padding:0 5%; width:100%;}
#CON04 h1{ margin:0; padding:0; width:100%; height:50px; line-height:50px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF; font-size:1.2em;}
#CON04 .box{ clear:both; margin:20px 0 0 0; width:100%; overflow:hidden;}
#CON04 .box h3{ margin:0 0 10px 0; font-size:1.7em; color:#dd2626;}
#CON04 .box p{ line-height:1.6;}
#CON04 .box h4{ display:block; width:90%; margin:10px 0; padding:15px; font-size:1.4em; color:#FFF; background-color:#F00;}
#CON04 .box h4 a{ display:block;color:#FFF;}
#CON04 .box h4 a:hover{ text-decoration:none;}

#CON04 .box .hot-L{ margin:0;
                    padding:0;
					width:100%;
					float:none;
					}
#CON04 .box .hot-R{ margin:0 auto 20px auto;
                    padding:10px;
					width:90%;
					height:auto;
					float:none;
					background-color:#666;
					border-radius:15px;
					background-color:#F00;
					text-align:center;
					}
#CON05{ margin:40px 0; padding:0 5%; width:100%; overflow:hidden;}
#CON05 h1{ margin:0 0 30px 0; width:100%; height:50px; line-height:50px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF; font-size:1.2em;}
#CON05-L { margin:0; padding:25px; width:100%; height:auto; float:none; border-radius:20px; background-color:#f3f3f3; overflow:hidden;}
#CON05-L .boxL{ margin:0 auto; padding:0; width:100%; float:none; text-align:center;}
#CON05-L .boxL h4{ margin:0; padding:5px; width:95px; font-weight:normal; text-align:center; color:#FFF; background-color:#000;}
#CON05-L .boxR{ margin:0; padding:0; width:100%; float:none; line-height:1.6;}
#CON05-R { margin:20px 0 0 0; padding:25px 20px; width:100%; height:auto; float:none; border-radius:20px; background-color:#f3f3f3; overflow:hidden; text-align:center;}
#CON05-R p{ padding:2px 0; font-size:1.5em;}
#CON05-R a{ text-decoration:none; color:#ff3300;}

/* == 類科頁面end == */

#CON02{ margin:40px 0; padding:0 5%; width:100%;}
#CON02 h1{ width:100%; height:50px; line-height:50px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF;  font-size:1.2em;}
#CON02 h3{ margin:20px auto 20px auto; padding:0; width:60%; height:40px; line-height:40px; font-size:1.3em; border-radius:20px; background-color:#ff9900; text-align:center; color:#FFF; font-weight:normal;}
#CON02 p{ padding:20px 0 0 0; font-size:1.1em; line-height:1.6; text-align:center;}
#CON02 .box_desk{  width:100%;}
#CON02 .box_mobile{ width:100%;}

#CON03{ margin:40px 0; padding:0 5%; width:100%;}
#CON03 h1{ width:100%; height:50px; line-height:50px; border-radius:20px; background-color:#464945; text-align:center; color:#FFF; font-size:1.2em;}
#CON03 ul{ margin:20px 0; padding:0; width:100%; overflow:hidden;}
#CON03 li{ margin:0 5px 20px 5px; padding:25px; width:100%; float:none; border-radius:20px; background-color:#f3f3f3; overflow:hidden;}
#CON03 li .boxL{ margin:0; padding:0; width:100%; float:none; text-align:center;}
#CON03 li .boxL h4{ margin:0 auto; padding:5px; width:95px; font-weight:normal; text-align:center; color:#FFF; background-color:#000;}
#CON03 li .boxR{ margin:0; padding:0; width:100%; float:none; line-height:1.6; text-align:center;}

#AD01{ margin:20px 0; padding:0 5%; width:100%;}
#AD01 h1{ width:100%; text-align:center; color:#333;}
#AD01 ul{ margin:20px 0; padding:0; width:100%; overflow:hidden;}
#AD01 li{ margin:0 0 20px 0; padding:0 15px; display:block; width:100%; float:none; text-align:center; display:inline-block;}
#AD01 li h3{ margin:0 auto 10px auto; padding:0; display:block; width:190px; height:40px; line-height:40px; font-size:1.2em; font-weight:normal; border-radius:25px; background-color:#6dad27; color:#FFF;}
#AD01 li h4{ margin:10px 0 0 0; padding:0; font-size:1.3em; color:#333;}
#AD01 li h5{ margin:5px 0; padding:0; font-size:1.2em; color:#6dad27;}
#AD01 li p{ font-size:1.1em;}

#AD02{ margin:0; padding:0 5%; width:100%; overflow:hidden;}
#AD02 h1{ margin:0; padding:0; display:block; width:100%; height:50px; line-height:50px; background-image:none; background-size:cover; text-indent:0; background-color:#F00; font-size:1.2em; color:#FFF; text-align:center; border-radius:20px; }
#AD02 h3{ padding:10px 0; text-align: center; font-size:1.2em; font-weight:bold; color:#F00;}
#AD02 ul{ margin:0; padding:0; width:100%; }
#AD02 li{ margin:0 auto; padding:0; display:block; width:100%; float:none; font-size:0.9em; letter-spacing:0px; line-height:1.6; text-align:center; }
#AD02 h4{ clear:both; padding:0; text-align: center; font-size:0.8em; font-weight:normal; color:#666;}

#AD03{ margin:20px 0; padding:0 5%; width:100%; overflow:hidden;}
#AD03 img{ width:100%; height:auto;}
.AD03-L{ margin:0; padding:0; width:100%; height:auto; float:none; }
.AD03-R{ margin:0; padding:0; width:100%; height:auto; float:none; }

#OPSP{ display:none; margin:0 50px 40px 50px; padding:20px; width:900px; overflow:hidden; border-radius:20px; border:3px solid #6dad27; overflow:hidden;}
#OPSP h1{ font-size:2em; color:#6dad27; text-align:center;}




/* == 志系班址 == */
#FOOTER{ margin:0px 0px 0px 0px; padding:0; width:100%; background-color:#2b2b2b;}
#FOOTER_box{ margin:0; padding:0; width:100%; overflow:hidden;}
#FOOTER_box_L{ margin:0; padding:0; width:100%; float:none; text-align: center;}
#FOOTER_box_L img{ width:100%; max-width:200px; height:auto;}
#FOOTER_box_R{ margin:0 auto; padding:0; width:80%; max-width:1000px; float:none;}
#FOOTER_box_R ul{ margin:0px; padding:0px; width:100%; display:inline-block;}
#FOOTER_box_R li { margin:0px; padding:0 0 5px 0; display:block; width:33%; float:left; font-size:15px; color:#FFF; text-align:center;}
#FOOTER_box_R li a{ text-decoration:none; color:#FFF;}
#FOOTER_box_R li a:hover{ color:#FF0;}

#FOOTER_ad{ clear:both; margin:0; padding:5%; width:100%; height:60px; line-height:1.6; border-radius:0 ; background-color:#900; font-size:1.2em; color:#FFF; text-align:center; position:fixed; bottom:0; z-index:888;}
#FOOTER_ad a{ text-decoration:none; color:#FFF;}
#FOOTER_ad a:hover{ text-decoration:underline;}

}