@charset "UTF-8";

/****************
For SmartPhone
****************/
#SelectLang{
	padding:50px 0;
	text-align:center;
}
#SelectLang:after{
	content:"";
	clear:both;
	display:block;
}
#SelectLang li{
	float:left;
}
#SelectLang.col1 li{
	width:100%;
	margin:5px 0;
}
#SelectLang.col2 li{
	width:46%;
	margin:5px 2%;
}
#SelectLang a{
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center;

	background: #fff;
	background:	-moz-linear-gradient(top,  #fff 0%, #8b8b8b 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#8b8b8b));
	background:	-webkit-linear-gradient(top,  #fff 0%,#8b8b8b 100%);
	background:	-o-linear-gradient(top,  #fff 0%,#8b8b8b 100%);
	background:	-ms-linear-gradient(top,  #fff 0%,#8b8b8b 100%);
	background:	linear-gradient(top,  #fff 0%,#8b8b8b 100%);

	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	
	box-shadow:3px 3px 3px #000;
	-webkit-box-shadow:3px 3px 3px #000;
	-moz-box-shadow:3px 3px 3px #000;
}
#index footer{
	position:fixed;
	bottom:0;
}
/****************
All
****************/
* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
html{
	font-family: 'Source Sans Pro', sans-serif;
	background:url(../img/bg.jpg) repeat;
}
li{
	list-style-type:none;
}
a{
	text-decoration:none;
	color:inherit;
}

body{
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
}
body:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:150px;

	background:	-moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);	
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); 
	background:	-webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background:	-o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background:	-ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background:	linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);	
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff00,EndColorStr=#ff00cc00);
}
#wrap{
	max-width:1200px;
	_width:1200px;
	margin:auto;
	text-align:left;
	position:relative;
	z-index:2;
}

header, nav, #main, 
aside, footer, .BdrBox{ /* original width without padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/****************
Head
****************/
header{
	width:100%;
	padding:10px 0;
	color:#fff;
	float:left;
}
header h1{
	float:left;
	height:auto;
}
header h1 img{
	width:100%;
	width:155px\9;
}
header strong{
	float:right;
	margin:9px 0;
	font-size:1em;
}
.langHead{
	font-family: 'Source Sans Pro', sans-serif;
	position:absolute;
	top:22px;
	right:8%;
}
.langHead option{
	padding:0 10px 0 5px;
}

/****************
Side
#sMenu : sort menu on top page
#gMenu : grobal menu on sub pages
****************/
aside,
nav{
	font-family: 'Syncopate', sans-serif;
	font-size:80%;

	text-shadow:-1px -1px 2px #000, 1px 1px 2px #666;
	-moz-text-shadow:-1px -1px 0 #000, 1px 1px 0 #666;
	-webkit-text-shadow:-1px -1px 0 #000, 1px 1px 0 #666;
	-pie-text-shadow:-1px -1px 2px #000, 1px 1px 2px #666;
/*	behavior: url(./js/PIE.htc);*/
}
aside{
	background:#000;
}

#sMenu li,
#gMenu li{
	position:relative;
}
#sMenu #li1.cate{
	background:	#303030;
	background:	-moz-linear-gradient(top,  #303030 0%, #111 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#111));
	background:	-webkit-linear-gradient(top,  #303030 0%,#111 100%);
	background:	-o-linear-gradient(top,  #303030 0%,#111 100%);
	background:	-ms-linear-gradient(top,  #303030 0%,#111 100%);
	background:	linear-gradient(top,  #303030 0%,#111 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff111111,EndColorStr=#ff303030);
}


#sMenu #li1.cate a{
	border-color: #111 #555 #555 #111;
	border-style:solid;
	border-width:1px;
}

#gMenu #li1.cate{
	background:	#42420c;
	background:	-moz-linear-gradient(top, #42420c 0%, #818134 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#42420c), color-stop(100%,#818134));
	background:	-webkit-linear-gradient(top,  #42420c 0%,#818134 100%);
	background:	-o-linear-gradient(top,  #42420c 0%,#818134 100%);
	background:	-ms-linear-gradient(top,  #42420c 0%,#818134 100%);
	background:	linear-gradient(top,  #42420c 0%,#818134 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff42420c,EndColorStr=#ff818134);
}
#gMenu #li1.cate a{
	border-color: #42420c #98985c #98985c #42420c;
	border-style:solid;
	border-width:1px;
}
#sMenu #li2.cate,
#gMenu #li2 .cate{
	background:	#883434;
	background:	-moz-linear-gradient(top,  #883434 0%, #2a0505 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#883434), color-stop(100%,#2a0505));
	background:	-webkit-linear-gradient(top,  #883434 0%,#2a0505 100%);
	background:	-o-linear-gradient(top,  #883434 0%,#2a0505 100%);
	background:	-ms-linear-gradient(top,  #883434 0%,#2a0505 100%);
	background:	linear-gradient(top,  #883434 0%,#2a0505 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff2a0505,EndColorStr=#ff883434);
}
#sMenu #li2.cate a,
#gMenu #li2 .cate span{
	border-color: #2a0505 #785050 #785050 #2a0505;
	border-style:solid;
	border-width:1px;
}
#sMenu #li3.cate,
#gMenu #li3 .cate{
	background:	#425433;
	background:	-moz-linear-gradient(top,  #425433 0%, #112005 100%);
	background:	-moz-linear-gradient(top,  #425433 0%, #112005 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#425433), color-stop(100%,#112005));
	background:	-webkit-linear-gradient(top,  #425433 0%,#112005 100%);
	background:	-o-linear-gradient(top,  #425433 0%,#112005 100%);
	background:	-ms-linear-gradient(top,  #425433 0%,#112005 100%);
	background:	linear-gradient(top,  ##425433 0%,#112005 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff112005,EndColorStr=#ff425433);
}
#sMenu #li3.cate a,
#gMenu #li3 .cate span{
	border-color:#0b1702 #5b6553 #5b6553 #0b1702 ;
	border-style:solid;
	border-width:1px;
}
#sMenu #li4.cate,
#gMenu #li4 .cate{
	background:	#2f4266;
	background:	-moz-linear-gradient(top,  #2f4266 0%, #030e22 100%);
	background:	-moz-linear-gradient(top,  #2f4266 0%, #030e22 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f4266), color-stop(100%,#030e22));
	background:	-webkit-linear-gradient(top,  ##2f4266 0%,#030e22 100%);
	background:	-o-linear-gradient(top,  #2f4266 0%,#030e22 100%);
	background:	-ms-linear-gradient(top,  #2f4266 0%,#030e22 100%);
	background:	linear-gradient(top,  #2f4266 0%,#030e22100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff030e22,EndColorStr=#ff2f4266);
}
#sMenu #li4.cate a,
#gMenu #li4 .cate span{
	border-color: #020a19 #505b70 #505b70 #020a19;
	border-style:solid;
	border-width:1px;
}
/*
#gMenu li,
#gMenu .cate{
	behavior: url(../js/PIE.htc);
}*/
#sMenu li a,
#gMenu .cate a,
#gMenu .cate span{
	display:block;
	padding:10px 0 10px 18%;
	color:#fff;
	cursor:pointer;
}
#sMenu li.ex a,
#gMenu li.ex a{
	color:#ff9;
	background:#000;
}

#sMenu li.ex a:before,
#gMenu li.ex a:before{
	content:">>";
	display:inline-block;
	position:absolute;
	top:30%;
	left:8%;
	width:5px;
	height:0px;
	margin:0 auto;
}

#gMenu li.ex form{
	display:none;
	color:#ff9;
	background:#000;
	text-align:center;
}
.cate a,
.cate span{
	background:url(../img/icn_light_gray.png) 0 50% no-repeat;
}

#sMenu #li1 a:hover,
#sMenu #li1 .active{
	background:url(../img/icn_light_white.png) 0 50% no-repeat;
}

#gMenu #li1 a:hover,
#gMenu #li1 .active{
	background:url(../img/icn_light_yellow.png) 0 50% no-repeat;
}

#li2.cate a:hover,
#li2 .active,
#li2 .cate span:hover,
#entertainment #li2 .cate span{
	background:url(../img/icn_light_red.png) 0 50% no-repeat;
}

#li3.cate a:hover,
#li3 .active,
#li3 .cate span:hover,
#navigation #li3 .cate span{
	background:url(../img/icn_light_green.png) 0 50% no-repeat;
}
#li4.cate a:hover,
#li4 .active,
#li4 .cate span:hover,
#others #li4 .cate span{
	background:url(../img/icn_light_blue.png) 0 50% no-repeat;
}
#li5.cate a:hover,
#li5 .active,
#li5 .cate span:hover{
	background:url(../img/icn_light_white.png) 0 50% no-repeat;
}

#sMenu li a:hover,
#sMenu li .active,
#gMenu li a:hover,
#gMenu .cate:hover,
#gMenu .cate span:hover{
	color:#fff;
}

/****************
Foot
****************/
footer{
	width:100%;
	padding:10px 0;
	clear:both;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
}