@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote 
{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{margin:3px 0px;padding:3px 0px;}

html{ 
    font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;/* 在 iOS 旋轉手機畫面時鎖定文字不縮放 */
	width:100%;
	height:100%;font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
}
/*top按鈕*/
header .header #TOP,header .header_s #TOP{position:absolute;top:-100px;right:-20px;width:65px;height:65px;cursor:pointer; z-index:999999;}
header{width:100%; background:url(../images/topbg.jpg) no-repeat center top;margin:0 auto; padding:0; position:relative;}
#language{position:absolute;top:10px;right:40px;width:155px;height: auto; color:#FFF;}
#language a{color:#FFF; font-size:14px; text-decoration:none;}
#language a:hover{text-decoration: underline;}
header .header{ width:1000px;height:339px; margin:0 auto; text-align:center;padding:0; position:relative;}
header .header_s{width:1000px; height:279px; /* background:url(../images/topbanner3.jpg) no-repeat center bottom; */margin:0 auto; text-align:center;padding:0;position:relative;}

menu{width:100%; background-color:#196098;z-index:99999;}
menu .menu{ width:900px;margin:0 auto;/*background:url(../images/mubg.jpg) repeat-y left bottom;*/}
menu .menu a{ display:inline-block;margin-top:0px; width:180px; color:#FFF; font-size:22px; line-height:60px; text-align:center; font-weight:bold; text-decoration:none;}
menu .menu a:hover{ color:#FFF; text-decoration:none;background:#ef7b00 /*url(../images/mubgline.jpg) no-repeat center 8px*/;}
menu .menu span{ display:inline-block;margin-top:-5px; width:180px; color:#0086cc; font-size:22px; line-height:60px; text-align:center; font-weight:bold; text-decoration:none;}
menu .menu span.on{ color:#FFF; text-decoration:none;background:#ef7b00 /*url(../images/mubgline.jpg) no-repeat center 8px*/;}

footer{width:100%; color:#FFF;}
footer .footer{ width:900px;margin:0 auto;}
.footerbottom{background:#196098 url(../images/bottombg.jpg) no-repeat center bottom; height:60px; width:100%;}

article{width:100%; min-height:500px;/* background:#0086cc url(../images/bluebg.png) no-repeat center top;*/}
article .mainbox{ width:980px;margin:0 auto; padding:20px; position:relative; margin-top:40px; border:1px solid #afafaf; border-radius:10px;}
article .mainbox .main{ width:100%;margin:0 auto; padding:20px; font-size:16px; color:#333; line-height:150%; position:relative; background-color:#f7f7f7;}
article .mainbox .join{ position:absolute; top:-10px; right:40px; z-index:99;}

.main h1{ color:#136098; font-size:28px; margin:10px 0px;25px 0px;}
.main h1 img { margin-right:10px;}
article .main p{ letter-spacing:1px;/*text-align: justify;text-justify:inter-ideograph;*/}
.classinfobg{ background:url(../images/classinfobg.png) no-repeat center center; width:100%; height:60px; font-size:24px; line-height:60px; font-weight:bold; display:block; text-align:center;}

.classlist{ background-color:#FFF; border-radius:0px; color:#000;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
.classlist td{ padding:10px 10px; font-size:16px; color:#434343;}
.classlist a{color:#f2a500; text-decoration:none;}
.classlist a:hover{color:#f2a500; text-decoration: underline;}
.classlist tr td .link{ color:#000;}
.classlist .day{ font-family:Georgia, "Times New Roman", Times, serif; color:#6bd1de; font-weight:bold; text-align:center;}
.classlist .title{color:#fff; font-weight:bold;background-color:#34bdcf; text-align:center;}
.classlist ul{ margin:0px; margin-left:20px; padding:0; text-align:left; font-weight:normal; font-size:14px;}
.classlist ol{ margin:0px; margin-left:20px; padding:0; text-align:left; font-weight:normal; font-size:14px; list-style:none;}
.suv{ 
background:#1d78ad;.background:#1d78ad;/*IE6/.IE7*/
background:linear-gradient(#11aee3 50%, #1d78ad 100%);
background: -webkit-linear-gradient(#11aee3 50%, #1d78ad 100%);/*Chrome10+,Safari5.1+*/
background: -ms-linear-gradient(#11aee3 50%, #1d78ad 100%);/*IE10+*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11aee3', endColorstr='#1d78ad',GradientType=0);/*IE6-9*/
color:#FFF;border-radius:10px 10px 0px 0px; padding:10px 5px; font-size:18px;text-align:center;font-weight:bold;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4)}
.lunchbg{ background-color:#f2f2f2; text-align:center;}
.classlist em{ font-size:16px; color:#999; font-style:normal; margin-left:-100px;}
.title2{ background-color:#1c7db2;font-size:20px;text-align:center;font-weight:bold; color:#FFF;}
.listline{  border-bottom:2px solid #7fd2dd; }
.listline span{ font-size:90%;}
.font01{
	font-size: 26px;
	color: #73b12a;
	font-weight:bold;

}
.font02{
	font-size: 14px;
	color: #23baef;

}
.font03{
	font-size: 16px;
	color: #ef7b00;

}
.font04{
	font-size: 16px;
	color: #2c7cb4;font-weight:bolder;
}
.star{
	vertical-align:middle;
    padding-top:0px;
	font-size: 20px;
	color: #23baef;
	font-weight:bolder;
}
.main input,.main select{ padding:8px 5px;}
.btn_ok{ font-family:"微軟正黑體", "新細明體", "細明體"; border-radius:6px;}
.top,.top a,.top a:hover{ color:#FFF; font-size:16px; text-decoration:none; margin:20px;}
.article ol{ margin:0px; padding:0px; margin-left:50px;}

.guest{ background-color:#FFF; border-radius: 0px 0px 10px 10px; color:#000;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
.guest td{ padding:10px 10px; font-size:16px; color:#434343;}
.guest a {
	color: #0086cd;
	text-decoration: none;
	font-size: 16px;
}
.guest a:hover {
	color: #0086cd;
	text-decoration: underline;
}
.guest tr td h2 {
	color: #34bdcf;
	margin: 0px;
	font-size:20px;
	padding-bottom: 10px;
}
.guest .suv td{ color:#FFF;}
.mainbox .main div .guest tr td ol>ul{ padding-left:0px;}
.mainbox .main div .guest tr td ol{ padding-left:25px;font-size:90%;}
.hrStyle {
	border: 1px dashed #eee;
}
.main h2{ color:#F90; font-size:18px;}
.main h2 span{font-size:14px; color:#666; font-weight:normal; padding-left:20px;}

.bkbg{padding:3px 10px; background:#34bdcf; color:#FFF; margin-right:10px; border-radius:6px;}