* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: '微軟正黑體', '新細明體', Arial;
    font-size: 16px;
    background-color: #e3f4f9;
}

table {
	border-collapse: collapse;
}

ul, li {
	list-style-type: none;
}

img {
	display: block;
}

input {
	padding: 5px;
	font-size: 16px;
	color: #3a3a3a;
	outline: none;
	font-family: '微軟正黑體', '新細明體', Arial;
}

.tex_1 {
	font-size: 18px;
	font-weight: bolder;
	color: #fff;	
}

/* 修改 */
.logo {
	position: relative;
    width: 970px;
    height: 105px;
    margin: auto;
}

.header {
    width: 100%;
    height: 145px;
    display: flex;
    background-image: url(../images/headerBg_1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.topbtn {
	position: absolute;
	right: 0;
	top: 95px;
	color: #172736;
}

.topbtn a {
	color: #172736;
}

.topbtn a:hover {
	color: #eb6304;
}

@media screen and (max-width: 768px) {
	.logo {
		width: 94%;
		height: auto;
	}
	.logo img {
		width: 100%;
		height: auto;
		margin-top: 5px;
		/* margin-bottom: 5px; */
	}
	.header {
		height: auto;
		padding: 8px 0;
	}
	.topbtn {
		/* position: absolute; */
		position: relative;
		float: right;
		right: 0;
		top: 0;
		margin-top: 5px;
		font-size: 15px;
		color: #172736;
	}
}


/* nav */

a {
    text-decoration: none;
}

.navbox {
	position: relative;
	z-index: 99;
    width: 100%;
    height: 45px;
    
    background: #172736;
}

.action {
	color: #fff;
	padding: 11px 15px;
	background-color: #233c54;
	margin-top: 0px;
	
}

.toggleMenu {
	position: absolute;
	right: 15px;
	top: 5px;
	width: 42px;
	height: 42px;
    display: none;
    float: right;    
    color: #fff;
}

.nav {
	width: 845px;
    list-style: none;
    *zoom: 1;
    margin: 0 auto;
    font-weight: bolder;
}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
}

.nav a {
    padding: 10px 14.5px;
    color: #fff;
}

.nav a:hover {    
    color: #fff45c;
}

.nav li {
    position: relative;
}

.nav > li {
    float: left;
    /* border-top: 1px solid #fff; */
}

.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}

.nav li li .parent {
    background-image: url("../images/downArrow_l.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.nav > li > a {
    display: block;
}

.nav li ul {
    position: absolute;
    left: -9999px;
}

.nav > li.hover > ul {
    left: 0;
}

.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li a {
    display: block;
    background: #1d7a62;
    position: relative;
    z-index: 100;
    border-top: 1px solid #175e4c;
}

.nav li li li a {
    background: #249578;
    z-index: 200;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 768px) {

	.action {
		color: #0068b7;
		padding: 10px 15px;
		background-color: #172736;
		margin-top: 0px;
		border-radius:0px; 
	}
	.navbox {
		height: 52px;    	
    	position: relative;  	
	}
	.nav {
		position: relative;
		width: 100%;
		font-size: 18px;
		margin-top: 52px;
		display: inline-block;
		background-color: #172736;
		padding-bottom: 20px;
		opacity: .95;
	}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
        margin: 2px 10px;
        text-align: center;       
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
    .nav > li.hover > ul,
    .nav li li.hover ul {
        position: static;
    }
}

/*首頁內容*/
.content {
	width: 100%;
	min-height: 800px;
	background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:contain;
    clear: both; 
}

.inNews {
	width: 970px;
	height: auto;
	background-color: #fff;
	padding: 15px;
	margin: 25px auto;
}

.inNewstitle {
	width: 100%;
	background-color: #80b34e;
	text-align: center;
	padding: 6px 0;
}

.inNewsBox {
	width: 100%;
}

.inNewsBox th {
	border-bottom: 2px solid #80b34e;
	height: 42px;
}

.inNewsBox td {
	border-bottom: 1px solid #80b34e;
	height: 42px;
	padding: 5px;
}

.inNewsBox a {
	color: #000;
}

.inNewsBox a:hover {
	color: #80b34e;
}

.newsicon {
	display: block;
	float: left;
	width: 8px;
	height: 12px;
	margin: 5px 5px 0 2px;
	background-image: url(../images/icon_A.png);	
}

.studyicon {
	display: block;
	float: left;
	width: 8px;
	height: 12px;
	margin: 5px 5px 0 2px;
	background-image: url(../images/icon_B.png);	
}

.tableA_1 {
	text-align: left;
	padding-left: 15px;
}

.tableA_2 {
	text-align: center;	
}

.inNewsmone {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 25px 0 15px;
}

.inNewsmone a {
	padding: 10px 16px;
	border-radius:5px;
	color: #fff;
	background-color: #80b34e;
}

.inNewsmone a:hover {
	background-color: #507030;
}

.inStudyBox {
	width: 100%;
}

.inStudyBox th {
	border-bottom: 2px solid #669acc;
	height: 42px;
}

.inStudyBox td {
	border-bottom: 1px solid #669acc;
	height: 42px;
	padding: 5px;
}

.inStudyBox a {
	color: #000;
}

.inStudyBox a:hover {
	color: #669acc;
}

.inStudytitle {
	width: 100%;
	background-color: #669acc;
	text-align: center;
	padding: 6px 0;
}

.inStudymone {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 25px 0 15px;
}

.inStudymone a {
	padding: 10px 16px;
	border-radius:5px;
	color: #fff;
	background-color: #669acc;
}

.inStudymone a:hover {
	background-color: #416384;
}

.space {
	height: 160px;
	display: inline-block;	
}

/*相關單位*/
.Relatedbox {
	width: 970px;
	height: auto;
	margin: 0 auto;
	overflow: auto;
}

.Relatedtitle {
	width: 100%;
	height: 36px;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	border-bottom: 2px solid #fe9833;
}

.RelatedList {
	width: 230px;
	height: 85px;
	margin-top: 15px;
	margin-right: 12px;
	float: left;
}

.RelatedList:nth-child(4n+1) {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.content {
		min-height: 500px;
	}
	.inNews {
		width: 94%;		
	}

	.space {
		height: 70px;
	}

	.Relatedbox {
		width: 94%;
	}

	.RelatedList {
		width: 48%;
		height: auto;
		margin-right: 1%;
	}

	

	.RelatedList img {
		width: 100%;
		height: auto;
	}

}

.footer {
	width: 100%;
	height: auto;
	text-align: center;
	color: #fff;
	padding: 25px 0;
	background-color: #172736;
}

/* 頁碼 */
.page {
	text-align: center;
	margin: 25px 0 15px;
}

.page a {
	background-color: #172736;
	color: #fff;
	padding: 3px 8px;
	border-radius:3px;
	margin-right: 3px;
}

.page a:hover {
	background-color: #444f91;
}

.page .P_action {
	background-color: #ae5da1;
}

.page .P_action:hover {
	background-color: #ae5da1;
}

@media screen and (max-width: 768px) {
	.page a {	
		padding: 6px 10px;
		margin-right: 3px;
	}
	.disNone_s {
		display: none;
	}

}

/*中心簡介*/
.introdTitle {
	width: 100%;
	background-color: #ae5da1;
	text-align: center;
	padding: 6px 0;
}

.crew {
	width: 45%;
	height: auto;
	margin: 15px;
	display: inline-block;
}

.crewimg {
	float: left;
}

.crewText {
	float: left;
	margin-left: 15px;	
}

.crewText li {
	line-height: 30px;
	border-bottom: 1px dashed #d2d2d2;
	margin: 4px 0;
}

.inNews p {
	line-height: 30px;
	margin-top: 15px;
}

.growthUl_1 {
	margin: 15px 0 15px 25px;
}

.growthUl_1 li {
	list-style-type: cjk-ideographic;
	margin-top: 10px;
}

.growthUl_2 {
	margin: 10px 0 0 25px;
}

.growthUl_2 li {
	list-style-type: decimal; 
}

.Previously {
	width: 47%;
	border-collapse: collapse;
	display: inline-block;
	margin: 15px 0 15px 15px;
}

.Previously th, .Previously td {
	text-align: center;
	padding: 8px 50px;
	border-bottom: 1px dashed #d2d2d2;
}

@media screen and (max-width: 768px) {
	.crew {
		width: 100%;		
	}

	.crewimg {
		width: 28%;
		height: auto;
	}

	.crewimg img {
		width: 100%;
		height: auto;
	}

	.crewText {
		width: 65%;
		float: left;
		margin-left: 3%;	
	}

	.Previously {
		width: 100%;
		display: block;
		margin: 20px 0 15px 15px;
	}

	.Previously th, .Previously td {
		text-align: center;
		padding: 8px 5px;
		border-bottom: 1px dashed #d2d2d2;
	}

}

/* 最新消息內頁 */
.newinsibe h2 {
	font-size: 24px;
	margin-top: 20px;
}

.newinsibe img {
	width: 90%;
	height: auto;
	margin: 15px auto;
}

.newinsibebtn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	margin: 20px 0;
}

.newinsibebtn a {
	padding: 10px 28px;
	border-radius:5px; 
	background-color: #80b34e;
	color: #fff;
	margin-right: 18px;
}

.newinsibebtn a:hover {
	background-color: #ec6941;
}

.studinsidebtn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	margin: 20px 0;
}

.studinsidebtn a {
	padding: 10px 28px;
	border-radius:5px; 
	background-color: #669acc;
	color: #fff;
	margin-right: 18px;
}

.studinsidebtn a:hover {
	background-color: #ae5da1;
}

.advisoryImg {
	max-width: 970px;	
	margin: 40px auto;

}

.advisoryImg img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.advisoryImg {
		width: 94%;	
		margin: 40px auto 0 auto;
	}

}

/*測驗評量*/
.quiztitle {
	max-width: 970px;
	margin: 30px auto 0;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

.quiztitle_a {
	width: 100%;
	background-color: #669acc;
	text-align: center;
	padding: 6px 0;
}

.quizbox table {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.quizbox table th {
	background-color: #172736;
	color: #fff;
	padding: 8px;
	text-align: center;
	border:2px solid #fff;  
}

.quizbox table td {
	background-color: #eee;
	color: #000;
	padding: 10px 8px;
	text-align: center;
	border:2px solid #fff;  
}

.quizTD_1 {
	width: 10%;
}

.quizTD_2 {
	width: 40%;
}

/* 中心出版 */
.publishingBtn {
	width: 970px;
	height: auto;
	margin: 0 auto;	
}

.publishingBtn li {
	width: 310px;
	height: 80px;
	float: left;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 80px;
	border-radius:10px;
	cursor:pointer; 	
}

.pubpub {
	margin-right: 17px;
}

.publishingBtn_1 {
	background-color: #80b34e;
	color: #fff;
}

.publishingBtn_1:hover {
	background-color: #55770b;
}

.publishingBtn_2 {
	background-color: #669acc;
	color: #fff;	
	
}

.publishingBtn_2:hover {
	background-color: #3e6080;
}

.publishingBtn_3 {
	background-color: #ae5da1;
	color: #fff;	
}

.publishingBtn_3:hover {
	background-color: #824378;
}

.publisbox {
	width: 970px;
	height: auto;
	background-color: #fff;
	padding: 15px;
	margin: 10px auto;
	clear: both;
}

.publisbox table {
	width: 100%;
}

.publisbox th {	
	padding: 12px;
	text-align:left;	
	color: #fff;
	border:2px solid #fff; 
}

.publisbox td {	
	padding: 12px;
	text-align:left;
	background-color: #eee;
	color: #3a3a3a;
	border:2px solid #fff; 
}

.publisbox td a {
	color: #3a3a3a;
}

.publisbox td a:hover {
	color: #80b34e;
	text-decoration:underline;
}

.publis_1 {
	background-color: #80b34e;
}

.publis_2 {
	background-color: #669acc;
}

.publis_3 {
	background-color: #ae5da1;
}

@media screen and (max-width: 768px) {
	.publishingBtn {
		width: 94%;
		margin: 0 3%;
		display: inline-block;	
	}
	.publishingBtn li {
		width: 94%;
		height: 60px;
		line-height: 60px;
		margin-left: 3%;
		margin-top: 20px;
		margin-bottom: 0px;	
	}
	.publisbox {
	width: 94%;
	height: auto;
	background-color: #fff;
	padding: 15px;
	margin: 10px auto;
	clear: both;
	}
}

/* 資資源教室 */
.resourcesBox {
	width: 970px;
	height: auto;
	background-color: #fff;
	padding: 15px;
	margin: 25px auto;

}

.resourcesBtn {
	width: 970px;
	height: auto;
	margin: 0 auto;	
}

.resourcesBtn li {
	width: 310px;
	height: 80px;
	float: left;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 80px;
	border-radius:10px;
	cursor:pointer; 	
}

.resourcesBtn li a {
	display: block;
	width: 310px;
	height: 80px;
	border-radius:10px;
}

.resourcesBtn_1 {
	background-color: #80b34e;
	color: #fff;
}

.resourcesBtn_1:hover {
	background-color: #55770b;
}

.resourcesBtn_2 {
	background-color: #669acc;
	color: #fff;	
	
}

.resourcesBtn_2:hover {
	background-color: #3e6080;
}

.resourcesBtn_3 {
	background-color: #ae5da1;
	color: #fff;	
}

.resourcesBtn_3:hover {
	background-color: #824378;
}

.resourcestitle {
	width: 100%;	
	text-align: center;
	padding: 6px 0;
}

.rgboo_1 {
	background-color: #005752;
}

.rgboo_2 {
	background-color: #638c0b;
}

.rgboo_3 {
	background-color: #669acc;
}

.rgboo_4 {
	background-color: #172736;
}

.rgboo_5 {
	background-color: #ae5da1;
}

.resourcesBox img {
	display: inline-block;
	margin-right: 10px;
	margin-top: 25px;
	border-radius:10px;
}

.resourcesBox p {
	margin-top: 20px;
	line-height: 26px;
}

@media screen and (max-width: 768px) {
	.resourcesBtn {
		width: 94%;	
	}

	.resourcesBtn li {
		width: 100%;	
		margin-bottom: 0px;
		float: none;	
	}

	.resourcesBtn li a {
		width: 100%;	
	}
	.resourcesBox {
		width: 94%;	
		margin: 25px auto;
	}
	.resourcesBox img {
		width: 94%;
		height: auto;
		margin-left: 3%;
}

}

/* 業務內容 */
.personnelBox {
	width: 48%;
	min-height: 300px;
	background-color: #eee;
	margin-top: 25px;
	display: inline-block;
	margin-left: 1%;
}

.personnelname {
	height: 33px;
	background-color: #172736;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 33px;
}

.personnelcon {
	padding: 15px;
	line-height: 36px;
}

.personnelPag {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-top: 35px;
	margin-bottom: 20px;
	text-align: center;
}

.personnelPag a {
	padding: 10px 18px;
	background-color: #172736;
	color: #fff;
	border-radius:5px;
}

.personnelPag a:hover {
	background-color: #06437c;
}

@media screen and (max-width: 768px) {
	.personnelBox {
		width: 100%;	
		display: block;
		margin-left: 0;
	}
}

/*服務內容*/
.serviceUl_1 {
	margin-top: 20px;
	line-height: 34px;
	margin-left: 35px;
}

.serviceUl_1 li {
	list-style-type: cjk-ideographic;	
	font-size: 20px; 
}

.serviceUl_1 a {
	color: #ff0000;	
}

.serviceUl_1 a:hover {
	color: #0068b7;
	text-decoration:underline;
}

.serviceUl_1 p {
	font-weight: bold;
	color: #00479d;
}

.serviceUl_2 {
	margin-left: 20px;
}

.serviceUl_2 li {
	list-style-type: decimal; 
	font-size: 16px;
}

/*相關連結*/
.relatedtd {
	width: 100%;
	margin-top: 20px;
}

.relatedtd td {
	width: 50%;
	padding: 10px;
}

.relatedtd a {
	color: #3a3a3a;
}

.relatedtd a:hover {
	color: #e60012;
	text-decoration:underline;
}

/* 特殊教育推行委員會 */
.coittbox {
	margin-top: 30px;

}

.publisbox .coitttitle {
	font-size: 22px;
	text-align: center;
}

/*空間環境*/
.spacebtnbox {
	width: 970px;	
	margin: 0 auto;
}

.spacebtn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center; 
    -webkit-justify-content: center;
    margin-top: 25px;
}

.spacebtn li {
	width: 130px;
	height: 42px;
	margin-right: 15px;
	font-size: 18px;
	text-align: center;
	line-height: 42px;
}

.spacebtn li a{
	display: block;
	width: 130px;
	height: 42px;
	border-radius:7px;
	color: #fff;
	background-color: #ae5da1;	
}

.spacebtn li a:hover {
	background-color: #8e4b83;
}

.actionS {
	border:2px solid #ae5da1;
	border-radius:7px;
	background-color: #fff;
}

.spaceImg {
	width: 300px;
	height: 205px;
	display: inline-block;
	margin: 5px 5px;
}

.spaceImg p {
	text-align: center;
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	.spacebtnbox {
		width: 94%;	
		margin: 0 auto;
	}
	.spacebtn {
		display: block;
	    margin-top: 25px;
	}
	.spacebtn li {
		width: 70%;
		height: auto;
		margin: 10px auto;
		text-align: center;
		line-height: 22px;
	}

	.spacebtn li a{
		width: 100%;
		padding: 10px;
		height: auto;
	}
	.actionS {
		padding: 10px;
	}
	.spaceImg {
		width: 100%;
		height: auto;
		display: inline-block;
		margin: 0;
	}
}

/* 硬體設備 */
.equipTab {
	width: 80%;
	margin: 15px auto 0;
}

.equipTab th {
	background-color: #172736;
	padding: 8px;
	color: #fff;
	border:1px solid #eee;

}

.equipTab td {
	background-color: #e5e5e5;
	padding: 14px;	
	border:1px solid #fff;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.equipTab {
		width: 100%;
		margin: 15px auto 0;
	}
}

/* 圖書教材 */
.bookTab{
	width: 100%;
	margin-top: 15px;
}

.booksS {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	margin-top: 20px;	
}

.booksS input {
	width: 260px;
	height: 36px;
	border:1px solid #a0a0a0;
}

.booksS a {
	display: block;
	width: 36px;
	height: 36px;
	border:1px solid #a0a0a0;
	margin-left: 10px;
	background-image: url(../images/seec.jpg);
	background-repeat: no-repeat;
	background-position:center center;

}

.bookTab th {
	background-color: #172736;
	padding: 8px;
	color: #fff;
	border:1px solid #eee;

}

.bookTab td {
	background-color: #e5e5e5;
	padding: 14px;	
	border:1px solid #fff;
	text-align: left
}

.bookTab .bookth1 {
	background-color: #638c0b;
	padding: 12px;
}


.multTab {
	width: 50%;
	margin-top: 20px;
	float: left;
}

.multTab th {
	height: 51px;
	background-color: #172736;
	padding: 8px;
	color: #fff;
	border:1px solid #eee;	
}

.multTab td {
	height: 51px;
	background-color: #e5e5e5;
	padding: 14px;	
	border:1px solid #fff;
	text-align: left
}

.mult1 {
	width: 15%;
}

.mult2 {
	width: 35%;
}

@media screen and (max-width: 768px) {
	.multTab {
		width: 100%;
		margin-top: 20px;
		float: none;
	}
	.booksS input {
		max-width: 200px;
		width: 100%;
	}

	.booksS a {
		width: 36px;
		height: 36px;
	}
}

.mapAll {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-top: 15px;
}
.mapBig {
	max-width: 550px;
	height: auto;
	
	float: left;
}

.mapBig img {
	width: 100%;
	height: auto;
}

.maptext {
	margin-top: 15px;
}

.maptext li {
	width: 140px;
	float: left;
	margin-right: 20px;
	list-style-type: decimal-leading-zero;
	margin-left: 32px;
	line-height: 26px;
	cursor:pointer;
}

.maptext li:hover {
	color: #eb6100;
}

@media screen and (max-width: 768px) {
	.mapBig {
		width: 100%;
		height: auto;
		float: none;
	}
	.maptext li {
		font-size: 18px;
		width: 160px;
		line-height: 32px;
		cursor:pointer;
	}

}

.mak {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	display: none;
}

.mapImg {
	position: relative;
	max-width: 600px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -300px;
	z-index: 999;
	background-color: #fff;
	padding: 20px;
	display: none;
}

.mapImg img {
	width: 100%;
	height: auto;
}

.xx {
	position: absolute;
	width: 40px;
	height: 40px;
	right: -45px;
	top: 0;
	border-radius:8px;
	background-image: url(../images/xx.jpg);
	cursor:pointer;
}

@media screen and (max-width: 768px) {
	.mapImg {		
		width: 86%;
		height: auto;
		top: 50%;
		left: 50%;
		margin-top: -43%;
		margin-left:-43%;		
		padding: 10px;
	}
	.xx {
		right: 0;
		top: -45px;
		background-image: url(../images/xx.jpg);
	}
}

/* 特殊教育委員 */
.commList {
	width: 970px;
	height: auto;
	background-color: #fff;
	padding: 15px;
	margin: 20px auto;
	overflow: auto;
}

.commListTitle {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px;
	background-color: #669acc;
}

.commListbox {
	width: 460px;
	height: auto;
	margin-top: 20px;
	float: left;	
}

.commListbox table {
	width: 100%;

}

.commListbox th {
	background-color: #172736;
	color: #fff;
}

.commListbox td {
	background-color: #eeeeee;
}

.commListbox th, .commListbox td {
	height: 40px;
	padding: 8px 20px;
	border:2px solid #fff;
	
}

.CoLi1 {
	width: 60%;
}

.CoLi2 {
	width: 40%;
	text-align: center;
}

.CoLi3 {
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	.commList {
		width: 94%;
		height: auto;
		background-color: #fff;
		padding: 15px;
		margin: 20px auto;
		overflow: auto;
	}
	.commListbox {
		width: 100%;
		height: auto;
		margin-top: 20px;
		float: left;	
	}
	.CoLi3 {
		margin-right: 0;
	}

}



/* 0428新增 */

.leftnav {
	position: fixed;
	z-index: 99;
	top: 175px;
	left: 13%;
	/* background-color: #669acc; */
	padding: 15px;
	/* border-radius: 7px; */
	letter-spacing:2px;
}

.leftnav li {
	text-align: center;

}

.leftnav a {
	display: block;
	margin-top: -1px;
	width: 160px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #669acc;
	background: #ffffff;
	color: #669acc;
}

.leftnav a:hover {
	background: #669acc;
	color: #fff;
}

@media screen and (max-width: 1800px) {
	.leftnav {
		left: 9%;
	}

}

@media screen and (max-width: 1660px) {
	.leftnav {
		left: 6%;
	}

}

@media screen and (max-width: 1500px) {
	.leftnav {
		left: 2%;
	}

}

.populeftnav {
	display: none;
}

.popuright {
	display: none;
	width: 30px;
	height: 30px;
	background-color: #669acc;
	float: right;
}

@media screen and (max-width: 768px) {
	.populeftnav {
		display: block;
		width: 30px;
		height: 30px;
		background-color: #669acc;
		float: right;
	}

	.leftnav ul {
		float: left;
	}

	.leftnav {
		top: 230px;
		left: -175px;
	}

}