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

div.NextPre{ display:none;}
a.menu-news{ background-position: bottom center;}

div.EditingArea{ position:relative; width:100%;}
div.EditingArea p.date{ text-align:center; margin-top:30px; font-size:13px; color: #666;}
div.EditingArea div.itenName{ text-decoration:underline; margin:0 0 15px 0;}

/*上一頁、下一頁*/
.preNextButton{display:none;}
.preNextButton a{
	background: url(/Content/images/en/news/preNextButton.png);
	height:90px;
	position:fixed;
	z-index:33;
	top:50%;
	margin-top:-45px;
	overflow:hidden;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-size:15px;
	transition: all 0.4s;}
	
.preNextButton a.pre{ left:0;}
.preNextButton a.pre:hover{ transition: all 0.4s; left:10px;}
.preNextButton a.next{ right:0;}
.preNextButton a.next:hover{ transition: all 0.4s; right:10px;}

.preNextButton a.pre div{ background:url(/Content/images/en/news/pre.png) no-repeat center; height:90px; width:90px; float:left;}
.preNextButton a.next div{ background:url(/Content/images/en/news/next.png) no-repeat center; height:90px; width:90px; float: right;}

.preNextButton a p{ width:220px; height:90px; overflow:hidden; line-height:90px; display:none;}
.preNextButton a.pre p{ float:left;}
.preNextButton a.next p{ float: right;}

/*按鈕*/
div.button{ text-align: center; border-top: 1px solid #c1c1c1; margin-top:20px;}
div.button a{
	display: inline-block;
	margin:5px 0;
	padding: 5px 30px;
	font-size:15px;
	text-decoration:none;
	background:#868686;
	color:#FFF;
	transition: all 0.4s;}
div.button a:hover{ background:#db3f2f; transition: all 0.4s;}


@media screen and (min-width: 901px){
	div.centerContent div.shareIten{ float:inherit;}
}

@media screen and (max-width: 1200px){
	.preNextButton{ display:none !important;}
	div.NextPre{ display: block;}
	
	div.centerContent div.shareIten{ float:left !important;}
}

@media screen and (max-width: 700px){
	div.centerContent div.shareIten{ float: none !important;}
}
