body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-image: url(images/bg.png);
		background-repeat: repeat-y;
		background-position:center top;
		transition: background-color .3s;
		/*background-color: #FFF67F;*/
		}
.connect {
position: fixed;
bottom: 108px;
right: 10px;
}
.connect table {	
/*background-color: rgba(0, 0, 0,0.3);*/
border-collapse: separate !important;
border-spacing: 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border-spacing: 5px;
    border-collapse: inherit;
}
.connect td {
background-color: #ff0000;
    color: #FFFFFF;
    font-family: "微軟正黑體";
    padding: 15px 21px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 20px;
    /* font-weight: bold; */
    line-height: 1.3;
    border-radius: 60px;
    cursor: pointer;

}
.connect td:hover{  
background-color:#fff;
color: #ff0000;
font-weight: bold;
border: 3px solid #ff0000;
}
#gotop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 20px;
    border-radius: 42px;
    border: 5px solid #ff0000;
    padding: 20px 13px;
    font-size: 22px;
    font-weight: bold;
    background: rgba(255,255,255,0.8);
    color: #ff0000;
    cursor: pointer;
  }
  /*LINE 課程*/
.dropbtn { 
  margin: 6px 0px 10px 10px;
    background-color:#1dcd00;
    color: #FFF;
    padding: 6px 12px;
    font-size: 18px;
    border: 1px solid #1dcd00;
    border-radius:5px;
    cursor: pointer;
     font-family: "Arial" , "微軟正黑體";
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1dcd00;
    font-size: 16px;
    min-width: 160px;    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  font-family: "Arial" , "微軟正黑體";
    background-color: #1dcd00;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #fff;
}

.dropdown-content a:hover {background-color: #f1f1f1;color:#1dcd00;font-weight: bold; }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    border: 2px solid #1dcd00;
    color: #1dcd00;
    background-color: #fff;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;   
    /*background-color: rgba(30, 33, 133,0.9);*/
    background-color: rgba(0,0,0,0.8);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    font-family:"time new roman" , "微軟正黑體";
}

.sidenav a{
    padding: 12px 10px 12px 32px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-decoration: none;
    font-size:16px;
    color: #fff!important;
    display: block;
    transition: 0.3s;
    
}

.sidenav a:hover, .offcanvas a:focus{
	 color: rgba(255,255,255,1.0);
	 background-color: rgba(0,0,0,0.2);	
	 font-weight: bold;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}
 a:link {color: #333333;text-decoration: none;}
 a:visited{text-decoration: none;color: #333333;}
 a:hover{text-decoration: underline;}
 a:active{ text-decoration: none; }
.red {color: #F00;font-weight: bold; }
.yellow{color: #ff0;font-weight: bold;
}
	.carousel-inner > .item > img,
  	.carousel-inner > .item > a > img {
	 width: 70%;
	 margin: auto;
 }
	.container{
		/*background-color: rgba(48,38,122,0.2);*/
	width: 100% !important;
	text-align: center;
}
.container_2{
	width: 950px!important;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
	.section_1 {
    position: relative;
    padding: 35px 0px !important;            
}
.section_2 {
    position: relative;
    padding: 20px!important;  
    background-color: #F0F0F0;
    margin-right: auto;
    margin-left: auto;        
}
.add td {
     color: #333;
     padding: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     border: solid 0px #F0F0F0;
     cursor: pointer;
     font-size: 15px;
     line-height: 25px;
     text-align: left;
     font-family: "Arial" , "微軟正黑體";
}
.add td:hover{
    background-color: rgba(0,0,0,0.1);
    color: #000;
    border: solid 0px #534992;
}
.line_add {
    border-top: dashed 2px #999;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px !important;         
}
		.font1
			{
		font-family: "新細明體";
		font-size: 15px;
		line-height: 23px;
		font-weight: normal;
			}
		.font1_1
			{
		font-family: "新細明體";
		font-size: 13px;
		line-height: 23px;
		font-weight: normal;
		color:#333333
		}
		.font2
		{
		font-family: "微軟正黑體";
		font-size: 20px;
		line-height: 28px;
		font-weight: normal;
		color: #000000;
		}
		.font3
		{
		padding-top: 120px;
		padding-bottom: 20px;
        color: #0033cc;
		font-weight: bold;
		font-size: 50px;
		line-height: 65px;
		font-family: "Arial Black" , "微軟正黑體";
		text-shadow: 1px 2px 2px #FFF;
		text-decoration: underline;
		}
		.font31
		{
		 color: #0033cc;
		font-weight: bold;
		font-size: 50px;
		line-height: 65px;
		font-family: "Arial Black" , "微軟正黑體";
		text-shadow: 1px 2px 2px #FFF;
		text-decoration: underline;
		}
	.font32 {
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 28px;
	line-height: 42px;
	font-weight: bold;
	color: #0033CC;
	}
	.font32_S {
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 45px;
	line-height: 65px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 0px;
	padding-top: 100px;
	}
	.font4
	{
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 20px;
	line-height: 25px;
	color: #0033CC;
	font-weight: bold;
	letter-spacing: normal;
	 }
	.font41
	{
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 26px;
	line-height: 45px;
	color: #FFFF00;
	font-weight: bold;
	letter-spacing: normal;
	text-decoration: underline;
	text-align: left;
	}
	.font42
	{
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 26px;
	line-height: 36px;
	color: #FFFF00;
	font-weight: bold;
	letter-spacing: normal;
	text-align: left;
			 }
		  .font5
			{
		font-family:"Arial Black" , "微軟正黑體";
		font-size: 18px;
		font-weight: normal;
		color: #666;
		letter-spacing: normal;
			}
			.yellow
			{
				color: #FF0;
			}
			.red
			{
				color: #F00;
				font-weight: bold;
			}
			.font6
			{
		font-family:  "Arial Black" , "微軟正黑體";
		color: #000000;
		font-size: 15px;
		line-height: 30px;
		font-weight: bold;
		text-shadow: 1px 1px 2px #FFF;
		text-decoration: underline;
 }
		.font7{
		font-family:  "Arial Black","微軟正黑體";
		font-size: 18px;
		background-color: #FF4465;
		text-decoration: none;
		padding: 2px;
		color: #FFFFFF;
		font-weight: normal;
			}
			.font8
			{
		font-family: "Arial Black", "微軟正黑體";
		font-size: 26px;
		line-height: 36px;
		font-weight: normal;
		color: #000000;
		text-align: left;
	}
	.font9
	{
	font-family: "Arial Black","微軟正黑體";
	color: #000000;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 15px;
	}
	 .font9_1
	{
	font-family: "Arial Black","微軟正黑體";
	color: #fff;
	font-size: 22px;
	line-height: 36px;
	font-weight: bold;
	text-decoration: none;
	}
		.font12 {
		font-family: "Arial Black" , "微軟正黑體";
		font-size: 28px;
		line-height: 35px;
		font-weight: bold;
		color: #FFFF00;
		text-align: center;
		}
		.font12a {
		font-family: "Arial Black" , "微軟正黑體";
		font-size: 18px;
		line-height: 26px;
		font-weight: normal;
		color: #FFFFFF;
		text-align: left;
		padding-left:8px;
	}
		.font121 {
		font-family: "Arial Black" , "微軟正黑體";
		font-size: 18px;
		line-height: 26px;
		font-weight: normal;
		color: #FFFFFF;
		text-align: center;
	
	}
	  .font21 {
		font-family: "Arial Black" , "微軟正黑體";
		font-size: 30px;
		line-height: 55px;
		font-weight: bolder;
		color: #000000;
		text-align: center;
		text-shadow: 1px 1px 2px #FFF;
		}
	  .font22 {
	color:   #1D2087;
	font-weight: bold;
	font-size: 45px;
	line-height: 55px;
	font-family: "Arial Black" , "微軟正黑體";
	text-shadow: 1px 1px 3px #FFF;
			}
	  .font23 {
	color: #6450f2;
	font-weight: bold;
	font-size: 20px;
	line-height: 32px;
	font-family: "Arial Black" , "微軟正黑體";
	text-shadow: 1px 1px 2px #FFF;
	}
	.top_1 {
		color: #0033cc;
		padding-top: 435px;
		font-weight: bold;
		font-size: 55px;
		line-height: 85px;
		font-family: "Arial Black" , "微軟正黑體";
		text-shadow: 1px 2px 2px #FFF;
		text-decoration: underline;
		text-align: center;
	}
	.other_page td{
		background-color:#B4DF2D;
		color: #ffffff;
		padding: 10px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 50px;
		border: solid 6px #F0F0F0;
		font-weight: bold;
		cursor: pointer;
		font-size: 45px;
		line-height: 55px;
		font-family:"Arial Black" , "微軟正黑體";
	}
	.other_page td:hover{
		background-color: #ffffff;
		border: solid 6px #F0F0F0;
		color: #0033cc;
	}
	.other_page1 {
	    border-collapse:separate !important;
	    border-spacing:20px;
	}
	.other_page1 td{
		background-color: rgba(255,255,255,0.6);
		color: #000000;
		padding: 15px;
		border-radius: 20px;
		border: solid 1px #F0F0F0;
		font-weight: bold;
		font-size: 16px;
		line-height: 24px;
		font-family:"Arial Black" , "微軟正黑體";
		text-shadow: 1px 1px 3px #FFF;
	}
	.other_page2{
		border-collapse:separate !important;
	    border-spacing:20px;
	}
	.other_page2 td{
	background-color: #1D2087;
    color: #ffffff;
    padding: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 20px;
    border: solid 6px #ffffff;
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
    line-height: 32px;
    font-family: "Arial Black" , "微軟正黑體";
	}
	.other_page2 td:hover{
		background-color: #F0F0F0;
		border: solid 6px #000000;
		color: #000000;
	}
	.line{
		border-top: dashed 5px #FFFFFF;
		width:500px;
		margin-left: auto;
		margin-right: auto;
		}
	.line_1{
		border-top: dashed 3px #ffffff;
		width:150px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.line_2{
	border-top: dashed 1px #999999;
	width:365px;
		}
	.line_3{
	border-top: dashed 2px #999999;
	width:650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 25px;
	}
	.line_5{
	border-top: dashed 2px #999999;
	width:600px;
	margin-left: auto;
	margin-right: auto;	
	}
	.other_page38{
	border-collapse:separate !important;
	}
	.other_page38 td {
	  color: #fff;
	  background-color: #B4DF2D;
	  border: solid 5px #f0f0f0;
	  padding: 25px;
	  border-radius: 30px;
	  font-weight: bold;
	  font-size: 35px;
	  line-height: 42px;
	  font-family: "Arial Black" , "微軟正黑體";
	}
	.font10A1 {
	font-size: 18px;
	font-family: "Courier New", "微軟正黑體";
	background-color:#FF0099;
	color: #FFF;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	line-height: 30px;
	padding:3px 3px 3px 3px
	}
   .box{
   	background-color: rgba(255,255,255,0.5);
	padding: 0px;
	font-size: 26px;
	line-height: 38px;
	font-family: "Arial Black" , "微軟正黑體";
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	color: #333;
}
   .box_2{
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #fff;
	background-color: rgba(255,255,255,0.0);
	border-collapse: separate !important;
}
   .box_3{
    padding: 20px 0px 100px 0px;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #fff;
	background-color: rgba(255,255,255,0.8);
	border-collapse: separate !important;
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 20px;
	line-height: 30px;
}
   .spop_t {
   	padding-top: 120px;
   	padding-bottom: 5px;
    color: #0033cc;
	font-weight: bold;
	font-size: 50px;
	line-height: 65px;
	font-family: "Arial Black" , "微軟正黑體";
	text-decoration: underline;
   	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.8);
	border-collapse: separate !important;
}
   .spop {
   	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
   .spop td{
   	padding: 5px;
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 20px;
	line-height: 30px;
}
	.box_6{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 18px;
	line-height:30px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
}
	.box_6 td{
    padding-bottom: 50px;
    padding-top: 50px;
    border-bottom: dashed 1px #ffffff;
    padding-right: 0px;
}
	.box_8 {
	width: 80%;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 20px;
	line-height:28px;
	font-weight: normal;
	color: #333;
	border: 1px solid #999;
}
	.box_8 td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 15px;
	text-align: left;
}
	.box_8 tr:nth-child(2n) {
	background-color: #f0f0f0;
}
	.box_8 tr:nth-child(1n) td:nth-child(1){
	color: #0033CC;
	text-align: center !important;
	font-weight: bold;
	font-size: 26px;
}
   .op {
   	padding-top: 20px;
   	padding-bottom: 35px;
	border-top: solid 2px #f0f0f0;
	border-bottom: solid 2px #f0f0f0;
	background-color: rgba(255, 255, 0,0.2);
	font-family: "Arial Black" , "微軟正黑體";
	font-size: 25px;
	line-height: 36px;
}
    .other_page2_1{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;	
	border-collapse:separate !important;
	border-spacing: 10px;
}
	.other_page2_1 td{
	width:25%;
	background-color: #FFFF00;
    color: #333;
    padding: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:50px;
    border: solid 2px #ffffff;
    font-weight: bold;
    cursor: pointer;
    font-size: 22px;
    line-height: 28px;
    font-family: "Arial Black" , "微軟正黑體";
	}
	.other_page2_1 td:hover{
	background-color: #fff;
	border: solid 2px #0033CC;
	color: #0033cc;
	}
	.other_page2_1 tr:nth-child(2) td:hover{
		background-color: #fff;
		border: solid 2px #0033CC;
		color: #0033cc;
	}
.g_more {
	 width: 100% ;
     margin-left: auto;
     margin-right: auto;
     border: 1px solid #CCC;
     background-color: rgba(255,255,255,0.8);
     text-align:center;
    }
.g_more td {
    background-color: #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    color: #333;
    padding: 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 0px;
    cursor: auto;
    font-size: 20px;
    line-height: 28px;
    font-family: "Arial" , "微軟正黑體";
    }
    .g_more td:nth-child(1){
    	width: 50%;
    }
    .g_more tr:nth-child(1) td{
        background-color: #0033CC;
        color: #FFF;
    }
     .g_more tr:nth-child(2n) td{
        background-color: #ffffcc;
    }
    .g_more ul {
    	margin: 0px;
    }
    .news_t{
    	text-align:left;
        font-size: 20px;
        color: #4E58BD;
        line-height: 36px;
        font-weight: bold;
    }
    button.accordion_1 {
    font-family: "Arial Black" , "微軟正黑體";
    background-color: rgba(16, 194, 204,0.9);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 20px 20px 20px 80px;
    width: 900px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 32px;
    transition: 0.4s;
    border-bottom: 1px solid  rgba(255,255,255,0.8);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    font-weight: bold;
}
/*題目*/
button.accordion {
    font-family: "Arial Black" , "微軟正黑體";
    background-color: rgba(16, 194, 204,0.9);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 20px 20px 20px 80px;
    width: 900px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 32px;
    transition: 0.4s;
    border-bottom: 1px solid  rgba(255,255,255,0.8);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    font-weight: bold;

}

button.accordion.active, button.accordion:hover {
    background-color: rgb(78, 88, 189);
    color: #fff;
    text-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}

button.accordion:after {
    content: '\02795';
    font-size: 16px;
    color: #fff;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    font-family: "Arial Black" , "微軟正黑體";
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    padding:0px;
    background-color: rgba(0,0,0,0.2);
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    font-size: 22px;
    line-height: 32px;
    text-shadow: 0px 0px 0px rgba(255,255,255,0.9);
    margin-bottom: 0px !important;
}

div.panel.show {
    opacity: 1;
    max-height: 2000px;  
/*題目end*/    
}

.carousel-control.right_1 {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left_1 {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    color: black;
    }
.f36{
	font-size: 66px !important;
}
button.more{
	background-color: #ff0000;
	color: #fff;
	padding: 2px 6px;
	border: 1px solid #fff;
	border-radius: 5px;
}
button.more:hover{
	background-color: #fff;
	color: #ff0000;
}