table tr td{
vertical-align:top;
}

body {
background:#ffffff;/*f6f6f6*/
margin:0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
/* background:url("bg.jpg")  center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  overflow-x:hidden;
  width:100%;
  position:relative;
	font-size:12pt;
}
.Prop{
  font-size:10pt;
}
#Nav{
background:#ff411e;
top:0px;
height:100px;
width:100%;
position:fixed;
z-index:7;
}

#Logo{
top:5px;
left:5px;
background:url("menubar1.PNG") no-repeat;
width:230px;
height:50px;
position:fixed;
opacity: 1.0;
z-index:100;
color:#ffffff;
cursor:pointer;
padding-left:35px;
padding-top:2px;
text-overflow:hidden;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
z-index:11;
}

#MenuButton{
top:5px;
left:5px;
background:url("menubar1.PNG") no-repeat;
width:230px;
height:40px;
position:fixed;
opacity: 1.0;
z-index:100;
color:#ffffff;
cursor:pointer;
padding-left:35px;
padding-top:2px;
text-overflow:hidden;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
z-index:11;
}

#MenuBox{
top:50px;
/*background:#f6dede;*/
/*background:#700303;*/
width:250px;
height:90%;
overflow-y:auto;
position:fixed;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
/*left:-250px;*/
z-index:7;
display:none;

}

.MenuItem{
width:250px;
font-size:14spt;
color:#8e0a0a;
background-color:#f2bebe;
border-bottom:1px solid #ffebeb;
/*background-color:#ad0404;

-webkit-box-shadow: inset -8px -2px 16px -5px rgba(71,5,5,1);
-moz-box-shadow: inset -8px -2px 16px -5px rgba(71,5,5,1);
box-shadow: inset -8px -2px 16px -5px rgba(71,5,5,1);
*/
text-align: center;
padding-top:15px;
padding-bottom:15px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;      
  -o-user-select: none;
  user-select: none;  
  cursor:pointer;
  z-index:7;
}

.MenuItem:hover{
color:#ffffff;
background-color:#fc6363;
}

#RightPanel{
top:0px;
/*background:;*/
right:0px;
text-align:right;
width:250px;
height:50px;
position:fixed;
z-index:11;
}

#SettingButton{
top:15px;
background:url("settingb.png") no-repeat;
right:10px;
width:30px;
height:30px;
position:fixed;
opacity: 1.0;
cursor:pointer;
z-index:11;
}

#SettingBox{
top:50px;
background:#b60101;
right:0px;
width:250px;
height:145px;
border-bottom-left-radius:15px;
position:fixed;
display:none;
z-index:11;
}

#noticeButton{
top:15px;
background:url("noticeButton.png") no-repeat;
right:50px;
width:30px;
height:30px;
position:fixed;
opacity: 1.0;
cursor:pointer;
z-index:12;

}
#ntcnum{
display:none;
top:5px;
right:45px;
margin:0px;
padding:0px;
width:18px;
height:18px;
position:fixed;
font-size:10pt;
color:#ffffff;
cursor:pointer;
border-radius:9px;
background-color:#ff0000;
z-index:13;

}

#NoticeBox{
top:50px;
background:#e9e9e9;
right:50px;
width:275px;
height:285px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
position:fixed;
display:none;
z-index:11;
-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.42);
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.42);
}
#NoticeBox center a{
color:#000000;
font-weight:bold;
font-size:13pt;
text-decoration:none;
}
#NoticeBox center a:hover{
color:#686868;
text-decoration:underline;
}
#NoticeMsgBox{
height:260px;
width:100%;
overflow-y:auto;
}
#NoticeMsgBox{
height:260px;
width:100%;
overflow-y:auto;
}
#NoticeMsgBox div:hover{
background:#686868;
}
#NoticeMsgBox .time{
font-size:10pt;
color:#6c6c6c;
}
#NoticeMsgBox .msg{
font-size:12pt;
color:inherit;
}
.msg p{
line-height:1pt;
margin:0;
}
#NoticeMsgBox .rMsg{
border-bottom:1px solid #9b9b9b;
padding-botton:2px;
background:#b9b9b9;
width:100%;
display:in-line;
-webkit-animation: newNotice 1s; /* Chrome, Safari, Opera */
animation: newNotice 1s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
#NoticeMsgBox .nMsg{
border-bottom:1px solid #9b9b9b;
padding-botton:2px;
background:#dadada;
width:100%;
display:block;
}
#NoticeMsgBox .rMsg:hover{
animation: 0;
-webkit-animation: 0;
animation-play-state: paused;
-webkit-animation-play-state: paused;
    -webkit-animation-fill-mode: backwards; /* Chrome, Safari, Opera */
    animation-fill-mode: backwards;
background:#ce0f0f;
color:ffffff;
}
#NoticeMsgBox .rMsg:hover span{
color:ffffff;
}
#NoticeMsgBox .rMsg:hover a{
color:ffffff;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes newNotice {
    0%   {background: #dadada; color: #ffffff;}
    50%  {background:#b8b8b8; color: #000000;}
	100%   {background: #dadada; color: #ffffff;}
}

/* Standard syntax */
@keyframes newNotice {
	0%	{background: #dadada;}
    50%  {background:#bebfc0; }
	100%   {background: #dadada; }
}

#NoticeMsgBox span{
 word-wrap:break-word;
 padding:5px;
}
#TopHeader{
top:-50px;
left:0px;
margin:0 auto;
width:45px;
width:265px;
height:50px;
vertical-align:middle;
position:fixed;
-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
}

#TopHeader img{
top:2px;
left:0px;z-index:15;
display:inline-block;
margin:auto 10px;
width:45px;
height:45px;
text-align:center;
vertical-align:middle;
position:relative;
cursor:pointer;
-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
transition: opacity 1s;
opacity: 0.6;
}


#TopHeader .selectedtag{
opacity: 1.0;
}


#TopHeader img:hover{
opacity: 1.0;
}

#OuterWrapper{
width:100%;
margin:0px auto;
min-height:1000px;
overflow:hidden;
left:0px;
position:relative;
/*background:#ffffff;*/
/*background:#000000;*/
}

#itleHeaderWrapper{
margin:0 auto;
margin-top:0px;
width:385px;
margin:110px auto -15px;
height:175px;
background:url("TitleHeader.png")no-repeat;
background-size: cover;
cursor:pointer;
/*border-radius:10px;*/
}

#HeaderWrapper{
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
width:100%;
height:50px;
background:url("menubar.png")repeat-x;
/*border-radius:10px;*/
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
}

#HeaderWrapper ul{
width:465px;
margin:50px auto;
top:14px;
position:relative;
overflow:visible;
}

#HeaderWrapper ul li{
border-radius:5px;
color:#ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14pt;
margin:10px 5px;
padding:5px 10px;
display:inline;
cursor:pointer;
}

#HeaderWrapper ul li:hover{
background:#e0391a;
color:#ffffff;
}

#HeaderWrapper  .SelectedTag{
background:#E6E6FA;
color:#ffffff;
-webkit-box-shadow: inset 1px 1px 13px -5px rgba(0,0,0,1);
-moz-box-shadow: inset 1px 1px 13px -5px rgba(0,0,0,1);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,1);
}

.HomeBanner{
background:#000000;
width:100%;
height:35%;
min-height:300px;
top:-25px;
position:relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#HomeBannerP1,#HomeBannerP2,#HomeBannerP3{
background:url("SlideShow/BannerImg1.jpg") center no-repeat;
z-index:1;
width:100%;
height:100%;
min-height:300px;
top:0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:absolute;
}

#HomeBannerP2{
z-index:0;
background:url("SlideShow/BannerImg2.jpg") center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:absolute;
}
#HomeBannerP3{
z-index:1;
background:url("SlideShow/BannerImg3.jpg") center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:absolute;
}


.HSearchBox{
width:85%;
height:85%;
margin:auto;
background:url("WTransBG.png");
border-radius:20px;
position:relative;
top:5%;
z-index:5;
}
.HSearchBox h1{
color:#ffffff;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-weight: bold;
font-size: 25pt;
top:5%;
left:2.5%;
position:relative;
}

.field{
height:35px;
border-radius:10px;
}

#ContentMWrapper{
background:#E6E6FA;
border-radius:15px;
padding:5px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.45);
display:table;
}

#ContentIWrapper{
width:97%;
/*min-width:500px;*/
background:#E6E6FA; 
border-radius:15px;
padding:0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
/*min-height:700px;*/
margin:10px auto;
}

#ContentMWrapper{
width:100%;
/*min-width:400px;*/
min-height:700px;
margin:5px auto;
}

.Title{
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
width:95%;
Margin:10px auto;
padding:10px 10px;
/*background:url('wbg.png') repeat;*/
font-size:18pt;
color:#000000;
border-bottom: 5px solid #ff411e;
padding-bottom:2px;
-webkit-box-shadow: 0 4px 7px -4px black;
-moz-box-shadow: 0 4px 7px -4px black;
box-shadow: 0 0px 0px 0px black;
margin-bottom:55px;
}

.FeaturedBox{
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
width:97%;
min-width:480px;
height:350px;
margin:10px;
overflow-y:auto;
}

.FeaturedMBox{
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
width:47%;
min-width:500px;
max-height:500px;
float:left;
margin:10px;
}
.FeaturedMBox h2{
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
width:97%;
Margin:10px auto;
padding:7px 10px;
padding-bottom:2px;
background:#9d0606;
font-size:12pt;
color:#ffffff;
border-radius:5px;
box-shadow: 0 4px 7px -4px black;
}

.PropBox{
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
width:90%;
background:#c3c3c3;
border:2px #ffffff;
padding:5px 0;
margin-bottom:2px;
cursor:pointer;
border-radius:3px;
color:#ffffff;
}
.PropBox table{
margin-left:10px;
}
.PropBox:hover{
	background:#797878;
}
.PropBox:hover table{
	color:#ffffff;
}
#FooterWrapper{
margin-bottom:0px;
width:100%;
height:130px;
background:#ff411e;
bottom: 0;
left:0px;
position: relative;
z-index:0;
}

#Back2Top{
bottom:10px;
right:10px;
height:50px;
width:50px;
background:url("back2top.png"), no-repeat;
position:fixed;
-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
transition: opacity 1s;
opacity: 0.50;
z-index:100;
}

#Back2Top:hover{
opacity: 1.0;
}

#LogInButton{
padding:2px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size:14pt;
margin-top:25px;
margin-right:25px;
height:25px;
color:#ffffff;
border-radius:10px;
-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s;
-webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
transition: background 1s;
float:right;
cursor:pointer;
}

#PressedLogInButton{
padding:2px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size:14pt;
margin-top:25px;
margin-right:25px;
height:25px;
color:#ffffff;
border-radius:10px;
float:right;
background:#ff411e;
cursor:pointer;

}

#LogInButton:hover{
color:#ffffff;
background:#e0391a;
}

#RegisterButton{
cursor:pointer;

padding:2px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size:14pt;
margin-top:25px;
margin-right:20px;
height:25px;
color:#ffffff;
border-radius:10px;
-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s;
-webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
transition: background 1s;
float:right;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
}

#RegisterButton:hover{
color:#ffffff;
background:#e0391a;
}

#LogInBox{
display:none;
z-index:11;
background:#ffffff;
top:50px;
right:150px;
width:300px;
height:225px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
position:fixed;
font-family:Gill Sans, sans-serif;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;    
}

#LogInContent{
font-family:Gill Sans, sans-serif;
margin:10px auto;
width:260px;
height:200px;
position:relative;
font-family:Gill Sans, sans-serif;
}

.LogInTF{
width:250px;
margin-top:20px;
padding:5px;
border-radius:5px;
}

#LogIn{
width:100px;
height:25;
margin-top:20px;
border-radius:5px;
color:#ffffff;
background:#c32b2b;
}

#registerContent{
bottom:10px;
right:15px;
position:absolute;
}
a:hover{
color:#a60000;
}
a{
color:#fb6514;
}
#RightPanel a:hover{
color:#ffffff;
}
#RightPanel a{
color:#add5ff;
}


#contentBox{
background:#ffffff;
border-radius:15px;
width:100%;
}
.greyM{
color:grey;
font-style: italic;
}

.pthumbnail {
  position: relative;
  width: 120px;
  height: 140px;
  overflow: hidden;
  background:#1A1A1A;
  border-radius:0px;
  overflow:hidden;
}
.pthumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
		  transform: translate(-50%,-50%);
}
.pthumbnail img.portrait {
  width: 100%;
  height: auto;
}

#registerStyle{
 font-size:13pt; 
 font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
background:url("wbg.png") repeat; 
border-radius:15px;
margin-top:30px;
width:95%; 
margin:30px auto;
padding:10px; 
box-shadow: 0 6px 10px -5px black;
}
#registerStyle p{
 font-weight:510;
}
#registerStyle input{
 height:22px;
 border-radius:2px;
}
#registerStyle select{
 height:25px;
}
#registerStyle input[type="checkbox"]{
 height:auto;
}
#registerStyle input[type="submit"]{
 height:auto;
}
#footerContent a{
	width:150px;
	font-size:18pt;
	text-decoration:none;
	color:#ffffff;
	display:inline;
}
#footerContent a:hover{
	color:#fff4e2;
}
#footerContent{
color:#ffffff;
	width:100%;
	margin:10px auto;
}
#footerLContent{
	width:150px;
	margin:10px auto;
	float:left;
	overflow-x:hidden;
}
#footerLContent ul{

	margin:0;
		display:inline;
}
#footerLContent ul li{
width:200px;
margin-top:10px;
	list-style:none;
padding-bottom:2px;

}
#footerLContent ul li:hover .line{
width:200px;
}
.line{
margin-top:-25px;
height:25px;
width:50px;
border-bottom:2px solid #ffffff;	
transition: width 0.75s ease-out;
}
#lh{
width:60px;
}
#la{
width:100px;
}
#lgs{
width:125px;
}
#fh{
width:100px;
}
#footerRContent ul{
margin-top:-10px;
padding-bottom:0px;
}
#footerRContent ul li{
margin-top:-10px;
margin-bottom:0px;
padding-bottom:0px;
}
#footerRContent{
color:#ffffff;
	width:250px;
	margin:10px auto;
		float:right;
}		
#footerRContent h2{
margin:0px;
}
#footerRContent img{
width:50px;
height:50px;
margin-right:10px;
opacity:0.75;
transition: opacity 0.75s ease-out;
}
#footerRContent img:hover{
opacity:1.0;
transition: opacity 0.75s ease-out;
}
#QUOTE {
padding-top:2px;

}
#QUOTE p{
font-size:14pt;
	font-family: 'Roboto', sans-serif;
font-weight:normal;
}

.thumbnail {
  position: relative;
  width: 120px;
  height: 150px;
  overflow: hidden;
  background:#1A1A1A;
  border-radius:0px;
  overflow:hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
		  transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}
#MSGBG{
	display:none;
	margin:0px;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity: 0.4;
	z-index:110;
	background:#000000;
}
#MESSAGEBOX{
	display:none;
	margin:0px;
	position:fixed;
	top:35%;
	left:0px;
	width:300px;
	height:auto;
	overflow:visible;
	background:#ffffff;
	border-radius:10px;
	z-index:111;
}
#LDBG{
	margin:0px;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity: 0.4;
	z-index:109;
	background:#000000;
}
#LDCON{
display:none;
padding:10px;
	margin:0px;
	position:fixed;
	top:35%;
	left:0px;
	width:100px;
	height:auto;
	background:url('wbg.png');
	border-radius:10px;
	z-index:110;
}
#ldText{
margin-left:10px;
padding:0px;
line-height:0;
line-height:0;
color:#fffffff;
font-weight:bold;
font-size:14pt;
}
#MESSAGEBOX table{
	margin:10px auto;
}		

#CLOSEBUTTON{
	margin-top:5px;
}	
#footerCenter{
margin:0px auto;
z-index:2;
}
#footerCenter ul{
margin:0 auto;
padding:0;
width:755px;
z-index:2;
text-align:center;
line-height:200%;

}

#footerCenter ul li{
z-index:2;
line-height:100%;
vertical-align:bottom;
text-align:center;
}
#footerCenter ul li:not(.linone){
display:inline-block;
list-style:none;
margin:0;
padding:2px;
border-bottom:1px solid #ffffff;
margin:0px;
transition: border-bottom 0.50s ease-out;
}
#footerCenter ul li:not(.linone):hover{
border-bottom:10px solid #ffffff;
}
#footerCenter ul li a{
display:inline;
text-decoration:none;
color:#ffffff;
font-size:11pt;
}
.linone{
display:inline-block;
list-style:none;
padding-bottom:5px;

}
#bottomBG{
margin:0;
padding:0;
position:absolute;
background:#ff411e;
bottom:0px;
left:0px;
width:100%;
height:30px;
z-index:0;
}

#cateChoice{
margin:auto;
margin-top:10px;
width:100%;
padding:0px;
}

#cateChoice li{
display:inline-block;
white-space:nowrap;
margin-left:2px;
width:23.7%;
margin-top:5px;
height:60px;
overflow:hidden;
position:relative;
padding:0px;
background:#FFC106;
position:relative;
vertical-align:middle;
border-radius:25px;
}

#cateChoice li span{
margin:15px auto;
width:100%;
word-wrap:break-word;
    display:block;
padding:0px;
padding-top:5px;
vertical-align:middle;
position:relative;
font-size:1.0em;
color:#ffffff;
white-space:pre-line;
	z-index:2;
}

#cateChoice li span center{
width:95%;
margin:auto;
display:block;
}

#cateChoice li .CHover{
margin:0;
width:100%;
height:100%;
padding:5px;
position:absolute;
top:0;
left:0;
background:url('/20.png') repeat;
opacity:0;
 -webkit-transition: opacity  0.2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.2s;
	z-index:1;
}

#cateChoice li:hover .CHover:not(.selected){
opacity:0.8;
cursor:pointer;
}

#cateChoice li .selected{
margin:0;
width:100%;
height:100%;
padding:0px;
padding-top:5px;
cursor:pointer;
position:absolute;
top:0;
left:0;
opacity:0.5;
background:url('/20.png') repeat;
}

#periodChoice{
margin:auto;
margin-top:10px;
width:100%;
padding:0px;
}

#periodChoice li{
display:inline-block;
white-space:nowrap;
margin-left:2px;
width:23.7%;
margin-top:5px;
height:60px;
overflow:hidden;
position:relative;
padding:0px;
background:#4f4fff;
position:relative;
vertical-align:middle;
border-radius:25px;
}

#periodChoice li span{
margin:15px auto;
width:100%;
white-space:pre-line;
display:inline-block;
padding:0px;
padding-top:5px;
vertical-align:middle;
position:relative;
font-size:1.0em;
color:#ffffff;
	z-index:2;
}

#periodChoice li span center{
width:95%;
margin:auto;
    display:block;
}

#periodChoice li .PHover{
margin:0;
width:100%;
height:100%;
padding:5px;
position:absolute;
top:0;
left:0;
background:url('/20.png') repeat;
opacity:0;
 -webkit-transition: opacity  0.2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.2s;
	z-index:1;
}

#periodChoice li:hover .PHover:not(.selected){
opacity:0.8;
cursor:pointer;
}
#periodChoice li .selected{
margin:0;
width:100%;
height:100%;
padding:0px;
padding-top:5px;
cursor:pointer;
position:absolute;
top:0;
left:0;
opacity:0.5;
background:url('/20.png') repeat;
}
#typeChoice{
margin:0;
margin-top:10px;
width:100%;
padding:0px;
/*white-space:nowrap;*/
}

#typeChoice li{
display:inline-block;
white-space:nowrap;
margin-left:2px;
margin-top:5px;
width:23.7%;
height:60px;
overflow:hidden;
position:relative;
padding:0px;
background:#46a60c;
vertical-align:middle;
border-radius:25px;
}

#typeChoice li span{
margin:15px auto;
width:100%;
white-space:pre-line;
display:inline-block;
padding:0px;
padding-top:5px;
vertical-align:middle;
position:relative;
font-size:1.0em;
color:#ffffff;
	z-index:2;
}

#typeChoice li span center{
width:95%;
margin:auto;
    display:block;
}

#typeChoice li .THover{
margin:0;
width:100%;
height:100%;
padding:5px;
position:absolute;
top:0;
left:0;
background:url('/20.png') repeat;
opacity:0;
 -webkit-transition: opacity  0.2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.2s;
	z-index:1;
}

#typeChoice li:hover .THover:not(.selected){
opacity:0.8;
cursor:pointer;
}
#typeChoice li .selected{
margin:0;
width:100%;
height:100%;
padding:0px;
padding-top:5px;
cursor:pointer;
position:absolute;
top:0;
left:0;
opacity:0.5;
background:url('/20.png') repeat;
}
#Country{
margin:0;
margin-top:10px;

width:100%;
/*overflow-x:scroll;*/
padding:0px;
/*white-space:nowrap;*/
}
#Country li{
display:inline-block;
white-space:nowrap;
margin-left:2px;
margin-top:5px;
width:23.7%;
height:60px;
overflow:hidden;
padding:0px;
background:#FF5500;
position:relative;
vertical-align:middle;
border-radius:25px;
}
#Country li .CCaption{
margin:0;
width:100%;
height:100%;
padding:0px;
padding-top:0px;
position:relative;
opacity:1;
 -webkit-transition: opacity  0.2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.2s;
}
#Country li .CCaption .CaptionText{
margin:15px auto;
padding:5px;
font-size:1.0em;
color:#ffffff;
}
#Country li:hover .CCaption:not(.selected){
opacity:0.8;
cursor:pointer;
background:url('/20.png') repeat;
}
#Country li .selected{
margin:0;
width:100%;
height:100%;
padding:0px;
padding-top:5px;
position:relative;
opacity:0.5;
background:url('/20.png') repeat;
}

#featuredlist{
display:inline;
margin:0px;
}

#featuredlist li{
display:inline-block;
padding:5px 10px;
margin:0px;
width:150px;
background:#DA0505;
color:#ffffff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#featuredlist .selectedFB2{
background:#000000;
}

#featuredlist li:hover{
background:#000000;
}

.newsRow{
width:90%;
margin:0px auto;
margin-bottom:2px;
padding:5px 10px;
color:#fff;
cursor:pointer;
}

.newsRow:nth-child(even){
background:#BE1414;
}
.newsRow:nth-child(odd){
background:#DE340A;
}
.newsRow:hover{
background:#696969;
}

#mainChoice li{
display:inline-block;
white-space:nowrap;
margin:0;
width:23.7%;
height:60px;
overflow:hidden;
padding:0px;
color:#ffffff;
border-radius:2px;
}
#mainChoice{
margin-left:2px;
padding:0px;
}
#Country{
display:none;
}
#cateChoice{
display:none;
}
#periodChoice{
display:none;
}
#typeChoice{
display:none;
}

#mainChoice li{
display:inline-block;
white-space:nowrap;
margin-left:2px;
width:23.7%;
height:60px;
overflow:hidden;
position:relative;
padding:0px;
vertical-align:middle;
border-radius:25px;
}

#mainChoice .csHover{
margin:0;
width:100%;
height:100%;
padding:5px;
position:absolute;
top:0;
left:0;
background:url('/20.png') repeat;
opacity:0;
 -webkit-transition: opacity  0.2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.2s;
	z-index:1;
}

#mainChoice li:hover .csHover{
opacity:0.8;
cursor:pointer;
background:url('/20.png') repeat;
}


#mainChoice>li span{
margin:15px auto;
width:100%;
white-space:pre-line;
display:inline-block;
padding:0px;
padding-top:5px;
vertical-align:middle;
position:relative;
font-size:1.0em;
color:#ffffff;
	z-index:2;
}


#mainChoice>li span center{
width:75%;
margin:auto;
display:block;
}


#mainCountryC{
background: #FF5500;
}
#mainCategoryC{
background: #FFC106;
}
#mainPeriodC{
background: #4f4fff;
}
#mainTypeC{
background: #46a60c;
}