﻿body{font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;}
table.CssStyle{
font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;
font-size: 15px;
line-height: 24px;
letter-spacing: 1px;
margin:0 auto;
}

table.CssStyle td,table.tablebox td{
font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;
font-size: 15px;
line-height: 24px;
letter-spacing: 1px;
padding:2px;
}

.ordertable tr:nth-child(even) { background: #EEEEEE;}
.ordertable tr:nth-child(odd) {background-color: #FFFFFF;}

table.tablebox{ 
font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;
font-size: 15px;
line-height: 24px;
letter-spacing: 1px;
margin:8px 0;
border:solid 1px #999999;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: -moz-linear-gradient(top,  rgba(234,234,234,0.65) 0%, rgba(176,176,176,0) 25%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(234,234,234,0.65) 0%,rgba(176,176,176,0) 25%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom,  rgba(234,234,234,0.65) 0%,rgba(176,176,176,0) 25%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eaeaea', endColorstr='#00000000',GradientType=0 ); 
}
table.tablebox td hr{
clear:both;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.CssStyle {
	font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
}
a:link {
	color: #0033CC;
	text-decoration: none;
	letter-spacing: 1px;
}
a:visited {
	color: #0033CC;
	text-decoration: none;
	letter-spacing: 1px;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
	letter-spacing: 1px;
}

.formcss {
font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0;
	background-color: #EFEFEF;

}
.box {
font-family:"微軟正黑體", "Microsoft JhengHei",Verdana, PMingLiU, sans-serif;
display:block;
font-weight:bolder;
color:#FFFFFF;
padding:5px 5px 5px 10px;
text-align:center;
margin:5px 0;
font-size:15px;
text-shadow: 1px 1px 2px #000; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));

}

.Hline,hr {clear:both;  border: 0;  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));

}
.SLINE {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.Rbox {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCCCCC;
}

.buttonSty {
height:28px;
font-family:"微軟正黑體";
font-size:15px;
margin:2px 0 2px 5px;
border:solid 1px #666;
padding:3px 8px;
background:#EEEEEE;
vertical-align:middle;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; /* Firefox 4 */
-webkit-transition: all 0.3s ease-out; /* Safari 和 Chrome */
-o-transition: all 0.3s ease-out;/*oplar*/
}	
.AbuttonSty {
height:28px;
font-family:"微軟正黑體";
font-size:15px;
margin:2px 0 2px 5px;
border:solid 1px #666;
padding:3px 8px;
background:#ddd;
vertical-align:middle;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; /* Firefox 4 */
-webkit-transition: all 0.3s ease-out; /* Safari 和 Chrome */
-o-transition: all 0.3s ease-out;/*oplar*/
}
.buttonSty:hover,.AbuttonSty:hover{
cursor:pointer;
border:solid 1px #000;
background:#333333;
color:#FFFFFF;
vertical-align:middle;
}
.Bothove {
cursor:pointer;
height:28px;
font-family:"微軟正黑體";
font-size:15px;
margin:2px 0 2px 5px;
border:solid 1px #000;
padding:3px 8px;
background:#333333;
color:#FFFFFF;
vertical-align:middle;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; /* Firefox 4 */
-webkit-transition: all 0.3s ease-out; /* Safari 和 Chrome */
-o-transition: all 0.3s ease-out;/*oplar*/

}
.text100 {width:100%;}
.text80 {width:80%;}
.text60 {width:60%;}
.text40 {width:40%;}
.text20 {width:20%;}
.text10 {width:10%;}

.DoubleColorTable tr{
background-color: #FFFFFF;
}
.inputsty,#fHtmlEditor input[type="text"] {
vertical-align:middle;
font-size:15px;
padding-left:5px;
height:23px;
margin:3px;
background:#eeeeee;
border:solid 1px #000000;

}
.uline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.form0 {margin: 0px;}
	
.II {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
.cbox {
	border: 1px solid #333;
	-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
padding:5px;
}
.cobox {
	border: 1px solid #000000;
	line-height: 22px;
	text-decoration: none;
	letter-spacing: 1px;
}
.NONEWORD {
	font-size: 1pt;
	color: #FFFFFF;
	text-decoration: none;
}
.NONETABLE {
	display: none;
}
hr{clear:both;}
img{border:none;}
.fulldiv{width:100%;}
.fulldiv img{max-width:100%;}

/*顯示特效*/
#countshow img{
margin:1%;
max-width:98%; 
height:auto;
}
#countshow div img{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
}

.likeprt{
width:135px;
height:190px;
border:solid 1px #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:5px;
margin:5px;
text-align:center;
float:left;
background:#FFFFFF;
}
.likeprt img{cursor:pointer;}
/*圖片陰影*/
.imgbb p,.imgbb img{margin:0;padding:0;}
.imgbb img{border:none;	max-width: 100%;height: auto;
-moz-box-shadow:0 6px 5px -2px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:0 6px 5px -2px rgba(20%,20%,40%,0.5);
box-shadow:0 6px 5px -2px rgba(20%,20%,40%,0.5);
	}
div.Sradius{-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px;}
div.Mradius{-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius:10px;}
div.Lradius{-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius:15px;}
a,area{
outline: none; /* for Firefox */
hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#pagecontent img{
	border:none;
	max-width: 99%;
	height: auto;
}
.contain {position: relative;border:solid 1px #ccc;background-color:#FFFFFF; }
.contain img{
margin:8px;
border:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
		}
.contain a img:hover{
position:relative;
	top:1px;
	left:1px;
	}
.contain:before,.contain:after {
content: '';
	position: absolute;
	z-index: -2;
	bottom: 12px;
	left:  15px;
	width: 50%;
	height: 20%;
	border-radius: 10px/90px;
	box-shadow: 0 15px 10px rgba(0,0,0,0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg); }
.contain:after {
right: 15px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
.imgbb p,.imgbb img{margin:0;padding:0;}
.imgbb img{border:none;	max-width: 100%;height: auto;
-moz-box-shadow:0 6px 5px -2px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:0 6px 5px -2px rgba(20%,20%,40%,0.5);
box-shadow:0 6px 5px -2px rgba(20%,20%,40%,0.5);}
.moreprt{
border:solid 1px #CCCCCC;
margin:1%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
}
.moreprt:hover{
position:relative;top:1px;left:1px;
}

@media (min-width: 1900px){
table.CssStyle,table.CssStyle td,table.tablebox td,table.tablebox,.CssStyle,.formcss,.Bothove,.buttonSty,.AbuttonSty{font-size:21px;}
}

@media (min-width: 1439px){
table.CssStyle,table.CssStyle td,table.tablebox td,table.tablebox,.CssStyle,.formcss,.Bothove,.buttonSty,.AbuttonSty{font-size:17px;}
}