@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #515151; 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:'Microsoft Yahei',simsun,simhei,Arial,'Heiti SC',sans-serif;color: #000;/*background:#fdf5d5;*/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;}
.seach{ position:absolute; top:20px; width:100%}
.seach div{ width:1100px; margin:0 auto;  }
.input-group{ background:url(../images/fjinputbg.png) no-repeat; width:320px; height:32px; margin-right:20px;float:right;}
.search-text{ width:260px; border:none; line-height:32px; margin:0px 15px 0px 15px; background:none;}
.search-btn{ background:none; width:24px; height:23px; background:url(../images/fjsearch.png) no-repeat; border:none;}
.ie8 .search-text{  margin:0px 8px 0px 8px; height:32px; line-height:32px;}
.ie8 .search-btn{background:url(../images/fjsearch.png) center no-repeat;height:32px;}
/* 導航 */
#nav{ width:100%; background: #0075c9; height:49px; position:relative;z-index:200; }
#nav a{ color:#fff;text-decoration: none;}
ul#subSNav {width:1100px;height:auto;margin:0 auto;overflow:hidden;}
ul#subSNav li {float:left; width:9%;font-size:16px; height:49px; line-height:49px; text-align:center;}
ul#subSNav li a {color:#FFF; display:block;}
ul#subSNav li a:hover{ background:#f5be2b;}
#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;}
ul#subSNav li ul {position:absolute;top:49px;display:none;background:#0075c9;*margin-left:-55px;}
ul#subSNav li ul li {float:none;width:auto;padding:0 0px; line-height:45px; text-align:center; min-width:108px;}
ul#subSNav li ul li a {*display:inline;zoom:1;min-width:88px; padding:0 10px;}
ul#subSNav li:hover > ul {display:block;}
@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:120px;}
}
@media screen and (min-width: 641px) and (max-width: 769px) {	
ul#subSNav{ width:100%; }
ul#subSNav li{text-align:center; padding:0px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px) {ul#subSNav li ul{ display:none;}}
#main{ width:1100px; overflow:hidden;zoom:1; margin:0 auto; }	
@media screen and (min-width: 0px) and (max-width: 769px){ #main{width:96%; margin:0 2%;}
ul#subSNav li:hover > ul {display:none;}
.seach,.seach div{ display:none;}
}
/*patch_special_begin*/
@media screen and (max-width:769px){
ul#subSNav li.spec a {display:none;}
ul#subSNav li.spec ul {position:static;display:block;background:none;}
ul#subSNav li.spec ul li {display:none;width:100%;min-width:auto;overflow:hidden;}
ul#subSNav li.spec ul li.spec-display {display:block;}
ul#subSNav li.spec ul li.spec-display a {display:block;min-width:auto;height:49px;padding:0;line-height:49px;}
}
@media screen and (min-width:640px) and (max-width:769px){
#nav {overflow:hidden;}
ul#subSNav {width:auto;padding:0 40px 100%;font-size:0;white-space:nowrap;overflow-x:scroll;}
ul#subSNav li {float:none;display:inline-block;vertical-align:middle;width:auto;font-size:16px;}
ul#subSNav li a {padding:0 10px;}
ul#subSNav li.spec ul li.spec-display a {padding:0 10px;}
#nav:before,#nav:after {position:absolute;left:0;top:0;content:"";display:block;width:40px;height:100%;background:linear-gradient(to right,#0075c9 50%, rgba(255,255,255,0));}
#nav:after {left:auto;right:0;background:linear-gradient(to left,#0075c9 50%, rgba(255,255,255,0));}
}
@media screen and (max-width:640px){
ul#subSNav li.spec ul li.spec-display a {display:block;min-width:auto;height:35px;padding:0;line-height:35px;}
}
/*patch_special_end*/

/*友情連結*/
#link{ background:#fdf5e1;}
#link ul{width:1100px; margin:0 auto; overflow:hidden;zoom:1; padding:10px 10px 5px; color:#fff; font-size:14px;}
#link ul li{ float:left; color:#b21500; line-height:15px; height:15px; padding-bottom:5px;}
#link ul li a{ display:block; border-right:1px #b21500 solid; padding:0px 10px; text-align:center; color:#b21500; }
/*頁尾*/
#foot{ background:#0075c9; text-align:center; padding:30px 0px 50px; color:#fff; font-size:14px;}
#foot a{ color:#fff;}
#foot p span{ padding:0 10px;}
@media screen and (min-width: 0px) and (max-width: 480px){#link{ display:none;}}	
@media screen and (min-width: 0px) and (max-width: 769px){
	#link ul{width:96%; margin:0 2%;}}