*{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style:normal;
}
html{
	height:100%;
}
body {
	height:100%;
	text-align:left;
}

li{
	list-style: none;
}
select {
	border:1px solid #A9A9A9;
}
strong{
	font-weight: bold;
}
td{
	line-height: 24px;
}

video{
	max-width: 1280px;
	width: 100%;
}
p{margin-bottom: 20px;}

a{
	cursor:pointer;
	outline:none;
	color: #000;
	text-decoration:none;
}
input{
	outline: none;
}
a:link {}
a:visited {}
a:active, a:hover {
	color: #ff9724!important;
}

/* 公共样式
--------------------------------------------------*/
/* 清除浮动 */
.clearfix{
    display:block;
    #zoom:1;/*ie6-ie7*/
}
.clearfix:after{
    content:'';
    overflow:hidden;
    width:100%;
    height:0px;
    font-size:0px;
    margin:0px;
    padding:0px;
    display:block;
    clear: both;
}
/* headerBody
--------------------------------------------------*/
/* headerBody
--------------------------------------------------*/
#headerBody { width: 1000px; height: 105px; margin: 0 auto 10px auto; position: relative; z-index: 2; 	background-color: #FFF;}
#headerBody .logo { float: left; width: 140px; height: 105px; }
#headerBody .logo a { display: block; width: 140px; height: 105px; line-height: 105px; vertical-align: middle; text-align: center; font-size: 0px; }
#headerBody .logo img { max-width: 140px; max-height: 105px; margin: 0 auto; vertical-align: middle; }
#headerBody .headerR { height: 105px; margin-left: 150px; }
#headerBody .headerRT { height: 30px; margin-bottom: 5px; position: relative; z-index: 2; }
#headerBody .headerRB { height: 70px; position: relative; z-index: 1; }
#headerBody .headerRT .weather { float: left; height: 30px; line-height: 30px; font-weight: bold; color: #999; }
#headerBody .headerRT .times { float: left; height: 30px;display:none;}
#headerBody .headerRT .times span { float: left; height: 30px; line-height: 30px; font-size:12px;font-family: \5FAE\8F6F\96C5\9ED1; }
#headerBody .headerRT .times .week { margin-left: 5px; }
#headerBody .headerRT .lang { float:right; width: 500px; height: 30px; overflow: hidden; text-align: right; font-size: 0px; background: url(http://www.xinhuanet.com/2014/images/xh_language.jpg) no-repeat 0px 0px; position:relative; }
#headerBody .headerRT .lang li { display: inline-block; #display: inline;
#zoom: 1;
margin: 0 2px; }
#headerBody .headerRT .lang a { display: block; height: 30px; line-height: 30px; font-size: 12px; position: absolute; top: 0px; }
#headerBody .headerRT .lang01 a { width: 52px; left: 5px; }
#headerBody .headerRT .lang02 a { width: 50px; left: 66px; }
#headerBody .headerRT .lang03 a { width: 47px; left: 122px; }
#headerBody .headerRT .lang04 a { width: 80px; left: 175px; }
#headerBody .headerRT .lang05 a { width: 35px; left: 262px; }
#headerBody .headerRT .lang06 a { width: 34px; left: 303px; }
#headerBody .headerRT .lang07 a { width: 35px; left: 345px; }
#headerBody .headerRT .lang08 a { width: 47px; left: 387px; }
#headerBody .headerRT .lang09 a { width: 25px; left: 441px; }
#headerBody .headerRT .lang10 a { width: 25px; left: 473px; }
#headerBody .headerRT .channel { float:right; height: 20px; position: relative; }
#headerBody .headerRT .channel li { float: left; height: 28px; padding: 0 5px; border: 1px solid #fff; vertical-align: middle; margin-left: 10px; }
#headerBody .headerRT .channel li.active { border: 1px solid #e2e2e2; }
#headerBody .headerRT .channel li a { display: inline-block; height: 30px; line-height:30px; font-size: 12px; vertical-align: middle; color: #0f649b; }
#headerBody .headerRT .channel li i { margin-left: 5px; cursor: pointer; }
#headerBody .headerRT .channel .xhNewspapers .selectList { right:-95px; _right:-90px; }
#headerBody .headerRB .adv { float: left; width: 500px; height: 70px; }
#headerBody .headerRB .adv a { display: block; width: 499px; height: 70px; line-height: 70px; vertical-align: middle; text-align: center; font-size: 0px; background: #fff; }
#headerBody .headerRB .adv img { max-width: 499px; max-height: 70px; vertical-align: middle; margin: 0 auto; }
#headerBody .headerRB .search { float: right; width: 340px; }
#headerBody .headerRB .searchItem { float: left; width: 195px; height: 37px; padding: 0 5px; background: #fff; border: 1px solid #488bb5; position: relative; }
#headerBody .headerRB .searchItem .submitBtn { width: 20px; height: 20px; position: absolute; z-index: 1; top: 8px; right: 8px; left: auto; cursor: pointer; }
#headerBody .headerRB .searchItem input { display: block; width: 165px; height: 37px; line-height: 37px\9; color: #333; border: 0px; position: absolute; top: 0px; left: 5px; }
#headerBody .headerRB .reportItem { float: right; width:114px; height: 39px; }
#headerBody .headerRB .reportItem a { display: block; width:114px; height: 39px; background: url(http://www.news.cn/2014/images/xh_pic_headerRB_report.png) no-repeat; }
#headerBody .headerRB .case { width: 340px; height: 14px; position: absolute; bottom: 0px; right: 0px; font-size:12px;}
#headerBody .headerRB .case ul { width: 350px; height: 14px; position: absolute; top: 0px; left: 0px;}
#headerBody .headerRB .case li { float: left; height: 14px;vertical-align: middle; margin-right: 20px; font-size: 0px; }
#headerBody .headerRB .case li a { display: inline-block; height: 14px; line-height:14px; font-size: 12px; vertical-align: middle; color: #0f649b; }
#headerBody .headerRB .case .controlBtn { height: 20px; position: absolute; right: 0px; top: 0px; cursor: pointer; overflow: visible; }
#headerBody .headerRB .case .selectList { width: 280px; height:58px;line-height:25px; border: 1px solid #e2e2e2; padding: 10px; background:#fff; position: absolute; left: auto;right: 0px; _right: -2px; top: 20px; z-index: 999; display: none; }
#headerBody .headerRB .case .selectList a{ line-height:25px;}
.icon{
	display: inline-block;
	vertical-align: middle;
	background: url(http://www.xinhuanet.com/2014websit/images/xh_icon.png) no-repeat;
	overflow: hidden;
}
/* 顶部搜索 */
.iconSearchBtn{
	width: 20px;
	height: 20px;
	background-position: 0px 0px;
}
#header {
	overflow: hidden;
	margin:auto;
	width: 100%;
	height: 25px;
	background-color: #F6f6f6;
	border-bottom:1px solid #ddd;
}
#header #header_nei {
	width: 845px;
	line-height: 26px;
	height: 24px;
	color:#2D8DBF;
	padding-left:5px;
}
#header a{	font-size:12px;}
#header #header_nei #header_1{
	float:left;
	width:345px;
}
#header #header_nei #header_2{
	float:left;
	width:125px;
}
#header #header_nei #header_3{
	padding-left:25px;
	float:left;
	width:335px;
}


.header{display: none; height:50px;background:#0E71B2 ; -webkit-background-size: 154px; background-size: 154px; position:relative; }
.header .logo { display: block; width: 63px; height: 45px; background: url(http://www.gd.xinhuanet.com/images/xh_mobile_header.png) no-repeat 0px 0px; -webkit-background-size: 57px; background-size: 57px; position: absolute; top: 0px; left: 10px; }
.header .name { display: inline-block; width:97px; height: 45px; line-height: 48px; font-size: 22px; font-family:"微软雅黑"; padding: 0 0 0 10px; color: #FFF; vertical-align: top; margin: 0 0 0 74px; background:url(http://www.news.cn/fortune/2015/images/xh_mobile_header.png) 0 -160px no-repeat; -webkit-background-size: 57px; background-size: 57px; }
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

/* navBody
--------------------------------------------------*/
#navBody{
	width: 1000px;
	height: 52px;
	padding: 10px 0;
	margin: 0 auto 10px auto;
	background: #0E72B2 url(http://www.gd.xinhuanet.com/images/nemu2015.jpg) no-repeat;
	position: relative;
	z-index: 1;
}
#navBody .colsItem{
	float: left;
	width: 155px;
	height: 52px;
}
#navBody .cols01{
	padding-left:75px;
	width: 180px;
	border-left: none;
}
#navBody .cols03{
	padding-left:55px;
	width: 125px;
}
#navBody .cols04{
	padding-left:25px;
	width: 125px;
}
#navBody .cols05{
	padding-left:25px;
	width: 125px;
}
#navBody .cols06{
	padding-left:30px;
	width: 90px;
}
#navBody .cols07{
	padding-left:57px;
	width: 88px;
}
#navBody .colsItem .rows{
	height: 26px;
	line-height: 26px;
}
#navBody .colsItem .rows a{
	font-family: \5FAE\8F6F\96C5\9ED1;
	float: left;
	height: 26px;
	line-height: 26px;
	margin-right: 15px;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
}

#navBody .moreItem{
	width: 55px;
	height:26px;
	margin: 0px!important;
	text-align: center;
}
#navBody .moreItem i{
	margin-left: 3px;
}
#navBody .moreItem:hover{
	color: #fff!important;
	background:url(../images/xh_icon.png) no-repeat -130px 0px;
}

img{
	border: 0;
	vertical-align: middle;
}

body {
	min-width: 278px;
	background-color: #FFF
	color: rgba(0,0,0,.8);
	font-size: 14px;
	line-height: 1.33;
	font-family:"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;
	font-smoothing: antialiased;
}

.laiyuan{
float:left;
}

.fenxian{
float:right;
padding-right:30px;
padding-top:3px;
}
/*******************************
      Definition Container
*******************************/

  #example .container {
    width: 998px;
    margin: 0em auto;

  }

#ArticleTit{
	color:#111;
	font-size:25px;
	padding:20px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:14px;
	line-height:35px;
	text-align:left;
	padding-left:20px;
}
.content{
	color:#222;
	font-size:16px;
	line-height:26px;
	text-align:left;
	padding:20px;
}
.content img{
    text-align:center;
}

#example .main.container .span2 { width:678px; float:left; border-right: 1px solid #eee;padding:5px;}
#example .main.container .span4 { width:300px; float:right; }


#example .main.container {
  background-color: #FFFFFF;
  margin: auto;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  z-index: 1;
    border-top: 1px solid #DDDDDD;
  overflow: hidden; position: relative;
}
.columns {

    padding-left: 0;
    padding-right: 0;
  width: 100%;
  float: left; }




#example .following.menu .menu .active.item {
  font-weight: bold;
}
#example .following.menu .item .menu {
  margin: 0em;
}
#example .following.menu .menu .item {
  margin: 0em;
  padding: 0.5rem 0.25rem;
}

@media only screen and (max-width : 400px) {
#example .main.container .span2 .yaowen{margin:0px;}
#example .main.container .span2 .dataList01{
	margin: 6px 2px 0px 0px;
	overflow: hidden;
}
#example .main.container .span2 { width:100%;  border-right: 0px solid #DDDDDD;}
#example .main.container .span4 { width:0%;}
#ArticleTit{
	padding:10px;
	color:#111;
	font-size:16px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:left;	padding:0px;
}
.content{
    margin-top:10px;
	color:#222;
	font-size:16px;
	line-height:26px;
	text-align:left;
	padding:0px;
}
.content img{
    text-align:center;
	height: auto!important;
}
 img{
	max-width: 95%;
	height: auto;
}

.show-for-small {
  display: inherit !important; }

  .hide-for-small {
  display: none !important; }
}
@media only screen and (max-width : 600px) {
#example .main.container .span2 .yaowen{margin:0px;}
#example .main.container .span2 .dataList01{
	margin: 6px 2px 0px 0px;
	overflow: hidden;
}
#example .main.container .span2 { width:100%;  border-right: 0px solid #DDDDDD;}
#example .main.container .span4 {width:0px; }
#ArticleTit{
	padding:10px;
	color:#111;
	font-size:18px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:left;
}
.content{
    margin-top:10px;
	color:#222;
	font-size:16px;
	line-height:26px;
	text-align:left;
	padding:0px;padding-right:5px;
}
.content img{
    text-align:center;
	height: auto!important;
}
 img{
	max-width: 95%;
	height: auto;
}

.show-for-small {
  display: inherit !important; }

  .hide-for-small {
  display: none !important; }
  #example .solid, #example .stripe {
    padding: 4em 0em;
  }
  
  #example .container {
    width: auto;
    margin: 0em 1rem;
  }
  #example .main.container {
    padding: 1em;
    box-shadow: none;
  }

}

@media only screen and (min-width : 600px) and (max-width : 998px) {
#example .main.container .span2 { width:100%;	  
  border-right: 0px solid #DDDDDD;}
#example .main.container .span4 {width:0px; }
#ArticleTit{
	padding:10px;
	color:#111;
	font-size:18px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:left;
}
.content{
    margin-top:10px;
	color:#222;
	font-size:16px;
	line-height:26px;
	text-align:left;
	padding:0px;padding-right:5px;
}
.show-for-small {
  display: inherit !important; }

  .hide-for-small {
  display: none !important; }
  #example .container {
    width: auto;
    margin: 0em 2rem;
  }
  #example .main.container {
    padding: 1em 2em;
	  border-left: 0px solid #DDDDDD;
  border-right: 0px solid #DDDDDD;
  }
}

@media only screen and (max-width : 998px) {

  #example > .pusher {
    display: block;
    width: 100%;
    height: auto;
  }

}
@media only screen and (min-width : 640px) {

#ArticleTit{
	color:#111;
	font-size:20px;
	padding:20px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:14px;
	line-height:35px;
	text-align:left;
	padding-left:30px;
}
.content{
	color:#222;
	font-size:16px;
	line-height:26px;
	text-align:left;
}
.content img{
    text-align:center;
	height: auto!important;
}

   #example .container {
    width: auto;
    margin: 0em auto;
  }
  .span2 {
	width: 100%;
}


}
@media only screen and (min-width : 998px) {

  #example .container {
    width: 900px;
    margin: 0em auto;
  }
#example .main.container .span2 {
	width: 600px; 
}
#example .main.container .span4 {
	width: 300px;
}
}

@media only screen and (min-width: 1200px) {

body {
	padding-top: 8px;
}
.show-for-small {
  display: inherit !important; }
  #example .container {
    width: 910px;
    margin: 0em auto;
  }
#example .main.container .span2 {
	width: 590px; 
}
#example .main.container .span4 {
	width: 300px;
}
}
@media only screen and (min-width : 998px) and (max-width: 1200px) {
body {
	padding-top: 8px;
}
.show-for-small {
  display: none !important; }

  #example .container {
    border-top: 1px solid #DDDDDD;
    width: 1000px;
    margin: 0em auto;
  }
#example .main.container .span2 {
	width: 678px;  padding-right:10px;border-right: 1px solid #eee;padding:5px;
}
#example .main.container .span4 {
	width: 300px;padding-left:10px;
}



}
@media only screen and (min-width : 1200px) and (max-width: 1355px) {
body {
	padding-top: 8px;
}
.show-for-small {
  display: none !important; }
#ArticleTit{
	color:#111;
	font-size:25px;
	padding:20px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:14px;
	line-height:35px;
	text-align:left;
	padding-left:50px;
}
.content{
	color:#222;
	font-size:16px;
	padding:20px;
	line-height:26px;
	text-align:left;
}
.content img{
    text-align:center;
}

  #example .container {
    width: 1000px;
    margin: 0em auto;
  border-top: 1px solid #DDDDDD;

  }
#example .main.container .span2 {
	width: 678px;  padding-right:10px;border-right: 1px solid #eee;padding:5px;
}
#example .main.container .span4 {
	width: 300px;padding-left:10px;
}
}
@media only screen and (min-width : 1355px) {
body {
	padding-top: 8px;
}
#ArticleTit{
	color:#111;
	font-size:25px;
	padding:20px;
	line-height:30px;
    text-align:center;
font-weight: bold;
}
#Articlely{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	color:#444;
	height:35px;
	font-size:14px;
	line-height:35px;
	text-align:left;
	padding-left:50px;
}
.content{
	color:#222;
	font-size:16px;
	padding:20px;
	line-height:26px;
	text-align:left;
}
.content img{
    text-align:center;
}

.show-for-small {
  display: none !important; }
#example .container {
  border-top: 1px solid #DDDDDD;
    width: 1000px;
    margin: 0em auto;
  }
#example .main.container .span2 {
	width: 678px;  padding-right:10px;border-right: 1px solid #eee;padding:5px;
}
#example .main.container .span4 {
	width: 300px;padding-left:10px;
}
}

.photo2 {width:100%;height: 130px;	margin: 0px 2px 35px 20px;text-align:center;}
.photo2 li{height: 160px;width: 200px;float: left;margin-right: 15px;}
.photo2 li img{height: 130px;width: 200px;vertical-align:top;overflow: hidden;}
.photo2 li h1{text-align: center;line-height: 22px;height: 30px;width: 200px;bottom:0px;color: #444;white-space: nowrap;}
.photo2 li a{color: #444;font-size:12px;}


.zebian{
	background-color: #f3f3f3;
	width:94%;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	padding-left:15px;
	color:#666;
	font-size:14px;
}
.zebian em{
float:right;padding-right:15px;
}
.ewm{
	text-align: center;
}
.yaowen{margin:10px 5px 10px 20px;height:30px;line-height:30px;border-bottom: 1px solid #E7E7E7;	font-weight:bold;clear:both;}
.yaowen h3{ padding-left:8px;width:80px;border-bottom: 1px solid #0E649A; height:30px; line-height:30px;font-size:16px; font-family:"微软雅黑"; font-weight:bold; color:#2660a0; float:left; }
.yaowen em a{width:60px; float:right; font-size:12px; color:#8C8C8C;text-align:right;  background-repeat:no-repeat; background-position:right; padding-right:5px; font-style:normal;}
.dataList01{
	margin: 0px 2px 0px 20px;
	overflow: hidden;
}
.dataList01 li{
	height: 22px;
	font-size:16px;
	margin-bottom: 14px;
	overflow: hidden;
	vertical-align: top;
}
.dataList01 li a{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	margin-right: 4px;
	vertical-align: top;
	color: #464646;
}
.dataList01 li .time { overflow: hidden;font-family:12px; color:#CCCCCC; float:right;top:3px; padding-right:15px; }
/* footerBody
--------------------------------------------------*/
#footerBody{
	width: 1000px;
	margin:auto;
border-top: 1px solid #ddd;
	height: 170px;
	text-align: center;
}
#footerBody .links{
	width: 1000px;
	margin: 0 auto;
	color:#333;
	font-size:12px;
	text-align:center;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
#footerBody .links .left{
	float: left;
	width: 80px;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
}
#footerBody .links .right a{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	font-size: 12px;
	color: #333;
}
#footerBody .copyright{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}
#footerBody .copyright p{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
}
#footerBody .copyright p a{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
}
#footerBody .copyright p.rows01{
	text-align: center;
}
#footerBody .copyright p.rows02{
	padding-left: 40px;
}
#footerBody .copyright p.rows03{
	padding-left: 70px;
}
#footerBody .icon{
	position: absolute;
	left: 50%;
	bottom: 6px;
	margin-left: 440px;
}



/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 250px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 45px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #0E71B2 url(http://www.gd.xinhuanet.com/images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #0E71B2;
}

.dl-menuwrapper ul {
	background: #0E71B2;
}

/*
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}
*/

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-top: 1px solid #2F90CF;
	border-bottom:1px solid #095A8F;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}