@charset "utf-8";

/*黃-#fee82f
  橘-#ff7917
  淺橘(menu)-#fe8024
  線-#c8c8c8
  紅-#b90e01*/

body{
    font-family: 'Muli', "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", "新細明體", "PMingLiu", sans-serif;
	font-size: 15px;
	color: #333;
	line-height:1.6;
}
.wrapper{}
.margin-b20{
	margin-bottom:20px;
}
.margin-b40{
	margin-bottom:40px;
}
.margin-t40{
	margin-top:40px;
}
.padding-t40{
	padding-top:40px;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.block{
	display:block;
}
.align-center{
	text-align:center;
}
.position-r{
	position:relative;
}
.content{
	/* background:url(../images/bg.jpg) repeat; */
	padding:40px 0;
}
.container{
	width:1000px;
	margin:0 auto;
}
/*------------ header ------------- */
.header {
	background:#fff;
	height:130px;
}
.logo{
	margin:24px 0 27px 0;
}
.logo a{
	background: url(../images/logo.jpg) no-repeat;
	width:201px;
	height:41px;
}
.submenu{
	margin-top:45px;
	position:relative;
}
.submenu li.main{
	font-size:14px;
	margin-right:12px;
}
.submenu li.main a{
	color:#5d5d5d;
}
.submenu li.main a:hover{
	color:#323232;
}
.submenu li.main li{
	border:1px #8c8c8c solid;
	border-top:none;
	text-align:center;
}
.submenu li.main li a.lang{
	font-size:13px;
	padding:3px 10px;
	margin:0 5px;
}
.submenu li.main li a.lang span{
	background:url(../images/bg_lang.png) no-repeat;
	width:5px;
	height:10px;
	display:inline-block;
	margin-left:4px;
}
.submenu li.main ul{
	border-top:1px #8c8c8c solid;
}
#searchbox{
	width: 70px;
	border:1px #8c8c8c solid;
	height:24px;
	color:#333;
	font-size:13px;
	padding:0 10px;
	border-radius:0;
}
.all-search img{
	vertical-align:bottom;
	margin-left:-4px;
}

/*控制出現的div*/
.visitbox, .applybox{
	position:absolute;
	background-color:#f0efef;
	clear:both;
	width:100px;
	text-align:center;
	top:20px;
	z-index:99;
	margin-top:5px;
}
.visitbox{
	left:40px;
}
.applybox{
	left:110px;
}
.visitbox li a, .applybox li a{
	font-size:13px;
	padding:8px;
	color:#323232;
}
.visitbox li a:hover, .applybox li a:hover{
	background-color:#979797;
	color:#fff;
}

/*nav*/
#nav {
	/* background: url(../images/nav_line.png) no-repeat right; */
	float: left;
	margin-bottom: 15px;
	padding: 0;
	width:100%;
}
#nav li a, #nav li {
	float: left;
}
#nav li {
	list-style: none;
	position: relative;
}
#nav li a {
	padding: 3px 36px;
	color:#333;
	background:url(../images/nav_line.png) no-repeat left;
}
#nav li a:hover {
	color:#fe8024;
}

/* 第二階 */
#nav li ul {
	background:url(../images/menu_arrow.png) center top no-repeat;
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	padding-top: 6px; 
	margin: 0 0 0 -75px;
	z-index:99;
}
#nav li:hover > ul {
	display: block;
}
#nav li ul li, #nav li ul li a {
	float: none;
}
#nav li ul li {
	_display: inline; /* for IE6 */
}
#nav li ul li a {
	width: 150px;
	display: block;
	background:#fe8024;
	color:#fff;
	padding:8px 15px;
}
#nav li ul li a:hover{
	background:url(../images/bg_nav.png) repeat;
	color:#fff;
}
/* html editor */
.editor{
	margin-bottom:20px;
}
.editor p{
	margin-bottom: 15px;
}
.editor ul{
	list-style: disc;
	margin-left: 15px;
	padding-left: 15px;
}
.editor ol{
	list-style: decimal;
	margin-left: 15px;
	padding-left: 15px;
}
.editor li{
	list-style:inherit;
}
.editor img{
	max-width:100%;
	height:auto;
}


/*------------ footer ------------- */
.index-footer{
	background:#eaeaea;
	height:190px;
	padding:45px 0;
}
.footer-logo{
	background:url(../images/footer_logo.png) no-repeat;
	width:283px;
	height:51px;
	float:left;
	position:relative;
}
.footer-logo ul{
	margin:65px 0 0 170px;
}
.footer-logo .like{
	position:absolute;
	top:70px;
}
.footer-logo li a.fb-link, .footer-logo li a.youtube-link{
	background:url(../images/footer_share1.png) no-repeat;
	width:36px;
	height:36px;
	position:relative;
	z-index:9;
}
.footer-logo li a.fb-link{
	background-position:0 0;
	margin-right:10px;
}
.footer-logo li a.fb-link:hover{
	background-position:0 -36px;
}
.footer-logo li a.youtube-link{
	background-position:-36px 0;
}
.footer-logo li a.youtube-link:hover{
	background-position:-36px -36px;
}
.footer-text{
	float:right;
	text-align:right;
	color:#616161;
	border-left:1px #767676 dashed;
	padding-left:260px;
}
.footer-text a{
	color:#616161;
	margin-right:25px;
	margin-bottom:30px;
	display:inline-block;
}
.footer-text a:hover{
	color:#000;
}
.footer-text p{
	font-size:12px;
}
.footer-text b{
	font-size:13px;
}
.footer-text b span{
	background:url(../images/home.png) no-repeat 0 0;
	width:12px;
	height:12px;
	display:inline-block;
	margin-right:8px;
}

/*------------ scrolltoTop ------------- */
.scrolltoTop{
	background:url(../images/scrolltoTop.png) no-repeat;
	width:48px;
	height:55px;
	background-size:100%;
	display:block;
	position:fixed;
	bottom:190px;
	right:20px;
	background-position:0 0;
	display:none;
	z-index:99;
}
.scrolltoTop:hover{
	background-position:0 -55px;
}

/*------------ index ------------- */
/* mainbanner */
.mainbanner{
	margin:0 auto;
	width:100%;
	/* height:450px; */
	height:285px;
	
}
/* index-news */
.index-news{
	width:100%;
}
.title{
	border-bottom:1px #c8c8c8 solid;
}
.title span{
	font-size:25px;
	margin-right:15px;
}
.news, .class {
	color:#333;
	padding:25px 12px;
	border-bottom:1px #c8c8c8 solid;
}
.news{
	height:70px;
}
.class{
}
.news:hover, .class:hover{
	background:#eceaea;
}
.date-first, .date-second{
	padding:15px 55px;
	margin-right:60px;
}
.date-first{
	background:#fee82f;
}
.date-second {
	background:#ff7917;
	color:#fff;
}

/* index-social */
.index-social{
	/* background:url(../images/bg_indexshare.jpg) repeat-x; */
	height:150px;
	padding:25px 0;
}
.index-social a{
	margin-right:40px;
}
.fblike-bt{
	position:absolute;
	left:295px;
	top:50px;
	width:85px;
}

/* index-information */
.index-information{
}
.index-information-box, .page-box{
	width:305px;
	margin:0 38px 30px 0;
	float:left;
}
.box{
	height:169px;
	background-color:#000;
	width:302px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.box img{
	vertical-align:top;
	max-height:169px;
	max-width:303px;
}
.page-box{
	margin-bottom:0;
	border:1px #c8c8c8 solid;
}
.index-information-box h5, .index-information-box .wall, .page-box h5{
	background:#FFF;
	color:#333;
}
.index-information-box h5, .page-box h5{
	padding:20px 20px 0;
	height:79px;
}
.index-information-box h5 span, .page-box h5 span{
	background:url(../images/dot.png) no-repeat 0 0;
	width:3px;
	height:15px;
	display:inline-block;
	margin-right:10px;
}
.index-information-box a{
	border:1px #c8c8c8 solid;
}
.index-information-box a:hover{
	border:1px #ff7917 solid;
}
.index-information-box a:hover h5, .index-information-box a:hover .wall{
	background:#ff7917;
	color:#fff;
}
.index-information-box a:hover h5 span{
	background-position:-3px 0;
}

/*------------ page ------------- */
/* breadcrumb */
.breadcrumb{
	height:40px;
	background:#fee82f;
}
.breadcrumb ul{
	font-size:13px;
	line-height:30px;
}
.breadcrumb ul li{
	display:inline-block;
}
.breadcrumb ul li a span.b-home{
	background:url(../images/home.png) no-repeat 0 -13px;
	width:15px;
	height:15px;
	display:inline-block;
}
.breadcrumb ul li a:hover span.b-home{
	background-position:0 -29px;
}
.breadcrumb ul li a{
	color:#8a8a8a;
}
.breadcrumb ul li a span, .breadcrumb ul li.now span{
	background:url(../images/bg_breadcrumb.png) no-repeat;
	width:54px;
	height:10px;
	display:inline-block;
	margin-right:3px;
}
.breadcrumb ul li a span{
	background-position:0 -10px;
}
.breadcrumb ul li.now span, .breadcrumb ul li a:hover span{
	background-position:0 0;
}
.breadcrumb ul li.now, .breadcrumb ul li a:hover{
	color:#333;
}

/* performance */
.style-input{
	height:25px;
	border:1px #c8c8c8 solid;
	background:#f2f2f2;
	margin:0 15px;
}
.sub-title{
	background:#eceaea;
	padding:25px 0 25px 25px;
	clear:both;
}
.sub-title span{
	font-size:20px;
	color:#ff7917;
	font-weight:bold;
	margin-left:5px;
}
.date-page{
	font-size:18px;
	color:#b90e01;
	padding:0 30px 0 15px;
	position:relative;
}
.name-page{
	font-size:20px;
	position:relative;
	z-index:9;
}
.arrow{
	background:url(../images/arrow01.png) no-repeat;
	width:18px;
	height:18px;
	display:inline-block;
	margin-left:30px;
}
.yellow-news, .yellow-class{
	position:absolute;
	background:url(../images/bg_news.png) no-repeat;
	width:34px;
	height:34px;
	z-index:-1;
}
.yellow-news{
	top:-5px;
	left:-3px;
}
.yellow-class{
	top:25px;
	left:5px;
}

/* pagination */
.pagination{
	text-align:center; 
	clear:both;
}
.pagination a, .pagination span.current, .pagination span, .pagination span.disabled{
	background:url(../images/bg_pagination.png) no-repeat;
	color:#fff; 
	height:28px;
	width:28px; 
	margin:0 8px;
	display:inline-block;
	padding:3px;
	text-align:center;
}
.pagination a, .pagination span{
	background-position:0 0;
}
.pagination a:hover, .pagination span.current{ 
	background-position:0 -28px;
}
.pagination span.disabled {
	background-position:0 -56px;
}

/* performancedt */
.pic{
	background:url(../images/page_shadow.png) no-repeat;
	width:605px;
	height:420px;
	margin-right:25px;
}
.picbg{
	background-color:#fff;
	text-align:center;
	height:340px;
	/*padding:20px 0;*/
}
.info{
	width:365px;
}
.btn{
	text-align:center;
	display:inline-block;
}
.btn-event{
	background:url(../images/btn.png) no-repeat 0 0;
	width:365px;
	height:35px;
	line-height:35px;
	color:#fff;
}
.btn-event:hover, .submit:hover{
	color:#333;
}
.btn-control{
	background:url(../images/btn.png) no-repeat 0 -35px ;
	width:110px;
	height:30px;
	line-height:30px;
	margin-right:13px;
	color:#6a6969;
}
.btn-control:hover{
	color:#000;
}

/* contact */
.contact-info{
	width:285px;
	margin-right:60px;
}
.contact-info h5{
	position:relative;
	z-index:99;
}
.yellow-name{
	position:absolute;
	background:url(../images/bg_name.png) no-repeat;
	width:52px;
	height:52px;
	top:-11px;
	left:-10px;
	z-index:-1;
}
.contact-info .time{
	margin-left:78px;
}
.alert-danger{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px #faebcc solid;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}


/*form*/
.form{
	width:655px;
}
.left{
	height:46px;
	margin:0 30px 15px 0;
	padding-right:15px;
}
.left span{
	background:#fee82f;
	height:7px;
	display:block;
	margin:-13px -15px 0 0;
}
.right{
	width:550px;
	margin-bottom:15px;
	box-sizing:border-box;
}
.right .bg-form, .epaper .bg-form{
	background:#fff;
	border:1px #c8c8c8 solid;
	color:#333333;
	vertical-align:middle;
}
.right .bg-form{
	width:550px;
	height:46px;
	padding:12px 15px;
}
.epaper .bg-form{
	width:150px;
	height:35px;
	padding:8px 10px;
}
.code{
	display:inline-block;
	vertical-align:bottom;
	margin-right:20px;
}
.code img{
	display:block
}
.right textarea{
	min-height:160px;
	box-sizing:border-box;
}
.submit{
	background:url(../images/btn.png) no-repeat 0 -65px;
	width:400px;
	height:30px;
	color:#6a6969;
	line-height:30px;
	margin:15px 0 0 15px;
	border:none;
	cursor:pointer;
}
/*map*/
.mapBanner{
	position:relative;
}
#map{
	width:100%;
	height:450px;
	margin:0 auto;
	margin-bottom:-40px;
}

/* news */
.page-news{}

/* daf-list */
.daflist{
	position:relative;
	padding-bottom:20px;
}
.daflist-text{
	width:657px;
	height:233px;
	position:relative;
}
.daflist-text p, .class p, .arrow-class span{
	color:#707070;
}
.daflist-btn{
	background:url(../images/btn.png) no-repeat 0 -95px;
	width:657px;
	height:35px;
	line-height:35px;
	color:#fff;
	position:absolute;
	bottom:0;
}

/* class */
.class li{
	position:relative;
	z-index:9;
}
.class h4, .class p{
	padding-left:15px;
}
.arrow-class{
	background:url(../images/arrow01.png) no-repeat;
	display:inline-block;
	position:absolute;
	right:15px;
	bottom:0;
	width:18px;
	height:18px;
}

/* digi-wall */
.wall{
	font-size:14px;
	padding:10px 15px;
	height:108px;
}
.download-bt span{
	background:url(../images/download.png) no-repeat;
	width:12px;
	height:12px;
	display:inline-block;
	margin-right:5px;
}
.download-bt, .info p span{
	color:#337775;
	font-weight:bold
}
.download{
	text-decoration:underline;
	margin-right:15px;
	color:#707070;
}
.download:hover{
	color:#30AAD2;
}

/* links */
.link-box{
	width:480px;
	margin-right:40px;
	height:102px;
}
.link-box a{
	color:#333;
}
.link-box a:hover{
	color:#b90e01;
}
.logo-link{
	width:220px;
	margin-right:20px;
	border:1px #c8c8c8 solid;
	background:#fff;
}
.logo-link img{
	display:block;
	margin:0 auto;
}
.sponsor{
	width:240px;
}
.link-box h6{
	text-decoration:underline;
}
.sponsor p{
	color:#707070;
	font-size:14px;
}

/* result */
.result{
	padding:15px 0;
	border-bottom:1px #c8c8c8 solid;
	margin-bottom:10px;
}
.result h3 a{
	color:#333;
}
.result h3 a:hover{
	color:#b90e01;
}
span.keyword{
	color:#ff7917;
	font-weight:bold;
}

/* epaper */
.epaper{
}
.search{
	margin-left:-4px;
}
.search img{
	vertical-align:bottom;
}
/* table */
.epaper-list{
}
.epaper-list td{
	padding:10px 0;
	text-align:center;
	vertical-align:top;
}
.epaper-list tr{
	border-bottom:1px #c8c8c8 solid;
}
.epaper-list .item{
	background:#ff7917;
	color:#fff;
	font-size:18px;
}
.epaper-list td.heading{
	width:700px;
	text-align:left;
}
.epaper-list td.heading span{
	margin-top:5px;
}
.epaper-list td.heading a{
	color:#b90e01;
}
.epaper-list td.heading a:hover{
	text-decoration:underline;
}