/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust:100%;/*避免ios用戶字體自動放大*/
	font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	width:100%;

    background-attachment: fixed;
	background-repeat:no-repeat;
	background-position: center top;
	}

ul{ list-style:none;}
li{ list-style:none;}
/*圖片切換*/
.pic{
	width:1200px;
	margin:0 auto;
	padding:0;
	text-align:center;}
	
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}


/*刊頭滿版背景*/


.headeroutside{width:100%;   
	background-attachment: fixed;
	background-color: #e6e6e6;

	background-repeat:no-repeat;
	background-position: center top;}
/*桌機刊頭*/
#header{
	width:100%;
	margin:0 auto;}
/*手機刊頭*/
#header-m{
	width:0;
	height:0;
	overflow:hidden;}
/*內容滿版背景*/

.contentoutside2{
		width:100%;
    background-attachment: fixed;
	
	background-color: #adc5e3;
	background-repeat:no-repeat;
	background-position: center top;
}
.contentoutside3{	width:100%;
    background-attachment: fixed;
	
	background-color: #e6e6e6;
	background-repeat:no-repeat;
	background-position: center top;
}
.contentoutside4{
		width:100%;
    background-attachment: fixed;
	background-color: #FBE1D7;
	background-repeat:no-repeat;
	background-position: center top;
}

.contentoutside5{	width:100%;
    background-attachment: fixed;
	background-image:url("../images/v_bg2.png");
	background-color: #E2E1D0;
	background-repeat:no-repeat;
	background-position: center top;
}

/*桌機內容*/
.content{
	width:100%;
	max-width:1500px;
	margin:0 auto;
	padding:0;
	text-align:center;}
.cont02{
	
		
	}
.content2{
	width:100%;max-width:1500px;

	margin:0% auto;border-radius: 20px;
	padding:0%;
	text-align:center;}

	
ul{ list-style:none; }
.maxw img{max-width:980px;}
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:980px; }
.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/


.TOP-WEB {
	text-decoration:none;
    color:  #FF3;
    font-size: 25px;
    text-align:center;
    background-color:#000;
}



.Stay{  
	text-align:center; 
	margin:0 auto;
	padding:2% auto;
	font-size: 30px;
}

.footer {
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #FF9;
	background-color: #000;
	text-align:center;
    padding:0 auto;
	margin:0 auto;
}
.footer2 {
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #FFF;
	background-color: #000;
}
.footer3 {
	font-family: "微軟正黑體";
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
}

.red{ color: #C00E11; 
    font-weight:bold;}
.red2{ color: #C00E11;font-weight:bold;}
.yel{ color: #C9BC9C; font-size:30px; 
    font-weight:bold;}
.mark{ color: #C00E11; font-size:24px; 
    font-weight:bold;}
.gr{ color: #47AC93; font-size:28px; 
    font-weight:bold;}
.text-orange{color:#eb7624;font-size:24px;font-weight:bold;}
.pale-orange,.hover-pale-orange:hover{color:#5F5479!important;background-color:#FCF2E9!important}
.black{ color: #000; font-size:24px; }




/* == 桌機版 ============================================================================= */


.desktopTable{width:100%; max-width:1500px; padding:2%; margin:0% auto;
	    font-size:2em; 	   
	}

.text1{ font-size:30px;  padding:1%;color: #000; 
}











.button_slide {
	width:50%;
  background-color:#ED5A24;
  text-align:center;
  padding: 1% 1% 1% 1%;
   margin: 1% 1% 6% 1%;
  display: inline-block;
  font-size: 28px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #1675ED;
  -webkit-transition: ease-out 10s;
  -moz-transition: ease-out 0.5s;
  transition: ease-out 0.5s;
  border-radius:40px;
  font-weight:bold;

	
}
.slide_right:hover {
  box-shadow: inset 200px 0 0 #2156B4;
  color:#fff;
  
}
.slide_right a{  color:#F5EFEF;
	display:block;
	text-decoration:none;
	}



/*選單*/
.menu{ 
    padding:2% 0 0 0; 
	width:100%;
    background-color:rgba(239,237,223,0.8);
	text-align:center;
    position:fixed;
	top:0;
	z-index:1;
	}
.menu h2{
    font-size:1.8em; 
	line-height:1.6;
	color:#000;
	}
.menu ul{
	margin:0 auto; 
	width:1200px; 
	list-style:none;
	}
.menu li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:30%; 
	}
.menu li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:6px; 
	background:#C30D23;
    font-size:2em; 
	line-height:60px; 
	text-decoration:none; 
	color:#FFFFFF;
	transition:0.5s;
	}
.menu li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}


.box{
   	margin:0 auto;
	padding:0;
    max-width: 1200px;
	overflow: hidden;
   }
.box ul{
    list-style: none;}
.box ul li{
    float: left;
    width: 32%;
    padding: 1%;
    display: block;
	 transition:0.5s;}
.box ul li:hover{
    float: left;
    width: 32%;
    padding: 1%;
    display: block;
	transform:scale(0.95,0.95);}




.sel{
	width:100%;max-width:1500px;
       padding:1% 1%;
    overflow: hidden;
	margin:0 auto;
}
.sel li{
	width:100%; 
	
margin:2% 1%;
box-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
float:left;
 transition:0.5s;

	}
 


.sel li:hover{
	transform:scale(0.95,0.95);
transition:0.5s;



}


/*nav*/
nav{padding: 10px 0;
	display:flex;justify-content: center;background: #333399;
	z-index:1;
	width:100%;
	position:fixed;
}
nav ul{display:flex;
	justify-content: space-between;
	width:1000px;
	max-width:1200px;
	padding: 1% 0;
}
nav ul li a{font-size: 26px;
	font-weight: bold;
	color: #fff;text-decoration: none;position: relative;}

nav ul li a::after{content: '';background: #fff;height: 2px;width: 0;position: absolute;bottom:0;left: 51%;transition: all .5s;}

nav ul li i{color:#fff;animation: upDown 1s linear infinite;}
@keyframes upDown{
0%{transform: translateY(0px);}
25%{transform: translateY(-5px);}
75%{transform: translateY(5px);}
100%{transform: translateY(0px);}
}
nav ul li a:hover i{animation: none;}
nav ul li a:active::after{left: 0;width: 100%;}uto;}
nav ul a i{animation: none;}


/*按鈕*/
.bt2 {
 transition:0.5s;
	}
.bt2:hover{
	transform:scale(0.95,0.95);}	




/*連結*/
.car5{	
	width:100%;
	margin:0% auto;}
.car5 li{

background: -webkit-linear-gradient(180deg, rgb(255, 184, 33), rgb(237, 114, 8));
background: linear-gradient(180deg, rgb(255, 184, 33), rgb(237, 114, 8));
0
color:#fff;
     margin:2% 1%;
	width:20%;
    padding:1%;
	font-size:28px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:40px;
text-shadow:1px 1px 3px #000;
	transition:0.5s;}
.car5 li a{	
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li:hover{
text-shadow: 1px 1px 2px black;
	transform:scale(0.95,0.95);}

.car5 li2{



background: -webkit-linear-gradient(180deg, rgb(0, 213, 255), rgb(27, 190, 213));
background: linear-gradient(180deg, rgb(0, 213, 255), rgb(27, 190, 213));

color:#fff;
     margin:2% 1%;
	width:20%;
    padding:1%;
	font-size:28px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:40px;
text-shadow:1px 1px 3px #000;
	transition:0.5s;}
.car5 li2 a{	
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li2:hover{
text-shadow: 1px 1px 2px black;
	transform:scale(0.95,0.95);}


/*浮動連結*/
  div#social-address{
        position:fixed; bottom:50%; left:0; z-index:1000!important;box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
        font-family: '微軟正黑體'; font-size: 16px!important;text-align: center;
    }
    div#social-address .social-btn{color:white;padding: 16px 8px;cursor: pointer; display: block;}
    div#social-address a{color: inherit;text-decoration:none;}
    div#social-address p{margin:0;}
    div#social-address a:hover,div#social-address .social-btn:hover{-webkit-filter:brightness(60%) contrast(150%);    -o-filter:brightness(60%) contrast(150%);    filter:brightness(60%) contrast(150%);}
    div#social-address img {    width: 1em;    padding: 0 0 0.25em 0;}
    div#social-address .mlu{ background-color:#304E8E;}
    div#social-address .mline{ background-color:#29A339; }
    div#social-address .social-btn.mline{position: relative;}
    div#social-address #social-address-lines{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color: #29A339;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 7em;
        display: inline-table;
    }
    div#social-address #social-address-lines a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines a:hover{background: #ededed;}
    div#social-address #social-address-lines p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines a:last-child p{border-bottom: none;}
	



div#social-address .mline2{ background-color:#304E8E; }
    div#social-address .social-btn.mline2{position: relative;}
    div#social-address #social-address-lines2{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color:#304E8E;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 7em;
        display: inline-table;
    }
    div#social-address #social-address-lines2 a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines2 a:hover{background: #ededed;}
    div#social-address #social-address-lines2 p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines2 a:last-child p{border-bottom: none;}	

	


	/* ==三大優勢-點選滑出資訊== */
.con02{
	width:100%;
    height:auto;
	padding:1% 0;
	overflow:hidden;
	}

.course_wrapper ul{
	margin:0;
    padding:0 1%;
	overflow:hidden;
	}
.course_wrapper li{
	float:left;
    margin:1%;
	width:30%;
	}
.course{
	width:100%;
    margin:0 auto;
	}
.course .bt{
    width:100%;
	padding:1%;
	background-color:#FF6633;
	border-radius:0px 40px 0px 0px;
	cursor:pointer; /*將箭頭滑鼠指標改成手指*/
	text-align:center;
	}
.course .bt img{
	width:100%;
    max-width:300px;
	height:auto;
	text-align:center;
	}

.course .bt2{
    width:100%;
	padding:1%;



	}
.course .bt2 img{
	width:100%;
    max-width:350px;
	height:auto;
	text-align:center;
	}



.course .bt h4{
	margin:0;
    padding:0;
	font-size:2.1em;
	color:#FFF;
	font-weight:normal;
	}
.course .course_box{
	margin:0;
    padding:2% 3%;
	width:100%;
	background:#fff;
	overflow:hidden; 
    border-radius:0px 0px 0px 40px;
	}
.course .course_box h5{
	padding:10px 0;
    font-size:1.3em;
	color:#191B46;
	text-align:left;
	font-weight:normal;}
#box_1, #box_2, #box_3, #box_4, #box_5{ display:none;}/*預設隱藏*/
/*老師輪播*/
.teacherSwiper {
    padding-bottom: 3em;
    background: #fff;
    /*width: calc(100vw);*/
    /*padding-right: 5em;*/
}
:root {
    --swiper-theme-color: #ede6cf;
}
.teacherSwiper .swiper-slide .border-goldenrod,#a08 .bordered{
    border: 0.3rem solid;
    border-image: linear-gradient(to right,#fff,#e5f9f7)10/0.3rem;
    text-align: center;
    padding-top: 7em;background: linear-gradient(to right,#60BEFB,#92C3CB);color: #000;
}
.teacherSwiper .swiper-slide:nth-child(odd) .border-goldenrod{
    color: #fff;
    background: #333399;}
.teacherSwiper .swiper-slide .border-goldenrod .top-0{top: 0.5em!important;line-height: 1.4;font-size: 1.1em;}
.teacherSwiper .swiper-scrollbar{

}

#a02-3.bordered{
    border: 5em solid #eee6cf;
    border-width: 1em 4em;
    border-image: url(../images/index-02_2-border.png)220/6em/0.5em 2.5em 0;
    padding: 0;
}
#a02-3>.row-cols-2>.col:nth-child(2){
    border-left: 0.125em dashed #40220f;
    width: calc(50% + 0.75em);
    padding-left: 1.5em;
    margin-left: -1em;
    margin-right: -1.5em;
}
#a02-3 span.col{
    width: 6em;
    flex: auto;
}
#a02-3 .border-goldenrod{
    border: 0.2rem solid;
    border-image: linear-gradient(to right,#e5da9c 15%,#ede6cf 30%,#e5da9c 60%,#FFF 74%,#ded192 89%)10/0.2rem;
    display: inline-block;
    padding: 0.25rem;
    box-shadow: 0.125em 0.125em #00000055;
    text-align: center;
}
#a02-3 .border-goldenrod.pale-brown{background: #FFCC33; width: 6em; }
#a02-3 .border-goldenrod.blue{background: #009999;padding: 0.25em 0.125em;}







.stroke-brown,.hover-stroke-brown:hover{color:#FFF;text-shadow: 0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000;}
.text-brown,.hover-text-brown:hover{color:#fff!important}
.font2{width: 10em; margin-right: -2em;}
.btn.cube .position-absolute{z-index: 2;opacity: 1;}
.stroke-white,.hover-stroke-white:hover{color:#000;text-shadow: 0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff;}




/* == 表格 == */
.table{	
    margin:0 auto;
	padding:1% 1%; 
	width:100%; word-break:break-all; 
	
	}
.table .box{ 
    margin:0 auto;
	width:1500px; 
	text-align:center;
	}
.table .box h2{ font-size:3em;}
.table .box table{ 
    margin:1%; 
	width:100%; 
	border:none; 
	border-collapse:collapse; /*表格欄位邊框合併*/
	font-size:2em;
	}
.add0 { color: #fff100; 
    font-weight:bold;}
.add { color: #FF6633; 
    font-weight:bold;}

.add2 { color: #3366FF; 
    font-weight:bold;}
.add3 {font-size:0.6em; font-weight: normal;}
.add4{background-color:#3366FF;color:#fff;}
.table .box td.En{background-color:#333399;color:#fff; font-weight:bold;font-size:1.3em;}

.table .box td.EN-US{ background-color:#FF6600;color:#fff; font-weight:bold;}
.table .box td.EN-US:hover {background-color:rgba(247,100,15,0.69);}

.table .box td.EN-US2{ background-color:#4653E3;color:#fff; font-weight:bold;}
.table .box td.EN-US2:hover {background-color:rgba(77,90,241,0.89);}


.table .box tr{ border-bottom:1px dashed #ccc;} /*表格列設定*/
.table .box tr.A{ background-color:#FF6600;color:#fff; font-weight:bold;}
.table .box tr.A:hover {background-color:rgba(247,100,15,0.69);}

.table .box tr.B{ background-color:#FFFFCC;}
.table .box tr.B:hover{ background-color:#FFFF99;}

.table .box tr.C{ background-color:#FFFFFF;}
.table .box tr.C:hover{ background-color:#F9ECD4;}

.table .box td.D{ background-color:#FFFFCC;color:#FF6600; font-weight:bold;}
.table .box td.D:hover{color:#FFFFCC;background-color:#FF9966;}

.table .box td.E{ background-color:#FFFFCC;color:#3091F8; font-weight:bold;}
.table .box td.E:hover{color:#FFFFCC;background-color:#7CC7F7;}
.table .box tr.F{ background-color:#FFFFFF;}
.table .box tr.F:hover{ background-color:#E3F6F9;}


.table .box td.G{ background-color:#FFFFCC;color:#64B13F; font-weight:bold;}
.table .box td.G:hover{color:#FFFFCC;background-color:#90D069;}
.table .box tr.H{ background-color:#FFFFFF;}
.table .box tr.H:hover{ background-color:#E2F4CD;}



.table .box tr:first-child{ border-top:1px dashed #ccc;}
.table .box td{ border-right:1px solid #999; padding:1% 2%; }/*表格資料設定*/
.table .box td:first-child {border-left:1px solid #999;} 



#a03_1 .white.border-orange ul{max-width: 70%;list-style: "● ";}
.hvr_card {
    position: relative;color:#FF6600;
    margin:1em auto;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0.25em 0.25em 0.75em #00000033;
    background: url("../images/v_03_1.png")center/100% 100% no-repeat!important;
    aspect-ratio: 1 / 1;
}
.hvr_card:hover{
    background-color: #F17B35;
    transform: translate3d(0,0,1em)scale(1.1);
    box-shadow: 0.75em 0.75em 0.5em 0em #000000bb;
    border: 0.1rem solid #ffffff55;
}
.hvr_card.active ,.hvr_card:hover{animation: none;}
.hvr_card .course {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.hvr_card .course>* {
    width: 100%;
    transition: .5s;
    line-height: 1;
    margin: 0;
    position: 0;
}
.hvr_card:hover .course ,.hvr_card.active .course {
    
}
.hvr_card .details {
    position: absolute;
    bottom: -0.2rem;
    left: 0%;
    width: 100%;
    height: 30%;/*100%*/
    background: rgba(249,230,39,0.39);; 
    transition: .5s;
    transform-origin: bottom;
    bottom: -100%;
}
.hvr_card:hover .details ,.hvr_card.active .details {
    bottom: 0%;
    filter: drop-shadow(0.25rem 0.25rem 0.5em #A0000022);
}
.hvr_card .details .center {
    padding: 0.25em 1em ;
    text-align: center;
    position: absolute;
    top: 0.5em;
    top: 70%;
    transform: translateY(-50%);
}


/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
	
.stroke-brown.text-shadow{text-shadow: 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000, 0 0 0.15rem #000,; }
.text1{ font-size:24px;  padding:1%;
}
 #a02-3 .border-goldenrod.blue{font-size: 2em;}
	
.button_slide {
	width:60%;
  background-color:#ED5A24;
  text-align:center;
  padding: 1% 1% 1% 1%;
   margin: 1% 1% 6% 1%;
  display: inline-block;
  font-size: 20px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #1675ED;
  -webkit-transition: ease-out 10s;
  -moz-transition: ease-out 0.5s;
  transition: ease-out 0.5s;
  border-radius:40px;
  font-weight:bold;

	
}
.slide_right:hover {
  box-shadow: inset 200px 0 0 #2156B4;
  color:#fff;
  
}
.slide_right a{  color:#F5EFEF;
	display:block;
	text-decoration:none;
	}


.content{
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}
.cont02{
	
padding:6% 5%;
	}	

.sel{
	width:100%;
       padding:1% 1%;
    overflow: hidden;
	margin:0 auto;
}
.sel li{
	width:98%; 
	
margin:2% 1%;

     float:left;
 transition:0.5s;

	}
 
.desktopTable{width:100%;  padding:2%; margin:0% auto;
	    font-size:1em; 	   
	}

	
	/*圖片切換*/
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}
	
#header{
	width:0;
	height:0;
	overflow:hidden;}
	
/*手機刊頭*/
#header-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}	
	

body{
	background-position:60% 18%;
	background-size: 150%;}    



ul{
    list-style: none;
}

.box{
	   padding:0; 
	margin:0 auto; 
	width:100%;
	text-align:center; 
}
.box ul{
margin:2% auto; 
	width:100%; 
	list-style:none;; 
	
    }
.box ul li{
       display:inline-block; 
	margin:0 auto; 
	padding:0 2% 2% 2% ; 
	width:32%; 
	text-align:center; 
	 transition:0.5s;}
	
.box ul li:hover{
	transform:scale(0.95,0.95);}


	/* ==三大優勢-點選滑出資訊== */
.con02{
	width:100%;
    height:auto;
	padding:1% 0;	
	overflow:hidden;
	}

.course_wrapper ul{
margin:0;
    padding:0 1%;
	overflow:hidden;
	}
.course_wrapper li{
	float:left;
    margin:1% 1%;
	width:48%;
	}
.course{
	width:100%;
    margin:0% auto;
	}
.course .bt{
    width:100%;
	padding:1% 1%;	
	background-color:#FF6633;
	border-radius:0px 40px 0px 0px;
	cursor:pointer; /*將箭頭滑鼠指標改成手指*/
	text-align:center;
	}
.course .bt img{
	width:100%;

	height:auto;
	text-align:center;
	}
.course .bt h4{
	margin: 1% 0;
    padding:0;
	font-size:1.5em;
	color:#FFF;
	font-weight:normal;
	}
.course .course_box{
	margin:0;
    padding:10px 20px;
	width:100%;
	background:#fff;
	overflow:hidden; 
    border-radius:0px 0px 0px 40px;
	}
.course .course_box h5{
	padding:10px 0;
    font-size:1em;
	color:#191B46;
	text-align:left;
	font-weight:normal;}
#box_1, #box_2, #box_3, #box_4, #box_5{ display:none;}/*預設隱藏*/
	
    
/*選單*/
.menu{ 
    padding:2% 0 0 0; 
	width:100%;
	text-align:center;  
	}
.menu h2{
    font-size:1.8em; 
	line-height:1.6;
	color:#000;
	}
.menu ul{
	margin:0 auto; 
	width:100%; 
	list-style:none;
	}
.menu li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:30%; 
	}
.menu li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:6px; 
	background:#C30D23;
    font-size:0.8em; 
	line-height:30px; 
	text-decoration:none; 
	color:#FFFFFF;
	transition:0.5s;
	}
.menu li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}
    

 	/*nav*/
.nav{width: 100%;
	z-index:1;
	padding:1% 0 1% 0;
	}
nav ul{width: 100%;
	margin: 0 auto;
	padding: 1% 0;
	justify-content: space-between;
	}
nav ul li a{font-size: 16px;
	vertical-align:middle;}	
nav{padding:1% 0;
	height: 50px;
	}
nav ul li{margin: 0 auto;
	text-align: center;
padding: 0 0 2% 0;
	margin:  0 auto;
	}

nav ul a i{animation: none;}	
 /*按鈕*/

.btn{ 
    padding: 0 0 5% 0; 
	width:100%;
	text-align:center;  
	}
.btn h2{
    font-size:1.8em; 
	line-height:1.6;
	color:#000;
	}
.btn ul{
	margin:0 auto; 
	width:100%; 
	list-style:none;
	}
.btn li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:30%; 
	}
.btn li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:50px; 
	background:#C30D23;
    font-size:1.2em; 
	line-height:40px; 
	text-decoration:none; 
	color:#FFFFFF;
	transition:0.5s;
	}
.btn li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}   



/*連結*/
.car5{	
	width:100%;
	margin:0% auto;}
.car5 li{

background: -webkit-linear-gradient(180deg, rgb(255, 184, 33), rgb(237, 114, 8));
background: linear-gradient(180deg, rgb(255, 184, 33), rgb(237, 114, 8));

color:#fff;
     margin:2% 1%;
	width:99%;
    padding:1%;
	font-size:26px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:40px;
text-shadow:1px 1px 3px #000;
	transition:0.5s;}


	
.car5 li a{	
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li:hover{
text-shadow: 1px 1px 2px black;
	transform:scale(0.95,0.95);}
.car5 li2{

background: -webkit-linear-gradient(180deg, rgb(0, 213, 255), rgb(27, 190, 213));
background: linear-gradient(180deg, rgb(0, 213, 255), rgb(27, 190, 213));
color:#fff;
     margin:2% 1%;
	width:99%;
    padding:1%;
	font-size:26px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:40px;
text-shadow:1px 1px 3px #000;
	transition:0.5s;}	
	
.car5 li2 a{	
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li2:hover{
text-shadow: 1px 1px 2px black;
	transform:scale(0.95,0.95);}

/* 各班連結 */
	
.fram{ width:100%; margin:0 auto 18%; text-align:center;overflow:hidden;}
	
.bn3{ width:100%; margin:0% auto;text-align:center; }
.bn3 ul{list-style:none; text-align:center;width:100%;
	

	}

.bn3 li a{display:block;color:#FFFFFF;text-decoration:none;list-style:none; 	}
.bn3 li{display:inline-block; width:40%; font-size:1.5em; font-weight:bold; text-align:center; color:#000;border:1px solid  #000;     padding: 1%;}
.box1{ width:100%;overflow:hidden; text-align:center;
	
	
	}
.box2{ width:48%;float:left; font-size:1em; color: #000; background-color:#33CCCC; text-align:center; list-style:none;  border-radius:40px; }
.box3{ width:80%; font-size:1em; color: #000; background-color:#66CC33;  text-align:center;list-style:none;   border-radius:40px; }
.box2 a:hover{display:block;background-color:#006666;border-radius:40px; }
.box3 a:hover{display:block;background-color:#336600;border-radius:40px; }

.bn3 li:hover{
	transform:scale(0.95,0.95);
transition:0.5s;}

	/* == 表格 == */

.table{	
    margin:0 auto;
	padding:1% 1%; 
	width:100%;
	
	}
.table .box{ 
    margin:0 auto;word-wrap:break-word;
	width:100%;; 
	text-align:center;padding:1% 1%; 
	}
.table .box table{ 
    margin:1%; 
	width:100%; 
	border:none; 
	border-collapse:collapse; /*表格欄位邊框合併*/
	font-size:1.4em;
	}
	
	
.bo3{
	   padding:0; 
	margin:0 auto; 
	width:100%;
	text-align:center; 
}
.bo3 ul{
margin:0% auto; 
	width:100%; 
	list-style:none;
	
    }
.bo3 ul li{
       display:inline-block; 
	margin:0 auto; 
	padding:3% 1% ; 
	width:45%; 
	text-align:center; 
	 transition:0.5s;}
	
.bo3 ul li:hover{
	transform:scale(0.95,0.95);}
	
	
/*浮動	連結*/
div#social-address{ width: 100%;bottom: 0;content: "";display: inline-block;clear: both; }
    div#social-address .social-btn{ display: block;float: left;width: 49.99%;padding: 8px 0;}
    div#social-address img {    width: 1em;    padding:0.25em 0.25em 0 0;}
    div#social-address br{display: none;}
    div#social-address .mlu{display: inline-block; }
    div#social-address #social-address-lines{width: 100%;top:initial;bottom:100%;left: 0;}
 
     div#social-address #social-address-lines2{width: 100%;top:initial;bottom:100%;left: 0;}  

   
    } 
    
    
    }