@charset "gb2312";
*{margin:0px;padding:0px; }
a{color: #000; text-decoration: none;transition: all 0.7s;}
a:hover{color:#cf0000;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:100%; line-height:1.5em;font-family:"Arial","Heiti SC","Microsoft Yahei",simsun,sans-serif;color: #000; background:#fff no-repeat center top;}   
a img { padding: 0; border: none;}
.left{ float:left;}
.right{ float:right;}
img,video { max-width:100%; height: auto; }
.oz{ overflow:hidden;zoom:1;}
.clear{ clear:both;}
 /*主要内容*/
#tp-main{ max-width:1000px; margin:0 auto;*width:1000px;}
.tp-hotpic{ width: 49%;}
.tp-hotnews{ width:48.5%;}
.tp-line1{ padding-top:40px;}
.tp-hotnews h3{ font-size:20px; font-style:normal;}
.tp-hotnews p{ font-size:14px; padding:15px 0px 20px 0px;}
 /*头条新闻*/
.tp-line2{ padding-top:10px;}
.tp-newslist{ width:100%;}
.listbox{ margin-right:320px;}
.tp-tit1{background:url(tp-tit-bg2016.jpg) left bottom no-repeat; height:50px; line-height:50px;}
.tp-tit1 p{ font-size:24px;font-weight:700;border-bottom: 4px solid #0274c3;}
ul.tp-list1 li{ padding:20px 0px; border-bottom:1px solid #c6c6c6;}
ul.tp-list1 p{ font-size:14px;}
ul.tp-list1 h3{ font-size:24px; padding:5px 0px 8px; font-weight:300; line-height:1.3em;}
.tp-pic{display:block; float:left; overflow:hidden;}
.tp-date{color:#5c5c5c; padding-bottom:10px; padding-top:5px;}
.tp-date span{ padding-right:10px;}
.tp-side{ width:300px; margin-left:-300px;margin-bottom:25px;}
.oz a img{width:100%;}
 /*视频报道*/
.tp-itema{padding:0px 3.4% 15px; }
.tp-tit2{font-size:24px;font-weight:700; height:50px; line-height:50px; border-bottom:4px solid #0274c3; padding:0px 1.67%;}
.tp-tit2 span{ float:right; font-size:16px; font-weight:300;}
ul.tp-piclist li{/*float:left;*/ font-size:14px; padding:15px 0 0px; width:100%;/**width:130px;*/}
ul.tp-piclist li p{ text-align:center;  /*overflow:hidden;text-overflow:ellipsis; white-space:nowrap;*/ }
ul.tp-piclist li:nth-child(odd){ clear:both;}
 /*最新报�?/
.tp-itemb{margin-top:25px; }
ul.tp-sdnewslist{ padding:13px 0px 0px;}
ul.tp-sdnewslist li{ background:url(tw-blackdot2016.jpg) no-repeat 0px 12px; font-size:14px; padding-left:8px; padding-bottom:5px;}
 /*图片报道*/
ul.tp-piclist1 li{float:left; font-size:14px; padding:15px 1% 0px; width:23%;/**width:130px;*/}
ul.tp-piclist1 li img {display:block;}
ul.tp-piclist1 li p{ text-align:center;  /*overflow:hidden;text-overflow:ellipsis; white-space:nowrap;*/ }
/*ul.tp-piclist1 li:nth-child(odd){ clear:both;}*/
@media screen and (min-width: 0px) and (max-width: 320px) {
#tp-main{ max-width:320px; width:96%; margin:0 auto; padding:0px 2%;}
.tp-hotnews{margin-top:10px;}
.tp-line1{ padding-top:0px;}
.tp-hotnews h3{ font-size:14px; font-weight:700;}
.tp-hotnews p{ font-size:12px; padding:5px 0px 12px 0px;}
.tp-line2{ padding-top:0px;}
.tp-tit1{ background:none; border-bottom:4px solid #0274c3; height:40px; line-height:40px;}
.tp-tit1 p{ font-size:20px;background:none; padding-left:5px;}
ul.tp-list1 li{ padding:10px 0px;}
ul.tp-list1 p{ font-size:12px; padding:0px 0px;}
ul.tp-list1 li h3{ font-size:14px; padding:5px 0px 5px; font-weight:700;}
ul.tp-list1 a.tp-pic{ display:none;}
.tp-itema{ border:none; padding:10px 0px 0px; }
.tp-tit2{font-size:24px;height:50px; line-height:50px;}
.tp-tit2 span{ display:none;}
ul.tp-sdnewslist li{font-size:14px; }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
#tp-main{ max-width:480px; width:96%; margin:0 auto; padding:0px 2%;}
.tp-hotnews{margin-top:20px;}
.tp-hotnews h3{ font-size:18px; font-weight:700;}
.tp-hotnews p{ font-size:14px; padding:8px 0px 15px 0px;}
.tp-line1{ padding-top:0px;}
.tp-line2{ padding-top:0px;}
ul.tp-list1 li{ padding:15px 0px; }
ul.tp-list1 p{ font-size:14px;}
ul.tp-list1 li h3{ font-size:18px; font-weight:700;}
.tp-date{padding-bottom:5px; padding-top:0px;}
.tp-itema{ border:none; padding:15px 0px 0px; }
.tp-tit2 span{ display:none;}
ul.tp-sdnewslist li{font-size:16px;}
}

@media screen and (min-width: 481px) and (max-width: 769px) {
.tp-hotnews{ margin-top:20px;}
.tp-line1{ padding-top:20px;}
.tp-hotnews h3{ font-size:20px; font-weight:300;}
.tp-hotnews p{ font-size:14px; padding:10px 0px 25px 0px;}
ul.tp-list1 li{ margin:0px 2%;}
.tp-itema{ border:none; padding:15px 0px 15px; }
ul.tp-piclist li{ padding:15px 1% 0px; width:48%;}
/*ul.tp-piclist li:nth-child(odd){ clear:none;}*/
ul.tp-sdnewslist li{ float:left; width:46%; height:25px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-size:16px; margin-left:1% }
ul.tp-piclist1 li{padding:15px 1.5% 0px; width:46%;}
/*ul.tp-piclist1 li:nth-child(odd){clear:none;}
ul.tp-piclist1 li:nth-child(3n+1){ clear:both; }*/
	}
@media screen and (max-width: 769px){
	.tp-hotpic,.tp-hotpic,.tp-hotnews,.tp-newslist{ width: 100%;}
	.tp-side{ width:100%; margin-left:0px;}
	.listbox{ margin-right:0px;}
	.tp-date span{ padding-right:2%;}
	.tp-itemb{ border:none; padding:0px 0px 10px; margin-top:10px; }
    ul.tp-sdnewslist{ padding:13px 2% 0px;}
	}
	@media screen and (min-width: 769px) and (max-width: 850px) {
	.tp-hotnews h3{ font-size:18px; }	
	.tp-hotnews p{ font-size:14px; padding:6px 0px 8px 0px; }
	}
@media screen and (min-width: 850px) and (max-width: 960px) {
	.tp-hotnews p{ font-size:14px; padding:10px 0px 20px 0px; }
	}

@media screen and (min-width: 481px) and (max-width: 999px) {
	#tp-main{width:98%; margin:0 auto; padding:0px 1%;}}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1000px){body{-webkit-text-size-adjust:none}}
/************************************  fix  **************************************/
/******************  navCtrlBtn  ********************/
div.navCtrlBtn {display:block;background:#474747;color:#FFF;overflow:hidden;}
div.navCtrlBtn span {display:block;width:1000px;margin:0 auto;}
div.navCtrlBtn a img {display:block;float:left;}
div.navCtrlBtn span {line-height:36px;}
div.navCtrlBtn a.logoS,div.navCtrlBtn a.logoS img {display:none;float:none;width:auto;margin:0 auto;}
#enableBtn {display:none;float:right;width:26px;height:44px;margin:-44px 10px 0 0;cursor:pointer;background:url("http://www.taiwan.cn/images/subSNav.gif") 0 5px no-repeat;}
@media screen and (max-width: 767px){
div.navCtrlBtn {background:#0374c4;}
div.navCtrlBtn span {display:none;}
div.navCtrlBtn a.logoS,div.navCtrlBtn a.logoS img {display:block;}
#enableBtn {display:block;}
}
/******************  banner  ********************/
img.bannerL {display:block;max-width:100%;width:1000px;margin:0 auto;}
img.bannerS {display:none;max-width:100%;width:480px;margin:0 auto;}
@media screen and (max-width:480px){
img.bannerL {display:none;}
img.bannerS {display:block;}
ul.tp-piclist1 li,ul.tp-piclist li {width:48%; padding:15px 1% 0;}
}
/******************  nav  ********************/
ul#subSNav {max-width:1000px;width:1000px;margin:0 auto;padding:10px 0;font-size:1.25em;line-height:1.5em;text-align:center;background:#0274c3;overflow:hidden;transition:width,height ease 0.5s;}
ul#subSNav li {display:inline;padding:0 10px;}
ul#subSNav li a {color:#FFF;}
@media screen and (max-width: 999px){
ul#subSNav {width:100%;}
}
@media screen and (max-width: 767px){
ul#subSNav {display:block;position:fixed;top:44px;right:0;width:auto;opacity:0.8;filter:alpha(opacity=80);z-index:200;width:0;height:0;padding:0;height:autopx;}
ul#subSNav li {display:block;float:none;width:auto;padding:15px 5px 5px;font-size:0.8em;}
ul#subSNav li a:hover {display:block;background:#ff8601;}
ul#subSNav.display {width:auto;height:auto;}
}

