@charset "utf-8";
/* CSS Document */

@import url("reset.css");

html, body { width:100%; height: auto;overflow-X:hidden; }
body {  background: #fff; }


.img-response{ max-width:100%; height:auto;}

/*:before{ content:"\f146";font-family: 'FontAwesome'; }*/

/*------------item-inline-block------------*/
.item-inline-block{ letter-spacing:-5px;}
.item-inline-block > *{display: inline-block !important; letter-spacing:1px;vertical-align: top;}

/*------------item-table-cell------------*/
.item-table-cell{ display:table;}
.item-table-cell > *{display: table-cell !important; vertical-align: top;}


/*------------item-flex------------*/
.item-flex{ display:flex !important;display:-webkit-flex !important;}
.item-flex > *{flex:1;-webkit-flex:1 }

@media screen and (max-width: 640px) {
	
.vertical-xs{ display:block !important;	}
.vertical-xs  > *{  display:block !important; width:100% !important ;float:none !important; }

}


.show{ display:block;}
.hide{ display:none;}

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

	.hide-xs{ display:none !important; }
	.show-xs{ display:block !important;}

}





.eventWrap{width:100%; height: auto;position:relative; font-family:"微軟正黑體";line-height:1.6; color:#333 ; font-size:15px;}

.nav{ width:100%; background:#fff; display:block;}
.nav .content{ width:100%; max-width:1000px;margin:0 auto;}
.nav .content .logo{ float:left; padding:5px}
.nav .content .btn{ float:right; color:#ed3024; text-decoration:none; font-weight:bold; height:38px; line-height:38px; padding:0 10px;}
.nav .content .btn img{ display:inline;}
.nav .content .btn:hover{ background: #E9E9E9; }




/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 版頭 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.header {width:100%; position:relative; height: auto; }
.header .center .phone { display: none;}
.header div img{ width:100%; height:auto;}

.header .center{width:100%;max-width:1000px;position:relative; margin:0 auto; z-index:1;text-align:center; height:205px; padding:30px 20px 20px; font-size:1em;
 background:url(../images/header.gif) no-repeat center top; }
.header .left,.eventWrap .header .right{ position:absolute; width:50%; top:0; height:100%;z-index:0;}
.header .left{  left:0; background:url(../images/header-left.gif) no-repeat  right  top; margin-left:-500px }
.header .right{ right:0; background:url(../images/header-right.gif) no-repeat 500px  top;}

.header .center h1{ font-size:3.3em;  font-weight:bold; color:#fff; text-align:center; line-height:1.2; margin-bottom:10px;}
.header .center h2{ font-size:1.4em;display:inline-block; background:#fff; color:#ed3024;font-weight:bold;text-align:center; padding:5px 10px; }


@media screen and (max-width: 1024px) {
	
.header .center{font-size:80%;}

}

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


/*---------版頭--------*/
 .header {width:100%; position:relative; height: auto;}
 .header .center{background:url(../images/header-phone.gif) no-repeat center top;height: auto;}

.header .center{font-size:66%;}


}
	
	



 /*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.eventWrap .container {width:94%;  max-width:926px;margin:0 auto; background:#FFFFFF;}

.article{ margin:20px  auto;}
.article .list{  border-bottom:1px solid #CCC; padding:14px 0;}
.article .list:last-child{ border-bottom: none}
.article .list .pic{ width:310px; margin-bottom:10px;}
.article .list .pic img{ width:100%; border:1px solid #CCC;}
.article .list .pic:hover img{ opacity:.8;}
.article .list .text{padding-left:20px;}
.article .list .text .title{ font-size:20px; font-weight:bold; margin-bottom:6px;}
.article .list .text .content{ min-height:116px; }
.article .list .text .btn-read{ float:right; color:#ed3024;padding:2px 5px;}
.article .list .text .btn-read:hover{ background:#ed3024; color:#fff; text-decoration:none; }


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

.article .list{ border-bottom: none;}
.article .list .pic{ width:100%;}
.article .list .text{padding-left:0;}
.article .list .text .content{ min-height: inherit; }

}


.article-page{ margin:30px 0 60px}

.article-page .title{ font-size:33px; font-weight:bold; margin-bottom:20px; line-height:1.4}

.article-page .subTitle{ font-size:20px; color:#ed3024;margin:16px 0;font-weight:bold;line-height:1.4}

.article-page p{}

.article-page .pic { margin:20px 0;max-width:100%; height:auto;}


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

.article-page .title{  font-size:26px;}
.article-page .subTitle{ font-size:18px;}

.article-page .pic { width:100%; max-width:none;}

}

.readMore{margin:50px 0 30px; }
.readMore a{ color:#ed3024; display:block; margin-bottom:5px; }
.readMore a:hover{  }

.btn-home{ background:#ededed; border:1px solid #b1b1b1; border-radius:3px; padding:8px ; width:60%; max-width:200px; display:block; margin:0 auto; text-align:center;
 text-decoration:none; color:#2b2b2b; 

}
.btn-home:hover{ background:#e2e2e2;}


.bottom-AD{ text-align:center;}

.bottom-AD .item{ margin-right:10px; width:302px; margin-bottom:10px;}
.bottom-AD .item:last-child{margin-right:0;}
.bottom-AD .title{ font-weight:bold; background:#ed3024; color:#fff; text-align:center; padding:5px ;}
.bottom-AD img{border:1px solid #CCC; width:100%; height:auto;}






.fb-page{height:222px !important; min-height:222px !important; max-height:222px !important;}






 /*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 下方宣告 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

 .footer { width:100%; position:relative;border-top:1px solid  #CCC;  margin-top:30px;  }

 .footer .content {width:96%;  max-width:980px; padding:1.6em 0; margin:0 auto; position:relative; z-index:2; background:#FFF; text-align: center;} 


.footer .content .logo { display:inline-block;vertical-align:middle; border-right:5px solid #F00; height:70px; line-height:70px; padding-right:30px; margin-right:.8em;}
.footer .content .logo img{ display:inline-block;vertical-align:middle; margin:0 .3em; }

 .footer .content .text {display:inline-block; font-size:.9em;vertical-align:middle; text-align: center;}
 .footer .content .text a{ color:#333; text-decoration: underline;}
 .footer .content .text a:hover{ color: #F00;  }





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

 .footer .content .logo {  border-right: none; }


}


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

 .footer .content .logo { width:96%; margin:0 auto display:block; border-right: none; height: auto; padding-right:0; text-align:center;}
 .footer .content .logo img{ margin:0 .5em;  }

 .footer .content .text { width:98%; margin:0 auto; display:block;  text-align: left;}
 .footer .content .text ul { list-style:disc; padding-left:20px;} 



}
	











/*-----------------top 按鈕-----------------*/
.eventWrap .btnTop{ background: rgba(255 ,0 ,0 ,.5); width:45px; height:45px; position: fixed;right:20px; bottom:20px;cursor:pointer; z-index:99; color:#FFF; text-align:center; font-family:Helvetica;text-transform:uppercase; font-size:11px ; letter-spacing:1px; display: none  ; z-index:999;}
.eventWrap .btnTop:before{content: url(../images/top-arr.png);display:block; padding-top:6px; text-align:center;}
.eventWrap .btnTop:hover{ background:rgba(230 ,0 ,0 ,.7);}





 /*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ share 分享按鈕 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.share{ width:90%; margin:30px auto 0; letter-spacing:-5px; max-width:260px; padding:20px 0; }

/*---------btn--------*/
.share.btn h3{ display:none;}
.share.btn a p{ text-align:center;}
.share a,.share.btn a{ display: inline-block;letter-spacing:1px; width:48%; height:40px; line-height:40px;margin:0 2px;  text-align:center; vertical-align:middle; font-size:13px; font-weight:bold; border-radius:5px;  color:#FFF;
text-decoration:none; 
 }
.share.btn a:hover{box-shadow: none; }

.share.btn a.line{ color:#159d06; border:1px solid #159d06; display:none;}
.share.btn a.fb{color:#1b6ecc;  border:1px solid #1b6ecc; }
.share.btn a.fb:hover{color:#fff; background:#1b6ecc;  }
.share.btn a.gPlus{color:#d33918;  border:1px solid #d33918; }
.share.btn a.gPlus:hover{ color:#fff;background:#d33918;  }


/*---------icon--------*/

.share.icon {}
.share.icon h3{letter-spacing:1px;display: inline-block; vertical-align:middle; font-size:15px;}
.share.icon a{display: inline-block;letter-spacing:1px;vertical-align:middle; margin:0 2px; width:auto;}
.share.icon a:hover{ position:relative; left:1px; top:1px;}
.share.icon a p{ display:none}
.share.icon a.fb{ }
.share.icon a.fb:before{ content:url(../images/fb-share.png)}
.share.icon a.gPlus{}
.share.icon a.gPlus:before{ content:url(../images/g-share.png)}





@media screen and (max-width: 640px) {
	
.share a p{ color:#fff; font-size:15px; display:block !important; text-align:center;}	
.share a.line{ background:#1fb50e; border:1px solid #159d06;}
.share a.fb{ background:#3486e2; border:1px solid #1b6ecc; }
.share a.fb:hover{ background:#1b6ecc;  }
.share a.gPlus{ background:#e94c2b; border:1px solid #d33918; }
.share a.gPlus:hover{ background:#d33918;  }
	
.share a.line{  display: block !important;}
.share a,.share.btn a,.share.icon a{display: block ;width:100%;margin:0 ; margin-bottom:5px;}

.share.icon a.fb:before{ content:"";}
.share.icon a.gPlus:before{ content:"";}

.share.icon h3{ display:none;}


}