/*  */

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


.contentdivs1{
	width:100%;
	height:auto;
	margin:0;
	padding:0;

}

.contentdivs2{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}


.tagalldiv{
	width:98%;
	height:auto;
	margin:0 1% 10px 1%;
	padding:2px;
	border:1px solid #5B9BD5!important;
}

.tagtitle{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background:#5B9BD5!important;
}

.tagdesc{
	width:96%;
	height:auto;
	margin:0 2%;
	padding:5px 0;
	color:#111;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;

}



.tagalldiv2{
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	padding:3px;
	/*border:1px solid #C3E0E5!important;*/
	background-color:#E7F2F8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.tagtitle2{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background:#5885AF!important;
}

.tagdesc2{
	display:block;
	width:96%;
	height:auto;
	margin:0 2%;
	padding:2px 0;
	color:#003060;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	word-wrap: break-word;
	word-break: normal;

}

.tagdesc2 span{
	clear: both;
	display:block;
	width: 5%;
	text-align: center;
	float: left;
}

.tagdesc2 a{
	display:block;
	width: 95%;
	color:#0E86D4;
	float: left;
	word-wrap: break-word;
	word-break: normal;
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.tagdesc2 a:hover{color:#FC2E20;}




}

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


.contentdivs1{
	width:75%;
	height:auto;
	float:left;
	margin:0;
	padding:0;

}

.contentdivs2{
	width:25%;
	height:auto;
	float:left;
	margin:0;
	padding:0;



}


.tagalldiv{
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	padding:3px;
	border:1px solid #5B9BD5!important;
}

.tagtitle{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background:#5B9BD5!important;
}

.tagdesc{
	width:96%;
	height:auto;
	margin:0 2%;
	padding:5px 0;
	color:#111;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;

}



.tagalldiv2{
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	padding:3px;
	/*border:1px solid #C3E0E5!important;*/
	background-color:#E7F2F8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.tagtitle2{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background:#5885AF!important;
}

.tagdesc2{
	display:block;
	width:96%;
	height:auto;
	margin:0 2%;
	padding:5px 0;
	color:#003060;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	word-wrap: break-word;
	word-break: normal;

}

.tagdesc2 span{
	clear: both;
	display:block;
	width: 10%;
	text-align: center;
	float: left;
}

.tagdesc2 a{
	display:block;
	width: 90%;
	color:#0E86D4;
	float: left;
	word-wrap: break-word;
	word-break: normal;
	border-bottom:1px dashed #ccc;
	padding-bottom:6px;
	margin-bottom:6px;
}

.tagdesc2 a:hover{color:#FC2E20;}



}


@media only screen and (min-width:1400px){

.contentdivs1{
	width:75%;
	height:auto;
	float:left;
	margin:0;
	padding:0;

}

.contentdivs2{
	width:25%;
	height:auto;
	float:left;
	margin:0;
	padding:0;



}


.tagalldiv{
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	padding:3px;
	border:1px solid #5B9BD5!important;
}

.tagtitle{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background:#5B9BD5!important;
}

.tagdesc{
	width:96%;
	height:auto;
	margin:0 2%;
	padding:5px 0;
	color:#111;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;

}



.tagalldiv2{
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	padding:3px;
	/*border:1px solid #C3E0E5!important;*/
	background-color:#E7F2F8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.tagtitle2{
	width:100%;
	height:auto;
	margin:0;
	padding:10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background:#5885AF!important;
}

.tagdesc2{
	display:block;
	width:96%;
	height:auto;
	margin:0 2%;
	padding:5px 0;
	color:#003060;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	word-wrap: break-word;
	word-break: normal;

}

.tagdesc2 span{
	clear: both;
	display:block;
	width: 10%;
	text-align: center;
	float: left;
}

.tagdesc2 a{
	display:block;
	width: 90%;
	color:#0E86D4;
	float: left;
	word-wrap: break-word;
	word-break: normal;
	border-bottom:1px dashed #ccc;
	padding-bottom:8px;
	margin-bottom:8px;
}

.tagdesc2 a:hover{color:#FC2E20;}


}


.more {
	width:100%;
	text-align: right;
}

.more a{
	color:#145DA0;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	border-bottom:0px;
}


.more a:hover{color:#FC2E20;}


.i {display:inline-block;float:left;}

/*  */

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

.webstatediv{
	position:relative;
	width:100%;
	height:auto;
	padding:10px 0 3px 0;
	margin:0 0 10px 0;
	text-align: left;
	color:#595959 !important;
	font-size: 14px;
	letter-spacing:1px;
	line-height:14px;
	font-weight: 700;
}

}

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

.webstatediv{
	position:relative;
	width:100%;
	height:auto;
	padding:12px 0 3px 0;
	margin:0 0 10px 0;
	text-align: left;
	color:#595959 !important;
	font-size: 14px;
	letter-spacing:1px;
	line-height:14px;
	font-weight: 700;
}


}


@media only screen and (min-width:1400px){

.webstatediv{
	position:relative;
	width:100%;
	height:auto;
	padding:15px 0 3px 0;
	margin:0 0 10px 0;
	text-align: left;
	color:#595959 !important;
	font-size: 14px;
	letter-spacing:1px;
	line-height:14px;
	font-weight: 700;
}

}


.webstatediv a{color:#595959;}



/* 最新消息內容 */

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

.introducetitlediv{
	width:96%;
	height:auto;
	margin:0 2%; 
	padding:8px 0; 
	text-align:left;
	color:#333;
	line-height:40px;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;
	
}

.introducetitlediv span{
	font-size:16px;
	color:#386900;
	padding:0 5px 0 0;
}

.introducedatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.introducedate1{
	width:100%;
	height:auto;
	text-align:left;
}

.introducedate2{
	width:98%;
	height:auto;
	padding:10px 2% 0 0; 
	text-align:right;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.introducedescdiv{
	width:96%;
	height:auto;
	margin:0 2%;
	text-align:left;
	padding:15px 0 25px 0;
	line-height:31px;
	font-size:16px;
	font-weight:500;
	letter-spacing:0px;
	color:#111;
}

.introducedescdiv b{font-weight:700;}

.introducedescdivtitle{
	dispaly:block;
	width:120px;
	height:auto;
	margin:3px 0;
	text-align:center;
	padding:3px 0;
	font-size:18px;
	font-weight:700;
	letter-spacing:5px;
	color:#fff;
	background-color:#00B4E1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.introducedescdiv img{
	width:100%!important;
	height:auto!important;
	margin:0!important; 
	padding:8px 0!important; 

}

}

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


.introducetitlediv{
	width:96%;
	height:auto;
	margin:0 2%; 
	padding:8px 0; 
	text-align:left;
	color:#333;
	line-height:40px;
	font-size:24px;
	font-weight:700;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;
	
}

.introducetitlediv span{
	font-size:16px;
	color:#386900;
	padding:0 5px 0 0;
}

.introducedatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.introducedate1{
	width:100%;
	height:auto;
	text-align:left;
}

.introducedate2{
	width:98%;
	height:auto;
	padding:10px 2% 0 0; 
	text-align:right;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.introducedescdiv{
	width:96%;
	height:auto;
	margin:0 2%;
	text-align:left;
	padding:15px 0 25px 0;
	line-height:31px;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	color:#111;
}

.introducedescdiv b{font-weight:700;}


.introducedescdivtitle{
	dispaly:block;
	width:120px;
	height:auto;
	margin:3px 0;
	text-align:center;
	padding:3px 0;
	font-size:18px;
	font-weight:700;
	letter-spacing:5px;
	color:#fff;
	background-color:#00B4E1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.introducedescdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:8px 0; 

}


}



/*  */

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


.idxlistphotodiv{
	width:98%;
	height:auto;
	padding:8px 1%;
	margin:0;
	border-bottom: solid 1px #ddd;
}

.idxlistphotodiv1{
	width:30%;
	height:auto;
	padding:0 2% 0 0;
	margin:0;
	float:left;
}

.idxlistphotodiv1 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}

.idxlistphotodiv2{
	width:68%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	font-size:16px;
	font-weight:500;
	color:#59585D;
	line-height: 25px;
	letter-spacing:1px;
	text-align: left; 
	word-wrap: break-word;
	word-break: normal;
}

.idxlistphotodiv2 span{
	font-size:18px;
	font-weight:500;
	color:#024C9D;
	line-height: 31px;
	letter-spacing:1px;	
}


.idxlistnewsdiv1{
	width:14%;
	height:auto;
	padding:0 1% 0 0;
	margin:0;
	float:left;
	border-right: solid 1px #4A9C97;
}

.idxlistnewsdiv1 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}

.idxlistnewsdiv2{
	width:82%;
	height:auto;
	padding:0 0 0 2%;
	margin:0;
	float:left;
	font-size:16px;
	font-weight:700;
	color:#59585D;
	line-height: 25px;
	letter-spacing:1px;
	text-align: left; 
	word-wrap: break-word;
	word-break: normal;
}

.idxlistnewsdiv2 span{
	font-size:18px;
	font-weight:500;
	color:#024C9D;
	line-height: 31px;
	letter-spacing:1px;	
}



.mktitle1{
	width:auto;
	height:auto;
	padding:2px 5px!important;
	margin:0!important;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #F0AB30!important;
	font-size:12px!important;
	font-weight:700!important;
	color:#fff!important;	
}

.newdatecss{
	text-align:center;
	color:#EE2A0B;
	font-size: 16px;
	letter-spacing:0px;
	line-height:28px;
	font-weight: 300;	
}

.newdatecss span{
	font-size: 21px;
	font-weight: 700;
	letter-spacing:1px;
}




}



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

.dtlistdiv{
	width:100%;
	height:auto;
	margin:0;
	padding:0;

}




.idxlistphotodiv{
	width:98%;
	height:auto;
	padding:10px 1%;
	margin:0;
	border-bottom: solid 1px #ddd;
}

.idxlistphotodiv:hover{
	background-color:#e1e1e1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.idxlistphotodiv1{
	width:30%;
	height:auto;
	padding:0 2% 0 0;
	margin:0;
	float:left;
}

.idxlistphotodiv1 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}

.idxlistphotodiv2{
	width:68%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	font-size:16px;
	font-weight:500;
	color:#59585D;
	line-height: 25px;
	letter-spacing:1px;
	text-align: left; 
	word-wrap: break-word;
	word-break: normal;
}

.idxlistphotodiv2 span{
	font-size:20px;
	font-weight:500;
	color:#024C9D;
	line-height: 31px;
	letter-spacing:1px;	
}


.idxlistnewsdiv1{
	width:14%;
	height:auto;
	padding:0 1% 0 0;
	margin:0;
	float:left;
	border-right: solid 1px #4A9C97;
}

.idxlistnewsdiv1 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}

.idxlistnewsdiv2{
	width:82%;
	height:auto;
	padding:0 0 0 2%;
	margin:0;
	float:left;
	font-size:16px;
	font-weight:500;
	color:#59585D;
	line-height: 25px;
	letter-spacing:1px;
	text-align: left; 
	word-wrap: break-word;
	word-break: normal;
}

.idxlistnewsdiv2 span{
	font-size:21px;
	font-weight:500;
	color:#024C9D;
	line-height: 31px;
	letter-spacing:1px;	
}



.mktitle1{
	width:auto;
	height:auto;
	padding:2px 5px!important;
	margin:0!important;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #F0AB30!important;
	font-size:12px!important;
	font-weight:700!important;
	color:#fff!important;	
}

.newdatecss{
	text-align:center;
	color:#006969;
	font-size: 16px;
	letter-spacing:0px;
	line-height:28px;
	font-weight: 300;	
}

.newdatecss span{
	color:#00E1A9;
	font-size: 32px;
	font-weight: 700;
	letter-spacing:1px;
}





}


/*  */
.pageZone{
	display:block;
	margin: 8px;
}
.btn-pager{
  	border: 1px solid #038185;
  	background-color: #e4f6f6;
	padding: 0 14px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}

.btn-pager:hover{
  	border: 1px solid #038185;
  	background-color: #e4f6f6;
}

.pageZone .pageinfo {
	line-height: 30px;
	margin-left: 10px;
}
.pageZone .pageline {
	display: inline-block;
	margin-top: 10px;
}
.pageZone .pageno {display: inline-block;}
.pageZone .pager li{display: block;float:left;}
.pageZone .pager li > a,
.pageZone .pager li > span {
	border: 1px solid #fff;
	padding: 5px 14px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.pageZone .pager li > a:link,
.pageZone .pager li > a:visited {
  color: #069;
}

.pageZone .pager li > a:hover,
.pageZone .pager li > a:focus {
  border: 1px solid #038185;
  background-color: #e4f6f6;
}

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

.pageZone .pager li > a:hover,
.pageZone .pager li > a:focus {
  background-color: #ffffff;
}

.pageZone .pageinfo {
	clear: both;
	display: block;
	padding-top: 15px;
	font-size: inherit;
}

}

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



}





/*  */

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


}

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


}


@media only screen and (min-width:1400px){

}