@charset "UTF-8";

/****************
ALL
****************/
body{
	background:#f2f2f2;
}
body:before,
body:after{
	content:none;
}
#wrap{
	padding:0;
	width:100%;
}

/****************
Head
****************/

header{
	background:url(../../img/bg.jpg) repeat;
}
header h1{
	width:90px;
}
header h1 a{
	display:block;
}
header h1 a img{
	display:block;
	padding:3px 0;
}
header strong{
	font-size:.8em;
	margin:0 10px;
}
.langHead{
	top:0;
	right:120px;
	margin:10px;
}
/****************
Main
****************/
#main{
	overflow:hidden;
}
#slideFace{
	width:100%;
	margin:0;
}
#main{
	clear:both;
}
.shine{display:none;}
.inside{
	transition:none;
	-webkit-transition:none;
}


/* #filter & .shutter
----------------*/
#filterList{
	clear:both;
	margin:0 -0.5% -10px;
}

#filterList li{
	margin:0;
	width: 100% !important;
	height:auto;
	clear:both;
	text-align:left;

}
#filterList li.filt{
	border-top:1px solid #fff;
	border-right:none;
	border-bottom:1px solid #ccc;
	border-left:none;
}
#filterList li:before{
	display:none;
}
#filterList li a{
	display: block;
	width: 100%;
	height:auto;
	border:none;
}
#filterList .blind{
	display:none !important;
}
#filterList li:after{
	display:none;
}
.inside{
	position:static;
	min-height:50px;
}

.inside:before,
.inside:after{
	content:"";
	position:absolute;
	right:0;
	width:20px;
	height:100%;
	text-align:center;
	
	text-shadow:-1px -1px 1px #000;
	-webkit-text-shadow:-1px -1px 1px #000;
}
#filterList .inside p:before{
	display:block;
}
#filterList .exception .inside	{background:#f2f2f2 url(../../img/img_filterpanel_gray.png) center 0  no-repeat;}
#filterList .entertain .inside	{background:#f2f2f2 url(../../img/img_filterpanel_red.png) center 0  no-repeat;}
#filterList .navi .inside		{background:#f2f2f2 url(../../img/img_filterpanel_green.png) center 0  no-repeat;}
#filterList .others .inside		{background:#f2f2f2 url(../../img/img_filterpanel_blue.png) center 0  no-repeat;}
#filterList .inside				{background-size:100% 100% !important;}

.exception .inside:before{
	content:"";
	top:0;
	background: -moz-linear-gradient(top,  #351035 0%, #945194 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#351035), color-stop(100%,#945194));
	background: -webkit-linear-gradient(top,  #351035 0%,#945194 100%);
	background: linear-gradient(top,  #351035 0%,#945194 100%);
}
.entertain .inside:before{
	content:"";
	top:0;
	background: -moz-linear-gradient(top,  #5a0e0e 0%, #be5858 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0e0e), color-stop(100%,#be5858));
	background: -webkit-linear-gradient(top,  #5a0e0e 0%,#be5858 100%);
	background: linear-gradient(top,  #5a0e0e 0%,#be5858 100%);
}

.others .inside:before{
	content:"";
	top:0;
	background: -moz-linear-gradient(top,  #113663 0%, #50a7fd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113663), color-stop(100%,#50a7fd));
	background: -webkit-linear-gradient(top,  #113663 0%,#50a7fd 100%);
	background: linear-gradient(top,  #113663 0%,#50a7fd 100%);
}
.navi .inside:before{
	content:"";
	top:0;
	background: -moz-linear-gradient(top,  #1e3a13 0%, #73b058 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e3a13), color-stop(100%,#73b058));
	background: -webkit-linear-gradient(top,  #1e3a13 0%,#73b058 100%);
	background: linear-gradient(top,  #1e3a13 0%,#73b058 100%);
}

.inside:after{
	content:">";
	top:30%;
}

.inside p{
	margin:0 0 0 60px;
	padding:13px 0;
	display:block;
	width:70%;
	height:100%;
	font-family: 'Quantico', sans-serif;
	color:#333;
}
#filterList .inside p:before{
	position:absolute;
	top:50%;
	left:10px;
	width:40px;
	height:40px;
	margin:-20px 0 0;
	color:#fff;
}
/****************
Side
****************/

aside{
	width:100%;
	font-size:60%;
	margin:0;
	padding:0 0 5px;
	background:url(../../img/bg.jpg) repeat;
}


#sMenu li{
	width:50%;
	float:left;
}


#sMenu li a,
#gMenu .cate a,
#gMenu .cate span{
	display:block;
	padding:15px 0 15px 15%;
}
/*
#sMenu li.ex a{

	padding:15px 0 15px 20%;
}
#sMenu li.ex a:before{
	top:35%;
}

.cate a,
.cate span,
#li1 a:hover,
#li1 .active,
#li2.cate a:hover,
#li2 .active,
#li2 .cate span:hover,
#groupEtt #li2 .cate span,
#li3.cate a:hover,
#li3 .active,
#li3 .cate span:hover,
#groupNvg #li3 .cate span,
#li4.cate a:hover,
#li4 .active,
#li4 .cate span:hover,
#groupOtr #li4 .cate span{}
*/

#sMenu .cate a:before,
#gMenu .cate a:before,
#gMenu .cate span:before{
	width:20px;
	height:20px;
	margin-top:-10px;
	background-size:100px;
}

/* Top FilterMenu
----------------*/
#sMenu #li1.cate a:before{
	background-position:0 0;
}
#sMenu #li1.cate a.active:before,
#sMenu #li1.cate a:hover:before{
	background-position:0 -20px;
}

/* Sub GlobalMenu
----------------*/
#gMenu #li1.cate a:before{
	background-position:-20px 0;
}

#gMenu #li1.cate a:hover:before,
#gMenu #li1 .cate span:hover{
	background-position:-20px -20px;
}

/* Entertainment
----------------*/
#sMenu #li2.cate a:before,
#gMenu #li2 .cate span:before{
	background-position:-40px 0;
}

#sMenu #li2.cate a.active:before,
#sMenu #li2.cate a:hover:before,
#gMenu #li2 .cate span:hover:before,
#entertainment #gMenu #li2 .cate span:before{
	background-position:-40px -20px;
}


/* Navigation
----------------*/
#sMenu #li3.cate a:before,
#gMenu #li3 .cate span:before{
	background-position:-60px 0;
}

#sMenu #li3.cate a.active:before,
#sMenu #li3.cate a:hover:before,
#gMenu #li3 .cate span:hover:before,
#navigation #gMenu #li3 .cate span:before{
	background-position:-60px -20px;
}

/* Others
----------------*/
#sMenu #li4.cate a:before,
#gMenu #li4 .cate span:before{
	background-position:-80px 0;
}

#sMenu #li4.cate a.active:before,
#sMenu #li4.cate a:hover:before,
#gMenu #li4 .cate span:hover:before,
#others #gMenu #li4 .cate span:before{
	background-position:-80px -20px;
}

#sMenu .cate a:hover:before,
#sMenu .cate a.active:before,
#gMenu .cate a:hover:before,
#gMenu .cate span:hover:before,
#entertainment #li2 span:before,
#navigation #li3 span:before,
#others #li4 span:before{
	opacity:1;
	filter:alpha(opacity=100);
}

/****************
Footer
****************/
footer{
	width:100%;
	margin:0;
}
footer small{
	font-size:.7em;
	margin:25px 0 0;
}
footer ul{
	font-size:.6em;
}
footer li:before{
	top:5px;
	border-width:2px 5px;
}