﻿.ShopImg
{height:250px; width:148px; overflow:visible;}

/*Forum Content Menu*/
.A1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/A.png);
}
.A1:Hover
{
    background:url(../Images/ForumContent/A1.png);
}
.B1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/B.png);
}
.B1:Hover
{
    background:url(../Images/ForumContent/B1.png);
}
.C1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/C.png);
}
.C1:Hover
{
    background:url(../Images/ForumContent/C1.png);
}
.D1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/D.png);
}
.D1:Hover
{
    background:url(../Images/ForumContent/D1.png);
}
.E1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/E.png);
}
.E1:Hover
{
    background:url(../Images/ForumContent/E1.png);
}
.F1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/F.png);
}
.F1:Hover
{
    background:url(../Images/ForumContent/F1.png);
}
.R1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/R.png);
}
.R1:Hover
{
    background:url(../Images/ForumContent/R1.png);
}

.R2
{
    width:86px;
    height:31px;    
}

.PO1
{
    width:86px;
    height:31px;
    background:url(../Images/ForumContent/PO.png);
}
.PO1:Hover
{
    background:url(../Images/ForumContent/PO1.png);
}
.G
{
    width:45px;
    height:30px;
    background:url(../Images/ForumContent/Page.png);
}
.G:Hover
{
    background:url(../Images/ForumContent/Page.png);
}
.Search
{
    width:25px;
    height:25px;
    background:url(../Images/ForumContent/Search.png);
}
.Search:Hover
{
    background:url(../Images/ForumContent/Search1.png);
}
.Back
{
    width:59px;
    height:30px;
    background:url(../Images/ForumContent/Back.png);
}
.Back:Hover
{
    background:url(../Images/ForumContent/Back1.png);
}
.Email
{
    width:59px;
    height:30px;
    background:url(../Images/ForumContent/Email.png);
}
.Email:Hover
{
    background:url(../Images/ForumContent/Email1.png);
}
.HR
{
    width:86px;
    height:27px;
    background:url(../Images/ForumContent/HR.png);
}
.HR:Hover
{
    background:url(../Images/ForumContent/HR1.png);
}
.Out
{
    width:53px;
    height:27px;
    background:url(../Images/ForumContent/Out.png);
}
.Out:Hover
{
    background:url(../Images/ForumContent/Out1.png);
}
.Love
{
    width:83px;
    height:30px;
    background:url(../Images/ForumContent/Love.png);
}
.Love:Hover
{
    background:url(../Images/ForumContent/Love1.png);
}
.Re
{
    width:59px;
    height:30px;
    background:url(../Images/ForumContent/Re.png);
}
.Re:Hover
{
    background:url(../Images/ForumContent/Re1.png);
}
/*Product Table*/
.Product_Table
{
    box-shadow: 0px 3px 10px Black;
}
/*Shop Menu*/
.Yes
{
    width:216px;
    height:61px;
    background:url(../Images/Shop/Yes.png);
}
.Yes:Hover
{
    background:url(../Images/Shop/Yes2.png);
}
.P1,.P2,.P3,.P4,.P5,.P6,.P1-1,.P2-1,.P3-1,.P4-1,.P5-1,.P6-1
{
    border:1px solid black;
}
.P1,.P2,.P3,.P4,.P5,.P6,.P1-1,.P2-1,.P3-1,.P4-1,.P5-1,.P6-1
{
    float:left;
}
.P1
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P1.png);
}
.P1:Hover
{
    background:url(../Images/Shop/P1-1.png);
}
.P1-1
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P1-1.png);
}
.P2
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P2.png);
}
.P2:Hover
{
    background:url(../Images/Shop/P2-1.png);
}
.P2-1
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P2-1.png);
}
.P3
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P3.png);
}
.P3:Hover
{
    background:url(../Images/Shop/P3-1.png);
}
.P3-1
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P3-1.png);
}
.P4
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P4.png);
}
.P4:Hover
{
    background:url(../Images/Shop/P4-1.png);
}
.P4-1
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P4-1.png);
}
.P5
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P5.png);
}
.P5:Hover
{
    background:url(../Images/Shop/P5-1.png);
}
.P5-1
{
    width:168px;
    height:32px;
    background:url(../Images/Shop/P5-1.png);
}
.P6
{
    width:148px;
    height:32px;
    background:url(../Images/Shop/P6.png);
}
.P6:Hover
{
    background:url(../Images/Shop/P6-1.png);
}
.P6-1
{
    width:148px;
    height:32px;
    background:url(../Images/Shop/P6-1.png);
}
/*.Q1
{
    width:148px;
    height:32px;
    background:url(../Images/Shop/Q1.png);
}
.Q1:Hover
{
    background:url(../Images/Shop/Q1-1.png);
}
.Q1-1
{
    width:148px;
    height:32px;
    background:url(../Images/Shop/Q1-1.png);
}*/
/*Sponcer*/
#Sponsor  img
{
    border:1px solid Silver;
    opacity:1;
}
#Sponsor  img:Hover
{
    border:1px solid Black;
    opacity:0.9;
}

*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .20s linear, background-color .20s linear, border-color .40s linear;
-webkit-transition: color .20s linear, background-color .20s linear, border-color .40s linear;
-moz-transition: color .20s linear, background-color .20s linear, border-color .40s linear;
transition: color .20s linear, background-color .20s linear, border-color .40s linear;
}

/*Manny only*/
.Manny
{
    
    background:url(../Images/Tag/MannyT.png);
}
.Manny:Hover
{

    background:url(../Images/Tag/MannyT2.png);
}
.Manny2
{
    
    background:url(../Images/Tag/MannyTS2.png);
}
.Manny2:Hover
{

    background:url(../Images/Tag/MannyTS.png);
}
.card
{
    
    background:url(../Images/card.png);
}
/*Language*/
.Lang
{
    background:url(../Images/Lang/T1.png);
}
.Lang:Hover
{
    background:url(../Images/Lang/T2.png);
}
.Lang2
{
    background:url(../Images/Lang/E1.png);
}
.Lang2:Hover
{
    background:url(../Images/Lang/E2.png);
}
.Lang3
{
    background:url(../Images/Lang/S1.png);
}
.Lang3:Hover
{
    background:url(../Images/Lang/S2.png);
}
.AboutRhinos
{
    background:url(../Images/MailServicePage/A1.png);
}
.AboutRhinos:Hover
{
    background:url(../Images/MailServicePage/A2.png);
}
.MailService
{
    background:url(../Images/MailServicePage/F1.png);
}
.MailService:Hover
{
    background:url(../Images/MailServicePage/F2.png);
}
/* DEFAULTS
----------------------------------------------------------*/
body   
{
    background: White;
    font-size: .80em;
    font-family: "微軟正黑體", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}
.Maa
{
    border:1px solid black;
    padding:2px;
}
.Maa tr td:Hover 
{
    /*background:Yellow;*/
}
.Maa tr td
{
    border:2px solid black;
    background:While;
}

a:link
{
    text-decoration:none;
}
/*Picture*/
.Pic:Hover
{
    opacity:1;
}
.Pic
{
    border:1px solid Black;
    border-radius:5px;
    box-shadow: 0px 3px 10px Black;
    opacity:0.9;
}
.Pic2
{
    border:1px solid Black;
    border-radius:5px;
    box-shadow: 0px 3px 10px Black;
}
 /*Download Text*/
.Download
{
    color:Black;
    opacity:0.8;
}

.Download:Hover
{
    color:Blue;
    opacity:1;
    cursor:pointer;
}
/*Table*/
.NewsHover:Hover
{
    opacity:0.8;
}

.Table:Hover
{
    background-color:#ffffdf;
    font-size:20px;
    font-weight:bolder;
    height:50px;
    color:Red;
}

.Table2:Hover
{
    background-color:#ffffdf;
}

.Table3
{
    background-color:#242424;
}

.Table3:Hover
{
    background-color:#484848;
}

/*Share*/
.Share:Hover
{
    margin-left:20px;
}

/*DropDownList*/
.DDL
{
    font-size:18px;
    font-family:"微軟正黑體";
    font-weight:bold;
}

/*TextBox*/
.TextBox
{
    background:none;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:1px solid black;
}

.TextBox:Hover
{
    background:#e3e3e3;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:1px solid black;
}

.TextBoxM
{
    background:#e3e3e3;
    border:none;
    overflow:scroll;
    font-family:"微軟正黑體";
    text-align:justify;
    font-size:13px;
}

.TextBoxF
{
    background:White;
    border:none;
    font-family:"微軟正黑體";
    text-align:center;
    font-size:13px;
}
/*Gridview*/
.GVHeader
{
    height:37px;
    background-image:url(../Images/ForumContent/MainTop3.png);    
    color:White;
    font-weight:bold;  
}

.GVHeader_C
{
    height:37px;
    background:#9A3596;    
    color:White;
    font-weight:bold;  
}

.GVFooter 
{
    height:37px;
    background:url(../Images/ForumContent/Bottom.png);
}

.GVRow {
    background-color:White;
    border:1px solid black;
}

.GVRow2 {
    background-color:#e3e3e3;
    border:1px solid black;
}

.GVRow:Hover ,.GVRow2:Hover
{
    background-color:#fcfee0;
}
/*Calender*/
.HoverDay:Hover, .HoverClanderButton:Hover {
    opacity:0.8;
    font-weight:bold;    
}

/*Menu*/
#menu 
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 990px;
	float: left;

}

#menu li {
	margin: 0;
	padding: 0;
	float: left;
}

#menu li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#menu li ul {
	margin: 0;
	padding: 0px 0;
	list-style: none;
	float: left;
	position: absolute;
	/*left: 0;*/


	color: #fff;
	display: none;
	border-right:1px solid Black;
	border-left:1px solid Black;
	z-index:99999;
}

#menu li ul li
{
    box-shadow: 0px 3px 25px #731485;
}
#menu li ul li a { display: inline; }
#menu li ul li a:hover { text-decoration: underline; }

/*跑馬燈*/
div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 375px;
	height: 25px;
}

div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#abgne_marquee ul {
	position: absolute;
}

div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:12px;
	height: 25px;
	line-height: 10px;
	text-decoration: none;
}

/**/
.percent{
    width:150px;
    float:right;
    font-size:13px;
    line-height:18px;
    height:18px;
    padding:2px;
    color:#555;
    text-align:left;
    margin-right:3px;
}

.graph{
    position:relative;
    background-color:#F0EFEF;
    border:0px solid #cccccc;
    font-size:13px;
    width:100px;
    font-weight:700;
    float:left;
    margin-right:3px;
}

.graph .color1{background-color:#669999;}
.graph .color2{background-color:#6699FF;}
.graph .color3{background-color:#FF9900;}
.graph .color4{background-color:#FF3333;}
.graph .color5{background-color:#990000;}

.color1, .color2, .color3, .color4, .color5{
    position:relative;
    text-align:left;
    color:#ffffff;
    height:10px;
    line-height:10px;
    font-family:Arial;
    display:block;
}


.record_table th
{
    background-color:#442451;
    color:White;
    font-size:12px;
}

.record_table td
{         
    text-align:center;
    font-size:12px;    
}
.cssModalBackground
{
    background-color: Gray;
    filter:alpha(opacity=70);   
    opacity:0.7; 

}

.cssModalPopup
{
    background-color: white;
    border-width: 3px;
    border-style: solid;
    padding: 3px;
    width: 250px;
    margin-right: 0px;
}

/*廣告輪撥css*/
#abgneBlock {
	width: 200px;
	height: 250px;
	position: relative;
	overflow: hidden;
	border: 0px solid #ccc;
}
#abgneBlock ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}
#abgneBlock ul.list li {
	float: left;
	width: 200px;
	height: 100%;
}
#abgneBlock .list img{
	width: 100%;
	height: 100%;
	border: 0;
}
#abgneBlock ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: -4px;
	right: 5px;
	height: 14px;
}
#abgneBlock ul.playerControl li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 2px;
	background: url(../Images/Tag/cir_ctrl.png) no-repeat -10px 0;
}
#abgneBlock ul.playerControl li.current { 
	background-position: 0 0;
}

/**/
.abgneBlock2 {
	width: 100%;
	height: 275px;
	position: relative;
	overflow: hidden;
	border: 0px solid #ccc;
}
.abgneBlock2 ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}
.abgneBlock2 ul.list li {
	float: left;
	width: 208px;
	height: 100%;
}
.abgneBlock2 .list img{
	width: 100%;
	height: 150px;
	border: 0;
}
.abgneBlock2 ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: -4px;
	right: 5px;
	height: 14px;
}
.abgneBlock2 ul.playerControl li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 2px;
	background: url(../Images/Tag/cir_ctrl.png) no-repeat -10px 0;
}
.abgneBlock2 ul.playerControl li.current { 
	background-position: 0 0;
}
/*返回頂部按鈕*/
#gotopbtn{position:absolute;top:expression(eval(document.documentElement.scrollTop + 350));}
#gotopbtn{ width:80px;height:30px;position:fixed;bottom:100px;right:0px;display:none;cursor:pointer;z-index:8;opacity:0.5}
#gotopbtn:Hover{opacity:1}


/*筆數頁數*/
.page { padding:3px; margin:3px; text-align:center; font-size:12px;}
.page a { border:1px #eee solid; padding:2px 5px 2px 5px; margin:2px; color:#036cb4; text-decoration:none;}
.page a:hover { border:1px #999 solid; color:#666; }
.page a:active{ border:1px #999 solid; color:#666; }
.page .current{ border:1px #036cb4 solid; color:#FFF; padding:2px 5px 2px 5px; margin:2px; background:#036cb4; font-weight:bold;}
.page .disabled { border:1px #eee solid; padding:2px 5px 2px 5px; color:#ddd; margin:2px; }