@charset "gb2312";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #404040; text-decoration: none;transition: all 0.7s;}
a:hover{color:#ff8500;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family:"Arial","Heiti SC","Microsoft Yahei",simsun,sans-serif;color: #000;background:#fff;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video { max-width: 100%; height: auto;border:0; }
img{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

#header{ background:#316fc4;}
.bannerTop {display:block;width:100%;height:auto;}
#nav{ width:100%; background: url(http://ats.taiwan.cn/Topic/2016/ncpjyh/images/nz_navbg.gif) no-repeat center; height:44px; }
#nav a{ color:#fff;text-decoration: none;}
ul#subSNav {width:1000px;height:auto;margin:0 auto;overflow:hidden;}
ul#subSNav li {float:left;padding:0 5%;font-size:20px; height:44px; line-height:44px;}
ul#subSNav li a {color:#FFF; display:block;}
#nav h4{ display:none; text-align:center; line-height:45px; font-size:18px; font-weight:700; color:#fff; }
#enableBtn {float:right;width:22px;height:17px;margin:-31px 10px 0px 0px;display:none;cursor:pointer;background:url(http://ats.taiwan.cn/other/hnxt/images/navbtnbg.png) no-repeat;}
@media screen and (min-width: 0px) and (max-width: 640px) {
#nav{ height:auto; position:fixed; top:0px; z-index:1000;background: none;background:#316fc4;}
#header{ margin-top:43px;}
#nav h4,#enableBtn {display:block;}
ul#subSNav {width:100%;padding-left:0%;height:0px;transition:height ease 0.5s; overflow:hidden; overflow:hidden; zoom:1;}
ul#subSNav li{display:block;border-left:none;line-height:35px; height:35px; float:left; text-align:center;  padding:0px; font-weight:300; width:25%; font-size:16px;}
ul#subSNav li a{ color:#fff; display:block; }
ul#subSNav li a:hover{ color:#fff;background:#f7b608;}
#nav h3.eBtn ~ #subSNav {height:70px;}
}
@media screen and (min-width: 641px) and (max-width: 769px) {
	ul#subSNav{ width:100%; }
	ul#subSNav li{ width:16%; text-align:center; padding:0px;font-size:18px;}
	}
	
#main{ width:1000px; overflow:hidden;zoom:1; margin:0 auto; }
.line1{ overflow:hidden;zoom:1; padding:20px 0px 20px 0px;}
.line1 .left{ float:left; width:570px;}
.line1 .right{ width:400px; float:right; }
/*焦點圖*/
#imgShow {position:relative;width:100%;max-height:290px;margin-bottom:5px;overflow:hidden;}
#container {width:100%;height:100%;margin:0 auto;overflow:hidden;white-space:nowrap;}
#container ul {width:400%;white-space:nowrap;display:inline-block;}/*width值：幾張圖片就是百分之幾百。如4張圖就是400%*/
#container li {position:relative;display:inline-block;width:25%;overflow:hidden;}
#container img {display:block;width:100%;max-height:290px;border:none;}
#container h3 {position:absolute;bottom:0;width:100%;background-color:#333;font-weight:normal;text-align:center;opacity:0.7;filter:alpha(opacity=70);z-index:100;padding:5px;font-size:0.875em;}
#container h3 a {color:#FFF;}
.arrowL,.arrowR {position:absolute;top:40%;width:50px;height:50px;cursor:pointer;background:url(http://www.taiwan.cn/images/btnLeft.v4.png) 50% 50% no-repeat;border-radius:50%;transition-property:background-color;transition-duration:1s;}
.arrowL {left:10px;}
.arrowR {right:10px;background:url(http://www.taiwan.cn/images/btnRight.v4.png) 50% 50% no-repeat;}
.btnHover {background-color:#666;opacity:0.6;filter:alpha(opacity=60);}
	
/*第一行右側*/
.line1 .right h1{font-size:20px;}
.line1 .right h1 a{color:#007bc1; }
.line1 .right p{ font-size:16px; padding:10px 0px 0px; height:2.8em; overflow:hidden; color:#999999;}
.line1 .right p a{ color:#999999;}
.line1 .right p a:hover{color:#ff8500;}
.line1 .right ul{ padding:15px 0px 0px;}
.line1 .right ul li{ background:url(http://ats.taiwan.cn/agri/images/ag-dot.jpg) no-repeat 0px 8px; padding-left:15px; padding-bottom:8px; height:1.3em; overflow:hidden;}	
@media screen and (min-width: 0px) and (max-width: 320px){
	.line1 .right p{ font-size:14px;}
	.line1 .right ul li{ font-size:14px;}
	.line1 .right h1{ font-size:18px;}
	}
@media screen and (min-width: 321px) and (max-width: 480px){
	.line1 .right p{ font-size:14px;}
	.line1 .right ul li{ font-size:14px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px) {
#main{ width:96%; margin:2% auto;}
.line1{ background:none; padding:10px 0px 0px;} 
.line1 .left{ width:100%;}	
.line1 .right{ width:100%; padding-right:0px;}
.line1 .right p{ height:auto; overflow:auto;}
.line1 .right ul li{ height:auto; overflow:auto;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
#main{ width:96%; margin:2% auto;}
.line1{ padding-bottom:0px;}
.line1 .left{ width:46.36%;}
.line1 .right{ width:48.18%;}
.line1 .right p{ font-size:14px; height:3.2em;overflow:hidden;}
.line1 .right h1{ height:1.2em; overflow:hidden; font-size:18px; padding-top:5px;}
.line1 .right ul li{ font-size:14px;}
.line1 .right ul li:nth-child(10){ display:none;}
	}	
/*第三行 要聞 關於論壇*/
.line3{ overflow:hidden; zoom:1;padding-top:20px;}
.line3 .left{width:100%; float:left; }
.line3 .left .area{ margin-right:430px;}
.line3 .box p{ font-size:14px; padding-top:8px; }
.line3 .left ul li{  padding:8px 0px 2px; overflow:hidden;zoom:1; }
.line3 .left ul li h3{ font-size:18px; font-weight:700;}
.line3 .left ul li p{ font-size:14px; padding-top:6px; }
.tit1{ background:url(http://ats.taiwan.cn/Topic/2016/ncpjyh/images/nz_tit1.gif) no-repeat; font-size:22px; font-weight:700; color:#0266cc; padding-left:30px; height:36px; padding-top:4px;}
.tit1 a{color:#0266cc;}
.line3 .right{width:400px; float:right; margin-left:-400px;}
.tit2{ background:url(http://ats.taiwan.cn/Topic/2016/ncpjyh/images/nz_tit2.gif) no-repeat; font-size:22px; font-weight:700; color:#0266cc; padding-left:30px; height:36px; padding-top:4px;}
.tit2 a{color:#0266cc;}
.line3 .right dl{font-size:14px; padding:0px 15px 10px; background:#f4f4f4; margin-top:5px; height:350px; overflow-y: scroll;}
.line3 .right dl dt{ font-weight:bold; padding-top:10px; }
.line3 .right dl dd span{ padding:0px 4px; }
@media screen and (min-width: 0px) and (max-width: 640px) {
.line3{ overflow:hidden; zoom:1;padding-top:15px; margin:0 2%;}
.line3 .left .area{ margin-right:0px;}
.line3 .right{width:100%; float:right; margin-left:0px; padding-top:15px;}
.line3 .left ul li i{ display:none;}
.line3 .left ul li a{ margin-right:0px; }
.line3 .box{ padding-bottom:15px; }
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
.line3{padding-top:20px;margin:0 2%;}
.line3 .left ul li a{ margin-right:0px; height:22px; overflow:hidden;}
.line3 .left{ width:47%; }
.line3 .left .area{ margin-right:0px;}
.line3 .right{ width:47%; float:right; margin-left:0px; }
.line3 .right dl{ height:auto; overflow:auto;}
	}	
/*第四行*/
.lin4{ overflow:hidden;zoom:1; padding-top:30px;}
.tit3{ background:url(http://ats.taiwan.cn/Topic/2016/ncpjyh/images/nz_tit3.gif) no-repeat center; font-size:22px; font-weight:700; color:#0266cc; padding-left:30px; height:36px; padding-top:4px; text-align:center;}
.tit3 a{color:#0266cc;}
.lin4 ul{overflow:hidden;zoom:1; padding-bottom:10px;}
.lin4 ul li{ padding:15px 0.91% 15px; float:left; width:23.18%; text-align:center;}
.lin4 ul li a.trans{ display:block;  overflow:hidden; width:100%; max-width:255px;}
.lin4 ul li a.trans:hover img{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);}
.lin4 ul li a.trans img{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-backface-visibility: hidden;display:block; width:100%;}
.lin4 ul li img{ width:100%; max-width:255px;}
.lin4 ul li h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:300; padding-top:10px;}
@media screen and (min-width: 0px) and (max-width: 320px) {
	 .lin4 ul{ width:255px;margin:0 auto; }
	 .lin4 ul li{ width:100%; float:none; padding:10px 0px;}
	}
@media screen and (min-width: 321px) and (max-width: 640px) {

.lin4 ul li{ padding:10px 2%; float:left; width:46%; max-width:255px;}
.lin4 ul li h3{ overflow:visible; white-space:normal;}
.lin4 ul li:nth-child(odd){ clear:left;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
.lin4 ul li{ padding:10px 1.6%; float:left; width:30%;}
.lin4 ul li h3{ overflow:visible; white-space:normal;}
.lin4 ul li:nth-child(3n+1){ clear:left;}
	}	
/*第五行*/
#line5{  margin-top:20px;}
#line5 .area{ width:1000px; margin:0 auto 20px; padding-top:20px;}
#line5 .box{width:1000px; position:relative; margin:0 auto;}
#line5 .l{ position:absolute; left:10px; top:40px; z-index:100}
#line5 .r{ position:absolute; right:10px; top:40px;z-index:100}
#div1{ width: 90%; height: 135px; position: relative; margin: 20px 5%;overflow: hidden;}
#div1 ul { width: 100%; height: 135px; position: relative; }
#div1 ul li { position:relative; width:240px; height:135px; float: left; list-style: none; margin-right:15px;}
#div1 ul li h2{position: absolute;left: 0px;top: 105px;z-index: 10;width: 96%;background: rgba(0,0,0,0.5);font-size: 14px;padding: 0px 2%;color: #fff;font-weight: 0px; height:30px; line-height:30px; overflow:hidden;}
.ie8 #div1 ul li h2{background: #000;filter:Alpha(opacity=70);}

#div1 ul li h2 a{ color:#fff;}
#div1 ul li img { width: 240px; height: 135px; display: inline-block;}
ul.div2{ display:none;}
@media screen and (min-width: 0px) and (max-width: 320px){ul.div2 li{width:100%; max-width:240px; margin:0px auto 10px;}}
@media screen and (min-width: 321px) and (max-width: 480px){ul.div2 li{width:48%; float: left;  margin:0 1%}}
@media screen and (min-width: 0px) and (max-width: 480px){
#div1{ display:none;}
#line5 .l,#line5 .r{ display:none;}
ul.div2{display:block; width: 100%;margin: 20px auto;overflow: hidden; zoom:1;}
ul.div2 li { position:relative;}
ul.div2 li h2{position: absolute;left: 0px;bottom:0px;;z-index: 10;width: 96%;background: rgba(0,0,0,0.5);font-size: 14px;padding: 0px 2%;color: #fff;font-weight: 0px; height:30px; line-height:30px; overflow:hidden;}
ul.div2 li h2 a{ color:#fff;}
ul.div2 li img { width:100%;}}
@media screen and (min-width: 0px) and (max-width: 769px){ 
#line5 .area{ width:100%; margin-bottom:0px;}
#line5 .box{ width:100%;}
}
/*翻頁*/
.page{ text-align:center;}
.page a{ border:1px solid #797979; padding:0px 5px; margin:0px 5px;}

#footer{ width:100%; background:#e3e3e3;}
#footer a{ color:#000; text-decoration:none;}
#footer a:hover{color:#ff8500;}
#footer div{ width:100%; margin:0 auto; max-width:1000px; padding:10px 0px; overflow:hidden;zoom:1;background:url(http://ats.taiwan.cn/homepage/images/tw_logo_bottom.gif) no-repeat center left; font-size:12px;*width:1000px;}
#footer div p{ text-align:right;}
#footer div p img{vertical-align:middle; display:inline; padding-right:8px;}
#footer div p span{ padding-right:5px;}
#footer ul{ text-align:right; padding:5px 0px 10px; }
#footer ul li{ display:inline; }
#footer ul li a{ padding:0 5px; border-right:1px solid #000;}
.ft-logo{ display:none;}
@media screen and (min-width: 0px) and (max-width: 979px) {
	#footer{ background:#dedede;}
	#footer div{ background:none; font-size:14px;}
	#footer div p{ display:none;}
	#footer ul{ border-bottom:1px solid #c8c8c8; text-align:center; padding:10px 0px 15px;}
	#footer ul li{ display:inline-block;}
	#footer ul li a{ border-right:1px solid #777878; color:#777878;}
	#footer ul li:last-child{ display:none;}
	#footer ul li:nth-child(7) a{ border:none;}
	.ft-logo{ display:block; border-top:1px solid #eaeaea; text-align:center; padding:20px 0px 35px;}
	.ft-logo img{ display:inline;}
		}
@media screen and (min-width: 980px) and (max-width: 999px) {
	#footer div{ width:96%}
	}
/**********ie8含以下**********/	
.ie8 #footer div{ width:1000px;}