@CHARSET "UTF-8";
hr {
    display: block;
    border: 0px;
    border-top: 0.5px solid #e3e3e3;
    margin: 0em 0;
    padding: 0;
    border-top: 0.5px solid #e3e3e3;
}
div {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
font {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
input {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
select {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
option {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
span {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
tr {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
td {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
th {
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-style: bold;
    font-variant: normal;
    font-size: 16px;
}
a{
    font-family: Microsoft JhengHei, Helvetica, sans-serif;
    font-variant: normal;
    font-size: 16px;	
}
nav {
    background-color: #ffffff;
    color: #ffffff;
    display: block;
    z-index: 1;
}
.small_logo {
    height: 12px;
    width: 12px;
}
.middle_logo {
    height: 24px;
    width: 24px;
    padding-top: 7px;
}


.header_main {    
    height: 80px;
    width: 100%;
    background-color: #ffffff;
    z-index: 10;
    padding-left:0px;
    padding-right:0px;
    text-align: center;
}
#header_main_logo {float:left;margin-top:22px;margin-left:54px;height:32px;width:auto;}

.header_main_div {
	margin: 0 auto;
	padding-right: 8px;
	height: 80px;
	line-height: 80px;
	width: auto;
	margin-left: 122px;
	margin-right: 0px;
	text-align: center;
	background-color:transparent;
    float:right;
}

.header_main_div>a:nth-child(1) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-left: 4px;
	padding-left: 0px;
	color:#000000;
	cursor:pointer;
}

.header_main_div>a:nth-child(2) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-left: 4px;
	padding-left: 0px;
	color:#000000;
	cursor:pointer;
}

.header_main_div>a:nth-child(3) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	padding-right: 0px;
	padding-left: 0px;
	color:#000000;
	cursor:pointer;
}

.header_main_div>a:nth-child(4) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 4px;
	padding-right: 0px;
	color:#000000;
	cursor:pointer;
}

.header_main_div>a:nth-child(5) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 4px;
	padding-right: 0px;
	color:#000000;
	cursor:pointer;
}
.header_main_div>a:nth-child(6) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 4px;
	padding-right: 0px;
	color:#000000;
	cursor:pointer;
}
.header_contact_div {
    margin: 0 auto; 
    height: 50px;
    width: auto;
    float:left;
    padding-left: 6px;
    padding-top: 24px;
  
}
.header_contact_div>a:nth-child(1) {
	width: 30px;
	height: 30px;
	line-height: 30px;	
	margin-right: 6px;
cursor:pointer;
}
.header_lang_div {
    margin: 0 auto; 
    height: 50px;
    width: auto;
    float:right;
    padding-left: 6px;
    padding-top: 25px;
  
}

.header_lang_div>a:nth-child(1) {
	width: 30px;
	height: 30px;
	line-height: 30px;	
	margin-right: 8px;
	cursor:pointer;

}
.header_lang_div>a:nth-child(2) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
	cursor:pointer;
}
.header_lang_div>a:nth-child(3) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
	cursor:pointer;
}
.header_span0 {
    color: #000000;
    font-size: 14px;
    /*height: 40px;
	line-height: 40px;
	display: inline-block;*/
}

.header_span0:hover>a {
    color: #ffffff;
}

.header_span1 {
    color: #ffffff;
    font-size: 14px;
    /*height: 40px;
	line-height: 40px;
	display: inline-block;*/
}

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

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

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

.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: #ffffff;
}

.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;
}

@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-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    font {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    input {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    select {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    option {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 14px;
    }
    span {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    tr {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    td {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    th {
        font-family: Microsoft JhengHei, Helvetica, sans-serif;
        font-style: bold;
        font-variant: normal;
        font-size: 16px;
    }
    nav {
        background-color: #ffffff;
        color: #999999;
        display: block;
    }
    /*canvas {
        background-color: #ffffff;
        display: none;
    }*/
    .small_logo {
        height: 12px;
        width: 12px;
    }
    .middle_logo {
        height: 24px;
        width: 24px;
        padding-top: 7px;
    }

.header_main {    
    height: 80px;
    width: 100%;
    background-color: #ffffff;
    z-index: 10;  
    padding-left:0px;
    padding-right:0px;
    text-align: center;
}
#header_main_logo {display:none;float:left;margin-top:22px;margin-left:54px;height:32px;width:auto;}

.header_main_div {
	margin: 0 auto;
	padding-top: 0px;
	height: 80px;
	line-height: 80px;
	width: auto;
	margin-left: 50px;
	margin-right: 0px;
	text-align: center;
	background-color:#ffffff;
    float:left;
}

.header_main_div>a:nth-child(1) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-left: 4px;
	padding-left: 0px;
}

.header_main_div>a:nth-child(2) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-left: 4px;
	padding-left: 0px;
}

.header_main_div>a:nth-child(3) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	padding-right: 0px;
	padding-left: 0px;
}

.header_main_div>a:nth-child(4) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 4px;
	padding-right: 0px;
}

.header_main_div>a:nth-child(5) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 4px;
	padding-right: 0px;
}
.header_main_div>a:nth-child(6) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 4px;
	padding-right: 0px;
}
.header_contact_div {
    margin: 0 auto; 
    height: 80px;
    width: auto;
    float:left;
    padding-left: 0px;
    padding-top: 24px;
    display:none;
  
}
.header_contact_div>a:nth-child(1) {
	width: 30px;
	height: 30px;
	line-height: 30px;	
	margin-right: 0px;

}
.header_lang_div {
    margin: 0 auto; 
    height: 80px;
    width: auto;
    float:right;
    padding-left: 0px;
    padding-top: 25px;
  
}

.header_lang_div>a:nth-child(1) {
	width: 30px;
	height: 30px;
	line-height: 30px;	
	margin-right: 8px;

}
.header_lang_div>a:nth-child(2) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
}
.header_lang_div>a:nth-child(3) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
}
    .header_span0 {
        color: #000000;
        font-size: 14px;
    }
    .header_span1 {
        color: #ffffff;
        font-size: 14px;
    }
    .header_time_span0 {
        color: #ffffff;
        font-size: 14px;
    }
    .header_member {
        float: right;
        height: auto;
        width: 100%;
        display: none;
        background-color: #ffffff;
    }
    .header_member_div {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-color: #ffffff;
        display: none;
    }
    .header_member_div>ul:nth-child(1) {
        width: 100%;
        float: left;
        height: auto;
        overflow: hidden;
        background-color: #ffffff;
        display: none;
    }
    .header_member_div>ul:nth-child(1)>li {
        width: calc(33% - 0px);
        height: 20px;
        color: #000000;
        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: #ffffff;
        display: none;
    }
    .header_member_div>ul:nth-child(2)>li {
        width: calc(20% - 0px);
        height: 20px;
        color: #000000;
        background-color: transparent;
        list-style-type: none;
        float: left;
        line-height: 20px;
    }
    
    .button {
        text-align: center;
        border-radius: 0px;
        color: #ffffff;
        background-color: #ffffff;
        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;
    }
}