@charset "utf-8";
@import url("header.css");
@import url("menu.css");
@import url("body.css");
@import url("footer.css");
@import url("sudo.css");


main table { 
	max-width: 100%; 
	/*border:1px solid #cccccc; */
	border-collapse:collapse;
} 
main tr { 
	padding:10px;
	border:1px solid #cccccc;
} 
main td { 
	border:1px solid #cccccc;
	padding:5px;
} 
main th { 
	border:1px solid #cccccc;
	padding:5px;
} 




body::-webkit-scrollbar {
    display: none;
}
body {
    font-family: 'Noto Sans TC', sans-serif;
    -ms-overflow-style: none;
}
html {
    overflow: -moz-hidden-unscrollable;
    height: 100%;
}
body {
	height: 100%;
	overflow: auto;
	width:100;
	margin:auto;
}
em {
	font-style:normal;
}
strong {
	font-weight:normal;
}


.view_black{
	z-index: 99999px;
	background:rgba(0,0,0,0.5);
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	position:fixed;
	display: none;
}
@media screen and (min-width: 1200px) {
	.view_center{
		z-index: 999999;
		height: 90%;
		position: fixed !important;
		top: 5%;
		left: 50%;
		width: 1000px;
		margin-left: -500px;
	}
}
@media screen and (max-width: 1200px) {
	.view_center{
		background: white;
		height: 85%;
		width: 80%;
		position: fixed !important;
		top: 5%;
		left: 10%;
	}
}
@media screen and (max-width: 1200px) {
	.view_center{
		background: white;
		height: 80%;
		width: 85%;
		position: fixed !important;
		top: 10%;
		left: 7.5%;
	}
}


@media screen and (max-width: 800px) {
	.view_center{
		background: white;
		height: 70%;
		width: 90%;
		position: fixed !important;
		top: 15%;
		left: 5%;
	}
}

.view_center embed{
	width:100%;
	height: 100%;
}



@media screen and (min-width: 800px) {
	#m_menu_800{
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	#m_menu{
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	#m_menu_bg{
		background-color:#F5F5F5;
		width:100%;
		height:auto;
		margin-top:10px;
		padding-top:1px;
		padding-bottom:20px;
	}
	#m_menu{
		max-width:1000px;
		width:95%;
		display:block;
		margin:auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	#m_menu ul{
		list-style: none;
		padding-left:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	#m_menu ul li{
		padding-left:10px;
		list-style: none;
		line-height:50px;
		color:#707070;
		font-size:18px;
		border-bottom:1px #cccccc solid;
	}
}

.qq{
    z-index: 9999;
    width: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: auto;
}
.qq-box{
    width: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
	width:50px;
	height:50px;
	float:right;
	background-color:#666666;
	background-image:url(/style/svg/qq-w.svg);
}
.qq-box:hover{
	background-image:url(/style/svg/qq.svg);

}