@CHARSET "UTF-8";
hr {
display:block;
border:0px;
border-top:0.5px solid #ececec;
margin:0em 0;
padding:0;
border-top:0.5px solid #ececec;
}
div {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
font {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
input {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
select {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
option {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
span {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
p {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
nav {
background-color:#fff;
color:#fff;
display:block;
z-index:1;
}
img{
color:#fff;
}
.k {
width:240px;
height:auto;
float:left;
margin:0;
padding:0;
background-color:#fff;
}

.k>li {
margin:0;
width:auto;
height:auto;
list-style-type:none;
}
.kd {
margin:0 auto;
height:auto;
width:100%;
padding-top:0;
padding-bottom:40px;
text-align:center
}
.kd>span {
display:inline-block;border:1.0px solid #000;padding:4px;height:30px;line-height:22px;margin-right:4px;margin-bottom:4px;font-size:11px;color:#000;
}
.small_logo {
height:12px;
width:12px;
}
.middle_logo {
height:24px;
width:24px;
padding-top:7px;
}
#hm_logo {
	font-weight:bold;font-size:24px;border-radius:6px;border:1px solid #d40000;color:#d40000;padding-left:8px;padding-top:2px;padding-right:8px;padding-bottom:0px;
	float:left;margin-top:19px;margin-left:55px;height:36px;width:auto;
	}

.hm_div {
margin:0 auto;
margin-top:0px;
max-height:80px;
height:80px;
line-height:80px;
width:auto;
position:absolute;
left:50%;
transform: translate(-50%,0);
text-align:center;
background-color:transparent;

}
.hm_div>img{
float:left;
margin-top:25px;
cursor:pointer;width:30px;height:30px;line-height:30px;
}

.header_lang_div { 
max-height:80px;
height:80px;
line-height:80px;
width:auto;
float:right;
padding-left:6px;
margin-top:0px;
}
.header_lang_div>a:nth-child(1) {
width:auto;
height:80px;
line-height:80px;
padding-right:12px;
cursor:pointer;
text-align:center;
color:#000;
vertical-align:middle;
}
.header_lang_div>a:nth-child(2) {
width:auto;
height:80px;
line-height:80px;
padding-right:12px;
cursor:pointer;
text-align:center;
color:#000;
vertical-align:middle;
}
.header_lang_div>a:nth-child(3) {
width:auto;
height:80px;
line-height:80px;
padding-right:12px;
cursor:pointer;
text-align:center;
color:#000;
vertical-align:middle;
}
.header_lang_div>a:nth-child(4) {
width:24px;
height:80px;
line-height:80px;
margin-right:12px;
cursor:pointer;
text-align:center;
color:#000;
vertical-align:middle;
}
.header_lang_div>a:nth-child(5) {
width:24px;
height:80px;
line-height:80px;
margin-right:12px;
cursor:pointer;
text-align:center;
color:#000;
vertical-align:middle;
}
.header_lang_div>a:nth-child(6) {
width:24px;
height:80px;
line-height:80px;
margin-right:8px;
cursor:pointer;
text-align:center;
color:#000;
vertical-align:middle;
}
.hs0 {
color:#000;
font-size:14px;
}

.hs0:hover>a {
color:#fff;
}

.hs1 {
color:#fff;
font-size:14px;
}

.header_time_span0 {
color:#000;
font-size:14px;
}

.header_member {
float:right;
height:0px;
width:100%;
background-color:transparent;
}

.header {
height:120px;
width:100%;
background-color:#fff;
}

.message_circle {
display:inline-block;
height:20px;
width:20px;
padding-left:1px;
line-height:20px;
border-radius:10px;
text-align:center;
background-color:#ff0000;
color:#fff;
}

.cs {
background-image: url('image/cs24.png');
background-repeat: repeat-x;
position:fixed;
bottom:0;
right:0;
margin-right:17px;
z-index:100;
width:114px;
height:273px;
background-image: url('image/cs24.png');
background-repeat: repeat-x;
position:fixed;
bottom:0;
right:0;
display:none;
margin-right:17px;
z-index:100;
width:114px;
height:273px;
}
.mul2{
padding-left:20px;
padding-top:20px;
overflow: auto;
width:100%;
height:calc(100% - 140px);
}
.mul2>div {
margin:0;
width:100%;
height:50px;
}
.login_div2{
cursor:pointer;text-align:center;width:calc(100% - 32px);height:40px;line-height:40px;margin-left:20px;margin-right:12px;border-radius:6px;border:1px solid #d40000;color:#d40000;font-size:20px;position:absolute;bottom:8px;
}
.hm{
height:80px;width:100%;
}

.k2 {
width:240px;
height:auto;
float:left;
margin:0;
padding:0;
background-color:#fff;
}

.k2>li {
margin:0;
width:auto;
height:auto;
list-style-type:none;
}


a { color:#000;text-decoration:none;border:0;outline:none } a:hover { color:#999 } * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-text-size-adjust:none } html, body { height:100%;overflow:hidden } 

#drawer-toggle { position:absolute;opacity:0 } #drawer-toggle-label { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:0;height:60px;width:43px;display:block;position:fixed;background:#transparent;z-index:1;padding-left:13px;margin-left:0px;padding-top:12px } #drawer-toggle-label:before { z-index:11;content:'';display:block;position:absolute;height:5px;width:30px;background:#000;left:0;top:25px;margin-left:13px;box-shadow:0 10px 0 #000, 0 20px 0 #000 } #drawer { z-index:99999;position:fixed;top:0;left:-300px;height:100%;width:300px;background:#fff;overflow-x:hidden;overflow-y:hidden;padding:0;padding-top:0px;padding-left:0px;z-index:11;display:block } #tutor-content { margin:0 auto;width:100vw;height:calc(100% - 0px);overflow-x:hidden;} #drawer-toggle:checked ~ #drawer-toggle-label { height:100%;width:calc(100% - 300px) } #drawer-toggle:checked ~ #drawer { left:0 } #drawer-toggle:checked ~ #drawer-toggle-label, #drawer-toggle:checked ~ header { left:300px } #drawer ul { list-style-type:none;display:table } #drawer ul li div { background-color:transparent;width:100%;height:42px;border-style:solid;padding-left:0px;border-width:0;border-color:#000;display:table-cell;vertical-align:middle } #blank_div { width:100%;height:50px } #drawer-toggle-img{height:35px;width:35px;display:block;position:absolute;background:transparent;z-index:1;margin-left:13px;top:21px;} 

@media screen and (max-width:600px) {
hr {
display:block;
border:0px;
border-top:0.5px solid #ececec;
margin:0em 0;
padding:0;
border-top:0.5px solid #ececec;
}
div {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
font {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
input {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
select {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
option {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:14px;
}
span {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
p {
font-family:Microsoft JhengHei, Helvetica, sans-serif;
font-variant:normal;
font-size:16px;
}
nav {
background-color:#fff;
color:#999;
display:block;
}
.k {
width:300px;
height:auto;
float:left;
margin:0;
padding:0;
background-color:#fff;
}

.k>li {
margin:0;
width:auto;
height:auto;
list-style-type:none;
}
.kd {
margin:0 auto;
height:auto;
width:100%;
padding-top:0;
padding-bottom:40px;
text-align:center
}
.kd>span {
display:inline-block;border:1.0px solid #000;padding:4px;height:30px;line-height:22px;margin-right:4px;margin-bottom:4px;font-size:11px;color:#000;
}
.small_logo {
height:12px;
width:12px;
}
.middle_logo {
height:24px;
width:24px;
padding-top:7px;
}

#hm_logo {
display:block;font-size:18px;margin-top:25px;border:0px solid #d40000;height:28px;padding:0px;
	}

.hm_div {
margin:0 auto;
margin-top:0px;
max-height:80px;
height:80px;
line-height:80px;
width:auto;
margin-left:0px;
margin-right:0px;
position:absolute;
left:50%;
transform: translate(-50%,0);
text-align:center;
background-color:transparent;
  
}

.header_lang_div {
max-height:80px;
height:80px;
line-height:80px;
width:auto;
float:right;
padding-left:0px;
margin-top:0px;
}
.header_lang_div>a:nth-child(1) {
width:auto;
height:80px;
line-height:80px;
margin-right:12px;
display:none;
vertical-align:middle;
}
.header_lang_div>a:nth-child(2) {
width:auto;
height:80px;
line-height:80px;
margin-right:12px;
display:none;
vertical-align:middle;
}
.header_lang_div>a:nth-child(3) {
width:auto;
height:80px;
line-height:80px;
margin-right:12px;
display:none;
vertical-align:middle;
}
.header_lang_div>a:nth-child(4) {
width:24px;
height:80px;
line-height:80px;
margin-right:12px;
vertical-align:middle;
}
.header_lang_div>a:nth-child(5) {
width:24px;
height:80px;
line-height:80px;
margin-right:12px;
vertical-align:middle;
}
.header_lang_div>a:nth-child(6) {
width:24px;
height:80px;
line-height:80px;
margin-right:8px;
vertical-align:middle;
}
.hs0 {
color:#000;
font-size:14px;
}
.hs1 {
color:#fff;
font-size:14px;
}
.header_time_span0 {
color:#fff;
font-size:14px;
}
.header_member {
float:right;
height:auto;
width:100%;
display:none;
background-color:#fff;
}
.header_member_div {
width:100%;
height:auto;
margin:0 auto;
background-color:#fff;
display:none;
}
.header_member_div>ul:nth-child(1) {
width:100%;
float:left;
height:auto;
overflow: hidden;
background-color:#fff;
display:none;
}
.header_member_div>ul:nth-child(1)>li {
width:calc(33% - 0px);
height:20px;
color:#000;
background-color:transparent;
list-style-type:none;
float:left;
line-height:20px;
}
.header_member_div>ul:nth-child(2) {
width:100%;
float:left;
height:auto;
overflow: hidden;/*for height=auto*/
background-color:#fff;
display:none;
}
.header_member_div>ul:nth-child(2)>li {
width:calc(20% - 0px);
height:20px;
color:#000;
background-color:transparent;
list-style-type:none;
float:left;
line-height:20px;
}
.button {
text-align:center;
border-radius:0px;
color:#fff;
background-color:#fff;
border:0.5px solid #ececec;
}
.message_circle {
display:block;
height:20px;
width:20px;
line-height:20px;
-moz-border-radius:10px;
border-radius:10px;
background-color:#ff0000;
text-align:center;
font-size:2em;
border-radius:10px;
border:0.5px solid #ff0000;
}
.cs {
background-image: url('image/cs24.png');
background-repeat: repeat-x;
position:fixed;
bottom:0;
right:0;
margin-right:17px;
z-index:100;
width:114px;
height:273px;
background-image: url('image/cs24.png');
background-repeat: repeat-x;
position:fixed;
bottom:0;
right:0;
margin-right:17px;
z-index:100;
width:114px;
height:273px;
display:none;
}
.mul2{
padding-left:20px;
padding-top:20px;
overflow: auto;
width:100%;
height:calc(100% - 140px);
}
.mul2>div {
margin:0;
width:100%;
height:50px;
}
.login_div2{
text-align:center;width:auto;height:40px;line-height:40px;padding-left:8px;padding-right:8px;margin-left:20px;border-radius:6px;border:1px solid #d40000;color:#d40000;font-size:20px;position:absolute;bottom:8px;
}
.k2 {
width:300px;
height:auto;
float:left;
margin:0;
padding:0;
background-color:#fff;
}
.k2>li {
margin:0;
width:auto;
height:auto;
list-style-type:none;
}

#blank_div { width:100%;height:0;background:#fff } #tutor-content { margin:0 auto;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;background-color:#fff;padding:0 } 

#drawer-toggle-label { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:0;height:60px;width:63px;position:fixed;background:transparent;z-index:10;display:block } #drawer-toggle-label:before { z-index:11;content:'';display:block;position:absolute;height:5px;width:30px;background:#000;left:0;top:26px;box-shadow:0 10px 0 #000, 0 20px 0 #000 } #drawer-toggle:checked ~ #drawer-toggle-label { height:50px;width:50px;background:#fff } #drawer-toggle:checked ~ #drawer-toggle-label, #drawer-toggle:checked ~ header { left:calc(100% - 51px) } #drawer { width:calc(100% - 51px);left:-100%;display:block;overflow-x:hidden;overflow-y:hidden } #drawer ul { width:calc(100% - 0px);list-style-type:none;display:table } #drawer ul li { background-color:transparent;width:calc(100% - 0px);height:50px;padding-left:10px;} #drawer ul li div { background-color:transparent;width:calc(33% - 2px);height:50px;border-style:solid;padding-left:0;border-width:0;border-color:#000;display:inline-block;vertical-align:middle;line-height:50px } #drawer-toggle-img{height:35px;width:35px;position:absolute;background:transparent;z-index:10;display:block;top:22px;}
}